* {
	font-family: Arial, Helvetica, sans-serif, "Microsoft YaHei";
	outline: none;
}
body {
	padding: 0;
	margin: 0;
	background: #fff;
	font-size: 12px;
	color: #333;
}

a {
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #1398b9;
}

.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix:before, .clearfix:after {
	content: '\20';
	display: block;
	height: 0;
	clear: both;
}
.common {
	width: 1200px;
	margin: 0 auto;
	clear: both;
}
.ul, .ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}

.header {
	padding: 30px 25px;
	background: #8dc73d;
	width: 1150px;
	height: 78px;
	line-height: 78px;
}
.header a,
.header a img {
	width: 176px;
	height: 78px;
}
.header a {
	margin-right: 65px;
}
.header span {
	font-size: 30px;
	color: #fff;
}

.nav {
	height: 75px;
}
.nav a {
	display: block;
	width: 200px;
	line-height: 75px;
	text-align: center;
	font-size: 18px;
}
.nav a:hover {
	color: #4280d4;
}

.banner {
	height: 568px;
	background: url(../Images/banner.jpg) no-repeat center center;
}

.search {
	border: 1px solid #ccc;
	border-radius: 3px 3px 0 0;
	padding: 10px 20px;
	height: 45px;
	margin-top: 30px;
}
.search .hot {
	width: 720px;
	line-height: 45px;
}
.search .hot span {
	font-size: 18px;
	margin-right: 15px;
}
.search .hot a {
	margin-right: 35px;
	color: #1398b9;
}
.search .hot a:hover {
	color: #e00;
}
.search form {
	width: 420px;
}
.search form .keywords {
	height: 43px;
	line-height: 40px;
	border: 1px solid #ccc;
	width: 300px;
	padding: 0 10px;
}
.search form .keywords:focus {
	border: 1px solid #1398b9;
}
.search form .submit {
	width: 90px;
	height: 45px;
	border: none;
	border-radius: 0 5px 5px 0;
	background: #1398b9 url(../Images/icon-submit.png) no-repeat center center;
}

.oem {
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #37b2d4;
	font-size: 26px;
	border-bottom: 1px solid #ccc;
	margin-top: 30px;
	margin-bottom: 20px;
}
.oem a {
	margin-right: 6px;
}

.products-type {
	width: 280px;
	border-radius: 5px;
	border: 2px solid #1398b9;
}
.products-type h5 {
	background: #1398b9;
	font-size: 20px;
	color: #fff;
	height: 65px;
	line-height: 65px;
	margin: 0;
	text-indent: 30px;
	margin-bottom: 20px;
}
.products-type ul {
	padding: 0 10px 0 30px;
	line-height: 2;
	margin-bottom: 20px;
}
.products-type ul li p a {
	font-size: 16px;
}
.products-type ul li ul {
	display: none;
	padding: 0;
	line-height: 2;
	margin-bottom: 0;
}
.products-type ul li {
	transition:display 5s; 
}
.products-type ul li:hover ul {
	display: block;
}
.products-type ul ul a {
	font-size: 14px;
	color: #666;
	margin-left: 15px;
}
.products-type ul ul a:hover,
.products-type ul ul a.active {
	color: #1398b9;
}

.products-nav {
	width: 280px;
	border-radius: 5px;
	border: 2px solid #1398b9;
}
.products-nav h5 {
	background: #1398b9;
	font-size: 20px;
	color: #fff;
	height: 65px;
	line-height: 65px;
	margin: 0;
	text-indent: 30px;
	margin-bottom: 20px;
}
.products-nav dl,
.products-nav dl dt,
.products-nav dl dd {
	margin: 0;
}
.products-nav dl {
	padding: 0 10px 0 30px;
	line-height: 2;
	margin-bottom: 20px;
}
.products-nav dl dt a {
	font-size: 16px;
}
.products-nav dl dd a {
	font-size: 14px;
	color: #666;
	margin-left: 15px;
}
.products-nav dl a:hover,
.products-nav dl a.active {
	color: #1398b9;
}

