@charset "utf-8";
.style{
    width: 1200px;
    margin:0 auto;
}

/*index*/
.index_header{
    height: 100px;
    background: #171717;
}
.index_logo{
    height: 100px;
}
.index_logo li{
    float: left;
    height: 100px;
    line-height: 100px;
    margin-left: 44px;
}
.index_logo div{
    float: left;
    height: 100px;
    line-height: 100px;
    margin-left: 40px;
}
.index_logo li a{
    color: #fff;
    padding: 10px 15px;
    font-size: 18px;
    border-radius: 8px;
}
.index_logo .inh_on{
    background: #CC272E;
}
.index_style1{
    width: 100%;
    height: 743px;
    background: url(../images/index_07.png) no-repeat center center;
    position: relative; 
}
.index_style1 .instyle1_s{
    position: absolute;
    text-align: center;
    top: 625px;
    left: 552px;
}
.index_style1 .instyle1_s a{
    padding:5px 10px;
    background: #CC272E;
    border-radius: 8px;
    color: #fff;
}
.index_style2{
    width: 100%;
    height: 596px;
    background: url(../images/index_08.png) no-repeat center center;
}
.index_s2_a1{
    position: absolute;
    right: 160px;
    top:107px;

}
.index_s2_a1 img{
    width: 296px;
    height: 421px;
}
.index_s2_c{
    width: 534px;
    position: absolute;
    top:187px;
    left: 100px;
    line-height: 45px;
    color:#fff;
}
.index_s2_ca{
    color:#fff;
    float: right;
}
.index_s2_ca:hover{
    color:#03B7D7;
}
.index_style3{
    width: 100%;
    height: 732px;
    background: #E1DCD8;
}
.index_style3_t{
    position: absolute;
    top:80px;
    left:454px;
}
.index_s3_c{
    position: absolute;
    top:220px;
}
.index_s3_c li{
    float: left;
    width: 400px;
    border-right: 1px solid #555;
}
.ins3_dl{
    width: 400px;
    text-align: center;
    width: 270px;
    margin:0 auto;
}
.ins3_dl dt{
    width: 270px;
    height:270px;
    border-radius: 50%; 
}
.ins3_dl dt a img{
    width: 270px;
    height:270px;
    -webkit-transition:all 2s;
    -moz-transition:all 2s;
    -ms-transition:all 2s;
    transition:all 2s;
}

.ins3_dl dt a img:hover{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
}

