www.x-motion.cn/Public/static/home/css/mainScreen.css

html,
body {
    height: 100%;
    width: 100%;
    min-width: 1240px;
    margin: 0;
    padding: 0;
    font-family: "Microsoft YaHei";
}

a {
    text-decoration: none;
}

#soulFeelingImg {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#header-main {
    text-align: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

#header-main a {
    color: #303233;
    font-size: 16px;
}

#join_button {
    background-color: #479aee;
    width: 185px;
}

#join_button a {
    color: #f9f9f9;
}

.navbar-nav-scroll {
    margin: 0 auto;
    width: 1200px;
    display: flex;;
}

#header-logo {
    margin-right: 66px !important;
}

.navbar-expand {
    background-color: #fff;
}

.navbar-expand .navbar-nav > li {
    background-color: #fff;
}

.navbar-expand .navbar-nav > li > a {
    color: #333;
    border-bottom: 1px solid transparent;
}

.navbar-expand .navbar-nav > li > a:hover,
.navbar-expand .navbar-nav > li > a:focus,
.navbar-expand .navbar-nav > .active > a,
.navbar-expand .navbar-nav > .active > a:hover,
.navbar-expand .navbar-nav > .active > a:focus {
    background-color: #fff;
    color: #439348;
    border-bottom: 1px solid #439348;
}

#footer-main {
    min-width: 1200px;
    background: white;
    color: black;
    font-size: 0.8rem;
    padding: 2.5rem 0;
    padding-left: 15%;
    padding-right: 10%;
}

#detailsDiv {
    width: 100%;
    height: 100%;
}

#details {
    width: 100%;
    height: 100%;
    display: block;
}

.copyright {
    color: #b5b9b8;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    margin-top: 50px;
}

a, .col {
    color: black;
}

#header-logo img {
    width: auto;
    height: 48px;
}

.nav-item {
    line-height: 48px;
    margin-right: 30px;
}

#carouselExampleIndicators {
    min-width: 1200px;
}

#video_product {
    position: absolute;
    left: 360px;
    margin-top: -310px;
    width: 154px;
    height: 104px;
}

#video_product a {
    display: block;
    margin-top: 26px;
}

.footer_main {
    margin-top: 37px;
    width: 100%;
    text-align: center;
    min-width: 1200px;
}

.footer_div {
    width: 900px;
    margin: 0 auto;
}

.footer_col {
    text-align: left;
    width: 180px;
    float: left;
}

.footer_title {
    line-height: 40px;
    color: #707271;
    font-size: 14px;
}

.list-unstyled a {
    text-decoration: none;
    color: #b5b9b8;
    font-size: 12px;
}

.list-unstyled a:hover {
    color: #5ea7ec;
}

.list-unstyled li {
    line-height: 20px;
}

ul {
    margin-bottom: 0;
}

.list-unstyled .footer_title {
    line-height: 40px;
}

.footer_tel {
    line-height: 40px;
    color: #b5b9b8;
    font-size: 18px;
}

.store_hr {
    height: 2px;
    width: 55px;
    border-top-color: #5ea7ec;
    margin-left: 0;
    margin-top: 7px;
    margin-bottom: 0;
}

.store_div {
    width: 100%;
    height: 208px;
    text-align: center;
    background-color: #f7f8f9;
    padding-top: 63px;
}

.store_title {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
}

.store_title .title {
    color: #8c8b8b;
    font-size: 40px;
    line-height: 52px;
}

.store_title .content a {
    color: #8c8b8b;
    font-size: 15px;
    line-height: 27px;
}

.store_menu {
    width: 100%;
    text-align: center;
    margin-top: 67px;
}

.store_menu .option {
    float: left;
}

.store_menu .option {
    margin-right: 32px;
}

.store_title .option > div {
    line-height: 20px;
    font-size: 14px;
    color: #707072;
}

.store_menu a {
    text-decoration: none;
}


