@font-face {
font-family: "raleway";
src: url("../fonts/raleway.woff2") format("woff2"),
 url("../fonts/raleway.woff") format("woff"),
 url("../fonts/raleway.ttf") format("truetype"),
 url("../fonts/raleway.eot") format("embedded-opentype"),
 url("../fonts/raleway.svg") format("svg"),
 url("../fonts/raleway.otf") format("opentype");
}

/* CSS Document */
*{margin:0;padding:0;outline:none;-webkit-text-size-adjust:none;font-family:"Microsoft YaHei","微软雅黑",Arial,"宋体","SimHei", Verdana;_font-family:Arial !important;}
body{color:#333; background:#fff; font-size:100%;}
ul, ol{list-style:none;}
a{text-decoration:none;color:#333; -webkit-transition: all .5s; transition: all .5s; }
a:hover{color:#D9231B;text-decoration:none;}
img{max-width:100%; border:0px;} 
.en{font-family:"raleway";}
.clear{display:block;float:none;clear:both;overflow:hidden;width:auto;height:0;margin:0 auto;padding:0;font-size:0;line-height:0;}
.relative{position:relative;}
.fl{float:left;}
.fr{float:right;}
.clears{zoom: 1;}
.clears:after{content: ""; display: block; height: 0; clear: both; overflow: hidden;}
.maxwidth{max-width:1200px; margin:0px auto; overflow:hidden;}

.mt50{margin-top:50px; overflow:hidden;}

#header{width:100%; height:147px; background:url(../images/bg.png) left bottom repeat-x; position:fixed; left:0px; top:0px; z-index:99999;}

/*头部*/
.pc{display:block;}
.mb{display:none;}
#header .mb_head{display:none;}
#header .topbg{width:100%; height:50px; background:#D9231B;}
#header .topbg .hotline{max-width:1200px; margin:0px auto;}
#header .topbg .hotline span{display:inline-block; float:right; color:#fff; line-height:50px; background:url(../images/tel.png) left center no-repeat; padding:0px 10px 0px 30px;}
#header .topbg .hotline em{color:#FFDC33; font-style:normal;}
#header .head{max-width:1200px; margin:0px auto;}
#header .head .logo{display:inline-block; float:left; width:200px; height:90px; background:url(../images/logo.png) left center no-repeat; background-size:200px 90px;}
#header .head .menu{float:right; width:855px;}
#header .head .menu ul li{float:left; height:90px; line-height:90px; text-align:center; padding:0px 25px; position:relative;}
#header .head .menu ul li a{display:inline-block; color:#333; width:100%; height:90px; font-size:15px;}
#header .head .menu ul li a:hover,#header .head .menu ul li.curr a{color:#D9231B;}

#header .head .menu ul li dl{position:absolute; left:0px; top:82px; width:180px; display:none;}
#header .head .menu ul li dl dt{width:180px; height:10px; background:url(../images/m_ico.png) bottom center no-repeat;}
#header .head .menu ul li dl dd{clear:both; width:180px; position:relative;}
#header .head .menu ul li dl a{height:50px;line-height:50px; color:#333 !important; clear:both;text-align:center; font-size:13px; overflow:hidden; border-bottom:1px solid #ddd; float:left; background:#fff; font-weight:normal;}
#header .head .menu ul li dl a:hover,#header .head .menu ul li dl a.curr{color:#D9231B !important;}

#header .head .menu ul li dl .bclass{background:#fff url(../images/lma.png) 85% center no-repeat;}
#header .head .menu ul li dl .bclass:hover{background:#fff url(../images/lmas.png) 85% center no-repeat;}

#header .head .menu ul li dl dd .snav{position:absolute; left:180px; top:-1px; width:140px; border:1px solid #ddd; border-bottom:0px; display:none;}


/*首页banner 切换*/
#banner{width:100%; overflow:hidden; position:relative; margin-top:140px;}
.swiper-pagination-bullet{
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width:14px !important;
height:14px !important;
background:url(../images/dian.png) center center no-repeat !important;
}
.swiper-pagination-bullet-active{
background:url(../images/dians.png) center center no-repeat !important;
}
.swiper-container-horizontal>.swiper-pagination{bottom:10px !important;}
.swiper-slide img{width:100%;}

/*内页banner*/
#sub_banner{margin-top:140px; width:100%;}
#sub_banner .s_banner{position:relative; width:100%;}
#sub_banner .s_banner img{width:100%;}

.h_title{width:100%;}
.h_title span{width:100%; display:inline-block; font-size:23px; color:#D9231B; text-align:center; font-weight:bold;}
.h_title em{width:100%; display:inline-block; font-size:16px; height:16px; line-height:15px; text-align:center; color:#333; font-style:normal; margin-top:10px;}
.h_title em i{display:inline-block; width:20px; height:16px;}
.h_title em .l_ico{background:url(../images/l_ico.png) center center no-repeat; margin-right:10px;}
.h_title em .r_ico{background:url(../images/r_ico.png) center center no-repeat; margin-left:10px;}


/*首页 第一部分*/
.first_box{width:100%; margin-top:50px; overflow:hidden;}
.first_desc{max-width:1200px; margin:0px auto; box-sizing:border-box; overflow:hidden;}
.first_desc a{display:inline-block; width:28%; float:left; margin-left:8%; color:#fff; border-radius:9px; padding:25px 0; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; margin-top:40px;}
.first_desc a:hover{margin-top:25px;}
.first_desc a:nth-child(1){background:#82B8D9; margin-left:0;}
.first_desc a:nth-child(2){background:#FF9F00;}
.first_desc a:nth-child(3){background:#FA526B;}
.first_desc a dl{width:100%; text-align:center;}
.first_desc a dl dd{margin-top:20px;}
.first_desc a dl dd span{display:inline-block; width:100%; font-size:18px;}
.first_desc a dl dd em{display:inline-block; width:100%; font-style:normal; font-size:15px;}


/*首页 第二部分*/
.two_box{width:100%; margin-top:60px; padding:50px 0px 70px 0px; background:url(../images/pbg.jpg) center top no-repeat; overflow:hidden; background-size:auto 100%;}
.two_desc{max-width:1200px; margin:0px auto; margin-top:10px;}
.two_desc a{dispaly:inline-block; width:31%; margin-left:3.5%; margin-top:30px; float:left; text-align:left;}
.two_desc a:nth-child(3n+1){margin-left:0;}
.two_desc a dl dt{overflow:hidden;}
.two_desc a dl dt img {display: block;width: 100%;-webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.two_desc a:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.two_desc a dl dd{height:70px; line-height:70px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden; background:#fff url(../images/ar1.png) 93% center no-repeat; box-sizing:border-box; padding-left:7%; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.two_desc a:hover dl dd{background:#fff url(../images/ar2.png) 95% center no-repeat; box-sizing:border-box; padding-left:5%;}


/*首页 第三部分*/
.three_box{width:100%; padding:50px 0px 80px 0px; background:url(../images/abg.jpg) center top no-repeat; overflow:hidden;}
.three_box .three_desc{width:65%; max-width:1200px;  margin:0px auto; margin-top:30px; text-align:center; font-size:14px; line-height:200%;}
.three_box .more{width:100%; overflow:hidden; text-align:center;}
.three_box .more a{display:inline-block; width:150px; height:40px; line-height:40px; color:#D9231B; border:1px solid #D9231B; text-align:center; margin-top:60px; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.three_box .more a:hover{margin-top:70px;}


/*首页 第四部分*/
.four_box{width:100%; padding:50px 0px 60px 0px; background:#F1F4F9; overflow:hidden;}
.four_desc{max-width:1200px; margin:0px auto; margin-top:30px;}
.four_desc a{display:inline-block; width:32%; float:left; margin-left:2%; overflow:hidden; background:#fff;}
.four_desc a:nth-child(1){margin-left:0;}
.four_desc a dl dt{overflow:hidden;}
.four_desc a dl dt img{width:100%; display:block; -webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.four_desc a:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.four_desc a dl dd{width:100%; padding:15px 15px 25px 15px; box-sizing:border-box;}

.four_desc a dl dd h3{width:100%; font-size:16px; font-weight:normal; color:#333; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden;}
.four_desc a dl dd p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden; font-size:13px; line-height:180%; color:#666; margin-top:15px;}
.four_desc a dl dd span{display:inline-block; width:100%; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top:15px; color:#BCBCBC; background:url(../images/time.png) left center no-repeat; padding-left:20px;}
.four_desc a:hover dl dd h3{color:#D9231B;}


/*内页*/
#container{width:100%; margin-top:0px;}
#container .con_box{max-width:1200px; margin:0px auto; overflow:hidden;}
#container .con_box .con_r{width:100%; font-size:13px; line-height:200%; color:#666;}
#container .con_box .con_r .conpic{overflow:hidden; margin-bottom:30px;}
#container .con_box .con_r .conpic img{width:48%; float:left; margin-top:30px;}
#container .con_box .con_r .conpic img:nth-child(2n){float:right;}

#container .con_box .con_r .con_title{width:100%; text-align:center; font-size:22px; color:#D9231B; position:relative; padding-bottom:10px; margin-bottom:30px;}
#container .con_box .con_r .con_title:after{content:''; position:absolute; left:50%; top:100%; width:38px; height:3px; margin-left:-19px; background:#D9231B;}



/*位置*/
.contop{width:100%; height:45px;line-height:45px; background:#f2f2f2; margin-bottom:30px;}
.contop h4{height:45px;float:left;font-size:16px;font-weight:normal;overflow:hidden; color:#000;}
.concrumb{float:right;text-align:right;color:#6E6E6E;overflow:hidden; font-size:13px;}
.concrumb a{height:45px;display:inline-block;padding-right:13px;margin-right:8px;color:#6E6E6E;background:url(../images/ico_07.gif) no-repeat right center;}
.concrumb a:hover{color:#D9231B;}

/*关于我们*/
.about_box{width:100%; font-size:15px; line-height:200%;}

/*产品展示*/
.product_list{width:100%; overflow:hidden; margin-top:-30px;}
.product_list a{dispaly:inline-block; width:31%; margin-left:3.5%; margin-top:30px; float:left; text-align:left;}
.product_list a:nth-child(3n+1){margin-left:0; clear:both;}
.product_list a dl dt{overflow:hidden;}
.product_list a dl dt img {display: block;width: 100%;-webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.product_list a:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.product_list a dl dd{height:70px; line-height:70px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow:hidden; background:#fafafa url(../images/ar1.png) 93% center no-repeat; box-sizing:border-box; padding-left:7%; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.product_list a:hover dl dd{background:#fafafa url(../images/ar2.png) 95% center no-repeat; box-sizing:border-box; padding-left:5%;}

/*产品详情*/
.show_product{width:100%;}
.show_product .pro_l{width:46%; float:left;}
.show_product .pro_l img{display:block; width:100%;}
.show_product .pro_r{width:49%; float:right;}
.show_product .pro_r dl dt{font-size:24px; margin-top:20px; color:#000;}
.show_product .pro_r dl dd{margin-top:30px;}

.parameter_box{width:100%; margin-top:50px; overflow:hidden;}
.parameter_box .parameter_title{text-align:center; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.parameter_box .parameter_title span{display:inline-block; cursor:pointer; font-size:20px; padding:20px 0px; margin:0px 40px; position:relative;}
.parameter_box .parameter_title span:after {left: 50%;bottom: -1px;content: "";width: 0;height: 2px;opacity: 0;position: absolute;background: #D9231B;-webkit-transition: all 600ms ease-in-out;transition: all 600ms ease-in-out;-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;}
.parameter_box .parameter_title span:hover:after,.parameter_box .parameter_title .curr:after{left:0; width:100%; opacity: 1;}
.parameter_box .parameter_list{width:100%; overflow:hidden; line-height:210%; padding-top:50px; margin-top:50px; border-top:1px solid #ddd;}
.parameter_box div:nth-child(2){margin-top:0px; border-top:0px;}




/*工程案例*/
.case_list{width:100%; overflow:hidden; margin-top:-25px;}
.case_list a{display:inline-block; float:left; width:32%; margin-left:2%; margin-top:25px;}
.case_list a:nth-child(3n+1){margin-left:0; clear:left;}
.case_list a dl dt{width:100%; overflow:hidden;}
.case_list a dl dt img{width:100%; display:block; -webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.case_list a:hover dl dt img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.case_list a dl dd{background:#FAFAFA; padding:20px; overflow:hidden; min-height:80px;}
.case_list a dl dd h5{font-size:18px;}
.case_list a dl dd p{margin-top:10px; line-height:180%;}

.show_case_title{font-size:15px; line-height:200%;}
.show_case_box{margin-top:15px; overflow:hidden;}


/*新闻中心*/
.news_list{width:100%;clear:both;margin:20px auto 0px;}
.news_list dl{overflow:hidden;}
.news_list dl:nth-child(n+2){margin-top:25px;}
.news_list dl dt{float:left; width:25%; overflow:hidden;}
.news_list dl dt a img{width:100%; display:block; -webkit-transition: -webkit-transform .3s ease;-moz-transition: -moz-transform .3s ease;-ms-transition: -ms-transform .3s ease;transition: transform .3s ease;}
.news_list dl:hover dt a img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.news_list dl dd{float:right; width:72%;}
.news_list dl .title a{font-size:17px; font-weight:bold;}
.news_list dl .desc{margin-top:15px; color:#999; line-height:180%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}
.news_list dl .more a{display:inline-block; color:#D9231B; font-family:"宋体"; margin-top:15px;}

/*新闻详细*/
.show_box{width:100%;}
.show_box .show_name{font-size:23px; text-align:center;}
.show_box .show_info{text-align:center; font-size:13px; color:#999; margin-top:15px; border-bottom:1px solid #ddd; padding-bottom:15px;}
.show_box .show_content{margin-top:30px;}
.show_next{margin-top:30px; border-top:1px solid #ccc; padding-top:10px;}
.show_next ul li{height:35px; line-height:35px;}

/*常见问题*/
.problem_list{max-width:1200px; margin:0px auto;}
ul.problem_ul{ width:100%; height:auto; overflow:hidden;}
ul.problem_ul li{height:auto; line-height:55px; background:#FFF7F7; border:1px solid #DDD; color:#333; font-size:14px; margin-bottom:20px; cursor:pointer;}
ul.problem_ul li h5{font-size:16px; overflow:hidden;}
ul.problem_ul li h5 p{float:left; margin-top:1px; width:75%; font-weight:normal; background:url(../images/q.png) 15px center no-repeat; padding-left:50px; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;}
ul.problem_ul li.curr p.join_ico{background:url(../images/ico_problem2.png) no-repeat center; width:12px; height:55px; float:right; padding-right:30px; cursor:pointer;}
ul.problem_ul li p.join_ico{ background:url(../images/ico_problem1.png) no-repeat center; width:12px; height:55px; float:right; padding-right:30px; cursor:pointer;}
ul.problem_ul li.curr{ border:1px solid #DDD; background:#FEF2F1;}
ul.problem_ul li:hover{ border:1px solid #DDD; background:#FEF2F1;}
ul.problem_ul li div.problem_ul_div{ background:#fff; display:none; border:1px solid #E6E6E6; border-left:none;border-right:none; border-bottom:none; cursor:default;}
.problem_ul_div{clear:both; overflow:hidden; line-height:200%; position:relative; padding:20px 20px 20px 50px; color:#666;}
.problem_ul_div:before{content: "";display: block;background: url(../images/a.png) no-repeat;width: 13px;height: 18px;position: absolute; left: 20px;top: 23px;}

/*投诉维修*/
.book_l{width:36%; float:left;}
.book_l img{display:block; width:100%;}
.book_r{width:60%; float:right;}
.book_r .book_box{width:100%; overflow:hidden;}
.book_r .book_box dl dd{width:100%; font-size:14px; line-height:200%;}
.book_r .book_box dl dd a{color:#D9231B;}

.book_r .book_desc{width:100%; overflow:hidden;}
.book_r .book_desc dl{width:100%; margin-top:15px; overflow:hidden;}
.book_r .book_desc dl dt{float:left; width:12%; padding-right:1.5%; height:40px; line-height:40px; text-align:right; box-sizing:border-box;}
.book_r .book_desc dl dt span{color:#FF0000; display:inline-block; padding-right:5px;} 
.book_r .book_desc dl dd{float:left; width:85%;}
.book_r .book_desc dl dd input{width:100%; height:40px; line-height:40px; padding-left:10px; border:1px solid #DEDEDE; box-sizing:border-box;}
.book_r .book_desc dl dd textarea{width:100%; height:110px; line-height:180%; padding-left:10px; border:1px solid #DEDEDE; box-sizing:border-box;}
.book_r .book_desc dl dd button{cursor:pointer; background:#D9231B url(../images/submit.png) 20px center no-repeat; padding:9px 23px 9px 55px; color:#fff; border:0px; font-size:20px; margin-top:15px;}

/*错误提示*/
.showerror{line-height:40px; margin-left:0px; margin-top:5px; display:inline-block;position:absolute;z-index:1;}
.showerror .err_arr{display:inline-block; width:13px; height:7px; background:url(../images/error_00.png) no-repeat left top;position:absolute; left:12px; top:-6px;}
.showerror .error{padding:0 10px 0 33px;color:#000;background:#fff url(../images/error_01.jpg) no-repeat 7px center; border:1px solid #C7C7C7; border-radius:3px; font-size:14px;}
.showerror.uperr{padding:0 0 4px 0;background:url(../images/error_02.gif) no-repeat center bottom;}


/*招聘*/
.job_box{max-width:1200px; margin:0px auto; overflow:hidden;}
.job_box .job_title{width:100%; text-align:center;}
.job_box .job_title em{display:block; font-size:13px; line-height:180%; width:700px; margin:0px auto; font-style:normal; color:#666;}
.job_box .job_title a{display:inline-block; padding:17px 20px 17px 48px; color:#fff; margin-top:25px;}
.job_box .job_title a.j_tel{background:#D9231B url(../images/j_tel.png) 20px center no-repeat;}
.job_box .job_title a.j_mail{background:#FF9F00 url(../images/j_mail.png) 20px center no-repeat; margin-left:10px;}

/*招聘职位*/
.job_list{max-width:1200px; margin:0px auto; margin-top:30px;}
ul.prize_ul{ width:100%; height:auto; overflow:hidden;}
ul.prize_ul li{height:auto; line-height:55px; background:#FFF7F7; border:1px solid #DDD; color:#333; font-size:14px; margin-top:20px; cursor:pointer;}
ul.prize_ul li h5{font-size:16px;}
ul.prize_ul li h5 p{ float:left; margin-top:1px; width:45%; font-weight:normal; background:url(../images/job_1.png) 5% center no-repeat; padding-left:5%;}
ul.prize_ul li h5 span{ font-size:12px; background:url(../images/job_2.png) left center no-repeat; padding-left:2.5%; color:#999; font-weight:normal;}
ul.prize_ul li.curr p.join_ico{background:url(../images/ico_problem2.png) no-repeat center; width:12px; height:55px; float:right; padding-right:30px; cursor:pointer;}
ul.prize_ul li p.join_ico{ background:url(../images/ico_problem1.png) no-repeat center; width:12px; height:55px; float:right; padding-right:30px; cursor:pointer;}
ul.prize_ul li.curr{ border:1px solid #DDD; background:#FEF2F1;}
ul.prize_ul li:hover{ border:1px solid #DDD; background:#FEF2F1;}
ul.prize_ul li div.prize_ul_div{ background:#fff; line-height:22px; display:none; border:1px solid #E6E6E6; border-left:none;border-right:none; border-bottom:none; cursor:default;}
.prize_ul_div{ clear:both; overflow:hidden;}
.prize_ul_div h6{ font-size:14px; padding:20px 2%; border-bottom:1px dashed #ddd; font-weight:normal;}
.prize_ul_div h6 em{font-style:normal; color:#1169AC; display:none;}
.prize_ul_div h6 span{padding-right:40px;}
.prize_ul_div .prize_conbox{width:96%; margin:0 auto;}
.prize_ul_div dl{width:100%; margin-top:25px; float:left;}
.prize_ul_div dl:nth-child(2){float:right;}
.prize_ul_div dl dt{color:#D9231B; margin-bottom:10px; font-size:15px;}
.prize_ul_div dl dd{line-height:200%; padding-bottom:30px;}

/*联系我们*/
.contact_box{width:100%; overflow:hidden; margin-bottom:20px;}
.contact_box dl dt{font-size:20px; margin-bottom:15px;}
.contact_box dl dd{width:44.5%; float:left; padding-left:3.5%; height:35px; line-height:35px; font-size:14px;}
.contact_box dl dd:nth-child(2n+1){margin-right:4%;}
.contact_box dl dd:nth-child(2){background:url(../images/fc_1s.png) left center no-repeat;}
.contact_box dl dd:nth-child(3){background:url(../images/fc_2s.png) left center no-repeat;}
.contact_box dl dd:nth-child(4){background:url(../images/fc_3s.png) left center no-repeat;}
.contact_box dl dd:nth-child(5){background:url(../images/fc_4s.png) left center no-repeat;}
.contact_box dl dd:nth-child(6){background:url(../images/fc_5s.png) left center no-repeat;}
.contact_box dl dd:nth-child(7){background:url(../images/fc_6s.png) left center no-repeat;}


/*分页*/
.pages{width:100%;margin-top:40px;line-height:32px;text-align:center;overflow:hidden;clear:both;}
.pages a,.pages strong{display:inline-block;margin:0px 4px;padding:0 13px;height:32px;border:1px solid #404244;background-repeat:no-repeat;color:#404244;overflow:hidden;text-decoration:none; font-size:15px;}
.pages a.prev,.pages a.nxt{color:#404244; padding:0 20px;}
.pages a:hover{border-color:#D9231B;color:#D9231B;}
.pages strong{background-color:#404244;font-weight:400;color:#ffffff;border-color:#404244;}
.pages .page_num{display:inline-block;}
.pages .page_curr{padding:0px 20px; display:none;}

/*客服*/
.side{position:fixed;width:58px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:58px;height:58px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:22px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#D9231B;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:8px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:58px;height:58px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#D9231B;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:150px; height:150px; display:none;color:#363636;text-align:center; position:absolute;left:-152px;top:0;background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0;}
.side ul li.sideetel .telBox.son{width:240px;height:180px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-50px;background:#E43329;}
.side ul li.sideetel .telBox dd{display:block;height:90px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:20px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#D0231A;}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic8.png) 28px center no-repeat;}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

/*底部*/
#footer{width:100%; color:#F1F2F2; background:url(../images/fbg.jpg) left top repeat; padding:40px 0px; overflow:hidden; font-size:13px;}
#footer a{color:#F1F2F2;}
#footer .foot{max-width:1200px; margin:0px auto;}
#footer .foot .copyright{line-height:200%; float:left; width:830px;}
#footer .foot .copyright .f_tel{width:100%; margin-bottom:20px;}
#footer .foot .copyright .f_tel span{display:inline-block; font-size:17px; background:url(../images/f_tel.png) left center no-repeat; padding-left:35px;}
#footer .foot .copyright .f_tel em{display:block; font-size:33px; font-style:normal; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}

#footer .foot .wx_code{width:110px; float:right;}
#footer .foot .wx_code dl{float:left; width:110px; text-align:center;}


@media screen and (max-width:1199px){
/*客服*/
.side{display:none;}

/*头部*/
#header .mb_head{display:none;}
#header .head{max-width:1200px; margin:0px auto;}
#header .head .menu{float:right; width:695px;}
#header .head .menu ul li{float:left; height:90px; line-height:90px; text-align:center; padding:0px 15px; position:relative;}
#header .head .menu ul li a{display:inline-block; color:#333; width:100%; height:90px; font-size:15px;}


/*首页 第一部分*/
.first_desc a{display:inline-block; width:30%; float:left; margin-left:5%;}

/*首页 第三部分*/
.three_box .three_desc{width:85%;}

}

@media screen and (max-width:1100px){
/*工程案例*/
.case_list a{display:inline-block; float:left; width:49%; margin-left:2%; margin-top:25px;}
.case_list a:nth-child(3n+1){margin-left:2%; clear:none;}
.case_list a:nth-child(2n+1){margin-left:0; clear:left;}


/*投诉报修*/
.book_l{width:41%; float:left;}
.book_r{width:55%; float:right;}

.book_r .book_desc dl dt{float:left; width:17%; padding-right:1.5%; height:40px; line-height:40px; text-align:right; box-sizing:border-box;}
.book_r .book_desc dl dd{float:left; width:80%;}
}

@media screen and (max-width:1000px){
.pc{display:none;}
.mb{display:block;}
#header{width:100%; height:85px; background:url(../images/bg.png) left bottom repeat-x;}
#header .topbg{display:none;}
/*头部*/
#header .head{display:none;}
#header .mb_head{width:100%; margin:0px auto; display:inline-block; position:relative; z-index:5;}
#header .mb_head .logo{display:inline-block; width:170px; height:78px; background:url(../images/logo.png) 10px center no-repeat; background-size:150px 68px; float:left;}
#header .mb_head #mb_nav{float:right; width:65px; height:78px; background:url(../images/nav.png) center center no-repeat; cursor:pointer; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
#header .mb_head #mb_nav.curr{background:url(../images/nav_close.png) center center no-repeat; transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);-ms-transform:rotate(-180deg);}
#header #nav_menu{width:100%; height:100%; position:fixed; top:78px; text-align:center; background:#C92118; display:none; overflow-y: auto;}
#header #nav_menu #nav_box{width:100%; padding-bottom:124px; overflow:hidden;}
#header #nav_menu ul li .mb_bmenu{display:inline-block; width:100%; height:60px; line-height:60px; border-bottom:1px solid #E33026; color:#fff; font-size:15px; text-align:left; position:relative; padding-left:20px;}
#header #nav_menu ul li .mb_bmenu .two_ico{display:inline-block; background:url(../images/two_ico.png) right center no-repeat; width:10px; height:60px; position:absolute; right:40px;}
#header #nav_menu ul li .mb_bmenu:hover,#header #nav_menu ul li .mb_bmenu.curr{background:#B72017; color:#FFDC33;}
#header #nav_menu ul li .mb_bmenu:hover .two_ico{background:url(../images/two_ico_a.png) right center no-repeat;}
#header #nav_menu ul li .mb_bmenu.curr .two_ico{background:url(../images/two_ico_h.png) right center no-repeat;}

#header #nav_menu ul li .two_menu{display:none; width:100%;}
#header #nav_menu ul li .two_menu dd .mb_towmenu{display:inline-block; color:#fff; text-align:left; font-size:14px; width:100%; height:50px; line-height:50px; background:#E32C22; padding-left:40px; border-bottom:1px solid #E84F46; position:relative;}
#header #nav_menu ul li .two_menu dd .mb_towmenu .three_ico{display:inline-block; background:url(../images/three_ico.png) right center no-repeat; width:10px; height:50px; position:absolute; right:60px;}
#header #nav_menu ul li .two_menu dd .mb_towmenu:hover,#header #nav_menu ul li .two_menu dd .mb_towmenu.curr{background:#C92118; color:#FFDC33;}
#header #nav_menu ul li .two_menu dd .mb_towmenu:hover .three_ico{background:url(../images/three_ico_a.png) right center no-repeat;}
#header #nav_menu ul li .two_menu dd .mb_towmenu.curr .three_ico{background:url(../images/three_ico_h.png) right center no-repeat;}

#header #nav_menu ul li .two_menu .three_menu{display:none; width:100%;}
#header #nav_menu ul li .two_menu .three_menu dd a{display:inline-block; color:#fff; text-align:left; font-size:12px; width:100%; height:50px; line-height:50px; background:#E4251B; padding-left:60px; border-bottom:1px solid #EB5952;}
#header #nav_menu ul li .two_menu .three_menu dd a:hover,#header #nav_menu ul li .two_menu .three_menu dd a.curr{background:#E8463E; color:#FFDC33;}

#header .mb_head .lang{margin-top:40px; text-align:center;}
#header .mb_head .lang a{display:inline-block; background:url(../images/mtel.png) 20px center no-repeat; color:#FFDC33; text-align:center; padding:18px 20px 18px 45px; font-size:15px; border:1px solid #FFDC33;}


/*首页banner 切换*/
#banner{width:100%; overflow:hidden; position:relative; margin-top:78px;}
.swiper-pagination-bullet{
width:10px !important;
height:10px !important;
background-size:10px 10px !important;
}
.swiper-container-horizontal>.swiper-pagination{bottom:5px !important;}

.h_title{width:96%; margin:0px auto;}
.h_title span{width:100%; display:inline-block; font-size:23px; color:#D9231B;}


/*首页 第一部分*/
.first_box{margin-top:30px;}
.first_desc{width:96%; margin:0px auto;}
.first_desc a{display:inline-block; width:32.2%; float:left; margin-left:1.7%; color:#fff; border-radius:5px; padding:15px 0; margin-top:30px;}
.first_desc a:hover{margin-top:20px;}
.first_desc a dl dt img{width:52%;}
.first_desc a dl dd{margin-top:10px;}
.first_desc a dl dd span{font-size:15px;}
.first_desc a dl dd em{font-size:12px;}

/*首页 第二部分*/
.two_box{width:100%; margin-top:40px; padding:30px 0px; background:url(../images/pbg.jpg) center top no-repeat; overflow:hidden; background-size: cover;}
.two_desc{width:96%; margin:0px auto; margin-top:10px;}

/*首页 第三部分*/
.three_box {padding: 30px 0px 60px 0px;}
.three_box .three_desc{width:96%; margin-top:20px;}
.three_box .more a{margin-top:40px;}
.three_box .more a:hover{margin-top:50px;}

/*首页 第四部分*/
.four_box{width:100%; padding:30px 0px 40px 0px; overflow:hidden;}
.four_desc{width:96%; margin:0px auto; margin-top:30px;}



/*内页banner*/
#sub_banner{margin-top:78px; width:100%;}
#sub_banner .s_banner{position:relative; width:100%;}


/*内页*/
#container{width:100%; margin-top:30px;}
#container .con_box .con_l{display:none;}
#container .con_box .con_r{float:none; width:96%; font-size:13px; line-height:200%; color:#666; min-height:auto; margin:0px auto;}
#container .con_box .con_r .conpic{overflow:hidden; margin-bottom:30px;}
#container .con_box .con_r .conpic img{width:100%; float:left; margin-top:30px;}
#container .con_box .con_r .conpic img:nth-child(2n){float:right;}
.contop{display:none;}


/*产品展示*/
.product_list a{width:49%; margin-left:2%;}
.product_list a:nth-child(3n+1){margin-left:2%; clear:none;}
.product_list a:nth-child(2n+1){margin-left:0; clear:both;}


/*新闻详细*/
.show_box{width:100%;}
.show_box .show_name{font-size:16px; text-align:center; margin-top:10px;}
.show_box .show_content img{width:100%;}
.show_next ul li{width:100%; height:35px; line-height:35px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}

/*招聘职位*/
.job_list{width:96%; margin:0px auto; margin-top:30px;}
.prize_ul_div{padding-bottom:30px;}
.prize_ul_div dl{width:100%; margin-top:25px; float:none;}
.prize_ul_div dl:nth-child(2){float:none;}
.prize_ul_div dl dd{padding-bottom:0px;}

/*底部*/
#footer{width:100%; color:#F1F2F2; padding:30px 0px; overflow:hidden; font-size:13px;}
#footer a{color:#F1F2F2;}
#footer .foot{width:96%; margin:0px auto;}
#footer .foot .copyright{line-height:200%; float:none; width:100%;  padding-top:0px; overflow:hidden; clear:both; text-align:center;}
#footer .foot .copyright .f_tel{width:100%; margin-bottom:20px;}
#footer .foot .copyright .f_tel span{display:inline-block; font-size:17px; background:url(../images/f_tel.png) left center no-repeat; padding-left:35px;}
#footer .foot .copyright .f_tel em{display:block; font-size:33px; font-style:normal; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}

#footer .foot .wx_code{display:none;}

}

@media screen and (max-width:960px)
{
	
/*产品详情*/
.show_product{width:100%;}
.show_product .pro_l{width:100%; float:none;}
.show_product .pro_r{width:100%; float:none;}
.show_product .pro_r dl dt{font-size:24px; margin-top:30px; color:#000;}

.parameter_box .parameter_list img{display:block; width:100%;}


/*投诉报修*/
.book_l{display:none;}
.book_r{width:100%; float:none;}

.book_r .book_desc dl dt{float:left; width:12%; padding-right:1.5%; height:40px; line-height:40px; text-align:right; box-sizing:border-box;}
.book_r .book_desc dl dd{float:left; width:86%;}


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

/*新闻中心*/
.news_list dl dt{float:left; width:32%;}
.news_list dl dd{float:right; width:65%;}

/*联系我们*/
.contact_box dl dd{width:95%; float:none; padding-left:5%;}
.contact_box dl dd:nth-child(2n+1){margin-right:0;}
	
/*分页*/
.pages .page_num{display:none;}
.pages .page_curr{padding:0px 20px; display:inline-block;}

}

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

/*首页 第二部分*/
.two_desc{width:96%; margin:0px auto; margin-top:10px;}
.two_desc a{dispaly:inline-block; width:48%; margin-left:4%; margin-top:20px; float:left;}
.two_desc a:nth-child(3n+1){margin-left:4%;}
.two_desc a:nth-child(2n+1){margin-left:0;}
.two_desc a dl dd{font-size:13px;}


/*首页 第四部分*/
.four_desc{width:96%; margin:0px auto; margin-top:10px;}
.four_desc a{display:inline-block; width:100%; float:none; margin-left:0; margin-top:20px; overflow:hidden; background:#fff;}

	
/*产品展示*/
.product_list ul li{float:left; width:48%; margin-left:4%;}
.product_list ul li:nth-child(3n+1){margin-left:4%;}
.product_list ul li:nth-child(2n+1){margin-left:0px;}
.product_list ul li:nth-child(n+4){margin-top:0px;}
.product_list ul li:nth-child(n+3){margin-top:15px;}


/*工程案例*/
.case_list a{display:inline-block; float:left; width:100%; margin-left:0; margin-top:25px;}
.case_list a:nth-child(3n+1){margin-left:0; clear:none;}
.case_list a:nth-child(2n+1){margin-left:0; clear:none;}
.case_list a dl dd{min-height:0px; min-height:60px;}
.case_list a dl dd h5{font-size:16px;}
.case_list a dl dd p{margin-top:5px; line-height:180%;}


/*投诉报修*/
.book_r .book_desc dl dt{float:left; width:15%; padding-right:1.5%; height:40px; line-height:40px; text-align:right; box-sizing:border-box;}
.book_r .book_desc dl dd{float:left; width:83%;}


/*招聘职位*/
ul.prize_ul li h5 p{ float:left; margin-top:1px; width:45%; font-weight:normal; background:url(../images/job_1.png) 5% center no-repeat; padding-left:7%;}
ul.prize_ul li h5 span{ font-size:12px; background:url(../images/job_2.png) left center no-repeat; padding-left:4%; color:#999; font-weight:normal;}
.prize_ul_div h6 span{padding-right:30px; font-size:12px;}
.prize_ul_div dl dd{line-height:200%; padding-bottom:30px; font-size:12px;}

}

@media screen and (max-width:640px)
{
/*首页 第二部分*/
.two_desc a{dispaly:inline-block; width:100%; margin-left:0;}
.two_desc a:nth-child(3n+1){margin-left:0;}


/*产品展示*/
.product_list a{width:100%; margin-left:0;}
.product_list a:nth-child(3n+1){margin-left:0;}
.product_list a:nth-child(2n+1){margin-left:0;}

	
/*新闻中心*/
.news_list dl dt{float:none; width:100%;}
.news_list dl dd{float:none; width:100%;}
.news_list dl .title{margin-top:15px;}
.news_list dl .title a{font-size:17px;}

/*常见问题*/
ul.problem_ul li h5{font-size:14px; overflow:hidden;}
.problem_ul_div{font-size:12px;}

/*投诉报修*/
.book_r .book_desc dl dt{float:left; width:20%; padding-right:1.5%; height:40px; line-height:40px; text-align:right; box-sizing:border-box;}
.book_r .book_desc dl dd{float:left; width:78%;}

/*招聘*/
.job_box .job_title em{display:block; font-size:12px; line-height:180%; width:100%; margin:0px auto; font-style:normal; color:#666;}
.job_box .job_title a{display:inline-block; width:100%; color:#fff; margin-top:25px; font-size:13px; padding-left:0px;}
.job_box .job_title a.j_tel{background:#D9231B url(../images/j_tel.png) 20% center no-repeat;}
.job_box .job_title a.j_mail{background:#FF9F00 url(../images/j_mail.png) 20% center no-repeat; margin-left:0px;}

/*招聘职位*/
.job_list{width:100%; margin:0px auto; margin-top:30px;}
ul.prize_ul{ width:100%; height:auto; overflow:hidden;}
ul.prize_ul li{height:auto; line-height:55px; border:1px solid #DDD; color:#333; font-size:14px; margin-top:20px; cursor:pointer;}
ul.prize_ul li h5{font-size:14px; overflow:hidden;}
ul.prize_ul li h5 p{ float:left; margin-top:1px; width:70%; font-weight:normal; background:url(../images/job_1.png) 5% center no-repeat; padding-left:10%; display:inline-block;;}
ul.prize_ul li h5 span{font-size:12px; background:url(../images/job_2.png) left center no-repeat; padding-left:2.5%; color:#999; font-weight:normal; display:none;}
ul.prize_ul li.curr p.join_ico{background:url(../images/ico_problem2.png) no-repeat center; width:12px; height:55px; float:right; padding-right:30px; cursor:pointer;}
ul.prize_ul li p.join_ico{ background:url(../images/ico_problem1.png) no-repeat center; width:12px; height:55px; float:right; padding-right:30px; cursor:pointer;}
ul.prize_ul li.curr{ border:1px solid #DDD;}
ul.prize_ul li:hover{ border:1px solid #DDD;}
ul.prize_ul li div.prize_ul_div{ background:#fff; line-height:22px; display:none; border:1px solid #E6E6E6; border-left:none;border-right:none; border-bottom:none; cursor:default;}
.prize_ul_div{ clear:both; overflow:hidden; padding-bottom:30px;}
.prize_ul_div h6{ font-size:14px; padding:20px 2%; border-bottom:1px dashed #ddd; font-weight:normal; line-height:200%;}
.prize_ul_div h6 em{font-style:normal; color:#D9231B; display:block; font-size:12px;}
.prize_ul_div h6 span{font-style:normal; display:block; font-size:12px;}
.prize_ul_div dl{width:100%; margin-top:25px; float:none;}
.prize_ul_div dl:nth-child(2){float:none;}
.prize_ul_div dl dd{padding-bottom:0px;}

/*联系我们*/
.contact_box dl dd{width:94%; float:none; padding-left:6%;}

}


@media screen and (max-width:480px)
{
	
/*产品展示*/
.product_list ul li{float:none; width:100%; margin-left:0px;}
.product_list ul li:nth-child(3n+1){margin-left:0px;}
.product_list ul li:nth-child(2n+1){margin-left:0px;}
.product_list ul li:nth-child(n+4){margin-top:0px;}
.product_list ul li:nth-child(n+3){margin-top:0px;}
.product_list ul li:nth-child(n+2){margin-top:15px;}

/*联系我们*/
.contact_box dl dd{width:92%; float:none; padding-left:8%;}

}