@charset "gb2312";
body{font:12px/1.5 "\5FAE\8F6F\96C5\9ED1",arial,Helvetica,Tahoma,sans-serif; margin:0 auto; color:#333;}
p,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe{margin:0; padding:0;}
img{border:0 none;}
ul,li,ol{list-style-type:none;}
i,em,address, caption, cite, code, dfn, th, var {font-style: normal;font-weight: normal}
.msf{font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:underline;}
a,a:hover{outline:none;blur:expression(this.onFocus=this.blur());}
.layout{ clear:both;width:1100px;text-align:left;margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.fl{ float:left;_display: inline}
.fr{ float:right;_display: inline}
.pr{ position:relative}
.abs{position:absolute;}
.hide{
    display: none;
}
.show{
    display: block;
}
.banner{
    width: 100%;
    height: 420px;
    min-width: 1100px;
    background: url(/images/zhuanti/2017yitihua/banner.jpg) no-repeat center;
}
.logo{
    width: 155px;
    height: 41px;
    background: url(/images/zhuanti/2017yitihua/logo.png) no-repeat;
    position: absolute;
    top:20px;
    left:15%;
}
.text1 {
    display: block;
    width: 780px;
    height: 140px;
    position: absolute;
    left: 50%;
    margin-left: -337px;
    top: 70px;
    background: url(/images/zhuanti/2017yitihua/text1.png) no-repeat;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.layout {
    clear: both;
    width: 100%;
    margin: 0 auto;
}
@keyframes flipInX{
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
.text2 {
    display: block;
    width:336px;
    height:63px;
    position: absolute;
    left: 50%;
    margin-left: -168px;
    top: 220px;
    background: url(/images/zhuanti/2017yitihua/text2.png) no-repeat;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
.text{
    font-size: 24px;
    color: white;
    text-align: center;
    width: 746px;
    left: 50%;
    margin-left: -373px;
    bottom:62px;
    background: url(/images/zhuanti/2017yitihua/text.png) no-repeat;;
}
.content{
    width: 1100px;
    margin: 0 auto;
}
.imgauto{
    width: 100%;
    height: auto;
}
.img{
    background: url(/images/zhuanti/2017yitihua/hengxian.png) no-repeat;
    width: 100%;
    height: 3px;

}
.title{
    width: 100%;
    font-weight: bold;
    color: #1b61b7;
    font-size: 36px;
    line-height: 36px;
    height: 36px;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 25px;
}
.backs .title{
    color: white;
}
.list3{
    width: 900px;
    height: 305px;
    margin: 60px auto 0;
}
.list3 li{
    width: 220px;
    margin-right: 120px;
}
.list3 .last{
    margin-right: 0;
}
.list3 li p{
    width: 100%;
    color: white;
    top:130px;
    left: 0;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}
.bg{
    margin-top: 15px;
    width: 100%;
    height: 110px;
    border-bottom: 4px solid #ececec;
}
.blue{
    background: #1d88ed;
}
.yellow{
    background: #fba107;
}
.red{
    background: #e25a00;
}
.bg span{
    display: block;
    width: 182px;
    padding-top: 20px;
    line-height: 1.5rem;
    margin: 0 auto;
    font-size: 14px;
    color: white;
    height: 70px;
}
.back{
    background: #f1f1f1;
    height: 800px;
    width: 100%;
    margin-top: 50px;
}
.backs{
    background: url(/images/zhuanti/2017yitihua/bg.jpg) no-repeat center;
    height: 619px;
    width: 100%;
    margin-top: 50px;
}
/*.backss{*/
    /*background: #f4f4f4;*/
    /*width: 100%;*/
/*}*/
.backsss{
    background:url(/images/zhuanti/2017yitihua/footer.jpg) no-repeat center;
    width: 100%;
    height: 207px;
}

.list5{
    width: 100%;
    height: 490px;
    margin-top: 60px;
}
.list5-1{
    width: 342px;
    height: 223px;
    background: url(/images/zhuanti/2017yitihua/mo1.jpg) no-repeat;
    left: 204px;
    top: 0;
}
.list5-2{
    width: 342px;
    height: 223px;
    background: url(/images/zhuanti/2017yitihua/mo2.jpg) no-repeat;
    left: 590px;
    top: 0;
}
.list5-3{
    width: 342px;
    height: 223px;
    background: url(/images/zhuanti/2017yitihua/mo3.jpg) no-repeat;
    left: 0px;
    top: 260px;
}
.list5-4{
    width: 342px;
    height: 223px;
    background: url(/images/zhuanti/2017yitihua/mo4.jpg) no-repeat;
    left: 380px;
    top: 260px;
}
.list5-5{
    width: 342px;
    height: 223px;
    background: url(/images/zhuanti/2017yitihua/mo5.jpg) no-repeat;
    left: 760px;
    top: 260px;
}
.bluetext{
    color: #1b61b7;
    font-size: 16px;
    font-weight: bold;
    top:60px;
    left:60px;
}
.huitext{
    width: 210px;
    color: #2f3132;
    font-size: 14px;
    top:100px;
    left:60px;
}
.btn{
    display: block;
    width: 220px;
    height: 60px;
    cursor: pointer;
    border: 2px solid #ffb57a;
    border-radius: 10px;
    background: white;
    top: 20px;
    left:880px;
    color: #ff7200;
    font-size: 24px;
    line-height: 60px;
}
.btn img{
    width: 25px;
    height: 25px;
    left:40px;
    top:17px;
}
.btn span{
    left: 80px;
}
.list4{
    width: 100%;
    height: 338px;
    margin-top: 60px;
}
.list4-1{
    width: 260px;
    height: 338px;
    margin-right: 20px;
    background: url(/images/zhuanti/2017yitihua/list1.jpg) no-repeat;
}
.list4-2{
    width: 260px;
    height: 338px;
    margin-right: 20px;
    background: url(/images/zhuanti/2017yitihua/list2.jpg) no-repeat;
}
.list4-3{
    width: 260px;
    height: 338px;
    background: url(/images/zhuanti/2017yitihua/list3.jpg) no-repeat;
    margin-right: 20px;
}
.list4-4{
    width: 260px;
    height: 338px;
    background: url(/images/zhuanti/2017yitihua/list4.jpg) no-repeat;
}
.lbtext{
    font-size: 18px;
    color: white;
    line-height: 44px;
    text-align: center;
}
.lstext{
    font-size: 14px;
    color: white;
    width: 225px;
    margin: 0 auto 0 ;
}
.yincang{
    width: 100%;
    height: 44px;
    background: url(/images/zhuanti/2017yitihua/zhezhao1.png) no-repeat;
    bottom: 0;
    overflow: hidden;
}
.container{
    width: 100%;
    margin-top: 60px;
    height: 296px;
}
.left{
    width: 530px;
    height: 293px;
}
.right{
    width: 1100px;
    margin: 0 auto;
    height: 296px;
}
.btnleft{
    width: 44px;
    height: 73px;
    top:110px;
    cursor: pointer;
    left: 0;
    background: url(/images/zhuanti/2017yitihua/left.png) no-repeat;
}
.btnright{
    width: 44px;
    cursor: pointer;
    height: 73px;
    top:110px;
    right: 0;
    background: url(/images/zhuanti/2017yitihua/right.png) no-repeat;
}
.lunbo{
    width: 410px;
    height: 296px;
    top: 0;
    left: 60px;
    overflow: hidden;
}
.containers{
    width: 400%;
    height: 296px;
}
.lunbotu{
    width: 409px;
    z-index: 2;
    margin-right: 1px;
    height: 296px;
}
.lunbotu img{ left: 0; right: 0; display: block; z-index: 5; }
.lunbotu span{
    width: 100%;
    height: 34px;
    background: rgba(0,0,0,0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    display: block;
    color: white;
    z-index: 9;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    bottom: 0;
}
.right ul li{
    width: 255px;
    height: 138px;
    background: #84bbff;
    color: white;
}
.right ul li img{
    left: 15px;
    top: 23px;
}
.top1{
    top:27px;
    font-size: 20px;
    font-weight: bold;
    right: 17px;
}
.top2{
    top:52px;
    font-weight: bold;
    font-size: 20px;
    right: 17px;
}
.top3{
    font-size: 14px;
    top:94px;
    right: 14px;
}
.listli1,.listli2,.listli3,.listli4{
    margin-left: 83px;
}
.listli1,.listli2,.listli3,.listli4{
    margin-top: 60px;
}
.backs .btn{
    top: 536px;
    left: 1032px;
}
/*.backss ul{*/
    /*width: 100%;*/
    /*margin-top: 60px;*/
    /*padding-bottom: 60px;*/
/*}*/
/*.backss ul li{*/
    /*width: 100%;*/
    /*background: white;*/
    /*border-top-right-radius: 9px;*/
    /*border-bottom-right-radius: 9px;*/
    /*height: 330px;*/
/*}*/
.listb1{
    border: 1px solid #90c9ff;
}
.listb2{
    border: 1px solid #ffd691;
    margin-top: 40px;
}
.listb3{
    border: 1px solid #ffc29a;
    margin-top: 40px;
}
.listb4{
    border: 1px solid #b1d4ff;
    margin-top: 40px;
}
.neibu{
    color: white;
    font-size:26px;
    top:207px;
    left:32px;
}
.listb1 .bluet{
    color: #1d88ed;
    font-size: 18px;
    font-weight: bold;
}
.listb2 .bluet{
    color: #fba107;
    font-size: 18px;
    font-weight: bold;
}
.listb3 .bluet{
    color: #e25a00;
    font-size: 18px;
    font-weight: bold;
}
.listb4 .bluet{
    color: #1b6bce;
    font-size: 18px;
    font-weight: bold;
}
.huit{
    color: #333333;
    font-size: 14px;
}
.bt1{
    top: 40px;
    left: 310px;
}
.bt2{
    top: 143px;
    left: 310px;
}
.bt3{
    top: 215px;
    left: 310px;
}
.bt4{
    top: 40px;
    left:705px;
}
.ht1{
    top: 80px;
    left: 310px;
}
.ht2{
    top: 110px;
    left: 310px;
}
.ht3{
    top: 180px;
    left: 310px;
}
.ht4{
    top: 254px;
    left: 310px;
}
.ht5{
    top: 80px;
    left: 705px;
}
.ht6{
    top: 110px;
    left: 705px;
}
.ht7{
    top: 140px;
    left: 705px;
}
.ht8{
    top: 170px;
    left: 705px;
}
.btna{
    display: block;
    border-radius: 8px;
    height: 40px;
    color: white;
    font-size:18px ;
    text-align: center;
    line-height: 40px;
    bottom:30px;
}
.listb1 .btna{
    background: #1d88ed;
}
.listb2 .btna{
    background: #fba107;
}
.listb3 .btna{
    background: #e25a00;
}
.listb4 .btna{
    background: #1b6bce;
}
.btna1{
    width:216px;
    left:636px ;
}
.btna2{
    width:168px;
    right:40px;
}
.smell{
    width: 100%;
    font-size: 18px;
    color: #1b61b7;
    text-align: center;
    margin-top: 24px;
}
.many{
    width: 100%;
    margin-top: 60px;
    height: 790px;
}
.n1{ top: 0px; left:186px; }
.n2{ top: 0px; left:750px; }
.n3{ top: 108px; left:0px; }
.n4{ top: 108px; left:186px; }
.n5{ top: 108px; left:374px; }
.n6{ top: 108px; left:560px; }
.n7{ top: 108px; left:750px; }
.n8{ top: 108px; left:940px; }
.n9{ top: 216px; left:0px; }
.n10{ top: 216px; left:186px; }
.n11{ top: 216px; left:374px; }
.n12{ top: 216px; left:560px; }
.n13{ top: 216px; left:750px; }
.n14{ top: 216px; left:940px; }
.n15{ top: 324px; left:0px; }
.n16{ top: 324px; left:186px; }
.n17{ top: 324px; left:374px; }
.n18{ top: 324px; left:560px; }
.n19{ top: 324px; left:750px; }
.n20{ top: 324px; left:940px; }
.n21{ top: 430px; left:186px; }
.n22{ top: 430px; left:374px; }
.n23{ top: 430px; left:560px; }
.n24{ top: 430px; left:750px; }
.n25{ top: 540px; left:186px; }
.n26{ top: 540px; left:374px; }
.n27{ top: 540px; left:560px; }
.n28{ top: 540px; left:750px; }
.n29{ top: 650px; left:374px; }
.n30{ top: 650px; left:560px; }
.many p{
    font-size: 14px;
    color: #666666;
    bottom: 80px;
    right:100px ;
}
.backsss img{
    margin-left: 180px;
    top: 60px;
}
.btns{
    display: block;
    width: 229px;
    height: 60px;
    cursor: pointer;
    text-align: center;
    border: 2px solid #ffb57a;
    border-radius: 10px;
    background: white;
    top: 85px;
    left:870px;
    color: #ff7200;
    font-size: 24px;
    line-height: 60px;
}
a:hover{
    text-decoration: none;
}
.ldh{
    width: 100px;
    height: 368px;
    position: fixed;
    top:50%;
    margin-top: -251px;
    left: 10px;
    z-index: 999;
    _position: absolute;
    _bottom:50%;
    _margin-top: -251px;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.ldh img{vertical-align: top;}
*html{
    background-attachment:fixed;
}
.ldh .dianji,.ldh .dianjis{
    width:78px ;
    height: 32px;
    color: white;
    font-size: 14px;
    line-height: 32px;
    cursor: pointer;
    text-align: center;
}
.dianjis a{
    color: white;
}
.dj1{ top:125px; left: 11px; }
.dj2{ top:163px; left: 11px; }
.dj3{ top:201px; left: 11px; }
.dj4{ top:239px; left: 11px; }
.dj5{ top:277px; left: 11px; }
.dj6{ top:315px; left: 11px; }
.dj7{ top:353px; left: 11px; }
.dj8{ top:391px; left: 11px; }
.dj9{ top:429px; left: 11px; }
.dj10{ bottom:-18px; left: 11px; }
#top{
    height: 54px;
    line-height: 60px;
}
.teshu8{top: 190px}
/* ÓÒ¸¡¶¯ */
.r-sns li,.r-sns li .sns-info .sns-hd{background:url(/images/kuaijishiwu/r-sns2015.png) no-repeat;}
.r-sns{width:44px;overflow:hidden;position:fixed;right:10px;top:50%;margin-top:-114px;_position:absolute;}
.r-sns ul{width:44px;padding-bottom:160px;}
.r-sns li{height:44px;margin-bottom:2px;position:relative;vertical-align:top;background-position:left top;}
.r-sns li .sns-info{width:160px;position:absolute;right:-160px;top:0;}
.r-sns li .sns-info .sns-hd{line-height:44px;padding-left:45px; background-position:9px -229px; background-color:#313131;-border-top-left-radius:2px;-webkit-border-top-left-radius:2px;border-top-left-radius:2px;-border-bottom-left-radius:2px;-webkit-border-bottom-left-radius:2px;border-bottom-left-radius:2px; font-size:14px;color:#fff;}
.r-sns li .sns-info .sns-hd a{color:#fff; margin-right:5px;}
.r-sns li.tel{background-position:left -46px;}
.r-sns li.tel .sns-hd{background-position:9px -273px;padding:2px 0 2px 45px;line-height:20px;}
.r-sns li.kf{background-position:left -92px;}
.r-sns li.kf .sns-hd{background-position:9px -317px;}
.r-sns li.wx{background-position:left -184px;z-index:2;}
.r-sns li.wx .sns-hd{background-position:9px -405px;}
.r-sns li.mail{background-position:left -460px;}
.r-sns li.mail .sns-hd{background-position:9px -513px;}
.r-sns li.snsClose{height:22px; line-height:22px; color:#fff;background:#c4c3c3; text-align:center; cursor:pointer;z-index:1;}
.sns-bd{padding:5px; background:#fff;}
.returnTop{width:50px;height:50px;line-height:500px;overflow:hidden;position:fixed;_position:absolute;right:10px;bottom:20px;z-index:2;cursor:pointer;background-position:13px -477px; background-color:#666; display:none;}
.returnTop:hover{background-position:13px -527px;background-color:#1c79d2;}
.bdshare-button-style0-16 a.bds_more{height:44px;background:none; padding:0;float:none; margin:0;display:block;font-size:14px; line-height:44px;}
.bdshare_popup_box,.bdshare_popup_bg{left:auto !important;right:50px;}.returnTop:hover{background-position:13px -506px;background-color:#1c79d2;}

/* ÑµÁ·Óªµ÷Õû */

.training {background: #f4f4f4;width: 100%;}
.training .content{padding-bottom: 36px;}
.training ul{margin-top:60px;}
.training ul li{position:relative;background-color:#fff;width:340px;height:489px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;float:left;margin-right:37px;margin-bottom:36px;}
.training ul .trainingBox_1,.training .content ul .trainingBox_4{border:1px solid #4487e6;}
.training ul .trainingBox_2,.training .content ul .trainingBox_5{border:1px solid #e18e00;}
.training ul .trainingBox_3,.training .content ul .trainingBox_6{border:1px solid #d66114;margin-right:0;}
/*.training .content ul .trainingBox_4,.training .content ul .trainingBox_5,.training .content ul .trainingBox_6{margin-bottom:0;}*/
.training ul li img{position:absolute;width:69px;height:62px;right:0;top:0;}
.training ul li h2{width:188px;height:39px;line-height:39px;font-size:18px;color:#fff;text-align:center;margin:0 auto;margin-top:26px;margin-bottom:24px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
.training ul .trainingBox_1 h2,.training .content ul .trainingBox_4 h2{background: #4487e6;}
.training ul .trainingBox_2 h2,.training .content ul .trainingBox_5 h2{background: #e18e00;}
.training ul .trainingBox_3 h2,.training .content ul .trainingBox_6 h2{background: #d66114;}
.training ul li .training_content{width:294px;margin:0 auto;}
.training ul li .training_content div{font-size:14px;color:#666666;}
.training ul li .training_content div h4{margin-bottom:6px;}
.training ul .trainingBox_1 .training_content div h4,.training .content ul .trainingBox_4 .training_content div h4{color:#4487e6;}
.training ul .trainingBox_2 .training_content div h4,.training .content ul .trainingBox_5 .training_content div h4{color:#e18e00;}
.training ul .trainingBox_3 .training_content div h4,.training .content ul .trainingBox_6 .training_content div h4{color:#d66114;}
.training ul li .training_content div span{display: block;margin-bottom: 12px;}
.training ul li .training_content .training_btn{text-align: center;margin-bottom:0;margin-top:25px;}
.training ul li .training_content .training_btn span{display:inline-block;width:112px;height:36px;line-height:36px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background: #fff;font-size:16px;}
.training ul li .training_content .training_btn .training_btn_1{margin-right:56px;}
.training ul .trainingBox_1 .training_content .training_btn span,.training .content ul .trainingBox_4 .training_content .training_btn span{border:1px solid #4487e6;}
.training ul .trainingBox_2 .training_content .training_btn span,.training .content ul .trainingBox_5 .training_content .training_btn span{border:1px solid #e18e00;}
.training ul .trainingBox_3 .training_content .training_btn span,.training .content ul .trainingBox_6 .training_content .training_btn span{border:1px solid #d66114;}
.training ul .trainingBox_1 .training_content .training_btn span a,.training .content ul .trainingBox_4 .training_content .training_btn span a{color:#4487e6;}
.training ul .trainingBox_2 .training_content .training_btn span a,.training .content ul .trainingBox_5 .training_content .training_btn span a{color:#e18e00;}
.training ul .trainingBox_3 .training_content .training_btn span a,.training .content ul .trainingBox_6 .training_content .training_btn span a{color:#d66114;}