zijia/template/week_touch/touch/images/main.css

@charset 'UTF-8';

/* Reset css */
html, body, div, footer, header, menu, nav {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.wk_list_about, .wk_view, .post_from, .post_msg_from { box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
s {outline:0;}
body{line-height:1.5}ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
sup,sub{font-size:100%;vertical-align:baseline}
:link,:visited ,ins{text-decoration:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;}
/* Reset css end */

/* Gobal css */
html {font-size:625%; width:100%; height:100%;}
body {font-family:'Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei',Arial,Verdana,sans-serif; font-size:14px; line-height:1.5; color:#121212; background:#f8f8f8; width:100%; height:100%; text-size-adjust:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing: antialiased;}

a:hover {color:#666; text-decoration:none;}
a{color:#ea3340;text-decoration:none;outline:none;transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0);}

/*clear float*/
.clearfix:after {font-size:0;line-height:0;content: "\020";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}

@font-face{
    font-family: 'fzltcxhjw';
    src: url("fzltcxhjw.ttf"),
         url("fzltcxhjw.woff");
	font-weight:bold;	 
}
/* Gobal css end */

/* Font css */
.f64{font-size:64px;}
.f60{font-size:60px;}
.f52{font-size:52px;}
.f48{font-size:48px;}
.f32{font-size:32px;}
.f28{font-size:28px;}
.f24{font-size:24px;}
.f22{font-size:22px;}
.f18{font-size:18px;}
.f16{font-size:16px;}
.f15{font-size:15px;}
.f14{font-size:14px;}

.f-family{font-family:'fzltcxhjw','Helvetica Neue',Helvetica,STHeiti,'Microsoft YaHei';}
.fblack{color:#121212;}
.fwhite{color:#fff;}
.fblue{color:#133a58;}
/* Font css end */

/* Btn css */
.comm-Btn,.comm-Btn:hover{ padding:0 44px; display:inline-block; line-height:44px; color:#FFF; text-decoration:none; border:1px solid #fff; border-radius:4px;}
.comm-Btn:hover{background:#fff; color:#333; }
.Btn-red,.Btn-red:hover{border:1px solid #ea3340; background:#ea3340; color:#FFF; }
.Btn-small,.Btn-small:hover{margin:15px auto; height:34px; line-height:34px; padding:0 22px; color:#121212; border:1px solid #333; border-radius:4px; }
.Btn-small:hover{background:#ea3340; color:#fff; border:1px solid #ea3340;}

/* Btn css end */

/* comm css */
.wk-warp{margin:0 auto; width:100%; height:100%; background:#F6F6F6; }
.container{margin:0 auto; padding:0 12px; max-width:1164px; min-width:1024px;}
.wk-case,.wk-index-contact,.wk-clients,.wk-friends,.wk-items-list,.wk-abtdiv,.wk-gettouch,.wk-about,.wk-data,.wk-space,.wk-team,.wk-job{width:100%; min-width:1024px; padding:88px 0;}
.bg-white{background-color:#ffffff;}
.bg-gray{background-color:#f8f8f8;}

/* title css */
.title-index{margin:0; color:#121212; }
.title-index span{display:inline-block; margin-right:15px; vertical-align:middle;}
.title-index em{display:inline-block; margin-right:15px; color:#888; vertical-align:middle;}
.title-index i{display:inline-block; width:50px; padding-top:1px; background:#ea3340; vertical-align:middle;}

/* header*/
.wk-header{position:fixed; left:0; top:0; padding:25px 0; height:60px; width:100%; z-index:1000; -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; }
.wk-header h1{float:left; margin:0;}
.wk-header h1 a.logo{display:block; width:50px; height:50px; text-indent:-8889px; background:url(logo_main.png) no-repeat center; background-size:50px 50px; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.wk-header-scroll{padding:8px 0; height:60px; background:#FFF; background:rgba(255,255,255,.96); -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; border-bottom:1px solid #ddd; }
.wk-header-scroll h1 a.logo{display:block; width:150px; height:40px; background:url(logo.png) no-repeat center; background-size:150px 40px; text-indent:-8889px; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;transition:none;}

/*right menu*/
.toggle-btn{display:none;}
.wk-mobile-nav {display:none;}

/*slider index*/
#Slider-index .slick {margin: 0 auto; width:100%; min-width:1024px;}
#Slider-index .slick div.slidbox{background-repeat:none; background-position:center; background-size:cover;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */}
#Slider-index .slick div.slidbox div.container{display:table; height:100%;}
#Slider-index .slick-prev:before, .slick-next:before { position:absolute; left: 0; top: 1px; color: #ccc;}
#Slider-index .slick-prev {display:none; left: -35px;}
#Slider-index .slick-next {display:none;  right: -35px;}
#Slider-index .slick-dots {bottom: 35px;}
/*slider subpage*/

/* footer */
.wk-footer{background:#9a9c99;}
.footer-box{float:left; width:50%;}
.footer-box .footer-txt{clear:both; color:#eee;}
.footer-nav{overflow:hidden; margin:0 0 30px;}
.footer-nav li{float:left; padding:0 40px 0 0;}
.footer-nav li a{display:block; color:#fff;}
.footer-nav li a:hover{text-decoration:none; color:#ccc;}
.logo-en{display:block; width:240px; height:34px; background:url(logo_en_2x.png) no-repeat center top; background-size:240px 18px;}
.fr{float:right;}
.tright{text-align:right;}

/* index service item */
.wk-service-item{width:100%; min-width:1024px;}
.service-item li{float:left; width:33.3333%; text-align:center; border-left:1px solid #ddd;}
.service-item li:last-child{border-right:1px solid #ddd;}
.service-item li a,.service-item li a:hover{padding:22px 0; display:block; text-decoration:none; text-align:center; }
.service-item li a:hover{background-color:#ea3340;}
.service-item li a span{display:inline-block; padding:6px 6px 6px 96px; text-align:left;}
.service-item li a span h3{margin:0; line-height:38px; color:#121212;}
.service-item li a:hover span h3{color:#fff;}
.service-item li a span p{line-height:26px; color:#888; }
.service-item li a:hover span p{color:#f8f8f8; }

.service-item li a span.service-ue{background:url(icon_ue.png) no-repeat 0px 0px; background-size:76px; -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.service-item li a:hover span.service-ue{background:url(icon_ue.png) no-repeat 0px -76px; background-size:76px;}
.service-item li a span.service-ui{background:url(icon_ui.png)  no-repeat 0px 0px; background-size:76px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.service-item li a:hover span.service-ui{background:url(icon_ui.png)  no-repeat 0px -76px; background-size:76px; }
.service-item li a span.service-dev{background:url(icon_dev.png) no-repeat 0px 0px; background-size:76px;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.service-item li a:hover span.service-dev{background:url(icon_dev.png) no-repeat 0px -76px; background-size:76px; }

/* case*/
.case-list{overflow:hidden;}
.case-list li{float:left; }
.case-list li a,.case-list li a:hover{display:block; text-decoration:none; color:#121212;}
.case-list li a img{margin:0 0 10px; display:block; width:100%;}
.case-list li a h4,.case-list li a:hover h4{margin:0; width:90%; line-height:40px;  color:#121212; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case-list li a p,.case-list li a:hover p{width:94%; margin:0 3%;  height:60px; line-height:20px; color:#666; overflow:hidden;}

/* index contact */
.wk-index-contact{background:url(bg_contactimg.jpg) no-repeat center; background-size:cover; background-attachment:fixed; }
.wk-index-contact h3{margin:0 auto 20px;  width:60%; line-height:1.75; text-align:center;color:#fff; }
.wk-index-contact p{margin:0 auto 15px; width:80%; line-height:1.75; text-align:center;color:#eee; }
.wk-index-contact p span{display:inline-block; margin:0 20px;}
.btn-box{margin:40px auto 0;}

/* client commemt */
#Slider-say .slick { width:960px; padding:60px 0 80px; margin: 0 auto; text-align:center;}
#Slider-say .slick div.slidbox h3{margin:0 0 40px; line-height:1.7; text-align:center;}
#Slider-say .slick div.slidbox p{margin:0 0 20px; color:#666;  text-align:center;}
#Slider-say .slick-prev:before, .slick-next:before { position: absolute; left: 0; top: 1px; color: #ccc;}
#Slider-say .slick-prev { display:none; left: -35px;}
#Slider-say .slick-next { display:none;  right: -35px;}
#Slider-say .slick-dots { bottom: 35px;}
#Slider-say .slick-dots li button { border:2px solid #666; background:#666; display: block; height: 10px; width: 10px; border-radius:5px; opacity: 0.35; outline: none; line-height: 0; font-size: 0; color: transparent; cursor: pointer; outline: none; }
#Slider-say .slick-dots li.slick-active button{ opacity: 1;  border:2px solid #ea3349; background: transparent;}

/* friends */
.wk-friends{padding:44px 0;}
.wk-friends ul.friends-list li{float:left;margin:10px 0; padding:10px 20px; width:25%; }
.wk-friends ul.friends-list li img{margin:0 auto; display:block; width:100%;}
.mark-info{position:absolute; bottom:0px; left:0; width:100%; text-align:center; padding:20px 0; background:rgba(234,51,64,.76);_background:#000;  color:#fff;}
.mark-info h4{margin:0; line-height:2;}

/*show txt style*/
.show-txtstyle-center{vertical-align:middle; display:table-cell;text-align:center;}
.show-txtstyle-center p.iconimg img{margin:0 auto 2%; width:180px; }
.show-txt-left{text-align:left;}