/* 样式重置 */

html,body{height:100%;margin:0;min-width:1230px;font:normal 14px/1.5 Arial,'Microsoft Yahei',Simsun,sans-serif}input,button,textarea,select{font-size:inherit;font-family:inherit;vertical-align:middle}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:normal}ul,ol,dl,dd{margin:0;padding:0;list-style:none}i,em,address{font-style:normal}textarea{font-family:"Microsoft Yahei"}button{cursor:pointer}img{display:block;border:none;outline:none;max-width:100%}h1{color:#080808;font-size:200%}h2{color:#080808;font-size:150%}h3{color:#080808;font-size:100%}a{text-decoration:none}:focus{outline:none}

input::-webkit-input-placeholder{color:#bdbdbd}input::-moz-input-placeholder{color:#bdbdbd}input:-moz-input-placeholder{color:#bdbdbd}input::-ms-input-placeholder{color:#bdbdbd}textarea::-webkit-input-placeholder{color:#bdbdbd}textarea::-moz-input-placeholder{color:#bdbdbd}textarea:-moz-input-placeholder{color:#bdbdbd}textarea::-ms-input-placeholder{color:#bdbdbd}



/* 动画类库 */

.ani{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.pulse{-webkit-animation-name:pulse;animation-name:pulse}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(160px);transform:translateY(160px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(160px);transform:translateY(160px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-160px);transform:translateY(-160px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-160px);-ms-transform:translateY(-160px);transform:translateY(-160px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-160px);transform:translateX(-160px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-160px);-ms-transform:translateX(-160px);transform:translateX(-160px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(160px);transform:translateX(160px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(160px);-ms-transform:translateX(160px);transform:translateX(160px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(0.3);-ms-transform:scale(0.3);transform:scale(0.3)}50%{opacity:1}}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(0.1) translateY(-2000px);transform:scale(0.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(0.475) translateY(60px);transform:scale(0.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(0.1) translateY(-2000px);-ms-transform:scale(0.1) translateY(-2000px);transform:scale(0.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(0.475) translateY(60px);-ms-transform:scale(0.475) translateY(60px);transform:scale(0.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(0.1) translateY(2000px);transform:scale(0.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(0.475) translateY(-60px);transform:scale(0.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(0.1) translateY(2000px);-ms-transform:scale(0.1) translateY(2000px);transform:scale(0.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(0.475) translateY(-60px);-ms-transform:scale(0.475) translateY(-60px);transform:scale(0.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}



/* 网格样式 */
.col-3{width:25%}.col-6{width:50%}.col-9{width:75%}.col-c{width:100%}.col-1{width:8.3333334%;width:8.33%\0}.col-2{width:16.666667%;width:16.67%\0}.col-4{width:33.333334%;width:33.33%\0}.col-5{width:41.666667%;width:41.67%\0}.col-7{width:58.333333%;width:58.33%\0}.col-8{width:66.666667%;width:66.67%\0}.col-a{width:83.333334%;width:83.33%\0}.col-b{width:91.666667%;width:91.67%\0}.row:after{content:"";display:block;clear:both;height:0}.row [class*='col-']{float:left}


/* 常用类库 */

.fl { float: left; }

.fr { float: right; }

.icon{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-image:url(../images/icon.png);}

.ibtn { display: inline-block; width: 146px; height: 38px; color: #4b4b4b; font-size: 16px; line-height: 38px; border-radius: 3px; text-align: center; vertical-align: top; border: 1px solid #9b9b9b; transition: 0.3s ease-in-out; }

.wrap { width: 1200px; height: 100%; margin: 0 auto; padding: 0 15px; }

.wrap:after { content: ""; display: block; height: 0; font-size: 0; clear: both; }

.line1 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.line2 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical }

.line3 { display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical }

.clear:after { content: ""; display: block; height: 0; font-size: 0; clear: both; }

.column { width: 100%; min-width: 1230px; overflow: hidden; position: relative; z-index: 1; }



/* 按钮样式 */

.ibtn:hover { color: #fff; border-color: #004c6a; background-color: #004c6a; cursor:pointer;}

.ibtn.ibtn-fill { color: #fff; border-color: #004c6a; background-color: #004c6a; }

.ibtn.ibtn-fill:hover { opacity: 0.85; }



/* 插件样式 ==> ifocus */

.ifocus { width: 100%; height: 860px; overflow: hidden; position: relative; }

.ifocus-view { z-index: 1; }

.ifocus-fade { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.ifocus-fade .ifocus-item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ifocus-fade .ifocus-item.active { display: block; }

.ifocus-slide { position: absolute; z-index: 1; top: 0; left: 0; width: 300%; height: 100%; overflow: hidden; }

.ifocus-slide .ifocus-item { float: left; width: 33.333333%; position: relative; }

.ifocus-item { height: 100%; overflow: hidden; }

.ifocus-item a { display: block; width: 100%; height: 100%; overflow: hidden; }

.ifocus-item img { width: 100%; height: 100%; }

.ifocus-btns { position: absolute; z-index: 2; top: 50%; width: 40px; height: 80px; color: #fff; font-size: 36px; cursor: pointer; text-align: center; line-height: 80px; margin-top: -40px; font-family: Simsun; background-color: rgba(0, 0, 0, 0.2); }

.ifocus-btns.prev { left: 40px; }

.ifocus-btns.next { right: 40px; }

.ifocus-spot { position: absolute; z-index: 4; left: 0; width: 100%; bottom: 40px; height: 8px; text-align: center; }

.ifocus-spot .item { width: 10px; height: 10px; margin: 0 4px; cursor: pointer; border-radius: 4px; background-color: #fff; display: inline-block; vertical-align: top; transition: 0.35s ease-in-out; }

.ifocus-spot .item.on { width: 30px; background-color: #ee1d23; }



/* 插件样式 iroll */

.iRoll { max-width: 1220px; height: 440px; margin: 0 auto; position: relative; }

.iRoll-view { width: 1200px; height: 508px; padding: 10px; overflow: hidden; position: relative }

.iRoll-list { height: 100%; width: 6000px; }

.iRoll-item { float: left; width: 300px; height: 100%; cursor: pointer; position: relative }

.iRoll-spot { position: absolute; left: 0; width: 100%; bottom: -20px; text-align: center; }

.iRoll-btns { position: absolute; z-index: 6; bottom: 0; width: 46px; height: 46px; color: #ddd; cursor: pointer; font-size: 0; background-repeat: no-repeat; background-image: url(../images/icon.png); }

.iRoll-btns.prev { left: 0; }

.iRoll-btns.next { right: 0; }

.iRoll-spot .spot { display: inline-block; width: 10px; height: 10px; color: #333; cursor: pointer; font-size: 12px; margin-left: 8px; text-align: center; border-radius: 50%; background-color: #dbdbdb; }

.iRoll-spot .spot.on { color: #fff; background-color: #ff4539; }



/* base64 图片 */