@charset "utf-8";
/* CSS Document */

*{font-family:'Arial','黑体';}
.main {width:1000px; height:auto; background:none; margin:auto; overflow:hidden;}

.top {width:100%; height:130px; overflow:hidden;}
.top .lan {display:block; width:20px; height:15px; background:#F00; position:absolute; top:10px; color:#fff; line-height:15px; text-align:center; font-size:12px;}
.top .cn {right:60px;} .top .en {right:30px;}
.top .logo {width:105px; height:105px; float:left; margin:10px 0 0 20px;}
.top .title {width:833px; height:41px; float:left; margin:55px 0 0 20px;}
.top .title-cn {
	width: 833px;
	height: 80px;
	float: left;
	margin: 28px 0 0 20px;
}
.top .tel {
	width: 260px;
	height: 21px;
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.top .tel img {width:23px; height:21px; vertical-align:middle; margin-right:5px;}
.top .tel span {margin-right:1em; font-family:'微软雅黑'; font-size:12px; color:#4a4a4a; line-height:21px;}
.nav {width:100%; height:40px; background:url(../images/nav.jpg) 0 0 repeat-x; box-shadow:2px 2px 2px #aaa; z-index:999;}
.nav ul {width:1000px; height:40px; overflow:hidden; margin:auto;}
.nav ul li {float:left;}
.nav ul li a {padding:25px 25px; line-height:40px; font-size:15px; color:#fff;}
.nav ul li .a {background:url(../cimages/nav_hover.jpg) 0 0 no-repeat; background-size:cover;}
.nav ul li a:hover {background:url(../cimages/nav_hover.jpg) 0 0 no-repeat; background-size:cover;}

#carousel {width:100%; height:371px; overflow:hidden; position:relative; z-index:990;}
#carousel ul li img {height:371px;}
#carousel ol {position: absolute;right:20%;bottom:10px;}
#carousel ol li {font-size:12px; float:left;width:16px;height:16px;background-color:#fff;margin:3px;text-align:center;line-height:18px;color:#000;cursor:pointer; font-weight:bold;}
#carousel ol li.current {background-color:#fd7c4a; color:#fff;}

.bg1 {background:url(../images/bg1.jpg) 0 0 repeat-x; width:100%; height:38px; overflow:hidden;}
.label {height:100%; line-height:38px; overflow:hidden;}
.label .span1 {font-size:13px; color:#055faa; font-weight:bold; margin-left:1em; float:left;}
.label .span2 {font-size:20px; color:#ff0000; margin:auto 10px auto 50px; float:left;}
.label .a {color:#6b6b6b; font-size:12px; float:left;}
.label .a:hover {color:#ff0000;}
.label .more {display:block; width:59px; height:21px; background:url(../cimages/more-cn.png) 0 0 no-repeat; float:left; margin:8px 0 0 70px;}
.label .sel {width:207px; height:26px; background:url(../images/sel.png) 0 0 no-repeat; overflow:hidden; float:right; margin-top:5px;}
.label .sel .text {width:170px; height:28px; border:none; background:none; text-indent:2em; float:left;}
.label .sel .btn {float:left; width:35px; height:26px; border:none; background:none; cursor:pointer;}

.bg2 {background:url(../images/bg2.jpg) 0 0 repeat-x; width:100%; height:auto; padding:20px 0; box-sizing:border-box; border-bottom:1px dashed #c6c6c6;}
.bg2 .left {float:left; width:240px; height:auto;}
.left .pro {box-sizing:border-box; border:1px solid #c4c4c4; padding:2px;}
.bg2 .left .pro .title {width:100%; height:30px; background:#004aad; color:#fff; font-size:14px; line-height:30px; text-indent:1em;}
.bg2 .left .pro ul li img {width:11px; height:10px; margin-right:10px;}
.bg2 .left .pro ul {width:220px; height:auto; margin:10px 0 0 10px; font-size:12px;}
.bg2 .left .pro ul li {min-height:20px; font-weight:bold;}
.bg2 .left .pro ul li a {color:#000;}
.bg2 .left .pro ul li .a {color:#ff0000;}
.bg2 .left .pro ul li ol {margin:5px 0 0 15px;}
.bg2 .left .pro ul a:hover {color:#ff0000;}

.bg2 .right {float:right; width:700px; height:auto; margin-right:10px;}
.right .title {font-size:18px; color:#5d5d5d;}
.right .con1 {width:100%; height:135px; overflow:hidden; margin-top:15px; border-bottom:1px dashed #c6c6c6;}
.con1_left {width:255px; height:130px; overflow:hidden; background:url(../images/img1.jpg) 0 0 no-repeat; padding:14px 15px; box-sizing:border-box; float:left;}
.con1_right {width:440px; height:130px; float:right; font-size:13px; color:#303d43; text-indent:2em; line-height:25px; padding-left:10px; box-sizing:border-box; position:relative;}
.con1_right a {position:absolute; left:-10px; bottom:0;}
.con1_right a img {width:58px; height:17px;}
.con2 {width:700px; height:auto; margin-top:15px;}
.con2_text {width:340px; height:auto; overflow:hidden;}
.con2_text p {font-size:15px; color:#5d5d5d;}
.con2_text .img {width:332px; height:129px; box-sizing:border-box; padding:15px 20px; background:url(../images/img3.jpg) 0 0 no-repeat;}
.con2_text ul li img {width:16px; height:16px; vertical-align:middle; margin-right:10px;}
.con2_text ul {margin-top:10px;}
.con2_text ul li {height:22px; border-bottom:1px dashed #c6c6c6; line-height:22px; font-size:13px;}
.con2_text ul li a {color:#303d43;}
.con2_text ul li a:hover {color:#F00;}
.con2_text .more img {width:58px; height:17px; margin:10px 0 0 20px;}


.list {height:245px; background:url(../images/bg_list.png) center 40px no-repeat;}
.list h2 {font-size:15px; color:#5d5d5d; line-height:40px; text-indent:1em;}
.list .dy {width:100%; height:160px; overflow:hidden; margin-top:20px;}
.dy .sing {
	width: 124px;
	height: 160px;
	overflow: hidden;
	float: left;
	margin: auto 21px;
}
.sing .img {
	width: 122px;
	height: 122px;
	box-sizing: border-box;
	text-align: center;
	padding-top: 0px;
	cursor: pointer;
	margin-bottom: 0px;
}
.sing .img img {
	width: 120px;
	height: 120px;
	border: 1px solid #e1e1e1;
}
.sing a {font-size:12px; font-family:'宋体'; color:#3d3d3d; line-height:12px;}
.sing a:hover {color:#f00;}


.nav_foot {height:auto; margin-top:20px;}
.nav_foot ul li {float:left; width:180px; font-size:15px; font-weight:bold; line-height:20px;}
.nav_foot ul .cont {width:80px;}
.nav_foot ul li a {color:#5b5b5b;}
.nav_foot ul li .a {color:#f00;}
.nav_foot ul li ol {margin:5px 0 0 5px;}
.nav_foot ul li ol li {float:none; font-weight:normal; font-family:'微软雅黑'; font-size:13px;}
.nav_foot ul li ol li a {color:#767676;}
.nav_foot ul li a:hover,.nav_foot ul li ol li a:hover {color:#f00;}


.footer {width:100%; height:131px; background:url(../images/bg_footer.jpg) center top repeat-x; margin-top:50px; padding-top:35px; box-sizing:border-box;}
.footer h2 {font-size:14px; color:#fff; text-indent:1em; margin-bottom:5px;}
.footer h2 span {margin:0 10px;}
.footer a {color:#fff;}
.footer a:hover {color:#f00;}
.footer .end {width:100%; height:auto; overflow:hidden;}
.footer .p {font-size:13px; text-indent:1em; color:#fff; line-height:30px; width:560px; float:left;}
.footer .p span {margin-left:30px;}
.footer .p1 {width:200px;}


/*About us*/
.bg {border:none;}

.contact {width:240px; height:370px; box-sizing:border-box; border:1px solid #c4c4c4; padding:2px; margin-top:20px;}
.contact .title {width:100%; height:30px; background:#004aad; color:#fff; font-size:14px; line-height:30px; text-indent:1em;}
.contact h2 {font-size:14px; color:#010101; margin-top:10px; padding:0 1em; box-sizing:border-box; line-height:18px;}
.contact h2 span {font-weight:bold;}
.contact h2 p {text-indent:2.5em;}
.contact p a img {width:77px; height:22px; margin:10px 20px 0 10px;}

.right .about_title {width:100%; height:227px; border:1px solid #ababab; box-sizing:border-box;}
.right .about_text {width:100%; height:750px; border:1px solid #ababab; box-sizing:border-box; margin-top:10px; padding:25px 15px; overflow:hidden;}
.about_text h2,.about_text h3 {font-size:14px; color:#505050; line-height:30px;}
.about_text h3 {text-align:right;}
.about_text h3 a {color:#505050; margin-right:5px;}
.about_text h3 a:hover {color:#f00;}
.about_text p {font-size:14px; color:#646262; line-height:30px; text-indent:2em;}
.about_text p span {font-weight:bold;}


/*News*/
.news_title {font-size:14px; color:#505050; line-height:20px; text-indent:1em;}
.news_title a {color:#505050; margin-right:5px;}
.news_title a:hover {color:#f00;}
.news {width:700px; height:700px; border:1px solid #ababab; box-sizing:border-box; margin-top:20px; padding:15px 20px;}
.news_tag {width:100%; height:35px; font-size:18px; color:#505050; background:url(../images/bg_border.jpg) 0 bottom no-repeat;}
.news ul li {width:100%; height:30px; line-height:30px; border-bottom:1px dashed #aaa; margin-top:10px; font-size:15.6px;}
.news ul li .span {color:#004aad; margin-right:10px;}
.news ul li a {color:#000;}
.news ul li .a {color:#004aad;}
.news ul li a:hover {color:#004aad;}
.news_page {width:100%; height:30px; overflow:hidden; margin-top:250px; font-size:14px;}
.news_page a {padding:6px; border:1px solid #dcdcdc; margin-right:10px; color:#000;}
.news_page .a {color:#fff; background:#393939;}
.news_page a:hover {color:#fff; background:#393939;}


/*Contact us*/
.con {border:1px solid #ababab; background:#fff; padding:10px 5px 0 20px; box-sizing:border-box;}
.con_title {width:100%; height:360px; background:url(../images/contact-cn.png) 0 bottom no-repeat; font-size:24px; color:#797777; line-height:30px; border-bottom:1px solid #ababab;}
.con_text {color:#797777; width:100%; height:500px; margin-top:30px;}
.con_text h2 {font-size:15px; font-weight:bold; margin-bottom:20px;}
.con_text p {font-size:14px; margin-top:15px;}
.con_text p input {
	width: 157px;
	height: 19px;
	border: 1px solid #dbdada;
	background: #f1f1f1;
	margin: 0 15px 0 5px;
	text-indent: 5px;
	color: #797777;
}
.con_text p .in1 {
	width: 240px;
}
.con_text p .in2 {width:265px;}
.con_text p .in3 {width:120px;}
.con_text p .in4 {
	width: 265px;
}
.con_text p .in5 {
	width: 265px;
}
.con_text p .in6 {width:50px;}
.con_text textarea {width:96%; height:180px; border:1px solid #dbdada; background:#f1f1f1; margin:5px 0 10px;}
.con_text p .cod {width:50px;}
.con_text p .submit {width:80px; color:#797777; font-size:14px; height:20px;}


/*FAQ*/
.faq {border:1px solid #ababab; background:#fff; padding:10px 5px 50px 20px; box-sizing:border-box; color:#646262; font-size:14px;}
.faq_img {width:100%;}
.faq h2 {margin-top:10px;}
.faq p {line-height:30px;}
.faq .p {margin-top:50px;}


/*Product*/
.product {border:1px solid #ababab; background:#fff; padding-bottom:50px; box-sizing:border-box;}
.duct {width:210px; height:310px; overflow:hidden; float:left; margin:20px 11px;}
.duct .img {border:1px solid #dedede;}
.duct p {padding:0 20px; text-align:center; margin-top:10px; line-height:25px;}
.duct p a {font-size:17px; color:#040000;}
.duct p a:hover {color:#f00;}
.product .tag {width:100%; height:25px; text-align:right; font-size:10px; margin-top:80px;}
.product .tag a {color:#000; margin:0 8px;}
.product .tag a:hover {color:#f00;}

.products {padding:20px;}
.product h2 {font-size:12px; font-weight:bold; color:#939292;}
.product h3 {font-size:16px; color:#323232; font-weight:bold; line-height:30px;}
.details {width:100%; height:360px; overflow:hidden;}
.details .img {
	width: 370px;
	height: 360px;
	position: absolute;
	float: left;
}
.details img {position:absolute;}
.details .img_all {width:65px; height:65px; box-sizing:border-box; padding:0px; border:1px solid #ccc; background:#fff; left:0px; cursor:pointer;}
.details .img1 {top:0px;}
.details .img2 {top:70px;}
.details .img3 {top:140px;}
.details .img4 {top:210px;}
.details .pro_img {
	width: 290px;
	height: auto;
	top: 0px;
	right: 0px;
}
.details .text {
	width: 300px;
	height: 360px;
	float: right;
	padding: 10px;
	box-sizing: border-box;
	position: relative;
}
.details .title {font-size:16px; color:#323232; font-weight:bold; line-height:30px;}
.details p {font-size:15px; color:#7c8288; line-height:28px; border-bottom:1px solid #e5e5e5;}
.details h4 {font-size:14px; color:#7c8288; line-height:20px; margin-top:10px;}
.sel_tag {width:100%; height:160px; margin-top:20px; border-bottom:1px dashed #bfbfbf; position:relative;}
.sel_title {width:100%; height:25px; position:absolute;}
.sel_title span {display:block; width:155px; height:25px; border:1px solid #cecece; border-bottom:none; text-align:center; border-radius:5px 5px 0 0; line-height:25px; cursor:pointer; background:#efefef; position:relative; z-index:9990; font-weight:bold; color:#7c8288;}
.sel_title .sp {margin-left:10px;}
.sel_title .on {z-index:9999; background:#fff; color:#a30f24;}
.sel_text {
	width: 100%;
	height: 105px;
	border: 1px solid #cecece;
	box-sizing: border-box;
	position: absolute;
	z-index: 9995;
	padding: 10px;
	font-size: 13px;
	color: #7c8288;
	overflow: auto;
	left: 0;
	top: 25px;
}
.products .img_list {width:100%; height:330px; overflow:hidden;}
.img_list p {font-size:14px; color:#939292; font-weight:bold; line-height:40px;}
.img_list .img {width:320px; height:123px; border:1px solid #b6b6b6; overflow:hidden; margin-top:20px; position:relative;}
.img_list .img .img_label {width:100%; height:20px; background-color:rgba(0,0,0,0.5); position:absolute; bottom:0px; left:0; text-align:center; color:#fff; font-size:13.5px; line-height:20px;}
.img_list .img .img_label a {color:#fff;}
.img_list .img .img_label a:hover {color:#f00;}