body{ padding-top: 55px;}

/*澶撮儴搴曢儴*/
header{ position: fixed; top: 0; background: #fff; width: 100%; height: 55px; z-index: 1000;}
.qjcg{ position: absolute; top: 50%; left: 14px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 999;}
.index-qjcg{ display: none; width: 100px;}
.inner-qjcg{ display: block; width: 80px;}
header .logo{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 999;}
header .logo img{ display: block; width: 100px;}
header .nav-ico{ position: absolute; top: 11px; right: 14px; z-index: 999;}
header .nav-ico span{ display: block; width: 30px; height: 2px; margin-top: 7px; background-color: #333; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in;}

header .nav-ico.active span:first-of-type{ -webkit-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg);}
header .nav-ico.active span:nth-child(2n){ opacity: 0;}
header .nav-ico.active span:last-of-type{ -webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg);}

header .associator-ico{ position: absolute; top: 50%; right: 14px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 22px; background: url(../webimages/cimg02.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; z-index: 999;}

.index-header{ background-color: transparent;}
.index-header .index-qjcg{ display: block;}
.index-header .inner-qjcg{ display: none;}
.index-header .logo{ display: none;}
.index-header .nav-ico span{ background-color: #fff;}

nav{ position: fixed; top: 55px; width: 100%; height: 100%;padding-bottom: 50px; display: none; z-index: 999; overflow-x: hidden; overflow-y: scroll;}
nav ul{ width: 100%; background-color: #fff; position: relative; z-index: 999;}
nav li{ border-bottom: 1px dotted #e6e6e6;}
/*nav li:last-child{ border-bottom: none;}*/
nav li>a{ display: block; font-size: 14px; color: #333; line-height: 36px; text-transform: uppercase; padding: 6px 14px 0;}
nav li .more{ background: url(../webimages/cimg22.png) 95% no-repeat; -webkit-background-size: 50% 50%; background-size: 14px;}
nav li .active{ background-image: url(../webimages/cimg24.png);}
nav .subnav{ display: none;}
nav .subnav a{ display: block; font-size: 12px; color: #333; line-height: 36px; height: 36px; padding: 2px 40px 0; border-top: 1px dotted #e6e6e6; overflow: hidden;}

.index-nav ul{ background-color: transparent;}
.index-nav li a{ color: #fff;}
.index-nav li .more{ background-image: url(../webimages/cimg25.png);}
.index-nav li .active{ background-image: url(../webimages/cimg26.png);}

.nav-mask{ width: 100%; height: 120%; background-color: rgba(0, 0, 0, .5); position: fixed; top: 0; z-index: 990; display: none;}

.footer{ font-size: 12px; line-height: 20px; color: #b6b6b6; text-align: center; padding: 5px 0; border-top: 1px solid #e0e0e0; background-color: #666;}
.footer a{ color: #b6b6b6;}
.footer .bah{ margin-left: 16px;}

/*棣栭〉*/
.index-box{ height: 100%; position: relative; padding: 0;}

.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide{ color: #fff;}
.swiper-slide .index-cont{ position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%);}
.swiper-container-v .page01{ background: url(../webimages/cimg01.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
.swiper-container-v .page02{ background: url(../webimages/cimg02.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
.swiper-container-v .page03{ background: url(../webimages/cimg03.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
.swiper-container-v .page04{ background: url(../webimages/cimg04.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
.swiper-container-v .page05{ background: url(../webimages/cimg05.jpg) 0 0 no-repeat; -webkit-background-size: cover; background-size: cover;}
.swiper-container-v .page06{ background: url(../webimages/cimg06.jpg) 0 0 no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}

.index-logo{}
.index-logo img{ display: block; width: 125px; margin: 0 auto 6.25%;}
.index-idea{ text-align: center; font-size: 30px; line-height: 50px; padding-bottom: 8px;}
.index-ideainfo{ text-align: center; font-size: 16px; line-height: 23px;}

.adown{ position: absolute; bottom: 4%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);  padding: 18px; background: url(../webimages/cimg02.png) 0 0 no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%;}

.gr-mx{ padding-bottom: 6.25%;}
.gr-mx img{ display: block; width: 20%; margin: 0 auto;}
.grmx-list{ width: 250px; margin: 0 auto;}
.grmx-list li{ padding-left: 26px; background: url(../webimages/cimg04.png) 0 4px no-repeat; padding-bottom: 4px; -webkit-background-size: 14px; background-size: 12px;}
.grmx-list li .title{ line-height: 22px; font-size: 14px; font-weight: 700;}
.grmx-list li .text{ line-height: 20px; font-size: 14px;}

.index-videoico{ padding-bottom: 18%;}
.index-videoico img{ display: block; margin: 0 auto;}
.index-videoinfo{ line-height: 33px; text-align: center; font-size: 20px; width: 278px; height: 160px; margin: 0 auto; overflow: hidden;}
.index-videoenter{ display: block; margin: 0 auto; width: 130px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; background-color: #d6811e; border-radius: 5px;}

.indexlink-title{ line-height: 24px; font-size: 18px; font-weight: 700; text-align: center; color: #fff; padding-bottom: 10%;}
.indexlink-list{ width: 298px; margin: 0 auto;}
.indexlink-list li{ padding-top: 20px; float: left; width: 83px; margin: 0 8px;}
.indexlink-list li img{ display: block; width: 100%;}

.index-historytitle .text{ display: block; font-size: 18px; text-align: center; color: #d6811e; line-height: 24px; padding: 12.5% 0 2%;}
.index-historytitle img{ display: block; margin: 0 auto 2%; width: 8%;}

.index-history{ height: 74%; width: 94%; margin-left: 6%; position: relative;}
.index-history dd{ width: 72%; height: 100%; padding: 11.875% 0 12%; float: left; background-color: #3395d0; overflow: hidden; position: relative;}
.index-history dd .down{ width: 100%; padding: 8% 0; background: #3395d0 url(../webimages/cimg17.png) center no-repeat; position: absolute; bottom: 0; left: 0;}
.index-historybox{ height: 100%; overflow-y: scroll; padding: 0 20px 0 10px; margin-right: -10px; display: none;}
.index-historycont{ font-size: 14px; line-height: 19px; padding-bottom: 15px;}
.index-historycont .date{ font-weight: 700; padding-bottom: 5px;}
.index-historycont .info{}
.index-history dt{ padding: 30px 0; float: right; height: 100%; background-color: #3395d0; overflow: hidden;}
.index-history dt .close{ position: absolute; top: 8px; left: 8px; padding: 10px; background: url(../webimages/cimg18.png) 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.index-history dt .arrow{ position: absolute; border: 12px solid transparent; border-left-color: #3395d0; top: 0; left: 72%;}
.index-history dt .date-up,.index-history dt .date-down{ width: 12px; height: 12px; border-top: 1px solid #bddcf0; border-right: 1px solid #bddcf0; position: absolute; right: 24px;}
.index-history dt .date-up{ top: 12px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.index-history dt .date-down{ bottom: 12px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.indexhistory-datebox{ width: 70px; padding-right: 10px; margin-right: -10px; height: 100%; overflow-y: scroll; position: relative;}
.indexhistory-datelist{ padding-left: 4px; background: url(../webimages/cimg08.jpg) 46px 0 repeat-y; font-weight: 700;}
.indexhistory-datelist a{ line-height: 33px; font-size: 16px; color: #99cae8; display: block;}
.indexhistory-datelist a.cur{ color: #fff;}

/*.swiper-container-v2{ height: 74%; width: 94%; margin-left: 6%;}
.swiper-container-v2 .swiper-slide{ transition-duration: 0ms;}
.swiper-container-v2 .swiper-slide:first-of-type{ width: 72%; height: 100%; margin-right: 9%; padding: 11.875% 0 12%; background: #3395d0 url(../webimages/cimg17.png) center 98% no-repeat;}
.swiper-container-v2 .close{ position: absolute; top: 8px; left: 8px; padding: 10px; background: url(../webimages/cimg18.png) 0 0 no-repeat; -webkit-background-size: 100%; background-size: 100%;}
.swiper-container-v2 .arrow{ position: absolute; border: 12px solid transparent; border-left-color: #3395d0; top: 0; right: -24px;}
.swiper-container-v2 .oh{ width: 100%; height: 100%; overflow: hidden;}
.index-historybox{ height: 100%; padding: 0 10px; overflow: hidden; display: none;}
.index-historycont{ font-size: 14px; line-height: 19px; padding-bottom: 15px;}
.index-historycont .date{ font-weight: 700; padding-bottom: 5px;}
.index-historycont .info{}
.swiper-container-v2 .swiper-slide:last-of-type{ padding-top: 20px; width: 19%; height: 100%; background-color: #3395d0; overflow: hidden;}
.indexhistory-datelist{ padding-left: 4px; background: url(../webimages/cimg08.jpg) 46px 0 repeat-y; font-weight: 700;}
.indexhistory-datelist a{ line-height: 33px; font-size: 16px; color: #99cae8;}
.indexhistory-datelist a.cur{ color: #fff;}*/

.index-halfbox{ height: 50%; width: 100%; position: relative;}
.index-otherlink{ width: 70%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.index-otherlink li{ margin: 9.375% 9.25% 0; width: 30%; float: left;}
.index-otherlink li img{ display: block; width: 100%;}
.index-ewm{ padding-bottom: 47px;}
.index-ewm img{ display: block; width: 28%; margin: 0 auto;}
.index-ewm .tip{ display: block; text-align: center; font-size: 14px; color: #333; padding-top: 6px;}
.swiper-slide .footer,.pafooter{ position: absolute; bottom: 0; left: 0; width: 100%;}
.swiper-slide .footer{ background-color: #fff; color: #333;}
.swiper-slide .footer a{ color: #333;}

 /*澶т簨璁?/
.inner-history{ height: 100%; color: #fff; padding: 55px 0 61px;}
.inner-history .index-history{ height: 82%;}
.inner-history .index-historytitle .text{ padding-top: 2%;}

/*鍏徃鑽ｈ獕*/
.honor-tabbox{ width: 95%; margin: 8px auto; position: relative; padding: 0 15px; background-color: #f2f2f2; border: 1px solid #e0e0e0; border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 0 0 #e0e0e0; box-shadow: 0 1px 0 0 #e0e0e0;}
.honor-tablist{ width: 100%; overflow: hidden;}
.honor-tablist ul{}
.honor-tablist li{ line-height: 28px; text-align: center; width: 60px; border-right: 1px solid #e0e0e0;}
.honor-tablist li:last-child{ border-right: none;}
.honor-tablist li a{ display: block; width: 100%; height: 100%; color: #666;}
.honor-tablist li.cur{ position: relative;}
.honor-tablist li.cur a{ background-color: #f08519; color: #fff;}
.honor-tablist li.cur a:after{ content: ''; width: 0; height: 0; border: 4px solid transparent; border-top-color: #fff; position: absolute; bottom: -3px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0);}

.honortab-btn{ height: 10px; width: 10px; border-top: 2px solid #666; border-right: 2px solid #666; position: absolute; top: 50%; z-index: 99;}
.honortab-prev{ -webkit-transform: translate(0, -50%) rotate(-135deg); -ms-transform: translate(0, -50%) rotate(-135deg); -o-transform: translate(0, -50%) rotate(-135deg); transform: translate(0, -50%) rotate(-135deg); left: 6px;}
.honortab-next{ -webkit-transform: translate(0, -50%) rotate(45deg); -ms-transform: translate(0, -50%) rotate(45deg); -o-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); right: 6px;}

.honorpic-list{}
.honorpic-list img{ display: block; margin: 0 auto;}
.honorpic-title{ text-align: center; color: #333; width: 100%; line-height: 24px; font-size: 14px; padding: 4px 0;}
.honor-title{ text-align: center; color: #666; font-weight: 700; width: 100%; line-height: 32px; font-size: 18px; padding: 4px 0 10px; background: url(../webimages/cimg27.png) bottom repeat-x; -webkit-background-size: 5%; background-size: 5%;}

.honor-list{ padding: 10px 8px;}
.honor-list li{ padding: 0 0 6px 14px; color: #666; background: url(../webimages/cimg28.png) 0 8px no-repeat;}

/*鏂伴椈*/
.video-column{ border: 1px solid #e0e0e0; border-radius: 5px; -webkit-box-shadow: 0 1px 0 #e0e0e0; box-shadow: 0 1px 0 #e0e0e0; margin-bottom: 10px; overflow: hidden;}
.video-column a{ float: left; width: 33.3%; height: 32px; background-color: #e6e6e6; line-height: 32px; text-align: center; font-size: 14px; color: #666; border-right: 1px solid #e0e0e0;}
.video-column a:hover,.video-column a.on{ background-color: #f08519; color: #fff;}

.newslist{padding-top: 10px;}
.newslist dl{ padding:15px 10px; border-bottom:1px solid #d9d9d9;}
.newslist dl a{}
.newslist dl dt{float:left;width:35%; margin-right:15px;}
.newslist dl dt img{ display: block;  width:100%;}
.newslist dl dd{}
.newslist dl dd h3{text-overflow:ellipsis;-webkit-box-orient: vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1; font-size:14px; color:#0068b7;}
.newslist dl dd p.newstime{ color:#999;}
.newslist dl dd p.newsmiaoshu{text-overflow:ellipsis;-webkit-box-orient: vertical;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2; font-size:12px; line-height:16px; color:#666666;}

.bottomlink{ display: block; width: 95%; height: 36px; margin: 20px auto; background-color: #fb7c00; border-radius: 2px; line-height: 36px; text-align: center; font-size: 14px; color: #fff;}

/*--鏂伴椈璇︾粏--*/
.newsContentstitle{ border-bottom:1px solid #d9d9d9; padding:25px 15px;}
.newsContentstitle h3{ text-align:center; font-size:20px; font-weight:bold; color:#333; line-height:28px;}
.newsContentstitle p{ text-align:center; color:#666666; font-size:14px; padding-top:10px;}

.newsContents{font-size:14px; line-height:26px; padding:20px 15px 0px;}
.newsContents img{ max-width:100%; margin:0px auto;}

.commonReturn{margin:0px 15px; padding:30px 0px 25px;}
.commonReturn a{color:#fff;background:#fb7c00;text-align:center;padding:3px 0px;font-size:14px;display:block;line-height:30px;}

/*浼佷笟鐞嗗康*/
.company-idea{ padding-bottom: 4px; width: 100%;}
.company-idea dt{ padding-bottom: 10px;}
.company-idea dt img{ display: block; width: 100%;}
.company-idea dd{}
.company-idea .cont{ line-height: 26px; padding-bottom: 6px; text-align: center;}
.company-idea .cont .title{ font-size: 18px; color: #fb7c00; font-weight: 400;}
.company-idea .cont .text{ font-weight: 400;}

/*瑙嗛涓績*/
.video-list{ width: 100%;}
.video-list li{ position: relative;}
.video-list li img{ display: block; width: 100%;}
.video-list li span{ display: block; line-height: 36px; font-size: 16px; color: #333; text-align: center; margin: 8px 0; width: 100%; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.video-list li .bg{ position: absolute; top: 0; left: 0; }

.deatil-video{ width: 100%;}

/*浜烘墠鎷涜仒*/
.job-list{ width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: wrap;}
.job-list a{ display: block; width: 48%;margin: 0 1% 10px; padding: 20px 0; color: #666; text-align: center; background-color: #f7f7f7;}
.job-list a span{ display: block; font-size: 16px; line-height: 34px;}
.job-list a em{ display: block; font-size: 12px; line-height: 20px; text-transform: uppercase;}
.job-list a.cur{ background-color: #fb7c00; color: #fff;}
.job-link{ width: 100%; background-color: #f7f7f7; padding: 18px 22px 32px;}
.job-link .pic{ border-bottom: 1px solid #fff;}
.job-link .pic img{ display: block; width: 63px; height: 67px; margin: 0 auto;}
.job-link .pic span{ display: block; border-bottom: 1px solid #d9d9d9; font-size: 20px; color: #fb7c00; line-height: 34px; text-align: center; padding: 8px 0 10px;}
.job-link .job-title{ font-size: 18px; color: #333; line-height: 28px; padding: 14px 0 8px;}
.job-link .job-text{ color: #666; font-size: 13px; line-height: 21px;}
.job-link .job-text em{ display: inline-block; *display: inline; *zoom: 1; width: 21px; height: 21px; margin: 0 6px 0 10px; background: url(../webimages/cimg31.png) center no-repeat; vertical-align: top;}
.job-link .job-text a{ display: inline-block; *display: inline; *zoom: 1; width: 51px; height: 21px; background-color: #fb7c00; color: #fff; vertical-align: top; text-align: center; margin-right: 8px;}


/*20161017*/
/*氓聫鈥姑ζ掆€γ┾€溌久ε铰?/
.friend-list{ width: 100%;}
.friend-list li{ float: left; width: 50%; padding: 0 5px 10px 0;}
.friend-list li a{ display: block; border: 1px solid #e3e3e3;}
.friend-list li img{ display: block; width: 100%;}

/*莽陆鈥樏劉氓艙掳氓鈥郝?/
.webmap{}
.webmap li{}
.webmap li .main-column{ background: url(../webimages/cimg32.png) 0 center repeat-x;}
.webmap li .main-column a{ height: 22px; line-height: 22px; border-left: 5px solid #fb7c00; color: #fb7c0f; font-size: 18px; background-color: #fff; padding: 0 20px 0 10px;}
.webmap li .subcolumn{ padding-bottom: 30px;}
.webmap li .subcolumn a{ color: #5f5f5f; padding: 10px 10px 0; float: left;}
.webmap li .subcolumn a:hover{ color: #fb7c0f;}

/*猫聛鈥澝陈幻λ嗏€樏ぢ宦?/
.contact-box{ background-color: #f7f7f7;}
.contact-box .title{ line-height: 24px; font-size: 16px; color: #333; margin-bottom: 10px; border-bottom: 1px solid #e0e0e0;}
.message-list{ width: 100%;}
.message-list li{}
.message-list .tip{ font-size: 12px; color: #f00;}
.message-list li span{ display: block; height: 32px; line-height: 32px; font-size: 14px; color: #333; padding-bottom: 4px; overflow: hidden;}
.message-list li span i{ color: #f00; margin-right: 4px; font-style: normal;}
.message-list li .text{ display: block; width: 100%; background-color: #fff; border: 1px solid #e0e0e0; height: 36px; line-height: 36px; padding: 0 8px; margin-bottom: 4px; font-size: 14px; color: #333;}
.message-list .gender .radio{ display: inline-block; margin: 0 4px;}
.message-list .content textarea{ display: block; width: 100%; height: 144px; padding: 10px 8px; border: 1px solid #e0e0e0; resize: none; background-color: #fff; overflow: hidden;}
.message-list .verification-code img{ display: inline-block; margin-right: 10px; height: 35px; width: 138px; border: 1px solid #e0e0e0; vertical-align: middle;}
.message-list .verification-code a b{ color: #f00; font-weight: 400; font-size: 12px; line-height: 38px;}
.message-list .make-sure{padding: 20px 0; text-align: center;}
.message-list .make-sure .submit,.message-list .make-sure .reset{ display: inline-block; width: 112px; height: 38px; margin-right: 17px; line-height: 38px; font-size: 14px; color: #fff; text-align: center; border-radius: 3px; cursor: pointer;}
.message-list .make-sure .submit{ background-color: #fb7c00;}
.message-list .make-sure .reset{ background-color: #9b9b9b;}