body{width: 100%; font-family: '微软雅黑'; font-size: 15px; margin: 0; min-width:1300px; max-width: 1920px;}

body, h1, h2, h3, h4, h5, p, dl, dd, ul, ol, form, input, textarea, th, td, select, figure, figcaption,p{margin: 0; padding: 0;}

div{display: block;}

.img_box img{max-width: 100%; max-height: 100%;}

.img_box{text-align: center;}

img{vertical-align:middle;}

li{list-style: none; margin:0px;}

a{color:inherit; text-decoration: none;}

h1,h2,h3,h4,h5,h6{font-style: normal; font-weight: normal; margin:0; padding: 0;}

i{font-style: normal;}

.clearfix{*zoom: 1;}

.clearfix:before,.clearfix:after{content:'';display: block;height: 0;clear: both;visibility: hidden;}

.main{max-width: 1300px;width: 100%;margin: 0 auto;}

/*--------------------初始化-----------------------*/



.header{

    height: 90px;

    line-height: 90px;



}

.nav{

    display: inline-block;

    float: right;

}

.logo{

    display: inline-block;

}

.nav ul{

    display: inline-block;

    margin-right: 20px;

}

.nav ul li{

    display: inline-block;

    text-align: center;

    font-size: 14px;

    width: 85px;

    height: 90px;

    line-height: 90px;

    border-bottom: 2px solid transparent;

    margin: 0 5px;

    box-sizing: border-box;

}

.nav ul .on{

    color: #d20011;

    border-color: #d20011;

}

.nav ul li:hover{

    color: #d20011;

    border-color: #d20011;

}

.top_search{

    display: inline-block;

    width: 237px;

    height: 37px;

    line-height: 37px;

   

}

.top_search form{

    width: 235px;

    height: 34px;

    line-height: 34px;

    border: 1px solid #9e9e9e;

    border-radius: 25px;

    display: inline-block;

}

.top_search form #key{

    width: 188px;

    height: 32px;

    border: none;

    margin-left: 15px;

    float: left;

    margin-top: 1px;

}

#submit{

    width: 22px;

    height: 21px;

    background: url(../images/search.png);

    background-position: center;

    background-repeat: no-repeat;

    border: none;

    margin-left: 2px;

    margin-top: 5px;

    cursor: pointer;

}

.banner ul li img{

    width: 100%;

}

.banner .hd{

    text-align: center;

    cursor: pointer;

}

.banner .hd ul li{

    font-size: 0;

    width: 69px;

    height: 9px;

    background: #444;

    border-radius:20px;

    display: inline-block;

    margin: 0 10px;

}

.banner .hd ul .on{

    background:#C61414;

}

.introduce{

    background: url(../images/bg.png);

    background-position: center;

    background-repeat: no-repeat;

    margin-top: 50px;

}

.introduce h1{

    text-align: center;

    font-size: 38px;

    color: #333333;

    margin: 50px 0 20px 0;

}

.introduce h2{

    text-align: center;

    font-size: 14px;

    color: #333;

}

.floats{

    margin-top: 45px;

    text-align: center;

}

.floats .listbox{

    text-align: center;

    width: 300px;

    display: inline-block;

    margin: 0 10px;

}

.floats .listbox p{

    font-size: 14px;

    color: #828282;

    margin-top: 18px;

    line-height: 24px;

}

.showpro{

    margin-top: 80px;

    text-align: center;

}

.showpro h1{

    font-size: 18px;

    color: #333;

    margin-top: 18px;

    margin-bottom: 50px;

    font-weight: bold;

}

.showpro .pro .pro_list{

    width: 297px;

    display: inline-block;

}

.showpro .pro_list .list{

    width: 297px;

}

.showpro .pro_list .list .img_box img{

    width: 100%;

    height: 100%;

    transition: all 0.7s;

}

.showpro .pro_list .list:hover p{

    background-color: #C61414;

}

.showpro .pro_list .list:hover i{

    background-color: #C61414;

}

.showpro .pro_list .list .img_box{

    width: 297px;

    height: 460px;

    background-repeat: no-repeat;

    background-position: center center;

    background-size: contain;

}

.showpro .pro_list .list i{

    width: 100%;

    font-size: 16px;

    text-transform: uppercase;

    color: #fff;

    background: #444;

    display: block;

    padding-bottom: 20px;

}

.showpro .pro_list .list p{

    width: 297px;

    background: #444;

    font-size: 18px;

    color: #fff;

    padding-top: 20px;

}

