/*-------------------------------------------
|           @ 通用样式            |
--------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, code, del, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0; font-size: 100%; vertical-align: baseline; }
table {border-collapse:collapse; border-spacing:0px; }
body {height: 100%;-webkit-overflow-scrolling: touch;background-color: #f2f2f2;font-size: 13px;color: #666;font-family: 'Microsoft Yahei','Helvetica Neue',Helvetica,STHeiTi,Arial,sans-serif;}
ol, ul {list-style:none;}
th,td{vertical-align:middle;}
a{text-decoration: none;color: #FFF;}
img{background: #eee}
.clearfix:after{content:'.';display:block;height:0;clear:both;overflow:hidden;}
.clearfix{*zoom:1;}
.Left{float:left;}
.Right{float:right;}
.yahei{font-family: 'Microsoft yahei'}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.w{width: 1320px;margin: 0 auto}
.black3{color: #333;}
.black4{color: #444;}
.black6{color: #666;}
.black9{color: #999;}
.center{text-align: center;}
.none{display: none;}

/*-------------------------------------------
|           @ 首页            |
--------------------------------------------*/


/*焦点图*/
.n-banner{width: 100%;position: relative;background: gray;color: #FFF} 
.n-banner .img-focus{position: relative;margin: 0 auto;}
.n-banner .img-focus .img-box{overflow: hidden;}
.n-banner .img-focus .img-box .img-a{float: left;overflow: hidden;}
.n-banner .img-focus .img-box .dec-1{margin: 8% auto 0 auto;height: 86px;overflow: hidden;width: 430px;position: relative;}
.n-banner .img-focus .img-box .dec-1 p.p1{
	font-size: 35px;line-height: 49px;height: 49px;
	position: absolute;
	top: -49px;
	-moz-transition: all .3s ease-in ;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.n-banner .img-focus .img-box .swpert-dec p.p1{
	-moz-transform: translate(0,49px);
    -webkit-transform: translate(0,49px);
    -o-transform: translate(0,49px);
    transform: translate(0,49px);
}
.n-banner .img-focus .img-box .dec-1 p.p2{
	font-size: 13px;line-height: 27px;height: 27px;
	position: absolute;
	left: 16px;
	bottom: -29px;
	-moz-transition: all .3s ease-in ;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.n-banner .img-focus .img-box .swpert-dec p.p2{
	-moz-transform: translate(0,-29px);
    -webkit-transform: translate(0,-29px);
    -o-transform: translate(0,-29px);
    transform: translate(0,-29px);
}

.n-banner .img-focus .img-box .dec-2{position: relative;top: 40%;height: 180px;width: 50%;}
.n-banner .img-focus .img-box .dec-2 p.p3{
	font-size: 35px;line-height: 49px;height: 49px;
	opacity:0;
	position: absolute;
	left: 0px;
	top: 0px;
	-moz-transition: all .3s ease-in ;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.n-banner .img-focus .img-box .swpert-dec p.p3{
	opacity: 1;
	-moz-transform: translate(50%,0);
    -webkit-transform: translate(50%,0);
    -o-transform: translate(50%,0);
    transform: translate(50%,0);
}
.n-banner .img-focus .img-box .dec-2 p.p4{
	font-size: 17px;line-height: 27px;height: 27px;
	opacity:0;
	position: absolute;
	right: 0px;
	bottom: 0px;
	-moz-transition: opacity .3s ease-in ;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.n-banner .img-focus .img-box .swpert-dec p.p4{
	opacity: 1;
	-moz-transform: translate(-14%,-90px);
    -webkit-transform: translate(-14%,-90px);
    -o-transform: translate(-14%,-90px);
    transform: translate(-14%,-90px);
}

.n-banner .img-focus .img-box .dec-3{position: relative;
	top: 30%;
    height: 60%;
    left: 32%;
    width: 36%;
    // overflow: hidden;
}
.n-banner .img-focus .img-box .dec-3 .img1{
	background: none;width: 100%;height: 100%;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	opacity: 0;
	-moz-transition: opacity .3s ease-in ;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.n-banner .img-focus .img-box .swpert-step1 .img1{
	opacity: 1;
}
.n-banner .img-focus .img-box .dec-3 .img2{
	background: none;width: 100%;height: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: -28%;
	opacity: 0;
	-moz-transition: opacity .3s ease-in ;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
}
.n-banner .img-focus .img-box .swpert-step3 .img2{
	opacity: 1;
}
.n-banner .img-focus .img-box .dec-3 .note{
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	top: 15%;
}
.n-banner .img-focus .img-box .dec-3 .note p.p5{
	font-size: 27px;
	margin-bottom: 2%;
	margin-left: -90%;
	opacity: 0;
	-moz-transition: all .3s ease-in ;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.n-banner .img-focus .img-box .swpert-step2 .note p.p5{
	opacity: 1;
	-moz-transform: translate(62%,0);
    -webkit-transform: translate(62%,0);
    -o-transform: translate(62%,0);
    transform: translate(62%,0);
}
.n-banner .img-focus .img-box .dec-3 .note p.p6{
	font-size: 27px;
	margin-right: -90%;
	opacity: 0;
	-moz-transition: all .3s ease-in ;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.n-banner .img-focus .img-box .swpert-step2 .note p.p6{
	opacity: 1;
	-moz-transform: translate(11%,0);
    -webkit-transform: translate(11%,0);
    -o-transform: translate(11%,0);
    transform: translate(11%,0);
}
.n-banner .arrow{width: 40px;height: 40px;position: absolute;top: 160px;cursor: pointer;z-index: 2;background: url(../img/arrow.png) no-repeat;}
.n-banner a.pre-arrow{left: 105px;background-position: 0px 0px;}
.n-banner a.next-arrow{right: 105px;background-position: -40px 0px;}
.n-banner a.pre-arrow-current{background-position: 0px -40px;}
.n-banner a.next-arrow-current{background-position: -40px -40px;}
.n-banner .nav-cricle{width: 160px;text-align: center;position: absolute;left: 50%;margin-left: -80px;bottom: 20px;z-index: 3}
.n-banner .nav-cricle a{width: 12px;height: 12px;margin: 0 3px;border-radius: 50%;background: #FFF;display: inline-block;color: #fff;line-height: 22px;cursor: pointer;}
.n-banner .nav-cricle a.current{background: #3b7de0;}


.headerBox{width: 100%;position: fixed;background: #FFF;top: 0px;left: 0px;z-index: 100;}
.header{height: 70px;overflow: hidden;}
.header .logo{width: 177px;height: 70px;background: url(../img/logo-1.png)}
.header .nave li{float: left;width: 60px;height: 70px;margin-left: 14px;}
.header .nave li a{display: inline-block;width: 60px;height: 70px;text-align: center;line-height: 70px;color: #444;font-family: 'Microsoft Yahei';font-size: 16px;}
.header .nave li a:hover{background: #3b7de0;color: #FFF}
.header .contack{color: #3b7de0;height: 70px;width: 210px;line-height: 70px;font-family: 'Microsoft Yahei';font-size: 16px;margin-left: 100px;}
.header .contack i{display: inline-block;width: 26px;height: 26px;background: url(../img/icon.png) no-repeat;background-position: 0 -14px;padding: 0px;margin: 20px 20px 0 0;vertical-align: top;}

.banner{height: 768px;background: #f7f7f7;overflow: hidden;}

.norp-1{background: #f2f2f2;height: 500px;overflow: hidden;width: 90%;margin: 0 auto;}
.norp-1 p.p1{line-height: 72px;font-size: 28px;}
.norp-1 p.p2{line-height: 30px;font-size: 16px;}
.norp-1 ul{margin: 80px 0 0 10px;}
.norp-1 ul li{float: left;margin-right: 2%;width: 22%;height: 280px;text-align: center;background: #FFF;position: relative;border: 1px solid #e1e1e1;border-radius: 4px;}
.norp-1 ul li i{width: 80px;height: 80px;position: absolute;z-index: 2;top: -40px;left: 50%;margin-left: -40px;background: url(../img/pro-1.png) no-repeat}
.norp-1 ul li i.i-1{background-position: 0 0;}
.norp-1 ul li i.i-2{background-position: -80px 0;}
.norp-1 ul li i.i-3{background-position: 0 -80px;}
.norp-1 ul li i.i-4{background-position: -80px -80px;}
.norp-1 ul li span{font-size: 24px;line-height: 26px;display: inline-block;padding-top: 100px;}
.norp-1 ul li p.dec{line-height: 26px;margin: 20px 0 0 0;padding: 0 20px}

.norp-3{width: 90%;margin: 0 auto;}
.norp-3 p.title{font-size: 30px;line-height: 60px;margin: 0 0 2% 0;
	visibility: hidden;
    -webkit-transform: scale(0.01);
    -moz-transform: scale(0.01);
    -o-transform: scale(0.01);
    -ms-transform: scale(0.01);
    transform: scale(0.01);
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.norp-3 p.scaleP1{
	visibility: visible;
    transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3); 
}
.norp-3 p.scaleP2{
	visibility: visible;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1); 
}
.norp-3 p.name{font-size: 24px;color: #FFF;margin: 18% 0 1% 0;}
.norp-3 ul li{float: left;width: 32%;height: auto;margin-bottom: 2%;}
.norp-3 ul li.mr{margin-right: 2%;}
.norp-3 ul li a{display: block;position: relative;overflow: hidden;}
.norp-3 ul li a .overlay{position: absolute;top: 0;left: 0;background: url(../img/caseBg.png);z-index: 1;width: 100%;height: auto}
.norp-3 ul li a .overlay i.icon{display: inline-block;width: 46px;height: 46px;background: url(../img/caseIcon.png) no-repeat;margin: 2% 0 0 0;}

.norp-3 ul li img{width: 100%;height: auto;}
.norp-3 .more-btn{display: block;width: 187px;height: 40px;margin: 3% auto 0 auto;background: url(../img/icon.png) no-repeat;background-position: 0 -80px;}

.footer{height: 450px;overflow: hidden;color: #FFF;width: 92%;margin: 0 auto}
.footer img.logo{background: none;margin: 15px 0 0 0}
.footer p.p1{font-size: 24px;line-height: 30px;margin: 45px 0 45px 0}
.footer p.p2{font-size: 14px;line-height: 30px;margin-top: 70px;}
.footer .f-l{width: 47%;height: 438px;text-align: center;border:2px solid #3d3d3d;}
.footer .f-r{width: 47%;height: 438px;text-align: center;border: 2px solid #3d3d3d}
.footer .f-r .two-code{margin: 0 auto;width: 420px;}
.footer .f-r .two-code li{float: left;margin: 0 25px;}
.footer .f-r .two-code li p{font-size: 12px;line-height: 21px;margin-top: 10px;}
.footer .f-r p.p2{font-size: 14px;line-height: 38px;margin: 30px 0 0 0}

.chat{position: fixed;bottom: 20px;right: 10px;z-index: 2;}
.chat .menuWx{height: 44px;width: 138px;margin: 0 0 18px 0;position: relative;}
.chat .menuWx .def{width: 44px;height: 44px;background: url(../img/chat.png);background-position: 0 -88px;}
.chat .menuWx .scan{width: 160px;height: 185px;background: #FFF;border-radius: 3px;position: absolute;bottom: 0px;right: 54px;background-color: #FFF;}
.chat .menuWx .scan img{margin: 16px 0  10px 0;}
.chat .menuWx .scan p{font-size: 16px;}

.chat .menuChat{width: 138px;height: 44px;display: block;position: relative;margin-bottom: 18px;}
.chat .menuChat .hover{width: 116px;height: 44px;overflow: hidden;position: absolute;top: 0px;left: 0;z-index: 1}
.chat .menuChat .hover .bg{position: absolute;top: 0px;right: -116px;width: 116px;height: 44px;background: url(../img/chat.png)}
.chat .menuChat .def{position: absolute;top: 0;right: 0;z-index: 2;width: 44px;height: 44px;;background: url(../img/chat.png) no-repeat;background-position: -44px -88px;}
.chat .menuChat .hover .bg-1{background-position: 0 -44px;}
.chat .menuChat .def-1{background-position: -88px -88px;}




.con{width: 74%;margin: 35px 0 0 0;}
.con .nav{border-left: 1px solid #e4e4e4;}
.con .nav li{float: left;width: 124px;height: 42px;background: #FFF;cursor: pointer;text-align: center;line-height: 42px;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;border-right: 1px solid #e4e4e4}
.con .nav li a{display: block;width: 124px;height: 42px;color: #c5c5c5;}
.con .nav li a:hover,.con .nav li a.current{background: #3f7edc;color: #FFF;border-top: 1px solid #3f7edc;border-bottom: 1px solid #3f7edc;border-right: 1px solid #3f7edc}
.con .caseList{width: 100%;margin: 30px 0 0 0;}
.con .caseList li{width: 32%;height: 304px;float: left;margin: 0 2% 2% 0;}
.con .caseList li a.link{display: block;position: relative;overflow: hidden;}
.con .caseList li a.link .img{width: 100%;}
.con .caseList li a.link .overlay{text-align: center;position: absolute;top: -214px;left: 0;background: url(../img/caseBg.png);z-index: 1;width: 100%;height: 214px;}
.con .caseList li a.link .overlay i.icon{display: inline-block;width: 46px;height: 46px;background: url(../img/caseIcon.png) no-repeat;margin: 25% auto 0 auto}
.con .caseList li p{font-size: 18px;line-height: 35px;padding-top: 10px;}




.pager a{float: left;background: #FFF;height: 34px;color: #666;font-size: 16px;width: 35px;border: 1px solid #e4e4e4;margin-right: 10px;line-height: 34px;text-align: center;}
.pager a.next{width: 68px;}
.pager a:hover,.pager a.current{background: #3f7edc;border:1px solid #3f7edc;color: #FFF;}

.caseBox{width: 90%;margin: 0 auto;}

.caseMenu{width: 18%;height: 1080px;background: #FFF;box-shadow:0 0 4px #e4e4e4;overflow: hidden;position: fixed;}
.caseMenu .logo{margin: 10% 0 0 20px;margin-bottom: 30px;}
.caseMenu ul li{margin-bottom: 5%;}
.caseMenu ul li a{display: inline-block;color: #444;font-size: 22px;width: 100%;height: 46px;line-height: 46px;border-bottom: 2px solid #FFF;}
.caseMenu ul li a:hover,.caseMenu ul li a.current{color: #3b7de0;background: #3b7de0;color: #FFF;}
.caseMenu .info{margin-top: 15%;}
.caseMenu .info p{line-height: 30px;font-size: 16px;margin: 5px 0 30px 0}
.caseMenu .info span{line-height: 26px;}


.Middle{width: 50px;margin: 35px 5px 0 0;overflow: hidden;height: 200px;}

.Middle .operNave{width: 50px;height: 50px;background: url(../img/close.png) no-repeat;box-shadow:0 1px 4px #e4e4e4;display: block;}
.Middle .operBack{width: 50px;height: 50px;background: url(../img/operBack.jpg) no-repeat;box-shadow:0 1px 4px #e4e4e4;display: block;margin-top: 10px;}
.Middle .showNave{background: url(../img/close.png) no-repeat;background-position: 0 -50px;box-shadow:0 0px 10px #e4e4e4;}

.conDetail{width: 90%;height: auto;overflow-x: hidden;}
.conDetail p.title{height: 59px;line-height: 59px;border: 1px solid #e4e4e4;background: #f7f7f7;width: 100%;padding-left: 23px;font-size: 18px;font-weight: bold;}
.conDetail .note{background: #FFF;width: 100%;padding-left: 10px;overflow: hidden;}
.conDetail .note p.p1{height: 30px;line-height: 30px;margin: 26px 0 10px 0}
.conDetail .note p.p1 b{font-size: 22px;padding-right: 20px;}
.conDetail .note p.p2{color: #3498db;height: 30px;line-height: 30px;padding-left: 13px;}
.conDetail .note p.p2 i{display: inline-block;width: 14px;height: 14px;vertical-align: top;margin: 8px 10px 0 0 ;background: url(../img/icon.png);background-position: -14px 0;}
.conDetail .note p.p3{line-height: 30px;padding: 0 20px 0 13px;}
.conDetail .showImg{padding: 39px 23px;background: #FFF;}
.conDetail .showImg img{margin-bottom: 12px;}


.reTitle{font-size: 22px;line-height: 30px;margin: 65px 0 23px 0}


.infoList li{width: 100%;height: 264px;border-bottom: 1px dotted #b4b4b4;margin: 40px 0 0 0;overflow: hidden;}
.infoList li .infoImg{position: relative;width: 301px;height: 223px}
.infoList li .infoImg .date{position: absolute;text-align: center;top: 0px;left: 10px;width: 52px;height: 65px;padding-top: 3px;background: #3b7de0;color: #FFF;font-size: 20px;}
.infoList li .infoImg .date b{font-size: 30px;line-height: 30px;}

.infoList li .dec{padding-left: 30px;height: 223px;position: relative;width: 50%;overflow: hidden;}
.infoList li .dec p.p1{font-size: 24px;line-height: 30px;}
.infoList li .dec p.p2{color: #3498db;height: 30px;line-height: 30px;margin: 6px 0 20px 0}
.infoList li .dec p.p2 i{display: inline-block;width: 14px;height: 14px;vertical-align: top;margin: 8px 10px 0 0 ;background: url(../img/icon.png);background-position: -14px 0;}
.infoList li .dec p.p3{line-height: 30px;height: 82px;overflow: hidden;}
.infoList li .dec a.btn{position: absolute;bottom: 0px;width: 140px;height: 40px;background: url(../img/icon.png);background-position: 0 -40px;}


.infoDetail{width: 72%;background: #FFF;padding: 0 24px;}
.infoDetail p.p1{font-size: 20px;line-height: 30px;margin: 35px 0 0 0;}
.infoDetail p.p2{color: #3498db;height: 30px;line-height: 30px;margin: 6px 0 20px 0}
.infoDetail p.p2 i.i1{display: inline-block;width: 14px;height: 14px;vertical-align: top;margin: 8px 10px 0 0 ;background: url(../img/icon.png);background-position: -14px 0}
.infoDetail p.p2 i.i2{display: inline-block;width: 14px;height: 14px;vertical-align: top;margin: 7px 10px 0 30px ;background: url(../img/icon.png);}
.infoDetail .dImg{margin: 28px 0 15px 0}
.infoDetail .intra p{margin: 0 0 25px 0;text-indent: 2em;}




.ddw { position: absolute; left: 0; top: 0; color: #000; font-size: 16px; z-index: 9999; }
.ddw2 { position: absolute; left: 20px; top: 0; color: #000; font-size: 16px; z-index: 9999; }
.num_box { position: relative; }


#num_1 { background: #f2f2f2; width: 100%;height: 100%;overflow: hidden; }
#num_2 { background: url(../img/caseBg.jpg) no-repeat center #03F; background-size: 100% 100%; overflow: hidden;}
#num_3 { background: #f2f2f2; width: 100%;height: 100%; }
#num_4 { background: url(../img/footer.jpg) no-repeat center #03F; background-size: 100% 100%; }
#num_5 { background: url(../img/bac3.jpg) no-repeat center #03F; background-size: 100% 100%; }


.proImg{height: auto;overflow: hidden;text-align: center;}
.proImg .p1{font-size: 30px;line-height: 72px;color: #FFF;}
.proImg .p2{font-size: 16px;line-height: 30px;color: #FFF;}
.proImg .img{
	width: 815px;height: auto;color: #FFF;font-size: 15px;margin: 2% auto 0 auto
}

.proImg .img ul{width: 100%;}
.proImg .img ul li{float: left;opacity: 0}
.proImg .img ul li.li1{width: 160px;height: 185px;}
.proImg .img ul li.li1 .icon{
    width: 130px;height: 130px;margin: 0 auto;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    transition: all 400ms linear;
}
.proImg .img ul li.li1 .icon:hover{
    width: 140px;
    height: 140px;
}
.proImg .img ul li.li1 .icon img{width: 100%;height: 100%;background: none;}
.proImg .img ul li.li1 p{margin-top: 15px;}
.proImg .img ul li.li2 img{background: none; margin: 50px 0 0 0;}
.proImg .img ul.ult{width: 743px;}
.proImg .img ul li.li3{height: 80px;text-align: right;padding-right: 53px;width: 100%;}
.proImg .img ul li.li3 img{background: none;}