@charset "utf-8";

@import url(reset.css);



@font-face{font-family:go; src:url('../images/Gotham Medium.otf'),url('../images/gotham-medium.eot'),url('../images/gotham-medium.svg'),url('../images/gotham-medium.ttf'),url('../images/gotham-medium.woff'),url(' ../images/gotham-medium.woff2');font-weight:normal; -webkit-text-size-adjust:none; height:auto; -webkit-font-smoothing: antialiased; /*chrome、safari*/}

@font-face{font-family:gosmall; src:url(' ../images/Gotham Book.otf'),url('../images/gotham-book.eot'),url('../images/gotham-book.svg'),url('../images/gotham-book.ttf'),url('../images/gotham-book.woff'),url('../images/gotham-book.woff2'); -webkit-text-size-adjust:none; height:auto; -webkit-font-smoothing: antialiased; /*chrome、safari*/}

@font-face{font-family:gobold; src: url('../images/gotham-bold.eot'),url('../images/gotham-bold.svg'),url('../images/gotham-bold.ttf'),url('../images/gotham-bold.woff'),url('../images/gotham-bold.woff2'),url('../images/original-gotham-bold.otf'); -webkit-text-size-adjust:none; height:auto; -webkit-font-smoothing: antialiased; /*chrome、safari*/}

@font-face{font-family:golight; src: url('../images/gotham-light.eot'),url('../images/gotham-light.svg'),url('../images/gotham-light.ttf'),url('../images/gotham-light.woff'),url('../images/gotham-light.woff2'),url('../images/original-gotham-light.otf'); -webkit-text-size-adjust:none; height:auto; -webkit-font-smoothing: antialiased; /*chrome、safari*/}



/*body公用*/

/* ------------------------------------------------- 

 * 公用样式表 By 博

 * ------------------------------------------------- 

*/  

body{font-family:"微软雅黑","宋体"; font-size:14px; color: #333;  background:#fff ; text-align:justify; -webkit-text-size-adjust:none; height:auto; -webkit-font-smoothing: subpixel-antialiased; /*chrome、safari*/

-moz-osx-font-smoothing: grayscale;/*firefox*/}

