/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative;}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}
.footer_xia_nr{ display:block!important;}

.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 54px;color: #333;line-height: 54px;font-weight: 300;font-family:Source Han Sans CN;}
.tit span em{ display: inline-block;padding: 0 14px;font-weight: 800;}
.tit span b{ color: #242990;}
.tit i{display:block;font-size: 24px;line-height:24px;color: #414142;margin-top: 15px;font-family:Source Han Sans CN;font-weight: 400;}


/*banner*/
.banner{height: 700px;position: relative;}
.bdu{width: 100% !important;height: 700px;}
.bdu li{width: 100% !important;height: 700px;position:relative;}
.bdu li a{display: block;height: 700px;}
.bdu li img{height:700px;margin-left: -960px;position:absolute;left:50%;}
.hdu{position: absolute;width: 100%;height: 10px;left: 0;bottom: 66px;}
.hdu li{display: inline-block;width: 16px;height: 16px;background: 0;margin:0 10px;border-radius: 8px;border: 2px solid #fff;box-sizing: border-box;}
.hdu li.on{background: #ffffff;}
.banner p {  position: absolute; top: 50%; width: 80px; height: 80px; z-index: 9; opacity: 1; text-align: center; margin-top: -39px; display: none;}
.banner:hover p{ display: block;}
.banner .b_prev{ left: -5%;}
.banner .b_next { right: -5%;}

.yz{ margin-top: 5px;height: 1127px;background: url(../image/556a79e2e6244b6fb4234ba231b5ea78_4.jpg) no-repeat center;}
.yz_l{ float: left;width: 490px;}
.yz_l i img{ width:480px ;height:296px ;}
.yz_l h2{ font-size:44px;
font-family:Source Han Sans CN;
font-weight:300;
color:rgba(43,43,43,1);
line-height:44px;padding-top:26px ;}
.yz_l h2 b{ color: #242990;}
.yz_l p{font-size:16px;
font-family:Microsoft YaHei;
color:rgba(117,117,117,1);
line-height:24px;padding-top: 27px;}
.yz_l .zx{ display: block;margin-top: 32px;width:278px;
height:62px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 29px 0px rgba(84,89,117,0.22);
border-radius:31px;line-height: 62px;padding-left:23px ;font-size:18px;
font-family:Source Han Sans CN;
font-weight:500;
color:rgba(43,43,44,1);box-sizing: border-box;} 
.yz_l .zx img{ width: 22px;height: 22px;padding-left: 12px;vertical-align: middle;}
.yz_r{ float: right;height: 632px;width: 958px;margin-right: -360px;background: url(../image/yz_r.jpg) no-repeat center;}
.yz_r img{ display: block;width: 128px;height: 128px;border-radius: 64px;margin-top: 425px;margin-left:245px;}
.yz_con{}
.yz_con ul{ padding-left:26px!important;margin-left:-26px!important;}
.yz_con li{ float: left;width:176px;
height:244px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 29px 0px rgba(84,89,117,0.22);
border-radius:6px;margin-right: 28px;margin-bottom: 20px; margin-top: 40px;transition:all 0.5s;}
.yz_con li img{ width: 176px;margin: 28px auto 0;display: block;height: 119px;}
.yz_con li em{ display: block;text-align: center;font-size: 24px;line-height: 30px;font-family: 思源黑体 CN;color: #2b2b2c;padding-top: 22px;}
.yz_con li:hover{ background: #242990;margin-top:35px;}
.yz_con li:hover em{ color: #fff;}
.yz_con li:last-child{ margin-right:0;}

.td{height: 1165px;background: url(../image/td_bg.jpg) no-repeat center;padding-top: 132px;box-sizing: border-box;}
.td dl{ margin-top: 42px;}
.td dt img{ width: 508px;height: 247px;}
.td dd{ float: left;width: 600px;}
.td dd h3{width:600px;
height:73px;
background:rgba(36,41,144,1);
border-radius:6px;line-height:  73px;font-size:30px;
font-family:Source Han Sans CN;
font-weight:400;
color:rgba(255,255,255,1);text-align: center;}
.td dd p{ width:600px;
height:100px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 29px 0px rgba(84,89,117,0.22);
border-radius:6px;padding: 16px 24px 0 20px;font-size:15px;
font-weight:400;
color:rgba(96,96,96,1);
line-height:22px;box-sizing: border-box;}

.td dd em{ width:600px;
height:70px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 29px 0px rgba(84,89,117,0.22);
border-radius:6px;padding: 16px 24px 0 20px;font-size:15px;
font-weight:400;
color:rgba(96,96,96,1);
line-height:22px;box-sizing: border-box;display: block;margin-top: 5px;}
.td_con{ margin-top: 20px;}
.td_con .td_l{ width: 604px;height: 316px;border-left: 1px solid #bdbdbd;box-sizing: border-box;margin-top: 73px;position: relative;float: left;}
.td_con .td_l li{ float: left;width: 200px;height: 158px;border-right: 1px solid #bdbdbd;border-bottom: 1px solid #bdbdbd;box-sizing: border-box;}
.td_con .td_l li img{ margin: 30px  auto 0;display: block;}
.td_con .td_l em{ display: block;font-size:24px ;line-height: 24px;color: #2b2b2c;text-align: center;font-family: 思源黑体 CN;padding-top: 18px;}

.td_con .td_l p {  position: absolute; top: 50%; width: 31px; height: 30px; z-index: 9; opacity: 1; text-align: center; margin-top: -15px; }
.td_con .td_l .zprev{ left: -42px;}
.td_con .td_l .znext { right: -42px;}
.td_con .td_r{ float: right;width:580px ;height: 491px;margin-right: -74px;}
.td_con .td_r p img{ width:580px ;height: 491px;}


.cp{height: 656px;background: url(../image/cp_bg.jpg) no-repeat center;box-sizing: border-box;}

.cp h3{ display: block;height: 36px;line-height: 36px;padding-top: 36px;margin-bottom: 22px;}
.cp h3 a{ font-size: 24px;line-height:36px ;color: #fff;font-family: 思源黑体 CN;font-weight: normal;}
.cp h3 img{ width: 36px;height: 36px;margin-right: 12px;vertical-align: middle;}
.cp ul li{ width: 284px;float: left;margin-right: 21px;}
.cp ul li:last-child{ margin-right: 0;}
.cp ul li i{ width: 284px;height: 238px;border-radius: 6px;disply:block;overflow:hidden;display:block;} 
.cp ul li i img{ width: 284px;height: 238px;border-radius: 6px;transition:all 0.5s;} 
.cp ul li:hover img{ transform:scale(1.05);}
.cp ul li h4{ height: 72px;margin-top: 3px;border-radius: 6px;background: #12166d;color: #fff;text-align: center;font-weight: normal;font-size: 16px;color: #fff;line-height: 20px;padding-top: 24px;}
.cp ul li h4 em{ display: block;}
.search{margin-top: 40px;}
.search p{float: right;width: 609px;height: 44px;border-left: 1px solid #6265a9;margin-top: 12px;}

.search p a{ font-size:15px ;display: block;float: left;color: #878ac1;line-height: 15px;width: 203px;text-align: center;margin-bottom: 15px;}
.search p a:hover{ text-decoration: underline;color: #fff;}
.s_box{float: left;width: 560px;height: 66px;background: 0;border:2px solid #fff;border-radius: 33px;box-sizing: border-box;}
.s_box .input1{float:left;width:293px;height:66px;line-height: 66;font-size:16px;color:#fff;border:0;outline: 0;padding-left: 20px;background: 0;}
.s_box .input2{float: right;width:98px;height: 55px;border: 0;background: url(../image/sea.png) no-repeat center;outline: 0;cursor: pointer;margin-top:4px;margin-right: 5px;}
input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff;
  }
 
  input:-moz-placeholder,
  textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
  }
 
  input::-moz-placeholder,
  textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
  }
 
  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff;
}


.case{height: 898px;background: url(../image/case_bg.jpg) no-repeat center;box-sizing: border-box;position: relative;}
.case .tit{ width: 545px;height: 157px;background: #242990;border-radius:0 0 60px 60px;margin: 0 auto;}
.case .tit span{ color: #fff;padding-top: 25px;}
.case .tit span b{ color: #fff;}
.case .tit i{ color: #fff;opacity: 0.5;}
.case_con{margin-top: 282px!important; }
.case_con dl{ float: left;border: 16px solid #bababa;border-radius: 8px;box-sizing: border-box;width: 32%;margin-right: 1.5%;position: relative;}

.case_con dt a img{width: 100%;display:block;}
.case_con dt img{width: 100%;display:block;}
.case_con dd{ position: absolute;left: 0;bottom: 0;height: 0;transition: all 0.3s;background: rgba(36,41,144,0.9);overflow: hidden;}
.case_con dd h3 a{display: block;font-size: 30px;color: #fff;font-family: 思源黑体 CN;line-height: 30px;text-align: center;padding-top: 10%; }
.case_con dd p{display: block;font-size: 15px;color: #fff;line-height: 18px;text-align: center;padding: 4% 5% 0;opacity: 0.6; }
.case_con dd .more{ display: block;width: 37px;height: 37px;margin: 6% auto 0;}
.case_con dl:hover dd{ height: 100%;}
.case_t{width: 100%;height: 16px;left: 0;text-align: center;z-index: 100;position: absolute;bottom: 90px;}
.case_t li{display: inline-block;width: 16px;height: 16px;background: 0;margin:0 10px;border-radius: 8px;border: 2px solid #3d3d3d;box-sizing: border-box;}
.case_t li.on{background: #242990;border: 2px solid #242990;}



.ys{height: 927px;background: url(../image/ys_bg.jpg) no-repeat center;box-sizing: border-box;}
.ys .tit span{ color: #fff;padding-top: 120px;}
.ys .tit span b{ color: #fff;}
.ys .tit i{ color: #fff;opacity: 0.5;}
.ys_con{ margin-top: 60px;position: relative;height: 554px;}
.ys_con dl{ float: left;width: 266px;margin-right: 46px;}
.ys_con dt img{display: block;width: 251px;height: 250px;z-index: 100;position: relative;}
.ys_con dd{ display: block;width: 266px;height: 393px;background: url(../image/ys_dd.png) no-repeat center;margin-top: -82px;padding-left: 28px;box-sizing: border-box;padding-top: 107px;position: relative;}
.ys_con dd:after{ position: absolute;left: 0;bottom: 82px;width: 266px;height: 1px;background: #242990;content: "";}
.ys_con dd h3{ display: block;font-size:24px ;line-height: 30px;color: #2b2b2c;text-align: center;font-family: 思源黑体 CN;text-align: left;padding-left: 80px;}
.ys_con .ys1 dd h3{ background: url(../image/ys_ic1.png) no-repeat left;}
.ys_con .ys2 dd h3{ background: url(../image/ys_ic2.png) no-repeat left;}
.ys_con .ys3 dd h3{ background: url(../image/ys_ic3.png) no-repeat left;}
.ys_con .ys4 dd h3{ background: url(../image/ys_ic4.png) no-repeat left;}
.ys_con .ys5 dd h3{ background: url(../image/ys_ic5.png) no-repeat left;}
.ys_con .ys6 dd h3{ background: url(../image/ys_ic6.png) no-repeat left;}
.ys_con dd p {  font-size: 15px;line-height: 20px;padding-top:18px ;color: #646464;padding-right: 18px;height: 140px;}
.ys_con i {  position: absolute; top: 350px; width: 50px; height: 50px; z-index: 9; opacity: 1; text-align: center; margin-top: -25px;display: block; }
.ys_con span{ display: block;width:175px ;height: 40px;line-height:40px;background:#242990;color: #fff;font-size:16px ;color: #fff;text-align: center;border-radius: 20px;}
.ys_con .sprev{ left: -70px;}
.ys_con .snext { right: -70px;}


.news{ padding-top: 100px;box-sizing: border-box;height: 1086px;background: url(../image/news_bg.jpg) no-repeat center;}
.news_con{ margin-top: 46px;border-top: 1px solid #c4c4c6;}
.news_con h3 a{ display: block;height: 86px;line-height: 86px;font-size: 24px;color: #444444;font-family: 思源黑体 CN;position: relative;}
.news_con h3 a:after{ position: absolute;left: 0;top: -1px;width: 85px;height: 3px;background: #242990;content: "";}
.news_l{ float: left;width: 600px;}
.news_l p{ width: 600px;height: 279px;position: relative;}
.news_l p img{ display: block; width: 600px;height: 279px;}
.news_l p em{position: absolute;left: 0;bottom: 0;font-size: 24px;color: #ffffff;line-height: 56px; padding-left: 40px;}
.news_l .news_list{ height: 280px;border: 1px solid #d1d1d1;padding-left: 40px;box-sizing: border-box;padding-top: 30px;}
.news_l .news_list li{ height: 16px;line-height: 16px;margin-bottom: 28px;}
.news_l .news_list li:hover a{ color: #242990;} 
.news_l .news_list li a {font-size: 15px;color: #444444;line-height: 16px;display: block;}
.news_l .news_list li a em{ width: 69px;border-right: 1px solid #cbcbcb;font-weight: bold;display: inline-block;margin-right: 22px;}

.news_r{ float: right;width: 550px;}
.news_r li{ height: 120px;border-bottom: 1px solid #c4c4c6;margin-bottom: 25px;}
.news_r li a{ display: block;font-size:16px ;height: 39px;line-height: 39px;color: #444444;background: #e6e6e6;}
.news_r li a b{ padding-left: 18px;padding-right: 15px;}
.news_r li:hover a{ background: #242990;color: #fff;}
.news_r li em{ display: block;font-size:14px ;line-height: 24px;color: #717171;padding:20px 60px 0 48px ;}
.news .more{width: 472px;
    height: 50px;
    border: 2px solid #040000;
    box-sizing: border-box;
    margin: 50px auto 0;
    text-align: center;
    line-height: 46px;
    color: #040000;
    font-weight: bold;
    background: url(../image/case-more2.png) no-repeat 444px center;
    display: block;}


.abt{padding-top: 196px;box-sizing: border-box;height: 1219px;background: url(../image/abt_bg.jpg) no-repeat center;}
.abt_con{ margin-top: 421px;height: 450px;background: #fff;box-shadow:0px 0px 29px 0px rgba(84,89,117,0.22);
border-radius:6px;}
.abt_l{ padding-left: 77px;width: 600px;box-sizing: border-box;float: left;}
.abt_l p img{ display: block;width: 422px;height: 109px;padding-top: 81px;}
.abt_l em img{ display: block;width: 464px;height: 98px;padding-top: 52px;}
.abt_r{ margin-top: 35px;padding-left: 52px;height: 378px;border-left: 1px solid #a3a3a3;float: left;padding-top: 22px;box-sizing: border-box;}
.abt_r h3{ display: block;font-weight: 300;font-size: 24px;color: #262729;line-height: 24px;padding-bottom: 40px;}
.abt_r li{ height: 16px;line-height: 16px;margin-bottom: 40px;}
.abt_r li:hover a{ color: #242990;text-decoration: underline;} 
.abt_r a {font-size: 15px;color: #6b6b6b;line-height: 16px;display: block;}
.abt_r .zx{ display: block;width:278px;
height:62px;
background:rgba(255,255,255,1);
box-shadow:0px 0px 29px 0px rgba(84,89,117,0.22);
border-radius:31px;line-height: 62px;padding-left:23px ;font-size:18px;
font-family:Source Han Sans CN;
font-weight:500;
color:rgba(43,43,44,1);box-sizing: border-box;} 
.abt_r .zx img{ width: 22px;height: 22px;padding-left: 12px;vertical-align: middle;}

html{font-size: 10px;}
@media screen and (min-width:800px) {
    html {
        font-size:11px;
    }
}
@media screen and (min-width:1024px) {
    html {
        font-size:13px;
    }
}
@media screen and (min-width:1280px) {
    html {
        font-size:14px;
    }
}
@media screen and (min-width:1440px) {
    html {
        font-size:16px;
    }
}
@media screen and (min-width:1600px) {
    html {
        font-size:18px;
    }
}
@media screen and (min-width:1920px) {
    html {
        font-size:20px;
    }
}

@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-moz-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-webkit-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}
@-o-keyframes myfirst {
    0% { top: 0; left: 0 }
    25% { top: 10px; left: 0 }
    50% { top: 0; left: 0 }
    100% { top: 0; left: 0 }
}