@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% '微软雅黑'; vertical-align:middle; outline-style:none;}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clearfix:both; overflow:hidden; display:block;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover{color:#1c9b96; text-decoration:none;}
img{border:none;}
.fl{float:left}
.fr{float:right}
.r{float:right}
::-webkit-scrollbar-track{background-color:#e8e8ea;}
::-webkit-scrollbar{ width:10px;}
::-webkit-scrollbar-thumb{background-color:#1c9b96;}
.wp{max-width:1200px;margin:auto;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both; overflow:hidden;}
@media screen and (max-width: 1280px) {
.wp{ width:98%}
}

.banner_pc{padding-top:80px;}
.banner_yd{display:none;}
.flexslider{position:relative;}
.flexslider .slides > li{display: none; }
.flexslider .slides img{width: 100%; display:block; border-radius:0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width:100%; text-align: center; position:absolute; bottom:20px;}
.flex-control-nav li {margin:0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:15px; height:15px; display: block; background:#fff; cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px;}
.flex-control-paging li a:hover{background:#fff;}
.flex-control-paging li a.flex-active{background:#1c9b96; cursor:default;}

.iframe{ height:50%;}
@media screen and (max-width: 1200px) {
.banner_pc{padding-top:50px;}
.iframe{ height:30%;}

}
@media screen and (max-width: 980px) {
.banner_pc{padding-top:50px;}
.banner_ny{ padding-top:50px;}
.banner_ny .pic_yi{ display:none;}
.banner_ny .pic_er{ display:block;}
}
@media screen and (max-width: 720px) {
.banner_pc{ display:none;}
.banner_yd{ display:block; padding-top:50px;}
}


.sy-title{ text-align:center; padding-top:60px;}
.title_txt {font-weight: 600;letter-spacing: 4px;font-size: 36px;}
.title_hr {height: 1px;background: #fff;border: none;border-top: 1px solid #1c9b96;border-bottom: 1px solid #1c9b96;margin: 10px auto;width: 60px;}
@media screen and (max-width: 480px) {
.sy-title{ padding-top:30px;}
.title_txt{ font-size:24px;}
}


/*服务*/
.service{ padding-bottom:60px; padding-top:20px; overflow:hidden;}
.service ul li{width:25%;float:left;border-right:1px solid #ebecee;border-bottom:1px solid #ebecee;height:220px;text-align:center;box-sizing:border-box;padding:20px 2% 0 2%;}
.service ul li img{transition:all ease-in-out 500ms;  -webkit-transition:all ease-in-out 500ms;}
.service ul li h1{ text-align:center; font-size:18px; color:#303131; text-transform:uppercase; margin-top:23px;transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms;}
.service ul li p{ font-size:12px; width:100%; padding-top:10px;color:#b3b3b5; font-family:arial; line-height:18px;transition:all ease-in-out 300ms;  -webkit-transition:all ease-in-out 300ms;}
.service ul li:hover img{ margin-top:-5px;  transform:rotateY(180deg) scale(0.8);}
.service ul li:hover h1{ margin-top:10px;}
.service ul li:hover p{ margin-top:0px;}
.service ul li:nth-of-type(5){ border-bottom: none;}
.service ul li:nth-of-type(6){ border-bottom: none;}
.service ul li:nth-of-type(7){ border-bottom: none;}
.service ul li:nth-of-type(8){ border-bottom: none;}
.service ul li:nth-child(4n){ border-right:0;}
@media screen and (max-width: 1200px) {
.service ul li{width:50%;}
.service ul li:nth-child(2n){ border-right:0; padding-right:0;}
.service ul li:nth-of-type(5){ border-bottom: 1px solid #ebecee;}
.service ul li:nth-of-type(6){ border-bottom: 1px solid #ebecee;}
}
@media screen and (max-width: 480px) {
.service ul li h1{ margin-top:10px;}
.service{ padding-bottom:30px;padding-top:10px;}
}


.i_case{ overflow:hidden; /*background:#F4F7F9; */padding-bottom:3%;}
.i_case .i_case_con{overflow:hidden; width:100%; margin:0 auto;text-align:center;}
.i_case_t label{color:#fffefe; font-size:14px; text-transform:uppercase; font-family:Arial; line-height:26px; letter-spacing:4px;}
.i_case .i_case_con .i_cast_a{overflow:hidden; padding-top:1.2%;}
.i_case .i_case_con .i_cast_a a{display:inline-block; height:30px; line-height:30px; border:1px solid #999999; width:160px; font-size:14px; color:#666; border-radius:20px; margin-left:0.5%; margin-right:0.5%; margin-bottom:2%;}
.i_case .i_case_con .i_cast_a a:hover{background-color:#1c9b96; border:1px solid #1c9b96; color:#fff;}
.i_case .i_case_con .i_cast_a a.csel{ background-color:#1c9b96; border:1px solid #1c9b96;color:#fff;}
.i_case .i_case_con .i_case_ul_div{ display:none;}
.i_case .i_case_con ul li{width:32.3%; float:left; margin-left:0.5%; margin-right:0.5%; overflow:hidden; margin-bottom:1%; border:1px solid #eee; box-sizing:border-box;}
.i_case .i_case_con ul li .portfolio-img{ position:relative; overflow:hidden;}
.i_case .i_case_con ul li .portfolio-img h2{ font-weight:normal; font-size:20px; color:#fff; position:absolute;width:100%; top:35%; left:0; line-height:30px;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_case .i_case_con ul li .portfolio-img img{ width:100%; display:block;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_case .i_case_con ul li .portfolio-img p{ position:absolute; width:100%; height:100%;background-color:#1c9b96; top:0; left:0;filter: Alpha(Opacity=0);/*IE7 fix*/opacity: 0;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_case .i_case_con ul li .portfolio-img p .icon-zoom2{display: block;width: 100%;height: 100%;position: absolute; top: 0; left: 0;background: url(../images/i_case_bg3.png) no-repeat center 60%;}
.i_case .i_case_con ul li:hover .portfolio-img p{filter: Alpha(Opacity=90);/*IE7 fix*/opacity: 0.9;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.i_case .i_case_con ul li:hover .portfolio-img h2{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.i_case .i_case_con ul li:hover .portfolio-img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

@media screen and (max-width: 1440px) {
.i_case .i_case_con ul li .portfolio-img h2{ font-size:15px; top:30%;}
.i_case .i_case_con ul li .portfolio-img p .icon-zoom2{ background-size:24px 24px;}
.i_news ul li{ width:33.333%; padding-bottom:4%;}
}
@media screen and (max-width: 1000px) {
.i_case .i_case_con ul li .portfolio-img h2{ font-size:13px; top:30%;}
}
@media screen and (max-width: 780px) {
.i_case .i_case_con .i_case_ul{ padding-top:3%; overflow:hidden;}
.i_case .i_case_con ul li{ width:48%; margin-left:1%; margin-right:1%; margin-bottom:2%;}
}
@media screen and (max-width: 640px) {
.i_case_t h2{ font-size:24px;}
.i_case .i_case_con .i_cast_a{ padding-top:4%;}
.i_case .i_case_con .i_cast_a a{ font-size:13px;}
}


/*==============关于我们=====================*/
.sy_about{ padding-bottom:60px;}
.about-txt{ border-bottom:1px dotted #ccc; margin-bottom:20px; padding-bottom:30px;}
.about-txt p{ font-size:15px; line-height:24px; color:#666; text-align:center; padding-bottom:10px;}
.s_more{  font-size: 16px; color: #fff;  margin:20px auto 0 auto;display: block; height: 40px; line-height: 40px;  background: #1c9b96;  width: 140px;  border-radius: 3px; text-align: center;}
.s_more:hover{ border-radius: 3px; background: #00A59E; color: #fff; box-shadow: 0 0 16px #fff;}

.honor{ padding-top:20px;}
.honor li{ width:23.5%; float:left; margin-right:2%;}
.honor li:nth-child(4n){ margin-right:0;}
.honor li img{ width:100%; border:1px solid #dbdbdb;}

@media screen and (max-width: 780px) {
.sy_about{ padding-bottom:30px;}
.about-txt{ width:94%; margin:0 auto;}
.about-txt p{ text-align:left;}
.s_more{ margin-top:10px;}
.honor{width:94%; margin:0 auto;}
}

/**************************新闻**************************/
.sy-news{ width:100%; background:#F4F7F9; padding:0px 0 50px 0;}
/*==============新闻列表=====================*/
#n_news {}
#n_news ul{ margin:-5px; overflow:hidden; }
#n_news li{ width:30.8%; position:relative; display:block; overflow:hidden; background:#fff; float:left; margin:2% 1.2%; padding-bottom:40px;}
#n_news li a{ display:block;}
#n_news li .pic_box{overflow:hidden; position:relative; width:100%;}
#n_news li .pic_box img{display:block; transition: all 0.5s; width:100%; border:0;}
#n_news li .pic_box:hover img{transform:scale(1.1);}
#n_news li .pic_box img{ width:100%;}

#n_news li .text_box{ position:relative; padding:25px; }
#n_news li h1 a{overflow:hidden; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;  color:#555555; font-size:18px; font-weight:bold;  display:block; }
#n_news li p{ font-size:14px; line-height:24px; margin-top:20px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#n_news li span{ margin-top:2px; display:block; font-size:12px; color:#5c5c5d;}
#n_news .fot_box{ position:relative; height:12px; line-height:14px; padding:0 25px;}
#n_news .fot_box span{color:#a1a1a1; font-size:14px; }
#n_news .fot_box a{ display:block;  color:#a1a1a1; font-size:14px; position:absolute; right:25px; top:0; background:url(../images/icon_more_jt.png) right center no-repeat; padding-right:30px;}
#n_news li:hover{  box-shadow:0 0 20px #ccc;  }
#n_news li:hover h1 a{ color:#1c9b96; }
#n_news li:hover p{ }
#n_news li:hover .fot_box a{ background:url(../images/icon_more_jt_hover.png) right center no-repeat; color:#1c9b96;}
#n_news li:hover .fot_box span{ }
#n_news li a:hover{ text-decoration:underline; }


#n_news h2{ text-align:center;color:#555; margin-top:50px;}

#n_news * { -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; } 


@media (max-width:1200px) {
#n_news li{ width:46%;}
#n_news2 li{ width:46%;}
}
@media (max-width:920px) {
#n_news li{ width:44%;}
#n_news2 li{ width:44%;}
}
@media (max-width:800px) {
#n_news li{ width:98%; padding-bottom:30px;}
#n_news ul{ margin:0;}
#n_news2 li{ width:98%; }
#n_news2 ul{ margin:0;}
.sy-news{ width:100%; padding:0px 0 20px 0;}
#n_news li .text_box{ position:relative; padding:15px; }
#n_news .fot_box{  padding:0 15px;}
#n_news li p{ margin-top:10px;}
}