/* CSS Document */
body{
	/*margin:0px auto;
	/* background:url(../images/bodyback.jpg) repeat-x; 
	font-size:12px;
	 width:100%;
	 font-family:"Microsoft Yahei"; color: #000;
    background: #ffffff;*/
}
p,ul,big,small,b,span,font,h2,h1,dl,dd{;padding:0px;margin-top:0px;margin:0px;}
ul{padding:0px;margin-top:0px;margin:0px;}
li{ list-style:none;}
ul{list-style:none;}
a { color:#000000; text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ color:#0098e6; text-decoration:none ;}
.wrap{ width:1300px; margin:0 auto; max-width:96%;}
img{ border:none}
.fl{ float:left}
.fr{ float:right}
.h20{ height:20px; clear:both;}
.h10{ height:10px; clear:both;}
.clear{ clear:both}
.clear2{ clear:both; height:20px;}
input{ outline:none; }



.nbanner img{ max-width:100%;}
.nbanner{ text-align:center;}

.ztitle{ text-align:center; padding-top:20px; padding-bottom:8px;}
.ztitle font{ font-size:24px; display:block; margin-bottom:5px; line-height:24px;}
.ztitle span{ display:inline-block; width:400px; border-bottom:#ddd 1px solid; height:10px;}
.ztitle small{ font-size:16px; display:inline-block; background:#fff; padding:0px 10px;}
.menu2 { text-align:center; padding:20px 0;}
.menu2 a{ display:inline-block; padding:10px 20px; font-size:14px; border:#ddd 1px solid; border-radius:5px; margin:0 5px;}
.menu2 a:hover ,.menu2 a.on{ background:#1a73c4; color:#fff;}
.menu3{ background:#fff; height:54px;  text-align:center;box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);}
.menu3 a{ display:inline-block; line-height:54px;  font-size:18px; padding:0px 28px;}
.menu3 a:hover,.menu3 a.on{   color:#0099e9;}


/******************************
 ** 内页架构
 ******************************/
.sidebar { float:left; width:260px; max-width:20%; }
.side-menu { position: relative;    }
 
 
 
.hr10{ clear:both; height:10px;}
.hr20{ clear:both; height:20px;}
.hr30{ clear:both; height:30px;}
.hr40{ clear:both; height:40px;}
.f24{ font-size:24px;}.f20{ font-size:20px;}
.f18{ font-size:18px;}
.f16{ font-size:16px;}
.f14{ font-size:14px}
 .text_center{ text-align:center;}
 .row{ margin-left:-15px; margin-right:-15px;}
 .rowitem{ margin-left:15px; margin-right:15px;}
 .rowitem img{ max-width:100%;}
 .col_3{ width:33.3%; float:left;}
 .col_4{ width:25%; float:left;}
 .col_2{ width:50% ; float:left;}
 .col_5{ width:20% ; float:left;}
 .col_6{ width:16.66667% ; float:left;}
 
 .zttitle{ text-align:center;}
 .zttitle .zbig{ font-size:36px; margin-bottom:4px; color:#000;}
 .zttitle p{ font-size:14px; line-height:2; margin-top:15px; color:#666;}
 .zttitle .zsmall{ font-size:20px; line-height:48px;}
 .zttitle .zsmall:before{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-right:15px; position:relative; top:-5px;}
 .zttitle .zsmall:after{ content:" "; width:300px; height:1px; background:#ddd; display:inline-block; margin-left:15px;position:relative; top:-5px;}


 .part1{ padding:40px 0;}
 .part1 .listul{padding:30px 0;}
 .part1 ul li { text-align:left;   line-height:2; padding:20px 0 20px}
 .part1 ul li b{ float:left; width:40%; margin-top:10%}
 .part1 ul li b img{ width:88%;}
 .part1 ul li p{ line-height:1.4; float:left; width:55%; margin-left:2%}
 .part1 ul li p font{ font-size:18px; display:block}
 .part1 ul li p span{ font-size:12px; display:block; line-height:2;}
 .part1 ul li:hover{ background:#faf9fa; box-shadow: 0px 0px 24px rgba(0, 0, 0, .1); transform:scale(1.1,1.1);  }
 
.part4{ background:url(../img/jidibg.jpg) bottom center no-repeat; padding:50px 0;}
.part4 ul {  }
.part4 ul li a{ display:block; margin-right:15px;  }
.part4 ul li { }
.part4 ul li a img{ display:block; width:100%}
.part4 ul li p{  text-align:left; padding:10px 10px 20px 10px;    background:#f8f8f8}
.part4 ul li p font{ display:block; font-size:20px; line-height:40px;}
.part4 ul li p span{ font-size:12px; display:block; line-height:2; height:45px; overflow:hidden}
.part4 ul li:hover a{ }
.part4 ul li:hover p{ background:#0098e6; color:#fff;}
.jidi{ position:relative; overflow:hidden  }
.jidi .listul{ overflow:hidden;}
.jidi .hd .prev{ position:absolute; left:0; top:50%; margin-top:-60px;  
 z-index:222; font-size:35px; line-height:75px; font-weight:100; text-align:center; width:30px; border-radius:50%; color:#fff;}
 .jidi .hd .prev img{ width:60%;}
 .jidi .hd .next img{ width:60%;}
.jidi .hd .next{ position:absolute; right:0; top:50%; margin-top:-60px; z-index:22; font-size:35px; line-height:75px; font-weight:100; text-align:center; width:30px;   color:#fff;}
 .jidi .listul{ margin:0 50px;}
.shebeichejian{background:url(../img/bg2.jpg) bottom center no-repeat; padding:50px 0;}

.side-title{ background:#1a73c4; color:#fff;   line-height:1}
.side-title big{ display:block; font-size:24px; font-weight:900; padding:25px 24px 25px 24px; background:url(../img/icon01.png) no-repeat 218px center; }
.side-title small{ display:block; font-size:18px;}

.side-list ul{border-left:#ddd 1px solid;border-right:#ddd 1px solid; }
.side-list li{ border-bottom:#ddd 1px solid; line-height:50px; }
.side-list li a{ font-size:16px; background:url(../images/arr1.png) left center no-repeat; background-position:220px; padding-left:24px; display:block;}
.side-list li:hover a,.side-list li.on a{ color:#fff; background:url(../images/arr2.png) left center no-repeat #274583; background-position:200px;}

 
.side-head { height:34px; line-height:34px; padding:10px 0 10px 10px; font-size:20px; background:none;  }
.side-con { margin-bottom:20px; position:relative; top:20px; }
.side-con .side-head { height:40px; line-height:40px; background:#1a73c4; }
.side-con .side-head h2 { font-size:16px; font-weight:normal; color:#fff; padding:0 0  0 15px; }
.side-con .main { padding:10px 10px 15px; line-height:25px; border:1px solid #ddd;background: #fff; border-radius:0 0 5px 5px; }
.side-con .main img{ max-width:100%; margin-bottom:5px;}

.container {   }
.location { height:35px;  position:relative; line-height:35px; margin-bottom:10px; padding:10px 0;  }
.location font { font-size:20px; float:right;  }
.location .io {   float:left;color:#666; }
.location .io b { color:#999; }
.content {/* padding:20px; border:1px solid #ddd; margin-bottom:20px;*/ }


.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}
.list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block}
.list-news1 li span{ float:right; color:#666}

.list-news2 li{  overflow:hidden; padding-bottom:1%; margin-bottom:1%; background:#f4f4f4; padding:2%}
.list-news2 li.odd{  }
.list-news2 li span{ display:block; overflow:hidden; margin-bottom:5px;}
.list-news2 li span a{ font-size:16px; line-height:1; float:left;display:block; font-weight:900;}
.list-news2 li span font{ float:right}
.list-news2 li p{ font-size:12px; }

.list-news3 li{border-bottom:#ececec 1px solid; overflow:hidden; padding:2%; margin-bottom:2%; background:#fff;}
.list-news3 li a.litpic{ float:left; display:block; width:20%;}
.list-news3 li a.litpic img{ width:100%;}
.list-news3 li span{ float:right; display:block; width:78%;}
.list-news3 li.noimg span{ width:100%; float:none}
.list-news3 li span a{ font-size:24px; font-weight:900; line-height:200%; margin-bottom:5px;}
.list-news3 li p{ font-size:16px; line-height:2;}
.list-news3 li span font{ display:inline-block; margin-top:5px;}

.list-news4 li{border-bottom:#ececec 1px solid; float:left; overflow:hidden;  width:32%; margin-right:2%; margin-bottom:2%; padding-bottom:2%;}
.list-news4 li.last{ margin-right:0;}
.list-news4 li a.litpic{   display:block; }
.list-news4 li a.litpic img{ width:100%; height:160px;}
.list-news4 li span{   display:block; }
.list-news4 li.noimg span{ width:100%; float:none}
.list-news4 li span a{ font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; }
.list-news4 li span font{ display:inline-block; margin-top:5px;}


.list-p1 li{border-bottom:#ececec 1px solid; overflow:hidden; padding:2%; margin-bottom:2%; background:#efefef;}
.list-p1 li a.litpic{ float:left; display:block; width:30%;}
.list-p1 li a.litpic img{ width:100%;}
.list-p1 li span{ float:right; display:block; width:68%;}
.list-p1 li.noimg span{ width:100%; float:none}
.list-p1 li span a{ display:block;font-weight:normal; line-height:2; font-size:18px;}
.list-p1 li p{ font-size:16px; line-height:2;}
.list-p1 li span font{ display:inline-block; margin-top:5px;}
.list-p1 li:hover{ background:#0198e7; color:#fff;}
.list-p1 li:hover span a{ color:#fff;}
.maincontainer{ width:1000px; float:right; max-width:80%}
.calsssel{ float: left; position: relative; margin-bottom:20px;} 
.calsssel .text{ padding: 0; display: block; padding-left: 20px; width: 510px; border: 1px solid #dfdfdf; background: #fff; height: 39px; line-height: 39px; box-sizing: content-box; color: #999999; font-size: 14px; float: left;}
.calsssel .sub{padding: 0; position: absolute; right: 0; top: 0; display: block; padding-right: 44px; height: 41px; line-height: 41px; text-align: center; cursor: pointer; color: #ffffff; font-size: 14px; background: url(../img/search.png) center no-repeat; outline: none; margin: 0; float: left; cursor: pointer; border: none; transition: 0.4s;}


.side-list-p li{ overflow:hidden; margin-bottom:20px;}
.side-list-p li img{ float:left;}
.side-list-p li span{ float:left; line-height:38px; font-size:16px; padding-left:5px;}

/* shownews*/
.vtitle{ font-size:26px; line-height:30px; font-weight:900; text-align:center; padding-top:20px;  margin-bottom:20px;  color:#000;;}
.vdes{  text-align:center; color:#A8A6A6;  border-bottom:1px solid #CCCCCC; ; margin-bottom:10px; padding:4px 0 20px 0;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:2; padding:10px 10px; font-size:14px; }
.vcon img{ max-width:100%;}
.vpages { border:#f1f1f1 1px solid; background:#f7f7f7; padding:10px; margin:10px 0; line-height:2;}

ul,li{ margin:0; padding:0; list-style:none}
/*简单产品列表*/
.prolist ul{ margin:0 -15px;}
.prolist li{ float:left; margin-top:10px; width:33.3%;  }
.prolist li .item{ margin:15px 15px 0 15px;}
.prolist li a.txt{ display:block; text-align:center; line-height:30px; background:#eee; font-size:14px; line-height:34px;}
.prolist li a.img{ display:block;   }
.prolist li a.img img{ height:180px; display:block; width:100%;}
.prolist li:hover a.txt{ background:#000; color:#fff;}

/*简单产品列表*/
.prolist1 ul{ margin:0 -15px;}
.prolist1 li{ float:left; width:33.3%;  }
.prolist1 li a{ display:block; margin:15px; position:relative; }
.prolist1 li.last{ float:right; margin-right:0;}
.prolist1 li  .txt{ display:block; text-align:left; line-height:2; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3}
.prolist1 li  .txt font{ display:block; font-size:18px; font-weight:900;}
.prolist1 li  .txt p{ font-size:14px; line-height:2;}
.prolist1 li  .txt b{ font-weight:normal;}
.prolist1 li  .txt span{ border-radius:50%; width:30px; height:30px; line-height:30px; color:#000; float:right; text-align:center; background:#fff; display:inline-block;}
.prolist1 li  .txt .txt_in{ padding:10px; position:relative; z-index:3;}
 
.prolist1 li .img{ display:block; position:relative; padding-top:100%}
.prolist1 li .img img{ position:absolute; top:0; width:100%; left:0; height:100%;}
.prolist1 li  .txt:before{ content:" ";position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:100%;/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
 
/*面包屑导航*/
.vpos{ height:40px; line-height:40px; border-bottom:#d9d9d9 1px solid;}
.vpos font{ float:left; font-size:18px; margin-left:10px;}
.vpos span{ float:right; margin-right:10px;}
 

.footer { background:url(../img/footbg.png) #111317; padding:00px 0 10px;color: #343434; position: relative; text-align:left; color:#fff; }
.footer a{color: #fff;}
.ful{ float:left;  width:20%}
.ful_title{ font-size:18px; line-height:1; margin-bottom:20px;}
.ful_p a{ display:block; color: #999; line-height:2; font-size:14px;}
.ful_p{ display:block; color: #999; line-height:2; font-size:14px;}
.footer2{ padding:20px 0; text-align:left; color:#c4c4c4;}
.flink{ margin-bottom:10px;}
.fcoy p{ float:right;}
.fys{ border-bottom:#3e4145 1px solid; padding:40px 0; margin-bottom:50px;}
.fys li{ float:left; width:25%;}
.fys li img{ float:left;}
.fys li font{ float:left; line-height:39px; font-size:20px; padding-left:10px;}
.pb_85 {
    padding-bottom: 85px;
}
.pt_85 {
    padding-top: 85px;
}.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after {
    content: '';
    display: table;
    clear: both;
}


.banner-slide .swiper-pagination-bullet{ width:100px; height:4px; border-radius:0; background:#fff}

.banner-slide .swiper-pagination-bullet.swiper-pagination-bullet-active:before{ height:4px; width:100%; left:0 ;; top:0; background:#1a73c4; content:" "; position:absolute; animation: loader 5s linear;}
	.banner-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ position:relative}
	
	 @keyframes loader {
        0% {
            width: 0%;
        }
        100% {
            width: 100%;
        }
    }
.swiper-container.banner-slide{ position:fixed; left:0; top:0; width:100%; z-index:3;}
  .indexmain{ z-index:4; position:relative ; background:#fff;}
.ivideo{ position:relative;}
.ivdeobg img{ width:100%; display:block}
.ivideo_btn{ position:absolute; top:50%; margin-top:-50px; left:50%; margin-left:-50px; cursor:pointer;}
.ivideo_btn img{ height:100px; }

.cp{ padding:80px 0 40px 0;  background:#f2f2f2;}
.cp-slide{  }
.cp-slide .txt{ float:left; width:50%; margin-left:7%;margin-top: 1%;}
.cp-slide .txt font{ font-size:30px; line-height:1; display:block;}
.cp-slide .txt span{ display:block; width:100px; height:5px; background:#000; margin:50px 0 20px 0;}
.cp-slide .txt p{ font-size:16px; line-height:2;}
.cp-slide .img{ float:right; width:42%; text-align:center}
.cp-slide  .img img{}
.cp-slide .swiper-slide{ padding-bottom:60px;}
.cp-slide .swiper-pagination-bullets{  }
.cp-slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:50px; border-radius:2px}



.part5{ background:url(../img/jidibg.jpg) bottom center no-repeat; padding:50px 0;}
.part5 ul { margin:0 -15px;}
.part5 ul li a{ display:block; margin:30px;  }
.part5 ul li{   width:33.3%;}
.part5 ul li a img{ display:block; width:100%; height:240px;}
.part5 ul li p{  text-align:left; padding:10px 15px 10px 15px;  }
.part5 ul li p font{ display:block; font-size:20px; line-height:40px;}
.part5 ul li p span{ font-size:14px; display:block; line-height:2; height:50px; overflow:hidden}
.part5 ul li:hover a{transform:scale(1.1,1.1);   background:#faf9fa; box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);}
 
.part5 ul li .time{ font-size:14px; padding:0 15px 10px 15px;}

 .ypsq { padding:20px 0 60px 0;}
.ypsq .input p{ font-size:18px; line-height:2; padding-left:5%;}
.ypsq .input input{ width:85%; line-height:40px; height:40px; border:#0098e6 1px solid; padding-left:5%}
.ypsq .input font{ color:red; font-size:20px;}
.ypsq .inputbtn{ margin-top:36px;}
.ypsq .inputbtn input{ background:#0098e6; color:#fff; height:40px; width:100%; border-radius:5px; border:none;}
.ypsq .inputbtn input:hover{cursor:pointer}

.iabout .iaboutimg img{ width:100%; display:block;}
.iabouttxt{margin-top:-150px;}
.iabouttxt_in{ background:#fff; padding:20px 50px 50px 50px; border-radius:20px; position: relative;
    z-index: 2;box-shadow: 0px 0px 24px rgba(0, 0, 0, .1);}
.iabouttxt_info{ font-size:16px; line-height:2;}

/*idx_pro start*/
.m_zz{  z-index: 15;position: relative;border-radius: 10px; line-height:1; overflow:hidden;}
.m_zz ul{ position: relative; padding-top: 26px;}
.m_zz li{position: relative;float: left;width:20%;text-align: center;
  -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.m_zz li:before{content:"";position: absolute;width:1px;height: 95px;background: rgba(255,255,255,.3);right:0;top:0;}
.m_zz li:nth-child(6):before{background: none;}
.m_zz li em{display: block;overflow: hidden; font-style:normal;}
.m_zz li em b{display: inline-block;  font-size: 50px;   font-weight: bold;}
.m_zz li em i{display: inline-block;  width:24px;height: 34px; line-height:34px; border-radius: 50%; font-size: 20px;font-weight: normal; text-align: center;   font-style: normal;margin-left: 2%;}
.m_zz li h3{font-size: 24px;  font-weight: normal; clear:both; margin-top:20px; }
.m_zz li p img{ height:70px;}

.m_zz li img{ transition: all .5s ease;}
.m_zz li:hover   img{transform:rotatey(180deg);}


.about3 .whtop { overflow:hidden}
.about3 .whtop img{ float:left; height:80px; margin-right:10px;}
.about3 .whtop span{ float:left; line-height:1.8}
.about3 .whtop span big{ display:block; font-size:30px; margin-top:0px;}
.about3 .whtop span small{ display:block; font-size:16px;}
.about3  p{ font-size:14px; line-height:2; padding:10px 0;}
.ziliaot_v_title{ font-size:24px; line-height:2; text-align:center; margin:10px 0;}

.about5 ul{ padding-bottom:40px;}
.about5 li{ text-align:center}
.about5 li img{ height:60px; margin:0 auto;}
.about5 li span{ display:block; font-size:18px; margin:20px 0 10px 0;}
.about5 li  p{ font-size:18px; line-height:1.4;}


.yanfa-slide .yanfa-slide-div{ width:85%; margin:0 auto}

.ziliaoul{ margin-top:20px;}
.ziliaoul li{ background:#0198e7; color:#fff; line-height:45px; font-size:16px; margin-bottom:10px; height:45px; padding:0 20px;}
.ziliaoul font{ float:left; color:#fff;}
.ziliaoul p{ float:right; color:#fff;}
.ziliaoul p img{vertical-align: middle;
    height: 24px;
    position: relative; 
    top: -2px;}
/*应用方案*/
.technology-box{ padding: 10px 0 10px; background:#f6f6f6;}
.techno{ color:#666666; font-size:24px; font-weight:normal; padding-bottom:10px; border-bottom:2px solid #cccccc;}
.technology-text{ margin-top:35px;}
.technology-left{ width:25.2%; 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:16px; height:46px; line-height:46px; position:relative; background:#0198e7; overflow:hidden; transition:780ms;}
.technology-list >li >a span{ display:block; width:21px; height:21px; position:absolute; right:15px; top:13px; background:url(../img/radius9.png) center no-repeat; transition:540ms;  background:#fff; width:21px; height:21px; border-radius:50%;}
.technology-list >li >a span:before{ content:""; width:10px; height:6px; background:url(../img/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:#0198e7; color:#fff;}
.technology-list >li >a:hover span,.technology-list >li >a.on span{ background:url(../img/radius9.png) center no-repeat; background:#fff; width:21px; height:21px; border-radius:50%;}
.technology-list >li >a:hover span:before,.technology-list >li >a.on span:before{ background:url(../img/down.png) center no-repeat; transform:rotate(0deg);}

.technology-list >li .erji a{ display:block; line-height:40px; background:#f7f7f7; font-size:16px; padding:0 20px; margin:3px 0; width:80%; position:relative;}
.technology-list >li .erji a:after{ content:">"; right:20px; position:absolute;}
.technology-list >li .erji a.on{color: #0099e9;}
.technology-fix{width:72%; 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; transition: opacity 0.45s, transform 0.45s; border-top:3px solid #437bd2; border-bottom: 3px solid #437bd2; transform: scale(0,1); }
.technofix li a .line2{ border-right: 3px solid #437bd2; border-left: 3px solid #437bd2; transform: scale(1,0); position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; opacity: 0; pointer-events: none; transition: opacity 0.45s, transform 0.45s;}
.technofix li:hover .line1,.technofix li:hover .line2{ opacity: 1; transform: scale(1);}

.technology-fix .pagelist{ text-align:center;}
.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:#437bd2;}

.apple-box{ padding:46px 0 60px; }
.project-data{ width:33.333%; float:left; background:#437bd2;}
.project-data a{ display:block; position:relative; padding:20px 0 20px 76px; color:#ffffff; font-size:18px; background:url(../img/data.png) 35px center no-repeat;}
.project-data:nth-child(2){ background:#16aca4;}
.project-data a i{ display:block; width:16px; height:13px; position:absolute; right:32px; top:29px; background:url(../img/more4.png) center no-repeat; transition:540ms;}
.project-data:nth-child(2) a{ background:url(../img/data2.png) 35px center no-repeat;}
.project-data:nth-child(3) a{ background:url(../img/problem.png) 35px center no-repeat;}
.project-data a:hover i{ right:28px;}
.project-input{ background:#fff; margin-top:38px; padding:40px 68px 48px 58px; box-shadow: 0 3px 6px rgba(0,0,0,0.2);}
.project-input h2{ padding-left:47px; color:#437bd2; font-size:24px; font-weight:normal; padding-left:47px; background:url(../img/data1.png) left center no-repeat;}
.project-input p{ color:#666666; font-size:14px; margin-top:15px; margin-bottom:42px;}
.project-row{ margin-bottom:16px; float:left; width:100%;}
.project-row:nth-child(1),.project-row:nth-child(2){ width:auto;}

.project-row span{ display:inline-block; float:left; color:#666666; font-size:14px; line-height:45px;  margin-right:10px; text-align:right; min-width:70px;}
.project-row input{ padding:12px 0 12px 10px; width:347px; border:1px solid #cccccc; background:none; color:#666; font-size:14px; transition:780ms; float:left;}
.project-row input:focus{ border-color:#437bd2;}
.project-row:nth-child(2){ float:right;}
.project-row .projetc-sele{ padding-left:12px; height:45px; line-height:45px; width:347px; border:1px solid #cccccc; background:none; color:#666; font-size:14px; transition:780ms; float:left; font-size:14px; padding-left:20px; background:url(../img/down4.png) 95% center no-repeat;  -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor:pointer; outline:none; border:none; border:1px solid #cccccc;}
.project-row input.proin1{ width:100%;}
.project-textarea{ width:853px; float:left;} 
.project-textarea b{ display:block; color:#999999; font-size:14px; font-weight:normal; margin-bottom:12px; margin-left:8px; margin-top:10px;}
.project-promble{ width:100%;}
.project-promble textarea{ width:100%; color:#666; padding:20px 0 0; font-size:14px; border:1px solid #cccccc; outline:none; transition:780ms;}
.project-promble textarea:focus{ border-color:#437bd2;}
.prodee-row{ margin-left:24px; margin-bottom:28px; transition:780ms;}
.prodee-row span{ display:inline-block; float:left; color:#666666; font-size:14px; line-height:normal; line-height:26px; margin-right:0;}
.prodee-row input{ float:left; border:none; background:none; color:#fff; padding:0; line-height:26px; color:#666;}
.uploading{ float:left; margin-top:1px; width:844px;}
.uploading .porbtn{ margin-top:0px; width:112px; height:24px; text-align:center; line-height:24px; color:#ffffff; cursor:pointer; border:none; background:#999999; padding:0; font-size:12px; margin-top:10px;}
.uer{ display:none;}
.uploading b{ display:inline-block; float:left; color:#666666; line-height:45px; margin-left:22px; font-weight:normal;}
.project-row input.proin2{ width:220px;} 
.project-row img{ display:block; float:left; margin-left:15px; cursor:pointer;}
.subproble{ margin-top:14px; width:173px; height:43px; border:1px solid #437bd2; color:#fff; font-weight:bold; font-size:14px; cursor:pointer; background:#437bd2; text-align:center; line-height:43px; margin-left:210px; transition:780ms; float:left;}
.subproble:hover{ background:none; border-color:#437bd2; color:#437bd2;}
.technology-left .selectbox{ display:none;}
.technology-left .selectbox span{ background:#ffffff; padding-left:20px; border:none;}
.technology-left .selectbox span b{ color:#666666; font-size:14px;}
.technology-left .selectbox span i{ display:none;}
.technology-left .selectbox span b{ background:url(../img/down5.png) 94% center no-repeat;}
.technology-left .classdown li a{ color:#666666;}
.technology-left .classdown li:hover a{ color:#fff;}
.common-problem li{ margin-bottom:5px;}
.common-problem li .problem-top{ position:relative; background:#ffffff; cursor:pointer; transition:670ms; overflow:hidden;}
.common-problem li .problem-top b{ width:49px; height:45px; text-align:center; line-height:45px; color:#ffffff; font-size:14px; font-weight:bold; float:left; background:#d1dae4; transition:670ms; position:relative; z-index:5;}
.common-problem li .problem-top span{ display:inline-block; float:left; margin-left:20px; color:#fff; font-size:16px; line-height:28px; padding:10px 0; transition:600ms; position:relative; z-index:5;width:80%}
.common-problem li .problem-top:before{ width:14px; height:8px; position:absolute; right:23px; top:50%; margin-top:-4px; content:""; background:url(../img/down7.png) center no-repeat; transition:470ms; z-index:5;}
.common-problem li .problem-top mark{ width:100%; height:100%; background:#0198e7; transition:730ms; position:absolute; left:0; top:0;}
.problem-text{ padding:28px 20px 0 25px; background:#dedede; display:none;}
.problem-text strong{ display:block; color:#333333; font-size:14px; font-weight:normal;}
.problem-text p{ color:#333333; font-size:14px; line-height:2;}
.ambia{ margin-top:28px; padding:12px 0; border-top:1px solid #000;}
.ambia span{ display:inline-block; float:right; padding-left:28px; color:#333333; font-size:14px; margin-right:30px; cursor:pointer; transition:650ms;}
.ambia span:nth-child(1){ background:url(../img/eye.png) left center no-repeat;}
.ambia span:nth-child(2){ background:url(../img/zan.png) left center no-repeat;}
.ambia span:nth-child(1):hover{ color:#437bd2; background:url(../img/eye1.png) left center no-repeat;}
.ambia span:nth-child(2):hover{ color:#437bd2; background:url(../img/zan1.png) left center no-repeat;}
.common-problem li .problem-top:hover mark,.common-problem li .problem-top.on mark{ top:0;}
.common-problem li .problem-top:hover b,.common-problem li .problem-top.on b{ background:none; color:#fff;}
.common-problem li .problem-top:hover span,.common-problem li .problem-top.on span{ color:#fff;}
.common-problem li .problem-top:hover:before,.common-problem li .problem-top.on:before{ background:url(../img/down7.png) center no-repeat; transform:rotate(-180deg);}
.common-problem li:nth-child(1) .problem-text{ display:block;}
.levamenu{ display:none;}
.levamenu li{ margin-top:2px;}
.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:22px; 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:18px; background:url(../img/arrow5.png) center no-repeat;}
.data-loads li{ margin-bottom:5px; padding:20px 42px 16px 25px; background:#ffffff; overflow:hidden; position:relative;}
.data-loads li time{ float:left; position:relative; z-index:5;}
.data-loads li time strong{ display:block; color:#666666; font-size:18px; line-height:normal; transition:560ms;}
.data-loads li time b{ display:block; font-size:14px; line-height:normal; color:#666666; transition:560ms;}
.data-loads li span{ display:inline-block; float:left; margin-left:34px; color:#666666; font-size:14px; margin-top:8px; transition:600ms; position:relative; z-index:5;}
.data-loads li .paf{ padding-right:38px; color:#666666; font-size:12px; font-weight:bold; line-height:32px; float:right; margin-top:8px; background:url(../images/load1.png) right center no-repeat; 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:#437bd2; display:block; transition:780ms;}
.data-loads li:hover:before{ top:0;}
.data-loads li:hover time strong,.data-loads li:hover time b,.data-loads li:hover span{ color:#fff;}
.data-loads li:hover .paf{ color:#fff; background:url(../img/load2.png) right center no-repeat;}

.techline{ border-bottom:2px solid #cccccc;}
/* .technology-fix{ margin-top: 42px;} */

.videoIbox{ overflow:hidden;}
.videoIbox .item{ display: block;}

.fangan{ padding:60px 0 30px 0;}

.fangan img { max-width:100%; width:65%; margin:0 auto; display:block; }
.fangantitle{ font-size:30px; color:#0098e6; font-weight:900; line-height:1;}
.fangantitle span{ display:inline-block; width:50px; height:3px; background:#0098e6;}
.fanganp {  margin-top:20px;line-height:2; font-size:18px;}


.ivideo_btn img{display:block;}
.ivideo:hover .ivideo_btn{  

 -webkit-transition-property: -webkit-transform;

    -webkit-transition-duration: 1s;

    -moz-transition-property: -moz-transform;

    -moz-transition-duration: 1s;

    -webkit-animation: rotate 3s linear infinite;

    -moz-animation: rotate 3s linear infinite;

    -o-animation: rotate 3s linear infinite;

    animation: rotate 3s linear infinite;

}

@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}

    to{-webkit-transform: rotate(360deg)}

}

@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}

    to{-moz-transform: rotate(359deg)}

}

@-o-keyframes rotate{from{-o-transform: rotate(0deg)}

    to{-o-transform: rotate(359deg)}

}

@keyframes rotate{from{transform: rotate(0deg)}

    to{transform: rotate(359deg)}

}
#newbridge{display:none important!}