@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; font-family:"微软雅黑";}
img{ border:none}
li{ list-style:none}
a{ text-decoration:none; color:#333333;}

pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
}

body{
	overflow-x: hidden;
	overflow-y: scroll;
}

.body{
	background:url(../images/bgbg.jpg) no-repeat;
}

.topmessagediv{ width:100%; height:40px; border-bottom:1px solid #d1d1d1;}
.topmessage{ width:1150px; margin:auto; height:18px; padding-top:9px; color:#152e53;}
.topmessage p{ width:500px; float:right; color:#999; margin-top:5px; text-align:right}
.topmessage img{ vertical-align:middle; margin-right:5px;}


.navdiv{ width:100%; height:auto; background:url(../images/navgationbg.png)}
.navgationdiv{ width:1150px; height:90px; margin:auto;}

.navull{ /*width:527px;*/ margin:auto; height:auto; float:right; margin-top:30px;}
.navull li{ width:auto; float:left; margin-left:30px; position:relative;}
.navull li a{ display:block; width:auto; line-height:25px; text-align:center; font-size:16px; }
.navull li a:hover{ border-bottom:1px solid #666; transition:background 1s ease;}
.navull li:first-child{ margin-left:0px;}
#navlione{ border-bottom:1px solid #152e53;}


.bread{ width:1135px; margin:auto; height:35px; line-height:35px; padding-left:15px; border:1px solid #d1d1d1; color:#666; margin-top:10px;}

.div-1150{ width:1150px; margin:auto;}


.shell{width:460px; float:left; margin-top:28px;}
#div1{height:19px;overflow:hidden;}
#div1 a{ display:block;line-height:18px; width:400px; font-size:18px; text-align:center; padding-left:10px; color:#333; overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
#div1 a:hover{ text-decoration:underline}



.btn{ display:block; width:150px; height:40px; line-height:40px; text-align:center; background:#0072a6; color:white; border-radius:3px; float:right; margin-top:16px; font-size:14px}
.btn:hover{-webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;  }

.btn:hover, .btn:focus, .btn:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}



.list-about-ul li{ height:220px; float:left; border-radius:5px; margin-top:80px;  margin-left:200px;}
.list-about-ul li:first-child{ margin-left:0px;}
.list-about-ul li h3{ font-size:24px; color:#2f383d; text-align:center; margin-top:15px}
.list-about-ul li p{ width:90%; margin:auto; text-align:center; color:#2f383d; height:50px; font-size:14px; line-height:25px;}

.list-about-ul li a{ display:block; width:120px; height:120px; line-height:30px; text-align:center; color:white; margin:auto; border-radius:2px; margin-top:20px; transition:ease-in 0.4s}
.list-about-ul li a:hover{-webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s; }

.list-about-ul li a:hover, .list-about-ul li a:focus, .list-about-ul li a:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}





.ziyuankuleftdiv{ width:378px; float:left; margin-left:20px; margin-top:120px;}




.ziyuankuleftdiv h3{ text-align:right; font-size:24px; color:#303a3c; font-weight:normal}

.ziyuankuleftdiv p{ text-indent:2em; font-size:14px; color:#98a1a6; line-height:25px; margin-top:30px; }


.tuandu-ul{ width:480px; float:left;}
.tuandu-ul li{ width:100%; height:165px; margin-top:55px;}
.tuandu-ul li:first-child{ margin-top:0px;}
.tuandu-ul li div{ width:380px; height:160px; float:right; position:relative;}
.tuandu-ul li div h3{ font-size:18px; color:#3d464c; font-weight:normal}
.tuandu-ul li div p{ font-size:14px; height:25px; color:#8393a0; border-bottom:1px solid #d1d1d1; padding-top:10px; margin-bottom:5px;}
.tuandu-ul li div span{ color:#8393a0; line-height:18px; }
.tdimg-xx{ width:83px; height:20px; position:absolute; bottom:0px; right:0px;}
.tdimg-head{ width:82px; height:82px; float:left;}


.tuandu-ul-right{ width:480px; float:right;}
.tuandu-ul-right li{ width:100%; height:165px; margin-top:55px;}
.tuandu-ul-right li:first-child{ margin-top:0px;}
.tuandu-ul-right li div{ width:380px; height:160px; float:right; position:relative;}
.tuandu-ul-right li div h3{ font-size:18px; color:#3d464c; font-weight:normal}
.tuandu-ul-right li div p{ font-size:14px; height:25px; color:#8393a0; border-bottom:1px solid #d1d1d1; padding-top:10px; margin-bottom:5px;}
.tuandu-ul-right li div span{ color:#8393a0; line-height:18px; }


.foot-nav{ width:660px; float:right; height:20px; margin-top:20px;}
.foot-nav li{ width:60px; float:left; margin-left:50px; text-align:right;}
.foot-nav li a{ color:#72818a; font-size:14px;}
.foot-nav li a:hover{ color:white;}




.proctbanner{ width:100%; height:230px; background:url(../images/banner/proimg.gif) no-repeat center;}
.proctbanner1{ width:100%; height:230px; background:url(../images/banner/newsimg.gif) no-repeat center;}
.proctbanner2{ width:100%; height:230px; background:url(../images/banner/aboutus.gif) no-repeat center;}
.proctbanner3{ width:100%; height:230px; background:url(../images/banner/contact.gif) no-repeat center;}
.proctbanner4{ width:100%; height:230px; background:url(../images/banner/rtc.gif) no-repeat center;}


.bbbbb{border-left:3px solid #d1d1d1; width:95%; height:auto; margin:auto; margin-top:10px;}
.bbbbb span{margin-left:10px; font-size:14px}
.bbbbb h5{font-weight:normal; color:#666; margin-left:10px; font-size:13px; margin-top:5px;}


.content{ width:1150px; min-height:600px; border:1px solid #d1d1d1; margin-top:10px; margin-bottom:10px;}
/* 强行干涉产品详情中图片的尺寸，最大不能超过100%的宽度 */
.content img{max-width:100%; margin:10px auto 0px; border-radius: 5px;}
.content h3{ text-align:center; height:40px; line-height:40px; font-size:20px; margin-top:20px; color:#666; font-weight:normal}
.edit-div{ width:95%; margin:auto; color:#666; line-height:20px; text-indent:2em; font-size:14px; letter-spacing:2px}
.edit-div img{ width:85%; height:auto; margin:10px auto;}
.edit-div p{ color:#666; line-height:20px; text-indent:2em; font-size:14px; letter-spacing:2px}


.cont-title{font-size:22px; height:35px; line-height:35px; background:url(../images/xsjj.png) no-repeat left center; margin-top:20px; border-bottom:1px solid #d1d1d1; padding-left:10px; width:1140px; color:#1b2af3; font-weight:normal}

.cont-text{ width:100%; height:auto; font-size:14px; line-height:20px; color:#666; padding:10px 0px;  text-indent:2em;}

.pro-list{ width:100%; margin:auto; min-height:200px; overflow: hidden;}
.pro-list li{ width:260px; height:38px; border:1px solid #73c5ff; line-height:38px; text-align:center; float:left; margin-right:23px; margin-top:30px; font-weight:bold; color:#666; border-radius: 10px;}
.pro-list li a{ font-weight:bold; display:block; width:260px; height:38px; font-size:16px}
.pro-list li a:hover{-webkit-transform: perspective(1px) translateZ(0);
  font-size:18px
  }
.list-prod{ margin-top:20px; margin-left:10px; padding:0px;}
.list-prod li{ margin-top:10px; list-style:inside; font-size:13px;}



.news-list{ width:90%; height:35px; margin:auto; line-height:35px; margin-top:20px; border-bottom:1px dashed #d1d1d1; position:relative}
.news-list a{ display:block; width:70%;  font-weight:bold; overflow:hidden;text-overflow:ellipsis; white-space: nowrap; float:left; background:none; font-size:15px;}
.news-list a:hover{ color:red}
.news-list p{ width:30%; text-align:right; color:#999999; float:right}
.news-list img{ position:absolute; top:-6px; left:-23px; width:27px; height:20px;}
/**********************************tabs*************************************/

#tabs{
	width:1150px;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top:20px;
}

#tabs li{
	float: left;
	margin-right: 2px;
	padding: 10px 30px;
	background:#e5e6e7;
	text-decoration: none;
	color:#666;
	font-size: 18px;
}




.tabulous_active{
	background:#152e53;
	color:white;
	}
.fenye{ height:40px; margin-top:20px; text-align:center;}	
	
#tabs_container {
	overflow: hidden;
	position: relative;
	background: white;
	border:1px solid #e5e6e7;
	padding-bottom:40px;
	clear:both
}

#tabs-1{ width:100%;}
#tabs-2{ display:none}


.tabulousclear {
	display: block;
	clear: both;
}



.about-title{ width:90%; margin:auto; height:35px; line-height:35px; margin-top:20px; color:#666; font-size:16px; font-weight:normal}
.about-title b{ font-weight:bold; font-size:20px}

#tabs-1 p,#tabs-2 p{ margin:auto; text-indent:2em; color:#666; line-height:18px;}
.title-text{ width:95%; margin:auto; margin-top:20px; padding:5px 5px; border-bottom:1px solid #d1d1d1; margin-bottom:20px; font-size: 22px;}

.textt{  width:95%; height:35px; margin:auto; line-height:35px; color:#666;}
.textt span{ background:#3bb4f2; padding:5px 8px; color:white; margin-right:5px;}

.classtable tr td{ width:20%; height:150px; text-align:center;}
.classtable tr td p{ width:105px; margin:auto; overflow:hidden; text-overflow:ellipsis; text-align:center; height:17px; white-space: nowrap; margin-top:5px;}