﻿body{
    font-family:"Microsoft Yahei",Arial,sans-serif !important;
    padding: 0;
    margin:0 auto; 
    background:#b1e5fd !important;  
	font-size:14px;
}
ul{
	margin: 0 !important;
	padding: 0;
}
li{	list-style: none;}

.hidden{
	display: none;
}
a {	color: #333333;text-decoration: none;}
a:link,a:visited,a:active{text-decoration:none;}
a:hover{
	text-decoration:none !important;
	color: #0099ff;
}
.clearfloat{clear:both} 

.container-w {
	width: calc(100% - 30px);
  	margin-right: 15px;
	margin-left: 15px;
	background:#fff;
}
@media (min-width: 1946px) {
  .container-w {
	  margin:0px;
	  margin-right: auto;
	  margin-left: auto;
	  width: 1916px;
  }
}
/*导航菜单*/
.height25 {height: 25px; }
.navmenu { position: relative; height: 66px; width: 100%; z-index: 999;}
.navmenu .icon-img { position: absolute; right: 15px; top: 6px; width: 28px; display: none;}
.navmenu .icon-logo { position: absolute; left: 15px; top: 0px; width: 40px; display: none;}
/*.navmenu .icon-logo img {width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px;}*/
.navmenu ul { list-style: none; margin: 0;  padding: 0;  text-align: center; }
.navmenu ul li { height: 66px; width: 100px; text-align: center; display: inline-block; overflow: hidden;vertical-align: top; padding-top: 10px;}
.navmenu ul li:hover { cursor: pointer; }
.navmenu ul li a { text-decoration: none; color: #9ba7b4; font-size: 16px; }
.navmenu ul li span {font-size: 12px; height: 12px; line-height: 12px;}
.navmenu ul .actived { border-bottom: 3px solid #ade3fd;}
.navmenu ul .sitelogo {display: inline-block; }


 @media (max-width: 768px) {
	 .height25 {display: none;}
	 .navmenu {height: 40px; }
	 .navmenu .icon-img { display: inline;}
	 .navmenu .icon-logo { display: inline;}
     .navmenu ul { position: absolute; right: 0; text-align: right; top: 40px; display: none; background-color: #fff; margin-right: 15px; }
     .navmenu ul li { display: block; border: 1px solid #dadada; height: 40px; line-height: 40px; width: 120px; padding-top: 0px;}
     .navmenu ul li a { display: block; padding-bottom: 0; }
     .navmenu ul .actived { border-bottom: none; }
     .navmenu ul li a:hover { background-color: #6E6E6E; color: #fff; }
	 .navmenu ul li span {display: none;}
	 .navmenu ul .sitelogo {display: none;}
}
/*banner*/
.pccarousel {
	width: calc(100% - 30px);
  	margin-right: 15px;
	margin-left: 15px;
}
@media (min-width: 1946px) {
  .pccarousel {
	  margin:0px;
	  margin-right: auto;
	  margin-left: auto;
	  width: 1916px;
  }
}
.swiper-button-prev{top: auto; bottom: 10px; left: 50%; margin-left:-65px;}
.swiper-button-next{top: auto; bottom: 10px; right: 50%; margin-right:-65px;}
.swiper_sty_prev{width: 40px; height: 15px; background-size: contain; background-image:url("../images/prev.gif");}
.swiper_sty_next{width: 40px; height: 15px; background-size: contain; background-image:url("../images/next.gif");}
@media (max-width: 767px) {
	.swiper-button-prev {bottom: 4px; left: 50%; margin-left:-15px;}
	.swiper-button-next {bottom: 4px; right: 50%; margin-right:-15px;}
	.swiper_sty_prev{width: 8px; height: 3px;}
	.swiper_sty_next{width: 8px; height: 3px;}
}

.indexproje {width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 30px; color: #333333; background-image: url(../images/line.gif);background-size:100% 100%;-moz-background-size:100% 100%;}
.indexprosb {width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #333333; margin-top: 10px;}
.indexlinsb {width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #999999; margin-top: 10px;}
.indexlinsb a {font-size: 14px; color: #999999;}
.indexlinsb a:hover {color: #0099ff;}
/*minigrid*/
.gid_cards {position: relative;margin: 0 auto;width: 100%; }
.card_item { position: absolute;top: 0px; left: 0px; width: calc(50% - 10px);height:auto; overflow: hidden;margin-bottom: 10px; overflow: hidden;}
.card_item img {width: 100%; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}

.card_item img:hover {transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.card_item .card_btext {position: absolute; left: 0px; bottom:0px; width:100%; height:30px; background: rgba(0,0,0,0.5);}
.card_item .card_btext .left_text {float: left; height:30px; line-height: 30px; color: #fff; font-size: 14px; width: 40%; padding-left: 30px; }
.card_item .card_btext .right_text {float: right; height:30px; line-height: 30px; color: #fff; font-size: 14px; text-align: right; width: 30%; padding-right: 30px; }
.card_item .card_btext .right_text .img_box {width: 24px; height: 14px; }
.card_item .card_ttext {position: absolute; left: 0px; top:0px; padding: 30px; color: #fff;}
.card_item .card_ttext .ttext_title {float: left; line-height: 50px; font-size: 50px;}
.card_item .card_ttext .ttext_more {float: left; line-height: 25px; font-size: 22px; padding-left: 15px;}
.gid_cards:after {content: '';	display: block;	clear: both;}

.aboutsimg {position: relative;width: 100%; display: inline-block; margin-top: 90px; overflow: hidden;}
.aboutsimg img { transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.aboutsimg img:hover {transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.aboutsimg .abouts_txtbox {position: absolute; top:15%; left:50%; width: 1140px; margin-left: -570px; height: 70%; border: 10px solid #fff;}
.aboutsimg .abouts_txtbox .txtbox_tit {width: 100%; height:50px; line-height: 50px; font-size: 50px; color: #fff; margin: 50px 0px 30px 0px; text-align: center;}
.aboutsimg .abouts_txtbox .txtbox_con {line-height: 30px; font-size: 20px; color: #fff; margin: 0px 85px; text-align:justify;}
.aboutsimg .abouts_txtbox .txtbox_btn {width: 247px; height: 55px; margin-top: 40px; margin-left: auto; margin-right: auto;}

.newslist_box {width: 100%; border: 1px solid #e1e1e1; margin-bottom: 15px;}
.newslist_box .newslist_img {position: relative;width: 100%; height:160px; overflow: hidden;}
.newslist_box img {width:100%; height: 160px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.newslist_box img:hover {transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.newslist_box .newslist_img .newslist_date {position: absolute;top: 10px; left:15px; width:60px; height:77px; background-color: #fff; text-align: center; color: #999999; text-transform: uppercase;}
.newslist_box .newslist_img .newslist_triangle {position: absolute; left:30px; bottom:0px; width: 34px; height:17px; background-image: url(../images/triangle.png);}
.newslist_box .newslist_txt {width: 100%; padding: 15px; line-height: 30px; }
.newslist_box .newslist_txt a {font-size: 20px; color: #999999;}
.newslist_box .newslist_txt a:hover {color: #0099ff;}

.foot_box {width:100%; background-color: #fafafa;}
.foot_link {float:left; width:80%; margin-top:74px; border: 1px solid #c7c7c7;color: #333333; font-size: 14px;}
.foot_link .foot_link_line {padding: 0px 80px 20px 80px; overflow: hidden;}
.foot_link .foot_link_line li {float:left; width: 20%; line-height: 26px; overflow: hidden;}
.foot_link .foot_link_line li a {color: #333333; font-size: 12px;}
.foot_link .foot_link_line li a:hover {color: #0099ff;}
.foot_mail {float:right; width:17%; margin-top:74px;}
.foot_mail .btn_maill {border: none; text-align: center; text-decoration: none;  display: inline-block; font-size: 14px; cursor: pointer; line-height: 25px; background-color:transparent;}
.foot_wx {float: right; width:17%; margin-top:30px;}
.foot_gw {float: left; width:80%; margin-top:30px;}
.foot_gw .foot_logo {margin-top: 35px; margin-bottom: 20px;}
.foot_ln_txt a {font-size: 14px; color: #999999;}
.foot_ln_txt a:hover {color: #0099ff;}
.foot_gw_ba {line-height: 25px;}

.linemargin50to30 {width: 100%; height: 50px; overflow: hidden;}
.linemargin70to40 {width: 100%; height: 70px; overflow: hidden;}
.lmlinkstyle {width: 100%; text-align: center; font-size: 30px;}

.fix_font_size50to30 {height: 50px; font-size: 50px; color: #0099ff;}
.fix_font_size30to20 {height: 50px; font-size: 30px; color: #333333;}
.fix_font_size16to12 {font-size: 16px; line-height: 18px;}
.fix_bk_lineheight {width: 100%; height: 50px; text-align: center; background-image: url(../images/line.gif);background-size:100% 100%;-moz-background-size:100% 100%;}
.fix_bk_lineheight span {vertical-align:middle;line-height: 50px;}
.fix_more {width: 100%; line-height: 18px; text-align: center; margin-top: 10px; overflow: hidden;}
.fix_more a {color: #0099ff;font-size: 14px;}
.fix_more a:hover {color: #99cc33;}

.fix_cust {position: relative; width: 100%; border: 1px solid #dbdbdd; padding: 10px; margin-bottom: 70px;overflow: hidden; }
.fix_cust .span_box {position:absolute; width: 100%; height: 100%; left:0px;top:0px;}
.fix_cust .span_box:hover {width: 100%; height: 100%;background: rgba(0,0,0,0.8); }
.fix_cust .span_box span {display:none;}
.fix_cust .span_box:hover span {position:absolute; top:calc(50% - 10px); left:0px;width: 100%; height: 20px; display:table-cell; text-align:center;vertical-align:middle;color:#fff;}
/*.fix_cust:hover span { background: rgba(0,0,0,0.5); display:table-cell; text-align:center;vertical-align:middle;color:#fff;}*/
/*
.fix_cust img {transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
.fix_cust img:hover {transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
*/
.news_nav_link {font-size: 40px; height: 40px;letter-spacing:4px;}
.news_list_box {width: 100%;  margin-bottom: 100px; overflow: hidden;}
.news_list_left {float:left; width: 73%; }
.news_list_right {float:right; width: 25%; border-left: 3px solid #0099ff;}
.news_list_left .news_list_title {margin-bottom: 40px; line-height: 25px; font-size: 20px; color: #0099ff;}
.news_list_left .news_list_title a {color: #0099ff; font-size: 20px;}
.news_list_left .news_list_title a:hover {color: #99cc33;}
.news_list_left .news_list_con {line-height: 20px;text-align:justify;}
.news_list_left .news_list_con img {max-width:100%;}
.news_list_right .news_read_more {width: 174px; height:38px; line-height: 38px; margin: 25px auto;}
.news_list_right .news_read_more a {width: 174px; height:38px;display: block;text-align: left;padding-left: 14px;color: #333333;background-image: url(../images/btn_more_link.png);}
.news_list_right .news_read_more a:link {color: #333333;background-image: url(../images/btn_more_link.png);}
.news_list_right .news_read_more a:visited {color: #99cc33; background-image: url(../images/btn_more_visited.png);}
.news_list_right .news_read_more a:hover { color: #0099ff;background-image: url(../images/btn_more_hover.png);}
.news_list_left .list_subtitle {width: 100%; color: #999999; height: 15px; line-height: 15px; margin-bottom: 40px; overflow: hidden;}
.news_list_left .list_subtitle .list_subtitle_left {float:left; width: 50%;}
.news_list_left .list_subtitle .list_subtitle_right {float:right; width: 50%;}

.news_box_height {background-color: #f8f8f8; width: 100%; padding: 20px; margin-bottom: 20px; }
.news_con_lineheight {line-height: 28px; text-align:justify; padding-top: 10px; color: #747474; }

@media (max-width: 1199px){
	.card_item .card_ttext {padding:15px 0px 0px 30px;}
	.card_item .card_ttext .ttext_title {float: left; line-height: 30px; font-size: 30px;}
	.card_item .card_ttext .ttext_more {float: left; line-height: 15px; font-size: 12px; padding-left: 15px;}
	.aboutsimg {display:none;}
}
@media (max-width: 991px){
	.card_item .card_ttext {padding:15px 0px 0px 30px;}
	.card_item .card_ttext .ttext_title {float: left; line-height: 30px; font-size: 30px;}
	.card_item .card_ttext .ttext_more {float: left; line-height: 15px; font-size: 12px; padding-left: 15px;}
}
@media (max-width: 767px) {
	.indexproje {width: 100%; height: 20px; line-height: 20px; font-size: 20px; }
	.indexprosb {width: 100%; height: auto; line-height: 18px; text-align: center; font-size: 14px; margin-top: 15px;}
	.card_item .card_ttext {padding:15px 0px 0px 30px;}
	.card_item {width: 100%; height:auto; margin-bottom: 20px;}
	.card_item .card_ttext .ttext_title {float: left; line-height: 30px; font-size: 30px;}
	.card_item .card_ttext .ttext_more {float: left; line-height: 15px; font-size: 12px; padding-left: 10px;}
	.aboutsimg {display:none;}
	.newslist_box .newslist_txt {width: 100%; padding: 10px; line-height: 20px; }
	.newslist_box .newslist_txt a {font-size: 14px; color: #999999;}
	.foot_link {display:none;}
	.foot_mail {display:none;}
	.foot_wx {float: none; width:100%; text-align: center;}
	.foot_gw {float: none; width:100%; text-align: center;}
	.foot_wx, .foot_gw img {display: block;  margin-right: auto;  margin-left: auto;}
	.foot_gw .foot_logo {display:none;}
	.foot_gw_ba {font-size: 12px;}
	.lmlinkstyle {font-size: 14px; }
	.linemargin50to30 {height: 30px; }
	.linemargin70to40 {height: 40px;}
	.fix_font_size30to20 {height: 30px; font-size: 20px;}
	.fix_font_size50to30 {height: 30px; font-size: 30px;}
	.fix_font_size16to12 {font-size: 12px; line-height: 14px;}
	.fix_bk_lineheight {height: 30px; }
	.fix_bk_lineheight span {vertical-align:middle;line-height: 30px;}
	.fix_cust {margin-bottom: 30px;}
	.news_nav_link {font-size: 14px; height: 14px;letter-spacing:2px;}
	.news_list_box {margin-bottom: 50px;}
	.news_list_left {float:none; width: 100%; }
	.news_list_right {display:none;}
	.news_list_left .news_list_title {margin-bottom: 20px;}
	.news_list_left .news_list_con {line-height: 24px;text-align:justify;padding: 0px 10px;}
	.news_list_left .list_subtitle .list_subtitle_left {display:none;}
	.news_list_left .list_subtitle .list_subtitle_right {float:none; width: 100%;}
}

.lmpager {width:100%;height:25px; line-height:25px; margin-top:20px; }
.lmpager  li {float:left; line-height:25px;width:25px;height:25px; margin:0 5px;}
.lmpager  .curpage {line-height:25px; background-image:url(../images/page.gif);  background-repeat: no-repeat; text-align:center;}
.lmpager  .actpage {line-height:25px; background-image:url(../images/curpage.gif); background-repeat: no-repeat; text-align:center; }
.lmpager span {height:25px; line-height:25px;display: block;}
.lmpager  .jumpage {float:left; line-height:25px;height:25px; margin:0 5px; }


