@charset "utf-8";
/* CSS Document */
@font-face{font-family:'Amble-Regular';
src:url(../fonts/Amble-Regular.eot);
src:url(../fonts/Amble-Regular.eot?#iefix) format('embedded-opentype'),
url(../fonts/Amble-Regular.woff) format('woff'),
url(../fonts/Amble-Regular.ttf) format('truetype'),
url(../fonts/Amble-Regular.svg) format('svg')}
	
/* ---------------------------------------------------------------------- */
/*	hearder
/* ---------------------------------------------------------------------- */
.yile .navbar-brand{ float:none ;}
.yile .navbar-header{ height:70px; padding-top:15px;}
.yile .navbar{ border-radius:0;font-family:'Amble-Regular';}
.navbar { margin-bottom: 20px;max-height: 71px; position: relative;}
.navbar-header  a i{ background:url(../images/logo.png) no-repeat; display:inline-block; width:100px;height:39px;}

.navbar-header span img{ vertical-align:baseline;}
.yile .navbar-default .navbar-nav > li > a {color: #fff; font-weight:600; font-size:22px;}

.yile .navbar-default{ background:#000; border:#000;}

.yile .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #000 !important;
}
.yile .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    border-color: #000;}
.yile .navbar-nav > li > a {
    line-height: 39px;
}
.yile .dropdown-menu {
	background: url(../images/yile_web.png) no-repeat; 
	/*opacity: 0.5;*/
    box-shadow:none;
    font-size: 24px;
    min-width: 160px;
}
.yile .dropdown-menu > li > a {
    line-height: 35px;}
.yile .dropdown-menu > li > a {
    color: #fff;}
.yile .dropdown-menu > li > a:hover {
    color: #333;}
@media (max-width:760px) {
.yile .navbar {max-height: 45px; overflow:hidden;}
.yile .navbar-header {height:45px; float:left;}
.yile .navbar-header  a i{ background: url(../images/yile.png) no-repeat; display:inline-block; width:45px;height:17px;}
.yile .navbar-header span{ display:none;}
.yile .navbar-default .navbar-nav > li > a {font-size:18px;}
.yile .navbar-nav > li > a {line-height:17px;}
.yile .navbar-collapse.collapse {display:none;}
}
	
/* ---------------------------------------------------------------------- */
/*	item
/* ---------------------------------------------------------------------- */
.item  .le{ float:left; }
.item  .ri{ margin-left:30px;margin-top:30px;}
.item  .app,.item  .goo{  margin-top:7em;}
.item  .coolri{ float:left; width:60%; margin-left:8%; margin-top:5%;}
.ie8 .item  .coolri{ float:left; width:58%; margin-left:10%; margin-top:5%;}
.item  .coolgoo{width:45%; margin-right:5%; float:left;}
.m5{ margin-top:3%;}

.item .soon{ font-size:40px;font-family:'Amble-Regular';color:#fff; margin-left:30px; margin-top:30px;}

@media (min-width: 1200px) {
.item  .le{ width:32%;}
.item  .txt{ width:49%; margin-top:5%; margin-right:3%;}
.item  .app{margin-right:21%; width:27%;}
.item  .goo{width:37%; margin-right:15%;}
.m5{ margin-top:5%;}
}
@media screen and (min-width: 993px) and (max-width: 1200px) {
.item  .le{ width:31%;}
.item  .txt{ width:50%;margin-right: 3%;}
.item  .app{width:34%; margin-right:10%;}
.item  .goo{width:49%;margin-right: 3%;}
.item .soon{ font-size:36px;}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.item  .le{ width:28%;}
.item  .txt{ width:45%;}
.item  .app{width:30%; margin-right:10%;}
.item  .goo{width:40%;}
.item  .app,.item  .goo{  margin-top:20px;}
.item  .coolri{ width:58%; margin-left:13%; margin-top:5%;}
.item  .coolgoo{width:45%; margin-right:5%;}

}

@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 492px) and (max-width: 767px) {
.item  .le{ width:25%;}
.item  .txt{ width:60%;}
.item  .app{width:28%;margin-right:30% }
.item  .goo{width:39%; margin-right:23%}
.item  .app,.item  .goo{  margin-top:15px;}
/*.item   .duorey{ margin-bottom:5%;}*/
.item .soon{ font-size:25px;}
}
@media only screen and (max-width: 491px) {
.item   .duorey{ margin-bottom:0;}
}
@media only screen and (min-width: 320px) and (max-width:479px) {
.item  .le{ width:24%;}
.item  .txt{ width:60%;}
.item  .app{width:32%;margin-right:30%; }
.item  .goo{width:58%;}
.item  .app,.item  .goo{  margin-top:15px;}
.item  .ri { margin-left: 20px;margin-top: 17px;}
.item .soon{ font-size:16px;}
.carousel-caption {bottom: 12px;}
.carousel-indicators {bottom:4px;}
}

@media only screen and  (max-width: 320px) {
.item  .le{ width:24%;}
.item  .txt{ width:60%;}
.item  .app{width:35%; margin-right:24%;}
.item  .goo{width:43%; margin-right:20%;}
.item  .app,.item  .goo{  margin-top:15px;}
.item .ri { margin-left: 20px;margin-top: 17px;}
.item .soon{ font-size:12px;}
.carousel-caption {bottom:1px;}	
.carousel-indicators {bottom:1px;}
}
	
	
/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
	position: relative;
	z-index: 1;
	color: #a0a0a0;
}

.page-template #footer { background-color: #a0a0a0; }

	#footer .section { 
		position: static;
	}

	.ie8 #footer .section {
		background-image: url("../images/overlay-ie-footer.png");
		background-repeat: repeat;
	}
	
		#footer h1 { color: #fff; }

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

	#footer .widget { margin-bottom: 25px; }

			
	/* -------------------------------------------------- */
	/*	Bottom Footer
	/* -------------------------------------------------- */	
	
	.bottom-footer {
		padding: 32px 0;
		background-color:#fff;
		color: #595959;font-family:"arial";
	}
	
	.ie8 .bottom-footer {
		background-image: url("../images/overlay-ie-bottom-footer.png");
		background-repeat: repeat;}
	
	.page-template .bottom-footer {border-color: #ececec;background-color: #fafafa;color: #777;}	
	.ie8 .page-template .bottom-footer {border-color: #ececec;background-color: #fafafa;color: #777;}
.copyright { font-size: 20px;color: #b0b0b0; line-height:32px;}
.footicon { font-size:18px; color:#9b9b9b;display: inline-block; float: right;}
.copyright img{ margin-right:10px;}
@media (max-width:490px) {
.footicon { font-size:12px; margin-bottom:10px;}
.copyright img{ width:21.5px; height:7.5px; margin-right:5px;}
 .copyright{ font-size:11px;}
}
@media (max-width:1000px) {
.efoot .footicon { display:none;}
}
@media (max-width:700px) {
.copyright{ text-align:center}.footicon{ float:none;}}
.copyright a.first {margin-left:30px;}
.copyright a{ text-decoration:none; color:#9b9b9b;}
.copyright a:hover{ text-decoration:underline; color:#e22f5c;}

 .icon{background-image: url(../images/icon.png);display:inline-block;}
 /*大图标*/
 .g,.g:hover,.f,.f:hover,.t,.t:hover,.e,.e:hover{width:39px;height:38px; vertical-align: middle;}
 .g{background-position:-299px -175px;}
 .g:hover{background-position:-299px -215px;}
 .f{background-position:-381px -175px;}
 .f:hover{background-position:-381px -215px;}
 .t{background-position:-423px -175px;}
 .t:hover{background-position:-423px -215px;}
 .e{background-position:-339px -175px;}
 .e:hover{background-position:-339px -215px;}
.navbar{ margin-bottom:0 !important;}
.yprev,.yprev:hover,.ynext,.ynext:hover{width:52px; height:52px; position:absolute;top:50%; z-index:5; display:inline-block;}
.yprev,.yprev:hover{ left:10%;}
.ynext,.ynext:hover{right:10%;}
.yprev{background-position: 0 0;}
.ynext{ background-position:-57px  0 ;}
.carousel-control:hover .ynext{ background-position:-57px  -57px ;}
.carousel-control:hover .yprev{background-position: 0 -57px;}

/*add by jan on 2014.12.12*/
.about{ background:url(../images/about.jpg) no-repeat; padding:62px 0; min-height:308px;font-family:"Times New Roman"; max-height:778px;overflow:hidden;}
.about h1{ font-size:24px; line-height:45px;}
.about h1 span{ font-size:48px; line-height:55px;}
.orange{color:#ffbc00;}
.about .news{ line-height:35px; font-size:22px; color:#333; font-weight:normal;margin:60px 0 80px 0;}
.about .address{line-height:40px; font-size:18px; color:#333; font-weight:normal;}
.about .address .h{font-size:24px; display:block; font-weight:600;}
.about .address a.footlink{ margin-left:0; color:#333;}
a.footlink{ text-decoration:underline; margin-left:10px; color:#999;}
a.footlink:hover{color:#ffbc00;}

/*add by jan on 2015.3.9*/
/*products*/
.vbj{  width:100%; display:inline-block; z-index:-11; position:absolute; top:0; min-height:1300px;}
.vimg{ max-width:160px; margin:0 auto;}
.view .miimg{ width:18px; margin-right:2px;}
.view img{ width:100%; display:inline-block;}
.view{ background:#fff; border:1px solid #ddd; border-radius:8px; padding:30px 0; width:23%; float:left; margin-bottom:2%;}
.view+.view{ margin-left:2%;}
.view .lead{margin-top: 10px; min-height:67px;}
.view h2{ font-size:26px;}
.view p{ font-size:16px;}

.yellow a{ color:#ff9600; text-decoration:none;}
.lead  a,.lead  a:hover{ text-decoration:none; color:#767676;}
/*btn*/
.ybtn .btn-default{ background:#3e4046; color:#fff; border:none; border-radius:0;  font-weight:600; font-size:16px; padding: 3% 7% 3% 9%;}
.ybtn .dropdown-menu{ background:#3e4046; color:#fff; left:23%;}
.ybtn .dropdown-menu > li > a{ color:#fff; font-weight:600;  line-height: 2; font-size:13px;padding:6% 8%;}
.view .dropdown-menu{ min-width:125px !important;max-width: 125px !important;}
.ybtn .dropdown-menu > li > a:hover,
.ybtn .dropdown-menu > li > a:focus{background:#515359; color:#fff; }
.ybtn .dropdown-menu { border-radius: 0;margin:0;padding:0;}
.ybtn .btn-default:hover,
.ybtn .btn-default:focus,
.ybtn .btn-default:active,
.ybtn .btn-default.active,
.ybtn .open>.dropdown-toggle.btn-default{background:#515359; color:#fff; border:none;}
.ybtn .btn-default:active,
.ybtn .btn-default.active,
.ybtn .open>.dropdown-toggle.btn-default{background:#515359; color:#fff; border:none;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
 background:#515359; color:#fff;}
/*title*/
.title h3{color:#1e2024; font-size:26px;font-family:'Amble-Regular'; margin-top:6%;}
.title p{ color:#707070; font-size:16px; margin:0 0 3% 0;}
.phr{ margin:5px 0 20px 0; display:inline-block;}
/*pform*/
.pform{ margin-top:3%; color:#fff;}
.pform .title h3,.pform .title p{ color:#fff;}
.message{color: #7f7f7f;font-size:16px; margin-bottom:6%; }
.mtip2{ color:#fff; background:#f0b33e; display:none; padding:1%; position:absolute; bottom:14%; left:38%; padding:1% 2%;}
.mtip{ color:#f0b33e; display:block; text-align:center; margin-top:1%;}
.mtip img{ width:23px; height:23px; vertical-align: text-bottom; margin-right:5px;}
.mssearea{ background:none; border:1px solid #7f7f7f;padding:1% 30px 1%;width:98%;margin:2% 0; }
.tmail{background:none; border:1px solid #7f7f7f; padding:1.5% 30px 1%;width:98%; display:inline-block;}
.tmail+.tmail{ margin-left:1.5%;}
.mebtn{ background:#ffbc00; font-size:20px; border:none; color:#1c2024; width:100%; line-height:30px; padding:0.5% 0; margin-top:1.2%;}
/*信息图标*/
.picon{ position: relative; display:inline-block;}
.w100{ width:100%;}
.w50{ width:49%;}
.name-input,.mail-input,.mess-area{width:23px; height:23px; position:absolute; top:10px; left:5px;}
.name-input{background: url(../images/name.jpg) no-repeat scroll right center transparent; }
.mail-input{background:url(../images/mail.jpg) no-repeat scroll right center transparent; }
.mess-area{background: url(../images/mess.jpg) no-repeat scroll right center transparent; top:30px; left:15px;}

@media (max-width:1200px) {
.vbj{min-height:1200px;}
.view .dropdown-menu {  max-width:80% !important;  left: 18%;}
.mtip2 { left: 30%;}
.view h2{ font-size:22px;}
.view p{ font-size:14px;}
.view .lead{margin-top:10px; min-height:59px;}

@media (max-width:1000px) {
.about h1{ font-size:20px; line-height:35px;}
.about h1 span{ font-size:42px; line-height:50px;}
.about .news{ line-height:32px; font-size:20px; margin:50px 0 70px 0;}
.about .address{line-height:35px; font-size:16px;}
.about .address .h{font-size:22px;}
.view{  border-radius:8px; padding:30px 0; width:23%; float:left; margin-bottom:2%; margin-right:2%;}
.view+.view{ margin-left:0;}
.vimg{ max-width:125px;}
.view h2{ font-size:20px;}
.view p{ font-size:13px;}
.view .lead{margin-top:10px; min-height:60px;}
.vbj{min-height:1050px;}
.pform {margin-top: 5%;}
.view .dropdown-menu {  max-width:80% !important;  left: 10%;}
.name-input,.mail-input{position:absolute; top:6px;}
.mess-area{top:20px;left:5px;}
}
@media (max-width:700px) {
.about h1{ font-size:18px; line-height:28px;}
.about h1 span{ font-size:40px; line-height:50px;}
.about .news{ line-height:30px; font-size:18px; margin:45px 0 70px 0;}
.about .address{line-height:30px; font-size:15px;}
.about .address .h{font-size:20px;}
.view{ width:40%; margin-left:5%; padding:15px 0;}
.view+.view{ margin-left:5%;}
.view h2{ font-size:18px; margin:10px 0 0 0;}
.view p{ font-size:12px;}
.view .lead {margin-top:5px; min-height:51px;}
.title h3{font-size:24px; margin-top:3%;}
.title p{font-size:14px; margin:0 0 3% 0;}
.ybtn .btn-default { font-size: 14px;}
.lead { margin-bottom:10px;}
.vimg{ max-width:110px;}
.phr {display: inline-block;margin: 0 0 10px;}
.vbj{min-height:1300px;}
.view .dropdown-menu {  max-width:80% !important;  left:20%;}
.name-input,.mail-input{position:absolute; top:5px;}
.mess-area{top:20px;}
}
@media (max-width:540px) {
.about{ padding:30px 0;}
.about h1{ font-size:16px; line-height:28px;}
.about h1 span{ font-size:28px; line-height:38px;}
.about .news{ line-height:26px; font-size:16px; margin:35px 0 55px 0;}
.about .address{line-height:25px; font-size:15px;}
.about .address .h{font-size:18px;}
.name-input,.mail-input{position:absolute; top:3px;}
.mess-area{top:10px;}
}
@media (max-width:440px) {
.vbj{min-height:1200px;}	
.vimg{ margin:0 10%;}
.view h2{ font-size:16px; margin:10px 0 0 0;}
.view p{ font-size:10px;}
.view .lead {margin-top:5px; min-height:51px;}
.title h3{font-size:20px; margin-top:6%;}
.title p{font-size:12px; margin:0 0 3% 0;}
.ybtn .btn-default { font-size: 12px;}
.mtip{ font-size:12px;}
.mebtn{ font-size:18px;}
.w50{ width:100%;}
.name-input,.mail-input{position:absolute; top:10px;}
.mess-area{top:10px;}
.tmail{ width:98%; margin-top:2%;}
.ybtn .dropdown-menu > li > a{ font-size:10px; padding:3% 7%;}
.ybtn .dropdown-menu{ margin:0 auto; max-width:90px !important;min-width:60px !important; left:5%;}

@media (max-width:350px) {
.about{ padding:20px 0;}
.about h1{ font-size:16px; line-height:24px;}
.about h1 span{ font-size:22px; line-height:35px;}
.about .news{ line-height:20px; font-size:12px; margin:30px 0 30px 0;}
.about .address{line-height:20px; font-size:12px;}
.about .address .h{font-size:16px;}
}