@charset "utf-8";
body{    overflow-y: hidden;}
/*banner*/
.banner{position: relative; height:688px;overflow: hidden;clear: both;}
.ban_p,.ban_p li{ height:688px;overflow: hidden;}
.ban_p ul{margin:0 auto;text-align:center;}
.ban_p li a{ display:block; height:688px; }
.ban_t{width:1100px;height:50px;bottom: 0;left:50%;margin-left:-550px;position: absolute;text-align: center;}
.ban_t em{width: 16px;height: 16px;border-radius: 16px;margin-right:12px; display: inline-block;background: #fff; border: 1px solid #af070c;}
.ban_t em.on{background: #af070c; border: 1px solid #fff;}
/**/
.seabox{overflow:hidden; height:66px;position: relative;;}
.seabox p{ color: #444; font-size: 14px;overflow: hidden; box-sizing: border-box; clear: both; line-height: 72px; padding-left:30px;background:url(../images/h_hot.png) no-repeat 0 21px; width: 780px; float: left;}
.seabox p a{ display: inline-block; color: #888; font-size: 14px; padding: 0 12px;}
.seabox p a:hover{ color: #0091a6;}
.sea_inp{ margin-top:12px; overflow: hidden;width:389px; float: right;background:url(../images/seach.jpg) no-repeat;}
.sea_inp .serach{width:330px;height:38px;color:#acadad!important;float:left;outline: none;display: block;position: relative;background:none;border: 0;font-size: 14px;outline: none; line-height: 38px; padding:0 10px;}
.sea_inp .sub{ width:39px; height:38px;border:0;float:right;cursor: pointer;display: block;background:none ; outline: none;}
/**/
.china{background:url(../images/tils.jpg) no-repeat  center 0; height: 468px; overflow: hidden; padding-top:96px; box-sizing: border-box; margin-bottom: 130px;}
.china dl dt{ float: left;}
.china dl dd{ float: right; width: 695px;}
.china dl dd h3{font-weight: normal; font-size: 36px; color: #333; line-height: 100%; padding-bottom: 16px; height: 95px;}
.china dl dd h3 span{ display: block; font-size: 16px; color: #666; line-height: 100%; padding-top: 12px; letter-spacing: 36px; padding-left: 110px;background:url(../images/line.jpg) no-repeat 36px 19px;}
.china dl dd p{ font-size: 60px; color: #3a3418; line-height: normal; height: 100px; text-align:center;}
.china dl dd h4{font-weight: normal; font-size: 16px; color: #333; overflow: hidden;}
.china dl dd h4 em{ display: inline-block; float: left; text-align: center; padding-right:76px; position: relative;}
.china dl dd h4 em:before{ content:""; position:absolute;height:32px;width:1px;left:80%;top:14px; background:#e2e2e2;}
.china dl dd h4 em:last-child{ padding-right: 0;}
.china dl dd h4 em:last-child:before{ background: none;}
.china dl dd h4 em i{ display: block;}
.china dl dd h4 em span{ font-size: 42px; color: #686868; font-family: Arial; line-height: 100%; padding-right:3px;}
.china dl dd h4 em:hover,.china dl dd h4 em:hover span{ color: #ea1615;}
.china dl dd h4 em:hover i{color: #333;}
/**/
.gcal h2{ padding-bottom: 21px;}
.gcal ul{ overflow: hidden;}
.gcal ul li{ float: left; margin-left: 1.8%; width: 22.5%; padding: 0 0 50px 0;}
.gcal ul li img{ display: inline-block; width: 100%;}
.gcal ul li em{ display: block; color: #999; font-size: 14px;background:url(../images/gcal_m.jpg) no-repeat  right 22px; }
.gcal ul li em span{ display: block; color: #1b1b1b; font-size: 18px; padding-top: 20px; line-height: 100%; padding-bottom: 17px;}
.gcal h3{ padding-top: 50px; text-align: center; padding-bottom: 76px; width: 1200px; margin: 0 auto;}
.gcal h3 b{ display: inline-block; float:left; margin-left: 313px;}
.gcal h3 b a{ display: inline-block; float: left;background:url(../images/gcal_moy.jpg) no-repeat; width: 255px; height: 37px; line-height: 37px; text-align: left; font-weight: normal; font-size: 14px; color: #333; padding-left: 61px;}
.gcal h3 em{ display: block;padding-left: 56px; float: left;background:url(../images/gcal_tel.jpg) no-repeat;font-weight: normal; text-align: left;}
.gcal h3 em span{ display: block; color: #666; font-size: 12px; line-height: 100%;}
.gcal h3 em i{ display: block; font-family: arile; font-size: 28px; color: #333; line-height: 100%; padding-top: 5px;}
    /**/
.fwm{ overflow: hidden; height:983px;box-sizing: border-box; padding-top: 93px; }
.fwm h2{ color: #181819; padding-bottom: 35px;}
.fwm h2 span{ color: #181819;background:none;}
.fwm_li{ overflow: hidden; height: 92px;}
.fwm_li ul li{ float: left; width: 219px; height: 68px; margin-right:26px;}
.fwm_li ul li:last-of-type{ margin-right: 0;}
.fwm_li ul li a{ display: block; text-align: center; line-height: 65px; font-size: 24px; color: #181819;background:url(../images/fwm_b.png) no-repeat;height: 68px; }
.fwm_li ul li.on a,.fwm_li ul li a:hover{background:url(../images/fw_li.png) no-repeat;}
.fw_u{ cursor: pointer; position: absolute; left: -93px; top: 450px;}
.fw_d{ cursor: pointer; position: absolute; right: -93px; top: 450px;}
.fwm_on{ overflow: hidden; height: 450px; margin-bottom: 29px;}
.fwm_on dl dt{ font-size: 0; line-height: 0; overflow: hidden; float: left;}
.fwm_on dl dt img{ width: 801px; height: 450px;}
.fwm_on dl dd{ float: right; width: 300px; padding: 56px 54px 0 0;}
.fwm_on dl dd h4{ padding-bottom: 50px; font-weight: normal;background:url(../images/f_lin.png) no-repeat 0 51px;}
.fwm_on dl dd h4 a{ display: block; color: #1d232c; font-size: 24px;line-height: 100%;}
.fwm_on dl dd p{ font-size: 14px; color: #666; line-height: 24px; height: 115px;}
.fwm_on dl ul li{ padding-top: 26px; }
.fwm_on dl ul li a{ display: block;height: 24px; line-height: 100%; border-bottom: 1px solid #dadada; font-size: 16px; color: #666;background:url(../images/f_li2.png) no-repeat right 3px;}
.fwm_on dl ul li a:hover{ color: #d90000; font-weight: bold; border-bottom: 1px solid #d90000;background:url(../images/f_li1.png) no-repeat right 3px;}
.fw_mk{ overflow: hidden;}
.fw_mk h3{ float: left; font-size: 18px; color: #fff; font-weight: bold; padding-right: 30px;background:url(../images/f_wm.png) no-repeat right 2px; margin-top: 20px;}
.fw_mk em{ display: inline-block; float: right; font-size: 16px;}
.fw_mk em a{ color: #f0332d; line-height: 65px; border-right: 10px solid #f0332d; display: inline-block;padding-right: 20px;}
.fw_mk p{ float: left; width: 950px;}
.fw_mk p a{ display: inline-block; font-size: 16px; color: #a09f9d; line-height: 65px; padding: 0 30px;}
.fw_mk p a:hover{ color: #f0332d;}
    /**/
.hez{clear: both;background:url(../images/hez.jpg) no-repeat center 0; height: 818px; box-sizing: border-box; padding-top: 97px; overflow: hidden;}
.hez h2{ padding-bottom:51px;}


.hez_l{ float: left;background:url(../images/hez_l.jpg) no-repeat; height: 425px; box-sizing: border-box; padding-left: 78px; padding-top: 172px;}
.hez_l h3{font-weight: normal; font-size: 20px; color: #333; padding-bottom: 22px;}
.hez_l h3 b{ display:block; font-size: 33px; font-weight: bold; line-height: 100%; padding-bottom: 7px;}
.hez_l p{ color: #333; font-size: 16px; line-height: 24px;}

.hez_r{ float: right; width: 730px;background:url(../images/hez_r.jpg) no-repeat; margin-right: -21px;}
.hez_r1{ float: right; padding: 11px 29px 0 0; height: 433px;}
.hez_r2{ overflow: hidden; clear: both; height: 101px;}
.hez_r2 ul{ float: right; padding-right: 24px;}
.hez_r2 ul li{ float: left; width: 14px; height: 14px;background:url(../images/hz_li2.jpg) no-repeat; margin-left: 8px; cursor: pointer;}
.hez_r2 ul li.on{background:url(../images/hz_lic2.jpg) no-repeat;}
/**/
.hez2{ overflow: hidden;background:url(../images/hez2.jpg) no-repeat center 0; height: 1164px;}
.hez2 dl:first-of-type dt{ float: left; padding-top: 112px;}
.hez2 dl:first-of-type dd{ float: right; margin-top:8px; padding-top:229px;background:url(../images/hez32.jpg) no-repeat right 0 #fff; margin-right: -47px; height:617px; padding-right: 88px; box-sizing: border-box; margin-bottom: 20px;}
.hez2 dl:first-of-type dd h3{font-weight: normal; font-size: 20px; color: #333; padding-bottom:32px; text-align: right;}
.hez2 dl:first-of-type dd h3 b{ display:block; font-size: 33px; font-weight: bold; line-height: 100%; padding-bottom: 7px;}
.hez2 dl:first-of-type dd p{ color: #333; font-size: 16px; line-height: 24px; text-align: right;}
.hez2 dl:nth-of-type(2) dt{ float: right; padding-top: 73px;}
.hez2 dl:nth-of-type(2) dd{ float: left; margin-left: -36px;background:url(../images/hez31b.jpg) no-repeat; height: 514px; padding-top: 213px; box-sizing: border-box; padding-left: 90px;}
.hez2 dl:nth-of-type(2) dd h3{font-weight: normal; font-size: 20px; color: #333; padding-bottom: 22px;}
.hez2 dl:nth-of-type(2) dd h3 b{ display:block; font-size: 33px; font-weight: bold; line-height: 100%; padding-bottom: 7px;}
.hez2 dl:nth-of-type(2) dd p{ color: #333; font-size: 16px; line-height: 24px;}
/**/
.hez3{ height:637px; clear: both;background:url(../images/hez3.jpg) no-repeat center 0; padding-top: 79px; box-sizing:border-box;}
.hez3 dl dt{ float: left; margin-left: -27px;}
.hez3 dl dd{ float: right; height: 430px; margin-right: -40px; padding-right: 61px;}
.hez3 h3{font-weight: normal; font-size: 20px; color: #333; padding-bottom: 42px; text-align: right; padding-top: 133px;}
.hez3 h3 b{ display:block; font-size: 33px; font-weight: bold; line-height: 100%; padding-bottom: 7px;}
.hez3 p{ color: #333; font-size: 16px; line-height: 24px; text-align: right; }
/**/
/**/
/**/
/**/
/**/
.tils{ overflow: hidden; margin-bottom:92px; box-sizing: border-box; padding-top:92px;}
h2{ text-align: center; line-height: 100%; font-size:52px; color: #333; letter-spacing:3px; padding-bottom:55px;font-weight: normal;}
h2 a{ color: #333;}
h2 i,h2 strong{ line-height: 100%; display: inline-block;}
h2 span{background:url(../images/h21.png) no-repeat center bottom; display: block; font-size: 20px; color: #333; line-height: 100%; padding-top:11px; padding-bottom: 55px;}
.tils h4{ padding-top: 54px; text-align: center; font-weight: normal; overflow: hidden; height: 84px;}
.tils h4 a{ display: inline-block; float: left; margin-right: 14px; width: 137px; height: 40px; line-height: 40px; border: 1px solid #bebebe; border-radius: 3px; box-sizing: border-box; font-size: 17px; font-weight: bold;}
.tils h4 a:last-of-type{ margin-right: 0;}
.tils h4 a:hover{ background: #0093a5; color: #fff; border: 1px solid #0093a5;}
.tils dl{ overflow: hidden; margin-bottom: 53px; height: 443px; background: #ecf0f1;}
.tils dl dt{ float: left; overflow: hidden; position: relative; width: 657px;}
.tils dl dd{ float: right; width: 513px;}
.tils dl dd h3 i{ display: block; padding-top: 53px; line-height: 100%; color: #000; font-size: 24px;font-weight: normal;background:url(../images/f_no1.jpg) no-repeat right 0; margin-right: 33px; padding-bottom: 19px;}
.tils dl dd h3 span{ display: block; font-weight: normal; font-size: 14px; color: #666; line-height: 30px; margin-right: 33px; height: 109px;}
.tils dl dd p em a{ display: block; width: 108px; height: 34px; text-align: center; line-height: 34px; border: 1px solid #b8b8b8; box-sizing: border-box; font-size: 14px; color: #99; margin-bottom: 21px;}
.tils dl dd p i{ display: block; overflow: hidden;}
.tils dl dd p i img{ display: inline-block; float: left; margin-right: 19px;}
.tils dl:nth-of-type(2) dd h3 i{background:url(../images/f_no2.jpg) no-repeat right 0; }
.tils dl:nth-of-type(3) dd h3 i{background:url(../images/f_no3.jpg) no-repeat right 0; }
.tils dl:nth-of-type(3){ margin-bottom: 35px;}
/**/
.xil{ height: 673px; margin-bottom: 98px; overflow: hidden;background:url(../images/xil.jpg) no-repeat center bottom;}
.xil h3{ margin: 0 auto; width: 127px; height: 131px;}
.xil ul{ overflow: hidden; height: 435px;}
.xil h4{ text-align: center;}
.xil h4 a{ display: inline-block; box-sizing: border-box; border: 1px solid #fff; width: 255px; height: 37px; line-height: 37px; text-align: left; padding-left: 38px; font-weight: normal; color: #fff; font-size: 14px;background:url(../images/xil_m.png) no-repeat 173px 13px;}
.xil ul li{ float: left; width: 373px; height: 384px; margin-right: 39px; background: #fff;}
.xil ul li:last-of-type{ margin-right: 0;}
.xil ul li em{ display: block; margin:42px 35px 0; line-height: 100%;}
.xil ul li em span{ display: inline-block; margin-right: 20px; float: right; color: #8a8a8a; font-size: 14px; padding-top: 3px;}
.xil ul li em i{ display: inline-block; font-size: 18px; color: #000; position: relative;}
.xil ul li em i:before{ content:""; position:absolute;height:2px;width:78px;left:0;top:33px; background:#3388b1;}
.xil ul li:hover{ background: #0093a6;}
.xil ul li:hover em i:before{ background:#fff;}
.xil ul li:hover em i{ color: #fbeba7}
.xil ul li:hover em span{ color: #fff;}
    /**/
/**/

/**/

    /**/
    /**/
.bra{ overflow: hidden; margin-bottom: 55px; margin-top: 67px;border-top: 1px solid #ededed;}
.bra ul{ width: 1920px; margin-left: -360px; overflow: hidden;}
.bra ul li{ float: left; font-size: 0; line-height: 0; border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 160px; box-sizing: border-box;}
.bra ul li:nth-of-type(14){ margin-right:1280px;}
.bra p{ position: absolute; left:-41px; top: 155px; width:1280px; height:155px;background: url(../images/b_ig15.jpg) repeat-x; text-align: center; border-left: 1px solid #ededed; color: #fff;}
.bra p b{ display: block; padding-top: 40px; padding-bottom: 10px; font-size: 42px; font-weight: normal; display: block; line-height: 100%; letter-spacing: 5px;}
.bra p b span{font-weight: bold; color: #ffd200;}
.bra p em{ display: block; font-size: 18px; color: #fff; letter-spacing: 2px;}

    /**/
.news{ overflow: hidden;background:url(../images/news.jpg) no-repeat center 0; height: 950px; padding-top: 98px; box-sizing: border-box;}
.news h3{ height: 37px; line-height: 100%; overflow: hidden; padding-left: 36px;background:url(../images/x_io1.jpg) no-repeat;}
.news h3 a{ color: #333; font-size: 18px; display: inline-block; padding-top:3px; line-height: 100%;}
.news h3 span{ display: inline-block; float: right;font-weight: normal; padding-top:2px;}
.news h3 span a{ color: #999; font-family: arile; text-transform: uppercase; font-size: 12px;}
.n_l{ width: 341px;}
.n_l dl{ float: left; width: 340px; background: #fff; height: 270px;}
.n_l dl dt{ font-size: 0; line-height:0;position: relative;}
.n_l dl dt i{ display: block; position: absolute; left: 0; bottom: 0; height: 42px; line-height: 42px; text-align: center; width: 100%; color: #fff; font-size: 18px; background: rgba(0,0,0,0.6)}
.n_l dl dd p{ font-size: 14px; color: #666; line-height: 25px; padding: 12px 19px 0;}
.n_l ul{ float: right; width: 362px; border-bottom: 1px dotted #999; display:none;}
.n_l ul li{ overflow: hidden; padding-top: 18px; border-top: 1px dotted #999; height: 70px;}
.n_l ul li i{ display: inline-block; width: 58px; height: 48px; text-align: center; border: 1px solid #ddd; text-align: center; line-height: 120%;}
.n_l ul li i span{ display: block; padding: 9px 0 2px 0;}
.n_l ul li em{ display: inline-block; float: right; width: 280px;}
.n_l ul li em a{ display: block; color: #000; font-size: 16px; height: 100%; overflow: hidden; line-height: 100%; margin: 4px 0 7px 0;}
.n_l ul li em a:hover,.n_r ul li a:hover{text-decoration: underline;}
.n_l ul li em span{ display: block; font-size: 14px; color: #666;}

.n_r{float: right; width: 800px;}
.n_r h3{/*background:url(../images/x_io2.jpg) no-repeat;*/ border-bottom: 1px solid #dcdcdc;}
.n_r ul li{ padding-top: 25px; height: 63px; border-bottom: 1px dotted #999; padding-left: 26px;background:url(../images/x_lic1.jpg) no-repeat 0 31px; float:left; width:46%;}
.n_r ul li a{ display: block; font-size: 16px; color: #333; height:20px; line-height: 20px; overflow:hidden;}
.n_r ul li span{ display: block; font-size: 14px; color: #666; padding-top: 10px; line-height: 100%;}
    /**/
.zjab{background:url(../images/a_bm.jpg) no-repeat center 0; height: 720px;box-sizing: border-box;}
.zjab p{ position: absolute; left: 0; top: 527px; z-index: 5;background:url(../images/a_jj.png) no-repeat; width: 1209rem; height: 206px; overflow: hidden;}
.zjab p em{ display: inline-block; color: #fff; font-size: 42px; line-height: 100%; padding: 43px 0 0 50px; width: 155px; float: left;}
.zjab p em strong{ display: block; padding-bottom: 8px;}
.zjab p i{ display: inline-block; float: left; width: 900px; padding-left: 50px; margin-top: 27px; padding-top:45px; color: #808080; font-size: 14px; line-height: 23px;background:url(../images/a_t.png) no-repeat 50px 0;}
.zjab p i a{ display: inline-block; float: right; margin-top: 25px; }
/**/
.links{ background:#1e1e1e;padding:30px 0;overflow: hidden; line-height:30px;}
.links h4{ float: left; color: #7d7d7d; padding-left:39px;font-size: 18px; width: 177px; box-sizing: border-box;background: url(../images/link.png) no-repeat 0 3px;font-weight: normal;}
.links p{ float: left; width: 1006px;}
.links p a{ display: inline-block; float: left;color: #787878; padding: 0 7px; font-size: 14px;}
.links p a:hover{ text-decoration: underline;}
/**/

.kfw{ overflow: hidden;background:url(../resource/images/b2f6020d6bef4b3ba15165af6dbaad19_38.png) no-repeat center 0; height: 1088px; padding-top: 95px; box-sizing: border-box;}
.kfw h2{ background: none; color: #181819; padding-bottom: 0;}
.kfw h2 span{ color: #181819; background: none; padding-top: 16px; padding-bottom: 93px;}
.kfw_nav{ height: 187px;}
.kfw_nav ul li{ float: left; width: 119px; height: 119px; border: 1px solid #a4a3a2; border-radius: 119px; text-align: center; text-align: center; font-size: 14px; color: #fff; margin-right: 36px;}.kfw_nav ul li:last-of-type{ margin-right: -20px;}
.kfw_nav ul li span{ display: block; padding-top: 5px; height: 70px;}
.kfw_nav ul li:hover img{animation-duration: 1.5s;animation-name: flipInX;}
.kfw_nav ul li:hover{background:url(../images/f_crr.png) no-repeat center 6px;}
.kfw_u{ position: absolute; top: 606px; z-index: 5; left: -110px; cursor: pointer;}
.kfw_d{ position: absolute; top: 606px; z-index: 5; right: -110px; cursor: pointer;}
.kfw_li{ overflow: hidden; height:67px;}
.kfw_m ul li{ overflow: hidden; font-size: 0; line-height: 0;}
.kfw_m ul li em{ display: block; left: 0; bottom: 0; height: 50px; line-height: 42px; text-align: center; width: 100%; color: #fff; font-size: 18px; background: rgba(0,0,0,0.6)}
.kfw_li ul li{ float: left; width:299px; line-height: 67px; border-right: 1px solid #cdcdcd; font-size: 18px; color: #333; cursor: pointer;}
.kfw_li ul li span{ display: block; padding-left: 138px;}
.kfw_li ul li:nth-child(1) span{background:url(../images/fif1.png) no-repeat 85px 20px;}
.kfw_li ul li:nth-child(2) span{background:url(../images/fif2.png) no-repeat 85px 20px;}
.kfw_li ul li:nth-child(3)  span{background:url(../images/fif3.png) no-repeat 85px 20px;}
.kfw_li ul li:nth-child(4)  span{background:url(../images/fif4.png) no-repeat 85px 20px;}
.kfw_li ul li.on{background:url(../images/fnav_u.png) no-repeat right 0; color: #fff;}
.kfw_li ul li.on span{background:url(../images/fif11.png) no-repeat 85px 20px;}
.kfw_li ul li:nth-of-type(2).on span{background:url(../images/fif21.png) no-repeat 85px 20px;}
.kfw_li ul li:nth-of-type(3).on span{background:url(../images/fif31.png) no-repeat 85px 20px;}
.kfw_li ul li:nth-of-type(4).on span{background:url(../images/fif41.png) no-repeat 85px 20px;}

.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,8px);-ms-transform: translate(0,8px);-o-transform: translate(0,8px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}