@charset "utf-8";

body {background-color: #ffffff; color:#3c3b3b;}
a {color:#3c3b3b;}


.banner {width:100%;max-width: 1680px;margin: 0 auto}
.banner img {width: 100%;max-width: 1680px;margin: 0 auto;display: block}
.position {width: 100%;max-width: 960px;margin:0 auto; background: url(../images/home.jpg) no-repeat left;padding-left: 20px; font:12px/18px Calibri; line-height: 35px;padding-top: 5px}
.content {width: 100%;max-width: 960px;margin:0 auto;margin-top:25px;overflow:hidden; padding-bottom: 20px;}
.left {width:23%;}
.left .category {font-size:18px;font-weight:bold;border-bottom: 1px solid #c7c5c5;padding:0 0 15px 15px;}
.left ul {margin:0 0 10px 0; padding-bottom:40px;}
.left li {line-height: 30px;height:40px;border-bottom: 1px solid #eee;}
.listul a {vertical-align: middle;font-size:12px;line-height: 30px;height:30px; padding: 5px 0 5px 5px; display: block; }
.miningform input {width:213px;margin:5px 0;padding:2px; color: #ccc;}
.miningform textarea {margin:5px 0;padding:2px;width:213px;height: 85px;resize:none; color: #ccc;}
.submit {display: block;background: url(../images/submit.jpg) no-repeat center;width: 78px;height: 22px;margin-top: 5px;}
.right {width:74.6%;padding-bottom: 85px}
.right p{font-size:14px;color:#666666;line-height: 150%}

/*show data*/

/*.show {overflow: hidden;}*/
.show li{overflow: hidden;padding:40px 0;border-bottom: 1px solid #dcdbdb }
.show img{float:left;width: 43.6%;max-width: 312px}
.show div{float:right;width: 52%;}
.show h2{font:14px Calibri;font-weight: bold;color:#fa9607;line-height: 150%}
.show span{display:block;font-size:14px;color:#fa9607;line-height: 30px}
.show .showdata {display:none;position: fixed;z-index:222;overflow: hidden;width: 100%}
.showdata table{background-color: #ffffff;}
/*waterfall*/


.single {border-bottom: 1px solid #f3f2f2;padding-bottom: 25px}
.bb-n {border:none;}
/*.single p{font-size:14px;color:#666666;line-height: 150%}*/
.single h2{font:16px Calibri;font-weight: bold;color:#fa9607;line-height:70px}
.single h3{clear:both;font-size:14px;color:#373636;font-weight:bold;line-height: 35px}
.single img {float: right;margin-left: 75px}
.feature p{background: url(../images/products/featurebg.jpg) no-repeat left top;padding-left: 15px}
.tab {margin-top: 10px}
.tab ul {background: url(../images/products/tabbg.jpg) repeat-x bottom;overflow: hidden;padding-left: 70px}
.tab li {float:left;width:164px;margin-left:22px;height:32px;background-color: #eeeeee;border:1px solid #eeeeee;line-height: 32px;font-size: 14px;text-align: center;color:#5d5f60;}
.tab .selected {border-top: 2px solid #fa9607;background-color: #ffffff;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;border-bottom: none;color: #fa9607;}
.tab .first {margin-left:0;display: block;}
.tab div{clear:both;display: none;padding:20px;}

/* 列表页显示*/

.solutions {margin-top: 40px;overflow: hidden;border-bottom: 1px solid #c7c5c5;padding-bottom: 33px}
.solutions img {display: block;width:43%;border: 1px solid #c7c5c5}
.solutions .des {width: 52%}
.solutions h2 {font-size: 14px;font-weight: bold;color:#003781; margin-bottom: 3px;}
.solutions p {width:100%;color:#3c3b3b;font-size: 12px;line-height: 22px}
#miningformbox{display: none;}
.listrm{display:block;background:url(../images/solutions/arrow.jpg) right no-repeat;color:#003781;font-size: 14px;width:100px;height: 20px;padding-right:10px;margin-top:30px;}
.method {padding-bottom: 40px; overflow: hidden;}
.method h1 {font-size:18px;font-weight:bold;text-align: center;line-height: 35px;margin-bottom: 20px}
.method .ta-l {text-align: left;}
.method h2 {font-size: 14px;font-weight: bold;color:#fa9607; margin-bottom: 25px;}
.method .title {font-size: 16px;font-weight: bold;color:#1f1d1d;line-height: 45px;}
.selected {border-top: 1px solid #020202;border-bottom: 1px solid #020202}
.method h3 {font-size: 14px;font-weight: bold;color:#3c3b3b;line-height: 40px;}
.method p {color:#3c3b3b;font-size: 12px;line-height: 22px}
.method img {float: right;margin:0 0 20px 40px;border: 1px solid #c7c5c5}
.my-contact{
  background-color: #f1f1f1;
  border: 1px solid #e2e0e0;
  width: 665px;
  height: 85px;
  padding: 15px 25px;
}
.clear{
  clear: both;
  height: 1px;
}
.my-info1, .my-info2, .my-info3, .my-info4, .my-info5, .my-info6{
  width: 315px;
  float: left;
  line-height: 30px;
}
.my-info2, .my-info4, .my-info6{
  background: url(../images/my-info.gif) no-repeat;
}
.my-info2{
  background-position: 0 -6px;
  padding-left: 20px;
}
.my-info4{
  background-position: 0 -40px;
  padding-left: 20px;
}
.my-info6{
  background-position: 0 -77px;
  padding-left: 20px;
}
.my-info1{
  color: #114491;
}
.my-info5{
  background: url(../images/sobg.gif) no-repeat;
  display: block;
  height: 22px;
}
.my-info5 a{
  color: #fff;
  padding: 0 0 0 17px;
  margin: -3px;
  display: block;
  width: 137px;
  height: 22px;
}
.products{
  width: 716px;
  height: 192px;
  background-color: #f1f1f1;
}
.pics {position:relative;height:96px; width: 640px; margin: 20px 0 20px 40px;}
.pics ul {position:absolute;}
.pics li {float: left;margin:0 8px;}
.pics a {display: block;text-align: center;}
.pics img {border: 3px solid #ffffff}
.products h3{
  font-size: 16px;
  font-weight: bold;
  padding: 25px 0 0 25px;
}
.my-case{
  border-top: 1px solid #e7e7e8;
  padding-top: 27px;
  margin-top: 31px;
  overflow: hidden;
}
.my-case h3{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.my-case li{
  float: left;
  width: 172px;
  margin-right: 9px;
  text-align: center;
}
#my-case-last{
  margin-right: 0;
}
.my-form{
  padding: 28px 0 30px 38px;
  border:1px solid #e7e7e8;
  margin-top: 42px;
}
.my-form h3{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.my-form input{
  width: 560px;
  height: 30px;
  border: 1px solid #e7e7e8;
  margin: 15px 0 5px;
}
.my-form textarea{
  width: 560px;
  height: 150px;
  border: 1px solid #e7e7e8;
  margin: 15px 0 25px;
}
.my-form label{
  margin: 10px 30px 0 0;
}
.my-form td{
}
.my-form form{
  margin-top: 30px;
}
.my-form select {
  margin: 10px 0;
  width: 100%;
  height: 35px;
  border: 1px solid #e7e7e8;
}
/* PAD */
@media (min-width: 768px) and (max-width: 991px){
    .position{
      display: none;
    }
    .right{
      width: 60%;
      margin-right: 20px;
    }
    .left{
      width: 28%;
      margin-left: 20px;
    }
    .my-info1, .my-info2, .my-info3, .my-info4, .my-info5, .my-info6{
      width: 240px;
    }
    .my-contact{
      width: 500px;
      border: none;
    }
    .method img{
      width: 160px;
      margin-top: 50px;
    }
    #parameter0{
      display: none;
    }
    .pics{
      margin: 20px 0 20px 0;
      width: 480px;
    }
    .visiable-ms-none{
      display: none;
    }
    .my-case img{
      width: 145px;
    }
    .my-case li{
      width: 145px;
    }
    .my-form input{
      width: 360px;
    }
    .my-form textarea{
      width: 360px;
    }
    .my-form{
      padding: 28px 0 30px 0;
      width: 460px;
    }
    .products{
      width: 470px;
    }
}

/* PHONE */
@media (max-width: 767px){
  .position{
    display: none;
  }
  .left{
    display: none;
  }
  .right{
    width: 100%;
    margin: 0 auto;
  }
	.right #miningformbox{
		display: block;
	}
  .foot-l .ft-right{
    display: block;
  }
  .foot-l.ft-left{
    float: none;
    display: block;
  }
  .method img{
    width: 45%;
    margin: 65px 0 10px 10px;
  }
  .content{
    width: 96%;
    margin: 0 2%;
  }
  .right .ft-right{
    float: none;
  }
  .method h2{
    margin: 20px 0;
  }
  .my-contact{
    width: 92%;
    height: auto;
    padding: 2%;
    margin-top: 10px;
  }
  .my-info1, .my-info2, .my-info3, .my-info4, .my-info5, .my-info6{
    float: none;
    width: 80%;
  }
  .my-info5{
    display: none;
  }
  #parameter0{
    display: none;
  }
  .visalbe-sm-none{
    display: none;
  }
  .products h3{
    padding: 15px 0 0 15px;
  }
  .pics{
    margin: 10px 0 10px 10px;
  }
  .pics li{
    margin: 0 4px;
  }
  .my-case li{
    width: 46%;
  }
  .my-case img{
    width: 100%;
  }
  .my-form{
    padding: 10px 0 10px 10px;
  }
  .my-form label{
    width: 20%;
    margin: 10px 10px 0 0;
  }
  .my-form input{
    width: 240px;
  }
  .my-form textarea{
    width: 240px;
  }
 /* .submit{
    width: 52px;
  }*/
	#miningformbox{
		width: 100%;
		border-bottom: none;
	}
	#miningformbox .miningform input {
		width:96%;
		margin:5px 0;
		padding:2px; 
		color: #ccc;
	}
	#miningformbox .miningform textarea {
		margin:5px 0;
		padding: 2px;
		width:96%;
		height: 85px;
		resize:none; 
		color: #ccc;
	}
}