body{background-color:#FFF;}

/** page loading **/
#loading-page{background-color:#000;height:100%;width:100%;position:fixed;z-index:9999;top:0;left:0}
#loading-page .b{position:absolute;left:50%;top:50%;height:150px;width:150px;margin-top:-75px;margin-left:-75px}
#loading-page i{display:block;width:20px;height:20px;background-color:#d5102c;float:left;margin-right:20px;margin-top:65px;-moz-border-radius:50% 50% 50% 50%;-webkit-border-radius:50% 50% 50% 50%;border-radius:50% 50% 50% 50%}
#loading-page .one{-webkit-animation:loading_page_one 1.5s infinite;animation:loading_page_one 1.5s infinite}
#loading-page .two{-webkit-animation:loading_page_two 1.5s infinite;animation:loading_page_two 1.5s infinite;-webkit-animation-delay:.25s;animation-delay:.25s}
#loading-page .three{-webkit-animation:loading_page_three 1.5s infinite;animation:loading_page_three 1.5s infinite;-webkit-animation-delay:.5s;animation-delay:.5s}
@-webkit-keyframes loading_page_one{75%{-webkit-transform:scale(0)}}
@keyframes loading_page_one{75%{transform:scale(0);-webkit-transform:scale(0)}}
@-webkit-keyframes loading_page_two{75%{-webkit-transform:scale(0)}}
@keyframes loading_page_two{75%{transform:scale(0);-webkit-transform:scale(0)}}
@-webkit-keyframes loading_page_three{75%{-webkit-transform:scale(0)}}
@keyframes loading_page_three{75%{transform:scale(0);-webkit-transform:scale(0)}}

/** slide **/
.slide-prev, .slide-next{position:absolute;color:#FFF;top:46%;z-index:10;cursor:pointer;opacity:0;}
.slide-prev{left:15px;}
.slide-next{right:15px;}
.slide-prev .icon, .slide-next .icon{font-size:42px;}
.slide:hover .slide-prev, .slide:hover .slide-next{opacity:1;}
.slide{width:100%;position:relative;overflow:hidden;}
.slide-box img{width:100%;height:auto;}
.slide-box li{position:relative;}
.slide-box .text{position:absolute;bottom:41%;left:0;width:100%;}
.slide-box .text .h, .slide-box .text .s{display:inline-block;background-color:rgba(0,0,0,0.6);font-size:48px;padding:6px 20px;color:#FFF;}
.slide-box .text .s{color:#333;background-color:rgba(255,255,255,0.6);font-size:28px;}
.slide-tabs{position:absolute;bottom:25px;left:0;width:100%;text-align:center;z-index:2;}
.slide-tabs li{display:inline-block;width:30px;height:3px;margin:0 4px;cursor:pointer;background-color:rgba(255,255,255, 0.6);}
.slide-tabs li.on{background-color:rgba(213, 16, 44, 0.6);}

/** tips **/
.col-tips .floor{position:relative;}
.col-tips ul{position:absolute;left:0;top:-60px;width:100%;height:145px;background-color:#FFF;z-index:10;}
.col-tips li{float:left;width:33.33%;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);box-shadow: 0 1px 10px rgba(0,0,0,0.2);}
.col-tips .b{padding:30px;}
.col-tips .thumb{float:left;width:70px;}
.col-tips .thumb img{width:50px;height:50px;}
.col-tips .text{float:left;width:266px;}
.col-tips h3{font-size:19px;font-weight:400;margin:0 0 15px 0;}
.col-tips p{font-weight:300;color:#999;margin:0;}
.col-tips li:hover h3, .col-tips li:hover p{color:#E80024;}

/** about **/
.col-about{margin-top:170px;}
.col-about .bar-h1{float:left;width:30%;}
.col-about .i-summary{float:left;width:70%;}
.col-about .i-summary p{float:left;width:50%;margin:0 0 25px 0;}
.col-about .i-summary span{display:inline-block;padding-left:45px;color:#555;line-height:170%;}

.col-about .i-product{margin-top:80px;}
.col-about .i-product li{float:left;width:386px;margin:0 36px 60px 0;}
.col-about .i-product li.nm{margin-right:0;}
.col-about .i-product .text{height:70px;background-color:#ededed;text-align:center;position:relative;}
.col-about .i-product .text:after{position:absolute;content:'';top:0;left:0;width:0;height:100%;background-color:#d5102c;opacity:0;}
.col-about .i-product li:hover .text:after{width:100%;opacity:1;}
.col-about .i-product h3{position:relative;z-index:2;line-height:70px;color:#333;font-weight:400;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.col-about .i-product li:hover h3{color:#FFF;}
.col-about .thumb{position:relative;overflow:hidden;}
.col-about .thumb img{min-height:179px;}
.col-about .i-product a:hover{text-decoration:none;}

/** good **/
.col-good{margin-top:100px;background-color:#F5F5F5;padding:100px 0;}
.col-good .floor{position:relative;}
.col-good .text{position:absolute;width:480px;left:0;top:60px;background-color:#FFF;z-index:1;}
.col-good .text .t-b{padding:50px;}
.col-good .thumb{float:right;width:795px;}
.col-good .thumb img{min-height:530px;}
.col-good .thumb a{display:block;position:relative;overflow:hidden;}
.col-good .thumb a:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(255,255,255,.2);-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none;}
.col-good .thumb a:hover:after{width:120%;background-color: transparent;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}

/** news **/
.col-news{margin-top:120px;}
.col-news .i-header{padding-bottom:12px;border-bottom:1px solid #EEE;margin-bottom:40px;}
.col-news .i-header h2{font-size:35px;margin:0;float:left;line-height:100%;}
.col-news .i-header .more{float:right;padding:12px 0 0 0;}
.col-news .i-header .more a{color:#999;}
.col-news li{float:left;width:386px;margin-right:36px;}
.col-news li.nm{margin-right:0;}
.col-news .text{padding:35px 25px 25px 25px;position:relative;}
.col-news .date{position:absolute;height:30px;line-height:30px;padding:0 10px;color:#DDD;font-size:11px;background-color:#333;left:20px;top:-15px;}
.col-news h3 a{color:#333;font-size:18px;}
.col-news h3 a:hover{text-decoration:none;}
.col-news h3{margin-bottom:15px;line-height:135%;}
.col-news p{margin:0 0 15px 0;color:#999;}
.col-news .bt a{color:#999;font-size:13px;}
.col-news li:hover h3 a, .col-news li:hover .bt a{color:#E80024;padding-left:6px;}
.col-news .b{-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);box-shadow: 0 1px 10px rgba(0,0,0,0.1);}
.col-news .thumb img{min-height:196px;width:100%;}

/** testimonial **/
.col-testimonial{margin-top:120px;padding:120px 0;background-color:#F5F5F5;}
.col-testimonial .i-summary{float:left;width:270px;}
.col-testimonial .i-slide-box{float:right;width:820px;}
.col-testimonial .i-slide li{display:none;}
.col-testimonial .i-slide li.on{display:block;}
.col-testimonial .i-slide .b{position:relative;padding:0 0 0 80px;}
.col-testimonial .i-slide p.s{margin:0;font-family:Georgia,sans-serif;font-size:24px;font-style:italic;color:#777;}
.col-testimonial .i-slide p.from{margin:20px 0 0 0;font-size:15px;}
.col-testimonial .i-slide .quote{position:absolute;left:0;top:0;}
.col-testimonial .i-slide .quote .icon{font-size:42px;}
.col-testimonial .i-avatar{margin:40px 0 0 80px;position:relative;border-top:1px solid #EEE;padding-top:25px;}
.col-testimonial .i-avatar .arrow{position:absolute;left:21px;top:0;width:0;height:0;border-width:6px;border-style:solid;border-color:#333 transparent transparent transparent}
.col-testimonial .i-avatar li{float:left;margin-right:15px;cursor:pointer;}
.col-testimonial .i-avatar img{width:50px;height:50px;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;}

/** contact **/
.col-contact{height:770px;overflow:hidden;}
.col-contact .floor{margin-top:120px;}
.col-contact .i-box{float:right;width:550px;background-color:#FFF;}
.col-contact .b{padding:50px;}
.col-contact .btn-submit{width:100%;padding-left:0;padding-right:0;}

/** common **/
.slide-prev, .slide-next,
.col-tips li, .col-tips li:hover h3, .col-tips li:hover p,
.col-about .i-product .text:after,
.col-news .bt a, .col-news h3 a, .col-news .b
{transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;}
.col-about .thumb img{width:100%;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;}
.col-about .i-product li:hover .thumb img
{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.col-tips li:hover, .col-good .text, .col-news li:hover .b, .col-contact .i-box
{-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.3);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.3);box-shadow: 0 1px 10px rgba(0,0,0,0.3);}
.col-good .text p, .col-testimonial .i-summary p{color:#555;}
.col-good .text .i-btn, .col-testimonial .i-summary .i-btn{margin-top:25px;}

@media screen and (max-width:1230px) {
.col-tips .floor{padding:0;}
.col-tips ul{position:static;}
.col-tips .text{width: -moz-calc(100% - 70px);width: -webkit-calc(100% - 70px);width: calc(100% - 70px);}
.col-tips h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.col-about{margin-top:80px;}
.col-about .bar-h1, .col-feature .bar-h1{width:31%;}
.col-about .i-summary, .col-feature .i-summary{width:69%;}
.col-about .i-product{margin-top:60px;}
.col-about .i-product li{width:33.33%;margin:0;}
.col-about .i-product .b{margin:5px;}
.col-about .i-product h3:after, .col-about .i-product h3:before{display:none;}
.col-about .thumb img{min-height:400px;}

.col-good .text{left:15px;}

.col-news{margin-top:80px;}
.col-news li{width:33.33%;margin:0;}
.col-news .b{margin:0 5px;}
.col-news .thumb img{min-height:96px;}

.col-testimonial{margin-top:100px;padding:100px 0;}
.col-testimonial .i-summary{width:30%;}
.col-testimonial .i-slide-box{width:68%;}
}

@media screen and (max-width:890px) {
#top{position:static;border:none;background-color:#222;}
.col-good .text, .col-contact .i-box
{-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.2);box-shadow: 0 1px 10px rgba(0,0,0,0.2);}

.col-tips ul{height:auto;}
.col-tips .floor{padding:15px;}
.col-tips li{width:100%;float:inherit;clear:both;}
.col-tips ul{-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);box-shadow: 0 1px 10px rgba(0,0,0,0.1);}
.col-tips li{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid #EEE;}

.col-about{margin-top:60px;}
.col-about .bar-h1, .col-about .i-summary{float:inherit;clear:both;width:100%;}
.col-about .i-summary{margin-top:30px;}
.col-about .i-summary p{width:100%;}
.col-about .i-summary p span{padding:0;}
.col-about .i-product{margin-top:20px;}
.col-about .i-product li{width:50%;margin-top:10px;}
.col-about .i-product .b{margin:0 5px 0 0;}
.col-about .i-product li.o .b{margin:0 0 0 5px;}
.col-about .thumb img{min-height:100px;}

.col-good{margin-top:80px;padding:80px 0;}
.col-good .text{position:static;width:100%;margin-top:30px;}
.col-good .thumb{float:inherit;clear:both;width:100%;}
.col-good .thumb img{width:100%;min-height:300px;}

.col-news li{float:inherit;clear:both;width:100%;margin-bottom:20px;}
.col-news .b{margin:0;}

.col-testimonial{margin-top:50px;padding:50px 0;}
.col-testimonial .i-summary, .col-testimonial .i-slide-box{float:inherit;width:100%;clear:both;}
.col-testimonial .i-slide-box{margin-top:50px;}
.col-testimonial .i-avatar{margin:40px 0 0 0;}

.col-contact{height:auto;}
.col-contact .floor{margin:60px 0;}
.col-contact .i-box{float:inherit;clear:both;width:100%;}
.col-contact .btn-submit{padding-left:0;padding-right:0;width:100%;}
}

@media screen and (max-width:640px) {
.slide-prev, .slide-next{display:none;}
.slide-tabs{bottom:12px;}
.slide-tabs li{width:6px;height:6px;margin:0 3px;border-width:1px;}
.slide-box .text{bottom:35%;}
.slide-box .text .h, .slide-box .text .s{font-size:16px;padding:4px 10px;}
.slide-box .text .s{font-size:11px;}

.col-tips{margin-top:10px;}
.col-tips .b{padding:20px;}
.col-tips .thumb{width:50px;}
.col-tips .thumb img{width:30px;height:30px;}
.col-tips h3{font-size:18px;margin:0 0 5px 0;white-space:normal;}
.col-tips .text{width: -moz-calc(100% - 50px);width: -webkit-calc(100% - 50px);width: calc(100% - 50px);}
.col-tips p{font-size:12px;}

.col-about{margin-top:40px;}
.col-about .i-product .text{height:50px;}
.col-about .i-product .text h3{line-height:50px;font-size:14px;padding:0 12px;}
.col-about .i-product{margin-top:10px;}

.col-good{margin-top:50px;padding:50px 0;}
.col-good .text{margin-top:15px;}
.col-good .text .t-b{padding:35px;}
.col-good .thumb img{min-height:100px;}

.col-news{margin-top:50px;}
.col-news .i-header{margin-bottom:20px;}
.col-news .i-header .more{display:none;}
.col-news .i-header h2{font-size:28px;}
.col-news .thumb img{min-height:150px;}

.col-testimonial{margin-top:30px;}
.col-testimonial .i-slide .b{padding-left:50px;}
.col-testimonial .i-slide .quote .icon{font-size:32px;}

.col-contact .b{padding:30px;}

.col-good .btn-submit, .col-testimonial .btn-submit{width:100%;padding:13px 0;text-align:center;}
}