*{ margin: 0; padding: 0; }
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;}
body{ min-width: 1300px;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
title_i{height: 27px; padding-left: 10px;margin-right: 10px;background-color: #204c97;line-height: 27px;}
.clearfix, .container:after,.row:after, ul {  *zoom: 1;}
.clearfix:after, .container:after,
.row:after, ul:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.colorw{color:#fff;}
.container{ width: 1400px; margin: 0 auto;}

/*栏目导航*/
.head{width:100;position:relative;}
.head_top {height: 45px;line-height:45px;background-color: #f7faf3;}
.head_top h1 {float: left;font-size:16px;font-weight:normal;height: 45px;line-height:45px;}
.head_top p{float: right;line-height:45px;height: 45px;}
.head_top p a{font-size:14px;color: #000;margin:0 5px;}
.head_top p a img{height:15px;}
.head_top p a:hover{color:#204c9;}
.head_logo {clear: both;overflow: hidden;height: 127px;}
.head_logo .logo {float: left;	margin-top: 23px;}
.head_logo dl {float: right;	margin-top: 23px;}
.head_logo dl dd {  float: left;  line-height: 60px;    margin: 10px 0px;}
.head_logo dl dt {overflow: hidden;line-height: 35px;margin: 6px 0 15px 0;}
.head_logo dl dt img, .logoLine dl dt p, .logoLine dl dt h2 {float: left;}
.head_logo dl dt p {font-size: 16px;margin: 0 10px;float:left;}
.head_logo dl dt h2 {font-size: 25px;color: #ff3e00;font-weight: bold;float:left;}
.head_banner {position: relative;	height: 57px;z-index:50;}
.nav {height: 57px;	background: url(/static/pc/images/navbg.png) no-repeat center 0;position: absolute;	top: 0;	width: 100%;}
.navbox {width: 1176px;margin: 0 auto;height: auto;overflow: hidden;}
.navbox li {float: left;height: 50px;line-height: 50px;width: 147px;text-align: center;	margin-top: 7px;background-repeat: no-repeat;background-position: right center;}
.navbox li .active_show{ background-color: #ff3f01;}
.navbox li a {font-size: 18px;color: white;	display: block;}
.navbox li a:hover {background-color: #ff3f01;}
.menu li:hover ul {display:block; position:absolute; margin-top:-7px; }
.menu li:hover ul li a {background:rgba(0,0,0,0.7); color:#fff;width:147px;line-height:50px; height:50px; font-size:16px; }
.menu li:hover ul li a:hover { color:#fff; text-decoration: none;line-height:50px; background-color: #ff3f01;}
 
 /*首页幻灯*/
#swiper01{top: -12px;}
.swiper-container{ width: 100%;}
.swiper-slide{ position: relative;}
.banner_pic{ display: block; width: 100%; opacity: 0.8;}
.banner_word{ position: absolute; top: 25%; left: 50%; margin-left: -405px; z-index: 9999; width: 811px; opacity: 0; visibility: hidden; transition: all 4s;}
.swiper-slide-active .banner_pic{ transition: opacity 1.5s; opacity: 1;}
.swiper-slide-active .banner_word{ opacity: 1; visibility: visible;}

/*搜索栏*/
.index_search{ height: 92px; background: #e5e5e5; margin-top: -12px;}
.index_search_key{ float: left; padding-top: 20px;margin:0 10px;}
.index_search_word{ float: left; padding-top: 22px;}
.index_search_word h1{ font-size: 16px; font-weight: normal;}
.index_search_word01{ overflow: hidden;width:300px;}
.index_search_word01 p{ float: left; font-size: 14px; color: #999;}
.index_search_word01 p a{ font-size: 14px; color: #999;}
.index_search_word01 span{ float: left; font-size: 14px; color: #999; margin: 0 5px;}
.index_search_card{ float: right; width: 350px; height: 92px; background: #fff; position: relative;}
.index_search_card .index_search_card_img{ width: 330px; position: absolute; right: 10px; bottom: 0; z-index: 99;}
.search_form{ float: right; margin-right: 40px; width: 375px; height: 50px; padding-top: 20px; position: relative;}
.search_form input{ width: 92%; height: 50px; padding:  0 4%; background: #fff;}
.search_form img{ position: absolute; width: 27px; height: 27px; top: 31px; right: 12px; cursor: pointer;}
.search_form .sub{ width:27px; height:27px; background:url(/static/pc/images/search.png) no-repeat; cursor:pointer; position:absolute; top:31px; right:12px;}

/*首页-产品中心*/
.product{ position: relative;}
.pro_title{ padding: 75px 0 65px;position: absolute;display:inline-grid;}
.pro_title p{font-family:MingLiu;font-size:20px;width:100%;text-align: center;letter-spacing:5px;}
.pro_title span{height: 40px; line-height: 40px; font-size: 30px; color: #222; font-weight: bold;text-align:center;}
.pro_title em{font-size: 16px;letter-spacing:1px; width: 100%;text-align: center;font-style: normal;}
.pro_nav{ overflow: hidden; float: right; padding: 130px 0 60px;}
.pro_nav li{ float: left; padding: 0 15px; background: #efefef; margin: 0 8px 0 0; line-height: 50px; height: 50px; cursor: pointer;}
.pro_nav .on{ background: #204c97; color: #fff; transition: all 0.3s;}
.pro_list{ width: 100%;}
.pro_list li{ width: 100%; overflow: hidden;}
.pro01{ position: relative; float: left; width: 692px; cursor: pointer; overflow: hidden;}
.pro01_img{ display: block; width: 692px; height: 518px;}
.pro01_tip{ background: rgba(0,0,0,0.5); overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 99; width: 90%; padding: 20px 5%;
transition: all 0.5s; -webkit-transition: all 0.5s; opacity: 1; visibility: visible;}
.pro01_tip01{ float: left;}
.pro01_tip01 h1{ font-size: 18px; color: #fff; font-weight: 500;}
.pro01_tip01 p{ margin-top: 6px;}
.pro01_tip01 p,.pro01_tip01 span{ font-size: 14px; color: #fff;}
.pro01_tip02{ float: right; padding: 6px 30px; font-size: 14px; color: #fff; border-radius: 30px; background: #204c97; margin-top: 9px;}
.pro01_show{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: calc(100% - 200px); padding-top: 200px; background: rgba(0,0,0,0.8); text-align: center;transition: all 0.5s;-webkit-transition: all 0.5s; opacity: 0; visibility: hidden;}
.pro01_show h1{ color: #fff; font-size: 20px;}
.pro01_show p{ width:80%; margin:30px auto 0px;}
.pro01_show p,.pro01_show span{ font-size: 16px; color: #fff;}
.pro01_show a{ display: inline-block; font-size: 16px; color: #fff; padding: 8px 20px; background: #204c97; border-radius: 30px; margin-top: 40px;
transition: all 0.5s; -webkit-transition: all 0.5s; transform: translateY(250px);}
.pro01_show .zx{background: #fc8424;ransition: all 1s; -webkit-transition: all 1s; transform: translateY(250px);}
.pro02{ float: right; overflow: hidden; width: 705px;}
.pro02a{ position: relative; float: right; width: 335px; margin: 0 0 18px 15px; cursor: pointer; overflow: hidden;}
.pro02_img{ display: block; width: 335px; height: 250px;}
.pro02_tip{ background: rgba(0,0,0,0.5); overflow: hidden; position: absolute; bottom: 0; left: 0; z-index: 99; width: 90%; padding: 13px 5%;
transition: all 0.5s; -webkit-transition: all 0.5s; opacity: 1; visibility: visible;}
.pro02_tip01{ float: left;}
.pro02_tip01 h1{ font-size: 16px; color: #fff; font-weight: 500;}
.pro02_tip01 p{ margin-top: 6px;}
.pro02_tip01 p,.pro02_tip01 span{ font-size: 14px; color: #fff;}
.pro02_tip02{ float: right; width:28px;}
.pro02_show{ position: absolute; top: 0; left: 0; z-index: 999; width: 100%; height: calc(100% - 70px); padding-top: 70px; background: rgba(0,0,0,0.8); text-align: center;
transition: all 0.5s;-webkit-transition: all 0.5s; opacity: 0; visibility: hidden;}
.pro02_show h1{ color: #fff; font-size: 16px;}
.pro02_show p{ margin-top: 10px;}
.pro02_show p,.pro02_show span{ font-size: 14px; color: #fff;}
.pro02_show a{ display: inline-block; font-size: 14px; color: #fff; padding: 6px 18px; background: #204c97; border-radius: 30px; margin-top: 30px;
transition: all 0.8s; -webkit-transition: all 0.8s; transform: translateY(150px);}
.pro01:hover .pro01_show{ opacity: 1; visibility: visible;}
.pro01:hover .pro01_tip{ padding: 0 5%; opacity: 0; visibility: hidden;}
.pro01:hover .pro01_show a{ transform: translateY(0);}
.pro02a:hover .pro02_show{ opacity: 1; visibility: visible;}
.pro02a:hover .pro02_tip{ padding: 0 5%; opacity: 0; visibility: hidden;}
.pro02a:hover .pro02_show a{ transform: translateY(0);}

/*首页-工程案例*/
.case{width: 100%; position: relative;}
.case_title{ padding: 75px 0 65px;text-align: center;}
.case_title p{font-family:MingLiu;font-size:20px;width:100%;letter-spacing:5px;}
.case_title span{height: 40px; line-height: 40px; font-size: 30px; color: #222; font-weight: bold; display: grid;}
.case_title em{font-size: 16px;letter-spacing:1px; width: 100%;text-align: center;font-style: normal;}
.case_bg{height: 730px;background: url(/static/pc/images/case_bj.jpg) no-repeat center center;}
.case_left {width: 600px;height: 450px;position: relative;float: left;background:rgba(0,0,0,0.7);margin-top: 140px;}
.case_left .title {height:40px;text-align:center;font-size: 24px;color: #fff;font-weight: bold;margin:25px auto;}
.case_left .des {width:400px;height:200px;text-align: left;margin: 0px auto;line-height: 30px;font-size: 16px;color: #fff;}
.case_left .lookall{width:200px;margin: 25px auto;text-align: center;line-height: 45px;border: 1px solid #fff;}
.case_left a{color: #fff;font-size:16px;}
.case_right {width: 600px;height:450;float: right;margin-top: 140px;}
.case_right img{width:580px;height:430px;border:10px solid #fff;}
.case_bg .swiper-button-next {top:90%;left:50%;width: 50px;height:50px;}
.case_bg .swiper-button-prev {top:90%;left:45%;width: 50px;height:50px;}

/*首页-电气知识*/
.knowledge{position: relative;margin:50px auto 100px;}
.know_title{ padding: 85px 0px 0px;position: absolute;display:inline-grid;}
.know_title p{font-family:MingLiu;font-size:20px;width:100%;text-align: center;letter-spacing:2px;}
.know_title span{height: 40px; line-height: 40px; font-size: 30px; color: #222; font-weight: bold;text-align:center;}
.know_title em{font-size: 16px;letter-spacing:1px; width: 100%;text-align: center;font-style: normal;}
.know_content{ overflow: hidden;}
.know_nav{ overflow: hidden; float: right; padding: 130px 0 60px;}
.know_nav li{ float: left; padding: 0 15px; background: #efefef; margin: 0 8px 0 0; line-height: 50px; height: 50px; cursor: pointer;}
.know_nav .on{ background: #204c97; color: #fff; transition: all 0.3s;}
.know_tag{ width: 100%;}
.know_tag li{ width: 100%; overflow: hidden;}
.know_list {width: 100%;}
.know_list ul{ width:32%; float:left; margin-right: 2%; }
.know_list ul:nth-child(3n+0) {margin-right: 0px;}
.know_list li {float: left;width: 100%;margin-right: 6%;padding-bottom: 15px;border-bottom: 1px solid #e2e2e2;padding-top: 15px;}
.know_list li:nth-child(2n+0) {margin-right: 0px;}
.know_list li .title {font-size: 16px;color: #666666;overflow: hidden;height: 20px;line-height: 20px;}
.know_list li .title span {font-size: 16px;font-weight: bold;color: #0266b2;}
.know_list li .title .c {color: #fe6000;}
.know_list li .date {height: 25px;line-height: 25px;font-size: 14px;color: #cccccc;}

/*首页-横幅广告*/
.ad{width: 100%;background: url(/static/pc/images/ad.jpg) no-repeat center top;height: 350px;}
.ad .left{width: 800px; margin-top: 100px;text-align: left;float:left;}
.ad .left p {font-size: 40px;padding-bottom: 20px;color:#fff;}
.ad .left span{font-size: 20px; color: #fff;}
.ad .right {width: 300px;padding-top: 100px;text-align: center;float:right;}
.ad .right .ad_box{width:100%;border: 1px solid #fff;height: 50px;line-height: 50px;border-radius: 30px;margin-bottom:20px;}
.ad .right span{color: #fff;font-size: 26px;text-align: center;font-family: "AvantGardeITVbyBT Book", arial;vertical-align: top;}
.ad .right img {width:30px;padding:10px;}

/*首页-关于我们*/
.aboutus{position: relative;margin:10px auto 10px;}
.aboutus_title{ padding: 75px 0 65px;text-align: center;}
.aboutus_title p{font-family:MingLiu;font-size:20px;width:100%;letter-spacing:15px;}
.aboutus_title span{height: 40px; line-height: 40px; font-size: 30px; color: #222; font-weight: bold; display: grid;}
.aboutus_title em{font-size: 16px;letter-spacing:1px; width: 100%;text-align: center;font-style: normal;}
.aboutus_content {margin: 0 auto;	padding-bottom: 100px;}
.aboutus_content p {font-size: 16px;color: #666666;line-height: 35px;text-indent:32px;}
.aboutus_more {margin: 0px auto 40px auto;width: 100%;text-align: center;padding-top: 80px;}
.aboutus_list {width: 100%;}
.aboutus_list li {float: left;position: relative;width: 49%;height: 215px;}
.aboutus_list li a{display: block;width: 610px;height: 175px;transition: all 1s;padding: 20px;}
.aboutus_list li img {width: 100%;}
.aboutus_list li:last-child {float: right;}
.aboutus_list li .h {position: absolute;width: 650px;height: 215px;	left: -20px;top: -20px;}
.aboutus_box {position: relative;width: 90%;height: 90%;margin: 5%;}
.aboutus_box::before, .aboutus_box::after {position: absolute;content: ' ';width: 0;height: 0;border: 1px solid transparent;box-sizing: aboutus_box;	z-index: 99;}
.aboutus_box::before {top: 0;left: 0;/* 鼠标离开后的回退效果，如果不设置回退效果，则鼠标离开后就直接很生硬的隐藏了 */transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;}
.aboutus_box::after {bottom: 0;right: 0;transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;}
.aboutus_box:hover:before, .aboutus_box:hover:after {width: 100%;height: 100%;}
.aboutus_box:hover::after {border-bottom-color: #fff;border-left-color: #fff;transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;}
.aboutus_box:hover::before {border-top-color: #fff;border-right-color: #fff;transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;}
.aboutus_list li .aboutus_left{ background: url(/static/pc/images/abooutus_pic2.jpg) center center no-repeat; background-size: 100%;}
.aboutus_list li .aboutus_right{ background: url(/static/pc/images/abooutus_pic3.png) center center no-repeat; background-size: 100%;}
.aboutus_box01{ width: 100%; height: 100%; margin: 0;}

/*首页-合作伙伴*/
.partners{position: relative;height: 700px;background: #f2f2f2;}
.partners_title{ padding: 75px 0 65px;text-align: center;}
.partners_title p{font-family:MingLiu;font-size:20px;width:100%;letter-spacing:10px;}
.partners_title span{height: 40px; line-height: 40px; font-size: 30px; color: #222; font-weight: bold; display: grid;}
.partners_title em{font-size: 16px;letter-spacing:1px; width: 100%;text-align: center;font-style: normal;}
.brand{ overflow: hidden;}
.brand li{ float: left; width: 231px; border-top: solid 1px #e1e1e1; border-left: solid 1px #e1e1e1; cursor: pointer;}
.brand li img{ display: block; width: 231px; height: 143px;}
.brand li:nth-child(6n){ border-right: solid 1px #e1e1e1;}
.brand li:nth-child(n+13){ border-bottom: solid 1px #e1e1e1;}
.brand li .brand02{ display: none;}
.brand li:hover .brand01{ display: none;}
.brand li:hover .brand02{ display: block;}

/*首页-选择我们的四大理由*/
.advantage{position: relative;background:#fff;}
.advantage_title{ padding: 75px 0 65px;text-align: center;}
.advantage_title p{font-family:MingLiu;font-size:20px;width:100%;letter-spacing:5px;}
.advantage_title span{height: 40px; line-height: 40px; font-size: 30px; color: #222; font-weight: bold; display: grid;}
.advantage_title em{font-size: 16px;letter-spacing:1px; width: 100%;text-align: center;font-style: normal;}

.advan{background: url(/static/pc/images/advantage_bg.jpg) no-repeat center 0;height:365px;margin-bottom: 20px;}
.advan_left{width: 600px;padding: 50px 0 0 100px;float: left;}
.advan_left p{width:100%;font-weight: bold;font-size: 30px;line-height: 60px;color: #005fbb;}
.advan_left img{width:40px;height:40px;padding:10px;float:left;}
.advan_left ul{padding-top:30px;}
.advan_left em{width:100%;color: #888;line-height: 30px;font-size: 14px;font-style:normal;padding-left: 60px;}
.advan_left li {background-image: url(/static/pc/images/start.jpg);background-repeat: no-repeat;background-position: left 6px;padding-left: 33px;font-size: 16px;line-height: 26px;}
.advan_left li span  {color: #ff3f01;font-size: 16px;}
.advan_right{width: 600px;float:right;height:365px;}
.advan_right img{width:440px;height:330px;margin:0 auto;}

.advan2{background: url(/static/pc/images/advantage_bg2.jpg) no-repeat center 0;height:365px;margin-bottom: 20px;}
.advan2_left{width: 600px;float:left;height:365px;}
.advan2_left img{width:440px;height:330px;padding:15px 0px 0px 100px;}
.advan2_right{width: 600px;padding: 50px 100px 0px 0px;float: right;}
.advan2_right p{width:100%;font-weight: bold;font-size: 30px;line-height: 60px;color: #005fbb;}
.advan2_right img{width:40px;height:40px;padding:10px;float:left;}
.advan2_right ul{padding-top:30px;}
.advan2_right em{width:100%;color: #888;line-height: 30px;font-size: 14px;font-style:normal;padding-left: 60px;}
.advan2_right li {background-image: url(/static/pc/images/start.jpg);background-repeat: no-repeat;background-position: left 6px;padding-left: 33px;font-size: 16px;line-height: 26px;}
.advan2_right li span  {color: #ff3f01;font-size: 16px;}

/*首页-新闻资讯*/
.news{position: relative;background: #f2f2f2;}
.news_title{ padding: 75px 0 65px;text-align: center;}
.news_title p{font-family:MingLiu;font-size:20px;width:100%;letter-spacing:5px;}
.news_title span{height: 40px; line-height: 40px; font-size: 30px; color: #222; font-weight: bold; display: grid;}
.news_title em{font-size: 16px;letter-spacing:1px; width: 100%;text-align: center;font-style: normal;}

.news01{ text-align: center; margin-bottom: 60px;}
.news01 li{ display: inline-block; background: #fff; margin: 0 15px; width: 146px; height: 46px; line-height: 46px; border: solid 1px #323232; cursor: pointer;}
.news01 .on{ background: #204c97; color: #fff; border: solid 1px #204c97;}
.news02{ overflow: hidden;}
.news02a{width: 345px; height: 435px; float: left; margin-right: 40px; background: #fff; cursor: pointer; transition: all 0.3s;}
.news02a_img{ width: 345px; height: 258px; overflow: hidden;}
.news02a_img img{ display: block; width: 345px; height: 258px; transition: all 0.5s;}
.news02a_content{ padding: 20px 5% 0;font-family:"微软雅黑";color:#000000;}
.news02a_content h1{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:18px;}
.news02a_content span{ display: block; font-size: 14px; margin: 15px 0;}
.news02a_content p{ font-size: 14px; line-height: 24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; overflow: hidden;font-family:"微软雅黑";color:#000000;}
.news02b{ float: left; width: 580px;}
.news02b_content{ border-bottom: dashed 1px #666; padding: 0 0 25px; margin-bottom: 25px; overflow: hidden; cursor: pointer;}
.news02b_title{ float: left; width: 90px; height: 90px; padding-top: 6px; border: solid 3px #ccc; text-align: center;font-family:"微软雅黑";color:#000000;}
.news02b_title p{ font-size: 40px; font-weight: bold;}
.news02b_title span{ font-size: 14px;}
.news02b_plain{ float: right; width: 462px; padding-top: 6px;font-family:"微软雅黑";color:#000000;}
.news02b_plain h1{font-size:22px;}
.news02b_plain p{ font-size: 14px; line-height: 24px; margin-top: 20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.more{ padding-bottom: 95px; margin-top: 60px;}
.more p{ display: block; width: 160px; height: 50px; line-height: 50px; border: solid 2px #204c97; background: #fff; text-align: center; margin: 0 auto;font-family:"微软雅黑";color:#000000;}
.news02a:hover{ background: #204c97;}
.news02a:hover .news02a_img img{ transform: scale(1.08);}
.news02a:hover .news02a_content h1{ color: #fff;}
.news02a:hover .news02a_content span{ color: #fff;}
.news02a:hover .news02a_content p{ color: #fff;}
.news02b_content:hover .news02b_title{ border: solid 3px #204c97;}
.news02b_content:hover .news02b_title p{ color: #204c97;}
.news02b_content:hover .news02b_plain h1{ color: #204c97;}
.more p:hover{ background: #204c97; color: #fff; cursor: pointer;}

/*首页-联系我们*/
.contact{width: 100%;height:850px;background: url(/static/pc/images/bg_contact.jpg) top center no-repeat; background-size: 100% 100%;}
.contact_title{ padding: 75px 0 65px;text-align: center;color:#fff;}
.contact_title p{font-family:MingLiu;font-size:20px;width:100%;letter-spacing:10px;}
.contact_title span{height: 40px; line-height: 40px; font-size: 30px; font-weight: bold; display: grid;}
.contact_title em{font-size: 16px;letter-spacing:1px; width: 100%;text-align: center;font-style: normal;}

.part01{margin: 0 0 30px 0; height: 450px; overflow: hidden;}
.part01_left { width: 20%;height: 450px; background: url(/static/pc/images/bg_contact1.jpg) no-repeat; float: left;}
.part01_left p{ font-size: 24px; font-weight: bold; color: #fff; margin: 44px 0px 15px 20px;}
.part01_left ul{margin: 5px 0px 25px 20px;}
.part01_left ul li { height: 42px; line-height: 42px; font-size: 17px; color: #fff; }
.part01_left span{margin: 5px 0px 0px 20px; font-size: 14px; color: #fff;}

.part01_right {width: 75%; height: 450px; background: url(/static/pc/images/bg_contact2.jpg) no-repeat; float:right; display: inline-flex;}
.part01_right form { width: 50%; margin-left: 20px; }
.part01_right form .input_bg{ height:40px; background: #f3f2f1; width: 100%; padding-left: 20px;border-radius: 5px; margin: 20px 0px 0 0;}
.part01_right form .input_text{float:left;margin-top:10px;}
.radio_box {position: relative; margin-left: 10px; }
.radio_box label{width: 16px;height: 16px; position: absolute;top: 0px;left: 0px;border: 1px solid #878787;border-radius: 50%;background: #fff;cursor: pointer;}
.radio_box input{margin-right: 4px; margin-top: 1px; }
.radio_box input:checked + label { border: 1px solid #ec2020; }
.radio_box input:checked + label:after { content: ''; width: 10px; height: 10px; position: absolute; top: 3px; left: 3px; background: #ec2020; border-radius: 50%; }
.part01_right form textarea{padding: 15px 10px;width:100%;height: 40px;line-height: 20px;font-size: 14px;color: #333;border-radius: 5px;margin-top: 20px;background: #f3f2f1;  outline: none; }
.part01_right .form textarea:focus { color: #000;font-size: 14px; }
.part01_right form .nametel{display:inline-flex;width:100%;}
.nametel p{ height: 40px; background: #f3f2f1; width:50%; padding-left: 20px; border-radius: 5px; margin: 20px 10px 0 0; }
.nametel span{border-right: 1px solid #d8d8d8; font-size: 16px; color: #404040; letter-spacing:10px; }
.nametel input{ width: 50%; padding-left: 10px; border: none; background: #f3f2f1; height: 38px; line-height: 38px; outline: none; font-size: 14px; color: #aeaeae; }
.part01_right form .code{height: 40px; background: #f3f2f1; width: 100%; padding-left: 20px; border-radius: 5px; margin-top: 20px; }
.code span{display: inline-block; width: 54px; height: 16px; line-height: 16px; border-right: 1px solid #d8d8d8; font-size: 16px; color: #404040; margin-top: 12px; text-align: text-justify;  }
.code input{ width: 50%; padding-left: 10px; border: none; background: #f3f2f1; height: 38px; line-height: 38px; outline: none; font-size: 14px; color: #aeaeae;}
.part01_right form .sub{ margin-top: 30px; height: 50px; text-align: center; }
.part01_right form .sub input { width: 200px; height: 50px; font-size: 18px; color: #fff; background: #f43d3d; border-radius: 5px; border: none; outline: none; }

.quick_message {width: 40%;height: 400px;background: rgba(255,255,255,.8);margin: 25px 10px 0 50px;border-radius: 5px;}
.qm_title {height: 45px; line-height: 45px; font-size: 16px; font-weight: bold; color: #666; padding-left: 18px; background: #f3f2f1; margin-bottom: 15px; border-radius: 5px 5px 0 0;     text-align: center;}
.qm_title em { color: #f02c2c; }
.quick_message li { height: 32px; line-height: 32px; font-size: 16px; color: #333; margin-left: 18px; padding-left: 12px; cursor: pointer; overflow: hidden; }
.quick_message li:hover { text-decoration: underline; }
.quick_message li a { color: #666666; }

.part02{  margin: 0 auto; position: relative; padding-bottom: 50px;}
.sentence{overflow: hidden; height: 50px; margin-top: 65px;}
.sentence span{ float: left; width: 25%; height: 1px; background: #666272; margin-top: 24px;}
.sentence p{ float: left; font-size: 18px; line-height: 50px; color: #fff; width: 50%; text-align: center;}

/*首页-友链和tag标签*/
.frilink {clear: both;margin-top:50px;}
.linkname {overflow: hidden;margin-bottom: 15px;}
.linkname h3 {float: left;font-size: 20px;color: #204c97;line-height: 30px;font-weight: 600}
.linkname span{color:#ccc;font-size: 20px;font-weight:normal;}
.linkline {float: right;text-align: center;width: 100%;height: 2px;background-color: #ccc;margin-top: 14px;}
.linkcon {clear: both;overflow: hidden;float:left;margin-bottom: 50px;}
.linkcon p {width: 100%;line-height: 30px;}
.linkcon a {margin: 0 20px 0 0;color:#000000;}
.linkcon a:hover{color:#204c97;}

/*侧边栏-在线客服*/
.sidebar {position: fixed; right: 20px; bottom: 10%; z-index: 300; width: 60px }
.sidebar_li {position: relative;  margin-bottom: 5px; background-color: transparent;-webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1);box-shadow: 0 0 10px 0 rgba(20,34,67,.1); }
.sidebar_btn { position: relative; background:#fff; width:60px;height:60px; }
.sidebar_btn img{width:40px;height:40px;padding:10px;}
.sidebar_btn span {display: none; position: absolute; top: 15px; left: 15px; width: 30px;font-size: 12px;text-align: center }
.show_qr {display: none; position: absolute; right: 70px; top: -65px; width: 120px;background: #fff;    border: 1px solid #ccc;}
.show_qr .tips{width:100%;height: 55px; }
.show_qr .canvas{height: 120px; width: 120px;}
.show_qr p {margin-bottom: 5px;line-height: 16px;color: #333;font-size: 16px;text-align: center; }
.show_qq{display:none;position: absolute; right: 60px; bottom: -91px;width: 320px;}
.show_qq2{width: 310px;background: #fff;}
.show_qq2 li {cursor: pointer; border-bottom: #999 1px solid; }
.show_qq2 li:hover { background: #f3f5fb }
.show_qq2 li:after, .show_qq2 li:before { content: ""; display: block; clear: both; height: 0; line-height: 0; visibility: hidden }
.show_qq2 .icon_box {width: 78px; line-height: 90px; text-align: center;float: left; height: 90px; cursor: pointer }
.show_qq2 .icon_box img { width:30px;height:30px;padding-top:10px;}
.show_qq2 .text_box { float: left; width: 215px; height: 90px; cursor: pointer }
.show_qq2 .text_box h5 { margin-top: 10px; font-size: 16px; color: #323232; line-height: 24px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden }
.show_qq2 .text_box p { margin-top: 10px; max-height: 36px; overflow: hidden; line-height: 18px; font-size: 12px; color: #666; cursor: pointer }
.show_msg { display: none; position: absolute; right: 70px; top: 0px; width: 150px; min-height: 60px; border: 0 none; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); -moz-box-shadow: 0 0 10px 0 rgba(20,34,67,.1); box-shadow: 0 0 10px 0 rgba(20,34,67,.1) }
.show_msg p { margin-top: 5px; line-height: 50px; color: #323232; font-size: 18px; text-align: center }
.sidebar_li:hover .show_qr{ display: block;}
.sidebar_li:hover .show_qq{ display: block;}
.sidebar_li:hover .show_msg{ display: block;}
#msg {display:none;}
#winbg{display:none;position:absolute;width:100%;background-color:#000;top:0;left:0;opacity: 0.8;z-index:400;}
#msg .msgbox{z-index:999;width: 636px; height: 565px;position: fixed;left:50%; top: 50%;margin: -282px 0 0 -318px; border:8px solid #1f4db2; background:#FFF; text-align:left;}
#msg .msgtitle{ position:relative; height:44px; border-bottom:1px solid #CCCCCC; overflow:hidden;  background:#F5F5F5;}
#msg .msgtitle h2{background: url(/static/pc/images/sidebar_kf.png) no-repeat scroll -66px 2px transparent;  color: #666666;  font-size: 25px; font-weight: bold; height: 40px;  left: 10px;    line-height: 40px;  padding-left: 84px;  position: absolute;  top: 5px;}
#msg .msgtitle p{color: #666666;  font-size: 15px;  font-weight: bold;  left: 198px;  position: absolute;  top: 17px;}
#msg .msgclose{ background: url(/static/pc/images/sidebar_kf.png) no-repeat scroll -106px -42px transparent;  cursor: pointer;  height: 12px; overflow: hidden;  position: absolute;  right: 10px;  text-indent: -10em;  top: 17px;  width: 12px;}	

#msg .main{width:620px;height:auto;}
#msg .kf_qq_li{padding:19px 0; background: url(/static/pc/images/sidebar_kf_line.gif) no-repeat center bottom; float:left;  width:100%;}
#msg .kf_qq_li .kf_qq_li_left{ width:175px; float:left; background-image:url(/static/pc/images/sidebar_kf.png);  margin-right:22px;  height:50px;}
#msg .kf_qq_li .kf_qq_li_right{ width:394px; float:left;  color:#333;}
#msg .kf_qq_li_1{ background-position:3px -262px;}
#msg .kf_r_t{ width:100%; float:left; padding-bottom:4px;}
#msg .kf_r_t span{font-size:16px;float:left; padding-top:3px;}
#msg .kf_r_t .qyqq{  width:102px;  height:24px;  line-height:24px;  font-size:15px;  color:#fff;  background:#1f4db2;  display:block;  text-align:center;  float:left;  font-weight:bold;}
#msg .kf_qq_li2{padding:19px 0;float:left; width:100%;}
#msg .sidebar_form {	width: 100%;	height: 300px;	margin: 5px auto;}
#msg .sidebar_form form {width: 80%;	float: left;margin-top: 1px;margin-left: 50px;}
#msg .sidebar_form .sidebar_form_left{width:20%; float:left; height:40px;  line-height:40px;}
#msg .sidebar_form .sidebar_form_right{width:80%; float:right; font-family:"微软雅黑"; color:#333; height:40px; line-height:40px;}
#msg .sidebar_form form input[type="text"] {height: 30px;line-height: 30px;	margin-bottom: 20px;border: 1px solid #ccc; font-size: 15px;color: #999999;	width: 100% !important;	text-indent: 10px;	background-color: #fff;}
#msg .sidebar_form form input[type="submit"] {background: url(/static/pc/images/submit.png) no-repeat center center;width: 100px;height: 30px;border: none;}
#msg .sidebar_form form textarea {width: 100%;line-height: 50px;	border: 1px solid #ccc; text-indent: 10px;}
#msg .kf_qq_li3{padding:0 0 15px;float:left; width:100%;text-align:center;background:#F5F5F5;}
#msg .kf_qq_li3 p{padding-top:15px;border-top:1px dotted #dedede;}

/*footer*/
.wave-box{position:relative;height:60px;background:#fff}
.marquee{width:8000%;height:60px}
.marquee-box{overflow:hidden;width:100%;position:absolute;left:0;top:0}
.wave-list-box{float:left}
.wave-list-box ul{float:left;height:60px;overflow:hidden;zoom:1}
.wave-list-box ul li{height:60px;width:100%;float:left;line-height:30px;list-style:none}

.footer{background-color:#204c97;font-family:"Microsoft Yahei"}
.five-superiority{width:100%;border-bottom:1px solid #fff;padding:10px 0 20px}
.five-superiority ul{width:1200px;margin:0 auto;}
.five-superiority-list li{float:left;width:18%;height:36px;text-align:center;border-left:1px solid #fff}
.five-superiority-list li:first-child{border-left:none}
.five-superiority-list li a{display:inline-block;position:relative;width:100%;height:36px;line-height:36px;background:no-repeat 2% center;text-indent:2em;color:#fff;font-size:16px}
.five-superiority-list li a:hover{color:#bfe7f5}
.five-superiority-list li a.superiority-text{text-indent:4em}
.superiority-icon{position:absolute;width:40px;height:40px;left:10%;background-repeat:no-repeat;background-image:url(/static/pc/images/footer_youshi.png)}
.compensate_ico .superiority-icon{background-position:0 0}
.compensate_ico:hover .superiority-icon{background-position:0 -50px}
.retreat_ico .superiority-icon{background-position:0 -100px}
.retreat_ico:hover .superiority-icon{background-position:0 -150px}
.technology_ico .superiority-icon{background-position:0 -200px}
.technology_ico:hover .superiority-icon{background-position:0 -250px}
.prepare_ico .superiority-icon{background-position:0 -300px}
.prepare_ico:hover .superiority-icon{background-position:0 -350px}
.service_ico .superiority-icon{background-position:0 -400px}
.service_ico:hover .superiority-icon{background-position:0 -450px}

.footer-floor1{padding:36px 0 60px;margin:0 auto;}
.footer-list{width:75%;height:100%;float:left;margin-bottom:30px;}
.footer-list ul{width:16%;float:left;}
.footer-list ul:nth-child(5){width:36%;}
.footer-list li{line-height:32px;color:#fff;}
.footer-list li a{color:#fff;font-size:16px;text-decoration:none}
.footer-list li a:hover{text-decoration:none;color:#fff}
.footer-list .flist-title{font-size:20px;color:#fff;margin-bottom:15px;font-weight:bold;}
.footer-floor2{width:100%;border-top:1px solid #f3f2f11a;padding:20px 0;}
.footer-floor2 .copy{margin: 0 auto;  height: 30px;}
.footer-floor2 .copy p{float:left; color:#fff;font-size:17px;line-height:30px}
.footer-floor2 p span{font-family:PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif}
.footer-floor2 a{color:#fff;font-size: 17px;}
.footer-floor2 a:hover{color:#a8d0e0;text-decoration:none;}
.foot-link{margin:0 15px;text-decoration:none;color:#fff}
.foot-link:hover{text-decoration:none;}
.footer-right{width:25%;float:right}
.telephone{width:100%;height:32px;line-height:32px;color:#fff}
.telephone span{display:inline-block;width:32px;height:32px;float:left;background:url();margin-left:16%}
.telephone .tel-number{font-size:30px;font-weight:400;text-align:right}
.official-plat{width:100%;height:100%;margin-top:52px;position:relative}
.official-plat ul{float:right;margin-top:7px;width:48%;}
.official-plat ul li span{display:inline-block;width:32px;height:32px;background:url(/static/pc/images/footer_icon.png) no-repeat 0 0;line-height:32px;float:left;margin-right:12px}
.official-plat ul li .weibo-logo{background:url(/static/pc/images/footer_icon.png) no-repeat -32px 0}
.official-plat ul li .douyin-logo{background:url(/static/pc/images/footer_icon.png) no-repeat -64px 0}
.official-plat ul li{height:45px}
.official-plat ul a{display:inline-block;height:32px;width:100%;line-height:32px;color:#fff;text-decoration:none;font-size:14px}
.official-plat>p{display:inline-block;width:132px;height:132px;border:1px solid #ddd;background-color:#fff}
.official-plat .weixin{position:absolute;top:0;left:10px;background-image:url(/static/pc/images/footer_qrcode.png);background-repeat:no-repeat;background-position:0 0}
.official-plat .weibo{position:absolute;top:0;left:10px;background-image:url(/static/pc/images/footer_qrcode.png);background-repeat:no-repeat;background-position:-132px 0;display:none}

.official-plat .douyin{position:absolute;top:0;left:10px;background-image:url(/static/pc/images/footer_qrcode.png);background-repeat:no-repeat;background-position:-264px 0;display:none}

#wx-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:12px;right:-20px;z-index:10}
#wb-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:58px;right:-20px;z-index:10}
#dy-corner{border:10px solid transparent;border-left:10px solid #fff;position:absolute;top:104px;right:-20px;z-index:10}


/*侧边栏通用样式*/
.picture{ width: 100%;margin-top: -12px;}
.picture img{ display: block; width: 100%;}
.bg_content{ background-color:#f3f3f3; background-size: 100%;}
.hot_search{ height: 92px; background: #e5e5e5;}
.read_point{ overflow: hidden; float: left; margin-top: 23px;}
.read_point img{ float: left; width: 45px;}
.read_point01{ float: left; margin-left: 20px;}
.read_point01 a{color:#000000;}
.read_point01 h1{ font-size: 14px;}
.read_point01 p{ font-size: 16px; margin-top: 5px;}
.contact_card{ float: right; width: 350px; height: 92px; background: #fff; position: relative;}
.read_title{ background: #204c97; width: 330px; position: absolute; right: 10px; top: -142px; z-index: 9; padding-bottom: 35px;}
.read_title .read_title_img{ width: 330px;}
.read_title01{ width: 300px; margin: 0 auto; border-top: dashed 1px #fff; border-bottom: dashed 1px #fff; padding: 30px 0 20px;}
.read_title01 a{ display: block; font-weight: bold; margin-bottom: 15px; font-size: 16px; background: #fff; height: 50px; line-height: 50px; padding: 0 15px;color:#000000;}
.read_title01 span{ font-size: 16px; margin-left: 25px;}
.read_title01 .read_title01_active{ background: #ff3e00; color: #fff;}
.read_title01 .read_title01_active span{ background: #000; color: #fff;}
.read_title01 a:hover{ background: #ff3e00; color: #fff;}
.read_title01 a:hover>span{ color: #fff;}
.read_title02{ width: 300px; margin: 0 auto; padding: 30px 0 20px; text-align: center; border-bottom: dashed 1px #fff;}
.read_title02 p{ font-size: 18px; font-weight: bold; color: #fff;}
.read_title02 span{ font-size: 14px; display: inline-block; color: #fff; margin-top: 10px;}
.read_title02a{ margin: 30px auto 10px; width: 90%;}
.read_title02a .touch_pic{ width: 90px; float: left; position: relative;}
.touch_pic .touch_pic01{width: 60px; display: block; margin: 0 auto; cursor: pointer;}
.touch_pic .touch_pic02{width: 100px; display: none; position: absolute; top: -100px; left: -5px;}
.touch_pic01:hover+.touch_pic02{ display: block;}
.search{ float: right; margin-right: 40px; width: 375px; height: 50px; padding-top: 20px; position: relative;}
.search input{ width: 92%; height: 50px; padding:  0 4%; background: #fff;}
.search img{ position: absolute; width: 27px; height: 27px; top: 31px; right: 12px; cursor: pointer;}
.search .sub{ width:27px; height:27px; background:url(/static/pc/images/search.png) no-repeat; cursor:pointer; position:absolute; top:31px; right:12px;}


/*列表页内容页-通用样式*/
.read_content{ width: 1050px; background: #fff; padding: 20px 0; min-height: 800px;}
.read_content_h1{ margin: 0 60px; font-size: 24px; line-height: 100px; border-bottom: dashed 1px #6d6d6d; color: #204c97; font-weight: bold;}
.about_content{ padding: 40px 60px;}

.information{ padding-bottom: 60px;}
.information li{ padding: 35px 40px 26px; background: #fafafa; border-bottom: solid 3px #fff; overflow: hidden; margin-bottom: 30px; cursor: pointer;}
.information01{ float: left; width: 220px; height: 165px;}
.information02{ float: right; width: 600px; padding-top: 8px;}
.information02 h1{ font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #000000;}
.information02 p{ font-size: 14px; line-height: 24px; color: #666; margin: 20px 0 20px 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.information02 span{font-size: 14px; color: #666;}
.information li:hover .information02 h1{ color: #204c97;}
.information li:hover .information02 p{ color: #204c97;}
.information li:hover .information02 span{ color: #204c97;}
.information li:hover{ border-bottom: solid 3px #204c97; box-shadow: 0 10px 20px #aaa;}
.page_info {width: 100%;margin: 60px 0 60px 0;text-align: center;}
.page_info a {font-size: 14px;color: #333;}
.page_info div {display: inline;border: 1px solid #999;border-radius: 2px;padding: 8px 14px;text-align: center;margin: 0px 10px 0px 0px;font-size: 14px;color: #333;}
.page_info .current {background-color: #204c97;border: 1px solid #999;color: #fff;}
.page_info a:hover {color: #000;}

/*内容页-通用样式*/
.article_title{ width: 70%; margin: 0 auto; font-size: 24px; line-height: 36px; font-weight: bold; padding: 55px 0; text-align: center;}
.article_point{ height: 45px; line-height: 45px; padding: 0 35px; background: #f8f8f8; overflow: hidden; margin-bottom: 15px;}
.article_point p{ font-size: 14px; color: #666; float: left; width: 25.2%;}
.article_point span{ font-size: 14px; color: #666;}
.article_content{width: 95%; margin:50px auto;}
.article_content p{line-height:25px;}
.article_content table{border-collapse:collapse;}
.article_content span a{color:#000;}
.article_content a {color:#000;}
.article_tbsm{font-size: 12px;font-family: MicrosoftYaHei;color: #999;line-height: 18px; margin: 40px 0 40px;}
.article_tbsm .smtitle{ position: relative; text-align: center; overflow: hidden;}
.smtitle::after,.smtitle::before { position: absolute; top: 50%; content: ''; width: 100%;  height: 1px; background: #999;}
.smtitle::after { margin-left: 10px;}
.smtitle::before { margin-left: -10px; transform: translateX(-100%);}	
.article_tbsm p{ margin-top: 8px;  word-break: break-all;}
.article_show{ padding: 36px 0; line-height: 30px; color: #666;text-align: center;}
.article_show .box{width:200px; text-align:center; font-size:16px;display: inline-block;padding-right: 40px;}
.article_show .box img {width:100%;}
.article_show .box a{color:#000000;}
.article_page{height: 90px; line-height: 90px; border-top: solid 1px #c7c7c7;}
.article_page p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.article_page strong{ font-size: 16px; color: #333;}
.article_page a{ font-size: 16px; color: #333;}
.article_page .previous{ float: left; width: 40%;}
.article_page .next{ float: right; width: 40%;}
.article_page a:hover{color:#204c97;}

/*自媒体文章补充样式-列表+内容*/
.pt{display: block;width: 30px;height: 30px;position: absolute;z-index: 50;margin:5px;}
.information02 b{font-size: 14px;color: #204c97;font-weight: normal;margin-right: 20px;}

.read02_wemedia{width: 880px;line-height:30px; background: #fff; position: relative;}
.read02_wemedia .mask{width:880px;position: absolute; top:0; height: 100%;background-image: -webkit-linear-gradient(top, hsla(0,0%,100%,0), #fff);   background-image: -moz-linear-gradient(top, hsla(0,0%,100%,0), #fff);background-image: -o-linear-gradient(top, hsla(0,0%,100%,0), #fff);background-image: linear-gradient(top, hsla(0,0%,100%,0), #fff);}
.read02_wmlink{width: 100%; margin: 20px 0px 50px 0px; }
.read02_wmlink .imgbox{height: 50px;width: 550px;margin: 0 auto;}
.read02_wmlink img {position: absolute;}
.read02_wmlink .box_font {width: inherit;text-align: center;font-size: 20px;color: ivory;position: absolute;height: 50px;line-height:50px;}


/*列表页-资质荣誉*/
.honor li{ width: 434px; float: left; margin-right: 45px; margin-bottom: 20px;border: 1px solid #204c97;}
.honor li img{ width: 434px; height: 325px; display: block;}
.honor li p{color:#333; font-size: 16px;background: #e5e5e5; text-align: center; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.honor li:nth-child(2n){ margin-right: 0;}
.honor li :hover p{color:#fff;background: #204c97;}

/*列表页-产业基地*/
.slidepic{ margin:0 auto;  width:800px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
.slidepic .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.slidepic .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.slidepic .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.slidepic .hd ul li img{ width:90px; height:68px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.slidepic .hd ul li.on{ background:url(/static/pc/img/icoUp.gif) no-repeat center 0; }
.slidepic .hd ul li.on img{ border-color:#f60;  }
.slidepic .bd li{ vertical-align:middle; }
.slidepic .bd li span{ display:block; background:rgba(0,0,0,0.5); height:136px; line-height:30px; color:#fff; z-index:100; margin-top:-146px; position:relative;padding:0px 15px;overflow:hidden; font-size:16px;}
.slidepic .bd img{ width:800px; height:600px; display:block;  }

/*列表页-产品中心+工程案例*/
.prolist{ overflow: hidden;}
.prolist li{ float: left; width: 298px; height: 223px; position: relative; border: solid 1px #e1e1e1; margin: 0 15px 25px 0; cursor: pointer;}
.prolist li:nth-child(3n){ margin-right: 0;}
.prolist01{ width: 298px; height: 223px;}
.prolist02{width: 90%;padding: 10px 5%;position: absolute;left: 0;bottom: 0;z-index: 99;background: rgba(0,0,0,0.75);display: inline-flex;}
.prolist02 img{ width: 30px; float: left;}
.prolist02 span{color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 4px 0 0 10px;}
.prolist_tier{position: absolute; top: 0; left: 0; z-index: 999; width: 268px; height: 193px; padding: 15px; background: rgba(0,0,0,0.7);
transition: all 0.5s; -moz-transition: all 0.5s;-webkit-transition: all 0.5s; -o-transition: all 0.5s; opacity: 0; visibility: hidden;}
.prolist_tier01{ width: 100%; height: calc(100% - 40px); text-align: center;}
.prolist_tier01 h1{ font-size: 18px; color: #fff;}
.prolist_tier01 span{ display: block; width: 20px; height: 2px; background: #fff; margin: 10px auto;}
.prolist_tier01 p{ font-size: 14px; color: #fff; margin-bottom: 15px;}
.prolist_tier01::before,.prolist_tier01::after{ position: absolute; content:''; height: 100%; border-top: solid 1px #fff; border-bottom: solid 1px #fff; box-sizing: border-box; transform-style: preserve-3d; transition: all 0.8s ease-out; opacity: 0; visibility: hidden; z-index: -1;}
.prolist_tier01::before{top: 0; left: 0; width: 50%; border-left: solid 1px #fff; transform: rotateY(90deg); transform-origin: right center; }
.prolist_tier01::after{top: 0; right: 0; width: 50%; border-right: solid 1px #fff;  transform: rotateY(-90deg); transform-origin: left center;}
.prolist li:hover .prolist_tier{ opacity: 1; visibility: visible;}
.prolist li:hover .prolist_tier01:before,
.prolist li:hover .prolist_tier01:after{opacity: 1; visibility: visible; transform: rotateY(0);}
.prolist li:hover .prolist_btn .btn01{ opacity: 1; transform: translateY(0);transition: all 0.5s ease 0.2s;}
.prolist li:hover .prolist_btn .btn02{ transition: all 0.5s ease 0.2s;}
.prolist li:hover .prolist02{ display: none;}
.prolist_btn .btn01{ background: #204c97; color: #fff; font-size: 14px; width: 108px; height: 32px; line-height: 32px; border-radius: 20px; margin-right: 12px;padding:5px 8px;}
.prolist_btn .btn02{ background: #ffa02f; color: #fff; font-size: 14px; width: 108px; height: 32px; line-height: 32px; border-radius: 20px;padding:5px 8px;}
.prolist_btn  img{ width: 20px; vertical-align: middle; margin-right: 5px;}

/*内容页-产品详情*/
.pro_content{ width: 1050px; background: #fff; padding: 20px 0; height: 578px;}
.pro_content .pro_content_h1{ margin: 0 60px; font-size: 24px; line-height: 100px; border-bottom: dashed 1px #6d6d6d; color: #204c97; font-weight: bold;}
.pro_content1{ padding: 40px 60px;}
.about_word{ font-size: 16px; line-height: 36px;}
.sketch{ overflow: hidden;}
.sketch li{ float: left; *width: 49%; *margin: 0 2% 30px 0; background: #fff; overflow: hidden; border: solid 1px #e1e1e1; box-sizing: border-box; transition: all 0.2s; cursor: pointer;}
.sketch li:nth-child(2n){ margin-right: 0;}
.sketch01{ overflow: hidden;}
.proBox{width: 520px; height:390px; position: relative; overflow:hidden; float:left;}
.proBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.proBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.proBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.proBox .hd ul li.on{ background:#f00; color:#fff; }
.proBox .bd{ position:relative; height:100%; z-index:0;   }
.proBox .bd li{ zoom:1; vertical-align:middle; }
.proBox .bd img{ width:520px; height:390px; display:block;  }
.proBox .prev,
.proBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/static/pc/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.proBox .next{ left:auto; right:3%; background-position:8px 5px; }
.proBox .prev:hover,
.proBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.proBox .prevStop{ display:none;  }
.proBox .nextStop{ display:none;  }
.sketch01_img{ width: 520px; height: 390px; border: solid 1px #e1e1e1; float: left;}
.sketch01_img img{ width: 520px; height: 390px; display: block;}

.sketch01_word{ width: 380px; height: 390px; float: right; position: relative;}
.sketch01_title01{ font-size: 24px; font-weight: bold;}
.sketch01_title02{ font-size: 16px; margin-top: 20px;} 
.sketch01_title02 span{font-weight:bold;}
.sketch01_title02 a img{width:30px;height:20px;}
.sketch01_contact{ position: absolute; width: 100%; bottom: 0; left: 0;}
.sketch01_contact h1{ font-size: 14px; margin-bottom: 10px;}
.sketch01_contact p{ background: #e23030; width: 200px; display: block; text-align: center; padding: 5px 0; border-radius: 5px;}
.sketch01_contact img{ width: 24px; margin-top: 8px; margin-right: 10px;}
.sketch01_contact span{ color: #fff; font-size: 28px; }

.pro_content2{ background: #fff; margin-top: 50px; *min-height: 800px;}
.details{background: #fff; padding: 30px 0 0; margin-top: 30px;}
.details01{ overflow: hidden; border-bottom: solid 1px #e1e1e1; padding: 0 55px;}
.details01 li{ float: left; line-height: 50px; border-bottom: solid 2px #fff; margin-right: 60px; cursor: pointer;}
.details01 .details01_active{ border-bottom: solid 3px #204c97;}
.details02{width: 90%; background: url(/static/pc/images/relate_tu.png) top right no-repeat; background-size: auto 100%; padding: 50px 0 0 0;}
.details02 li{display: none; min-height: 600px;}
.details02 .details02_p{line-height: 30px;  width: 80%;  margin:0 auto; }
.details02 .details02_p table{border-collapse:collapse;}
.details02 .details02_active{ display: block;}

.js-popup-item{max-width: 65%; padding: 1em;  background: #eee;  display: none;  position: relative;  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);   -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 3px;  color: #000;}
.js-popup-close{right: 5%; top: 30%; position: fixed; color: #fff; font-size: 30px; width: 20px;}

/*内容页-工程案例*/
.project{ overflow: hidden;}
.project li{ float: left; *width: 49%; *margin: 0 2% 30px 0; background: #fff; overflow: hidden; border: solid 1px #e1e1e1; box-sizing: border-box; transition: all 0.2s; cursor: pointer;}
.project li:nth-child(2n){ margin-right: 0;}
.project01{ overflow: hidden;}
.project01_img{ width: 478px; height: 358px; border: solid 1px #e1e1e1; float: left;}
.project01_img img{ width: 480px; height: 360px; display: block;}
.project01_word{width: 380px;height: 360px; float: right; position: relative;}
.project01_title01{ font-size: 24px; font-weight: bold;}
.project01_title02{ font-size: 16px; font-weight: bold; margin-top: 10px;} 
.project01_contact{position: absolute; width: 100%; bottom: 0px;}
.project01_contact h1{font-size: 18px;margin-bottom: 40px;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.project01_contact p{ background: #ff3f01;width: 90%;display: block;text-align: center; padding: 5px 0;border-radius: 5px; margin: 0 auto;}
.project01_contact img{ width: 24px; margin-top: 8px; margin-right: 10px;}
.project01_contact span{ color: #fff; font-size: 22px; font-weight: bold;}
.project02{ margin-top: 60px;border-bottom: 1px solid #ccc; padding-bottom: 100px;}
.project02 h1{font-size: 18px; margin-bottom: 20px; border-bottom: 1px solid #ccc;padding-bottom: 20px;}
.project02 p{line-height: 36px;}

/*资料下载-列表页*/
.information03{ float: left; width: 500px; padding: 8px 0 0 20px;}
.information03 h1{ font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #000000;}
.information03 p{ font-size: 14px; line-height: 24px; color: #999; margin: 20px auto; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.information03 span{ margin-top: 35px; line-height: 20px;font-size: 14px; color: #999;margin-right: 10px;}
.information03 em{font-style:normal;font-size: 14px; color: #000;}
.information04{width:100px;height:160px;float:right;}
.information04 img{width:80px;height:80px;margin:40px 0 0 10px;}

#mima{position:absolute;width: 100%;background-color:#000;top:0;left:0;opacity: 0.8;z-index:400;}
.mima_box{;z-index:999;width: 500px; height: 400px;position: fixed;left:50%; top: 50%;margin: -250px 0 0 -200px; background:#fff;box-shadow: 1px 1px 50px rgba(0,0,0,.3);border-radius: 3px;}
.mima_title {height: 42px;line-height: 42px;border-bottom: 1px solid #eee;background-color:#f2f2f2;border-radius: 2px 2px 0 0;}
.mima_title h1{font-size: 18px; color: orange;font-weight:bold;margin-left: 20px;display:inline;}
.mima_title i{font-size:16px;color:red;margin-left:350px;font-style:normal;}
.mima_content{width:90%;margin:30px auto;}
.mima_content p{line-height: 30px; font-size: 15px;color:#333;}
.mima_content a{color:#08a976;}
.mima_content input{height: 30px;line-height: 30px;border: 1px solid #ccc;font-size: 15px;color: #999999;text-indent: 10px; background: #fff; margin: 30px 30px 0 0;}
.mima_content button{font-size: 15px;color: #fff;padding: 8px 20px; background: #204c97; border-radius: 30px; margin: 30px 0 0 20px;}
.mima_content .tip{display:none;margin-top: 15px;color: red;font-size:18px;}  

/*资料下载-内容页*/
.download{height:400px;}
.download_tit{font-size: 18px;color: orange;font-weight: bold;}
.download_content{line-height: 30px;margin-top: 15px;font-size: 16px;letter-spacing:0.5px;}
.download_content a{font-size: 18px;color:#08a976;}
.download_content i{color:red;}
.download_content input{height: 30px;  line-height: 30px;  border: 1px solid #ccc; font-size: 15px; color: #999999;text-indent: 10px; background: #fff;margin: 30px 30px 0 0;}
.download_content button{font-size: 15px;color: #fff;padding: 8px 20px;background: #204c97;border-radius: 30px;margin: 30px 0 0 20px;}
.download_content .tip{display: none; margin-top: 15px; color: red;font-size: 18px;}
 
 /*网站导航页面*/
.website{ overflow: hidden; padding-top: 60px;width: 80%;margin:0 auto;}
.website_content{ min-width: 1060px; padding: 0 70px; background: #fff; min-height: 1200px; position: relative;}
.website_content_h1{ height: 130px; line-height: 130px; font-size: 24px; font-weight: bold; border-bottom: solid 1px #c7c7c7;}
.website_map{ padding: 36px 0; line-height: 30px; color: #666;}
.bs_main_r{width:100%;padding:0 15px 15px 20px;background:#fff;border:1px #ddd solid;margin:20px 0 30px 0;}
.itable{width:100%; margin:0 auto; padding:0 0; font-size:14px; } 
.it-title{background:url(/static/pc/images/wzdt_bg1.jpg) repeat-x; font-family:Microsoft YaHei;margin-top:10px;} 
.it-title{ height:30px; line-height:30px; border:1px #ddd solid; margin-top:30px; color:#333;} 
.it-title strong{background:url(/static/pc/images/wzdt_icon1.jpg) 10px center no-repeat; padding-left:25px; display:block; font-size: 18px;} 
.it-content{padding:10px; line-height:28px; border:1px #ddd solid;border-top:0;} 
.it-content a{display:inline-block;margin-right:21px; color: #323232;font-size:18px;} 
.it-content a:hover{color:#fe0000;}

/*云标签列表页面*/
.list_tag{width:100%;}
.list_tag ul {width:100%;}
.list_tag ul li{height: 30px;}
.list_tag ul li a{color:#000;}
.list_tag .badge{display: inline-block;  padding: 0; min-width: 8px; height: 8px; width: 8px;background-color: #36c6d3; -webkit-border-radius: 12px;}
   
/*根据屏幕尺寸变动*/
@media (min-width: 768px) and (max-width: 1600px) {
	.header .header_logo{ width: 365px; margin-top: 10px;}
	.header .header_title{ margin-right: 35px;}
	.header_word01{ padding: 0 25px;}
	.banner_word{ top: 20%; width: 611px; margin-left: -305px;}
}
@media (min-width: 768px) and (max-width: 1400px){
	.container{ width: 1200px;}
	.read_content{ width: 850px;}
	.honor li {width: 340px;}
	.honor li img {width: 340px;height: 252px;}
	.information02{width: 400px;}
	.prolist li {width: 320px;height: 240px;margin: 0 40px 25px 0;}
	.prolist li:nth-child(2n+1){margin:0 40px 25px 0px;}
	.prolist li:nth-child(2n) {margin: 0 0 25px 40px;}
	.prolist01 {width: 320px;height: 240px;}
	.prolist_tier {width: 290px;height: 210px;}
	.information03{width: 310px;}
	
	.pro_content {width: 850px;}
	.pro_content1 {padding: 100px 60px;}
	.proBox {width: 400px;height: 300px;}
	.proBox .bd img{width: 400px;height: 300px;}
	.sketch01_word {width: 300px;height: 300px;}
	
	.project01_img {width: 398px;height: 298px;}
	.project01_img img {width: 400px;height: 300px;}
	.project01_word {width: 300px;height: 300px;}
	.project01_contact span {font-size: 18px;line-height: 43px;}



	.pro_nav li{ font-size: 14px; padding: 0 10px; margin: 0 5px 0 0;}
	.pro01{ width: 592px;}
	.pro01_img{ width: 592px; height: 442px;}
	.pro01_show{height: calc(100% - 160px); padding-top: 160px;}
	.pro02{ width: 605px;}
	.pro02a{ width: 292px; margin: 0 0 6px 9px;}
	.pro02_img{ width: 292px; height: 218px;}
	.pro02_show{height: calc(100% - 60px); padding-top: 60px;}
	
	.case_left{width:550px;height:412.5px;}
	.case_right img{width:530px;height:392.5px;}
	
	.slidepic{width:738px;}
	.slidepic .bd img{width:738px;height:553.5px;}
	.slidepic .hd ul li img{width:83px;}	
	
	.brand li{ width: 198px;}
	.brand li img{ display: block; width: 198px; height: 122px;}

	.advan_left{padding: 25px 0 0 50px;}
	.advan_right{width:500px;}
	.advan2_left img{padding: 15px 0px 0px 50px;}
	.advan2_right {padding: 50px 0px 0px 0px;}
	
	
	.news02a{ width: 300px; height: 400px; margin-right: 25px;}
	.news02a_img{ width: 300px; height: 224px;}
	.news02b_content{ padding: 0 0 18px; margin-bottom: 18px;}
	.news02b{ width: 525px;}
	.news02b_plain{ width: 405px; padding-top: 10px;}
	.news02b_plain p{ margin-top: 15px;}

	.read01_title{ width: 300px;}
	.read01_title p{ font-size: 28px;}
	.read01_title span{ font-size: 28px;}
	.read02_word{ width: 290px;}
	.correlation02 li{ width: 250px;}
	.correlation02 li img{ width: 250px;}
	.read02_content{ width: 750px; padding: 60px;}
	.correlation03{ width: 250px;}
	
    .proud01 li{ width: 370px;}
	.proud01 li img{ width: 370px; height: 277.5px;}
	.proud02 li{ width: 276px;}
	.proud02 li img{ width: 276px; height: 368px;}
	.read02_content01{ width: 870px;}
	.case_content p{ display: block; width: 220px; font-size: 14px; margin: 0 auto;}
    .case_content h1{display: block; width: 220px; font-size: 20px; margin: 10px auto; box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
    .case_content img{ display: block; width: 220px; height: 165px; margin: 35px auto 50px;}
    .case_content span{ margin-left: calc( 50% - 110px);}
	


}
@media (min-width: 1500px) and (max-width: 1800px){
	.superiority02{ width: 600px; height: 312px; bottom: 6%; right: calc( 38% - 402px);}
	.superiority02a{ width: 197px; height: 312px;}
	.superiority02b{ width: 324px; padding: 45px 42px 0 36px;}
	.great01{ margin: 40px auto 50px; height: 105px; padding-top: 20px;}
	.great01 p{ font-size: 32px;}
	.great01 span{ font-size: 22px; margin-top: 25px;}
	.superiority02b h1{ font-size: 20px;}
	.superiority02b span{ font-size: 10px; margin: 15px 0 35px;}
	.superiority02b p{ font-size: 12px; line-height: 24px;}
}
@media (min-width: 768px) and (max-width: 1500px){
	.product_title03{ padding: 55px 0 65px;}
	.superiority02{ height: 260px; right: calc( 38% - 468px); bottom: 8%;}
	.superiority02a{ height: 260px;}
	.great01{ margin: 30px auto 30px; height: 105px; padding-top: 20px;}
	.great01 p{ font-size: 32px;}
	.great01 span{ font-size: 22px; margin-top: 25px;}
	.superiority02b{ padding: 30px 62px 0 46px;}
	.superiority02b h1{ font-size: 22px;}
	.superiority02b span{ font-size: 10px; margin: 15px 0 30px;}
	.superiority02b p{ font-size: 12px; line-height: 26px;}
}