@charset "utf-8";
/* CSS Document */
*{ margin:0;padding:0; list-style-type:none; /*font-family: "Microsoft YaHei" */}
body{ font-size:12px;font-family: "Microsoft YaHei",Arial, Helvetica, sans-serif; }
img{border:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none; outline:none;}
.clear{ clear:both;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
body a{transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
input:focus,button { outline:none;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;} 

.header{background-color:#323333; width:100%; }
.top{ max-width: 1168px; margin:0 auto; overflow:hidden; padding-top:5px; padding-bottom:10px;}
.logo{ float:left; width:200px; height:50px; overflow:hidden; background:url(../images/logo2.png) no-repeat 0 center; text-indent:-1000px; background-size:200px; margin-top:6px;}
.logo a{ float:left; display:block; width:272px; height:50px;}

.tpp{ max-width:1168px; margin:0 auto;}
.navbar-nav{ float:right;  display: inline; margin-top:10px;margin-bottom: 5px;}
.navbar-nav li{ text-align:center;}
.navbar-nav li a{ font-size:16px; color:#ffffff;}
.navbar-nav li a:hover{text-decoration:underline;}
/*.navbar-nav li{float:left; display:block; overflow:hidden; margin-left:15px; margin-right:15px;}*/

.footer{width:100%; position:relative; z-index:10; background-color:#222323; padding-top:40px; padding-bottom:30px; overflow:hidden; float:left;}
.footer-box{ max-width: 1000px; margin:0 auto; overflow:hidden; background:url(../images/logo2.png) no-repeat 0 center; min-height:78px; padding-left:330px;}
.foot_menu{ float:left; width:100%; text-align:right; line-height:20px; overflow:hidden; color:#595757; margin-top:30px;}
.foot_menu a{ padding-left:18px; padding-right:18px; color:#595757; font-size:14px;}

.banner{ width:100%; overflow:hidden; height:706px; background:url(../images/banner01.png) no-repeat center 0; background-color:#f3cc22;}

.index-banner,.main-content{position:relative;width:100%;overflow:hidden}
.index-banner .index-banner1,.index-banner .index-banner2{-webkit-transition:1s ease-out;-ms-transition:1s ease-out;-moz-transition:1s ease-out;top:0;z-index:1;left:0}
.act-timer>div:after,.act-timer>div:before,.act-timer>div>.count-down:after,.act-timer>div>.count-down:before,.index-content.ic-2 .ic-main .ic2-list:after,.index-content.ic-2 .ic-main .ic2-list:before,.index-content.ic-4 .ic-main .ic4-icons:after,.index-content.ic-4 .ic-main .ic4-icons:before,.index-content.ic-5 .ic-main .ic5-icons:after,.index-content.ic-5 .ic-main .ic5-icons:before{content:"";display:table}
.act-timer>div:after,.act-timer>div>.count-down:after,.index-content.ic-2 .ic-main .ic2-list:after,.index-content.ic-4 .ic-main .ic4-icons:after,.index-content.ic-5 .ic-main .ic5-icons:after{clear:both}
.main-content{display:block}


.index-content{width:100%;position:relative; overflow:hidden;}
.index-content .ic-main{ max-width:1168px;height:100%;margin:0 auto;position:relative; padding-top:70px; padding-bottom:60px;}
.index-content.ic-1{height:730px;}
.index-content.ic-1.active .ic-main .ic1-bg{transform:translateX(0);opacity:1}
.index-content.ic-1.active .ic-main .ic1-bg .ic1-b-text{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.index-content.ic-1.active .ic-main .ic1-text li{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}
.index-content.ic-1 .ic-main{overflow:hidden;margin:auto}
.index-content.ic-1 .ic-main .ic1-bg{position:absolute;opacity:0;-webkit-transition:opacity .6s ease-out,transform .8s ease-out;-ms-transition:opacity .6s ease-out,transform .8s ease-out;-moz-transition:opacity .6s ease-out,transform .8s ease-out;transition:opacity .6s ease-out,transform .8s ease-out;-webkit-transform:translateX(400px);-ms-transform:translateX(400px);-moz-transform:translateX(400px);transform:translateX(400px);z-index:1;width:100%;height:100%;background:url(../images/pho1.png) no-repeat right 40px;transform-origin:360px center}

.index-content.ic-1 .ic-main .ic1-bg .ic1-b-text{width:510px;height:307px;position:absolute;left:0;top:290px;opacity:0;-webkit-transform:translateX(80px);-ms-transform:translateX(80px);-moz-transform:translateX(80px);transform:translateX(80px);-webkit-transition:1s ease-out .5s;-ms-transition:1s ease-out .5s;-moz-transition:1s ease-out .5s;transition:1s ease-out .5s;background:url(../images/pho2.png) 0 0 no-repeat}

.index-content.ic-1 .ic-main .ic1-text{width:517px; margin-left:20px;}
.index-content.ic-1 .ic-main .ic1-text li{width:100%;line-height:34px;position:relative;box-sizing:border-box;font-size:15px;color:#585757;opacity:0;-webkit-transform:translateY(100px);-ms-transform:translateY(100px);-moz-transform:translateY(100px);transform:translateY(100px)}
.index-content.ic-1 .ic-main .ic1-text li.what{ color:#585757; font-size:48px; margin-bottom:30px; font-weight:bold;}

.index-content.ic-1 .ic-main .ic1-text li:nth-child(1){-webkit-transition:1s ease-out .2s;-ms-transition:1s ease-out .2s;-moz-transition:1s ease-out .2s;transition:1s ease-out .2s}
.index-content.ic-1 .ic-main .ic1-text li:nth-child(2){-webkit-transition:1s ease-out .4s;-ms-transition:1s ease-out .4s;-moz-transition:1s ease-out .4s;transition:1s ease-out .4s}




.index-content.ic-2{height:775px; background:url(../images/index_bg2.png) no-repeat center 0; background-color:#76c5f4;}
.index-content.ic-2 .ic2-bg{position:absolute;left:-24px;bottom:0;height:254px;width:600px;opacity:0;-webkit-transition:.6s 1s ease-out;-ms-transition:.6s 1s ease-out;-moz-transition:.6s 1s ease-out;transition:.6s 1s ease-out;background:url(../images/ic2-bg-bot.png) center no-repeat;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);-moz-transform:translateY(100%);transform:translateY(100%)}
.index-content.ic-2 .ic2-bg2{width:600px;height:600px;display:block;position:absolute;right:-30px;top:10px;background:url(../images/ic2-bg-clude.png) center no-repeat}
.index-content.ic-2 .ic-main .ic2-list{position:absolute;right:0;top:0;transform-style:preserve-3d}
.index-content.ic-2 .ic-main .ic2-list li{float:left;width:155px;height:315px;position:relative;padding-top:80px;box-sizing:border-box;color:#fff;text-align:center;transform-origin:0 center;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}
.index-content.ic-2 .ic-main .ic2-list li:before{content:"";display:block;width:18px;height:18px;position:absolute;background:#35d6c6;border-radius:100%;top:42px;left:50%;margin-left:-9px}
.index-content.ic-2 .ic-main .ic2-list li:after{position:absolute;content:"";left:0;bottom:-47px;border-left:78px solid transparent;border-right:78px solid transparent}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-1{background:#ff910a;-webkit-transition:.4s ease-out;-ms-transition:.4s ease-out;-moz-transition:.4s ease-out;transition:.4s ease-out;-webkit-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg)}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-1:after{border-top:48px solid #ff910a}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-2{background:#e65027;-webkit-transition:.4s .4s ease-out;-ms-transition:.4s .4s ease-out;-moz-transition:.4s .4s ease-out;transition:.4s .4s ease-out;-webkit-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg)}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-2:after{border-top:48px solid #e65027}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-3{background:#4d4d4d;-webkit-transition:.4s .8s ease-out;-ms-transition:.4s .8s ease-out;-moz-transition:.4s .8s ease-out;transition:.4s .8s ease-out;-webkit-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg)}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-3:after{border-top:48px solid #4d4d4d}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-4{background:#54b37f;-webkit-transition:.4s 1.2s ease-out;-ms-transition:.4s 1.2s ease-out;-moz-transition:.4s 1.2s ease-out;transition:.4s 1.2s ease-out;-webkit-transform:rotateY(-90deg);-ms-transform:rotateY(-90deg);-moz-transform:rotateY(-90deg);transform:rotateY(-90deg)}
.index-content.ic-2 .ic2-text h4,.index-content.ic-2 .ic2-text p:nth-child(1){-webkit-transform:translateX(120px);-ms-transform:translateX(120px);-moz-transform:translateX(120px)}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-4:after{border-top:48px solid #54b37f}
.index-content.ic-2 .ic-main .ic2-list li h4{line-height:30px;font-size:25px;letter-spacing:1px;font-weight:300;text-align:center; margin-top:15px;}
.index-content.ic-2 .ic-main .ic2-list li i{font-size:13px;line-height:20px;width:112px;text-align:center; font-style:normal; margin-left:20px; margin-top:16px; float: left;}

.index-content.ic-2 .ic2-text{width:560px;float:left;margin:360px 0 0 40px}
.index-content.ic-2 .ic2-text h4{width:469px;height:60px;display:block;background:url(../images/title4.png) 0 0;margin-bottom:20px;opacity:0;-webkit-transition:.2s 1s;-ms-transition:.2s 1s;-moz-transition:.2s 1s;transition:.2s 1s;transform:translateX(120px)}
.index-content.ic-2 .ic2-text p{opacity:0;line-height:34px;width:100%;box-sizing:border-box; color:#fff;font-size:15px; letter-spacing:1px;position:relative}
.index-content.ic-2 .ic2-text p:nth-child(1){-webkit-transition:.4s 1.2s;-ms-transition:.4s 1.2s;-moz-transition:.4s 1.2s;transition:.4s 1.2s;transform:translateX(120px);opacity:0}
.index-content.ic-2 .ic2-text p i{position:absolute;left:0;font-size:32px}
.index-content.ic-2 .ic2-text p:nth-child(1){-webkit-transition:.4s 1.2s;-ms-transition:.4s 1.2s;-moz-transition:.4s 1.2s;transition:.4s 1.2s;transform:translateX(120px);opacity:0}
.index-content.ic-2 .ic2-text p:nth-child(2),.index-content.ic-2 .ic2-text p:nth-child(3){-webkit-transform:translateX(120px);-ms-transform:translateX(120px);-moz-transform:translateX(120px);opacity:0}
.index-content.ic-2 .ic2-text p:nth-child(2){-webkit-transition:.4s 1.4s;-ms-transition:.4s 1.4s;-moz-transition:.4s 1.4s;transition:.4s 1.4s;transform:translateX(120px)}
.index-content.ic-2 .ic2-text p:nth-child(3){-webkit-transition:.4s 1.6s;-ms-transition:.4s 1.6s;-moz-transition:.4s 1.6s;transition:.4s 1.6s;transform:translateX(120px)}
.index-content.ic-2 .ic2-text p:nth-child(4){-webkit-transition:.4s 1.8s;-ms-transition:.4s 1.8s;-moz-transition:.4s 1.8s;transition:.4s 1.8s;-webkit-transform:translateX(120px);-ms-transform:translateX(120px);-moz-transform:translateX(120px);transform:translateX(120px);opacity:0}
.index-content.ic-2.active .ic-main .ic2-list li{-webkit-transform:rotate(0);-ms-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}
.index-content.ic-2.active .ic2-text h4{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.index-content.ic-2.active .ic2-bg,.index-content.ic-2.active .ic2-text p{-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1}




.index-content.ic-4{height:900px; background-color:#ffffff;}
.index-content.ic-4.active .ic-main>h4,.index-content.ic-4.active .ic-main>h6{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}
.index-content.ic-4.active .ic-main .ic4-icons li>label{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.index-content.ic-4.active .ic-main .ic4-icons li>label:after{-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);opacity:1}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i1{position:relative}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i1>b{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);transform:translate(0)}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i1>span{-webkit-animation:flipInY .8s ease-out .4s;-ms-animation:flipInY .8s ease-out .4s;-moz-animation:flipInY .8s ease-out .4s;animation:flipInY .8s ease-out .4s;opacity:1;position:relative;z-index:1}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i2>span{-webkit-animation:flipInY .8s ease-out .7s;-ms-animation:flipInY .8s ease-out .7s;-moz-animation:flipInY .8s ease-out .7s;animation:flipInY .8s ease-out .7s;opacity:1}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i3>span{-webkit-animation:flipInY .8s ease-out 1s;-ms-animation:flipInY .8s ease-out 1s;-moz-animation:flipInY .8s ease-out 1s;animation:flipInY .8s ease-out 1s;opacity:1}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i4>span{-webkit-animation:flipInY .8s ease-out 1.3s;-ms-animation:flipInY .8s ease-out 1.3s;-moz-animation:flipInY .8s ease-out 1.3s;animation:flipInY .8s ease-out 1.3s;opacity:1}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i5>span{-webkit-animation:flipInY .8s ease-out 1.5s;-ms-animation:flipInY .8s ease-out 1.5s;-moz-animation:flipInY .8s ease-out 1.5s;animation:flipInY .8s ease-out 1.5s;opacity:1}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i6>span{-webkit-animation:flipInY .8s ease-out 1.5s;-ms-animation:flipInY .8s ease-out 1.5s;-moz-animation:flipInY .8s ease-out 1.5s;animation:flipInY .8s ease-out 1.5s;opacity:1}

.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i7>span{-webkit-animation:flipInY .8s ease-out 1.5s;-ms-animation:flipInY .8s ease-out 1.5s;-moz-animation:flipInY .8s ease-out 1.5s;animation:flipInY .8s ease-out 1.5s;opacity:1}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i8>span{-webkit-animation:flipInY .8s ease-out 1.5s;-ms-animation:flipInY .8s ease-out 1.5s;-moz-animation:flipInY .8s ease-out 1.5s;animation:flipInY .8s ease-out 1.5s;opacity:1}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i9>span{-webkit-animation:flipInY .8s ease-out 1.5s;-ms-animation:flipInY .8s ease-out 1.5s;-moz-animation:flipInY .8s ease-out 1.5s;animation:flipInY .8s ease-out 1.5s;opacity:1}
.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i10>span{-webkit-animation:flipInY .8s ease-out 1.5s;-ms-animation:flipInY .8s ease-out 1.5s;-moz-animation:flipInY .8s ease-out 1.5s;animation:flipInY .8s ease-out 1.5s;opacity:1}

.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i11>span{-webkit-animation:flipInY .8s ease-out 1.5s;-ms-animation:flipInY .8s ease-out 1.5s;-moz-animation:flipInY .8s ease-out 1.5s;animation:flipInY .8s ease-out 1.5s;opacity:1}

.index-content.ic-4.active .ic-main .ic4-icons li.ic4-i12>span{-webkit-animation:flipInY .8s ease-out 1.5s;-ms-animation:flipInY .8s ease-out 1.5s;-moz-animation:flipInY .8s ease-out 1.5s;animation:flipInY .8s ease-out 1.5s;opacity:1}

.index-content.ic-4 .ic-main{box-sizing:border-box;padding-top:80px}
.index-content.ic-4 .ic-main>h4{display:block;width:492px;height:60px;margin:auto;background:url(../images/title2.png) 0 0 no-repeat;-webkit-transform:translateX(-400px);-ms-transform:translateX(-400px);-moz-transform:translateX(-400px);transform:translateX(-400px);-webkit-transition:.8s ease-out;-ms-transition:.8s ease-out;-moz-transition:.8s ease-out;transition:.8s ease-out;opacity:0}
.index-content.ic-4 .ic-main>h6{text-align:center;color:#585757;font-size:15px;letter-spacing:1px;font-weight:"SimHei";margin-top:20px;-webkit-transform:translateX(400px);-ms-transform:translateX(400px);-moz-transform:translateX(400px);transform:translateX(400px);-webkit-transition:.8s;-ms-transition:.8s;-moz-transition:.8s;transition:.8s;opacity:0; line-height:34px;}
.index-content.ic-4 .ic-main .ic4-icons{ max-width:1140px;margin:50px auto;}
.index-content.ic-4 .ic-main .ic4-icons li{float:left;width:189px;box-sizing:border-box;text-align:center}
.index-content.ic-4 .ic-main .ic4-icons li>span{width:134px;height:160px;display:block;margin:20px auto 0;opacity:0}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i1>b{width:95px;height:80px;background:url(../images/ic4-bg-0.png) center no-repeat;position:absolute;z-index:1;top:-20px;left:140px;opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);-moz-transform:translateY(50px);transform:translateY(50px);-webkit-transition:.4s 1.2s;-ms-transition:.4s 1.2s;-moz-transition:.4s 1.2s;transition:.4s 1.2s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i1>span{background:url(../images/ic4-bg-icons.png) 0 0 no-repeat;-webkit-transition:.5s .6s;-ms-transition:.5s .6s;-moz-transition:.5s .6s;transition:.5s .6s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i1>label{-webkit-transition:1s .8s ease-out;-ms-transition:1s .8s ease-out;-moz-transition:1s .8s ease-out;transition:1s .8s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i1>label:after{-webkit-transition:1s .7s ease-out;-ms-transition:1s .7s ease-out;-moz-transition:1s .7s ease-out;transition:1s .7s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i2>span{background:url(../images/ic4-bg-icons.png) -190px 0 no-repeat;-webkit-transition:.5s .9s;-ms-transition:.5s .9s;-moz-transition:.5s .9s;transition:.5s .9s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i2>label{-webkit-transition:1s 1.1s ease-out;-ms-transition:1s 1.1s ease-out;-moz-transition:1s 1.1s ease-out;transition:1s 1.1s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i2>label:after{-webkit-transition:1s 1s ease-out;-ms-transition:1s 1s ease-out;-moz-transition:1s 1s ease-out;transition:1s 1s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i3>span{background:url(../images/ic4-bg-icons.png) -379px 0 no-repeat;-webkit-transition:.5s 1.2s;-ms-transition:.5s 1.2s;-moz-transition:.5s 1.2s;transition:.5s 1.2s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i3>label{-webkit-transition:1s 1.4s ease-out;-ms-transition:1s 1.4s ease-out;-moz-transition:1s 1.4s ease-out;transition:1s 1.4s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i3>label:after{-webkit-transition:1s 1.3s ease-out;-ms-transition:1s 1.3s ease-out;-moz-transition:1s 1.3s ease-out;transition:1s 1.3s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i4>span{background:url(../images/ic4-bg-icons.png) -569px 0 no-repeat;-webkit-transition:.5s 1.5s;-ms-transition:.5s 1.5s;-moz-transition:.5s 1.5s;transition:.5s 1.5s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i4>label{-webkit-transition:1s 1.7s ease-out;-ms-transition:1s 1.7s ease-out;-moz-transition:1s 1.7s ease-out;transition:1s 1.7s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i4>label:after{-webkit-transition:1s 1.6s ease-out;-ms-transition:1s 1.6s ease-out;-moz-transition:1s 1.6s ease-out;transition:1s 1.6s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i5>span{background:url(../images/ic4-bg-icons.png) -758px 0 no-repeat;-webkit-transition:.5s 1.8s;-ms-transition:.5s 1.8s;-moz-transition:.5s 1.8s;transition:.5s 1.8s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i5>label{-webkit-transition:1s 2s ease-out;-ms-transition:1s 2s ease-out;-moz-transition:1s 2s ease-out;transition:1s 2s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i5>label:after{-webkit-transition:1s 1.9s ease-out;-ms-transition:1s 1.9s ease-out;-moz-transition:1s 1.9s ease-out;transition:1s 1.9s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i6>span{background:url(../images/ic4-bg-icons.png) -948px 0 no-repeat;-webkit-transition:.5s 1.8s;-ms-transition:.5s 1.8s;-moz-transition:.5s 1.8s;transition:.5s 1.8s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i6>label{-webkit-transition:1s 2s ease-out;-ms-transition:1s 2s ease-out;-moz-transition:1s 2s ease-out;transition:1s 2s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i6>label:after{-webkit-transition:1s 1.9s ease-out;-ms-transition:1s 1.9s ease-out;-moz-transition:1s 1.9s ease-out;transition:1s 1.9s ease-out}

.index-content.ic-4 .ic-main .ic4-icons li.ic4-i7>span{background:url(../images/ic4-bg-icons2.png) 0 0 no-repeat;-webkit-transition:.5s .6s;-ms-transition:.5s .6s;-moz-transition:.5s .6s;transition:.5s .6s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i7>label{-webkit-transition:1s .8s ease-out;-ms-transition:1s .8s ease-out;-moz-transition:1s .8s ease-out;transition:1s .8s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i7>label:after{-webkit-transition:1s .7s ease-out;-ms-transition:1s .7s ease-out;-moz-transition:1s .7s ease-out;transition:1s .7s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i8>span{background:url(../images/ic4-bg-icons2.png) -190px 0 no-repeat;-webkit-transition:.5s .9s;-ms-transition:.5s .9s;-moz-transition:.5s .9s;transition:.5s .9s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i8>label{-webkit-transition:1s 1.1s ease-out;-ms-transition:1s 1.1s ease-out;-moz-transition:1s 1.1s ease-out;transition:1s 1.1s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i8>label:after{-webkit-transition:1s 1s ease-out;-ms-transition:1s 1s ease-out;-moz-transition:1s 1s ease-out;transition:1s 1s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i9>span{background:url(../images/ic4-bg-icons2.png) -379px 0 no-repeat;-webkit-transition:.5s 1.2s;-ms-transition:.5s 1.2s;-moz-transition:.5s 1.2s;transition:.5s 1.2s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i9>label{-webkit-transition:1s 1.4s ease-out;-ms-transition:1s 1.4s ease-out;-moz-transition:1s 1.4s ease-out;transition:1s 1.4s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i9>label:after{-webkit-transition:1s 1.3s ease-out;-ms-transition:1s 1.3s ease-out;-moz-transition:1s 1.3s ease-out;transition:1s 1.3s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i10>span{background:url(../images/ic4-bg-icons2.png) -569px 0 no-repeat;-webkit-transition:.5s 1.5s;-ms-transition:.5s 1.5s;-moz-transition:.5s 1.5s;transition:.5s 1.5s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i10>label{-webkit-transition:1s 1.7s ease-out;-ms-transition:1s 1.7s ease-out;-moz-transition:1s 1.7s ease-out;transition:1s 1.7s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i10>label:after{-webkit-transition:1s 1.6s ease-out;-ms-transition:1s 1.6s ease-out;-moz-transition:1s 1.6s ease-out;transition:1s 1.6s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i11>span{background:url(../images/ic4-bg-icons2.png) -757px 0 no-repeat;-webkit-transition:.5s 1.8s;-ms-transition:.5s 1.8s;-moz-transition:.5s 1.8s;transition:.5s 1.8s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i11>label{-webkit-transition:1s 2s ease-out;-ms-transition:1s 2s ease-out;-moz-transition:1s 2s ease-out;transition:1s 2s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i11>label:after{-webkit-transition:1s 1.9s ease-out;-ms-transition:1s 1.9s ease-out;-moz-transition:1s 1.9s ease-out;transition:1s 1.9s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i12>span{background:url(../images/ic4-bg-icons2.png) -946px 0 no-repeat;-webkit-transition:.5s 1.8s;-ms-transition:.5s 1.8s;-moz-transition:.5s 1.8s;transition:.5s 1.8s}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i12>label{-webkit-transition:1s 2s ease-out;-ms-transition:1s 2s ease-out;-moz-transition:1s 2s ease-out;transition:1s 2s ease-out}
.index-content.ic-4 .ic-main .ic4-icons li.ic4-i12>label:after{-webkit-transition:1s 1.9s ease-out;-ms-transition:1s 1.9s ease-out;-moz-transition:1s 1.9s ease-out;transition:1s 1.9s ease-out}


.index-content.ic-4 .ic-main .ic4-icons li>label{width:160px; margin-left:14px; line-height:19px;color:#585757;font-size:12px;display:block;text-align:center;position:relative;letter-spacing:1px;opacity:0;-webkit-transform:translateY(200px);-ms-transform:translateY(200px);-moz-transform:translateY(200px);transform:translateY(200px)}


.index-content.ic-5{height:1160px; background:url(../images/bg.png) no-repeat center 90px; background-color:#ffe100; padding-top:50px;}
.index-content.ic-5.active .ic-main .ic5-bg{-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.index-content.ic-5.active .ic-main>h4,.index-content.ic-5.active .ic-main>h6{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);transform:translate(0)}
.index-content.ic-5.active .ic-main .ic5-icons li>span{opacity:1}
.index-content.ic-5.active .ic-main .ic5-icons li>label{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.index-content.ic-5.active .ic-main .ic5-icons li.ic5-i1>span{opacity:1;-webkit-animation:bounceInLeft 1s .4s ease-out;-ms-animation:bounceInLeft 1s .4s ease-out;-moz-animation:bounceInLeft 1s .4s ease-out;animation:bounceInLeft 1s .4s ease-out}
.index-content.ic-5.active .ic-main .ic5-icons li.ic5-i2>span{opacity:1;-webkit-animation:bounceInUp 1s .6s ease-out;-ms-animation:bounceInUp 1s .6s ease-out;-moz-animation:bounceInUp 1s .6s ease-out;animation:bounceInUp 1s .6s ease-out}
.index-content.ic-5.active .ic-main .ic5-icons li.ic5-i3>span{opacity:1;-webkit-animation:bounceInRight 1s .8s ease-out;-ms-animation:bounceInRight 1s .8s ease-out;-moz-animation:bounceInRight 1s .8s ease-out;animation:bounceInRight 1s .8s ease-out}
.index-content.ic-5 .ic-main{box-sizing:border-box;padding-top:50px}

.index-content.ic-5 .ic-main>h4{display:block;width:492px;height:60px;margin:auto;background:url(../images/title2.png) 0 0 no-repeat;opacity:0;-webkit-transition:.8s ease-out;-ms-transition:.8s ease-out;-moz-transition:.8s ease-out;transition:.8s ease-out;-webkit-transform:translateX(-500px);-ms-transform:translateX(-500px);-moz-transform:translateX(-500px);transform:translateX(-500px)}
.index-content.ic-5 .ic-main>h6{text-align:center;color:#585757;font-size:15px;line-height:26px;letter-spacing:1px;margin-top:30px;opacity:0;-webkit-transform:translateX(500px);-ms-transform:translateX(500px);-moz-transform:translateX(500px);transform:translateX(500px);-webkit-transition:.8s ease-out .2s;-ms-transition:.8s ease-out .2s;-moz-transition:.8s ease-out .2s;transition:.8s ease-out .2s}


.index-content.ic-5{height:1160px; background:url(../images/bg.png) no-repeat center 90px; background-color:#ffe100; padding-top:50px;}
.index-content.ic-5.active .ic-main .ic5-bg{-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.index-content.ic-5.active .ic-main>h4,.index-content.ic-5.active .ic-main>h6{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);-moz-transform:translate(0);transform:translate(0)}
.index-content.ic-5.active .ic-main .ic5-icons li>span{opacity:1}
.index-content.ic-5.active .ic-main .ic5-icons li>label{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}
.index-content.ic-5.active .ic-main .ic5-icons li.ic5-i1>span{opacity:1;-webkit-animation:bounceInLeft 1s .4s ease-out;-ms-animation:bounceInLeft 1s .4s ease-out;-moz-animation:bounceInLeft 1s .4s ease-out;animation:bounceInLeft 1s .4s ease-out}
.index-content.ic-5.active .ic-main .ic5-icons li.ic5-i2>span{opacity:1;-webkit-animation:bounceInUp 1s .6s ease-out;-ms-animation:bounceInUp 1s .6s ease-out;-moz-animation:bounceInUp 1s .6s ease-out;animation:bounceInUp 1s .6s ease-out}
.index-content.ic-5.active .ic-main .ic5-icons li.ic5-i3>span{opacity:1;-webkit-animation:bounceInRight 1s .8s ease-out;-ms-animation:bounceInRight 1s .8s ease-out;-moz-animation:bounceInRight 1s .8s ease-out;animation:bounceInRight 1s .8s ease-out}
.index-content.ic-5 .ic-main{box-sizing:border-box;padding-top:50px}

.index-content.ic-5 .ic-main>h4{display:block;width:492px;height:60px;margin:auto;background:url(../images/title2.png) 0 0 no-repeat;opacity:0;-webkit-transition:.8s ease-out;-ms-transition:.8s ease-out;-moz-transition:.8s ease-out;transition:.8s ease-out;-webkit-transform:translateX(-500px);-ms-transform:translateX(-500px);-moz-transform:translateX(-500px);transform:translateX(-500px)}
.index-content.ic-5 .ic-main>h6{text-align:center;color:#585757;font-size:15px;line-height:26px;letter-spacing:1px;margin-top:30px;opacity:0;-webkit-transform:translateX(500px);-ms-transform:translateX(500px);-moz-transform:translateX(500px);transform:translateX(500px);-webkit-transition:.8s ease-out .2s;-ms-transition:.8s ease-out .2s;-moz-transition:.8s ease-out .2s;transition:.8s ease-out .2s}
.ttl {HEIGHT: 18px}
.ctt {TEXT-ALIGN: left; BORDER-TOP-WIDTH: 0px; HEIGHT: auto; CLEAR: both; float:left; width:100%; text-align:center; margin-top:58px;}
.ctt img{ width:71%;}
.w936 {MARGIN-TOP: 70px; max-width:1168px; CLEAR: both; float:left; background:url(../images/index_bg.png) no-repeat 0 0; height:770px; background-size:100% 770px;}
.tb_ { max-width:1168px;}
.tb_ UL { HEIGHT: 65px; padding-left:255px;}
.tb_ LI {TEXT-ALIGN: center; WIDTH: 166px; FLOAT: left; HEIGHT: 64px; padding-top:14px; margin-left:5px; CURSOR: pointer}
.normaltab {FONT-FAMILY: "Microsoft YaHei"; background:url(../images/bg4.png) no-repeat 0 0; COLOR: #46afe4; FONT-SIZE: 16px; line-height:19px;}
.normaltab i{ font-size:12px; font-style:normal;}
.hovertab {FONT-FAMILY: "Microsoft YaHei"; background:url(../images/shoP_bg2.png) no-repeat 0 0; COLOR: #ffffff; FONT-SIZE: 16px;line-height:19px;}
.hovertab i{ font-size:12px; font-style:normal;}
.dis {DISPLAY: block}
.undis {DISPLAY: none}



.about_banner{width:100%; overflow:hidden; height:463px; background:url(../images/about_banner.jpg) no-repeat center 0;}

.about-box{ max-width:1128px; margin:0 auto; overflow:hidden;}
.about-box-left{ float:left; width:75px; overflow:hidden; position:relative;}
.about-box-right{ float:right; width:1045px; overflow:hidden;}
.aboutus{ float:left; width:1045px; overflow:hidden; padding-left:58px; background: url(../images/bg3.jpg) no-repeat 0 0;  padding-top:50px;}
.about-title{ float:left; width:987px; overflow:hidden;}
.about-title dt{ float:left; width:987px; overflow:hidden; color:#555555; font-size:30px;}
.about-title dd{ float:left; width:987px; overflow:hidden; color:#aaaaaa; font-size:14px; margin-top:5px;}

.aboutus-nr{ float:left; width:987px; overflow:hidden; border-bottom:1px solid #e7e7e7; padding-bottom:50px; line-height:2em; margin-top:20px;}
.aboutus-nr p{ float:left; width:987px; color:#555555; font-size:14px;}


.lxfs{float:left; width:1045px; overflow:hidden; padding-left:58px; background: url(../images/bg3.jpg) no-repeat 0 0; padding-top:50px;}
.lxfsnr{ float:left; width:967px; overflow:hidden; background-color:#f5f5f5; padding:10px 15px 10px 15px; margin-top:20px;}
.lxfsnr dt{ float: left; width:967px; overflow:hidden; color:#555555; font-size:24px; font-weight:bold;}
.lxfsnr dd{ float:left; width:967px; overflow:hidden; color:#555555; font-size:18px; overflow:hidden; margin-top:5px;}
.lxfsnr dd a{ color:#3f63a5; margin-left:10px; cursor:pointer}
.lxfs-nr{ float:left; width:967px; overflow:hidden;}

.shows{ float:left; width:239px; overflow:hidden; display:block; margin-left:4px; margin-right:4px; padding-top:30px; padding-bottom:25px;}
.shows dt{ float:left; width:239px; overflow:hidden; height:150px; overflow:hidden;}
.shows dt img{width:239px;height:150px;}
.shows dd{ float:left; width:229px; overflow:hidden; margin-top:8px; padding-left:5px; padding-right:5px;}
.shows dd.shows-bt{ text-align:center;}
.shows dd.shows-bt a{ color:#000000; font-size:18px;}
.m-r-0{ margin-right:0;}
.shows dd.shows-title a{ color:#aaaaaa; font-size:14px;}
.shows dd.shows-more a{ float:left; display:block; width:98px; height:32px; overflow:hidden; text-align:center; line-height:32px; background-color:#f0f0f0; color:#999999; margin-left:65px;}



.main-layout { width: 100%; }
.container2{background-color: transparent !important; vertical-align: top; min-height: auto; width: 1045px; padding: 0; margin: 0 auto; border: none 0; position: relative; z-index:1; overflow: hidden; }
.classify-nav { background-color: #F5F5F5; width: 100%; height: 0; border-bottom: solid 1px #E9EAEB; position: relative; z-index: 99; }

.page-nav {list-style-type: none;  position: absolute; left: 50%; top: 90px; z-index: 1; opacity: 1;}
.page-nav li { margin-bottom: 2px; }
.page-nav a { font-size: 12px; color: #242C3B; background-color: #E9EAEB; display: block; width: 100px; height: 20px; padding: 5px 0; text-align: center; background-color: #E9EAEB; text-decoration: none; }
.page-nav .current a { color: #FFF;}


.page-nav { margin-left: -620px; top: 60px;}
.page-nav li { width: 50px; height: 50px; margin-bottom: 10px;}
.page-nav li a { background: url(../images/aboutus_nav.png) no-repeat; display: block; width: 50px; height: 50px; padding: 0;}
.page-nav li a.company { background-position: 0 0;}
.page-nav li a.contact { background-position: -50px 0;}
.page-nav li a.job { background-position: -100px 0;}
.page-nav li a.case { background-position: -150px 0;}
.page-nav li a.law { background-position: -200px 0;}
.page-nav li.current a.company { background-position: 0 -50px;}
.page-nav li.current a.contact { background-position: -50px -50px;}
.page-nav li.current a.job { background-position: -100px -50px;}
.page-nav li.current a.case { background-position: -150px -50px;}
.page-nav li.current a.law { background-position: -200px -50px;}

#dituContent{width:985px;height:550px;border:#ccc solid 1px; float:left; margin-top:10px;}

/*套餐详情*/
.package_banner{width:100%; overflow:hidden; height:452px; background:url(../images/tcjs_banner.jpg) no-repeat center 0;}
.wrap{ width:100%; overflow:hidden; padding-top:30px; padding-bottom:30px; background-color:#f0f3f4;}
.wrap_box{ max-width:1200px; margin:0 auto; overflow:hidden;}
table{ border-collapse:collapse; border-spacing:0;}

.wrap_box table{ float:left; width:100%; border-collapse:collapse; overflow:hidden; border-left:1px solid #dddddd; font-size:14px;}
.wrap_box table tr td{ border-right:1px solid #dddddd;border-bottom:1px solid #dddddd; padding:15px;}
.wrap_box table .bg-white{background: #fff;}
.wrap_box table .bg-active{background: #f6f9fa;}
.blue_line{ border-top:2px solid #5cc7f6; font-size:18px}
.blues_line{ border-top:2px solid #80b0fa; font-size:18px}
.cs_line{ border-top:2px solid #fdc579; font-size:18px}
.red_line{ border-top:2px solid #fa8484; font-size:18px}
.gre_line{ border-top:2px solid #6ac978; font-size:18px}
.font-gre{ color:#56bc5d;}
.font-red{ color:#fb3f40;}
.tcjs-box{ max-width:1128px; margin:0 auto; overflow:hidden; padding-top:50px; padding-bottom:50px;}
.tc-title{ float:left; width:1200px; margin-top:10px; overflow:hidden; text-align:center;}
.nybanner_box{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:65px; padding-top:50px;}
.nybanner_box ul{ float:left; width:1200px; overflow:hidden;}
.nybanner_box ul li{ float:left; display:inline; overflow:hidden; width:225px; overflow:hidden; margin-right:100px; background-color:#ffffff; padding-bottom:20px; border-bottom:6px solid #e6e4e4;}
.nybanner_box ul li:last-child{ margin-right:0;}
.bb_lx{ float:left; width:225px; padding-top:25px; height:120px; overflow:hidden;}
.bb_lx dt{ float:left; width:225px; text-align:center; color:#ffffff; font-size:24px;}
.bb_lx dd{ float:left; width:225px; overflow:hidden; text-align:center; margin-top:10px; color:#ffffff; font-size:14px;}
.bb_lx dd i{ font-size:36px; font-style:normal; margin-right:5px;}
.bb_miaoshu{ float:left; width:225px; padding-left:14px; padding-right:14px; margin-top:25px; color:#76838f; height:130px; line-height:22px;}

.zxgm-btn{ float:left; width:177px; height:40px; text-align:center; line-height:40px;-moz-border-radius:5px; -webkit-border-radius: 5px;border-radius:5px; margin-left:24px;}
.zxgm-btn a{ color:#ffffff; font-size:16px;}
.zxb-color{ background-color:#56a8fc!important;}
.ydsc-color{background-color:#61ddad!important;}
.dyh-color{background-color:#ffc36d!important;}
.tydj-color{background-color:#ff7e7e!important;}
.zsdz-color{background-color:#475975!important;}
.zsdz_bt{ float:left; width:225px; height:120px; overflow:hidden; text-align:center; color:#ffffff; line-height:120px; font-weight:bold; font-size:36px; background-color:#475975;}



/*功能列表*/
.function_banner{width:100%; overflow:hidden; height:692px; background:url(../images/gnlb_banner.jpg) no-repeat center 0;}

.ttl2 {HEIGHT: 18px}
.ctt2 { HEIGHT: auto; CLEAR: both; float:left; width:100%; background-color:#f5f4f4; margin-top:10px; padding-top:20px; padding-bottom:35px;}
.w9362 {WIDTH: 100%; CLEAR: both; margin:0 auto;}
.tb2_ { WIDTH: 1100px; margin:0 auto; overflow:hidden;}
.tb2_ UL {WIDTH: 1100px; HEIGHT: 200px; float:left; margin-top:20px;}
.tb2_ LI {TEXT-ALIGN: center; WIDTH: 275px; float:left; CURSOR: pointer; line-height:30px;}
.normaltab2 {FONT-FAMILY: "Microsoft YaHei";COLOR: #666666;}
.normaltab2 i{ font-size:19px; font-style:normal;}
.hovertab2 {FONT-FAMILY: "Microsoft YaHei";}
.hovertab2 i{ font-size:19px; font-style:normal;}
.dis2 {DISPLAY: block}
.undis2 {DISPLAY: none}

.consulting{ width:1100px; margin:0 auto; overflow:hidden; padding-top:60px; padding-bottom:50px; text-align:center; line-height:30px;}
.consulting a{ color:#555555; font-size:18px;}



.ttl3 {HEIGHT: 18px}
.ctt3 { width:825px; float:right;}
.w9363 {WIDTH: 1102px; CLEAR: both; margin:0 auto;}
.tb3_ { float:left; WIDTH: 270px;overflow:hidden; background-color:#ffffff;}
.tb3_ UL {WIDTH: 270px; float:left; }
.tb3_ LI {WIDTH: 215px; float:left; CURSOR: pointer; line-height:47px; font-size:22px; padding-left:55px;}
.normaltab3 {FONT-FAMILY: "Microsoft YaHei";COLOR: #878686;}
.hovertab3 {FONT-FAMILY: "Microsoft YaHei"; background-color:#f5cd47; color:#ffffff;}
.dis3 {DISPLAY: block}
.undis3 {DISPLAY: none}


.ttl4 {HEIGHT: 18px}
.ctt4 { width:825px;  float:right;}
.w9364 {WIDTH: 1102px; CLEAR: both; margin:0 auto;}
.tb4_ { float:left; WIDTH: 270px;overflow:hidden; background-color:#ffffff;}
.tb4_ UL {WIDTH: 270px; float:left; }
.tb4_ LI {WIDTH: 215px; float:left; CURSOR: pointer; line-height:47px; font-size:22px; padding-left:55px;}
.normaltab4 {FONT-FAMILY: "Microsoft YaHei";COLOR: #878686;}
.hovertab4 {FONT-FAMILY: "Microsoft YaHei"; background-color:#f5cd47; color:#ffffff;}
.dis4 {DISPLAY: block}
.undis4 {DISPLAY: none}


.ttl5 {HEIGHT: 18px}
.ctt5 { width:825px;  float:right;}
.w9365 {WIDTH: 1102px; CLEAR: both; margin:0 auto;}
.tb5_ { float:left; WIDTH: 270px;overflow:hidden; background-color:#ffffff;}
.tb5_ UL {WIDTH: 270px; float:left; }
.tb5_ LI {WIDTH: 215px; float:left; CURSOR: pointer; line-height:47px; font-size:22px; padding-left:55px;}
.normaltab5 {FONT-FAMILY: "Microsoft YaHei";COLOR: #878686;}
.hovertab5 {FONT-FAMILY: "Microsoft YaHei"; background-color:#f5cd47; color:#ffffff;}
.dis5 {DISPLAY: block}
.undis5 {DISPLAY: none}

.ttl6 {HEIGHT: 18px}
.ctt6 { width:825px; float:right;}
.w9366 {WIDTH: 1102px; CLEAR: both; margin:0 auto;}
.tb6_ { float:left; WIDTH: 270px;overflow:hidden; background-color:#ffffff;}
.tb6_ UL {WIDTH: 270px; float:left; }
.tb6_ LI {WIDTH: 215px; float:left; CURSOR: pointer; line-height:47px; font-size:22px; padding-left:55px;}
.normaltab6 {FONT-FAMILY: "Microsoft YaHei";COLOR: #878686;}
.hovertab6 {FONT-FAMILY: "Microsoft YaHei"; background-color:#f5cd47; color:#ffffff;}
.dis6 {DISPLAY: block}
.undis6 {DISPLAY: none}

.configuration{ float:left; width:825px; overflow:hidden; margin-bottom:16px;}
.configuration dt{ float:left; width:795px; padding:6px 15px 6px 15px; overflow:hidden; color:#fff6d6; font-size:23px; color:#666666; background:#fff6d6;}
.configuration dd{ float:left; width:795px; padding:6px 15px 6px 15px; overflow:hidden; background:#ffffff; color:#666666; font-size:16px;}

/*更新记录*/
.history_banner{ width:100%; overflow:hidden; height:392px; background:url(../images/gxjl_banner.png) no-repeat center 0; }
.history .content,.history .point,.history>li.year>div,.main{box-sizing:border-box}
.his{width:1000px;margin:0 auto;text-align:center;padding-bottom:30px}
.his .his_title{width:500px;height:210px;margin:auto;background:url(../images/date-title.png) 1px 0 no-repeat;background-size:auto}
.history>li{width:1px;margin:auto;position:relative;height:180px;background:#f6b048;left:0}
.history>li.year{height:40px}
.history>li.year>div{width:100px;height:100px;background:#f5d84e;border-radius:100px;border:8px solid #f7b157;padding:17px 0;line-height:25px;color:#fff;font-size:24px;font-weight:700;position:absolute;top:-50px;left:-50px;z-index:2}
.history>li.odd .point label{left:-80px}
.history>li.odd .point span{left:-82px}
.history>li.odd .title{right:110px;text-align:right}
.history>li.odd .content{left:80px}
.history>li.even .point label{right:-80px}
.history>li.even .point span{right:-82px}
.history>li.even .title{left:110px;text-align:left}
.history>li.even .content{right:80px}
.history .point{width:30px;height:30px;background:#f7b157;border:5px solid #f5d84e;border-radius:20px;left:-15px;position:absolute;top:40px}
.history .point label{width:80px;position:absolute;height:1px;background:#f5d84e;top:10px}
.history .point span{width:10px;height:10px;background:#f5d84e;border-radius:10px;position:absolute;top:5px}
.history .title{width:500px;position:absolute;top:30px}
.history .title>h2{line-height:50px;font-size:24px;color:#444;letter-spacing:1px;font-weight:700}
.history .content{max-width:520px;padding:5px 20px 15px;position:absolute;top:10px;color:#333;text-align:left;background:#ececec;white-space:nowrap; overflow:hidden;}
.history .content h4{line-height:40px;font-size:18px}
.history .content p{line-height:22px;font-size:12px}


/*客服*/
@charset "utf-8";body{padding:0;margin:0;behavior:url("../images/hover.htc");}
img{border:0px;}
a{text-decoration:none;}
ul, li{list-style:none;margin:0px;padding:0px;}
/*在线客服*/.kefu_flag{cursor: pointer;display: none;width: 28px;}
.clear{font:0/0 sans-serif;height:0;overflow:hidden;clear:both;display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;}
#for_kefu_block{position:fixed;top:80px;right:0px;z-index:100;}
.kefu_block{position:relative;width:183px;display:block;}
.kefu_title{width:183px;height:30px;}
.kefu_box{width:183px;overflow:hidden;}
.kefu_close{width:183px;height:31px;display:block;position:absolute;left:0;top:0;}
.kefu_con{width:181px;border-left:solid 1px #afafb0;border-right:solid 1px #afafb0;background-color:#FFFFFF;}
.kefu_tel{background:url(../images/kf_tel.jpg) no-repeat scroll;width:181px;height:68px;color:#000;font-size:14px;font-weight:bold;padding-top:5px;padding-left:10px;}
.kefu_con_title{background:url(../images/kf_title.jpg) no-repeat scroll;width:181px;height:31px;cursor:pointer;}
.kefu_con_title ul li{float:left;margin-top:8px; margin-right:12px;}

.kefu_con_title_li1{width:14px;height:14px;padding-left:16px;padding-right:10px;}
.kefu_con_title_li2{color:#FFF;font-family:"微软雅黑";font-size:12px;font-weight:bold;}
.kefu_con_con{background:url(../images/kf_he.jpg) no-repeat scroll;padding-top:10px;padding-bottom:5px;}
.kefu_con_con ul{width:150px;margin-left:20px;}
.kefu_con_con ul li{float:left; display:block; width:45px;padding:2px 1px;text-align:center;padding-left:10px;}
.kefu_con_con ul li span{font-size:12px; width:100%; margin:0;}
.kefu_con_con ul li a{font-size:12px;color:#333;}
.kefu_con_con ul li a:hover{color:#333;}
.kefu_con_con .neititle{width:130px;margin-top:2px;padding-left:0px;}
.kefu_con_con .neititle .uline{border-bottom:#CCCCCC 1px solid;margin-left:10px;text-align:left;margin-bottom:2px;padding-bottom:2px;font-size:12px;font-weight:bold;text-indent:5px;}
.kefu_con_con1{background:url(../images/kf_he.jpg) no-repeat scroll;padding-top:10px;padding-bottom:5px;}
.kefu_con_con1 ul{width:180px;margin-left:0px;}
.kefu_con_con1 ul li{float:left;width:83px;padding:2px 1px;text-align:center;padding-left:10px;}
.kefu_con_con1 ul li span{font-size:12px;}
.kefu_con_con1 ul li a{font-size:12px;color:#333;}
.kefu_con_con1 ul li a:hover{color:#333;}
.kefu_con_con1 .neititle{width:166px;margin-top:0px;padding-left:0px;}
.kefu_con_con1 .neititle .uline{border-bottom:#CCCCCC 2px dotted;margin-left:10px;text-align:left;margin-bottom:2px;padding-bottom:2px;font-size:14px;font-weight:bold;text-indent:5px;}

@media (max-width: 768px) {
.menu li{ width:50%; margin:0; text-align:center; line-height:30px;}
.footer{padding-top:15px; padding-bottom:15px;}
.footer-box{ background:none; width:100%; padding-left:0;}	
.foot_menu{ text-align:center;}
.banner{ width:100%; overflow:hidden; height:150px; background:url(../images/banner01.png) no-repeat center 0; background-size: contain; background-color:#f3cc22;}
.index-content.ic-1 .ic-main .ic1-text{width:100%; margin-left:0;}
.index-content .ic-main{ width:100%; float:left; overflow:hidden; padding-top:20px; padding-bottom:20px;}
.index-content.ic-1 .ic-main .ic1-bg{ background:none;}
.ic-4{ height:auto!important;}
.ic4-icons li label{ height:40px!important; overflow:hidden!important;}
.index-content{width:100%; padding-left:2%; padding-right:2%;position:relative; overflow:hidden;}
.index-content.ic-1 .ic-main .ic1-bg .ic1-b-text{width:100%;height:auto;position:absolute;left:0;bottom:0;opacity:0;-webkit-transform:translateX(80px);-ms-transform:translateX(80px);-moz-transform:translateX(80px);transform:translateX(80px);-webkit-transition:1s ease-out .5s;-ms-transition:1s ease-out .5s;-moz-transition:1s ease-out .5s;transition:1s ease-out .5s;background:url(../images/pho2.png) 0 0 no-repeat; background-size: contain;}
.index-content.ic-1 .ic-main .ic1-text li.what img{ width:50%;}
.index-content.ic-1 .ic-main .ic1-text li.what{ margin-bottom:20px;}
.index-content.ic-1{ height:530px;}
.index-content.ic-1 .ic-main .ic1-text li{ line-height:30px;}
.index-content.ic-4 .ic-main{ padding-top:20px;}
.index-content.ic-4 .ic-main>h4{background:url(../images/title2.png) center 0 no-repeat; background-size:210px; height:26px; width:100%;}
.index-content.ic-4 .ic-main>h6{ line-height:24px;}
.index-content.ic-4 .ic-main .ic4-icons li{float:left;width:46%; margin-left:2%; margin-right:2%;box-sizing:border-box;text-align:center}
.index-content.ic-4 .ic-main .ic4-icons li>label{width:100%; margin-left:0; }
.index-content.ic-4 .ic-main .ic4-icons{ margin:20px auto;}
.foot_menu a{ padding-left:8px; padding-right:8px;}

.index-content.ic-2 .ic-main .ic2-list li{float:left;width:50%;height:315px;position:relative;padding-top:80px;box-sizing:border-box;color:#fff;text-align:center;transform-origin:0 center;-webkit-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}


.index-content.ic-2 .ic2-text{width:100%;float:left;margin:630px 0 0 0}
.index-content.ic-2 .ic2-text h4{width:100%;height:30px;display:block;background:url(../images/title4.png) no-repeat center 0; background-size:210px;margin-bottom:20px;opacity:0;-webkit-transition:.2s 1s;-ms-transition:.2s 1s;-moz-transition:.2s 1s;transition:.2s 1s;transform:translateX(120px)}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-1:after{border-top:0}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-2:after{ border-top:0;}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-3:after{ border-top:0;}
.index-content.ic-2 .ic-main .ic2-list li.ic2-l-4:after{ border-top:0;}

.index-content.ic-2 .ic-main .ic2-list li i{width:90%;text-align:center; margin-left:5%;}
.index-content.ic-2{height:auto;}
.index-content.ic-2 .ic-main .ic2-list li h4 img{ width:80px;}


.ttl {HEIGHT: 18px}
.ctt {TEXT-ALIGN: left; BORDER-TOP-WIDTH: 0px; HEIGHT: auto; CLEAR: both; margin-top:10px; float:left; width:100%; text-align:center;border:2px solid #46afe4; padding:10px 0 10px 0; background:#ffffff;}
.ctt img{ max-width:100%;}
.w936 {MARGIN-TOP: 20px; WIDTH: 100%; CLEAR: both; float:left; background:none; height: auto;}
.tb_ { WIDTH: 100%}
.tb_ UL {WIDTH: 100%; HEIGHT: 65px; padding-left:0;}
.tb_ LI {TEXT-ALIGN: center; WIDTH: 49%; FLOAT: left; HEIGHT: 50px; padding-top:5px; padding-bottom:5px;CURSOR: pointer; margin-right:0.5%; margin-left:0.5%; margin-top:3px;}
.normaltab {FONT-FAMILY: "Microsoft YaHei"; background:#efefef; COLOR: #46afe4; FONT-SIZE: 14px; line-height:19px;}
.normaltab i{ font-size:12px; font-style:normal;}
.hovertab {FONT-FAMILY: "Microsoft YaHei"; background:#46afe4; COLOR: #ffffff; FONT-SIZE: 14px;line-height:19px;}
.hovertab i{ font-size:12px; font-style:normal;}
.dis {DISPLAY: block}
.undis {DISPLAY: none}
.index-content.ic-5{ padding-top:20px;}
.index-content.ic-5 .ic-main{ padding-top:20px;}
.index-content.ic-5 .ic-main>h4{display:block;width:100%;height:30px;margin:auto;background:url(../images/title2.png) center 0 no-repeat; background-size:210px;}
.index-content.ic-5{ height:auto}


.logo{width:180px; height:43px; background:url(../images/logo.png) no-repeat 0 center; background-size:180px 43px; }
.logo a{ width:180px; height:43px;}

.about_banner{width:100%; overflow:hidden; height:140px; background:url(../images/about_banner.jpg) no-repeat center 0; background-size:cover}
.about-box-left{ display:none;}
.about-box-right{ width:100%;}
.about-title{width:100%; overflow:hidden; margin-top:10px;}
.about-title dt{ width:100%; font-size:20px;}
.about-title dd{ width:100%;}

.container2{ width:100%;}
.aboutus{ padding:0; width:100%; background:none; padding-left:2%; padding-right:2%;}
.aboutus-nr{ width:100%; margin-top:0;}
.aboutus-nr p{ width:100%;}
.lxfs{width:100%;  padding-left:2%; padding-right:2%;  background:none; padding-top:15px;}
.lxfsnr{ width:100%; margin-top:0;}
.lxfsnr dt{ width:100%; font-size:18px; }
.lxfsnr dd{width:100%; font-size:14px;}
.lxfs-nr{width:100%;}
.lxfs-nr img{ width:100%;}
#dituContent{ width:99.5%;}


.shows{  width:100%; margin-left:0; margin-right:0; padding-top:10px; padding-bottom:10px;}
.shows dt{ float:left; width:100%; overflow:hidden; height:auto; overflow:hidden;}
.shows dt img{width:100%;height:auto;}
.shows dd{ width:100%; margin-top:8px; padding-left:0; padding-right:0;}
.shows dd.shows-more a{ width:80%; margin-left:10%;}

.package_banner{width:100%; overflow:hidden; height:140px; background:url(../images/tcjs_banner.jpg) no-repeat center 0; background-size: cover}

.tcjs-box{ max-width:100%; margin:0 auto; overflow:hidden; padding-top:10px; padding-bottom:10px;}
.tcjs-box img{ width:100%;}
.wrap_box{ width:100%;}
.nybanner_box{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:25px; padding-top:20px;}
.nybanner_box ul{ float:left; width:100%; overflow:hidden;}
.nybanner_box ul li{ float:left; display:inline; overflow:hidden; width:90%; overflow:hidden; margin-left:5%; margin-right:5%; background-color:#ffffff; padding-bottom:20px; border-bottom:6px solid #e6e4e4; margin-top:10px;}
.nybanner_box ul li:last-child{ margin-right:0;}
.bb_lx{ float:left; width:100%; padding-top:10px; padding-bottom:10px; height: auto; overflow:hidden;}
.bb_lx dt{ float:left; width:100%; text-align:center; color:#ffffff; font-size:20px; font-weight:normal;}
.bb_lx dd{ float:left; width:100%; overflow:hidden; text-align:center; margin-top:10px; color:#ffffff; font-size:14px;}
.bb_lx dd i{ font-size:30px; font-style:normal; margin-right:5px;}
.bb_miaoshu{ float:left; width:100%; padding-left:24px; padding-right:24px; margin-top:0; color:#76838f; height:auto; line-height:22px;}

.zxgm-btn{ float:left; width:90%; height:40px; text-align:center; line-height:40px;-moz-border-radius:5px; -webkit-border-radius: 5px;border-radius:5px; margin-left:5%; margin-top:15px;}
.zxgm-btn a{ color:#ffffff; font-size:16px;}
.zxb-color{ background-color:#56a8fc!important;}
.ydsc-color{background-color:#61ddad!important;}
.dyh-color{background-color:#ffc36d!important;}
.tydj-color{background-color:#ff7e7e!important;}
.zsdz-color{background-color:#475975!important;}
.zsdz_bt{ float:left; width:100%; height:120px; overflow:hidden; text-align:center; color:#ffffff; line-height:120px; font-weight:bold; font-size:36px; background-color:#475975;}
.tc-title{ width:100%; margin-top:10px; overflow:hidden; text-align:center;}
.tc-title img{ width:50%;}
.function_banner{width:100%; overflow:hidden; height:150px;background:url(../images/gnlb_banner.jpg) no-repeat center 0; background-size:100% }


.tb2_ {  WIDTH: 100%;}
.tb2_ UL {WIDTH: 100%; height:auto; margin-top:0}
.tb2_ LI { WIDTH: 25%;}
.tb2_ LI img{ width:80%;}
.tb2_ LI i{ float: left; width:100%; text-align:center; height:33px; overflow:hidden;}
.normaltab2 i{ font-size:12px;}
.hovertab2 i{ font-size:12px;}



.ctt3 { width:100%; float:right;}
.w9363 {WIDTH: 100%; CLEAR: both; margin:0 auto;}
.tb3_ { float:left; WIDTH: 100%;overflow:hidden; background-color:#ffffff;}
.tb3_ UL {WIDTH: 100%; float:left; }
.tb3_ LI {WIDTH: 33.33%; float:left; border-right:1px solid #f5f4f4; border-bottom:1px solid #f5f4f4; CURSOR: pointer; line-height:30px; font-size:14px; padding-left:0; text-align:center;}



.ctt4 { width:100%; float:right;}
.w9364 {WIDTH: 100%; CLEAR: both; margin:0 auto;}
.tb4_ { float:left; WIDTH: 100%;overflow:hidden; background-color:#ffffff;}
.tb4_ UL {WIDTH: 100%; float:left; }
.tb4_ LI {WIDTH: 33.33%; float:left; border-right:1px solid #f5f4f4; border-bottom:1px solid #f5f4f4; CURSOR: pointer; line-height:30px; font-size:14px; padding-left:0; text-align:center;}



.ctt5 { width:100%; float:right;}
.w9365 {WIDTH: 100%; CLEAR: both; margin:0 auto;}
.tb5_ { float:left; WIDTH: 100%;overflow:hidden; background-color:#ffffff;}
.tb5_ UL {WIDTH: 100%; float:left; }
.tb5_ LI {WIDTH: 33.33%; float:left; border-right:1px solid #f5f4f4; border-bottom:1px solid #f5f4f4; CURSOR: pointer; line-height:30px; font-size:14px; padding-left:0; text-align:center;}

.ctt6 { width:100%; float:right;}
.w9366 {WIDTH: 100%; CLEAR: both; margin:0 auto;}
.tb6_ { float:left; WIDTH: 100%;overflow:hidden; background-color:#ffffff;}
.tb6_ UL {WIDTH: 100%; float:left; }
.tb6_ LI {WIDTH: 33.33%; float:left; border-right:1px solid #f5f4f4; border-bottom:1px solid #f5f4f4; CURSOR: pointer; line-height:30px; font-size:14px; padding-left:0; text-align:center;}



.configuration{width:100%; overflow:hidden; margin-bottom:16px;}
.configuration dt{width:100%; padding:6px 1% 6px 1%; font-size:16px; font-weight:bold;}
.configuration dd{  width:100%; padding:6px 1% 6px 1%; font-size:14px;}
.consulting{ width:100%; margin:0 auto; overflow:hidden; padding-top:30px; padding-bottom:30px; text-align:center; line-height:30px;}
.consulting img{ width:150px;}
.consulting a{ font-size:16px;}

.history_banner{ width:100%; overflow:hidden; height:120px;background:url(../images/gxjl_banner.png) no-repeat center 0; background-size: cover;}

.his{ width:100%;}
.his .his_title{ width:100%; height:50px; background:url(../images/date-title.png) center 0 no-repeat; background-size:auto 50px}

.history>li.year>div{width:100px;height:100px;background:#f5d84e;border-radius:100px;border:8px solid #f7b157;padding:17px 0;line-height:25px;color:#fff;font-size:24px;font-weight:700;position:absolute;top:-50px;left:-50px;z-index:2}
.history>li.odd .point label{left:-40px}
.history>li.odd .point span{left:-42px}
.history>li.odd .title{left:-150px;text-align:left}
.history>li.odd .content{left:30px;}
.history>li.even .point label{right:-40px}
.history>li.even .point span{right:-42px}
.history>li.even .title{left:60px;text-align:left}
.history>li.even .content{right:30px}
.history .point{width:30px;height:30px;background:#f7b157;border:5px solid #f5d84e;border-radius:20px;left:-15px;position:absolute;top:40px}
.history .point label{width:40px;position:absolute;height:1px;background:#f5d84e;top:10px}
.history .point span{width:10px;height:10px;background:#f5d84e;border-radius:10px;position:absolute;top:5px}
.history .title{width:100%;position:absolute;top:30px}


.history .title>h2{line-height:50px;font-size:14px;color:#444;letter-spacing:1px;font-weight:700}
.history .content{max-width:120px;padding:5px 10px 10px;position:absolute;top:10px;color:#333;text-align:left;background:#ececec;white-space:nowrap;}
.history .content h4{line-height:40px;font-size:18px}
.history .content p{line-height:22px;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}


.navbar-nav{ width:100%; margin-left:0; margin-right:0;}


#for_kefu_block{ display:none;}
.kefu_block{ display:none;}

}

@charset 'utf-8';
/* ---------- reset ---------- */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin: 0; padding: 0;}
body,button,input,textarea,select{font: 12px/1.5 Arial,'microsoft yahei',Helvetica,sans-serif;-webkit-font-smoothing: antialiased;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block }
address, caption, cite, code, dfn, em, th, var {font-style: normal; font-weight: 400; }
table {border-collapse: collapse; border-spacing: 0 }
ol, ul {list-style: none; }
img {border: 0 none ;}
i,em{ font-style: normal; }
input,select,textarea {font-size: 100% }
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: 400 }
a {cursor: pointer;}
a:hover {text-decoration: underline;}
:focus {outline: 0 }
/*超链接模块*/
a,
a:hover{ text-decoration: none; }

/* ---------- common ---------- */
html {color: #333; background: #fff }
.fl{ float: left;}
.fr{ float: right; }


/* ---------- 悬停 ---------- */
.demo{ padding-left: 20px; padding-top: 10px; position: relative;}
.demo-sub{ display: none; position: absolute;  top: 40px; right: 0; padding-top: 10px;}
.demo:hover .demo-sub{ display: block; }
.demo-sub .arrow{ position: absolute; right: 35px; top: 0; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid #3DBAF7;}
.demo-sub .inner{ width: 600px; height: 500px; border: 3px solid #3DBAF7; text-align: center; background: #fff;}
.demo-sub .title{ font-size: 32px; margin-bottom: 15px; margin-top: 20px;}
.demo-sub .subtitle{ font-size: 20px; margin-bottom: 10px;}
.demo-sub .subtitle.red{ color: #EC5151; }
.demo-sub .subtitle.blue{ color: #3DBAF7; }
.demo-table-wp{ padding: 0 30px; }
.demo-table{ width: 100%; border-collapse: collapse; font-size: 14px; text-align: center; margin-bottom: 20px;}
.demo-table tr{ border: 1px solid #ddd; }
.demo-table th,
.demo-table td{ padding: 6px 14px; }
.demo-table td a{ color:#666;}
.demo-table td a:hover{ color:#ec5051;}
.demo-sub .qrcode-list{ padding: 0 50px;}
.demo-sub .qrcode-list li{ float:left;  width: 25%; text-align: center; font-size: 14px;}
.demo-sub .qrcode-list img{ width:98px; height:98px; }