@charset "utf-8"; /*整站样式*/ html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button,input{margin:0;padding:0; border:0;} body{font-family:'Microsoft Yahei','STXihei','Heiti SC', Helvetica, Arial, Verdana, sans-serif;background-color:#fff;} input,textarea,button{padding: 0;font-family: Verdana, Arial;} h1,h2,h3,h4,h5,h6{font-weight: normal;} ul,ol,li{ list-style-type:none;} /*img{border:0;vertical-align:middle}*/ select,input,textarea,button{vertical-align:middle;outline:none;font-family:'Microsoft Yahei','STXihei','Heiti SC', Helvetica, Arial, Verdana, sans-serif;} img {border:0;vertical-align:middle;max-width:100%;} i,em {font-style:normal;} input[type=submit]:hover,button:hover { cursor:pointer;} input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } a {color:#333;cursor:pointer;} a:link{text-decoration:none;} a:visited{text-decoration:none;} a:hover{text-decoration:none;cursor:pointer;} a:active{text-decoration:none;} .hidden{display:none;visibility:hidden;} .wrap{border: 0;padding:0;width:1100px;margin:0 auto;*zoom:1;} .wrap:after{clear: both;content:"";display: table;} .clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;} .clearfix:before, .clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } .clearfix { zoom:1; } .fl{float: left;} .fr{float: right;} .pors{position: relative;} .tl{text-align: left;} .tc{text-align: center;} .tr{text-align: right;} .clear {clear:both;} .red {color:#d80d18;} .layouts,.wrap { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .layouts:after { content:""; display:table; clear:both; } @media (min-width: 768px) { .layouts { width: 750px; } .history_wrap .swiper-container {width:653px;} } @media (min-width: 992px) { .layouts { width: 970px; } .history_wrap .swiper-container {width:850px;} } @media (min-width: 1200px) { .wrap,.layouts { width: 1170px; } .history_wrap .swiper-container {width:1050px;} .faq_list li:hover .question {color:#d80d18;} } @media (min-width: 1400px) { .layouts {width: 85%;} .history_wrap .swiper-container {width:1350px;} } @media (min-width: 1700px) { .history_wrap .swiper-container {width:1650px;} } @media (min-width: 1425px){ .normal_nav ul {width:660px;} } /* 头部 */ .header_top { padding:15px 0 20px; } .header_top .lan_wrap { position:relative; margin-top:25px; padding-left:50px; background:url(../images/small_map.png) no-repeat left center; } .header_top .lan_wrap .str { display:inline-block; width:0; height:0; margin-left:5px; border-left:3px solid transparent; border-right:3px solid transparent; border-top: 5px solid #666; } .header_top .lan { display:block; height:20px; font-size:14px; color:#919191; line-height:20px; } .header_top .lan .icon { display:inline-block; margin-right:10px; padding-left:10px; } .header_top .down_lan { z-index:2; position:absolute; left:50px; top:30px; display:none; width:100%; padding-bottom:5px; background-color:#fff; } .nav_wrap { position:relative; background-color:#333; } .nav_wrap .search_wrap { position:absolute; right:7.5%; top:0; height:30px; padding:0 10px; margin-top:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; } .nav_wrap .search_wrap.on { background-color:#f0f0f0; } .nav_wrap .search_wrap .input_text { width: 0; height: 30px; padding-left:0; font-size:12px; line-height:30px; border: 0; background: none; line-height: 24px; color: #666; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; } .nav_wrap .search_wrap.on .input_text { width:135px; padding-left: 10px; } .nav_wrap .search_wrap .search,.nav_wrap .search_wrap .search_btn { width:20px; height:20px; background:url(../images/search.png) no-repeat center center; cursor:pointer; } .nav_wrap .search_wrap .search { display:none; } .nav_wrap .search_wrap.on .search { display:inline-block; } .nav_wrap .search_wrap .search_btn { display:inline-block; vertical-align:-5px; } .nav_wrap .search_wrap.on .search_btn { display:none; } .nav .item { float:left; width:12%; } .nav .item:first-child {width:8%;} .nav .item > a { display:block; height:50px; margin-right:2.5%; font-size: 16px; color:#fff; line-height:50px; text-align:center; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .nav .item.on > a,.nav .item:hover > a { background-color:#454444; } .sub_nav { z-index:9; position:absolute; left:0; display:none; width:100%; min-height:230px; padding:35px 0; background-color:#fafafa; } .pro_nav .layouts { background-color:#f0f0f0; } .sub_nav .each { float:left; width:33.33%; padding:10px 0; font-size:16px; color:#000; } .sub_nav .each li:first-child { float:left; padding:15px 32px; text-align:center; } .sub_nav .each .img_w img,.sub_banner img {display:block;} .sub_nav .each .pro_kind { display:block; padding-top:10px; } .sub_nav li a { position:relative; display:inline-block; width: 160px; height:48px; padding:0 15px 0 7px; font-size:16px; color:#333; line-height:48px; border-bottom:1px dashed #ddd; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .pro_nav.sub_nav li:first-child a { display:block; height:258px; border:0; } .sub_nav li a:hover {color:#d80d18;} .sub_nav li a .icon { font-family:'Simsun'; color:#d1d1d1; } .pro_nav.sub_nav li { float:left; opacity:0; transition:all .6s; } .pro_nav.sub_nav li:first-child,.pro_nav.sub_nav li.active { opacity:1; filter:Alpha(opacity=100); } .normal_nav ul { margin-left:335px; } .normal_nav li { float:left; margin-right:34px; } /* 底部 */ .footer { background-color:#333; clear: both; } .footer_menu {padding:40px 5% 0px;} .footer_menu li { float:left; width:13%; } .footer_menu li:last-child { float:right; width:9%; text-align:right; } .footer_menu dt { margin-bottom:10px; font-size: 14px; color:#fff; } .footer_menu dd a { display:block; padding:5px 0; font-size: 12px; color:#8b8b8b; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .footer_menu dd a:hover { color:#d80d18; } .footer_menu .code_w { display:inline-block; width:135px; text-align:center; } .footer_menu .code_tips { display:block; margin-top:10px; font-size:14px; color:#b6b6b6; } .footer .phone_wrap,.footer .copyright { margin:0 5%; } .footer .phone_wrap { border-top:1px solid #3a3a3a; border-bottom:1px solid #3a3a3a; } .footer .phone_wrap .each { position:relative; float:left; width:100%; padding:30px 0; color:#d4d4d4; text-align:center; } .footer .phone_wrap .each .line { position:absolute; right:0; top:30px; display:block; width:1px; height:44px; background:url(../images/line1.png) repeat-y left top; } .footer .phone_wrap .swiper-slide:first-child .each { text-align:left; } .footer .phone_wrap .swiper-slide:last-child .each { text-align:right; } .footer .phone_wrap .p_icon { display:inline-block; width:50px; height:41px; margin-right:8px; text-align:center; line-height:55px; background:url(../images/1.png) no-repeat left top; vertical-align:6px; } .footer .phonenumber { display:inline-block; font-size:14px; line-height:1; text-align:left; } .footer .phonenumber em { display:inline-block; margin-top:5px; font-size:28px; } .footer .copyright { position:relative; clear: both; float: left; width: 90%; background-color: #333; margin: 0px 0px; padding: 0px 5%; z-index: 1000; } .footer .copyright { font-size:14px; color:#505050; line-height:50px; } .copyright a { font-size:14px; color:#505050; line-height:50px; } .footer .copyright .zhichi {position:absolute;right:5%;top:0;} .footer .swiper-container {height:auto;margin:0 auto -50px;padding:0 15px 35px;overflow:visible;} .footer .swiper-wrapper {display:block;} .footer .swiper-button-next, .footer .swiper-button-prev {display:none;} .footer .swiper-wrapper .swiper-pagination {display:none;} .footer .swiper-slide {float:left;width:33.33%;} /* 内页公用 */ .page_main {padding-bottom:60px;} .inner_banner { min-height:300px; } .inner_banner .wrap { display:table; height:300px; } .inner_banner .headline { display:table-cell; font-size:26px; color:#fff; vertical-align:middle; } .inner_banner .headline strong { display:inline-block; margin-left:15px; font-weight:normal; } .bread_menu { height:40px; font-size:12px; color:#999; line-height:40px; text-align:right; background-color:#f7f7f7; } .bread_menu .location { display:inline-block; padding-left:25px; background:url(../images/home.png) no-repeat left center; } .bread_menu a {color:#999;} .bread_menu a:hover,.bread_menu a.on {color:#333;} .inner_tab { padding:35px 0; text-align:center; border-bottom:1px solid #f0f0f0; } .inner_tab .tab { display:inline-block; height:45px; padding:0 30px; margin:0 5px; font-size:18px; color:#333; line-height:45px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .inner_tab .tab.on,.inner_tab .tab:hover { color:#fff; background-color:#d80d18; border-color:#d80d18; } .page { padding-top:30px; text-align:center; } .page a { display:inline-block; font-size:20px; color:#999; font-style:italic; } .page .num { padding:5px 10px; margin:0 5px; border-bottom:2px solid #dadada; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .page .num.on,.page .num:hover { color:#d80d18; border-color:#d80d18; } .page .prev,.page .next { padding:0 10px; font-family:'Simsun'; vertical-align:-2px; } /* 首页主体 */ /* banner */ .index_banner .swiper-pagination-bullet { width:16px; height:16px; opacity:1; background:url(../images/dot1.png) no-repeat left top; } .index_banner .swiper-pagination-bullet-active { background:url(../images/dot1a.png) no-repeat left top; } .index_banner .swiper-button-prev,.index_banner .swiper-button-next { width:45px; height:80px; display:none; opacity:.5; } .index_banner .swiper-button-prev:hover,.index_banner .swiper-button-next:hover { opacity:1; } .index_banner:hover .swiper-button-prev,.index_banner:hover .swiper-button-next { display:block; } .index_banner .swiper-button-next,.index_banner .swiper-container-rtl .swiper-button-prev { background:url(../images/next.png) no-repeat left top; } .index_banner .swiper-button-prev,.index_banner .swiper-container-rtl .swiper-button-next { background:url(../images/prev.png) no-repeat left top; } .swiper-slide img { width:100%; } .index_four { padding:10px 5px; } .index_four li { position:relative; float:left; width:25%; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .index_four li a { display:block; overflow:hidden; } .index_four li img { display:block; width:100%; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .index_four li:hover img { transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); } .index_four .text_w { position:absolute; left:30px; bottom:30px; font-size:14px; color:#fff; } .index_four .text_w .title { display:block; font-size:20px; } .index_four .text_w .line { display:block; width:25px; height:3px; margin:10px 0 8px; background-color:#fff; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .index_four li:hover .text_w .line { width:50px; } .index_four .text_w .more { opacity:.5; filter:alpha(opacity=50); } /* 产品 */ .product_list_main .page {padding-top:0;} .pro_tab { text-align:center; } .pro_tab .tab { display:inline-block; height:90px; padding:0 40px; font-size:16px; color:#333; line-height:90px; } .pro_tab .tab.on,.pro_tab .tab:hover {color:#d80d18;} .pro_list ul { padding:0 4.5%; } .pro_list li { position:relative; float:left; width:30.33%; margin:0 0 4.5% 4.5%; overflow:hidden; } .pro_list li:nth-child(3n+1) { margin-left:0; } .pro_list li img { width:100%; } .pro_list li a { display:block; width:100%; height:100%; } .pro_list li .text_w { position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; } .pro_list li .text { z-index:2; position:relative; display:table; height:100%; width:100%; } .pro_list li .stext { display:table-cell; vertical-align:middle; } .pro_list li .mask { position:absolute; left:0; top:0; display:block; width:0; height:100%; background:rgba(216,13,24,.8); transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .pro_list li .pro_name { display:none; font-size:28px; color:#fff; } .pro_list li .tips { display:none; padding:8px 0 18px; font-size:18px; color:#f8cacd; } .pro_list li .more { display:none; width:118px; height:33px; font-size:14px; color:#ffd8da; line-height:33px; text-align:center; border:1px solid #fff; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } /* 产品详情 */ .product_detail_main { padding-top:40px; } .product_detail_main .side_bar { float:left; width:25%; } .product_detail_main .s_menu1 li { margin-bottom:1px; } .product_detail_main .s_menu1 .ftitle,.product_detail_main .s_menu1 .stitle { height:60px; padding:0 30px; font-size:18px; line-height:60px; cursor:pointer; } .product_detail_main .s_menu1 .ftitle { color:#fff; background-color:#d80d18; } .product_detail_main .s_menu1 .stitle { color:#333; background-color:#ededed; } .product_detail_main .s_menu1 .on .stitle,.product_detail_main .s_menu1 .stitle:hover { color:#d80d18; background-color:#fff; } .product_detail_main .s_menu1 .stitle .more { float:right; font-family:'Simsun'; } .product_detail_main .s_menu1 .on .stitle .more { transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); } .product_detail_main .s_menu2 {display:none;} .product_detail_main .s_menu2 ul { display:none; padding:0 40px; background-color:#f7f7f7; } .product_detail_main .s_menu2 ul li { height:55px; font-size:16px; color:#666; line-height:55px; border-top:1px dashed #d9d9d9; } .product_detail_main .s_menu2 ul li:first-child { border-top:0 none; } .product_detail_main .s_menu2 ul li a {display:block;} .product_detail_main .s_menu2 ul li a:hover { color:#d80d18; } .product_detail_main .pro_right_con { float:right; width:70%; margin-left:5%; } .product_detail_main .pro_right_con .pro_img { float:left; width:48%; } .product_detail_main .pro_right_con .pro_img img { display:block; width:100%; } .product_detail_main .pro_right_con .pro_parameter { float:left; width:48%; padding:7% 0 0 4%; } .product_detail_main .pro_right_con h1 { position:relative; padding:0 70px 15px 0; font-size:32px; color:#000; } .product_detail_main .pro_right_con h1 .back { position:absolute; right:0; top:15px; font-size:16px; color:#ccc; } .product_detail_main .pro_right_con .des { height:64px; padding:20px 0; font-size:16px; color:#b1b1b1; line-height:2; border-top:1px solid #ececec; border-bottom:1px solid #ececec; overflow:hidden; } .product_detail_main .parameter { padding:25px 0; } .product_detail_main .parameter td { padding:10px 0; font-size:16px; } .product_detail_main .parameter td:nth-child(2n+1) { padding-right:15px; color:#999; text-align:right; } .product_detail_main .parameter td:nth-child(2n) { color:#666; } .product_detail_main .pro_detail { padding-top:50px; } .product_detail_main .p_d_tab { padding:0 20px; border-bottom:1px solid #e5e5e5; } .product_detail_main .p_d_tab .tab { display:inline-block; padding:0 10px 25px 10px; margin-right:45px; font-size:16px; color:#333; border-bottom:3px solid transparent; } .product_detail_main .p_d_tab .tab.on { color:#d80d18; border-color:#d80d18; } .product_detail_main .p_detail_wrap { padding:25px 0; } /* 关于 */ .about,.service,.repair_page { padding-top:35px; } .history_wrap { position:relative; min-height:485px; background:url(../images/history_bg.jpg) no-repeat center bottom; } .history_wrap .swiper-container { height:300px; padding:100px 0; margin:0 auto -60px; } .history_wrap .swiper-slide { height:300px; background:url(../images/history_scroll_bg1.png) no-repeat left center; background-size:100% auto; } .history_wrap .swiper-slide:nth-child(2n) { background:url(../images/history_scroll_bg2.png) no-repeat left center; background-size:100% auto; } .history_wrap .big_date { width:200px; text-align:center; } .history_wrap .swiper-slide:nth-child(2n) .big_date { padding-top:220px; } .history_wrap .big_date .date { font-size:20px; font-weight:bold; color:#999; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .history_wrap .big_date .big_thing { margin:0 auto; font-size:16px; color:#333; line-height:1.5; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .history_wrap .swiper-slide:hover .big_date .date, .history_wrap .swiper-slide:hover .big_date .big_thing { color:#d80d18; } .history_wrap .clock { display:block; width:56px; height:0; margin:55px auto 0; background:url(../images/history_icon2.png) no-repeat right center; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .history_wrap .swiper-slide:nth-child(2n) .clock { position:relative; bottom:220px; } .history_wrap .swiper-slide:hover .clock { height:56px; } .history_wrap .swiper-button-next,.history_wrap .swiper-button-prev { height:40px; margin-top:-10px; } .history_wrap .swiper-button-prev, .history_wrap .swiper-container-rtl .swiper-button-next { background:url(../images/prev1.png) no-repeat left top; } .history_wrap .swiper-button-next, .history_wrap .swiper-container-rtl .swiper-button-prev { background:url(../images/next1.png) no-repeat left top; } .history_wrap .swiper-button-prev { left:3%; } .history_wrap .swiper-button-next { right:3%; } .certificate_list ul { padding:40px 2.5% 0; margin-left:-2.5%; } .certificate_list li { position:relative; float:left; width:22.5%; margin:0 0 27px 2.5%; overflow:hidden; height: 250px; } .certificate_list li img {width:100%;height: 100%;} .certificate_list li .text { position:absolute; left:0; bottom:0; width:100%; height:60px; font-size:18px; color:#fff; line-height:60px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7)); background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7)); background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,.7))); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7)); background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7)); } .news_list { padding-top:35px; } .news_list li { margin-bottom:20px; } .news_list li .img_w { float:left; width:350px; height:230px; overflow:hidden; } .news_list li .img_w img { display:block; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .news_list li:hover .img_w img { transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); } .news_list li .text_w { margin-left:350px; padding:25px 0 25px 35px; } .news_list li .ntitle { font-size:18px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .news_list li:hover .ntitle { color:#d80d18; } .news_list li .date { padding:15px 0; font-size:12px; color:#b6b6b6; } .news_list li .date span { font-size:18px; } .news_list li .des { height:90px; font-size:14px; color:#b6b6b6; line-height:30px; overflow:hidden; } .news_detail .title_w { padding:30px 45px; margin-bottom:25px; text-align:center; border-bottom:1px dashed #cecece; } .news_detail .title_w h1 { margin-bottom:10px; font-size:24px; color:#000; line-height:1.6; } .news_detail .title_w .date { font-size:14px; color:#999; } .news_detail .back_w { padding:25px 0; margin-top:30px; text-align:right; border-top:1px dashed #cecece; } .news_detail .back_w a { font-size:16px; color:#999; } .news_detail .back_w a:hover { text-decoration:underline; } .video_list,.solve_list,.join_list { padding:35px 2% 0; } .video_list ul,.solve_list ul,.join_list ul { margin-left:-2.5%; } .video_list li,.solve_list li,.join_list li { float:left; width:30%; margin:0 0 35px 3%; overflow:hidden; } .video_list li .img_w,.solve_list .img_w { position:relative; } .video_list li .img_w img,.solve_list .img_w img { width:100%; transition:all .6s; } .video_list li .img_w img:hover,.solve_list .img_w img:hover { transform:scale(1.05); } .video_list li .img_w .video { position:absolute; top:50%; left:50%; display:block; width:80px; height:80px; margin-top:-40px; margin-left:-40px; background:url(../images/video2.png) no-repeat left top; } .video_list li .img_w .mask { position:absolute; left:0; top:0; display:block; width:100%; height:100%; background-color:rgba(0,0,0,.2); } .video_list li:hover .mask { display:none; } .video_list li .text_w { position:relative; padding:15px 30px 15px 5px; font-size:18px; color:#000; white-space:nowrap; overflow:hidden; border-bottom:1px solid #ececec; } .video_list li:hover .text_w {color:#cc0000;} .video_list li .text_w .icon { position:absolute; right:0; top:20px; display:block; width:14px; height:14px; background:url(../images/more1.png) no-repeat left top; } .video_list li:hover .text_w .icon { background:url(../images/more1a.png) no-repeat left top; } .video_list li .text_w .line { position:absolute; left:0; bottom:0; display:block; width:0; height:1px; background-color:#cc0000; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .video_list li:hover .text_w .line { width:100%; } .solve_list .text { position:absolute; left:0; bottom:0; width:100%; height:80px; font-size:24px; color:#fff; line-height:80px; text-align:center; white-space:nowrap; overflow:hidden; background: -ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7)); background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7)); background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(0,0,0,0)), to(rgba(0,0,0,.7))); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7)); background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.7)); } .solve_re_list { padding:25px 30px; border:2px solid #f4f4f4; } .solve_re_list .title { margin-bottom:20px; font-size:24px; color:#0e0e0e; } .solve_re_list .title .more { float:right; margin-top:10px; font-size:12px; color:#ccc; } .solve_re_list ul { margin-left:-32px; } .solve_re_list li { float:left; width:195px; margin-left:32px; } .solve_re_list li .img_w { display:table; width:193px; height:193px; text-align:center; border:1px solid #f4f4f4; overflow:hidden; } .solve_re_list li .img { display:table-cell; vertical-align:middle; } .solve_re_list li img { display:inline-block; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .solve_re_list li:hover img { transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); } .solve_re_list .pro_name { padding:15px 0; font-size:16px; color:#333; text-align:center; white-space:nowrap; overflow:hidden; } .solve_detail .title_w { margin-bottom:15px; padding:30px 0; border-bottom:1px dashed #cecece; } .solve_detail .title_w h1 { font-size:24px; color:#000; } .solve_detail .title_w .back { float:right; margin-top:10px; font-size:16px; color:#999; } .solve_detail .title_w .back:hover, .solve_re_list .title .more:hover, .solve_re_list li:hover .pro_name { text-decoration:underline; } /* login */ .login { min-height:625px; padding-top:75px; background:url(../images/login_bg.jpg) no-repeat center top; } .register { padding:60px 0 80px; background-color:#f7f7f7; overflow:hidden; } .forget { padding:60px 0 100px; background-color:#f7f7f7; } .login_box { width:400px; padding:35px 50px 50px; margin:0 auto; font-size:14px; color:#999; background-color:rgba(255,255,255,.8); border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } .forget .login_box { width:650px; } .register .login_box { padding:35px 245px 80px; } .mb20 {margin-bottom:20px;} .login_box .title { font-size:24px; color:#000; text-align:center; } .login_box .label_input { position:relative; height:58px; padding:0 30px 0 15px; line-height:58px; background-color:#fff; border:1px solid #dedede; } .login_box .label { float:left; font-size:16px; color:#333; } .register .login_box .label,.forget .login_box .label { position:absolute; left:-160px; width:150px; text-align:right; white-space:nowrap; } .forget1 .login_box .code_input .label { position:absolute; left:-75px; } .login_box .label_input .input_w { float:right; } .forget2 .login_box .label_input input.w1 { width:300px; text-align:left; } .login_box .label_input input { text-align:right; } .login_box input { font-size:14px; } .login_box input.w1 { width:280px; } .register .login_box input.w1 { width:350px; } .login_box .code_input { height:58px; padding-left:15px; line-height:58px; } .login_box .code_input input { height:56px; padding-left:5px; line-height:56px; border:1px solid #dedede; } .login_box .code_input .input_w { float:left; margin:0 20px; } .login_box .code_input input.w2 {width:120px;} .forget .login_box .code_input .input_w { margin:0 20px 0 -15px; } .login_box .code { float:left; margin-right:5px; } .login_box .code img { vertical-align:middle; } .login_box .refresh,.login_box .bottom_link a { color:#999; } .login_box .refresh:hover,.login_box .bottom_link a:hover { text-decoration:underline; } .login_box .tip_wrap { padding-left:30px; } .forget .login_box .tip_wrap { padding-left:0; white-space:nowrap; } .register .login_box .tip_wrap { position:relative; left:50%; margin-left:-100%; white-space:nowrap; } .login_box .submit { width:100%; height:56px; font-size:16px; color:#fff; line-height:56px; text-align:center; background-color:#d80d18; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .strength-checking .each { display:inline-block; width:70px; height:30px; font-size:14px; color:#fff; line-height:30px; text-align:center; background-color:#b6b6b6; } .strength-checking .each.on {background-color:#d80d18;} .forget .step_wrap { padding:35px 45px; border-top:1px solid #f5f5f5; } .forget .step { position:relative; float:left; width:160px; text-align:right; } .forget .step:first-child { width:75px; } .forget .step .line { position:absolute; left:-18px; top:12px; display:block; width:120px; height:2px; background-color:#ebebeb; } .forget .step.on .line { background-color:#d80d18; } .forget .step .text { display:inline-block; width:75px; font-size:16px; text-align:center; } .forget .step .num { display:inline-block; width:25px; height:25px; margin-bottom:10px; color:#fff; line-height:25px; background-color:#b8b8b8; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .forget .step.on .num {background-color:#d80d18;} .forget .step .tips {color:#666;} .forget .step.on .tips {color:#d80d18;} .forget .form { padding-left:140px; width:365px; } .forget .form a {text-decoration:underline;} .forget1 .login_box .code_input {width:450px;} .forget1 .login_box .code_input .text,.forget1 .login_box .code_input .input_w { margin-left:70px; } .forget1 .login_box .send { display:inline-block; width:175px; height:58px; text-align:center; text-decoration:none; background-color:#f2f2f2; } .forget3 .finish_w { padding:60px 0 110px; } .forget3 .finish_w .ok { display:inline-block; width:90px; height:90px; margin-right:15px; background:url(../images/ok.png) no-repeat left top; vertical-align:-15px; } .forget3 .finish_w .finish { display:inline-block; font-size:36px; color:#999; line-height:1.35; text-align:left; } .forget3 .finish_w .finish a { display:block; font-size:16px; color:#c00; text-decoration:underline; } /* faq */ .faq_kind { padding:17.5px 0; text-align:center; border-bottom:1px solid #f2f2f2; } .faq_kind li { position:relative; display:inline-block; } .faq_kind a { display:inline-block; height:35px; padding:0 30px; font-size:16px; color:#000; line-height:35px; border-top:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent; } .faq_kind a.on,.faq_kind a:hover,.faq_list .on .question { color:#d80d18; } .faq_kind li:last-child a { padding:0 60px 0 30px; box-sizing:border-box; } .faq_kind li:last-child:hover > a { border-top:1px solid #eee; border-left:1px solid #eee; border-right:1px solid #eee; border-top-left-radius:5px; border-top-right-radius:5px; } .faq_kind a i { position:absolute; right:30px; top:16px; display:block; width:12px; height:7px; background:url(../images/down3a.png) no-repeat left top; } .faq_kind a:hover i {background:url(../images/down3.png) no-repeat left top;} .faq_kind .download_menu { z-index:3; position:absolute; top:35px; left:0; display:none; width:100%; background-color:#fff; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; border-bottom-left-radius:5px; border-bottom-right-radius:5px; } .faq_kind .download_menu a { display:block; font-size:14px; color:#999; } .faq_kind .download_menu a:hover { color:#fff; background-color:#ccc; } .faq_list ul { padding:15px 0 60px; } .faq_list li { border-top:1px dashed #f2f2f2; cursor:pointer; } .faq_list li:first-child { border-top:0 none; } .faq_list .question { position:relative; padding:15px 15px 15px 5px; font-size:18px; color:#666; } .faq_list .question span { position:absolute; right:0; top:20px; display:none; font-size:14px; } .faq_list .on .question .icon1 { display:none; } .faq_list .question .icon1,.faq_list .on .question .icon2 {display:block;} .faq_list .answer { display:none; padding:0 0 15px 5px; font-size:16px; color:#999; line-height:2.2; text-align:justify; } .download_list { padding:2.5% 2.5% 0; } .download_list ul { margin-left:-2.5%; } .download_list li { float:left; width:22.5%; margin-left:2.5%; font-size:18px; } .download_list .img_w { display:block; padding:4px; border:1px solid #e7e7e7; } .download_list .img_w img { width:100%; } .download_list .d_name a { display:block; padding:15px 0; color:#333; } .download_list li:hover .d_name a { color:#d80d18; } .download_list .d_btn { display:inline-block; width:150px; height:50px; color:#fff; line-height:50px; text-align:center; background-color:#666; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; } .download_list .d_btn:hover { background-color:#d80d18; } .download_list .d_btn i { display:inline-block; width:18px; height:18px; margin-left:5px; background:url(../images/down.png) no-repeat left top; vertical-align:-3px; } .download_list1 ul { padding-bottom:50px; } .download_list1 li { border-bottom:1px dashed #eee; } .download_list1 li a { position:relative; display:block; padding:20px 90px 20px 0; font-size:16px; color:#333; } .download_list1 li a:hover { color:#d80d18; } .download_list1 li strong { font-weight:normal; } .download_list1 .right_con { position:absolute; right:0; top:20px; } .download_list1 a:hover .right_con { color:#333; } .download_list1 .right_con .icon { display:inline-block; width:17px; height:22px; margin-left:25px; background:url(../images/down2.png) no-repeat left top; vertical-align:-5px; } .download_list1 a:hover .right_con .icon { background:url(../images/down2a.png) no-repeat left top; } .download1a {padding-top:8%;} .download1a td {width:50%;} .download1a .picture_wrap {padding-top:20px;} .descition {margin:30px 0;line-height:2.5;} .describe_wrap {width:90%;} .app_btn { display:inline-block; width:150px; height:40px; padding:10px 0; margin-left:15px; font-size:16px; color:#fff; line-height:1.2; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .app_btn:first-child { margin-left:0; } .app_btn1 { background-color:#57bb00; } .app_btn2 { background-color:#2e2e2e; } .app_btn i { display:inline-block; width:30px; height:35px; background: url(../images/app1-1.png) no-repeat left center; vertical-align:-2px } .app_btn2 i { background:url(../images/app1-2.png) no-repeat left top; } .app_btn em { display:inline-block; text-align:left; } .app_btn1:hover { -moz-animation: a_post_item_1 0.5s ease both; -webkit-animation: a_post_item_1 0.5s ease both; animation: a_post_item_1 0.5s ease both; } .app_btn2:hover { -moz-animation: a_post_item_2 0.5s ease both; -webkit-animation: a_post_item_2 0.5s ease both; animation: a_post_item_2 0.5s ease both; } @-moz-keyframes a_post_item_1 { 0% { box-shadow:0px 0px 0px 0px rgba(87,187,0,1); } 100% { box-shadow:0px 0px 0px 12px rgba(87,187,0,0); } } @-webkit-keyframes a_post_item_1 { 0% { box-shadow:0px 0px 0px 0px rgba(87,187,0,1); } 100% { box-shadow:0px 0px 0px 12px rgba(87,187,0,0); } } @-moz-keyframes a_post_item_2 { 0% { box-shadow:0px 0px 0px 0px rgba(46,46,46,1); } 100% { box-shadow:0px 0px 0px 12px rgba(46,46,46,0); } } @-webkit-keyframes a_post_item_2 { 0% { box-shadow:0px 0px 0px 0px rgba(46,46,46,1); } 100% { box-shadow:0px 0px 0px 12px rgba(46,46,46,0); } } .repair_tab .tab { z-index:2; position:relative; float:left; display:block; width:148px; height:48px; margin-right:1px; font-size:16px; font-weight:bold; color:#fff; line-height:48px; text-align:center; background-color:#ccc; border:1px solid #ccc; border-bottom-color:transparent; border-top-left-radius:5px; -moz-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; } .repair_tab .tab.on { font-size:18px; color:#d80d18; background-color:#f9f9f9; border-color:#ebebeb; border-bottom-color:transparent; } .repair_detail { margin-top:-1px; padding:40px 0; min-height:640px; background-color:#f9f9f9; border:1px solid #ebebeb; } .repair_detail .each { display:none; } .repair_detail .label_input { margin-bottom:15px; } .repair_detail .label { float:left; width:135px; margin-right:15px; font-size:16px; color:#000; line-height:45px; text-align:right; } .repair_detail .label_input input { width:418px; padding:0 15px; height:43px; line-height:43px; border:1px solid #ebebeb; } .repair_detail .label_input .tips { font-size:14px; color:#d80d18; } .repair_detail .label_input textarea { width:80%; padding:10px; height:130px; border:1px solid #ebebeb; } .repair_detail .submit_w { padding-left:250px; } .repair_detail .submit, .suggest_page .submit, .feedback .submit, .zhibao_page .input_submit{ width:130px; height:45px; font-size:14px; color:#fff; line-height:45px; text-align:center; background-color:#d80d18; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .search_content {padding: 15px 45px 30px; font-size:16px;} .suggest_page .tips { padding:25px 0; font-size:16px; color:#666; } .suggest_page .each_input { float:left; width:32%; height:48px; padding:0 15px; margin-bottom:20px; font-size:14px; line-height:48px; border:1px solid #dedede; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .suggest_page .each_input1 { margin-right:2%; } .suggest_page .each_input.each_input2 { width:66%; } .suggest_page .each_input.each_input3 { width:100%; height:auto; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .suggest_page .red_tips { font-size:14px; color:#d70d18; } .suggest_page .each_input .input1 { width:80%; } .suggest_page .each_input input { line-height:40px; } .suggest_page .each_input textarea { width:100%; height:250px; border:0 none; } .map {padding:40px 0 50px;} .contact_us .each { position:relative; float:left; width:30%; } .contact_us .each.address {width:40%;} .contact_us .line { position:absolute; left:15%; top:0; display:inline-block; width:1px; height:100%; background-color:#eaeaea; } .contact_us .each.address .line {left:12%;} .contact_us .icon {float:left;padding:10px 15px 0 0;} .contact_us .text {margin-left:24%;} .contact_us .each.address .text {margin-left:18%;} .search_list .tips { padding:25px 0; font-size:16px; color:#666; } .search_list li { padding:20px 0; border-bottom:1px solid #eee; } .search_list .stitle { font-size:16px; color:#666; white-space:nowrap; overflow:hidden; } .search_list li:hover .stitle {color:#d80d18;} .search_list .des { padding:15px 0; font-size:14px; color:#999; white-space:nowrap; overflow:hidden; } .search_list .date { color:#bbb; } /* 投资者关系 */ .investor_list li { border-bottom:1px dashed #ececec; } .investor_list li a { position:relative; display:block; padding:20px 110px 20px 0; font-size:16px; color:#000; white-space:nowrap; overflow:hidden; } .investor_list li a:hover,.investor_list li a:hover .date {color:#c00;} .investor_list li i { display:inline-block; width:8px; height:8px; margin-right:5px; background-color:#ccc; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; } .investor_list li a:hover i {background-color:#c00;} .investor_list li .date { position:absolute; right:0; top:23px; font-size:14px; color:#999; } .join_list li { padding:1.5%; background-color:#fafafa; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; transition:all .6s; -moz-transition:all .6s; -webkit-transition:all .6s; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .join_list li:hover { background-color:#d80d18; } .join_list .title_w { padding-bottom:15px; font-size:16px; color:#000; border-bottom:1px solid #eee; } .join_list li:hover .title_w{color:#fff;} .join_list .title_w .date { font-size:14px; color:#ccc; } .join_list li:hover .title_w .date, .join_list li:hover .des {color:#ffafaf;} .join_list .des { padding:15px 0; font-size:14px; color:#ccc; line-height:1.8; } .join_list .des em { color:#787878; } .join_list li:hover .des em {color:#ffafaf;} .join_list .more { display:inline-block; width:78px; height:28px; font-size:12px; color:#ccc; line-height:28px; text-align:center; border:1px solid #eaeaea; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } .join_list li:hover .more { color:#fff; border-color:#fff; } /* 弹窗 */ .job_box { z-index:9999; position:fixed; left:0; top:0; width:100%; height:100%; } .dialog_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); } .dialog_content { z-index:10000; position:absolute; left:50%; top:50%; width:50%; margin-left:-25%; margin-top:-18%; padding:80px 50px; background-color:#fff; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; } .dialog_close { position:absolute; right:15px; top:15px; display:block; width:31px; height:31px; background:url(../images/close.png) no-repeat left top; cursor:pointer; } .job_content h2 { height:45px; padding:0 35px; font-size:18px; color:#fff; line-height:45px; background-color:#d80d18; } .job_content .job_detail { padding:15px; font-size:14px; color:#333; line-height:2.5; } .job_content .job_detail em { color:#666; } .job_content .btn { display:inline-block; width:120px; height:40px; margin-bottom:10px; font-size:16px; color:#fff; line-height:40px; text-align:center; background-color:#d80d18; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .job_content .contact span { color:#c00; text-decoration:underline; } /* 会员 */ .member_wrap { padding-bottom:100px; background-color:#f7f7f7; } .member_wrap .tips { padding:30px 0; font-size:16px; color:#000; } .member_wrap .tips .quit { display:inline-block; margin-left:20px; font-size:14px; color:#ff000e; } .member_wrap .content { overflow:hidden; } .member_wrap .write_box { float:left; width:45%; padding:1.5% 2% 9999px; margin-bottom:-9999px; background-color:#fff; } .member_wrap .write_box:first-child { margin-right:2%; } .member_wrap .write_box .big_title { padding-bottom:10px; font-size:24px; color:#333; border-bottom:1px solid #eaeaea; } .member_wrap .write_box ul, .member_wrap .feedback .submit_w { padding-bottom:15px; } .member_wrap .write_box li { padding:15px 0; border-top:1px dashed #eaeaea; } .member_wrap .write_box li:first-child { border-top:0 none; } .member_wrap .write_box .title { position:relative; padding-right:15px; font-size:16px; color:#333; } .member_wrap .write_box .on .title,.member_wrap .write_box li:hover .title { color:#d80d18; } .member_wrap .write_box .title .icon { position:absolute; right:0; top:10px; display:block; width:12px; height:12px; background:url(../images/add.png) no-repeat left top; } .member_wrap .write_box .on .title .icon { background:url(../images/add1.png) no-repeat left top; } .member_wrap .write_box .des { display:none; margin-top:10px; font-size:14px; color:#999; line-height:1.8; } .member_wrap .feedback .textarea_w { padding:25px 0; } .member_wrap .feedback textarea { width:96%; height:200px; padding:2%; font-size:16px; color:#999; border:0; background-color:#f9f9f9; } /*悬浮窗*/ .fix-contact { z-index:999; position:fixed; bottom:10%; right: 0; } .fix-contact li { background-color:#dfdfdf; margin-bottom:3px; } .fix-contact li:hover {background-color:#d80d18;} .fix-contact .icon { position: relative; display: block; width:40px; height:40px; font-size: 14px; color: #fff; font-weight: bold; background: url(../images/fixed.png) no-repeat; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .fix-contact .icon2 {background-position:left -40px;} .fix-contact .icon3 {background-position:left -80px;} .fix-contact .icon4 {background-position:left -120px;} .fix-contact .icon5 {background-position:left -160px;} .fix-contact .left { position:absolute; top: 0; right: 43px; display:none; width:130px; height:40px; line-height:40px; text-align: center; background-color:#d80d18; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .fix-contact .icon:hover .left { display: block; } .fix-contact .code { position:absolute; top:-80px; right:43px; display: none; padding:20px 25px; background-color:#d80d18; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; width: 100px; } .fix-contact .icon:hover .code { display: block; } /* 适配平板 */ @media (min-width:1025px) { .pro_list li:hover .mask { width:100%; } .pro_list li:hover .pro_name,.pro_list li:hover .tips,.pro_list li:hover .more{ -webkit-animation-name:fadeInRight; -moz-animation-name:fadeInRight; -o-animation-name:fadeInRight; animation-name:fadeInRight; } .pro_list li:hover .pro_name { display:block; } .pro_list li:hover .tips { display:block; animation-delay:.2s; -moz-animation-delay:.2s; -o-animation-delay:.2s; -webkit-animation-delay:.2s; } .pro_list li:hover .more { display:inline-block; animation-delay:.6s; -moz-animation-delay:.6s; -o-animation-delay:.6s; -webkit-animation-delay:.6s; } .pro_list li .more:hover { color:#d80d18; background-color:#fff; } } @media (max-width:1435px){ .product_detail_main .parameter td:nth-child(2n+1) {padding-right:5px;} .dialog_content {height:60%;padding:50px 30px;overflow:auto;} } @media (max-width:1550px){ .sub_nav li a {width:140px;} } @media (max-width:1024px) { .layouts,.wrap {width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .header_top {padding:10px 0 15px;} .logo {display:block;width:15%;} .logo img {width:100%;} .nav_wrap .search_wrap {right:5px;} .nav_wrap .layouts {padding:0;} .nav .item {width:12%;text-align:center;} .nav .item:first-child {width:8%;} .nav .item > a {width:100%;margin-right:0;padding:0;font-size:16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .sub_banner {padding-left:15px;} .footer_menu {width:100%;padding:20px 2% 30px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .footer_menu li {width:13%;padding-right:4%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .footer_menu li:last-child {padding-right:0;} .footer_menu dt {font-size:16px;} .footer_menu dd a {font-size:14px;} .footer_menu .code_w {width:100%;} .footer_menu .code_w img, .footer .phone_wrap .swiper-slide .each, .footer .phone_wrap .swiper-slide:first-child .each, .footer .phone_wrap .swiper-slide:last-child .each {width:100%;} .footer .phone_wrap .swiper-slide {width:32.5%;} .footer .phone_wrap .swiper-slide:last-child {width:35%;} .pro_detail img {width:60%;} .solve_detail img, .solve_re_list li .img_w img, .news_list li .img_w img, .about_detail img, .news_detail img {width:100%;} .about_detail.about_detail1 img {width:50%;} .footer .phone_wrap, .footer .copyright {margin:0 2%;} .footer .phonenumber em {font-size:22px;} .index_banner:hover .swiper-button-prev,.index_banner:hover .swiper-button-next {display:none;} .index_four {padding:5px;} .index_four .text_w {left:10px;bottom:10px;font-size:12px;} .index_four .text_w .title {font-size:16px;} .index_four .text_w .line {height:2px;margin:5px 0 3px;} .inner_banner {min-height:160px;} .inner_banner .wrap {height:160px;} .inner_banner .headline strong {font-size:22px;} .inner_tab {padding:25px 0;} .inner_tab .layouts {padding:0;} .inner_tab .tab {padding:0 15px;margin:0 3px;font-size:16px;} .pro_tab .tab {height:70px;line-height:70px;padding:0 20px;} .page {padding-top:10px;} .page_main {padding-bottom:30px;} .product_detail_main {padding-top:15px;} .product_detail_main .side_bar {display:none;} .product_detail_main .pro_right_con {float:none;width:100%;margin-left:0;} .product_detail_main .pro_right_con .pro_parameter {padding:3% 0 0 3%;} .product_detail_main .pro_right_con h1 {font-size:28px;} .product_detail_main .parameter {padding:15px 0;} .product_detail_main .parameter td {padding:8px 0;} .product_detail_main .parameter td:nth-child(2n+1) {padding-right:3px;} .product_detail_main .pro_detail {padding-top:25px;} .solve_list .text {height:55px;font-size:22px;line-height:55px;} .solve_re_list {padding:25px 0;border-left:0;border-right:0;border-bottom:0;} .solve_re_list ul {margin-left:-2%;} .solve_re_list li {width:18%;margin-left:2%;} .solve_re_list li .img_w {width:100%;height:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .register .login_box {padding:35px 150px 80px;} .register .login_box .tip_wrap,.forget .login_box .tip_wrap {white-space: normal;width: 100%;text-align: center;} .register .login_box .tip_wrap {margin-left:-58%;} .forget .login_box {width:560px;} .forget .step_wrap {padding:35px 0;} .forget .form {padding-left:105px;} .about, .service, .repair_page {padding-top:20px;} .about, .service, .repair_page {padding-bottom:30px;} .faq_kind a i {width:10px;height:6px;background-size:100% 100%;} .faq_kind a:hover i{background-size:100% 100%;} .download_list {padding:2.5% 5% 0;} .download_list ul {margin-left:-5%;} .download_list li {width:45%;margin-left:5%;margin-bottom:35px;} .download1a .picture_wrap {padding-right:20px;} .download1a img {width:100%;} .describe_wrap {width:100%;} .descition {margin:15px 0;line-height:2} .repair_detail .label_input textarea {width:70%;} .history_wrap .swiper-container {height:400px;padding:80px 0;} .history_wrap .swiper-button-next, .history_wrap .swiper-button-prev {margin-top:-40px;} .history_wrap .swiper-slide {height:260px;} .history_wrap .swiper-slide:nth-child(2n) .big_date {padding-top:190px;} .history_wrap .clock {margin:30px auto 0;} .history_wrap .swiper-slide:nth-child(2n) .clock { margin:60px auto 0;} .certificate_list ul {margin-left:-2%;padding:40px 15px 0 20px;} .certificate_list li {width:31%;margin:0 0 27px 2%;} .news_list li .img_w {width:40%;height:auto;} .news_list li .text_w {margin-left:40%;padding:15px 0 15px 20px;} .news_list li .date {padding:10px 0;} .video_list ul, .solve_list ul, .join_list ul {margin-left:-2%;} .video_list li, .solve_list li, .join_list li {width:48%;margin:0 0 20px 2%;} .dialog_content {width:70%;margin-left:-40%;margin-top:-50%;padding:60px 40px;height:50%;overflow:auto;} .dialog_close {right:5px;top:45px;} .map {padding:10px 0 20px;} .contact_us .each {width:25%;} .contact_us .each.address {width:39%;} .contact_us .each.email {width:36%;} .contact_us .icon {width:15%;padding:15px 15px 0 0;} .contact_us .icon img {width:100%;} .contact_us .text {margin-left:25%;padding-right:10px;} .contact_us .each.address .text {margin-left:22%;} .contact_us .each .line {left:20%;height:120px;} .contact_us .each.address .line {left:18%;} .suggest_page .each_input input,.suggest_page .each_input textarea,.repair_detail .label_input input,.repair_detail .label_input textarea {font-size:14px;} .job_content .job_detail,.job_content .contact {font-size:16px;} } @media (min-width:992px) and (max-width:1024px) { .dialog_content {width:90%;margin-left:-48%;margin-top:-27%;padding:50px 30px;} .contact_us .each .line {height:95px;} } @media (max-width:767px) { .mb20 {margin-bottom:15px;} .header .logo {display:block;width:100px;} .header .logo img {width:100%;} .header .total {float:right;width:30px;height:23px;margin:13px 0 0 60px;background:url(../images/total.png) no-repeat left top;background-size:100% 100%;} .header_top .lan_wrap {padding-left:40px;margin-top:15px;} .header_top .lan {font-size:16px;} .header_top .lan .icon {display:none;} .header_top .down_lan {left:10px;text-align:center;} .nav_wrap .search_wrap {top:-62px;right:55px;} .nav {z-index:9;position:absolute;top:0;right:0;display:none;width:45%;border-top:15px solid rgba(0,0,0,.6);border-bottom:15px solid rgba(0,0,0,.6);} .nav .item,.nav .item:first-child {float:none;width:100%;} .nav .item > a {height:45px;line-height:45px;text-align:center;background:rgba(0,0,0,.6);} .nav .item.on > a, .nav .item:hover > a {background:rgba(0,0,0,.6);} .sub_nav {display:none!important;} .footer_menu {display:none;} .footer .phone_wrap {position:relative;height:100px;overflow:hidden;} .footer .phone_wrap .swiper-slide,.footer .phone_wrap .swiper-slide:last-child {width:100%;} .footer .phone_wrapp .swiper-slide .each,.footer .phone_wrap .swiper-slide:first-child .each,.footer .phone_wrap .swiper-slide:last-child .each {width:100%;text-align:center;} .footer .phone_wrap .each {background-color:#333;} .footer .phone_wrap .each .line {display:none;} .swiper-container {overflow:hidden;} .footer .swiper-wrapper {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;} .phone_wrap .swiper-button-prev,.phone_wrap .swiper-button-next{z-index:3;position:absolute;top:55px;display:block;width:17px;height:30px;} .footer .phone_wrap .swiper-pagination {display:none;} .phone_wrap .swiper-button-prev {left:0;background:url(../images/prev1.png) no-repeat left top;background-size:100% 100%;} .phone_wrap .swiper-button-next {right:0;background:url(../images/next1.png) no-repeat left top;background-size:100% 100%;} .footer .copyright {position:relative;padding:10px 0 30px;} .footer .copyright, .footer .copyright a {font-size:12px;text-align:center;line-height:1.5;} .footer .copyright p ,.footer .copyright .zhichi {position:relative;display:inline;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:5px;} .index_banner .swiper-pagination-bullet {width:8px;height:8px;background-size:100% 100%;} .index_four li {width:50%;} .index_four .text_w {left:20px;bottom:15px;} .inner_banner {min-height:100px;} .inner_banner .wrap {height:100px;} .inner_banner .headline img {width:10%;} .inner_banner .headline strong {margin-left:10px;font-size:20px;} .bread_menu {display:none;} .inner_tab {padding:10px;} .inner_tab .tab {height:35px;margin:3px .5%;padding:0 3.5%;font-size:14px;line-height:35px;text-align:center;overflow:hidden;} .two_inner_tab.inner_tab .tab {float:left;width:24%;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .page {padding-top:0;} .page a {padding:4px 8px;font-size:16px;} .page_main {padding-bottom:20px;} .pro_tab {padding:10px 0;} .pro_tab .tab {height:25px;padding:0 10px;font-size:14px;line-height:25px;} .pro_list li {width:47.5%;margin:0 0 5% 5%;padding-bottom:30px;} .pro_list li:nth-child(2n+1){margin-left:0!important;} .pro_list li:nth-child(3n+1){margin-left:5%;} .pro_list li .pro_name {position:absolute;left:0;bottom:0;width:100%;display:block!important;font-size:16px;color:#333;white-space:nowrap;overflow:hidden;} .product_detail_main .pro_right_con .pro_img {float:none;width:70%;margin:0 auto;} .product_detail_main .pro_right_con .pro_parameter {float:none;width:100%;padding:0;} .product_detail_main .pro_right_con h1 {padding:10px 65px 10px 0;font-size:22px;} .product_detail_main .pro_right_con h1 .back {font-size:14px;} .product_detail_main .pro_right_con .des {height:42px;font-size:14px;color:#666;line-height:1.5;} .product_detail_main .parameter {border-bottom:1px solid #ececec;} .product_detail_main .parameter td {padding:4px 0;font-size:14px;} .product_detail_main .pro_detail {padding-top:10px;} .product_detail_main .p_d_tab {padding:0;} .product_detail_main .p_d_tab .tab {padding:0 10px 10px;margin-right:20px;} .product_detail_main .p_detail_wrap {padding:15px 0;} .solve_list,.video_list, .join_list {padding:15px 15px 0;} .solve_list li {margin:0 0 2% 2%;} .video_list ul, .join_list ul{margin-left:0;} .video_list li, .join_list li {width:100%;margin:0 0 15px 0;} .join_list li {padding:15px;} .solve_list .text {height:40px;font-size:18px;line-height:40px;} .solve_detail .title_w {padding:15px 0;} .solve_detail .title_w h1 {font-size:20px;} .solve_detail .title_w .back {font-size:14px;} .solve_re_list {padding:10px 0;} .solve_re_list .title {margin-bottom:10px;font-size:20px;} .solve_re_list li {width:48%;} .solve_re_list .pro_name {padding:10px 0;} .login {min-height:450px;} .login_box,.forget .login_box {width:90%;padding:30px 35px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .login_box .title {font-size:22px;} .login_box .label_input {width:100%;height:40px;line-height:40px;padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .login_box .label_input .input_w {width:75%;} .login_box .label {font-size:14px;} .login_box input.w1, .login_box .code_input input.w2, .register .login_box input.w1, .forget2 .login_box .label_input input.w1, .repair_detail .label_input input, .repair_detail .label_input textarea {width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .login_box .code_input {height:40px;padding-left:5px;line-height:40px;} .login_box .code_input .input_w {width:25%;margin:0 7px;} .login_box .code_input input {height:40px;line-height:40px;} .login_box .submit {height:40px;line-height:40px;} .login_box .code {width:40%;margin-right:0;} .login_box .code_img {display:inline-block;width:50%;} .login_box .code img {width:100%;} .login_box .refresh, .login_box .bottom_link a {font-size:12px;} .register .login_box {padding:30px 35px;} .register .login_box .label, .forget .login_box .label {position:relative;left:0;width:auto;} .register .login_box .tip_wrap {width:120%;margin-left:-70%;white-space:normal;} .forget {padding:30px 0 50px;} .forget .form {width:100%;padding-left:0;} .forget .step {width:27%;} .forget .step:first-child {width:19%;} .forget .step .text {width:auto;font-size:12px;} .forget .step .num {z-index:2;position:relative;} .forget .step .line {width:100%;} .forget .login_box .code_input .input_w {width:25%;margin:0 7px;} .forget .login_box .tip_wrap {text-align:center;white-space:normal;} .forget1 .login_box .code_input .label {position:relative;left:0;} .forget1 .login_box .send {width:100px;height:40px;margin-left:5px;font-size:12px;line-height:40px;} .forget2 .login_box .label_input .input_w {width:100%;} .faq_kind {padding:10px 0;} .faq_kind a {height:30px;padding:0 10px;font-size:14px;line-height:30px;} .faq_list ul {padding:5px 0;} .faq_list .question {padding:15px 8px;font-size:14px;} .faq_list .answer {font-size:14px;line-height:1.8;} .faq_list .question span {top:15px;} .download_list ul {margin-left:0;} .download_list li {width:100%;padding:0 13%;margin-left:0;font-size:16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .download_list .d_btn {height:40px;line-height:40px;} .download_list1 ul {padding-bottom:20px;} .download_list1 li a {padding:15px 70px 15px 0;font-size:14px;} .download_list1 .right_con {top:15px;} .download_list1 .right_con .icon {width:15px;height:19px;background-size:100% 100%;} .download_list .download {text-align:center;} .download1a {position:relative;} .download1a .picture_wrap {position:absolute;left:15px;top:0;} .download1a td {width:0;} .download1a td:nth-child(2) {width:100%!important;padding-top:200px;} .describe_wrap h2 {font-size:24px!important;text-align:center;} .repair_tab .tab {width:100px;height:38px;font-size:14px;line-height:38px;} .repair_tab .tab.on {font-size:16px;} .repair_detail .label {width:25%;margin-right:3%;font-size:14px;} .repair_detail .input_w {float:left;width:67%;} .repair_detail .submit_w {padding-left:28%;} .suggest_page .tips {display:none;} .suggest_page .form {padding-top:15px;} .suggest_page .each_input,.suggest_page .each_input.each_input2 {width:100%;height:40px;margin-left:0;margin-bottom:15px;line-height:40px;} .suggest_page .each_input input {line-height:34px;} .repair_detail .submit, .suggest_page .submit {height:40px;line-height:40px;} .certificate_list li {width:48%;margin:0 0 10px 2%;} .certificate_list li .text {height:40px;font-size:14px;line-height:40px;} .news_list li .img_w {width:50%;} .news_list li .text_w {margin-left:50%;padding:0 0 0 10px;} .news_list li .ntitle {font-size:16px;} .news_list li .date span {font-size:14px;} .news_list li .des {height:50px;font-size:14px;line-height:25px;} .video_list li .img_w .video {width:30px;height:30px;margin-left:-15px;margin-top:-15px;background-size:100% 100%;} .contact_us .each,.contact_us .each.address,.contact_us .each.email {width:100%;min-height:60px;margin-bottom:15px;} .contact_us .icon {padding:5px 5px 0 0;} .contact_us .each.address .line,.contact_us .each .line {left:15%;} .contact_us .icon {width:10%;} .contact_us .each .line {height:60px;} .contact_us .each .text,.contact_us .each.address .text {margin-left:20%;} .dialog_content { width: 85%; padding: 20px 10px; margin-left: -45%; margin-top: -70%; height: 75%; overflow: auto; } .dialog_close { width: 20px; height: 20px; background-size: 100% 100%; position: fixed; right: 7.5%; top: 0%; } .job_content h2 {height:30px;padding:0 10px;font-size:16px;line-height:30px;} .job_content .job_detail {padding:10px;font-size:14px;line-height:1.8;} .job_content .contact {font-size:14px;} .history_wrap {min-height:auto;} .history_wrap .swiper-container {height:auto;margin:0 auto -50px;padding:0 15px 35px;overflow:visible;} .history_wrap .swiper-wrapper {display:block;} .history_wrap .swiper-button-next, .history_wrap .swiper-button-prev {display:none;} .history_wrap .swiper-slide:first-child {height:120px;background:url(../images/history.png) no-repeat left center;background-size:auto 100%;} .history_wrap .swiper-slide,.history_wrap .swiper-slide:nth-child(2n) {height:95px;background:url(../images/history2.png) no-repeat left center;background-size:auto 100%;} .history_wrap .big_date,.history_wrap .swiper-slide:nth-child(2n) .big_date {width:auto;padding:25px 0 0 80px;text-align:left;} .history_wrap .swiper-slide:first-child .big_date {padding:45px 0 0 80px;} .history_wrap .clock,.history_wrap .swiper-slide:nth-child(2n) .clock {position:absolute;left:35px;top:35px;margin:0;width:30px;height:30px;background:url(../images/history_icon1.png) no-repeat left top;background-size:100% 100%;} .history_wrap .swiper-slide:first-child .clock {top:60px;} .history_wrap .swiper-slide:hover .clock {height:30px;} .history_wrap .big_date .date {font-size:18px;} .news_detail .title_w {padding:10px 0;} .news_detail .title_w h1 {margin-bottom:5px;font-size:20px;} .fix-contact {display:none!important;} .member_wrap .tips .quit {margin-left:0;} .member_wrap .write_box {width:92%;padding:3% 4%;margin-bottom:15px;} .member_wrap .write_box:first-child {margin-right:0;} .member_wrap .write_box .big_title {font-size:20px;} } .solve_re_list li .img_w img, .news_list li .img_w img {width:100%;} .zhibao_gray .layouts { background:#f9f9f9; } .zhibao_page .gray_inner .title { margin-bottom:25px; font-size:36px; color:#000; text-align:center; } .zhibao_page .gray_inner .each_input { margin-bottom:15px; } .zhibao_page .gray_inner .submit_input {margin-top:25px;} .zhibao_page .gray_inner .label { float:left; width:100px; margin-right:10px; font-size:16px; color:#000; line-height:45px; text-align:right; } .zhibao_page .gray_inner .input_text { height:43px; padding:0 10px; border:1px solid #ebebeb; } .zhibao_page .refresh {font-size:12px;color:#bbb;} .zhibao_page .refresh:hover {text-decoration:underline;} .zhibao_page .zhibao_wrap > div { padding-top:35px; } .zhibao_page .zhibao_wrap .title { margin-bottom:15px; font-size:20px; font-weight:bold; color:#000; } .zhibao_page .zhibao_wrap .title .word { display:inline-block; padding-left:10px; border-left:8px solid #d80d18; } .zhibao_page .zhibao_wrap th { padding-bottom:20px; font-size:20px; font-weight:normal; color:#000; } .zhibao_page .zhibao_wrap1 th:last-child {text-align:left;} .zhibao_page .zhibao_wrap td { padding:13px 0; font-size:16px; color:#000; } .zhibao_page .zhibao_wrap2 td { text-align:center;} .zhibao_page .zhibao_wrap tr:nth-child(2n) td {background:#f9f9f9;} @media (min-width:768px){ .zhibao_page {padding:50px 0 90px;} .zhibao_page .layouts { width:998px; margin:0 auto; padding:0; } .zhibao_page .gray_inner { width:550px; padding:70px 0; margin:0 auto; } .zhibao_page .zhibao_wrap td:first-child {padding:13px 0 13px 65px;text-align:left;} .zhibao_page .gray_inner .series_input .input_text { width:400px; } } @media (max-width:998px) and (min-width:768px){ .zhibao_page .layouts {width:91%;} } @media (max-width:767px){ .zhibao_page {padding:20px 0 40px;} .zhibao_page .layouts {width:91%;padding:0;} .zhibao_page .gray_inner {padding:30px 0;} .zhibao_page .gray_inner .title {margin-bottom:15px;font-size:20px;} .zhibao_page .gray_inner .label {width:25%;font-size:14px;line-height:40px;} .zhibao_page .gray_inner .input_text {height:38px;} .zhibao_page .gray_inner .code_input .input_text {width:30%;} .zhibao_page .gray_inner .code_input .img {display:inline-block;width:3.3rem;} .zhibao_page .input_submit {height:40px;line-height:40px;} .zhibao_page .zhibao_wrap .title {font-size:16px;} .zhibao_page .zhibao_wrap .title .word { display:inline-block; padding-left:6px; border-left:6px solid #d80d18; } .zhibao_page .zhibao_wrap th {padding-bottom:10px;} .zhibao_page .zhibao_wrap th, .zhibao_page .zhibao_wrap td {font-size:14px;text-align:center;} .zhibao_page .zhibao_wrap td {padding:10px 0;} }