/*banner*/
.banner{
    position: relative;
}

.banner .hd ul{
    line-height:20px;
    overflow:hidden;
    z-index:100;
    text-align:center;
    position: absolute;
    bottom:30px;
}
.banner .hd ul li{
    width: 50px;
    height: 3px;
    line-height:3px;
    display: inline-block;
    margin: 0 9px;
    cursor: pointer;
    background:rgba(178,178,178,.1);
    text-indent:-9999px;
    background:#d2d2d2;
}
.banner .hd ul li.on,
.banner .hd ul li:hover{
    width: 50px;
    height: 3px;
    line-height:5px;
    border-radius: 5px;
    background:#a69851;
}
.banner .bd ul li{
    width:100%;
}
.banner .bd ul li img{
    width:100%;
}



  

.menu_box{
    height:70px;
    border-bottom:1px solid #dcdcdc;
    margin-bottom:60px;
}
.menu_box .main{
    display: block;
    position: relative;
}

.menu_box .f_htit{
    position: absolute;
    left:-210px;
    top:180px;
    width:210px;
    height:180px;

}

@media (max-width:1300px) {

.menu_box .f_htit{
    left:-210px;
}

}



.menu_box .navs{
    float:right;
    padding-right:30px;
}
 .navs ul li{
    float:left;
    padding:0 3px;
    height:70px;
    line-height:70px;
    text-align:center;
    font-size:15px;
    color:#444;
    font-family:"微软雅黑";
}
.navs ul li a{
    display:inline-block;
}
.navs ul li.on,
.navs ul li:hover{
    color:#8c2645;
}



.band_box{
    height:70px;
    border-bottom:1px solid #dcdcdc;
}
.band_box .navs{
    float:right;
}








.news{
    background:url(../images/newsbg.png) no-repeat bottom center;
}

.news .list_box{
    margin:0 auto;
    width:960px;
    padding-top:40px;
}
.news .list_box li{
    width:960px;
    height:230px;
    margin-bottom:40px;
}
.news .list_box li a{
    display: block;
}
.news .list_box li .img_box{
    float:left;
    width:365px;
    height:230px;
}
.news .list_box li .text_box{
    float:right;
    width:540px;
    height:230px;
    position: relative;
}
.news .list_box li .text_box h2{
    font-size:18px;
    color:#444;
    font-family:"微软雅黑";
    line-height:28px;
    padding:20px 0;
}
.news .list_box li .text_box p{
    font-size:15px;
    color:#666;
    font-family:"微软雅黑";
    line-height:28px;
}
.news .list_box li .text_box .day{
    font-size:15px;
    color:#666;
    font-family:"微软雅黑";
    line-height:28px;
    position: absolute;
    bottom:30px;
    left:0;
}

.news_page{
    padding:20px 0px 45px 0px;

}








/*pages*/
.pages{
    text-align:center;
    width:960px;
    padding:45px 0;
    margin:0 auto;
}
.pages a{
    padding: 8px 15px;
    display: inline-block;
    border:1px solid #8c2645;
    margin-right: 5px;
    font-size: 15px;
    color: #666;
    font-family: '微软雅黑';
    border-radius: 5px;
}
.pages a.on,
.pages a:hover{
    background: #8c2645;
    color:#fff;
}
.pages .next,
.pages .prev{
    padding: 10px 18px;
    font-size:22px;
    color:#666;
    font-family:'宋体';
}






.pro_pages{
    text-align:center;
    padding:45px 0;
}
.pro_pages a{
    padding: 8px 15px;
    display: inline-block;
    border:1px solid #8c2645;
    margin-right: 5px;
    font-size: 15px;
    color: #666;
    font-family: '微软雅黑';
    border-radius: 5px;
}
.pro_pages a.on,
.pro_pages a:hover{
    background: #8c2645;
    color:#fff;
}
.pro_pages .next,
.pro_pages .prev{
    padding: 10px 18px;
    font-size:22px;
    color:#666;
    font-family:'宋体';
}






.news_pages{
    text-align:center;
    padding:45px 0;
    width:960px;
    margin:0 auto;
    border-top:1px solid #d2d2d2;
}
.news_pages a{
    padding: 8px 15px;
    display: inline-block;
    margin-right: 5px;
    font-size: 15px;
    color: #666;
    font-family: '微软雅黑';
}
.news_pages a.on,
.news_pages a:hover{
    color:#8c2645;;
}
.news_pages .next,
.news_pages .prev{
    padding: 10px 18px;
    font-size:22px;
    color:#666;
    font-family:'宋体';
}






