@charset "utf-8";
/* CSS Document */




/***********header***********/
.header { width: 100%; background-color: rgba(255,255,255,.5); position: relative; z-index: 999; }

.header_phone_more,
.header_phone_close { display: none; }
.header { box-shadow: 0 1px 5px rgba(0,0,0,.1); }
.header_box { padding: 24px 0; }
.header_logo a,
.header_logo img { width: auto; height: 110px; display: block; }

.header_right { height: 110px; display: table; position: relative; }

/*.language { position: absolute; top: 0; right: 0; z-index: 2; }
.language a { display: block; float: left; width: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #fff; border-radius: 100px; margin-left: 32px; background-color: #14436d; opacity: .6; }
.language a:hover, .language a.active { opacity: 1; }*/

.language { position: absolute; top: 0; right: 0; z-index: 2; /*display: table;*/ }
.language dl { height: 16px; line-height: 16px; position: relative; z-index: 9999; cursor: pointer; display: table-cell; vertical-align: middle; }
.language dt { position: relative; padding: 0 18px 0 26px; color: #2f3032; font-size: 15px; cursor: pointer; width: 20px; }
.language dd { position: absolute; left: 50%; z-index: 999; background-color: #fff; margin-top: 10px; padding: 6px; text-align: center; /*border: 1px solid #2f3032;*/ display: none; box-shadow: 0 2px 4px rgba(0,0,0,.3); margin-left: -33px; }
.language dd a { display: block; font-size: 15px; width: 54px; line-height: 30px; }
.language dd a.active { background-color: #E4007F; color: #fff; }

.language i { position: absolute; top: 2px; right: 0; z-index: -1; font-weight: 700; line-height: 14px; }
.language i:before { content: "\e732"; color: #2f3032; display: block; text-align: center; font-size: 12px; }
.language dt:hover { color: #E4007F; }
.language dt:before { content: "\e684"; font-family: "iconfont"!important; display: block; font-size: 16px; font-weight: 700; position: absolute; top: 0; left: 0; line-height: 16px; }
.language:hover dt:before { color: #2f3032; }


.header_right_d { display: table-cell; vertical-align: bottom; }

.header_other { float: right; margin-left: 120px; }
.header_other > div { float: left; }
.header_faq a { font-size: 18px; line-height: 30px; color: #07456c; display: block; }
.header_login a { line-height: 30px; background-color: #07456c; font-size: 16px; color: #fff; display: inline-block; padding: 0 24px; }

.header_nav { float: left; }
.header_nav > ul > li { float: left; }
.header_nav > ul > li > div { position: relative; padding-right: 14px; margin-right: 74px; }
.header_nav > ul > li > div > a { font-size: 18px; line-height: 30px; color: #07456c; display: block; }
.header_nav > ul > li > div > i { position: absolute; bottom: 4px; right: 0; font-size: 12px; color: #07456c;
	-webkit-transform: scale(.7); 
	-moz-transform: scale(.7); 
	-ms-transform: scale(.7); 
	-o-transform: scale(.7); 
	transform: scale(.7);
}
.header_nav > ul > li:last-child > div { margin-right: 0; }
.header_subnav { opacity: 0; filter: alpha(opacity=0); visibility: hidden; position: absolute; top: 0%; left: 0; background-color: #fff; padding: 16px 0; zoom: .5;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.header_subnav ul li a { white-space: nowrap; padding: 10px 24px; display: block; line-height: 1em; }
.header_subnav ul li a:hover { background-color: #f4f5f6; }
.header_nav > ul > li > div:hover .header_subnav { top: 100%; zoom: 1; opacity: 1; filter: alpha(opacity=100); visibility: visible;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}

/**/
.header.header_fixed { position: fixed; top: 0; left: 0; z-index: 999; background-color: #fff; }
.header.header_fixed .header_right,
.header.header_fixed .header_logo a,
.header.header_fixed .header_logo img { height: 80px; }
.header.header_fixed .header_box { padding: 12px 0; }








/***********footer***********/
.footer { background-color: #3a3a3c; padding: 40px 0 22px; }
.footer a { 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.footer a:hover { opacity: .5; filter: alpha(opacity=50);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}

.footer_row1 { position: relative; text-align: center; }

.footer_nav1 { display: inline-block; }
.footer_nav1 ul li { float: left; padding-right: 2px; position: relative; }
.footer_nav1 ul li a { font-size: 20px; color: #fff; display: block; padding: 0 16px; line-height: 30px; }
.footer_nav1 ul li:after { content: ""; display: block; width: 2px; height: 20px; background-color: #fff; position: absolute; top: 50%; right: 0; margin-top: -10px; }
.footer_nav1 ul li:last-child { padding-right: 0; }
.footer_nav1 ul li:last-child:after { display: none; }

.footer_share { position: absolute; top: 0; right: 0; }
.footer_share a { display: block; float: left; width: 30px; height: 30px; margin-left: 16px; }
.footer_share a img { display: block; width: 100%; height: 100%; }

.footer_row2 { padding: 6px 0; margin-bottom: 16px; border-bottom: 1px solid #9c9c9e; display: table; width: 100%; }
.footer_row2 > div { display: table-cell; vertical-align: bottom; }

.footer_company { text-align: right; line-height: 1em; }
.footer_company p { font-size: 12px; color: #fff; display: inline-block; vertical-align: top; line-height: 1.1em; }
.footer_company p:first-child { padding-right: 14px; }

.footer_copyright { float: left; line-height: 1em; }
.footer_copyright p { font-size: 12px; color: #fff; line-height: 1.1em; }

.footer_nav2 { float: right; }
.footer_nav2 ul li { float: left; position: relative; padding-right: 20px; }
.footer_nav2 ul li a { font-size: 12px; color: #fff; display: block; line-height: 1em; }
.footer_nav2 ul li:last-child { padding-right: 0; }










/***********banner***********/
/*.index_banner .slide a { position: relative; display: block; }
.index_banner .slide a img { display: block; }
.index_banner .slide a p { position: absolute; top: 50%; left: 50%; z-index: 2; font-size: 44px; color: #fff; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.3);
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform:translate(-50%,-50%); 
	-ms-transform:translate(-50%,-50%); 
	transform: translate(-50%,-50%); 
}
.index_banner .slide a p span { display: block; font-size: 18px; color: #fff; line-height: 1.4em; margin-top: 20px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }*/






/***********首頁***********/
.index_title { position: relative; text-align: center; }
.index_title > span { font-size: 50px; line-height: 1.2em; color: #0d446b; }
.index_title > p { font-size: 44px; line-height: 1.2em; color: #0d446b; }
.index_title > p span { font-size: 44px; line-height: 1.2em; display: inline-block; color: #E4007F; }

.index_video { position: relative; overflow: hidden; }

.index_video_main { background-color: #2f3032; }
.index_video_main img { width: 100%; height: auto; display: none; }
.index_video_main img:first-child { display: block; }
.index_video_main video { border: 0; display: block; height: auto!important; }
.index_video_main video:last-child { display: none; }


.index_video_txt { position: absolute; left: 50%; bottom: 44px; z-index: 9;
	-webkit-transform: translateX(-50%); 
	-moz-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); 
	transform: translateX(-50%); 
}
.index_video_txt > div { width: 540px; padding: 20px 10px 20px 0; background-color: rgba(228,0,127,.6); position: relative; }
.index_video_txt > div:before { content: ""; display: block; width: 500px; height: 100%; position: absolute; top: 0; right: 100%; background-color: rgba(228,0,127,.6); }
/*.index_video_txt > div:after { content: ""; display: block; position: absolute; top: 0; left: 100%; height: 0px; width: 0px; border-top: 0 solid transparent; border-left: 100px solid rgba(228,0,127,.6); border-bottom: 100px solid transparent; }*/
.index_video_txt > div:after { content: ""; display: block; position: absolute; top: 0; left: 100%; background: url(../images/index-video-img1.png) no-repeat; opacity: .6; filter: alpha(opacity=60); width: 70px; height: 100%; background-size: 100% 100%; }
.index_video_txt > div h3 { font-size: 36px; color: #fff; font-weight: normal; }
.index_video_txt > div span { font-size: 24px; color: #fff; font-weight: normal; }
.index_video_txt > div p { font-size: 18px; color: #fff; font-weight: normal; padding-top: 24px; }


/*1*/
.index_one { padding: 66px 0 80px; }
.index_one .index_title:after,
.index_one .index_title:before { content: ""; display: block; width: 762px; height: 134px; background-size: 100% 100%; position: absolute; top: 50%; margin-top: -67px; }
.index_one .index_title:after { background: url(../images/index-one-img2.png) no-repeat; right: 0; }
.index_one .index_title:before { background: url(../images/index-one-img1.png) no-repeat; left: 0; }
.index_one_box { text-align: center; }
.index_one_box p { padding-top: 16px; font-size: 20px; line-height: 2em; font-weight: normal; color: #565658; }
.index_one_box p b { font-size: 20px; }
.index_one_box p:first-of-type { padding-top: 36px; }
.index_one_box span { display: block; padding-top: 16px; font-size: 20px; line-height: 2em; font-weight: normal; color: #e4007f; }


/*2*/
.index_two { background: url(../images/index-two-bg1.png) repeat-y; background-size: 100% auto; overflow: hidden; /*padding: 54px 0 0;*/ }
.index_two_box > div { position: relative; }

.index_two_img { height: 800px; }
.index_two_img img { width: auto; height: 100%; display: block; float: right; }
.index_two_txt { position: absolute; top: 44px; left: 50%; z-index: 9; margin-left: -600px; }
.index_two_txt > div { width: 40%; float: left; }
.index_two_txt h3 { font-size: 44px; line-height: 1.2em; margin-bottom: 36px; color: #636a70; }
.index_two_txt h3 span { font-size: 44px; color: #e4007f; font-weight: normal; display: inline-block; line-height: 1.2em; }
.index_two_txt p { font-size: 18px; line-height: 2em; font-weight: normal; margin-bottom: 72px; color: #636a70; }

.index_two_con1 .index_two_img img:last-child { display: none; }

.index_two_con2 { /*margin-top: 54px;*/ }
.index_two_con2 .index_two_img { left: 0; right: auto; }
.index_two_con2 .index_two_img img { float: left; }
.index_two_con2 .index_two_txt > div { float: right; }


/*3*/
.index_three { padding: 80px 0; }

.index_three_box ul { margin: 50px -50px 0; }
.index_three_box ul li { float: left; width: 33.33%; }
.index_three_box ul li > div { padding: 0 50px; }
.index_three_img img { width: 80%; height: auto; display: block; margin-bottom: 36px; }
.index_three_txt p { font-size: 18px; line-height: 2em; font-weight: normal; color: #636a70; }
.index_three_txt p span { font-size: 18px; line-height: 2em; font-weight: normal; color: #e4007f; }


/*4*/
.index_four > div { position: relative; }
.index_four > div > div { position: absolute; top: 0; left: 0; z-index: 2; }
.index_four > div > div img { width: 100%; height: auto; display: none; }
.index_four > div > img { width: 100%; height: auto; display: block; }
.index_four_box2 { display: none; }
html[lang="zh-TW"] .index_four > div > div img:first-child { display: block; }
html[lang="zh-CN"] .index_four > div > div img:nth-child(2) { display: block; }
html[lang="en-US"] .index_four > div > div img:nth-child(3) { display: block; }


/*5*/
.index_five { padding: 80px 0 40px; overflow: hidden; }
.index_five { position: relative; }
.index_five:before { content: ""; display: block; width: 364px; height: 100%; background: url(../images/index-five-img1.png) no-repeat; background-size: 100% auto; position: absolute; top: 0; left: 0; z-index: -1; }
.index_five:after { content: ""; display: block; width: 636px; height: 100%; background: url(../images/index-five-img2.png) no-repeat; background-size: 100% auto; position: absolute; top: 0; right: 0; z-index: -1; }

.index_five_txt { text-align: center; }
.index_five_txt h3 { font-size: 44px; font-weight: normal; color: #074262; line-height: 1em; }
.index_five_txt p { font-size: 18px; font-weight: normal; color: #636a70; line-height: 2em; margin: 36px 0; }
	
/*.index_five_img img:first-child { display: block; }
.index_five_img img:last-child { display: none; }*/
.index_five_img1 { display: none; }


/*6/7*/
.index_six_box { position: relative; }

.index_six_img img { width: 100%; height: auto; display: none; }
.index_six_img img:first-child { display: block; }
.index_six_txt { position: absolute; top: 0; bottom: 0; left: 50%; z-index: 2; margin-left: -600px; }
.index_six_txt > div { width: 500px; padding: 80px 0; max-width: 100%; }
.index_six_txt h3 { font-size: 44px; font-weight: normal; color: #fff; margin-bottom: 30px; }
.index_six_txt p { font-size: 20px; font-weight: normal; color: #fff; line-height: 2em; }

.index_seven .index_six_txt > div { position: absolute; right: 0; bottom: 0; }


/*8*/
.index_eight { padding: 80px 0; position: relative; overflow: hidden; }
.index_eight:after { } 
.index_eight_box { width: 960px; max-width: 92%; margin: 0 auto; text-align: center; }

.index_eight_logo { width: auto; height: 130px; }
.index_eight_logo img { width: auto; height: 100%; display: block; margin: 0 auto; }

.index_eight_box h3 { font-size: 44px; font-weight: normal; line-height: 1em; margin: 24px 0 44px; }
.index_eight_box p { font-size: 20px; font-weight: normal; line-height: 2em; color: #636a70; margin: 0 auto 40px; width: 80%;  }

.index_eight_box .commbtn1 span { /*font-size: 32px; line-height: 52px;*/ background-color: #005977; /*position: relative; z-index: 9; display: inline-block; padding: 0 44px 0 52px;*/ }
.index_eight_box .commbtn1 span:after { border-left: 10px solid #005977; /*border-bottom: 52px solid transparent;*/ }
/*.index_eight_box .commbtn1:before { border-bottom: 52px solid transparent; }*/







/*Join*/
.Join { }
.Join_info { }
.Join_info_row { position: relative; overflow: hidden; }

.Join_info_box { position: relative; z-index: 9; padding: 100px 0; }
.Join_info_box > div { float: left; width: 50%; } 
.Join_info_txt > div { padding-right: 66px; }
.Join_info_txt h3 { font-size: 36px; font-weight: 700; color: #e4007f; margin-bottom: 36px; }
.Join_info_txt p { font-size: 18px; /*font-weight: 700;*/ line-height: 2em; }

.Join_info_row:first-child:after { content: ""; display: block; width: 100%; height: 100%; background: url(../images/index-five-img1.png) no-repeat; position: absolute; top: 0; left: 0; }
.Join_info_row:first-child:before { content: ""; display: block; width: 100%; height: 100%; background: url(../images/index-five-img2.png) no-repeat; position: absolute; top: 0; right: 0; background-position: top right; }

.Join_info_row:nth-child(2):after { content: ""; display: block; width: 100%; height: 100%; background: url(../images/join/Join-info-bg31.jpg) no-repeat; background-size: 100% auto; position: absolute; top: 0; left: 0; }
/*.Join_info_row:nth-child(2):before { content: ""; width: 100%; height: 100%; background-color: rgba(0,34,120,.3); display: block; position: absolute; top: 0; left: 0; z-index: 1; }*/
.Join_info_row:nth-child(2) .Join_info_txt { float: right; }
.Join_info_row:nth-child(2) .Join_info_txt > div { padding: 0; }
.Join_info_row:nth-child(2) .Join_info_txt h3 { /*color: #fff;*/ /*padding-top: 30px;*/ }
.Join_info_row:nth-child(2) .Join_info_txt p { /*color: #fff;*/ }
.Join_info_row:nth-child(2) .Join_info_img img { width: 400px; margin: 0 auto; display: block; }

/*.Join_info_row:nth-child(3) .Join_info_txt p { margin-bottom: 20px; position: relative; padding-left: 36px; line-height: 1.7em; }
.Join_info_row:nth-child(3) .Join_info_txt p span { display: block; width: 24px; line-height: 24px; text-align: center; border-radius: 100px; background-color: #e4007f; color: #fff; font-weight: 700; position: absolute; top: 0; left: 0; }
.Join_info_row:nth-child(3) .Join_info_txt p span:after { content: ""; display: block; width: 10px; height: 10px; border-radius: 100px; background-color: #e4007f; position: absolute; right: -3px; bottom: -3px; z-index: -1; opacity: .5; }
.Join_info_row:nth-child(3) .Join_info_txt > div { padding: 0; }
.Join_info_row:nth-child(3) .Join_info_img { background-color: #000; display: none; }
.Join_info_row:nth-child(3) .Join_info_img img { width: 360px; margin: 0 auto; display: block; }*/

/*.Join_info_row:nth-child(3) .Join_info_box { display: table; }
.Join_info_row:nth-child(3) .Join_info_box > div { float: none; display: table-cell; vertical-align: middle; }*/

/*

.Join_info_row:nth-child(3) .Join_info_img { text-align: right; position: relative; display: none; }
.Join_info_row:nth-child(3) .Join_info_img span { display: inline-block; width: 100%; height: 690px; overflow: hidden; position: relative; }
.Join_info_row:nth-child(3) .Join_info_img img { width: auto; height: 100%; margin: 0 auto; display: block; max-width: inherit; position: absolute; top: 0; right: -40px; }

.Join_info_row:nth-child(3) .Join_info_img:after { content: ""; display: block; width: 100%; height: 60px; position: absolute; top: 0; left: 0; z-index: 2;
	background: -webkit-linear-gradient(top, #fff, transparent);
    background: -moz-linear-gradient(top, #fff, transparent);
    background: -o-linear-gradient(top, #fff, transparent);
    background: linear-gradient(to bottom, #fff, transparent);
}
.Join_info_row:nth-child(3) .Join_info_img:before { content: ""; display: block; width: 100%; height: 60px;  position: absolute; bottom: 0; left: 0; z-index: 2;
	background: -webkit-linear-gradient(bottom, #fff, transparent);
    background: -moz-linear-gradient(bottom, #fff, transparent);
    background: -o-linear-gradient(bottom, #fff, transparent);
    background: linear-gradient(to top, #fff, transparent);
}
.Join_info_row:nth-child(3) .Join_info_img span:after { content: ""; display: block; width: 200px; height: 100%; position: absolute; top: 0; left: 0; z-index: 2;
	background: -webkit-linear-gradient(left, #fff, transparent);
    background: -moz-linear-gradient(left, #fff, transparent);
    background: -o-linear-gradient(left, #fff, transparent);
    background: linear-gradient(to right, #fff, transparent);
}
.Join_info_row:nth-child(3) .Join_info_img span:before { content: ""; display: block; width: 200px; height: 100%; position: absolute; top: 0; right: 0; z-index: 2;
	background: -webkit-linear-gradient(right, #fff, transparent);
    background: -moz-linear-gradient(right, #fff, transparent);
    background: -o-linear-gradient(right, #fff, transparent);
    background: linear-gradient(to left, #fff, transparent);
}*/
 
/*.Join_info_row:nth-child(3) .Join_info_txt h3 { overflow: hidden; }
.Join_info_row:nth-child(3) .Join_info_txt h3 span { font-size: 36px; font-weight: 700; color: #e4007f; margin-bottom: 36px; line-height: 1em; display: inline-block; position: relative; }
.Join_info_row:nth-child(3) .Join_info_txt h3 span:after { content: ""; width: 1000px; height: 10px; background-color: #e4007f; display: block; position: absolute; bottom: 0; left: 100%; margin-left: 14px;
    -webkit-transform: skew(-24deg);
    -moz-transform: skew(-240deg);
    -o-transform: skew(-24deg);
    transform: skew(-24deg);
}*/

/*.Join_info_row:nth-child(3) .Join_info_txt { display: block; width: 100%; }
.Join_info_row:nth-child(3) .Join_info_txt ul li { display: inline-block; width: 49%; vertical-align: top; }
.Join_info_row:nth-child(3) .Join_info_txt ul li div { position: relative; padding: 14px 0 0 50px; margin-bottom: 24px; margin: 0 30px 24px; }
.Join_info_row:nth-child(3) .Join_info_txt ul li:nth-child(even) div { margin-left: 54px; }
.Join_info_row:nth-child(3) .Join_info_txt ul li:nth-child(odd) div { margin-right: 54px; }
.Join_info_row:nth-child(3) .Join_info_txt ul li div:after {
	content: ""; display: block; width: 100%; height: 50px; float: left; background-color: #07456c; position: absolute; top: 0; left: 0; z-index: -2;
    -webkit-transform: skew(-24deg);
    -moz-transform: skew(-240deg);
    -o-transform: skew(-24deg);
    transform: skew(-24deg);

}
.Join_info_row:nth-child(3) .Join_info_txt ul li span { display: block; }
.Join_info_row:nth-child(3) .Join_info_txt ul li span:first-child { position: absolute; top: 0; left: 16px; color: #fff; font-weight: 700; font-size: 30px; line-height: 50px; font-family: "Arial"!important; }
.Join_info_row:nth-child(3) .Join_info_txt ul li span:last-child { position: relative; padding: 6px 10px; font-weight: 700; line-height: 1.6em; font-size: 14px; }
.Join_info_row:nth-child(3) .Join_info_txt ul li span:last-child:after { content: ""; display: block; position: absolute; top: 0; left: -10px; bottom: 0; right: 0; z-index: -1; background-color: #fff;
    -webkit-transform: skew(-24deg);
    -moz-transform: skew(-240deg);
    -o-transform: skew(-24deg);
    transform: skew(-24deg);
}
.Join_info_row:nth-child(3) .Join_info_txt ul li span:last-child:before { content: ""; display: block; position: absolute; top: 4px; left: -4px; bottom: -6px; right: -6px; z-index: -2; background-color: #b1adad;
    -webkit-transform: skew(-24deg);
    -moz-transform: skew(-240deg);
    -o-transform: skew(-24deg);
    transform: skew(-24deg);
}*/



.Join_info_row:nth-child(3) { position: relative; overflow: inherit; }
.Join_info_row:nth-child(3) h3 { font-size: 36px; font-weight: 700; color: #e4007f; margin-bottom: 44px; }
.Join_info_row:nth-child(3) h3:after { 
	content: ""; display: block; width: 46%; height: 3px; margin-top: 8px; opacity: .6;
	background: -webkit-linear-gradient(left, #07456c , transparent);
    background: -moz-linear-gradient(left, #07456c, transparent); 
    background: -o-linear-gradient(left, #07456c, transparent); 
    background: linear-gradient(to right, #07456c , transparent); 
}
.Join_info_row:nth-child(3) .Join_info_box { padding-bottom: 50px; }
.Join_info_row:nth-child(3) .Join_info_txt { display: block; width: 100%; }
.Join_info_row:nth-child(3) .Join_info_txt > div { padding: 0; }
.Join_info_row:nth-child(3) .Join_info_txt ul { margin: 0 -15px; }
.Join_info_row:nth-child(3) .Join_info_txt ul li { display: inline-block; width: 49%; vertical-align: top; }
.Join_info_row:nth-child(3) .Join_info_txt ul li > div { margin: 0 15px 36px; }
.Join_info_row:nth-child(3) .Join_info_txt ul li > div p { position: relative; padding-left: 34px; line-height: 2em; /*font-weight: 700;*/ font-size: 18px; }
.Join_info_row:nth-child(3) .Join_info_txt ul li > div p span { /*font-weight: 700;*/ font-size: 18px; color: #e4007f; }
.Join_info_row:nth-child(3) .Join_info_txt ul li > div p:before { content: ""; width: 24px; height: 24px; display: block; background: url(../images/join/Join-ico1.png) no-repeat; background-size: 100% 100%; position: absolute; top: 4px; left: 0; }

.Join_info_row:nth-child(3) .Join_info_img { width: 1700px; height: auto; display: block; position: absolute; bottom: -220px; left: 50%; z-index: -1; opacity: .45;
	-webkit-transform: translateX(-50%); 
	-moz-transform: translateX(-50%); 
	-ms-transform: translateX(-50%); 
	transform: translateX(-50%); 
}




/**/
.Join_form { padding: 80px 0; position: relative; z-index: 9; }
.Join_form > form { background-color: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,.2); padding: 54px 24px; }

.Join_form .form_row { margin-bottom: 36px; }
.Join_box { position: relative; overflow: hidden; }
.Join_box_bg span { position: absolute; bottom: -300px; z-index: -1; display: block; width: 54px; height: 1800px; }
.Join_box_bg span:first-child { background-color: #d4e0ae; left: 10%;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); 
	-o-transform: rotate(45deg); 
	transform: rotate(-35deg);
}
.Join_box_bg span:nth-child(2) { background-color: #d4e8e9; right: 94px;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); 
	-o-transform: rotate(45deg); 
	transform: rotate(35deg);
}
.Join_box_bg span:nth-child(3) { background-color: #afd1da; right: 20px;
	-webkit-transform: rotate(45deg); 
	-moz-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); 
	-o-transform: rotate(45deg); 
	transform: rotate(35deg);
}


/*.Join { }

.Join_info { }
.Join_info_row { position: relative; overflow: hidden; }

.Join_info_box { position: relative; z-index: 9; padding: 100px 0; }
.Join_info_box > div { float: left; width: 50%; } 
.Join_info_txt > div { padding-right: 66px; }
.Join_info_txt h3 { font-size: 36px; font-weight: 700; color: #e4007f; margin-bottom: 36px; }
.Join_info_txt p { font-size: 16px; font-weight: 700; line-height: 2em; }

.Join_info_row:first-child:after { content: ""; display: block; width: 100%; height: 100%; background: url(../images/index-five-img1.png) no-repeat; position: absolute; top: 0; left: 0; }
.Join_info_row:first-child:before { content: ""; display: block; width: 100%; height: 100%; background: url(../images/index-five-img2.png) no-repeat; position: absolute; top: 0; right: 0; background-position: top right; }

.Join_info_row:nth-child(2):after { content: ""; display: block; width: 100%; height: 100%; background: url(../images/join/Join-info-bg311.jpg) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 0; }
.Join_info_row:nth-child(2) .Join_info_txt { float: right; }
.Join_info_row:nth-child(2) .Join_info_txt > div { padding: 0 0 0 66px; }
.Join_info_row:nth-child(2) .Join_info_txt h3 { color: #fff; padding-top: 30px; }
.Join_info_row:nth-child(2) .Join_info_txt p { color: #fff; }
.Join_info_row:nth-child(2) .Join_info_img img { width: 400px; margin: 0 auto; display: block; }

.Join_info_row:nth-child(3) .Join_info_txt { width: 100%; }
.Join_info_row:nth-child(3) .Join_info_txt ul li { float: left; width: 25%; }
.Join_info_row:nth-child(3) .Join_info_txt p { margin-bottom: 20px; position: relative; padding-left: 36px; line-height: 1.7em; }
.Join_info_row:nth-child(3) .Join_info_txt p span { display: block; width: 24px; line-height: 24px; text-align: center; border-radius: 100px; background-color: #e4007f; color: #fff; font-weight: 700; position: absolute; top: 0; left: 0; }
.Join_info_row:nth-child(3) .Join_info_txt p span:after { content: ""; display: block; width: 10px; height: 10px; border-radius: 100px; background-color: #e4007f; position: absolute; right: -3px; bottom: -3px; z-index: -1; opacity: .5; }
.Join_info_row:nth-child(3) .Join_info_txt > div { padding: 0; }
.Join_info_row:nth-child(3) .Join_info_img { display: none; }
.Join_info_row:nth-child(3) .Join_info_img img { width: 360px; margin: 0 auto; display: block; }


.Join_form { padding: 80px 0; }
.Join_form > form { background-color: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,.2); padding: 54px 24px; }

.Join_form .form_row { margin-bottom: 36px; }*/













/*supplier*/
/*.supplier_top { position: relative; width: 100%; height: 400px; background: url(../images/supplier/supplier-bg1.jpg) no-repeat; background-size: 100% 100%; }
.supplier_top_txt { position: absolute; top: 50%; left: 50%; z-index: 9;
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);
}
.supplier_top_txt span { display: block; width: 910px; padding: 22px 0; font-size: 24px; font-weight: 700; color: #fff; line-height: 1.5em; text-align: center; }
.supplier_top_txt span:after { content: ""; display: block; background-color: rgba(0,0,0,.6); width: 70%; height: 100%; position: absolute; top: 0; left: 15%; z-index: -1; }
.supplier_top_txt:after { content: ""; display: block; width: 325px; height: 100%; background: url(../images/supplier/supplier-bg5.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; right: 85%; z-index: -1; }
.supplier_top_txt:before { content: ""; display: block; width: 325px; height: 100%; background: url(../images/supplier/supplier-bg6.png) no-repeat; background-size: 100% 100%; position: absolute; top: 0; left: 85%; z-index: -1; }*/


.supplier_top_bg span { width: 490px; height: auto; display: block; }
.supplier_top_bg span:first-child { width: 690px; height: auto; position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%,-50%); 
	-moz-transform: translate(-50%,-50%); 
	-ms-transform: translate(-50%,-50%); 
	transform: translate(-50%,-50%);
}
.supplier_top_bg span:nth-child(2) { position: absolute; top: 50%; left: 0;
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
}
.supplier_top_bg span:nth-child(3) { position: absolute; top: 50%; right: 0;
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
}
.supplier_top_bg span img { width: 100%; height: auto; display: block; }



.supplier_top_bg span { 
	-webkit-animation: animation1 2.1s infinite ease-in-out;
	-moz-animation: animation1 2.1s infinite ease-in-out;
	-ms-animation: animation1 2.1s infinite ease-in-out;
	animation: animation1 2.1s infinite ease-in-out;

	/*-webkit-animation: animation1 3s linear infinite;
	-moz-animation: animation1 3s linear infinite;
	-ms-animation: animation1 3s linear infinite;
	animation: animation1 3s linear infinite;*/
}

@-webkit-keyframes animation1 {
    0% {opacity: 1; filter: alpha(opacity=100);}
    50% {opacity: 0.35; filter: alpha(opacity=35);}
  	100% {opacity: 1; filter: alpha(opacity=100);}
}
@-moz-keyframes animation1 {
    0% {opacity: 1; filter: alpha(opacity=100);}
    50% {opacity: 0.35; filter: alpha(opacity=35);}
  	100% {opacity: 1; filter: alpha(opacity=100);}
}
@-ms-keyframes animation1 {
    0% {opacity: 1; filter: alpha(opacity=100);}
    50% {opacity: 0.35; filter: alpha(opacity=35);}
  	100% {opacity: 1; filter: alpha(opacity=100);}
}
@keyframes animation1 {
    0% {opacity: 1; filter: alpha(opacity=100);}
    50% {opacity: 0.35; filter: alpha(opacity=35);}
  	100% {opacity: 1; filter: alpha(opacity=100);}
}


.supplier_form { text-align: center; width: 960px; margin: 54px auto 250px; position: relative; z-index: 10; }
.supplier_form:after { content: ""; display: block; width: 70%; height: 78px; background: url(../images/supplier/supplier-form-bg1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 15%; bottom: -24px; z-index: -1; }
.supplier_form form { background-color: #fff; }
.supplier_form form:after,
.supplier_form form:before { content: ""; width: 32px; display: block; position: absolute; top: 13%; bottom: 0; left: -10px; z-index: -1; background: url(../images/supplier/supplier-form-bg2.png) no-repeat; background-size: 100% 100%; }
.supplier_form form:before { left: auto; right: -10px; }

.supplier_form_txt { padding: 66px 0 54px; width: 700px; max-width: 80%; margin: 0 auto; }
.supplier_form_txt h3 { font-size: 36px; font-weight: 700; line-height: 1em; }
.supplier_form_txt p { font-size: 18px; line-height: 2em; /*font-weight: 700;*/ margin-bottom: 20px; }
.supplier_form_btn { padding: 80px 0; }

.supplier_form .form_input { width: 600px; max-width: 80%; margin: 0 auto; height: 66px; background-color: #f4f5f6; }
.supplier_form .form_input input { text-align: center; font-size: 20px; }



/*query*/
.query { }
.query_form { text-align: center; width: 960px; max-width: 94%; margin: 54px auto 250px; position: relative; z-index: 10; }

.query_form:after { content: ""; display: block; width: 70%; height: 78px; background: url(../images/supplier/supplier-form-bg1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 15%; bottom: -24px; z-index: -1; }
.query_form form { background-color: #fff; padding: 0 30px; }
.query_form form:after,
.query_form form:before { content: ""; width: 32px; display: block; position: absolute; top: 13%; bottom: 0; left: -10px; z-index: -1; background: url(../images/supplier/supplier-form-bg2.png) no-repeat; background-size: 100% 100%; }
.query_form form:before { left: auto; right: -10px; }


.query_form .form_row { float: none; width: 500px; max-width: 100%; margin: 0 auto 20px; padding: 0; }

.query .query_form form > div:nth-of-type(4):after { content: ""; clear: both; display: block; height: 0; }
.query .query_form form > div:nth-of-type(4) .form_select { float: left; }
/*.query .query_form form > div:nth-of-type(4) .form_input { float: right; }*/
















/*contact*/
.contact { padding: 80px 0 120px; }

.contact_info { margin-bottom: 80px; }
.contact_info iframe { background-color: #dbdde1; width: 60%; float: left; }
.contact_info_txt { float: right; width: 40%; }
.contact_info_txt > div { padding-left: 36px; }
.contact_info_txt > div img { height: 300px; width: auto; display: block; margin-bottom: 24px; }
.contact_info_txt > div p { font-size: 18px; /*font-weight: 700;*/ line-height: 1.5em; display: table; width: 100%; }
.contact_info_txt > div p span { font-size: 18px; line-height: 1.5em; display: table-cell; vertical-align: top; white-space: nowrap; padding-right: 3px; width: 40px; }

.contact_form {  }






/*about*/
.about {  }

/*1*/
.about_one { position: relative; z-index: 2; padding: 200px 0 120px; /*overflow: hidden;*/ }
.about_one:after { content: ""; display: block; width: 100%; height: 110%; background: url(../images/about/about-one-bg1.png) no-repeat; background-position: top right; background-size: 58% auto; position: absolute; top: -160px; left: 0; }
.about_one:before { content: ""; display: block; width: 762px; height: 134px; background: url(../images/index-one-img1.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; bottom: 220px; }
.about_one_box { position: relative; z-index: 9; }
.about_one_txt { float: left; width: 400px; }
.about_one_txt span { font-size: 30px; font-weight: 700; color: #003f6a; line-height: 1em; display: block; margin: 54px 0 30px; }
.about_one_txt p { font-size: 44px; font-weight: 700; color: #e4007f; display: block; }
.about_one_img { float: right; width: 800px; }
.about_one_img img { width: 100%; height: auto; display: block; }

/*2*/
.about_two { background-color: #003f6a; position: relative; }
.about_two:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/about/about-two-bg1.png) no-repeat; background-size: auto 100%; }
.about_two_box { position: relative; z-index: 9; }

.about_two_img { float: left; width: 60%; margin: -54px 0; position: relative; }
.about_two_img:before { content: ""; width: 100%; height: 54px; display: block; background-color: #fff; position: absolute; top: 0; left: 0; }
.about_two_txt { float: right; width: 40%; }
.about_two_txt > div { position: absolute; top: 50%; padding-left: 54px;
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
}
.about_two_txt h3 { font-size: 44px; font-weight: 700; color: #e4007f; margin-bottom: 20px; }
.about_two_txt p { font-size: 18px; /*font-weight: 700;*/ color: #fff; line-height: 2em; }
.about_two_txt span { font-size: 14px; /*font-weight: 700;*/ color: #fff; display: block; margin-top: 44px; }

/*3*/
.about_three_box { padding: 100px 0; }
.about_three_txt { text-align: center; }
.about_three_txt h3 { font-size: 44px; font-weight: 700; color: #003f6a; line-height: 1em; margin-bottom: 44px; }
.about_three_txt p { font-size: 18px; /*font-weight: 700;*/ color: #636a70; line-height: 2em; }
.about_three_img img { width: 100%; height: auto; padding-top: 44px; }

/*4*/
.about_four { background-color: #e4007f; }
.about_four_box { position: relative; }
.about_four_img { float: right; width: 60%; margin: -54px -66px -80px 0; }
.about_four_txt { float: left; width: 40%; position: absolute; top: 50%;
	-webkit-transform: translateY(-50%); 
	-moz-transform: translateY(-50%); 
	-ms-transform: translateY(-50%); 
	transform: translateY(-50%); 
}
.about_four_txt h3 { font-size: 44px; font-weight: 700; color: #fff; margin-bottom: 20px; line-height: 1em; }
.about_four_txt p { font-size: 18px; /*font-weight: 700;*/ color: #fff; line-height: 2em; }
/*.about_four_txt > div { padding-right: 54px; }*/

/*5*/
.about_five { position: relative; }
.about_five:before { content: ""; display: block; width: 762px; height: 268px; background: url(../images/index-one-img1.png) repeat-y; background-size: 100% auto; position: absolute; left: 0; bottom: 100px; z-index: -1; }
.about_five:after { content: ""; display: block; width: 762px; height: 268px; background: url(../images/index-one-img2.png) repeat-y; background-size: 100% auto; position: absolute; right: 0; bottom: 100px; z-index: -1; }
.about_five_box { padding: 120px 0 100px; }
.about_five_txt { text-align: center; }
.about_five_txt h3 { font-size: 44px; font-weight: 700; color: #003f6a; line-height: 1em; margin-bottom: 44px; }
.about_five_txt p { font-size: 18px; /*font-weight: 700;*/ color: #636a70; line-height: 2em; }
.about_five_img { text-align: center; padding-top: 44px; }
.about_five_img img { width: auto; height: 100px; display: inline-block; margin: 0 24px; }







/*testing*/
.testing { padding: 80px 0; }
.testing_list_box { background-color: #d3eaff; border-radius: 10px; margin-bottom: 30px; position: relative; box-shadow: 0 1px 4px rgba(0,0,0,.15); }

/*.testing_list_box:after { content: ""; background: url(../images/testing/testing-bg1.png) no-repeat; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; opacity: .3; filter: alpha(opacity=0); }*/

.testing_list_row { position: relative; z-index: 9; }

.testing_list_txt1 { width: 100%; border-bottom: 1px solid #000; }
.testing_list_txt1 h3 { font-size: 26px; font-weight: 700; vertical-align: middle; color: #e4007f; padding-bottom: 16px; line-height: 1em; padding: 30px 56px 24px 30px; position: relative; cursor: pointer; }

.testing_list_txt1 h3:after { content: ""; width: 16px; height: 3px; display: block; background-color: #e4007f; border-radius: 100px; position: absolute; top: 50%; right: 30px; margin-top: -1.5px; }
.testing_list_txt1 h3:before { content: ""; width: 3px; height: 16px; display: block; background-color: #e4007f; border-radius: 100px; position: absolute; top: 50%; right: 36.5px; margin-top: -8px; }
.testing_list_txt1 h3.active:before { display: none; }


/*.testing_list_txt1 h3 span { display: block; background-color: #e4007f; color: #fff; padding: 10px 15px; font-size: 24px; font-weight: 700; text-align: center; border-radius: 10px; }*/
.testing_list_txt1 > p { font-size: 18px; /*font-weight: 700;*/ vertical-align: middle; line-height: 2em; color: #07456c; padding: 0 30px 24px; display: none; }
.testing_list_txt3 { margin-top: 10px; padding: 14px 20px; background-color: #ecf6ff; display: block; border-radius: 10px; }
.testing_list_txt3 span { font-size: 14px; margin-bottom: 6px; line-height: 1.2em; display: block; color: #07456c; }
.testing_list_txt3 span:last-child { margin-bottom: 0; }

.testing_list_txt2 { padding: 16px 30px; }
.testing_list_txt2 p { font-size: 14px; margin-top: 4px; line-height: 1.3em; color: #07456c; }
.testing_list_txt2 p:first-child { margin-top: 0; }







/*faq*/
.faq { padding: 80px 0 120px; }

.faq_top { text-align: center; margin-bottom: 54px; }
.faq_top_title h2 { font-size: 36px; display: inline-block; line-height: 1em; padding-bottom: 8px; border-bottom: 3px solid #e4007f; }
.faq_top_search input[type="text"] { max-width: 100%; width: 650px; margin: 30px auto 0;
	outline: 0;
    display: block;
    min-height: 3.5em;
    padding: .5em 1.75em;
    font-family: inherit;
    font-size: 1rem;
    line-height: 2.5em;
    color: #000;
    border: 1px solid #f4f4f4;
    border-radius: 1.75em;
    background-color: #f4f4f4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-font-smoothing: antialiased;
    transition: all .2s; }



.faq_menu { text-align: center; padding: 28px 0; background-color: #f5f6f7; }
.faq_menu ul li { display: inline-block; }
.faq_menu ul li a { font-weight: 700; display: block; padding: 0 24px; line-height: 54px; border-radius: 100px; text-align: center; min-width: 54px; }
.faq_menu ul li.active a { color: #fff; background-color: #e4007f; }

.faq_con ul li > div { background-color: #f5f6f7; box-shadow: 0 1px 3px rgba(0,0,0,.15); border-radius: 20px; margin-bottom: 24px; }
.faq_con ul li > div .faq_con_title { padding: 28px 60px 28px 44px; font-size: 18px; color: #000; font-weight: 700; position: relative; cursor: pointer; }
.faq_con ul li > div .faq_con_title i { font-weight: 700; position: absolute; top: 50%; right: 44px; margin-top: -8px; display: block; line-height: 1em; }
.faq_con ul li > div .faq_con_title.active i { 
	-webkit-transform: rotate(180deg); 
	-moz-transform: rotate(180deg); 
	-ms-transform: rotate(180deg); 
	-o-transform: rotate(180deg); 
	transform: rotate(180deg); 
}

.faq_con { margin-top: 54px; height: auto!important; }
.faq_con ul li { width: 100%; position: static!important; transform: none!important; transition: all 0.2s ease-out 0ms!important; }
.faq_con ul li.filteredOut { position: absolute!important; top: 0!important; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.faq_con ul li > div .faq_con_txt { padding: 0 44px 10px; display: none; }
.faq_con ul li > div .faq_con_txt.active { display: block; }
.faq_con ul li > div .faq_con_txt p { font-size: 18px; /*font-weight: 700;*/ line-height: 2em; color: #737882; padding-bottom: 20px; }












/*account*/
   
.account { margin: 36px auto 360px; }

.account_left { float: left; width: 230px; }
.account_left_box { background-color: #003f6a; border-radius: 8px; overflow: hidden; }
.account_left_title {  }
.account_left_title h3 { background-color: #e4007f; font-size: 20px; color: #fff; display: block; margin: 0 22px 20px; text-align: center; padding: 12px 0; border-radius: 0 0 8px 8px; line-height: 1em; }
.account_left ul {  }
.account_left ul li { position: relative; }
.account_left ul li a { font-size: 16px; color: #fff; font-weight: 700; display: block; line-height: 50px; padding: 0 22px; border-bottom: 1px solid #01121c; }
/*.account_left ul li a.active { color: #e4007f; }*/
.account_left ul li a.active,
.account_left ul li a:hover { background-color: #165b84; }
.account_left ul li:last-child a { border: 0; }
.account_left ul li a:before { font-family: "iconfont"!important; margin-right: 8px; font-weight: normal; }
.account_left ul li:nth-child(1) a:before { content: "\e737"; }
.account_left ul li:nth-child(2) a:before { content: "\e729"; }
.account_left ul li:nth-child(3) a:before { content: "\e6d8"; }
.account_left ul li:nth-child(4) a:before { content: "\e600"; }
.account_left ul li:nth-child(5) a:before { content: "\e611"; }
.account_left ul li:nth-child(6) a:before { content: "\e697"; }
.account_left ul li .message-unread { font-size: 14px; color: #fff; width: 20px; height: 20px; text-align: center; line-height: 20px; background-color: #de3737; margin-left: 6px; display: inline-block; vertical-align: middle; border-radius: 100px; margin-top: -4px; }


.account_right { float: right; width: 950px; background-color: #e3e3e3; border-bottom: 2px solid #003f6a; border-radius: 12px 12px 0 0; }
.account_right_top span { display: block; font-size: 20px; font-weight: 700; color: #fff; line-height: 58px; padding: 0 28px; background-color: #003f6a; border-radius: 12px 12px 0 0; }

.account_table table { width: 100%; }
.account_table tr { background-color: #f7f7f7; }
.account_table tr:nth-child(odd) { background-color: #e3e3e3; }
.account_table tr:first-child { background-color: #e4007f; } 
.account_table tr td { height: 58px; padding: 0 6px; text-align: center; }
.account_table tr:first-child td { color: #fff; }
.account_table tr td:first-child { padding-left: 28px; text-align: left; }
.account_table tr td:last-child { padding-right: 28px; text-align: right; }

.account_table2 table { width: 100%; }
.account_table2 tr { background-color: #f7f7f7; }
.account_table2 tr:nth-child(odd) { background-color: #e3e3e3; }
.account_table2 tr:first-child { background-color: #e4007f; } 
.account_table2 tr td { height: 58px; padding: 0 6px; text-align: center; }
.account_table2 tr:first-child td { color: #fff; }
.account_table2 tr td:first-child { padding-left: 28px; text-align: left; }
.account_table2 tr td:last-child { padding-right: 28px; text-align: right; }


/*1*/
.account1 { padding: 20px 28px; }
.account1_logout { text-align: right; }
.account1_logout a { line-height: 32px; padding: 0 14px; background-color: #003f6a; color: #fff; border-radius: 4px; font-weight: 700; font-size: 16px; display: inline-block; }

.account1_one { padding-top: 22px; }
.account1_one div { /*float: left;*/ margin-bottom: 12px; }
.account1_one div:last-child { margin-bottom: 0; }
.account1_one div span { font-size: 18px; font-weight: 700; display: inline-block; }
.account1_one div span:first-child { width: 90px; text-align: right; padding-right: 16px; }
.account1_one.user-supplier-top div span:first-child { width: 50px; text-align: right; padding-right: 16px; }

.account1_two { margin: 44px 0; }
.account1_two ul li { background-color: #f7f7f7; /*padding: 0 16px;*/ position: relative; overflow: hidden; display: table; width: 100%; }
.account1_two ul li:after { content: ""; display: block; height: 0; clear: both; }
.account1_two ul li:nth-child(even) { background-color: #dadada; }
.account1_two ul li p { display: table-cell; line-height: 58px; font-weight: 700; padding: 0 16px; white-space: nowrap; vertical-align: top; }
.account1_two ul li span { display: table-cell; line-height: 20px; font-weight: 700; /*position: absolute; top: 0; right: 16px;*/ min-width: 1px; /*min-height: 58px;*/ padding: 18px 16px 18px 0; text-align: right; }
.account1_two ul li > div { position: absolute; top: 11px; right: -300px;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.account1_two ul li .form_input,
.account1_two ul li .form_select,
.account1_two ul li .form_password { width: 240px; height: 34px; background-color: #f4f5f6; border-radius: 4px; }
.account1_two ul li .form_select { width: 272px; }

.account1_two ul.active li > div { right: 16px;
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.account1_two ul.active li .account1_two_txt { opacity: 0; filter: alpha(opacity=0); visibility: hidden; height: 26px; display: block; }

.account1_two ul li.form-li-phone > div,
.account1_two ul li.form-li-password > div { width: 274px; }
.account1_two ul li.form-li-phone > div:after,
.account1_two ul li.form-li-password > div:after { content: ""; clear: both; display: block; height: 0; }
.account1_two ul li.form-li-phone > div > div,
.account1_two ul li.form-li-password > div > div { float: left; width: 135px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.account1_two ul li.form-li-phone > div > div:first-child,
.account1_two ul li.form-li-password > div > div:first-child { margin-right: 4px; } 

.account1_two ul li.form-li-password p small { font-size: 12px; color: red; margin-left: 8px; }
.account1_two ul li.form-li-password p small:before { content: "*"; font-size: 12px; color: red; margin-right: 3px; }


.account1_two_btn { text-align: right; padding-bottom: 4px; }
.account1_two_btn a { line-height: 24px; padding: 0 8px; background-color: #003f6a; color: #fff; border-radius: 4px; font-weight: 700; font-size: 14px; margin: 0 0 6px 6px; display: inline-block; }
.account1_two_btn a:hover { color: #fff; }
.account1_two_btn a.account1_two_off { display: none; }
.account1_two_btn a.account1_two_on { display: none; }
.account1_two_btn.active a.account1_two_off { display: inline-block; background-color: #9ca0a6; }
.account1_two_btn.active a.account1_two_on { display: inline-block; background-color: #e4007f; }
.account1_two_btn.active a.account1_two_edit { display: none; }

.account1_two_password { margin-top: 36px; }
.account1_two_password_txt { display: inline-block; padding-right: 100px; position: relative; }
.account1_two_password_txt h3 { font-size: 18px; font-weight: 700; line-height: 24px; display: inline-block; margin-right: 14px; } 
.account1_two_password_txt p { font-size: 18px; font-weight: 700; display: inline-block; line-height: 24px; }
.account1_two_password_txt a { line-height: 24px; padding: 0 8px; background-color: #003f6a; color: #fff; border-radius: 4px; font-weight: 700; font-size: 14px; display: inline-block; position: absolute; top: 0; right: 0; }
.account1_two_password_input { display: none; }
.account1_two_password_input .form_input { margin-top: 12px; width: 230px; border-radius: 4px; }
.account1_two_password_input .form_input input { width: 100%; height: 100%; border: 0; }
.account1_two_password_btn { margin-top: 12px; }
.account1_two_password_btn a { line-height: 24px; padding: 0 8px; background-color: #e4007f; color: #fff; border-radius: 4px; font-weight: 700; font-size: 14px; display: inline-block; }
/*.account1_two_password_btn a:first-child { background-color: #9ca0a6; }
.account1_two_password_btn a:nth-child(2) { background-color: #e4007f; }*/

.account1_three { padding-bottom: 24px; }
.account1_three a:first-child { margin-right: 36px; }
.account1_three a:first-child span { background-color: #003f6a; }
.account1_three a:first-child span:after { border-left-color: #003f6a; }


/*2*/
.account2_top { padding: 12px 28px; }
.account2_title { display: inline-block; line-height: 40px; vertical-align: top; }
.account2_select { display: inline-block; height: 40px; vertical-align: top; position: relative; background-color: #fff; border-radius: 6px; border: 1px solid #cecfd3; }
.account2_select select { width: 200px; height: 100%; border: 0; border-radius: 6px; padding: 0 6px; }
.account2_select i { position: absolute; top: 50%; right: 10px; font-size: 12px; display: block; line-height: 1em; margin-top: -6px; color: #9ca0a6; }
.account2_txt { background-color: #f7f7f7; line-height: 58px; padding: 0 28px; }
.account2_txt span { color: #003f6a; }


/*5*/
.account5_list li { background-color: #f7f7f7; }
.account5_list li:nth-child(odd) { background-color: #e3e3e3; }

.account5_list li > div { padding: 0 28px 0 108px; position: relative; }
.account5_list li > div > input[type="checkbox"] { position: absolute; top: 20px; left: 28px; display: block; width: 18px; height: 18px; }
.account5_list li > div > i { position: absolute; top: 20px; left: 66px; display: block; font-size: 18px; }
.account5_list li > div > i.active { color: #e4007f; }


.account5_list_top { position: relative; cursor: pointer; }
.account5_list_top h3 { font-size: 18px; line-height: 58px; float: left; max-width: 650px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account5_list_top span { font-size: 16px; line-height: 58px; float: right; }
.account5_list_top:hover h3 { color: #07456c; }

.account5_list_con { padding-bottom: 24px; display: none; }
.account5_list_con p { color: #636a70; line-height: 2em; }

.account5_btn { padding: 0 28px; background-color: #f7f7f7; }
.account5_btn label { position: relative; padding: 0 24px 0 36px; line-height: 66px; font-size: 18px; display: inline-block; vertical-align: top; }
.account5_btn label input[type="checkbox"] { position: absolute; top: 50%; left: 0; margin-top: -9px; display: block; width: 18px; height: 18px; }
.account5_btn a { line-height: 66px; display: inline-block; vertical-align: top; font-size: 18px; }
.account5_btn a i { font-size: 18px; margin-right: 6px; }

/**/
.account_examine img { width: 340px; height: auto; max-width: 80%; margin: 54px auto; display: block; }
.account_examine p { font-size: 18px; line-height: 1.8em; text-align: center; width: 750px; max-width: 90%; margin: 0 auto 54px; }




/*login*/
.login_box { width: 580px; max-width: 94%; margin: 80px auto 360px; box-shadow: 2px 2px 10px rgba(0,0,0,.1); }
.login_title { background-color: #07456c; padding: 20px 30px; color: #fff; font-weight: 700; line-height: 1em; }
.login_input { padding: 44px 30px 54px; }
.login_input .form_item { margin: 0; }
.login_input label { line-height: 1em; margin-bottom: 6px; display: block; }
.login_input input { width: 100%;  height: 100%; border: 0; }
.login_input .form_group { margin: 0 auto 30px; }
.login_forget_password { font-weight: 700; color: #d2a143; margin: 12px 0 0; display: inline-block; line-height: 1em; }
.login_forget_password:hover { text-decoration: underline; }
.login_btn { text-align: center; }
.login_btn a.button_btn { background-color: #d2a143; border-color: #d2a143; }
.login_btn a.button_btn:hover { background-color: #2f3032; border-color: #2f3032; }

.login_input .form_group:first-child:after { content: ""; clear: both; display: block; height: 0; }
.login_input .form_group:first-child .form_select { float: left; }
.login_input .form_group:first-child .form_input { float: right; }







/************************/
.alert-info.animated.fadeInDown { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); z-index: 1000; }
.alert-info.animated.fadeInDown > div { position: fixed; top: 50%!important; left: 50%!important; right: auto!important; padding: 50px 0; background-color: #fff; box-shadow: 1px 1px 5px rgba(0,0,0,.2); width: 600px; max-width: 90%; border: 1px solid #07456c;
	-webkit-transform: translate(-50%,-50%)!important; 
	-moz-transform: translate(-50%,-50%)!important; 
	-ms-transform: translate(-50%,-50%)!important; 
	transform: translate(-50%,-50%)!important;
}
.alert-info.animated.fadeInDown button.close { position: absolute; top: 20px; right: 20px; font-size: 24px; font-weight: 700; background-color: transparent; height: auto; width: 20px; line-height: 20px; cursor: pointer; }
.alert-info.animated.fadeInDown span:nth-of-type(3) { font-size: 18px; display: block; text-align: center; padding: 0 30px; }

/*.alert-info.animated.fadeInDown:after { content: ""; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.6); display: block; }*/


.help-block,
.help-block.help-block-error { font-size: 14px; color: red; padding-top: 6px; }

.query .query_form form > div:nth-of-type(4) .form_input { margin-bottom: 10px; }
.query .query_form form > div:nth-of-type(4) .form_input .help-block { text-align: left; }

.Join .form_item > .form_row { float: none; display: inline-block; width: 49.5%; vertical-align: top; }
.Join .form_item > .form_row.w100 { display: block; margin-left: 0; }





/*Join_content*/
.Join_content { background-color: #f4f5f6; padding: 80px 0 360px; }
.Join_content_box { width: 600px; max-width: 94%; margin: 0 auto; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,.1); background: url(../images/Join-password-bg.jpg) no-repeat; background-size: 100% 100%; position: relative; }
.Join_content_logo { position: absolute; top: -30px; width: 100%; z-index: 3; }
.Join_content_logo img { width: auto; height: 120px; margin: 0 auto; display: block; }
.Join_content_box .Join_content_form { overflow: hidden; padding: 132px 80px 100px; position: relative; z-index: 2; border-radius: 0 0 8px 8px; }
.Join_content_box .Join_content_form:after { content: ""; width: 1520px; height: 1520px; border-radius: 5000px; display: block; background-color: #fff; position: absolute; top: 30px; left: 50%; z-index: -1; margin-left: -760px; }
.Join_content_box .Join_content_form:before { content: ""; width: 100%; display: block; background-color: #fff; position: absolute; top: 200px; bottom: 0; left: 0; z-index: -1; }
.Join_content_btn { padding-top: 24px; text-align: center; }
.Join_content_btn .commbtn1 span { padding: 0 50px 0 58px; }


/*Join_password*/
.Join_password .form_item { margin: 0!important; }
.Join_password .form_item label { font-weight: 700; line-height: 1em; margin-bottom: 20px; display: block; text-align: left; }
.Join_password .form_item .form_password { border-radius: 4px; height: 42px; background-color: #dfe1e3; margin-bottom: 20px; }


/*Join_account*/
.Join_account {  }
.Join_account .Join_content_box { width: 900px; }
.Join_account_row { margin-bottom: 54px; }
.Join_account_title p { font-size: 20px; line-height: 1em; margin-bottom: 20px; text-align: center; font-weight: 700; }
.Join_account_title p:after { content: ""; display: block; margin: 12px auto 0; width: 30px; height: 3px; 
	background: -webkit-linear-gradient(left, #07456c, #e4007f);
    background: -moz-linear-gradient(left, #07456c, #e4007f);
    background: -o-linear-gradient(left, #07456c, #e4007f);
    background: linear-gradient(to right, #07456c, #e4007f);
}

.Join_account .form_item { margin: 0!important; padding: 44px 12px 24px; background-color: #f4f5f6; border-radius: 10px; /*border: 1px solid #2f3032;*/ }
.Join_account .form_item label { font-size: 14px; font-weight: 700; line-height: 1em; margin-bottom: 10px; display: block; text-align: left; }
.Join_account .form_row { padding: 0 12px; margin-bottom: 20px; }
.Join_account .form_row_po { position: relative; padding-left: 120px; }
.Join_account .form_row_po .form_select { position: absolute; bottom: 0; left: 0; width: 110px; }
.Join_account .form_row_po .form_select i { right: 10px; }
.Join_account .form_row_po .form_select select { padding: 0 10px; }
.Join_account .form_item .form_input,
.Join_account .form_item .form_select,
.Join_account .form_item .form_password { border-radius: 4px; height: 42px; background-color: #dfe1e3; }

.Join_account .Join_content_box .Join_content_form { padding: 132px 44px 100px; }
.Join_account .commbtn1 span { padding: 0 50px 0 58px; }

.Join_account #div_imgfile { width: auto; height: 80px; display: inline-block; cursor: pointer; }
.Join_account #div_imgfile img { display: block; height: 100%; }
.Join_account_upload .imgfile { display: none; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.Join_account #div_imglook { margin: 0 -3px; }
.Join_account .lookimg { float: left; position: relative; width: auto; min-width: 54px; height: 54px; background-color: #fff; border: 1px solid #2f3032; padding: 4px; border-radius: 4px; margin: 3px; }
.Join_account .lookimg img { width: auto; height: 100%; display: block; margin: 0 auto; }
.Join_account .lookimg .lookimg_delBtn { 
	position: absolute; left: 0; right: 00; bottom: 0; font-size: 0; width: 100%; height: 22px; line-height: 22px; display: none!important; background-color: rgba(228,0,127,.8); text-align: center; cursor: pointer; 
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.Join_account .lookimg .lookimg_delBtn:before { content: "\e612"; font-family: "iconfont"!important; font-size: 12px; font-weight: 700; color: #fff; }
.Join_account .lookimg .lookimg_delBtn:hover { 
	background-color: rgba(228,0,127,1);
	-webkit-transition: all .3s ease; 
	-moz-transition: all .3s ease; 
	-ms-transition: all .3s ease; 
	-o-transition: all .3s ease; 
	transition: all .3s ease; 
}
.Join_account .lookimg:hover .lookimg_delBtn { display: block!important; }




.btn-report-pdf { background-color: #07456c; display: inline-block; font-size: 16px; line-height: 42px; padding: 0 20px;  color: #fff; border-radius: 4px; margin-left: 24px; position: absolute; bottom: 14px; left: 0; }


.account2 .account_table tr td { max-width: 120px; }




.color-red{ color: red;
    margin-left: 5px;
    display: block;
    margin-top: 3px;
    font-size: 14px;}





/*暫時*/
.header_nav > ul > li:nth-child(1) > div > a,
.header_nav > ul > li:nth-child(2) > div > a,
.header_nav > ul > li:nth-child(3) > div > a { pointer-events: none; }

@media screen and ( max-width:996px ){ 
	
	.header_nav > ul > li > div > i { left: 0; width: auto!important; text-align: right!important; }
	.header_nav > ul > li > div > i:before { display: inline-block; width: 50px; height: 50px; text-align: center; }

}





/****************英文*****************/

html[lang="en-US"] .index_six_txt h3,
html[lang="en-US"] .index_five_txt h3,
html[lang="en-US"] .index_eight_box h3,
html[lang="en-US"] .index_two_txt h3,
html[lang="en-US"] .index_two_txt h3 span,
html[lang="en-US"] .about_one_txt p,
html[lang="en-US"] .about_two_txt h3,
html[lang="en-US"] .about_three_txt h3,
html[lang="en-US"] .about_four_txt h3,
html[lang="en-US"] .about_five_txt h3 { font-size: 36px; }

html[lang="en-US"] .index_title > p span { font-size: 36px; }
html[lang="en-US"] .index_title > span { font-size: 44px; }

html[lang="en-US"] .index_video_txt > div h3 { font-size: 28px; }


@media screen and ( max-width:1366px ){ 


}




@media screen and ( max-width:1280px ){ 
	
	
	
}




@media screen and ( max-width:1200px ){
	
	html[lang="en-US"] .index_six_txt h3,
	html[lang="en-US"] .index_five_txt h3,
	html[lang="en-US"] .index_eight_box h3,
	html[lang="en-US"] .index_two_txt h3,
	html[lang="en-US"] .index_two_txt h3 span,
	html[lang="en-US"] .about_one_txt p,
	html[lang="en-US"] .about_two_txt h3,
	html[lang="en-US"] .about_three_txt h3,
	html[lang="en-US"] .about_four_txt h3,
	html[lang="en-US"] .about_five_txt h3 { font-size: 28px; }
	
	html[lang="en-US"] .index_title > p span { font-size: 28px; }
	html[lang="en-US"] .index_title > span { font-size: 36px; }
	
	html[lang="en-US"] .index_six_txt > div { padding: 44px 0; }
	
	
}




@media screen and ( max-width:996px ){ 
	
	html[lang="en-US"] .index_six_txt > div { width: 660px; }
	html[lang="en-US"] .index_six_txt h3 { margin-bottom: 20px; }

}




@media screen and ( max-width:767px ){ 
	
	html[lang="en-US"] .index_six_txt h3,
	html[lang="en-US"] .index_five_txt h3,
	html[lang="en-US"] .index_eight_box h3,
	html[lang="en-US"] .index_two_txt h3,
	html[lang="en-US"] .index_two_txt h3 span { font-size: 20px; } 
	
	html[lang="en-US"] .index_six_txt > div { width: 70%; padding: 30px 0; }
	html[lang="en-US"] .index_six_txt p { text-align: left; }
	html[lang="en-US"] .index_seven .index_six_txt > div { margin-left: 30%; }
	
	html[lang="en-US"] .index_six_txt { position: relative; z-index: 1; left: auto; }
	html[lang="en-US"] .index_six_txt h3 { margin-bottom: 8px; }
	html[lang="en-US"] .index_six_img { height: 100%; width: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
	html[lang="en-US"] .index_six_img img { width: auto; max-width: inherit; height: 100%; position: absolute; top: 0; left: 0; }
	html[lang="en-US"] .index_six .index_six_img img { left: auto; right: 0; }
	

}




@media screen and ( max-width:580px ){ 
	
	
}




@media screen and ( max-width:480px ){ 
	
}