.index_about{

    margin-top: 85px;

}

.bgblack{

    height: 426px;

    background: #333;

}

.index_about .bgblack .black{

    height: 426px;

    position: relative;

}

.index_about .black h1{

    font-size: 30px;

    padding-top: 30px;

    margin-bottom: 10px;

    margin-left: 20px;

    color: #fff;

}

.index_about .black h2{

    font-size: 22px;

    margin-left: 20px;

    margin-bottom: 30px;

    color: #fff;

}

.index_about .black .text_box{

    margin-left: 20px;

    width: 520px;

    height: 294px;

    font-size: 14px;

    line-height: 30px;

    color: #fff;

}

.index_about .black .text_box h3{

    width: 106px;

    height: 39px;

    font-size: 16px;

    font-family: "Arial";

    color: #fff; 

    text-align: center;

    float: right;

    margin-top: 20px;

}

.index_about .black .text_box h3 img{

    margin-top: -25px;

}

.Frame{

    width: 654px;

    height: 523px;

    background: url(../images/Frame.png);

    background-position: center;

    background-repeat: no-repeat;

    position: absolute;

    top: -124px;

    right: 20px;

}

.about_pic{

    width: 648px;

    height: 530px;

    display: inline-block;

    position: absolute;

    top: -106px;

    right: 44px;

}

.black .prev,.black .next{

    width: 56px;

    height: 56px;

    text-align: center;

    line-height: 56px;

    display: inline-block;

    font-size: 28px;

    font-family: '黑体';

    margin-right: 5px;

    cursor: pointer;

    font-weight: 600;

    color: #fff;

    background: #333333;

    position: absolute;

}

.black .prev:hover,.black .next:hover{

    background: #c33d3d;

}

.black .prev{

    top: 127px;

    right: 631px

}

.black .next{

    top: 127px;

    right: 40px;

}

.block{

    margin-top: 106px;

    text-align: center;

}



.block #news{

    width: 630px;

    height: 495px;

    background: url(../images/index_new.png);

    background-position: center;

    background-repeat: no-repeat;

    text-align: center;

    display: inline-block;

    margin-right: 14px;

}

.block #news:hover{

    background-image: url(../images/new_hover.jpg);

}

.block #news h1{

    font-size: 24px;

    color: #fff;

    margin-bottom:10px;

    padding-top: 185px;

    transition: all 0.7s;

}

.block #news h2{

    font-size: 14px;

    color: #fff;

    transition: all 0.7s;   

}

.block #news h3{

    font-size: 16px;

    color: #fff;

    margin-top: 54px; 

    transition: all 0.7s;

}

.block #join{

    width: 630px;

    height: 495px;

    background: url(../images/index_join.png);

    background-position: center;

    background-repeat: no-repeat;

    text-align: center;

    display: inline-block;

    margin-left: 14px;

}

.block #join:hover{

    background-image: url(../images/new_hover.jpg);

}

.block #join h1{

    font-size: 24px;

    color: #fff;

    margin-bottom:10px;

    padding-top: 185px;

    transition: all 0.7s;    

}

.block #join h2{

    font-size: 14px;

    color: #fff;

    transition: all 0.7s;    

}

.block #join h3{

    font-size: 16px;

    color: #fff;

    margin-top: 54px;

    transition: all 0.7s;

    transition: all 0.7s; 

}



.block #case{

    width: 409px;

    height: 193px;

    background: url(../images/index_case.png);

    background-position: center;

    background-repeat: no-repeat;

    text-align: center;

    display: inline-block;

}

.block #case h1{

    font-size: 24px;

    color: #fff;

    margin-bottom:10px;

    padding-top: 73px;

    transition: all 0.7s; 

}

.block #case h2{

    font-size: 14px;

    color: #fff; 

    transition: all 0.7s;    

}



.block #net{

    width: 409px;

    height: 193px;

    background: url(../images/index_net.png);

    background-position: center;

    background-repeat: no-repeat;

    text-align: center;

    display: inline-block;

}

.block #net h1{

    font-size: 24px;

    color: #fff;

    margin-bottom:10px;

    padding-top: 73px;

    transition: all 0.7s; 

}

.block #net h2{

    font-size: 14px;

    color: #fff;

    transition: all 0.7s;

}



.block #contact{

    width: 409px;

    height: 193px;

    background: url(../images/index_contact.png);

    background-position: center;

    background-repeat: no-repeat;

    text-align: center;

    display: inline-block;

}

