@charset "utf-8";
/* CSS Document */
html{}
body{}
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
/*头部*/
.header{overflow:hidden; padding:0 10px;padding:1em; }
.header .logoImg{float:left;width:111px; padding-left:50px;}
.header .logoImg img{ max-width:100%;}
.header .tel{width:264px;float:right; padding-left:2.2em; margin-top:26px; background:url(/Skin/ok/images/tel_03.png) left center no-repeat;}
.header .tel .s1{color:#555; line-height:1.3em; height:1.3em; font-size:1.2em; }
.header .tel .s1 img{ display:block; width:32px; float:left; padding-top:8px; padding-right:5px;}
.header .tel .s2 a{ font-size:1.5em; width:250px; font-weight:bold;color:#da251d; line-height:1.083em;}
.header .hdTxt{ float:left; width:11.5em; margin-top:1.4em; }
.header .hdTxt .p1{ font-weight:bold;color:#0d8ae6; line-height:1.5em;}
.header .hdTxt .p2{ font-weight:bold;color:#b2b2b2; line-height:1.5em;}


/*导航*/
.nav ul{ background:#012169; overflow:hidden}
.nav ul li{  float:left; width:25%;height:2.917em; text-align:center;line-height:2.917em;}
.nav ul li a{color:#ffffff; display:block; font-size:1.1em; font-weight:bold; border-left:1px #465b89 solid; border-bottom:1px solid #465b89;}
.nav ul li:nth-child(1) a{ border-left:0px}
.nav ul li:nth-child(5) a{ border:0px}

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:rgba(51,51,51,0.1);   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background-color:rgba(218,37,29,0.8);  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

.focus2{ width:100%;  margin:20px auto; position:relative; overflow:hidden; padding-bottom:35px;}
.focus2 .hd{ width:12%;position:absolute; z-index:1; bottom:0; text-align:center; left:280px;}
.focus2 .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box;  height:16px;}
.focus2 .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0; margin:0 2px;background-color:rgba(51,51,51,0.1); border-radius:50%;}
.focus2 .hd ul .on{ background-color:rgba(218,37,29,0.8);  }
.focus2 .bd{ position:relative; z-index:0;text-align:left;}
.focus2 .bd li img{ width:100%;  }
.focus2 .bd h3{ width:80px; height:80px; line-height:80px; text-align:center; background:#0096ff;border-radius:50%; font-size:2em;color:#fff; margin-top:15px;}
.focus2 .bd li h1{ color:#333; font-size:1.3em; padding-bottom:5px; line-height:1.6em;}
.focus2 .bd li p{}
.focus2 .bd li{ padding:0 35px; }
.focus2 .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }


/*banner*/
.banner img{ display:block; width:100%}
.content{padding:0px 0.833em;background:#e7e7e7; padding-top:1em;}
/*推荐产品*/
.tjcp .tjtit{background:url(/Skin/ok/images/Index/titbg2_03.png) repeat-x; height:4.833em; background-size:2.625em auto; margin-bottom:0.333em; position:relative;}
.tjcp .tjtit:after{content:''; position:absolute; bottom:-1em;  margin-left:1em; width:0; height:0; border:1em solid transparent; border-top-color:#0d8ae6;}
.tjcp .tjtit h4{ width:4.167em; height:4.833em; font-size:1em; line-height:4.167em; padding-left:0.833em;}
.tjcp .tjtit h4 a{color:#ffffff;}
.cpul{ overflow:hidden;padding-left:1%;}
.cpul li{ float:left; width:47%;  margin:1%;border:1px #dcdcdc solid; overflow:hidden; background:#FFF;}
.cpul li a{display: table-cell;vertical-align:middle; *display:block;*font-size:190px;*font-family:Arial; width:46%; height:290px;overflow:hidden;text-align:center;}
.cpul li a img{
	max-width:284px;   /* 宽度 */ 
	max-height:276px; /* 高度 */ 
	vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;
	}

.cpul li h5{ font-size:1em; font-weight:normal; text-align:center; line-height:2.500em;}
.cpul li h5 a{color:#333333}

.home-cdfl{ padding:10px 0; background:#eee;}
.home-cdfl ul{ border-bottom:1px solid #dedede; border-top:1px solid #dedede; background:#FFF;}
.home-cdfl ul li{float:left; width:33%; padding:32px 0;text-align:center;border-bottom:1px solid #dedede;border-right:1px solid #dedede;}
.home-cdfl ul li a img{ width:85px; height:86px;border-radius:18px;}
.home-cdfl ul li:nth-child(1){ border-left:0}
.home-cdfl ul li:nth-child(3){ border-right:0}
.home-cdfl ul li:nth-child(6){ border-right:0; }

/*ssk*/
.home-ssk{height:130px;background:#eee;}
.home-sskok{ margin: 0 auto; width:549px; padding-top:25px;}
.header-ss-right-left{ float:left;width:130px;height:75px; line-height:75px; font-size:1.2em;}
.header-ss-right-right{float:right; width:410px; height:69px; background:#FFF;border:1px solid #d1d1d0; border-radius:8px;}
.ssk-left{ float:left; width:349px;border-radius:8px;}
.ssk-right{ float:right; width:50px; padding-top:22px; padding-right:4px;}
.ssk{ border:none; width:335px; color:#666; font-size:1.1em; line-height:69px; padding:0 5px;border-radius:8px;}

/*home-y1 */
.home-y1{ background:url(/Skin/ok/images/index_26.jpg) no-repeat; height:141px; text-align:center; font-size:0.8em; padding-top:35px;}
.home-y1 h1{ font-size:1.9em; font-weight:normal;}
.home-y2{  height:664px; text-align:center;background:url(/Skin/ok/images/index_28.jpg) no-repeat;}



/*产品分类*/
.cpfl{width:100%; position:relative; margin:20px 0 60px 0;}
.cpflul{ width:640px;position:absolute; text-align:center; margin-left:-7%; left:50%; padding-top:15px;}
.cpflul li{ width:0.7em; height:0.7em; background:#ebebeb; float:left; color:#333; border-radius:50%; margin:0 3px;}
.cpflul li.on{color:#ffffff; background:#da251d;}
.home-nav{height:4.167em; overflow:hidden;border:1px solid #ebebeb;}
.home-nav ul li{width:24.8%;height:4.167em; float:left; line-height:4.167em; text-align:center; border:1px solid #ebebeb;border-right:0px;}
.home-nav ul li:nth-child(4){ border-right:1px solid #ebebeb;}

.homenwes{margin:0 auto; width:90%; padding-top:15px; padding-bottom:30px;}
.homenwes h1{ color:#012169; background:url(/Skin/ok/images/xwbtd.jpg) center bottom no-repeat; padding-bottom:12px; text-align:center; font-size:1.5em; font-weight:normal; padding-top:10px;}
.homenwes ul{ padding-top:20px;}
.homenwes ul li{overflow: hidden; height:1.6em; border-bottom:1px dotted #e5e5e5; font-size:1.2em; line-height:1.6em;}
.homenwes ul li span{ float:right; padding-left:0.7em; width:388px; background: url(/Skin/ok/css/images/xwd.jpg) 2px center no-repeat; display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.homenwes ul li span a{ color:#000;}
.homenwes ul li span a:hover{ color:#da251d;}
.homenwes ul li i{ float:left; color:#999;font-style:normal; padding-right:5px;}

.jm-bt{ background:#d90504; height:100px; color:#FFF; line-height:100px; padding-left:35ppx;font-style:italic;}
.jm-bt h1{ padding-left:36px;font-size:1.8em; }
.jm-bt h1 span{ font-size:0.7em; padding-left:10px;}
.home-jm-ok{background:url(/Skin/ok/images/index_43.jpg) center no-repeat; height:652px; padding-left:60px;padding-top:30px;}
.home-jm-ok dl{ width:523px; height:70px; background:#FFF;border-radius:3px; margin-bottom:7px; overflow:hidden; border:1px solid #eee; }
.home-jm-ok dl dt{ float:left; width:43px; height:70px;}
.home-jm-ok dl dd{ float:right;}
.zck{ width:450px; height:70px; line-height:70px; border:none; padding:0 5px; font-size:1em;}
.zck5{ width:450px; height:117px; line-height:26px; border:none; padding:15px 5px; font-size:1em;}
.jaSubmit input{
    font-size:24px;
    font-weight:bold;
    background:#d90504;
    width:525px;
    height:67px;
    color:#fff;
    border:none;
    cursor:pointer;border-radius:3px; 
}





/*电话1*/
.telphone1{height:4.833em; margin-top:0.833em; line-height:4.833em;background:#f4f4f4;}
.telphone1 p{ background:url(/Skin/ok/images/tel_03.png) left center no-repeat;padding-left:2.500em; margin-left:2.083em;color:#333; background-size:2.167em auto}
.telphone1 p a{ font-size:1.6em; font-weight:bold;color:#ba251f}
/*介绍*/
.jieshao .jstit{ height:5.500em; position:relative; background:#ba251f;}
.jieshao .jstit:after{content:''; position:absolute; bottom:-1.7em; left:50%; margin-left:-1em; width:0; height:0; border:1em solid transparent; border-top-color:#ba251f;}
.jieshao .jstit p{ font-size:1.6em; text-align:center; font-weight:bold;color:#ffffff;padding:0px 0.750em; padding-top:0.5em;}
.jieshao .jstot{ position:relative}
.jieshao .jstot ul{  padding-top:2em; width:100%;}
.jieshao .jstot ul li{ width:100%;}
.jieshao .jstot ul li img{width:438px; height:326px;display:block; border:1px #dcdcdc solid;margin:0px auto 20px;}
.jieshao .jstot ul li h5{ font-size:1.1em; text-align:center;line-height:1.2em; width:580px; margin:10px auto;}
.jieshao .jstot ul li h5 a{color:#da251d;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.jieshao .jstot ul li p{color:#333333; text-align:left;padding:0 1.2em; padding-bottom:15px;}
.jieshao .jstot ul li p span{color:#ff8610}
.jieshao .jstot .l{ position:absolute; top:8.333em; left:0.417em; width:9.2%}
.jieshao .jstot .l img{ display:block; width:100%;}
.jieshao .jstot .r{ position:absolute; top:8.333em; right:0.417em; width:9.2%}
.jieshao .jstot .r img{ display:block; width:100%;}
/*优势*/
.youshi{ padding:25px 0 35px;}
.youshi img{ display:block; width:100%;}
/*客户*/
.khul li:nth-child(2){ background:none}
.khul li{ overflow:hidden; border-bottom:1px solid #ebebeb; padding:1em 13px 0;}
.khul li .imga{ display:block; width:8.833em; float:left; margin-right:1.250em; height:7.7em;}
.khul li img{ display:block; width:100%;}
.khul li .imga span{ display:block; width:100%; background:url(/Skin/ok/images/Index/tu_02.png); background-size:100% auto; height:7.833em; margin-top:-7.833em; position:relative}
.khul li h5{font-size:1.083em;}
.khul li h5 a{ color:#ba251f; line-height:1.667em;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.khul li p{color:#333333; margin-top:0.417em; line-height:1.250em; height:3.9em; overflow:hidden}

.hez{ overflow:hidden}
.hez li{ float:left; width:48%; height:95px; border:1px solid #ebebeb; margin:4px 5px; text-align:center;}
.hez li a{ width:159px; height:95px; line-height:95px; overflow:hidden; cursor:default;}
.hez li a img{
	max-width:100%;   /* 宽度 */ 
	max-height:95px; /* 高度 */ 
	vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;
}

/*电话2*/
.telphone2{ height:9em; line-height:1.2em; text-align:center;background:#f5d52a;}
.telphone2 p{color:#ba251f; background-size:2.167em auto; padding-top:20px;}
.telphone2 p a{ font-size:1.333em; font-weight:bold;color:#ba251f}
.tel-bq{color:#333; font-size:1em; line-height:1.2em; padding-top:15px;}
.tel-bq a{color:#333;}

/*顶部*/
.fkong{ width:10px; height:3.8em}
.footer{ position:fixed; bottom:0px; width:100%; font-family:Microsoft YaHei;background:#012169;}
.footer ul{ margin:0px auto; padding:10px 0;}
.footer ul li{float:left; color:#fff; width:25%; text-align:center; padding-bottom:8px; }
.footer ul li a{color:#fff;font-size:0.9em;}
.footer ul li a p{ height:50px; line-height:50px;vertical-align:middle; }
.footer ul li a img{ max-width:25%;vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;}

@media screen and (min-width:320px) { 
	body{font-size:75%;}
}
@media screen and (min-width:375px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	body{font-size:125%;}
}
@media screen and (min-width:640px) {
	body{font-size:150%;}
}

/* xuanfu */
.xuanfu {display:none; position:fixed; right:29px; bottom:20px; background:url(/Skin/ok/images/xuanfu_bg.png) no-repeat; width:60px;z-index:1000;}
.xuanfu li { z-index:111111; cursor:pointer; position:relative; width:.75rem;height:.75rem;box-shadow:0 0 2px #d2d2d2;line-height:.75rem;text-align:center;border-radius:50%;position:fixed;bottom:1.8rem;right:1.5%; border:none;background: rgba(0, 0, 0, 0.4);}
.xuanfu li img{ margin-top:-10px;}
.xuanfu li em.fu1 { width:70px; height:70px; display:none; position:absolute; top:0; left:0;border-radius:70px;}
.xuanfu li em.fu2 { width:70px; height:70px; display:none; position:absolute; top:0; left:0;border-radius:70px;}
.xuanfu li em.fu3 {width:60px; height:60px; display:none; position:absolute; top:0; left:0;border-radius:60px;}
.xuanfu li em a { width:70px; height:70px; display:block;border-radius:70px;}

/* infocd2 */
.infocd2{margin:0 auto; width:92%;height:70px; padding:10px 4% 0; background:#f4f4f4;}
.infocd2-left{ float:left; width:180px; position: relative;height:50px;	background:url(/Skin/ok/images/fl.png) right 18px no-repeat;}
.infocd2-right{ float:right; font-size:1em; line-height:2.5em; color:#333; padding:0 15px;}

  #header #showNav {
    display: none;
    position: absolute;
    margin-right: 40px;
    float: right;
    width: 50px;
    height: 62px;
	margin-top:4px;
    }
    #header #showNav span {
      display: block;
      position: absolute;
	  
      top: 10px;
      left: 0;
      width: 100%;
      height: 6px;
      background: #be231f;
      margin-bottom: 10px;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
      -webkit-transform-origin: left;
      transform-origin: left; }
    #header #showNav span:nth-of-type(2) {
      top: 24px; }
    #header #showNav span:nth-of-type(3) {
      top: 39px; }
    #header #showNav.active span:nth-of-type(1) {
      -webkit-transform: rotate(30deg);
      -moz-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
      -o-transform: rotate(30deg);
      transform: rotate(30deg); }
    #header #showNav.active span:nth-of-type(2) {
      opacity: 0;
      filter: alpha(opacity=0); }
    #header #showNav.active span:nth-of-type(3) {
      -webkit-transform: rotate(-30deg);
      -moz-transform: rotate(-30deg);
      -ms-transform: rotate(-30deg);
      -o-transform: rotate(-30deg);
      transform: rotate(-30deg); }


.shadow20 {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 190;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  background: url(/Images/shadow20.png) \9;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

#slideNav {
  display: block;
  position: fixed;
  top: 0;
  padding-top:40px;
  right: -320px;
  z-index: 190;
  width: 320px;
  height: 100%;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  #slideNav dl{padding-left:20px;}
 #slideNav dl dt{width: 100%;font-size:1.2em; font-weight:bold;border-bottom: #cacaca 1px solid; margin:15px 0; color:#be231f; padding-bottom:10px;} 
 #slideNav dl dt a{color:#be231f;} 
  
    #slideNav a:nth-of-type(1) {
      margin-top: 62px; }
    #slideNav a:hover, #slideNav a.active {
      color: #fa870c; }

  /*header*/
  #header {
    height: 92px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 200;
	 }
    #header #nav {
      display: none; }
    #header #showNav {
      display: block;
	  padding-right:}

.page{text-align:center; padding:20px 0 45px;}
.page ul{float:left; position:relative; left:50%;padding-bottom:12px;}
.page ul li{position:relative; right:50%; float:left; margin-right:8px; text-align:center; background:#FFF; border: 1px solid #f4f4f4;}
.page ul li a{display:block;color:#666;width:50px; height:50px; line-height:50px; text-align:center; }
.page ul li a:hover{background:#ba251f;color:#FFF;width:50px; height:50px; line-height:50px; text-align:center; display:block;}
#page-dq{ background:#ba251f;border: 1px solid #ba251f;}
#page-dq a{color:#FFF;}
#page-dq a:hover{background: none;}

.backup{ width:74px; line-height:75px; margin:10px auto;}
.backup a img{ max-width:80%;}

/*产品详细*/
.ProductDetailed{}
.ProductDetailed h3{font-size:1.2em; line-height:1.8em; padding:.625em 2.5em; color:#ba251f; text-align:center; border-bottom:1px solid #e0e1e1;}
.ProductDetailed .ProductScroll_img img{width:320px;}
.ProductDetailed .ProductScroll_img p{color:#333; font-size:14px; padding:1.437em 1em;}

/*选项面板*/
.TabBarBox{background:#f0f0f0; border-bottom:1px solid #adadad; box-shadow:0 1px 3px #d7d7d7; margin-bottom:1em;}
.TabBarBox:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.TabBarBox li{width:34%; height:58px; float:left; text-align:center; padding-top:2px;}
.TabBarBox .TabBarNow{border-top:2px solid #ba251f; background:#fff; padding:0;}
.TabBarBox li a{font-size:1.1em; color:#333; border-right:1px solid #e2e2e2; display:block; height:100%; line-height:58px;}

/*详细内容*/
.DetailedSpan p{padding:0 1em;}
.DetailedSpan table td{width:50%}
.DetailedSpan img{width:100%; display:block; margin:0 auto;}

/*产品标题*/
.ProductTitle{height:58px; line-height:58px; background:#f0f0f0; color:#333; font-size:1.1em; padding:0 .687em; border-bottom:1px solid #d1d1d1; box-shadow:0 1px 3px #c6c6c6; margin-top:20px;}
.ProductTitle:after {content:'.'; display:block; height:0; clear:both; visibility:hidden;}
.ProductTitle span a{color:#ba251f}

.formSpan{margin:.937em 17px; font-size:.75em;}
.formSpan .td1{}
.formSpan input , .formSpan textarea{border:1px solid #ddd; border-radius:3px;}
.formSpan input[type='text'] , .formSpan input[type='phone']{height:2.5em; line-height:2.5em; width:19.5em; text-indent:.5em;}
.formSpan textarea{resize:none; width:19.5em; text-indent:.5em; height:5.562em; padding:.25em 0;}
.formSpan .sbutton , .formSpan .btnReset{width:5.625em; height:2.8em; line-height:2.8em; border:none; border-radius:3px; font-size:.875em; display:inline-block; text-align:center;}
.formSpan .sbutton{background:#0d8ae6; margin-right:2em; color:#fff;}
.formSpan .btnReset{background:#999; color:#fff;}

.g_btn{background-color:#0d8ae6; color:#fff; border:none; font-size:.875em; display:inline-block; text-align:center;}

.pro_gd .m-nowra { width:600px; margin:0 auto; position:relative; overflow:hidden; }
.pro_gd .prev { width:35px; height:60px; position:absolute; top:50%; margin-top: -25px;left:0; z-index:99; }
.pro_gd .prev:before { content:""; position:absolute; background:#bababa; width:15px; height:15px; left:10px; top:21px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .prev:after { content:""; position:absolute; background:#f9f9f9; width:15px; height:15px; left:14px; top:21px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .next { width:35px; height:60px; position:absolute; top:50%; margin-top: -25px; right:0; z-index:99; }
.pro_gd .next:before { content:""; position:absolute; background:#bababa; width:15px; height:15px; right:10px; top:21px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .next:after { content:""; position:absolute; background:#f9f9f9; width:15px; height:15px; right:14px; top:21px; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pro_gd .no_ov { margin:16px 35px 0 35px; width:530px; overflow:hidden;}
.pro_gd .m-box {  overflow:hidden; }
.pro_gd .m-box p a { width:530px; float:left;text-align:center; }
.pro_gd .m-box p a img { float:left; }

.pro_gd .m-box{ text-align:center;}
.pro_gd .m-box a{ width:100%; height:325px; line-height:325px; cursor:default; text-align:center;}
.pro_gd .m-box a img{
	max-width:100%;   /* 宽度 */ 
	max-height:325px; /* 高度 */ 
	vertical-align:middle;
	-ms-interpolation-mode: bicubic; overflow:hidden;
}

.xwxqjs{ background:#f4f4f4; padding-top:5%;}
.infonrokxwlb{margin:0 auto; width:87%; background:#fff; padding:4%;}
.infonrokxwlbxq{margin:0 auto;width:81%; background: #FFF; padding:5%;}
.info_con{text-align:center;}
.news_info .p1{color: #e60013;font-size:1.6em; font-weight:bold; text-align:center;}
.news_info .p2{color: #666;font-size:0.8em;line-height:1.2em; padding-top: 4px;padding-bottom: 8px; border-bottom:1px solid #e4e4e4;}
.news_info .p2 span{padding-left:10px;font-size:0.8em;}
.news_info .img{padding: 40px 0px;padding-top: 20px;}
.news_info .div_text{font-size:1.3em;line-height:1.8em; color:#333;}
.news_info .div_text a{color:#25910a;}
.news_info .div_text img{ padding-top:10px;max-width:100%;}
.news_info .bottom{padding-top: 65px;}
.div_text{ text-align:left; color:#573c2a; padding-top:30px;}

.fhlb{ padding-top:20px;}



.system-solutions-icon{	width: 500px;height: 580px;	float: left;position: relative;	margin-top: 60px;}
.project-item{width: 166px;	height: 166px;position: absolute;}
.project-item i{
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;
	filter:alpha(opacity=0);
	-webkit-transform:scale(0.25);
	-moz-transform:scale(0.25);
	-o-transform:scale(0.25);
	-ms-transform:scale(0.25);
	transform:scale(0.25);
}

.project-study{	left:74px;top:30px;}
.project-study i{
	width:166px;
	height:142px;
	padding-top:24px;
	background:#0096ff;border-radius:50%; color:#FFF;font-style:normal; font-weight:bold; font-size:1.2em;
	-webkit-transition:all 0.6s ease 0.5s;
	-moz-transition:all 0.6s ease 0.5s;
	-o-transition:all 0.6s ease 0.5s;
	-ms-transition:all 0.6s ease 0.5s;
	transition:all 0.6s ease 0.5s;
}

.system-design{left: 410px;	top: 78px;}
.system-design i{
	width:166px;
	height:121px;
	padding-top:45px;
	background:#10ce53;border-radius:50%; color:#FFF;font-style:normal;font-size:1.2em;
	-webkit-transition:all 0.6s ease 1.1s;
	-moz-transition:all 0.6s ease 1.1s;
	-o-transition:all 0.6s ease 1.1s;
	-ms-transition:all 0.6s ease 1.1s;
	transition:all 0.6s ease 1.1s;
}

.system-integration{left: 39px;top: 277px;}
.system-integration i{
	width:166px;
	height:141px;
	padding-top:25px;
	background:#5d11a3;border-radius:50%; color:#FFF;font-style:normal;
	-webkit-transition:all 0.6s ease 1.6s;
	-moz-transition:all 0.6s ease 1.6s;
	-o-transition:all 0.6s ease 1.6s;
	-ms-transition:all 0.6s ease 1.6s;
	transition:all 0.6s ease 1.6s;
}
.installation-instruction{left: 440px;top: 277px;}
.installation-instruction i{
	width:166px;
	height:130px;
	padding-top:36px;
	background:#fb560e;border-radius:50%; color:#FFF;font-style:normal;
	-webkit-transition:all 0.6s ease 2.1s;
	-moz-transition:all 0.6s ease 2.1s;
	-o-transition:all 0.6s ease 2.1s;
	-ms-transition:all 0.6s ease 2.1s;
	transition:all 0.6s ease 2.1s;
}


.project-item i.active{
	opacity: 1;
	filter:alpha(opacity=100);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.project-item p.active{
	opacity: 1;
	filter:alpha(opacity=100);
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
}