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

.ot_centawq{ margin:30px auto; width:1200px; overflow:hidden;}
/*内容详情页统一左侧样式*/
.ot_column{ float:left; width:270px;}
.ot_colu_fenlei{ float:left; width:100%;}
.ot_colu_fenlei .ot_column_title{ float:left; width:100%; height:50px; line-height:50px; background:#3688fe; color:#fff; font-size:20px; text-indent: 1.5em;}
.ot_colu_fenlei .ot_column_list{ float:left; width:268px; border:1px solid #d6d6d6;border-top:0; border-bottom:0;}
.ot_colu_fenlei .ot_column_list ul li{ float:left; width:268px; height:45px;line-height:45px; font-size:14px;  text-indent:2em; border-bottom:1px solid #d6d6d6; }
.ot_colu_fenlei .ot_column_list ul li a{ color:#666; position: relative; display:block;}
.ot_colu_fenlei .ot_column_list ul li:hover{ color: #feaa34;background: #f8f8f8;}
.ot_column_list ul li a:before{content: ""; display:block; width:8px; height:8px; border-top:2px solid #a8a8a8; border-right:2px solid #a8a8a8; position: absolute; right:20px; top:18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index:1;}

.ot_colu_tuijian{ float:left; width:100%; margin-top:20px;}
.ot_colu_tuijian .ot_tuijian_title{ float:left; width:100%; height:50px; line-height:50px; background:#3688fe; color:#fff; font-size:20px;text-indent: 1.5em;}
.ot_tuijian_list{ float:left; width:268px; border:1px solid #d6d6d6; border-top:0;}
.ot_tuijian_list ul li{ float:left; width:260px; margin:10px 4px; background: #f8f8f8;}
.ot_tuijian_list ul li .ot_tuijimg{ width:240px; height:180px; padding:10px;}
.ot_tuijian_list ul li img{ width:240px; height:180px;}
.ot_tuijian_list ul li p{ float:left; width:100%; text-align:center; color:#404040; font-size:14px; margin-bottom: 10px; }
.ot_tuijian_list ul li p a{ color:#404040;}
.ot_tuijian_list ul li:hover{background: #cde1ff;}

.ot_colu_contact { float:left; width:100%;  margin-top:20px;}
.ot_colu_contact .ot_col_title{ float:left; width:100%; height:50px; line-height:50px; background:#3688fe; color:#fff; font-size:20px; text-indent: 1.5em;}
.ot_con_dsac{ float:left; width:268px; border:1px solid #d6d6d6; border-top:0; padding-bottom:15px;}
.ot_colu_contact .ot_cseimg{ margin:10px auto; width:240px;}
.ot_colu_contact .ot_cseimg img{ width:240px; height:80px;}
.ot_colu_contact .wldaspan{ color: #ff7600; font-size:18px; }
.ot_colu_contact p{ float:left; width:238px; text-align:left;color:#737373; font-size:14px; padding: 3px 15px;}

/*右侧标题标准样式*/
.ot_pluginWrapper{ float:right; width:898px; border:1px solid #d6d6d6;}
.ot_pluginWra-tit{ margin:10px auto; width:875px; height:40px; border-bottom:2px solid #3688fe;}
.ot_pluginWra-tit h5{float:left; padding-left:10px; margin-top: 5px; font-weight:normal; line-height:25px; font-size: 20px;}
.ot_pluginWra-tit h5 a{ font-size:16px; color:#404040;}
.ot_pluginWra-tit span{float:right; padding-right:20px; color:#666; background:url(../images/home.gif) left center no-repeat; padding-left:22px; font-size:14px; line-height:35px;}


/*新闻列表*/
.ot_plugWr-list{ width:875px; overflow:hidden; margin:0px auto;}
.ot_plugWr-list ul li{ float:left; width:100%; }
.ot_plugWr-list ul li .ot_liwrimg{ float:left; margin: 20px 10px; width:230px; height:170px; display:block;}
.ot_plugWr-list ul li .ot_liwrimg img{ width:230px; height:170px; }
.ot_plugWr-list ul li .ot_mitex{ float:right; width:600px; margin-right:10px; margin-top:20px;}
.ot_plugWr-list ul li .ot_mitex h5{ display:block; font:18px "microsoft yahei";  line-height:26px; color:#454545;}
.ot_plugWr-list ul li .ot_mitex p{ padding:10px 0 0;font:14px "microsoft yahei"; color:#969696;line-height:24px;  overflow:hidden; display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;}
.ot_plugWr-list ul li .ot_mitex .otwdf {
	float: left;
	width: 100px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	border:1px solid #3688fe;
	color:#3688fe;
	margin-top:10px;
}
.ot_plugWr-list ul li .ot_mitex .otwdf a {
	color: #3688fe;
	display: block;
}
.ot_plugWr-list ul li .ot_mitex .otwdf a:hover {
	color:#fff;
	background: #3688fe;
}

/*产品列表*/
.ot_chanpin-list{ width:875px; overflow:hidden; margin:0px auto;}
.ot_chanpin-list ul li{ float:left; width:278px; margin:10px 6px; }
.ot_chanpin-list ul li .cbp-caption{width: 100%;display:block; 
    overflow: hidden;
    position: relative;
    z-index: 1;}
.ot_chanpin-list ul li .ot_chanimg{ width:278px; height:200px; }
.ot_chanpin-list ul li .ot_chanimg img{ width:278px; height:200px; }
.ot_chanpin-fugai{ position: absolute;
    z-index: 2; background-color: #282727; width:278px; height:200px;opacity: 0;
    background-color: rgba(0,0,0,0.6);
    -webkit-transition: opacity .8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity .8s cubic-bezier(.19, 1, .22, 1);}
	
.cbp-caption:hover .cbp-caption-defaultWrap {
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}
.cbp-caption-pushDown .cbp-caption:hover .cbp-caption-activeWrap {
	-webkit-transform: translateY(99%);
	transform: translateY(99%)
}
.ot_chanpin-fugai .ot_fugaiwenzi{ width:240px; padding:30px; font:14px "microsoft yahei"; color:#fff;line-height:24px; text-align:center;}
.ot_chanpin-fugai .ot_listxq{color: #fff;
    font-size: 14px;
    padding: 2px 12px;
    border: 1px solid #fff;}
.ot_chanpin-list ul li .ot_chantext{ float:right; width:285px; margin-top:10px; font:14px "microsoft yahei"; color:#969696;line-height:24px; text-align:center;}


/*关于我们*/
.ot_ob-cont{ margin: 0 auto; width:835px; padding:20px; }
.ot_ob-cont h2{font-size:22px; line-height: 40px; text-align:center;}
.ot_ob-cont p{font-size:14px; line-height: 28px;text-indent: 2em;  text-align:left; color:#8c8c8c;}
.ot_ob-cont img{ width:835px; height:300px; margin:10px auto;}

/*在线留言*/
.ot_message{ margin: 0 auto; width:835px; padding:20px; position:relative;}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }

#contact {
	background:#F9F9F9;
	padding:40px;
}

#contact h3 {
	display: block;
	font-size: 30px;
	font-weight: normal;
	line-height: 36px;
	color:#fd8b16;
	text-align: center;
}

#contact h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
	text-align: center;
}

fieldset {
	border: medium none !important;
	margin: 20px 50px;
	width: 655px;
	padding: 0;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	font-size: 14px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
  font-size: 14px;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#3688fe;
	color:#FFF;
	margin:0 0 5px;
	padding:15px;
	font-size:18px;
}

#contact button[type="submit"]:hover {
	background:#09C;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#888;
}
:-moz-placeholder {
 color:#888;
}
::-moz-placeholder {
 color:#888;
}
:-ms-input-placeholder {
 color:#888;
}


/*常见问题*/
.ot_qust_list {
	float:left;
	width: 800px;
    padding: 0px 50px;
	margin:0 auto;
}
.ot_qust_list ul li {
	float: left;
	width: 100%;
	padding:20px 0px;
	font-size: 14px;
	border-bottom: 1px #cacaca dashed;
}
.ot_qust_list ul li .ot_qustwen {
	float:left;
	width:100%;
	color: #737373;
	text-indent: 2em;
	font-size: 16px;
	line-height: 40px;
	background: url(../images/ot_wen.gif) no-repeat left center;
}
.ot_qust_list ul li .ot_qustwen a{
	color: #737373;
}
.ot_qust_list ul li .ot_qustwen a:hover{
	color:#3688fe;
	text-decoration:underline;
}
.ot_qust_list ul li .ot_qustda {
	float:left;
	width:100%;
	font-size:14px;
	color: #a6a6a6;
	text-indent: 2em;
	line-height: 24px;
	background: url(../images/ot_da.gif) no-repeat left top;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow: hidden;
}
.ot_qust_list ul li span {
	color: #00a0e9;
}



/*页面切换*/
#pages{ float: left; width: 100%; padding:15px 0 10px; margin: 20px auto; text-align:center;}
#pages a{ display:inline-block; margin: 0px 5px; width:26px; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1{ width:56px; }
#pages a:hover{ background:#f1f1f1; color:#000; text-decoration:none; }
#pages span{ display:inline-block; width:26px; height:22px; line-height:22px; background:#3688fe; border:1px solid #3688fe; color:#fff; text-align:center; }