@charset "utf-8";

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{ 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";}

/**/
.tit {text-align: center;font-weight: normal; }
.tit i{ display: block;font-size: 16px;color: #358ee4;line-height: 16px;padding-bottom: 12px;text-transform: uppercase;}
.tit i b{ display: inline-block;width: 6px;height: 14px;color: #358ee4;content: "";background: #358ee4;margin: 0px 5px 0;}
.tit span{display:block;font-size: 30px;color: #358ee4;line-height: 30px;font-weight: bold;}
.tit em{ display: block;font-size: 14px;color: #666666;line-height: 14px;padding-top: 18px;}


.xf_yz{ padding:56px 0 0;background: #f3f3f3;}
.xf_yz em{ display: block;font-size: 18px;color: #666666;line-height: 18px;padding-top: 20px;}
.xf_yz dl{ padding-top: 16px;height: 214px;padding-bottom: 26px;}
.xf_yz dt{ display: block;width: 509px;height: 214px;overflow:hidden;}
.xf_yz dt img{ display: block;width: 509px;height: 214px;transition:all 0.3s;}
.xf_yz dt:hover img{ transform:scale(1.05);}
.xf_yz dd{ float: left;background: #fff;height: 164px;padding-top: 50px;width: 691px;}
.xf_yz dd p{ font-size: 15px;line-height: 28px;color: #333;text-align: center;}

.xf_gc{ padding:56px 0 0;}
.xf_gccon{ margin-top: 32px;}
.xf_gccon li{float: left;border-radius: 6px;border:1px solid #e8e8e8;box-sizing: border-box;margin-right: 9px;position:relative;}
.xf_gccon li p{ position:absolute;left:0;top:0;opcity:0.8;font-size: 14px;line-height:24px;color:#fff;text-align:center;padding:50px 28px 0;background:rgba(0,0,0,0.55);display:none;height:114px;}
.xf_gccon li:hover p{ display:block;}
.xf_gccon li:last-child{ margin-right: 0;}
.xf_gccon li i{ display:block;width: 273px;height: 164px;overflow:hidden;}
.xf_gccon li img{width: 273px;height: 164px;display: block;padding:9px 9px 0;transition:all 0.3s; }
.xf_gccon li:hover img{ transform:scale(1.05);}
.xf_gccon li span{ display: block;font-size: 16px;line-height:30px ;color: #333333;height: 30px;text-align: center;}

.xf_zs{ margin-top: 80px;height: 480px;background:url(../images/xf_zsbg.jpg) no-repeat center;}
.xf_zsl{ float: left;padding-left: 60px;padding-top: 140px;}
.xf_zsl li{ font-size:16px ;line-height:40px ;color: #ffffff;display: block;}
.xf_zsr{ float: right;width: 799px;padding-top: 108px;}
.xf_zsr li{ float: left;width: 217px;margin-right: 74px;}
.xf_zsr li img{ display: block;width: 217px;height: 313px;}
.xf_zsr li:nth-child(3){ margin-right: 0;}
.xf_zsr  li span{ display: block;font-size: 14px;line-height: 24px;color: #333;text-align: center;}


.xf_al{ padding-top: 58px;}
.xf_alt{ margin-top: 42px;}
.xf_alt li{ float: left;width: 206px;height: 54px;border:2px solid #358ee4;line-height: 54px;text-align: center;font-size: 18px;color: #333333;margin-right: 42px;box-sizing: border-box;}
.xf_alt li.cur{ background: #358ee4;}
.xf_alt li a{color: #333333; }
.xf_alt li.cur a{color: #fff;}
.xf_alt li:last-child{ margin-right: 0;}
.xf_alcon{ margin-top: 30px;}
.xf_alcon .xf_all{ float: left;width: 990px;}
.xf_alcon .xf_all dt img{ display: block;width: 554px;height:312px;float: right;}
.xf_alcon .xf_all dd{width:388px ;float: left;}
.xf_alcon .xf_all dd h3 a{display:block;font-size: 30px;color: #020202;line-height: 30px;font-weight: normal;padding-top: 15px; }
.xf_alcon .xf_all dd p{ font-size: 15px;line-height: 32px;color: #333333;padding-top: 20px;}
.xf_alcon .xf_all dd h4{display:block;font-size: 17px;color: #010101;line-height: 40px;font-weight: normal;padding-top: 20px;height: 40px;border-bottom: 1px solid #1b1b1b;width: 320px; }
.xf_alcon .xf_all dd ul{ margin-top: 20px;}
.xf_alcon .xf_all dd ul li{float: left;width: 120px;height: 66px;border-right: 1px solid #ebebeb;box-sizing: border-box;}
.xf_alcon .xf_all dd ul li:first-child{ width:100px;padding-right: 20px;}
.xf_alcon .xf_all dd ul li:last-child{ border-right: 0;}
.xf_alcon .xf_all dd ul li img{ display: block;width: 35px;height: 35px;margin: 0 auto;}
.xf_alcon .xf_all dd ul li span{display: block;text-align: center;font-size:14px ;line-height: 30px;color: #666666;}
.xf_alcon .xf_alr{ float: right;width: 177px;}
.xf_alcon .xf_alr li{display:block; width:177px;height: 100px;position: relative;margin-bottom: 6px;}
.xf_alcon .xf_alr li img{display:block; width:177px;height: 100px;}
.xf_alcon .xf_alr li span{display: block;position: absolute;left: 0;bottom: 0;text-align: center;width: 100%;font-size:14px ;line-height: 30px;color: #fff;}



.xf_lx{ padding-top: 65px;}
.xf_lxcon{margin-top:20px ;padding-top: 25px;height: 525px;background:url(../images/xf_lxbg.jpg) no-repeat center;}
.xf_lxcon .xf_lxt{ margin-bottom: 25px;height: 93px;}
.xf_lxcon .xf_lxt li{ float: left;width: 186px;margin-right: 16px;height: 93px;}
.xf_lxcon .xf_lxt li:last-child{ margin-right: 0;}
.xf_lxcon .xf_lxt li img{ width: 186px;height: 93px;display: block;}


.xf_lxcon .xf_lxl{ float: left;width:215px;height: 386px;background:url(../images/xf_lxl.jpg) no-repeat center;}
.xf_lxcon .xf_lxl ul{ margin-top: 38px;border-top: 1px solid #e3e5eb;}
.xf_lxcon .xf_lxl ul li{ width: 100%;height: 66px;line-height: 66px;border-bottom: 1px solid #e3e5eb;font-size:16px;color: #333333;text-align: center;}
.xf_lxcon .xf_lxl ul li a{ color: #333333;}
.xf_lxcon .xf_lxl ul li.cur{background: #0082ff;color: #fff;}
.xf_lxcon .xf_lxl ul li.cur a{ color: #fff;}
.xf_lxcon .xf_lxl p{padding-top: 77px;padding-left: 25px;}
.xf_lxcon .xf_lxl p span{display: block;font-size:14px ;line-height: 14px;color: #333333;}
.xf_lxcon .xf_lxl p b{display: block;font-size:25px ;line-height: 26px;color: #333333;padding-top: 4px;}
.xf_lxcon .xf_lxr{ float: left;width:985px;height: 386px;}
.xf_lxcon .xf_lxr dt{ display: block;width:686px;height:386px;overflow:hidden;float: left;}
.xf_lxcon .xf_lxr dt img{display: block;width:686px;height:386px;transition:all 0.3s;}
.xf_lxcon .xf_lxr dt:hover img{ transform:scale(1.05);}
.xf_lxcon .xf_lxr dd{float: left;padding-left: 34px;width:265px;height:386px;background: #fff;}
.xf_lxcon .xf_lxr dd h3{display:block;font-size: 22px;color: #333333;line-height: 22px;padding-top: 105px; }
.xf_lxcon .xf_lxr dd p{ font-size: 14px;line-height: 28px;color: #666666;padding-top: 20px;width:198px;}
.xf_lxs h3{display:block;font-size: 24px;color: #feffff;line-height: 22px;margin-top: 54px; width: 208px;height: 45px;text-align: center;line-height: 45px;background: #358ee4;font-weight: normal;}
.xf_lxs li{display:block; width:289px;margin-bottom: 17px;margin-right: 14px;float: left;}
.xf_lxs li:nth-child(4n){ margin-right: 0;}
.xf_lxs li i{display:block; width:289px;height: 234px;overflow:hidden;}
.xf_lxs li img{display:block; width:289px;height: 234px;transition:all 0.3s;}
.xf_lxs li:hover img{ transform:scale(1.05);}
.xf_lxs li span{display: block;text-align: center;width: 100%;font-size:16px ;line-height: 30px;color: #feffff;height: 30px;background: #999999;}

.xf_ys{ padding-top: 75px;}
.xf_yscon{margin-top: 48px;}
.xf_yscon .xf_ysl{ float: left;width:267px;height: 525px;background:#358ee4;}
.xf_yscon .xf_ysl li{ width: 100%;height: 105px;line-height: 105px;font-size:24px;color: #fff;position: relative;}
.xf_yscon .xf_ysl li.cur:after{ position: absolute;left: 267px;top:52px ;width: 22px;height:36px ;content:"" ;background:url(../images/xf_yssan.png) no-repeat center ;margin-top: -18px;z-index: 10;}
.xf_yscon .xf_ysl li.cur:before{ position: absolute;left: -30px;top:97px ;width: 245px;height:8px ;content:"" ;background:#ededed;z-index: 10;}
.xf_yscon .xf_ysl li img{ display: inline-block;width:52px;height: 26px;margin-left: 25px;margin-right: 10px;margin-top: 20px;}
.xf_yscon .xf_ysr{ float: left;width:933px;height: 525px;}
.xf_yscon .xf_ysr dl{ width:933px;height: 525px;position: relative;;}
.xf_yscon .xf_ysr dt{display: block;width:933px;height: 525px;overflow:hidden;} 
.xf_yscon .xf_ysr dt img{display: block;width:933px;height: 525px;transition:all 0.3s;}
.xf_yscon .xf_ysr dt:hover img{ transform:scale(1.05);}
.xf_yscon .xf_ysr dd{float: left;padding-left: 45px;width:435px;height:170px;background:rgba(255,255,255,0.9);position: absolute;left: 0;top: 75px;}
.xf_yscon .xf_ysr dd h3{display:block;font-size: 22px;color: #000000;line-height: 20px;padding-top: 35px; }
.xf_yscon .xf_ysr dd p{ font-size: 16px;line-height: 24px;color: #010101;padding-top: 25px;width:385px;}

.xf_xgg1{height: 154px;background:url(../images/xf_xgg.jpg) no-repeat center;margin-top: 85px;}
.xf_xgg1 h2{ padding-top: 52px;padding-left: 85px;font-size:26px ;line-height:36px ;color: #656565;font-family: 思源黑体 CN;letter-spacing: 1px;}

.xf_abt{ padding-top: 75px;}
.xf_abt ul{ margin-top: 40px;margin-bottom: 10px;}
.xf_abt li{float: left;;margin-right: 13px;width: 290px;}
.xf_abt li:last-child{ margin-right: 0;}
.xf_abt li img{width: 290px;height: 196px;display: block;}
.xf_abt li span{ display: block;font-size: 16px;line-height:40px ;color: #333333;height: 40px;text-align: center;font-weight: bold;}



.f_link{background:url(../images/link_bg.jpg) no-repeat center 0;height: 120px;overflow: hidden;line-height: 80px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #fff;width: 80px;}
.f_link p{font-size: 14px;color: #fff;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #fff; padding:0 10px 0 0;}


@-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 }
}