@import"font.css";
body {
	font-size: 12px;
	margin:0;
	padding:0;
	font-family: 'Karbon-Regular';
}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.space{ clear:both;}
.profile_left {
	width: 100%;

}
.panel{ border:0; margin:0;}
.panel-body{ padding:0;}


.profile_right {
	width: 100%;
	position: fixed;
	top: 0;
	height:100px;
	background:#fff;
	z-index:999;
}
.profile_right_cnt {

	height: 40px;
	margin-top:30px;
	float: left;
}
.profile_right_cnt p {
	color: #333;
	line-height:40px;
	float:left; 
	padding:0 25px;
	font-size:20px;
	margin:0;
	font-family: 'Karbon-Semibold';
	
}
.profile_right_cnt p.sec {
	background: 0;
	position: relative;
	height: 18px;
	margin: 4px 0
}
.profile_right_cnt p.sec:hover {
	background: 0
}
.profile_right_cnt a.sec {
	width: 100%;
	color: #333;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	font-weight: normal;

	padding-left: 30px;
	margin: 2px 0
}
.profile_right_cnt a.sec:hover {
	color: #c00;
	cursor: pointer;

}
.profile_right_cnt p a {
	color: #333
}

.profile_right_cnt p:hover a {
	text-decoration:none;
}

.profile_right_cnt .floatnav_a_cur {
	color: #03529e;
	cursor: pointer;

}
.profile_right_cnt .floatnav_a_cur a {
	color: #cb0111;
	
}

.navigation-link {
	display: block;
	position: relative;
	text-decoration: none;
	color: #333;
	-webkit-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out;
}

.navigation-link:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 0;
	border-bottom: solid 2px #cb0111;
}

.navigation-link:before {
	left: 0;
}

.navigation-link:hover {
	color: #333;
}

.navigation-link:hover:before {
	width: 100%;
}

.navigation-link:before {
	-webkit-transition: width .2s ease-in-out;
	transition: width .2s ease-in-out;
}

.floatnav_a_cur .navigation-link{}


