﻿/* writeen by 吴灿 || WeChat:kingdomWC; || phone:18588262364*/
html, body, div, p, span, label, img, a, ol, ul, dl, dt, dd, li, table, tr, td, th, tbody, thead, tfoot, form, fieldset, legent, h1, h2, h3, h4, h5, h6, strong, b, em, blockquote, cite, pre, code, hr, br, input, button, textarea, nav, section{padding:0px; margin:0px; }
html,body{font-family:sans-serif,'Microsoft Yahei',Arial,Simsun; font-size:100%; width:100%; max-width:640px; margin:0 auto;}
html {font-size: 62.5%}
body{ min-height:420px;font-size:15px;color:#666;}
*{ margin: 0; outline: 0; padding: 0; font-size: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
ul, li{list-style:none; list-style-type:none;}
:focus{outline:0;}
a,img{border:0 none;}
img{vertical-align:middle;}
a{text-decoration:none;}
caption, cite, code, em, th, var {font-weight:normal; font-style:normal; }
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%;}
body,html {height: 100%;}
.scaleCur a,.scaleCur li.sca {-webkit-transition:-webkit-transform 150ms; -webkit-transform:scale(1.0, 1.0);}
.scaleCur .scale1{-webkit-transform:scale(1.1, 1.1);}
.clear{clear:both;display:block}

.header_button span,.bodyer,.header_content {-webkit-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.king:hover img {-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

@-webkit-keyframes animScale
{
	0%{ -webkit-transform:scale(1);}
	50%{ -webkit-transform:scale(1.1);}
	100%{ -webkit-transform:scale(1);}
}
.bigImg_img img {-webkit-animation:animScale 20s linear infinite;}

.bodyer {position: relative;width:100%;overflow: hidden;background: #fff;min-height: 100%;z-index: 99;}
.header_content {position: fixed;width:100%;height: 70px;border-bottom:2px solid #de6f00;top:0px;left:0px;z-index: 999;background: #fff;}
.header_logo {    position: relative;
    float: left;
    width: 130px;
    margin-left: 4%;
    padding-top: 12px;
    overflow: hidden;}
.header_logo img {width:100%;}
.header_bg {position: absolute;top:0px;right:0px;height: 100%;overflow: hidden;}
.header_bg img {height: 100%;}
.header_button {position: absolute;top:0px;right:2px;padding:20px 4%;}
.header_button span {display: block;width:30px;height: 2px;background: #4b4948;border-radius:10px;margin-bottom:8px;}
.index_content {position: relative;padding-top:72px;width:100%;}
.index_contentBlock {position: relative;width:100%;}
.index_bigContent {position: relative;width:100%;}
.swiper-container {position: relative;width:100%;}
.bigImg_img {position: relative;width:100%;display: block;}
.bigImg_img img {width:100%;}
.gallery-thumbs {position: relative;width:100%;z-index: 99;height: 50px;z-index: 99;}
.gallery-thumbs .swiper-slide {width: 14%;height: 100%;opacity: 1;}
.bigImg_icon {position: relative;width:72%;margin:auto;padding:5px 0;}
.bigImg_icon img {width:100%;}
.index_navBlock {position: absolute;bottom:0px;left:0px;width:100%;z-index: 99;background: url(../images/b_5.png);}
.index_bigTextBlock {position: relative;width:100%;height: 64px;background: #ee7700;}
.index_bigImg {position: relative;width:100%;}
.index_bigImg img {width:100%;}
.Investor_Bg{background: #eee;}
.news_Bg{background: #eee;}
.index_Bnavg{
    background: url(../images/b_2.jpg) no-repeat center bottom;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 114%;
    height: 100%;
    z-index: 99;
}
.index_textUl {position: relative;width:100%;height: 100%;overflow: hidden;background: url(../images/b_2.jpg) no-repeat center bottom;background-size:cover;}
.index_liBlock {position: relative;width:100%;height: 100%;}
.index_textLi {font-size:2rem;position: absolute;top:50%;left:0;width:100%;text-align:center;z-index: 99;color:#fff;margin-top:-16px;}
.index_bgCur {position: absolute;left:43%;width:14%;height: 51px;bottom:-1px;background: url(../images/b_51.png);}
.indexBu_content {position: relative;padding:35px 0 35px 0;width:100%;}
.idnexBu_contentBlock {position: relative;width:94%;margin:auto;}
.indexBu_aBlock {position: relative;float: left;width:19%;padding:0px 3%;}
.indexBu_icon {position: relative;width:100%;}
.indexBu_icon img {width:100%;}
.indexBu_title {position: relative;width:100%;color:#333333;text-align:center;padding-top:10px;white-space: nowrap;font-size:1.6rem;}

.nav_content {position: fixed;top:0px;right:-72%;width:72%;background: #3b3734;height: 100%;z-index: 6;}
.nav_bodyer .ccur{right:0;}
.nav_icon1 {position: absolute;right: -6%;top: 168px;width: 30%;}
.nav_icon1 img,.nav_icon2 img,.nav_icon3 img,.nav_icon4 img {width:100%;}
.nav_icon2 {position: absolute;right: 18%;top: 150px;width: 26%;}
.nav_icon3 {position: absolute;right: 4%;bottom: 80px;width: 180px;}
.nav3_showImg {position: absolute;width:180px;height: 190px;overflow: hidden;left:0px;bottom:0px;}
.nav3_img {position: absolute;bottom: 0px;left: 0px;width: 180px;}
.nav_icon4 {position: absolute;left: 20%;top: 71%;width: 24%;}
.nav_imgBlock {position: absolute;right:0px;bottom:0px;width:100%;overflow: hidden;height: 180px;}
.nav_img {position: absolute;bottom:0px;right:0;width:308px;}
.nav_img img {width:100%;}
.nav_ulBlock {position: relative;padding-top:55px;left:12%;float: left;z-index: 99;}
.nav_liBlock {position: relative;display: block;color:#fff;border-bottom:1px solid #fff;font-size:1.6rem;letter-spacing: 2px;}
.nav_liBlock a {position: relative;display: block;width:100%;height: 100%;display: block;color:#fff;padding:12px 0;-webkit-transform-origin: left;}
.icon_icon {position: absolute;top: 19%;left: 21%;z-index: 99;width: 60%;}
.icon_color {position: absolute;top: 9%;left: 9%;width: 85%;height: 85%;border-radius: 200px;}
.icon_wire {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;border-radius: 200px;}
.indexBu_aBlock.a1 .icon_color {background: #e9322d;}
.indexBu_aBlock.a1 .icon_wire {border: 1px solid #e9322d;}
.indexBu_aBlock.a2 .icon_color {background: #0582c2;}
.indexBu_aBlock.a2 .icon_wire {border: 1px solid #0582c2;}
.indexBu_aBlock.a3 .icon_color {background: #ef7c07;}
.indexBu_aBlock.a3 .icon_wire {border: 1px solid #ef7c07;}
.indexBu_aBlock.a4 .icon_color {background: #28a32b;}
.indexBu_aBlock.a4 .icon_wire {border: 1px solid #28a32b;}

.nav_bodyer .header_button span:nth-child(1) {-webkit-transform: rotate(405deg) translate(7px,7px);}
.nav_bodyer .header_button span:nth-child(2) {opacity: 0;}
.nav_bodyer .header_button span:nth-child(3) {-webkit-transform: rotate(-405deg) translate(7px,-7px);}
.nav_bodyer .bodyer,.nav_bodyer .header_content {-webkit-transform: translateX(-72%);}

@-webkit-keyframes leftAnim 
{
	0%{ left:5%;}
	100%{ left:12%;}
}
@-webkit-keyframes widthAnim 
{
	0%{ width:0;}
	100%{ width:100%;}
}
@-webkit-keyframes wireAnim 
{
	0%{ width:0px;height: 50px;}
	50%{ width:180px;height: 50px;}
	100%{ width:180px;height: 180px;}
}
@-webkit-keyframes anim1 
{
	0%{-webkit-transform: translate(0px,0px);}
	25%{-webkit-transform: translate(-40px,0px);}
	75%{-webkit-transform: translate(40px,0px);}
	100%{-webkit-transform: translate(0px,0px);}
}
@-webkit-keyframes anim2
{
	0%{-webkit-transform: translate(0px,0px);}
	25%{-webkit-transform: translate(-50px,0px);}
	75%{-webkit-transform: translate(50px,0px);}
	100%{-webkit-transform: translate(0px,0px);}
}
@-webkit-keyframes anim3
{
	0%{-webkit-transform: translate(0px,0px);}
	50%{-webkit-transform: translate(-10px,10px);}
	100%{-webkit-transform: translate(0px,0px);}
}
@-webkit-keyframes left2
{
	0%{left: -150px;}
	100%{left: 600px;}
}

.nav_bodyer .nav_ulBlock {-webkit-animation:leftAnim 0.4s ease 0.2s backwards;}
.nav_bodyer .nav_imgBlock {-webkit-animation:widthAnim 1s ease backwards;}
.nav_bodyer .nav3_showImg {-webkit-animation:wireAnim 1s ease 0.6s backwards;}
.nav_icon1 {-webkit-animation:anim2 20s ease-in-out infinite;}
.nav_icon2 {-webkit-animation:anim1 20s linear 1s infinite;}

.header_logo:after {content: "";display: block;position: absolute;top: 0px;width: 150px;height: 100%;background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));overflow: hidden;-webkit-transform: skewx(-25deg);-webkit-transition: 0s;left:-200px;}
.header_logo.current:after {-webkit-animation:left2 1s ease backwards;}
.swiper-slide {overflow: hidden;}
.header_bg img {-webkit-animation:anim3 4s ease-in-out infinite;}

.about_Bg{background: #eee;}
.about_tBlock{width:100%;padding:25px 0;background:#de6f00 url(../Images/img/a_1.png) no-repeat right 20px center;background-size:28px;font-size:1.6rem;color:#fff;text-align:center}
.about_tBlock .tc,.new_tBlock .tc,.invet_tBlock .tc{letter-spacing: 0.1rem;font-size:2.0rem;}
.about_tBlock .te,.new_tBlock .te,.invet_tBlock .te{text-transform:uppercase;}
.about_cBlock{width:92%;padding:25px 4% 40px;position:relative;background:url(../Images/img/a_3.png) no-repeat left bottom;background-size:100%}
.about_cBlock2{width:96%;padding:10px 2%;position:relative;background:#eee}
.about_ct{font-size:1.8rem;text-align:center}
.about_ct .ctc{color:#212121;letter-spacing:2px}
.about_ct .cte{color:#ccc}
.about_cc{text-indent: 2.4rem;color:#4c4c4c;line-height:2.4rem;text-align:justify;background:url(../Images/img/a_6.png) no-repeat left top;background-size:100%;padding-top:20px;}
.about_cc p{margin-bottom:10px;}
.about_cc img{max-width:100%;text-indent: -2.4rem;display: block;}
.about_tBd{width:100%;padding-bottom:10px}
.about_tBd ul{overflow:auto;margin-left:2%}
.about_tBd li{width:49%;height:50px;line-height:50px;float:left;margin-right:1px;margin-bottom:1px;text-align:center;color:#383838;background:#fff;letter-spacing:1px}
.about_tBd li.at{background:#d3d3d3;color:#de6f00}
.about_cBd{width:96%;margin:0 auto}
.about_cBd li{background:#fff;padding:20px 15px;margin-bottom:20px}
.about_cBd .tt{text-align:center}
.about_cBd .tt span{color:#9b9b9b;letter-spacing:1px;display:inline-block;margin:0 auto;border-bottom:1px solid #bfbfbf;padding-bottom:6px}
.about_cBd .tt em{font-size:1.8rem;color:#1c1c1c}
.about_cBd .tc{color:#4c4c4c;line-height:2.4rem;text-align:justify;margin-top:15px;text-indent: 2.4rem;}
.about_menu{width:100%;height:100%;background:#de6f00 url(../Images/img/a_4.png) no-repeat left bottom;background-size:100%;position:fixed;left:0;top:0;z-index:999;display:none}
.about_menu .close{width:70px;height:70px;background:url(../Images/img/a_5.png) no-repeat center;background-size:26%;position:absolute;top:0;right:0;z-index:999}
.about_menu .outer-wrap{position:absolute;left:0;top:50%;width:100%;-webkit-transform:translateY(-50%)}
.about_menu .inner-wrap{-webkit-animation:animScaleB 0.4s linear;}
.about_menu .inner-wrap a{display:block;font-size:2.2rem;line-height:64px;text-align:center;color:#fff;letter-spacing:1px}
.new_tBlock{width:100%;padding:35px 0;background:#de6f00 url(../Images/img/n_6.jpg) no-repeat center;background-size:cover;font-size:1.6rem;color:#212121;text-align:center;}
.invet_tBlock{width:100%;padding:35px 0;background:#de6f00 url(../Images/img/n_1.jpg) no-repeat center;background-size:cover;font-size:1.6rem;color:#212121;text-align:center;}

.new_cBlock .News_item {
    position: relative;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.new_cBlock .News_item a {
    padding: 5px 10px 10px;
    display: block;
    background: #fff url(../Images/img/n_2.png) no-repeat right 15px center;
    background-size: 10px;
}
.Investor_Blist{
    position: relative;
    width: 100%;
}
.Investor_Blist .Investor_item{
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.Investor_Blist .Investor_item a{
    padding: 5px 10px 10px;
    display: block;
    background: #fff url(../Images/img/n_2.png) no-repeat right 15px center;
    background-size: 10px;
}
.new_cBlock{width:92%;min-height:530px;padding:10px 4%;position:relative;background:#eee}
.new_cBlock li{letter-spacing:1px;margin-bottom:10px;animation: fadeDown 1s ease 1s both;-webkit-animation: fadeDown 1s ease 1s both;}
.new_cBlock li a{padding:5px 10px 10px;display:block;background:#fff url(../Images/img/n_2.png) no-repeat right 15px center;background-size:10px;}
.new_lt{width:92%;color:#717171;font-size:1.6rem;line-height:2rem}
.new_lc{width:92%;font-size:1.2rem;margin-top:5px}
.new_lci{color:#ee7700;border:1px solid #ee7700;padding:2px 4px;float:left}
.new_lcd{color:#686868;line-height:22px;float:right}
.new_lcv{color:#ee7700;font-size:1.2rem;margin-top:5px}
.new_iBlock{width:92%;padding:10px 4%;position:relative;background:#fff}
.new_it{padding:10px 0;border-bottom:1px solid #c3c3c3}
.new_it .tt{font-size:2.0rem;color:#585858;line-height:2rem;text-align:justify;margin-bottom: 15px;}
.new_it .tc{font-size:1.2rem;color:#262626;opacity:.5;margin-top:10px;position:relative}
.new_it .tc span{margin-right:25px}
.new_it .tc .fx{color:#262626;display:block;position:absolute;right:0;top:0;padding: 1px 5px;border: 1px solid #de6f00;}
.new_ic{width:100%;position:relative;line-height:2.4rem;text-align:justify;padding-top:15px}
.new_ic p{margin-top:10px;text-indent: 2.4rem;}
.new_ic img{width:100%;text-indent: -2.4rem;display: block;}
.new_ic .swiper-button-prev{width:35px;height:35px;background:url(../Images/img/n_4.png) no-repeat left center;background-size:100%}
.new_ic .swiper-button-next{width:35px;height:35px;background:url(../Images/img/n_5.png) no-repeat left center;background-size:100%}
.new_ic .block{color:#2c2c2c;border:1px solid #dcdcdc;padding:0 10px;margin:20px 0}
.new_ic .block .in{height:40px;line-height:40px;color:#929292;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.new_ic .block .in:first-child{border-bottom:1px solid #dcdcdc}
.new_ic .block .in:active{color:#ee7700}
.new_ic .block .in span{font-size:1.5rem;color:#2c2c2c}
.new_ic .block .in.active span{color:#2c2c2c}
.inv_top{width:100%;height:11rem;position:relative;background:url(../Images/img/i_1.jpg) no-repeat left center;background-size:cover;margin-bottom:15px;}
.inv_top .in{color:#fff;font-size:1.2rem;padding:10px 10px 15px 10px}
.inv_top .in p{opacity:.8}
.inv_top .int .ti{float:left;}
.inv_top .int .t1 p{color:#ed5d05;font-size:1.6rem;background:url(../Images/img/i_2.png) no-repeat right 10px;background-size:10px;padding-right:15px;margin-top:0}
.inv_top .int .t1 em{font-size:2.8rem;font-weight:bold;}
.inv_top .int .t2{margin-left:7%}
.inv_top .int .t3{float:right}
.inv_top .int h2{opacity:.8}
.inv_top .int p{color:#808080;font-size:1.8rem;font-weight:bold;margin-top:6px}
.inv_top .inb{position:absolute;left:10px;bottom:12px}
.inv_it{padding:10px 0;border-bottom:1px solid #c3c3c3}
.inv_it .tt{font-size:1.8rem;color:#262626;line-height:2rem;text-align:justify}
.inv_it .tc{color:#262626;opacity:.5;margin-top:5px}
.inv_ic{width:100%;position:relative}
.inv_ic .ici{margin-top:15px}
.inv_ic .ici_l{width:20%;float:left}
.inv_ic .ici_l img{width:100%}
.inv_ic .ici_r{width:76%;float:right}
.inv_ic .icd{width:100%;height:60px;line-height:60px;background:#ee7700 url(../Images/img/i_4.png) no-repeat 32% center;background-size:25px;color:#fff;text-align:center;font-size:1.8rem;display:block;margin-top:30px}
.wc_in{width:93%;padding:20px 4%;background:#fff;position:relative;margin-bottom:10px;}
.wc_inl{width:34%;float:left}
.wc_inl img{width:100%}
.wc_inr{width:60%;color:#4c4c4c;float:right}
.wc_inr p{margin-bottom:3px}
.wc_inr p:last-child{margin-top:6px}
@-webkit-keyframes animScaleB
{
	0%{ -webkit-transform:scale(0.5);}
	100%{ -webkit-transform:scale(1);}
}

@media screen and (max-width: 320px){
	.inv_top{height:10rem}
	.inv_top .int .t1 p{background:url(../Images/img/i_2.png) no-repeat right 5px;background-size:10px}
	.inv_top .int .t1 em{font-size:2.4rem}
	.inv_top .int .t2{margin-left:5%}
	.inv_top .int p{font-size:1.6rem}
	.wc_inr{font-size:1.2rem}
}
.index_bigContent .gallery-top,.index_bigContent .gallery-thumbs {overflow: visible;}

.book_tBlock{
	width: 100%;
    padding: 35px 0;
    background:url(../Images/n5.jpg) no-repeat center;
    background-size: cover;
    font-size: 1.6rem;
    color: #212121;
    text-align: center;
}
.book_tBlock .tc {
    letter-spacing: 0.1rem;
    font-size: 2.0rem;
}
.book_tBlock .te {
    text-transform: uppercase;
}
.book_content{
	width: 92%;
    min-height: 530px;
    padding: 10px 4%;
    position: relative;
}
.book_nav{
	position: relative;
	width: 100%;
	border-bottom: 1px solid #b5b5b5;
}
.book_nav a{
	display: block;
    margin-right: 15px;
    font-size: 1.8rem;
    color: #1b1b1b;
    float: left;
    line-height: 38px;
}
.book_nav a.cur{
	border-bottom: 1px solid #de6f00;
}
.book_search{
	width: 190px;
    height: 24px;
    border: 1px solid #b0b0b0;
    float: right;
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
}
.book_search input{
	width: 148px;
    padding-left: 8px;
    height: 24px;
    color: #383838;
    font-size: 16px;
    letter-spacing: 1px;
    border: 0;
    background: none;
    outline: none;
}
.book_search .Bsearch{
	background: #9f9f9f url(../Images/n2.png) no-repeat center;
    width: 30px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 0;
}
.book_list{
	position: relative;
	width: 100%;
}
.book_list li{
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #b5b5b5;
}
.book_img{
	position: relative;
	width: 40%;
	float: left;
}
.book_img img{
	width: 100%;
}
.book_text{
	position: relative;
	width: 55%;
	float: right;
}
.book_text h2{
	color: #000;
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 12px;
}
.book_text p{
	font-size: 1.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    line-height: 1.7rem;
}
@media screen and (max-width: 320px) {
    .book_text p{
        overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 5;
	    -webkit-box-orient: vertical;
    }
    .book_text h2 {
	    margin-bottom: 8px;
	}
}
.book_line{
	position: absolute;
	right: 0;
	bottom: 20px;
	height: ;
}
.book_line a{
	    display: block;
    color: #fff;
    background: #ee7701;
    width: 70px;
    border-radius: 5px;
    text-align: center;
    line-height: 25px;
    height: 25px;
    font-size: 1.4rem;
    float: left;
}
.Bline_block{
	position: relative;
	width: 15px;
	height: 25px;
	float: left;
}
.book_bottom{
	position: relative;
	width: 100%;
}
.book_bottom img{
	width: 100%;
}
a.new_back {
    float: right;
    color: #666;
    font-size: 14px;
    margin-top: -3px;
}