.block #contact h1{

    font-size: 24px;

    color: #fff;

    margin-bottom:10px;

    padding-top: 73px;

    transition: all 0.7s; 

}

.block #contact h2{

    font-size: 14px;

    color: #fff;

    transition: all 0.7s;    

}

.block .main div:nth-last-child(3){

    margin-top: 40px;

}

.block .main div:nth-child(4){

    margin:0 30px;

}

/* #news:hover h1,#news:hover h2,#news:hover h3{

    transition: all 0.7s;

    opacity: 0;

} 

#join:hover h1,#join:hover h2,#join:hover h3{

    transition: all 0.7s;

    opacity: 0;

}  */

#case:hover h1,#case:hover h2{

    transition: all 0.7s;

    opacity: 0;

} 

#net:hover h1,#net:hover h2{

    transition: all 0.7s;

    opacity: 0;

} 

#contact:hover h1,#contact:hover h2{

    transition: all 0.7s;

    opacity: 0;

}

.dynamics{

    margin-top: 60px;

    margin-bottom: 62px;

}

.dynamics .info{

    float: left;

    display: block;

}

.dynamics .indu{

    float: right;

    display: block;

}

.dynamics  .title{

    width: 713px;

    height: 55px;

    background: url(../images/i.png);

    background-position: left;

    background-repeat: no-repeat;

    border-bottom: 1px dashed #a5a5a5;

    display: inline-block;

}

.dynamics  .title h1{

    font-size: 25px;

    color: #333;

    display: inline-block;

    text-indent: 20px;

}

.dynamics  .title h2{

    width: 600px;

    font-size: 18px;

    color: #333;

    text-indent: 20px;

    display: inline-block;

}

.dynamics  .title .more{

    text-align: center;

    width: 70px;

    background: #C61414;

    color: #fff;

    float: right;

}

.dynamics .indu .title{

    width: 445px;

    height: 55px;

    background: url(../images/i.png);

    background-position: left;

    background-repeat: no-repeat;

    border-bottom: 1px dashed #a5a5a5;

    display: inline-block;

}

.dynamics .indu .title h2{

    width: 350px;

    font-size: 18px;

    color: #333;

    text-indent: 20px;

    display: inline-block;

}

.info ul li{

    width: 713px;

    height: 147px;

    border-bottom: 1px dashed #a5a5a5;

}

.info ul li .img_box{

    width: 187px;

    height: 97px;

    line-height: 97px;

    display: block;

    float: left;

    margin: 25px 0;

}

.info ul li .text_box{

    display: block;

    width: 507px;

    float: right;

    margin: 25px 0;

    line-height: 26px;

}

.info ul li .text_box h1{

    font-size: 18px;

    color: #333;

    display: inline-block;

}

.info ul li .text_box p{

    width: 436px;

    height: 68px;

    font-size: 14px;

    color: #888888;

    display: inline-block;

}

.info ul li:hover h1{

    color: #d20011;

}

.indu_pic_border{

    border-style: solid;

    border-width: 1px;

    border-color: rgb(158, 158, 158);

    width: 436px;

    height: 216px;

    line-height: 216px;

    text-align: center;

    margin-top: 35px;

    margin-bottom: 35px;

}

.indu_pic_border .img_box{

    width: 417px;

    height: 197px;

    line-height: 197px;

    display: inline-block;

}

.indu ul{

    margin-left: 40px;

}

.indu ul li{

    list-style-image: url(../images/list_style.png);

    margin-bottom: 15px;

    color: #3b3b3b;

    text-indent: 10px;

}

.footer{

    background: url(../images/footer_bg.png);

    background-position: center;

    background-repeat: no-repeat;

    text-align: center;

    padding: 20px 0;

    background-size: cover;

}

.footer .footer_logo{

    padding-top: 20px;

    margin-bottom: 10px;

}

.footer i{

    font-size: 14px;

    color: rgb(153, 153, 153);

}

.footer .Qr_code{

    margin: 10px 0;

}

.footer h1{

    font-size: 16px;

    color: rgb(228, 228, 228); 

}

.footer h2{

    font-size: 20px;

    color: rgb(247, 247, 247);

    margin: 15px 0 14px 0; 

}

.footer ul{

    margin: 15px 0;

}

.footer ul li{

    height: 14px;

    line-height: 14px;

    display: inline-block;

    font-size: 14px;

    color: rgb(221, 221, 221);

    padding: 0 10px;

    border-right: 1px solid rgb(221, 221, 221);

}

