body,hr, p, blockquote,h1,h2,h3,h4,h5,h6, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
th, td /* table elements 表格元素 */ {
    margin: 0;
    padding: 0;
}

.clear { *zoom :1;}
.clear:after { content:"."; clear:both; display:block; height:0; overflow:hidden; visibility:hidden;}
.pull-left { float:left;}
.pull-right { float:right;}
.adapt_screen{ margin: 0 auto; width: 100%; position: relative;}
.cate-color{color: #00a2e6 !important;font-weight: 600;}
.cate-bg{background: #00a2e6 !important;}
h2{font-weight: 300; color: #000;}
img{display: block;}
html{
	overflow-x: hidden;
	position: relative;
}
ul li{list-style: none;}
a{text-decoration: none;}
.isshow{display: block!important;}
.play-header img{width: 100%;}
section{background: #ebebeb;}

.play-product{padding-bottom: 80px; width: 1200px; margin:0 auto; padding-top: 13px; position: relative;}
.play-header .p-des{position: absolute; top: 34.4%; left: 13.5%; }
.play-header .p-des h2{line-height: 52px; color: #fff; font-size: 36px;}
.play-header .p-des p{color: #fff; font-size: 16px;margin-top: 10px;}
.play-header .p-des i{display: inline-block;margin: 0 15px;}


.play-title{width: 100%; border-bottom: 1px solid #ffffff;}
.pro-top{width: 100%; border-bottom: 1px solid #c5c5c5; height: 34px; line-height: 34px;}
.pro-top li{float: left; margin-left: 20px; position:relative}
.pro-top li em{display: block; position: absolute; bottom: 0; width: 100%; height: 1px; background: #00a2e6;}

.play-product .pro-title{padding:30px 0 40px; border-top: 1px solid #fff; border-bottom: 1px solid #c5c5c5;}
.p-list .pro-title:nth-of-type(1){padding-top: 40px; border-top: none!important;}
.p-list .pro-title:nth-last-of-type(1){border-bottom: none!important;}
.pro-title .pro-case{height: 24px; line-height: 24px; margin-bottom: 18px;}
.pro-title .pro-case h2{float: left; font-size: 20px;font-weight: 700;} 
.pro-case .case-list{float: right;}
.pro-case .case-list li{float: left; margin:0 10px;}
.pro-case .case-list li p{font-size: 14px; cursor: pointer;}


.pro-title .con-pro-list{width: 1180px; height: 374px; background: #fff; display: none;overflow: hidden;}
.pro-title .con-pro-list li{float: left; width: 50%;height: 100%;}
.pro-title .con-pro-list li img{width: 100%;height: 100%;}

.con-pro-list .pro-container{margin:70px 60px 0 60px; position: relative;}
.con-pro-list .pro-container h2{font-size: 28px; color: #000; height: 44px; line-height: 44px; margin-left: 10px;}
.con-pro-list .pro-container .p-des{height: 38px; line-height: 38px; padding-left: 10px; font-size: 14px; border-bottom: 1px solid #c5c5c5; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.con-pro-list .pro-container .pro-con-video{height: 150px; overflow: hidden; margin-top: 10px; padding-left: 10px; position: relative;}
.con-pro-list .pro-container .pro-con-video em{position: relative; height: 6px; width: 6px; display: inline-block; border-radius: 50%; left: -10px; background: #fff;}
.con-pro-list .pro-container .pro-con-video p{height: 25px; line-height: 25px; cursor: pointer; text-indent: 10px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.con-pro-list .pro-container .pro-con-video p:hover{color: #00a2e6;}
.con-pro-list .pro-container a{position: absolute; right: 0; bottom: -10px;}

.html-shade{cursor: pointer; display: none; width: 100%; top: 0; height: 100%; position: absolute; background: rgba(0,0,0,0.5);z-index: 20;}
.pro-video video{position: absolute; bottom: 0; height: 486px; width: 750px; left: 50%; margin-left: -375px; top: 50%; margin-top: -243px;z-index: 25;}
.pro-video{display: none; position: fixed; height: 550px; width: 750px; left: 50%; margin-left: -375px; top: 50%; margin-top: -275px;z-index: 25;}
.pro-video h2{text-align: center; color: white; font-size: 20px;}


.right-fixed{z-index:10;position: fixed; top: 80%; right:40px; width: 40px; background: #f2f2f2; padding-top: 15px; display: none;}
.right-fixed li{margin-bottom: 15px;}
.fixed-icon{position: relative;}
.right-fixed li:nth-of-type(1) a{background: url(../png/kefu.png) no-repeat; width: 25px; height: 25px; display: block; display: block; margin: 0 auto;}
.right-fixed li:nth-of-type(2) a{background: url(../png/ma-1.png) no-repeat; width: 25px; height: 25px; display: block; display: block; margin: 0 auto;}
.right-fixed li:nth-of-type(3) a{background: url(../png/top.png) no-repeat; width: 25px; height: 25px; display: block; display: block; margin: 0 auto;}

.right-fixed li:nth-of-type(1):hover p{display: block;}
.fixed-icon p{display: none; text-align: center; height: 30px; line-height: 30px; width: 160px; color: #000; background: #fff; position: absolute; right: 0px; top: -40px; font-size: 12px;}
.fixed-icon img{position: absolute; left: -145px; top: -40px; max-width: 133px !important; height: 133px; display: none;}
.right-fixed li:nth-of-type(2):hover img{display: block;}
.right-fixed li:nth-of-type(2):hover a{background: url(../png/ma-2.png) no-repeat;}