.products-lists {
	width: 888px;
}
.products-lists ul {
	width: 888px;
}
.products-lists ul li {
	float: left;
	width: 280px;
	height: 250px;
	margin-right: 16px;
	background: #ececec;
	position: relative;
	margin-bottom: 18px;
}
#productslists.products-lists ul li {
	height: 280px;
}
.products-lists ul li .products-cate {
	height: 42px;
	line-height: 42px;
	color: #fff;
	font-size: 18px;
	background: #8dc73d;
	border-bottom: 3px solid #c6c6c6;
	padding: 0 12px;
}
.products-lists ul li .products-title {
	padding: 12px;
	font-size: 14px;
}
.products-lists ul li img {
	height: 180px;
	width: 180px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.products-lists ul li a {
	width: 90px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	position: absolute;
	right: -10px;
	bottom: 20px;
	background: #74b9e3;
}
.products-lists ul li a:hover {
	background: #1398b9;
}
.product-detail {
	width: 880px;
}
.product-detail .product-img,
.product-detail .product-img img {
	width: 200px;
	height: 200px;
}
.product-detail .category-name {
	font-size: 20px;
	font-weight: 700;
	margin-top: 0;
}
.product-detail .product-desc {
	width: 480px;
	font-size: 14px;
	line-height: 2;
}
.product-detail .product-desc h1 {
	margin-top: 0;
	margin-bottom: 1em;
	font-size: 18px;
}
.product-detail .product-desc div {
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	margin-bottom: 1em;
	color: #8dc73d;
}
.product-detail .product-desc div span {
	display: inline-block;
	width: 110px;
}
.product-detail .product-desc div.background {
	background: #e9e9e9;
}
.product-detail .product-content {
	margin-top: 30px;
	background: #e6e6e6;
	height: 60px;
	line-height: 60px;
}
.product-detail .product-content span {
	display: inline-block;
	width: 180px;
	background: #8dc73d;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.product-detail .content {
	font-size: 14px;
	line-height: 2;
	margin-top: 50px;
}
.product-detail .content img {
	max-width: 870px;
}

.why-choose {
	margin-top: 50px;
	height: 190px;
	background: #1398b9 url(../Images/why-choose.png) no-repeat center center;
}
.our-products {
	padding: 30px 80px;
	line-height: 1.8;
	font-size: 16px;
	color: #787878;
	text-align: center;
}
.choose-lists {
	margin-bottom: 50px;
}
.choose-lists ul li {
	width: 50%;
	height: 401px;
}
.choose-lists ul li .style1 {
	padding: 38px 38px 38px 0;
	border-right: 2px solid #ddd;
}
.choose-lists ul li .style2 {
	padding: 40px 0 40px 40px;
}
.choose-lists ul li .style3 {
	padding: 38px 38px 38px 0;
	border-top: 2px solid #ddd;
	border-right: 2px solid #ddd;
}
.choose-lists ul li .style4 {
	padding: 40px 0 40px 40px;
	border-top: 2px solid #ddd;
}
.choose-lists ul li .time {
	height: 172px;
	width: 244px;
	margin-top: 51px;
	color: #fff;
}
.choose-lists ul li .time .num {
	font-size: 60px;
	padding-left: 10px;
}
.choose-lists ul li .time .desc {
	font-size: 22px;
	text-align: center;
	padding-left: 20px;
}
.choose-lists ul li .img,
.choose-lists ul li .img img {
	width: 314px;
	height: 221px;
}
.choose-lists ul li .text {
	color: #888;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 30px;
}
.choose-lists ul li .style1 .img {
	border: 1px solid #1398b9;
}
.choose-lists ul li .style1 .time {
	background: #95e12b;
}
.choose-lists ul li .style2 .img {
	border: 1px solid #95e12b;
}
.choose-lists ul li .style2 .time {
	background: #1398b9;
}
.choose-lists ul li .style3 .img {
	border: 1px solid #95e12b;
}
.choose-lists ul li .style3 .time {
	background: #1398b9;
}
.choose-lists ul li .style4 .img {
	border: 1px solid #1398b9;
}
.choose-lists ul li .style4 .time {
	background: #95e12b;
}

.cooperative-enterprise {
	background: #ececec;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.cooperative-enterprise .enterprise {
	border-bottom: 1px solid #ccc;
	height: 70px;
}

.factory-tour {
	border-bottom: 1px solid #ccc;
	height: 70px;
	line-height: 50px;
}
.factory-tour span {
	border-left: 1px solid #333;
	font-size: 30px;
	padding-left: 15px;
}

.aboutus {
	width: 715px;
}
.aboutus .clearfix {
	margin-top: 30px;
}
.aboutus .clearfix .fl {
	width: 270px;
}
.aboutus .clearfix div {
	font-size: 16px;
	line-height: 1.6;
	text-indent: 2em;
}
.aboutus .clearfix div img {
	float: left;
	margin-right: 1em;
	width: 260px;
	height: auto;
}
.aboutus .clearfix p a {
	display: block;
	background: #b6b6b6;
	width: 150px;
	height: 40px;
	border-radius: 5px;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
}
.aboutus .clearfix p a:hover{
	background: #1398b9;
}

.aboutus-cablesknowledge .factory-tour {
	margin-bottom: 30px;
}

.cablesknowledge {
	width: 410px;
}
.cablesknowledge dl,
.cablesknowledge dl dt,
.cablesknowledge dl dd {
	padding: 0;
	margin: 0;
}
.cablesknowledge dl {
	height: 68px;
	line-height: 24px;
	font-size: 16px;
	border-bottom: 1px dashed #ccc;
	margin-bottom: 10px;
}
.cablesknowledge dl dt {
	padding-left: 30px;
	height: 24px;
	margin-bottom: 10px;
	color: #666;
	overflow: hidden;
	background: url(../Images/icon-q.jpg) no-repeat left center;
}
.cablesknowledge dl dt a {
	font-size: 16px;
	color: #666;
}
.cablesknowledge dl dt a:hover {
	color: #1398b9;
}
.cablesknowledge dl dd {
	padding-left: 30px;
	height: 24px;
	color: #1398b9;
	overflow: hidden;
	background: url(../Images/icon-a.jpg) no-repeat left center;
}

.news-inquiry {
	margin-top: 30px;
	margin-bottom: 50px;
}
.news-inquiry .news {
	width: 715px;
}
.news-inquiry .news .factory-tour {
	margin-bottom: 30px;
}
.news-inquiry .news dl,
.news-inquiry .news dl dt,
.news-inquiry .news dl dd {
	margin: 0;
	padding: 0;
}
.news-inquiry .news dl {
	margin-bottom: 20px;
}
.news-inquiry .news dl dt {
	width: 90px;
}
.news-inquiry .news dl dt img {
	width: 90px;
	height: 90px;
	border-radius: 5px;
	border: 2px solid #ddd;
}
.news-inquiry .news dl dd {
	width: 585px;
}
.news-inquiry .news dl dd .title {
	line-height: 50px;
}
.news-inquiry .news dl dd .title a {
	font-size: 22px;
	color: #8c8c8c;
}
.news-inquiry .news dl dd .title a:hover {
	color: #1398b9;
}
.news-inquiry .news dl dd .title span {
	font-size: 14px;
	color: #8c8c8c;
}
.news-inquiry .news dl dd .desc {
	font-size: 16px;
	color: #a6a6a6;
	line-height: 2;
}
.news-inquiry .inquiry {
	width: 410px;
}
.news-inquiry .inquiry .desc {
	font-size: 14px;
	color: #8c8c8c;
	line-height: 1.6;
}
#message form dl,
form#message dl dt,
form#message dl dd {
	margin: 0;
	padding: 0;
}
form#message dl {
	margin-bottom: 10px;
}
form#message dl dt {
	font-size: 18px;
	color: #888;
	float: left;
	width: 100px;
}
form#message dl dd {
	float: left;
	width: 305px;
}
form#message dl dd input,
form#message dl dd textarea {
	width: 290px;
	line-height: 30px;
	padding: 0 5px;
	font-size: 14px;
	border: 1px solid #ddd;
}
form#message dl dd input {
	height: 32px;
}
form#message dl dd textarea {
	height: 100px;
}
form#message dl dd input:focus,
form#message dl dd textarea:focus {
	border: 1px solid #1398b9;
}
form#message div {
	margin-top: 20px;
	padding-left: 100px;
}
form#message div input {
	width: 115px;
	height: 40px;
	line-height: 38px;
	background: #1398b9;
	color: #fff;
	font-size: 16px;
	border: none;
	cursor: pointer;
}

