@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}


.service-main{
	width:100%;
	margin:0 auto;
	background:url(../images/s-bj.jpg);
	height:610px;
	overflow:hidden;}
	
.service-main01{
	width:100%;
	margin:0 auto;
	background:#fff;
	overflow:hidden;}

.case-content{overflow:hidden;margin:40px auto 0 auto;width:1100px; height:400px;}
.case-item{float:left;margin:30px 55px;margin-bottom:20px}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:255px;height:255px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:265px;height:265px;border:10px solid #fff;border-right-color:#0062a6;border-bottom-color:#0062a6;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}

.ih-item.circle.effect1 .img p{
	text-align:center;
	font-size:19px;
	margin-top:22px;
	color:#0062a6;}

.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:24px;margin:0 30px;padding:30px 0 0;height:71px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#bbb;padding:10px 5px;font-style:italic;margin:0 30px;font-size:10px;border-top:1px solid rgba(255,255,255,.5); font-family:"微软雅黑";}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}

.service-top{
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding-top:97px;}
	
.service-top h2{
	color:#686868;
	font-size:30px;}
	
.service-top01{
	width:1200px;
	margin:0 auto;
	text-align:center;
	padding-top:97px;}
	
.service-top01 h2{
	color:#222;
	font-size:30px;}
	
.service-top p{
	color:#979797;
	line-height:20px;
	padding-top:30px;
	font-size:13px;
	padding-bottom:75px;}
	
	
<!--   2   3   --->


body{
	min-width: 1000px;
	color:#333!important;
}
.w1000{
	width: 1000px;
	margin:0 auto;
	position: relative;
}

.content {
width: 1000px;
margin: 0px auto;
overflow: hidden;
height: auto;
}

.in-banner{
	width: 100%;
	height: 360px;
	position: relative;
	margin-top: -5px;
}
.in-banner .bannertxt .txt1{
	display: block;
	position: absolute;
	top: 267px;
	left: 90px;
	opacity: 0;
	filter: alpha(opacity=0);

	top: 167px;
}
.in-banner .bannertxt .txt5{
	position: absolute;
	width: 225px;
	text-align: center;
	left: 387px;
	top: 411px;

	top: 511px;
	opacity: 0;
	filter: alpha(opacity=0);
}
.in-banner .bannertxt .txt51{
	display: block;
	margin:0 auto;
}
.in-banner .bannertxt .hr{
	display: block;
	margin:0 auto;
	width: 34px;
	height: 2px;
	background: #8B8B8B;
	opacity: 0.7;
	filter: alpha(opacity=70);
	margin-top: 8px;
}
.in-banner .bannertxt .txt52{
	color: #fff;
	font-size: 22px;
	letter-spacing: 10px;
	display: block;
	margin:0 auto;
}
.in-banner .bannertxt .txt53{
	display: inline-block;
	margin:0 auto;
	width: 153px;
	height: 35px;
	background: url(../images/company_12.png) no-repeat center;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 35px;
	margin-top: 23px;
}
.in-banner .bannertxt .txt53 a{
    color:#4B4B4B;
}
.in-banner .bannertxt .btn{
	display: block;
	margin:0 auto;
	width: 13px;
	height: 15px;
	background: url(../images/company_16.png) no-repeat center;
	margin-top: 50px;
	cursor: pointer;
}


.tit-gy{
    margin-left:303px;
    float:left;
}
.tit-gy{
    margin-left: 299px!important;
}
.tit-gy-one{
    margin: 50px 0px 74px 267px;
    float:left;
    text-align: center;
    position:relative;
    +margin: 50px 0px 74px 0px !important;
}

.tit-gy-one img{
    margin-bottom: 14px;
}
.company_slide{
    width:193px;
    height:18px;
    background: url("../images/sde.png") no-repeat;
    margin: 0px auto;
    line-height: 18px;
    font-size: 13px;
    color:#0062a6;
}
.cpnews{
	background: url("../images/cpnew_07.png") no-repeat;
	width:295px;
}
.se a{
    color:#d6b991;
}
.show{
    clear:both;
    margin-top: 7px;
    float:left;
    overflow: hidden;
    width:1000px;
    +height:452px;
}
.show-pic img{
    float:left;
}
.show-pic{
    float:left;
    width:1000%;
    +width:3000px;
    opacity: 0;
    margin-left: -400px;
    filter: alpha(opacity=0);
}
.btns{
    float:left;
    margin:-40px 0px 95px 509px;
    width:92px;
    height:40px;
}
.jm{
    margin-left:318px !important;
    margin-bottom: 54px;
    +clear:both;
    +padding:50px 0px 74px 0px;
}
.btns a{
    height:38px;
    width:38px;
    border:1px solid #949191;
    text-align: center;
    line-height: 40px;
    color:#bebcbc;
    display: block;
    float: left;
    font-family:"Regular";
    margin-right:6px;
    display: none;

}
.btns a:hover{
    background: #caac8a;
    border: 1px solid #caac8a;
    color: #fff;
}
.lclist{
    width:1032px!important;
    background: url("../images/bg.jpg") no-repeat;
    height:490px;
}
.btns a.in{
    background: #caac8a;
    border:1px solid #caac8a;
    color:#fff;
}
.btns{
    float:left;
}
.lc{
    width:100%;
    height:490px;
    border-top:1px solid #e2e2e2;
    background: #fafafa;
}
.lens{
    width:100%;
    float:left;
    margin-top: 58px;
}
.lens li{
    width:176px;
    height:163px;
    float:left;
    margin-bottom: 46px;
    overflow: hidden;
  
}
.lens li a{
    width:100%;
    height: 100%;
    display: block;
    color:#333333;
    font-size: 14px;
    text-align: center;
    margin: 0px 0px 0px -200px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.lens li.icon9 a{
    margin: -200px 0px 0px 0px;
}

.lens li a p{
    line-height: 24px;
	margin-top: 12px;
}
.lens li i{
    display: block;
    width:95px;
    height:95px;
      +margin-left:0px;	
}
.icon1 i{
    background:url("../images/icon_23.png") no-repeat;
    margin-left: 29px;
}
.icon2 i{
    background:url("../images/icon_26.png") no-repeat;
    margin-left: 39px;
}
.icon3 i{
    background:url("../images/icon_28.png") no-repeat;
    margin-left: 36px;
}
.icon4 i{
    background:url("../images/icon_30.png") no-repeat;
    margin-left: 39px;
}
.icon5 i{
    background:url("../images/icon_32.png") no-repeat;
    margin-left: 42px;
}
.icon6 i{
    background:url("../images/icon_47.png") no-repeat;
    margin-left: 34px;
}
.icon7 i{
    background:url("../images/icon_53.png") no-repeat;
    margin-left: 41px;
}
.icon8 i{
    background:url("../images/icon_49.png") no-repeat;
    margin-left: 39px;
}
.icon9 i{
    background:url("../images/icon_51.png") no-repeat;
    margin-left: 50px;
}
.icon1{
    margin-left: 39px;
    margin-right: 18px;
}
.icon2{
    margin-right: 28px;
}
.icon3{
    margin-right: 24px;
}
.icon4{
    margin-right: 24px;
}
.lens li.icon6{
    margin-right: 18px;
    float:right;
}
.lens li.icon7{
    margin-right: 29px;
    float:right;
}
.lens li.icon8{
    margin-right: 20px;
    float:right;
}
.lens li.icon9{
    width:200px!important;
    float:right;
}
.sqj {
    height:800px;
}
.sqjs{
    margin-left: 314px;
    margin-bottom: 28px;

}
.psql{
    float:left;
    width:989px;
    text-align: center;
    margin-left: 11px;
    font-size: 12px;
    height:12px;
    line-height: 12px;
    color:#333;
}
.tels{
    margin: 0px auto;
    display: block;
    clear:both;
    padding-top: 25px;
}
.formlist li{
    float:left;
    width:310px;
    height:43px;
    border:1px solid #c3c3c3;
    margin-right: 32px;
    margin-bottom: 20px;
}
.none{
    margin: 0px!important;
}
.formlist{
	height:195px;
}
.formlist li label{
    height:43px;
    line-height: 43px;
    margin-left: 10px;
    float:left;
}
.formlist input{
    height:41px;
    border:0px none;
    text-indent: 5px;
    width:207px;
       float:left;
}
.radio{
    width:auto!important;
}
.sex{
    float:right;
}
.sex input{
    float:left;
}
.sex span{
    float:left;
    height:43px;
    line-height: 40px;
    width:30px;
    text-align: center;
    margin-right: 7px;
}
.bz{
    float:right;
    height:43px;
    line-height: 43px;
    color:#333333;
    text-align: center;
    width:66px;
}
.country input{
    width: 150px !important;
}
#form{
    float: left;
    margin-top: 66px;
}
.ly{
    width:998px;
    height:112px;
    border:1px solid #c3c3c3;
    text-indent: 18px;
    padding-top: 24px;
}
.submit{
    width:1000px;
    height:47px;
    text-align: center;
    line-height: 47px;
    color:#fff;
    font-size: 14px;
    background: #c9a071;
    margin-top: 20px!important;
    float:left;
}
.desip{
    float: left;
    width: 822px;
    text-align: center;
    margin-left: 128px;
    margin-top: 60px;
    opacity: 0;
    font-size: 12px;
    height: 48px;
    line-height: 24px;
    color: #333;
}
.detit{
    margin-bottom: 60px;
    margin-left: 324px;
}
.black-clear-box{
    position:absolute;
    width:100%;
    height:100%;
    background: #fff;
    opacity:0.4;
    filter: alpha(opacity=40);
}
.piclic{
    clear: both;
    float: left;
    display: block;
    margin: 60px 0px 12px 404px;
    opacity: 0;
}
.conybtn{
    width:56px;
    height:135px;
    float:left;
    clear:both;
    position: relative;
    margin-left: 482px;
    margin-top: 28px;
}
.conybtn a{
    width:56px;
    height:56px;
    position: absolute;
    background: url("../images/icon_32_19.png") no-repeat;
    bottom:0px;
}
.conybtn span{
    background: #c9a072;
    height:1px;
    width:21px;
    display: block;
    margin: 0px auto;
}
.design{
    height:539px;
}
.fuzc{
    width:100%;
    height:1141px;
    background: #f4f4f4;
}
.serv{
    margin-left: 332px;
    margin-top: 86px;
}
.modom{
    opacity: 0;
    filter: alpha(opacity=0);
}
.servlist li{
    width:100%;
    height:171px;
}
.serjs{
    float:left;
    margin-top: -100px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.serjs p,.nextjs p{
    width:407px;
    color:#333333;
    line-height: 20px;
    height:60px;
    margin-top: 14px;
}
.lz1{
    display: block;
    float:left;
    width:287px;
    height:100px;
    margin-left: 50px;
}
.servlist{
    float:left;
    width:100%;
}
.servlist li a{
    position: relative;
}
.lz1 span{
    width:101px;
    height: 100px;
    float:left;
    background: url("../images/plic_11.png") no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
}
.lz1 i{
    width:150px;
    height:100px;
    background: url("../images/plic_17.png") no-repeat;
    float:right;
    display: block;
    margin-top: 15px;
    margin-right: -170px;
    transition:1000ms;
    opacity: 0;
    filter: alpha(opacity=0);
}
.nelz{
    width:294px;
    height:100px;
    margin-left: 263px;
    display: block;
    float:left;
}
.nelz i{
    width:330px;
    height: 100px;
    float:left;
    background: url("../images/plic_28.png") no-repeat;
    display:block;
    margin-top: 23px;
    margin-left: -170px;
    transition:1000ms;
    opacity: 0;
    filter: alpha(opacity=0);
}
.dol{
    margin-left:0px!important;
    margin-right: 0px!important;
    width:160px!important;
    opacity:1!important;
    filter: alpha(opacity=0);
}
.nelz span{
    width: 101px;
    height: 100px;
    float: left;
    background: url("../images/plic_23.png") no-repeat;
    margin-left: 32px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.nextjs{
    float:left;
    margin-left: 35px;
    margin-top: -100px;
}
.servlist li span{
    margin-top: -100px;
}
.jsth a span{
     background: url("../images/plic_37.png") no-repeat;
 }
.jsth a i{
    background: url("../images/plic_38.png") no-repeat;
}
.jsfo a span{
     background: url("../images/plic_43.png") no-repeat;
 }
.jsfo a i{
    background: url("../images/plic_44.png") no-repeat;
}
.jsfi a span{
    background: url("../images/plic_50.png") no-repeat;
}
.jsfi a i{
    background: url("../images/plic_53.png") no-repeat;
}
.slide{
    width:1px;
    border-left:1px dotted #b5b5b5;
    height:70px;
    position: absolute;
    bottom:-70px;
    left:50px;
}
.nez-solid{
    left:244px;
}
.twjj{
    height:430px;
    border-bottom: 1px solid #f4f4f4;
    width:100%;
    background: #fff;
}
.home{
    margin: 70px 0px 72px 282px;
}
.clearpic{
    width:880px;
    float:left;
    overflow: hidden;
    height:137px;
    margin-left: 40px;
}
.picbox{
    min-width:1264px;
    height:137px;
    margin-left: 140px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.picbox li{
    width:220px;
    height:137px;
    margin-right: 96px;
}
.sch-box{
    width:100%;
    float:left;
}
.scroll-up,.scroll-down{
    display: block;
    width:22px;
    height:45px;
    margin-top: 27px;
}
.scroll-up{
    background: url("../images/up.jpg") no-repeat;
    float:left;
}
.inse{
    margin-left:85px;
	+margin-left:0px;
    +margin:0px auto;
}

.lxfx{
    position: fixed;
    width:77px;
    height:auto;
    top:200px;
    right:15px;
    z-index: 11;
}
.lxfx li a{
    color:#fff;
    margin-top: 9px;
    display: block;
    height:47px;
    width:300px;
}
.leftlx{
    float:left;
    width:77px;
    height:47px;
}
.lxfx li span{
    font-size: 20px;
    color: #fff;
    float: left;
    height: 24px;
    line-height: 22px;
    padding-left: 8px;
    border-left: 1px solid #fff;
    margin-top: 8px;
}
.ewm{
    width:120px;
    height:120px;
    background: #c0c0c0;
    border: 5px solid #fff;
    position: absolute;
    left:-145px;
    top:-40px;
    display: none;
}
.lxfx li i{
    display: block;
    width:30px;
    height:27px;
    margin:0px auto;
    text-align: center;
    background: url("../images/fx.png") no-repeat;
    background-position: 4px 0px;
}
.lxfx li i.icon-tel{
    background-position: 0px -25px;
}
.lxfx li i.icon-ly{
    background-position: 4px -53px;
}
.lxfx li i.icon-wx{
     background-position: -34px 4px;
 }
.lxfx li i.icon-wb{
    background-position: -30px -22px;
}
.lxfx li p{
    text-align: center;
    line-height: 12px;
}
.lxfx li{
    width:77px;
    height:56px;
    background: #c2985b;
    margin-bottom: 1px;
    margin-left: 0px;
    position: relative;
    overflow: hidden;
}
.scroll-down{
    background: url("../images/down.jpg") no-repeat;
    float:right;
}
.picbox li span{
    color:#44395e;
    font-size:14px;
    padding-bottom: 7px;
    line-height: 14px;
    height:14px;
    border-bottom:1px solid #d0d0d0;
    width:220px;
    display: block;
    float:left;
}
.pic-tit{
    font-size: 14px;
    color:#333333;
    line-height: 14px;
    height:14px;
    margin: 10px 0px 20px 0px ;
    float:left;
}
.picbox li p{
    font-size: 11px;
    color:#333333;
    line-height: 20px;
    float:left;
    +width:100%;
}
.picbox li a{
   /* width:74px;
    height:22px;
    text-align: center;
    color:#fff;
    line-height: 22px;
    display: block;
    float:left;
    background: #d5af86;
    margin: 9px 0px 0px 1px;
    font-size: 14px;*/
    float:left;
    color:#333333;
}
.picbox li a:hover p{
    color:#000;
}
.home-tit{
    margin: 13px 0px 84px 280px;
}
.home-list li{
    width: 100%;
    height: 200px;
    margin-top: 100px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.home-list{
    margin-bottom: 34px;
}
.homep{
   padding-top: 50px;
}
.home-data{
    color:#333333;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 10px;
}
.homep p{
    width:492px;
    line-height: 20px;
    color:#333333;
    font-size: 12px;
}
.list-list{
    /*float:left;
    width:1920px;
    position: absolute;
    left:50%;
    margin-left: -960px;
    height: 930px;*/
    width: 100%;
    margin-top: -5px;
}
.list-list li{
    /*width:639px;
    height:930px;*/
    float:left;
    position: relative;
    background-size: cover;
    overflow: hidden;
}
.list-list li a{
    display: block;
    width:634px;
    height:930px;
}
.black-clear{
    /*width:639px;
    height:930px;*/
    width: 100%;
    height: 100%;
    position: absolute;
    top:0px;
    left:0px;
    background:#000;
    opacity: 0;
    filter: alpha(opacity=0);
}
.black-box{
    position: absolute;
    /*top:354px;*/
    left:0px;
    z-index: 9;
    top: 50%;
    margin-top: -159px;

}
.black-tit{
    background: url("../images/lis_4.png") no-repeat;
    width:94px;
    height:120px;
    margin-left:0px;
}
.black-box img{
    margin-left: 19px;
    margin-top: 34px;
}
.black-box p{
    font-size: 24px;
    color:#fff;
    line-height: 30px;
    height:30px;
    margin:10px 0px 50px 19px;
}
.black-box .more{
    display: block;
    width:40px;
    height:40px;
    background: url("../images/lis_28.png") no-repeat;
    margin-left: 19px;
}
.tit-two{
    background: url("../images/lis_07.png") no-repeat;
}
.tit-th{
    background: url("../images/lis_10.png") no-repeat;
}
.box-preview a{
    position: relative;
}
.input-clear{
    width:100%;
    height:100%;
    background: #7f5c35;
    opacity: 0.7;
    -filter:alpha(opacity=70);
    position: absolute;
    left:-260px;
}
.input-clear i{
    width:45px;
    height:45px;
    background: url("../images/max_03.png") no-repeat;
    display: block;
    margin: 72px 0px 0px 104px;
}
.nexti i{
    margin-top: 56px!important;
}
.clear-black{
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    width:100%;
    height:100%;
    position: fixed;
    z-index: 11;
    /*;display: none;*/
}
.clear-box{
    position:relative;
    width:100%;
    height:100%;
    z-index: 12;
    top:0px;
    left:0px;
    /*display: none;*/
}
.showlist{
    position: fixed;
    left:460px;
    background: #fff;
    width:883px;
	height:600px!important;
	min-height:300px;
    padding-left: 57px;
    top: 50%;
    margin-top: -300px;
    left:50%;
	padding-bottom:50px;
    margin-left: -440px;
}
.showlist h1{
    font-size: 24px;
    line-height: 24px;
    color:#333333;
    margin-top: 70px;
}
.showlist span{
    color:#333333;
    line-height: 12px;
    height:12px;
    display: block;
    margin: 15px 0px 30px 0px;
    text-indent: 3px;
}
.list-listl{
	height:100%;
	overflow:hidden;
	overflow-y:scroll;
	padding-right: 30px;
}
.showlist-tit{
    font-size: 18px;
    color:#333333;
    line-height: 18px;
    margin-top: 34px;
	
}
.showlist p{
    line-height: 22px;
    margin-top: 14px;
    width:818px;
    padding-bottom: 6px;
}
.showlist img{
    margin-left: 2px;
}
.href-list{
    position: absolute;
    right:-60px;
    top:0px;
}
.href-list li{
    width:60px;
    height:60px;
}
.href-list{
    width:60px;
    height:300px;
}
.href-list li a{
    display: block;
    width:100%;
    height:100%;
    background: #000;
}
.href-list li i{
    width:22px;
    height:1px;
    background: #2f2f2f;
    display: block;
    float:left;
    margin-left: 18px;
}
.href-list li b{
    display: block;
    width:24px;
    height:26px;
    background: url("../images/href.png") no-repeat;
    float:left;
    margin: 16px 0px 17px 18px;
}
.have{
    background-position:0px -26px !important;
    width:26px!important;
}
.href-list li b.sina{
    background-position:0px -52px;
    width:28px;
}
.href-list li b.qq{
    background-position:0px -79px;
    width:30px;
}
.href-list li b.qqkj{
    background-position:-1px -107px;
    width:29px;
    margin-left: 15px;
}
.currents a{
    background: #b78c5b!important;
}
.currents a i{
    height:0px;
}
.list-contair{
    padding-bottom: 115px;
}
.detail{
    margin: 58px 0px 50px 365px;
}
.company_detail{
    width: 246px;
    height: 18px;
    background: url("../images/slide.png") no-repeat;
    margin: 0px auto;
    line-height: 18px;
    font-size: 18px;
    color: #ab895a;
}
.detail-imgtit{
    clear: both;
    display: block;
    margin: 0px auto;
}
.tit-sn{
    width:100%;
    height:66px;
    line-height: 66px;
    text-align: center;
    color:#fff;
    font-size: 18px;
    background: #2f2c2c;
    float:left;
}
.detail-bander{
    float:left;
}
.lefttit img{
    float:left;
    margin: 0px;
    margin-top: 10px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.lefttit{
    width:40px;
    height:565px;
    float:left;
    margin-top: 24px;
}
.right-list{
    float:left;
    margin-top:32px;
    margin-left: 7px;

}
.right-list p{
    color:#333;
    width:953px;
    line-height: 22px;
    margin-bottom: 18px;
    opacity:0;
    filter: alpha(opacity=0);
    padding-top:10px ;
}
.cons{
    padding-bottom:125px;
}
.detali{
    margin-left: 465px;
    margin-bottom: 45px;
}
.detailed{
    height:2250px;
}
.advantage{
    width:1920px;
    height:855px;
    position: relative;
    left:50%;
    margin-left: -960px;
    background: url("../images/bg_02.png") no-repeat;
}

.ser-body{
	height:656px;}
	
.ser-03{
	height:0px;}

.adtage{
    margin-bottom: 90px;
}

.adtage h2{
	width:460px;
	height:45px;
	font-size:25px;
	color:#333;}

.ad-gai{
    float:left;
    margin-left: -75px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.ad-gai h3{
	font-size:16px;
	color:#2B2B2B;}
.ad-gai p{
    width:460px;
    line-height: 22px;
    margin-top: 22px;
    padding-left: 2px;
}

.animate{width: 423px;
float: right;
margin-top: -185px;}

.sence{
    float:left;
    margin-top: 51px;
}
.sence li{
    width:500px;
    height:76px;
    margin-bottom: 90px;
    float:left;
    margin-right: 53px;
    margin-left: -160px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.service-02 li{
	margin-bottom:0px;}

.sence li img{
    float:left;
    margin-right: 30px;
}
.litit{
    color:#000;
    font-size: 14px;
    line-height: 14px;
    float:left;
    margin-top: 10px;
}
.sence li p{
    line-height: 20px;
    float:left;
    margin-top: 11px;
    width:371px;
}
.odn{
    width:447px!important;
    margin-right: 0px !important;;
}
.odn p{
    width:341px !important;;
}

.sixebig{
    width:1920px;
    height:952px;
    position: relative;
    left:50%;
    margin-left: -960px;
    background:#6093CA;
}

.service02{
	height:586px;}
	
.service03{
	height:722px;}

.two-sz{
    font-size: 13px;
    color:#D8D8D8;
}
.adven-list{
 position:relative;
}
.adven{
    margin: 63px 0px 58px 268px;
}
.adven h2{
	width:460px;
	height:45px;
	font-size:25px;
	color:#fff;}
.center-bold{
    width:9px;
    height:850px;
    position: absolute;
    background: url("../images/center.png") no-repeat;
    left:494px;
    top:200px;
}
.bz-bg{
    width:350px;
    height:41px;
    background: url("../images/flow_77.png") no-repeat;
    float: right;
    margin-right: 4px;
}
.bz-list{
    width:1000px;
}
.bz-list li{
    width:478px;
    height:auto;
    clear:both;
}
.bz-list-one{
    margin-left:-200px;
    opacity: 0;
    filter: alpha(opacity=0);
    +margin-bottom:120px;
}
.bz-list-two{
    margin-right:-200px;
    opacity: 0;
    filter: alpha(opacity=0);
    +margin-top:110px!important;
}
.bz-list-one p{
    float: right;
    text-align: right;
    color:#fff;
    line-height: 20px;
    margin-top: 20px;
    margin-right: 6px;
    +width:480px;
}
.bz-list-two{
    float:right;
    margin-top: -45px;

}

.bz-list-two p{
    float:left;
    margin-left: 6px;
    text-align: left;
    line-height: 20px;
    margin-top: 20px;
    color:#fff;
    +width:480px;
}
.bz-list-two .bz-bg{
    float:left;
}
.once-tw{
    background: url("../images/fkw_67.png") no-repeat;
}
.once-th{
    background: url("../images/flow_76.png") no-repeat;
}
.once-fo{
    background: url("../images/flow_79.png") no-repeat;
}
.once-fi{
    background: url("../images/flow_80.png") no-repeat;
}
.once-si{
    background: url("../images/flow_81.png") no-repeat;
}
.once-se{
    background: url("../images/flow_82.png") no-repeat;
}
.once-ei{
    background: url("../images/flow_83.png") no-repeat;
}
.bz-bg {
    font-size: 14px;
    color:#fff;
    line-height: 41px;
    text-indent: 131px;
}

.bz-bg a{
	color:#fff;}

.bz-list-two .bz-bg{
    float:left!important;
    text-indent: 63px;
}
<!--   2   3   end   --->





/*---  service01  1   ---*/
div#container {
     width: 100%;
     margin: 0 auto;
     overflow: hidden;
}
div.examples_body {
     width: 1100px;
	 margin: 0 auto 0 auto;
	 clear: both;
	 overflow: hidden;
	 position: relative;
}

div.examples_body h3{
	padding:5px 20px;
	font-size:17px;
	color:#0062a6;}


/* The main banner unordered list */
.bannerHolder {
	 margin: 20px 0 15px 0;
	 padding: 20px 10px 20px 10px;
	 overflow: hidden;

	/* CSS3 rounded corners */
	 -moz-border-radius:12px;
	 -webkit-border-radius:12px;
	 border-radius:12px;
}

/* Hiding the bullets of the li elements: */
.bannerHolder li {
	 list-style: none;
	 display: inline;
}

/* The banner divs */
.banner01 {
     width: 180px;
	 height: 180px;
	 position: relative;
	 overflow: hidden;
	 float: left;
	 display: inline;
	 margin: 0 18px
}

/* The banner divs */
.banner01 img {
	 display: block;
	 border: none;
}

/* The dark animated divs */
.banner01 div {
	 position: absolute;
	 z-index: 100;
	 background-color: #222;
	 width: 60px;
	 height: 60px;

	/*	Setting a really big value for border-radius
		will make the divs perfect circles */
	 -moz-border-radius:100px;
	 -webkit-border-radius:100px;
	 border-radius:100px;
}

/*	Positioning the animated divs outside the
	corners of the visible banner area: */
.banner01 .cornerTL { left:-63px; top:-63px; }
.banner01 .cornerTR { right:-63px; top:-63px; }
.banner01 .cornerBL { left:-63px; bottom:-63px; }
.banner01 .cornerBR { right:-63px; bottom:-63px; }

/* The "Visit Company" text */
.banner01 p {
     width: 100%;
	 left: 0;
	 top: 17px;
	 z-index: 200;
	 position: absolute;
	 font-family: Tahoma, Arial, Helvetica, sans-serif;
	 color: #FFF;
	 font-size: 11px;
	 text-align: center;
	 display: none;	/* hidden by default */
}

.banner01 .companyInfo{
	color:#5DB3EE;
	font-size:14px;
	font-family:"微软雅黑";
	margin-top:0px;
	margin-left:0px;}

.banner01 .ser-te{
	margin-top:25px;
	padding:5px;
	font-size:11px;
	width:95% !important;
	font-family:"微软雅黑";
	margin-left:0px;}
/*---   service01  1   ---*/


/*---  case   ---*/
.ser-case{
	width:100%;
	background:#325f95;
	height:535px;
	}
	
.ser-case h2{
	width:1200px;
	margin:0 auto;
	color:#fff;
	text-align:center;
	font-size:20px;
	padding-top:46px;}
.wrap{ width:1120px; margin:0 auto; padding-top:55px;}

.service-03{
	width:835px;}

.solutions{width:1120px;overflow: hidden}
.solutions ul{width:1140px}
.solutions li{height:357px;background: #fff; width:263px;border:1px solid #e5e5e5;border-bottom: 5px solid #efefef; float:left; margin-right:20px; position:relative;}

.solutit{display: block;width:100%;}
.solutit img{ margin:30px auto;text-align: center;display: block;}
.solutit h4{color: #333;font-size: 16px;text-align: center;font-weight: bold;line-height: 53px;}
.solutit p{color: #72ac2d;line-height: 20px;font-size: 14px;text-align: center;}
.solutit a{line-height: 30px;height:30px;width: 100px;background: #0062a6;color: #fff;font-size: 14px;font-weight: bold;text-align: center;display: block;margin:33px auto 0;border-radius: 5px;}
.solutit:hover a{background: #000;}

.solutit2{width:243px;padding:0 10px;position:absolute;left:0px;top:0px;overflow: hidden;height:0px;background: #fff;z-index: 99;display: block;border-bottom:5px solid #0062a6;}
.solutit2 h4{color: #333;font-weight: bold;font-size: 16px;line-height: 16px;margin-bottom: 10px;text-align: center;margin-top:20px;}
.solutit2 h5{text-align: center;color: #72ac2d;display: block;}
.solutit2 span{display: block;background: #bbbbbb;height:2px;width:50px;margin:10px auto;}
.solutit2 p{line-height: 21px;color: #666666;display: block;overflow: hidden;}
/*---   case  end   ---*/