﻿/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{font-family: "微软雅黑", arial, 'Open Sans', sans-serif;border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
ul,ol,li{list-style-type:none}
li{list-style:none;}

sup,sub{font-size:83%;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
a {color:#333;text-decoration:none; outline:none;/*FF标准去虚线框*/}
/*a {star:expression(this.onFocus=this.blur()); /* for Ie*去虚线框*/ }*/
a:hover{color:#ff920b;text-decoration:underline;}
h1,h2,h3,h4,h5,h6,em,strong,b{}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{color:#666;outline:0;}
body {line-height: 1.5em;width: 100%;display: table; font-size:14px; font-family:"microsoft yahei",Arial, 'Liberation Sans', FreeSans, sans-serif ;}
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 
.clearfix {*zoom:1;}/*IE/7/6*/


.clearfix {
	*+height:1%;
}
.container {
	width: 1160px;
	margin: 0 auto;
}
.clear {
    clear: both;
}
.fl {
	float:left;
    display: inline;
}
.fr {
	float:right;
    display: inline;
}

/*产品列表*/
.product{}
.prod-sec{margin-bottom:80px;}
.prod-tit{float:left;width: 186px;font-size: 26px;font-weight: bold;color: #333;}
.prod-tit-en{font-size: 12px;color: #aaa;}
.prod-cont{padding-bottom:75px;float: right;width: 1000px;border-bottom: 1px solid #ccc;}
.prod-ul{}
.prod-li{float: left;width: 25%;}
.prod-li-a{position:relative;display: block;}
.prod-li-img{margin-bottom: 10px;}
.prod-li-img img{margin: 0 auto;display: block;max-width: 100%;}
.prod-li-tit{text-align: center;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prod-li-desc{position: absolute;left: 90%;top: 0;z-index:1;display:none;width: 222px;border: 1px solid #afafaf;border-radius: 5px;}
.prod-li-h{position:relative;padding: 10px;background-color: #0979c7;color: #fff;}
.prod-li-h:before{content: '';position: absolute;left: -15px;top: 50%;margin-top:-10px;width: 0;height: 0;border-right: 15px solid #0979c7;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.prod-li-p{padding: 10px;font-size: 12px;line-height: 26px;color: #333;background-color: #f5f5f5;}
.prod-li-a:hover .prod-li-desc{display: block;}
.prod-li-desc.active{left: auto;right: 90%;}
.prod-li-desc.active .prod-li-h:before{left: auto;right: -15px;border-left: 15px solid #0979c7;border-right: none;}

/*产品详情*/
.prod-top{margin-bottom: 40px;}
.prod-top-img{float: left;width: 525px;}
.prod-top-img img{display: block;width: 100%;}
.prod-intro{float: right;width: 658px;}
.prod-intro-p{margin-bottom:30px;color: #333;line-height: 20px;}
.prod-intro-p p{margin-bottom: 10px;}
.prod-intro-tit{font-size: 18px;font-weight: bold;}
.prod-intro-btn{margin-bottom:30px;padding: 18px 0;border-top: 1px solid #d2d2d2;border-bottom: 1px solid #d2d2d2;}
.prod-intro-btn a{display:block;line-height: 35px;width: 200px;text-align: center;font-weight: bold;background-color: #0979c7;color: #fff;border-radius: 5px;}
.prod-intro-cont{padding: 0 30px;}
.prod-intro-ul{}
.prod-intro-li{float: left;}
.prod-intro-li-a{display: block;width: 113px;border: 1px solid #ccc;}
.prod-intro-li-a img{display: block;width: 100%;}
.prod-intro-cont .owl-theme .owl-controls .owl-buttons div{position: absolute;top: 50%;margin: -25px 0 0 0;padding: 0;width: 20px;height: 50px;background-repeat: no-repeat;background-position: center;background-color: transparent;opacity: 1;border-radius: 0;}
.prod-intro-cont .owl-theme .owl-controls .owl-buttons div.owl-prev{left: -30px;background-image: url("../image/icon18.png");}
.prod-intro-cont .owl-theme .owl-controls .owl-buttons div.owl-next{right: -30px;background-image: url("../image/icon19.png");}
.prod-bot{}
.prod-bot-tit{position:relative;padding-left:25px;margin-bottom:20px;padding-bottom:10px;border-bottom: 1px solid #b01f24;font-size: 18px;font-weight: bold;color: #333;}
.prod-bot-tit:before{content: "";position: absolute;left: 0;bottom: 10px;width: 10px;height: 40px;background-color: #b01f24;}
.prod-bot-tit:after{content: "";position: absolute;left: 13px;bottom: 10px;width: 3px;height: 40px;background-color: #b01f24;}
.prod-bot-cont{}
.prod-data-tit{margin-bottom: 15px;color: #333;}
.prod-data{margin-bottom:20px;width: 866px;}
.prod-data-table{width: 100%;}
.prod-data-table tr td{line-height: 35px;border: 1px solid #ededed;text-indent: 38px;}
.prod-data-table tr td:first-child{width: 30%;text-align: center;text-indent: 0;background-color: #f5f5f5;}
.prod-bot-sec{margin-bottom:15px;line-height: 20px;color: #333;}