@charset "utf-8";
/* CSS Document */
/* 全局公用的css样式 */
/*---------------------------------约束样式----------------------------------------*/
*{margin:0;padding:0;word-wrap:break-word}
* img{border:0}
* hr{border:1px dashed #d2d2d2}
.swiper-next,.swiper-prev{outline:none; cursor:pointer}
body,h1,h2,h3,h4,h5,h6,td,th,tr{color:#333333;font-weight:normal; font-size:12px; font-family:"Microsoft YaHei"}
body{overflow-x:hidden}
h1,h2,h3,h4,h5,h6{display:inline}
a{text-decoration:none;outline:none;color:#333333; cursor:pointer}
a:active{star:expression(this.onFocus=this.blur())}
a:focus{outline:none}
textarea{resize:none}
a:hover{color:#000; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:transparent}
em{font-style:normal}
img{max-width:100%}
.ul li,.ul{list-style:none}
input,textarea,select{outline:none;font-family:"Microsoft YaHei"}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
   -webkit-box-shadow:rgba(255,255,255,0) 0 0 0px 1000px;
   -moz-box-shadow:rgba(255,255,255,0) 0 0 0px 1000px;
   box-shadow:rgba(255,255,255,0) 0 0 0px 1000px
}

@-webkit-keyframes autofill{
	to{
		color:#fff;
		background:rgba(31,39,87,0.3);
	}
}

input:-webkit-autofill{
	animation-name:autofill !important;
	animation-fill-mode:both !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
	background-clip:content-box !important;
}

.clear{width:100%; clear:both; height:1px; overflow:hidden}
.fl{float:left}
.fr{float:right}
.ov_hi{overflow:hidden}
.layout{width:1200px;margin:0 auto}
.ul_li{list-style:none}
.ov_hi{overflow:hidden}
.radius{border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; overflow:hidden}
.shadow{-webkit-box-shadow:#DDD9D9 0px 0px 30px;-moz-box-shadow:#DDD9D9 0px 0px 30px;box-shadow:#DDD9D9 0px 0px 30px}
.fl-clr{zoom:1}
.fl-clr:after{display:block;clear:both;height:0;content:"\0020"}
.pc{}
.web{display:none !important}
.opacityli li,.opacity,.opacitybox .box{opacity:0}
.textV{overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.scale img,
.main-nav-pc li .a:after,
.main-nav-pc li .a,
.index-more,
.advantage-list li .img,
.product2-list li .box,
.engineering-list li .pa,
.news-list li .box{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}
.index_introduce li:after,
.index_introduce li:hover .text,
.second-show .text{-webkit-transition:all 0.8s ease;-moz-transition:all 0.8s ease;-o-transition:all 0.8s ease;transition:all 0.8s ease}
.scale:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.index-products li .box .text,
.swiper-honor .button{top:50%; transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%)}
body.hidden{overflow:hidden}



/*底部样式*/
.footer{background:#f07428; color:#fff; font-size:14px; text-align:center; line-height:25px; padding:25px 0; overflow:hidden}
.footer .box{display:inline-block; padding-right:165px; position:relative; min-height:120px; text-align:left}
.footer .box .dh{font-size:28px; font-weight:bold; line-height:40px; position:relative; padding-left:50px; margin-bottom:5px}
.footer .box .dh:after{content:""; position:absolute; left:0; top:50%; margin-top:-12px; width:34px; height:24px; background:url(../images/dh.png) no-repeat}
.footer .code{position:absolute; right:0; top:0; width:95px; text-align:center; font-size:12px}
.footer .code img{width:100%}
.footer a{color:#fff} 
.footer a:hover{text-decoration:underline}



/*导航*/
.bh_70{height:70px}
.headbar_bpx{position:fixed; width:100%; left:0; top:0; z-index:99; background:#fff;
-webkit-box-shadow:rgba(58,123,200,0.19) 0px 0px 16px;
-moz-box-shadow:rgba(58,123,200,0.19) 0px 0px 16px;
box-shadow:rgba(58,123,200,0.19) 0px 0px 16px}
.headbar_bpx .layout{position:relative; height:70px} 
.headbar_bpx .logo{position:absolute; left:0; top:50%; height:38px; margin-top:-19px}
.main-nav-pc{height:70px; line-height:70px; margin-left:250px}
.main-nav-pc li{float:left; position:relative}
.main-nav-pc li .a{display:block; height:70px; font-size:16px; padding:0 30px; color:#818181; position:relative; text-align:center}
.main-nav-pc li .a:after{content:""; position:absolute; width:100%; height:2px; background:#f1823d; left:0; top:0; opacity:0}
.main-nav-pc li .a a{position:absolute; width:100%; height:100%; left:0; top:0}
.main-nav-pc li .drop-down{display:none; position:absolute; width:100%; left:0; top:70px; background:#e08c5e; text-align:center;overflow:hidden}
.main-nav-pc li .drop-down p{margin-top:-1px}
.main-nav-pc li .drop-down a{display:block; height:45px; font-size:14px; line-height:45px; border-top:1px solid #fff; color:#fff}
.main-nav-pc li .drop-down a:hover{color:#5c2606}
.main-nav-pc li:hover .drop-down{}
.main-nav-pc li:hover .a,
.main-nav-pc li.hover .a{color:#f07e38; background:#fff;
-webkit-box-shadow:rgba(112,112,112,0.4) 0px 0px 6px;
-moz-box-shadow:rgba(112,112,112,0.4) 0px 0px 6px;
box-shadow:rgba(112,112,112,0.4) 0px 0px 6px}
.main-nav-pc li:hover .a:after,
.main-nav-pc li.hover .a:after{opacity:1}

.ioc_switch{display:none}


/*首页*/
.index_show{background:#000;/* height:calc(100vh - 130px);*/ position:relative; overflow:hidden}
.index_show .uk-slideshow-fullscreen,
.index_show .uk-slideshow-fullscreen>li{/*height:calc(100vh - 130px);*/}
.index_show.hover{min-height:0}
.index_show img{width:100%}
.index_show .uk-slidenav-position .uk-slidenav{color:#3a2a1f; background:rgba(255,255,255,0.5); border-radius:50%; overflow:hidden; text-align:center; line-height:53px; font-size:50px}
.index_show .uk-slidenav-position .uk-slidenav:before{position:relative}
.index_show .uk-slidenav-position .uk-slidenav-previous:before{left:-2px}
.index_show .uk-slidenav-position .uk-slidenav-next:before{right:-2px}

.index_show .uk-slideshow,.index_show .uk-slideshow>li{}
.index_show .uk-dotnav{text-align:center; bottom:15px; display:block}
.index_show .uk-dotnav>*{float:none; display:inline-block; padding-left:10px; margin:0}
.index_show .uk-dotnav>*>*{width:12px; height:12px; background:#303535}
.index_show .uk-dotnav>.uk-active>*{transform:scale(1); background:#f1823d}


.index-title{text-align:center; padding-bottom:50px}
.index-title.right{text-align:right}
.index-title .cn{font-size:26px; line-height:40px}
.index-title .en{font-size:14px; color:#7a7a7a; text-transform:uppercase; line-height:20px}

.index-more{display:block; width:178px; height:48px; background:#fff; border:1px solid #f07428; font-size:16px; color:#f07428; line-height:48px; text-align:center; margin:50px auto 0 auto}
.index-more:hover{background:#f07428; color:#fff}



/*.index-1*/
.index-1{background:#fff; padding:50px 0; overflow:hidden}
.index-products{overflow:hidden; margin-left:-15px}
.index-products *{overflow:hidden}
.index-products li{float:left; width:33.3%}
.index-products li .box{display:block; text-align:center; margin-left:15px; position:relative}
.index-products li .box:after{content:""; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.4); left:0; top:0}
.index-products li .box img{width:100%; float:left}
.index-products li .text{position:absolute; width:100%; line-height:40px; text-align:center; z-index:2; color:#fff}
.index-products li .text .cn{font-size: 26px;}
.index-products li .text .en{font-size:15px;text-transform:uppercase}


.index_introduce{overflow:hidden; margin:80px 0 30px 0}
.index_introduce *{overflow:hidden}
.index_introduce li{width:33.3333333%; float:left; position:relative;list-style:none}
.index_introduce li .all{position:absolute; width:100%; height:100%; left:0; top:0; z-index:4}
.index_introduce li img{width:100%}
.index_introduce li:after{content:""; position:absolute; width:100%; left:0; top:0; height:100%; background:rgba(0,0,0,0.47); opacity:0}
.index_introduce li .text{width:100%; height:50%; position:absolute; left:0; top:0; z-index:2;background:#fff}
.index_introduce li.li .text{bottom:0; top:inherit}
.index_introduce li .text .box{padding:40px 30px 15px 30px; position:relative; z-index:2}
.index_introduce li .title{font-size:26px; line-height:34px; color:#000; text-transform:capitalize; padding-bottom:10px; position:relative}
.index_introduce li .title .cn{font-size: 26px;}
.index_introduce li .title .zn{color:#666; font-size:14px; text-transform:uppercase}
.index_introduce li .txt{font-size:16px; color:#999; line-height:30px; height:120px; display:-webkit-box;
-webkit-box-orient: vertical; -webkit-line-clamp:4; position:relative; z-index:2}


.index_introduce li:hover:after{opacity:1}
.index_introduce li:hover .text{top:30%}
.index_introduce li.li:hover .text{bottom:30%; top:inherit}
.index_introduce li:hover .text .box{padding:15px 30px}
.index_introduce li:hover .text{background:none}
.index_introduce li:hover .title{color:#fefefe; padding-left:20px}
.index_introduce li:hover .title .zn{color:#fefefe}
.index_introduce li:hover .title:after{width:4px; opacity:1}
.index_introduce li:hover .txt{color:#fefefe; padding-left:20px}




.index-2{background:url(../images/index-2.jpg) no-repeat center 0; background-size:cover; padding:80px 0; overflow:hidden}
.index-2 .index-title{padding-bottom:15px}
.index-2-box{text-align:right; margin:0 140px}
.index-2-text{font-size:14px; line-height:24px; padding:0 0 40px 40%}

.swiper-honor{position:relative}
.swiper-honor .button{position:absolute; width:38px; height:38px; background-size:100% !important; z-index:3}
.swiper-honor .swiper-next{left:0; background:url(../images/left.png) no-repeat}
.swiper-honor .swiper-prev{right:0; background:url(../images/right.png) no-repeat}
.swiper-honor .swiper-slide{width:540px;}
.swiper-honor img{width:100%; position:relative;}
.swiper-honor .swiper-container{}
.swiper-honor .swiper-slide{overflow:hidden}
.swiper-honor .swiper-slide img{transform:scale(0.8)}
.swiper-honor .swiper-slide-prev img{right:-15%}
.swiper-honor .swiper-slide-next img{left:-15%}
.swiper-honor .swiper-slide-active img,
.swiper-honor .swiper-slide-duplicate-active img{transform:scale(1)}


.index-3{background:#fff; padding:50px 0; overflow:hidden}
.index-3 .index-title{padding-bottom:0}
.index-3-text{font-size:14px; line-height:25px; text-align:center; color:#818181; padding:20px 20% 30px 20%}
.index-case{overflow:hidden; margin-left:-15px}
.index-case *{overflow:hidden}
.index-case li{width:33.3%; float:left}
.index-case li .box{display:block; text-align:center; margin-left:15px}
.index-case li img{width:100%}
.index-case li p{height: 50px;line-height: 50px;font-size:16px;color:#818181;}
.index-case li a:hover p{background:#f07428; color:#fff}



/*二级公共样式*/
.second-show{overflow:hidden}
.second-show img{width:100%}
.second-show .layout{height:440px; position:relative}
.second-show.bh300 .layout{height:300px}
.second-show .text{position:absolute;left: 29%;top:30%;line-height:30px;opacity:0;}
.second-show.hover .text{top: 43%;opacity:1;}
.second-show.right .text{right:20%; left:inherit}
.second-show .text .cn{font-size:28px}
.second-show .text .en{font-size:14px; color:#7a7a7a; text-transform:uppercase}

.second-box{padding:20px 0; position:relative}
.position-box{text-align:right; font-size:14px; color:#818181; line-height:40px; margin-bottom:40px}
.position-box span{padding:0 8px}
.position-box a{color:#818181}
.position-box a:hover,
.position-box .on{color:#f07e38}
.position-nav{float:left; padding:5px 0}
.position-nav li{float:left}
.position-nav li a{display:block; height:30px; line-height:30px; padding:0 20px; text-align:center; font-size:14px; color:#818181}
.position-nav li.hover a{background:#f1823d; color:#fff}

.second-title{text-align:center; line-height:35px}
.second-title .h1{font-size:28px; color:#f07e38}
.second-title .h2{font-size:14px; color:#7a7a7a}

/*公司简介*/
.about-text{font-size:16px; line-height:30px; color:#818181; overflow:hidden; padding:30px 0}
.about-text h2{display:block; font-size:18px; font-weight:bold; color:#156f72}
.about-text img{max-width:100%}

/*发展历程*/
.course-list{position:relative; padding-top:120px; margin-top:50px}
.course-list:before{content:""; position:absolute}
.course-list:before{width:103px; height:75px; left:50%; top:0; margin-left:-51px; background:url(../images/logoa.png) no-repeat}
.course-list:after{content:""; position:absolute; width:1px; left:50%; margin-left:-0.5px; top:140px; bottom:0; background:#000}
.course-list li{ position:relative; z-index:1}
.course-list li .box{margin-right:50%; position:relative; z-index:2}
.course-list li .box .time,
.course-list li .box .h1,
.course-list li .box .text{position:relative; z-index:2}
.course-list li .box .time{position:relative; text-align:right; padding-right:110px}
.course-list li .box .time i{position:absolute; right:-7px; top:50%; margin-top:-7px; width:12px; height:12px; border-radius:50px; border:1px solid #eb762f; background:#fff; z-index:3}
.course-list li .box .time i:after{content:""; position:absolute; width:8px; height:8px; left:50%; top:50%;  border-radius:50px; margin-left:-4px; margin-top:-4px; background:#eb762f}
.course-list li .box .time:after{content:""; position:absolute; width:100%; height:1px; left:0; top:50%; margin-top:-0.5px; background:#000}
.course-list li .box .time span{display:inline-block; width:115px; height:45px; text-align:center; line-height:45px; border-radius:5px; background:#f07e38; font-size:22px; color:#fff; position:relative; z-index:3}
.course-list li .box .h1{text-align:right; padding:0 110px 30px 0; font-size:16px; color:#f07d37; line-height:30px}
.course-list li .box .text{font-size:16px; line-height:30px; color:#818181; padding:20px 100px 20px 0}

.course-list li:nth-child(odd) .box{margin:0; margin-left:50%}
.course-list li:nth-child(odd) .box .time{text-align:left; padding:0; padding-left:110px}
.course-list li:nth-child(odd) .box .time i{right:auto; left:-7px}
.course-list li:nth-child(odd) .box .h1{text-align:left; padding:0; padding:0 0 30px 110px}
.course-list li:nth-child(odd) .box .text{padding:20px 0 20px 100px}
.course-list li:first-child .box .h1{position:absolute; top:0; left:-42%; padding:0 110px 30px 0}
.course-list li:last-child .box:after{content:""; position:absolute; width:102%; background:#fff; left:-2px; top:80px; bottom:0}


/*专业优势*/
.advantage-list{padding:60px 0 0 0; overflow:hidden}
.advantage-list li{position:relative; min-height:205px; margin-bottom:45px}
.advantage-list li .img{overflow:hidden; width:475px; left:0; top:0; background:#fff}
.advantage-list li .img img{width:100%; height:205px}
.advantage-list li .h1{color:#818181; font-size:16px; line-height:30px; padding-bottom:10px}
.advantage-list li .h1 span{color:#156f72; font-size:22px; font-style:italic; padding-right:10px}
.advantage-list li .txt{font-size:16px; line-height:30px; color:#818181}
.advantage-list li .box{position:absolute; right:0; left:535px; top:50%; transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%)}

.advantage-list li:hover .img{-webkit-box-shadow:rgba(112,112,112,0.4) 0px 0px 6px;
-moz-box-shadow:rgba(112,112,112,0.4) 0px 0px 6px;
box-shadow:rgba(112,112,112,0.4) 0px 0px 6px}


/*企业文化*/
.culture-text{font-size:16px; line-height:30px; color:#818181; padding:30px 0}
.culture-text h2{display:block; font-size:18px; color:#f07e38}
.culture-text img{max-width:100%}
.culture-text .li{position:relative; padding-left:15px; border-left:2px solid #f07e38; margin-bottom:40px}

/*企业荣誉*/
.honor-list{margin-left:-20px; padding:30px 0 0 0; overflow:hidden}
.honor-list li{float:left; width:25%; padding-bottom:40px}
.honor-list li *{overflow:hidden}
.honor-list li .box{margin-left:20px; text-align:center; font-size:16px; color:#818181}
.honor-list li img{width:100%}
.honor-list li p{ line-height:20px; padding-top:10px}

/*产品与服务*/
.product-title{line-height:25px; height:25px; background:#f07428; padding:0 20px; font-size:15px; color:#fff}
.product-list{overflow:hidden; margin-left:-50px; padding:20px 0}
.product-list *{overflow:hidden}
.product-list li{float:left; width:25%;  padding-bottom:20px}
.product-list li .box{margin-left:50px; text-align:center}
.product-list li img{width:80%}
.product-list li .h1{font-size:16px; color:#4c4c4c; text-align:center}
.product-list li .txt{font-size:14px; color:#818181; line-height:20px; height:40px; text-align:left; padding:0 20%}
.product-list li a:hover .h1{color:#f07428}

.product1-text{overflow:hidden}
.product1-text img{max-width:100%}

/*个人及家庭用户-常见问题*/
.paging-box{text-align:center; line-height:30px; font-size:14px; color:#818181}
.paging-box a,
.paging-box .on{margin:0 10px; color:#818181}
.paging-box a:hover,
.paging-box .on{color:#f07e38}
.page-box{line-height:20px; padding:8px 260px 8px 0; color:#818181; font-size:16px; position:relative}
.page-box p{padding:5px 0}
.page-box a{color:#818181}
.page-box a:hover{color:#f07d37}
.page-box .return{position:absolute; right:0; top:50%; margin-top:-22px; width:250px; text-align:center; background:#f07d37; color:#fff; height:45px; font-size:16px; line-height:45px}
.page-box .return span{padding-left:23px; position:relative}
.page-box .return span:after{content:""; position:absolute; width:16px; height:12px; left:0; top:50%; margin-top:-6px; background:url(../images/return.png) no-repeat}
.page-box .return:hover{background:#cf5f1c; color:#fff}

.product2-list{}
.product2-list li{padding-bottom:15px}
.product2-list li .box{display:block; overflow:hidden; background:#fff; padding:30px; padding-left:375px; position:relative; height:160px}
.product2-list li .box *{overflow:hidden}
.product2-list li .img{position:absolute; left:30px; top:30px; width:300px; height:160px}
.product2-list li .img img{width:100%; height:160px; object-fit:contain}
.product2-list li .h1{font-size:17px; line-height:30px; height:30px; color:#4c4c4c}
.product2-list li .txt{font-size:14px; color:#818181; line-height:30px; height:90px; margin:10px 0 15px 0}
.product2-list li .more{font-size:14px; color:#f1823d; line-height:20px}
.product2-list li a:hover{-webkit-box-shadow:rgba(102,102,102,0.5) 0px 0px 15px; -moz-box-shadow:rgba(102,102,102,0.5) 0px 0px 15px; box-shadow:rgba(102,102,102,0.5) 0px 0px 15px; z-index:3}

/*个人及家庭用户-常见问题详情*/
.product2-details{}
.product2-left{width:760px; float:left}
.product2-left .h1{font-size:28px; line-height:35px}
.product2-left .tt{font-size:14px; color:#818181; line-height:20px; padding:10px 0 0 0}
.product2-left .tt span{padding-right:15px}
.product2-left-text{font-size:16px; line-height:30px; color:#818181; margin:20px 0; padding:30px 0; border-top:1px dotted #bfbfbf; border-bottom:1px dotted #bfbfbf}
.product2-left-text img{max-width:100%}

.product2-right{width:315px; float:right}
.product2-right .h1{background:#f1823d; font-size:18px; color:#fff; line-height:45px; height:45px; padding:0 15px}
.product2-right .box{background:#f7f7f7; padding:15px}
.product2-right ul{ padding-bottom:20px}
.product2-right ul li{line-height:20px; padding:10px 0; border-bottom:1px dotted #959595; font-size:15px; overflow:hidden}
.product2-right ul li a{color:#818181} 
.product2-right ul li a:hover{color:#f1823d}
.product2-right .return{display:block; margin:0 15px; text-align:center; background:#f07d37; color:#fff; height:45px; font-size:16px; line-height:45px}
.product2-right .return span{padding-left:23px; position:relative}
.product2-right .return span:after{content:""; position:absolute; width:16px; height:12px; left:0; top:50%; margin-top:-6px; background:url(../images/return.png) no-repeat}
.product2-right .return:hover{background:#cf5f1c}


/*工程荟萃*/
.engineering-list{overflow:hidden; margin-left:-15px}
.engineering-list li{float:left; width:33.3%; padding-bottom:20px}
.engineering-list li *{overflow:hidden}
.engineering-list li .box{display:block; margin-left:15px}
.engineering-list li img{width:100%;object-fit:contain}
.engineering-list li .pa{padding:0px 45px; border-bottom:1px solid #bcbcbc; text-align:center}
.engineering-list li .h1{font-size:17px; line-height:30px; height:30px; margin-bottom:5px}
.engineering-list li .txt{font-size:14px; line-height:20px; height:40px; color:#818181}
.engineering-list li a:hover .pa{background:#f07e38}
.engineering-list li a:hover .h1,
.engineering-list li a:hover .txt{color:#fff}


/*工程荟萃详情*/
.swiper-engineering{position:relative; overflow:hidden; margin-bottom:50px}
.swiper-engineering img{width:100%}
.swiper-engineering .button{position:absolute; width:60px; height:60px; top:50%; margin-top:-30px; background:#666666; color:#fff; text-align:center; line-height:60px; overflow:hidden; font-size:20px; z-index:3}
.swiper-engineering .button:hover{background:#f07d37}
.swiper-engineering .swiper-next{left:0}
.swiper-engineering .swiper-prev{right:0}

.engineering-h1{font-size:28px; line-height:35px}
.engineering-text{font-size:16px; color:#818181; line-height:30px; padding:30px 0; border-bottom:1px dotted #bfbfbf; margin-bottom:10px}

.product-details{background:#f6f6f6; padding:60px; padding-top:25px; overflow:hidden; font-size:16px; line-height:30px; color:#818181}
.product-details .img{float:left; margin:0 15px 20px 0}
.product-details .h1{font-size:28px;line-height:40px;padding-bottom:15px;color:#333;padding-top: 56px;}
.product-details h2{display:block; font-size:18px; color:#f07d37; font-weight:bold; padding-bottom:5px}

/*经典案例*/
.case-text{text-align:center; font-size:16px; color:#818181; line-height:30px; padding-bottom:30px}

/*新闻动态*/
.news-list{padding:30px 0}
.news-list li{margin-top:-1px; position:relative}
.news-list li *{overflow:hidden}
.news-list li .box{position:relative; display:block; height:160px; padding:35px 225px 35px 380px; background:#fff; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc}
.news-list li .box .img{position:absolute; left:15px; top:35px; width:330px; height:160px}
.news-list li .box .img img{width:100%; height:160px; object-fit:contain}
.news-list li .time{position:absolute; font-size:32px; line-height:32px; color:#818181; top:65px; right:40px}
.news-list li .h1{font-size:17px; line-height:30px; height:30px; color:#4c4c4c; margin:35px 0 10px 0}
.news-list li .txt{font-size:14px; color:#818181; line-height:25px; height:75px}
.news-list li .box:hover{-webkit-box-shadow:rgba(112,112,112,0.4) 2px 6px 24px; -moz-box-shadow:rgba(112,112,112,0.4) 2px 6px 24px; box-shadow:rgba(112,112,112,0.4) 2px 6px 24px}
.news-list li:hover{z-index:2}

/*招贤纳士*/
.join-h1{font-size:28px; line-height:30px; padding-left:15px; position:relative; margin-bottom:40px}
.join-h1:after{content:""; position:absolute; width:6px; height:26px; left:0; top:50%; margin-top:-13px; background:#f1823d}
.join-list{padding:0 0 50px 0}
.join-list li{background:#fff; margin-bottom:30px; -webkit-box-shadow:rgba(0,0,0,0.2) 0 0 10px;-moz-box-shadow:rgba(0,0,0,0.2) 0 0 10px;box-shadow:rgba(0,0,0,0.2) 0 0 10px}
.join-list li .box{padding:20px 25px; cursor:pointer}
.join-list li .title{font-size:24px; line-height:35px; position:relative}
.join-list li .title .ioc{position:absolute; right:0; top:6.5px; width:23px; height:23px}
.join-list li .title .ioc:before,
.join-list li .title .ioc:after{content:""; position:absolute; background:#444}
.join-list li .title .ioc:before{width:100%; left:0; height:3px; top:50%; margin-top:-1.5px}
.join-list li .title .ioc:after{width:3px; left:50%; height:100%; top:0; margin-left:-1.5px}
.join-list li .on .title .ioc:after{display:none}
.join-list li .txt{font-size:16px; line-height:30px; color:#666666; padding-top:20px}
.join-list li .text{padding:20px 25px 35px 25px; font-size:16px; line-height:30px; display:none; color:#818181}
.join-list li .text h2{display:block; font-size:16px; font-weight:bold; line-height:30px; padding:25px 0 5px 0;color:#818181}
.join-list li .text h2:nth-child(1){padding:0 0 5px 0}


.connect-map,
.connect-text{ width:50%; float:left}
.connect-map{height:400px; overflow:hidden}
.connect-map img{max-width:none}
.connect-text .box{padding:40px 0 0 60px}
.connect-text .h1{font-size:24px; line-height:30px}
.connect-text .text{font-size:16px; color:#818181; line-height:22px; padding:30px 0}
.connect-text .text p{margin:15px 0; position:relative; padding-left:25px}
.connect-text .text p:after{content:""; position:absolute; width:22px; height:22px; left:0; top:0}
.connect-text .text .p1:after{background:url(../images/p1.png) no-repeat 0 center}
.connect-text .text .p2:after{background:url(../images/p2.png) no-repeat 0 center}
.connect-text .text .p3:after{background:url(../images/p3.png) no-repeat 0 center}
.connect-text .text .p4:after{background:url(../images/p4.png) no-repeat 0 center}
@media screen and (max-width:1200px){
  .layout{width:auto}
}
@media screen and (max-width:750px){
	html,body{overflow-x:hidden}
	.pc{display:none !important}
    .web{display:block !important}
	.layout{width:auto}

	/*底部样式*/
	.footer{font-size:14px; line-height:25px; padding:20px 0.3rem}
	.footer .box{display:block; padding-right:0; min-height:0; text-align:center}
	.footer .box .dh{font-size:22px; display:inline-block; line-height:40px; padding-left:50px}
	.footer .box .dh:after{content:""; position:absolute; left:0; top:50%; margin-top:-12px; width:34px; height:24px; background:url(../images/dh.png) no-repeat}
	.footer .code{position:relative; display:block; margin:10px auto 0 auto; width:95px}


	/*导航*/
	.bh_70,
	.headbar_bpx .layout{height:60px}
	.headbar_bpx .logo{left:0.3rem; height:30px; margin-top:-15px}
	.ioc_switch{display:block; position:absolute; top:0; width:50px; height:60px; font-size:0.5rem; line-height:60px; text-align:center; overflow:hidden; color:#f07428}
	.ioc_switch{right:0}
	.main-nav-pc{position:fixed; left:0; top:60px; width:100%; height:calc(100% - 60px); overflow:auto; line-height:40px; background:#e08c5e; display:none; margin:0}
	.main-nav-pc li{float:none; width:auto; position:relative}
	.main-nav-pc li .a{height:45px; line-height:45px; font-size:16px; color:#fff; text-align:left; padding:0 0.2rem; font-weight:bold; border-bottom:1px solid #fff}
	.main-nav-pc li .a:after{display:none}
	.main-nav-pc li.d .a a{display:none}
	.main-nav-pc li .drop-down{display:none; position:relative; width:100%; left:0; top:0; text-align:left; background:rgba(0,0,0,0.1)}
	.main-nav-pc li .drop-down a{padding:0 0.2rem}
	.main-nav-pc li:hover .drop-down{display:none}
	.main-nav-pc li:hover .a,
	.main-nav-pc li.hover .a{color:#fff; background:none;
	-webkit-box-shadow:rgba(112,112,112,0) 0px 0px 6px;
	-moz-box-shadow:rgba(112,112,112,0) 0px 0px 6px;
	box-shadow:rgba(112,112,112,0) 0px 0px 6px}
	
	
	/*焦点图*/
	.index_show .uk-dotnav{bottom:10px}
	.index_show .uk-slidenav{display:none}
	.index_show .uk-position-cover{display:none}
	.index_show .uk-slideshow>li>.web{visibility:visible; opacity:1 !important}
	.index_show .uk-slideshow>li:nth-child(1) img{display:none}
	.index_show .uk-slidenav-position .uk-slidenav{display:none}
	.index_show .uk-dotnav>*>*{width:8px; height:8px}
	
	/*首页*/
	.index-title{padding-bottom:30px}
	.index-title .cn{font-size:18px; line-height:30px}
	.index-title .en{font-size:12px}
	.index-more{width:178px; height:40px; font-size:14px; color:#f07428; line-height:40px; margin:0.2rem auto 0 auto}

	/*.index-1*/
	.index-1{padding:0.3rem}
	.index-products{margin-left:-10px}
	.index-products li{padding-bottom:10px}
	.index-products li .box{margin-left:10px}
	.index-products li .text{line-height:20px}
	.index-products li .text .cn{font-size:14px}
	.index-products li .text .en{font-size:12px; display:none}


	.index_introduce{margin:0.5rem 0}
	.index_introduce li .text{background:rgba(0,0,0,0.5)}
	.index_introduce li .text .box{padding:15px 5px}
	.index_introduce li .title{font-size:14px; line-height:22px; color:#fff}
	.index_introduce li .title .cn{font-size:14px}
	.index_introduce li .title .zn{color:#fff; font-size:12px;line-height:18px}
	.index_introduce li .txt{display:none}

	.index_introduce li:hover .text{height:auto; top:5%}
	.index_introduce li.li:hover .text{bottom:5%; top:inherit}
	.index_introduce li:hover .text .box{padding:15px 5px}
	.index_introduce li:hover .title{color:#fefefe; padding-left:10px}
	

	.index-2{padding:0.5rem 0.3rem}
	.index-2 .index-title{padding-bottom:15px; text-align:center; color:#fff}
	.index-2 .index-title .en{color:#fff}
	.index-2-box{text-align:center; margin:0}
	.index-2-text{font-size:14px; color:#fff;  padding:0 0 0.4rem 0}
	.swiper-honor{position:relative; padding:0 55px}
	.swiper-honor .swiper-slide{width:100%}
	.swiper-honor img{width:93%}
	.swiper-honor .swiper-slide img{transform:scale(1)}
	.swiper-honor .button{ width:24px; height:24px}
	.swiper-honor .swiper-slide span{padding-right:0.28rem}

	.index-3{padding:0.3rem}
	.index-3-text{font-size:14px; padding:20px 0 30px 0}
	.index-case{margin-left:-10px}
	.index-case li{width:50%; float:left; padding-bottom:10px}
	.index-case li .box{margin-left:10px}
	.index-case li p{height: 30px;line-height: 30px;font-size:14px;}
	.index-case li:nth-child(3){display:none}
	/*二级公共样式*/
	.second-show .layout,
	.second-show.bh300 .layout{height:auto}
	.second-show .text{left:0;text-align:center; width:100%}
	.second-show.right .text{right:0}
	.second-show .text .cn{font-size:20px}
	.second-show .text .en{font-size:14px}

	.second-box{padding:0.3rem}
	.position-box{text-align:center; font-size:14px; line-height:20px; padding:10px 0; margin-bottom:0.3rem}
	.position-box span{padding:0 8px}
	.position-nav{float:none; text-align:center; padding:5px 0; margin-bottom:10px}
	.position-nav li{float:none; display:inline-block}

	.second-title{text-align:center;line-height: 22px;}
	.second-title .h1{font-size: 18px;}
	.second-title .h2{font-size: 12px;}

	/*公司简介*/
	.about-text{font-size:14px; line-height:22px; padding:0.3rem 0}
	.about-text h2{font-size:18px}

	/*发展历程*/
	.course-list{padding-top:90px; margin-top:0.5rem}
	.course-list:before{width:103px; height:75px; left:50%; top:0; margin-left:-51px; background:url(../images/logoa.png) no-repeat}
	.course-list:after{display:none}
	.course-list li{}
	.course-list li .box{margin-right:0; background:#fff}
	.course-list li .box .time{text-align:center; padding-right:0}
	.course-list li .box .time i,
	.course-list li .box .time:after{display:none}
	.course-list li .box .time span{width:115px; height:45px; line-height:45px; font-size:22px}
	.course-list li .box .h1{text-align:center; padding:0.2rem; font-size:16px; line-height:30px}
	.course-list li .box .text{font-size:14px; line-height:22px; padding:0.2rem; text-align:center}
	.course-list li:nth-child(odd) .box{margin-left:0}
	.course-list li:nth-child(odd) .box .time{text-align:center; padding-left:0}
	.course-list li:nth-child(odd) .box .h1{text-align:center; padding:0.2rem}
	.course-list li:nth-child(odd) .box .text{padding:0.2rem}
	.course-list li:first-child .box .h1{position:relative; top:0; left:0; padding:0.2rem}
	.course-list li:last-child .box:after{display:none}
	
	/*专业优势*/
	.advantage-list{padding:0.3rem 0 0 0}
	.advantage-list li{min-height:0; margin-bottom:45px}
	.advantage-list li .img{width:100%; margin-bottom:10px}
	.advantage-list li .img img{height:auto}
	.advantage-list li .h1{font-size:16px; line-height:30px; padding-bottom:10px}
	.advantage-list li .h1 span{font-size:22px; padding-right:0; display:block}
	.advantage-list li .txt{font-size:14px; line-height:22px}
	.advantage-list li .box{position:relative; right:0; left:0; top:0; transform:translateY(0); -ms-transform:translateY(0); -moz-transform:translateY(0);
-webkit-transform:translateY(0); -o-transform:translateY(0)}

	/*企业文化*/
	.culture-text{font-size:14px; line-height:22px; padding:0.3rem 0}
	.culture-text h2{font-size:18px}
	.culture-text .li{margin-bottom:0.4rem}

	/*企业荣誉*/
	.honor-list{margin-left:0; padding:30px 0 0 0}
	.honor-list li{width:100%; padding-bottom:0.4rem}
	.honor-list li .box{margin-left:0; font-size:14px}

	/*产品与服务*/
	.product-title{line-height:25px; height:25px; background:#f07428; padding:0 20px; font-size:15px; color:#fff}
	.product-list{overflow:hidden; margin-left:-10px; padding:20px 0}
	.product-list li{float:left; width:50%; padding-bottom:20px}
	.product-list li .box{margin-left:10px}
	.product-list li img{width:100%}
	.product-list li .txt{padding:0 5%}

	/*个人及家庭用户-常见问题*/
	.page-box{line-height:20px; padding:8px 0}
	.page-box .return{position:relative; right:0; top:0; display:block; margin:0; width:auto; margin-bottom:10px}

	.product2-list li{padding-bottom:15px}
	.product2-list li .box{padding:0.3rem; padding-left:0.3rem; height:auto}
	.product2-list li .img{position:relative; left:0; top:0; width:100%; height:auto; margin-bottom:10px}
	.product2-list li .img img{height:auto;}
	.product2-list li .h1{font-size:16px; line-height:30px; height:30px;}
	.product2-list li .txt{font-size:14px; line-height:30px; height:90px; margin:10px 0}
	.product2-list li .more{font-size:14px; color:#f1823d; line-height:20px}
	.product2-list li a{-webkit-box-shadow:rgba(102,102,102,0.5) 0px 0px 15px; -moz-box-shadow:rgba(102,102,102,0.5) 0px 0px 15px; box-shadow:rgba(102,102,102,0.5) 0px 0px 15px; z-index:3}

	/*个人及家庭用户-常见问题详情*/
	.product2-details{}
	.product2-left{width:auto; float:none}
	.product2-left .h1{font-size:24px}
	.product2-left .tt{font-size:14px; padding:10px 0 0 0}
	.product2-left .tt span{padding-right:15px}
	.product2-left-text{font-size:14px; line-height:25px; margin:20px 0 0 0; padding:0.2rem 0}
	.product2-left-text iframe{height:300px !important}
	.product2-right{width:auto; float:none; padding-top:10px}
	.product2-right .h1{font-size:16px}
	.product2-right ul li{line-height:20px; padding:10px 0}
	
	
	/*工程荟萃*/
	.engineering-list{margin-left:0}
	.engineering-list li{float:left; width:100%; padding-bottom:20px}
	.engineering-list li .box{margin-left:0}
	

	/*工程荟萃详情*/
	.swiper-engineering{margin-bottom:0.5rem}
	.swiper-engineering .button{width:30px; height:30px; margin-top:-15px; line-height:30px; font-size:12px}
	.engineering-h1{font-size:20px; line-height:35px}
	.engineering-text{font-size:14px; line-height:25px; padding:0.3rem 0; margin-bottom:10px}
	
	.product-details{padding:0.3rem; padding-top:25px; font-size:14px; line-height:25px}
	.product-details .img{float:none; width:100%; margin:0 0 20px 0}
	.product-details .h1{font-size:22px; line-height:40px; padding-bottom:15px}
	.product-details h2{font-size:18px}

	/*经典案例*/
	.case-text{font-size:14px; line-height:25px; padding-bottom:0.3rem}

	/*新闻动态*/
	.news-list{padding:0.3rem 0}
	.news-list li{margin-bottom:10px}
	.news-list li .box{height:auto; padding:0.3rem}
	.news-list li .box .img{position:relative; left:0; top:0; width:100%; height:auto}
	.news-list li .box .img img{height:auto}
	.news-list li .time{position:absolute; font-size:32px; line-height:32px; color:#818181; top:65px; right:40px}
	.news-list li .h1{margin:10px 0}
	.news-list li .timea{font-size:0.22rem; color:#818181; line-height:0.3rem}
	.news-list li .txt{height:auto}
	.news-list li .box{-webkit-box-shadow:rgba(112,112,112,0.4) 0 0 16px; -moz-box-shadow:rgba(112,112,112,0.4) 0 0 16px; box-shadow:rgba(112,112,112,0.4) 0 0 16px}
	

	/*招贤纳士*/
	.join-h1{font-size:18px; margin-bottom:0.4rem}
	.join-h1:after{width:4px; height:20px; margin-top:-10px}
	.join-list{padding:0.1rem 0 0.3rem 0}
	.join-list li{margin-bottom:0.3rem}
	.join-list li .box{padding:0.3rem; cursor:pointer}
	.join-list li .title{font-size:16px; line-height:35px; position:relative; padding-right:30px}
	.join-list li .title .ioc{top:10px; width:15px; height:15px}
	.join-list li .txt{font-size:14px; line-height:25px; padding-top:10px}
	.join-list li .text{padding:0.3rem; font-size:14px; line-height:25px; display:none}
	.join-list li .text h2{display:block; font-size:16px; font-weight:bold; line-height:30px; padding:25px 0 5px 0}
	.join-list li .text h2:nth-child(1){padding:0 0 5px 0}
	.connect-map,
	.connect-text{width:auto; float:none}
	.connect-map{height:400px; overflow:hidden}
	.connect-text .box{padding:0.5rem 0 0 0}
	.connect-text .h1{font-size:22px}
	.connect-text .text{font-size:14px; line-height:22px; padding:0.3rem 0 0 0}
	.connect-text .text p{margin:10px 0}
}

@media screen and (max-width:370px){
	
}