body{line-height:1.5;font-family:"微软雅黑";background:#f8f8f8;font-size:12px;}
blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%; font-family:"微软雅黑"}
ol,ul{list-style:none}
address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:normal}
button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
:link img,:visited img,a img,fieldset,img{border:0}
a{text-decoration:none}
:focus{outline:0}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sub,sup{font-size:100%;vertical-align:baseline}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
.clear,.clearfix:after{clear:both;height:0;overflow:hidden;display:block}
.clearfix:after{visibility:hidden;content:"."}
.lazy{background:url("http://img.ynmylike.com/common/public/images/lazy-load.gif") no-repeat scroll 50% 50% !important}

.headerBg {
	height: 753px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
.panHeader {
	display: block;
	height: 753px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
.ban1 {
	background: url(../images/top_01.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban2 {
	background: url(../images/top_02.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban3 {
	background: url(../images/top_03.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban4 {
	background: url(../images/top_04.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban5 {
	background: url(../images/top_05.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban6 {
	background: url(../images/top_06.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban7 {
	background: url(../images/top_07.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban8 {
	background: url(../images/top_08.jpg) no-repeat center;
	height: 53px;
	overflow: hidden;
}
.linkb1{ width:100%; height:600px; position:absolute; left:0px; top:0px; z-index:500;}


.casebox1{ width:100%; display:block; position:relative; overflow:hidden; zoom:1; background:url(../images/lineb.png) repeat-x; height:948px;}
.cb-mid{ width:1200px; margin:0 auto; position:relative; height:948px; overflow:hidden;}
.cb-t1{ width:1200px; background:url(../images/linea.png) no-repeat top center; padding-top:10px; margin-top:70px;}
.cb-t1 h1{ font-size:54px; font-weight:normal; color:#202020; text-align:center;}
.cb-t1 p{ font-size:20px; font-weight:normal; text-align:center; color:#686868;}
.cb-t1 span{ font-size:8px; font-weight:normal;  text-align:center; color:#c1c1c1; display:block; font-style:italic; padding-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Palatino, serif;letter-spacing:0.2px;}
.c-scroll{ width:1200px; position:relative; height:430px; margin-top:46px; }
.scroll-1 {
	width: 100%;
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.swipe {
	overflow: hidden;
	visibility: hidden;
	position: relative;
}
.swipe-wrap {
	overflow: hidden;
	position: relative;
	text-align:center
}
.swipe-wrap > div {
	float: left;
	width: 100%;
	position: relative;
}
.pre11 {
	position: absolute;
	width: 30px;
	height: 40px;
	left: 0px;
	top: 40%;
	cursor: pointer;
}
.next11 {
	position: absolute;
	width: 30px;
	height: 40px;
	right: 0;
	top: 40%;
	cursor: pointer;
}
.casecons{ width:100%; position:relative; height:430px}
.casecons img{ text-align:center;}
.alinfo{ position:absolute; background:url(../images/casetit.png) no-repeat center 64px #6b42b2; width:410px; height:430px; top:0px; right:90px;box-sizing:border-box; padding-top:166px; overflow:hidden}
.alinfo h2{ font-weight:normal; font-size:42px; color:#fff; line-height:46px;}
.alinfo p{ font-weight:normal; font-size:26px; color:#fff;}
.hdnav{ width:410px; background:url(../images/hdbg.jpg) no-repeat; height:81px; position:absolute; bottom:5px; left:0px; padding-top:7px;}
.hdnav ul{ width:313px; padding-left:52px; float:left; display:block}
.hdnav li{ font-size:12px; float:left; width:33%; border-right:1px solid #e5e5e5; height:18px; text-align:center; cursor:pointer}
.hdnav li a { color:#a3a3a3;}
.hdnav li img{ padding-right:3px; vertical-align:middle}
.hdnav li.lasthd{ border:none;}
.hdnav li.dz{ background:url(../images/dz.png) no-repeat 22px 3px;}
.hdnav li.dz:hover{ background:url(../images/dz-1.png) no-repeat 22px 3px;}

.hdnav li.yds{ background:url(../images/yds.png) no-repeat 17px 5px;}
.hdnav li.yds:hover{ background:url(../images/yds-1.png) no-repeat 17px 5px;}
.hdnav li.pl{ background:url(../images/pl.png) no-repeat 17px 5px;}
.hdnav li.pl:hover{ background:url(../images/pl-1.png) no-repeat 17px 5px;}
.hdnav li a:hoveR{ color:#6b42b2;}

.ca1{ display:block; width:100%; color:#fff; text-align:center; padding-top:42px;}
.ca1 p{ font-size:20px;}
.ca1 span{ font-size:8px;font-family:"Times New Roman", Times, serif, serif, sans-serif, Palatino, serif;font-style:italic; opacity:0.3; display:block; padding-top:6px;}
.morebtn{ width:320px; height:46px; border:1px solid #6e5ea4; text-align:center; color:#fff; font-size:20px; display:block; margin:38px auto; line-height:46px; transition:all 0.2s ease-in-out}
.morebtn:hoveR{ background:#6b42b2; border:1px solid #6b42b2;}


.casebox2{ width:100%; display:block; position:relative; overflow:hidden; zoom:1; background:#f8f8f8; }
.cb-mid2{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.cb-t1{ width:1200px; background:url(../images/linea.png) no-repeat top center; padding-top:10px; margin-top:70px;}
.cb-t1 h1{ font-size:54px; font-weight:normal; color:#202020; text-align:center;}
.cb-t1 p{ font-size:20px; font-weight:normal; text-align:center; color:#686868;}
.cb-t1 span{ font-size:8px; font-weight:normal;  text-align:center; color:#c1c1c1; display:block; font-style:italic; padding-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Palatino, serif;letter-spacing:0.2px;}

.alist{ width:100%; position:relative; float:left; margin-top:40px;}
.alist li{float:left; line-height:0;width:16.65458333333333%; position:relative; overflow:hidden; background:#000; cursor:pointer}
.alist li img{ opacity:0.8; width:100%;}
.alist li .xsinfo{ position:absolute; width:100%; height:60px; background:#000; opacity:0.5; left:0px; bottom:0px; color:#fff; font-size:20px; line-height:60px; padding-left:20px; box-sizing:border-box;}
.alist li .xsinfo img{ position:absolute; right:27px; top:24px; width:20px; height:20px;}
.alist li .yyBoxBg{width:100%; height:100%; position:absolute;left:0;top:100%; background:#653ea4; opacity:0.8;z-index:1;}
.alist li .yyBox{width:100%; height:100%; position:absolute;left:0;top:100%;line-height:1.5em; text-align:center; color:#fff; z-index:2;}
.alist li .yyBox h3{font-size:32px;line-height:1.2em; margin-top:90px;}
.alist li .yyBox h4{font-size:20px;line-height:1em;margin-top:15px;}
.alist li .yyBox p{width:280px; margin:30px auto;}
.alist li .yyBox a{width:72.10031347962382%; padding:10px 0; display:block;  margin:0 auto; color:#fff; border:2px solid #fff; border-radius:0px; font-size:18px;margin-top:55%;}
.alist li:hover .yyBoxBg{animation:myfirst1 .9s;-moz-animation:myfirst1 .9s; -webkit-animation:myfirst1 .9s;-o-animation:myfirst1 .9s;top:0;}
.alist li:hover .yyBox{animation:myfirst1 .7s;-moz-animation:myfirst1 .7s; -webkit-animation:myfirst1 .7s;-o-animation:myfirst1 .7s;top:0;}
@keyframes myfirst1{0%{top:100%}100%{top:0}}
@-moz-keyframes myfirst1{0%{top:100%}100%{top:0}}
@-webkit-keyframes myfirst1 {0%{top:100%}100%{top:0}}
@-o-keyframes myfirst1{0%{top:100%}100%{top:0}}
.alist li:hover .xsinfo{ opacity:0}


.casebox3{ width:100%; display:block; position:relative; overflow:hidden; zoom:1; background:#f8f8f8; }
.cb-mid3{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.cb-t2{ width:1200px; background:url(../images/sa.png) no-repeat top center; padding-top:40px; margin-top:63px;}
.cb-t2 h1{ font-size:54px; font-weight:normal; color:#202020; text-align:center;}
.cb-t2 p{ font-size:20px; font-weight:normal; text-align:center; color:#686868;}
.cb-t2 span{ font-size:8px; font-weight:normal;  text-align:center; color:#c1c1c1; display:block; font-style:italic; padding-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Palatino, serif;letter-spacing:0.2px;}
.vilist{ float:left; width:100%; position:relative; margin-top:30px;}
.vilist li{ width:383px; height:246px; float:left; overflow:hidden; position:relative; background:#000; margin:8px ;}
.vilist li a{ width:383px; height:246px; float:left; overflow:hidden; position:relative; background:#000; transition:all 0.45s ease-in-out}
.vilist li img{ opacity:0.5;}
.vilist li a img{ opacity:0.5;transition:all 0.45s ease-in-out}
.vipss{ position:absolute;bottom:12px; left:0px; color:#fff; font-size:18px;  background:url(../images/ic.png) no-repeat 15px 0; width:100%; height:39px; padding-left:60px; box-sizing:border-box; line-height:34px;}
.vilist li:hover .vipss{ background:url(../images/ica.png) no-repeat;}
.vilist li:hover img{ opacity:1;}
.vilist li:hover .vipss{ opacity:0}

.casebox4{ width:100%; display:block; position:relative; overflow:hidden; zoom:1; background:#f8f8f8; height:830px; background:url(../images/anlipindaomap1.gif) no-repeat center; margin-top:73px; }
.cb-mid4{ width:1200px; margin:0 auto; position:relative; overflow:hidden;height:830px;}
.cb-t4{ width:1200px; background:url(../images/linea1.png) no-repeat top center; padding-top:10px; margin-top:60px;}
.cb-t4 h1{ font-size:54px; font-weight:normal; color:#fff; text-align:center;}
.cb-t4 p{ font-size:20px; font-weight:normal; text-align:center; color:#fff;}
.cb-t4 span{ font-size:8px; font-weight:normal;  text-align:center; color:#c1c1c1; display:block; font-style:italic; padding-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Palatino, serif;letter-spacing:0.2px;}


.casebox5{ width:100%; display:block; position:relative; overflow:hidden; zoom:1; background:#f8f8f8; }
.cb-mid5{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.cb-t5{ width:1200px; background:url(../images/linea.png) no-repeat top center; padding-top:10px; margin-top:70px;}
.cb-t5 h1{ font-size:54px; font-weight:normal; color:#202020; text-align:center;}
.cb-t5 p{ font-size:20px; font-weight:normal; text-align:center; color:#686868;}
.cb-t5 span{ font-size:8px; font-weight:normal;  text-align:center; color:#c1c1c1; display:block; font-style:italic; padding-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Palatino, serif;letter-spacing:0.2px;}
.zjlist{ width:100%; position:relative; float:left; margin-top:40px;}
.zjlist li{float:left; line-height:0;width:19.92%; position:relative; overflow:hidden; background:#000; cursor:pointer; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5}
.zjlist li img{ width:100%;}
.zjlist li .yyBoxBg{width:100%; height:100%; position:absolute;left:0;top:100%; background:#653ea4; opacity:0.8;z-index:1;}
.zjlist li .yyBox{width:100%; height:100%; position:absolute;left:0;top:100%;line-height:1.5em; text-align:center; color:#fff; z-index:2;}
.zjlist li .yyBox h3{font-size:30px;margin-top:40%; display:block;  }
.zjlist li .yyBox p{width:100%; margin:15px auto; font-size:18px; display:block;}
.zjlist li .yyBox a{width:72.10031347962382%; padding:10px 0; display:block;  margin:0 auto; color:#fff; border:2px solid #fff; border-radius:100px; font-size:18px; margin-top:5%}
.zjlist li:hover .yyBoxBg{animation:myfirst1 .9s;-moz-animation:myfirst1 .9s; -webkit-animation:myfirst1 .9s;-o-animation:myfirst1 .9s;top:0;}
.zjlist li:hover .yyBox{animation:myfirst1 .7s;-moz-animation:myfirst1 .7s; -webkit-animation:myfirst1 .7s;-o-animation:myfirst1 .7s;top:0;}
@keyframes myfirst1{0%{top:100%}100%{top:0}}
@-moz-keyframes myfirst1{0%{top:100%}100%{top:0}}
@-webkit-keyframes myfirst1 {0%{top:100%}100%{top:0}}
@-o-keyframes myfirst1{0%{top:100%}100%{top:0}}
.zjlist li:hover .xsinfo{ opacity:0}



.casebox6{ width:100%; display:block; position:relative; overflow:hidden; zoom:1; background:#f8f8f8; }
.cb-mid6{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.cb-t6{ width:1200px; background:url(../images/zxicon.png) no-repeat top center; padding-top:82px; margin-top:40px;}
.cb-t6 h1{ font-size:54px; font-weight:normal; color:#202020; text-align:center;}
.cb-t6 p{ font-size:20px; font-weight:normal; text-align:center; color:#686868;}
.cb-t6 span{ font-size:8px; font-weight:normal;  text-align:center; color:#c1c1c1; display:block; font-style:italic; padding-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Palatino, serif;letter-spacing:0.2px;}

.caselist{ overflow:hidden; width:1100px; margin:0 auto; display:block; position:relative; margin-top:10px;}
.caselist li{ float:left; width:525px; height:420px; background:#fff;  box-sizing:border-box; text-align:center; margin:20px 12px;transition:all 0.25s ease-in-out;}
.caselist li a{ background:url(../images/anlitit.png) no-repeat 20px 30px; color:#a2a2a2;height:370px; float:left; font-size:18px;width:527px; height:370px; padding:20px; box-sizing:border-box; transition:all 0.45s ease-in-out; box-sizing:border-box}
.caselist li p{ margin-top:13px; display:block; float:left; width:100%; text-align:center}
.caselist li a:hover{ background:url(../images/anlitit1.png) no-repeat 20px 30px; color:#1d1d1d;}
.caselist li .bdz{ width:223px; height:273px; float:left; margin-top:55px; margin-left:10px; margin-right:7px;}
.caselist li .dbbox{ width:100%; overflow:hidden; display:block; float:left; position:relative;}
.caselist li:hover{box-shadow: 0 15px 15px rgba(0, 0, 0, .2);}
.morebtna{ display:block; width:1076px; margin:0 auto; padding:8px 0; background:#fff; text-align:center; font-size:18px; color:#a2a2a2;}
.morebtna:hover{ color:#653ea4}
.caselist li .dbbox .qh1{ width:78px; height:20px; display:block; position:absolute; bottom:10px; left:145px;}
.caselist li .dbbox .qh2{ width:78px; height:20px; display:block; position:absolute; bottom:10px; right:25px;}

.zxcase{ display:block; width:100%; display:block; overflow:hidden;}
.cb-t7{ width:1200px; background:url(../images/pficon.png) no-repeat top center; padding-top:82px; margin-top:40px;}
.cb-t7 h1{ font-size:54px; font-weight:normal; color:#202020; text-align:center;}
.cb-t7 p{ font-size:20px; font-weight:normal; text-align:center; color:#686868;}
.cb-t7 span{ font-size:8px; font-weight:normal;  text-align:center; color:#c1c1c1; display:block; font-style:italic; padding-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Palatino, serif;letter-spacing:0.2px;}

.cb-t8{ width:1200px; background:url(../images/wcicon.png) no-repeat top center; padding-top:82px; margin-top:40px;}
.cb-t8 h1{ font-size:54px; font-weight:normal; color:#202020; text-align:center;}
.cb-t8 p{ font-size:20px; font-weight:normal; text-align:center; color:#686868;}
.cb-t8 span{ font-size:8px; font-weight:normal;  text-align:center; color:#c1c1c1; display:block; font-style:italic; padding-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Palatino, serif;letter-spacing:0.2px;}

.cb-t9{ width:1200px; background:url(../images/kqicon.png) no-repeat top center; padding-top:82px; margin-top:40px;}
.cb-t9 h1{ font-size:54px; font-weight:normal; color:#202020; text-align:center;}
.cb-t9 p{ font-size:20px; font-weight:normal; text-align:center; color:#686868;}
.cb-t9 span{ font-size:8px; font-weight:normal;  text-align:center; color:#c1c1c1; display:block; font-style:italic; padding-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Palatino, serif;letter-spacing:0.2px;}


.dhk{ width:100%; position:relative; overflow:hidden; height:830px;}
.jc{ position:absolute; top:20px; right:457px;width:30px; height:30px;}
.lightTip						{  }
.lightTip .content				{ width: 310px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202; }
.lightTip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }

.zc{ position:absolute; top:80px; right:307px;width:30px; height:30px;}
.light1Tip						{  }
.light1Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light1Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }

.dl{ position:absolute; top:200px; right:364px;width:30px; height:30px;}
.light2Tip						{  }
.light2Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light2Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }

.gx{ position:absolute; top:340px; right:438px;width:30px; height:30px;}
.light3Tip						{  }
.light3Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light3Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }

.qx{ position:absolute; top:460px; right:520px;width:30px; height:30px;}
.light4Tip						{  }
.light4Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light4Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }

.dc{ position:absolute; top:490px; right:730px;width:30px; height:30px;}
.light5Tip						{  }
.light5Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light5Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }

.jz{ position:absolute; top:465px; right:860px;width:30px; height:30px;}
.light6Tip						{  }
.light6Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light6Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }


.qc{ position:absolute; top:245px; right:850px;width:50px; height:30px;}
.light7Tip						{  }
.light7Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light7Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }

.zx{ position:absolute; top:315px; right:780px;width:50px; height:30px;}
.light8Tip						{  }
.light8Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light8Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }

.mx{ position:absolute; top:205px; right:710px;width:50px; height:30px;}
.light9Tip						{  }
.light9Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light9Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }

.sl{ position:absolute; top:300px; right:665px;width:50px; height:30px;}
.light10Tip						{  }
.light10Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light10Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }

.yq{ position:absolute; top:250px; right:585px;width:50px; height:30px;}
.light11Tip						{  }
.light11Tip .content				{ width: 210px; padding: 10px; border: 6px solid #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffff; color: #020202;}
.light11Tip .bottom				{ height: 14px; background:url(../images/notch-white.png) top center no-repeat; }


/*成果列表*/
.headerBgcslis {
	height: 560px;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
.panHeadercslist {
	display: block;
	height: 560px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}
.ban11 {
	background: url(../images/listtop_01.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban22 {
	background: url(../images/listtop_02.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban33 {
	background: url(../images/listtop_03.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban44 {
	background: url(../images/listtop_04.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban55 {
	background: url(../images/listtop_05.jpg) no-repeat center;
	height: 100px;
	overflow: hidden;
}
.ban66 {
	background: url(../images/listtop_06.jpg) no-repeat center;
	height: 60px;
	overflow: hidden;
}
.linkb2{ width:100%; height:560px; position:absolute; left:0px; top:0px; z-index:500;}
.lj{ display:block; width:1200px; padding:25px 0; margin:0 auto; font-size:18px;}
.lj img{ vertical-align:middle; margin-right:10px; margin-left:10px;}
.lj a{ color:#999;}
.lj a:hoveR{ color:#653ea4;}
.clist-fl{ width:231px; float:left; display:block; position:relative; margin-bottom:20px; }
.clist-fr{ width:930px; float:right; display:block; position:relative;}
.clistbox{ width:1200px; margin:0 auto; display:block; position:relative; margin-top:10px; margin-bottom:36px; overflow:hidden}
.clistUl{ display:block; width:231px; background:#fff;box-shadow: 10px 10px 20px rgba(0, 0, 0, .1);
 box-sizing:border-box;}
 
.clistUl li{line-height:44px;height:44px;overflow:hidden;font-size:16px;}
.clistUl li a{display:block;position:relative;padding-left:20px;text-decoration:none;cursor:pointer;color:#2d2d2d}
.clistUl li a i{position:absolute;right:0;top:0;height:42px;line-height:42px;width:0px;overflow:hidden;background:url(../images/jt.png) no-repeat left center;}
.clistUl li a:hover i{background:url(../images/jt11.png) no-repeat left center;}
.leftDiv{position:absolute;width:188px;height:42px;display:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.clistUl li a:hover{ color:#fff;}
.clistUl li:hover{ background:#653ea4}

.clist-gg{ width:930px; height:146px; display:block; overflow:hidden;}
.clist{ width:100%; display:block; margin-top:40px;}

.clist li{ display: inline;
    float: left;
    margin: 0px 6px 0px 6px;
    padding-bottom: 40px;
    width: 298px;}
.clist li .pad1{  float: left;
    padding: 0px;
    width: 298px;}
.clist li .caseimgfl-1{ width:149px; height:180px; overflow:hidden; display:block; float:left; position:relative;}
.clist li .caseimgfr-1{ width:149px; height:180px; overflow:hidden; display:block; float:right;position:relative;}
.clist li h4{ text-align:center; float:left; width:100%; background:url(../images/dbline.jpg) no-repeat bottom center;}
.clist li h4{ font-weight:normal; line-height:30px; font-size:14px; padding-top:6px; padding-bottom:6px; color:#5b4c5d}
.clist li h4 a{ color:#2d2d2d}
.clist li h4 a:hover{ color:#653ea4}
.ssp1{ position:absolute; width:68px; height:19px; bottom:0px; right:0px;}
.ssp2{ position:absolute; width:68px; height:19px; bottom:0px; left:0px;}
.caselistbox1{ width:100%; display:block; position:relative; overflow:hidden; zoom:1;}
.clist-mid{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
.cb-t1{ width:1200px; background:url(../images/linea.png) no-repeat top center; padding-top:10px; margin-top:70px;}
.cb-t1 h1{ font-size:54px; font-weight:normal; color:#202020; text-align:center;}
.cb-t1 p{ font-size:20px; font-weight:normal; text-align:center; color:#686868;}
.cb-t1 span{ font-size:8px; font-weight:normal;  text-align:center; color:#c1c1c1; display:block; font-style:italic; padding-top:10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Palatino, serif;letter-spacing:0.2px;}

/*成果详情*/
.anlifl{ display:block; position:relative; width:100%; background:url(../images/xqbg.jpg) repeat-x 0px 80px #fff; min-height:120px;}
.anlifl .flist{ width:1200px; display:block; position:relative; margin:0 auto; padding-top:20px;}
.anlifl .flist h1{ font-weight:normal; font-size:34px;}
.anlifl .flxq{ background:#fbfbfb; width:100%; display:block; position:relative; overflow:hidden; margin-top:24px;}
.anlifl .flxq .flxqa{ width:1200px; margin:0 auto; display:block; overflow:hidden;}
.spbq{ float: left;
    height: 250px;
    line-height: 2;
    margin: 10px 30px 20px 30px;
    overflow: hidden;
    padding: 20px 20px 0 20px;
    position: relative;
    width: 298px;}
	.spbq h2{ text-align:center; font-size:16px; color:#1c1c1c; display:block; padding:7px 0; background:url(../images/dbline.jpg) no-repeat bottom center; font-weight:normal; float:left; width:100%;}
.biankuang_1 {
    border-left: 2px solid #653ea4;
    height: 3px;
    left: 0;
    top: -6px;
}
.biankuang {
    border-radius: 10px;
    height: 3px;
    position: absolute;
    width: 3px;
    z-index: 99;
}
.biankuang_2 {
    border-top: 2px solid #653ea4;
    bottom: -3px;
    left: 0;
    width: 0;
}
.biankuang_3 {
    border-right: 2px solid #653ea4;
    bottom: 0;
    height: 0;
    right: 0;
}
.biankuang_4 {
    border-bottom: 2px solid #653ea4;
    right: 0;
    top: -3px;
    width: 0;
}

.text_gobuy {
    background: rgba(101, 62, 164, 0) none repeat scroll 0 0;
    cursor: pointer;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
	text-align:center;
    top: -30px;
    transition: all 300ms ease 0s;
    width: 318px;
    z-index: 9;
}
.spbq p {
    bottom: 10px;
    color: #fff;
    left: 86px;
    line-height: 33px;
    position: absolute;
	font-size:16px;
}
.zst{ position:relative;}
.zst .zal{ display:block; float:left; width:149px; height:180px;}
.ssp11{ position:absolute; width:68px; height:19px; top:161px; left:81px;}
.ssp22{ position:absolute; width:68px; height:19px; top:161px; left:149px;}

.text_gobuy_show {
    background-color: rgba(101, 62, 164, .6);
    bottom: 0;
    cursor: pointer;
    height: 50px;
    overflow: hidden;
    padding: 20px 15px;
    position: absolute;
    width: 318px;
    z-index: 9;
}