@charset "utf-8";
/* CSS Document */
#banner { position: relative; }
#banner .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 40px; height: 40px; margin-top: -20px; transition: all 0.3s linear; opacity: 0; filter: alpha(opacity=0); }
#banner .owl-theme .owl-controls .owl-nav .owl-prev { left: -100px; background: url('../images/bl.png') no-repeat center center; }
#banner .owl-theme .owl-controls .owl-nav .owl-next { right: -100px; background: url('../images/br.png') no-repeat center center; }
#banner .owl-theme .owl-dots { position: absolute; left: 0; bottom: 10px; text-align: center; width: 100%; }
#banner .owl-theme .owl-dots .owl-dot { width: 15px; height: 15px; margin: 5px; }
#banner .owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; border: 2px solid #fff; background: none; }
#banner .owl-theme .owl-dots .active span { background: #fff; }

.section { }
.Title h2 { font-size: 24px; color: #325591; line-height: 30px; }
.Title .cn { margin-right: 10px;     color: #325591;}
.Title .en { text-transform: uppercase; font-size: 24px; color: #cfcfcf; }

/****** Product ******/
.Pro-Tab-Tit { box-shadow: 1px 1px 6px #aaa; margin-bottom: 25px; }
.Pro-Tab-Tit li { float: left; width: 20%; text-align: center;
 width: 16.66%;}
.Pro-Tab-Tit a { display: block; padding: 15px 0px; display: block; font-size: 16px; color: #000; line-height: 40px; transition: all 0.3s ease-out; 
font-size: 12px;}
.Pro-Tab-Tit .Icon { width: 30px; height: 28px; display: inline-block; overflow: hidden; position: relative; margin-right: 5px; top: 8px; }
.Pro-Tab-Tit .Icon img { position: absolute; top: 0; left: 0; width: 30px; height: 56px; transition: ease-in; }
.Pro-Tab-Tit li.cur a { background: #325591; color: #fff; }
.Pro-Tab-Tit li.cur .Icon img { top: -28px; }
.Pro-Tab-conten .Pro-Box { margin: 0 -12px; }
.Pro-Box li { /*float: left; width: 25%;*/ height: auto; }
.Pro-Box .Item { margin: 20px 12px; border: 1px solid #e5e5e5; }
.Pro-Box .Item .pic { overflow: hidden; }
.Pro-Box .Item .pic img { transition: all 0.3s ease-out; width: 100%; }
.Pro-Box .Item .Intro { padding: 20px; text-align: center; }
.Pro-Box .Item h3 { font-size: 14px; color: #333; line-height: 20px; margin-bottom: 10px; font-weight: 500; height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Pro-Box .Item p { font-size: 12px; color: #999; line-height: 22px; overflow: hidden; text-overflow: ellipsis; height: 44px; }
.Pro-Box .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top:50%; width: 40px; height: 40px; margin-top: -20px; transition: all 0.3s linear; /*opacity: 0; filter: alpha(opacity=0);*/ z-index: 90; }
.Pro-Box .owl-theme .owl-controls .owl-nav .owl-prev { left: -50px; background: url('../images/icon_left01.png') no-repeat center center; background-size: 80%; }
.Pro-Box .owl-theme .owl-controls .owl-nav .owl-next { right: -50px; background: url('../images/icon_right01.png') no-repeat center center; background-size: 80%; }
.Pro-Box .owl-theme .owl-dots { margin-bottom: 30px; }
.Pro-Box .owl-theme .owl-dots .owl-dot { padding: 5px; margin: 5px; }
.Pro-Box .owl-theme .owl-dots .owl-dot span { border: 1px solid #000; background: none; margin: 0; width: 6px; height: 6px; }
.Pro-Box .owl-theme .owl-dots .active { border: 1px solid #000; border-radius: 100%; }
.Pro-Box .owl-theme .owl-dots .active span { background: #000; }
#Nowl{ margin-top: 77px;margin-top:0;}
/****** Case ******/
#Case { 
	background-image: url('../images/casebg.jpg'); 
	background-attachment: fixed; background-repeat: no-repeat;
	background-position:  center; height: 580px; padding: 60px 0; }
	
.Case-Title { margin-bottom: 30px; }
.Case-Title h2 { color: #fff; font-size: 24px; line-height: 30px; }
.Case-Title h2 .en { text-transform: uppercase; opacity: 0.3; filter: alpha(opacity=30); }
.Case-Tab-Tit li { color: #fff; float: left; }
.Case-Tab-Tit li a { color: #fff; font-size: 14px; line-height: 30px; padding: 0 15px; margin: 0 5px; border-radius: 20px; display: block; }
.Case-Tab-Tit li.cur a { border: 1px solid #fff; }
.Case-Box { margin: 0 -10px; }
.Case-Box .left { float: left; width: 50%; }
.Case-Box .right { float: right; width: 50%; }
.Case-Box li { float: left; width: 50%; }
.Case-Box .Item { position: relative; margin: 10px; }
.Case-Box .Item .pic { overflow: hidden; }
.Case-Box .Item .pic img { width: 100%; transition: all 0.3s ease-out; }
.Case-Box .Item h3 { position: absolute; left: 0; bottom: 0; width: 100%; font-size: 14px; color: #fff; line-height: 50px; font-weight: 500; text-align: center; background-image: url('../testimg/hsbg01.png'); transition: all 0.3s ease-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.Case-Box1>ul{margin-top: 5%;}
.Case-Box1>ul>li{margin-bottom: 60px;width: 50%;display: inline-block;padding-right: 30px;padding-left: 10px;}
.Case-Box1>ul>li:nth-child(2n){padding-left: 30px;padding-right: 10px;}
.Case-Box1>ul>li .libox{font-size: 0;width: 100%;}
.Case-Box1>ul>li .pic{display: inline-block;width: 15%;vertical-align: text-bottom;}
.Case-Box1>ul>li .pic img{max-width: 100%;}
.Case-Box1>ul>li .con{display: inline-block;width: 85%;padding: 0 20px;}
.Case-Box1>ul>li h3{color: #fff;font-size: 20px;font-weight: bold;padding-bottom: 10px;margin-bottom: 5px;border-bottom: 1px solid rgba(245,245,245,0.12);}
.Case-Box1>ul>li p{color: #fff;font-size: 16px;opacity: 0.7;line-height: 26px;}



/****** Aboutus ******/
#Aboutus { background: #f9f9f9; padding-top: 50px; padding-top: 0px;padding-bottom: 30px; }
#Aboutus .left ,#Aboutus .right{ margin-top: 30px;}
#Aboutus .left { width: 49%; float: left;}
#Aboutus .right { float: right; width: 49%;}
#Aboutus .right .aboout-pic{ margin-top: 104px;margin-top: 20px;  }
.Aboout-Title h2 { position: relative; padding-bottom: 20px; margin-bottom: 20px; }
.Aboout-Title h2 .en { font-size: 45px; color: #000; opacity: 0.3; filter: alpha(opacity=30); display: block; line-height: 50px; }
.Aboout-Title h2 .cn { font-size: 24px; color: #325591; line-height: 40px; display: block; }
.Aboout-Title h2 .line { position: absolute; left: 0; bottom: 0; width: 118px; height: 3px; display: block; background: #325591; }
.Aboout-text .text { font-size: 14px; color: #666; line-height: 26px; }
.Aboout-text .More { background: #fff; font-size: 14px; color: #666; border: 1px solid #ececec; border-radius: 20px; display: inline-block; line-height: 40px; padding: 0 30px; margin-top: 25px; }
.Aboout-text .More i { font-family: "SimSun"; margin-left: 10px; }

/****** Honor ******/
#Honor { background: #f9f9f9; padding-bottom: 25px; padding-top: 25px;}
.Honor-Title { }
.Honor { margin: 15px -12px; }
.Honor li { /*float: left; width: 25%;*/ }
.Honor .Item { background: #fff; margin: 12px; text-align: center; padding: 20px 0; border: 1px solid #ececec; transition: all 0.3s ease-out; }
.Honor .Item .pic { margin: 0 25px; overflow: hidden; }
.Honor .Item h3 { font-size: 13px; color: #333; margin-top: 10px; font-weight: 500; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Honor .owl-theme .owl-controls .owl-nav { position: absolute; right: 7px; top: -50px; }
.Honor .owl-theme .owl-controls .owl-nav [class*=owl-] { width: 30px; height: 30px; border: 1px solid #e9e9e9; transition: all 0.3s ease-out; }
.Honor .owl-theme .owl-controls .owl-nav .owl-prev { background: #fff url('../images/left.png') no-repeat center center; }
.Honor .owl-theme .owl-controls .owl-nav .owl-next { background: #fff url('../images/right.png') no-repeat center center; }


/****** hangye ******/
.hagnyemain{position: relative;    margin: 20px 0;}
.hagnye{margin-bottom: 20px;}
.news-item{overflow: hidden;position: relative;}
.news-item:before{content: '';border: 1px solid rgba(255,255,255,0.25);position: absolute;left: 50%;top: 50%; width: 85%; height: 85%;transform: translate(-50%, -50%); border-radius: 20px 20px 0 0;opacity: 0;}
.news-item:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.2);}
.news-item .txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(255,255,255,0.25);border-radius: 20px 20px 0 0;    text-align: center;width: 70%;padding: 40px 20px;z-index: 1;}
.news-item .txt p{display: none;}
.news-item img{ width: 100%;}
.news-item h3{ font-size: 18px;color: #fff;position: relative;margin-bottom: 20px;padding-bottom: 10px;    display: inline-block;}
.news-item h3:before{content: '';position: absolute;left: 50%;margin-left: -12px;bottom: 0;width: 24px; height: 1px;background: #fff;}
.news-item p{font-size: 14px;color: #fff;margin-bottom: 0;}
.news-item:hover .txt{background: transparent;}
.news-item:hover .txt p{display: block;}
.news-item:hover:before{opacity: 1;}
.hagnyemain  .owl-nav { position: absolute; right: 7px; top: 0; }
.hagnyemain  .owl-nav [class*=owl-] { width: 30px; height: 30px; border: 1px solid #e9e9e9; transition: all 0.3s ease-out; }
.hagnyemain  .owl-nav .owl-prev { background: #fff url('../images/left.png') no-repeat center center;display: inline-block; margin-right: 10px;}
.hagnyemain  .owl-nav .owl-next { background: #fff url('../images/right.png') no-repeat center center; display: inline-block;}



/****** News ******/
#News { padding-top: 30px; background: url('../images/newsbg.jpg') no-repeat center bottom; padding-bottom: 40px; }
#News .News-title { margin-bottom: 30px; }
.News-title .fl { float: left; width: 60%; }
.News-title .fr { float: right; width: 20%; text-align: right; }
.News-title .More { background: #fff; font-size: 14px; color: #666; border: 1px solid #ececec; border-radius: 20px; display: inline-block; line-height: 30px; padding: 0 20px; }
.News-title .More i { font-family: "SimSun"; margin-left: 10px; }
#News .left { float: left; width: 49%; }
#News .right { float: right; width: 49%; }
.News-owl { overflow: hidden; }
.News-owl .Item { position: relative; }
.News-owl .Item h3 { position: absolute; left: 0; bottom: 0; background-image: url('../images/hsbg01.png'); padding: 10px 20px; font-size: 14px; color: #fff; line-height: 20px; font-weight: 500; width: 100%; }
.News-owl .Item .date { font-size: 12px; color: #c1c1c1; line-height: 20px; display: block; }
.News-owl .owl-theme .owl-controls .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 30px; height: 30px; margin-top: -15px; border: 1px solid #e9e9e9; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s linear; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }
.News-owl .owl-theme .owl-controls .owl-nav .owl-prev { left: -50px; background: #fff url('../images/left.png') no-repeat center center; }
.News-owl .owl-theme .owl-controls .owl-nav .owl-next { right: -50px; background: #fff url('../images/right.png') no-repeat center center; }
.News-owl .owl-theme .owl-dots { position: absolute; right: 20px; bottom: 15px; }
.News-owl .owl-theme .owl-dots .owl-dot span { margin: 3px; background: none; border: 1px solid #fff; }
.News-owl .owl-theme .owl-dots .active span { background: #fff; }
.Newslist .Item { position: relative; padding: 10px 30px; background: #fff; margin-bottom: 20px; overflow: hidden; transition: all 0.3s linear; }
.Newslist .Item .Intro { float: left; width: 82%; }
.Newslist .Item .date { float: right; /*width: 10%;*/ text-align: left; }
.Newslist .Item .date span { display: block; font-size: 16px; color: #666; line-height: 36px; border-bottom: 1px solid #e3e3e3; }
.Newslist .Item .date strong { font-size: 16px; color: #666; line-height: 32px; }
.Newslist .Item h3 { font-size: 14px; color: #333; line-height: 28px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.Newslist .Item p { font-size: 12px; color: #666; line-height: 20px; height: 40px; overflow: hidden; text-overflow: ellipsis; }

/****** Partner ******/
#Partner { background: #fff; padding: 30px 0; }
.Par-Title { margin: 20px 0; }
.Parlist { height: 70px; }
.Parlist .swiper-slide a { margin-right: 50px; width: 160px; display: block; text-align: center; }



@media (min-width: 1200px) {
    #banner .owl-theme:hover .owl-controls .owl-nav .owl-prev { left: 10px; opacity: 1; filter: alpha(opacity=100); }
    #banner .owl-theme:hover .owl-controls .owl-nav .owl-next { right: 10px; opacity: 1; filter: alpha(opacity=100); }
    .Pro-Box .owl-theme .owl-controls .owl-nav .owl-prev:hover { background-image: url('../images/icon_left02.png'); }
    .Pro-Box .owl-theme .owl-controls .owl-nav .owl-next:hover { background-image: url('../images/icon_right02.png'); }
    .Pro-Box .Item:hover .pic img { transform: scale(1.1); }
    .Pro-Box .Item:hover h3 { color: #325591; }
    .Case-Box .Item:hover .pic img { transform: scale(1.1); }
    .Case-Box .Item:hover h3 { line-height: 40px; }
    .Newslist .Item:hover { box-shadow: 1px 1px 5px #999; }
    .Newslist .Item:hover h3 { color: #325591; }
    .News-owl .owl-theme:hover .owl-controls .owl-nav .owl-prev { left: 0; opacity: 1; filter: alpha(opacity=100); }
    .News-owl .owl-theme:hover .owl-controls .owl-nav .owl-next { right: 0; opacity: 1; filter: alpha(opacity=100); }
    .Aboout-text .More:hover { color: #063e91; border-color: #063e91; }
    .News-title .More:hover { color: #063e91; border-color: #063e91; }
    .Honor .Item:hover { box-shadow: 1px 1px 5px #888; }
    .Honor .Item:hover h3 { color: #325591; }
    .Honor .owl-theme .owl-controls .owl-nav [class*=owl-]:hover { box-shadow: 1px 1px 5px #888; }
}

@media (max-width: 1360px) {
    #banner .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; }
    .Pro-Tab-Tit a { font-size: 14px; padding: 10px 0; }
    .Pro-Tab-conten .Pro-Box { margin: 0 -6px; }
    .Pro-Box .Item { margin: 10px 6px; }
    .Pro-Box .owl-theme .owl-controls .owl-nav .owl-prev { left: -30px; }
    .Pro-Box .owl-theme .owl-controls .owl-nav .owl-next { right: -30px; }
    #Case { height: auto; }
    .Case-Title { margin-bottom: 20px; }
    .Title h2 { font-size: 20px; }
    .Title .en { font-size: 20px; }
    .Aboout-Title h2 .en { font-size: 30px; line-height: 40px; }
    .Aboout-Title h2 .cn { font-size: 20px; }
    #News .News-title { margin-bottom: 20px; }
    .Newslist .Item { padding: 10px 15px; margin-bottom: 10px; }
    #Partner { padding: 20px 0; }
    .Honor { margin: 6px -6px; }
    .Honor .Item { margin: 6px; }
}

@media (max-width: 1200px) {
}

@media (max-width: 1025px) {
    .Title h2 { font-size: 18px; }
    .Title .en { font-size: 18px; }
    .Pro-Box .owl-theme .owl-controls .owl-nav [class*=owl-] { display: none !important; }
    #Case { background-position: 0 center; padding: 40px 0; }
    .Case-Box { margin: 0 -5px; }
    .Case-Box .Item { margin: 5px; }
    .Case-Tab-Tit li a { padding: 0 10px; line-height: 26px; font-size: 12px; }
    .Aboout-Title h2 { padding-bottom: 10px; margin-bottom: 10px; }
    .Newslist .Item .date { width: 15%; }
    .Parlist .swiper-slide a { width: auto; margin-right: 20px; }
	
	.news-item .txt{width:80%;}
	.news-item h3{font-size: 16px;}
	.Case-Box1>ul>li h3{font-size: 18px;}
	.Case-Box1>ul>li .pic{width: 20%;}
	.Case-Box1>ul>li .con{width: 80%;}
	
	.Pro-Tab-Tit .Icon{margin-right: 0px;}
}

@media (max-width: 991px) {
	.Case-Box1 > ul { margin-top: 4%;}
	.Case-Box1>ul>li{width: 100%;    margin-bottom: 20px;padding: 0;}
	.Case-Box1>ul>li:nth-child(2n){padding: 0;}
	.Case-Box1>ul>li .pic{text-align: right;    vertical-align: top;}
	
	.Pro-Tab-Tit .Icon{display: none;}
}

@media (max-width: 768px) {
    #Case { padding: 30px 0 0 0;
	 background-attachment: inherit;background-position: top 0px center;
	 }
    .Case-Box .left { width: 100%; float: none; }
    .Case-Box .right { width: 100%; float: none; }
    .Aboout-Title h2 .en { font-size: 26px; line-height: 30px; }
    .Aboout-Title h2 .cn { font-size: 18px; line-height: 30px; }
    /* #Aboutus { padding-top: 20px; } */
    #Aboutus .left { width: 100%; float: none; }
    #Aboutus .right { width: auto; float: none; }
    #Aboutus .aboout-pic img { float: right; width: 50%; margin-left: 10px; }
    .Aboout-text .More { margin-top: 10px; }
    .News-title .fr { width: auto; }
    #News { padding: 30px 0; }
    #News .left { width: 100%; float: none; margin-bottom: 10px; }
    #News .right { width:100%;float: none;  }
    .News-owl .Item h3 { padding: 10px; }
    .News-owl .owl-theme .owl-dots { bottom: 5px; right: 10px; }
    .Aboout-text .More { line-height: 30px; padding: 0 20px; }
    .Honor .owl-theme .owl-controls .owl-nav { top: -40px; }
    #Honor { padding-bottom: 15px; padding-top: 15px; }
    #Partner { padding: 10px 0; }
	
	.Case-Box1>ul>li h3{font-size: 16px;}
	.Case-Box1>ul>li p{font-size: 14px;}
	.Pro-Tab-Tit .Icon{display: block;top: 50%;left: 50%;margin-left: -15px;}
	.Pro-Tab-Tit a>span.cn{display: none;}
}

@media (max-width: 640px) {
    .Title h2 { font-size: 16px; }
    .Title .en { font-size: 16px; }
    .Pro-Tab-Tit { margin-bottom: 20px; }
    .Pro-Tab-Tit a { font-size: 12px; padding:5px 0; }
    .Pro-Box .owl-theme .owl-dots { margin-bottom: 20px; }
    .Case-Title .fl { width: 100%; margin-bottom: 10px; }
    .Case-Tab-Tit li a { margin: 0; }
    #Aboutus .aboout-pic img { margin-top: 15px; }
    #News { padding: 20px 0; }
    #News .News-title { margin-bottom: 10px; }
    .Par-Title { margin: 10px 0; }
	
	.news-item .txt{width: 90%;    padding: 20px;}
	.news-item p,.news-item:hover p{display: none;}
}

@media (max-width: 520px) {
    .Pro-Tab-Tit li .cn { display: none; }
}

@media (max-width: 420px) {
 .Pro-Tab-Tit a { font-size: 12px; padding:10px 0; }
}


/* 右侧qq */

.float_qq{ z-index:9; bottom:120px; right:0; position:fixed; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));
}
.float_qq li{ height:60px; position:relative; right:-4px; margin-bottom:1px;}
.float_qq li div{ width:60px; position:absolute;right:0;}
.float_qq a{ height:60px; line-height:60px; display:inline-block; *display:inline; *zoom:0; padding-left:60px; padding-right:4px; background-color:#000; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#fff; font-size:14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-transition:500ms; -moz-transition:500ms; -ms-transition:500ms; transition:500ms;}
.float_qq li:nth-child(1) a{ background-color:#325591;}
.float_qq li:nth-child(2) a{ background-color:#325591;}
.float_qq li:nth-child(3) a{ background-color:#325591;}
.float_qq li:nth-child(4) a{ background-color:#555344;}
.float_qq li:nth-child(5) a{ background-color:#555344;}
.float_qq a span{ display:inline-block; padding-right:14px;}
.float_qq i{ padding:18px; line-height:24px; display:inline-block; position:absolute; left:0;}
.float_qq a:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; background-color:#CC3341;}