﻿.distribution-header{ padding: 78px 0 68px 0;}
.distribution-header .distribution_tit{padding:35px 0 55px 0; }
.apply{ background: url("../images/bg.jpg") no-repeat center; width: 100%;   background-size: 100% 100%;}
.apply .apply_tit{ padding:88px 0 38px 0}
.apply ul{ display: flex; width: 972px; margin: 0 auto;}
.apply ul li{ width: 274px; height: 300px; background: #2a2a2a; flex: 1; margin: 0 25px; position: relative;    transition: all .4s ease-in-out;
    overflow: hidden;}
.apply ul li .mask {  width: 100%; position: absolute;  bottom: 0;  background: rgba(0,0,0,.6);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, 2c, endColorstr=#000000, 2c);  }
.apply ul li .mask .down_mask{  width: 100%;  display: inline-block;  font-size: 6px;  color: #fff;  text-align: center;  padding-top: 5%;  padding-bottom: 5%;  font-size: 18px;}
.apply ul li .apply_pic{ opacity: 0; position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; background:#fe841f;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden }
.apply ul li{cursor: pointer;}
.apply ul li:hover .apply_pic{opacity: 1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.apply ul li .apply_pic h3{ font-weight: normal; font-size: 18px; padding: 75px 0 15px 0;}
.apply ul li .apply_pic p{ margin: 0 53px;}

.trait{ padding: 80px 0 80px 0;}
.trait>ul{ display: flex; width: 981px;}
.trait>ul>li{flex: 1; margin:0 34px;height: 280px; margin-top: 44px; border: 1px solid #dcdcdc; border-radius:4px;webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;cursor: pointer;}
.trait>ul>li:hover{ border: 1px solid #ff7200;webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.trait>ul>li .trait_con{ margin: 46px auto 18px; text-align: center; border-bottom: 1px solid #dcdcdc;}
.trait>ul>li .trait_con span{ display: block; padding-bottom: 18px;}
.trait>ul>li:hover .trait_con span{ color:#ff7200; }
.trait>ul>li:first-child .trait_con i{ background: url("../images/dianicon1.png") no-repeat center; width: 75px; height:66px; display: block; margin: 0 auto; }
.trait>ul>li:nth-child(2) .trait_con i{ background: url("../images/dianicon2.png") no-repeat center; width: 75px; height:66px; display: block; margin: 0 auto; }
.trait>ul>li:nth-child(3) .trait_con i{ background: url("../images/dianicon3.png") no-repeat center; width: 75px; height:66px; display: block; margin: 0 auto; }
.trait>ul>li .trait_tit{ width: 80%; margin: 0 auto; font-size: 14px; color: #666666;}
.trait>ul>li .trait_tit ul li{ width: 50%; float: left; position: relative; padding-bottom: 12px;padding-left: 12px;
    box-sizing: border-box;}
.trait>ul>li .trait_tit ul li:before{ content: ""; top:7px; left: -10px; position: absolute; display: block; width: 8px;height: 8px; border-radius: 50%; background:#a0a0a0;}
.propaganda{ background: #fafafa; padding-top: 80px;     padding-bottom: 80px;}
.propaganda>DIV>p{ padding: 20px 0 40px 0;}
.propaganda ul li{ float: left; margin: 0 18px ; height: 400px;-webkit-transition: all .4s ease-in-out;  -moz-transition: all .4s ease-in-out;  -o-transition: all .4s ease-in-out;  -ms-transition: all .4s ease-in-out;  transition: all .4s ease-in-out;background: #ffffff; box-shadow: 2px 2px 2px  #e6e6e6; width: 350px;}
.propaganda ul li:hover{ cursor: pointer;transform: translate(0,-10px);   }
.tibu{ width: 100%; background:#282b34; height: 136px;}
.tibu .tibu_conter{ width: 563px; margin: 0 auto; padding-top: 46px; position: relative;}
.tibu .tibu_conter .tibu_item{ width: 390px;}
.tibu .tibu_conter .tibu_item p{ text-align: right; font-size: 18px; padding-top: 7px;}
.tibu .tibu_botton{ width:167px; height: 52px; background: #f9750b; line-height: 52px; position: absolute; right: -20px;
    top:50px; }
.link{ width: 100%; background:#fb770d; height: 40px;}
.link ul li{ color: #ffffff; float: left; width: 9%; line-height: 40px;}
.link ul li span{ padding-left: 20px;}