@charset "gb2312";

/* CSS Document */

html, body {

	margin: 0 auto;

	padding: 0px;

	font-family: "思源黑体", "SourceHanSansCN-Normal_0", HELVETICA;

	font-size: 12px;

	color: #333;

	text-decoration: none;

	background: #fff;

}

* {

	margin: 0px auto;

	padding: 0px;

	list-style-type: none;

	border: none;

	text-decoration: none;

}

.clear {

	clear: both;

	margin: 0;

	padding: 0;

}

/* 头部 */

.top {

	width: 100%;

	height: 30px;

	background: #eee;

}

.tops {

	width: 1000px;

	height: 100%;

	line-height: 30px;

}

.tops p {

	float: left;

}

.tops span {

	float: right;

}

.tops a {

	color: #333;

}

/* logo */

.logo {

	width: 1000px;

	height: 120px;

}

.logoleft {

	float: left;

	width: 500px;

	height: 120px;

}

.logoleft img{

	margin-top: 30px;


}

.logoright {

	float: left;

	width: 250px;

	height: 120px;

	background: url(../images/phone.jpg) 40px 0px no-repeat;

}

/* nav */

.nav100{

	width: 100%;

	height: 46px;

	background: #f7ab00;

}

.nav {

	width: 1000px;

	height: 46px;

	background: #f7ab00;

}

.nav li {

	float: left;

	width: 100px;

	height: 46px;

	line-height: 46px;

	text-align: center;

	font-size: 14px;

	position: relative;

}

.nav li a {

	color: #FFF;

	text-decoration: none;

	display: block;

}

.nav li a.link {

	float: left;

	width: 100px;

}

.nav ul li a:hover {

	display: block;

}

.nav ul li:hover{

	background: #f7ab00;

}

.nav dl {

	width: 100px;

	border: 1px solid #C33;

	font-size: 12px;

	background: #FCC;

	position: absolute;

	top: 46px;

	left: 0px;

}

.nav dl dd a {

	color: #933;

}

.nav dl dd a:hover {
	color: #FFF;
	background: #F36;
	opacity: 0.5;
	font-family: "思源黑体";

}

/* banner */

.banner {

	width: 1000px;

	height: 350px;

	background: url(../ouscptu/syt/banner1.jpg);

}

.banner_bottom {

	width: 1000px;

	height: 5px;

	background: #f7ab00;

}

/* thank */

.thank {

	width: 1000px;

	height: auto;

	margin-top: 20px;

	text-align: center;

}

#zsgun {

	background: #FFFFFF;

	position: relative;

	height: 200px;

	width: 1000px;

	margin: auto;

}

a.hScrollPane_leftarrow {

	top: 70px;

	cursor: pointer;

	display: block;

	width: 25px;

	height: 37px;

	background: url(../images/zsleftbar.gif) no-repeat left top;

	left: 15px;

	position: absolute;

}

a.hScrollPane_leftarrow:hover {

	background: url(../images/zsleftbar.gif) no-repeat left -37px;

}

a.hScrollPane_rightarrow {

	top: 70px;

	cursor: pointer;

	display: block;

	width: 25px;

	height: 37px;

	background: url(../images/zsrightbar.gif) no-repeat left top;

	right: 15px;

	position: absolute;

}

a.hScrollPane_rightarrow:hover {

	background: url(../images/zsrightbar.gif) no-repeat left -37px;

}

.hScrollPane_dragbar {

	width: 880px;

	position: absolute;

	border-bottom: #f7ab00 1px solid;

	left: 15px;

	top: 180px;

	z-index: 1;

	padding: 0 39px;

}

.hScrollPane_draghandle {

	position: absolute;

	width: 180px;

	height: 10px;

	overflow: hidden;

	background: url(../images/gunbar.png) no-repeat left top;

	_background: url(../images/gunbar.gif) no-repeat left top;

	bottom: -5px;

	cursor: pointer;

	margin: 0 39px;

	left: 0;

}

