﻿@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.til{background:url(../images/index/til.jpg) no-repeat center 0; height:602px;z-index: 10; position: relative}
.ti_l{ margin-left: -57px;}.ti_l img{transition: all 0.35s linear 0s;}
.til:hover .ti_l img{transform:translate(-29px,-29px);}
.ti_r{ overflow: hidden; width: 652px;}
.ti_r h3{ padding-bottom: 52px;}
.ti_r h3 span{ display: block; line-height: 100%; font-size: 37px; color: #d8d8d8; text-transform: uppercase;}
.ti_r h3 i{ display: block; color: #0896f3; font-size: 48px; font-weight: bold; line-height: 100%;}
.ti_r h3 i em{ display: inline-block; padding-left: 41px;}
.ti_r ul li{ float: left; font-size: 24px; color: #666; width: 305px; margin-bottom:20px; text-align: center;background:url(../images/index/ti_bg.jpg) no-repeat center bottom; padding-bottom: 30px;}.ti_r ul li.mal{ margin-left:38px;}
.ti_r ul li i{ display: block; font-size: 22px; padding-bottom:12px;}
.ti_r ul li i span{ color: #f28101; font-size: 80px; font-family:"Times New Roman"; font-weight:normal; padding-right: 17px; line-height: 100%;}

.fw{background:url(../images/index/fw.jpg) no-repeat center 0; height:928px; overflow: hidden;}
.title{ text-align: center; height: 152px; padding-top: 55px;}.title span{ padding-left: 23px;}
.title i{ display: block; color: #0896f3; font-size: 40px; line-height: 100%;}
.title em{ display: block; line-height:50px; font-size: 24px; color: #333333; font-weight: normal;}
.title strong{ display: block; font-size: 15px; color: #a9a8ac; text-transform: uppercase; font-family: Arial; line-height: 100%;}
.fw ul{ overflow: hidden; padding-left: 20px;}
.fw ul li{ float: left; width: 377px; padding-top: 73px; text-align: center;transition: all 0.3s linear 0s;}.fw ul li.cur{ width: 413px;}
.fw ul li i{ display: block; padding-top: 30px; color: #f28101; font-size: 30px; font-weight: bold; height: 53px; line-height: 32px;}
.fw ul li em{ display: block; height: 217px;}
.fw ul li em a{ display:block; font-size: 18px; color: #666; line-height: 47px;}.fw ul li em a:hover{text-decoration: underline;}
.fw ul li.cur{ padding-top: 61px;}.fw ul li.cur i{ color: #ffff;}
.fw ul li.cur em{ padding-left:65px;}
.fw ul li.cur em a{ color: #fff; float: left; margin-left: 45px;}
.fw ul li:hover{transform: translateY(-10px);}

.rz{background:url(../images/index/ry.jpg) no-repeat center 0; height:596px; overflow: hidden; color: #fff;}
.rz h3{ padding-top: 179px; font-size: 26px; color: #fff; font-weight: bold; padding-bottom: 37px;}
.rz h3 i{ display: block; font-size: 39px; font-weight: bold; line-height: 100%;}
.rz h3 em{ display: block; font-size: 66px; line-height: 100%; letter-spacing:4px; padding: 19px 0 17px 0;}
.rz h3 span{ padding-left: 28px;}
.rz p{ overflow: hidden;}
.rz p i{ display: inline-block; float: left;background:url(../images/index/rz1.png) no-repeat; width: 112px; height: 40px; line-height: 40px; padding-left: 30px; text-align: left; margin-right: 14px;}
.rz p i a{ font-size: 16px; color: #fff;}
.rz p em{ display: inline-block; float: left; padding-left: 35px;background:url(../images/index/rz2.png) no-repeat;  font-size: 35px; font-family:"宋体"; line-height: 40px;}

.xz{background:url(../images/index/xz.jpg) no-repeat center 0; height:901px;}
.xz .title{ padding-top: 0; height: 139px;}
.xz_top{ background: #fff; margin-bottom: 33px; border-radius: 8px; overflow: hidden;}
.xz_top ul li{ float: left; padding-top: 27px; height: 116px;}
.xz_top ul li img{ display: inline-block; float: left; padding-left: 120px;}
.xz_top ul li b{ display: inline-block; float: left; padding-left: 14px; font-weight: normal; font-size: 24px; color: #666;}
.xz_top ul li b em{ display: block; padding-bottom: 12px;}
.xz_top ul li b em i{ color: #333333; font-size: 48px; line-height: 100%;}
.xz_top ul li b em span{ color: #666666; font-size: 17px; padding-left: 6px;}
.xz_on{ position: relative;}
.xz_uu{ position: absolute; left: -66px; top: 198px;}
.xz_dd{ position: absolute; right: -66px; top: 198px;}
.xz_on ul li{ width:274px; height: 452px; background: #fff; border-radius: 9px; margin-right: 34px; text-align: center;background:url(../images/index/xz1.jpg) no-repeat center 35px #fff;}
.xz_on ul li i{ display: block; padding-top: 138px; font-size: 24px; color: #666; line-height: 36px; padding-bottom: 35px;background:url(../images/index/xz_lin.jpg) no-repeat center 227px;}
.xz_on ul li i span{ display: block;}
.xz_on ul li em{ display: block; font-size: 16px; color: #666; line-height: 30px; height: 147px;}
.xz_on ul li b a{ display: inline-block; width: 74px; height: 22px; line-height: 22px; text-align: center; border: 1px solid #cacaca; border-radius: 3px; font-size: 12px; color: #ababab;font-weight: normal;}
.xz_on ul li.bg2{background:url(../images/index/xz2.jpg) no-repeat center 35px #fff;}
.xz_on ul li.bg3{background:url(../images/index/xz3.jpg) no-repeat center 35px #fff;}
.xz_on ul li.bg4{background:url(../images/index/xz4.jpg) no-repeat center 35px #fff;}
.xz_on ul li.bg5{background:url(../images/index/xz5.jpg) no-repeat center 35px #fff;}
.xz_on ul li.bg6{background:url(../images/index/xz6.jpg) no-repeat center 35px #fff;}
.xz_on ul li.cur{background:url(../images/index/xz.png) no-repeat; color: #fff;}
.xz_on ul li.cur i{background:url(../images/index/xz1.png) no-repeat center 35px;color: #fff;}
.xz_on ul li.cur em{ color: #fff;}
.xz_on ul li.cur b a{ border:1px solid #5ea5df; color: #fff;}
.xz_on ul li.bg2.cur i{background:url(../images/index/xz2.png) no-repeat center 35px;}
.xz_on ul li.bg3.cur i{background:url(../images/index/xz3.png) no-repeat center 35px;}
.xz_on ul li.bg4.cur i{background:url(../images/index/xz4.png) no-repeat center 35px;}
.xz_on ul li.bg5.cur i{background:url(../images/index/xz5.png) no-repeat center 35px;}
.xz_on ul li.bg6.cur i{background:url(../images/index/xz7.png) no-repeat center 35px;}

.rk{background:#f2f9fd; height:1059px; overflow: hidden; padding-top: 67px;}
.rk .title{ padding-top: 0; height: 133px;}
.rk_nav{ overflow: hidden; height: 107px;}
.rk_nav ul li{ float: left;background:url(../images/index/rk_li.png) no-repeat; width: 376px; height: 75px; margin-right: 35px; line-height: 75px; font-size: 24px; color: #fff; text-align: center;}
.rk_nav ul li a{ color: #fff;}
.rk_nav ul li.nom{ margin-right: 0;}
.rk_nav ul li img{ display: inline-block; padding-right: 11px; vertical-align: middle;}
.rk_nav ul li.cur{background:url(../images/index/rk_lic.png) no-repeat;}
.rk_om{ overflow: hidden;}
.rk_om dl dt{ font-size: 0; float: left; width: 640px;}
.rk_om dl dt img{ width: 640px;}
.rk_om dl dd{ float: right; width: 477px; padding: 57px 44px 0 0;}
.rk_om dl dd h3{ padding-bottom: 75px; font-size: 24px; color: #333;background:url(../images/index/rk_h3.jpg) no-repeat 0 65px;}.rk_om dl dd h3 a{ color: #333;}
.rk_om dl dd p{ font-size: 16px; color: #666; line-height: 29px; height: 173px;}
.rk_om dl dd em{ display: block;}
.rk_om dl dd em a{ display: inline-block;background:url(../images/index/rk_btn1.png) no-repeat; width: 105px; height: 37px; line-height: 37px; color: #fff; font-size: 14px; margin-right: 16px; padding-left: 25px;}
.rk_om dl dd em a.bg{background:url(../images/index/rk_btn2.png) no-repeat;}
.rk_om dl{ background: #fff; height: 455px;}
.rk_hz{ overflow: hidden;}
.rk_hz li{ float: left; font-size: 0; width: 200px; height: 106px;transition: all 0.3s linear 0s;}
.rk_hz li:hover{transform: translate(-2px,-2px); box-shadow: 0 0 3px #ddd;}
/**/
.er{background:url(../images/index/er.jpg) no-repeat center 0; height: 550px; overflow: hidden; color: #fff;}
.er h3{ float: left; padding: 142px 0 0 239px;}
.er h3 img{ width: 181px; height: 181px; border:5px solid #fff;}
.er p{ float: right; width: 657px; padding-top: 121px;font-weight: bold; font-size: 34px; line-height: 100%; margin-bottom: 31px;}
.er p i{ display: block; font-size: 55px; line-height: 89px; letter-spacing: 8px;}
.er p span{ font-size: 27px;}.er p em{ padding-left: 14px;}
.er h4{ float: right; width: 657px;}
.er h4 a{ display: inline-block; float: left; width: 117px; height: 40px; line-height: 40px; font-size: 16px; color: #fff;font-weight: normal;background:url(../images/index/rz1.png) no-repeat; padding-left:25px; text-align: left; margin-right: 18px; margin-top: 3px;}
.er h4 em{ display: inline-block; font-weight:normal; font-size: 15px;}
.er h4 em span{ display: block; font-family:"宋体"; font-size: 30px;font-weight: bold;}
    /**/
.ry{ height: 590px; position: relative;}
.ry .title{ padding-top: 0; height: 128px;}
.ry_uu{ position: absolute; left: -68px; top:282px;}
.ry_dd{ position: absolute; right: -68px; top:282px;}
.ry ul li{ float: left; width: 272px;background:url(../images/index/ry_bg.jpg) no-repeat; margin-right: 36px;}
.ry ul li img{ width: 232px; display: inline-block; padding: 21px 0 0 21px;}
.ry ul li span{ display: block; text-align: center; padding-top: 35px; font-size: 15px; color: #666;}
    /**/
.abo{background:url(../images/index/abo.jpg) no-repeat center 0; height: 1046px; overflow: hidden;}
.abo .title{ padding-top:143px; height: 133px;}
.ab_tv{ border-radius: 7px; overflow: hidden; margin-bottom: 22px;}
.abo p{ font-size: 16px; color: #666; line-height: 32px; margin: 0 103px; text-align: center;}
/**/
.team{ height: 360px; overflow: hidden;}
.t_li{ overflow: hidden; padding: 0 0 22px 428px;}
.t_li ul li{ float: left; width: 160px; height: 38px; line-height: 38px; border-radius: 38px; font-size: 18px; color: #666; text-align: center;}
.t_li ul li.cur{ background: #e77d04; color: #fff;}
.t_onm{ overflow: hidden;}
.t_onm ul li{ float: left; width: 277px; margin-right: 30px; text-align: center;}.t_onm ul li.nom{ margin-right: 0;}
.t_onm ul li img{ width: 277px; padding-bottom: 12px; font-size: 16px; color: #666;}
/**/
.xw{ height: 800px;background:url(../images/index/xw.jpg) no-repeat center 137px;}
.xw .title{ padding-top: 0; height: 163px;}
.xw h2{ line-height: 100%; margin-bottom:5px; border-left: 3px solid #0896f3; padding-left: 9px; font-size: 24px;}
.xw h2 a{ color: #333;}
.xw dl{ padding: 15px 0;overflow:hidden; border-bottom: 1px solid #ebebeb;}.xw dl.nob{ border-bottom: none;}
.xw dl dt{ float: left; width: 193px;}
.xw dl dt img{ width: 193px;}
.xw dl dd{ float: right; width: 480px; padding-right: 15px;}
.xw dl dd h3{font-weight: normal; height: 38px; line-height: 32px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xw dl dd h3 a{ font-size: 18px; color: #333;}
.xw dl dd h3 a:hover{ font-weight: bold; color: #0896f3;}
.xw dl dd p{ font-size: 14px; color: #666; line-height: 26px; height: 86px;}
.xw_l{ margin-left: 31px; width: 720px;}

.xw_r{ width: 360px; margin-right: 26px;}
.xw_r h4{ padding-top: 17px;}
.xw_r ul li{ overflow: hidden; border-bottom: 1px solid #e7e7e7; padding: 17px 0;}.xw_r ul li.nob{ border-bottom: none;}
.xw_r ul li i{ display: block; padding-left: 32px; font-size: 16px; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background:url(../images/index/xw_q.jpg) no-repeat 0 4px; margin-bottom: 6px;}
.xw_r ul li i a{ color: #333;}.xw_r ul li i a:hover{ color: #0896f3; font-weight: bold;}
.xw_r ul li span{ display: block;padding-left: 32px; background:url(../images/index/xw_a.jpg) no-repeat 0 4px; font-size: 14px; color: #666;}
    /**/
/**/
/**/
/**/

/*友情链接*/
.links_bg{background: url(../images/index/f_bg.jpg) no-repeat center 0; padding-top: 120px; height: 97px;}
.link_l{background: url(../images/index/link.png) no-repeat; padding-left: 17px; color: #fff; font-size: 14px;}
.lk_c{ overflow:hidden;padding-top:20px;}
.lk_c a{ display:inline-block; padding-right: 45px; font-size: 12px; color:#fff;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}
