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

body {
	color: #8d8d8d;
	font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
	padding: 0;
}
.col_left_right { padding:0 -15px; }
a { text-decoration: none; }
a:hover, a:active, a:focus {
	text-decoration: none;
	color: #33C474;
}
a, button {
 -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
 transition: all .4s ease; font-weight: 500; }
button, a, a:hover, a:focus, a:active {
	text-decoration: none;
	border: none;
	outline: none;
}
.button .btn:hover, .button .btn.primary, .header .nav li a::before, .header .slicknav_nav a:hover, .breadcrumbs h2:before, .breadcrumbs h2:after, .sufia-slider button:hover, #contact .form-group .button {
 background: #33C474;
}
.container {
	max-width: 100% !important;
	width: 1230px !important;
	margin: 0 auto;
}
.wrapper {
	position: relative;
	overflow-x: hidden;
}
header { position: relative; }
img { max-width: 100%; }
ul { list-style-type: none; }
ol, ul {
	margin: 0;
	padding: 0;
}

/* --------------- Header ---------------
   --------------- Header --------------- */

.collapse ul { padding: 30px 0; }
.navbar-brand { padding: 18px 0 18px 15px; }
.nav>li>a {
	position: relative;
	display: block;
	padding: 6px 15px
}
.navbar-default {
	background-color: #fff;
	padding: 0;
	margin: 0;
}
.navbar-default .navbar-text { color: #777 }
.navbar-default .navbar-nav>li>a {
	color: #777;
	font-size: 16px;
	font-weight:500;
	/*font-family: "Roboto Condensed";*/
	margin-right: 3px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #33C474;
	display: block;
	/*background: #33C474;*/
	border-radius: 3px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	color: #33C474;
	display: block;
	background: #fff;
	/*background: #33C474;*/
	font-weight:bold;
	border-radius: 3px;
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover {
	color: #FFF;
	background: #41c5fb;
}
.navbar-default .navbar-toggle {
	border-color: #61cfef;
	background-color: #61cfef;
	margin-top: 29px;
	margin-bottom: 29px;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	border-color: #33C474;
	background-color: #33C474;
}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7 }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #61aa31;
	background-color: #FFF
}
 @media(max-width: 767px) {
.pagination-lg-1>li>a, .pagination-lg>li>span {
 padding: 10px 16px;
 font-size: 18px;
 line-height: 1.3333333
}
.pagination-lg-1>li:first-child>a, .pagination-lg>li:first-child>span {
 border-top-left-radius: 6px;
 border-bottom-left-radius: 6px
}
.pagination-lg-1>li:last-child>a, .pagination-lg>li:last-child>span {
 border-top-right-radius: 6px;
 border-bottom-right-radius: 6px
}
}
@media(min-width: 480px) and (max-width: 991px) {
}


/* --------------- Slider(banner) ---------------
   --------------- Slider(banner)--------------- */

