html {font-size: 62.5%;}
body {	
	background:#f4f4f4;	
	background-repeat: repeat-x ;
	background-position: top center;
}
* { margin:0;padding:0;font-size:10px;font-family: SimHei, 黑体, SimSun, 宋体;list-style:none;}
a {	text-decoration:none;color: #494949;}
.clear { clear:both;}
.main{width:100%;max-width:1920px;height:auto;background:#fff;margin:0 auto;}


.top_nav{position:fixed;z-index:999;width:100%;max-width:1920px;height:auto;}
.top_nav_space{width:100%;height:45px;float:left;background:#d5d5d5;}
.top_nav1{width:70%;height:45px;float:left;background:#00a9bc;padding:0 15%;}
.top_nav1 img{width:auto; height:42px; float:left; padding:3px 1%;}
.top_nav2{width:80%;height:auto;float:left;position:relative;list-style-type:none;}
.top_nav2 ul{width:100%;float:left;}
.top_nav2 ul li{width:20%;float:left;display:inline;position:relative;text-align:center;}
.top_nav2 ul li a{width:100%;float:left;display:inline;font-size:12px;color:#FFF;letter-spacing:5px;line-height:45px;}
.top_nav2 ul li a:hover{color:#00a9bc;background:#fff;}
.top_nav2 .acurhover{color:#010000;}
.top_nav2 .acurhover a{color:#127159;}

.top_nav2 ul ul{width:100%;display:none;float:left;}
.top_nav2 ul ul li{width:100%;text-align:center;}
.top_nav2 ul li:hover > ul{display:block;background:#00a9bc;}



.bottomFrm{width:100%;height:auto;margin:0 auto;}
.bottomContent{width:70%;height:auto;float:left;margin:4% 15%;}
.bottomContent1{width:19%;height:auto;float:left;padding:0 4%;}
.bottomContent2{width:19%;height:auto;float:left;padding:0 2%;}
.bottomtitle{width:94%;height:auto;float:left;font-size:14px;color:#00a9bc;font-weight:bold;padding:3% 3%;}
.bottomtitle:hover{font-size:16px;}
.bottomText{width:94%;display:block;font-size:12px;color:#727272;line-height:20px;padding:0 3%;}
.bottomText a:hover{color:#00a9bc;}
.bottomText p span1{font-size:12px;color:#727272;line-height:20px;padding-left:36px;}

.copyright{width:100%;float:left;text-align:center;overflow:hide;background:#d5d5d5;}
.footer_31{width:60%;height:74px;float:left; text-align:right;overflow:hidden;margin:40px 10% 0 0;}
.footer_31 text{height:74px;color:#646464;font-size:14px;}
.footer_32{float:left;overflow:hidden;margin:30px 0;}
.footer_32 a{color:#646464;font-size:14px;}
.footer_32 a:hover{color:#00a9bc;}
.footer_33{width:10%;float:left;overflow:hidden;margin:10px 0;}


.banner{width:100%;height:965px;float:left;}
.prev,.next{display:block; width:44px; height:44px; position:absolute; z-index:222; top:328px; overflow:hidden; cursor:pointer; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); _border:1px solid none;}
.prev{left:30px;}
.next{right:30px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.item{display:block; width:100%; height:8px; position:absolute; z-index:124; top:670px; left:0; text-align:center;}
.item a{display:inline-block;width:8px;height:8px;margin:0 6px;background:#21282e;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#108acb; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.banner-box,.slide{display:block;width:100%;height:100%;overflow:hidden;}
.banner-box{position:relative;}
.slide{display:none;height:100%;position:relative;position:absolute;z-index:8;}

#banner1{background:url(../image/banner1-1.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
#banner2{background:url(../image/banner1-2.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}
#banner3{background:url(../image/banner1-3.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;}

.slide a{display:block; width:100%; height:100%; cursor:pointer;}
.banner1_1,.banner2_1,.banner3_1,.banner4_1{position:absolute;z-index:9;}

.banner1_1{height:280px; top:120px; margin-left:-354px;}
.banner2_1{height:178px; top:100px; margin-left:-392px;}
.banner3_1{height:180px; top:240px; margin-left:-570px;}

.banner99{width:100%;max-width:1260px;height:704px; top:20px; position:absolute;z-index:9;margin:0 auto;}
.banner99 img{width:100%;}

.banAnimate .banner1_1{display:block;animation-name:bannera;-webkit-animation:bannera 0.5s linear 0s normal none;-moz-animation:bannera 0.5s linear 0s normal none;animation:bannera 0.5s linear 0s normal none;}
@-webkit-keyframes bannera{from{opacity:0;top:40px;} to{opacity:1;top:120px;} }
@-moz-keyframes bannera{from{opacity:0;top:40px;} to{opacity:1;top:120px;} }
@keyframes bannera{from{opacity:0;top:40px;} to{opacity:1;top:120px;} }

.banAnimate .banner2_1{display:block;animation-name:bannerc;-webkit-animation:bannerc 0.5s linear 0s normal none;-moz-animation:bannerc 0.5s linear 0s normal none;animation:bannerc 0.5s linear 0s normal none;}
@-webkit-keyframes bannerc{from{opacity:0;top:40px;} to{opacity:1;top:100px;} }
@-moz-keyframes bannerc{from{opacity:0;top:40px;} to{opacity:1;top:100px;} }
@keyframes bannerc{from{opacity:0;top:40px;} to{opacity:1;top:100px;} }

.banAnimate .banner3_1{display:block;animation-name:bannere;-webkit-animation:bannere 0.5s linear 0s normal none;-moz-animation:bannere 0.5s linear 0s normal none;animation:bannere 0.5s linear 0s normal none;}
@-webkit-keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }

.banAnimate .banner4_1{display:block;animation-name:bannere;-webkit-animation:bannere 0.5s linear 0s normal none;-moz-animation:bannere 0.5s linear 0s normal none;animation:bannere 0.5s linear 0s normal none;}
@-webkit-keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes bannere{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }




.ibanner{width:100%;height:965px;float:left;min-width:1200px;}
.prev,.next{display:block; width:40px; height:73px; position:absolute; z-index:222; top:482px; overflow:hidden; cursor:pointer; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); _border:1px solid none;}
.prev{left:30px;}
.next{right:30px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.item{display:block; width:100%; height:8px; position:absolute; z-index:124; top:1000px; left:0; text-align:center;}
.item a{display:inline-block;width:15px;height:15px;margin:0 6px;background:url(../image/banner-item.png);opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:url(../image/banner-itemc.png);opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

.index_image{width:100%;height:auto;float:left;}
.index_img{width:100%;max-width:1350px;height:auto;margin:0 auto;}
.index_img1{width:100%;max-width:1350px;height:726px;background:url(../image/index1-1.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin:0 auto;}
.index_img2{width:100%;max-width:1350px;height:636px;background:url(../image/index1-2.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin:0 auto;}
.index_img3{width:100%;max-width:1350px;height:818px;background:url(../image/index1-3.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin:0 auto;}
.index_img4{width:100%;max-width:1350px;height:569px;background:url(../image/index1-4.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin:0 auto;}
.index_img5{width:100%;height:513px;float:left;background:url(../image/index1-5.jpg) center center no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;margin:0 auto;}
.imgspace{width:100%;height:40px;}
.index_content{width:30%;height:80px;color:#fff;line-height:40px;padding:20% 65% 10% 5%;}
.index_content1{width:100%;float:left;font-size:26px;}
.index_content2{width:100%;float:left;font-size:26px;}
.index_content3{width:100%;float:left;font-size:16px;}
.index_content_right{width:20%;height:80px;color:#fff;line-height:40px;padding:20% 5% 10% 75%;}
.index_content1r{width:100%;float:right;font-size:26px;}
.index_content2r{width:100%;float:right;font-size:26px;}
.index_content3r{width:100%;float:right;font-size:16px;}

.index_text{width:100%;height:200px;margin:0 auto;}
.index_text1{width:24.7%;height:100%;float:left;}
.index_text1 a{width:100%;height:100%;float:left;color:#727272;background:#d5d5d5;}
.index_text1 a:hover{color:#fff;background:#00a9bc;}
.index_text2{width:24.7%;height:100%;float:left;margin:0 0.2% 0 0.4%;}
.index_text2 a{width:100%;height:100%;float:left;color:#727272;background:#d5d5d5;}
.index_text2 a:hover{color:#fff;background:#00a9bc;}
.index_text3{width:24.7%;height:100%;float:left;padding:0 0.4% 0 0.2%;}
.index_text3 a{width:100%;height:100%;float:left;color:#727272;background:#d5d5d5;}
.index_text3 a:hover{color:#fff;background:#00a9bc;}
.index_text4{width:24.7%;height:100%;float:right;}
.index_text4 a{width:100%;height:100%;float:left;color:#727272;background:#d5d5d5;}
.index_text4 a:hover{color:#fff;background:#00a9bc;}
.text_content{width:80%;height:auto;float:left;padding:6% 10%;}
.text_content span{font-size:22px;font-weight:bold;line-height:60px;}
.text_content text{font-size:16px;line-height:24px;}


.cosen{width:100%;height:auto;float:left;margin-top:90px}
.cosen_com{width:100%;max-width:1350px;height:auto;margin:45px auto;}
.cosen_com_sub{width:24%;height:auto;float:left;padding-right:1%}
.cosen_com_subr{width:24%;height:auto;float:right;}
.cosen_com_sub img{width:100%;height:auto;float:left;}
.cosen_com_content{width:80%;height:240px;float:left;color:#fff;background:#00a9bc;padding:20px 10%;} 
.cosen_com_content span{font-size:26px;font-weight:bold;line-height:50px;}
.cosen_com_content text{font-size:12px;line-height:20px;}

.cosen_team{width:100%;max-width:1350px;height:auto;margin:0 auto;}
.cosen_team_sub{width:100%;height:auto;float:left;padding-top:3%;}
.cosen_member_image1{width:25%;max-width:337px;height:335px;float:left;background:url(../image/cosen2-1.jpg) center center no-repeat;margin:0 auto;}
.cosen_member_image{width:25%;max-width:337px;height:335px;float:left;}
.cosen_member_brief{width:24%;max-width:332px;height:335px;float:left;color:#fff;background:#afb1b0;border-left:5px solid #00a9bc;}
.cosen_member_briefr{width:24%;max-width:332px;height:335px;float:left;color:#fff;background:#afb1b0;border-right:5px solid #00a9bc;}
.cosen_mb_cont{width:80%;height:auto;float:left;padding:10% 10%;}
.cosen_mb_cont img{width:auto;height:35px;float:left;padding-top:20%;}
.cosen_mb_cont span{width:100%;height:auto;float:left;font-size:26px;line-height:60px;}
.cosen_mb_cont text{width:100%;height:auto;float:left;font-size:16px;}



.cosen_case{width:32%;max-width:430px;height:430px;float:left;margin:0 0 50px 0;padding-right:1%}
.cosen_case_content{width:80%;height:132px;float:left;color:#fff;background:#00a9bc;padding:20px 10%;} 
.cosen_case_content:hover{color:#00a9bc;background:#fff;} 
.cosen_case_content span{font-size:20px;font-weight:bold;line-height:50px;}
.cosen_case_content span1{font-size:16px;line-height:50px;}
.cosen_case_content text{font-size:12px;line-height:20px;}
.cosen_case_img{width:100%;overflow:hidden;}
.cosen_case_img img{width:100%;height:292px;float:left;transition: all 0.6s;}
.cosen_case_img img:hover{transform: scale(1.1);}


.case_detail_image{width:100%;max-width:1260px;height:704px;text-align:center;margin:0 auto;}
#casebanner{width:100%;float:left;}
#casebanner #prevbtn,#nextbtn{display:block; width:43px; height:78px; position:absolute; z-index:222; top:640px; overflow:hidden; cursor:pointer; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); _border:1px solid none;}
#prevbtn{left:150px;}
#nextbtn{right:150px;}

.tend_link{width:100%;height:40px;float:left;}
.prev_link{width:40%;height:40px;float:left;text-align:left;padding:0 5%;}
.prev_link a{width:100%;height:40px;line-height:40px;font-size:20px;color:#9a9a9a;}
.prev_link a:hover{font-size:22px;color:#00a9bc;}
.next_link{width:40%;height:40px;float:left;text-align:right;padding:0 5%;}
.next_link a{width:100%;height:40px;line-height:40px;font-size:20px;color:#9a9a9a;}
.next_link a:hover{font-size:22px;color:#00a9bc;}


.detail{width:100%;height:auto;float:left;}
.detail_title{width:8%;height:auto;float:left;text-align:center;padding:0 46%;}
.detail_title p{width:100%;height:auto;float:left;font-size:36px;font-weight:bold;color:#00a9bc;letter-spacing:2px;line-height:60px;border-bottom:5px solid #00a9bc;} 
.detail_title_sub{width:100%;height:auto;float:left;text-align:center;font-size:32px;font-weight:bold;color:#00a9bc;line-height:30px;padding:2% 0;}
.detail_title_sub span{font-size:18px;font-weight:bold;color:#284845;line-height:50px;}
.detail_title_sub span1{font-size:18px;font-weight:normal;color:#284845;}
.detail_title_sub text{font-size:12px;line-height:20px;color:#9a9a9a;}


.cosen_tend{width:47%;height:130px;float:left;background:#fff;margin:2% 1%;border:1px solid #fff;}
.cosen_tend:hover{border:1px solid #00a9bc;}
.cosen_tend_content{width:94%;height:auto;float:left;padding:16px 3%;} 
.cosen_tend_content span{width:100%;float:left;font-size:18px;font-weight:bold;color:#00a9bc;line-height:50px;}
.cosen_tend_content text{width:100%;float:left;font-size:12px;line-height:20px;color:#9a9a9a;
overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;} 


#tend_detail_title_sub{border-bottom:1px dotted #00a9bc;}
.tend_detail_content{width:100%;height:auto;float:left;padding:2% 0;}
.tend_detail_content img{width:30%;height:auto;float:left;}
.tend_detail_content text{width:67%;float:left;font-size:12px;line-height:22px;color:#9a9a9a;padding-left: 3%;}
.tend_detail_content text span{color:#575757;font-size:13px;font-weight:bold;}
.tend_detail_source{width:100%;float:left;color:#9a9a9a;}
.tend_detail_source text{width:98%;float:left;text-align:right;font-size:12px;line-height:20px;padding: 0 1%;}



.contactus{width:100%;height:1020px;float:left;background:#b4b4b4;background-size:60px 60px;}
.contactus{background-image:linear-gradient(hsla(100,0%,0%,.1) 1px,transparent 0),linear-gradient(90deg,hsla(100,0%,0%,.1) 1px,transparent 0);}

.contactus_info{width:1200px;height:auto;margin:0 auto;}
.contactus_findus{width:100%;height:340px;float:left;font-size:340px;font-weight:bold;color:#c4c4c4;}

.contactus_cotent{width:100%;height:auto;float:left;}
.contactus_1{width:25%;height:450px;float:left;padding:8% 0 0 5%;}
.contactus_txt{width:100%;height:auto;float:left;color:#fff;line-height:22px;padding:15% 0 10% 0;}
.contactus_txt span{color:#00a9bc;font-size:26px;font-weight:bold;line-height:40px;}
.contactus_qrcode{width:100%;height:115px;float:left;}
.contactus_space{width:100%;height:240px;float:left;}
.cmap{width:70%; height:450; float:left; overflow:hidden; padding: 2% 0;}
.contact_map {width:100%; height:440px; float:left; display:inline; overflow:hidden;}


@media screen and (min-width:640px) and (max-width:749px)
{
	html {font-size: 37.5%;}
}
@media screen and (min-width:768px) and (max-width:1079px)
{
	html {font-size: 43.75%;}
}
@media screen and (min-width:1080px) and (max-width:1919px)
{
	html {font-size: 56.25%;}
}
@media screen and (min-width:1920px)
{
	html {font-size: 62.5%;}
}