.footer ul li:last-child{

    border-right: none;

}

.footer p{

    font-size: 14px;

    color: rgb(153, 153, 153);

    line-height: 26px;

}



.agroup{

    text-align: center;

    border-bottom: 1px solid #ccc;

    height: 65px;

    margin-top: 40px;

    position: relative;

}

.agroup_box {

    width: 100%;

    position: absolute;

    left: 0;

    top: 3px;

}

.agroup ul {

    display: inline-block;

}

.agroup li {

    height: 60px;

    line-height: 60px;

    display: block;

    font-size: 15px;

    color: #7e7d7d;

    float: left;

    padding: 0 15px;

    margin: 0 20px;

}

.agroup li:hover, .agroup li.on {

    border-bottom: 2px solid  #d20011;

    color: #343434;

}

.page_title{

    margin-bottom: 40px;

}

.page_title h1{

    display: inline-block;

    font-size: 36px;

    font-family: "SimHei";

    color: rgb(43, 43, 43);  

    margin: 94px 0 22px 0;

    text-align: left;  

}

.page_title h2{

    font-size: 12px;

    color: rgb(43, 43, 43);

    text-align: left;  

}

.Brands p{

    font-size: 14px;

    color: rgb(81, 81, 80);

    line-height: 26px;

    width: 1110px;

    text-align: left;

}

.Brands .img_box{

    display: inline-block;

}

.culture{

    height: 532px;

    background: url(../images/culture_bg.png);

    background-position: center;

    background-repeat: no-repeat;

    color: #fff;

    margin: 50px 0;

}

.culture .text_box{

    border-radius: 10px;

    background-color: rgba(149, 36, 40,0.5);

    width: 342px;

    height: 400px;

    float: right;

    margin: 48px 57px 0 0;

    padding-left: 46px;

    padding-top: 47px;

}

.culture .text_box h1{

    font-size: 18px;

    color: #fff;

    font-weight: bold;     

}

.culture .text_box ul li{

    font-size: 16px;

    color: rgb(250, 250, 250);

    margin-top: 24px;  

}



.idea{

    margin-top: 100px;

}



.idea h1{

    font-size: 30px;

    color: rgb(16, 16, 16);

    text-align: center;

    padding-top: 20px; 

}

.idea h1 i{

    font-size: 30px;

    color: #c82226;

    text-align: center;  

}

.idea h2{

    width: 79px;

    height: 3px;

    background: #c82226;

    display: inline-block;

}

.idea .idea_bg1{

    background: url(../images/images/idea_bg1.jpg);

    background-position: center;

    background-repeat: no-repeat;
    background-color: #f4f4f4;
}

.idea .idea_bg2{

    background: url(../images/images/idea_bg2.jpg);

    background-position: center;

    background-repeat: no-repeat;
}

.idea .idea_bg3{

    background: url(../images/images/idea_bg3.jpg);

    background-position: center;

    background-repeat: no-repeat;
    background-color: #f4f4f4;
}

.idea .Text h1{

    font-size: 28px;

    color: rgb(200, 34, 38);

    text-align: left;

    margin-bottom: 33px;

    padding: 0;

}

.idea .Text p{

    font-size: 14px;

    color: rgb(0, 0, 0);

    line-height: 2;

    line-height: 28px;

}

.idea .part1{

    display: inline-block;

    margin-top: 60px;

    margin-left: 140px;

}

.idea .part2{

    float: right;

    display: block;

    margin-top: 60px;

    margin-right: 100px;

}



.Shopfront{

    height: 720px;

    background: #a6a6a6;

    margin-top: 45px;

    margin-bottom: 25px;

    text-align: center;

    position: relative;

    overflow: hidden;

    text-align: center;

}

.Shopfront h1{

    margin-bottom: 12px;

    padding-top: 46px; 

    font-size: 28px;

    color: rgb(1, 1, 1);    

}

.Shopfront h2{

    height: 35px;

    border-bottom: 1px solid #7e7e7e;

    font-size: 18px;

    font-family: "Arial";

    color: rgb(0, 0, 0);     

}

.Shopfront .store_line{

    position: absolute;

    right: calc(50% - 32px);

    top: 127px;

}



.Shopfront .swiper-container{

    width: 729px;

    height: 492px;

    margin:0 auto;

    margin-top: 40px;

    text-align: center;

    position: relative;

}

