@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;word-wrap:break-word;}
a{text-decoration: none;}
a:link {text-decoration: none;}
a:visited {text-decoration: none; }
a:hover {text-decoration:none;}
a:active {text-decoration: none; }
a.underline:hover {text-decoration:underline;}
a img{border:none;} 
body{margin: 0px;padding:0px;position:relative;}
body,td,div,a,li,form { font-size:14px; color:#391f0e; line-height:20px; font-family:Arial,"Microsoft yahei"}
div,form,p,img,ul,ol,li,dl,dt,dd,button,input{margin: 0px;padding: 0px;}
li{ list-style:none;}
.clear{clear:both !important;width:0px !important;height:0px !important;line-height:0px !important;overflow:hidden !important;padding:0 !important;margin:0 !important;float:none !important;position:static !important;background:none !important;}
.animate{-webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s;transition-duration:0.7s;}
.f10{height:10px;width:100%;overflow:hidden;}
.f15{height:15px;width:100%;overflow:hidden;}
.f20{height:20px;width:100%;overflow:hidden;}
.f25{height:25px;width:100%;overflow:hidden;}
.f30{height:30px;width:100%;overflow:hidden;}
.f35{height:35px;width:100%;overflow:hidden;}
.f40{height:40px;width:100%;overflow:hidden;}
.f50{height:50px;width:100%;overflow:hidden;}
.f60{height:60px;width:100%;overflow:hidden;}
.f90{height:90px;width:100%;overflow:hidden;}
.f100{height:100px;width:100%;overflow:hidden;}
.f115{height:115px;width:100%;overflow:hidden;}
.f130{height:130px;width:100%;overflow:hidden;}
.f135{height:135px;width:100%;overflow:hidden;}
.f200{height:200px;width:100%;overflow:hidden;}
.f700{height:700px;width:100%;overflow:hidden;}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after { clear:both; }/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }
.fl{float:left;}
.fr{float:right;}
.ya{}
.hide{display:none;}
.greybg{background-color:#f5f5f5;}
.block{display:block !important;}
.f35{height:35px;width:100%;overflow:hidden;}
.box{width:100%;max-width:1900px; min-width:1200px; margin:0 auto; height:auto;}
.w{width:1200px;margin:0 auto;}



#logo{position:absolute;top:50px;left:100px;width:256px;height:50px;z-index:4;overflow:hidden;background: url(../img/logo_yf.png) no-repeat center;}
/* #logo:hover { */
	/* filter: drop-shadow(1px 0 0 #ff0000); */
/* } */



.menuBtn{right:100px;top:50px;}


.hc-offcanvas-nav .nav-container{width:400px;}
.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul{background-color:#1c1c1f;}
.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a{border:none;}
.nav-content{}
.hc-offcanvas-nav a{border:none;text-indent:40px;padding:25px 0px 25px 20px;}

.hc-offcanvas-nav a span {  display: inline-block; height:20px; width: 20px;  float:right; margin-right:30px; background: url(../img/jia.png) no-repeat center;}


.nav-content h2{display:block;text-indent:-9999px;background:url(../img/logo2.png) center no-repeat;padding:40px 20px;}

.hc-offcanvas-nav:not(.touch-device) a:hover{background:none}
.hc-offcanvas-nav a:before {  background-color: #516aa0;  content: ''; height: 100%; right: 0; position: absolute;  top: 0;  -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 1px;  z-index: -1;}
.hc-offcanvas-nav a:hover:before { -webkit-transition: width 0.2s ease-in; transition: width 0.2s ease-in; width: 100%;}




.scroll-icon{position:absolute;left:50px;bottom:50px;z-index:4;cursor:default;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:2em;width:1.2em;font-size:22px;color:#fff;border-radius:2em;border:solid 2px;-webkit-transition:.4s;transition:.4s}
.scroll-icon::after{content:'';width:5px;height:5px;background-color:#fff;border-radius:50%;-webkit-animation:scroll-icon 2.2s infinite cubic-bezier(0.65,0.05,0.36,1);animation:scroll-icon 2.2s infinite cubic-bezier(0.65,0.05,0.36,1)}



.scrollDown{position:absolute;left:50px;bottom:50px;z-index:4;cursor:default;width:77px;height:77px;background:#f08336;border-radius:50%;text-align:center;color:#fff;}
.scrollDown p{padding-top:19px;font-size:12px;}
.moveDown{width:12px;height:35px;margin:5px auto 0;background:url(../img/moveDown.png) center no-repeat;animation:slideInDownM 1s infinite linear alternate;}




#fullpage{}
#slide1{background:url(../img/top1.jpg) center no-repeat;}
#slide2{background:url(../img/top2.jpg) center no-repeat;}
#slide3{background:url(../img/top3.jpg) center no-repeat;}
#slide4{background:url(../img/top4.jpg) center no-repeat;}
#slide5{background:url(../img/top5.jpg) center no-repeat;}



.slide .t1{color:#fff;font-size:24px;opacity:0;line-height:34px;text-indent:100px;text-transform : uppercase}
.slide .t2{color:#fff;font-size:16px;opacity:0;line-height:30px;text-indent:100px;text-transform : uppercase}
.slide .t3{padding-top:25px;color:#fff;font-size:70px;opacity:0;line-height:80px;text-indent:100px;}
#slide1 .t1{text-align:right;padding-right:10%;margin-top:-100px;}
#slide1 .t2{text-align:right;padding-right:10%;}
#slide1 .t3{text-align:right;padding-right:10%;}


.fp-slidesNav{
    width:410px;
    /*left:50%;
    margin-left:-130px;*/
    margin: 0 auto;
    position: relative;
}
#fp-nav ul li, .fp-slidesNav ul li { display:inline-block;  width: 67px;  height: 4px;  margin: 7px; position: relative; }
#fp-nav ul li a, .fp-slidesNav ul li a{background:rgba(255,255,255,0.6);}
#fp-nav ul li a.active, .fp-slidesNav ul li a.active{background:#fff;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{display:none}
#fp-nav ul li a span, .fp-slidesNav ul li a span{display:none; }




.introbox{float:left;width:50%;height:384px;background:url(../img/introbg.jpg) center no-repeat; }
.introbox .text{float:right;margin:0 50px;}

.introbox .t1{color:#fff;font-size:24px;line-height:24px;padding-top:50px;}
.introbox .t2{padding-top:20px;}
.introbox .t2 a{color:#fff;font-size:16px;line-height:24px;}
.introbox .t2 a:hover{text-decoration:underline}
.introbox .numbox{float:left;width:160px;margin-right:40px;}
.introbox .numbox .t3{color:#fff;padding-top:70px;}
.introbox .numbox .t3 span{font-size:48px;margin-right:3px;font-family:"Microsoft yahei";}
.introbox .numbox .t4{color:#fff;padding-top:10px;font-size:16px;}






.effect-sarah{position:relative;float:left;overflow:hidden;cursor:pointer;width:25%;height:384px;}
.effect-sarah  img{position:relative;display:block;min-height:100%;max-width:100%;max-width:none;width:110%;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}
.effect-sarah:hover{background:#9d9d9d;}
.effect-sarah:hover img{opacity:0.4;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.effect-sarah  .fig{color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.effect-sarah  .fig::before,.effect-sarah  .fig::after{pointer-events:none}
.effect-sarah  .fig,.effect-sarah  .fig > a{position:absolute;top:0;left:0;width:100%;height:100%}
.effect-sarah  .fig > a{z-index:1000;text-indent:200%;white-space:nowrap;font-size:0;opacity:0}
.effect-sarah  h2{word-spacing:-0.15em;position:relative;overflow:hidden;padding:50px 20px 20px 20px;font-size:24px;}
.effect-sarah h2::after{position:absolute;bottom:0;left:0;width:90%;height:3px;background:#fff;content:'';-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.effect-sarah:hover h2::after{-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
.effect-sarah  h2 span{font-weight:800}
.effect-sarah  h2,.effect-sarah  p{margin:0}
.effect-sarah  p{letter-spacing:1px;font-size:14px;padding:20px;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.effect-sarah:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}



.swiper-container{width:1200px;}
.newsbox{height:82px;padding-top:50px;margin-bottom:50px;}
.newsbox .text{float:left;width:530px;}
.newsbox .text .t1{width:100%;line-height:30px; white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;}
.newsbox .text .t1 span{display:block;float:left;margin-top:3px;width:12px;height:12px;border:4px solid #b3bfcd;border-radius:50%;line-height:30px;}
.newsbox .text .t1 a{line-height:30px;color:#464646;font-weight:bold;font-size:16px;}
.newsbox .text .t1 a:hover{text-decoration:underline}

.newsbox .text .t2{padding-left:30px;height:52px;overflow:hidden;}
.newsbox .text .t2 a{color:#6f6d6d;line-height:26px;}
.newsbox .text .t2 a:hover{text-decoration:underline}

.newsbox .date{float:left;margin-left:30px;margin-top:10px;width:60px;height:60px;}
.newsbox .date .t1{font-size:28px;line-height:34px;}
.newsbox .date .t2{font-size:22px;text-indent:20px;}
.newsbox .date::before{content:""; position:absolute; left:565px; top:47px; width:50px; height:40px; box-sizing:border-box; border-bottom:1px solid #292929; transform-origin:bottom center; transform:rotateZ(145deg) scale(1);}
.newsbox .year{float:left;margin-top:10px;width:60px;line-height:60px;font-size:12px;}

.swiper-container{background:url(../img/circle.jpg) right top no-repeat;}
.swiper-pagination-bullet{width:8px;height:8px;background:#fff;border:3px solid #8c8c8c;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width:42%;right:1%;bottom:50%;left:auto;}
.swiper-pagination-bullet-active{background:#8c8c8c;}

.boxend{background:#333;}
.boxend .w1{padding-top:50px;margin-bottom:40px;}
.boxendleft{width:700px;}
.boxendright{width:500px;}
.boxendright .qrcode{float:right;margin-left:35px;width:99px;height:119px;text-align:center;color:#fff;}
.boxendright .qrcode img{display:block;width:99px;height:99px;}


.boxend .w1 p{line-height:40px;margin-bottom:10px;color:#dadada;}
.boxend .w1 p img{display:inline-block;vertical-align:middle;}
.boxend .w2{border-top:1px solid #6a6a6a;}
.boxend .w2 p{line-height:60px;text-align:center;color:#dadada;}





.box1{height:90px;}
.box1logo{ margin-top: 30px;}
.box1ul{padding-top:10px;}
.box1ul li{float: left; width:100px; height: 80px; margin:0 10px;}
.box1ul li a{display:block; position:relative;line-height: 76px;  font-size: 16px;font-weight:bold;text-align:center;}




.box1ul li a::after{position:absolute;content:"";width: 0px;height: 4px;top:76px;left:0;background:#fff;transition: All 0.2s linear;background:#1763a9;}
.box1ul li a:hover::after{width: 100%;}
.box1ul li a:hover{color:#0053a1;}
.box1ul li.on a{color:#0053a1;}
.box1ul li.on a::after{width: 100%;}



.inbanner{height:579px;}
.inbanner .t1{padding-top:195px;color:#fff;font-size:46px;font-weight:bold;text-align:center;line-height:46px;}
.inbanner .t2{padding-top:20px;margin-bottom:30px;color:#fff;font-size:46px;text-align:center;line-height:46px;text-transform:uppercase}
.inbanner .t3{display:block;width:55px;height:5px;background:#fff;margin:0 auto;}
.inbanner .t4{color:#fff;font-size:40px;font-weight:bold;padding-top:200px;line-height:70px;}
.inbanner .t5{color:#fff;line-height:30px;}


.inbanner1{background:url(../img/inbanner1.jpg) center no-repeat;}
.inbanner3{background:url(../img/inbanner3.jpg) center no-repeat;}
.inbanner4{background:url(../img/inbanner4.jpg) center no-repeat;}
.inbanner5{background:url(../img/inbanner4.jpg) center no-repeat;}
.inbanner6{background:url(../img/inbanner6.jpg) center no-repeat;}









.box2{  height:58px;  background-color: #f9f9f9;}
.box2 .classul{text-align:center;}
.box2 .classul li{display:inline-block;width:140px;}
.box2 .classul li a{display:block;padding:0 20px;line-height:58px;color:#494949;font-size:16px;}
.box2 .classul li.on a{  color: #FFFFFF; background-color: #666666;}
.box2 .classul li a:hover{  color: #FFFFFF; background-color: #666666;}

.about-info{margin:50px auto 0;overflow:hidden}
.about-info h2{text-align:center;font-size:30px;font-weight:bold;margin:40px 0;}
.about-info p{font-size:14px;color:#666666;text-align:center}

.about-number{overflow:hidden;margin:70px 0}
.about-number .number-item{width:300px;float:left}
.about-number .number-item .t3{font-size: 14px; color: #666666;  line-height: 56px;}
.about-number .number-item .t3 span{line-height: 56px;  font-size: 56px;  color: #da251c;}
.about-number .number-item .t4{}
.about-bginfo{width:100%;max-width:1900px;min-width:1200px;height:698px;background:url("../img/about_bg1.png") center center no-repeat;margin:22px 0}
.about-bgtext{position:relative;width:1200px;margin:0 auto;}
.about-bginfo a.about-point{display:block;width:70px;height:70px;background:url("../img/about_down_point.png") #da251c center center no-repeat;margin:0 auto;}

.about-bgtext img{float:left;display:block;width:700px;margin-top:120px;}
.about-text1{float:right;margin-top:120px;width:460px;color:#FFFFFF}
.about-text1 h3{font-size:36px;line-height:50px;margin-top:140px;font-weight:normal}
.about-text1 p{font-size:16px;line-height:28px}
.about-text1 img{display:block;max-width:100%;}

.newscontent{padding:20px 0 40px;line-height:26px; color: #333;font-size:14px;}
.newscontent p{ line-height:28px; color: #333333;font-size:14px;}
.newscontent img{max-width:100%;}


.news-list ul{}
.news-list li{height:144px;padding:38px 0}
.news-list li:hover{background-color:#f9f9f9}
.news-list li:hover h2{color:#da251c}
.news-list li a{display:block;width:1200px;margin:0 auto}
.news-list .news-info{width:760px;margin-left:50px}
.news-list .news-info h2{font-size:18px;color:#606060;font-weight:normal;margin:8px 0 22px 0}
.news-list .news-info p{line-height:22px;height:66px;overflow:hidden}
.news-list .news-info span{display:inline-block;color:#606060;margin-top:16px}
.news-list .news-date{width:110px;height:90px;background:url("../img/date_line.png") 34px 44px no-repeat;float:right;position:relative}
.news-list .news-img,.news-list .news-info{float:left}
.news-list .news-img{}
.news-list .news-img img{display:block;width:230px;height:144px;}
.news-year,.news-month,.news-day{position:absolute}
.news-year{font-size:16px;top:32px;right:0}
.news-month{font-size:22px;top:64px;left:52px}
.news-day{font-size:34px;top:22px;left:20px}



.info-box{padding:50px;width:960px;min-height:180px;background-color:#FFFFFF;margin:0 auto;}
.info-box h3{font-size:26px;line-height:26px;color:#218f00;font-weight:normal;margin-bottom:25px;}
.info-box p{line-height:26px;font-size:16px;}

.ib1{height:390px;padding-top:70px;background:url(../img/develop1.jpg) center no-repeat;}
.ib2{height:360px;padding-top:100px;background:url(../img/develop2.jpg) center no-repeat;}


.develop-description { background-color: #f9f9f9;  padding: 65px 0;}
.develop-description ul{width:960px;margin:22px auto;}
.develop-description li{float:left;width:136px;height:136px;border:2px solid #a9a9a9;margin:0px 50px;border-radius:50%;text-align:center;color:#666666}
.develop-description li:hover{transition: All 0.2s linear;border: 2px solid #3f713b;box-shadow:3px 3px 3px #ccc;}



.develop-description li i{display:block;width:50px;height:50px;margin:20px auto 10px;background-image:url("../img/icon_develop.png");background-repeat:no-repeat}
.develop-description p{color:#5b5b5b;line-height:26px;}
i.develop-icon1{background-position-x:4px}
i.develop-icon2{background-position-x:-58px}
i.develop-icon3{background-position-x:-124px}
i.develop-icon4{width:70px !important;background-position-x:-197px}



.develop-list{margin:50px auto}
.develop-date .develop-year{display:inline-block;width:46px;height:24px;line-height:24px;text-align:center;font-size:14px;background-color:#3cb11f;color:#FFFFFF}
.develop-date .develop-day{display:inline-block;font-size:22px;line-height:24px;color:#8e8e8e;margin:0 90px 0 10px}
.develop-list li{border-bottom:1px solid #e5e5e5}
.develop-list li a{display:block;width:1200px;margin:0 auto;padding:50px 0;overflow:hidden;background:url("../img/arrow-right.png") right 50px no-repeat}
.develop-list .develop-title h2{font-size:22px;line-height:22px;color:#353535;float:left;font-weight:normal}
.develop-list li a:hover h2{color:#3cb11f;}





.box4{min-height:880px;background:url(../img/box4bg.jpg) top no-repeat; overflow: hidden; background-color: #efefef}

.productlist{overflow:hidden;}
.productlist li{float:left;width:570px;height:640px;margin:0 10px 20px;position:relative;overflow:hidden;}
.productlist .pic{width:570px;height:320px;overflow:hidden;}
.productlist .pic img{display:block;width:570px;height:320px;}
.productlist .pic a{display:block;width:570px;height:320px;}
.productlist .pic img:hover{transform:scale(1.1,1.1);}

.productlist .text{width:570px;height:320px;overflow:hidden;}
.productlist .text a{display:block;width:570px;height:320px;background:#fff;cursor:default;}
.productlist .text .t1{padding-top:40px;margin-bottom:12px;text-align:center;color:#c0c0c0;font-size:50px;line-height:50px;}
.productlist .text .t2{display:block;width:120px;height:1px;margin:0 auto;background:#c0c0c0;}
.productlist .text .t3{display:block;width:330px;margin:0 auto;text-align:center;color:#494848;font-size:20px;line-height:60px;white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;}
.productlist .text .t4{display:block;width:400px;height:110px;overflow:hidden;margin:0 auto 20px;text-align:center;color:#797979;font-size:14px;line-height:22px;}
.productlist .text .t5{display:block;width:120px;margin:0 auto;text-align:center;color:#8d8d8d;font-size:14px;line-height:38px;border:1px solid #d3d3d3;}

.productlist li:nth-child(even) .pic1{display:none}
.productlist .text a:hover{background:#004f99;transition: All 0.3s linear;}
.productlist .text a:hover .t1{color:#8bc2f6}
.productlist .text a:hover .t2{background:#8bc2f6;}
.productlist .text a:hover .t3{color:#8bc2f6;}
.productlist .text a:hover .t4{color:#8bc2f6;}
.productlist .text a:hover .t5{color:#8bc2f6;border:1px solid #8bc2f6}

.productlist li:nth-child(odd){-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.productlist li:nth-child(even){-webkit-animation-name:fadeInUp;animation-name:fadeInUp}




.box5{height:650px;background:url(../img/box5bg.jpg) center no-repeat;}
.box5left{width:600px;}
.box5left p{color:#fff;line-height:26px;margin-bottom:10px;font-size:16px;}
.box5left .t1{color:#fff;font-size:36px;line-height:36px;padding-top:20px;margin-bottom:30px;}

.box5right{margin-left:40px;width:560px;}
.box5right img{display:block;width:100%;}


.advtitle{color:#333333;font-size:36px;text-align:center;line-height:160px;}
.advlist{height:220px;overflow:hidden;}
.advlist li{float:left;width:260px;padding-top:110px;margin:0 20px;background-image:url(../img/productadv.jpg);background-repeat:no-repeat;opacity: 0;}
.advlist li .t1{color:#333333;font-size:24px;line-height:50px;text-align:center;}
.advlist li .t2{text-align:center;}


.advlist .at1{background-position:50px 0px;}
.advlist .at2{background-position:-247px 0px;}
.advlist .at3{background-position:-550px 0px;}
.advlist .at4{background-position:-865px 0px;}



.box6{background:url(../img/box6bg.jpg) center no-repeat;height:470px;}
.box6 .t1{color:#fff;text-align:center;font-size:36px;line-height:34px;padding-top:150px;margin-bottom:20px;}
.box6 .t2{color:#fff;text-align:center;font-size:16px;line-height:26px;}


.inbanner5 .w{position:relative;height:579px;}

.bluebox{position:absolute;left:0;bottom:0;padding:50px;width:300px;height:180px;background:#0053a1;}
.bluebox .t6{color:#fff;font-size:26px;line-height:36px;margin-bottom:20px;}
.bluebox .t7{color:#fff;line-height:24px;}
.bluebox .t8{padding-top:30px;}
.bluebox .t8 a{display:block;width:140px;height:35px;border:1px solid #fff;color:#fff;text-align:center;line-height:35px;}
.bluebox .t8 a:hover{color:#d90707;border:1px solid #d90707;}

.greenbox{position:absolute;left:400px;bottom:0;background:#92cc1f;}


.box7{}
.box7left{float:left;padding:40px 45px;width:710px;height:200px;background:#eaeaea;}
.box7left .title{color:#616161;font-size:28px;line-height:30px;}
.box7left ul{padding-top:20px;height:176px;overflow:hidden;}
.box7left ul li{border-bottom:1px solid #d4d4d4;}
.box7left li span{display:inline-block;width:160px;color:#616161;line-height:43px;}
.box7left li .t1{}
.box7left li .t4{width:100px;}
.box7left li .t5{width:110px;text-align:right;}
.box7left li .t5 a:hover{color:#ff0000}

.box7right{float:left;width:400px;height:280px;background:#0053a1;}
.box7right a{display:block;width:400px;height:280px;}
.box7right .pic{padding-top:74px;margin:0 auto 20px;}
.box7right .pic img{display:block;width:71px;height:89px;margin:0 auto;}
.box7right p{color:#fff;text-align:center;line-height:28px;font-size:26px;}
.box7right a:hover{box-shadow: 3px 3px 3px #949494;}
.box7right a:hover p{text-shadow: 3px 3px 3px #333;}





.box8 .w{width:1210px;}
.box8 .title{padding-top:50px;margin-bottom:35px;}

.box8 .title p{color:#6f6f6f;font-size:14px;line-height:22px;text-align:center;}
.box8 .title .t1{color:#313131;line-height:44px;font-size:30px;text-align:center;margin-bottom:20px;}





.effect-ming{position:relative;float:left;overflow:hidden;width:595px;height:233px;margin:0 5px;text-align:center;cursor:pointer}
.effect-ming .fig{color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.effect-ming .fig,.effect-ming .fig > a{position:absolute;top:0;left:0;width:100%;height:100%}
.effect-ming .fig > a {text-indent:-9999px;}
.effect-ming img{opacity:1;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;width:595px;height:233px;}
.effect-ming .fig::before{position:absolute;top:30px;right:30px;bottom:30px;left:30px;border:2px solid #fff;box-shadow:0 0 0 30px rgba(255,255,255,0.2);content:'';opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale3d(1.4,1.4,1);transform:scale3d(1.4,1.4,1)}
.effect-ming h2{  font-weight:400;  margin: 60px 0 10px 0;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s}
.effect-ming p{padding:1em;opacity:0;-webkit-transition:opacity 0.35s,-webkit-transform 0.35s;transition:opacity 0.35s,transform 0.35s;-webkit-transform:scale(1.5);transform:scale(1.5)}
.effect-ming:hover h2{-webkit-transform:scale(0.9);transform:scale(0.9)}
.effect-ming:hover .fig::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.effect-ming:hover p{opacity:1;transform: scale(0.9);}
.effect-ming:hover .fig{background-color:rgba(0, 0, 0, 0.33);}
.effect-ming:hover img{opacity:0.4}


.hrstrategy{width:1190px;margin:0 auto 80px;}
.hrstrategy li{float:left;width:260px;margin:0 65px;}
.hrstrategy li .pic{overflow:hidden;width:260px;height:260px;border-radius:50%;}
.hrstrategy li .pic img{width:260px;height:260px; border-radius:50%; transition: all .8s ease 0s;}
.hrstrategy li .pic img:hover{transform: scale(1.1,1.1);}



.hrstrategy li .txt{text-align:center;color:#5a5959;padding-top:10px;}


.boxtitle{padding-top:50px;margin-bottom:35px;}
.boxtitle .t1{color:#313131;line-height:44px;font-size:34px;text-align:center;}
.boxtitle .t2{color:#6f6f6f;font-size:14px;line-height:22px;text-align:center;}

.box9{height:610px;background:url(../img/box9bg.jpg) center no-repeat;}
.box9 .boxtitle .t1{color:#fff;}
.box9 .boxtitle .t2{color:#fff;}

.hrguide{}
.hrguide li{float:left;width:200px;height:250px;padding:40px;margin:0 10px;background:#eff6f9;transition: all 0.4s ease;}

.hrguide li .pic{height:70px;}
.hrguide li .pic img{display:block;margin:0 auto;}
.hrguide li .t1{color:#4b4b4b;font-size:20px;text-align:center;line-height:50px;margin-bottom:15px;}
.hrguide li .t2{color:#8a8a8a;text-align:center;}
.hrguide li:hover{background:#006ccc;}
.hrguide li:hover .t1{color:#fff;}
.hrguide li:hover .t2{color:#fff;}




.box10 .t1{color:#4c4c4d;font-size:16px;font-weight:bold;padding-top:60px;line-height:24px;}
.box10 .t2{color:#4c4c4d;font-size:16px;line-height:24px;margin-bottom:60px;}

.feedbackbox{}
.feedbackbox .fbleft{width:550px;}
.feedbackbox .fbleft dl{height:50px;}
.feedbackbox .fbleft dt{float:left;width:110px;text-align:left;line-height:30px;}
.feedbackbox .fbleft dd{float:left;width:440px;}
.feedbackbox .inputText{width:400px;height:30px;border:1px solid #dddddd;text-indent:10px;line-height:30px;}
.feedbackbox .fbright{width:610px;}
.feedbackbox .fbright .b1{margin-bottom:10px;}
.feedbackbox .fbright dl{min-height:50px;}
.feedbackbox .fbright dt{float:left;width:110px;text-align:left;line-height:30px;}
.feedbackbox .fbright dd{float:left;width:500px;}
.feedbackbox .saytext{width:100%;height:125px;border:1px solid #dddddd;}

.feedbackbox .fbcenter{width:600px;margin:0 auto;}
.feedbackbox .fbcenter dl{min-height:50px;}
.feedbackbox .fbcenter dt{float:left;width:110px;text-align:left;line-height:30px;}
.feedbackbox .fbcenter dd{float:left;width:440px;}

.submitBtn{display:block;margin:0 auto 40px; font-size: 14px;  color: #FFF; font-family: "Microsoft Yahei";  border: none; cursor: pointer; background: #3caaff; width: 115px;  height: 35px;  line-height: 28px;}






.jobtitle{margin-top:60px;background-color:#1763a9;line-height:60px;color:#fff;font-size:16px;height:60px;overflow:hidden;}
.jobtitle .t1{display:inline-block;width:250px;text-align:center;}
.jobtitle .t2{display:inline-block;width:200px;text-align:center;}
.jobtitle .t3{display:inline-block;width:250px;text-align:center;}
.jobtitle .t4{display:inline-block;width:200px;text-align:center;}
.jobtitle .t5{display:inline-block;width:190px;text-align:center;}


.jobList{   }
.jobList h3{display:block; height:60px;   background:#fff; cursor:pointer;font-style:normal;font-weight:400;border-bottom:1px solid #ddd; }
.jobList h3 span{font-size:16px;line-height:56px;}
.jobList h3 .t1{display:inline-block;width:250px;text-align:center;}
.jobList h3 .t2{display:inline-block;width:200px;text-align:center;}
.jobList h3 .t3{display:inline-block;width:250px;text-align:center;}
.jobList h3 .t4{display:inline-block;width:200px;text-align:center;}
.jobList h3 .t5{display:inline-block;width:70px;text-align:center;color:#ff0000;font-size:28px;}
.jobList h3 .t6{width:48px;text-align:center;display:none;color:#ff0000;font-size:36px;}
.jobList h3 .t7{display:inline-block;width:190px;text-align:center;}

.jobList h3.on .t5{display:none }
.jobList h3.on .t6{ display:inline-block;}
.jobList h3.on span{line-height:50px;}

.jobList .detail{ padding:40px; background-color:#f6f6f6 ;border-bottom:1px solid #ddd; font-size:16px;}
.jobList .detail p{font-size:16px;line-height:24px;}





.employeelist{padding-top:50px;margin-bottom:30px;}
.employeelist li{float:left;width:280px;margin:10px;}
.employeelist .pic{width:280px;height:200px;overflow:hidden;}
.employeelist .pic a{display:block;width:280px;height:200px;}
.employeelist .pic img{display:block;width:280px;height:200px;}
.employeelist .txt{}
.employeelist .txt a{display:block;width:100%;line-height:50px;background:#e4e4e4;color:#4e4e4e;text-align:center;font-size:16px;white-space: nowrap;word-wrap:normal; overflow: hidden; text-overflow: ellipsis;}


.employeelist li:hover img{transform:scale(1.1,1.1);}
.employeelist li:hover a{background:#ff9e01;color:#fff;}



.epages {text-align:center;margin-bottom:20px;margin-top:20px;}
.epages a{display:inline-block;line-height:26px;padding:0 10px;border:1px solid #dedee0;color:#6a6a6a;margin:0 3px;}
.epages b{display:inline-block;line-height:26px;width:26px;background-color:#d90707;color:#fff;}
.epages a b{color:#ccc;background-color:#fff}

#fenye{clear:both; margin:10px 20px 0 0;}
#fenye a{text-decoration:none; display:inline;line-height:25px;padding:0 10px;color:#A7A4A4;}
#fenye b{font-size:14px;font-weight:bold;color:#000;padding:0 10px;}
#fenye a b{display:none;}


.newstitle{padding-top:30px;line-height:60px;text-align:center;color:#343434;font-size:22px;}
.newstitle .pname{line-height:54px;text-align:center;color:#343434;font-size:22px;}
.newstime{height:36px;margin-bottom:15px;line-height:36px;font-size:12px;color:#636161;background-color:#F3F1F1;text-align:center;}
.newstime span{display:inline-block;padding:0 15px;margin:0 10px;}


.contactbox{position:relative;float:right;margin-top:-430px;margin-right:40px;padding:40px;width:365px;height:auto;background-color:#4b7eba;}
.contactbox p{color:#fff;}
.contactbox .t1{color:#fff;font-size:24px;line-height:46px;}
.contactbox .t2{line-height:36px;color:#fff;}
.contactbox .t2 img{vertical-align:middle}





.historybox{position:relative;margin-top:70px;margin-bottom:70px;}
.historybox::before{position:absolute;display:block;content: "";width:1px;height:110%;left:50%;top:-5%;background:#cecece;}
.panel{}
.panel .inner{position:relative;float:left;width:500px; padding:15px 25px; border: 1px #e6e6e6 solid;}
.panel .inner::after{    content: '';  width: 17px;   height: 17px;   background: url(../img/his_li_dian.png) right top no-repeat;  position: absolute;  right: -58px;  top: 32px;}
.panel .inner .inner_box::after{content: '';   width: 20px; height: 20px;  background: url(../img/his_ico.png) left 0 no-repeat;  position: absolute;  top: 30px;  right: -20px;}
.panel .inner_box .t1{line-height: 32px; color: #da251d;  font-size: 30px;text-align:right;margin-bottom:10px;}
.panel .inner_box .t2{text-align:right;line-height:24px;color:#626670;}


.panel:nth-child(even) .inner{float:right;margin-top:-20px;}
.panel:nth-child(even) .inner::after{    background: url(../img/his_li_dian.png) left top no-repeat;  position: absolute;  left: -58px;  top: 32px;}
.panel:nth-child(even) .inner_box::after{ background: url(../img/his_ico.png) right 0 no-repeat;  position: absolute;  top: 30px;  left: -20px;}
.panel:nth-child(even) .inner_box .t1{text-align:left;}
.panel:nth-child(even) .inner_box .t2{text-align:left;}





.list_box{padding-top:20px;}
.list_box .showMoreNChildren{ border-top: #b7b7b7 1px solid;}
.list_box li{  padding:8px 0 6px; margin:15px auto 0;}
.list_box li h2{ float:left; width:100%; padding-bottom:10px;}
.list_box li h2 i{ float:right; width:110px; height:29px; text-align:center; line-height:29px; font-size:14px;}
.list_box li h2 b{ font-size:20px; float:left; font-weight:normal;}
.list_box li h2 b em{ font-size:14px; color:#999; display:inline; padding-left:12px;}
.list_box li p{ font-size:14px; line-height:24px;}
.list_box li em{ display:block; text-align:right; padding:15px 0 0;}
.list_box li em img{ vertical-align: middle; margin:10px 5px 10px 15px;}

.list_box h3{ width:100%;}
.list_box h3 span{ float:left; display:block; height:36px; line-height:36px; font-size:20px; color:#777;font-weight:400}
.list_box h3 span img{ vertical-align:middle; margin-right:15px; float:left;}
.list_box h3 em{ display:inline-block; border:#acacac 1px solid; padding:4px 12px; float:left; margin-left:12px; margin-top:15px;}


.liuyan_box05{ margin:10px auto;}
.liuyan_box05 ul li{ padding:10px 0; background:#f6f8fa; margin-bottom:2px;}
.liuyan_box05 ul li p{ padding:1px 20px 10px 30px; line-height:200%;}
.liuyan_box05 ul li h3{ width:100%; height:32px;}
.liuyan_box05 ul li h3 i{ float:left; font-size:16px; width:120px; height:32px; line-height:32px; display:block; text-align:center;font-style: normal;    color: #d73240;}
.liuyan_box05 ul li h3 em{ float:right; line-height:32px; padding-right:20px; font-size:12px;color:#a9a9a9}
.liuyan_box05 ul li h4{ width:100%; height:32px;}
.liuyan_box05 ul li h4 span{float:left; font-size:16px;  line-height:32px; display:block; padding-left:30px;}
.liuyan_box05 ul li h4 i{ font-size:16px; line-height:32px;  text-align:center; padding-left:15px;}
.liuyan_box05 ul li h4 em{ float:right; line-height:32px; padding-right:20px; font-size:12px;}

#addMessage{display:block;float:right;margin-top:10px;width:105px;height:40px;background:#d90707;line-height:40px;text-align:center;color:#fff;}




.fixRight{position:absolute; width:70px;height:100%;  right: 0px;  top: 0px; background-color:#1c1c1f;z-index:9999;cursor:pointer}

.fixRight span{display:block;position:relative;top:0;width:70px;height:80px;text-indent:-9999px;overflow:hidden;transform-origin:0;transform:translateY(0%);height:70px;border-bottom:1px solid #1c1c1f;}
.fixRight span.sp1{background:url(../img/dot15.png) center no-repeat;height:100px;background-size:30px 30px;}
.fixRight span.sp2{background:url(../img/dot16.png) center no-repeat;background-size:30px 30px;}
.fixRight span.sp3{background:url(../img/dot17.png) center no-repeat;background-size:30px 30px;}
.fixRight span.sp4{background:url(../img/dot18.png) center no-repeat;background-size:30px 30px;}
.fixRight span.sp5{background:url(../img/dot19.png) center no-repeat;background-size:30px 30px;}
.fixRight span.sp6{background:url(../img/dot20.png) center no-repeat;background-size:30px 30px;}
.fixRight span.sp7{background:url(../img/dot21.png) center no-repeat;background-size:30px 30px;}
.fixRight span.sp8{background:url(../img/dot22.png) center no-repeat;background-size:30px 30px;}




.imgshadow{}
.imgshadow img{display:block;float:left;padding:5px;margin:0 10px;box-shadow:2px 2px 15px #333333;}



















@-webkit-keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
    opacity: 0;
  }
}

@keyframes scroll-icon {
  0% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    opacity: 0;
  }
  30%, 70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(12px);
            transform: translateY(12px);
    opacity: 0;
  }
}


@-webkit-keyframes slideInDownM {
	0% {
	-webkit-transform:translateY(-20%);
	transform:translateY(-20%);
	visibility:visible
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0)
}
}
@keyframes slideInDownM {
	0% {
	-webkit-transform:translateY(-20%);
	-ms-transform:translateY(-20%);
	transform:translateY(-20%);
	visibility:visible
	}
	100% {
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0)
	}
}





@media \0screen\,screen\9 {

}

