﻿html{font-size:1.8rem;}
*{ margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 0.6rem; color: #323232;}
img{ border: 0;}
a,p,span,h1,i{ text-decoration: none; margin: 0;}
li,ul{ list-style: none;}
input,button{ border: none; outline: none; background: none; margin: 0;}
a{cursor: pointer; -webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);tap-highlight-color: rgba(0, 0, 0, 0);}
.clearfix {*zoom:1}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: ""}
.clearfix:after {clear: both}
body {text-align: left;font-size: 15px;padding: 0 0 0 0;margin: 0 auto;overflow-x: hidden;font-family: "Microsoft Yahei", arial, helvetica, sans-serif;background: #f2f2f2;word-break: break-word;-webkit-text-size-adjust: none;max-width: 640px;}

/*导航轮播*/
.header_content{ width: 100%;}
.swiper-container{ width: 100%;}
.swiper-slide{ position: relative;}
.swiper-container .banner_tu{ width: 100%; display: block; opacity: 0.8;}
.header{ position: fixed; width: 96%; top: 0; left: 0; background: #fff; height: 2.8rem; display: flex; align-items: center; justify-content: space-between; padding: 0 2%; z-index: 99;}
.header .header_logo{ width: 12rem;}
.header .header_menu{ width: 1.6rem;}
.header_title{ display: none; position: fixed; width: 100%; height:100%;left: 0; top: 0; z-index: 999999; background: #1f4db2;}
.header_title01{ display: flex; align-items: center; justify-content: space-between; padding: 0 0 0 10%; height: 3rem; border-bottom: solid 0.03rem #fff;}
.header_title01 p{ font-size: 0.9rem; font-weight: bold;    color: #fff;}
.header_title01 span{ font-size: 1.2rem; font-weight: bold; line-height: 3.2rem; padding: 0 0.7rem;color: #fff;}
.dropdown-menu{ border-bottom: solid 0.03rem #fff;}
.dropdown-menu:last-child{ border-bottom: 0;}
.dropdown-menu p{ font-size: 0.7rem; padding: 0 10%; line-height: 2.2rem;    color: #fff;}
.dropdown-menu p a{font-size: 0.7rem; line-height: 2.2rem;    color: #fff;}
.dropdown-menu ul{ display: flex; align-items: center; flex-wrap: wrap; padding: 0.3rem 0 0.3rem 10%; background: rgba(0,0,0,0.7);}
.dropdown-menu .dropdown-ul li{ width: 33%;}
.dropdown-menu li{ width: 48%; line-height: 1.8rem; height: 1.8rem;} 
.dropdown-menu li a{ font-size: 0.65rem;color: #fff;}

/*首图*/
.banner{ position: relative; margin-top: 2.8rem;}
.banner video{width:100%;}
.picture{ width: 100%;}
.picture img{ display: block; width: 100%;}


/*搜索栏*/
.search{ width: 92%; background: #fff; position: absolute; top: 6.5rem; left: 4%; z-index:50;-webkit-overflow-scrolling:unset;}
.search01{ background: #1f4db2; padding: 0 0.8rem 0.7rem;}
.search01_title{ height: 2.6rem; line-height: 2.6rem;}
.search01_title p{ display: inline; font-size: 0.9rem; font-weight: bold; margin-right: 0.3rem;color: #fff;}
.search01_title span{ font-size: 0.75rem; font-weight: bold; text-transform:uppercase;color: #fff;}
.search01_from{ display: flex; align-items: center; border: solid 0.03rem #fff; border-radius: 0.3rem; height: 1.8rem;}
.search01_from input{padding: 0 3%;color: #fff;}
.search01_from input::-webkit-input-placeholder { color: #fff;} 
.search01_from input:-moz-placeholder { color: #fff;} 
.search01_from input::-moz-placeholder { color: #fff;} 
.search01_from input:-ms-input-placeholder { color: #fff;}
.search01_from input[type="text"]{width:80%;}
.search01_from input[type="submit"]{width:10%;background:url(/static/mobile/img/search.png) right no-repeat; background-size: 1.2rem; cursor:pointer;}

/*栏目列表*/
.container{ width: 92%; margin: 4.0rem auto 0;}
.container2{ width: 92%; margin: 5.5rem auto 0;}
.guide{ display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.5rem;}
.guide a{ width: 32%; background: #fff; margin: 0 2% 0.4rem 0; height: 2rem; line-height: 2rem; text-align: center; color: #323232;}
.guide a:nth-child(3n){ margin-right: 0;}
.guide .guide_active{ background: #1f4db2;color:#fff;}

/*通用标题*/
.title {overflow: hidden;height: 2.4rem;line-height: 2.4rem;padding: 0px 0.5rem;background: #fff;border-bottom: 0.05rem solid #ccc;}
.title strong {font-size: 0.7rem;font-style: normal;color: #333;display: inline-block;border-left: 0.3rem solid #1f4db2;text-indent: 0.4rem;height: 1.2rem;line-height: 1.2rem;}
a.more {font-size: 0.6rem;color: #808080;float: right;background: url(/static/mobile/img/m-qqtn-more.png) no-repeat right center;background-size: 0.3rem;padding-right: 0.4rem;}
/*热门新闻 换一换*/
.hotnews {overflow: hidden; background: #fff; margin: 0.5rem auto;}
.first {overflow: hidden;margin-bottom: 10px;border-bottom: 1px dotted #eee;padding-bottom: 12px;}
.first a {display: block;}
.first a span {display: block;font-size: 18px;overflow: hidden;line-height: 26px;height: 26px;text-align: center;margin-top: 15px;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-left: 45px;}
.first a span u {position: absolute;display: inline-block;top: 4px;left: 0px;height: 18px;line-height: 18px;padding: 0 0 0 3px;background: #1f4db2;color: #fff;font-size: 13px;text-decoration: none;}
.first a span u::after {content: "";position: absolute;top: 0;right: -10px;width: 0;height: 0;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 10px solid #1f4db2;}
.first a span font {color: #333;}
.first a p {line-height: 24px;height: 52px;overflow: hidden;font-size: 15px;color: #999;margin-top: 8px;margin-bottom: -4px;}
.hotnews ul.hotnews_ul {overflow: hidden;padding: 0px 15px;display: none}
.hotnews ul.hotnews_ul li {height: 34px;line-height: 34px;overflow: hidden;margin-bottom: 6px;text-overflow: ellipsis;white-space: nowrap;}
.hotnews ul.hotnews_ul li b {display: inline-block;border-radius: 4px;color: #fff;font-weight: normal;width: 68px;text-align: center;height: 26px;line-height: 26px;margin-right: 8px;font-size: 14px;}
.hotnews ul.hotnews_ul li:nth-child(1) b {background: #ff8d8d;}
.hotnews ul.hotnews_ul li:nth-child(2) b {background: #fbc440;}
.hotnews ul.hotnews_ul li:nth-child(3) b {background: #7bd172;}
.hotnews ul.hotnews_ul li:nth-child(4) b {background: #7bd3ff;}
.hotnews ul.hotnews_ul li:nth-child(5) b {background: #a0c0fb;}
.hotnews ul.hotnews_ul li:nth-child(6) b {background: #ff8d8d;}
.hotnews ul.hotnews_ul li a {color: #333;font-size: 16px;}
span.choose {display: block;margin: 0px auto 10px;width: 68px;line-height: 26px;font-size: 16px;color: #1f4db2;}
span.choose i {width: 18px;height: 18px;background: url(/static/mobile/img/tjxwico.png) no-repeat 0px 1px;background-size: 33px;float: left;margin: 4px 1px 0 0;display: inline;overflow: hidden;}

/*焦点新闻幻灯*/
.scroll {margin: 0.5rem auto;max-width: 640px;position: relative;}
.scroll_box {overflow: hidden;*visibility: hidden;position: relative;}
.scroll_wrap {overflow: hidden;position: relative;}
.scroll_wrap li {position: relative;display: block;width: 100%;float: left;}
.scroll_wrap li a {display: block;margin: 0 auto;position: relative;}
.scroll_wrap li a img {width: 100%;height: 10.8rem;}
.scroll_wrap li p {position: absolute;bottom: 0;left: 0; background: #000000bd;height: 2.5rem; right: 0;z-index: 5;    text-align: center;overflow: hidden;}
.scroll_wrap li p strong {display: block;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;	white-space: nowrap;color: #fff;font-weight: normal;font-size: 0.7rem;}
.scroll_position {position: absolute;left: 50%;z-index: 9;bottom: 0.1rem;margin-left: -3.5rem;height: 1rem;width: 7rem;}
.scroll_position li {display: inline-block; width: 1rem;height: 1rem;border-radius: 100%;background: #fff;margin: 0 0.1rem;}
.scroll_position li a {color: #000;height: 1rem;font-size: 0.7rem;line-height: 1rem;margin-left: 0.3rem;}
.scroll_position li.on {background-color: #1f4db2;}
.scroll_position li.on a{color:#fff;}

/*云标签*/
.taglist {background: #fff;width:100%;height:14rem;}
.taglist .tagcloud{height: 14rem;visibility: visible;position: relative;width:100%;min-width:5rem!important;max-width:100rem!important;}
.taglist .tagcloud a{ position: absolute;  top: 0; left: 0;  display: block; padding: 11px 30px;  color: #434343;  text-decoration: none;  white-space: nowrap;}
.taglist .tagcloud a:hover{ color: #3385cf; }

/*工程案例*/
.case{background:#fff;margin:0.5rem 0;}
.case_box {overflow: hidden;}
.case_box {overflow: hidden;padding: 12px 0px 12px 15px;font-size: 0;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;margin-right: 3px;}
.case_box a {padding: 0px;width: 180px;-moz-box-sizing: border-box;box-sizing: border-box;margin-right: 12px;display: inline-block;position: relative;}
.case_box a i {width: 180px;height: 111px;display: block;overflow: hidden;}
.case_box a i img{width:100%;height:auto;}
.case_box a p {height: 48px;line-height: 24px;color: #333;font-size: 16px;overflow: hidden;white-space: initial;margin-top: 5px;}

/*自媒体文章*/
.wemedia {overflow: hidden; background: #fff; margin: 0.5rem auto;}
.wemedia ul.wemedia_ul {overflow: hidden;padding: 0px 15px;display: none}
.wemedia ul.wemedia_ul li {height: 34px;line-height: 34px;overflow: hidden;margin-bottom: 6px;text-overflow: ellipsis;white-space: nowrap;}
.wemedia ul.wemedia_ul li b {display: inline-block;border-radius: 4px;color: #555;font-weight: normal;text-align: center;height: 26px;line-height: 26px;margin-right: 8px;font-size: 14px;}
.wemedia ul.wemedia_ul li:nth-child(1) b {background: #ff8d8d;}
.wemedia ul.wemedia_ul li:nth-child(2) b {background: #fbc440;}
.wemedia ul.wemedia_ul li:nth-child(3) b {background: #7bd172;}
.wemedia ul.wemedia_ul li:nth-child(4) b {background: #7bd3ff;}
.wemedia ul.wemedia_ul li:nth-child(5) b {background: #a0c0fb;}
.wemedia ul.wemedia_ul li:nth-child(6) b {background: #ff8d8d;}
.wemedia ul.wemedia_ul li a {color: #333;font-size: 16px;}
span.wchoose {display: block;margin: 0px auto 10px;width: 68px;line-height: 26px;font-size: 16px;color: #1f4db2;}
span.wchoose i {width: 18px;height: 18px;background: url(/static/mobile/img/tjxwico.png) no-repeat 0px 1px;background-size: 33px;float: left;margin: 4px 1px 0 0;display: inline;overflow: hidden;}

/*电气知识*/
.knowledge {overflow: hidden; background: #fff; margin: 0.5rem auto;}
.knowledge ul.knowledge_ul {overflow: hidden;display: none}
.knowledge_first {overflow: hidden;position: relative;}
.knowledge_first a {display: block;position: relative;height: 80px;padding: 15px 15px 10px 160px;}
.knowledge_first a i {display: block;width: 130px;height: 80px;overflow: hidden;float: left;position: absolute;left: 15px;top: 15px;}
.knowledge_first a i img{width:100%;height:auto;}
.knowledge_first a p {display: block;text-overflow: ellipsis;white-space: nowrap;height: 22px;line-height: 22px;overflow: hidden;color: #333;padding-top: 2px;font-size: 16px;}
.knowledge_first a span {font-size: 14px;display: block;color: #999;height: 44px;line-height: 22px;margin-top: 7px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.knowledge_list {overflow: hidden;padding: 0px 15px;}
.knowledge_list li {border-bottom: 1px dotted #eee;height: 34px;line-height: 34px;overflow: hidden;margin-bottom: 5px;background: url(/static/mobile/img/m-list-more.png) no-repeat left center;background-size: 5px;padding-left: 12px;text-overflow: ellipsis;white-space: nowrap;}
.knowledge_list li a {color: #333;font-size: 16px;}
span.zchoose {display: block;margin:0.5rem auto 0.5rem;width: 4rem;line-height: 0.7rem;font-size: 0.7rem;color: #1f4db2;}
span.zchoose i {width: 0.7rem;height: 0.7rem;background: url(/static/mobile/img/tjxwico.png) no-repeat;background-size: 100%;float: left;margin: 0.1rem 0.1rem 0 0;}


/*视频*/
.video{background: #fff;margin: 0.5rem 0 0;}
.video_content{overflow: hidden;padding: 12px 2%;font-size: 0;overflow-x: scroll;white-space: nowrap;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.videolist {position: relative;float: left;width: 49%;margin-right: 2%;margin-bottom: 15px;}
.videolist:nth-child(2n){ margin-right: 0;}
.videolist a i{display: block;background: url(/static/mobile/img/play2.png)no-repeat;width: 100%;height: 100%;position: absolute;z-index: 50;background-size: 100%;}
.videolist img{width:100%;height:auto;}
.videolist:hover{ cursor: pointer; }
.vtit{text-align: center; font-size: 16px;   height: 36px;  line-height: 36px;    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.videoed {display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:80; border-radius:100%; }
.videos{display:none; border: 10px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-350px; z-index:100; width:800px; height:450px; }
.vclose {position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.vlogo {position:absolute;left:1%; top:1%; cursor: pointer; }

/*footer样式*/
.footer{width:100%;}
.footer01{ background: #333; padding: 1rem 0.4rem; display: flex;}
.footer01a{ width: 80%;}
.footer01a p{ font-size: 0.6rem; color: #fff; line-height: 1.3rem;}
.footer01b{ width: 20%;padding: 0.3rem;}
.footer01b img{width: 1.5rem;display: block;margin: 0.5rem auto;}
.footer02{background: #333;border-top: solid 0.03rem #666;padding: 0.6rem 0.3rem;text-align: center;}
.footer02 p{ font-size: 0.5rem; color: #fff; line-height: 1rem;}
.footer02 span{ font-size: 0.5rem; color: #fff; line-height: 1rem;}
.interval{ height: 2.8rem;}
.sidebar{ background: #1f4db2; position: fixed; bottom: 0; width: 100%; left: 0; z-index: 99;}
.sidebar ul{ display: flex; align-items: center;}
.sidebar li{ flex: 1; border-right: solid 0.03rem #068190; text-align: center; height: 2.2rem; padding-top: 0.6rem;}
.sidebar li:last-child{ border-right: 0;}
.sidebar li img{ height: 0.8rem; display: block; margin: 0 auto 0.1rem;}
.sidebar li span{ font-size: 0.6rem; color: #fff;}

/*在线留言弹窗*/
#msg {display:none;}
#winbg{display:none;position:absolute;width:100%;background:#000;top:0; left:0;opacity: 0.6;z-index:500;}
#msg .msg_box{width: 11.6rem;height: 19.6rem;border: 0.2rem solid #1f4db2;background: #FFF;left: 50%;top: 50%; margin-left: -6rem;margin-top: -10rem;position: fixed;z-index: 900;}
.msg_box .title{position: relative;height: 1.95rem;border-bottom: 0.05rem solid #CCCCCC;overflow: hidden;background: #F5F5F5;}
.msg_box .title h2{color: #666666;font-size: 1rem;text-align: center;margin-top: 0.5rem;line-height: 1.2rem;}
.msg_box .title span{position: absolute;right: 0.5rem;bottom:0;}	
.msg_box .kf_dh{width:100%;}
.msg_box .kf_dh p{font-size: 0.7rem;line-height: 1.2rem;text-align: center;}
.sidebar_form {width: 100%;	margin: 0.1rem auto;}
.sidebar_form form {width: 90%;float: left;margin-top: 0.1rem;margin-left: 5%;}
.sidebar_form .sidebar_form_left{width:30%;float:left;height:1.5rem;line-height:1.5rem;}
.sidebar_form .sfl_height{width:30%;float:left;line-height:1.5rem;height:3.0rem;}
.sidebar_form .sfl_width{width:100%;float:left;height:2.0rem;line-height:1.5rem;}
.sidebar_form .sfl_code{width:100%;float:left;height:2.0rem;line-height:1.5rem;}
.sidebar_form .sfl_code img{width:40%;border: 0.05rem solid #909090;margin-left: 10%;}
.sidebar_form .sfl_sub{width:100%;margin-top:0.8rem;float:left;}
.sidebar_form .sidebar_form_right{width:70%;float:right;font-family:"微软雅黑";color:#333;height:1.5rem;line-height:1.5rem;}
.sidebar_form .sidebar_form_right select{width:80%;}
.sidebar_form form input[type="text"] {height: 1.2rem;line-height: 1.2rem;margin-bottom: 0.3rem;border: 0.05rem solid #999;font-size: 0.30rem;color: #999999;width: 100%;text-indent: 0.3rem;background-color: #fff;}
.sidebar_form form input[type="submit"] {background: url(/static/mobile/img/submit.png) no-repeat center center;width: 5rem;height: 1.5rem;border: none;}
.sidebar_form form textarea {width: 100%;line-height: 0.7rem;border: 0.05rem solid #ccc; text-indent: 0.3rem;font-size: 0.5rem;height: 2.5rem;}