@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: #000000; 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: #000000; }
.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: #000000; line-height: 48px; border-bottom: 1px dashed #ddd; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; }
.sub_nav li a:hover { color: #d80d18; }
.sub_nav li a .icon { font-family: 'Simsun'; color: #d1d1d1; }
.normal_nav ul { margin-left: 335px; }
.normal_nav li { float: left; margin-right: 34px; }
/* 底部 */





.footer { background-color: #000000; }
.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; border-top: 1px solid #3a3a3a; }
.footer .copyright, .footer .copyright a { font-size: 14px; color: #505050; line-height: 50px; }
.footer .copyright .zhichi { position: absolute; right: 0; 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: 16%; margin: 0 0 4.5% 4.5%; overflow: hidden; }
.pro_list li:nth-child(5n+1) { margin-left: 0; }
.pro_list li img { width: 100%; }
.pro_list li .item_pname { text-align: center }
.pro_list li a { display: block; width: 100%; height: 100%; }
.pro_list li .text_w { position: absolute; left: 0; top: 0; width: 100%; height:450px; 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: 18px; 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 { 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; border-top: 1px solid #3a3a3a; }
.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%; }