.Shopfront .swiper-slide{

    width: 729px;

    height: 385px;

    display:inline-block;

    overflow: hidden;

    margin-top: 74px;

    transition: all 0.7s;

}

.swiper-wrapper{

    display: inline-flex;

}

 .Shopfront .swiper-slide .img_box{

    width: 566px;

    height: 385px;

    line-height: 385px;

    overflow: hidden;

    display: inline-block;

    position: relative;

    transition: all 0.7s;

    background: #fff;

}

.swiper-slide.swiper-slide-active,

.swiper-slide.swiper-slide-active .img_box{

    width: 729px;

    height: 492px;

    margin-top: 0;

    transition: all 0.7s;

}

.swiper-slide.swiper-slide-active .img_box{

    line-height: 492px;

}

.swiper-slide.swiper-slide-active .img_box .mask{

    display: none;

}

.mask{

    background-color: rgb(255, 255, 255);

    opacity: 0.4;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    right: 0;

}

/* .btn_box{

    width: 729px;

    height: 492px;

    position: absolute;

} */

.btn_box .sprev{

    position: absolute;

    top: 220px;

    left: 0;

    width: 56px;

    height: 56px;

    background: #d20011;

    color: #fff;

    font-family: '黑体';

    text-align: center;

    line-height: 56px;

    cursor: pointer;

    font-size: 30px;

}

.btn_box .snext{

    position: absolute;

    top: 220px;

    right: 0;

    width: 56px;

    height: 56px;

    background: #d20011;

    color: #fff;

    font-family: '黑体';

    text-align: center;

    line-height: 56px;

    cursor: pointer;

    font-size: 30px;

}

.pro_nav{

    margin-bottom: 13px;

}

.pro_nav ul{

    background-color: rgb(229, 229, 229);

    height: 40px;

    text-align: center;   

}

.pro_nav ul li{

    display: inline-block;

    width: 147px;

    height: 40px; 

    font-size: 16px;

    color: #333;

    line-height: 40px;

    margin: 0 5px;    

}

.pro_nav ul .on,

.pro_nav ul li:hover{

    background-color: #C61414;

    color: #fff;

}





.pro_list .list:nth-child(3n){

    margin-right: 0;

}

.pro_list .list .img_box{

    width: 381px;

    height: 256px;

    line-height: 256px;

    overflow: hidden;

}

.pro_list .list .pro_text{

    background-color: rgba(0, 0, 0,.6);

    width: 381px;

    height: 69px;

    text-indent: 20px;

    position: relative;

    transition: transform 0.7s;

}

.pro_list .list .pro_text h1{

    font-size: 19px;

    height: 20px;

    color: #fff;

    line-height: 20px;

    padding-top:10px;

    margin-bottom: 10px; 

}

.pro_list .list .pro_text h2{

    font-size: 15px;

    height: 16px;

    color: #bebebe;

   line-height: 16px;

}

.pro_list .list:hover .pro_text{

    transition: transform 0.2s;

    cursor: pointer;

    transform: translate(0,-69px);

}

.pr{

    display: inline-block;

}

.pr .list{

    width: 33.3%;

    float: left;

    margin: 20px 0;

}

.pages {

    text-align: center;

    padding: 60px 0;

}

#prev, #next {

    width: 93px;

    height: 41px;

    margin: 0 27px;

}

.pages a {

    font-size: 14px;

    width: 41px;

    height: 41px;

    color: #868686;

    border: 1px solid #cecece;

    text-align: center;

    line-height: 40px;

    display: inline-block;

    margin-right: 10px;

}

.pages a:hover,

.pages .on {

    background: #C61414;

    color: #fff;

}

.pro_pic{

    text-align: center;

}

.pro-n_main .pro_pic .pro_name{

    background-color: rgb(232, 232, 232);

    width: 1099px;

    height: 52px;

    display: inline-block;

    line-height: 52px;

    margin-bottom: 7px;

}

.pro-n_main .pro_pic .pro_name h1{

    font-size: 18px;

    color: rgb(128, 52, 30);

    text-align: left;

    display: inline-block;

}

.pro-n_main .pro_pic .pro_name a{

    float: right;

    font-size: 16px;

    color: rgb(51, 51, 51);

    font-weight: bold;

    margin-right: 20px; 

}

.pro-n_main .pro_pic .bd{

    display: inline-block;

}

.pro-n_main .pro_pic .bd .img_box{

    width: 1099px;

    height: 595px;

    line-height: 595px;

    display: inline-block;

}

