/* reset */
html {-webkit-tap-highlight-color: rgba(0,0,0,0);}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em{}
strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;text-rendering: optimizeLegibility;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  -moz-font-feature-settings: "liga","kern";font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}
img {vertical-align: middle;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
body{background:#fff;color: #333;line-height: 1.4;font-size: 14px;}
a,a:hover{color:#333;}

.container {width: 1120px;margin: 0 auto;}
.bg-gray {background-color: #fafafa;}

.header {height: 124px;}
.header .top {height: 34px;line-height: 34px;background-color: #333;color: #9d9d9d;font-size: 12px;}
.header .hd {height: 90px;background-color: #fff;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;}
.header .logo {float: left;padding: 20px 0;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;}
.header .logo img {height: 50px;width: auto;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;}
.header .menu {float: right;}
.header .menu li {float: left;}
.header .menu li a {line-height: 90px;display: block;font-size: 18px;color: #3d3d3d;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;padding: 0 15px;}
.header .menu li a:hover,.header .menu li.active a {color: #39c;}
.header .menu li.hover {background: url(../images/navArrow.png) no-repeat center bottom;}
.minNavFixed {height: 94px;}
.header .menu li.hover a {color: #3399cc;}
.minNavFixed .hd {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;border-bottom: 1px solid #e3e3e3;height: 60px;}
.minNavFixed .logo {padding: 10px 0;}
.minNavFixed .logo img {height: 40px;}
.minNavFixed .menu li a {line-height: 60px;}

.subNav{position: relative;padding: 30px 0;text-align: center;background: #3d3d3d;background:rgba(61,61,61,.9);z-index: 1000;display: none;}
.subNav .row{display: none}
.normalNav ul,.proNv ul{text-align: center}
.normalNav ul li,.proNv ul>li{display: inline-block;margin: 0 30px}
.normalNav ul li,.proNv ul>li{*display: inline}
.normalNav ul li a{padding-bottom: 8px;color: #fff;font-size: 16px;}
.normalNav ul li a:hover{border-color: #3399cc;color:#3399cc}
.aboutNv ul li{float: right;margin: 0 0 0 65px}
.proNv ul>li{width: 130px;vertical-align: top}
.proNv ul>li .navOl li{text-align: left}
.proNv ul>li .navOl li a{font-size: 14px;color: #ddd;margin-top: 10px;display: block}
.proNv ul>li .navOl li a:hover{color: #fff}
.proNv ul>li .navOl li h3 a{font-size: 16px;margin: 0}
.proNv ul>li .navOl li h3 a{color: #fff;padding-bottom: 8px;border-bottom: 1px solid #5b5d5f}
.proNv ul>li .navOl li h3:hover a{border-color: #3399cc;color:#3399cc}

.banner {height: 398px;position: relative;overflow: hidden;}
.banner ul,.banner li {width: 100% !important;height: 100% !important;}
.banner li {background: no-repeat center center #00a8ff;background-size: cover;color: #fff;}
.banner .container {display: table;height: 100%;position: relative;}
.banner .info {display: table-cell;width: 100%;height: 100%;vertical-align: middle;text-align: right;}
.banner .info h3 {font-size: 30px;margin-bottom: 15px;-webkit-animation: bounceInRight 1.5s 0s ease both;-moz-animation: bounceInRight 1.5s 0s ease both;animation: bounceInRight 1.5s 0s ease both;}
/*.banner .info p {font-size: 28px;-webkit-animation: fadeInDown 1s 0s ease both;-moz-animation: fadeInDown 1s 0s ease both;animation: fadeInDown 1s 0s ease both;}*/
/*.banner .b3-1 {position: absolute;bottom: 0;left: 0;-webkit-animation: fadeInUp 1.5s 0.5s ease both;-moz-animation: fadeInUp 1.5s 0.5s ease both;animation: fadeInUp 1.5s 0.5s ease both;}*/
.banner .btn {position: absolute;top: 50%;background: url(../images/icons.png) no-repeat;width: 26px;height: 51px;left: 50%;margin-top: -25px;display: none;}
.banner .prev {background-position: 0 -15px;margin-left: -601px;}
.banner .next {background-position: -26px -15px;margin-left: 575px;}
.banner .b2-1 {position: absolute;bottom: 72px;right: 110px;}
.banner .b2-2 {margin-bottom: 10px;-webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;-o-animation-delay: 0.2s;animation-delay: 0.2s;}
.banner .b2-3 {margin-bottom: 10px;-webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s;}
.banner .b2-4 {-webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;-o-animation-delay: 0.6s;animation-delay: 0.6s;}
.banner .b3-1 {position: absolute;bottom: 10px;right: 0px;}
.banner .b4-1 {position: absolute;left: -20px;top: 50px;}
.banner .b4-2 {position: absolute;right: 0;top: 80px;}
.banner .b4-3 {margin-bottom: 10px;-webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;-o-animation-delay: 0.2s;animation-delay: 0.2s;}
.banner .b4-4 {margin-bottom: 10px;-webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s;}
.banner .b4-5 {-webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;-o-animation-delay: 0.6s;animation-delay: 0.6s;}
.banner .b5-1 {position: absolute;bottom: 0;right: 0;}

.section {padding: 50px 0;}
.section-title {text-align: center;font-size: 48px;color: #4f5b6c;font-weight: normal;border-bottom: 1px solid #d5dfe7;padding-bottom: 15px;margin-bottom: 50px;}
.section-small {text-align: center;margin: -30px auto 50px;}

.index-1 {margin: 0 -17px;}
.index-1 li {float: left;margin: 0 17px;width: 234px;text-align: center;color: #fff;padding: 10px;}
.index-1 li i {display: block;width: 132px;height: 132px;margin: 30px auto;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;transition: all .8s ease-in-out;}
.index-1 li i img {width: 100%;height: 100%;}
.index-1 li:hover i {-webkit-animation: zoomIn 1s 0s ease both;-moz-animation: zoomIn 1s 0s ease both;animation: zoomIn 1s 0s ease both;}
.index-1 li h3 {font-size: 20px;font-weight: normal;margin-bottom: 10px;}
.index-1 li p {margin-top: 15px;height: 40px;line-height: 20px;overflow: hidden;}
.index-1 li.i1 {background-color: #8eb3de;}
.index-1 li.i2 {background-color: #6dd823;}
.index-1 li.i3 {background-color: #29ccae;}
.index-1 li.i4 {background-color: #f7b93e;}

.index-2 {margin: 0 -15px;}
.index-2 li {float: left;width: 257px;margin: 0 15px 30px;}
.index-2 li a {display: block;background-color: #fff;padding: 15px;}
.index-2 li h3 {font-size: 22px;color: #525e6e;font-weight: normal;padding-bottom: 15px;text-align: center;}
.index-2 li p {line-height: 20px;height: 100px;overflow: hidden;font-size: 12px;color: #9d9d9d;}
.index-2 li .btn {border: 1px solid #ddd;height: 54px;line-height: 54px;text-align: center;border-radius: 27px;font-size: 20px;margin: 15px 0;}
.index-2 li i {display: block;height: 80px;width: 80px;margin: 30px auto 20px;/*background: url(../images/icons.png) no-repeat;*/}
.index-2 li i img {width: 100%;height: 100%;}
/*.index-2 li i.i1 {background-position: -0px -1400px;}*/
/*.index-2 li i.i2 {background-position: -80px -1400px;}*/
/*.index-2 li i.i3 {background-position: -160px -1400px;}*/
/*.index-2 li i.i4 {background-position: -240px -1400px;}*/
/*.index-2 li i.i5 {background-position: -320px -1400px;}*/
/*.index-2 li i.i6 {background-position: -400px -1400px;}*/
/*.index-2 li i.i7 {background-position: -480px -1400px;}*/
.index-2 li a:hover h3 {color: #0173ca;}
.index-2 li a:hover .btn {background-color: #0173ca;color: #fff;}
.index-2 li a:hover i {-webkit-animation: tada 1s 0s ease both;-moz-animation: tada 1s 0s ease both;animation: tada 1s 0s ease both;}
.index-2 li a:hover i.i1 {background-position: -0px -1480px;}
.index-2 li a:hover i.i2 {background-position: -80px -1480px;}
.index-2 li a:hover i.i3 {background-position: -160px -1480px;}
.index-2 li a:hover i.i4 {background-position: -240px -1480px;}
.index-2 li a:hover i.i5 {background-position: -320px -1480px;}
.index-2 li a:hover i.i6 {background-position: -400px -1480px;}
.index-2 li a:hover i.i7 {background-position: -480px -1480px;}

.index-2-b li {width: 353px;}
.index-2-b li a {/*border: 1px solid #d5dfe7;*/padding-left: 30px;padding-right: 30px;}

.index-2-i li {text-align: center;}
.index-2-i li i {width: 100%;text-align: center;background: none;height: 220px;}
.index-2-i li i img {height: 100%;width: auto;}
.index-2-i li a:hover i {-webkit-animation: swing 1s 0s ease both;-moz-animation: swing 1s 0s ease both;animation: swing 1s 0s ease both;}
.index-2-i li p {height: 60px;}
.index-2-i li .btn {height: 30px;line-height: 30px;font-size: 14px;width: 120px;margin-left: auto;margin-right: auto;border-color: #0173ca;color: #0173ca;}

.txt li {margin-bottom: 20px;}
.txt li h4 {margin-bottom: 10px;font-size: 16px;color: #0173ca;}

.table th {border: 1px solid #298cef;padding: 15px;font-size: 18px;background-color: #298cef;color: #fff;text-align: center;}
.table td {text-align: center;padding: 15px;border: 1px solid #e5e5e5;vertical-align: middle;}
.table td:first-child + td + td + td + td {text-align: left;padding-left: 60px;width: 150px;}

.index-3 {position: relative;}
.index-3 .btn {position: absolute;height: 45px;width: 24px;margin-top: -23px;top: 50%;background: url(../images/icons.png) no-repeat 0 0;z-index: 100;}
.index-3 .prev {left: -30px;background-position: -412px 0;}
.index-3 .next {right: -30px;background-position: -436px 0;}
.index-3 .picList {padding: 10px 0 76px !important;}
.index-3 li {width: 250px;margin: 0 15px;position: relative;height: 325px;}
.index-3 .item {display: block;width: 250px;background-color: #fff;position: absolute;}
.index-3 .topImg {height: 152px;position: relative;}
.index-3 .topImg .caseImg {width: 100%;height: 100%;}
.index-3 .topImg .code {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/darkrbga.png) repeat;display: none;}
.index-3 .topImg .code img {width: 140px;height: 140px;display: block;margin: 30px auto;}
.index-3 .desc {padding: 10px;}
.index-3 .desc .tit {padding: 5px 0 15px;}
.index-3 .desc .tit .fr {float: right;width: 19px;height: 19px;background: url(../images/icons.png) no-repeat 0 -71px;}
.index-3 .desc .tit h3 {line-height: 19px;color: #4f5b6c;font-size: 16px;}
.index-3 .desc p {font-size: 12px;color: #9d9d9d;line-height: 22px;height: 66px;overflow: hidden;}
.index-3 a:hover .item {box-shadow: 0 0px 10px 5px #C3C3C3;}
.index-3 a:hover .topImg .code {display: block;}
.index-3 a:hover .desc p {height: 132px;}

.index-4 {margin: 0 -13px;}
.index-4 li {float: left;width: 260px;margin: 0 13px 13px;}
.index-4 li a {display: block;text-align: center;color: #fff;background: no-repeat center center #8eb3de;background-size: cover;border-radius: 10px;padding: 10px;}
.index-4 li i {display: block;width: 132px;height: 132px;margin: 20px auto;}
.index-4 li h3 {font-size: 18px;font-weight: normal;}
.index-4 li .btn {border: 1px solid #fff;height: 54px;text-align: center;line-height: 54px;border-radius: 27px;font-size: 20px;margin: 15px auto;width: 160px;}
.index-4 li a:hover {background-image: url(../images/darkbg.png);}
.index-4 li a:hover i {-webkit-animation: zoomIn 1s 0s ease both;-moz-animation: zoomIn 1s 0s ease both;animation: zoomIn 1s 0s ease both;}
.index-4 li a:hover .btn {background-color: #0173ca;border-color: #0173ca;}

.index-5 li {float: left;width: 20%;text-align: center;margin-bottom: 20px;}
.index-5 li p {padding: 15px 0;}
.index-5 li a:hover img {-webkit-animation: tada 1s 0s ease both;-moz-animation: tada 1s 0s ease both;animation: tada 1s 0s ease both;}

.index-6 {}
.index-6 .hd {margin-left: -20px;}
.index-6 .hd li {float: left;cursor: pointer;margin-left: 20px;width: 170px;height: 60px;line-height: 60px;background-color: #d5dfe7;text-align: center;color: #919fb2;font-size: 20px;}
.index-6 .hd li.on {background-color: #4f5b6c;color: #fff;}
.index-6 .bd {padding: 60px 60px 30px;border: 1px solid #d5dfe7;}

.productAdvantage ul{margin-top:30px;}
.productAdvantage ul li{ width:510px; float:left;height:70px; padding:25px ;}
.productAdvantage ul li:nth-child(1),.productAdvantage ul li:nth-child(2),.productAdvantage ul li:nth-child(5),.productAdvantage ul li:nth-child(6){ background:#f9f9f9;}
.productAdvantage ul li .advantageIcon{float: left;     position: relative;width:68px; height:68px; line-height:68px; font-size:40px; color:#2a8cef; text-align:center;}
.productAdvantage ul li .advantageIcon i{position: absolute;    top: 0;    left: 0; width:68px; height:68px;  vertical-align:top; display:inline-block; background:url(../images/box_03.png);}
.productAdvantage ul li .advantageTxt{margin-left: 83px;}
.productAdvantage ul li .advantageTxt h2{ font-size:18px; color:#000000; margin-bottom:10px; font-weight:normal;}
.productAdvantage ul li .advantageTxt p{ font-size:14px; color:#9d9d9d;  }
.productAdvantage ul li:hover .advantageIcon i{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.productAdvantage ul li .advantageIcon i{opacity: 1;-webkit-backface-visibility: hidden;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;    transition: all 1s ease-in-out;}

.newsUl {margin-left: -35px;}
.newsUl .newsColumns{float: left;margin-left: 35px;width: 350px;}
.newsUl .newsColumns .newsLsit li{padding-left: 10px;background: url("../images/dot.png") no-repeat left center;margin-bottom: 8px}
.newsUl .newsColumns h3{font-weight: normal;font-size: 18px;color: #4f5b6c;padding: 15px 0}
.newsUl .newsColumns h3 a{float:right;font-size:12px;line-height:30px;color: #2d91dd}
.newsUl .newsColumns h3 a:hover{text-decoration: underline}
.newsUl .newsColumns .newsLsit li .time{float: right;font-size: 12px;color: #9d9d9d}
.newsUl .newsColumns .newsLsit li a{color: #9d9d9d;font-size: 14px;width: 260px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
.newsUl .newsColumns .newsLsit li:hover{background: url("../images/dot_hover.png") no-repeat left center;}
.newsUl .newsColumns .newsLsit li:hover a{color: #46a8f5}
.newsUl .newsColumns .newsLsit li.first{padding: 0;background: none;height: 180px;overflow: hidden;position: relative;margin-bottom: 30px}
.newsUl .newsColumns .newsLsit li.first a{width:auto}
.newsUl .newsColumns .newsLsit li.first img{height: 180px;width: 100%; display:block;    transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;}
.newsUl .newsColumns .newsLsit li.first .newsName{display: block;position: absolute;bottom: 0;left: 0;right: 0;background: #46a8f5;text-align: center;color: #fff;padding: 8px 0;color: #fff}
.newsUl .newsColumns .newsLsit li.first:hover img{webkit-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2)}

.projectDesc li {float: left;width: 50%;margin-bottom: 30px;}
.projectDesc .icon {float: left;width: 100px;height: 100px;}
.projectDesc .icon i {display: block;width: 100px;height: 100px;-webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;transition: all .8s ease-in-out;}
.projectDesc .icon i img {width: 100%;height: 100%;}
.projectDesc li:hover .icon i {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);}
.projectDesc .desc {margin-left: 120px;display: table;height: 100px;}
.projectDesc .desc .row {display: table-cell;vertical-align: middle;}
.projectDesc .desc h3 {font-size: 16px;color: #4f5b6c;line-height: 24px;}
.projectDesc .desc p {font-size: 12px;color: #9d9d9d;}
.projectDesc .desc .btn {display: block;width: 95px;text-align: center;height: 30px;line-height: 30px;border: 1px solid #0173ca;font-size: 14px;color: #0173ca;margin-top: 7px;border-radius: 15px;}
.projectDesc .desc .btn:hover {background-color: #0173ca;color: #fff;}

.proc li:nth-child(even) {width: 400px;float: right;}

.column {background:#fff;text-align: center;margin-bottom: 20px;}
.column a {font-size: 14px;padding: 10px 50px;margin:25px;border: 1px solid #aaaaaa;border-radius: 30px; display: inline-block;}
.column a.active,.column a:hover {border: 1px solid #f43b33;border-radius: 30px;background: linear-gradient(90deg, #FC5537 0%, #EF2831 100%);color: #fff}

.ct2 .mn {float: left;width: 880px;background: #fff;padding:20px;}
.ct2 .sd {float: right;width: 260px;background: #fff;}

.list-img {margin-left: -20px;}
.list-img li {float: left;width: 360px;min-height:310px;margin-left: 20px;margin-bottom: 20px;}
.list-img li img {width: 100%;height: 220px;}
.list-img li h4 {font-size: 16px;font-weight: normal;padding: 15px 0 10px;}
.list-img li p {color: #9d9d9d;font-size: 12px;line-height: 2;height: 48px;overflow: hidden;}
.list-img li a:hover {color: #288bf1;}

.list {}
.list a:hover {color: #288bf1;}
.list dl {overflow: hidden;border-bottom: 1px solid #ddd;margin-bottom: 20px;padding-bottom: 20px;}
.list dt {float: left;width: 220px;height: 160px;overflow: hidden;}
.list dd {margin-left: 240px; color: #9d9d9d}
.list h4 {font-size: 16px;font-weight: normal;height: 22px;padding-top: 10px;overflow: hidden;color: #333}
.list p {font-size: 12px;line-height: 2;margin-bottom: 15px;height: 72px;color: #9d9d9d;}
.list .info {line-height: 20px;font-size: 12px;color: #999;width: 100%;float: left;margin:10px 0 20px 0;}
.list .info .time {float: left;margin-right: 50px;padding-left:20px;background: url(../images/time.png) no-repeat left center;}
.list .info .views {float: left; background: #ddd;padding-left:20px;background: url(../images/views.png) no-repeat left center;}
.mn .list .info i {color: #3399ff}


.panel {margin-bottom: 20px;}
.panel .hd {font-size: 16px;border-bottom: 1px solid #ddd;padding: 10px;color: #ff4040;}
.panel ul {padding: 0 10px 10px;}
.panel li {border-bottom: 1px solid #eee;padding-bottom: 10px;margin-top: 10px;}
.panel li h4 {font-weight: normal;margin-bottom: 10px;}
.panel li p {font-size: 12px;color: #9d9d9d;margin: 5px 0;}
.panel li span {color: #9d9d9d;font-size: 12px;}

.pages {margin: 10px 0 30px;text-align: center;}
.pages a,.pages span {display: inline-block;height: 30px;line-height: 30px;border: 1px solid #dddddd;margin: 0 6px;font-size: 12px;padding: 0 15px;}
.pages span.current,.pages a:hover {background-color: #288bf1;color: #fff;border-color: #288bf1;}
.pages .pagination { display: inline-block;}

.view {padding: 50px 0;}
.view-hd {text-align: center;padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid #dddddd;}
.view-hd h1 {font-size: 36px;font-weight: normal;}
.view-hd p {margin-top: 20px;color: #9d9d9d;font-size: 14px; text-align: right;}
.view-hd p span {padding: 0 10px;}
.view-bd {line-height: 1.8;}

.sslc {background: url(../images/sslc.png) no-repeat center top;height: 445px;position: relative;padding-bottom: 40px;}
.sslc div {position: absolute;text-align: center;width: 225px;}
.sslc div.t1 {top: 80px;left: 130px;}
.sslc div.t2 {top: 0;left: 336px;}
.sslc div.t3 {top: 80px;right: 85px;width: 300px;}
.sslc div.t4,.sslc div.t5,.sslc div.t6 {top: 254px;}
.sslc div.t4 {left: 90px;width: 160px;}
.sslc div.t5 {left: 390px;}
.sslc div.t6 {right: 326px;width: 160px;}
.sslc div.t7,.sslc div.t8,.sslc div.t9 {top: 430px;}
.sslc div.t7 {left: 260px;}
.sslc div.t8 {left: 515px;}
.sslc div.t9 {right: 0;}

.qudoa {margin-left: -20px;}
.qudoa dl {float: left;margin: 0 0 20px 20px;width: 550px;}
.qudoa dt {width: 62px;float: left;}
.qudoa dt img {width: 100%;height: auto;}
.qudoa dd {margin-left: 82px;}
.qudoa h4 {margin-bottom: 10px;font-size: 16px;}
.qudoa p {line-height: 1.8;color: #9d9d9d;height: 100px;overflow: hidden;}
.qudoa dl:hover dt {-webkit-animation: swing 1s 0s ease both;-moz-animation: swing 1s 0s ease both;animation: swing 1s 0s ease both;}

.jiam li {width: 200px;}
.jiam li a {border: 1px solid #ddd;}
.jiam li i {background-color: #298cef;color: #fff;text-align: center;line-height: 80px;font-size: 40px;border-radius: 50%;}

.jiaml li {width: 200px;}
.jiaml li a {background-color: #f5f7fa;}

.search {border: 2px solid #298cef;width: 700px;margin: 0 auto;}
.search input {width: 510px;float: left;border: 0;padding: 15px 20px;line-height: 20px;font-size: 14px;}
.search button {width: 150px;float: left;line-height: 50px;height: 50px;background-color: #298cef;color: #fff;text-align: center;border: 0;padding: 0;font-size: 18px;cursor: pointer;}

.about-menu{border-bottom: 1px solid #eaeaea;}
.about-menu div{border-left: 1px solid #eaeaea;height: auto;overflow: hidden;}
.about-menu a{border-right: 1px solid #eaeaea;border-top: 1px solid #eaeaea;display: block;float: left;width: 185px;height: 106px;text-align: center;font-size: 14px;color: #2c2c30;}
.about-menu a:hover,.about-menu a.active{background-color: #03a9f4;color: #FFF;}
.about-menu a span{display: block;height: 26px;width: 44px;margin: 23px auto 15px;background: url(../images/icons-about.png) no-repeat;}
.about-menu .no1{background-position: 9px 0;}
.about-menu a:hover .no1,.about-menu a.active .no1{background-position: 9px -26px;}
.about-menu .no2{background-position: -41px 0;}
.about-menu a:hover .no2,.about-menu a.active .no2{background-position: -41px -26px;}
.about-menu .no3{background-position: -91px 0;}
.about-menu a:hover .no3,.about-menu a.active .no3{background-position: -91px -26px;}
.about-menu .no4{background-position: -150px 0;}
.about-menu a:hover .no4,.about-menu a.active .no4{background-position: -150px -26px;}
.about-menu .no5{background-position: -200px 0;width: 37px;}
.about-menu a:hover .no5,.about-menu a.active .no5{background-position: -200px -26px;}
.about-menu .no6{background-position: -243px 0;}
.about-menu a:hover .no6,.about-menu a.active .no6{background-position: -243px -26px;}
.about-menu .no7{background-position: -290px 0;}
.about-menu a:hover .no7,.about-menu a.active .no7{background-position: -290px -26px;}

.floor_01 {background: url(../images/fl01_bg.jpg) no-repeat center bottom;padding: 30px; 0;color: #fff;overflow: hidden;}
.floor_01 p {font-size: 16px;text-indent: 32px;margin-bottom: 10px;line-height: 1.8;}
.floor_01 img {margin-top: 30px;max-width: 100%;height: auto;}

.floor_02 {overflow: hidden;}
.floor_02 li {float: left;width: 33.333333%;margin-bottom: 50px;text-align: center;color: #9d9d9d;line-height: 1.8;height: 242px;}
.floor_02 li p {padding: 146px 0 18px;font-size: 20px;background: center top no-repeat;line-height: 1.4;color: #464646;}
.floor_02 .no1 p{background-image: url(../images/i1_2.png);}
.floor_02 .no1:hover p{background-image: url(../images/i1_1.png);}
.floor_02 .no2 p{background-image: url(../images/i2_2.png);}
.floor_02 .no2:hover p{background-image: url(../images/i2_1.png);}
.floor_02 .no3 p{background-image: url(../images/i3_2.png);}
.floor_02 .no3:hover p{background-image: url(../images/i3_1.png);}
.floor_02 .no4 p{background-image: url(../images/i4_2.png);}
.floor_02 .no4:hover p{background-image: url(../images/i4_1.png);}
.floor_02 .no5 p{background-image: url(../images/i5_2.png);}
.floor_02 .no5:hover p{background-image: url(../images/i5_1.png);}
.floor_02 .no6 p{background-image: url(../images/i6_2.png);}
.floor_02 .no6:hover p{background-image: url(../images/i6_1.png);}

.floor_03 {background: url(../images/06_bg.jpg) no-repeat center center;color: #fff;height: 440px;}
.floor_03 .section-title {color: #fff;border-bottom: 0;margin-bottom: 20px;}
.floor_03 ul li{float:left;width: 20%;height:50px;margin-bottom: 50px;}
.floor_03 ul li img{opacity: 0.7;}
.floor_03 ul li:hover img{opacity: 1;}

.box_h { width:1150px;margin:18px auto 0 auto; }
.event_year { width:180px;border-bottom:2px solid #ccc;text-align:center;float:left;margin-top:10px; }
.event_year li { height:40px;line-height:40px;background:#e9e9e9;margin-bottom:1px;font-size:18px;color:#828282;cursor:pointer;padding-left:16px }
.event_year li.current { width:181px;background:#03a9f4 url('../images/jian.png') 180px 0 no-repeat;color:#FFF;text-align:center;padding-left:9px; }
.event_list { width:950px;float:right;background:url('../images/dian3.png') 139px 0 repeat-y;margin:10px 0 20px 0; }
.event_list h3 { margin:0 0 10px 132px;font-size:24px;font-family:Georgia;color:#03a9f4;padding-left:25px;background:url('../images/jian.png') 0 -45px no-repeat;height:38px;line-height:30px;font-style:italic; font-weight:600;}
.event_list li { background:url('../images/jian.png') 136px -80px no-repeat; margin-bottom:10px; }
.event_list li span { width:127px;text-align:right;display:block;float:left;margin-top:10px; color:#03a9f4;}
.event_list li p { width:780px;margin-left:24px;display:inline-block;padding-left:10px;background:url('../images/jian.png') -21px 0 no-repeat;line-height:25px;_float:left; }
.event_list li p span { width:750px;text-align:left;border-bottom:2px solid #DDD;padding:10px 15px;background:#f6f6f6;margin:0; color:#666; }

.honor{padding-top: 50px;border-bottom:1px solid #76d4ff; margin-bottom:50px;}
.honor p{border-left: 6px solid #03a9f4;padding-left: 12px;font-size: 35px;color: #03a9f4;margin-bottom: 25px;}
.honor p em{font:normal 15px Arial;display: block;color: #999;}
.honor_list dl{height: auto;overflow: hidden;clear: both;margin: 30px 0;}
.honor_list dl dt{height: 42px;margin-bottom: 20px;}
.honor_list dl dt p{height: 17px;border-bottom: 1px solid #CCC;padding-left: 55px;}
.honor_list dl dt p em{line-height: 34px;font-size: 32px;color: #03a9f4;background: #FFF;padding: 0 8px;}
.honor_list dl dd{ margin-left:11px;margin-right: 12px;margin-bottom: 36px;float: left;height: 240px;text-align: center;}
.honor_list dl dd img{margin-bottom: 10px;}

.info-team{height: 1500px; text-align: center; }

.job{background: url(../images/class_bg1.jpg) left 110px repeat-x;}
.job .container{position: relative;height: auto;overflow: hidden;height: 690px;}
.job_class{display: block;float: left;font-size: 18px;color: #777;text-align: center;background: url(../images/class_bg2.jpg) center 83px no-repeat;width: 186px;overflow: hidden;}
.job_class:hover,.content .width .on{color: #03a9f4;}
.job_class p{width: 84px;height: 84px;overflow: hidden;background: #777;border-radius: 10%;text-align: center;margin:0 auto 47px;}
.job_class:hover p,.content .width .on p{background: #03a9f4;}
.job_class p img{vertical-align: middle;}
.job_class p span{height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}
.cont{position: absolute;display: none;top: 270px;}
.cont ul{height: auto;overflow: hidden;}
.cont ul li{width: 372px;overflow: hidden;height: 335px;padding-top: 15px;float: left;border-right: 1px solid #eaeaea;color: #585858;line-height: 24px;font-size: 12px;}
.cont ul li:last-child{border:none;}
.cont ul li p{font-size: 16px;color: #2c2c30;text-align: center;margin-bottom: 18px;}
.cont ul li p img{margin-bottom: 7px;}
.cont ul li .info{padding-left: 15px; padding-right:15px;}
.cont .clear{width: 300px;height: 50px;background: #03a9f4;border-radius: 4px;text-align: center;font-size: 20px;color: #FFF;margin: 65px auto 0;display: block;line-height: 50px;}
.job_class_h{display: block;float: left;font-size: 18px;color: #03a9f4;text-align: center;background: url(../images/iseasoft/class_bg2.html) center 83px no-repeat;width: 192px;overflow: hidden;}
.job_class_h:hover,.content .width .on{color: #03a9f4;}
.job_class_h p{width: 84px;height: 84px;overflow: hidden;background: #03a9f4;border-radius: 10%;text-align: center;margin:0 auto 47px;}
.job_class_h:hover p,.job_class.on p{background: #03a9f4;}
.job_class_h p img{vertical-align: middle;}
.job_class_h p span{height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle;}

.footer-link {padding: 40px 0;background-color: #f1f1f1;}
.footer-link a {color: #9d9d9d;}
.footer-link a:hover {color: #3399cc;}
.ftUl {margin-left: -40px;}
.ftUl .ftColumns {float: left;width: 250px;margin-left: 20px;margin-right: 20px;}
.ftUl .ftColumns h2 {font-size: 18px;color: #3d3d3d;font-weight: normal;padding:20px 0}
.ftUl .ftColumns .links li {margin-bottom: 5px}
.ftUl .last {width: 220px;float: right;margin: 0;}
.ftUl .last .qrCode li {width: 105px;float: left;}

.ssfw_p {text-align: center;height: 60px; font-size:14px;}

.footer {background-color: #47505d;color: #fff;text-align: center;padding: 30px 0;line-height: 2;}



@-webkit-keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;} to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}

@keyframes slideInRight{from{-webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;} to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}

@-webkit-keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}

@keyframes bounceInRight{from, 60%, 75%, 90%, to{-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);} from{opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0);} 60%{opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0);} 75%{-webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0);} 90%{-webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0);} to{-webkit-transform: none; transform: none;}}

@-webkit-keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}

@keyframes fadeInDown{from{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}

@-webkit-keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}

@keyframes fadeInUp{from{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}

@-webkit-keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}

@keyframes fadeInRight{from{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} to{opacity: 1; -webkit-transform: none; transform: none;}}

@-webkit-keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;}}

@keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);} 50% {opacity: 1;}}

@-webkit-keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}

@keyframes tada{from{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} to{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}

@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}

@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);} to{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}}



/*  */
.picture{
	width: 100%;
	float: left;
}
.picture .main .box {
    margin-top: 35px;
}
.picture .main .block {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}



.picture .main .box .div {
    float: left;
    width: 275px;
    height: 260px;
    margin: 0 0 20px 21px;
    opacity: 0;
    background: #fff;
    border-radius: 6px;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform: scale(0.7) rotateX(60deg);
    -webkit-transform: scale(0.7) rotateX(60deg);
    -moz-transform: scale(0.7) rotateX(60deg);
    transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    border-radius: 6px;
}
.picture .main .box .div:hover {box-shadow: 0 15px 20px rgba(0,0,0,0.1); }

.picture .main.show .box .div {
    transform: scale(1) rotateX(0deg);
    -webkit-transform: scale(1) rotateX(0deg);
    -moz-transform: scale(1) rotateX(0deg);
    opacity: 1;
}

.picture .main .box .div.a {
    margin-left: 0;
}

.picture .main .box .div .pic {
    width: 275px;
    height: 183px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}

.picture .main .box .div .pic img {
    width: 100%;
    height: auto;
    -webkit-transition: all .8s ease 0s;
    -moz-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.picture .main .box .div:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.picture .main .box .div h3 {
    font-size: 14px;
    color: #ff4040;
    line-height: 1.2;
    padding:0 15px;
}

.picture .main .box .div p {
    font-size: 12px;
    color: #999;
    line-height: 1.5;
    margin-top: 8px;
    padding:0 15px;
}
.picture .main .box .div .more{
    color: #298cef;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif; /*text-transform:uppercase;*/
    margin-top: 12px;
    display: block;
}