@charset "utf-8";
*{margin:0;padding: 0; font-family:"微软雅黑";}
body,html{width: 100%; height: 100%;position: relative;overflow-x: hidden;}
ul,li,p,a,img,h1{ margin: 0;padding: 0; text-decoration: none; list-style: none;}
.header{max-width: 1200px; height: 80px; margin: 0 auto;}
.clearfix{clear: both;}
.logo{height:80px;line-height:80px; float:left;}
.logo img{cursor:pointer;vertical-align: middle}
.nav{float: right; list-style: none;line-height: 80px;}
.nav li{float:left; padding-left:30px;}
.nav li a{ font-size: 16px; color: #666;}
.nav li a:hover{ color: #00aaff; border-top: 2px solid #00aaff;padding-top: 4px;} 
.nav .current{ color: #00aaff; border-top: 2px solid #00aaff;padding-top: 4px;} 
.banner{overflow: hidden; position:relative;}
.banner_ctrl{position: absolute;bottom: 10px; text-align: center; width:100%; z-index: 999;}
.banner_ctrl .ctrl{text-align: center;}
.banner_ctrl .ctrl span{width: 10px; height: 10px; border-radius: 5px; margin-left: 10px; background-color: #e0e0e0;display:inline-block;}
.banner_ctrl .ctrl .cur_btn{background-color: #00aaff;}
.banner img{position: relative;left: 50%; margin-left: -960px; display: block;}

.pro_roast{ width:100%; background:#fff; margin-bottom: 150px; /* margin-top: 100px */}
.dg-container{
	width: 1200px;
	/*height: 450px;*/
	position: relative;
	margin:0 auto;
}
.dg-prev{
	left: 0;
}
.dg-next{
	right: 0;
}
.dg_btn{
	top:50%;
	position: absolute;
    height: 100%;
    z-index: 99;
    text-align: center;
    cursor: pointer;
}
.dg_btn img{opacity: 0.7}
.dg_btn img:hover{opacity: 1;}
.dg-wrapper{
	width: 481px;
	height: 316px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper a{
	width: 482px;
	height: 316px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	box-shadow: 2px 72px 16px #d6d6d6;
}
.dg-wrapper p{
	width: 480px;
	height:40px;
	display: block;
	background-color: #000;
	opacity: 0.5;
	position: absolute;
	text-align: center;
	left: 50%;
	margin-left: -240px;
	bottom:  -62px;
	color: #fff;
	line-height: 40px;
	font-size: 16px;
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
	display: block;
	width: 100%;
}
.dg-wrapper a div{
	font-style: italic;
	text-align: center;
	line-height: 50px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #333;
	font-size: 16px;
	width: 100%;
	bottom: -55px;
	display: none;
	position: absolute;
	left:0;
}
.dg-title {
	text-align: center;
	margin-bottom: 30px;
}
.dg-title h2 {
	font-size: 24px;
	line-height: 2;
}
.dg-title p {color: #999}

.footer{ width:100%; padding:45px 0; box-shadow: inset 0 2px 10px #ebebeb; position: absolute;}
.footer ul{text-align: center;color: #666}
.footer ul li{ display: inline;}
.footer ul a{ font-size: 14px; color: #666;/* border-right: 1px solid #999;*/ padding:0 20px;}
.footer ul a:hover{  color: #00aaff;}
.footer p{text-align: center; font-size: 12px; color: #666;}

.crumb{overflow: hidden;}
.crumb .crumb_nav{ width: 1200px; height: 50px; position: absolute;  box-shadow: 4px 4px 8px #666; background-color: #fff; left: 50%; margin-left: -600px; border-radius: 4px; margin-top: 240px;
opacity: 0.9;}
.crumb .crumb_nav img{ padding-left: 20px}
.crumb .crumb_nav a{ padding-left: 6px; line-height: 50px; font-size: 14px; color: #333;}
.crumb .crumb_nav span{ padding-left: 6px; line-height: 50px; font-size: 14px;}
.main{}

/*子页共用*/
.content{ width: 1200px; height: 100%; margin:40px auto;/*  background-color: #999; */}
.content .con_left{ width: 220px; float: left; background-color: #ebebeb;}
.content .con_right{ width: 940px; height: 100%; margin-left: 40px; float: left;}
.content .con_left .section1 h1{ height:50px; font-size: 18px; line-height: 50px; background-color: #00aaff; color: #fff; padding-left: 10px;}
.content .con_left .section1 ul{ margin: 10px 0;}
.content .con_left .section1 li{ height:40px; font-size: 16px; line-height: 40px; background-color: #ebebeb; color: #666; padding-left: 10px; border-bottom: 1px solid #ccc;}
.content .con_left .section1 ul .current{ background-color: #fff; color: #00aaff; border-style: none;}
.content .con_left .section1 li:hover{ background-color: #fff; color: #00aaff; opacity: 0.5;}
.content .con_left .section1 ul a{ text-align: left; }

.content .con_left .section2 h1{ height:50px; font-size: 18px; line-height: 50px; background-color: #00aaff; color: #fff; padding-left: 10px;}
.content .con_left .section2 .message{ padding:10px;}
.content .con_left .section2 .message p{font-size: 14px; color: #333;}
.content .con_left .section2 .message span{font-size: 14px; color: #666; line-height: 30px;}

/*关于双诚*/
.content .con_right .gs_pic{display: block; float: left; width: 300px;}
.content .con_right .text{ float: left; margin-left: 20px; width: 620px; color: #666; line-height: 24px; text-indent: 2em;text-align:justify;text-justify:distribute-all-lines;}

/*产品中心*/
.content .con_right .cp li{float: left;width:280px; height: 220px; margin-right: 50px; margin-bottom: 40px;position: relative;}
.content .con_right .cp li .pic:after {
	content: '';
	opacity: 0;
	display: block;
	position: absolute;
	width: 95%;height: 95%;
	background-image: url(../images/icons/item-hover.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	left: 0;right: 0;top: 0;bottom: 0;
	margin: auto;
	-moz-transition: opacity ease-out .3s;
	-o-transition: opacity ease-out .3s;
	-webkit-transition: opacity ease-out .3s;
	transition: opacity ease-out .3s;
}
.content .con_right .cp li:hover .pic:after {
	opacity: 1;
}
.content .con_right .cp li .pic img{ width: 282px; height: 222px;border: 1px solid #ccc;}
.content .con_right h3{ font-size: 16px; color: #333; text-align: center; font-weight: normal; }
.content .con_right a{ font-size: 16px; color: #333; text-align: center; font-weight: normal;}
.content .con_right .cp li:nth-child(3n+0){ margin-right: 0;}
.content .con_right a:hover{color: #00aaff;}
#page {
  text-align: center;
  margin: 30px 0 0 0;
}
#page a {
  width: 35px;
  height: 35px;
  margin: 0 5px;
  font-size: 16px;
  color: #666;
  text-align: center;
  line-height: 35px;
  background: #b2e2ff;
  display: inline-block;
}
#page a.select {
  background: #76c1ef;
  color: #fff;
}
 
/* 产品中心-详情 */
.content .con_right .cpxq h1{ font-size: 24px; color: #333; font-weight: normal; width: 940px; border-bottom: 1px solid #b8b8b8; padding-bottom: 10px;}
.content .con_right .cpxq .xqnr{ width: 100%; margin-top: 40px; margin-bottom: 100px;}
.content .con_right .cpxq .xqnr .cpt{ width: 300px; height: 250px; float: left; display: block; margin-right: 20px;}
.content .con_right .cpxq .xqnr p{ font-size: 16px; color: #333; line-height: 
30px; float: left; padding-left: 20px; width: 620px; text-align: initial; text-indent: 2em;}
 


/*  人才招聘 */
.content .con_right .zp li{float: left;width:460px; height: 200px; border-radius: 4px;  margin-right: 20px; margin-bottom: 20px; background-color: #ebebeb;}
.content .con_right .zp li a{text-align: left;}
.content .con_right .zp li h1{ font-size: 18px; color: #333; font-weight:normal; padding: 20px 20px 0 20px;}
.content .con_right .zp li .zp_con{padding: 0 20px; margin-top: 10px;}
.content .con_right .zp li p{ font-size: 14px; line-height: 30px; color: #666; text-indent: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4}
.content .con_right .zp li:nth-child(2n+0){ margin-right: 0;}
.content .con_right .zp li:hover{background-color: #fff; box-shadow: 0 0 16px #b2e5ff;}

/* 招聘详情 */
.content .con_right .zpxq h1{ font-size: 24px; color: #00aaff; line-height: 
36px;}
.content .con_right .zpxq p{ font-size: 14px; color: #666; line-height:30px;}
.content .con_right .zpxq h5{ font-size: 14px; color: #333; line-height:30px;}
.content .con_right .zpxq h4{ font-size: 20px; color: #333; line-height:30px;}
 
/* 联系我们*/
.content .con_right h1{ font-size: 24px; color: #333; line-height: 
36px;}
.content .con_right p{ font-size: 16px; color: #333; line-height: 
36px;}
.content .con_right .con_contact img{width: 500px; height: 300px;} 

.html5zoo-arrow-left-0 {margin-left: 40px}
.html5zoo-arrow-right-0 {margin-right: 50px}

#main-l {
  width: 100%;
  box-sizing: border-box;
  margin-top: 100px;
}
.con-txt {
  color: #666666;
  line-height: 26px;
  margin: 20px 0;
}
.con-txt img {
  margin: 10px 0;
}
.mian-l-top-show #open-txt {
  position: absolute;
  right: 0;
  bottom: 2px;
  padding: 0 0 0 13px;
  background: #fff;
  color: #76c1ef;
}
#main-r {
  box-sizing: border-box;
  width: 350px;
}
#main-r .nav h3 {
  border-bottom: 1px solid #b8c5cc;
  line-height: 50px;
  font-size: 16px;
}
#main-r .nav h3 a {
  padding: 0 20px;
  display: block;
}
#main-r .nav h3 a.on {
  background: #76c1ef;
  color: #fff;
}
#tab .hd ul {
  height: 40px;
  border-bottom: 1px solid #b8c5cc;
}
#tab .hd ul li {
  padding: 0 36px;
  margin-right: 10px;
  float: left;
  border: 1px solid #b8c5cc;
  line-height: 40px;
  height: 39px;
}
#tab .hd ul li.on {
  color: #76c1ef;
  border-bottom: 1px solid #fff;
}
.p_tea_class .bd > ul li:nth-of-type(3n) {
  margin-right: 0;
}

.p_tea_class .bd > ul li h5{
  font-size: 14px;
  color: #999;
  text-align: center;
  font-weight: normal;
}
.p_tea_class .bd > ul .cpnr img{
width: 100%;
}
.p_tea_class .bd > ul .nocon {
	display: none;
}
.p_tea_class .bd > ul .nocon p{
	font-size: 16px;
    color: #333;
    line-height: 36px;
    margin-top: 20px;
}