.header_top {
	height: 34px;
	line-height: 34px;
	background-color: #f5f5f5;
	font-size: 13px;
	color: #666666;
	border-bottom: 1px solid #efefef;
}

.header_top a {
	color: #666666;
	margin-right: 12px;
	display: inline-block;
}

.header_top a:last-child {
	margin-right: 0;
}

.header_top a.link_ch {
	padding-left: 24px;
	background: url(../../skin/picture/ch.png) no-repeat left center;
}

.header_top a.link_en {
	padding-left: 24px;
	background: url(../../skin/picture/en.png) no-repeat left center;
}

.head_mid {
	height: 136px;
	overflow: hidden;
}

.mid_phone {
	height: 46px;
	background: url(../../skin/picture/phone_bg.png) no-repeat left center;
	margin-top: 50px;
	padding-left: 43px;
}

.mid_phone p span {
	font-size: 18px;
	color: #333333;
}

.mid_phone p {
	color: #fc7321;
	font-size: 18px;
}

.mid_logo {
	padding-top: 16px;
}

.mid_logo a {
	display: block;
}

.header_nav {
	height: 55px;
	background: #0072ad;
}

.header_nav li {
	float: left;
	height: 55px;
	background: url(../../skin/picture/li_bg.png) no-repeat right center;
}

.header_nav li:last-child {
	background: none;
}

.header_nav li a {
	display: block;
	padding: 0 34px;
	height: 55px;
	line-height: 55px;
	font-size: 15px;
	color: #ffffff;
}

.header_nav .active a {
	background: #fc7321;
}

/*banner*/
.index_banner {
	height: 580px;
}