.case{
    padding-top:50px;
    background:url(../images/casebg.png) no-repeat center bottom;
    
}
.case .list_box{
    width:955px;
    margin-left:245px;
}
.case .list_box li{
    float:left;
    width:288px;
    height:408px;
    margin:0 45px 55px 0;
    overflow: hidden;
}
.case .list_box li:nth-child(3n){
    margin-right:0;
}
.case .list_box li .img_box img{
    display: block;
    border: 0;
    width: 100%;
    transform: scale(1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 1s ease 0s;

}
.case .list_box li:hover .img_box img{
    transform: scale(1.3);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 1s ease 0s;

}







.about{
    padding-top:50px;
    background:url(../images/aboutbg.png) no-repeat center bottom;
}
.about .text_box{
    width:960px;
    margin:0 auto;
}
.about .text_box p{
    font-size:15px;
    color:#444;
    font-family:'微软雅黑';
    line-height:28px;
    padding-bottom:30px;
}
.about .text_box .img_box{
    width:956px;
    height:477px;
    padding:40px 0;
}








.cont{
    padding-top:50px;
    background:url(../images/contbg.png) no-repeat center bottom;
}
.cont .text_box{
    width:960px;
    margin:0 auto;
}
.cont .text_box h2{
    font-size:24px;
    line-height:45px;
    color:#444;
    font-family:'微软雅黑';
}
.cont .text_box .text_1{
    padding:45px 0 50px 0;
    border-bottom:3px solid #eee;
}
.cont .text_box .text_1 p{
    width:460px;
    display: inline-block;
}
.cont .text_box .text_1 p em{
    color:#8c2645;
    font-size:15px;
    line-height:28px;
    font-weight:"微软雅黑";
    padding-right:15px;
    border-right:1px solid #666;
}
.cont .text_box .text_1 p span{
    padding-left:15px;
    color:#666;
    font-size:15px;
    line-height:28px;
    font-weight:"微软雅黑";
}
.cont .text_box .text_2{
    padding:25px 0;
}
.cont .text_box .text_2 p{
    color:#444;
    font-size:15px;
    line-height:60px;
    font-weight:"微软雅黑";
    border-bottom:1px solid #e5e5e5;
}
.cont .text_box .img_box{
    width:960px;
    height:405px;
    padding:60px 0 126px 0;
}









.data{
    background:url(../images/databg.png) no-repeat bottom center;
    padding:50px 0;
}
.data .list_box{
    width:960px;
    margin:0 auto;
}
.data .list_box li{
    width:450px;
    height:224px;
    float:left;
    margin-right:45px;
    margin-bottom:45px;
}
.data .list_box li:nth-child(2n){
    margin-right:0;
}
.data .list_box li .img_box{
    width:180px;
    height:222px;
    float:left;
    display: inline-block;
}
.data .list_box li .text_box{
    width:245px;
    height:212px;
    padding:5px 5px 5px 20px;
    float:right;
    display: inline-block;
    background: #f4f4f4;
    box-shadow: 0px 3px 3px #aaa;
}
.data .list_box li .text_box h2{
    font-size:15px;
    color:#444;
    line-height:40px;
    border-bottom:1px solid #bfbfbf;
    margin-bottom:35px;
}
.data .list_box li .text_box p{
    font-size:13px;
    color:#444;
    line-height:24px;
}
.data .list_box li .text_box span{
    font-size:13px;
    color:#fff;
    line-height:30px;
    width:110px;
    height:30px;
    border-radius:15px;
    text-indent:40px;
    margin-top:30px;
    display: block;
    background:#8c2645 url(../images/databg2.png) no-repeat 12px center;
    background-size:18px 22px; 
}







.join{
    background:url(../images/joinbg.png) no-repeat bottom center;
    padding:50px 0 150px 0;
}
.join .form_box{
    width:960px;
    padding-left:240px;
}
.join .form_box label{
    width:440px;
    height:50px;
    line-height:50px;
    margin-right:70px;
    margin-bottom:50px;
    display: inline-block;
}
.join .form_box label input{
    border-bottom:1px solid #959595;
    width:450px;
    height:50px;
    line-height:50px;
    font-size:15px;
    color:#666;
}
.join .form_box label:nth-child(2n){
    margin-right:0;
}
.join .form_box p textarea {
    border-bottom:1px solid #959595;
    width:960px;
    height:250px;
    line-height:50px;
    font-size:15px;
    color:#666;
    margin-bottom:50px;
}
.join .form_box span{
    display: block;
    width:240px;
    height:40px;
}
.join .form_box span input{
    width:240px;
    height:40px;
    line-height:40px;
    text-align:center;
    border:1px solid #959595;
    font-size:15px;
    color:#666;
    cursor: pointer;
    background:url(../images/joinbg2.png) no-repeat 155px center;
}













.login{
    background:url(../images/loginbg.png) no-repeat bottom center;
    padding:50px 0 150px 0;
}
.login .form_box{
    width:500px;
    height:355px;
    padding:10px 25px;
    margin:0 auto;
    background:#fff;
    display: block;
    box-shadow: 1px 1px 3px #e5e5e5,-1px -1px 3px #e5e5e5;
}
.login .form_box h2{
    font-size:15px;
    color:#888;
    font-family:"微软雅黑";
    text-align:center;
    line-height:55px;
    border-bottom:1px solid #ddd;
    margin-bottom:45px;
}
.login .form_box label{
    width:370px;
    height:50px;
    line-height:50px;
    border:1px solid #ddd;
    box-shadow: 0px 1px 3px #ddd;
    display: block;
    margin:0 auto 25px auto;
    position: relative;
}
.login .form_box label i{
    position: absolute;
    background: #ddd;
    height:80%;
    width:1px;
    left:50px;
    top:5px;
}
.login .form_box label input{
    text-indent:65px;
    width:370px;
    height:50px;
    line-height:50px;
    font-size:15px;
}
.login .form_box label .uname{
    background:url(../images/login2.png) no-repeat 10px center;
}
.login .form_box label .psd{
    background:url(../images/login3.png) no-repeat 10px center;
}
.login .form_box span{
    width:370px;
    height:50px;
    line-height:50px;
    display: block;
    margin:0 auto 25px auto;
}
.login .form_box span .submit{
    background:#333;
    color:#fff;
    width:370px;
    height:50px;
    line-height:50px;
    font-size:16px;
    display: block;
    cursor: pointer;
}
.login .form_box span .submit:hover{
    color:#fff;
    background: #8c2645;
}









.pro_menus1{
    height:70px;
}
.pro_menus1 .menus1{
    width:1200px;
    height:70px;
    text-align:center;
}
.pro_menus1 .menus1 ul{
    height:70px;
    display:inline-block;
}
.pro_menus1 .menus1 ul li{
    width:200px;
    height:70px;
    line-height:70px;
    display:inline-block;
    text-align:left;
    text-indent: 35px;
    float:left;
    font-size:18px;
    color:#444;
}
.pro_menus1 .menus1 ul li.on,
.pro_menus1 .menus1 ul li:hover{
    background:url(../images/probg2.png) no-repeat center center;
    background-size:200px 60px; 
    color:#fff;
}




.pro_menus2{
    height:50px;
    background:#efefef;
    margin:25px 0;
}
.pro_menus2 .menus2{
    width:1200px;
    height:50px;
    text-align:center;
}
.pro_menus2 .menus2 ul{
    line-height:50px;
    display: inline-block;
}
.pro_menus2 .menus2 ul li{
    width:200px;
    height:50px;
    line-height:50px;
    display: inline-block;
    float:left;
    font-size:16px;
    color:#666;
} 
.pro_menus2 .menus2 ul li.on,
.pro_menus2 .menus2 ul li:hover{
    color:#8c2645;
}











.pro{
    background:url(../images/probg.png) no-repeat bottom center;
    padding:60px 0 80px 0;
}
.pro .text_box h2{
    font-size:30px;
    line-height:32px;
    color:#444;
    font-family:"微软雅黑";
    text-align:center;
}
.pro .text_box p{
    font-size:16px;
    line-height:30px;
    color:#666;
    font-family:"微软雅黑";
    text-align:center;
    padding:45px 0;
}
.pro ul li{
    width:354px;
    margin-right:68px;
    float:left;
    display: inline-block;
}
.pro ul li:nth-child(3n){
    margin-right:0px;
}
.pro ul li .img_box{
    width:354px;
    height:454px;
    overflow: hidden;
}
.pro ul li .img_box img{
    display: inline-block;
    border: 0;
    
    transform: scale(1);
    transition: all 2s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 2s ease 0s;

}
.pro ul li:hover .img_box img{
    transform: scale(1.3);
    transition: all 2s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 2s ease 0s;

}
.pro ul li .text{
    width:354px;
    height:120px;
    text-align:center;
    margin-bottom:30px;
}
.pro ul li .text h4{
    height:38px;
    line-height:38px;
    font-size:16px;
    color:#444;
    /* margin:25px 30px 10px 30px; */
    margin: 25px 0 10px;
    border-top:1px solid #d2d2d2;
    border-bottom:1px solid #d2d2d2;
}
.pro ul li .text p{
    height:38px;
    line-height:24px;
    font-size:14px;
    color:#666;
    margin:5px 40px 10px 40px;
}








.prov{
    padding:30px 0;
}


.prov .prov_side{
    width:1200px;
    height:600px;
    margin:0 auto;
    position: relative;
}
.prov .prov_side .hd{
    position: absolute;
    width:650px;
    height:560px;
    right:0;
    top:0;
}
.prov .prov_side .hd ul{
    position: absolute;
    left:100px;
    bottom:100px;
    z-index:99;
}
.prov .prov_side .hd .text_box{
    float:right;
    display: inline-block;
    width:650px;
}
.prov .prov_side .hd .text_box h2{
    font-size:30px;
    color:#444;
    line-height:60px;
    padding:10px 0px;
    font-family:"微软雅黑";
}
.prov .prov_side .hd .text_box p{
    display:inline-block;
}
.prov .prov_side .hd .text_box  i{
    float:left;
    display:inline-block;
    font-size:15px;
    width:80px;
    color:#666;
    line-height:32px;
    font-family:"微软雅黑";
}
.prov .prov_side .hd .text_box  span{
    float:left;
    display:inline-block;
    width:570px;
    font-size:15px;
    color:#666;
    line-height:32px;
    font-family:"微软雅黑";
}

.prov .prov_side .hd .sprev,
.prov .prov_side .hd .snext{
    width:57px;
    height:146px;
    text-align:center;
    line-height:146px;
    z-index: 99;
    font-size:60px;
    color:#a9a9a9;
    font-family: '宋体';
    position: absolute;
    cursor: pointer;
}
.prov .prov_side .hd .sprev{
    right:555px;
    bottom:100px;
}
.prov .prov_side .hd .snext{
    right:0px;
    bottom:100px;
}
.prov .prov_side .hd ul li{
    float:left;
    width:115px;
    height:145px;
    margin-right:10px;
} 
.prov .prov_side .hd ul li .img_box{
    width:109;
    height:139px;
    text-align:center;
    display: inline-block;
}
.prov .prov_side .hd ul li .img_box img{
    width:100%;
}
.prov .prov_side .hd ul li.on .img_box img{
    border:3px solid #8c2645;
}
.prov .prov_side .bd{
    width:450px;
    height:560px;
    z-index: 88;
    display: inline-block;
}
.prov .prov_side .bd ul li .img_box{
    float:left;
    display: inline-block;
    width:450px;
    height:560px;
}

















.pro_vbox{
    background:url(../images/probg.png) no-repeat bottom center;
    padding:0px 0 120px 0;
}
.pro_vbox h2{
    height:55px;
    line-height:55px;
    font-size:18px;
    color:#444;
    background:#eee;
    text-indent:25px;
    border-left:3px solid #8c2645;
    margin:30px 0 50px 0;
}
.pro_vbox ul li{
    width:354px;
    margin-right:68px;
    float:left;
    display: inline-block;
}
.pro_vbox ul li:nth-child(3n){
    margin-right:0px;
}
.pro_vbox ul li .img_box{
    width:354px;
    height:454px;
    overflow: hidden;
}
.pro_vbox ul li .img_box img{
    display: block;
    border: 0;
    width: 100%;
    transform: scale(1);
    transition: all 2s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 2s ease 0s;

}
.pro_vbox ul li:hover .img_box img{
    transform: scale(1.3);
    transition: all 2s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 2s ease 0s;

}
.pro_vbox ul li .text{
    width:354px;
    height:120px;
    text-align:center;
    margin-bottom:30px;
}
.pro_vbox ul li .text h4{
    height:38px;
    line-height:38px;
    font-size:16px;
    color:#444;
    margin:25px 70px 10px 70px;
    border-top:1px solid #d2d2d2;
    border-bottom:1px solid #d2d2d2;
}
.pro_vbox ul li .text p{
    height:38px;
    line-height:24px;
    font-size:14px;
    color:#666;
    margin:5px 40px 10px 40px;
}







.band{
    background: #f6f6f6 url(../images/band.png)no-repeat center bottom;
}

.band .pic_box{
    float:left;
    width:800px;
    margin:90px 0 320px 0;
    height:670px;
    display: inline-block;
    text-align:center;
    vertical-align: middle;
}
.band .text{
    float:right;
    width:275px;
    padding-top:420px;
    padding-right:120px;
    display: inline-block;
    background:url(../images/band2.png)no-repeat 65px 240px;
}
.band .text h2{
    font-size:28px;
    line-height:50px;
    color:#444;
    font-family:"微软雅黑";
}
.band .text p{
    font-size:15px;
    line-height:30px;
    color:#666;
    padding-top:20px;
    font-family:"微软雅黑";
}
.band  .container{
    width:1200px;
    margin:0 auto;
}
.b_htit{
    padding:50px 0;
    text-align:center;
}
.b_htit h3{
    font-size:30px;
    line-height:30px;
    color:#444;
    font-family:"微软雅黑";
}
.b_htit p{
    font-size:15px;
    line-height:30px;
    color:#b6b6b6;
    font-family:"Arial";
}
.band_slide .bd ul li .img_box{
    display: inline-block;
    width:395px;
    height:216px;
    padding:0px 30px 0px 156px;
    float:left;
}
.band_slide .bd ul li .text_box{
    display: inline-block;
    width:430px;
    height:216px;
    padding:0px 156px 0px 30px;
    float:right;
}
.band_slide .bd ul li .text_box h4{
    font-size:30px;
    line-height:30px;
    color:#444;
    font-family:"微软雅黑";
    padding:15px 0;
}
.band_slide .bd ul li .text_box p{
    font-size:15px;
    line-height:30px;
    color:#444;
    text-indent:20px;
    background:url(../images/bandbg2.png) no-repeat left 13px;
    font-family:"微软雅黑";
}


.hd {
    margin:;
    height:;
}
.hd .swiper-slide{
    text-align:center;
    width:170px;
    height:75px;
    margin:60px 0; 
}
.hd .swiper-slide.on h5{
    width:170px;
    padding-top:45px;
    background:url(../images/bandbg1.png) no-repeat center 20px;
}
.hd .swiper-slide h5{
    font-size:15px;
    padding-top:45px;
    color:#444;
    background:url(../images/bandbg11.png) no-repeat center 20px;
}




.bands {
    margin:0px auto;
    width:1200px;
    height:660px;
}
.bands_swiper {
    margin:40px auto;
    width:1200px;
    height:330px;
}

.bands_swiper .swiper-container{
    width:1200px;
    height:330px;
    margin:0 auto;
}
.bands_swiper .swiper-container .swiper-slide{
    width:348px;
    height:245px;
}
.bands_swiper .swiper-container .swiper-slide .pic{
    width:100%;
    height:245px;
    line-height:243px;
    text-align:center;
    overflow: hidden;
}
.bands_swiper .swiper-container .swiper-slide .pic img{
    transform: scale(1);
    transition: all 2s ease 0s;
    -webkit-transform: scale(1);
    -webkit-transform: all 2s ease 0s;
}
.bands_swiper .swiper-container .swiper-slide .pic:hover img{
    transform: scale(1.3);
    transition: all 2s ease 0s;
    -webkit-transform: scale(1.3);
    -webkit-transform: all 2s ease 0s;
}





.news_v{
    padding-bottom:80px;
}
.news_v .text {
    width:960px;
    padding-left:240px;
    padding-bottom:60px;
}
.news_v .text h2{
    color:#332c2b;
    font-size:26px;
    text-align:center;
    line-height:60px;
}
.news_v .text p{
    color:#666;
    font-size:15px;
    text-indent:32px;
    line-height:30px;
}
.news_v .pro_pages{
    padding-left:240px;
    text-align:center;
}