.contact-content {
	margin-bottom: 50px;
}
.contact-content form#message {
	width: 420px;
}
.contact-content form#message dl dd textarea {
	height: 220px;
}
.contact-content form#message div {
	padding-left: 190px;
}
.contact-content .category-content {
	width: 700px;
}
.contact-content .category-content img {
	max-width: 700px;
}

.footer {
	background: #666;
	padding: 50px 0;
	margin-top: 50px;
}
.footer,
.footer a {
	color: #fff;
	font-size: 14px;
}
.footer a:hover {
	color: #1398b9;
}
.footer-nav dl,
.footer-nav dl dt,
.footer-nav dl dd {
	margin: 0;
	padding: 0;
}
.footer-nav dl {
	float: left;
	height: 230px;
	width: 200px;
	margin-right: 20px;
	line-height: 2;
	background: url(../Images/footer-nav-r.png) repeat-y right top;
}
.footer-nav dl dt {
	font-size: 24px;
	line-height: 1.2;
	height: 50px;
}
.footer-nav dl.contactus {
	border-right: 0;
	width: 300px;
	margin-right: 0px;
	background: none;
}
.bottom {
	background: #666;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 1.6;
	padding: 20px 0;
	margin-top: 50px;
}

.current {
	margin-top: 25px;
	margin-bottom: 25px;
	line-height: 2;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	color: #1398b9;
}
.current a {
	color: #666;
	font-size: 16px;
}
.current span {
	margin: 0 10px;
	color: #999;
	font-size: 14px;
}