.index_banner {
	height: 550px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.index_banner .bd li {
	height: 550px
}

.index_banner .hd {
	position: absolute;
	bottom: 42px;
	height: 17px;
	width: 100px;
	left: 50%;
	margin-left: -36px;
	z-index: 1
}

.index_banner .hd li {
	float: left;
	width: 17px;
	height: 17px;
	cursor: pointer;
	margin-right: 10px;
	background: #fff;
	border-radius: 50%;
}

.index_banner .hd li:last-child {
	margin-right: 0;
}

.index_banner .hd .on {
	background: #1980c2;
}

.index_banner .prev {
	position: absolute;
	left: 3%;
	top: 50%;
	opacity: 0.5;
	width: 47px;
	height: 85px;
	margin-top: -32px;
	display: block;
}

.index_banner .prev {
	background-image: url(../../skin/picture/ad_ctr.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.index_banner .next {
	background-image: url(../../skin/picture/ad_ctr.png);
	left: auto;
	right: 3%;
	width: 47px;
	height: 85px;
	display: block;
	margin-top: -32px;
	position: absolute;
	top: 50%;
	opacity: 0.5;
	background-size: 100% 100%;
}

.index_banner .next:hover,
.index_banner .prev:hover {
	opacity: 1;
}

#footer {
	background-color: #3f4242;
}

.foot_top {
	background: url(https://www.china-grt.net/images/border_bg.png) repeat-x bottom center;
}

.f_Top {
	padding-top: 62px;
	padding-bottom: 50px;
}

.section_1 {
	margin-top: 54px;
}

.common_tit {
	text-align: center;
	border-bottom: 1px solid #eeeeee;
}

.common_tit h3 {
	line-height: 66px;
	font-size: 34px;
	color: #0072ad;
	font-weight: bold;
}

.common_tit p {
	font-size: 16px;
	color: #777777;
	position: relative;
	top: 9px;
	width: 581px;
	margin: 0 auto;
	background-color: #fff;
	font-weight: bold;
}

.common_tit p span {
	color: #fc7321;
	font-weight: bold;
}

.xm_list {
	padding-top: 36px;
}

.xm_list li {
	width: 276px;
	float: left;
	margin-right: 30px;
}

.xm_list li:last-child {
	margin-right: 0;
}

.xm_list li .img {
	width: 100%;
	height: 194px;
}

.xm_list li .img img {
	width: 100%;
	height: 194px;
}

.xm_list li h5 {
	line-height: 68px;
	text-align: center;

	border-bottom: 3px solid #0072ad;
}

.xm_list li h5 a {
	color: #333333;
	font-size: 20px;
}

.about {
	margin-top: 70px;
	height: 628px;
	overflow: hidden;
}

.about .about_img {
	width: 50%;
}

.about .about_img img {
	width: 100%;
	height: 100%;
}

.about .about_text {
	width: 50%;
}

.about_top {
	height: 424px;
	background-color: #0072ad;
	box-sizing: border-box;
	padding-left: 26px;

}

.top_main1 {
	width: 582px;
	padding-top: 36px;
}

.top_main1 h3 {
	height: 68px;
	line-height: 68px;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid #328bb9;
}

.top_main1 h3 span {
	position: absolute;
	width: 55px;
	height: 3px;
	bottom: -2px;
	left: 0;
	background-color: #fff;
}

.abTextInfo {
	line-height: 24px;
	color: #fff;
	font-size: 14px;
	color: #fff;
	margin-top: 26px;
}

.about_bot {
	background-color: #fafbfd;
	padding-left: 92px;
	height: 204px;
}

.bot_main {
	padding-top: 133px;
	position: relative;
}

.bot_main h5 {
	line-height: 40px;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	background: url(../../skin/picture/dot.jpg) no-repeat left center;
	padding-left: 43px;
}

.bot_show {
	position: absolute;
	width: 494px;
	height: 110px;
	background: url(../../skin/picture/bot_bg.jpg) no-repeat center center;
	top: -17px;
	left: -49px;
	padding: 22px;
	font-size: 14px;
	color: #ffffff;
	line-height: 30px;
}

.choose {
	margin-top: 56px;
}

.ch_list {
	margin-top: 34px;
	background: url(../../skin/picture/choose_bg.jpg) no-repeat center top;
}

.ch_list li {
	width: 244px;
	margin-right: 540px;
	margin-bottom: 70px;
	padding-left: 76px;
	height: 110px;
}

.ch_list li:nth-child(1),
.ch_list li:nth-child(3) {
	float: left;
}

.ch_list li:nth-child(2),
.ch_list li:nth-child(4) {
	float: right;
	margin-right: 0;
}

.ch_list li:nth-child(1) {
	background: url(../../skin/picture/1.jpg) no-repeat left top 11px;
}

.ch_list li:nth-child(2) {
	background: url(../../skin/picture/3.jpg) no-repeat left top 11px;
}

.ch_list li:nth-child(3) {
	background: url(../../skin/picture/2.jpg) no-repeat left top 11px;
}

.ch_list li:nth-child(4) {
	background: url(../../skin/picture/4.jpg) no-repeat left top 11px;
}

.ch_list li .tit {
	height: 52px;
	border-bottom: 1px dashed #e5e5e5;
}

.ch_list li .tit h3 {
	line-height: 50px;
	font-size: 36px;
	color: #0072ad;
	font-weight: bold;
	width: 100%;
	border-bottom: 3px solid #fc7321;
}

.ch_list li p {
	line-height: 24px;
	color: #777777;
	font-size: 14px;
	margin-top: 10px;
}

.case {
	background-color: #0072ad;
	padding-top: 50px;
	padding-bottom: 70px;
}

.leftLoop4 {
	position: relative;
}

.leftLoop4 .hd {
	position: absolute;
	width: 100%;
	z-index: 9;
	top: 166px;
}

.leftLoop4 .hd a {
	position: absolute;
	display: block;
	width: 32px;
	height: 60px;
	cursor: pointer;
	border: none !important;
	margin-top: 0;
	margin-right: 0;
}

.leftLoop4 .hd .prev {
	left: -50px;
	background: url(../../skin/picture/prev_btn.png) no-repeat;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.leftLoop4 .hd .next {
	right: -50px;
	display: block;
	background: url(../../skin/picture/next_btn.png) no-repeat;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.leftLoop4 .bd {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.leftLoop4 .bd ul {
	margin: 0px;
	padding: 0;
	list-style: none;
	width: 990px;
	overflow: hidden;
}

.leftLoop4 .bd ul li {
	float: left;
	overflow: hidden;
	width: 380px;
	margin-right: 30px;
	border: 1px solid #fff;
}

.leftLoop4 .bd ul li .pic {
	height: 255px;
	width: 100%;
}

.leftLoop4 .bd ul li img {
	width: 100%;
	height: 100%;
}

.leftLoop4 {
	margin-top: 56px;
}

.case_text {
	background-color: #fff;
	padding: 18px;
}

.case_top {
	height: 40px;
	overflow: hidden;
	line-height: 40px;
}

.case_top h5 {
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	float: left;
	background: url(../../skin/picture/h5_bg.jpg) no-repeat left top;
}

.case_top a {
	float: right;
	color: #ff6a00;
	font-size: 14px;
}

.case_textInfo {
	font-size: 14px;
	color: #666666;
	line-height: 22px;
	height: 70px;
	overflow: hidden;
	padding-top: 12px;
}

.friend {
	margin-top: 50px;
}

.leftLoop5 {
	position: relative;
	margin-top: 52px;
}

.leftLoop5 .hd {
	position: absolute;
	width: 100%;
	z-index: 9;
	top: 30px;
}

.leftLoop5 .hd a {
	position: absolute;
	display: block;
	width: 20px;
	height: 28px;
	cursor: pointer;
	border: none !important;
	margin-top: 0;
	margin-right: 0;
}

.leftLoop5 .hd .prev {
	left: -50px;
	background: url(../../skin/picture/prev_btn1.png) no-repeat;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.leftLoop5 .hd .next {
	right: -50px;
	display: block;
	background: url(../../skin/picture/next_btn1.png) no-repeat;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.leftLoop5 .bd {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.leftLoop5 .bd ul {
	margin: 0px;
	padding: 0;
	list-style: none;
	width: 990px;
	overflow: hidden;
}

.leftLoop5 .bd ul li {
	float: left;
	overflow: hidden;
	width: 180px;
	margin-right: 24px;
}

.leftLoop5 .bd ul li .pic {
	height: 82px;
	width: 177px;
	border: 1px solid #e4e4e4;
}

.leftLoop5 .bd ul li img {
	width: 100%;
	height: 100%;
}

.leftLoop5 .bd ul li p {
	text-align: center;
	font-size: 13px;
	color: #333333;
	height: 38px;
	line-height: 38px;
}

.news {
	background-color: #f7f7f7;
	padding: 56px 0 74px;
	margin-top: 56px;
}

.news_all .show_Item {
	display: none;
}

.news_all .show_Item:nth-child(1) {
	display: block;
}

.show_Item .news_img {
	width: 590px;
	float: left;
}

.news_date {
	width: 562px;
	float: right;
}

.news_nav {
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid #e8e8e8;
}

.news_nav li {
	width: 88px;
	float: left;
	text-align: center;
	margin-right: 14px;
	position: relative;
	top: -2px;
}

.news_nav li a {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.news_nav li.active {
	border-bottom: 1px solid #0072ad;
}

.news_nav li.active a {
	color: #0072ad;
}

.news_all {
	margin-top: 34px;
}

.news_img .img img {
	width: 100%;
	height: auto;
}

.news_img .img_info {
	margin-top: 18px;
}

.news_img .img_info h5 {
	line-height: 40px;
	font-size: 16px;
	color: #333333;
}

.news_img .img_info p {
	line-height: 24px;
	font-size: 14px;
	color: #666666;
}

.date_list li {
	height: 134px;
	overflow: hidden;
	border-bottom: 1px dashed #a2a2a2;
}

.date_num {
	width: 136px;
	float: left;
	position: relative;
}

.date_num h5 {
	position: absolute;
	font-size: 50px;
	color: #333333;
	top: 24px;
	left: 29px;
}

.date_num span {
	position: absolute;
	top: 80px;
	left: 32px;
	color: #777777;
	font-size: 16px;
}

.date_info {
	width: 426px;
	float: right;
}

.date_info h5 {
	line-height: 42px;

	margin-top: 20px;
}

.date_info h5 a {
	font-size: 16px;
	color: #333333;
}

.date_info h5 a:hover {
	color: #0072ad !important;
}

.date_info p {
	line-height: 24px;
	font-size: 14px;
	color: #666;
}

.date_info p a {
	color: #666;
}

.date_info p:hover {
	color: #666;
}

.date_list {
	margin-top: -32px;
}

.news_scroll {
	margin-top: 32px;
	overflow: hidden;
}

.news_scroll .scroll_btn {
	width: 102px;
	float: left;
}

.scroll_show {
	width: 1054px;
	float: right;
}


.leftLoop6 {
	position: relative;
}

.leftLoop6 .hd {
	position: absolute;
	width: 100%;
	z-index: 9;
	top: 85px;
}

.leftLoop6 .hd a {
	position: absolute;
	display: block;
	width: 50px;
	height: 23px;
	cursor: pointer;
	border: none !important;
	margin-top: 0;
	margin-right: 0;
}

.leftLoop6 .hd .prev {
	left: -146px;
	background: url(../../skin/picture/prev_btn2.png) no-repeat;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.leftLoop6 .hd .next {
	left: -95px;
	display: block;
	background: url(../../skin/picture/next_btn2.png) no-repeat;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.leftLoop6 .bd {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.leftLoop6 .bd ul {
	margin: 0px;
	padding: 0;
	list-style: none;
	width: 990px;
	overflow: hidden;
}

.leftLoop6 .bd ul li {
	float: left;
	overflow: hidden;
	width: 512px;
	margin-right: 30px;
	background: #fff;
	height: 112px;
}

.leftLoop6 .bd ul li h5 {
	margin-top: 15px;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	padding-left: 52px;
	background: url(../../skin/picture/q_bg.png) no-repeat 22px center;
}

.leftLoop6 .bd ul li p {
	font-size: 14px;
	color: #777777;
	line-height: 24px;
	padding-left: 52px;
	background: url(../../skin/picture/a_bg.png) no-repeat 22px 2px;
}

.scroll_btn h5 {
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}

.scroll_btn span {
	line-height: 32px;
	font-size: 13px;
	color: #777777;
}

.fc {
	margin-top: 54px;
	margin-bottom: 32px;
}

.leftLoop7 {
	position: relative;
	margin-top: 52px;
}

.leftLoop7 .hd {
	position: absolute;
	width: 100%;
	z-index: 9;
	top: 83px;
}

.leftLoop7 .hd a {
	position: absolute;
	display: block;
	width: 32px;
	height: 60px;
	cursor: pointer;
	border: none !important;
	margin-top: 0;
	margin-right: 0;
}

.leftLoop7 .hd .prev {
	left: -50px;
	background: url(../../skin/picture/prev_btn1.png) no-repeat;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.leftLoop7 .hd .next {
	right: -50px;
	display: block;
	background: url(../../skin/picture/next_btn1.png) no-repeat;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}

.leftLoop7 .bd {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.leftLoop7 .bd ul {
	margin: 0px;
	padding: 0;
	list-style: none;
	width: 990px;
	overflow: hidden;
}

.leftLoop7 .bd ul li {
	float: left;
	overflow: hidden;
	width: 282px;
	margin-right: 22px;
}

.leftLoop7 .bd ul li .pic {
	height: 192px;
	width: 100%;
}

.leftLoop7 .bd ul li img {
	width: 100%;
	height: 100%;
}

.leftLoop7 .bd ul li p {
	line-height: 42px;
	text-align: center;
	font-size: 13px;
	color: #666666;
}

.flj .fl_main {
	border-top: 1px solid #f8f8f8;
	line-height: 90px;
}

.flj .fl_main a {
	padding: 0 6px;
	font-size: 14px;
	color: #333333;
}

.flj .fl_main {
	color: #cbcbcb
}

.flj .fl_main span {
	font-size: 16px;
	color: #0072ad;
}

.foot_top {
	background-color: #2a3137;
	height: 52px;
	line-height: 52px;

}

.foot_top a {
	color: #fff;
	font-size: 15px;
	padding: 0 43px;
}

.foot_top a:nth-child(1) {
	padding-left: 0;
}

.foot_bot {
	padding-top: 58px;
	background-color: #343d44;
	padding-bottom: 66px;
}

.foot_bot .bot_L {
	width: 442px;
	float: left;
	background: url(../../skin/picture/foot_bg.png) no-repeat right center;
}

.foot_bot .bot_L h3,
.foot_bot .bot_mid h3 {
	line-height: 24px;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}

.foot_bot .bot_L h5,
.foot_bot .bot_mid h5 {
	line-height: 24px;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 8px;
}

.foot_bot .bot_L p {
	color: #fff;
	font-size: 13px;
	line-height: 26px;
}

.foot_bot .bot_L a {
	color: #fff;
}

.bot_mid {
	width: 422px;
	float: left;
	margin-left: 84px;
	background: url(../../skin/picture/foot_bg.png) no-repeat right center;
}

.foot_input {
	margin-top: 18px;

}

.input_text {
	width: 250px;
	float: left;
	margin-right: 36px;
}

.input_text p {
	height: 44px;
	margin-bottom: 20px;
}

.input_text p input {
	background-color: #343d44;
	outline: none;
	border: 1px solid #93979a;
	height: 42px;
	width: 250px;
	text-indent: 14px;
	color: #fff;
	font-size: 14px;
	margin-right: 10px;
}

.fot_Btn {
	width: 42px;
	height: 66px;
	background: url(../../skin/picture/btn_bg.jpg) no-repeat center center;
	margin-top: 20px;
}

.bot_wx {
	margin-right: 20px;
	float: right;
	padding-top: 36px;
	font-size: 14px;
	color: #ffffff;
	line-height: 26px;
	text-align: center;
}

.login_content {
	position: absolute;
	width: 1200px;
	height: 550px;
	left: 50%;
	margin-left: -600px;
	top: 0;
}

.login {
	position: absolute;
	width: 262px;
	height: 550px;
	right: 0;
	top: 0;
}

.login_bg {
	position: absolute;
	width: 262px;
	height: 550px;
	right: 0;
	top: 0;
	background: #000;
	opacity: 0.2;
	z-index: 1;
}

.login_main {
	padding: 35px 22px 0;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 0;
	width: 218px;
}

.login_main h3 {
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	line-height: 54px;
	padding-left: 76px;
	background: url(../../skin/picture/person_bg.png) no-repeat 32px center;
}

.login_text p {
	height: 35px;
	margin-bottom: 18px;
	width: 100%;
}

.login_text p:nth-child(2n) {
	margin-bottom: 0;
}

.login_text p input {
	width: 100%;
	height: 100%;
	text-indent: 14px;
}

.login_btn {
	margin-top: 20px;
	overflow: hidden;
}

.login_btn input {
	width: 100px;
	height: 35px;
	background-color: #0072ad;
	margin-right: 18px;
	float: left;
	color: #fff;
	border-radius: 4px;
}

.login_btn input:nth-child(2) {
	margin-right: 0;
	background-color: #fc7321;
}

.login_bot {
	margin-top: 38px;
	border-top: 1px solid #b4b8bb;
}

.login_bot h4 {
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
	line-height: 54px;
	padding-left: 76px;
	background: url(../../skin/picture/cx_bg.png) no-repeat 32px center;
}

.login_bot textarea {
	width: 100%;
	height: 78px;
	background: #fff;
	text-indent: 14px;
	line-height: 24px;
}

.login_btn1 {
	width: 100%;
	height: 34px;
	background-color: #0072ad;
	color: #fff;
	margin-top: 20px;
	border-radius: 4px;
}

.ab_more {
	font-weight: normal;
	font-size: 13px;
	color: #fff;
	position: absolute;
	right: 4px;
	top: 4px;
}

.ab_more:hover {
	color: #ff6a00;
}

/* moble menu class */

#m_menu {
	position: absolute;
	width: 30px;
	height: 30px;
	float: right;
	margin-top: 10px;
	text-align: center;
	cursor: pointer;
	right: 15px;
	display: none;
}

#m_menu span {
	display: block;
	position: absolute;
	width: 30px;
	height: 3px;
	z-index: 1;
	left: 0;
	top: 0;
	background: #1980c2;
}

#m_menu .menuicon-middle {
	z-index: 2;
	top: 8px;
}

#m_menu .menuicon-bottom {
	z-index: 3;
	top: 16px;
}


#sf-menu::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

#sf-menu::-webkit-scrollbar-thumb {
	background: #000;
}

#sf-menu::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, 0.9);
}

#sf-menu {
	position: fixed;
	top: 80px;
	left: 0;
	z-index: 9999;
	width: 100%;
	background: rgba(0, 0, 0, 0.9);
	display: none;
	/* max-height:calc(100% - 60px);overflow-y: scroll; */
	padding: 5% 0;
}

#sf-menu li {
	position: relative;
	width: 90%;
	border-bottom: 1px solid #555;
	margin: 0 auto;
}

#sf-menu .sf-menu-2 {
	display: none;
}

#sf-menu>li:last-child {
	border-bottom: none;
}

#sf-menu .sf-menu-2 li:last-child {
	border-bottom: none;
}

#sf-menu li a {
	display: inline-block;
	padding: 10px 0;
	color: #fff;
	transition: transform 0.3s;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;
}

#sf-menu>li:hover .a1 {
	color: #f00;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);

}

#sf-menu .sf-menu-2 li:hover .a2 {
	color: #f00;
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);

}



