html,body{
	font-family: sans-serif;
}
a{
	text-decoration: none;
}
.main {
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #f3f3f3;
}
.category {
	margin-bottom: 20px;
}
.category_box{
	float: left;
	width: 168px;
	display: none;
}
.category_box img{
	display: block;
	margin-bottom: 7px;
}
.side_menu{
	position: fixed;
	left: 50%;
	margin-left: 546px;
	float: left;
	display: none;
}
.side_menu_num{
	width: 79px;
	height: 72px;
}
.side_menu_color{
	width: 79px;
	height: 62px;
}
.side_menu_mg{
	width: 79px;
	height: 62px;
	margin-top: 5px;
}
.content{
	position: relative;
	width: 1250px;
	margin: 0 auto;
}
.content::after{
	clear: both;
	display: block;
	content: '';
}
.con_box{
	width: 943px;
	background-color: white;
	box-sizing: border-box;
	margin: 0 auto;
}
.con_box_1{
	padding:29px 61px 0 61px;
	border-bottom: 2px solid #f3f3f3;
}
.con_box_2{
	margin-top: 55px;
	padding: 0px 61px 0 61px;
}
.sub_fir_btn_01 {
	margin-top: 42px;
	margin-bottom: 43px;
}
.sub_fir_btn_list_01 {
	width: 688px;
	*zoom: 1;
	margin: 0 auto;
}
.sub_fir_btn_list_01::after {
	content: '';
	display: block;
	clear: both;
}
.sub_fir_btn_list_01 > li {
	float: left;
	margin-left: 5px;
}
.sub_fir_btn_list_01 > li:first-child {
	margin-left: 0;
}

.sub_fir_01 {
	text-align: center;
}


.sub_fir_02 {
	position: relative;
}
.sub_fir_02 .btn_view_ss100 {
	position: absolute;
	top: 609px;
	left: 362px;
	display: block;
	width: 236px;
	height: 42px;
}
.sub_fir_btn_02 {
	margin-bottom: 61px;
}
.sub_fir_btn_list_02 {
	width: 688px;
	*zoom: 1;
	margin: 0 auto;
}
.sub_fir_btn_list_02::after {
	content: '';
	display: block;
	clear: both;
}
.sub_fir_btn_list_02 > li {
	float: left;
	margin-left: 5px;
}
.sub_fir_btn_list_02 > li:first-child {
	margin-left: 0;
}



.con_first{
	font-size: 18px;
	color: #959595;
	font-weight: bold;
}
.con_fir{
	margin-top: 19px;
}
.con_info{
	width: 821px;
	background-image: url(../images/logo_img.png);
	background-repeat: no-repeat;
	background-position: center 91px;
	padding-top: 214px;
	box-sizing: border-box;
}
.intro_black{
	letter-spacing: -6px;
	font-size: 40px;
	color: #454545;
	margin-bottom: 8px;
	text-align: center;
	padding-left: 30px;
}
.intro_line{
	display: inline-block;
	height: 3px;
	width: 24px;
	background-color: #454545;
	vertical-align: 14px;
	margin-left: 2px;
	margin-right: -2px;
}
.intro_box{
	text-align: center;
	font-size: 63px;
	font-weight: bold;
	margin: 0 0 68px 20px;
	letter-spacing: -9px;
	word-spacing: -4px;
}
.intro_blue{
	color: #0475d5;
}
.intro_bold{
	color: #454545;
}
.con_intro>img{
	float: left;margin-right: 48px;
}
.con_intro>p{
	letter-spacing: -1px;
	font-size: 18px;
	float: left;
	color: #656565;
	line-height: 24px;
	margin-block-start: 0px;
    margin-block-end:0;
}
.con_intro::after{
	clear: both;
	display: block;
	content: "";
}
.con_intro2{
	margin-top: 77px;
	padding-bottom: 63px;
}
.con_intro2>img{
	float: left;
	margin-right: 48px;
}
.con_intro2>p{
	margin-top: 30px;
	letter-spacing: -1px;
	line-height: 24px;
	font-size: 18px;
	float: left;
	color: #656565;
}
.con_intro2>p>span{
	font-weight: bold;
	color: black;
}
.con_intro2::after{
	clear: both;
	display: block;
	content: "";
}