.ins3_dl .ins3_dl_dd1{
    font-size: 16px;
    color:#383838;
    font-family: "黑体";
    margin-top: 30px;
}
.ins3_dl .ins3_dl_dd2{
    color:#444;
    margin-top: 10px;
    font-size: 12px;
    line-height: 25px;
}
.ins3_dl .ins3_dl_dd3{
    margin-top: 20px;
}
.ins3_dl .ins3_dl_dd3 a{
    color: #CF2F3A;
}
.index_style4{
    width: 100%;
    height: 636px;
    background:url(../images/index_10.png) no-repeat center center;
}
.index_style4 .ins_dl1{
    position: absolute;
    text-align: center;
}
.index_style4 .ins_dl1 dd{
    margin-top: 20px;
}
.index_style4 .ins_dl1 dt a{
    position: absolute;
    top:-66px;
    left: 14px;
    -webkit-animation: styles 2s linear infinite;
    -moz-animation: styles 2s linear infinite;
    -ms-animation: styles 2s linear infinite;
    animation: styles 2s linear infinite;
}
@keyframes styles{
    0%{
        top:-66px;
    }
    25%{
        top:-76px;
    }
    50%{
        top:-100px;
    }
    75%{
        top:-76px;
    }
    100%{
        top:-66px;
    }
}
-webkit-@keyframes styles{
    0%{
        top:-66px;
    }
    25%{
        top:-76px;
    }
    50%{
        top:-100px;
    }
    75%{
        top:-76px;
    }
    100%{
        top:-66px;
    }
}
.index_style4 .ins_dl1 dd a{
    color:#fff;
}
.index_style4 .ins_dl1:nth-child(1){
    top:150px;
    left:150px;
}
.index_style4 .ins_dl1:nth-child(2){
    top:396px;
    left:430px;
}
.index_style4 .ins_dl1:nth-child(3){
    top:450px;
    left:850px; 
}
.index_style4 .ins_dl1:nth-child(4){
    top:350px;
    left:650px; 
}
.index_style5{
    width: 100%;
    height: 300px;
    background: #CD2D38;
    padding: 15px 20px 0px;
}
.inst5_left{
    float: left;
    width: 380px;
}
.inst5_left dt{
    margin-top: 10px;
}
.inst5_left dt a{
    color:#fff;
    padding:10px 15px;
    border:2px solid #fff;
    border-radius: 8px;
}
.inst5_left dt a:hover{
    color:#fff;
}
.inst5_left dd{
    margin-top: 20px;
    color:#fff;
    line-height: 25px;
}
.inst5_right{
    float: right;
    width: 380px;
}
.inst5_right ul li span{
    color:#fff;
}
.inst5_right li{
    height: 38px;
    border:2px solid #fff;
    border-radius: 10px;
    line-height: 38px;
    margin-bottom: 8px;
    padding-left: 10px;
}
.inst5_right input[type="text"]{
    width: 80%;
    border:0;
    outline: none;
    background: none;
    height: 40px;
    color:#fff;
}
.inst5_right textarea{
    width: 84%;
    margin-top: 2px;
    background: none;
    border:0;
    outline: none;
    color:#fff;
    overflow:hidden;
    height: 80px;
    vertical-align: top;
    padding-top: 10px;
}
.inst5_right_d{
    text-align: center;
}
.inst5_right_d input{
    border:3px solid #fff;
    border-radius: 10px;
    color:#fff;
    background: #CD2D38;
    padding:5px 10px;
    cursor: pointer;
    width: 100%;
}

/*footer*/
.index_footer{
    height: 100px;
    padding-top: 10px;
    background: #242426;
}
.index_fc1{
    float: left;
    font-size: 20px;
    font-weight: bold;
    color:#fff;
}
.index_fc{
    padding:0 30px;
}
.index_fc2{
    float: left;
    font-size: 12px;
    width: 890px;
    margin-left: 20px;
}
.index_fc2 ul li{
    float: left;
    padding:3px 5px;
    color:#fff;
}
.index_fc2 ul li a{
    color:#fff;
}

.index_fc2 div{
    text-align: center;
    margin-top: 12px;
    font-size: 16px;
    color:#aaa;
}
.index_fc3{
    float: left;
}
.index_fc3 img{
    float: left;
    width: 84px;
    height: 84px;
}
.index_fc3 span{
    margin-left: 10px;
    float: left;
    font-size: 12px;
    display: block;
    width: 22px;
    font-weight: bold;
    color:#fff;
}

/*product*/
.product{
    padding:30px 10px 20px;
    min-height: 500px; 
}
.position{
    border-bottom: 1px solid #777;
    padding-bottom: 20px;
    font-family: "宋体";
}
.position:before{
    content: url(../images/product_03.png);
    float: left;
    margin-right: 10px;
}
.position a{
    color:#383838;
}
.position a:hover{
    color:#CC272E;
}
.product_main{
    padding: 50px 70px;
    min-height: 500px;
}
.pro_list{
    width: 248px;
    float: left;
    margin-bottom: 40px;
    margin-right: 16px;
}
.pro_list:nth-child(4n){
    margin-right: 0px;
}
.pro_list dt{
    width: 248px;
    height: 249px;
}
.pro_list dt a img{
    width: 248px;
    height: 249px;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
}
.pro_list dt a img:hover{
    -webkit-transform:rotateY(180deg);;
    -moz-transform:rotateY(180deg);;
    -ms-transform:rotateY(180deg);;
    -o-transform:rotateY(180deg);;
    transform:rotateY(180deg);;
}
.pro_list dd{
    padding-top: 10px;
}
.pro_list dd a{
    float: right;
    color:#CC272E;
    font-weight: bold;
}
.pro_list dd a:before{
    content: url(../images/product_11.png);
    float: left;
    margin-right: 5px;
}
.page{
    padding:20px;
    text-align: center;
}
.page a{
    padding: 5px 10px;
    background: #242426;
    border-radius: 5px;
    color:#fff;
    box-shadow: 5px 5px 15px #fff;
}
/*about*/
.about{
    min-height: 500px;
    padding: 30px 50px;
    line-height: 28px;
}

