@charset "utf-8"; 
/*1 重定义浏览器默认样式*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
a{ border:none; }
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";color: #3b3b3b;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}
body{font-size: .7rem; background-color: #fff;}
h1,h2,h3,h4,h5,h6{ font-weight: 400;}
/*img{ width: 100%; }*/
span.icon-uniE918{ color: #60abff; }
/*-- icon图标 --*/
.icon {
    display: inline-block;
    background-image: url(../image/icon.png);
    background-size: 350px 350px;
}
a{ text-decoration:none;}
.navigation{ position: relative; width: 100%; height: 65px; background: #006187;z-index: 999; min-width: 1150px;}
.company{ width: 1150px; margin: auto;; }
.logo{ position: absolute; width: 105px; left: 115px; top: 3px;}
.navigation .navbar{ position: absolute; bottom: 10px; right: 20px; line-height: 15px;}
/*.navigation .navbar ul li{ width: 150px; float: left; text-align: center;}
.navigation .navbar ul li a{color:#fff;text-decoration:none;outline:none}
.navigation .navbar ul li a:hover{color:#8dbfd3}*/
ul{list-style: none;}
.nav>li{float: left;}
.nav>li a{display: block;text-decoration: none;width: 150px;height: 20px;text-align: center;line-height: 20px;color: white;}
.nav>li a:hover{display: block;text-decoration: none;width: 150px;height: 20px;text-align: center;line-height: 20px;color: #fff;text-decoration:underline}
.on{color: #8dbfd3 !important;}
.drop-down{/*position: relative;*/height: 20px;z-index: 999;}
.drop-down-content{padding: 10px 0 0 0;opacity: 0.3;height:0;overflow: hidden;transition: all 0.5s ease;/*position: absolute;*/ z-index: 999;}
.drop-down-content li a{ height: 50px; line-height: 50px; background-color: #006187;}
.drop-down-content li:hover a{height: 50px; line-height: 50px;background-color:#1a2426;}
.nav .drop-down:hover .drop-down-content{opacity: 1;height: 400px;}
.borderright{ border-right: solid 1px #171717; }
.fontsize12{font-size: 12px;}
.fontsize14{font-size: 14px;}
.fontsize16{font-size: 16px;}
.fontsize18{font-size: 18px;}
.fontsize20{font-size: 20px;}
.fontsize24{font-size: 24px;}
.fontsize28{font-size: 28px;}
.fontsize32{font-size: 32px;}
.fontcolor1{color: #fff; }
.fontcolor2{color: #101010; }
.fontcolor3{color: #444444; }
.fontcolor4{color: #272727; }
.fontweight{font-weight: bold;}
.lineheight1{line-height: 30px !important;}
.margin1-right10{margin-right: 15px;}
.margin-top50{margin-top: 50px;}
.margin-top100{margin-top: 100px;}
.margin-top150{margin-top: 150px;}
.margin-top200{margin-top: 200px;}
.margin-bottom20{ margin-bottom: 20px;}
.margin-bottom100{ margin-bottom: 100px;}
.margin-bottom150{ margin-bottom: 150px;}
.margin-bottom200{ margin-bottom: 200px;}
.padding1{padding: 0 130px !important;}
.banner{ width: 100%; height: auto; overflow: hidden; text-align: center;}
.banner img{ width: 100%; }
.imgheight{}
.ourwork-title{ width: 100%; height: auto; overflow: hidden; display:table-cell;vertical-align:bottom; padding-top: 180px;}
.ourwork-title i{ width: 7px; height: 20px; background:#006187; display: block; float: left; margin: 14px 5px 0 0;}
.ourworktext{ margin: 30px 0 100px 0; }
.worklist{ width: 100%; height: auto; overflow: hidden;}
.worklist>li{ position:relative;width:365px; height: 190px; float:left; margin: 10px 20px 10px 0; border: solid 1px #006187;text-align:center;display:table-cell;vertical-align:middle; line-height:190px; background: #fff; overflow: hidden;}
.worklist>li:nth-child(3n){ margin-right: 0;}
/*.worklist li img{position: absolute;margin: auto;top: -9999px;right: -9999px;bottom: -9999px;left: -9999px;max-width: 100%; max-height: 120px;}*/
.worklist li img{position: absolute;margin: auto;top: -9999px;right: -9999px;bottom: -9999px;left: -9999px;max-height: 190px;}
.workmain{ margin: 200px 0 0 0; font-size: 14px;}
.botnav{ width: 100%; height: 50px; line-height: 50px; margin-top: 200px; text-align: center;background: #969590;min-width: 1150px;}
.botnav ul{ width:760px; height: auto; margin:auto; background: #000;}
.botnav ul a{display: block;text-decoration: none;width: 150px;height: 20px;text-align: center;line-height: 20px;color:#006187; float: left;margin-top: 15px;}
.botnav ul a:hover{display: block;text-decoration: none;width: 150px;height: 20px;text-align: center;line-height: 20px;color:#006187; float: left;margin-top: 15px;text-decoration:underline}
.boton{color: #fff !important;}
.botnav2{ width: 100%; height: 50px; line-height: 50px; margin-top: 200px; text-align: center;background: #006187;min-width: 1150px;}
.botnav2 ul{ width:760px; height: auto; margin:auto; background: #000;}
.botnav2 ul a{display: block;text-decoration: none;width: 150px;height: 20px;text-align: center;line-height: 20px;color:#fff; float: left;margin-top: 15px;}
.botnav2 ul a:hover{display: block;text-decoration: none;width: 150px;height: 20px;text-align: center;line-height: 20px;color:#fff; float: left;margin-top: 15px;text-decoration:underline}
.boton2{color: #8dbfd3 !important;}
.foot{ width: 100%; height: 235px; background: #006187; overflow: hidden;min-width: 1150px;}
.foot span{ text-align: center; margin-top: 200px; display: block; color: #fff;min-width: 1150px;}
/*.foot2{ width: 100%; height: 227px; background: url(../image/bot.jpg) center; no-repeat; background-size: cover; overflow: hidden;min-width: 1150px;}*/
.foot2{ width: 100%; height:auto;overflow: hidden;min-width: 1150px;}
.foot2 img{ width: 100%;}
.foot2 span{ text-align: center; margin-top: 240px; display: block; color: #000;}

/*.inbanner{position:relative;margin-bottom:20px; width: 100%; height:auto; overflow: hidden; z-index: 10; min-width: 1150px;}
.inbanner img{ width: 100%; height: auto;}
.inbanner li{position:relative;overflow:hidden;width:100%;height:auto;}
.inbanner li a{display:block;margin:0 auto;width:100%;height:580px;}
.inbanner cite{position:absolute;bottom:15px;left:50%;z-index:999;display:block;margin-left:-130px;width:120px;height:20px;_display:none;}
.inbanner cite span{float:left;display:block;margin:0 4px;width:20px;height:20px; border-radius:50%;background-color:#fff;text-indent:-999em;cursor:pointer;}
.inbanner cite span:hover{background-color:#006187;}
.inbanner cite span.cur{background-color:#006187;cursor:default;}*/
.inbanner{position:relative;margin-bottom:20px; width: 100%; height:auto; min-height: 580px; overflow: hidden; z-index: 10; min-width: 1150px;}
.inbanner img{ width: 100%; }
.c-banner{width: 100%;position: relative;z-index: 10;}
.c-banner img{width: 100%;}
.c-banner .banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.c-banner .banner ul li{display: none;opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.c-banner .banner ul li img{width: 100%;position: absolute;left: 0px;top: 0px;}
.c-banner .nexImg,.c-banner .preImg{padding: 25px 10px 25px 10px;position: absolute;top: 50%;margin-top: -53px;background: #000000;opacity: 0.5;border-radius: 5px;z-index: 10;
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{opacity: 0.8;}
.c-banner .nexImg{right: 0px;}
.c-banner .nexImg img,.c-banner .preImg img{}
.c-banner .jumpBtn{width: 100%;position: absolute;bottom: 5px;text-align: center;}
.c-banner .jumpBtn ul{margin-bottom: 0px;}
.c-banner .jumpBtn ul li{width: 10px;height: 10px;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 5px;}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		height: 345px;
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		height: 345px;
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}

.inbanner .language{ position: absolute;z-index: 999; top: 20px; right: 20px;}
.inbanner .language p{ float: left; margin: 0 5px 0 5px;}
.inbanner .language p a{ padding: 3px 10px; border: solid 1px #006187; color: #b1b1b1; background-color:#006187;border-radius:5px;}
.inbanner .language p a:hover{padding: 3px 10px;border: solid 1px #b1b1b1; color: #006187;background-color:#b1b1b1;border-radius:5px;}
.inbanner .language .on{border: solid 1px #b1b1b1; color: #006187 !important;background-color:#b1b1b1;}
.listtext{ line-height: 40px; text-align: center; margin: 80px 0 80px 0;}
.listtext span{ font-weight: bold; color:#006187;}
.buttonst1 { width: 200px; height: 60px; margin: auto; text-align: center;}
.buttonst1 a{ width: 200px; line-height: 60px; border: solid 1px #006187; color: #006187; display: block;;}
.buttonst1 a:hover{ width: 200px; line-height: 60px;  border: solid 1px #b1b1b1; color: #fff; background: #006187; display: block;}
.intitle{ width: 100%; height: auto; overflow: hidden;margin: 150px 0 100px 0;}
.intitle p{ width: 310px; text-align: center;display: block; float: left; }
.online{ width: 420px; height: 20px; border-bottom: solid 1px #006187; float: left; display: block;}
.inwork{ width: 100%; height: auto; overflow: hidden; }
.inwork ul li{ position: relative; width: 370px; height:370px; overflow: hidden; float: left;margin-right: 20px; margin-bottom: 20px;}
.inwork ul li:nth-child(3n){ margin-right: 0;}
.inwork ul li span{ position: absolute; width: 100%; height: 100%;display: block;z-index: 20;}
.inbg{min-width: 1150px;height: auto; overflow: hidden; padding: 100px 0 100px 0; background:#f4f4f4; }
.inbg p{padding: 0 130px 30px 130px; text-align: center; line-height: 50px;}
.inbg ul{ width:870px; height: auto; overflow: hidden; margin:60px auto 0 auto;}
.inbg ul li{ position: relative; width: 265px; height: 160px; float: left;color: #1e1e1e;line-height: 30px; padding-top: 105px; text-align: center; margin-right: 35px;}
.inbg ul li:nth-child(3n){ margin-right: 0; }
.inbg span{ display: block; }
.inbg .cl1{ background: #619bb2; }
.inbg .cl2{ background: #307e9c; }
.inbg .cl3{ background: #006187; }
.map{ width: 100%; height:580px; margin: auto; }
.map ul li{ width: 50%; height: 580px; float: left; }
.BMap_cpyCtrl{display:none;}
.anchorBL{display:none;}