#gundiv {

	width: 880px;

	position: relative;

	margin-left: 55px;

	padding-top: 50px;

	float: left;

	display: inline;

	height: 150px;

	overflow: hidden;

}

#gundiv ul {

	height: 100px;

	position: absolute;

	width: 10000px;

}

#gundiv li {

	width: 155px;

	height: 100px;

	overflow: hidden;

	float: left;

	margin-right: 17px;

	position: relative;

}

#gundiv li p {

	height: 18px;

	line-height: 18px;

	text-align: center;

	overflow: hidden;

	margin-top: 15px;

}

#gundiv li p a {

	color: #333;

	font-size: 14px;

}

#gundiv li p a:hover {

	color: #f7ab00;

}

/* product */

.product {

	width: 1000px;

	height: 790px;

}

.product_left {

	width: 220px;

	float: left;

}

.class {

	width: 100%;

	height: 780px;

}

.classbg {

	width: 218px;

	height: 740px;

	border-left: 1px solid #bbb;

	border-right: 1px solid #bbb;

	border-bottom: 5px solid #f7ab00;

	background: #eee;

}

.classbg h3{

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	padding-left: 40px;

	border-bottom: 1px dashed #bbb;

	background: url(../images/wsb.jpg) 20px no-repeat;

}

.classbg h3 a{

	color: #333;

}

.classbg ul li {

	height: 40px;

	line-height: 40px;

	font-size: 14px;

	padding-left: 40px;

	border-bottom: 1px dashed #bbb;

	background: url(../images/wsb.jpg) 20px no-repeat;

}

.classbg ul li a {

	color: #333;

}

.classbg ul li:hover {

	background: #FFF url(../images/hsb.jpg) 20px no-repeat;

}

.classbg ul li:hover a {

	color: #f7ab00;

}

.classbg ul li.biao {

	background: url(../images/wb.jpg) 25px no-repeat;

}

.classbg ul li.biao:hover {

	background: #FFF url(../images/hb.jpg) 25px no-repeat;

}



/*---网站建设选项卡---*/

.TTSlider {

	width: 1000px;

	margin: 30px auto

}

.TTSlider li {

	list-style-type: none;

	float: left;

}

.TTSlider li img {

	border: none;

}

.TTSliderTitle {

	background: #FAFAFA;

	height: 63px;

}

.TTSliderTitle ul {

	width: 1000px;

}

.TTSliderTitle li {

	width: 100px;

	height: 63px;

	position: relative;

	z-index: 3;

	left: 0;

}

.TTSliderTitle li div {

	border-right: 1px solid #FFF;

	border-top: 1px solid #FFF;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	position: absolute;

	_width: 100px;

	_height: 62px

}

.TTSliderTitle .cur div {

	border: 1px solid #f7ab00;

	background: #fff;

	z-index: 3;

	border-bottom: none;

	bottom: -2px;

	_height: 63px;

	_width: 100px

}

.TTSliderTitle .noneBorRight div {

	border-right: none;

}

.TTSliderTitle li a {

	color: #666;

	display: block;

	width: 50%;

	float: left;

	height: 100%;

	line-height: 61px;

	text-decoration: none;

	overflow: hidden;

*width:49%;

	font-size: 12px

}

.TTSliderTitle li a img {

	height: 40px;

	margin: 5px;

	width: 40px

}

/* TTSliderPic */

.TTSliderPic {

	width: 940px;

	padding: 13px 33px;

	border: 1px solid #f7ab00;

	position: relative;

	height: 180px;

	z-index: 1

}

.TTSliderPicList {

	position: relative;

	width: 890px;

	overflow: hidden;

	height: 180px;

}

.TTSliderPic ul {

	position: absolute;

	display: none;

	top: 3px;

	left: 0

}

.TTSliderPic ul.show {

	display: block;

}

.TTSliderPic li img {

	width: 150px;

	height: 150px;

}

.TTSliderPic li {

	width: 150px;

	padding: 0 14px;

	height: 180px;

}