/*contact_us*/
.contact_us{
    margin-top: 40px;
}
/*injoin*/
.join_list{
    margin-bottom: 25px;
}
.join_list .join_list_a{
    float: left;
}
.join_list .join_list_a img{
    width:200px;
    height: 200px;
}
.join_list .join_list_a{
    -webkit-transition:all 1s;
    -moz-transform:all 1s;
    -ms-transition:all 1s;
    transition:all 1s;
}
.join_list .join_list_a:hover{
    -webkit-transform:rotate(20deg);
    -moz-transform:rotate(20deg);
    -ms-transform:rotate(20deg);
    transform:rotate(20deg);
}
.product_main .join_list_dl{
    float: left;
    margin-left: 50px;
    width:675px;
}
.product_main .join_list_dl dt a{
    font-weight: bold;
    font-size: 16px;
    color:#383838;
}
.join_list_dl .join_list_dd1{
    height: 50px;
    line-height: 50px;
    color:#555;
}
.join_list_dl .join_list_dd2{
    color:#444;
    font-size: 12px;
    line-height: 26px;
}
.join_list_dl .join_list_dd3{
    padding-top:8px;
}
.join_list_dl .join_list_dd3 a{
    color:#BD2D30;
}
.join_list a img{
    width:200px;
    height: 200px;
}
/*injon_show*/
.injon_dl{
    border-bottom: 1px solid #383838;
    padding-bottom: 20px;
}
.injon_dl dt{
    text-align: center;
    font-weight: bold;
    color:#444;
}
.injon_dl .injon_dd1{
    padding:10px 0;
    text-align: center;
    color:#555;
}
.injon_dl .injon_dd2{
    line-height: 25px;
}
.next_page{
    margin-top: 30px;
}
.next_page .next_pl{
    float: left;
}
.next_page .next_pl a{
    color:#383838;
}
.next_page .next_pr{
    float: right;
}
.next_page .next_pr a{
    color:#383838;
}
.next_page .next_page_on span,.next_page .next_page_on a{
    color:#CC272E;
}

/*fendian*/
.fd_dl{
    margin-top: 20px;
}
.fd_dl dt{
    padding:15px 0;
    font-weight: bold;
}
.fd_dl dd{
    border:1px solid #aaa;
    padding:20px 20px;
    line-height: 25px; 
}
.fd_shop{
    padding: 30px 40px;
}
.fd_title span{
    padding:10px 25px;
    border-radius: 8px;
    background: #CC272E;
    color:#fff;
    font-weight: bold;
}
.fd_content{
    margin-top: 50px;
}
.fd_content li{
    float: left;
    margin-right: 50px;
    margin-bottom: 20px;

}
.fd_content li a{
    display: block;
    background: #939393;
    padding:10px 20px;
    color:#fff;
}
.fd_content li .fd_content_on{
    background: #CC272E;
}
/*zp*/
.about .zp_top{
    text-align: center;
}
.about .zp_top img{
    width: 1032px;
    height: 221px;
}
#zp_table{
    margin-top: 50px;
    width: 100%;
}
#zp_table tr td{
    text-align: center;
}
#zp_table tr{
    height: 40px;
}
#zp_table .zp_table_tr1 td{
    font-weight: bold;
}
.zp_desc{
    margin-top: 30px;
    font-size: 12px;
    color:#444;
}
.zp_desc dt{
    padding: 10px 0px;
}
.zp_desc dd{
    padding: 8px 0px;
}