/* Reset Css */
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin:0;}
fieldset,img {border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,em,th,var {font-weight:normal;font-style:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
[hidden],script{display:none;}
a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;}

/* Common */
html,body{font:12px/1 Microsoft YaHei,Arial,Helvetica,sans-serif;color:#403F3F;background:#FFF;}
input,label{font-family:Microsoft YaHei;font-size:12px;}
textarea{font-family:Microsoft YaHei;font-size:12px;}
a{color:#666;}
p{word-break:break-all;word-wrap:break-word;}
.l{float:left;}
.r{float:right;}
.wrap{width:1200px;margin:0 auto;}
.aft:after{clear:both;display:block;content:"";height:0;font-size:0;visibility:hidden;} 
.transition{-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
@font-face {
    font-family: 'FZCSJW';
    src: url('../fonts/FZCSJW.TTF');
    font-weight: normal;
    font-style: normal;
  }

/*Swiper*/
.swiper-container{margin: 0 auto; position: relative; overflow: hidden; z-index: 1}
.swiper-wrapper{position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}
.swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative}


/*HD & FT*/
.header{height: 100px;}
.header .logo{height: 100px;float: left;}
.header .nav{height: 40px;float: right;}
.header .nav li{float: left;margin: 30px 0;height: 40px;position: relative;}
.header .nav li .name a{display: block;padding: 0 23px;height: 40px;color: #000;font-size: 14px;line-height: 40px;}
.header .nav li:hover .name a{background-color: #EBEBEB;}
.header .nav li.cur .name a{font-weight: 700;}
.header .nav li .subnav{visibility: hidden;opacity: 0;width: 182px;position: absolute;top: 50px;left: 0;z-index: 999;background-color: #EBEBEB;overflow: hidden;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.header .nav li .subnav dl{padding-bottom: 10px;}
.header .nav li .subnav dd{padding: 0 23px;height: 36px;}
.header .nav li .subnav dd a{display: block;padding: 0 10px;height: 35px;border-bottom: 1px solid #FFF;color: #999;font-size: 14px;line-height: 35px;white-space: nowrap;}
.header .nav li .subnav dd a:hover{color: #000;}
.header .nav li:hover .subnav{visibility: visible;opacity: 1;top: 40px;}


.ftnav{border-top: 1px solid #EAEAEA;padding: 47px 0;overflow: hidden;background: url(../images/ft-bg.png) 789px center no-repeat;}
.ftnav .fnav{float: left;overflow: hidden;}
.ftnav .fnav dl{float: left;width: 197px;}
.ftnav .fnav dl dt{color: #272828;font-size: 14px;}
.ftnav .fnav dl dd{margin-top: 15px;}
.ftnav .fnav dl dd a{color: #999;font-size: 14px;}
.ftnav .fnav dl dd a:hover{color: #666;}
.ftnav .fcontact{overflow: hidden;padding-left: 107px;}
.ftnav .fcontact .fc-hd{color: #272828;font-size: 16px;}
.ftnav .fcontact .fc-cont{color: #7B7481;font-size: 14px;}
.ftnav .fcontact .fc-cont p{padding-top: 15px;}
.footer{width: 100%;height: 60px;background-color: #000;color: #BCBCBC;font-size: 14px;font-family: Arial,"Microsoft Yahei";text-align: center;line-height: 60px;}
.footer p.copyright{white-space: pre;}

/*Index*/
.islide{width: 1200px;height: 600px;margin: 0 auto;position: relative;overflow: hidden;}
.islide .swiper-slide{height: 600px;}
.islide .pagination{position: absolute;bottom: 30px;left: 0;z-index: 990;width: 100%;text-align: center;font-size: 0;}
.islide .pagination span.swiper-pagination-bullet{display: inline-block;margin: 0 5px;width: 10px;height: 10px;border-radius: 10px;background-color: #666;cursor: pointer;}
.islide .pagination span.swiper-pagination-bullet-active{background-color: #FFF;}

.iintro{height: 560px;margin-top: 55px;}
.iintro .ii-pic{float: left;width: 380px;height: 560px;font-size: 0;}
.iintro .ii-pic img{width: 380px;height: 560px;}
.iintro .ii-main{overflow: hidden;height: 560px;padding-left: 30px;}
.iintro .ii-main .iim-hd{padding: 40px 0 24px;height: 23px;color: #313333;font-size: 22px;font-weight: 700;line-height: 23px;}
.iintro .ii-main .iim-cont{color: #666;font-size: 14px;line-height: 26px;}
.iintro .ii-main .iim-more{margin-top: 28px;height: 30px;text-align: right;}
.iintro .ii-main .iim-more a{display: inline-block;width: 90px;height: 30px;background-color: #555555;color: #FFF;font-size: 12px;line-height: 30px;text-align: center;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.iintro .ii-main .iim-more a:hover{background-color: #777;}
.iintro .ii-main .iim-link{margin-top: 61px;height: 250px;overflow: hidden;}
.iintro .ii-main .iim-link .block{width: 380px;height: 250px;float: left;overflow: hidden;position: relative;}
.iintro .ii-main .iim-link .block:first-child{margin-right: 30px;}
.iintro .ii-main .iim-link .block a{display: block;height: 250px;}
.iintro .ii-main .iim-link .block img{width: 380px;height: 250px;}
.iintro .ii-main .iim-link .block span.overview{display: block;width: 380px;height: 250px;background-color: rgba(0,0,0,.5);position: absolute;top: 0;left: 0;z-index: 9;text-align: center;visibility: hidden;opacity: 0;-webkit-transform: scale(1.3);transform: scale(1.3);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.iintro .ii-main .iim-link .block span.overview em{display: inline-block;margin-top: 101px;width: 144px;height: 42px;border: 3px solid #FFF;color: #FFF;font-family: Arial,Microsoft Yahei;font-size: 18px;font-weight: 700;text-align: center;line-height: 42px;letter-spacing: 6px;text-indent: 6px;}
.iintro .ii-main .iim-link .block:hover span.overview{visibility: visible;opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.itextblock{height: 550px;margin-top: 15px;margin-bottom: 60px;}
.itextblock .iblock{float: left;margin-left: 30px;width: 380px;height: 550px;overflow: hidden;cursor: default;}
.itextblock .iblock:first-child{margin-left: 0;}
.itextblock .iblock .pic{margin-top: 115px;width: 380px;height: 250px;font-size: 0;}
.itextblock .iblock .pic .box{width: 380px;height: 250px;overflow:hidden;}
.itextblock .iblock .pic .box img{width: 380px;height: 250px;-webkit-transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;transition:all 2s ease 0s;}
.itextblock .iblock .greybg{position: relative; height: 185px;background-color: #F6F6F6;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.itextblock .iblock:hover .greybg{background-color: #EAEAEA;}
.itextblock .iblock .text{padding: 27px 22px 0;color: #666;font-size: 14px;line-height: 24px;}
.itextblock .iblock .text h4{color: #333;font-size: 18px;font-weight: 700;line-height: 18px;padding-bottom: 11px;}
.itextblock .iblock .morelink{position: absolute;bottom: 10px;right: 10px; text-align: right;}
.itextblock .iblock .morelink a{display: inline-block;padding: 0 12px 3px 2px;border-bottom: 1px solid #B4B4B4;background: url(../images/morelink-arrow.png) right 3px no-repeat;color: #7B7B7B;font-size: 12px;}
.itextblock .iblock .morelink a:hover{color: #444;border-bottom: 1px solid #666;}
.itextblock .iblock:last-child .pic{height: 365px;margin-top: 0;}
.itextblock .iblock:last-child .pic .box{height: 365px;}
.itextblock .iblock:last-child .pic .box img{height: 365px;}
.itextblock .iblock:last-child .text{font-size: 12px;line-height: 20px;}
.itextblock .iblock:last-child .text span.line-text{display: inline-block;padding-bottom: 8px;color: #333;font-size: 14px;}
.itextblock .iblock:last-child .text span.time{display: inline-block;padding: 0 3px;color: #313333;}
.itextblock .iblock:hover .pic .box img{-webkit-transform: scale(1.1);transform: scale(1.1);}

/*Pages*/
.banner{width: 1200px;height: 400px;margin: 0 auto;font-size: 0;}
.banner img{width: 1200px;height: 400px;}

.page-nav{margin-top: 64px;height: 35px;border-bottom: 1px solid #DDD;}
.page-nav .pn-list{float: left;height: 35px;position: relative;}
.page-nav .pn-list li{float: left;padding: 0 3px;margin-right: 40px;margin-top: 6px;}
.page-nav .pn-list li a{color: #999;font-size: 16px;font-weight: 700;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}
.page-nav .pn-list li a:hover{color: #333;}
.page-nav .pn-list li.cur a{color: #333;}
.page-nav .pn-list span.line{display: block;height: 3px;background-color: #666;position: absolute;top: 35px;z-index: 9;}

.page-nav .crumbs{float: right;height: 16px;margin-top: 10px;padding-left: 24px;background: url(../images/crumbs.png) 0 center no-repeat;color: #999;line-height: 16px;}
.page-nav .crumbs a{color: #999;}

.page-main{width: 1200px;margin: 0 auto;}

.about-box{overflow: hidden;padding: 74px 0 150px;}
.about-box .ab-pic{float: left;width: 350px;}
.about-box .ab-pic img{width: 350px;}
.about-box .ab-cont{overflow: hidden;padding-left: 75px;padding-right: 5px;}
.about-box .ab-cont .abt-hd{margin-top: 26px;}
.about-box .ab-cont .abt-text{margin-top: 43px;color: #888;font-size: 14px;line-height: 28px;}
.job-page{padding: 70px 0 150px;}
.job-page .jp-hd{text-align: center;font-size: 0;}
.job-page .jp-text-1{padding-top: 35px;color: #999;text-align: center;font-size: 16px;line-height: 32px;}
.job-page .jp-text-2{padding-top: 15px;color: #666;text-align: center;font-size: 16px;line-height: 30px;}

.job-list{margin-top: 25px;overflow: hidden;}
.job-list li{margin-top: 20px;background-color: #F8F8F8;padding:30px 40px;cursor: pointer;}
.job-list li .job-name{height: 40px;border-bottom: 1px solid #ECECEC;background: url(../images/job-name-bg.png) right 11px no-repeat;color: #333;font-size: 16px;font-weight: 700;line-height: 30px;}
.job-list li .job-name span{display: inline-block;margin-left: 10px;color: #666;font-size: 14px;font-weight: 400;}
.job-list li .job-cont-1{margin-top: 10px;color: #666;font-size: 14px;line-height: 24px;}
.job-list li .job-cont-2{display:none;margin-top: 10px;color: #666;font-size: 14px;line-height: 24px;}
.job-list li.act .job-name{background: url(../images/job-name-bg.png) right -19px no-repeat;}

/* 02-18  */
.develop{width: 1200px;overflow: hidden;margin: 68px 0 85px;}

.culture{padding: 80px 0 100px;}
.culture .cul-hd{text-align: center;}
.cul-list{padding-top: 85px;height: 420px;text-align: center;}
.cul-list .cl-block{float: left;width: 270px;height: 350px;background-color: #F5F5F5;margin-left: 40px;font-size: 0;}
.cul-list .cl-block:first-child{margin-left: 0;margin-top: 68px;}
.cul-list .cl-block:nth-child(3){margin-top: 56px;}
.cul-list .cl-block:nth-child(4){margin-top: 20px;}
.cul-list .cl-block img{width: 270px;height: 150px;}
.cul-list .cl-block h4{padding: 33px 0 15px;color: #333;font-size: 18px;font-weight: 700;}
.cul-list .cl-block p{color: #666;font-size: 16px;line-height: 29px;}
.cul-list .cl-block:hover{box-shadow: 0 0 10px #CCC}

.news{padding: 60px 0 100px;overflow: hidden;}
.news .news-hd{float: left;}
.news .news-list{overflow: hidden;padding-left: 140px;}
.news .news-list li{overflow: hidden;height: 160px;margin-top: 50px;}
.news .news-list li:first-child{margin-top: 0;}
.news .news-list li .pic{float: left;width: 250px;height: 160px;overflow: hidden;}
.news .news-list li .pic img{width: 250px;height: 160px;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;font-size: 0;}
.news .news-list li .pic img:hover{-webkit-transform: scale(1.1);transform: scale(1.1);}
.news .news-list li .cont{overflow: hidden;padding-left: 30px;height: 160px;}
.news .news-list li .cont .title{padding-top: 25px;}
.news .news-list li .cont .title h3{color: #666;font-size: 16px;font-weight: 700;}
.news .news-list li .cont .title a:hover h3{color: #333;}
.news .news-list li .cont .title span{display: inline-block;padding: 20px 0; color: #979797;font-size: 14px;font-family: Arial,'Microsoft Yahei';}
.news .news-list li .cont .text{color: #888;font-size: 14px;line-height: 24px;}

.pages{text-align: center;margin-top: 75px;font-size: 0;}
.pages span{display: inline-block;vertical-align: middle;width: 31px;height: 29px;margin: 0 3px;font-size: 16px;line-height: 29px;}
.pages span.first{background: url(../images/pages-arrow.png) 0 -2px no-repeat;}
.pages span.first:hover{background: url(../images/pages-arrow.png) -30px -2px no-repeat;}
.pages span.last{background: url(../images/pages-arrow.png) -30px -33px no-repeat;}
.pages span.last:hover{background: url(../images/pages-arrow.png) 0px -33px no-repeat;}
.pages span.cur{background-color: #E9E9E9;}
.pages span.cur a{color: #666;}
.pages span a{display: block;height: 29px;color: #999;font-family: Arial,'Microsoft Yahei';}
.pages span a:hover{color: #666;}

.news .news-show{overflow: hidden;padding-left: 140px;}
.news .news-show .ns-hd{overflow: hidden;}
.news .news-show .ns-hd h3{float: left;color: #333;font-size: 22px;font-weight: 700;}
.news .news-show .ns-hd span.time{float: right;color: #979797;font-size: 14px;font-family: Arial,'Microsoft Yahei';line-height: 22px;}
.news .news-show .ns-post{margin-top: 35px;color: #888;font-size: 14px;line-height: 28px;}
.news .news-show .ns-post img{max-width: 100%;}

.brand-nav{margin-top: 20px;}
.brand{margin: 55px 0 95px;width: 1200px;height: 660px;background-color: #F5F5F5;overflow: hidden;}
 .brand-slide{width: 600px;height: 660px;float: left;overflow: hidden;position: relative;}
 .brand-slide .swiper-slide{width: 600px;height: 660px;font-size: 0;}
 .brand-slide .swiper-slide img{width: 600px;height: 660px;}
 .brand-slide .pagination{width: 100%;text-align: center;font-size: 0;position: absolute;bottom: 20px;z-index: 9;}
 .brand-slide .pagination .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;margin: 0 5px;border-radius: 10px;background-color: #999;cursor: pointer;}
 .brand-slide .pagination .swiper-pagination-bullet-active{background-color: #fff;}
 .brand-cont{width: 500px;height: 605px;overflow: hidden;padding: 55px 50px 0;}
 .brand-cont .bc-hd{height: 70px;border-top: 1px solid #DDD;border-bottom: 1px solid #DDD;}
 .brand-cont .bc-hd img{max-height: 70px;}
 .brand-cont .bc-text .bct-title{margin-top: 69px;color: #393939;font-size: 20px;font-weight: 700;}
 .brand-cont .bc-text .bct-title span.en{display: inline-block;vertical-align: middle;margin-left: 10px;color: #BBB;font-size: 18px;font-family: Arial,'Microsoft YaHei';font-weight: 400;letter-spacing: 1px;}
 .brand-cont .bc-text .bct-text{margin-top: 10px;color: #666;font-size: 14px;line-height: 26px;}


/*Animation*/
.iintro .ii-pic,
.iintro .ii-main{-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;}
.iintro-ani .ii-pic{-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;}
.iintro-ani .ii-main{-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;}

.itextblock{-webkit-perspective: 1500px;perspective: 1500px;}
.itextblock .iblock{-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.itextblock .iblock:first-child{-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;}
.itextblock .iblock:nth-child(2){-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;transition:all 0.8s ease 0.3s;}
.itextblock .iblock:nth-child(3){-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;transition:all 0.8s ease 0.6s;}
.itextblock-ani .iblock{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.cul-list .cl-block{-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;}
.cul-list-ani .cl-block:first-child{margin-top: 0;}
.cul-list-ani .cl-block:nth-child(3){margin-top: 0;}
.cul-list-ani .cl-block:nth-child(4){margin-top: 0;}

.brand .brand-cont-ani .bc-text .bct-box{-webkit-transform: translateY( 200px);transform: translateY( 200px);opacity: 0;}
.brand .brand-cont .bc-text .bct-box:first-child{-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;transition:all 0.8s ease 0s;}
.brand .brand-cont .bc-text .bct-box:nth-child(2){-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;transition:all 0.8s ease 0.3s;}
.brand .brand-cont .bc-text .bct-box:nth-child(3){-webkit-transition:all 0.8s ease 0s;-moz-transition:all 0.8s ease 0s;transition:all 0.8s ease 0.6s;}