.TTSliderPic li a {

	display: block;

	height: 150px;

	overflow: hidden;

}

.TTSliderPic li p {

	height: 30px;

	line-height: 30px;

	text-align: center;

	color: #ED0A0A

}

.TTSliderPrevBtn, .TTSliderNextBtn {

	height: 100%;

	width: 45px;

	position: absolute;

	z-index: 999;

	top: 0;

	text-align: center;

}

.TTSliderPrevBtn {

	left: 0

}

.TTSliderNextBtn {

	right: 0;

}

.TTSliderPrevBtn a, .TTSliderNextBtn a {

	height: 30px;

	width: 20px;

	display: inline-block;

	background: url(../images/btn.png)  no-repeat;

	margin-top: 75px

}

.TTSliderNextBtn a {

	background: url(../images/btn.png) no-repeat -30px 0

}



/*---------------------*/



















#bt p {

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	color: #f7ab00;

	border-bottom: 2px solid #ddd;

}

#bt span {

	display: block;

	width: 180p;

	float: left;

	background: url(../images/quan.jpg) 5px 13px no-repeat;

	padding-left: 20px;

	font-weight: bold;

}

#bt a {

	width: 40px;

	display: block;

	float: right;

	font-size: 12px;

	color: #333;

	background: url(../images/more.jpg) 27px 13px no-repeat

}

.product_right {

	width: 760px;

	float: left;

	margin-left: 20px;

}

.product_right ul {

	margin-top: 30px;

}

.product_right ul li {

	width: 253px;

	height: 230px;

	text-align: center;

	float: left;

}

.product_right ul li img {

	width: 230px;

	height: 180px;

	border: 1px solid #bbb;

	padding: 5px;

}

.product_right ul li p {

	height: 40px;

	line-height: 40px;

}

.product_right ul li a p  {

	color: #333;

}

/* advant */

.advant {

	width: 1000px;

	text-align: center;

	margin-top: 20px;

}

.advant_1 {

	width: 1000px;

	height: 410px;

	margin-top: 30px;

}

.advant_1 img {

	float: right;

}

.advant_2 {

	width: 1000px;

	height: 390px;

	margin-top: 30px;

}

.advant_2 img {

	float: left;

}

.advant_3 {

	width: 1000px;

	height: 300px;

	margin-top: 30px;

}

.advant_left {

	width: 500px;

	height: 410px;

	float: left;

	text-align: left;

}

.advant_right {

	width: 500px;

	height: 390px;

	float: right;

	text-align: left;

}

.advant_one {

	margin-bottom: 30px;

}

.advant_four {

	margin-bottom: 30px;

}

.advant_three {

	margin-bottom: 30px;

}

.advant_two {

	margin-bottom: 30px;

}

.advant_2 img {

	padding-top: 30px;

	padding-left: 20px;

}

.advant_five {

	margin-bottom: 50px;

}

.advant_left span {

	display: block;

	font-size: 14px;

	line-height: 24px;

	padding-left: 50px;

}

.advant_right span {

	display: block;

	font-size: 14px;

	line-height: 24px;

	padding-left: 50px;

}

.advant_one p {

	font-size: 20px;

	color: #f7ab00;

	font-weight: bold;

	height: 43px;

	background: url(../images/01.jpg) no-repeat;

	padding-top: 10px;

	padding-left: 50px;

}

.advant_two p {

	font-size: 20px;

	color: #f7ab00;

	font-weight: bold;

	height: 43px;

	background: url(../images/02.jpg) no-repeat;

	padding-top: 10px;

	padding-left: 50px;

}

.advant_three p {

	font-size: 20px;

	color: #f7ab00;

	font-weight: bold;

	height: 43px;

	background: url(../images/03.jpg) no-repeat;

	padding-top: 10px;

	padding-left: 50px;

}

.advant_four p {

	font-size: 20px;

	color: #f7ab00;

	font-weight: bold;

	height: 43px;

	background: url(../images/04.jpg) no-repeat;

	padding-top: 10px;

	padding-left: 50px;

}