.pro-n_main .pro_pic .smallpic{

    margin-top: 10px;

}

.pro-n_main .pro_pic .smallpic ul li{

    width: 218px;

    height: 135px;

    display: inline-block;

    margin: 0 5px;

}

.pro-n_main .pro_pic .smallpic .img_box{

    width: 218px;

    height: 135px;

    line-height: 135px;

    display: inline-block;

}

.pro-n_main .prev{

    background-color: #E40004;

    width: 58px;

    height: 61px;

    display: block;

    line-height: 61px;

    font-size: 28px;

    font-family: '黑体';

    float: left;

    margin-top: 275px;

    cursor: pointer;

    color: #fff;

}

.pro-n_main .next{

    background-color: #E40004;

    width: 58px;

    height: 61px;

    display: block;

    line-height: 61px;

    font-size: 28px;

    font-family: '黑体';

    float: right;

    margin-top: 275px;

    cursor: pointer;

    color: #fff;

}



.pro_ins{

    margin-top: 50px;

    margin-bottom: 30px;

    text-align: center;

}

.pro_ins h1{

    width: 1099px;

    font-size: 26px;

    color: #E40004;

    text-align: left;

    border-bottom: 1px dashed #adadad;

    padding-bottom: 24px;

    margin-bottom: 25px; 

    margin-left: 100px;

}

.pro_ins p{

    width: 1099px;

    font-size: 16px;

    color: rgb(83, 83, 83);

    line-height: 26px;

    text-align: left;

    display: inline-block;

}



.new_list ul li{

    height: 306px;

    border-top: 1px solid #dcdcdc;

    border-bottom: 1px solid #dcdcdc;

    margin-top: 30px;

    transition: all 0.2s;

}

.new_list ul li:hover{

    box-shadow: 5px 5px 15px #d3d2d2;

    transition: all 0.2s;

}

.new_list ul li:first-child{

    margin-top: 0px;   

}

.new_list ul li .img_box{

    width: 491px;

    height: 307px;

    line-break: 307px;

    display: inline-block;

    float: left;

}

.new_list ul li .text_box{

    width: 660px;

    height: 200px;

    display: inline-block;

    margin-left: 45px;

    margin-top: 50px;

}

.new_list ul li .text_box h1{

    font-size: 18px;

    color: rgb(61, 61, 61);

}

.new_list ul li .text_box p{

    font-size: 15px;

    color: #8a8a8a;

    line-height: 26px;

    margin: 37px 0 50px 0;

}

.new_list ul li .text_box h2{

    font-size: 15px;

    color: #8a8a8a;

}





.new_main {

    margin-top: 50px;

    margin-bottom: 70px;

    color: #444444;

}

.new_title {

    text-align: center;

    font-size: 18px;

    margin-top: 10px;

    color: #444;

}

.new_time {

    text-align: center;

    font-size: 15px;

    margin-top: 10px;

}

.new_text {

    line-height: 30px;

    margin: 0 100px;

    margin-top: 40px;

    border-bottom: 1px solid #b7b7b7;

}

.nextnew {

    height: 50px;

    line-height: 50px;

    padding-top: 50px;

    margin-left: 100px;

}

.nextnew a {

    display: inline-block;

    height: 50px;

    margin-right: 60px;

    font-size: 15px;

    color: #444;

    margin-right: 10px;

}

.nextnew a:hover{

    text-decoration: underline;

}

.case_list{

    margin-top: 68px;

}

.case_list ul li{

    display: inline-block;

    width: 383px;

    height: 354px;

    margin-bottom: 37px;

    text-align: center;

    border: 1px solid #dcdcdc;

    margin-right: 68px;

}

.case_list ul li:hover{

    transition: all 0.2s;

    box-shadow: 0px 4px 15px #d8d8d8;   

}

.case_list ul li:nth-child(3n){

    margin-right: 0;

}

.case_list ul li .img_box{

    display: inline-block;

    width: 383px;

    height: 281px;

}

.case_list ul li p{

    display: inline-block;

    width: 383px;

    height: 84px;

    line-height: 95px;

    text-align: center;

    background: url(../images/new_list_p_bg.png);

    background-position: center;

    background-repeat: no-repeat;

    margin-top: -13px;

    color: #515151;

}



.net{

    margin-bottom: 50px;

}

.screen {

    width: 100%;

    display: inline-block;

    margin-bottom: 35px;

}

.screen form {

    display: inline-flex;

}

