﻿@charset "utf-8";

/*科e互联特效基本框架CSS*/

body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}

h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}

body>div{margin:0 auto}

div {text-align:left}

a img {border:0}

body { color: #333; text-align: center; font: 12px "宋体"; }

ul, ol, li {list-style-type:none;vertical-align:0}

a {outline-style:none;color:#535353;text-decoration:none}

a:hover { color: #D40000; text-decoration: none}

.button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);

}

.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');

}

.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}

.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}

.cor_bs,.cor_bs:hover{color:#ffffff;}

.keBody{background:url(../images/bodyBg.jpg) repeat #333;}

.keTitle{height:100px; line-height:100px; font-size:30px; font-family:'微软雅黑'; color:#FFF; text-align:center; background:url(../images/bodyBg3.jpg) repeat-x bottom left; font-weight:normal}

.kePublic{background:#FFF; padding:25px;}

.keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center; font-family:'微软雅黑'; background:url(../images/bodyBg2.jpg) repeat-x top left; padding-bottom:25px}

.keTxtP{font-size:16px; color:#ffffff;}

.keUrl{color:#FFF; font-size:30px;}

.keUrl:hover{ text-decoration: underline; color: #FFF; }

.mKeBanner,.mKeBanner div{text-align:center;}

/*科e互联特效基本框架CSS结束，应用特效时，以上样式可删除*/

/* 效果CSS开始 */

.inkPhoBox { width: 960px; margin: 0px auto; <!--background: url(../images/m2picBg2.jpg) no-repeat;--> height: 614px; }

.inkPhoBox .main{ width:960px;}

.inkPhoBox .mod18{width:960px;position:relative;}

.inkPhoBox #prev{ background: url(../images/m2pic_btn1.jpg) no-repeat; height: 18px; width: 11px; position: absolute; z-index: 99; left:4px; top: 60px; cursor: pointer; }

.inkPhoBox #next{ background: url(../images/m2pic_btn2.jpg) no-repeat; height: 18px; width: 11px; position: absolute; z-index: 99; top: 60px; right:20px; cursor: pointer; }

.inkPhoBox .mod18 #prevTop{display:none}

.inkPhoBox .mod18 #nextTop{display:none}

.inkPhoBox .mod18 li{float:left;}

.inkPhoBox .mod18 .cf li{position:relative;color:#fff;}

.inkPhoBox .mod18 .cf a{display:block;width:960px;height:569px;position:absolute;color:#fff;}

.inkPhoBox .mod18 .cf li span{display:block;width:960px;position:absolute;left:0;bottom:0;padding:7px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}

.inkPhoBox .bigImgBox{width:960px; height: 569px; margin-left:14px; padding-top:14px;}

.inkPhoBox .mod18 .picBox{width: 960px; height: 569px; position: relative; overflow: hidden;}

.inkPhoBox .mod18 .picBox ul{height:960px;position:absolute; left:0;}

.inkPhoBox .mod18 .picBox li{ width: 960px; height: 569px;}

.inkPhoBox .smImgBox{ width:960px; height: 140px; padding: 5px 0px 0px; position: relative; background: #F1F1F1; margin-left: 14px; }

.inkPhoBox .mod18 .listBox{ width: 902px; height: 140px; margin: 0 auto; position: relative; overflow: hidden; margin-left:21px; }

.inkPhoBox .mod18 .listBox ul{height:81px;position:absolute; padding-left:0px;}

.inkPhoBox .mod18 .listBox li{ width: 226px; height: 140px; cursor: pointer; position: relative; padding: 0 8px 0 0; }

.inkPhoBox .mod18 .listBox li i{display:none;}

.inkPhoBox .mod18 .listBox li a{display:block;width:142px;height:81px;}

.inkPhoBox .mod18 .listBox li img{ border: 3px solid #D3D3D3; width: 226px; height: 130px; margin-top: 5px; }

.inkPhoBox .mod18 .listBox .on img{ width: 226px; height: 130px; background: url(../images/ink_imgbg.jpg) no-repeat center top; padding: 8px 3px 3px; border-width: 0px; border-style: none; margin-top: 0px; }

.inkPhoBox .mod18 .listBox .on i{display:block;}

.inkPhoBox .left_top { font-family:Arial; font-size:32px; color:#fff; text-align:center; height:30px; line-height:30px; background:#333}

/* 效果CSS结束 */