.store_list_div{width: 100%;text-align: center;}
.store_list{width: 1200px;text-align: left;margin: 0 auto;}
.store_one{margin-top: 72px;margin-bottom: 10px;width: 580px;height: 517px;}
.store_right{float: right;}
.store_left{float: left;}
.store_img img{width: 580px;height: 330px;}
.store_name{font-size: 20px;color: #5ea7ec;line-height: 54px;margin-top: 28px;}
.store_address, .store_time, .store_tel{font-size: 14px;color: #3d3c40;line-height: 38px;}
.store_tel{color: #5ea5ec;}
.store_one .icon{width:20px;height: 20px;margin-right: 24px;}
.store_page_div{width: 100%;text-align: center;}
.store_page{width: 165px;margin: 0 auto;margin-top:56px;display: flex;padding-bottom: 117px;}
.store_page_num{width: 32px;height:32px;line-height:32px;text-align:center; border-radius:50%;border:1px solid #e3e3e3;color: #3d3c40;font-size: 14px;margin:0 12.5px; }
.store_page a{text-decoration: none;}
.store_page .active{background-color: #5ea5ec; color: #ffffff;}
#store_discount,#store_all{display: none;}
#store_discount.active,#store_all.active{display:block;}
#store_discount{margin-top: 56px;}
.main_div{width: 100%;height: auto;}
.main_div>img{width: 100%;height: auto;}
.store_banner{width: 100%;height: auto}


.about{display: flex;width: 1160px;margin: 0 auto;margin-top: 115px;}
.about div{width: 120px;height: 120px;margin: 0 85px;cursor: pointer;}
.about .buy{background:url(https://img.x-motion.cn/home/image/about_buy_1.png) no-repeat;}
.about .buy.active{background:url(https://img.x-motion.cn/home/image/about_buy_2.png) no-repeat;}
.about .delivery{background:url(https://img.x-motion.cn/home/image/about_delivery_1.png) no-repeat;}
.about .delivery.active{background:url(https://img.x-motion.cn/home/image/about_delivery_2.png) no-repeat;}
.about .aftermarket{background:url(https://img.x-motion.cn/home/image/about_aftermarket_1.png) no-repeat;}
.about .aftermarket.active{background:url(https://img.x-motion.cn/home/image/about_aftermarket_2.png) no-repeat;}
.about .feedback{background:url(https://img.x-motion.cn/home/image/about_feedback_1.png) no-repeat;}
.about .feedback.active{background:url(https://img.x-motion.cn/home/image/about_feedback_2.png) no-repeat;}
.about_hr{height: 2px;width: 1200px;border-top-color: #e2e2e2;margin:0 auto;margin-top: 84px;margin-bottom: 76px;}
.about_content>div{display: none;margin-bottom: 110px;}
.about_buy,.about_delivery,.about_aftermarket,.about_feedback,.store_discount{margin: 0 auto;width: 1200px;}
.about_buy .title, .about_delivery .title, .about_aftermarket .title, .about_feedback .title, .store_discount .title{font-weight: bold; font-size: 18px;color: #000;line-height: 36px;padding-top: 28px;}
.about_buy .detail,.about_delivery .detail,.about_aftermarket .detail,.about_feedback .detail,.store_discount .detail{font-size: 14px;color: #000;line-height: 32px;}
.about_aftermarket .fu{margin:32px 0;}
.about_aftermarket img{width: 100%;height: auto;}
.about_aftermarket #about_aftermarket_2{margin-top: 75px;margin-bottom: 40px;}
.about_feedback .about_down img{width: 199px;height: 57px;}
.about_feedback .about_down{padding-top: 42px;margin-bottom: 86px;}

.message_div{width: 778px;height: auto;margin: 0 auto; margin-bottom: 133px;}
.message_div .message_input{background-color: #f5f5f5;width: 100%;height: 52px;margin-bottom: 28px;display: flex;}
.message_div .message_input.textarea{height: 127px;}
.message_div .message_input span{vertical-align:top;line-height: 52px;color: #3d3c40;font-size: 18px;width: 114px;display: block;}
.message_div .message_input span:first-child{color:red;width: 81px;text-align: center;}
.message_div .message_input input{width: 583px;height: 100%;line-height:100%;border: 0;background-color: #f5f5f5;outline:none;}
.message_div .message_input textarea{width: 583px;height:100%;line-height:52px;outline:none;background-color: #f5f5f5;border: 0;resize: none;}
.message_div .message_input .error{color: red;font-size: 14px;position: absolute;margin-left: 678px;width: 100px;}
.message_div .message_input :-moz-placeholder {color: #afafb0; opacity:1;}
.message_div .message_input ::-moz-placeholder {color: #afafb0;opacity:1;}
.message_div .message_input input:-ms-input-placeholder{color: #afafb0;opacity:1;}
.message_div .message_input input::-webkit-input-placeholder{color: #afafb0;opacity:1;}
.message_div .message_input textarea:-ms-input-placeholder{color: #afafb0;opacity:1;}
.message_div .message_input textarea::-webkit-input-placeholder{color: #afafb0;opacity:1;}
.message_div .title{color: #afafb0;font-size: 24px;line-height: 24px;margin-top: 117px;margin-bottom: 45px;}
.message_div .submit{margin: 0 auto;width: 205px;height: 48px;}

.contact{width: 1200px;margin: 0 auto;}
.contact .title{font-size: 24px;color: #3d3c40;font-weight: bold;line-height: 80px;margin-top: 33px;}
.contact .detail{font-size: 16px;color: #8c8b8b; line-height: 32px;}
.contact .detail span{display: block;float: left;}
.contact .detail span:first-child{width: 140px;}
.detail_double .detail_right, .detail_double .detail_left{float: left;width: 50%;}
.contact .detail_right span:first-child{width: 230px;}
.contact_head_img{margin-bottom: 26px;}
.contact_wx{margin-top: 9px;margin-bottom: 126px;}
.contact_wx>div{float: left;}
.wx_x_img, .wx_h_img{width: 130px;height: 160px;margin-right: 57px;}
.contact_wx .vertical{height: 160px;width: 58px;border-left:#e2e2e2 1px solid;}
.span_qq{color: #5ea7ec;text-decoration:underline;}

.join_title{font-size: 42px;color: #3d3c40;text-align: center;line-height: 64px;margin-top: 163px;}
.join_title2{font-size: 28px;color: #afafb0;text-align: center;line-height: 50px;margin-bottom: 47px;}
.join_div{margin-bottom: 141px;}
.qr_code{position: absolute;margin-left: 900px;width: 130px;}
.qr_code #wb_code,.qr_code #wx_code{display: none;}
#wx_code_icon, #wb_code_icon{cursor: pointer;}


.video_div_back{position: fixed;width: 100%;height: 100%;top: 0;left: 0;min-width: 1240px;z-index: 99;background-color:rgba(0,0,0,0);}
.video_div_shadow{position: fixed;width: 100%;height: 100%;top: 0;left: 0;min-width: 1240px;z-index: 199;background-color:rgba(0,0,0,0.6);}
.video_div{width: 768px;height: 432px;margin:200px auto;z-index: 200;position:relative;}
video::-internal-media-controls-download-button {  display:none;  }
video::-webkit-media-controls-enclosure {  overflow:hidden;  }
video::-webkit-media-controls-panel {  width: calc(100% + 30px);  }

.product_banner{width: 100%;margin-bottom: 15px;}
.product_banner .product_left{width: 43.7%;float: left;}
.product_banner .product_right{width: 56.3%;float: left;}
.product_banner .product_left img{width: 100%;}
.carousel-control-prev-icon{width: 36px;height: 57px;}
.carousel-control-next-icon{width: 36px;height: 57px;}
#product_banner .carousel-control-prev{justify-content:left;}

.company{width: 1200px;margin: 0 auto;}
.company_title{text-align: center;}
.company_title_cn{font-size: 36px;font-weight: bold;color: #3d3c40;margin: 0 auto;margin-top: 51px;line-height: 36px;}
.company_title_en{font-size: 30px;color: #848484;line-height: 30px;margin: 0 auto;margin-top: 20px;margin-bottom: 49px;}
.company_p{width: 100%;margin-bottom: 204px;}
.company_p p{margin: 17px 0;font-size: 18px;line-height: 24px;color: #3d3c40;padding: 20px;}