.sufia-slider .single-slider {
	background-size: cover;
	position: relative;
}
.sufia-slider .single-slider:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;/*background: rgba(0, 0, 0, .20);*/
}
.sufia-slider .welcome-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 480px;
	vertical-align: middle;
	background: transparent;
}
.sufia-slider .welcome-text.center { text-align: center; }
.sufia-slider .welcome-text.right { text-align: right; }
.sufia-slider .welcome-text h1 {
	margin-bottom: 30px;
	color: #fff;
	font-size: 42px;
	font-weight: 600;
}
.sufia-slider .welcome-text p {
	font-size: 20px;
	color: #FFF;
	line-height: 1.5em;
	margin-bottom: 50px;
}
.sufia-slider .welcome-text .btn {
	width: 220px;
	margin-right: 30px;
	border-radius: 3px;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	padding: 0;
	position: relative;
}
.sufia-slider .welcome-text .primary {
	background: #fff;
	color: #333;
}
.sufia-slider .welcome-text .primary:hover {
	background: #fff;
	color: #33C474;
}
.welcome-text .primary i { padding-left: 8px; }
.sufia-slider .welcome-text .primary2 {
	background: #fff;
	color: #333;
}
.sufia-slider .welcome-text .primary2:hover {
	background: #33C474;
	color: #fff;
}
.welcome-text .primary2 i { padding-left: 8px; }
.sufia-slider .welcome-text .btn:last-child { margin: 0; }
.sufia-slider button {
	position: absolute;
	top: 50%;
	width: 42px;
	height: 42px;
	line-height: 42px;
	font-size: 25px;
	margin-top: -42px;
	z-index: 5;
	color: #fff;
	background: rgba(255, 255, 255, 0.20);
 transition: all .4s ease;
 -webkit-transition: all .4s ease;
 -moz-transition: all .4s ease;
}
.sufia-slider button:hover {
	color: #fff;
	background: rgba(0, 0, 0, 0.20);
}
.sufia-slider .PrevArrow { left: 0; }
.sufia-slider .NextArrow { right: 0; }
/* Slider Animation */
.sufia-slider .single-slider.slick-active h1 { animation: fadeInDown 1s both 0.1s; }
.sufia-slider .single-slider.slick-active p { animation: fadeInUp 1s both .4s;
}
.sufia-slider .single-slider.slick-active .btn { animation: fadeInUp 1s both .6s;
}
 @media(max-width: 767px) {
.siderpic {
 display: none;
}
 .single-slider .welcome-text h1 {
 font-size: 48px;
 margin-bottom: 50px;
}
.welcome-text {
 text-align: left;
 padding:0 70px;
}
.single-slider .welcome-text p {
 font-size: 20px;
 margin-bottom: 30px;
 line-height: 1.8em;
}
}
@media(min-width: 480px) and (max-width: 991px) {
 .siderpic {
padding-top:30px;
padding-bottom:30px;
}
 .single-slider .welcome-text h1 {
 font-size: 32px;
}
.welcome-text {
 text-align: left;
 padding:0 50px;
}
.single-slider .welcome-text p {
 font-size: 18px;
 margin-bottom: 30px;
 line-height: 1.2em;
}
}



/* ------------------ Product------------------
   ------------------ Product------------------ */

.product { padding-bottom: 80px; }
.category_title { padding: 80px 0; }
.category_title_line { background: url(../images/fltitle_line.png) repeat-x center; }
.category_title_wz {
	background-color: #fff;
	padding: 15px;
	line-height: 32px;
	font-size: 32px;
	color: #2E363A;
}
.category_title_ms {
	line-height: 40px;
	font-size: 16px;
	color: #2E363A;
}
.category_title .button_more {
	padding: 10px 50px;
	font-size: 18px;
	line-height: 18px;
	border: 1px #e2e2e2 solid;
	color: #9B9B9B;
	background: #fff;
}
.category_title .button_more:hover {
	color: #33C474;
	border: 1px #33c474 solid;
}

