@charset "utf-8";

.news-box{ padding-bottom:55px; border-bottom:8px solid #2d9bcd;}
.data-load{ width:50%; float:left; background:#f6f6f6; overflow:hidden;}
.loadWr{ padding:75px 0 30px;}
.data-swich{ position:relative; padding:0 4%;}
.data-swich .lines{ width:100%; height:1px; background:#cccccc; position:absolute; left:0; bottom:0;}
.data-swich span,.datas a{ display:inline-block; float:left; padding:0 9px 12px 30px; color:#666666; font-size:16px; cursor:pointer; margin-right:52px; background:url(../images/radius1.png) 3px 6px no-repeat; position:relative; transition:780ms;}
.data-swich span:nth-child(2){ margin-right:0;}
.data-swich span b{ position:absolute; width:0; bottom:0; display:block; height:3px; background:#2d9bcd; left:50%; transition:650ms;}
.data-swich span:hover,.data-swich span.flex-active{ color:#2d9bcd; background:url(../images/radius2.png) 3px 6px no-repeat;}
.datas{ float:left;}
.chechemore-list{ float:right; margin-top:5px;}
.checkmore{ display:inline-block; float:right; color:#666666; padding-right:24px; background:url(../images/more1.png) right center no-repeat; display:none;}
.checkmore:nth-child(1){ display:block;}
.data-swich span:hover b,.data-swich span.flex-active b{ left:0; width:100%;}
.load-list{ padding:30px 36px; box-sizing:border-box;}
.load-list li{ padding:18px 0 9px 3px; border-bottom:1px solid #cccccc; position:relative; overflow:hidden;}
.load-list li a{ display:block;}
.load-list li a:before{ content:""; width:100%; height:100%; position:absolute; left:0; top:100%; background:#2d9bcd; transition:680ms;}
.load-list li:hover a:before{ top:0;}
.load-list li:hover .time time{ color:#fff;}
.load-list li:hover .time span{ color:#fff;}
.load-list li:hover .load b{ color:#fff;}
.load-list li:hover .load strong{ background:url(../images/loads.png) center no-repeat;}
.load-list li .time{ float:left; position:relative; z-index:5; margin-left:15px;}
.load-list li .time time{ display:block; color:#119bcf; font-size:14px; font-family:Arial; transition:540ms;}
.load-list li .time span{ display:block; color:#666666; font-size:14px; transition:640ms;}
.load-list li .load{ float:right;}
.load{ float:right; margin-right:22px; margin-top:12px; position:relative; z-index:5;}
.load b{ display:inline-block; color:#999999; float:left; margin-top:14px; text-transform:uppercase; transition:540ms;}
.load strong{ display:inline-block; float:left; width:32px; height:32px; margin-left:14px; background:url(../images/load.png) center no-repeat; transition:540ms 150ms;}
.news-box .data-load:nth-child(2){ background:#e8e8e8;}


/*应用方案*/
.technology-box{ padding:0px 0 0px; background:#ffffff; width:1200px;}
.techno{ color:#666666; font-size:24px; font-weight:normal; padding-bottom:10px; padding-top:10px;  }
.technology-text{ margin-top:35px;width:1200px;margin:0 auto}
.technology-left{ width:50%; float:left; position:relative; z-index:10;}
.technology-list >li{ margin-bottom:2px;}
.technology-list >li >a{ display:block; padding-left:20px; color:#ffffff; font-size:14px; height:46px; line-height:46px; position:relative; background:#2d9bcd; overflow:hidden; transition:780ms;}
.technology-list >li >a span{ display:block; width:21px; height:21px; position:absolute; right:15px; top:13px; background:url(../images/radius9.png) center no-repeat; transition:540ms;}
.technology-list >li >a span:before{ content:""; width:10px; height:6px; background:url(../images/down.png) center no-repeat; position:absolute; left:6px; top:8px; transition:620ms; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); }
.technology-list >li >a:hover,.technology-list >li >a.on{ background:#16aca4; color:#fff;}
.technology-list >li >a:hover span,.technology-list >li >a.on span{ background:url(../images/radius9.png) center no-repeat;}
.technology-list >li >a:hover span:before,.technology-list >li >a.on span:before{ background:url(../images/down.png) center no-repeat; transform:rotate(0deg);}

.technology-fix{ width:49%; float:left;}
.technology-fix2{ width:49%; float:right;}
.technofix li{ margin-bottom:24px; display:block; padding:27px 36px 32px 30px; position:relative; background:#fff; margin-bottom:24px;}
.technofix li a .line1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; border-top:3px solid #2d9bcd; border-bottom: 3px solid #2d9bcd; -webkit-transform: scale(0,1); transform: scale(0,1); }
.technofix li a .line2{ border-right: 3px solid #2d9bcd; border-left: 3px solid #2d9bcd; -webkit-transform: scale(1,0); transform: scale(1,0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s;}
.technofix li:hover .line1,.technofix li:hover .line2{ opacity: 1; -webkit-transform: scale(1); transform: scale(1);}

.technology-fix .pagelist{ text-align:right;}
.technofix li figure{ display:block; line-height:normal; width:28%; float:left; overflow:hidden;}
.technofix li figure img{ display:block; width:100%; height:auto; transition:890ms;}
.technofix li figcaption{ display:block; width:66.6666%; float:right;}
.technofix li figcaption h3{ color:#333333; font-size:16px; font-weight:normal; margin-bottom:5px; margin-top:13px; transition:700ms;}
.technofix li figcaption p{ color:#999999; font-size:14px; margin-bottom:14px;}
.technol span{ display:inline-block; float:left; color:#999999; font-size:14px; line-height:normal; padding:0 14px; height:15px; border-right:#b8b8b8 1px solid;}
.technol span:first-child{ padding-left:0;}
.technol span:last-child{ border-right:none;}
.technofix li:hover figure img{ transform:scale(1.08); -webkit-transform:scale(1.08); -moz-transform:scale(1.08);}
.technofix li:hover figcaption h3{ color:#2d9bcd;}

.technology-list >li:nth-child(1) .levamenu{ display:block;}
.levamenu li a{ display:block; padding-left:20px; color:#333333; font-size:14px; height:46px; line-height:46px; background:#fff; position:relative;}
.levamenu li a:before{ content:""; width:7px; height:11px; position:absolute; right:10px; top:50%; margin-top:-5px; background:url(../images/arrow5.png) center no-repeat; transition:320ms;}
.levamenu li a:hover{ color:#000;}
.levamenu li a:hover:before{ right:10px; background:url(../images/arrow5.png) center no-repeat;}
.data-loads li { margin-bottom:10px; padding:5px 15px 5px 15px; background:#e8e8e8; overflow:hidden; position:relative;}
.data-loads li time{ float:left; position:relative; z-index:5;line-height：28px;}
.data-loads time img{ display:block; color:#484646; font-size:14px; font-family:Arial; line-height:normal; transition:560ms;text-align：center;vertical-align: middle;}
.data-loads time b{ display:block; font-size:14px; font-family:Arial; line-height:normal; color:#666666; transition:560ms;text-align：center;vertical-align: middle;}
.data-loads li span{ display:inline-block; float:left; margin-left:3px; color:#484646; font-size:14px; margin-top:12px; transition:600ms; position:relative; z-index:5;}
.data-loads li tubiao{ display:inline-block; float:left; margin-left:0px; color:#484646; font-size:14px; margin-top:12px; transition:600ms; position:relative; z-index:5;}
.data-loads li tubiao2{ display:inline-block; float:right; margin-left:10px; color:#484646;   transition:600ms; position:relative; z-index:5;}
.data-loads tubiao2 img{ display:block;float: right; color:#484646;  line-height:normal;margin-left: 3px; transition:560ms;text-align：center;vertical-align: middle;}
.data-loads li .paf{ padding-right:5px; color:#484646; font-size:12px; font-weight:bold; line-height:30px; float:right; margin-top:5px;  text-transform:uppercase; transition:560ms; position:relative; z-index:5;}
.data-loads li:before{ width:100%; height:100%; position:absolute; left:0; top:100%; content:""; background:#9cd4a9; display:block; transition:780ms;}
.data-loads li:hover:before{ top:0;color:#3a3939;}
.paf：hover {color:fff}
.data-loads li:hover time strong,.data-loads li:hover time b,.data-loads li:hover span{ color:##1b1919;}.data-loads li:hover paf{ color:#fff;}
.data-loads li:hover .paf{ color:#3a3939; }
.news-search .techno{ float:left; line-height:normal; border-bottom:none;}
.techline{ border-bottom:2px solid #cccccc;}