.attach-services {
	margin-top: 50px;
	margin-bottom: 50px;
	height: auto;
	overflow: hidden;
}

.attach-services h2 {
	font-size: 30px;
	color: #FF8704;
	letter-spacing: 5px;
}

.attach-services h2 small {
	padding-left: 2%;
	letter-spacing: 0;
	font-weight: 400;
    line-height: 1;
    color: #777;
}

.attach-services .col-sm-4 {
	margin-top: 80px;
	height: 100px;
}

.attach-services .attach-li {
	width: 110px;
	height: 110px;
	display: block;
	float: left;
	background-image: url(../images/index-attach.png);
	background-repeat: no-repeat;
}

.attach-services .attach1 {
	background-position: -4px 0;
}

.attach-services .attach2 {
	background-position: -4px -120px;
}

.attach-services .attach3 {
	background-position: -4px -250px;
}

.attach-services .attach4 {
	background-position: -4px -420px;
}

.attach-services .attach5 {
	background-position: -4px -580px;
}

.attach-services .attach6 {
	background-position: -4px -700px;
}

.attach-services .col-sm-4:hover .attach1 {
	background-position: -142px 0;
}

.attach-services .col-sm-4:hover .attach2 {
	background-position: -142px -120px;
}

.attach-services .col-sm-4:hover .attach3 {
	background-position: -142px -250px;
}