.about-left {
	width: 718px;
}
.about-left .category-content img {
	max-width: 710px;
}
.about-right {
	width: 440px;
}
.about-left .factory-tour,
.about-right .factory-tour {
	margin-bottom: 50px;
}
.about-right .office,
.about-right .factory {
	font-size: 16px;
}
.about-right .office strong,
.about-right .factory strong {
	font-size: 18px;
}
.about-right .tel {
	background: url(../Images/icon-tel.png) no-repeat left center;
}
.about-right .fax {
	background: url(../Images/icon-fax.png) no-repeat left center;
}
.about-right .email {
	background: url(../Images/icon-email.png) no-repeat left center;
}
.about-right .address {
	background: url(../Images/icon-address.png) no-repeat 3px 7px;
}
.about-right .tel,
.about-right .fax,
.about-right .email,
.about-right .address {
	padding-left: 30px;
	line-height: 1.8;
}

.category-content {
	line-height: 1.8;
}

.news-lists,
.news-lists dl,
.news-lists dl dt,
.news-lists dl dd {
	margin: 0;
	padding: 0;
}
.news-lists {
	width: 888px;
}
.news-lists dl {
	margin-bottom: 20px;
}
.news-lists dl dt,
.news-lists dl dt img {
	width: 200px;
	height: 150px;
}
.news-lists dl dd {
	width: 670px;
}
.news-lists dl dd a {
	font-size: 15px;
}
.news-lists dl dd div {
	font-size: 14px;
	color: #999;
}
.news-content {
	width: 888px;
	border: 1px solid #ccc;
}
h1.title {
	text-align: center;
}
p.date-click {
	text-align: center;
	color: #999;
}
.news-content .content{
	padding: 20px;
	line-height: 1.8;
}
.news-content .content img {
	max-width: 840px;
}
p.prev-next,
p.prev-next a {
	font-size: 14px;
}
p.prev-next {
	border-top: 1px solid #ccc;
	line-height: 2;
	padding: 10px 20px 0 20px;
}
p.prev-next span {
	color: #f00;
	margin-right: 10px;
}
.history {
	width: 888px;
	margin-top: 50px;
}
.history p {
	font-size: 16px;
}
.history ul {
	border: 1px solid #ccc;
	line-height: 2;
	padding-top: 20px;
	padding-bottom: 20px;
}

.cablesknowledge-lists {
	width: 850px;
	border: 1px solid #ccc;
	padding: 0 15px;
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 20px;
}
.cablesknowledge-lists dt {
	font-weight: 700;
}

.search-lists {
	border: 1px solid #ccc;
	padding-top: 1em;
	padding-bottom: 1em;
}
.search-lists li {
	width: 50%;
	line-height: 2;
}
.search-lists li a {
	font-size: 14px;
}
.search-lists li a i {
	color: #f00;
	font-style: normal;
}

.picScroll-left{ width:1200px; height: 250px; overflow:hidden; margin-top: 30px; position:relative; }
.picScroll-left .hd{}
.picScroll-left .hd .prev,
.picScroll-left .hd .next{
	display: block;
	width:40px; height:60px;
	cursor:pointer; position: absolute;
	top:50px;
}
.picScroll-left .hd .prev{ left:0; }
.picScroll-left .hd .next{ right:0; }
.picScroll-left .bd{ width: 1120px; margin: 0 auto; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; height: 163px; }
.picScroll-left .bd ul li{
	float:left; overflow: hidden;
	width: 200px; height: 163px;
	margin-left: 20px;
}
.picScroll-left .bd ul li img { width: 198px; height: 161px; border: 1px solid #ddd; }

#picScroll .hd .prev,
#picScroll .hd .next{
	top:70px;
}
#picScroll .bd ul{ height: 200px; }
#picScroll .bd ul li{ width: 200px; height: 200px; }
#picScroll .bd ul li img {
	width: 200px; height: 200px;
	border-radius: 50%; border: 0;
}

.page a, .page span {
	display: inline-block;
	padding: 0 1em;
	line-height: 2;
	margin: 0 4px;
	border-radius: 2px;
}
.page a {
	border: 1px solid #c0c0c0;
}
.page a:hover {
	border: 1px solid #008000;
	color: #008000;
}
.page span {
	background: #008000;
	color: #fff;
	border: 1px solid #008000;
}