ul, li {
    list-style: none;
}
.blank20{
    clear: both;
    height: 20px;
}
.blank40{
    clear: both;
    height: 40px;
}
/**/
.banner {
	width:100%;
	float: left;
	height:600px;
	min-width:1200px;
}
.swiper-slide img{min-width:1200px;}
.ban{ width:100%; height:600px; float:left;}
.bann{ width:100%; height:100%; float:left;}
/**/
.i{ width: 100%; float: left; margin-top: 30px;}
.ii{ width: 1200px; height: auto; margin-left: auto; margin-right: auto; }
.i_a{ width: 1200px; height: 300px; float: left;}
.i_a li{ width: 300px; height: 280px; float: left; background: #eee; text-align: center; padding-top: 20px;}
.i_a li:hover{ cursor: pointer; transition: all 0s; transform: scale(1.1); background: #ccc; font-size:16px;}
.i_a li img{ width: 90px; height: 65px; border:0; margin-left: auto; margin-right: auto; -webkit-filter: grayscale(100%);-moz-filter: grayscale(1);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.i_a li .img{ width: 300px; height: 65px; float: left; display: inline-block; margin-top: 40px;}
.i_a li:hover img{ text-align: center; transition: all 0s; -webkit-filter: grayscale(0%);}
.i_a li span{ width: 300px; float: left; height: 100px; bottom: 0; margin-top: 20px; text-align:center;}
.i_a li span:hover{ cursor: pointer; transition: all 0s; transform: scale(1); }
.i_a li span .t{ width: 300px; height: 40px; float: left; font-size: 18px; font-weight: bold; color: #333; line-height: 40px; text-align: center; display:inline-block;}
.i_a li:hover span .t{color: #bd1a25;}
.i_a li span .n{ width: 230px; height: 60px; font-size: 12px; color: #666; line-height: 18px; text-align: center; display:inline-block; padding-top:5px;}
.i_a li:hover span .n{color: #bd1a25;}
.i_a li:hover img{ cursor: pointer; transition: all 0s; transform: scale(1); }
/**/
.i_tit{ width: 1200px; height: 48px; float: left; text-align: center; line-height: 48px; font-size: 36px; font-weight: bold; color: #333; margin-top: 75px;}
.i_tin{ width: 1200px; height: 25px; float: left; text-align: center; line-height: 25px; font-size: 14px; color: #ccc; text-transform: uppercase;}
.i_var{ width: 1200px; height: 35px; float: left; text-align: center; margin-top: 15px;}
.i_var li{ width: 160px; height: 35px; display: inline-block; line-height: 35px; color: #333; text-align: center; margin: 0; padding:0; list-style: none;}
.i_var li a{ margin: 0; padding:0;display: block}
.i_var li:nth-child(1){ border: 1px solid #ccc; }
.i_var li:nth-child(2){ border-width: 1px 0; border-style: solid; border-color: #ccc; margin-left: -5px;}
.i_var li:nth-child(3){ border: 1px solid #ccc; margin-left: -5px;}
.i_var li:nth-child(4){ border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc; margin-left: -5px; }
.i_var .selectTag{ width: 160px; height: 35px; display: inline-block; background: #bd1a25; line-height: 35px; color: #fff; text-align: center; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc; }
.i_var .selectTag a{ color: #fff; }
.i_var .selectTag a:hover{ color: #fff; }
#tagContent div.selectTag{ display: block;}

/**/
.zz_list{ width: 1200px; height: auto; padding:50px; float: left; }
.zz_list li{     width: 260px;
    height: 204px;
    float: left;
    margin-right: 15px;
    background: #fff;
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 20px;}
.zz_list li:hover{cursor: pointer; -webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s; transition: all 0.6s; transform: scale(1.2); font-weight: bold;}
.zz_list li:nth-child(4n){ margin-right: 0; }
.zz_list img{ width: 240px; height: 154px; float: left; }
.zz_list span{ width: 240px; height: 40px; float: left; line-height: 40px; text-align: center; font-size: 14px; color: #333; }
/**/

/**/
.Box {position: relative; padding-bottom: 20px;}
.Box .content {width: 1200px;margin: 0 auto;}
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}
.Box .Box_con .btnl {background: url(../image/zizhi/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(../image/zizhi/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(../image/zizhi/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(../image/zizhi/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative;overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 285px;height: 200px;margin-left: 20px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 285px;height: 200px;transition: all 0.5s;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}
.ld_gh{ width: 1200px; height: auto; float: left; margin-bottom: 60px; margin-top: 40px; }
/*jion*/


.banner-container {
    position: relative;
    min-width: 1200px;
    height: 300px;
    line-height: 300px;
    background: url(../image/contact-banner.jpg) center no-repeat;
}

.banner-container:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.65);
}

.banner-container .banner-inner {
    position: relative;
    z-index: 1;
}

.banner-container .banner-inner {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}

.banner-container .banner-inner .banner-title {
    font-size: 40px;
    letter-spacing: 3px;
}

.banner-container .banner-inner .banner-title {
    line-height: 1;
    margin-bottom: 25px;
    font-size: 36px;
    color: #fff;
}

.distribution {
    position: relative;
    margin: 0 auto;
    min-width: 1200px;
    min-height: 700px;
    padding-bottom: 30px;
    background: url(../image/distribution2.jpg) center no-repeat;
    z-index: 1;
}

.distribution .wp {
    position: relative;
    padding-top: 90px;
}

.wp {
    width: 1200px;
    margin: 0 auto;
}

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

.distribution .canvas-area {
    position: absolute;
    left: 539px;
    top: 91px;
}

.distribution .company-list {
    width: 540px;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #999;
    overflow: hidden;
}

.distribution .company-list .company-item {
    display: none;
    background: #fff;
}

.distribution .company-list .company-item img {
    display: block;
    width: 100%;
    height: 160px;
    margin-bottom: 20px;
}

.distribution .company-list .contact-inner {
    padding: 0px 15px 20px;
}
.distribution .company-list h3 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #3a3a3a;
}
.distribution .company-list h3, .distribution .company-list .c-phone {
    line-height: 1;
}

.distribution .company-list .c-phone {
    padding-bottom: 5px;
    padding-left: 25px;
    background: url(../image/phone2-icon.png) no-repeat;
    background-size: 2.8%;
}

.distribution .company-list .c-site {
    padding-left: 25px;
    background: url(../image/site-icon2.png) left 4px no-repeat;
    background-size: 3%;
}

.distribution .company-pos span {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fd4351;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.distribution .company-pos span i {
    position: absolute;
    width: 44px;
    line-height: 18px;
    height: 18px;
    left: -30px;
    top: -22px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    background: #fd4351;
    color: #fff;
}

.distribution .company-pos .pos1 {
    left: 494px;
    top: 195px;
}

.distribution .company-pos .pos1_1 {
    left: 501px;
    top: 216px;
}


.distribution .company-pos span i:after {
    content: '';
    position: absolute;
    top: 16px;
    right: 5px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fd4351;
}

.distribution .company-pos .pos2 {
    left: 532px;
    top: 238px;
}

.distribution .company-pos .pos3 {
    left: 523px;
    top: 281px;
}

.distribution .company-pos .pos4 {
    left: 489px;
    top: 296px;
}

.distribution .company-pos .pos5 {
    left: 553px;
    top: 316px;
}
.distribution .company-pos .pos6 {
    left: 446px;
    top: 324px;
}

.distribution .company-pos .pos7 {
    left: 345px;
    top: 320px;
}

.distribution .company-pos .pos8 {
    left: 325px;
    top: 410px;
}

.distribution .company-pos .pos9 {
    left: 456px;
    top: 430px;
}

.distribution .company-pos .pos10 {
    left: 471px;
    top: 441px;
}

.distribution .company-pos .pos11 {
    width: 15px;
    height: 14px;
    left: 457px;
    top: 439px;
    background: url(../image/lianxi/star.png) no-repeat;
}

.distribution .company-pos .pos12 {
    left: 468px;
    top: 452px;
}


.distribution .company-pos .pos9 i {
    left: -40px;
    top: -21px;
}

.distribution .company-pos .pos1 i {
    left: -8px;
}


.distribution .company-pos .pos1_1 i {
    left: -8px;
}

.distribution .company-pos .pos2 i {
    left: -8px;
}

.distribution .company-pos .pos3 i {
    left: -8px;
}

.distribution .company-pos .pos5 i {
    left: -8px;
}

.distribution .company-pos span i {
    position: absolute;
    width: 44px;
    line-height: 18px;
    height: 18px;
    left: -30px;
    top: -22px;
    border-radius: 10px;
    text-align: center;
    font-size: 12px;
    background: #fd4351;
    color: #fff;
}

.distribution .company-pos .pos10 i {
    left: -8px;
}

.distribution .company-pos .pos12 i {
    top: 13px;
    left: -28px;
}