@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;}
}