.category_content_right {
	background: #fff;
	border: 1px #D8D8D8 solid;
	margin: 54px 0;
}
.service-item { position: relative; }
.service-item::before {
 content:"";
 position: absolute;
 width:100%;
 height: 100%;
 left:0;
 top:0;
 background:#000;
 filter:alpha(opacity=10);
 -moz-opacity:0.1;
 -khtml-opacity: 0.1;
 opacity: 0.1;
 -webkit-transition : all 0.3s ease 0s;
 -moz-transition : all 0.3s ease 0s;
 -o-transition : all 0.3s ease 0s;
 transition : all 0.3s ease 0s;
}
 .service-item:hover::before {
 background:#000;
 filter:alpha(opacity=6);
 -moz-opacity:0.6;
 -khtml-opacity: 0.6;
 opacity: 0.6;
}
.service-description {
	position: absolute;
	left:0;
	bottom: 2em;
	padding: 0 2em 2.8em;
}
.service-description h3 {
	color: #333;
	border-left: 6px solid #32c374;
	line-height: 1.2em;
	padding:.4em 0 .4em .4em;
	text-transform: uppercase;
	font-size:28px;
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); /* IE 10 */
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); /*火狐*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.75)), to(rgba(255, 255, 255, 0))); /*谷歌*/
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgbargba(255, 255, 255, 0) 10%);
	/*border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: rgba(255,255,255,0.5);
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	*/
}
.service-description p {
	color:#ffffff;
	opacity: 0;
	visibility: hidden;
	margin-bottom: -7em;
	-webkit-transition : all 0.3s ease 0s;
	-moz-transition : all 0.3s ease 0s;
	-o-transition : all 0.3s ease 0s;
	transition : all 0.3s ease 0s;
}
.service-item:hover p {
	opacity: 1;
	visibility: visible;
	margin-bottom: 0;
}
.service-item:hover .service-description h3 {
	border-left: 6px solid #32c374;
	color:#fff;
	background:none;
	line-height: 1.2em;
	padding:.1em 0 .1em .4em;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.cmd4 {
	padding-left: 2px;
	padding-right: 2px;
	padding-left: -15px !important;
	padding-right: -15px !important;
}
.cmd6 {
	padding-left: 2px;
	padding-right: 2px;
	padding-left: -15px !important;
	padding-right: -15px !important;
	margin-top:4px;
}
 @media(max-width: 767px) {
 .service-section li:first-child {
 margin-right: 0;
}
 .service-section li a {
 font-size: 1rem;
}
}
@media(min-width: 480px) and (max-width: 991px) {
 .service-section li:first-child {
 margin-right: 2rem;
}
 .service-thumb img {
width:100%;
height:auto;
}
.cmd4 {
padding:2px;
}
.service-description {
 position: absolute;
 left:0;
 bottom: 4em;
 padding: 0 2em 2.8em;
}
 .category_title_wz {
 padding: 15px 5px;
 line-height: 24px;
 font-size: 24px;
 color: #2E363A;
}
.category_title_ms {
 line-height: 28px;
 font-size: 18px;
 padding: 8px 0;
 color: #2E363A;
}
}



/* ------------------ screen------------------
   ------------------ screen------------------ */

#screen { background: #f6f6f6; }
.screen { padding-bottom: 80px; }
.screen_title_wz {
	background-color: #f7f7f7;
	padding: 15px;
	line-height: 32px;
	font-size: 32px;
	color: #2E363A;
}
.srccen_icon {
	width: 72px;
	height: 72px;
	padding: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	margin-right: 15px;
}
.srccen_iconbj1 {
	background: #88D45F;
	background: -webkit-linear-gradient(to top, #75C23D, #88D45F);
	background: linear-gradient(to top, #75C23D, #88D45F);
}
.srccen_iconbj2 {
	background: #42DCDF;
	background: -webkit-linear-gradient(to top, #2CB7BA, #42DCDF);
	background: linear-gradient(to top, #2CB7BA, #42DCDF);
}
.srccen_iconbj3 {
	background: #F7838C;
	background: -webkit-linear-gradient(to top, #E9616B, #F7838C);
	background: linear-gradient(to top, #E9616B, #F7838C);
}
.srccen_iconbj4 {
	background: #FFC479;
	background: -webkit-linear-gradient(to top, #F8A727, #FFC479);
	background: linear-gradient(to top, #F8A727, #FFC479);
}
.feature-item .media-heading {
	line-height: 26px;
	color: #2a2a2a;
	font-size: 18px;
}
.media-body p {
	position: relative;
	line-height: 1.4em;
	font-size: 1em;
	height: 2.8em;
	overflow: hidden;
	font-size:15px;
	color:#ababab;
}
.feature-item .media-heading:hover, .media-body p:hover { color: #33C474; }
.feature-item {
	padding: 20px;
	background: url(../images/fltitle_line.png) repeat-x bottom;
}
.feature-item:last-child { background: none; }
 @media(max-width: 767px) {
}
@media(min-width: 480px) and (max-width: 991px) {
}


/* ------------------ footer ------------------
   ------------------ footer ------------------ */

.footer {
	background: #191A1E;
	color: #fff;
}
.footer .footer-pc {
	max-width: 1230px;
	margin: 0 auto;
	padding: 30px 0;
	height: auto;
}
.footer .footer-pc img {
	max-width: 128px;
  max-height: 128px;
	float: right;
	display: block;
}
.footer ul li {
	line-height: 42px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer ul li p {
	margin: 0;
	color: #CCC;
	font-size: 12px;
}
@media(max-width: 767px) {
}
@media(min-width: 480px) and (max-width: 991px) {
.footer-ewm {
display:none;
}
}



/*---------------about US---------------
  ---------------about US---------------
	---------------about US---------------*/

#secondbar_aboutus {
	height: 280px;
	background: url(../images/erj/secondbar_aboutusbj.png) center no-repeat;
}
.secondbar_aboutus {
	color: #fff;
	text-align: left;
	padding-top: 64px;
}
.secondbar_aboutus h2 {
	font-size: 40px;
	line-height: 60px;
}
.secondbar_aboutus p {
	font-size: 22px;
	line-height: 32px;
}
.aboutus_title {
	height: 150px;
	background: url(../images/fltitle_line.png) repeat-x center;
	text-align: center;
}
.aboutus_title_wz {
	font-size: 32px;
	color: #333;
	background: #fff;
	line-height: 150px;
	padding: 0 15px;
}
.company_profile img {
	width: 100%;
	padding: 0 0 50px;
}
.company_profile p {
	font-size:15px;
	color:#333;
	margin:15px 0;
}
.corporate_culture img {
	width: 100%;
	padding: 50px 0 0;
}
.corporate_culture p {
	font-size:15px;
	color:#333;
}
.Contact_us {
	border: 1px #e9e9e9 solid;
	background:#fcfcfc;
}
.lxwm_wz {
	font-size: 15px;
	color: #333;
	padding:72px 0 72px 40px;
}
.lxwm_wz p { line-height: 36px; }



/*--------------- case ---------------
  --------------- case ---------------
	--------------- case ---------------*/
#secondbar_case {
	height: 280px;
	background: url(../images/erj/secondbar_casebj.png) center no-repeat;
}
.secondbar_case {
	color: #fff;
	text-align: left;
	padding-top: 64px;
}
.secondbar_case h2 {
	font-size: 52px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1em;
}
.secondbar_case p {
	font-size: 22px;
	line-height: 32px;
}
.products_case_title {
	height: 150px;
	background: url(../images/fltitle_line.png) repeat-x center;
	text-align: center;
}
.products_case_wz {
	font-size: 32px;
	color: #333;
	background: #f9f9f9;
	line-height: 150px;
	padding: 0 15px;
}
.case-wrap {
	background: #fff;
	border: 1px #e9e9e9 solid;
	margin-bottom:30px;
}
.case-wrap img { width: 100%; }
.case-wrap h2 {
	margin: 20px 20px 6px;
	font-size: 22px;
	color: #2a2a2a;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
}
.case-wrap p {
	position: relative;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
	padding:0 20px;
	font-size:14px;
	text-overflow:ellipsis;
}
.case-wrap .button-hilight {
	background: #51CD89;
	color: #fff;
	margin-bottom:30px;
}
.case-wrap .button-hilight:hover {
	background: #15af5a;
	color: #fff;
}



/*--------------- solution ---------------
  --------------- solution ---------------
	--------------- solution ---------------*/
#secondbar_solu {
	height: 280px;
	background: url(../images/erj/secondbar_solutionbj.png) center no-repeat;
}
.secondbar_solu {
	color: #fff;
	text-align: left;
	padding-top: 64px;
}
.secondbar_solu h2 {
	font-size: 52px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1em;
}
.secondbar_solu p {
	font-size: 22px;
	line-height: 36px;
}
.solution_list {
	height: auto;
	padding-bottom: 30px;
}
.solution_list img { width: 100%; }
.solution_list h2 {
	font-size: 22px;
	color: #2a2a2a;
	line-height: 36px;
}
.solution_list p {
	font-size: 16px;
	line-height: 26px;
	height: 98px;
	overflow: hidden;
	margin-bottom:30px;
}
.solution_list .button {
	width: 180px;
	height: 40px;
}
.solution_list .button-hilight {
	background: #51CD89;
	color: #fff;
}
.solution_list .button-hilight:hover {
	background: #15af5a;
	color: #fff;
}
.solution_listline {
	border-top: 1px #e9e9e9 solid;
	padding-bottom: 30px;
}
.page-number {
	text-align: center;
	padding-bottom: 50px;
}
.page-number .pagination li a { color: #33C474; }
.page-number .pagination>.active>a, .page-number .pagination>.active>a:focus, .page-number .pagination>.active>a:hover {
	background: #33C474;
	color: #fff;
	border: 1px #33C474 solid;
}




/*--------------- technoy ---------------
  --------------- technoy ---------------
	--------------- technoy ---------------*/
#secondbar_technoy {
	height: 280px;
	background: url(../images/erj/secondbar_technoybj.png) center no-repeat;
}
.secondbar_technoy {
	color: #fff;
	text-align: left;
	padding-top: 64px;
}
.secondbar_technoy h2 {
	font-size: 40px;
	line-height: 60px;
}
.secondbar_technoy p {
	font-size: 22px;
	line-height: 32px;
}

.container_1 {
	font-family: 微软雅黑;
	background: #fff;
	overflow: hidden;
}
.container_1 .menu {
	float: left;
	/*	border-right: 2px solid #e6e6e6;*/
	background:#F2f2f2;
	border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-moz-border-radius:0 0 6px 6px;
	padding:0;
}
/*technoy 菜单图标*/
	.positionIicon {
	display: inline block;
	width: 32px;
	height: 32px;
	float: left;
	margin:0 10px 0 20px;
}
/*menu图标*/
.q-menu-img { background: url("../images/erj/iconfont-kuaisulu.png"); }
/*.q-menu-doit { background: url("../img/iconfont-0bangzhushouce.png"); }
  .q-menu-three { background: url("../img/iconfont-wenti.png"); }*/
.container_1 .menu h3 {
	font-size:22px;
	line-height:32px;
	cursor: pointer;
	color:#000;
}
.container_1 .menu ul {
	display: none;
	margin:20px 0;
	list-style:none;
}
.container_1 .menu ul li {
	height: 30px;
	line-height: 30px;
	margin:2px 20px 0 20px;
}
.container_1 .menu ul li a {
	text-decoration: none;
	color: #333;
	font-size: 15px;
	display: block;
	width: auto;
	height: 30px;
	padding-left: 15px;
}
.container_1 .menu ul li a:hover {
	background: #33c474;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-moz-border-radius:15px;
	color:#fff;
}
.container_1 .menu .selected {
	background: #33c474;
	border-radius: 15px;
	color:#FFF;
}
.container_1 .content_1 {
	min-height:600px;
	padding:10px 20px 80px 20px;/*border:1px #e6e6e6 solid;*/
	color:#333;
	}
.container_1 .content_1 h3{ color:#000;} 
.container_1 .content_1 .menu1 .tab { display: none; }
.container_1 .content_1 .menu1 .active { display: block; }
.container_1 .content_1 .menu1 .tab p {
	font-size: 14px;
	line-height: 20px;
	word-break:break-all;
}



/*--------------- Details page ---------------
  --------------- Details page ---------------
	--------------- Details page ---------------
	--------------- Details page ---------------*/


.details_title { margin: 30px 0; }
.details_titlewz {
	line-height: 40px;
	font-size: 26px;
	color: #333;
}
.return { text-align: right; }
.return a {
	font-weight:600;
	color:#666;
}
.return a:hover {
	font-weight:600;
	background:#33c474;
	color:#fff;
}
.chapter {
	padding-bottom: 50px;
	float: right;
}
.details_main {
	padding: 50px 0;
	margin-bottom: 50px;
	border-bottom: 1px #d8d8d8 solid;
	border-top: 1px #d8d8d8 solid;
	font-size: 15px;
	color: #555555;
	line-height: 25px;
}
.xzleft {
	background: #33C474;
	padding: 4px 32px;
	margin-right: 1px;
}
.xyright {
	background: #33C474;
	padding: 4px 32px;
}
.xyright:hover, .xzleft:hover { background: #6BD59B; }