.attach-services .col-sm-4:hover .attach4 {
	background-position: -142px -420px;
}

.attach-services .col-sm-4:hover .attach5 {
	background-position: -142px -580px;
}

.attach-services .col-sm-4:hover .attach6 {
	background-position: -142px -700px;
}

.attach-services .center-vertical {
	font-size: 16px;	
	position: absolute;
	top: 40px;
	color: #434343;
}


#sf-menu .sf-menu-2 li .a2 {
	padding: 5px;
}

#sf-menu span {
	display: block;
}

#sf-menu span:after {
	position: relative;
	content: "+";
	float: right;
	display: inline-block;
	padding: 10px 0;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	margin-right: 8px;
	transition: 0.3s;
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	cursor: pointer;
}


#sf-menu>li:hover span:after {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	color: #f00;
}




.menuicon-in .menuicon-top,
.menuicon-in .menuicon-bottom,
.menuicon-out .menuicon-top,
.menuicon-out .menuicon-middle,
.menuicon-out .menuicon-bottom {
	animation: menuInx 1s;
	-moz-animation: menuInx 1s;
	-webkit-animation: menuInx 1s;
	-o-animation: menuInx 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

.menuicon-in .menuicon-middle {
	animation: menuInm 0.5s;
	-moz-animation: menuInm 0.5s;
	-webkit-animation: menuInm 0.5s;
	-o-animation: menuInm 0.5s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards
}

.menuicon-in .menuicon-bottom {
	animation-name: menuIny;
	-moz-animation-name: menuIny;
	-webkit-animation-name: menuIny;
	-o-animation-name: menuIny;
}

.menuicon-out .menuicon-top {
	animation-name: menuOutx;
	-moz-animation-name: menuOutx;
	-webkit-animation-name: menuOutx;
	-o-animation-name: menuOutx;
}

.menuicon-out .menuicon-middle {
	animation-name: menuOutm;
	-moz-animation-name: menuOutm;
	-webkit-animation-name: menuOutm;
	-o-animation-name: menuOutm;
}

.menuicon-out .menuicon-bottom {
	animation-name: menuOuty;
	-moz-animation-name: menuOuty;
	-webkit-animation-name: menuOuty;
	-o-animation-name: menuOuty;
}


@-webkit-keyframes menuInx {
	0% {
		-webkit-transform: rotate(0);
		top: 0
	}

	100% {
		-webkit-transform: rotate(-45deg);
		top: 8px
	}
}

@-moz-keyframes menuInx {
	0% {
		-moz-transform: rotate(0);
		top: 0
	}

	100% {
		-moz-transform: rotate(-45deg);
		top: 8px
	}
}

@-o-keyframes menuInx {
	0% {
		-o-transform: rotate(0);
		top: 0
	}

	100% {
		-o-transform: rotate(-45deg);
		top: 8px
	}
}

@keyframes menuInx {
	0% {
		transform: rotate(0);
		top: 0
	}

	100% {
		transform: rotate(-45deg);
		top: 8px
	}
}

@-webkit-keyframes menuInm {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes menuInm {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes menuInm {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes menuInm {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes menuIny {
	0% {
		-webkit-transform: rotate(0);
		top: 16px
	}

	100% {
		-webkit-transform: rotate(45deg);
		top: 8px
	}
}

@-moz-keyframes menuIny {
	0% {
		-moz-transform: rotate(0);
		top: 16px
	}

	100% {
		-moz-transform: rotate(45deg);
		top: 8px
	}
}

@-o-keyframes menuIny {
	0% {
		-o-transform: rotate(0);
		top: 16px
	}

	100% {
		-o-transform: rotate(45deg);
		top: 8px
	}
}

@keyframes menuIny {
	0% {
		transform: rotate(0);
		top: 16px
	}

	100% {
		transform: rotate(45deg);
		top: 8px
	}
}

@-webkit-keyframes menuOutx {
	0% {
		-webkit-transform: rotate(-45deg);
		top: 8px
	}

	100% {
		-webkit-transform: rotate(0);
		top: 0
	}
}

@-moz-keyframes menuOutx {
	0% {
		-moz-transform: rotate(-45deg);
		top: 8px
	}

	100% {
		-moz-transform: rotate(0);
		top: 0
	}
}

@-o-keyframes menuOutx {
	0% {
		-o-transform: rotate(-45deg);
		top: 8px
	}

	100% {
		-o-transform: rotate(0);
		top: 0
	}
}

@keyframes menuOutx {
	0% {
		transform: rotate(-45deg);
		top: 8px
	}

	100% {
		transform: rotate(0);
		top: 0
	}
}

@-webkit-keyframes menuOutm {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes menuOutm {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-o-keyframes menuOutm {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes menuOutm {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes menuOuty {
	0% {
		-webkit-transform: rotate(45deg);
		top: 8px
	}

	100% {
		-webkit-transform: rotate(0);
		top: 16px
	}
}

@-moz-keyframes menuOuty {
	0% {
		-moz-transform: rotate(45deg);
		top: 8px
	}

	100% {
		-moz-transform: rotate(0);
		top: 16px
	}
}

@-o-keyframes menuOuty {
	0% {
		-o-transform: rotate(45deg);
		top: 8px
	}

	100% {
		-o-transform: rotate(0);
		top: 16px
	}
}

@keyframes menuOuty {
	0% {
		transform: rotate(45deg);
		top: 8px
	}

	100% {
		transform: rotate(0);
		top: 16px
	}
}




.menufade>li {
	opacity: 0
}

.menufade>li {
	animation: menufade 0.35s ease-out;
	-moz-animation: menufade 0.35s ease-out;
	-webkit-animation: menufade 0.35s ease-out;
	-o-animation: menufade 0.35s ease-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
}

.menufade>li:nth-child(1) {
	animation-delay: 100ms;
	-moz-animation-delay: 100ms;
	-webkit-animation-delay: 100ms;
	-o-webkit-animation-delay: 100ms
}

.menufade>li:nth-child(2) {
	-o-webkit-animation-delay: 300ms;
	-moz-animation-delay: 300ms;
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms
}

.menufade>li:nth-child(3) {
	-o-webkit-animation-delay: 350ms;
	-moz-animation-delay: 350ms;
	-webkit-animation-delay: 350ms;
	animation-delay: 350ms
}

.menufade>li:nth-child(4) {
	-o-webkit-animation-delay: 400ms;
	-moz-animation-delay: 400ms;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms
}

.menufade>li:nth-child(5) {
	-o-webkit-animation-delay: 450ms;
	-moz-animation-delay: 450ms;
	-webkit-animation-delay: 450ms;
	animation-delay: 450ms
}

.menufade>li:nth-child(6) {
	-o-webkit-animation-delay: 500ms;
	-moz-animation-delay: 500ms;
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms
}

.menufade>li:nth-child(7) {
	-o-webkit-animation-delay: 550ms;
	-moz-animation-delay: 550ms;
	-webkit-animation-delay: 550ms;
	animation-delay: 550ms
}

.menufade>li:nth-child(8) {
	-o-webkit-animation-delay: 600ms;
	-moz-animation-delay: 600ms;
	-webkit-animation-delay: 600ms;
	animation-delay: 600ms
}


@-webkit-keyframes menufade {
	0% {
		opacity: 0;
		-webkit-transform: scale(1.1) translateY(-24px)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
}

@-moz-keyframes menufade {
	0% {
		opacity: 0;
		-moz-transform: scale(1.1) translateY(-24px)
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1) translateY(0)
	}
}

@-o-keyframes menufade {
	0% {
		opacity: 0;
		-o-transform: scale(1.1) translateY(-24px)
	}

	100% {
		opacity: 1;
		-o-transform: scale(1) translateY(0)
	}
}

@keyframes menufade {
	0% {
		opacity: 0;
		transform: scale(1.1) translateY(-24px)
	}

	100% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
}

.scroll_show3,
.scroll_show1,
.scroll_show8,
.scroll_show2 {
	display: none;
}

.about_main img,
.common_text img {
	max-width: 100%;
	height: auto;
}

/*分页公共样式*/
#pager {
	text-align: center;
	margin-top: 30px;
	height: auto;
	overflow: hidden;
	width: 100%;
}

.pager {
	padding: 5px;
}

.pager a {
	font-size: 12px;
	color: #666;
	border: #e9e9e9 1px solid;
	padding: 2px 10px;
}

.pager span a.current {
	background: #1980c2;
	color: #fff;
	padding: 3px 11px;
}

.btn {
	margin: 25px 0 0 70px;
}

.swiperloop3 {
	display: none;
}

.login_btn input:nth-child(2) {
	margin-right: 0;
}

.mobCh_list {
	display: none;
}

.link_area {
	margin-top: 20px;
	text-align: center;
	display: none;
}

.link_area a {
	width: 30%;
	display: inline-block;
	margin-right: 3%;
	height: 30px;
	line-height: 30px;
	background-color: #e47523;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 30px;
}

.link_area a:last-child {
	margin-right: 0;
}

.en-box {
	display: none;
}