/*--统一设置--*/
html,body{ font-size:12px; margin:0; padding:0; font-family:"微软雅黑"; width:100%; height:100%; background-color:#fff; overflow-x:hidden} 
::-webkit-scrollbar{width: 5px; height: 5px; background-color: #ccc;}
::-webkit-scrollbar-thumb{background-color: #8b8b8b; border-radius: 10px;}
ul{ list-style-type:none; padding:0px; margin:0}
form{margin:0}
.clear{clear:both}
.check_input{width:10px; height:10px; border:0;}
.height_clear{height:15px; clear:both}
.form_input{ border:none;height:42px; width:100%; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;}
.form_textarea{width:100%; height:80px; border:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; outline:none}
.form_btn{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; cursor:pointer}
.search_input{border:1px solid #999; height:20px; width:150px;}
img{border:0}

.main_visual{width:640px; height:100%;  margin:0 auto; position:relative;}
.common_top{width:100%; height:auto;}
.common_top .title{float:left; margin:10px 0 0 5px;}
.common_top .menu{float:right;  margin:18px 10px 0 0; position:relative}
.swiper-container1{width:100%;height:380px}
.swiper-container2{width:100%;height:auto}
.swiper-container2 .tc_list{width:68%; height:auto; margin:0 auto; border:1px solid #e7e7e7; padding:15px 0 0 0; border-radius:5px;}
.swiper-container2 .tc_list .price_wc{width:100%; height:auto;}
.swiper-container2 .tc_list .price_wc .price{width:100px; height:100px; font-size:2.0em; border-radius:50px; border:1px solid #F00; text-align:center; line-height:100px; color:#fff; background:#F00; margin:0 auto;}
.swiper-container2 .tc_list .cx_wc{width:100%; height:auto; border-bottom:1px solid #e7e7e7; text-align:center; line-height:50px; font-size:1.2em; color:#666}
.swiper-container2 .tc_list .cx_chat{width:120px; height:36px; text-align:center; line-height:36px; text-decoration:none; color:#FFF; background:#ffba00; display:block; margin:15px auto; border-radius:10px;}
.swiper-container3{width:100%;height:auto}

.index_part1{width:100%; height:auto; background:#fff; padding:10px 0 10px 0;}
.index_part1 .tb_list{width:32%; height:auto; float:left; text-decoration:none; color:#666; font-size:1.2em; margin:10px 0 0 1%; text-align:center;}


.index_part2{width:100%; height:auto; margin:30px auto; margin-bottom:0;  }
.index_part2 .left{width:10%; height:100%;  float:left;   background:#ffba00; color:#FFF; font-size:1.2em; border-top:1px solid #ffba00; }
.index_part2 .left .l_tb{height:505px; width:64px; text-align:center;  display:table-cell; vertical-align:middle;}
.index_part2 .right{width:90%; height:auto; float:left; border-top:1px solid #e7e7e7}
.index_part2 .right .c_list{width:100%; height:80px; padding:10px 0 10px 0; border-bottom:1px solid #e7e7e7}
.index_part2 .right .c_list .c1{color:#666;  width:100%;}
.index_part2 .right .c_list .c1 .c1_1{font-size:1.6em; margin-left:20px;}
.index_part2 .right .c_list .c2{font-size:1.0em; color:#666; width:100%}
.index_part2 .right .c_list .c2 .c2_1{float:left; display:block; margin:10px 0 0 20px; border:1px solid #ffba00; color:#fff; background:#ffba00; width:65px; height:26px; line-height:26px; text-align:center; border-radius:5px;}
.index_part2 .right .c_list .c2 .c2_2{float:left; display:block; margin:10px 0 0 8px; border:1px solid #ffba00; color:#fff; background:#ffba00; width:110px; height:26px; line-height:26px; text-align:center; border-radius:5px;}
.index_part2 .right .c_list .c2 .c2_3{float:left; display:block; margin:10px 0 0 8px; border:1px solid #F00; color:#fff; background:#F00; width:70px; height:26px; line-height:26px; text-align:center; border-radius:5px;}

.index_part3{width:100%; height:auto; }
.index_part3 .left{width:10%; height:100%;  float:left;   background:#000; color:#FFF; font-size:1.2em; }
.index_part3 .left .l_tb{height:201px; width:64px; text-align:center;  display:table-cell; vertical-align:middle;}
.index_part3 .right{width:90%; height:auto; float:left;}
.index_part3 .right .c_list{width:100%; height:80px; padding:10px 0 10px 0; border-bottom:1px solid #e7e7e7}
.index_part3 .right .c_list .c1{color:#666;  width:100%;}
.index_part3 .right .c_list .c1 .c1_1{font-size:1.6em; margin-left:20px;}
.index_part3 .right .c_list .c2{font-size:1.0em; color:#666; width:100%}
.index_part3 .right .c_list .c2 .c2_1{float:left; display:block; margin:10px 0 0 20px; border:1px solid #ffba00; color:#fff; background:#ffba00; width:65px; height:26px; line-height:26px; text-align:center; border-radius:5px;}
.index_part3 .right .c_list .c2 .c2_2{float:left; display:block; margin:10px 0 0 8px; border:1px solid #F00; color:#fff; background:#F00; width:65px; height:26px; line-height:26px; text-align:center; border-radius:5px; text-decoration:none;}

.index_part4{width:100%; height:auto; margin-top:30px;}
.index_part4 .title{width:100%; height:auto; text-align:center; font-size:1.8em;}
.index_part4 .ms{width:90%; height:auto; text-align:center; font-size:1.2em; margin:0 auto; margin-top:10px; color:#666; line-height:26px;}
.index_part4 .content{width:100%; height:auto; margin-top:15px;}
.index_part4 .content .c_list{width:50%; height:auto; float:left; margin-top:10px;}
.index_part4 .content .c_list .img1{width:98px; height:103px; background:url(../images/t.png) no-repeat 1px 0; margin:0 auto;}
.index_part4 .content .c_list .img2{width:98px; height:103px; background:url(../images/t.png) no-repeat -99px 0; margin:0 auto;}
.index_part4 .content .c_list .img3{width:98px; height:103px; background:url(../images/t.png) no-repeat -202px 0; margin:0 auto;}
.index_part4 .content .c_list .img4{width:98px; height:103px; background:url(../images/t.png) no-repeat -307px 0; margin:0 auto;}
.index_part4 .content .c_list .txt{width:100%; height:auto; text-align:center; line-height:36px; font-size:1.4em; color:#666}

.index_part5{width:100%; height:auto; margin-top:30px;}
.index_part5 .title{width:100%; height:auto; text-align:center; font-size:1.8em;}
.index_part5 .ms{width:90%; height:auto; text-align:center; font-size:1.2em; margin:0 auto; margin-top:10px; color:#666; line-height:26px;}
.index_part5 .content{width:100%; height:auto; margin-top:30px;}

.index_part6{width:100%; height:auto; margin-top:30px;}
.index_part6 .title{width:100%; height:auto; text-align:center; font-size:1.8em;}
.index_part6 .ms{width:90%; height:auto; text-align:center; font-size:1.2em; margin:0 auto; margin-top:10px; color:#666; line-height:26px;}
.index_part6 .content{width:100%; height:auto; margin-top:15px;}
.index_part6 .content .case_list{width:25%; height:auto; float:left}
.index_part6 .content .case_list .img1{width:80px; height:80px; background:url(../images/case.png) no-repeat; margin:0 auto}
.index_part6 .content .case_list .img2{width:80px; height:80px; background:url(../images/case.png) no-repeat -80px 0; margin:0 auto}
.index_part6 .content .case_list .img3{width:80px; height:80px; background:url(../images/case.png) no-repeat -160px 0; margin:0 auto}
.index_part6 .content .case_list .img4{width:80px; height:80px; background:url(../images/case.png) no-repeat -240px 0; margin:0 auto}
.index_part6 .content .case_list .img5{width:80px; height:80px; background:url(../images/case.png) no-repeat -320px 0; margin:0 auto}
.index_part6 .content .case_list .img6{width:80px; height:80px; background:url(../images/case.png) no-repeat -400px 0; margin:0 auto}
.index_part6 .content .case_list .img7{width:80px; height:80px; background:url(../images/case.png) no-repeat -480px 0; margin:0 auto}
.index_part6 .content .case_list .img8{width:80px; height:80px; background:url(../images/case.png) no-repeat -560px 0; margin:0 auto}
.index_part6 .content .case_list .txt{width:100%; height:auto; text-align:center; line-height:36px; font-size:1.2em; color:#666}
.index_part6 .content .case_chat{width:60%; height:36px; font-size:1.4em; text-align:center; line-height:36px; text-decoration:none; color:#FFF; background:#ffba00; display:block; margin:15px auto; border-radius:10px;}

.index_part7{width:100%; height:auto; margin-top:30px;}
.index_part7 .title{width:100%; height:auto; text-align:center; font-size:1.8em;}
.index_part7 .ms{width:90%; height:auto; text-align:center; font-size:1.2em; margin:0 auto; margin-top:10px; color:#666; line-height:26px;}
.index_part7 .content{width:100%; height:auto; margin-top:15px;}
.index_part7 .content .i_list{width:90%; height:auto; margin:0 auto;}
.index_part7 .content .i_list input{width:100%; height:36px; border:1px solid #e7e7e7; border-radius:5px; text-indent:10px;}
.index_part7 .content .lx_chat{width:90%; height:36px; font-size:1.4em; text-align:center; line-height:36px; text-decoration:none; color:#FFF; background:#ffba00; display:block; margin:15px auto; border-radius:10px;}

.n_banner{width:100%; position:relative; overflow:hidden}
.n_banner .bg{position:absolute; width:100%; height:50px; opacity:0.5; bottom:0px; background:#000; z-index:1}
.n_banner .txt{position:absolute; width:100%; height:50px;  bottom:0px; z-index:2; color:#FFF; text-align:center; line-height:50px; font-size:1.4em; font-weight:800}
.n_content{width:96%; height:auto; margin:0 auto; font-size:1.2em; color:#666; margin-top:15px; line-height:28px;}
.n_content .tab_menu{width:96%; height:auto; margin:0 auto; text-align:center}
.n_content .tab_menu a{width:29%; height:36px; line-height:36px; text-align:center; background:#F00; display:inline-block; text-decoration:none; color:#FFF; margin:0 2%; margin-bottom:5px;   border-radius:6px;}
.n_content .yw_list{width:44%; height:auto; display:block; float:left; margin:15px 0 0 4%; text-decoration:none; color:#666}
.n_content .yw_list .img{width:100%; height:180px;}
.n_content .yw_list .txt{width:100%; text-align:center}

.n_content .news_list{width:96%; height:auto; float:left; margin:15px 0 0 2%; border-bottom:1px solid #ebebeb; padding-bottom:10px;}
.n_content .news_list .title{width:100%; line-height:20px;}
.n_content .news_list .title a{text-decoration:none; color:#666; font-weight:800}
.n_content .news_list .date{width:100%; line-height:20px; color:#CCC; font-size:1.0em;}
.n_content .news_list .ms{width:100%; line-height:20px; color:#999; font-size:0.8em;}
.n_content .f_c{width:96%; height:auto; margin:0 auto; font-size:0.8em; line-height:24px;}
.n_content .f_title{width:96%; margin:0 auto; height:auto; margin-top:10px; margin-bottom:10px;}
.n_content .f_input{width:96%; margin:0 auto; height:auto}
.n_content .f_input input{width:100%; height:36px; border:1px solid #e3e3e3; outline:none}
.n_content .f_input textarea{width:100%; height:86px; border:1px solid #e3e3e3; outline:none; padding:5px 0;}
.n_content .f_btn{width:96%; height:36px; background:#fc5c5c; margin:0 auto; text-align:center; line-height:36px; font-size:1.2em; color:#FFF; margin-top:10px;border-radius:6px;}
.n_content .c_list{width:96%; height:auto; float:left; margin-left:2%;}
.n_content .c_list .img{width:10%; float:left}
.n_content .c_list .txt{width:70%; float:left; margin-left:3%;}
.n_content .c_list .txt .t1{width:100%; float:left; line-height:22px}
.n_content .c_list .txt .t2{width:100%; float:left; line-height:20px}
.n_content .news_article_title{width:100%; text-align:center; font-size:1.2em; margin-top:15px;}
.n_content .news_article_date{width:100%; text-align:center; font-size:1.0em; margin-top:10px;}
.n_content .news_article_content{width:100%; text-align:left; margin-top:10px; font-size:1.0em; line-height:24px;}
.n_content .products_article_title{width:100%; text-align:center; font-size:1.2em; margin-top:15px;}
.n_content .products_article_date{width:100%; text-align:center; font-size:1.0em; margin-top:10px;}
.n_content .products_article_img{width:100%; text-align:center; margin-top:10px;}
.n_content .products_article_content{width:100%; text-align:left; margin-top:10px; font-size:1.0em; line-height:24px;}



.foot{width:100%; height:auto;  margin-top:20px; padding-bottom:20px;  border-top:1px solid #e7e7e7; background:#262626; margin-bottom:50px;}
.foot .top{width:90%; margin:0 auto; height:auto; color:#fff; }
.foot .top .t1{width:100%; height:40px; line-height:46px; font-size:1.2em; text-align:left; text-indent:5px;}
.foot .top .t2{width:100%; height:auto;}
.foot .top .t2 span{text-decoration:none;  width:105px; height:30px; line-height:30px; display:block; text-align:center; float:left; border:1px solid #7f7f7f; margin:10px 0 0 5px;}
.foot .bot{width:90%; margin:0 auto; height:auto; margin-top:15px;}
.foot .bot .b1{width:100%; height:auto;}
.foot .bot .b1 .logo{float:left;}
.foot .bot .b1 .pc{float:right; text-decoration:none; color:#FFF; font-size:1.2em; line-height:20px; background:url(../images/icon-jiantou.png) no-repeat right 0px; background-size:20px 20px; padding-right:26px;}
.foot .bot .b2{width:100%; height:auto; line-height:36px; text-indent:5px; color:#FFF}
.foot .line{width:100%; height:1px; border-bottom:1px solid #3c3c3c; margin-top:18px;}


.foot_sx{width:100%; height:50px; background:#333; position:fixed; bottom:0; left:0; z-index:999999; border-top:1px solid #999}
.foot_sx .sx1{float:left; width:50%; height:100%; text-align:center; color:#FFF; display:block}
.foot_sx .sx2{float:left; width:50%; height:100%; text-align:center; color:#FFF; display:block}
.foot_sx .phone{position:absolute; left:50%; top:-10px; margin-left:-25px;}
.foot_sx .sx1 img{width:20px; height:20px; margin-top:5px;}
.foot_sx .sx2 img{width:20px; height:20px; margin-top:5px;}
.foot_sx span{display:block}
.foot_sx a{text-decoration:none;}





/*--分页样式--*/
.page_total {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #f5fbff; font-size: 11px; font-weight: bold; font-family: verdana; padding-right: 2px; padding-left: 2px;}
.page_pages {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #ffffff; font-size: 11px; font-weight: bold; font-family: verdana; padding-right: 2px; padding-left: 2px;}
.page_redirect {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #ffffff; font-size: 11px; padding-right: 5px; padding-left: 5px;}
.on_page_redirect {border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; border-left: #7f9db9 1px solid; border-bottom: #7f9db9 1px solid; background-color: #f5fbff; font-size: 11px; color: #FF7200; padding-right: 5px; padding-left: 5px;}
.page_number {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #ffffff; font-size: 11px; font-family: verdana; padding-right: 7px; padding-left: 7px;}
.on_page_number {border-right: #dddddd 1px solid; border-top: #dddddd 1px solid; border-left: #dddddd 1px solid; border-bottom: #dddddd 1px solid; background-color: #f5fbff; font-size: 11px; font-family: verdana; color: #FF7200; padding-right: 7px; padding-left: 7px;}
.page_curpage {border-right: #dbddd3 1px solid; border-top: #dbddd3 1px solid; border-left: #dbddd3 1px solid; border-bottom: #dbddd3 1px solid; background-color: #f5fbff; font-size: 11px; font-family: verdana; color: #FF7200; font-weight: bold; padding-right: 7px; padding-left: 7px;}
.page_input {border-right: #808080 1px solid; border-top: #808080 1px solid; border-left: #808080 1px solid; border-bottom: #808080 1px solid; width: 40px; height: 20px; float:left; background:#ffffff;}
.foot_fenye{margin-top:15px; width:100%; text-align:center; height:100px; }


@media screen and (max-width: 617px) {
.main_visual{width:617px;}
.swiper-container1{height:366px}
}


@media screen and (max-width: 600px) {
.main_visual{width:600px;}
.swiper-container1{height:356px}
}

@media screen and (max-width: 480px) {
.main_visual{width:480px;}
.swiper-container1{height:285px}
}

@media screen and (max-width: 414px) {
.main_visual{width:414px;}
.swiper-container1{height:246px}
}

@media screen and (max-width: 412px) {
.main_visual{width:412px;}
.swiper-container1{height:245px}
}

@media screen and (max-width: 393px) {
.main_visual{width:393px;}
.swiper-container1{height:233px}
}

@media screen and (max-width: 384px) {
.main_visual{width:384px;}
.swiper-container1{height:228px}
}

@media screen and (max-width: 375px) {
.main_visual{width:375px;}
.swiper-container1{height:223px}
}

@media screen and (max-width: 360px) {
.main_visual{width:360px;}
.swiper-container1{height:214px}
}

@media screen and (max-width: 320px) {
.main_visual{width:320px;}
.swiper-container1{height:190px}
}