a {color:#eb5e0e;transition:400ms ease all;}

a:hover{ color: #000;transition:400ms ease all;}

/** 定义HTML body **/



/*========== 翻页公用 ==========*/

.pages { height:auto; padding:10px 0px 30px 0px; text-align:center; clear:both; font-family:Arial; width:100%; margin:0px;}

.pages a,.pages span { display:inline-block; width:auto; height:30px; line-height:30px; padding:0px 10px; margin:0px 2px; color:#666; background-repeat:no-repeat; text-align:center; font-size:12px; background:#f4f4f4; border: 1px solid #dddddd; border-radius:4px; 

background-image:-webkit-linear-gradient(to top, #f5f5f5, #fff); background-image:linear-gradient(to top,#f5f5f5,#fff);}

.pages a {}

a.page:hover{ background-position:0px -38px;  background:#831824; color:#fff; }

span.page { background-position:0px -38px; background:#831824; color:#fff;}

/*========== 翻页公用 ==========*/





/* ------------------------------------------------- 

 * @media .bo-[sm|md|lg]-[1-12]

 * -------------------------------------------------

*/ 

.bo-row{width: 100%; max-width: 100%; position:relative;}

.bo-container {-webkit-box-sizing: border-box;box-sizing: border-box;margin-left: auto;margin-right: auto;padding-left: 0rem;padding-right: 0rem;width: 100%;max-width: 1200px;}

.bo-container:after, .bo-container:before {content: " ";display: table;}

.bo-container:after {clear: both;}

.bo-container>.bo-b {width: auto;margin-left: 0rem;margin-right: 0rem;}

.bo-b{margin: 0 auto;width: 100%;clear: both;}

.bo-b:after, .bo-b:before {content: " ";display: table}

.bo-b .bo-b {margin-left: 0rem;margin-right: 0rem;width: auto}

.bo-b-fixed {max-width: 1000px;}

[class*=bo-lg-] {width: 100%;padding-left: 0.0rem;padding-right: 0.0rem;float: left;position: relative;display: inline-block;}

[class*=bo-lg-]+[class*=bo-lg-]:last-child {float: right;}

[class*=bo-lg-]+[class*=bo-lg-].bo-lg-end {float: left;}

/** 定义 bo-row bo-container bo-b  **/





@media only screen and (min-width:641px) {

[class*=bo-lg-] {

	padding-left: 0.0rem;

	padding-right: 0.0rem;

}

}

[class*=bo-lg-pull-] {left: auto}

[class*=bo-lg-push-] {right: auto}



.bo-lg-1 {

	width: 8.33333333%

}

.bo-lg-2 {

	width: 16.66666667%

}

.bo-lg-3 {

	width: 25%

}

.bo-lg-4 {

	width: 33.33333333%;

}

.bo-lg-5 {

	width: 41.66666667%

}

.bo-lg-6 {

	width: 50%

}

.bo-lg-7 {

	width: 58.33333333%

}

.bo-lg-8 {

	width: 66.66666667%

}

.bo-lg-9 {

	width: 75%

}

.bo-lg-10 {

	width: 83.33333333%

}

.bo-lg-11 {

	width: 91.66666667%

}

.bo-lg-12 {

	width: 100%

}

.bo-lg-pull-0 {

	right: 0

}

.bo-lg-pull-1 {

	right: 8.33333333%

}

.bo-lg-pull-2 {

	right: 16.66666667%

}

.bo-lg-pull-3 {

	right: 25%

}

.bo-lg-pull-4 {

	right: 33.33333333%

}

.bo-lg-pull-5 {

	right: 41.66666667%

}

.bo-lg-pull-6 {

	right: 50%

}

.bo-lg-pull-7 {

	right: 58.33333333%

}

.bo-lg-pull-8 {

	right: 66.66666667%

}

.bo-lg-pull-9 {

	right: 75%

}

.bo-lg-pull-10 {

	right: 83.33333333%

}

.bo-lg-pull-11 {

	right: 91.66666667%

}

.bo-lg-push-0 {

	left: 0

}

.bo-lg-push-1 {

	left: 8.33333333%

}

.bo-lg-push-2 {

	left: 16.66666667%

}

.bo-lg-push-3 {

	left: 25%

}

.bo-lg-push-4 {

	left: 33.33333333%

}

.bo-lg-push-5 {

	left: 41.66666667%

}

.bo-lg-push-6 {

	left: 50%

}

.bo-lg-push-7 {

	left: 58.33333333%

}

.bo-lg-push-8 {

	left: 66.66666667%

}

.bo-lg-push-9 {

	left: 75%

}

.bo-lg-push-10 {

	left: 83.33333333%

}

.bo-lg-push-11 {

	left: 91.66666667%

}

.bo-lg-offset-0 {

	margin-left: 0

}

.bo-lg-offset-1 {

	margin-left: 8.33333333%

}

.bo-lg-offset-2 {

	margin-left: 16.66666667%

}

.bo-lg-offset-3 {

	margin-left: 25%

}

.bo-lg-offset-4 {

	margin-left: 33.33333333%

}

.bo-lg-offset-5 {

	margin-left: 41.66666667%

}

.bo-lg-offset-6 {

	margin-left: 50%

}

.bo-lg-offset-7 {

	margin-left: 58.33333333%

}

.bo-lg-offset-8 {

	margin-left: 66.66666667%

}

.bo-lg-offset-9 {

	margin-left: 75%

}

.bo-lg-offset-10 {

	margin-left: 83.33333333%

}

.bo-lg-offset-11 {

	margin-left: 91.66666667%

}



/* 中屏幕 -md-*/

@media (max-width: 1025px) {

.bo-md-1 {

	width: 8.33333333%

}

.bo-md-2 {

	width: 16.66666667%

}

.bo-md-3 {

	width: 25%

}

.bo-md-4 {

	width: 33.33333333%;

}

.bo-md-5 {

	width: 41.66666667%

}

.bo-md-6 {

	width: 50%

}

.bo-md-7 {

	width: 58.33333333%

}

.bo-md-8 {

	width: 66.66666667%

}

.bo-md-9 {

	width: 75%

}

.bo-md-10 {

	width: 83.33333333%

}

.bo-md-11 {

	width: 91.66666667%

}

.bo-md-12 {

	width: 100%

}

.bo-md-pull-0 {

	right: 0

}

.bo-md-pull-1 {

	right: 8.33333333%

}

.bo-md-pull-2 {

	right: 16.66666667%

}

.bo-md-pull-3 {

	right: 25%

}

.bo-md-pull-4 {

	right: 33.33333333%

}

.bo-md-pull-5 {

	right: 41.66666667%

}

.bo-md-pull-6 {

	right: 50%

}

.bo-md-pull-7 {

	right: 58.33333333%

}

.bo-md-pull-8 {

	right: 66.66666667%

}

.bo-md-pull-9 {

	right: 75%

}

.bo-md-pull-10 {

	right: 83.33333333%

}

.bo-md-pull-11 {

	right: 91.66666667%

}

.bo-md-push-0 {

	left: 0

}

.bo-md-push-1 {

	left: 8.33333333%

}

.bo-md-push-2 {

	left: 16.66666667%

}

.bo-md-push-3 {

	left: 25%

}

.bo-md-push-4 {

	left: 33.33333333%

}

.bo-md-push-5 {

	left: 41.66666667%

}

.bo-md-push-6 {

	left: 50%

}

.bo-md-push-7 {

	left: 58.33333333%

}

.bo-md-push-8 {

	left: 66.66666667%

}

.bo-md-push-9 {

	left: 75%

}

.bo-md-push-10 {

	left: 83.33333333%

}

.bo-md-push-11 {

	left: 91.66666667%

}

.bo-md-offset-0 {

	margin-left: 0

}

.bo-md-offset-1 {

	margin-left: 8.33333333%

}

.bo-md-offset-2 {

	margin-left: 16.66666667%

}

.bo-md-offset-3 {

	margin-left: 25%

}

.bo-md-offset-4 {

	margin-left: 33.33333333%

}

.bo-md-offset-5 {

	margin-left: 41.66666667%

}

.bo-md-offset-6 {

	margin-left: 50%

}

.bo-md-offset-7 {

	margin-left: 58.33333333%

}

.bo-md-offset-8 {

	margin-left: 66.66666667%

}

.bo-md-offset-9 {

	margin-left: 75%

}

.bo-md-offset-10 {

	margin-left: 83.33333333%

}

.bo-md-offset-11 {

	margin-left: 91.66666667%

}

.hidden-md {

	display: none; 

}

}



/* 小屏幕 -sm-*/

@media only screen and (max-width:641px) {



.bo-sm-1 {

	width: 8.33333333%

}

.bo-sm-2 {

	width: 16.66666667%

}

.bo-sm-3 {

	width: 25%

}

.bo-sm-4 {

	width: 33.33333333%

}

.bo-sm-5 {

	width: 41.66666667%

}

.bo-sm-6 {

	width: 50%

}

.bo-sm-7 {

	width: 58.33333333%

}

.bo-sm-8 {

	width: 66.66666667%

}

.bo-sm-9 {

	width: 75%

}

.bo-sm-10 {

	width: 83.33333333%

}

.bo-sm-11 {

	width: 91.66666667%

}

.bo-sm-12 {

	width: 100%

}

.bo-sm-pull-0 {

	right: 0

}

.bo-sm-pull-1 {

	right: 8.33333333%

}

.bo-sm-pull-2 {

	right: 16.66666667%

}

.bo-sm-pull-3 {

	right: 25%

}

.bo-sm-pull-4 {

	right: 33.33333333%

}

.bo-sm-pull-5 {

	right: 41.66666667%

}

.bo-sm-pull-6 {

	right: 50%

}

.bo-sm-pull-7 {

	right: 58.33333333%

}

.bo-sm-pull-8 {

	right: 66.66666667%

}

.bo-sm-pull-9 {

	right: 75%

}

.bo-sm-pull-10 {

	right: 83.33333333%

}

.bo-sm-pull-11 {

	right: 91.66666667%

}

.bo-sm-push-0 {

	left: 0

}

.bo-sm-push-1 {

	left: 8.33333333%

}

.bo-sm-push-2 {

	left: 16.66666667%

}

.bo-sm-push-3 {

	left: 25%

}

.bo-sm-push-4 {

	left: 33.33333333%

}

.bo-sm-push-5 {

	left: 41.66666667%

}

.bo-sm-push-6 {

	left: 50%

}

.bo-sm-push-7 {

	left: 58.33333333%

}

.bo-sm-push-8 {

	left: 66.66666667%

}

.bo-sm-push-9 {

	left: 75%

}

.bo-sm-push-10 {

	left: 83.33333333%

}

.bo-sm-push-11 {

	left: 91.66666667%

}

.bo-sm-offset-0 {

	margin-left: 0

}

.bo-sm-offset-1 {

	margin-left: 8.33333333%

}

.bo-sm-offset-2 {

	margin-left: 16.66666667%

}

.bo-sm-offset-3 {

	margin-left: 25%

}

.bo-sm-offset-4 {

	margin-left: 33.33333333%

}

.bo-sm-offset-5 {

	margin-left: 41.66666667%

}

.bo-sm-offset-6 {

	margin-left: 50%

}

.bo-sm-offset-7 {

	margin-left: 58.33333333%

}

.bo-sm-offset-8 {

	margin-left: 66.66666667%

}

.bo-sm-offset-9 {

	margin-left: 75%

}

.bo-sm-offset-10 {

	margin-left: 83.33333333%

}

.bo-sm-offset-11 {

	margin-left: 91.66666667%

}

.hidden-sm {

	display: none; 

}

	.m_27{margin-top: 27px;}

}



/* 字体 -lg-*/

.f12{ font-size: 12px;}

.f14{ font-size: 14px;}

.f16{ font-size: 16px;}

.f18{ font-size: 18px;}

.f20{ font-size: 20px;}

.f22{ font-size: 22px;}

.f24{ font-size: 24px;}

.f26{ font-size: 26px;}

.f28{ font-size: 28px;}

.f30{ font-size: 30px;}

.f32{ font-size: 32px;}

.f34{ font-size: 34px;}

.f36{ font-size: 36px;}

.f38{ font-size: 38px;}

.f40{ font-size: 40px;}

.f42{ font-size: 42px;}

.f44{ font-size: 44px;}

.f46{ font-size: 46px;}

.f48{ font-size: 48px;}

.f50{ font-size: 50px;}

.f52{ font-size: 52px;}

.f54{ font-size: 54px;}

.f56{ font-size: 56px;}

.f58{ font-size: 58px;}

.f60{ font-size: 60px;}

.f62{ font-size: 62px;}

.f64{ font-size: 64px;}

.f66{ font-size: 66px;}

.f68{ font-size: 68px;}

.f70{ font-size: 70px;}



/* 中屏幕 -md-*//* 字体 -*/

@media (max-width: 1025px) {

.f12{ font-size: 12px;}

.f14{ font-size: 14px;}

.f16{ font-size: 16px;}

.f18{ font-size: 18px;}

.f20{ font-size: 20px;}

.f22{ font-size: 22px;}

.f24{ font-size: 24px;}

.f26{ font-size: 26px;}

.f28{ font-size: 28px;}

.f30{ font-size: 30px;}

.f32{ font-size: 32px;}

.f34{ font-size: 34px;}

.f36{ font-size: 36px;}

.f38{ font-size: 38px;}

.f40{ font-size: 40px;}

.f42{ font-size: 42px;}

.f44{ font-size: 44px;}

.f46{ font-size: 46px;}

.f48{ font-size: 48px;}

.f50{ font-size: 50px;}

.f52{ font-size: 52px;}

.f54{ font-size: 54px;}

.f56{ font-size: 56px;}

.f58{ font-size: 58px;}

.f60{ font-size: 60px;}

.f62{ font-size: 62px;}

.f64{ font-size: 64px;}

.f66{ font-size: 66px;}

.f68{ font-size: 68px;}

.f70{ font-size: 70px;}

}

/* 中屏幕 -md-*//* 字体 -*/

@media only screen and (max-width:641px) {

.f12{ font-size: 10px;}

.f14{ font-size: 12px;}

.f16{ font-size: 14px;}

.f18{ font-size: 16px;}

.f20{ font-size: 18px;}

.f22{ font-size: 20px;}

.f24{ font-size: 22px;}

.f26{ font-size: 24px;}

.f28{ font-size: 26px;}

.f30{ font-size: 28px;}

.f32{ font-size: 30px;}

.f34{ font-size: 32px;}

.f36{ font-size: 34px;}

.f38{ font-size: 36px;}

.f40{ font-size: 48px;}

.f42{ font-size: 40px;}

.f44{ font-size: 40px;}

.f46{ font-size: 40px;}

.f48{ font-size: 40px;}

.f50{ font-size: 50px;}

.f52{ font-size: 50px;}

.f54{ font-size: 50px;}

.f56{ font-size: 50px;}

.f58{ font-size: 50px;}

.f60{ font-size: 60px;}

.f62{ font-size: 60px;}

.f64{ font-size: 60px;}

.f66{ font-size: 60px;}

.f68{ font-size: 60px;}

.f70{ font-size: 60px;}

}







/*统一红色#831824*/

/*======================== 顶部 ============================*/

.bg1{ background: #f2f2f2;}

.bg2{ background: #eb5e0e;}



.m_row{width: 100%; max-width: 100%; height: auto;}

.top_t{width: 100%; max-width: 1170px; margin: 0px auto; height: 40px; line-height: 40px; overflow: hidden; color: #808080;}

.top_c{width: 100%; max-width: 1170px; margin: 15px auto; height:75px;}

.logo{float: left; position: relative; overflow: hidden; width:430px; height: 75px; }

.logo img{ margin-top: -25px;}

.logo_1{ float: left; font-size: 16px; font-weight: bold; line-height: 28px; padding: 10px 0px 0px 10px; color: #666;}

.tel{float: right;background:url(../images/index01_06.jpg) no-repeat left center; padding-left:32px; height:52px; color:#333; margin-top:10px;}

.tel p{color:#831824; font-size:28px; font-weight: bold; line-height: 28px; display: block; font-family:Arial;}

.top_t_r{float: right;}





.menubox{width: 100%; max-width: 1170px; margin: 0px auto; height: 50px;}

.menuboxul{display: block; width: 100%; max-width: 1170px; margin: 0px auto;}

.menuboxul{display: block; position: relative;}

.menuboxul li{ float: left; padding: 0px 0px; line-height: 50px; width: 10%; text-align: center; border-right: 1px dotted #8f3b0c; position: relative;}

.menuboxul li a{ padding: 00px; display: block; color: #fff; font-size: 16px; } 

.menuboxul li a:hover{color: #831824; background: #f2f2f2;}

.menuboxul li a.dq{ color: #831824; background: #f2f2f2; display: block;}

.menuboxul li a.dq1{ color: #831824; background: #f2f2f2; display: block;}



.menubox .hide1{position:absolute;background:rgba(255,255,255,0.9);width:200%;/*height:205px;*/top:50px;left:0px;display:none;z-index:11100;padding:0px 0px 0px 0px; 

	-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);  

  -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);  

  box-shadow:0 0 10px rgba(0, 0, 0, .5);  }



.menubox li .hide1 .menu_r_nav2j{ width:100%; height:auto; min-height:auto; padding-top: 0px; float:left;overflow: hidden;}

.menubox li .hide1 .menu_r_nav2j a{ display: block; width:100%; height:40px; line-height:40px; text-align:left; padding-left:20px; color:#333; font-size:14px; border-bottom: 1px dotted #ccc;}

.menubox li .hide1 .menu_r_nav2j a:hover{ color:#fff; background: #eb5e0e;}

.menubox li .hide1 .menu_r_nav2j a i{ color:#7E7E7E; padding-right:10px;}

.menubox li .hide1 .menu_r_nav2j a:hover i{ color:#fff;}

.menubox .hide1 .pic{width:80%; line-height: 22px;height:auto;overflow:hidden;margin:0px 0 10px 0px; padding: 20px 20px 0px 10px; float:left; color: #000;}

.menubox .hide1 .pic img{ width:100%; height:auto; padding-bottom: 0px;}



.menubox li .hide1 .menu_r_nav2j2{ width:100%; height:auto; min-height:auto; padding-top: 0px; float:left;overflow: hidden;}

.menubox li .hide1 .menu_r_nav2j2 a{ display: block;float:left; width:100%; height:40px; line-height:40px; text-align:left; padding-left:20px; color:#333; font-size:14px; border-bottom: 1px dotted #ccc;}

.menubox li .hide1 .menu_r_nav2j2 a:hover{ color:#fff; background: #831824;}

.menubox li .hide1 .menu_r_nav2j2 a i{ color:#7E7E7E; padding-right:10px;}

.menubox li .hide1 .menu_r_nav2j2 a:hover i{ color:#fff;}

.menubox .hide1 .pic2{width:60%; line-height: 22px;height:auto;overflow:hidden;margin:0px 0 10px 0px; padding: 20px 20px 0px 10px; float:left; color: #000;}

.menubox .hide1 .pic2 img{ width:100%; height:auto; padding-bottom: 0px;}

/*导航*/







.banner_top{position: relative;overflow: hidden; margin-top: 0px;}

.banfix_word{width: 100%;text-align: center;overflow: hidden;position: absolute;top: 0px;left: 0px;z-index: 222;}

.banfix_des{margin-top: 5%;overflow: hidden;color: #fff;font-size: 60px;overflow: hidden;line-height: 70px; display: none;}

.banfix_des1{margin-top: 5%;overflow: hidden;color: #fff;font-size: 60px;overflow: hidden;line-height: 70px;}

.banfix_desen{width: 100%;margin-top: 10px;overflow: hidden;color: #fff;font-size: 30px;display: none;}

.more_ban{width: 180px;line-height: 50px;height: 50px;color: #fff;font-size: 18px;text-align: center;display: none;margin: auto;background:#f76100;overflow: hidden;margin-top: 2%; transition: all 500ms;}

.more_ban:hover{background: #006a8e;transition: all 500ms;color: #fff;}

/*===bannerzi===*/



.about_cj{ width:100%; height: 150px; position: absolute; bottom: -110px;  left: 0px; z-index: 999;}

.about_cj_m{ width: 1170px; height: 150px; background:rgba(255, 255, 255, .95); margin: 0px auto; -webkit-box-shadow:0 0 20px rgba(0, 0, 0, .3);  

  -moz-box-shadow:0 0 20px rgba(0, 0, 0, .3);  

  box-shadow:0 0 20px rgba(0, 0, 0, .3);  }



.content_list{width: 100%; padding-top: 2.5%;}

.content_list li{width: 25%; float: left; border-right: 1px solid #ccc;}

.content_list li div{padding: 0% 0px 0px 30%;}

.content_list li div .animateNum{ font-size: 40px;}

.content_list li div .unit{}

/*=== banner kuai===*/





.index_tit{ text-align:center; padding: 20px 0px;}

.index_tit h3{ font-size: 36px;}

.index_tit span{ font-size: 16px; color: #999;}



/* 首页产品  */

.index_pro{ width: 100%; height: auto; margin-top: 120px; padding-bottom: 0px;}



.slideTxtBox{ width:100%; text-align:left;  }

.slideTxtBox .hd{ height:40px; line-height:40px; padding:0 20px; text-align: center;  position:relative; margin-bottom: 30px;  }

.slideTxtBox .hd ul{ width: 100%; height:40px; text-align: center;   }

.slideTxtBox .hd ul li{ display: inline-block; padding:0 35px; background: #e8e8e8; border-right: 1px solid #ccc;}

.slideTxtBox .hd ul li a{ color: #831824;}

.slideTxtBox .hd ul li.on{ height:40px; color: #fff;  background:#eb5e0e; cursor:pointer; }

.slideTxtBox .hd ul li.on a{color: #fff;  background:#eb5e0e;}



.slideTxtBox .bd{ padding:0px; display: block; }

.slideTxtBox .bd ul{ padding:0px;  }

.slideTxtBox .tempWrap{ margin:0px;  }

.index_proul{ display: block; width: 100%;}

.index_proul li{width: 25%; float: left; overflow: hidden; border: 1px solid #f2f2f2;}

.index_proul li a{ display: block; position: relative; text-align: center;}

.index_proul li a .index_proul1{position: relative; width: 100%; overflow: hidden;}

.index_proul li a img{ width: 100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);height: 40vh;}

.index_proul li a:hover img{width: 100%; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}



.index_proul li a span{ width: 100%; height: 50px; line-height: 50px; display: block; position: absolute; bottom: -100px; left: 0px;background:rgba(0, 0, 0, .5); color: #fff;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

.index_proul li a:hover span{ width: 100%; height: 50px; line-height: 50px; display: block; position: absolute; bottom: 0px; left: 0px;background:rgba(0, 0, 0, .5); color: #fff;}

.index_proul li a h5{display: block; height: 45px; line-height: 45px; overflow: hidden; background: #f3f3f3;}

.index_proul li a:hover h5{display: block; height: 45px; line-height: 45px; overflow: hidden; background: #eb5e0e; color: #fff;}



/** index_about E **/

.index_about{ width: 100%; height: 750px; margin-bottom: 0px;}

.index_abm{position: relative; padding-top: 100px; color: #fff; width: 1170px; margin: 0px auto;}



.index_abm1{ width: 620px;}

.index_abm1h1{ width: 480px; font-size: 30px; line-height: 38px; font-weight: 400;}

.index_abimg{ padding-top: 30px; width: 71%;}

.index_abimg a{width: 23%; padding: 0px 0px 0px 0px; margin-right: 2%; overflow: hidden; float: left;}

.index_abimg a img{width: 100%;

-webkit-transition:all 1s; 

-moz-transition:all 1s; 

-o-transition:all 1s; }

.index_abimg a img:hover{

-webkit-transform:scale(1.1) rotate(0deg); 

-moz-transform:scale(1.1) rotate(0deg); 

-o-transform:scale(1.1) rotate(0deg);

}



.index_abm_tit{ position: absolute; top: 100px; right: 150px;}

.index_abm2{ width: 300px; height: 400px; color: #000; position: absolute; top: 267px; right: 0px; padding: 40px 20px 0px 20px; background-color:rgba(255,255,255,0.7); line-height: 24px; overflow: hidden;}



.index_abm2_more{ position: absolute; top: -55px; left: 35%;}

.index_abm2_more a{ background: #831824; width: 85px; height: 85px; line-height: 85px; text-align: center; font-size: 20px; display: block;}





/* 首页解决方案*/

.index_jiejue{ width: 100%; height: auto; margin-top: 0px; padding-bottom: 0px;}



.index_news{width: 100%;overflow: hidden;padding: 50px 0px;}

.index_newsny{width: 100%;overflow: hidden;padding: 20px 0px 50px 0px;}

.index_news1300{width: 100%;max-width: 1300px;overflow: hidden;margin: auto;}

.newsmore{width: 160px;height: 50px;line-height: 50px;font-size: 16px;text-align: center;background:#eb5e0e;color: #fff;display: block;margin: auto; transition: all 500ms;margin-top: 60px;}

.newsmore:hover{width: 200px;color: #fff;transition: all 500ms;}



.slideGroup{ width:100%;  text-align:left;margin-top: 35px;}

.slideGroup .parHd{ height:30px; line-height:30px;  padding:0 20px;   position:relative;  }

.slideGroup .parHd ul{  position:relative;  height:32px;text-align: center;   }

.slideGroup .parHd ul li{ display: inline-block;padding: 0px 20px;font-size: 18px;cursor: pointer;}

.slideGroup .parHd ul li.on{ color: #831824; }

.slideGroup .slideBox{width: 90%;margin: auto; overflow:visible; zoom:1; padding:0px;  }



.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0%; top:30%; display:block;font-size: 40px; }

.slideGroup .sPrev i,.slideGroup .sNext i{ font-size: 40px; }

.slideGroup .sNext{ left:auto; right:0%;   }



.slideGroup .parBd {margin-top: 35px;width: 100%;overflow: hidden;position: relative;}

.slideGroup .parBd ul{ overflow:hidden; zoom:1;}

.slideGroup .parBd ul li{ margin:0px; float:left; _display:inline; overflow:hidden;   width: 33.33%;text-align: center;}

.slideGroup .parBd ul li .pic{ text-align:center;width: 96%;margin: 0 2%; }

.slideGroup .parBd ul li .pic img{ width:100%; height:auto; display:block; margin: auto; }

.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }

.slideGroup .parBd ul li .title{text-align: left;padding:10px 20px;overflow: hidden;background: #fff;width: 96%;margin: 0 2%;transition: all 500ms; }

.slideGroup .parBd ul li .news_con{font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;width: 100%;margin-top: 0px;transition: all 500ms;}

.slideGroup .parBd ul li:hover .title{background:#831824;transition: all 500ms; }

.slideGroup .parBd ul li:hover .time,.slideGroup .parBd ul li:hover .news_con{color: #fff;transition: all 500ms;}

/*****/









/* 首页介绍品牌*/

.index_js{ width: 100%; max-width: 1170px; height: auto; margin: 30px auto;}

.index_js_tit{ text-align:center; padding: 20px 0px 50px 0px; background:url(../images/index_jsbg.jpg) no-repeat center bottom;}

.index_js_tit h3{ font-size: 36px;}

.index_js_tit span{ color: #831824;}

.index_js_tit em{ color: #999; font-size: 16px; font-style:normal;}



.index_js_m{ width: 100%; padding-top: 30px; padding-bottom: 30px;}

.index_js_m_l{ float: left; width: 50%; text-align: center;}

.index_js_m_r{ float: left; width: 50%; padding-top: 0px;}

.index_js_m_r1{font-size: 24px; color: #831824; padding-bottom: 10px;}

.index_js_m_r1 span{ font-size:60px; font-family:Impact, Charcoal, sans-serif; font-weight: bold; padding-right: 10px; color: #eb5e0e;}

.index_js_m_r2{color: #999; padding-bottom: 10px; font-size: 16px;}

.index_js_m_r2 p{ display: inline-block; width: 10px; height: 10px;  margin-right: 5px; border-radius: 50%;background-color: #831824;}







/* 首页客户介绍*/

.index_kh{ width: 100%; max-width: 100%; height: auto; padding: 40px 0px 80px 0px; margin: 30px auto;background:url(../images/kehubg.jpg) no-repeat center top;}

.index_kh_tit{ text-align:center; padding: 20px 0px 50px 0px;}

.index_kh_tit h3{ font-size: 36px; color: #fff;}

.index_kh_tit span{ color: #fff;}

.index_kh_tit em{ color: #fff;font-style:normal;}





.leftLoop{ width: 100%; max-width: 1170px; margin: 0px auto; overflow:hidden; position:relative; }

.leftLoop .bd{ padding:0px;   }

.leftLoop .bd ul{ overflow:hidden; zoom:1; }

.leftLoop .bd ul li{ text-align:center; float:left; _display:inline; overflow:hidden;  }

.index_khul li{ margin: 0px 0.3%; width: 16%;}

.index_khul li .title{  padding: 5px 10px; }

.index_khul li .title a{color: #fff;background:rgba(0, 0, 0, .2); display: block; }

.index_khul li .title a:hover{ background: #fff; color: #000;}

.index_khul li a img{ width: 100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

.index_khul li a:hover img{width: 100%; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}









/* 首页工厂*/

.index_gc{ width: 100%; max-width: 1170px; height: auto; min-height: 300px; margin: 30px auto 50px auto;}

.index_gc_l{float: left; width: 55%;}

.index_gc_r{float: left; width: 45%;}



.index_gcul li{ margin: 0px 10px; width: 33.333%;}

.index_gcul li .title{  padding: 5px 0px; }

.index_gcul li .title a{color: #fff;background:#eb5e0e; display: block; }

.index_gcul li .title a:hover{ background: #fff; color: #000;}

.index_gcul li a img{ width: 100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}

.index_gcul li a:hover img{width: 100%; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}



.index_gc_zi{font-size: 14px; margin-top: 15px;}



.index_gc_rm{width: 100%; padding: 0px 20px 0px 20px;}

.index_gc_rm img{width: 100%; margin-bottom:6px;}





/* 首页广告*/

.index_gg{ width: 100%; height: 200px; background: url(../images/gg_bg.jpg) no-repeat;}

.index_ggm{width: 100%; max-width: 1200px; margin: 0px auto; position: relative;}

.index_ggm1{ padding-top: 35px; color: #fff; font-size: 30px;font-weight: bold;}

.index_ggm2{ padding-top: 10px; padding-left: 30px; color: #fff; font-size: 22px; font-weight: bold;}

.index_ggm3{position: absolute; right: 80px; top: 50px; color: #fff; font-size: 36px; font-weight: bold;}
.index_ggm3 a{color: #fff;}






/* 首页新闻*/

.index_newsb{ width: 100%; max-width: 1200px; height: auto; margin: 50px auto;}

.index_newsb_l{ width: 32%; float: left;}

.index_newsb_c{ width: 32%; float: left; margin-left: 2%;}

.index_newsb_r{ width: 32%; float: right;}



.index_newsb_tit{ text-align:left; padding: 0px 0px 30px 0px; background:url(../images/index_jsbg.jpg) no-repeat center bottom; background-size: 100%; position: relative;}

.index_newsb_tit h3{ font-size: 22px;}

.index_newsb_tit span{ color: #831824;}

.index_newsb_tit em{ color: #999; font-size: 14px; font-style:normal;}

.index_newsb_tit a{ position: absolute; right: 10px; top: 33px; color: #999;}

.index_newsb_tit a:hover{ color: #eb5e0e;}



.index_newsbul{width: 100%;}

.index_newsbul li{width: 100%; overflow: hidden; height: 35px; line-height: 35px; color: #999; border-bottom: 1px dotted #ccc;}

.index_newsbul li p{ display: inline-block; float: left; width: 10px; height: 10px; margin-top: 12px;  margin-right: 10px; border-radius: 50%;background-color: #831824;}

.index_newsbul li a{display: block; float: left; width: 70%; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;color: #999;}

.index_newsbul li span{float: right;}

.index_newsbul li a:hover{ color: #831824;}





/* 首页底部*/

.index_foot{width: 100%; height:auto; min-height: 200px; overflow: hidden; background: #474646;}

.index_foot_1360{width: 100%; max-width: 1200px;  margin: 0px auto; padding: 60px 0px 0px 0px;}



.yqlj{ width: 100%; padding: 20px 0px 10px 0px;  color: #777777;}

.yqlj a{ padding: 0px 10px; display: inline-block;  color: #777777;}

.yqlj a:hover{ color: #0080ff;}

.yqlj1{ width: 100%; padding: 0px 0px 10px 0px;  color: #777777;}

.yqlj1 b{padding-right: 10px;}



.footer-menu { display: block; color: #fff; float: right; width:70%; padding-bottom: 30px;}

.footer-menu li {float: right; width:auto; color: #dbdbdb; text-align: left; padding-right: 50px; }

.footer-menu li dt {margin-bottom: 10px; font-size:14px; font-weight: 100; padding-bottom:0px;}

.footer-menu li dd {padding:0px;  margin: 0px; line-height: 25px;  }

.footer-menu li dd a {color: #9b9b9b; font-size: 12px;}

.footer-menu li dd a:hover { color: #eb5e0e;}



.foot_r{ height:auto; float:left;}



.left_phone{width: 100%;}

.left_phone .hr{width: 10%; height: 20px; border-top: 3px solid #fff;}

.left_phone img{width: 15%;}

.left_phone span{font-size: 20px;font-weight: 400;color: #fff;}

.left_phone p{font-size: 16px;color: #a7a7a7;}

.left_phone h2{font-size: 28px;font-weight: bold;color: #fff;}

.left_img{width: 100%;padding-top: 7%;}

.left_img ._img01{width: 80px;float: left; margin-right: 20px; }

.left_img ._img02{width: 80px;float: left; }

.left_img img{width: 100%;}

.left_img p{color: #fff;text-align: center;}



.copyright{ width: 100%;margin:0px auto; font-size:12px; background: #2d2f32; color: #777777; text-align: left; padding: 10px 0px 10px 0px; border-top: 1px solid #2c2c2c; position: relative;}

.copyright_1200{width: 100%; max-width: 1200px; margin: 0px auto;}
.copyright_1200 a{color: #5A5A5A;}

/**  首页底部 **/









/* 内容*/

.pag_main{ width: 100%; max-width: 1200px; height: auto; min-height: 850px; margin: 0px auto; position: relative;}

.pro_main{ width: 100%; max-width: 1200px; height: auto; min-height: 1050px; margin: 0px auto; position: relative;}

.pag_main_l{ float: left; width:280px; position: absolute; margin-top: -80px; z-index: 999; opacity: 0.95; color: #fff;}

.pag_main_r{ float: left; width: 100%; padding-left: 300px;}



.pag_main_lnav{ background: #2c2c2c; height:auto; padding-bottom: 5px; margin-bottom: 10px; width: 100%; border-radius:5px;}

.pag_main_lnav_tit{ padding:10px 0px 0px 30px;}

.pag_main_lnav_tit h3{ font-size: 26px;}

.pag_main_lnav_tit span{text-transform:Uppercase;}



.pag_main_lul{display: block; margin: 10px; background:rgba(255, 255, 255, .95); padding: 10px 0px;}

.pag_main_lul li{display: block; height: 40px; line-height: 40px;padding: 0px 10px;}

.pag_main_lul li a{display: block; padding-left: 10px; font-size: 16px; color: #333; border-bottom: 1px dotted #ccc;}

.pag_main_lul li a:hover{ background: #eb5e0e; color: #fff;}

.pag_main_lul li a.dq{ background: #eb5e0e; color: #fff;}



/* 多个上滚动 - 图片- 公用类 */

.topLoop{ overflow:hidden; position:relative; }

.topLoop .bd ul{display: block; margin: 10px; background:rgba(255, 255, 255, .95); padding: 10px 0px;}

.topLoop .bd ul li{display: block; height: 30px; line-height: 30px;padding: 0px 10px; display: block; overflow: hidden;}

.topLoop .bd ul li a{display: block; padding-left: 10px; font-size: 12px; color: #333; border-bottom: 1px dotted #ccc;}

.topLoop .bd ul li a:hover{ background: #831824; color: #fff;}

.topLoop .bd ul li.on{ background:#f00;  }

.topLoop .bd{ padding:10px;   }

.topLoop .bd ul{ overflow:hidden; zoom:1; }



.pag_main_lzx{display: block; margin: 10px; background:rgba(255, 255, 255, .95); padding: 10px 10px; line-height: 22px; color: #333;}



.pag_main_r_tit{ margin-top: 20px; height: 45px; padding-bottom: 0px; margin-bottom: 20px; font-size: 14px; border-bottom: 1px dotted #ccc;}

.pag_main_r_tit a{font-weight: bold; padding-left: 5px;}

.pag_main_r_tit1{ float: left;}

.pag_main_r_tit1 img{float: left;}

.pag_main_r_tit1 h2{float: left;display: inline-block; font-size: 18px; line-height: 20px; border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; margin-top: 10px; font-weight: 600;}

.pag_main_r_tit2{ float: right; line-height: 40px;}



.pag_main_r_about{width: 100%; height: auto; overflow: hidden; font-size: 14px; line-height: 24px; color: #333; padding-bottom: 30px;}









/* 内容新闻*/

.pagnews_list{ width:100%; display:block; position:relative; margin:0px 0px 20px 0px; border:1px solid #dddddd;}

.pagnews_listdate{ line-height:40px; height:40px; width:100%;background:#f8f8f8;color: #999; }

.pagnews_listdate div{display:inline-block; padding-left:20px; font-size:14px; }

.pagnews_listdate div i{ padding-right:10px;}

.pagnews_listdate a{color: #999;}

.pagnews_listdate a:hover{color: #000;}



.pagnews_list_main{ background:#FFFFFF; padding:10px 20px; position: relative;}

.pagnews_list_mainl{ float: left; width:300px; position: absolute;}

.pagnews_list_mainl img{width: 100%;}

.pagnews_list_mainr{ float: left; width: 100%; min-height:150px; padding-left: 330px;}

.pagnews_list_main h2{ font-size:16px;}

.pagnews_list_mainn{ font-size:12px; line-height:22px; height:44px; overflow:hidden; margin-top:10px; color: #999;}

a.pagnews_list_maina{ background:#dddddd; height:35px; line-height:35px; padding:0px 30px; display:inline-block; font-size:14px; margin-top:10px;}

a.pagnews_list_maina:hover{ background:#831824; color:#FFFFFF;}



/* 内容新闻内页*/

.pag_news_infom{ width: 100%; margin-top: 0px; background: #ffffff; padding: 0px 0px; height:auto; position: relative;}



.pag_news_info_tit{margin-bottom: 0px; height:auto; line-height: 30px; -webkit-box-shadow:0px 0px 15px #e1e1e1;  

  -moz-box-shadow:0px 0px 15px #e1e1e1;  

  box-shadow:0px 0px 15px #e1e1e1;color: #fff; padding: 0px 0px 0px 0px; }

.pag_news_info_titl{ padding:3px 0px 3px 10px; color: #fff; background: #eb5e0e; display: block; margin-bottom: 1px;}

.pag_news_info_titl a i{ padding-right: 10px;}

.pag_news_info_titl a{ color: #fff; padding-left: 10px;}

.pag_news_info_titl a:hover{ color: #000;}





.pag_news_infom_tit{ height: auto; font-size: 20px; width: 100%; text-align: left;}

.pag_news_infom_data{ font-size: 14px; padding: 10px 0px 0px 0px;text-align: left; color: #999;}



.pag_news_infomm{ width: 100%; height: auto; overflow: hidden; padding: 10px 0px; margin-top: 10px; border-top: 1px solid #ccc; color: #666;}



.news_more{ width: 100%; height: auto; overflow: hidden; background: #fff; padding: 20px 0px;border-top: 1px solid #ecf2f8;}

.news_more_tit{ font-size: 22px;}



.news_more ul{display: block; padding-top: 20px;}

.news_more ul li{ float: left; width: 50%; height: 35px; line-height: 35px; color: #999; font-size: 14px;}

.news_more ul li a{display: block; color: #333; border-bottom: 1px solid #ecf2f8; width: 100%; height: 35px; line-height: 35px; overflow: hidden;}

.news_more ul li a:hover{color: #831824; border-bottom: 1px solid #831824; }





/* 内容解决方案*/

.jiejue_box{ overflow:hidden; zoom:1;}

.jiejue_box li{ margin:0px 0px 20px 0px; float:left; _display:inline; overflow:hidden;   width: 33.33%;text-align: center;}

.jiejue_box li .pic{ text-align:center;width: 96%;margin: 0 2%;}

.jiejue_box li .pic img{ width:100%; height:auto; display:block; margin: auto; height: 20vh;}

.jiejue_box li .pic a:hover img{ border-color:#999;  }

.jiejue_box li .title{text-align: left;padding:10px 20px;overflow: hidden;background: #fff;width: 96%;margin: 0 2%;transition: all 500ms; }

.jiejue_box li .news_con{font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;width: 100%;margin-top: 0px;transition: all 500ms;text-align: center;}

.jiejue_box li:hover .title{background:#831824;transition: all 500ms; }

.jiejue_box li:hover .time,.jiejue_box li:hover .news_con{color: #fff;transition: all 500ms;}

/*****/



/* 内容产品列表*/

.pro_box{ overflow:hidden; zoom:1;}

.pro_box li{ margin:0px 0px 20px 0px; float:left; _display:inline; overflow:hidden;   width: 50%;text-align: center;}

.pro_box li .pic{ text-align:center;width: 96%;margin: 0 2%; }

.pro_box li .pic img{ width:100%; height:auto; display:block; margin: auto; }

.pro_box li .pic a:hover img{ border-color:#999;  }

.pro_box li .title{text-align: left;padding:10px 20px;overflow: hidden;background: #fff;width: 96%;margin: 0 2%;transition: all 500ms; }

.pro_box li .news_con{font-size: 16px;line-height: 30px;height: 30px;overflow: hidden;width: 100%;margin-top: 0px;transition: all 500ms;}

.pro_box li:hover .title{background:#831824;transition: all 500ms; }

.pro_box li:hover .time,.pro_box li:hover .news_con{color: #fff;transition: all 500ms;}

/*****/



.pro_main_lul{display: block; margin: 10px 10px; background:rgba(255, 255, 255, .95); padding: 5px 5px;}

.pro_main_lul li{display:inline-block; height: 30px; line-height: 30px;padding: 0px 0px; width: 50%;}

.pro_main_lul li:first-child{width: 100%;}

.pro_main_lul li:first-child a{font-size: 16px;}

.pro_main_lul li a{display: block; padding-left: 10px; font-size: 14px; color: #831824; border-bottom: 1px dotted #ccc;}

.pro_main_lul li a:hover{ background: #831824; color: #fff;}

.pro_main_lul li a.dq{ background: #2c2c2c; color: #fff;}

.pro_main_lul li a.dq1{ background: #57000a; color: #fff;}





.pro_info{width:100%; padding:0px 0px 20px 0px; overflow:hidden; border:1px solid #e8e8e8; margin: 10px 0px 0px 0px;}

	.pro_infoimg{ width:45%; height:auto; overflow:hidden; float:left;}

	.pro_infoimg img{ width:100%; height:100%;}

	.pro_info_rm{ width:55%; height:auto; float:right; padding-left: 30px;}

		.pro_info_rmh3{ border-bottom:1px dotted #CCCCCC; margin-bottom:5px; font-size:16px; color:#666; padding:10px 0px; font-weight:100; line-height:20px;}

		.pro_info_rmm{ padding-top:5px; color:#999; width:560px; padding-bottom:10px;}

.pro_info_x{ padding-top:30px; width:100%; overflow:hidden; margin-bottom: 30px;}



.slideTxtBoxx{ width:100%; border:1px solid #ddd; text-align:left;  }

.slideTxtBoxx .hd{ height:40px; line-height:40px; background:#f4f4f4; padding:0px; border-bottom:1px solid #ddd;  position:relative;  }

.slideTxtBoxx .hd ul{ float:left; position:absolute; left:0px; top:0px; height:32px;   }

.slideTxtBoxx .hd ul li{ float:left; padding:0 25px; font-size:14px;}

.slideTxtBoxx .hd ul li.on{ height:40px;  background:#831824; border:1px solid #ddd; border-top:2px solid #831824; border-bottom:0px; cursor:pointer; }

.slideTxtBoxx .hd ul li a{color: #333;}

.slideTxtBoxx .hd ul li.on a{color: #fff;}

.slideTxtBoxx .bd{ padding:15px;  }

.slideTxtBoxx .tempWrap{ margin:15px;  }

.infoList{ width:100%; margin:10px auto; overflow:hidden; height:auto;}



.index_ruhe_lx{ width:100%; float:left; color: #333; padding-top: 0px;}

.index_ruhe_lxh4 {font-size: 26px; font-weight: 100; margin-bottom: 20px;}





.image_container{width: 25%; float: left;}

.image_container a{width:60px;height:auto; display:block; float:left; -webkit-perspective: 600px;-moz-perspective: 600px;}

.image_container .pic2{position:absolute; top:0;left:0; z-index:-1;}

.image_container a .pic3{ padding-top: 10px; text-align: center;}

.image_container a .pic3 b{ display: block; font-size: 12px; font-weight: 100; color: #333;}

.image_container a .pic3 span{ color: #fff; display: block; font-weight: 100; background: #bbbbbb; height: 25px; line-height: 25px; margin-top: 0px; font-size: 12px;}

.image_container a:hover .pic3 b{ color: #831824;}

.image_container a:hover .pic3 span{background: #831824; color: #fff;}



.image_container a .pic1{

    -webkit-transform: rotateX(0deg) rotateY(0deg);

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    -moz-transform: rotateX(0deg) rotateY(0deg);

    -moz-transform-style: preserve-3d;

    -moz-backface-visibility: hidden;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.image_container a:hover .pic1{

    -webkit-transform:rotateY(180deg);

    -moz-transform:rotateY(180deg);

}



.image_container a .pic2{

    -webkit-transform: rotateY(-180deg);

    -webkit-transform-style: preserve-3d;

    -webkit-backface-visibility: hidden;

    -moz-transform: rotateY(-180deg);

    -moz-transform-style: preserve-3d;

    -moz-backface-visibility: hidden;

    -o-transition: all .4s ease-in-out;

    -ms-transition: all .4s ease-in-out;

    -moz-transition: all .4s ease-in-out;

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;/*z-index:10;

    position:absolute;*/

}



.image_container a:hover .pic2{

    -webkit-transform:rotateX(0deg) rotateY(0deg);

    -moz-transform:rotateX(0deg) rotate(0deg);

    z-index: 10;

    position: absolute;

}

/**  首页如何评价 **/





.dibangjg{padding: 10px 0px;}

.dibangjg a{padding: 0px 10px 0px 0px; width: 20%; display: inline-block; font-weight: bold;}









.menubox_phone{ width: 100%; display: none;}

.foot_phone{display: none;}

.pro_phone{ padding: 20px 0px 0px 0px; display: none;}

a.phone_nav{ color: #fff; float: right; padding-right: 10px; display: none;}









@media only screen and (max-width: 1480px) {}

































/*在线客服*/

@font-face {

	font-family: 'icomoon';

    src:url('../images/icomoon.eot?qradjf');

    src:url('../images/icomoon.eot?qradjf#iefix') format('embedded-opentype'),

        url('../images/icomoon.ttf?qradjf') format('truetype'),

        url('../images/icomoon.woff?qradjf') format('woff'),

        url('../images/icomoon.svg?qradjf#icomoon') format('svg');

    font-weight: normal;

    font-style: normal;

}

.demo-icon{

  font-family:"icomoon";

  font-style:normal;

  font-weight:normal;

  speak:none;

  display:inline-block;

  text-decoration:inherit;

  text-align:center;

  font-variant:normal;

  text-transform:none;

  font-size:24px;

  -webkit-font-smoothing:antialiased;

  -moz-osx-font-smoothing:grayscale;

  line-height:24px;

  color:#999; 

}



/*new right*/

.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:99999}

.cndns-right-meau{position:relative;}

.cndns-right-meau i{font-style: normal;}

.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}

.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}

.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#831824;position:absolute;left:-12px;top:-12px;}

.cndns-right-btn p{color:#831824;font-size:14px;line-height:18px;padding-top:5px;display:none;}

.cndns-right-meau:hover .cndns-right-btn span{display:none}

.cndns-right-meau:hover .cndns-right-btn p{display:block;}

.meau-car .cndns-right-btn {border-color:#831824;margin-bottom:20px;}

.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#831824}

.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}

.meau-car .cndns-right-btn span{color:#831824;}

.meau-sev .cndns-right-btn{border-color:#831824;background:url(../images/02index-banner-8.gif) no-repeat #831824 center;} 

.meau-sev .cndns-right-btn p{color:#fff}

.meau-sev .cndns-right-btn span{color:#fff}

.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}

.meau-top .cndns-right-btn i{display:block;color:#999}

.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#831824}

.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 

.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}

.cndns-right-box{position:absolute; top:-15px;right:48px;padding-right:25px;display:none;}

.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #831824;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}

.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}

.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}

.cndns-right-box .box-border .sev-t p{float:left; display: block; color:#831824;font-size:24px;line-height:28px;}

.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}

.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}

.cndns-right-box .box-border .sev-b h4{color:#666;font-size:12px;font-weight:normal;padding-bottom:15px;}

.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}

.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:12px;padding-left:41px;background:url(../images/q1.gif) no-repeat left 3px;line-height:36px;}

.cndns-right-box .box-border .sev-b li a:hover{color:#831824}

.meau-sev .cndns-right-box .box-border{width:430px;}

.meau-contact .cndns-right-box .box-border{width:230px;}

.cndns-right-meau:hover .cndns-right-box{display:block}

.meau-code .cndns-right-box{top:inherit;bottom:-35px;}

.meau-code .cndns-right-box .box-border{width:196px;text-align:center;border-top:1px solid #ccc;}

.meau-code .cndns-right-box .box-border i{display:block;color:#f66e06;font-size:16px;line-height:16px;}

.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}

.meau-sev .cndns-right-btn .demo-icon{display:none;}

.meau-sev:hover .cndns-right-btn{background:#831824}

.meau-zs .cndns-right-btn{background-color:#831824;color:#fff;margin-top:80px;border-color:#831824}

.meau-zs .cndns-right-btn span{color:#fff}

.meau-zs .cndns-right-btn p{color:#fff}



#share { padding-top: 5px;}

#share a {

  outline: none;

  float: left;

  margin: 6px 15px 6px 0;

  display: block;

  width: 30px;

  height: 33px;

}

#share .bds_sqq {

  width: 30px;

  height: 31px;

  background: url(../images/index_map.png) 0 -38px;

}

#share .bds_sqq:hover {

  background: url(../images/index_map.png) 0 -72px;

}

#share .bds_weixin {

  width: 30px;

  height: 31px;

  background: url(../images/index_map.png) -32px -38px;

}

#share .bds_weixin:hover {

  background: url(../images/index_map.png) -32px -72px;

}

#share .bds_tsina {

  width: 30px;

  height: 31px;

  background: url(../images/index_map.png) -64px -38px;

}

#share .bds_tsina:hover {

  background: url(../images/index_map.png) -64px -72px;

}

#share .bds_renren {

  width: 30px;

  height: 31px;

  background: url(../images/index_map.png) -96px -38px;

}

#share .bds_renren:hover {

  background: url(../images/index_map.png) -96px -72px;

}

#share .bds_douban {

  width: 31px;

  height: 31px;

  background: url(../images/index_map.png) -128px -38px;

}

#share .bds_douban:hover {

  background: url(../images/index_map.png) -128px -72px;

}

.bd_weixin_popup_foot {

  display: none;

}

.pro_phone_tit{
  display: none;
}