@charset "utf-8";
* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana; background:#efefef;}
/*header-position:fixed*/
/* 除IE6浏览器的通用方法 */
header{position:fixed; top:0; width:100%; height:70px; z-index:99999; background-color:#fff;}
/* IE6浏览器的特有方法 */
/* 修正IE6振动bug */
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
* html header{position:absolute;top:expression(eval(document.documentElement.scrollTop)); background-color:#fff;}
#logo{width:300px; float:left; padding-top:2px; padding-right:90px;}
nav{width:810px; float: left;padding-top:5px; }
nav li{width:90px; height:30px; line-height:30px; float:left; text-align:center; font-size:15px;}
nav li a{color:#666; text-decoration:none;}
nav li a:hover{font-weight:bold;}

footer {position: absolute; width:100%; height:70px;bottom:0; background:#fff; color:#888; _left:0;}

/* 右侧圆点导航 */
#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #fff; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #fff; line-height: 21px;}
.section { position: relative; overflow: hidden;text-align: center; color:#fff;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width:100%; height: 100%; position:absolute;}
.section .more1 {width:1000px; height:100px; background:url(../images/scrolling1.png) bottom center no-repeat; text-align:left;}
.section .more1 a{display:block; width:240px; height:40px; border:1px solid #fff; text-align:center; font-size:24px; line-height:40px; text-decoration:none; color:#fff; margin-left:380px;}
.section .more1 a:hover{font-weight: bold;}
.section .more2 {width:1000px; height:100px; background:url(../images/scrolling2.png) bottom center no-repeat; text-align:left;}
.section .more2 a{display:block; width:240px; height:40px; border:1px solid #000; text-align:center; font-size:24px; line-height:40px; text-decoration:none; color:#000; margin-left:380px;}
.section .more2 a:hover{font-weight: bold;}
/*关于顺帆*/
.idx_about {position: absolute; width:800px; height: 480px; left: 50%; top:50%; margin: -230px 0 0 -500px; }
.idx_about h3{font-size:46px; font-weight:500; padding-bottom:70px;}
.idx_about p{font-size:18px; line-height:32px; text-align:center; padding-bottom:50px;}
/*新闻中心*/
.idx_news{position: absolute; width:1000px; height:600px; left: 50%; top:50%; margin: -230px 0 0 -500px;}
.idx_news .tabs{width:980px; height:80px; margin-left:10px; background:url(../images/title_line.gif) 0 60px no-repeat;}
.idx_news .tabs li {width:245px; float: left; font-size:28px; height:80px; line-height:50px;}
.idx_news .tabs li.selected{background:url(../images/tabs_dot.png) 110px 48px no-repeat; font-weight: bold;}
.idx_news .tabs li.selected a{ color:#444; text-decoration:none;}
.idx_news .tabs li.unsel a{color:#888; text-decoration: none;}
.idx_news .cont{width:982px; padding-left:18px; height:300px; overflow:hidden; padding-top: 20px; margin-bottom:70px;}
.idx_news .cont li{width:200px; padding:15px; float: left; margin-right: 15px; background:#fff; overflow:hidden;}
.idx_news .cont li .img{width:200px; height:130px; overflow:hidden;}
.idx_news .cont li .img a {display:table-cell; *display:block; width:200px; height:130px; font-size:107px; line-height:107px; text-align:center; vertical-align:middle; overflow:hidden;}
.idx_news .cont li .img img{vertical-align:middle; width:200px; height:130px;}
.idx_news .cont li .title{height:30px; line-height:30px; padding-top:5px; overflow:hidden;}
.idx_news .cont li .title a {color:#000; text-decoration:none;}

.idx_news .cont li .time{height:20px; line-height:20px; overflow:hidden; color:#888; text-align:center; padding-bottom: 5px;}
.idx_news .cont li .txt{height:80px; line-height:20px; overflow:hidden; color:#888; text-align:left;}


/*企业荣誉*/
.idx_honor{position: absolute; width:1000px; height:600px; left: 50%; top:50%; margin: -230px 0 0 -500px;}
.idx_honor .title{height:80px; line-height: 46px; font-size: 42px; font-weight:500; color:#000;}
.idx_honor .cont{width:980px; height:340px; overflow:hidden; padding-left:20px; margin-bottom: 30px;}
.idx_honor .cont li{width:220px;  background:#fff; float:left; margin-right:10px; margin-bottom: 15px;}
.idx_honor .cont li .img{width:220px; height:150px; padding:2px;overflow:hidden; vertical-align:middle;}
.idx_honor .cont li .img a {display:table-cell; *display:block; width:220px; height:150px; font-size:123px; line-height:123px; text-align:center; vertical-align:middle; overflow:hidden;}
.idx_honor .cont li .img a:hover{ border:1px solid #C00; background-color:#FF9; padding-top:}
.idx_honor .cont li .img img{vertical-align:middle;}
/*产品世界*/
.idx_prod{position: absolute; width:1000px; height:600px; left: 50%; top:50%; margin: -230px 0 0 -500px;}
.idx_prod .title{height:80px; line-height: 46px; font-size: 42px; font-weight:500; color:#000;}
.idx_prod .cont{width:980px; overflow:hidden; padding-bottom:70px;}
.idx_prod .cont li{float: left; display:inline; line-height:20px; }
.idx_prod .cont li a {font-size:20px; color:#000; text-decoration:none;}
.idx_prod .cont li a:hover{font-weight:bold;color:#F00;}
/*产品研发*/
.idx_research{position: absolute; width:1000px; height:650px; padding-top:30px; left: 50%; top:50%; margin: -340px 0 0 -500px; background-color:rgba(74,157,29,0.9);}
.idx_research .title{height:60px; line-height: 40px; font-size: 42px; font-weight:500; color:#000;}
.idx_research .cont{width:1000px; height:440px;  overflow:hidden; padding-top:0px; padding-left:125px; margin-bottom:10px;}
.idx_research .cont li{width:280px; float: left; margin-right: 15px; margin-bottom:5px; overflow:hidden;}
.idx_research .cont li .img{width:280px; height:190px; overflow:hidden;}
.idx_research .cont li .img a {display:table-cell; *display:block; width:280px; height:190px; overflow:hidden;}
.idx_research .cont li .img img{width:280px; height:190px;}
.idx_research .cont li .txt{height:20px; line-height:20px; padding-top:5px; overflow:hidden;}
.idx_research .cont li .txt a {color:#000; text-decoration:none;}
/*工程案例*/
.idx_project{position: absolute; width:1000px; height:680px; left: 50%; top:50%; margin: -270px 0 0 -500px;}
.idx_project .title{height:70px; line-height:42px; font-size: 42px; font-weight:500; color:#fff;}
.idx_project .cont{width:910px; padding-left:45px; overflow:hidden; padding-top: 20px;margin-bottom:20px;}
.idx_project .cont li{width:300px;height:180px; float: left;  overflow:hidden;}
.idx_project .cont li .img{width:300px;height:180px; overflow:hidden;}
.idx_project .cont li .img a {display:table-cell; *display:block; width:300px;height:180px; overflow:hidden;}
.idx_project .cont li .img img{width:300px;height:180px;}
.idx_project .cont li .txt{height:20px; line-height:20px; padding-top:5px; overflow:hidden;}
.idx_project .cont li .txt a {color:#000; text-decoration:none;}
/*技术标准*/
.idx_tech{position: absolute; width:1000px; height:600px; left: 50%; top:50%; margin: -230px 0 0 -500px;}
.idx_tech .title{height:80px; line-height: 46px; font-size: 42px; font-weight:500; color:#000;}
.idx_tech .cont{width:982px; padding-left:18px; height:210px; overflow:hidden; padding-top: 20px; margin-bottom:70px;}
.idx_tech .cont li{width:230px; float: left; margin-right: 10px;padding:2px;padding-top:4px;overflow:hidden; }
.idx_tech .cont li .img{width:226px; height:136px; overflow:hidden;padding:2px;}
.idx_tech .cont li .img a {display:table-cell; *display:block; width:230px; height:140px; font-size:107px; line-height:107px; text-align:center; vertical-align:middle; overflow:hidden;}
.idx_tech .cont li .img a:hover{background:#FF9;border:1px solid #c00;}
.idx_tech .cont li .img img{vertical-align:middle; max-width:230px; max-height:140px;}
.idx_tech .cont li .txt{height:40px; line-height:20px; padding-top:5px; overflow:hidden;}
.idx_tech .cont li .txt a {color:#000; text-decoration:none;}
.idx_tech .cont li .txt a:hover{ border-bottom:1px solid #c00;}
/*联系我们*/
.idx_cont{position: absolute; 	width:900px;height:670px; left: 50%; top:35%; margin: -200px 0 0 -430px;}
.idx_cont .map {float: left; width:450px; height:260px; padding:10px; background:#fff; box-shadow:0px 0px 2px 3px #dbdbdb; margin-right:40px;}
.idx_cont .info{float:left; width:300px; text-align:left; color:#000;}
.idx_cont .title{height:60px; line-height: 46px; font-size: 42px; font-weight:500;}
.idx_cont  h1{font-size:20px; line-height:40px; font-weight: bold; padding-bottom:6px;}


	.yanfa{ width:1000px; height:460px;  text-align:center;}
	.yanfa_l{ width:195px; margin-right:5px; float:left;padding-top:167px;}
	.yanfa1{ width:195px; height:135px; margin-bottom:5px;}
	.yanfa_m{width:195px; margin-right:5px; float:left;padding-top:27px;}
	.yanfa_r{width:347px;  float:left;padding-top:55px;}


.avatar {
    position: relative;
}
.gongcheng1 .avatar {
    display: block;
    width:240px; height:160px;
    overflow: hidden;
    
}
.gongcheng1 .avatar img {
    height: 160px;
}
.avatar:after {
    bottom: 0;
    left: 5px;
    position: absolute;
    z-index: 10;
}
.avatar:hover, .zhuti .avatar:hover, .bbsinner .avatar:hover {
    box-shadow: 0 0 10px gray;
}
.avatar:hover img, .zhuti .avatar:hover img, .bbsinner .avatar:hover img {
    transform: scale(1.3);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.3);
	-webkit-transform: all 1s ease 0s;
}


.container {
	width:450px;
	float:left;
	margin:0 auto;
	position:relative;
	color:#333;
	text-align:left;
}
.container h3 {
	font-size: 32px;
	font-weight:500;
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] {
	font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;

}
#contact {
	background:#F9F9F9;
	padding:10px 40px 20px 20px;
	margin:5px 0;
}
fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:390px;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}
#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact textarea {
	height:80px;
	max-width:100%;
	resize:none;
}
#contact button[type="submit"] {
	cursor:pointer;
	width:412px;
	border:none;
	background:#0CF;
	color:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size:15px;
}
#contact button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}


#full-screen-slider {
	width:100%;
	height:100%;
	float:left;
	position:relative
}
#slides {
	display:block;
	width:100%;
	height:100%;
	list-style:none;
	padding:0;
	margin:0;
	top:70px;
	position:relative
}
#slides li {
	display:block;
	width:100%;
	height:100%;
	list-style:none;
	padding:0;
	margin:0;
	position:absolute
}
#slides li a {
	display:block;
	width:100%;
	height:100%;
	text-indent:-9999px
}
#pagination {
	display:block;
	list-style:none;
	position:absolute;
	left:50%;
	top:90%;
	z-index:9900;
	padding:5px 15px 5px 0;
	margin:0
}
#pagination li {
	display:block;
	list-style:none;
	width:10px;
	height:10px;
	float:left;
	margin-left:15px;
	border-radius:5px;
	background:#FFF
}
#pagination li a {
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-indent:-9999px;
}
#pagination li.current {
	background:#0092CE
}

.language{float:right; height:20px; font-size:12px; }
.language img{ width:18px; height:12px; margin-right:3px;}
.language a{color:#666; text-decoration:none; margin-right:20px;}