@charset "utf-8";
/* CSS Document */
/* Css writer: www.pallong.com */
/* Css writer: QQ 97659484 */

html,body,div,dl,dt,dd,ol,ul,li,span,i,p,em,h,form,input,button,table,tr,td,img,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
body{ font-size:12px; line-height:2em; font-family:Helvetica,Arial,'Microsoft Yahei',sans-serif; color:#666; background:#fff;}
ul,li{ list-style:none;}
i,em,cite{font-style:normal;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
img,input{ border:none; vertical-align:middle}

a{ font-size:12px; line-height:2em; font-family:Helvetica,Arial,'Microsoft Yahei',sans-serif; text-decoration:none; color:#666666;
-ms-transition-duration: 0.3s; transition-duration: 0.3s;
}
a:hover{
	color: #00446a
}

.wrap{ width:1200px; margin:0 auto; word-wrap:break-word;}

.l{float:left;}.r{float:right;}.cl{clear:both;}

.green{color:#125d00;}
.blue{color:#985ea6;}



.bgcolor:before{ content:""; overflow:hidden; position:absolute; background-color:#ddd; right:0px; top:0; height:99px; width:1px;}


.bgcolor{ 

  -ms-transition-duration: 0.3s; transition-duration: 0.3s;
  
  -ms-transform: scale(1.1); transform: scale(1.1);
  
  filter:Alpha(opacity=0); opacity:0;

  background-color:rgba(244,128,0,0);
  
  background-position:50% 50%; background-repeat:no-repeat; background-size:cover; 
  
  position: absolute; left:0; right:0; top:0; bottom:0;

  overflow: hidden; text-overflow: ellipsis; white-space:nowrap;
  
  
  }

/*旗下产业*/
.home-title{
	text-align: center;
	padding-bottom: 30px;
}
.home-title p{  font-size:32px; line-height:30px; color:#333; padding-bottom:5px; letter-spacing:2px;text-align:center;}
.home-title h6{ font-size:16px; line-height:30px; color:#999; text-transform: uppercase;text-align:center;}


.home-industry-frame{
	padding: 90px 0;
	max-width: 1200px;
	margin: 0 auto;
}
.home-industry{
	padding: 20px 0;
	overflow: hidden;
}
.home-industry-list{ float:left; width:16.5%; height:600px; position:relative;}
.home-industry-list dl{ position: absolute;left:0; right:0; top:0; bottom:0; -moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.home-industry-list dl:hover{ box-shadow:0px 0px 30px rgba(0,0,0,.2);}
.home-industry-list dl dt{ position: absolute; left:0; right:0; top:0; bottom:0; z-index:4;}
.home-industry-list dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0;}
.home-industry-list dl dt em{ background-color:#00446a; position: absolute; left:0; right:0; top:0; bottom:0; z-index:1;-ms-transition-duration: 0.3s; transition-duration: 0.3s; filter:Alpha(opacity=60); opacity:.6;}
.home-industry-list dl:hover dt em{ background-color:#eec15d; filter:Alpha(opacity=90); opacity:.9;}
.home-industry-list dl dd{ position:absolute; left:15px; right:15px; top:50%; z-index:5; text-align:center;
}
.home-industry-list dl dd h3{
	font-weight: 100;
	font-size: 24px;
	line-height: 60px;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.home-industry-list dl dd p{ font-size:14px; line-height:70px; color:#fff; filter:Alpha(opacity=70); opacity:.7;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
.home-industry-list dl dd span{ height:2px; background-color:#fff; position:absolute; left:40%; right:40%; top:50%;}



/*about us*/
.ts-intro{
	padding: 128px 0;
}


.ts-intro .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}
/*.col-md-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 16.6666%;
}*/
.ts-intro .border-left {
    border-left: 2px solid #dee2e6 !important;}
.col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;}

.ts-intro h2 {
    color: #252a37;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, sans-serif;
    }
.ts-intro span {font-weight: 600;color: #252a37;font-size: 35px;
    line-height: 44px;}
.intro-details	p {
    font-family: 'Asap', sans-serif;
    font-size: 14px;
    line-height: 30px;}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;

}

.column-title{
	color: #252a37;
	font-size: 24px;
	 line-height: 44px

}
.ts-intro .btn-primary {
    margin-top: 15px;
}

.btn.btn-primary {
    background: #eec15d;
    
	color:#333333;}
.btn.btn-primary:hover {
    border: 2px solid #eec15d;
   background: none;
	color:#eec15d;}
.btn.btn-primary, .btn-dark, .btn-border, .btn-white {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 50px;
    line-height: 1.33;
    /*border-radius: 30px;*/
    border: 0;
    -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
    transition: color 400ms, background-color 400ms, border-color 400ms;
    transition: color 400ms, background-color 400ms, border-color 400ms;
	}

/*大方向平台*/
.content span{
	color:#eec15d;
	}

.light-background {
    background-color: #F6F6F6 !important;
	text-align:center;}
.padding-lg {
	padding: 108px 0 !important;
}
	.row.no-margin {
    margin-left: 0;
    margin-right: 0;
	}
.padding-leftright-null {
    padding-left: 0 !important;
    padding-right: 0 !important;}

.light-background  .col-md-4 {
    width: 19.3333337%;}

.light-background  .col-md-4{
    float: left;}
.content-section .text {
    padding: 50px 20px;
	}
.padding-top bottom-null {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
i.service {
    display: block;
    font-size: 52px;
    margin-bottom: 18px;
    transition: color .4s ease;

}
.light-background p{
	font-size: 30px;
	line-height: 58px;
	color: #666;
}
.tl{
	font-size:24px;
	line-height:58px;
	color:#101010;}
.fa {
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
[class~="color"] {
    color: #888888 !important;
}
.margin-bottom-extrasmall {
    margin-bottom: 9px !important;
}
.light-background h3 {
    font-size: 18px;
    line-height: 32px;
	color:#101010；}



.yb_conct a,img{border:0;}
.yb_conct a{text-decoration:none;color:#333;}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#eec15d;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#00446a url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#00446a url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#00446a url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#00446a url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#eec15d;font-size:16px;
line-height:53px;}


/* 产业 */

.product-banner{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.product-banner div.wrap{ height:500px; position:relative;}
.product-banner dl{ text-align:center; position:absolute; left:0; top:50%; right:0; color:#fff;}
.product-banner dl dt{ font-size:30px; line-height:60px;}
.product-banner dl dd{ font-size:16px; line-height:2em; padding-top:10px; word-wrap:break-word;}


.product-list{}
.product-list ul{ background-color:#fff;}
.product-list ul dl{}
.product-list ul dl dt{}
.product-list ul dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0;overflow:hidden;}

.product-list ul dl dd{ position:relative; padding-bottom:90px; color:#333; }
.product-list ul dl dd h2{ font-weight:500; font-size:34px; line-height:40px; padding-bottom:30px;}
.product-list ul dl dd p{ font-size:16px; line-height:2em; word-wrap:break-word;}

.product-list ul.even{}
.product-list ul.even dl{ width:1200px; margin:0 auto; position:relative; min-height:350px; padding:100px 0;}
.product-list ul.even dl dt{ width:540px; height:350px; position:absolute; left:660px; top:100px;}
.product-list ul.even dl dd{margin:0 600px 0 0; color:#333;}


.product-list ul.odd{ position:relative;}
.product-list ul.odd dl{position:relative; padding:100px 0;}
.product-list ul.odd dl dt{ position: absolute; left:0; right:0; top:0; bottom:0;}
.product-list ul.odd dl dd{ position:relative; width:600px; top:0; left:50%; color:#777;}


.product-list ul.odd dl dd .product-list-more a{ border:1px solid #777; color:#777;}
.product-list ul.odd dl dd .product-list-more a:hover{ color:#fff;}

.product-list-more{ text-align:center; position: absolute; left:0; bottom:0px; width:160px; overflow:hidden; display:inline-block;}
.product-list-more ul{ position:relative; width:160px; overflow:hidden; display:inline-block;}
.product-list-more a{ font-size:14px; line-height:44px; display:block; border:1px solid #000; position:relative; z-index:5}
.product-list-more span{ position:absolute; left:0; top:0; bottom:0; width:0; z-index:4; background-color:#985ea6}
.product-list-more a:hover{ border:1px solid #985ea6; color:#fff;}


.product-i-banner{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.product-i-banner div.wrap{ height:500px; position:relative;}
.product-banner-co{ text-align:center; position:absolute; left:0; top:50%; right:0; color:#333;}
.product-i-banner dl dt{ font-size:30px; line-height:60px;}
.product-i-banner dl dd{ font-size:16px; line-height:2em; padding-top:10px 20px; word-wrap:break-word;}

.tempus{ background-image:url(../images/tm-z-b.png); background-position:left top;}
.tempus dl{ width:1200px; margin:0 auto; position:relative; padding:60px 0;}
.tempus dl dt{ width:240px; height:240px; float:left; position:relative; z-index:5; background-image:url(../images/tm-radius-b.png); background-repeat:no-repeat; background-position:left top; text-align:center;}
.tempus dl dt img{ max-width:100%;}
.tempus dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; border-radius:120px; overflow:hidden;}

.tempus dl dd{ position:relative; height:100%; padding-left:300px; font-size:14px; line-height:2em; color:#fff; word-wrap:break-word;}


.tempus-title{ text-align:center; background-color:#f5f5f5;}
.tempus-title .wrap{ position:relative;}
.tempus-title h6{ font-size:30px; line-height:120px; color:#333;}
.pro-location{ font-size:12px; line-height:40px; color:#999; position:absolute; right:0; top:40px;}
.pro-location a{ display:inline-block; padding:0 1px;}
.pro-location span{ font-family:"5b8b4f53"; display:inline-block; padding:0 15px; color:#999;}

.product-i-list a:hover{color:#eec15d;}
.product-i-list ul{ background-color:#fff;}
.product-i-list ul dl{ width:1200px; margin:0 auto; position:relative; padding:60px 0;}
.product-i-list ul dl dt{ width:240px; height:240px; float:left; position:relative; z-index:5; background-image:url(../images/tm-radius-b.png); background-repeat:no-repeat; background-position:left top; text-align:center;}
.product-i-list ul dl dt img{ max-width:100%;}
.product-i-list ul dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position: absolute; left:0; right:0; top:0; bottom:0; border-radius:120px; overflow:hidden;}

.product-i-list ul dl dd{
	position: relative;
	height: 100%;
	padding-left: 300px;
	font-size: 14px;
	line-height: 3em;
	word-wrap: break-word;
}

.product-i-list ul:nth-child(even){background:#f9f9f9;}
.product-i-list ul:nth-child(even) dt{ background-image:url(../images/tm-radius-a.png); background-repeat:no-repeat; background-position:left top;}