.advant_five p {

	font-size: 20px;

	color: #f7ab00;

	font-weight: bold;

	height: 43px;

	background: url(../images/05.jpg) no-repeat;

	padding-top: 10px;

	padding-left: 50px;

}

.advant_six p {

	font-size: 20px;

	color: #f7ab00;

	font-weight: bold;

	height: 43px;

	background: url(../images/06.jpg) no-repeat;

	padding-top: 10px;

	padding-left: 50px;

}

/* advantmore */

.advantmore {

	width: 100%;

	height: 640px;

}

.advantmore_biao {

	width: 100%;

	height: 140px;

	text-align: center;

	color: #fff;

	background: #eeeeee;

	padding-top: 20px;

}

.more_biao {

	width: 1000px;

	height: 140px;

	background: url(../images/kepabg.png) no-repeat;

}

/*.advantmore_biao p {

	font-size: 30px;

}

*/

.advantmore_biao span {

	display: block;

	font-size: 12px;

}

/* banner1 */

.banner1 {

	width: 100%;

	height: 256px;

	background: #f7ab00 url(../ouscptu/syt/banner2.png) no-repeat center;

}

/* about */

.about {

	width:1000px;

	height: 180px;

	margin-top: 10px;

}

.aboutus {

	width: 1000px;

	height: auto;

	margin-top: 20px;

}

.about_left {

	width: 455px;

	border: 1px solid #bbb;

	padding: 5px;

	float: left;

}

.about_right {

	width: 500px;

	float: right;

}

.about_right p {

	font-size: 14px;

	line-height: 36px;

	text-indent: 2em;

	margin-left: 10px;

}

.about_right a {

	display: block;

	width: 100px;

	height: 30px;

	color: #fff;

	text-align: center;

	line-height: 30px;

	background: url(../images/yh.jpg) no-repeat center;

	margin-left: 10px;

	margin-top: 10px;

}

/* new */

.new {

	width: 1000px;

	height: 404px;

}

.news {

	width: 300px;

	float: left;

}

.news img {

	width: 288px;

	height: 90px;

	border: 1px solid #bbb;

	padding: 5px;

	margin-top: 10px;

}

.news ul {

	width: 300px;

	margin-top: 10px;

	line-height: 30px;

}

.news ul li {

	height: 30px;

}

.news ul li a {

	color: #333;

	background: url(../images/wb.jpg) 10px no-repeat;

	padding-left: 30px;

}

.news ul li a:hover {

	color: #f7ab00;

	background: url(../images/hb.jpg) 10px no-repeat;

	padding-left: 30px;

}

.news ul li:hover span {

	color: #f7ab00;

}

.news ul li span {

	float: right;



	

}

.industry {

	width: 300px;

	float: left;

	margin-left: 50px;

}

.industry img {

	width: 288px;

	height: 90px;

	border: 1px solid #bbb;

	padding: 5px;

	margin-top: 10px;

}

.industry ul {

	margin-top: 10px;

	line-height: 30px;

}

.industry ul li {

	height: 30px;

}

.industry ul li a {

	color: #333;

	background: url(../images/wb.jpg) 10px no-repeat;

	padding-left: 30px;

}

.industry ul li a:hover {

	color: #f7ab00;

	background: url(../images/hb.jpg) 10px no-repeat;

	padding-left: 30px;

}

.industry ul li:hover span {

	color: #f7ab00;

}

.industry ul li span {

	float: right;

}

.honor {

	width: 300px;

	float: left;

	margin-left: 50px;

}

.honor img {

	text-align: center;

	width: 267px;

	height: 338px;

	margin-left: 20px;

	margin-top: 20px;

}

/* case */

.case {

	width: 1000px;

	height: 347px;

	margin-top: 20px;

}

.case ul {

	margin-top: 20px;

}