#distpicker {

    /* margin-top: 53px; */

    display: inline-block;

}

#distpicker select {

    width: 249px;

    height: 52px;

    border: 1px solid #e8e8e8;

    font-size: 14px;

    color: #7c7c7c;

    text-indent: 10px;

    margin-right: 15px;

    border-radius: 5px;

}

.screen input.text {

    width: 247px;

    height: 52px;

    float: left;

    text-indent: 10px;

    margin-right: 10px;

    border: 1px solid #e8e8e8;

    padding: 0;

    border-radius: 5px;

}

.screen .submit {

    text-align: center;

    line-height: 56px;

    display: block;

    float: left;

    cursor: pointer;

    border: none;

    border-radius: 5px;

    background-color: rgb(218, 37, 29);

    width: 128px;

    height: 52px;

    font-size: 18px;

    color: rgb(255, 255, 255);

}



.net_box {

    box-shadow: 1px 1px 10px #ccc;

}

.net_box .net_sidebar {

    border: 1px solid #f2f2f2;

    width: 334px;

    float: left;

}

.net_box .net_sidebar h3 {

    height: 60px;

    line-height: 60px;

    text-indent: 30px;

    font-size: 18px;

    color: #666;

}

.net_box .net_sidebar h3 span {

    font-size: 18px;

    color: #da251d;

    font-weight: bold;

}

.net_box .net_sidebar li {

    width: 334px;

    height: 143px;

    border-top: 1px solid #f2f2f2;

}

.net_box .net_sidebar li:hover .text_box i {

    background: #da251d;

}

.net_box .net_sidebar li .text_box {

    width: 182px;

    float: right;

    display: block;

    font-size: 12px;

    color: #787878;

    line-height: 26px;

    margin: 15px 72px 0 0;

    position: relative;

}

.net_box .net_sidebar li .text_box h4 {

    font-size: 18px;

    color: #666;

    line-height: 36px;

}

.net_box .net_sidebar li .text_box i {

    width: 32px;

    height: 32px;

    text-align: center;

    line-height: 32px;

    background: #c5c5c5;

    display: inline-block;

    color: #fff;

    font-size: 18px;

    font-weight: bold;

    border-radius: 100px;

    position: absolute;

    left: -50px;

    top: 3px;

}

.net_box .net_sidebar .Nprev {

    float: left;

    background: #ececec url(../images/net_prev.png) no-repeat center center;

}

.net_box .net_sidebar .Nnext {

    float: right;

    background: #d5d5d5 url(../images/net_next.png) no-repeat center center;

}

.net_box .net_sidebar .Nprev, .net_box .net_sidebar .Nnext {

    width: 167px;

    height: 72px;

    display: inline-block;

    cursor: pointer;



}

.net_box .net_main {

    width: 860px;

    float: right;

}

#ChinaMap {

    margin: 0 auto;

    margin-top: 40px;

}

.stateTip, #StateTip { display: none; position: absolute; padding: 8px; background: #fff; border: 2px solid #2385B1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; font-size: 12px; font-family: Tahoma; color: #333; }

