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


/*产品中心*/
.index_product{  background:url(../images/index_pro_bg.jpg) top center repeat; padding:15px 0px;}
.index_titile{ text-align:center;}
.index_product .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;}
.index_product .title_eng{ font-size:55px; color:#333333;  font-family:"Microsoft Yi Baiti"; line-height:68px;}
.index_product .title_small{font-size:16px; color:#333333;}

.product_lie{text-align: center;     margin: 0 auto;}	
.product_lie a{ padding:10px 30px; background:#ffffff; color:#2e2e2e; height:43px; line-height:43px; margin:0 8px; font-size:16px; text-align:center;}
.product_lie a:hover{ background:#0377c2; color:#fff;}
.product_lie a.hover{background:#0377c2; color:#fff;}

section_case{}
	.latestworks{margin:20px 0 0;}
		.latestworks .jcarousel-control-prev, .jcarousel-control-next { top:40%; width: 82px; height: 116px; background:url(../images/btn_slide.png);}
		.latestworks .jcarousel-control-prev { left: -82px; }
		.latestworks .jcarousel-control-next { right: -82px;background-position:right 0; }
		.latestworks .jcarousel-pagination{display:none;position:static;}
		.latestworks .jcarousel-pagination a { display: inline-block; height: 1.5em; width: 1.5em; overflow:hidden;background: #fff; border-radius: 50%; line-height:99px; margin:0 .5em; box-shadow: 0 0 2px #4E443C; }
		.latestworks .jcarousel-pagination a.active { background: #f39800;box-shadow: 0 0 2px #F0EFE7; }
		
	/* pic_list_anim */
	.pic_list_anim .layer{padding:0 10px;position:relative;}
	.pic_list_anim .pic_box{position:relative;height:175px;background:#3a3a3a;padding:3px;text-align:center;}
	.pic_list_anim .link_{position:absolute;left:0;top:0;width:100%;height:100%;background:url(about:blank);background:rgba(0,0,0,.5);}
	.pic_list_anim img{max-height:100%;}
	.pic_list_anim .t{height: 30px;line-height: 30px;text-align: center; font-size:16px;color:#fff;}
	.pic_list_anim .date{font-size:12px;color:#eee;}
	.pic_list_anim .pic_box:hover{background:#f39800;}
	.pic_list_anim .pic_box:hover .link_{background:url(../images/plus2.png) center center no-repeat;filter:none;}
	/* text */
	.pic_list_anim .link2_{position:absolute;left: 11px;top:0;width: 93%;height:100%;z-index: 999}
	.pic_list_anim .link2_:hover{background:url(../images/plus2.png) center center no-repeat rgba(0,0,0,.5);z-index: 999}
	.pic_list_anim .p_box{ position:relative;height:302px;background:#fff;text-align:center;vertical-align: middle;display: table-cell;}
	.pic_list_anim .p_box img{ width:auto; max-width: 75%}
	.pic_list_anim .text_box{ color:#fff; font-size:16px; background: #0377c2;}
	.t1{ font-size:16px; color: #fff; height:56px;line-height:56px;text-align: center; margin-bottom: 15px; font-weight: normal;}
	
/*关于我们*/
.index_about{ background: url(../images/gy_bg.jpg) top center repeat; padding:70px 0;}
.about_box{ width:100%;}
.about_left{ float:left; width:50%;}
.about_right{ float:right; width:45%; font-size:14px; color:#333333;}
.about_text{ margin-top:56px;margin-bottom: 40px}
.about_text div{ line-height:30px; text-indent:20px;}
.more a{ background:url(../images/index_more.png) no-repeat 0 0;width: 139px;height:43px;display: block; text-align:center; margin:0 auto;}



/*新闻动态*/
.index_news{ background:url(../images/index_news_bg.jpg) no-repeat center; padding:15px 0px;}
.index_news .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;  color:#fff;}
.index_news .title_eng{ font-size:55px; color:#fff;  font-family:"Microsoft Yi Baiti"; line-height:68px;}
.index_news .title_small{font-size:16px; color:#fff;}

.news_box{ padding:50px 0px;}
.news_left{ background:#FFF; width:50%; float:left;}
.news_left_img{ float:left; width:40%; height:329px;}
.news_left_img img{ width:100%; height:329px;}
.news_left_text{float:left; width:60%;}
.text_all{ padding:34px 22px; }
.news_top{ font-size:16px; color:#333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; line-height:57px;}
.news_ny{ font-size:14px; color:#7e7e7e; text-indent: 20px; line-height: 30px;}
.news_more{ font-size:14px;  border:#d6d6d6 solid 1px; width:110px; height:34px; line-height:34px; text-align:center; margin:20px 0px;}
.news_more a{color:#7e7e7e;}
.news_more a:hover{color:#7e7e7e;}
.news_time{ font-size:12px;}

.news_right{ width:50%; float:right;}
.news_class{ float:left; background:#fff; text-align:center; width:31.33333%;margin-left:2%;height:329px; }
.news_img{ width:100%; height:140px; text-align:center;overflow: hidden;}
.news_img img{ width:100%;}
.news_tit{ font-size:14px; text-align:center; padding:0 10px; color:#333333; line-height:50px;}
.news_class .news_more{ margin:0 auto; margin-top:20px;}
.news_class .news_time{ line-height:40px;}
.more01 a{  background:url(../images/more_news.png) no-repeat 0 0;width: 139px;height:43px;display: block; text-align:center; margin:0 auto;}
.more02{-moz-animation:animations 1.5s ease infinite;
	-webkit-animation:animations 1.5s ease infinite;
	-o-animation:animations 1.5s ease infinite;
	-ms-animation:animations 1.5s ease infinite;
	animation:animations 1.5s ease infinite;}
	
@-moz-keyframes animations{
	0%{-moz-transform:translateY(10px);}
	50%{-moz-transform:translateY(0px);}
	100%{-moz-transform:translateY(10px);}
}

@-webkit-keyframes animations{
	0%{-webkit-transform:translateY(10px);}
	50%{-webkit-transform:translateY(0px);}
	100%{-webkit-transform:translateY(10px);}
}

@-o-keyframes animations{
	0%{-o-transform:translateY(10px);}
	50%{-o-transform:translateY(0px);}
	100%{-o-transform:translateY(10px);}
}
@-ms-keyframes animations{
	0%{-ms-transform:translateY(10px);}
	50%{-ms-transform:translateY(0px);}
	100%{-ms-transform:translateY(10px);}
}
@keyframes animations{
	0%{transform:translateY(10px);}
	50%{transform:translateY(0px);}
	100%{transform:translateY(10px);}
}

/*合作案例*/
.index_case{ background: url(../images/al_bg.jpg) top center no-repeat;}
.index_titile{ text-align:center;}
.index_case .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;}
.index_case .title_eng{ font-size:55px; color:#333333;  font-family:"Microsoft Yi Baiti"; line-height:68px;}
.index_case .title_small{font-size:16px; color:#333333;}
.case_box{ padding:30px 0px 54px;}
.case_left{ width:50%; float:left;}
.case_right{ width:50%; float:right;}

.case_left{ float:left; text-align:center; position: relative;  border:#eaeaea; }
.case_all img{   vertical-align: middle; width:590px;height:480px;}
.case_all a.name{width:590px; position: absolute;height:52px;line-height:52px;left:5px;bottom:0px;display: block;text-align: center;  background: url(../images/picName.png);font-size: 16px;  color: #fff; overflow:hidden;}
.case1 .mask {display: none;content: ""; background:url(../images/gcal_hoverda.png) no-repeat; position: absolute;left:5px;top:0px;right:0px;bottom:0px;}
.case1:hover .mask {display: block;}
.case_left .case_all:hover a.name {display: none;}


.case_right ul{ margin:0px;}
.case_right ul li{ float:left; width:48%; text-align:center; position: relative;  border:#eaeaea; margin:0 0 10px 2%;}
.case_right ul li .imgbox { width: 285px;height:230px;text-align: center;vertical-align: middle;display: table-cell;border: 1px solid #ccc}
.case_right ul li .imgbox img{ vertical-align: middle; width:100%;height:100%;}

.case_right ul li a.name{width:100%; position: absolute;height:52px;line-height:52px;left:0px;bottom:0px;display: block;text-align: center;  background: url(../images/picName.png);font-size: 16px;  color: #fff; overflow:hidden;}
.case_right  ul li .mask {display: none;content: ""; background:url(../images/gcal_hover.png) no-repeat; position: absolute;left:0px;top:0px;right:0px;bottom:0px;}
.case_right ul li:hover .mask {display: block;}
.case_right ul li:hover  a.name {display: none;}

.jcar-wrapperxg{width:100%; margin:0px auto; position: relative;overflow: hidden;}
/** Carousel **/
.jcarouse{position: relative; overflow: hidden; width: 100%;}
.jcar ul{width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;}
.jcar li{width:590px; float: left;height:480px;vertical-align: middle;display: table-cell;text-align: center;}
.jcar img{display: block; width: 100%; height: 100% !important;vertical-align: middle;}



/*品牌文化*/
.index_culture{ background: url(../images/wh_bg.jpg) #f9f6ee top center no-repeat;padding-top:108px; text-align:center; position:relative; padding-bottom:50px;}
.inedx_cul_title{ font-size:36px; color:#FFF;}
.index_cul_eng{ width:561px; background:#444444; height:90px;line-height: 90px; font-size:55px;  color:#FFF; margin:0 auto; margin-top:20px; font-family:"Microsoft Yi Baiti";}
.index_cul_hei{ font-size:14px; color:#000000;line-height:30px;margin-top:35px;}
.index_cul_hui{ font-size:10px; color:#939393;line-height:28px;text-transform:uppercase}

.slide{padding-top:95px}

.container{width:1200px;height:auto;margin:50px auto;border:1px solid #eee;}
.container-tit{height:auto;}
.container-tit ul{width:55%;margin:0 auto; font-size:16px;}
.container-tit li{ padding:0px 30px; background:#ffffff; color:#2e2e2e; height:43px; line-height:43px; margin:0 8px; font-size:16px; text-align:center; float:left; margin-bottom:10px;}

.container-tit li.select{ background:#0377c2; color:#fff !important; font-size:16px;}
.container-tit li.select a{ color:#FFF;}
.container li a:link{text-decoration:none;font-size:16px;}
.container li a:visited{text-decoration:none; font-size:16px;}

.container-con .mod{margin:10px 6px;overflow: hidden;}
.container-con .mod ul{ width:1200px;}
.container-con .mod ul li{float:left;width:343px;margin:10px 0; margin-right:96px;}
.container-con .mod ul li.odd{margin-top: 45px;}
.container-con .mod ul .no{ margin-right:0px !important;}
.container-con .mod ul .lie_img{ text-align:center; padding: 0px;height: 300px;display: table-cell;text-align: center;vertical-align: middle;}
.container-con .mod ul .lie_img img{height: 100%;width: 100%}
.container-con .mod ul .lie_name{ height:50px; background:#fff; width:100%; line-height:50px; text-align:center; font-size:16px;}
.container-con .mod ul .lie_name a{ color:#000; font-size:16px; display:block;}





@media (max-width: 320px) { 
	.case_right ul li .imgbox{   vertical-align: middle; width:376px;height:120px!important;}
	.case_right ul li .imgbox img{   vertical-align: middle;}
	.case_right ul li a.name{display: none!important;}
}

@media (max-width: 639px) { 

.index_product{  background:url(../images/index_pro_bg.jpg) top center repeat; padding:15px 0px;}
.index_titile{ text-align:center;}
.index_product .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;}
.index_product .title_eng{ font-size:25px; color:#333333;  font-family:"Microsoft Yi Baiti"; line-height:30px;}
.index_product .title_small{font-size:16px; color:#333333;}

.product_lie{text-align: center;     margin: 0 auto;}	
.product_lie a{ padding:10px 30px; background:#ffffff; color:#2e2e2e; height:auto; line-height:auto; font-size:16px; text-align:center;display:block;}
.product_lie a:hover{ background:#0377c2; color:#fff;}
.product_lie a.hover{background:#0377c2; color:#fff;}

section_case{}
	.latestworks{margin:20px 0 0;}
		.latestworks .jcarousel-control-prev, .jcarousel-control-next { top:40%; width: 82px; height: 116px; background:url(../images/btn_slide.png);}
		.latestworks .jcarousel-control-prev { left: -82px; }
		.latestworks .jcarousel-control-next { right: -82px;background-position:right 0; }
		.latestworks .jcarousel-pagination{display:none;position:static;}
		.latestworks .jcarousel-pagination a { display: inline-block; height: 1.5em; width: 1.5em; overflow:hidden;background: #fff; border-radius: 50%; line-height:99px; margin:0 .5em; box-shadow: 0 0 2px #4E443C; }
		.latestworks .jcarousel-pagination a.active { background: #f39800;box-shadow: 0 0 2px #F0EFE7; }
		
	/* pic_list_anim */
	.pic_list_anim .layer{padding:0 10px;position:relative;}
	.pic_list_anim .pic_box{position:relative;height:175px;background:#3a3a3a;padding:3px;text-align:center;}
	.pic_list_anim .link_{position:absolute;left:0;top:0;width:100%;height:100%;background:url(about:blank);background:rgba(0,0,0,.5);}
	.pic_list_anim img{height:100%;}
	.pic_list_anim .t{height: 30px;line-height: 30px;text-align: center; font-size:16px;color:#fff;}
	.pic_list_anim .date{font-size:12px;color:#eee;}
	.pic_list_anim .pic_box:hover{background:#f39800;}
	.pic_list_anim .pic_box:hover .link_{background:url(../images/plus2.png) center center no-repeat;filter:none;}
	/* text */
	.pic_list_anim .link2_{position:absolute;left:0;top:0;width:100%;height:auto;z-index: 999}
	.pic_list_anim .link2_:hover{background:url(../images/plus2.png) center center no-repeat rgba(0,0,0,.5);z-index: 999}
	.pic_list_anim .p_box{ position:relative;height:302px;background:#fff;text-align:center;}
	.pic_list_anim .p_box img{ width:auto;}
	.pic_list_anim .text_box{ color:#fff; font-size:16px; background: #0377c2;}
	.t1{ font-size:16px; color: #fff; height:56px;line-height:56px;text-align: center; margin-bottom: 15px; font-weight: normal;}
	
/*关于我们*/
.index_about{ background: url(../images/gy_bg.jpg) top center repeat; padding:0 0 29px 0;}
.about_box{ width:100%;}
.about_left{width:100%;}
.about_right{ float:right; width:100%; font-size:14px; color:#333333;}
.about_text{ margin-top:20px; padding: 0 15px;}
.about_text div{ line-height:30px; text-indent:20px;}
.more a{ background:url(../images/index_more.png) no-repeat 0 0;width: 139px;height:43px;display: block; text-align:center; margin:0 auto;}



/*新闻动态*/
.index_news{ background:url(../images/index_news_bg.jpg) no-repeat center; padding:2px 0px 40px;}
.index_news .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;  color:#fff;}
.index_news .title_eng{ font-size:35px; color:#fff;  font-family:"Microsoft Yi Baiti"; line-height:50px;}
.index_news .title_small{font-size:16px; color:#fff;}

.news_box{ padding:0px;}
.news_left{ background:#FFF; width:95%; margin:0 auto; float:none;}
.news_left_img{ float:none; width:100%; height:329px; text-align:center;}
.news_left_text{float:none; width:auto; padding:0 18px 20px;}
.text_all{ padding:0px; }
.news_top{ font-size:16px; color:#333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; line-height:57px;}
.news_ny{ font-size:14px; color:#7e7e7e; text-indent: 20px; line-height: 30px;}
.news_more{ font-size:14px;  border:#d6d6d6 solid 1px; width:70px; height:34px; line-height:34px; text-align:center; margin:0 auto;}
.news_more a{color:#7e7e7e;}
.news_more a:hover{color:#7e7e7e;}
.news_time{ font-size:12px; text-align:center; line-height:38px;}

.news_right{ width:100%; float:right; margin-top:10px;}
.news_class{ float:left; background:#fff; text-align:center; height:auto; margin-left:5px; width:30%;}
.news_tit{ font-size:14px; text-align:center; padding:0 10px; color:#333333; line-height:20px; margin-top:10px;}
.news_img{ width:100%; height:100px;}
.news_img img{max-height: 100%; max-width:100%;}
.news_class .news_more{ margin:0 auto; margin-top:20px;}
.news_class .news_time{ line-height:40px;}
.more01{ margin-top:20px;}
.more01 a{  background:url(../images/more_news.png) no-repeat 0 0;width: 139px;height:43px;display: block; text-align:center; margin:0 auto;}
.more02{-moz-animation:animations 1.5s ease infinite;
	-webkit-animation:animations 1.5s ease infinite;
	-o-animation:animations 1.5s ease infinite;
	-ms-animation:animations 1.5s ease infinite;
	animation:animations 1.5s ease infinite;}
	
@-moz-keyframes animations{
	0%{-moz-transform:translateY(10px);}
	50%{-moz-transform:translateY(0px);}
	100%{-moz-transform:translateY(10px);}
}

@-webkit-keyframes animations{
	0%{-webkit-transform:translateY(10px);}
	50%{-webkit-transform:translateY(0px);}
	100%{-webkit-transform:translateY(10px);}
}

@-o-keyframes animations{
	0%{-o-transform:translateY(10px);}
	50%{-o-transform:translateY(0px);}
	100%{-o-transform:translateY(10px);}
}
@-ms-keyframes animations{
	0%{-ms-transform:translateY(10px);}
	50%{-ms-transform:translateY(0px);}
	100%{-ms-transform:translateY(10px);}
}
@keyframes animations{
	0%{transform:translateY(10px);}
	50%{transform:translateY(0px);}
	100%{transform:translateY(10px);}
}

/*合作案例*/
.index_case{ background: url(../images/al_bg.jpg) top center no-repeat;}
.index_titile{ text-align:center; margin:5px 0;}
.index_case .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;}
.index_case .title_eng{ font-size:35px; color:#333333;  font-family:"Microsoft Yi Baiti"; line-height:68px;}
.index_case .title_small{font-size:16px; color:#333333;}
.case_box{ padding:30px 0px 54px;}
.case_left{ float:none; text-align:center; position: relative;  border:#eaeaea; width:96%; padding: 0 2%}
.case_all img{   vertical-align: middle; width:590px;height:auto;}
.case_all a.name{width:100%; position: absolute;height:52px;line-height:52px;left:5px;bottom:0px;display: block;text-align: center;  background: url(../images/picName.png);font-size: 16px;  color: #fff; overflow:hidden;}
.case1 .mask {display: none;content: ""; background:url(../images/gcal_hoverda.png) no-repeat; position: absolute;left:5px;top:0px;right:0px;bottom:0px;}
.case1:hover .mask {display: block;}
.case_left .case_all:hover a.name {display: none;}

.case_right{ width:96%; float:none; padding: 0 2%; margin-top:10px;}
.case_right ul{ margin:0px;}
.case_right ul li .imgbox{   vertical-align: middle; width:376px;height:150px;}
.case_right ul li .imgbox img{   vertical-align: middle;}
.case_right ul li a.name{width:100%; position: absolute;height:52px;line-height:52px;left:0px;bottom:0px;display: block;text-align: center;  background: url(../images/picName.png);font-size: 16px;  color: #fff; overflow:hidden;}
.case_right  ul li .mask {display: none;content: ""; background:url(../images/gcal_hover.png) no-repeat; position: absolute;left:0px;top:0px;right:0px;bottom:0px;}
.case_right ul li:hover .mask {display: block;}
.case_right ul li:hover  a.name {display: none;}

/*品牌文化*/
.index_culture{ background:url(../images/index_culture.jpg) no-repeat top;padding-top:108px; text-align:center; position:relative; margin-bottom:50px;}
.inedx_cul_title{ font-size:36px; color:#FFF;}
.index_cul_eng{ width:280px; background:#444444; height:70px;line-height: 70px; font-size:32px;  color:#FFF; margin:0 auto; margin-top:20px; font-family:"Microsoft Yi Baiti";}
.index_cul_hei{ font-size:14px; color:#333333; line-height:30px; margin-top:35px; padding: 0 15px;}
.index_cul_hui{ font-size:10px; color:#939393; padding: 0 15px;}


.slide {padding-top:50px}
.index_prod .prod_img {
    height:120px;
}
.index_prod .prod_name{ padding:0 4px;}
.jcar li{width:590px; float: left; height:auto !important;}

.container{width:100%;height:auto;margin:5px auto;border:1px solid #eee;overflow:hidden;}
.container-tit{height:auto;}
.container-tit ul{;width:100%;margin:0 auto; font-size:16px;}
.container-tit li{ padding:0px 30px; background:#ffffff; color:#2e2e2e; height:43px; line-height:43px; margin:0 auto; font-size:16px; text-align:center; float:none; width:27%; margin-bottom:10px;}

.container-tit li.select{ background:#0377c2; color:#fff !important; font-size:16px;}
.container-tit li.select a{ color:#FFF;}
.container li a:link{text-decoration:none; font-size:16px;}
.container li a:visited{text-decoration:none; font-size:16px;}

.container-con .mod{margin:10px 6px;padding-bottom: 35px;}
.container-con .mod ul{ width:100%;}
.container-con .mod ul li{float:left;width:46%;margin:5px 6px; background:#FFF;}
.container-con .mod ul li.odd{margin-top: 5px}
.container-con .mod ul .no{ margin-right:0px !important;}
.container-con .mod ul .lie_img{ text-align:center; padding:20px 0px;height: 180px;display: table-cell;text-align: center;vertical-align: middle;}
.container-con .mod ul .lie_img img{max-height: 100%;max-width: 100%;width: auto;height: auto;}
.container-con .mod ul .lie_name{ height:50px; background:#0377c2; width:100%; line-height:50px; text-align:center; font-size:16px;}
.container-con .mod ul .lie_name a{ color:#fff; font-size:16px; display:block;}

.slideBox2 .prev, .slideBox2 .next {
    top: auto!important;
    margin-top: 0!important;
    height: 35px!important;
    bottom: 0px!important;
    background-position: 20px -39px!important
}
.slideBox2 .next {
    right: 50%!important;
    margin-right: -100px!important;
    background-color: rgba(0,0,0,.8)!important;
    background-position: -120px -39px!important
}
.slideBox2 .prev {
    left: 50%!important;
    margin-left: -100px!important;
    background-color: rgba(0,0,0,.8)!important;
}

}

@media (min-width: 640px) and (max-width:1023px ) {
.index_product{  background:url(../images/index_pro_bg.jpg) top center repeat; padding:15px 0px;}
.index_titile{ text-align:center;}
.index_product .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;}
.index_product .title_eng{ font-size:40px; color:#333333;  font-family:"Microsoft Yi Baiti"; line-height:68px;}
.index_product .title_small{font-size:16px; color:#333333;}

.product_lie{text-align: center;     margin: 0 auto;}	
.product_lie a{ padding:10px 30px; background:#ffffff; color:#2e2e2e; height:43px; line-height:43px; margin:0 8px; font-size:16px; text-align:center;}
.product_lie a:hover{ background:#0377c2; color:#fff;}
.product_lie a.hover{background:#0377c2; color:#fff;}

	.latestworks{margin:20px 0 0;}
		.latestworks .jcarousel-control-prev, .jcarousel-control-next { top:40%; width: 82px; height: 116px; background:url(../images/btn_slide.png);}
		.latestworks .jcarousel-control-prev { left: -82px; }
		.latestworks .jcarousel-control-next { right: -82px;background-position:right 0; }
		.latestworks .jcarousel-pagination{display:none;position:static;}
		.latestworks .jcarousel-pagination a { display: inline-block; height: 1.5em; width: 1.5em; overflow:hidden;background: #fff; border-radius: 50%; line-height:99px; margin:0 .5em; box-shadow: 0 0 2px #4E443C; }
		.latestworks .jcarousel-pagination a.active { background: #f39800;box-shadow: 0 0 2px #F0EFE7; }
		
	/* pic_list_anim */
	.pic_list_anim .layer{padding:0 10px;position:relative;}
	.pic_list_anim .pic_box{position:relative;height:175px;background:#3a3a3a;padding:3px;text-align:center;}
	.pic_list_anim .link_{position:absolute;left:0;top:0;width:100%;height:100%;background:url(about:blank);background:rgba(0,0,0,.5);}
	.pic_list_anim img{height:100%;}
	.pic_list_anim .t{height: 30px;line-height: 30px;text-align: center; font-size:16px;color:#fff;}
	.pic_list_anim .date{font-size:12px;color:#eee;}
	.pic_list_anim .pic_box:hover{background:#f39800;}
	.pic_list_anim .pic_box:hover .link_{background:url(../images/plus2.png) center center no-repeat;filter:none;}
	/* text */
	.pic_list_anim .link2_{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 999}
	.pic_list_anim .link2_:hover{background:url(../images/plus2.png) center center no-repeat rgba(0,0,0,.5);z-index: 999}
	.pic_list_anim .p_box{ position:relative;height:302px;background:#fff;text-align:center;}
	.pic_list_anim .p_box img{ width:auto;}
	.pic_list_anim .text_box{ color:#fff; font-size:16px; background: #0377c2;}
	.t1{ font-size:16px; color: #fff; height:56px;line-height:56px;text-align: center; margin-bottom: 15px; font-weight: normal;}
	
/*关于我们*/
.index_about{ background: url(../images/gy_bg.jpg) top center repeat;padding:28px 0;}
.about_box{ width:100%;}
.about_left{ float:none; text-align:center; width:100%;}
.about_right{ float:none; width:auto; font-size:14px; color:#333333; text-align:Justify;text-justify:inter-ideograph; padding:0 20px;}
.about_text{ margin-top:56px;}
.about_text div{ line-height:30px; text-indent:20px;}
.more a{ background:url(../images/index_more.png) no-repeat 0 0;width: 139px;height:43px;display: block; text-align:center; margin:0 auto;}



/*新闻动态*/
.index_news{ background:url(../images/index_news_bg.jpg) no-repeat center; padding:15px;}
.index_news .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;  color:#fff;}
.index_news .title_eng{ font-size:40px; color:#fff;  font-family:"Microsoft Yi Baiti"; line-height:68px;}
.index_news .title_small{font-size:16px; color:#fff;}

.news_box{ padding:0}
.news_left{ background:#FFF; width:100%; float:left;}
.news_left_img{ float:left;}
.news_left_text{float:left;}
.text_all{ padding:34px 22px; }
.news_top{ font-size:16px; color:#333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; line-height:57px;}
.news_ny{ font-size:14px; color:#7e7e7e; text-indent: 20px; line-height: 30px;}
.news_more{ font-size:14px;  border:#d6d6d6 solid 1px; width:110px; height:34px; line-height:34px; text-align:center; margin:20px 0px;}
.news_more a{color:#7e7e7e;}
.news_more a:hover{color:#7e7e7e;}
.news_time{ font-size:12px;}

.news_right{ width:102%; float:right;margin-top: 15px}
.news_class{ float:left; background:#fff; text-align:center; height:329px; margin-bottom:10px;}
.news_tit{ font-size:14px; text-align:center; padding:0 10px; color:#333333; line-height:50px;}
.news_class .news_more{ margin:0 auto; margin-top:20px;}
.news_class .news_time{ line-height:40px;}
.more01 a{  background:url(../images/more_news.png) no-repeat 0 0;width: 139px;height:43px;display: block; text-align:center; margin:0 auto;}
.more02{-moz-animation:animations 1.5s ease infinite;
	-webkit-animation:animations 1.5s ease infinite;
	-o-animation:animations 1.5s ease infinite;
	-ms-animation:animations 1.5s ease infinite;
	animation:animations 1.5s ease infinite;}
	
@-moz-keyframes animations{
	0%{-moz-transform:translateY(10px);}
	50%{-moz-transform:translateY(0px);}
	100%{-moz-transform:translateY(10px);}
}

@-webkit-keyframes animations{
	0%{-webkit-transform:translateY(10px);}
	50%{-webkit-transform:translateY(0px);}
	100%{-webkit-transform:translateY(10px);}
}

@-o-keyframes animations{
	0%{-o-transform:translateY(10px);}
	50%{-o-transform:translateY(0px);}
	100%{-o-transform:translateY(10px);}
}
@-ms-keyframes animations{
	0%{-ms-transform:translateY(10px);}
	50%{-ms-transform:translateY(0px);}
	100%{-ms-transform:translateY(10px);}
}
@keyframes animations{
	0%{transform:translateY(10px);}
	50%{transform:translateY(0px);}
	100%{transform:translateY(10px);}
}

/*合作案例*/
.index_case{ background: url(../images/al_bg.jpg) top center no-repeat;}
.index_titile{ text-align:center; }
.index_case .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;}
.index_case .title_eng{ font-size:55px; color:#333333;  font-family:"Microsoft Yi Baiti"; line-height:68px;}
.index_case .title_small{font-size:16px; color:#333333;}
.case_box{ padding:30px 15px 54px;}
.case_left{ width:100%; float:left;}
.case_right{ width:100%; float:right;}
.case_right ul li{ float:left; width: 23%; margin: 15px 2% 15px 0;}
.case_right ul li .imgbox {width: auto;height: 145px}




/*品牌文化*/
.index_culture{ background:url(../images/index_culture.jpg) no-repeat top;padding-top:108px; text-align:center; position:relative; margin-bottom:50px;}
.inedx_cul_title{ font-size:36px; color:#FFF;}
.index_cul_eng{ width:561px; background:#0377c2; height:90px; font-size:55px;  color:#FFF; margin:0 auto; margin-top:20px; font-family:"Microsoft Yi Baiti";}
.index_cul_hei{ font-size:14px; color:#333333; line-height:30px; margin-top:35px;}
.index_cul_hui{ font-size:10px; color:#939393;}


.slide {padding-top:73px}
.index_prod .prod_img {
    height:154px;
}


.container{width:100%;height:auto;margin:50px auto;border:1px solid #eee;overflow:hidden;}
.container-tit{height:auto;}
.container-tit ul{;width:100%;margin:0 auto; font-size:16px;}
.container-tit li{ padding:0px 30px; background:#ffffff; color:#2e2e2e; height:43px; line-height:43px; margin:0 8px; font-size:16px; text-align:center; float:left;}

.container-tit li.select{ background:#0377c2; color:#fff !important; font-size:16px;}
.container-tit li.select a{ color:#FFF;}
.container li a:link{text-decoration:none;font-size:16px;}
.container li a:visited{text-decoration:none; font-size:16px;}

.container-con .mod{margin:10px;overflow: hidden;}
.container-con .mod ul{ width:100%;}
.container-con .mod ul li{float:left;width:48%;margin:10px 6px; background:#FFF;}
.container-con .mod ul li.odd {margin-top: 10px;}
.container-con .mod ul .no{ margin-right:0px !important;}
.container-con .mod ul .lie_img{ text-align:center; padding:20px 0px;height: 250px;display: table-cell;text-align: center;vertical-align: middle;}
.container-con .mod ul .lie_img img{max-height: 100%;max-width: 80%}
.container-con .mod ul .lie_name{ height:50px; background:#0377c2; width:100%; line-height:50px; text-align:center; font-size:16px;}
.container-con .mod ul .lie_name a{ color:#fff; font-size:16px; display:block;}

.slideBox2 .next {
    right: 1.6%!important;
    background-color: rgba(0,0,0,.8)!important;
}
.slideBox2 .prev {
    left: 1.6%!important;
    background-color: rgba(0,0,0,.8)!important;
}



/*===============================================*/
@media (min-width: 1024px) and (max-width:1200px ){
.index_product{  background:url(../images/index_pro_bg.jpg) top center repeat; padding:15px 0px;}
.index_titile{ text-align:center;}
.index_product .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;}
.index_product .title_eng{ font-size:55px; color:#333333;  font-family:"Microsoft Yi Baiti"; line-height:68px;}
.index_product .title_small{font-size:16px; color:#333333;}

.product_lie{text-align: center;     margin: 0 auto;}	
.product_lie a{ padding:10px 30px; background:#ffffff; color:#2e2e2e; height:43px; line-height:43px; margin:0 8px; font-size:16px; text-align:center;}
.product_lie a:hover{ background:#0377c2; color:#fff;}
.product_lie a.hover{background:#0377c2; color:#fff;}

section_case{}
	.latestworks{margin:20px 0 0;}
		.latestworks .jcarousel-control-prev, .jcarousel-control-next { top:40%; width: 82px; height: 116px; background:url(../images/btn_slide.png);}
		.latestworks .jcarousel-control-prev { left: -82px; }
		.latestworks .jcarousel-control-next { right: -82px;background-position:right 0; }
		.latestworks .jcarousel-pagination{display:none;position:static;}
		.latestworks .jcarousel-pagination a { display: inline-block; height: 1.5em; width: 1.5em; overflow:hidden;background: #fff; border-radius: 50%; line-height:99px; margin:0 .5em; box-shadow: 0 0 2px #4E443C; }
		.latestworks .jcarousel-pagination a.active { background: #f39800;box-shadow: 0 0 2px #F0EFE7; }
		
	/* pic_list_anim */
	.pic_list_anim .layer{padding:0 10px;position:relative;}
	.pic_list_anim .pic_box{position:relative;height:175px;background:#3a3a3a;padding:3px;text-align:center;}
	.pic_list_anim .link_{position:absolute;left:0;top:0;width:100%;height:100%;background:url(about:blank);background:rgba(0,0,0,.5);}
	.pic_list_anim img{height:100%;}
	.pic_list_anim .t{height: 30px;line-height: 30px;text-align: center; font-size:16px;color:#fff;}
	.pic_list_anim .date{font-size:12px;color:#eee;}
	.pic_list_anim .pic_box:hover{background:#f39800;}
	.pic_list_anim .pic_box:hover .link_{background:url(../images/plus2.png) center center no-repeat;filter:none;}
	/* text */
	.pic_list_anim .link2_{position:absolute;left:0;top:0;width:100%;height:100%;z-index: 999}
	.pic_list_anim .link2_:hover{background:url(../images/plus2.png) center center no-repeat rgba(0,0,0,.5);z-index: 999}
	.pic_list_anim .p_box{ position:relative;height:302px;background:#fff;text-align:center;}
	.pic_list_anim .p_box img{ width:auto;}
	.pic_list_anim .text_box{ color:#fff; font-size:16px; background: #0377c2;}
	.t1{ font-size:16px; color: #fff; height:56px;line-height:56px;text-align: center; margin-bottom: 15px; font-weight: normal;}
	
/*关于我们*/
.index_about{ background: url(../images/gy_bg.jpg) top center repeat;padding:70px 0;}
.about_box{ width:100%;}
.about_left{ float:left; width:50%;}
.about_right{ float:right; width:45%; font-size:14px; color:#333333;}
.about_text{ margin-top:56px;}
.about_text div{ line-height:30px; text-indent:20px;}
.more a{ background:url(../images/index_more.png) no-repeat 0 0;width: 139px;height:43px;display: block; text-align:center; margin:0 auto;}



/*新闻动态*/
.index_news{ background:url(../images/index_news_bg.jpg) no-repeat center; padding:50px 0px;}
.index_news .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;  color:#fff;}
.index_news .title_eng{ font-size:55px; color:#fff;  font-family:"Microsoft Yi Baiti"; line-height:68px;}
.index_news .title_small{font-size:16px; color:#fff;}

.news_box{ padding:50px 0px;}
.news_left{ background:#FFF; width:50%; float:left; display:none;}
.news_left_img{ float:left; width:251px; height:329px;}
.news_left_text{float:left; width:58%;}
.text_all{ padding:34px 22px; }
.news_top{ font-size:16px; color:#333333; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; line-height:57px;}
.news_ny{ font-size:14px; color:#7e7e7e; text-indent: 20px; line-height: 30px;}
.news_more{ font-size:14px;  border:#d6d6d6 solid 1px; width:110px; height:34px; line-height:34px; text-align:center; margin:20px 0px;}
.news_more a{color:#7e7e7e;}
.news_more a:hover{color:#7e7e7e;}
.news_time{ font-size:12px;}

.news_right{ width:78%; float:right;}
.news_class{ float:left; background:#fff; text-align:center; height:329px; margin-left:17px;}
.news_tit{ font-size:14px; text-align:center; padding:0 10px; color:#333333; line-height:50px;}
.news_class .news_more{ margin:0 auto; margin-top:20px;}
.news_class .news_time{ line-height:40px;}
.more01 a{  background:url(../images/more_news.png) no-repeat 0 0;width: 139px;height:43px;display: block; text-align:center; margin:0 auto;}
.more02{-moz-animation:animations 1.5s ease infinite;
	-webkit-animation:animations 1.5s ease infinite;
	-o-animation:animations 1.5s ease infinite;
	-ms-animation:animations 1.5s ease infinite;
	animation:animations 1.5s ease infinite;}
	
@-moz-keyframes animations{
	0%{-moz-transform:translateY(10px);}
	50%{-moz-transform:translateY(0px);}
	100%{-moz-transform:translateY(10px);}
}

@-webkit-keyframes animations{
	0%{-webkit-transform:translateY(10px);}
	50%{-webkit-transform:translateY(0px);}
	100%{-webkit-transform:translateY(10px);}
}

@-o-keyframes animations{
	0%{-o-transform:translateY(10px);}
	50%{-o-transform:translateY(0px);}
	100%{-o-transform:translateY(10px);}
}
@-ms-keyframes animations{
	0%{-ms-transform:translateY(10px);}
	50%{-ms-transform:translateY(0px);}
	100%{-ms-transform:translateY(10px);}
}
@keyframes animations{
	0%{transform:translateY(10px);}
	50%{transform:translateY(0px);}
	100%{transform:translateY(10px);}
}

/*合作案例*/
.index_case{ background: url(../images/al_bg.jpg) top center no-repeat;}
.index_titile{ text-align:center;}
.index_case .title_top{ background:url(../images/title_bg.png) no-repeat center; font-size:24px;}
.index_case .title_eng{ font-size:55px; color:#333333;  font-family:"Microsoft Yi Baiti"; line-height:68px;}
.index_case .title_small{font-size:16px; color:#333333;}
.case_box{ padding:30px 0px 54px;}
.case_left{ width:50%; float:left;}
.case_right{ width:50%; float:right;}
.case_right ul li{ float:left; width: 48%; margin: 0px 1% 1%;}


/*品牌文化*/
.index_culture{ background:url(../images/index_culture.jpg) no-repeat top;padding-top:108px; text-align:center; position:relative; margin-bottom:50px;}
.inedx_cul_title{ font-size:36px; color:#FFF;}
.index_cul_eng{ width:561px; background:#0377c2; height:90px; font-size:55px;  color:#FFF; margin:0 auto; margin-top:20px; font-family:"Microsoft Yi Baiti";}
.index_cul_hei{ font-size:14px; color:#333333; line-height:30px; margin-top:35px;}
.index_cul_hui{ font-size:10px; color:#939393;}

.container{width:1200px;height:auto;margin:50px auto;border:1px solid #eee;overflow:hidden;}
.container-tit{height:auto;}
.container-tit ul{;width:56%;margin:0 auto; font-size:16px;}
.container-tit li{ padding:0px 30px; background:#ffffff; color:#2e2e2e; height:43px; line-height:43px; margin:0 8px; font-size:16px; text-align:center; float:left;}

.container-tit li.select{ background:#0377c2; color:#fff !important; font-size:16px;}
.container-tit li.select a{ color:#FFF;}
.container li a:link{text-decoration:none; font-size:16px;}
.container li a:visited{text-decoration:none; font-size:16px;}

.container-con .mod{margin:10px 6px;}
.container-con .mod ul{ width:100%;}
.container-con .mod ul li{float:left;width:250px;margin:10px 0.7%; background:#FFF;}
.container-con .mod ul .no{ margin-right:0px !important;}
.container-con .mod ul .lie_img{ text-align:center; padding:20px 0px;height: 250px;display: table-cell;text-align: center;vertical-align: middle;}
.container-con .mod ul .lie_img img{max-height: 100%;max-width: 80%}
.container-con .mod ul .lie_name{ height:50px; background:#0377c2; width:100%; line-height:50px; text-align:center; font-size:16px;}
.container-con .mod ul .lie_name a{ color:#fff; font-size:16px; display:block;}	
	
	}