/*section1*/
.clear{ clear:both}
.section1 { position: relative; }
.section1, .section1 .fp-tableCell { display: block !important; height: 100% !important; }
.section1 .swiper-slide a > img{ height: 100%; min-width:100%; }
.section1 .slide { position: relative; overflow: hidden; z-index: 11; background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; }
.section1 .slide a { display: block; width: 100%; height: 100%; position: relative; }
.section1 .slide a>img {min-width:100%; height: 100%; display:block; margin:0 auto}
.section1 .slide a #banner11,.section1 .slide a #banner22,.section1 .slide a #banner33{ display:none;}
.section1 .slide video {
    height: auto;
    left: 0;
    min-height: 999px;
    min-width: 0;
    position: absolute;
    top: -93px;
    width: 1920px;
    z-index: 0;
}
.section1 aside { position: absolute; height: 50%; width: 660px; background: #fff; top: 25%; right: -585px; z-index: 11; height: 470px; }
.section1 .mark3 {position: absolute; top: 50%; left:50%; width:890px; height:631px; z-index: 1; margin-left:-445px;margin-top:-315px;}
.section1 .mark2 {position: absolute; top: 50%; left:10%; width:546px; height:135px; z-index: 1;margin-top:-66px;}
.section1 .mark2 #ban22{ display:none}
.mark { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.mark img { max-height:100%; }
.section1 .yuan::before, .section1 .yuan::after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translateX(-50%, -50%); -moz-transform: translateX(-50%, -50%); -o-transform: translateX(-50%, -50%); border-radius: 50% }
.section1 .yuan { width: 70px; height: 70px; text-align: center; line-height: 70px; bottom: 35px; z-index: 11; height: auto; left: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translateX(-50%, -50%); -moz-transform: translateX(-50%, -50%); -o-transform: translateX(-50%, -50%); cursor: pointer; }
.section1 .yuan:before, .section1 .yuan:after { content: ''; display: block; }
.section1 .yuan:before { border: 1px solid rgba(212,212,212,1); width: 70px; height: 70px; transition: all .8s ease-in-out 0s; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; }
.section1 .yuan:after { border: 2px solid rgba(212,212,212,0); width: 0; height: 0; transition: all .8s ease-in-out 0s; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; }
.section1 .yuan:hover:before { width: 100px; height: 100px; border-color: rgba(212,212,212,0); }
.section1 .yuan:hover:after { border-color: rgba(212,212,212,1); width: 70px; height: 70px; background: rgba(212,212,212,0.1); }
.section1 aside img { height: auto; width: 580px; vertical-align: middle; }
.mark.active { width: calc(100% - 585px); }
.mark.active img { height: 130px; }
.indexBan { height: 100%; }
.indexBan .swiper-pagination .swiper-pagination-bullet { width: 80px; height: 5px; background: rgba(0,0,0,0.6); margin: 0 5px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; }
.indexBan .swiper-pagination { bottom: 45px; }
.indexBan .swiper-pagination .swiper-pagination-bullet-active, .indexBan .swiper-pagination .swiper-pagination-bullet:hover { background: rgba(255,102,0,1); }
.indexBan .swiper-pagination span a.active span, .indexBan .swiper-pagination span:hover a.active span, .indexBan .swiper-pagination span:hover a span { width: 80px; height: 5px; background: #fff; }

.sidebar {position: fixed;right: 0;top: 50%;margin-top: -160px;width: 55px;background: rgba(0, 0, 0, 0.3);padding: 12px 0 12px 0;border-radius: 8px 0 0 8px;z-index: 999999;}
.sidebar {display: block;}
.sidebar li {display: block;height: 50px;width: 160px;padding-left: 17px;border-radius: 8px 0 0 8px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.sidebar li img {display: block;}
.sidebar li:hover {margin-left: -105px;background: rgba(0, 0, 0, 0.6);}


/*section2*/
.section2 { position: relative; background:url(../images/index02.jpg) no-repeat center top; background-size: cover; z-index:1 }
.section2 section { position: absolute; top: 50%; width: 100%; height: 516px; margin-top: -238px; }
.section2 section .head2 {width: 1180px; padding-top: 0; padding-bottom: 30px; margin: 0 auto;transition: all 0.4s ease-in-out 0s; }
.section2 section .head2 p.title { text-align: left; text-indent: 63%; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 28px; color: #ff6600; transition: all 0.4s ease-in-out 0s;}
.section2 section .head2 p.subtitle { text-align: left; text-indent: 63%; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 14px; margin-top: 5px; color: #aaa;transition: all 0.4s ease-in-out 0s; }
.section2 section .sercives { width: 1200px; margin: 0 auto; }
.section2 section .sercives .wrapper { width: 100%; position: relative }
.section2 section .sercives .wrapper ul li { animation-delay: 0s; animation-name: slideInUp; float: left; list-style: outside none none; position: relative; visibility: visible; width: 100%; }
.section2 section .sercives .wrapper ul li a { display: block; height: 100%; width: 100%; }
.section2 section .sercives .wrapper ul li a::after { background: #ff6600 none repeat scroll 0 0; border: 0 none; border-radius: 0; color: #fff; content: "MORE"; font-family: "HELVETICANEUELTPRO-THEX"; font-size: 12px; height: 40px; left: 8px; line-height: 40px; margin: 0 auto; position: absolute; text-align: center; text-indent: 0; top: 18px; width: 180px; }
.section2 section .sercives .wrapper ul li a img { float: left; margin-left: 70px; width: 600px; height: 335px; display: block; max-width: 100%; transition: all 0.4s ease-in-out 0s;}
.section2 section .sercives .wrapper ul li a div { float: right; margin-right: 56px; margin-top: 80px; text-align: left; width: 386px; transition: all 0.4s ease-in-out 0s;}
.section2 section .sercives .wrapper ul li a div::after { border-bottom: 1px solid #ddd; content: ""; display: block; height: 0; position: absolute; top: 140px; width: 380px; }
.section2 section .sercives .wrapper ul li a div p.title { height: 40px; line-height: 40px; transition: all 0.2s ease-out 0s; color: #1c1c1c; font-size: 16px; margin-bottom: 16px; }
.section2 section .sercives .wrapper ul li a div p.description { color: #848484; line-height: 24px; margin-top: 50px; text-align: left; font-size: 13px; height: 50px; overflow: hidden; width: 100%; transition: all 0.4s ease-in-out 0s;}
.section2 section .sercives .wrapper ul li a div.mor{background: #ff6600; border:none; border-radius: 0; color: #fff; font-family: "HELVETICANEUELTPRO-THEX"; font-size: 12px; height: 40px; margin-left:30px; line-height: 40px; text-align: center; text-indent: 0; width: 180px;}
.section2 section .sercives .wrapper .btz { left: 760px; top: 88%; background: #fbf7f6 none repeat scroll 0 0; border-radius: 0; height: 60px; width: 60px; margin-top: -20px; outline: 0 none; position: absolute; transition: all 0.3s ease-out 0s; z-index: 9999; }
.section2 section .sercives .wrapper .btz i { font-family: FontAwesome; line-height: 1; background: url(../images/ico-img001.png) no-repeat; display: block; height: 60px; width: 60px; content: "\f104"; display: block; margin: 0; color: #fff; font-size: 30px; /*transition: all 0.3s ease-out 0s; */ }
.section2 section .sercives .wrapper .bty { right: 319px; top: 88%; background: #fbf7f6 none repeat scroll 0 0; border-radius: 0; height: 60px; width: 60px; margin-top: -20px; outline: 0 none; position: absolute; transition: all 0.3s ease-out 0s; z-index: 9999; }
.section2 section .sercives .wrapper .bty i { font-family: FontAwesome; line-height: 1; background: url(../images/ico-img001.png) no-repeat scroll -62px 0; display: block; height: 60px; width: 60px; content: "\f105"; display: block; margin: 0; color: #fff; font-size: 30px; /*transition: all 0.3s ease-out 0s;*/ }
.section2 section .sercives .wrapper .btz:hover { background: #FF6600; }
.section2 section .sercives .wrapper .bty:hover { background: #FF6600; }
.section2 section .sercives .wrapper .btz:hover i { background: url(../images/ico-img001.png) no-repeat 0px -60px; }
.section2 section .sercives .wrapper .bty:hover i { background: url(../images/ico-img001.png) no-repeat -62px -60px; }
/*section3*/
.section3 { position: relative; background: url(../images/index03.jpg) no-repeat center top; background-size: cover; }
.section3 section { display: table; height: 100%; margin: 0 auto; position: relative; width: 100%; }
.section3 section .content3 { height: 100%; left: 50%; margin-left: -575px; position: absolute; width: 1150px; }
.section3 section .content3 .write-bg { width: 590px; height: 100%; position: absolute; left: 0; top: 0; -moz-transition: all .4s ease-in-out 0s; -webkit-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s; background-color: #fff; background-color: rgba(255,255,255,0.7); -webkit-background-color: rgba(255,255,255,0.7); }
.section3 section .content3 .xxk { width: 998px; height: 434px; position: absolute; top: 50%; margin-top: -217px; left: 50%; margin-left: -499px; display: table; }
.section3 section .content3 .xxk .check { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.section3 section .content3 .xxk .check .checked { width: 100%; height: 100%; display: block; position: relative }
.section3 section .content3 .xxk .wen { width: 348px; height: 434px; float: left; opacity: 0; transition: all .3s linear .8s; -moz-transition: all .3s linear .8s; -webkit-transition: all .3s linear .8s; -o-transition: all .3s linear .8s; }
.section3 section .content3 .xxk .wen .tit { margin-top: 12px; }
.section3 section .content3 .xxk .wen .tit h3 strong { font-size: 28px; color: #ff6600; font-weight: 300; font-family: "微软雅黑"; vertical-align: middle; }
.section3 section .content3 .xxk .wen .tit p.subtitle { color: #aaa; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 14px; margin-top: 5px; text-align: left; }
.section3 section .content3 .xxk .wen .tit a { display: inline-block; vertical-align: middle; margin-left: 48px; width: 120px; height: 30px; border: 1px solid #666; border-radius: 20px; text-align: center; line-height: 26px; color: #333; font-size: 14px; }
.section3 section .content3 .xxk .wen .tit a span { display: inline-block; vertical-align: middle; }
.section3 section .content3 .xxk .wen .tit a img { display: inline-block; margin-right: 16px; vertical-align: middle; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; }
.section3 section .content3 .xxk .wen .tit a:hover { background-color: #fff; color: #108bee; border-color: #fff; }
.section3 section .content3 .xxk .wen .tit a:hover img { margin-right: 8px; }
.section3 section .content3 .xxk .wen .tit h4 { margin-top: 54px; font-size: 26px !important; font-family: "微软雅黑"; color: #ff6600; }
.section3 section .content3 .xxk .wen .tit p { margin-top: 30px; font-size: 14px; color: #7e7e7e; line-height: 25px; }
.section3 section .content3 .xxk .tu { position: absolute; right: 15px; top: 15px; width: 469px; height: 329px; opacity: 0; transform: translateX(-180px); -moz-transform: translateX(-180px); -webkit-transform: translateX(-180px); -o-transform: translateX(-180px); transition: all .4s linear .4s; -moz-transition: all .4s linear .4s; -webkit-transition: all .4s linear .4s; -o-transition: all .4s linear .4s; }
.section3 section .content3 .xxk .tu img { width: 469px; height: 329px; }
.section3 section .content3 .xxk .list-qie { position: absolute; right: 484px; bottom: 90px; width: 111px; height: 329px; background-color: #ff6600; z-index: 9; opacity: 0; transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transition: all .4s linear .4s; -moz-transition: all .4s linear .4s; -webkit-transition: all .4s linear .4s; -o-transition: all .4s linear .4s; }
.section3 section .content3 .xxk .list-qie li { width: 100%; margin-top: 30px; text-align: center; cursor: pointer; opacity: 0.7; -moz-opacity: 0.7; filter: Alpha(opacity=70); }
.section3 section .content3 .xxk .list-qie li:hover { opacity: 1; -moz-opacity: 1; filter: Alpha(opacity=100); }
.section3 section .content3 .xxk .list-qie li.on { opacity: 1; -moz-opacity: 1; filter: Alpha(opacity=100); }
.section3 section .content3 .xxk .list-qie li dl { width: 90%; margin: 0 auto; border-bottom: 1px solid #FC7417; display: table; padding-bottom: 10px; text-align: center; }
.section3 section .content3 .xxk .list-qie li dd { margin-top: 13px; color: #fff; }
/*section4*/
.section4 { position: relative; background: url(../images/index04.jpg) no-repeat center top; background-size: cover; }
.section4 section { position: absolute; top: 50%; margin-top: -15%; width: 100%; }
.section4 section .header4 { padding-top: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); margin: 0 auto; padding-bottom: 20px; width: calc(100% - 120px);transition: all 0.4s ease-in-out 0s; }
.section4 section .header4 p.title { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 22px; text-align: left; color: #ff6600; }
.section4 section .header4 p.subtitle { color: #aaa; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 14px; margin-top: 5px; text-align: left; }
.section4 section .liebiao4 { padding-bottom: 40px; text-align: right; display: block; margin-right: -30px; position: absolute; right: 60px; top: 20px;transition: all 0.4s ease-in-out 0s; }
.section4 section .liebiao4 a::before { background-color: #818181; content: ""; height: 1px; margin-left: 0; margin-top: 25px; position: absolute; text-align: left; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 0; }
.section4 section .liebiao4 a::after { color: #c8c8c8; font-size: 10px; margin-left: 28px; margin-top: 0; position: absolute; text-align: left; }
.section4 section .liebiao4 a { background-color: #f5f5f5; border: 1px solid #efefef; color: #7a7a7a; font-size: 14px; display: inline-block; height: 16px; line-height: 16px; margin-right: 2px; transition: all 0.3s ease-out 0s; padding: 7px 27px; }
.section4 section .liebiao4 a:last-child::after { content: ""; height: 0; position: absolute; width: 0; }
.section4 section .liebiao4 a.active, .section4 section .liebiao4 a:hover { background: #ff6600 none repeat scroll 0 0; border-color: #ff6600; color: #fff; }
.section4 section .content4 { height: auto; }
.section4 section .content4 .projectSubList { margin-bottom: 20px; }
.section4 section .content4 .projectSubList .wrapper { margin: 50px auto 0; width: calc(100% - 120px); }
.section4 section .content4 .projectSubList .wrapper ul { height: auto }
.section4 section .content4 .projectSubList .wrapper ul li { float: left; margin-bottom: 1%; margin-right: 1%; position: relative; width: 24%;transition: all 0.4s ease-in-out 0s; }
.section4 section .content4 .projectSubList .wrapper ul li a { display: block; overflow: hidden; }
.section4 section .content4 .projectSubList .wrapper ul li a .project_info::after { background-color: #ff6600; content: ""; height: 80px; left: 0; position: absolute; top: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 0; z-index: -1; }
.section4 section .content4 .projectSubList .wrapper ul li a .project_info { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; transition: all 0.3s ease-out 0s; width: 100%; }
.section4 section .content4 .projectSubList .wrapper ul li a .project_info div::after { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; content: ""; height: 30px; margin-top: 30px; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 32px; }
.section4 section .content4 .projectSubList .wrapper ul li a .project_info div { background: transparent none repeat scroll 0 0; height: 85px; overflow: hidden; position: absolute; transition: all 0.3s ease-out 0s; width: 100%; bottom: -80px; margin-top: 0; top: auto; }
.section4 section .content4 .projectSubList .wrapper ul li a .project_info p.title { color: #444; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; margin: 0 20px; overflow: hidden; padding: 20px 0 5px; text-align: left; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; transition: all 0.3s ease-out 0s; }
.section4 section .content4 .projectSubList .wrapper ul li a .project_info p.subtitle { color: #7e7e7e; margin-top: 0; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 14px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s ease-out 0s; padding: 0 20px; }
.section4 section .content4 .projectSubList .wrapper .anniu4 { display: inline;transition: all 0.4s ease-in-out 0s; z-index:9999 }
.section4 section .content4 .projectSubList .wrapper .anniu4 a.al-prev { background: url(../images/icon.png) no-repeat -60px -250px; border-right: 1px solid #eea099; left: 50%; margin-left: -60px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 0; height: 30px; margin-top: 0; top: 114%; width: 60px; outline: 0 none; position: absolute; }
.section4 section .content4 .projectSubList .wrapper .anniu4 a.al-prev i { content: "\f104"; }
.section4 section .content4 .projectSubList .wrapper .anniu4 a i { color: #dadada; font-size: 24px; margin-left: 26px; margin-top: 2px; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; transform: translate(0px, 0px); transition: all 0.3s ease-out 0s; }
.section4 section .content4 .projectSubList .wrapper .anniu4 a.al-next { background: url(../images/icon.png) no-repeat 0 -250px; margin-right: -60px; right: 50%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; border-radius: 0; height: 30px; margin-top: 0; top: 114%; width: 60px; outline: 0 none; position: absolute; }
.section4 section .content4 .projectSubList .wrapper .anniu4 a.al-next i { content: "\f105"; }
.section4 section .content4 .projectSubList .wrapper ul li img { display: block; max-width: 100%; float: none; height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; }
.section4 section .content4 .projectSubList .wrapper ul li a:hover img { transform: scale(1.2, 1.2) }
.section4 section .content4 .projectSubList .wrapper ul li a:hover .project_info div::after { right: 25px; background: none; opacity: 1; }
.section4 section .content4 .projectSubList .wrapper ul li:hover a .project_info div { opacity: 1; }
.section4 section .content4 .projectSubList .wrapper ul li a:hover .project_info::after { width: 100%; }
.section4 section .content4 .projectSubList .wrapper ul li a:hover .project_info p.title { color: #fff; }
.section4 section .content4 .projectSubList .wrapper ul li a:hover .project_info p.subtitle { color: #f9bfba; }
.section4 section .content4 .projectSubList .wrapper ul li a:hover .project_info div { background-color: transparent; }
.section4 section .content4 .projectSubList .wrapper ul li a::before { width: 90%; height: 85%; margin-top: 5%; margin-left: 5%;border: 1px solid transparent;
    content: "";
    position: absolute;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    z-index: 10; }
.section4 section .content4 .projectSubList .wrapper ul li:hover a::before { border: 1px solid #fff; }
.section4 section .content4 .projectSubList .wrapper ul li a::after {
	content: "";
    background:url(../images/jia.png) no-repeat center;
	background-size:cover;
    display: inline-block;
    height: 40px;
    left: 50%;
    line-height: 40px;
	 margin-left: -20px;
	 margin-top:-20px;
    opacity:0;
    position: absolute;
    top: 0;
    width: 40px;
    z-index: 999;
}
.section4 section .content4 .projectSubList .wrapper ul li:hover a::after{opacity: 1;transition: all 0.3s ease-in-out 0s; top:50%;}



/*section5*/
.section5 { position: relative; background: url(../images/index3_05.jpg) no-repeat center top; background-size: cover; }
.section5 section { position: absolute; width: 100%; height: 100%; top: 0; background: #fff; }
.section5 section .header5 { float: right; padding-bottom: 3%; padding-top: 13%; width: 50%; animation-delay: 0.2s; visibility: visible; transition: all 0.3s ease-out 0s;}
.section5 section .header5 p.title { color: #ff6600; font-size: 26px; margin-left: 14%; text-align: left; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
.section5 section .header5 p.subtitle { margin-left: 14%; text-align: left; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 14px; margin-top: 5px; color: #aaa; }
.section5 section .description { float: right; height: auto; margin: 0 auto; max-height: 108px; padding-left: 7.1%; padding-right: 7.1%; text-align: left; width: 36%; animation-delay: 0.3s; visibility: visible; }
.section5 section .description p { color: #848484; font-size: 13px; line-height: 26px; width: 100%; overflow: hidden;transition: all 0.3s ease-out 0s; }
.section5 section a.more::before { background-color: rgba(231, 56, 40, 0.3); content: ""; display: block; float: right; height: 1px; margin-top: -1px; position: absolute; width: 36%; }
.section5 section a.more { background-color: #ff6600; border: 1px solid #ff6600; border-radius: 0; color: #fff; display: block; float: right; font-family: "Times New Roman"; font-size: 16px; height: 40px; line-height: 40px; margin-left: 7%; margin-right: 31%; margin-top: 4%; text-align: center; text-indent: 0; width: 12%; transition: all 0.3s ease-out 0s; }
.section5 section a.more i { content: "\f105"; font-size: 16px; position: relative; top: 1px; color: rgba(255, 255, 255, 0); text-indent: -10px; transition: all 0.3s ease-out 0s; display: inline-block; font-family: FontAwesome; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; text-rendering: auto; transform: translate(0px, 0px); }
.section5 section .fimg { background-image: url(../images/1488265527186.jpg); visibility: visible; background-position: center top; background-repeat: no-repeat; background-size: cover; height: 100%; width: 50%; }
.section5 section .bantouming{ width:100%; height:100%; background:rgba(255,255,255, .8); display:none}
/*section6*/
.section6 { position: relative; background: url(../images/index06.jpg) no-repeat center top; background-size: cover; }
.section6 section { position: absolute; width: 100%; height: 75%; left: 0; top: 12%; }
.section6 section .header6 { display: block; margin: 0 auto; width: 1200px; transition: all 0.3s ease-out 0s;}
.section6 section .header6 .title { color: #ff6600; font-family: "微软雅黑"; font-size: 26px; text-align: left; }
.section6 section .header6 .subtitle { color: #aaa; font-family: "微软雅黑"; font-size: 14px; margin-top: 5px; text-align: left; }
.section6 section .liebiao6 { margin: 30px auto 0; width: 1200px; transition: all 0.3s ease-out 0s;}
.section6 section .liebiao6 ul li { height: 450px; background: #f8f8f8; width: 23%; margin-right: 2%; float: left; }
.section6 section .liebiao6 ul li .tupian { width: 100%; animation-delay: 0.2s; visibility: visible; }
.section6 section .liebiao6 ul li .tupian a::before { border: 1px solid transparent; content: ""; height: 80%; margin: 10%; position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 80%; z-index: 1; }
.section6 section .liebiao6 ul li .tupian a::after { background: url(../images/ico-img0001.png) no-repeat scroll center center; content: ""; display: inline-block; height: 40px; left: 50%; line-height: 40px; margin-left: -20px; margin-top: -20px; opacity: 0; position: absolute; top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 40px; z-index: 2; }
.section6 section .liebiao6 ul li:hover .tupian a::before { background-color: rgba(255, 102, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0); text-align: center; }
.section6 section .liebiao6 ul li .tupian a { background-color: #1e1e1e; display: block; height: 285px; max-height: 285px; overflow: hidden; position: relative; }
.section6 section .liebiao6 ul li:hover .tupian a::after { opacity: 1; top: 50%; }
.section6 section .liebiao6 ul li:hover .tupian img { transform: scale(1.1, 1.1); }
.section6 section .liebiao6 ul li .tupian a img { border-radius: 0; height: auto; margin: 0 auto; transition: all 0.3s ease-out 0s; width: 100%; display: block; float: none; max-width: 100%; }
.section6 section .liebiao6 ul li .summary { background: #f8f8f8 none repeat scroll 0 0; padding-bottom: 16px; padding-top: 20px; width: 100%; }
.section6 section .liebiao6 ul li .summary p.title { text-align: left; color: #1c1c1c; font-size: 18px; height: 24px; line-height: 24px; padding: 0 30px; }
.section6 section .liebiao6 ul li .summary p.title a { font-size: 18px; line-height: 24px; color: #FF6600; }
.section6 section .liebiao6 ul li .summary p.subtitle { color: #9f9f9f; height: 18px; line-height: 18px; margin-bottom: 10px; padding: 0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; text-align: left; }
.section6 section .liebiao6 ul li .summary p.description { text-align: left; border-top: 1px solid #e7e7e7; color: #7e7e7e; height: 50px; margin: 0; padding: 12px 30px 0; font-size: 13px; line-height: 24px; overflow: hidden }
.section6 section a.more { /*background: transparent url(../images/team-more.png) no-repeat center center; border-color: transparent; border-radius: 0; color: transparent; display: block;*/ height: 40px; line-height:40px; margin: 80px auto 0; width: 127px;transition: all 0.3s ease-out 0s; border-radius:5px; font-family: "Times New Roman"; font-size: 16px; background:#FF6600 }
/*section7*/
.section7 { background: transparent url(../images/index07.jpg) no-repeat center bottom; height: 583px; }
.section7::before { border-right: 1px solid rgba(0, 0, 0, 0.08); content: ""; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; width: 399px; }
.section7::after { border-left: 1px solid rgba(0, 0, 0, 0.08); content: ""; height: 100%; left: 0; margin: 0 auto; position: absolute; right: 0; width: 1000px; }
.section7 section { height: calc(100% - 60px); margin-top: -270px; position: absolute; top: 50%; width: 100%; }
.section7 section .header7 { display: block; padding-bottom: 0; position: relative; top: 55px;transition: all 0.3s ease-out 0s; }
.section7 section .header7 p.title { color: #ff6600; font-family: "Times New Roman", "微软雅黑"; margin-left: 5%; text-align: left; font-size: 26px; }
.section7 section .header7 p.subtitle { color: #b4b4b4; font-family: "Times New Roman", "微软雅黑"; margin-left: 5%; margin-top: 5px; text-align: left; font-size: 14px; }
.section7 section .content7 { height: 480px; margin: 0 auto; position: relative; width: 1200px; z-index:999 }
.section7 section .content7 ul { display: block; float: left; height: 480px; margin-left: 100px; }
.section7 section .content7 ul .toutiao { display: block; float: left; height: 480px; margin-left: 0; width: 430px; line-height: 30px; animation-delay: 0.1s; }
.section7 section .content7 ul .toutiao a { display: block; height: 100%; position: relative; clear: both; cursor: pointer; padding: 0; text-align: left; }
.section7 section .content7 ul .toutiao a .newsimg { display: block; height: 230px; margin-bottom: 30px; width: 430px;transition: all 0.3s ease-out 0s; }
.section7 section .content7 ul .toutiao a .newsimg img { height: 230px; width: 430px; }
.section7 section .content7 ul .toutiao a .news_wrapper::before { height: 0; }
.section7 section .content7 ul .toutiao a .news_wrapper { height: 200px; padding-left: 30px; width: 400px; background-color: transparent;transition: all 0.3s ease-out 0s; }
.section7 section .content7 ul .toutiao a .newsbody::after { background: #ff6600 url("../images/icon.png") no-repeat scroll -165px 2px; border-top: 1px solid rgba(0, 0, 0, 0.12); color: #fff; content: "MORE"; display: block; font-family: "Times New Roman"; font-size: 16px; height: 40px; line-height: 40px; margin-top: 49px; padding-left: 45px; padding-top: 2px; text-align: left; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 105px; }
.section7 section .content7 ul .toutiao a .newsbody { display: block; max-width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; }
.section7 section .content7 ul .toutiao a .newsbody { vertical-align: middle; }
.section7 section .content7 ul .toutiao a .newsbody .date { padding: 0; font-size: 12px; color: #a7a6a6; display: inline-block; float: left; font-family: Arial; font-weight: inherit; margin-bottom: 0; padding: 0 22px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.newsbody .date .md { font-family: "Times New Roman"; font-size: 14px; margin-left: -104px; margin-top: 28px; position: absolute; color: #a7a6a6; font-weight: inherit; cursor: pointer; text-align: left; line-height: 30px; }
.md span { display: none; }
.date .year { color: #8c8c8c; font-family: "Times New Roman"; font-size: 26px; margin-left: -135px; position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.section7 section .content7 ul .toutiao a .newsbody .title::before { background-color: #ff6600; content: ""; height: 20px; margin: 5px 0 0 -31px; position: fixed; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 2px; }
.section7 section .content7 ul .toutiao a .newsbody .title, .section7 section .content7 ul li a .newsbody .title { color: #474747; display: block; float: none; font-size: 18px; position: relative; width: 100%; }
.section7 section .content7 ul .toutiao a:hover .newsbody .title, .section7 section .content7 ul li a:hover .newsbody p.title { color: #FF6600; }
.section7 section .content7 ul .toutiao a .newsbody .description::after { background: #000 none repeat scroll 0 0; content: ""; height: 42px; left: 0; margin: 0; position: absolute; top: 140px; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 0; z-index: -1; }
.section7 section .content7 ul .toutiao a .newsbody .description { color: #808080; display: block; font-size: 13px; height: 45px; line-height: 26px; margin-top: 15px; overflow: hidden; text-align: left; }
.section7 section .content7 ul .toutiao a .newsbody p.description { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.section7 section .content7 ul li { float: left; height: 155px; line-height: 30px; margin-left: 300px; width: 320px;transition: all 0.3s ease-out 0s; }
.section7 section .content7 ul li:nth-child(1) { animation-name: fadeInUp; animation-delay: 0.1s; }
.section7 section .content7 ul li:nth-child(2) { animation-name: fadeInUp; animation-delay: 0.2s; }
.section7 section .content7 ul li:nth-child(3) { animation-name: fadeInUp; animation-delay: 0.3s; }
.section7 section .content7 ul li a { clear: both; cursor: pointer; padding: 0; text-align: left; display: block; height: 100%; position: relative; }
.section7 section .content7 ul li a .news_wrapper::before { width: 340px; height: 1px; position: absolute; content: ""; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background: rgba(0,0,0,.08); z-index: 2; margin-top: 120px; margin-left: -30px; }
.section7 section .content7 ul li a:hover .news_wrapper::after { width: 350px; background-color: rgba(0,0,0,.3); }
.section7 section .content7 ul li a:hover .news_wrappe { background-color: transparent; }
.section7 section .content7 ul li a:hover .title { color: #E73828; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.section7 section .content7 ul li a:hover .date .year { color: #fff; }
.section7 section .content7 ul li a .news_wrapper { transition: all 0.3s ease-out 0s; background-color: transparent; width: 100%; cursor: pointer; text-align: left; }
.section7 section .content7 ul li a .news_wrapper .newsbody { display: block; max-width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; vertical-align: middle; }
.section7 section .content7 ul li a .news_wrapper .newsbody .date { color: #a7a6a6; display: inline-block; float: left; font-family: Arial; font-weight: inherit; font-size: 12px; margin-bottom: 0; padding: 0 22px; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.section7 section .content7 ul li a .news_wrapper .newsbody .date .md { color: #a7a6a6; font-family: "Times New Roman"; font-size: 14px; margin-left: -104px; margin-top: 28px; position: absolute; }
.section7 section .content7 ul li a .news_wrapper .newsbody .date .year { color: #8c8c8c; font-family: "Times New Roman"; font-size: 26px; margin-left: -135px; position: absolute; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
.section7 section .content7 ul li a .news_wrapper .newsbody .title::before { background-color: #ff6600; content: ""; height: 20px; margin: 5px 0 0 -31px; position: fixed; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 1px; }
.section7 section .content7 ul li a .news_wrapper .newsbody .title { color: #474747; display: block; float: none; font-size: 16px; position: relative; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section7 section .content7 ul li a .news_wrapper .newsbody p.description { color: #6a6a6a; display: block; font-size: 13px; height: 42px; line-height: 24px; margin-left: 0; margin-top: 12px; overflow: hidden; text-align: left; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; }
/*section8*/
.section8 { position: relative; background: url(../images/index08.jpg) no-repeat center top; background-size: cover; background-attachment: scroll; }
.section8 section { margin-top: -230px; height:525px; position: absolute; top: 50%; width: 100%; }
.section8 section .header8 { width: 100%; padding-bottom: 30px; margin: 0 auto }
.section8 section .header8 p.title { margin-left: 5%; text-align: left; color: #fff; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 22px; }
.section8 section .header8 p.subtitle { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 14px; color: #5d5d5d; margin-left: 5%; margin-top: 5px; text-align: left; }
.section8 section .content8 { background: #fff none repeat scroll 0 0; height: 100%; margin: 5% auto 0; position:relative; width: 100%; }
.section8 section .content8 .contactinfo { margin-left: 5%; padding-top: 4.2%; width: 35%; float: left }
.section8 section .content8 .contactinfo h3 { color: #444; margin-bottom: 45px; font-size: 16px; font-weight: 100; line-height: 24px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section8 section .content8 .contactinfo p { color: #989898; font-size: 13px; height: 24px; line-height: 24px; width: 100%; margin-bottom: 5px; }
.section8 section .content8 .contactinfo p span { }
.section8 section .content8 .contactinfo div { margin-top: 24px; }
.section8 section .content8 .contactinfo div a { border-radius: 15px; color: #fff; display: block; font-size: 16px; height: 30px; margin-right: 10px; text-align: center; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 30px; float:left}
.section8 section .content8 .contactinfo div a i { font-size: 16px; margin-top: 7px; color: #b1b1b1; display: inline-block; font-family: FontAwesome; font-kerning: auto; font-synthesis: weight style; line-height: 1; transform: translate(0px, 0px); }
.section8 section .content8 .contactinfo div a:hover{ background:#b6b6b6}
.section8 section .content8 .contactinfo div a:hover i { color: #fff; }
.section8 section .content8 .contactinfo div a i.fa-weibo:before { content: "\f18a"; }
.section8 section .content8 .contactinfo div a i.fa-renren:before { content: "\f18b"; }
.section8 section .content8 .contactinfo div a i.fa-qq:before { content: "\f1d6"; }
.section8 section .content8 .contactinfo div a i.fa-wechat:before, .section8 section .content8 .contactinfo div a i.fa-weixin:before { content: "\f1d7"; }
.section8 section .content8 .contactform { margin-right: 5%; padding-top: 3.1%; width: 50%; float: right }
.section8 section .content8 .contactform p { float: left; margin-right: 20px; width: 30%; }
.section8 section .content8 .contactform p .inputtxt { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: transparent; border-color: currentcolor currentcolor #ddd; border-image: none; border-style: none none solid; border-width: medium medium 1px; color: #575757; padding: 20px 0; width: 100%; height: 20px; line-height: 20px; margin-bottom: 10px; font-size: 14px; font-family: Arial, "微软雅黑"; }
.section8 section .content8 .contactform p textarea.inputtxt { height: 100px; overflow: hidden; resize: none; width: calc(300% + 40px); line-height: 20px; margin-bottom: 10px; font-family: Arial, "微软雅黑"; font-size: 14px; }
.section8 section .content8 .contactform p .inputsub { background-color: #ff6600; border: 1px solid rgba(255, 255, 255, 0.2); color: #cfcfcf; cursor: pointer; display: block; float: left; font-size: 14px; height: 40px; left: calc(-100% - 20px); position: relative; top: 170px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 160px; padding: 5px 0; }
.section8 section .content8 .contactform p .inputsub:hover { background-color: #ff4e00; color: #fff; }
#footer { background: #000; width: 100%; position:absolute; z-index: 2; left:0; bottom:0;  }
#footer p { text-align: right; padding: 20px; font-size: 12px; color: #8e8e8e; height: 20px; line-height: 20px }
#footer a { margin-top: 1px; display: inline-block; width: 47px; height: 20px; vertical-align: top; margin-left: 10px; margin-right: 40px }
#footer a path { fill: #ff0000 }
#footer.mini { position: fixed; bottom: 0; background: rgba(0,0,0,.8) }
#footer.mini p { padding: 5px }


/*首页联系*/