.case ul li {

	width: 310px;

	height: 275px;

	float: left;

	margin-left: 12px;

	margin-right: 10px;

}

.case ul li:hover a {

	background: #f7ab00;

	color: #fff;

}

.case ul li:hover img {

	border: 1px solid #f7ab00;

}

.case ul img {

	width: 300px;

	height: 233px;

	border: 1px solid #bbb;

	padding: 5px;

}

.case ul a {

	display: block;

	color: #333;

	line-height: 30px;

	text-align: center;

	margin-top: 10px;

	background: #ddd;

}

/* service */

.service {

	width: 1000px;

	height: 180px;

	margin-top: 20px;

}

.service img {

	margin-top: 30px;

}

/* foot */

.foot {

	width: 100%;

	height: 180px;

	margin-top: 20px;

	background: #f7ab00;

}

.foots {

	width: 1000px;

}

.foots_left {

	width: 220px;

	height: 140px;

	background: #f7ab00;

	float: left;

}

.foots_left {

	text-align: center;

	padding-top: 40px;

}

.foots_middle {

	float: left;

	color: #fff;

	width: 450px;

	line-height: 30px;

	padding-left: 50px;

	padding-top: 30px;

}

.foots_middle a {

	color: #fff;

}

.foots_right {

	padding-top: 40px;

	float: right;

}

.foots_right img {

	width: 100px;

	height: 100px;

	padding-right: 30px;

}

.link{

	width: 1000px;

	height: auto;

}

.link a{

	font-size: 12px;

	color: #666;

	line-height: 30px;

	margin-left: 10px;

}

.link100{

	width: 1000px;

	height: auto;

}

/* 产品内页  */

/*------------------------------------------------------*/

.contain {

	margin-top: 10px;

	width: 1003px;

	height: auto;

}



.contain-right {

	float: right;

	width: 765px;

	height: auto;

}

.contain-right p {

	font-size: 14px;

	padding-left: 20px;

	padding-right: 20px;

	color: #333;

	line-height: 28px;

	text-indent: 2em;

}

#concolor {

	font-size: 14px;

	color: #646663;

}

.diao {

	width: 250px;

	height: auto;

}

.diao h2 {

	padding-left: 20PX;

	width: 240px;

	height: 35px;

	font-size: 16px;

	line-height: 35px;

	color: #FFF;

	background: url(../images/conh2.jpg) no-repeat;

}

.diao ul {

	text-decoration: none;

}

.diao ul li {

	margin-top: 10px;

	padding-left: 30px;

	width: 200px;

	height: 35px;

	font-size: 14px;

	line-height: 35px;

	font-weight: bold;

	background: #e4e4e4 url(../images/js.png) no-repeat;

}

.diao ul li a {

	color: #646663;

}

.contacta{

	width: 250px;

	height: auto;

}

.contacta h2{

	padding-left: 30px;

	width: 240px;

	height: 35px;

	font-size: 16px;

	color: #FFF;

	line-height: 35px;

}

.contacta ul{

	margin-top: 10px;

	text-decoration: none;

}

.contacta ul li{

	padding-left: 20px;

	width: 210px;

	height: 35px;

	font-size: 14px;

	line-height: 35px;

}

.caseh2 h2{

	float: left;

	padding-left: 50px;

	line-height: 30px;

	color: #333;

}

.contain-right h2 {

	width: 740px;

	height: 40px;

	font-size: 16px;

	line-height: 40px;

	color: #3a8125;

	border-bottom: 1px dashed #206709;

}

#concolor {

	font-size: 14px;

	color: #646663;

}

.newslist {

	text-decoration: none;

	width: 740px;

}

.newslist li {

	padding-left: 20px;

	font-size: 14px;

	line-height: 40px;

	border-bottom: 1px solid #e9e9e9;

	background: url(../images/newli.jpg) 0px 15px no-repeat;

}

.newslist li a {

	color: #40423f;

}

.newslist li span {

	margin-right: 60px;

	float: right;

}