.header2{ position:fixed; top:0; width:100%; background:#fff; height:100px;}
.profile_right .wrap{ width:1200px; margin:0 auto;}

.profile_right .logo{ float:left; margin-top:20px; height:60px; margin-right:40px;}
.profile_right .logo img{ height:100%;}

.profile_right .mail{ float:right; background:url(../images/icon_mail.png) no-repeat; padding-left:30px; font-size:16px;margin-top:40px; line-height:20px;}
.profile_right .mail a{color:#cb0111;}
.profile_right .mail a:hover{ color:#333;}

.banner2{ height:750px; margin-top:100px;background:url(../images/banner.jpg) no-repeat; background-size:100% auto;}


.about{ width:100%; padding-top:100px; height:650px; overflow:hidden;}
.about .title{ width:100%; text-align:center; font-size:16px; margin-bottom:40px;}
.about .title h2{font-family: 'Karbon-Semibold'; font-size:48px; margin:0; margin-bottom:10px;}
.about .wrap{ width:1200px; margin:0 auto;}
.about_phone{ display:none;}
.about .left{ float:left; width:21%;}
.about .left .logo{}
.about .left .logo img{ width:100%;}
.about .left .txt{ font-size:18px;font-family: 'Karbon-Regular'; line-height:1.4;}
.about .left .txt h4{ font-size:30px; font-weight:bold;font-family: 'Karbon-Regular'; line-height:1.2; margin:10px 0;}
.about .list{ float:left; width:24%; margin-left:2%; border:1px solid #e5e5e5;}
.about .list img{ width:100%;}
.about .list .name{ padding:20px 10px;font-family: 'Karbon-Semibold'; font-size:18px;}
.about .on{ border-bottom:3px solid #cb0111;}

.solutions{ width:100%; padding:140px 0; background:#cb0111; height:470px;}
.solutions .title{ width:100%; text-align:center; font-size:16px; margin-bottom:80px; color:#fff;}
.solutions .title h2{font-family: 'Karbon-Semibold'; font-size:48px; color:#fff; margin:0; margin-bottom:20px; }
.solutions .wrap{ width:1200px; margin:0 auto;}
.solutions .list{ float:left; width:17%; margin:0 4%;}
.solutions .list .img{ text-align:center;}
.solutions .list .txt{ padding:20px 10px;font-family: 'Karbon-Semibold'; color:#fff; text-align:center; font-size:18px;}

.solutions .list a{ transition: 0.5s ; display:block;}
.solutions .list a:hover{ transform: translateY(-10px) scale(1);}

.contact{ background:url(../images/contact_bg.jpg) no-repeat; background-size:100%; height:550px; padding-top:200px;}
.contact .title{font-family: 'Karbon-Semibold'; font-size:48px; max-width:1200px; margin:0 auto; margin-bottom:60px; }
.contact .mail{ max-width:1200px; margin:0 auto; font-size:18px;}
.contact .mail .icon{height:66px; width:66px; border-radius:66px; background:#cb0111; float:left; margin-right:20px;}
.contact .mail .icon img{ padding:20px 15px; width:36px;}
.contact .mail .txt{ line-height:36px; font-size:24px; border-bottom:1px solid #cb0111; width:200px; float:left; margin-top:15px;}
.contact .mail .txt a{color:#111;}
.contact .mail .txt a:hover{ color:#cb0111;}

.contact .cooperator{ position:relative; width:100%; margin-top:160px;}

.contact .contact_logo{ background:rgba(255,255,255,.8); height:100px; position:absolute; width:75%; right:0; top:0;}
.contact .contact_logo div{ float:left; padding-left:30px; padding-top:30px;}
.contact .txt_wrap{ width:1200px; margin:0 auto;}
.contact .txt_wrap .txt{ text-align:center; font-size:21px; width:200px; padding-top:15px;}
.contact .txt_wrap .txt h4{font-family: 'Karbon-Semibold'; font-size:42px; margin:0;}

.footer{ height:50px; background:#fff; padding:25px 0;}
.footer .wrap{ width:1200px; margin:0 auto; height:50px;}
.footer .logo{ height:50px; float:left;}
.footer .logo img{ height:100%;}
.footer .cr{ float:right; font-size:16px;font-family: 'Karbon-Regular'; line-height:50px;}


.sp_nav{width:40px;float:right;position:relative;cursor:pointer;height:24px;margin-top:28px; display:none;}
.sp_nav span{display:block;background:#333;width:24px;height:2px;position:absolute;right:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg);background:#cb0111;}
.sp_nav_se span:nth-of-type(2){width:0;background:#cb0111;}
.sp_nav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg);background:#cb0111;}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:80px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul{ padding:0 30px;}
.sjj_nav ul li{border-top:1px #ddd solid;position:relative;font-size:14px; list-style:none;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;font-family: 'Karbon-Semibold';line-height:40px; display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.gototop{bottom:30px; right:10px; z-index:99; position:fixed; display:none;}
.gototop a{ display:block; border-radius:48px; width:48px; height:16px; background:url(../images/gototop.png) no-repeat #cb0111; background-position:6px 10px; color:#fff; text-align:center; padding-top:32px;}
.fixedtop{ display:block;}

.top{ position: absolute; top:0;}

@media (max-width:1200px) {
	.profile_right .wrap{ width:auto; padding:0 30px;}
	.about .wrap{ width:auto; padding:0 30px;}
	.solutions .wrap {width:auto; padding:0 30px;}
	.contact .wrap {width:auto; padding:0 30px;}
	.contact .txt_wrap{ width:auto; padding-left:30px;}
	.footer .wrap { width:auto; padding:0 30px;}
	
	.banner2{ background-size:auto 100%; background-position:center;}
	.contact{ background-size:auto 100%;}
	}
@media (max-width:1200px) {
	.about .left .txt h4{ font-size:24px;}

	}
@media (max-width:840px) {
	.sp_nav{ display:block;}
	.profile_right_cnt{ display:none;}
	
	.profile_right{ height:80px;}
	.profile_right .mail{ margin-top:28px; }
	.profile_right .logo{ height:50px; margin-top:15px;}
	
	.banner2{margin-top: 80px;}
	.banner2{background:url(../images/banner_phone.jpg) no-repeat; background-size:100% auto; background-position:center;}
	
	.about .title h2{ font-size:40px;}
	.about .left{ float:none; width:100%; height:68px; background:#f5f5f5; margin-bottom:30px;}
	.about .left .logo { width:120px; float:left; margin-right:20px;}
	.about .left .txt{ font-size:16px;}
	.about .left .txt h4{ font-size:20px; font-weight:bold; margin:0px; padding-top:10px;}
	.about .list{ width:29%; margin-right:4%; margin-left:0;}
	.about .list .name{ font-size:14px;}
	
	.about_phone{ display:block;margin: 0 20px; margin-bottom:30px;height: 68px; background: #f5f5f5;}
	.about_phone .logo{ width:120px; float:left; margin-right:20px;}
	.about_phone .logo img{ width:100%;}
	.about_phone .txt{font-family: 'Karbon-Regular';line-height: 1.4; font-size: 16px;}
	.about_phone .txt h4{font-family: 'Karbon-Regular';line-height: 1.2;font-size: 20px;font-weight: bold;margin: 0px;padding-top: 10px;}

	.about .wrap .left{ display:none;}
	
	.solutions{ padding-top:80px;}
	.solutions .title h2{ font-size:40px;}
	.solutions .list{ width:36%; margin:0 7%; margin-bottom:30px;}
	.solutions .list .img{ width:50%; margin:0 auto;}
	.solutions .list .img img{ width:100%;}
	.solutions .list .txt{ font-size:16px;}
	
	.contact .title{ font-size:40px;}
	.contact .txt_wrap .txt{ font-size:18px; width:180px; padding-top:20px;}
	.contact .txt_wrap .txt h4{ font-size:36px;}
	.contact .contact_logo{ width:70%;}
	.contact .cooperator{ margin-top:200px;}
	}
	@media (max-width:640px) {
	
	.profile_right .wrap{ padding:0 20px;}
	.about .wrap{ padding:0 20px;}
	.solutions .wrap { padding:0 20px;}
	.contact .wrap { padding:0 20px;}
	.contact .txt_wrap{ padding-left:0;}
	.footer .wrap { padding:0 20px;}
	
	.nav_show{top:60px}
	.sjj_nav ul{ padding:0 20px;}
	.sp_nav{ margin-top:20px;}
	
	.profile_right .mail{ margin-top:20px; }
	
	.profile_right{ height:60px;}
	.profile_right .logo{ height:30px; margin-top:15px;}
	.banner2{ height:660px; margin-top:60px; background-position:bottom;}
	
	.about { height:auto;}
	.about .title h2{ font-size:30px;}
	.about .left{ height:auto; background:none;}
	.about .left .logo{ float:none;}
	.about .list{ width:100%; margin:0; margin-bottom:30px;}
	
	.about_phone{ display:block;padding: 0 20px; margin:0; height:auto; margin-bottom:30px; background:none;}
	.about_phone .logo{ width:120px; float:none;}
	.about_phone .logo img{ width:100%;}
	.about_phone .txt{font-family: 'Karbon-Regular';line-height: 1.4; font-size: 16px;}
	.about_phone .txt h4{font-family: 'Karbon-Regular';line-height: 1.2;font-size: 20px;font-weight: bold;margin: 0px;padding-top: 10px;}

	
	.solutions .title{ margin-bottom:50px; padding:0 20px; width:auto;}
	.solutions .title h2{ font-size:30px;}
	.solutions .list{ width:50%; margin:0; height:200px;}
	.solutions .list .img { width:50%;}
	
	
	.contact{ background-position:center;}
	.contact .title{ font-size:30px;}
	
	.contact .mail .icon{ width:48px; height:48px; }
	.contact .mail .icon img{ width:24px; padding:16px 12px;}
	.contact .mail .txt{ margin-top:6px; font-size:20px;width:160px;}
	
	.contact .cooperator{ margin-top:160px; padding-left:20px; width:auto;}
	.contact .txt_wrap .txt{ font-size:14px; text-align:left; padding-top:10px; margin-bottom:10px;}
	.contact .txt_wrap .txt h4{ font-size:28px; line-height:1;}
	.contact .contact_logo{ width:100%; height:70px; position:relative;}
	.contact .contact_logo div{ width:40%; padding-top:25px;}
	.contact .contact_logo div img{ width:100%;}
	
	.footer .logo{ height:30px;}
	.footer .cr{ font-size:12px; width:200px; line-height:1.2; text-align:right; padding-top:4px;}
	}