@import url('fontawesome-all.min.css');
@charset "utf-8";
@font-face {
	 
    font-family: 'Boing_RegularWEB';
    src: url('../fonts/Boing_RegularWEBeot'); /* IE9 Compat Modes */
    src: url('../fonts/Boing_RegularWEB.eot?#iefix') format('Boing_RegularWEB'), /* IE6-IE8 */
    url('../fonts/Boing_RegularWEB.woff') format('woff'),
    url('../fonts/Boing_RegularWEB.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Boing_RegularWEB.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Boing_RegularWEB.svg#Poppins-Light_1') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Boing_ThinWEB';
	font-weight:normal;
    src: url('../fonts/Boing_ThinWEB.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Boing_ThinWEB.eot?#iefix') format('Boing_Thin'), /* IE6-IE8 */
    url('../fonts/Boing_ThinWEB.woff') format('woff'),
    url('../fonts/Boing_ThinWEBwoff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Boing_ThinWEB.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Boing_ThinWEB.svg#CenturyGothicbold') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Boing_BoldWEB';
    src: url('../fonts/Boing_BoldWEB.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Boing_BoldWEB.eot?#iefix') format('Boing_BoldWEB'), /* IE6-IE8 */
    url('../fonts/Boing_BoldWEB.woff') format('woff'),
    url('../fonts/Boing_BoldWEB.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/Boing_BoldWEB.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Boing_BoldWEB.svg#CenturyGothicbold') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'MerriweatherSans-Regular';
    src: url('../fonts/MerriweatherSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MerriweatherSans-Regular.eot?#iefix') format('Open Sans Light'), /* IE6-IE8 */
    url('../fonts/MerriweatherSans-Regular.woff') format('woff'),
    url('../fonts/MerriweatherSans-Regular.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/MerriweatherSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/MerriweatherSans-Regular.svg#CenturyGothicbold') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'MerriweatherSans-Light';
    src: url('../fonts/MerriweatherSans-Light.woff.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MerriweatherSans-Light.woff.eot?#iefix') format('Open Sans Light'), /* IE6-IE8 */
    url('../fonts/MerriweatherSans-Light.woff.woff') format('woff'),
    url('../fonts/MerriweatherSans-Light.woff.woff2') format('woff2'), /* Modern Browsers */
    url('../fonts/MerriweatherSans-Light.woff.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/MerriweatherSans-Light.woff.svg#CenturyGothicbold') format('svg'); /* Legacy iOS */
}

body,html{
	padding:0px;margin:0px; 
background-position: top center;
    background-repeat: no-repeat;

    -webkit-text-size-adjust: none;
	background-color: #efeeee;
   }