.mapInfo i { display: inline-block; width: 15px; height: 15px; margin-top: 5px; line-height: 15px; font-style: normal; background: #aeaeae; color: #fff; font-size: 11px; font-family: Tahoma; -webkit-border-radius: 15px; border-radius: 15px; text-align: center }

.mapInfo i.active { background: #E27F21; }

.mapInfo span { padding: 0 5px 0 3px; }

.mapInfo b { font-weight: normal; color: #2770B5 }



.join_main{

    text-align: center;

}

.join_main h1{

    font-size: 24px;

    color: rgb(51, 51, 51);

    margin: 84px 0 25px 0;

}

.join_main h2{

    font-size: 14px;

    color: rgb(51, 51, 51);

    margin-bottom: 66px;

}

  

.join_main .join1 .img_box{

    width: 1207px;

    height: 427px;

    display: inline-block;

}

.join_main .join2 .img_box{

    width: 1252px;

    height: 865px;

    display: inline-block;

}



.join_main .apply{

    text-align: center;

    margin-top: 122px;

    margin-bottom: 50px;

}

.join_main .apply h1{

    font-size: 24px;

    color: rgb(51, 51, 51);

    font-weight: bold; 

    margin: 0;   

}

.join_main .apply h2{

    height: 20px;

    line-height: 20px;

    margin: 0;

}

.join_main .apply h2 div{

    background-color: rgb(191, 4, 4);

    width: 32px;

    height: 3px;

    display: inline-block;        

}

.join_main .apply_form{

    display: inline-block;

}

.join_main .apply .apply_form form div{

    display: inline-block;

    margin: 30px 50px 0 50px;

}

.join_main .apply .apply_form form h3{

    margin-bottom: 5px;

    text-indent: 10px;

    font-size: 16px;

    color: rgb(103, 103, 103);

    text-align: left;    

}

.join_main .apply .apply_form input{

    width: 510px;

    height: 40px;

    border-radius: 19px;

    background-color: rgb(232, 232, 232);     

    border: none;

    text-align: left;

    text-indent: 20px;

    font-size: 16px;

    color: rgb(103, 103, 103);

}

.join_main #LY{

    border-radius: 30px;

    background-color: rgb(232, 232, 232);

    width: 1100px;

    height: 204px;

    resize: none;

    border: none; 

    text-align: left;

    padding: 10px 10px 5px 10px;

    text-indent: 10px;

    font-size: 16px;

    color: rgb(103, 103, 103);

}

.join_main #sub{

    border-radius: 10px;

    background-color: rgb(232, 232, 232);

    width: 195px;

    height: 53px;

    border: none;

    margin-top: 57px;

    font-size: 18px;

    color: rgb(51, 51, 51);

    cursor: pointer; 

}



.contact .left {

    float: left;

}

.contact .left .img_box{

    width: 360px;

    height: 100px;

    display: inline-block;

    margin-top: 20px;

    padding-bottom: 10px;

    text-align: left;

}

.contact .left ul li{

    margin-top: 35px;

    height: 35px;

}



.contact .left ul .contact_location{

    background: url(../images/location_icon.png);

    background-position-x: left;

    background-repeat: no-repeat;

}

.contact .left ul .contact_phone{

    background: url(../images/phone_icon.png);

    background-position-x: left;

    background-repeat: no-repeat;

}

.contact .left ul .contact_fax{

    background: url(../images/fax_icon.png);

    background-position-x: left;

    background-repeat: no-repeat;

}

.contact .left ul .contact_mail{

    background: url(../images/mail_icon.png);

    background-position-x: left;

    background-repeat: no-repeat;

}

.contact .left ul .contact_person{

    background: url(../images/person_icon.png);

    background-position-x: left;

    background-repeat: no-repeat;

}

.contact .left ul .contact_web{

    background: url(../images/web_icon.png);

    background-position-x: left;

    background-repeat: no-repeat;

}



.contact .left ul li p {

    font-size: 18px;

    color: #333;

    display: inline-block;

    margin-left: 15px;

    padding-left: 30px;

}

.contact .left ul li:last-child p{

    /* width: 266px; */

}

.contact .right .img_box{

    width: 567px;

    height: 377px;

    display: block;

    margin-top: 114px;

    float: right;

}

.map{

    background: #e3e3e3;

    height: 603px;

    text-align: center;

}

.map .img_box{

    width: 100%;

    height: 604px;

    display: inline-block;

    overflow: hidden;

}

.message h1{

    font-size: 24px;

    color: rgb(115, 113, 113);

    font-weight: bold;     

    text-align: center;

    margin: 65px 0 46px 0;

}

.message .apply_form{

    text-align: center;

}

.message .apply_form form{

    width: 1100px;

    display: inline-block;

    text-align: left;

}

.message .apply_form input{

    border-style: solid;

    border-width: 1px;

    border-color: rgb(174, 174, 174);

    background-color: rgba(0, 0, 0, 0);

    width: 356px;

    height: 52px; 

    text-indent: 20px;  

    font-size: 15px;

    color: #6d6d6d;  

}

.contact .message #name{

    margin-right: 8px;

}

.contact .message #phone{

    margin-right: 8px;

}

.contact .message #intention{

    border-style: solid;

    border-width: 1px;

    border-color: rgb(174, 174, 174);

    background-color: rgba(0, 0, 0, 0);;

    width: 1078px;

    height: 184px;     

    resize: none;

    margin-top: 26px;

    padding: 10px 10px 5px 10px;

    text-indent: 10px;

    font-size: 15px;

    color: #6d6d6d;

}

#Ve_code{

    margin-top: 26px;

}

.contact .message #sub{

    background-color: #E40004;

    width: 191px;

    height: 51px;

    float: right;   

    border: none;

    margin-top: 26px;

    color: #fff;   

}

.contact{

    margin-bottom: 100px;

}