@charset "utf-8";
/*@import 'font/iconfont.css';*/
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,tempWrap,fieldset,input,textarea,p,blockquote,th,td,a,span{ padding: 0; margin: 0; font-weight: normal; }
fieldset,img,hr{ border: none; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; }
ol,ul,li,dl,dt,dd { list-style: none; }
a { color: #333333; text-decoration: none; }
a:link,a:visited,a:hover{ text-decoration: none; }
.red { color: #F00; }
.xt { color: #f7f7f7; width: 100%; height: 10px; }
.fl { float: left; }
.fr { float: right; }
.clr { clear: both; }
.gray1{color: #999;}
.gray2{color: #666;}
.gray3{color: #333;}
.bot{ padding-bottom:6.125em;}

.mright { margin-right: 20px; }
.blank { height: 20px; font-size: 0; line-height: 0; clear: both; overflow: hidden;  }
body,td,th { font-family: "Microsoft YaHei", "微软雅黑", \5FAE\8F6F\96C5\9ED1; }
html{font-size:100%; font-size: 16px;}
body { overflow-x: hidden; color: #333333; font-size: 1em; }
input { outline: none; }
@font-face { font-family: '微软雅黑';  }

.kd,.copy{ width:100%;  margin: 0 auto; overflow: hidden;  }
.top{ }
.logo{ width: 30%; margin:2%;}
.logo img{ display:block; width: 100%;}
.phont{ width:55%;font-size:1em; margin-top:3%; }
.phont span{ font-size:1em; color: #f00; font-weight: bold;}
.main_menu{  margin: 4% 2% 0 0; width:5%;}
.main_menu img{ width:100%;  }

.main_menu ul{ position:absolute; display: none; background:#666; z-index: 1500;  right: 1%; top: 7.5%; padding:0 1%;   }
.main_menu ul li{ border-bottom:1px dashed #ccc; line-height: 2.875em; overflow: hidden; text-align: center;}
.main_menu ul li a{color: #fff; font-size:0.875em;}


.banner{max-height:343px;}
.banner img,.index_ad img{width:100%; height:100%; margin: 0 auto;}
.ad_height{ height:6.3em;}
.index_ad,.case_list,.field_cont ul,.dien_cont p,.honor,.tech_cont ul li,.class_product,.honor_cont{ margin-top:3%;}
.business,.choice,.case,.field,.about,.tech{ margin-top:5%;}
.title{ display: block;text-align: center; }
.title h4{ font-size:1.5em;}
.title span{ text-transform:Uppercase; color:#999; font-weight: lighter; line-height: 30px; font-size:0.75em;}
.bus_cont{ margin-top:4%;}
.bus_left{ width:63%; overflow: hidden; margin-left:2%;  }
.bus_comm{display: block; width: 100%; padding:7% 0 0 0; overflow: hidden;}
.bus_1{ background:url(../images/pic_1.png) no-repeat left top; background-size:100%;}
.bus_2{ background:url(../images/pic_2.png) no-repeat left top; background-size:100%;}
.bus_3{ background:url(../images/pic_3.png) no-repeat left top; background-size:100%;}
.bus_4{ background:url(../images/pic_4.png) no-repeat left top; background-size:100%;}
.bus_comm a{ width:100%; display: block; overflow: hidden;}
.bus_comm ul{ float: left; width: 50%; height: 6.5em; display: block;  text-align: center; vertical-align: middle;}
.bus_comm ul h4,.bus_comm_right ul h4{ width:100%; font-weight:bold; color: #1465b1; font-size:1em; }
.bus_comm ul span,.bus_comm_right ul span{ width:100%; color: #999; margin-top:3%; font-size: 0.75em; line-height: 1em; display: block;}
.bus_right{ width:32%; float:right;  margin-right:0.56em;}
.bus_comm_right{width:100%;  margin:0 auto;  height: 14em; overflow: hidden; }
.bus_comm_right a{ display:block; width:100%; height: 100%; overflow: hidden;}
.bus_comm_right ul{ display:block; text-align: center; width:80%;  padding: 5% 0 0 0; margin: 0 auto; box-sizing:border-box;   }
.bus_5{background:url(../images/pic_5.png) no-repeat center top; background-size:100%; padding-top:0.875em; }
.bus_6{background:url(../images/pic_6.png) no-repeat center top; background-size:100%; height: 15em;  }
.btn{ width:95%; margin: 0 auto; background:#ececec;}
.btn a{ text-align: center;  display: block; width: 100%; margin-top: 5%; padding: 2% 0; font-size: 1.125em; color: #1465b1; overflow: hidden;}
.choice_img,.dien_cont{width:95%; margin: 5% auto; overflow: hidden;}
.choice_img a img{ width:100%; height: 100%;}
.choice_cont{ width:95%; margin: 0 auto; line-height: 25px;}
.choice_cont p{ font-size:1em; color: #1465b1; margin-top:2%; }
.choice_cont span{ display: block;margin-left:5%; color: #666; font-size:0.875em;  }
.case_list ul{width:48%; float:left; margin:1%;}
.case_list ul li{ width:100%; line-height: 2.2em; font-size:0.875em; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_list ul li img{ width:100%;height:8.43em;}
.field_cont ul{ width: 31%; float:left; margin-left:2%; overflow: hidden;}
.field_cont ul li{ width:100%; text-align: center; line-height:1.56em; font-size: 0.875em; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.field_cont ul li img{display:block; width:100%; height: 5.72em;}
.dien_cont img{ width:100%;}
.dien_cont p{ line-height: 2em; text-indent: 2em; font-size: 0.875em;}
.dien_cont p a{color:#d30000; text-decoration: underline;}
.honor a{display:block; width: 31%; height: 13em; float: left; margin-left:2%; margin-top:2%;}
.honor a img{ width:7.25em; height: 10em;  cursor: pointer; transition: all 0.6s; -ms-transition: all 0.8s;}
.honor a:hover{transform:scale(1.2); -ms-transform:scale(1.2);}
.honor p{ display:block; width: 100%; text-align: center; line-height:1.375em; margin-top:10px; font-size:0.875em; }
.tech_cont ul li{ border-bottom:1px dashed #ccc; line-height: 35px; overflow: hidden;  margin: 0 auto;}
.tech_cont ul li a{ display: block; width: 100%; float:left; font-size: 0.875em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.tech_cont ul li span{ float:right; width:20%; font-size: 0.75em; color: #999;}
.copy{ font-size:0.875em; height: 2.187em; overflow: hidden; background: #ececec; margin-top:3%; text-align: center; padding-top: 2%; }
.foot{ width:100%; height: 3.125em;  overflow: hidden; position:fixed; bottom:0; left:0; z-index:1000; border-top:1px solid #f7f7f7; background: #fff;}
.foot ul{ width:20%; height: 3.125em; float:left;overflow:hidden;  margin:5px 0; border-right:1px solid #f7f7f7; box-sizing:border-box;  }
.foot ul.icon_1{ background:url(../images/foot_icon1.png) no-repeat center top; background-size:33%; padding-top: 1.43em;}
.foot ul.icon_1:hover{background:url(../images/foot_icon1_hover.png) no-repeat center top; background-size:33%;}
.foot ul.icon_2{ background:url(../images/foot_icon2.png) no-repeat center top; background-size:33%; padding-top: 1.43em;}
.foot ul.icon_2:hover{background:url(../images/foot_icon2_hover.png) no-repeat center top; background-size:33%;}
.foot ul.icon_3{ background:url(../images/foot_icon3.png) no-repeat center top; background-size:33%; padding-top: 1.43em;}
.foot ul.icon_3:hover{background:url(../images/foot_icon3_hover.png) no-repeat center top; background-size:33%;}
.foot ul li{ width:100%; margin: 0 auto; text-align: center;  line-height: 1.8em; font-size:0.875em; }
.foot ul li a{ display:100%; margin: 0 auto;}
.foot ul li a:hover{ color:#d9001c;}
.foot ul li a img{ margin:0 auto; width:28%; display: block; }

.phone_btn{display: block; float:right;width:40%; height:100%;  background: #d9001c; overflow: hidden; }
.phone_btn img{ display:block; width:20%; float:left; margin:10px 2px 0 10px;}
.phone_btn span{font-size: 1.275em; color: #fff; font-weight: 500; line-height: 2.125em;}


/*分类样式*/
.clss_top,.tech_menu{ width:100%; margin: 0 auto; background: #f7f7f7;  position:relative; overflow: hidden;}
.clss_top{ height:2.875em;}
.clss_top a.top_1{ position:absolute; z-index: 100; width:0.75em; height:1.5em; left:12px;  top:12px; overflow: hidden;}
.clss_top a.top_2{ position:absolute; z-index: 1000; width:1.375em; height:1.475em; right:12px;  top:14px; overflow: hidden;}
.clss_top a img{ width: 100%;}
.clss_top h1{ width:65%; margin: 0 auto; text-align:center; line-height: 2.875em; font-size:1.125em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.clss_left{ width:30%; background: #f7f7f7; height:84em; }
.clss_left ul li{ line-height:3em; text-align: center; font-size:0.875em; }

.clss_right{ width:66%; padding:2%;}
.clss_img{ width:100%; margin: 0 auto;}
.class_product ul{ width:48%; float:left; padding:1%; }
.class_product ul li{ text-align:center; line-height:2.5em; width:100%; font-size: 0.875em;}
.class_product ul li img{ width:100%;}
.active{ background:#fff; border-left:2px solid #d9001c; }
.active a{ color:#d9001c;}

 .two_menu{
        width:100%; padding:10px 0; overflow:hidden;
    }
    .two_menu a{
        width:47%; float:left;  border:1px solid #f7f7f7; text-align:center; line-height:30px; margin:2px; background:#f7f7f7; font-size:0.75em; border-radius:3px;
    }
    .two_menu a:hover{ 
        background:#d9001c; color: #fff;
    }

/*分类样式*/
/*设备列表*/
.two_menu{width:100%; padding:10px 0; overflow:hidden;}
.two_menu a{width:47%; float:left;  border:1px solid #f7f7f7; text-align:center; line-height:1.875em; margin:2px; background:#fff; font-size:0.75em; border-radius:3px;}
.two_menu a:hover{ background:#d9001c; color: #fff;}
.list_cont{ background:#f7f7f7; overflow: hidden; padding-top:3%;}
.list_cont ul{ width:44%; float:left; margin:1%; background: #fff; padding: 2%;}
.list_cont ul li{ width:100%; text-align: center; line-height: 2em; font-size: 0.875em;}
.list_cont ul img{ width:90%;}
/*设备列表*/
/*文章*/

.cont h4{ text-align:center; width:85%; font-size:1.125em; line-height: 2.125em; margin: 0 auto; padding: 2% 0;}
.cont_time{ width:95%; margin:0 auto; background: #f7f7f7; line-height: 1.75em; text-align: center; height: 2em;}
.cont_time span{ color:#999; font-size:0.75em;}
.cont_img,.cont_article,.nav,.case_cont,.tech_cont{width:95%; margin: 0 auto;}
.cont_img img{ width:100%;}
.cont_article{ padding-top:2%;}
.cont_article p{ line-height: 2em; font-size:0.875em; }
.cont_article img{ margin:0 auto; display:block; width: 100%;}
/*文章*/
.nav{ margin-top:20px; line-height: 2em; font-size:0.875em; }
.nav a{ color:#666;}
.nav a:hover{ color:#d9001c}


.case_cont dl{ border-bottom: 1px dashed #f7f7f7; padding:3% 0; overflow: hidden; }
.case_cont dl dt{ width:65%; float:left; }
.case_cont dl dt h4{ font-size:1em; line-height: 1.5em; word-break:break-all; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.case_cont dl dt p{ font-size:0.875em; color:#999; line-height: 2em; float:left; width: 100%;}
.case_cont dl dt p span{ display:block; float: left;}
.case_cont dl dt p time{ display: block; text-align: right;}
.case_cont dl dd{ width:33%; float:right; }
.case_cont dl dd img{width:100%; height:5.5em; }

.tech{ width:95%; margin: 0 auto; padding-top:5%;}


/*.mod_select{ width:100%; position:relative;  overflow: hidden;}
.select_box{ width:100%; position:absolute; z-index: 2000; left:0; top:0; background: #000; }   
.select_txt{ text-align:center; line-height: 2.5em; background: #f7f7f7;  width:100%; display: block; overflow: hidden; }
.select-icon {position: absolute;top: 50%; left: 70%;transform: translate(0,-50%); width: 1.25em; height: 0.75em; background: url(../images/lower.png) center no-repeat;}

.option{ 
    display: none;
    position: absolute;
  top: 40px;
 
  width: 100%;
  background-color: #fff;

}
.option li{text-align:center; line-height: 2.5em; border-bottom: 1px dashed #f7f7f7; font-size: 0.875em  }
.select_cont{ position:relative; padding-top:40px;}


.select_list{  width: 100%;}
.select_name{ width:100%; background: #f7f7f7;  padding: 0 35%}
.select_name select{height: 3em; line-height: 3em; font-size:0.875em; border: 0px; background: #f7f7f7; text-align: center; margin: 0 auto;}
.select_xs{ display:none;}
.tech ul li{  border-bottom: 1px dashed #f7f7f7; overflow: hidden; font-size: 0.875em; line-height: 1.56em;}
.tech ul li span{ float:right; color: #999;}
.tech ul li a:hover{ color:#d9001c;}
*/

.select_list{  width: 100%; padding-bottom:80px;}
.select_name{ width:100%; background:url(../images/lower.png) no-repeat 70% 50%; background-size:4%;  text-align: center;  overflow: hidden; box-sizing:border-box; border-bottom: 2px solid #f7f7f7;}
.select_name select{height: 3em; line-height: 3em; font-size:0.875em; border: none;  text-align: center; outline: none; appearance:none;-moz-appearance:none;
-webkit-appearance:none;  margin: 0 auto;}
.select_xs{ display:none;}
.honor_cont{ overflow:hidden;}
.honor_cont h4{ line-height:2em; text-align: center; font-size:1.25em;}
.honor_cont span{ text-align: center; font-size: 0.875em; color: #999; display: block; width:100%; line-height: 20px; text-transform:Uppercase; }
.video_cont,.cont_c{ width:95%; margin: 3% auto; }
.video_cont p{ text-align: center; line-height: 2em; font-size:0.875em;}
.cont_c ul{ border-bottom:1px solid #f1f1f1; overflow: hidden; padding-top:3%;}
.cont_c ul li{width:100%;  font-size: 1.125em; line-height: 1.5em;}
.cont_c ul li.cont_1{color:#1e9df8;}
.cont_c ul li.cont_2{color:#e71430;}
.cont_c ul li.cont_3{color:#2cc000;}
.cont_c ul li.cont_4{color:#39579b;}
.cont_c ul li.cont_5{color:#df4b82;}
.cont_c ul li img{ width:8%; margin-right: 8px;}
.cont_c ul p{ line-height:2.5em; font-size: 0.875em;}
.contact{background: #f7f7f7;}
.map{ width:100%; margin: 0 auto; overflow: hidden; }