﻿

@charset "utf-8";
*{margin: 0;padding: 0}
body {
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  color:#4e4e4e;
  line-height: 22px;
}
.container {position: relative;}
@media (max-width: 767px) {
    .container {padding-left: 20px; padding-right: 20px; margin-bottom:30px; }
}
#container {position: relative; margin-top: 30px;}
#container .row.last {margin-bottom: 30px;}
.row.da-thumbs {margin-bottom: 0 !important;}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family: 'Open Sans', sans-serif;
  color:#4e4e4e;
}

h1{
  font-size: 36px;
  color:#fff;
}

h2{
  font-size: 20px;
}

h3{
  font-size: 16px;
  color: #787878;
  font-weight: 400;
  line-height: 24px;
}

h4{
  font-size: 16px;
}


ul,li{list-style: none;}
a:link,a:visited{text-decoration: none;}
.list{width: 240px;margin:20px auto 0 auto; float:left;}
.list ul li{background-color:#3D88D1; border:solid 1px #316a91; border-bottom:0;}
.list ul li a{padding-left: 10px;color: #fff; font-size:12px; display: block; font-weight:bold; height:33px;line-height: 33px;position: relative;
}
.list ul li .inactives{background:url(../images/on.png) no-repeat 230px center;} 
.list ul li ul{display: none;}
.list ul li ul li { border-left:0; border-right:0; background-color:#6196bb; border-color:#467ca2;}
.list ul li ul li ul{display: none;}
.list ul li ul li a{ padding-left:20px;}
.list ul li ul li ul li { background-color:#d6e6f1; border-color:#6196bb; }
.last{ background-color:#d6e6f1; border-color:#6196bb; }
.list ul li ul li ul li a{ color:#316a91; padding-left:30px;}



.pro{clear: both;margin-top: 20px;}

.container{

	width: 1170px;

	margin: 0px auto;

}



div {

	margin: 0 auto

}





ul, li, ol {

	list-style: none;

	list-style-type: none

}

img {

	border: 0;

	-ms-interpolation-mode: bicubic

}

textarea {

	overflow-y: auto

}

q {

	quotes: none

}

q:before, q:after {

	content: '';

	content: none

}

a {

	text-decoration: none;

	color: #666;

}

a:hover {

	text-decoration: none;

	color: #FF4200;

}

.none, #none, .hide, #hide {

	display: none

}

#clear, .clear {

	clear: both;

	line-height: 1px;

	height: 1px;

	margin-top: -1px;

	overflow: hidden

}

a:link {

	text-decoration: none

}

a:visited {

	text-decoration: none;

}

a:active {

	text-decoration: underline;

}





/*产品优势*/

.container1{width:1120px; margin:0 auto;}

.ys_list{width:100%; height:auto; margin-top:30px;}

.ys_list li{ background:#EEEEEE; padding:10px; border:1px solid #848484; float:left; width:238px; text-align:center; margin:0 10px 50px 10px}

.ys_list li .ys_img{ margin-bottom:10px;}

.ys_list li .ys_img img{ width:236px; height:190px; border:2px solid #FFF}

.ys_tit{ color:#E73E0D; font-size:20px; font-weight:bold; line-height:36px;}

.ys_con{ font-size:14px; line-height:22px;}

.ys_line{ width:100px; margin:0 auto; padding-top:20px; border-bottom:3px solid #848484;}

.ys_more{width:150px; margin:20px auto; text-align:center; border:1px solid #848484; font-size:14px; line-height:22px;}



/*产品*/

.cp_tit{ background:url(../images/tit_bg.png) no-repeat center bottom; height:68px; text-align:center; font-size:34px; padding-top:50px; margin-bottom:30px;font-weight: 600;}

.cpbg {	padding: 0px 0px; background:url(../images/cpbg.jpg) center;height:1350px;}

.cpbox {}

.cpmu {width: 210px;height: 746px;overflow: hidden;}

.cpmu h4 img {display: block;}

.cpmu dl {}

.cpmu dt {height: 40px;	line-height: 40px;	background: url(../images/cpmudt.png) no-repeat center;}

.cpmu dt a {margin-left: 64px;font-size: 14px;color: #fff;font-weight: bold;}

.cpmu dd {height: 40px;line-height: 40px;overflow: hidden;}

.cpmu dd a {display: block;	padding-left: 66px;color: #333;background: url(../images/cpmudd.png) no-repeat left center;}

.cplist {width: 900px;}

.cplist h4 {border-bottom: 1px solid #ccc;}

.cplist ul {overflow: hidden;}

.cplist li {margin:30px 15px 0 15px;float: left;width: 263px;text-align: center; position:relative}

.cplist li h5 {line-height:40px; font-size:16px; font-weight:normal}

.cplist li h5 em{ display: block;position: absolute;left: 0px; top: 161px;width: 260px;height: 40px;background: #000;opacity: 0.7;filter: alpha(opacity=70);margin-left: 0px;}

.cplist li h5 a{display: block;height: 40px;color: #fff; position: absolute; left: 0px; top: 161px; width: 231px;margin-left: 6px; text-align:center; }

