#page {

	line-height: 24px;

	text-align: center;

	margin: 15px 2px 2px;

	padding: 2px;

	background: #f5f5f5;

	font-size: 12px;

	clear: both;

}

.caseflist {

	padding: 15px 9px;

	overflow: hidden;

}

.caselistt {

	margin-top: 10px;

	height: 210px;

	float: left;

	width: 240px;

}

.caselistt_pic {

	text-align: center;

	height: 165px;

}

.caselistt_pic img {

	width: 230px;

	height: 165px;

	border: 1px solid #bcbcbc;

}

.caselistt_name {

	text-align: center;

	line-height: 45px;

}

.caselistt_name a {

	color: #333;

}

.caselistt_name a:hover {

	color: #CCCC00;

}



.contact{

	margin-top: 20px;

	width: 220px;

	height: 350px;

	border: 1px solid #d4d4d4;

	background: #FFF;

}

.contact h2{

	padding-left: 30px;

	width: 190px;

	height: 80px;

	font-size: 26px;

	color: #FFF;

	line-height: 80px;

	background: #4b96d0;

}

.contact ul{

	margin-top: 10px;

	text-decoration: none;

	background: url(../images/KJ.jpg) 0px 50px no-repeat;

}

.contact ul li{

	padding-left: 20px;

	width: 210px;

	height: 35px;

	font-size: 14px;

	line-height: 35px;

}

.one-left{

	float: left;

	width: 206px;

	height: auto;

	border-bottom: 1px solid #dadada;

	border-left: 1px solid #dadada;

    border-right: 1px solid #dadada;





}

.one-left h2{

	width: 192px;

	height: 50px;

	font-size: 20px;

	color: #FFF;

	line-height: 50px;

	padding-left: 15px;

	background: url(../images/prh2.jpg) no-repeat;

}

.one-left ul{

	text-decoration: none;

	margin-bottom: 20px;

}

.one-left ul li{

	padding-left: 35px;

	line-height: 35px;

	margin-top: 5px;

	width: 206px;

	height: 35px;

	background: url(../images/pdul.jpg) 2px 0px no-repeat;

}

.one-left ul li a{

	font-size: 13px;

	color: #666;

}









.one-lefts{

	float: left;

	width: 206px;

	height: auto;

	border-bottom: 1px solid #dadada;

	border-left: 1px solid #dadada;

    border-right: 1px solid #dadada;





}

.one-lefts h2{

	width: 192px;

	height: 60px;

	font-size: 20px;

	color: #FFF;

	line-height: 60px;

	padding-left: 15px;

	background: #45ad00;

}

.one-lefts ul{

	text-decoration: none;

	margin-bottom: 20px;

}

.one-lefts ul li{

	margin-top: 10px;

	width: 200px;

	height: 160px;

	border: 1px solid #CCC;

}

.one-lefts ul li img{

	width: 200px;

	height: 140px;

}









.right_contnet{

	margin-top: 20px;

	

	

	}

#conimg{

	width: 600px;

	height: auto;

}







.caselistts {

	margin-top: 10px;

	height: 190px;

	float: left;

	width: 240px;

}

.caselistt_pics {

	text-align: center;

	height: 126px;

}

.caselistt_pics img {

	width: 230px;

	height: 190px;

	border: 1px solid #bcbcbc;

}



.ads{

	background: url(../images/ad.png) no-repeat;

}

.mea{

	background: url(../images/mea.png) no-repeat;

}

.tel{

	background: url(../images/tel.png) no-repeat;

}

.teph{

	background: url(../images/psh.png) no-repeat;

}

.e-mail{



	background: url(../images/chan.png) no-repeat;

}

.inet{

	background: url(../images/ine.png) no-repeat;

}

.contactss p{

	padding-left: 20px;

	line-height: 35px;

}

.contactss{

	margin-bottom: 20px;

}

.contactss h2{

	color: #666;

	font-size: 16px;

	background: url(../images/coh2.jpg) 10px 0px no-repeat;

 

	

}