.yellow{color:#f5e928;}

ul,li{list-style:none;padding:0px;margin:0px;}
a{ text-decoration:none;}
a:hover{transition:color .3s;text-decoration:none;}
input,textarea,select,a:focus {
   outline: none;
}
.clear {
    clear: both;
}
.red{color:#ff0000;}


body {
    margin: 0px;
    padding: 0px;
	font-family: 'MerriweatherSans-Light', sans-serif;
    background-position: top center;
    background-repeat: no-repeat;
 font-weight: normal;
    -webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
    color: #444;
}
.clear {
    clear: both;
}
.red{color:#ff0000;}

.toparea{padding-top:20px;padding-bottom:20px;}
.menutop .logo{float:left;width:50%;}
.pagemenu .bars_menu{position: absolute;top:20%;right:5%;z-index: 100000;padding:5px;}
.pagemenu .bars_menu i{position: absolute;top:20px;}
.menutop .pagemenu{font-size:22px;width:50%;float:right;}
.menutop .pagemenu a{color:#444444;}
.menutop .pagemenu a:hover{color:#000000; text-decoration: none;}
.menutop .pagemenu .menu_content{ background-color: #ffffff; position: relative;}
.menutop .pagemenu .menu_content ul{}
.menutop .pagemenu .menu_content ul li{padding-right:20px;padding-left:20px;}

@media (min-width: 1367px){
.headertop{position: absolute !important;top:0; z-index: 10000 !important;}
.menutop .logo img{width:300px;}
.menutop .pagemenu{line-height:80px;}
.pagemenu ul{display:block;}
.pagemenu .bars_menu{display:none;}
.menutop .pagemenu .menu_content ul li{float:left;text-align: right;}
}
@media (min-width: 1280px)and (max-width: 1366px){
.headertop{position: absolute !important;top:0; z-index: 10000 !important;}
.menutop .logo img{width:300px;}
.menutop .pagemenu{line-height:80px;}
.pagemenu ul{display:block;}
.pagemenu .bars_menu{display:none;}
.menutop .pagemenu .menu_content ul li{float:left;text-align: right;}
}
@media (min-width: 769px) and (max-width: 1279px){
.headertop{position: absolute !important;top:0; z-index: 10000 !important;}
.menutop .logo img{width:300px;}
.menutop .pagemenu{line-height:80px;}
.pagemenu ul{display:block;}
.pagemenu .bars_menu{display:none;}
.menutop .pagemenu .menu_content ul li{float:left;text-align: right;}
}
@media (max-width: 768px){
.headertop{position:relative !important;top:0; z-index: 10000 !important;}
.menutop .logo img{}
.menutop .pagemenu{line-height:55px;}
.pagemenu .bars_menu{display:block;line-height:80px;}
.pagemenu .bars_menu .fa-times{display:none;}
.menutop .pagemenu .menu_content{display:none;}
.menutop .pagemenu .menu_content ul{position: fixed;left:0;top:15%;width:100%; z-index: 10000; background-color:#ffffff;padding-top:20px;padding-bottom:20px;}
.menutop .pagemenu .menu_content ul li{width:100%;text-align: left;border-bottom:1px solid #efefef;}
.menutop .pagemenu .menu_content .sanjiaoxing{ 
	width: 0;
    height: 0;
    border-bottom: 50px solid #ffffff;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
	position: absolute;
	top:50px;
	right:-30px;
	}
}


.align_center{ text-align: center;}
.page_container{display: table; position: relative;width:85%;margin:auto;}
.page_container_full{width:100%;/*padding-top:20px;padding-bottom:20px;*/display: table; position: relative; z-index: 0;}
.topbg{ background-color: rgba(42,42,42,1.00);color:#ffffff;font-size:24px; text-align:center;}

.indexpageheight{height:850px;}
.page_container_full .index-left_area{ left:0px;z-index:10;}
.page_container_full .index-left_area .left-jpg_video{width:100%;}
.page_container_full .index-right_yellow_bg{background-color: #ffda00;  z-index:1; top:0;right:0px;min-height:200px;}
.index-right_yellow_bg .content_area{position:absolute;height:300px;}
.index-right_yellow_bg .content_area h3{line-height:1.3em;}
.index-right_yellow_bg .content_area h1{font-size:60px;font-weight:bold;}
.index-right_yellow_bg .geyan{position:absolute;bottom:100px;font-size:24px;}
.index-right_yellow_bg .namemanger{position:absolute;bottom:40px; text-align: right;font-size:18px;}

@media (min-width: 1367px){
	.page_container_full .index-left_area{ position: absolute;width:50%;top:160px;bottom:80px;}
	.page_container_full .index-right_yellow_bg{position: absolute;width:60%;}
	.index-right_yellow_bg .content_area{width:60%;left:30%;top:20%;}
	.index-right_yellow_bg .geyan{width:60%;left:30%;}
	.index-right_yellow_bg .namemanger{width:30%;right:5%;}
}
@media (min-width: 1280px)and (max-width: 1366px){
.page_container_full .index-left_area{ position: absolute;width:50%;top:160px;bottom:80px;}
	.page_container_full .index-right_yellow_bg{position: absolute;width:60%;}
	.index-right_yellow_bg .content_area{width:60%;left:30%;top:20%;}
	.index-right_yellow_bg .geyan{width:60%;left:30%;}
	.index-right_yellow_bg .namemanger{width:30%;right:5%;}
}
@media (min-width: 769px) and (max-width: 1279px){
.page_container_full .index-left_area{ position: absolute;width:50%;top:160px;bottom:80px;}
	.page_container_full .index-right_yellow_bg{position: absolute;width:60%;}
	.index-right_yellow_bg .content_area{width:60%;left:30%;top:20%;}
	.index-right_yellow_bg .geyan{width:60%;left:30%;}
	.index-right_yellow_bg .namemanger{width:30%;right:5%;}
}
@media (max-width: 768px){
.page_container_full .index-left_area{ position: relative;width:100%;top:0px;bottom:0px;}
	.page_container_full .index-right_yellow_bg{position: relative;width:100%;}
	.index-right_yellow_bg .content_area{width:80%;left:10%;top:10%;}
	.index-right_yellow_bg .geyan{width:80%;left:10%;}
	.index-right_yellow_bg .namemanger{width:80%;left:10%;right:5%;text-align: left;}
}

.index_product_area{padding-top:90px;}
.index_product_area div[class*="col"]{padding:75px 75px 55px 75px;height:580px;font-size:20px;line-height:1.6em;}
.productbgcss{ background-position: center bottom; background-size: cover; background-repeat: no-repeat;color:#ffffff;font-weight:lighter;}
.productbgcss h1{font-size:40px;font-weight:bold;}
.productbgcss a,.productbgcss a:hover{color:#ffffff; text-decoration: none;}
.pro_font_area{font-size:20px !important;line-height:36px;font-weight:lighter;padding-bottom:50px;}
.pro_font_area h1{font-size:60px;font-weight:bold;}
.black_bg{ background-color: rgba(32,32,32,1.00);color:#ffffff;}

.index_services_area{font-size:18px; text-align: center;padding-bottom:60px;line-height:1.7em;}
.index_services_area .fontarea{padding:50px;}
.service_area{ position: absolute;width:70%;left:15%;top:10%; text-align: left;color:#000000;}
.service_area h1{font-size:60px;font-weight:bold;}
.video_list div[class*="col"]{padding:15px;}
.video_list div[class*="col"] video{width:100%;}

.arrow{ text-align: center;padding-top:100px;padding-bottom:100px;}

.coorpation{ text-align: left;padding-top:70px;padding-bottom:70px;}
.coorpation img{margin:25px 35px 25px 35px;width:330px;}

.indexabouttus{padding-top:90px;padding-bottom:130px;}
.index-About_font{padding:20px;font-size:20px; line-height:1.6em;}
.index-About_font h1{font-size:60px;}
.index-About_zixun {padding:15px 0px 15px 0px;margin-top:10px; display: inline-block;font-size:20px;font-weight:bold;}
.index-About_zixun a{ background-color: #ffda00;padding:20px 30px 20px 30px; text-decoration: none;color:#000000;}
.index-About_zixun a:hover{ text-decoration: none;color:#ffffff;background-color: #444444;}

@media (min-width: 1367px){
	.index-About_font{position: absolute;top:15%;left:15%;width:70%;}
}
@media (min-width: 1280px)and (max-width: 1366px){
	.index-About_font{position: absolute;top:15%;left:15%;width:70%;}
}
@media (min-width: 769px) and (max-width: 1279px){
	.index-About_font{position: absolute;top:15%;left:15%;width:70%;}
}
@media (max-width: 768px){
	.index-About_font{position: relative;top:15%;left:5%;width:90%;}
}

/*second banner*/
.second_banner{
	font-size:24px;
	line-height:1.5em;
	text-align:center;
}
.second_banner h2{font-size:60px;font-weight:bold;}
.second_banner h3{font-size:36px;}
.second_banner p{font-weight:lighter;}
.second_bg_banner{ background-position: center center; background-repeat: no-repeat;}

@media (min-width: 1367px){
.second_banner{
	position: absolute;
	width:50%;
	top:14%;
	left:25%;}
	.second_bg_banner{height:1100px;}
}
@media (min-width: 1280px)and (max-width: 1366px){
.second_banner{
	position: absolute;
	width:60%;
	top:14%;
	left:20%;}
	.second_bg_banner{height:1100px;}
}
@media (min-width: 769px) and (max-width: 1279px){
.second_banner{
	position: absolute;
	width:70%;
	top:14%;
	left:15%;}
	.second_bg_banner{height:1100px;}
}
@media (max-width: 768px){
.second_banner{
	position: absolute;
	width:90%;
	top:5%;
	left:5%;
	}
	.second_bg_banner{height:1000px;}
}

.pro_small_img{padding:15px;min-height:400px;}
.pro_small_tit {padding:15px;font-size:26px;line-height:36px;}
.pro_small_tit a{color:#444444;}
.pro_small_tit a:hover{color:#ffda00; text-decoration: none;}
.pro_shioming{padding:15px;font-size:16px;line-height:24px;color:#666666;min-height:150px;}
.pro_list {padding-top:55px;padding-bottom:55px;}
.pro_list div[class*="col-md"]{padding-top:20px;padding-bottom:20px;}
.pro_list div[class*="col-md"]:hover{ background-color: #5d5d5c;}
.pro_list div[class*="col-md"]:hover .pro_small_tit a{color:#ffda00;}
.pro_list div[class*="col-md"]:hover .pro_shioming{color:#cccccc;}

.services_small_img{padding:15px;min-height:400px;}
.services_small_tit {padding:15px;font-size:48px;line-height:48px;font-weight:bold;}
.services_shioming{padding:15px;font-size:22px;line-height:34px;color:#666666;min-height:150px;font-weight:lighter;}
.services_list h3{padding:0px 15px 0px 15px;font-size:30px;}
.services_list {padding-top:55px;padding-bottom:55px;}
.services_list div[class*="col-md"]{padding-top:20px;padding-bottom:20px;}
.services_jiage{font-size:37px;color:#ff0000;padding:15px;font-weight:bold;}
.services_zixun {padding:15px;margin-top:10px; display: inline-block;font-size:20px;font-weight:bold;}
.services_zixun a{ background-color: #ffda00;padding:20px 30px 20px 30px; text-decoration: none;color:#000000;}
.services_zixun a:hover{ text-decoration: none;color:#ffffff;background-color: #444444;}
.services_note_font{font-size:14px;color:#aaaaaa; font-weight:lighter;}

.about_us{font-size:18px;line-height:30px;padding-top:50px;padding-bottom:50px;}
.about_us div[class*="col-md"]{padding-top:20px;padding-bottom:20px}
.about_us div[class*="col-md"] h2{margin-top:0px;}



footer{padding-top:80px;padding-bottom:50px;background-color: #ffffff;font-size:16px;line-height:1.6em;}
.footbg{ background-color: #ffffff;}
.copyright{ text-align:center;padding-top:30px;}
footer .page_container div[class*="col"] a{margin-top:5px;margin-bottom:5px;font-size:14px; display: block;}
.back-top{ position:fixed;right:1%;bottom:5%;border:2px solid #000000; z-index: 10000;padding:5px 10px 5px 10px; border-radius:5px;}
.back-top:hover{ background-color:#ffda00;border:2px solid #ffda00;color:#ffffff; cursor: pointer;}
.back-top:hover a{color:#ffffff;}
.back-top a{color:#000000; display: block;}