.con_title{
	padding-left: 24px;
	letter-spacing: -3px;
	background-image: url(../images/title_mark.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #454545;
	font-size: 24px;
	font-weight: bold;
}
.con_reason_if{
	font-size: 21px;
	color: #747474;
	font-weight: bold;
	margin: 17px 0 0 26px;
	padding-left: 12px;
	letter-spacing: -3px;
	background-image: url(../images/fir_reason_mark.png);
	background-repeat: no-repeat;
	background-position: left center;
}
.con_reason_if>span{
	margin-left: 1px;
	font-size: 23px;
}
.fir_blue{
	font-weight: bold;
	color: #0475d5;
}
.blue_effect{
	font-style: oblique;
 	font-size: 25px;
}
.reason_box{
	margin-bottom: 42px;
	margin-top: 21px;
	padding-top: 120px;
	border: 1px solid #d2d2d2;
	border-left: none;
	text-align: center;
	width: 273px;
	height: 267px;
	box-sizing: border-box;
	float: left;
}
.reason_box>.fir_blue{
	font-size: 18px;
	letter-spacing: -1.75px;
}
.reason_box>p{
	letter-spacing: -1.5px;
	margin-top: 8px;
	line-height: 20px;
	font-size: 15px;
	color: #656565;
}
.reason_1{
	width: 274px;
	border-left: 1px solid #d2d2d2;
	background-image: url(../images/connection.png);
	background-repeat: no-repeat;
	background-position: center 50px;
}
.reason_2{
	background-image: url(../images/handshake_icon.png);
	background-repeat: no-repeat;
	background-position: center 41px;
}
.reason_3{
	background-image: url(../images/center_icon.png);
	background-repeat: no-repeat;
	background-position: center 41px;
	width: 274px;
}
.reason_4{
	width: 274px;
	border-left: 1px solid #d2d2d2;
	background-image: url(../images/award.png);
	background-repeat: no-repeat;
	background-position: center 45px;
}
.reason_5{
	background-image: url(../images/box.png);
	background-repeat: no-repeat;
	background-position: center 40px;
}
.reason_6{
	background-image: url(../images/update_icon.png);
	background-repeat: no-repeat;
	background-position: center 47px;
	width: 274px;
}
.reason_wrap::after{
	content: '';
	clear: both;
	display: block;
}

.con_prom>ul{
	letter-spacing: -1px;
	margin: 20px 0 50px 0;
}
.con_prom>ul>li{
	border-bottom: 1px solid #f2f2f2;
}
.con_prom>ul>li:first-child{
	border-top: 1px solid #f2f2f2;
}
.con_prom>ul>li::after{
	content: '';
	clear: both;
	display: block;
}
.con_prom>ul>li>div{
	width: 250px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #0475d5;
	line-height: 107px;
	background-repeat: no-repeat;
	background-position: left center;
	height: 108px;
	box-sizing:border-box;
	padding-left: 70px;
}
.prom_con{
	padding-left: 32px;
	padding-top: 30px;
	font-size: 14px;
	line-height: 20px;
	color: #656565;
	float: left;
}
.prom_con_3{
	padding-top: 22px;
}
.prom_title1{
	background-image: url(../images/01.png);
}
.prom_title2{
	background-image: url(../images/02.png);
}
.prom_title3{
	background-image: url(../images/03.png);
}
.prom_title4{
	background-image: url(../images/04.png);
}
.con_service>ul>li>div:first-child{
	width: 250px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
}
.service_con{
	line-height: 26px;
	padding-left: 32px;
	padding-top: 26px;
	float: left;
	box-sizing: border-box;
}
.service_con>ul{
	margin-top: 7px;
}
.service_con>ul>li{
	background-image: url(../images/li_mark.png);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 2px center;
	float: left;
	color: #656565;
	font-size: 14px;
	width: 120px;
}
.con_service>ul{
	margin: 20px 0 45px 0;
}
.con_service>ul>li{
	border-top: 1px solid #dbdbdb;
}
.con_service>ul>li::after{
	content: '';
	display: block;
	clear: both;
}
.service_title{
	font-size: 18px;
	font-weight: bold;
	color: #252525;
}
.service_div1{
	height: 161px;
	background-image: url(../images/note.png);
}
.service_div2{
	height: 171px;
	background-image: url(../images/class.png);
}
.service_div3{
	height: 171px;
	background-image: url(../images/content.png);
}
.service_div4{
	height: 171px;
	background-image: url(../images/ant.png);
}
.btn_line{
	background-color: #2e2f33;
	height: 3px;
	width: 821px;
}
.btn_wrap>div>a{
	color: white;
	height: 100%;
	display: block;
}
.btn_wrap{
	font-size: 16px;
	letter-spacing: -0.5px;
	line-height: 20px;
	margin-top: 98px;
	margin-left: 61px;
	margin-bottom: 100px;
}
.btn_wrap::after{
	clear: both;
	content: '';
	display: block;
}
.btn_wrap>div>a>p{
	margin-top: 18px;
}
.btn_supp,.btn_sell{
	box-sizing: border-box;
	padding-top: 49px;
	text-align: center;
	color: white;
	height: 168px;
	width: 401px;
	float: left;
}
.btn_supp{
	background-color: #f36227;
}
.btn_sell{
	margin-left: 19px;
	background-color: #1880cc;
}
.btn_span{
	letter-spacing: -3px;
	font-weight: bold;
	font-size: 30px;
	padding-right: 35px;
	background-image: url(../images/sup_btn.png);
	background-repeat: no-repeat;
	background-position: right;
}
.btn_span_sm {
	font-size: 24px;
}