.new_menu{ padding-top:0;}
.new_menu .menu_left{ width:auto; float:none; text-align:center; font-size:22px;}
.new_menu .menu_right{ width:auto; float:none; text-align:center;}
.new_menu .menu_right li{ display:inline-block; float:none;}
.new_top .top,.top .top_cont{ float:none;}


.new_top_bg{ border-top: 2px solid #d71223; border-bottom:0;}
.top_menu li ul{ top:275px;}
.layout_list .list_box .pic{ margin-bottom:8px;}

.new_collection{ float:right;}
.new_collection a{ width:45px; height:60px; display:block; background:url(/Scripts/webroot/images/collection_ico1.png) center no-repeat; background-size:20px auto;}
.layout_list .collection{ position:absolute; right:40px; bottom:8px;}
.layout_list .collection a{ width:40px; height:40px; display:block; background:url(/Scripts/webroot/images/collection_ico2.png) center no-repeat; background-size:24px auto;}
.layout_list .collection a.hov{ background:url(/Scripts/webroot/images/collection_ico3.png) center no-repeat; background-size:24px auto;}
.layout_list .buy{ width:40px; height:40px;}
.layout_list .buy a{ padding:0;}
.layout_list .buy img{ width:25px; margin:0;}

.new_head .new_cart{ margin-left:0px;}
.new_top_gn .new_no_land{ right:140px;}

.banner_bg{ padding-bottom:50px;}

.index_cmo_bg{ width:1200px; margin:0 auto 50px; overflow:hidden;}
.index_cmo1{}
.index_cmo1_js{ width:930px; float:left; overflow:hidden; position:relative;}
.index_cmo1_js .bd li{ width:350px; margin-right:10px; font-size:0; line-height:0;}
.index_cmo1_js .bd li img{ border-radius:8px; -moz-border-radius:8px; overflow:hidden;}
.index_cmo1_js .bd .tempWrap{ overflow:visible !important;}

.index_cmo1_js .hd{ width:100%; height:1px; position:relative;}
.index_cmo1_js .hd a{ width:30px; height:50px; text-align:center; background:#333; position:absolute; top:205px; z-index:2; cursor:pointer;}
.index_cmo1_js .hd a img{ width:20px; margin-top:15px;}
.index_cmo1_js .hd a.next{ left:0; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0;}
.index_cmo1_js .hd a.prev{ right:0; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px;}
.index_cmo1_js .hd a.prev img{ -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.index_cmo1_js .hd a.nextStop,.index_cmo1_js .hd a.prevStop{ display:none;}

.index_cmo1_js .hd ul{ width:100%; height:1px; text-align:center; position:absolute; left:0; top:425px; z-index:1;}
.index_cmo1_js .hd li{ width:12px; height:12px; display:inline-block; margin:0 3px; background:#c6c2c1; font-size:0; cursor:pointer; border-radius:360px; -moz-border-radius:360px;}
.index_cmo1_js .hd li.on{ background:#eb0603;}

.index_cmo1_r{ width:250px; float:right; border:1px solid #ddd; position:relative;}
.index_cmo1_r .title{ line-height:45px; background:#ea0a2a; color:#fff; font-size:24px;}
.index_cmo1_r li{ padding:22px 10px 0;}
.index_cmo1_r li .introduce li{ padding:0;}

.index_cmo2 .img{ display:block;}
.index_cmo2 ul{ margin-top:-50px;}
.index_cmo2 ul .introduce ul{ margin-top:0;}
.index_cmo2 .left{ width:590px; float:left;}
.index_cmo2 .layout_list{ width:-moz-calc(50% - 22px); width:-webkit-calc(50% - 22px); width:calc(50% - 22px); float:left; border:1px solid #ddd; padding:10px 10px 0; margin-left:14px; background:#fff; border-radius:8px; -moz-border-radius:8px; position:relative;}
.index_cmo2 .layout_list .buy img{ margin-top:0;}
.index_cmo2 .right{ width:590px; float:right;}
.index_cmo3{ font-size:0; line-height:0; margin-bottom:50px;}
.index_cmo3 img{ width:100%;}

.index_cmo4{ border:1px solid #F00; border-radius:8px; -moz-border-radius:8px;}
.index_cmo4_t{ overflow:hidden;}
.index_cmo4_t .left{ float:left;}
.index_cmo4_t .left h4{ float:left; font-size:40px; padding-top:15px; margin-left:20px; font-weight:700;}
.index_cmo4_t .left h4 span img{ width:37px; display:inline-block; margin-top:-10px;}
.index_cmo4_t .left .open{ margin-left:10px; float:left; padding-top:25px; font-size:20px;}
.index_cmo4_t .left .open span{ width:35px; line-height:35px; display:inline-block; background:#333; color:#fff; margin:0; border-radius:4px; -moz-border-radius:4px;}
.index_cmo4_t .left .open span.s{ font-size:20px; background:red;}

.index_cmo4_t .right{ float:right; padding-top:25px;}
.index_cmo4_t .right ul{ float:left;}
.index_cmo4_t .right li{ float:left; line-height:30px; padding:0 20px; margin-right:10px; border:1px solid #ddd; border-radius:45px; -moz-border-radius:45px; cursor:pointer;}
.index_cmo4_t .right li span{ margin-right:5px;}
.index_cmo4_t .right li.hov,.index_cmo4_t .right li:hover{ border-color:#F00; color:#F00;}
.index_cmo4_t .right a{ float:right; margin:0 20px 0 10px; line-height:32px; color:#333; display:inline-block;}
.index_cmo4_c { padding:0 25px 25px; overflow:hidden;}
.index_cmo4_c .list_loading{width: 50px; margin: 50px auto;}
.index_cmo4_c .layout_list{ width:-moz-calc(25% - 50px); width:-webkit-calc(25% - 50px); width:calc(25% - 50px); float:left; margin:0 25px; position:relative;}
.index_cmo4_c2{ padding:30px 0 0;}
.index_cmo4_c2 .layout_list{ width:-moz-calc(20% - 20px); width:-webkit-calc(20% - 20px); width:calc(20% - 20px); margin:0 10px 10px;}

.index_cmo5{}
.index_cmo5_t{ text-align:left; font-size:24px; color:#333; line-height:55px; border-bottom:2px solid #ddd;}
.index_cmo5_t img{ width:30px; float:left; margin:13px 10px 0 0;}
.index_cmo5_t a{ float:right; font-size:14px; text-decoration:none; color:#333;}
.index_cmo5_t a:hover{ color:#d81e06;}
.index_cmo5 .layout_title{ padding-bottom:10px; font-size:32px; color:#333; font-weight:bold; text-align:center; background:url(/Scripts/webroot/images/title_01.jpg)no-repeat center bottom; position:relative;}
.index_cmo5 .layout_title a{ position:absolute; right:0px; top:15px; font-size:14px; font-weight:normal; text-decoration:none; color:#333;}


.index_cmo5_c{}
.index_cmo5_c li{ width:-moz-calc(33.3% - 10px); width:-webkit-calc(33.3% - 10px); width:calc(33.3% - 10px); float:left; margin-top:25px; margin-right:15px; text-align:left; cursor:pointer;}
.index_cmo5_c li:last-child{ margin-right:0;}
.index_cmo5_c li span{ font-size:0; line-height:0; margin-bottom:10px; display:block;}
.index_cmo5_c li span img{ width:100%; border-radius:8px; -moz-border-radius:8px;}
.index_cmo5_c li h3{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#333; margin-bottom:5px;}
.index_cmo5_c li p{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.index_cmo5_pop{ width:100%; height:100%; background:rgba(0, 0, 0, 0.8); position:fixed; left:0; top:0; z-index:99999999; display:none;}
.index_cmo5_pop .com{ width:840px; height:472px; margin:10% auto 0; background:#fff; position:relative;}
.index_cmo5_pop .com .bnt_gb{ width:35px; height:35px; line-height:35px; font-size:34px; color:#fff; text-align:center; position:absolute; right:-35px; top:-35px; cursor:pointer;}
.index_cmo5_pop .com .video{ font-size:0; line-height:0;}

.index_cmo6 li{ width:20%; float:left; font-size:0; line-height:0; margin:15px 0;}
.index_cmo6 li img{ width:auto; height:100px;}

.index_cmo5_c dl{ width:14.2%; float:left; margin-top:40px; text-align:center;}
.index_cmo5_c dd{ font-size:0; line-height:0;}
.index_cmo5_c dd img{ width:auto; height:85px;}
.index_cmo5_c dt{ line-height:45px; font-size:16px;}
.index_cmo5_c dt a{ color:#333;}


.index_cmo7{}
.index_cmo7 .list_loading{width: 80px;text-align:center;margin:50px auto;}
.index_cmo7 .left{ width:170px;  float:left; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; position:relative;}
.index_cmo7 .left h3{ font-size:30px; color:#fff; padding-top:40px;}
.index_cmo7 .left ul{ width:150px; padding:20px; background:#fff; border-radius:5px; -moz-border-radius:5px; position:absolute; left:40px; top:110px; box-shadow:3px 1px 5px #dfdfdf; -webkit-box-shadow:3px 1px 5px #dfdfdf; -moz-box-shadow:3px 1px 5px #dfdfdf;}
.index_cmo7 .left li{ text-align:left; line-height:45px; font-size:18px; cursor:pointer;}
.index_cmo7 .left li:hover{ color:#d71223; text-decoration:underline;}
.index_cmo7 .right{ width:1030px; padding:10px 10px 10px 32px; float:right; overflow:hidden; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0;}
.index_cmo7 .right li.layout_list{ width:-moz-calc(25% - 20px); width:-webkit-calc(25% - 20px); width:calc(25% - 20px); float:left; padding:10px 10px 5px; margin:10px; background:#fff; position:relative; border-radius:5px; -moz-border-radius:5px;}
.index_cmo7 .right li.layout_list .buy img{ margin-top:0;}

.footer .footer_cont{ margin:0 auto;}
.footer_cont .text_1 .footer_link{ margin:0 auto; display:inline-block; overflow:hidden;}
.footer_cont .text_1 .footer_link a{ width:140px; height:140px; margin:0 10px; padding:10px; line-height:0; font-size:0; display:block; float:left; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:360px; -moz-border-radius:360px;}

.pro_main .left .collection{ position:absolute; right:5px; top:5px; z-index:9990;}
.pro_main .left .collection a{ width:40px; height:40px; display:block; background:url(/Scripts/webroot/images/collection_ico2.png) center no-repeat; background-size:35px auto;}
.pro_main .left .collection a.hov{ background:url(/Scripts/webroot/images/collection_ico3.png) center no-repeat; background-size:35px auto;}

.hint_pop_bg{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.7); z-index:9999999;}
.hint_pop{ width:600px; margin:40px auto; background:#fff; border-radius:5px; -moz-border-radius:5px; overflow:hidden; border:1px solid #fff;}
.hint_pop .title{ font-size:18px; font-weight:bold; text-align:left; text-indent:2em; color:#fff; line-height:60px; background:#000;}
.hint_pop .com{ padding:20px; text-align:left; font-size:16px;}
.hint_pop .com.hov{ overflow-y:scroll;}
.hint_pop .bnt{ padding:15px 0; border-top:1px solid #ddd;}
.hint_pop .bnt span{ width:120px; font-size:16px; line-height:40px; display:inline-block; cursor:pointer; color:#fff; background:#333;}
.hint_pop .bnt .bnt_qr{ color:#fff; background:#d71223;}


@media screen and (max-width:1199px){
.new_top_bg{ border:0;}
.new_menu .menu_right li{ width:-moz-calc(20% - 8px); width:-webkit-calc(20% - 8px); width:calc(20% - 8px);}
.banner_bg{ padding-bottom:30px;}
.index_cmo_bg{ width:auto; margin:0 10px 30px;}
.index_cmo3{ margin-bottom:30px;}
.index_cmo1_js{ width:-moz-calc(100% - 270px); width:-webkit-calc(100% - 270px); width:calc(100% - 270px);}
.index_cmo2 .left,.index_cmo2 .right{ float:none; margin:0 auto; overflow:hidden;}
.index_cmo2 .left{ margin-bottom:20px;}
.index_cmo4_t .right ul{ display:none;}
.index_cmo4_c{ padding:0 10px 10px;}
.index_cmo4_c .layout_list{ width:-moz-calc(25% - 20px); width:-webkit-calc(25% - 20px); width:calc(25% - 20px); margin:0 10px;}
.index_cmo4_c2{ padding-top:30px;}
.index_cmo4_c2 .layout_list{ width:-moz-calc(33.3% - 20px); width:-webkit-calc(33.3% - 20px); width:calc(33.3% - 20px); margin:0 10px;}
.index_cmo6 li img{ width:100%; height:auto;}
.index_cmo5_c dl{ width:25%;}
.index_cmo7 .left{ width:auto; float:none; height:auto; background:none !important; overflow:hidden; padding-bottom:10px;}
.index_cmo7 .left h3{ font-size:18px; padding:10px 0; background:#91a532; border-radius:5px; -moz-border-radius:5px;}
.index_cmo7 .left ul{ width:auto; height:auto; position:static; padding:0;}
.index_cmo7 .left li{ float:left; font-size:16px; padding:0 10px;}
.index_cmo7 .right{ width:auto; padding-left:10px; float:none; border-radius:5px; -moz-border-radius:5px;}
.new_adsense li:last-child{ float:left;}
}


@media screen and (max-width:900px){
.index_cmo5_pop .com{ width:auto; height:auto; margin:25% 10px 0;}
.index_cmo5_pop .com .bnt_gb{ right:0;}
.index_cmo4_c .layout_list{ width:-moz-calc(50% - 20px); width:-webkit-calc(50% - 20px); width:calc(50% - 20px); margin:0 10px;}
.index_cmo4_c2 .layout_list{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); margin:0 10px 0 0;}
.index_cmo4_c2 .layout_list:nth-child(2n+0){ margin-right:0;}
.index_cmo5_c dl{ width:33.3%;}
.index_cmo7 .right{ padding: 0 0 10px;}
.index_cmo7 .right li.layout_list{ width:-moz-calc(33.3% - 13px); width:-webkit-calc(33.3% - 13px); width:calc(33.3% - 13px); margin:10px 0 0 10px;}
.footer_cont .text_1 .footer_link a{ width:100px; height:100px; margin:5px;}
}

@media screen and (max-width:639px){
.banner_bg{ padding-bottom:20px;}
.index_cmo_bg{ width:auto; margin:0 10px 20px;}
.index_cmo3{ margin-bottom:20px;}

.index_cmo1_js{ width:auto; float:none; margin-bottom:10px;}
.index_cmo1_r{ width:auto; float:none;}
.index_cmo2 .left,.index_cmo2 .right{ width:auto; margin:0; background-size:100% auto; padding-top:40%;}
.index_cmo2 .left{ margin-bottom:20px;}
.index_cmo2 .layout_list{ width:-moz-calc(50% - 12px); width:-webkit-calc(50% - 12px); width:calc(50% - 12px); margin-left:8px;}
.index_cmo4_t .left{ float:none;}
.index_cmo4_t .left h4{ float:none; text-align:center; margin:0;}
.index_cmo4_t .left .open{ float:none; padding-top:0;}
.index_cmo4_t .right{ display:none;}
.index_cmo5_t{ font-size:20px;}
.index_cmo5_c li{ width:auto; float:none; margin:15px 0 0;}
.index_cmo5_c dl{ margin-top:10px;}
.index_cmo5_c dt{ height:45px; line-height:22px; font-size:14px;}
.index_cmo6 li{ width:33.3%;}
.index_cmo7 .right li.layout_list{ width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px); width:calc(50% - 15px);}
.new_adsense li:nth-child(2n+0){ float:left;}
.hint_pop{ width:auto; margin:20px;}
}

@media screen and (max-width:430px){
.index_cmo4_c{ padding:0;}
.index_cmo4_c2{ padding-top:20px;}
.index_cmo_bg{ margin:0 5px 15px;}
.index_cmo2 .layout_list{ width:-moz-calc(50% - 5px); width:-webkit-calc(50% - 5px); width:calc(50% - 5px); margin-left:0; padding:5px 5px 0;}
.index_cmo2 .layout_list:nth-child(2n+0){ margin-left:10px;}
.index_cmo4_c .layout_list{ width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width:calc(50% - 10px); margin:5px 0 5px 5px;}
.index_cmo4_c .layout_list:nth-child(2n+0){ margin-left:10px;}
.index_cmo7 .right li.layout_list{ width:-moz-calc(50% - 7px); width:-webkit-calc(50% - 7px); width:calc(50% - 7px); margin:5px 0 0 5px; padding:5px;}
.layout_list .collection{ right:30px;}
.layout_list .collection a{ width:30px; height:35px; background-size:23px auto;}
.layout_list .collection a.hov{ background-size:23px auto;}
.layout_list .buy{ width:30px; height:37px;}
.layout_list .buy a{ width:30px; display:block;}
.layout_list .buy img{ width:25px;}
.index_cmo2 ul{ margin-top:-25px;}
.index_cmo2 ul .introduce ul{ margin-top:0;}										
}