@charset "utf-8";

/* CSS Document */



@font-face {

    font-family: 'Open Sans';

    src: url('../fonts/opensans-regular-webfont.eot');

    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),

         url('../fonts/opensans-regular-webfont.woff') format('woff'),

         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),

         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'Oswald';

    src: url('../fonts/oswald-regular-unhinted-webfont.eot');

    src: url('../fonts/oswald-regular-unhinted-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/oswald-regular-unhinted-webfont.woff2') format('woff2'),

         url('../fonts/oswald-regular-unhinted-webfont.woff') format('woff'),

         url('../fonts/oswald-regular-unhinted-webfont.ttf') format('truetype'),

         url('../fonts/oswald-regular-unhinted-webfont.svg#oswaldregular') format('svg');

    font-weight: normal;

    font-style: normal;

}



/* 全局样式 */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0);}

body {font:16px/1.5 Microsoft YaHei,SimHei,simsun,tahoma,arial,\5b8b\4f53,sans-serif; color:#000;}

h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}

fieldset, img {border:0;}

li,dl,dd {list-style-type:none;}

ol,ul {list-style:none;}

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display:block;}



input, textarea, select {outline:none !important;}

/* Fix for Chrome's yellow input highlighting */

input:focus, textarea:focus, select:focus {outline:none;}

img {display:block;}

a img {text-decoration:none; border:none;}

input[type="checkbox"], input[type="radio"] {background:transparent;}



/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

button, input, optgroup, select, textarea {color:inherit; font:inherit; margin:0;}

button {overflow:visible;}

button, select {text-transform:none;}

button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}

button[disabled], html input[disabled] {cursor:default;}

button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}



input {line-height:normal;}

input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height:auto;}

input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing: content-box;}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}

input[type="text"] {-webkit-appearance:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}



input, button, select, textarea {font-family:inherit; font-size:inherit; font-weight:inherit; outline:none; -webkit-appearance:none; border-radius:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}

input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}

input:focus, textarea:focus {outline:none;}

input:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-user-modify:read-write-plaintext-only;}



input {padding:0 10px;}

textarea {overflow:auto; padding:10px;}



/*全站链接颜色*/

a:link{color:#000;}

a:visited{color:#000;}

a:hover{color:#03d6f6; text-decoration:underline;}

a:active{color:#000;}



strong {font-weight:bold;}

a {color:#000; text-decoration:none;} 

a:hover {color:#03d6f6; text-decoration:underline;}



/*通用样式*/

.space1,.space2,.space5,.space10,.space15,.space18,.space20,.space25,.space30,.space35,.space40,.space43,.space44,.space45,.space50,.space55,.space60,.space70,.space90 {clear:both; font-size:1px; height:0; line-height:1px;}

.space1 {height:1px;}.space2 {height:2px;}.space5 {height:5px;}.space10 {height:10px;}.space15 {height:15px;}.space18 {height:18px;}.space20 {height:20px;}.space25 {height:25px;}.space30 {height:30px;}.space35 {height:35px;}.space40 {height:40px;}.space43 {height:43px;}.space44 {height:44px;}.space45 {height:45px;}.space50 {height:50px;}.space55 {height:55px;}.space60 {height:60px;}.space70 {height:70px;}.space90 {height:90px;}

.hidden {display:none;}.invisible{visibility:hidden;}

.fb {font-weight:bold;}.fn {font-weight:normal;}

.text-c {text-align:center}.text-l {text-align:left}.text-r {text-align:right;}

.fl{float:left;*display:inline;*zoom:1;}

.fr{float:right;*display:inline;*zoom:1;}

.pr {position:relative;}

.pa {position:absolute;}



.container {width:1200px;}

.container {padding:0 15px; margin:0 auto;}

.container:before,.container:after {content:" "; display:table;}

.container:after {clear:both;}



.inlineblock{display:inline-block; *display:inline; *zoom:1;}

.clr{clear:both;}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; overflow:hidden;}



.clear {zoom:1;}

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

.fle {float:left; _display:inline;}

.fri {float:right; _display:inline;}



.cf {zoom:1;}

.cf:before, .cf:after {content:" "; display:block; height:0; overflow:hidden;}

.cf:after {clear:both;}



/*颜色预定义 可以随时增加*/

.gray,a.gray:link,a.gray:visited {color:#878787;}

a.gray:hover{color:#03d6f6;}



/*字体颜色 可以随时增加*/

.time14 {font-size:13px; color:#717171; font-family:Verdana, Helvetica, Arial, sans-serif;}

.Red18 {font-size:18px; color:#a91a19; font-weight:bold;}

.Black {color:#000;}



/*字体大小 可以随时增加*/

.en12 {font:12px Verdana, Arial, Helvetica, sans-serif; padding-top:2px}



/* 页面布局样式 */

/* header css */

.header_box {width:100%; display:table; position:relative;}

.headerBg {width:100%; height:60px; background:url(../images/headerBg.png) left top repeat; border-bottom:1px solid #3f4042; position:absolute; left:0; top:0; z-index:99999;}

.logoCon {float:left; padding-top:14px;}

.logoCon img {width:123px; height:34px;}



/* nav css */

.navbg {min-width:670px; height:60px; float:right;}

.navbox {width:100%; height:60px;}

.name {display:none;}



/* class css */

.classBg {width:100%; background:url(../images/classBg.png) left top repeat; position:absolute; left:0; bottom:0; z-index:99999;}

.class {width:100%; box-sizing:border-box;}

.classCon {box-sizing:border-box; overflow:hidden}

.classCon .classCont {margin-left:-5px; margin-right:-5px; box-sizing:border-box;}

.class_box ul {width:232px; float:left; background:#262b2e; margin:0 5px;}

.class_box ul li {font-family:Microsoft YaHei,simsun,SimHei; font-size:14px; color:#545454; line-height:18px;}

.class_box ul li a {padding:25px; color:#8d8d8d; display:block; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}

.class_box ul li a:hover {color:#fff; background:#373a42; text-decoration:none;}

.class_box ul li h4 {font-family:Microsoft YaHei,SimHei,simsun; font-weight:normal; line-height:20px; margin-bottom:8px; letter-spacing:2px;}

.class_box ul li a h4 {color:#bcbbbb; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}

.class_box ul li a:hover h4 {color:#fff;}



.strip {padding:65px 0;}



/* heading css */

.heading {position:relative; line-height:40px; margin:0 auto 43px auto; text-align:center;}

.heading i{width:100%; background:#d6d6d6; height:1px; display:block; position:absolute; top:20px;}

.heading h1{font-size:32px; font-weight:normal; color:#000; background:#fff; padding:0 20px; text-align:center; margin:0 auto; display:inline-block; position:relative; z-index:2;}

.heading h2{font-size:32px; font-weight:normal; color:#000; background:url(../images/design_titbg.jpg) center top no-repeat; padding:0 20px; text-align:center; margin:0 auto; display:inline-block; position:relative; z-index:2;}

.heading p {width:100%; height:32px; line-height:24px; padding-top:8px; margin:0 auto; color:#7b7b7b;}

.heading.marb30 {margin:0 auto 30px auto;}

.space_head,.space_head2,.space_head3,.space_head4 {clear:both; font-size:1px; height:0; line-height:1px;}

.space_head {height:29px;}

.space_head2 {height:70px;}

.space_head3 {height:21px;}

.space_head4 {height:22px;}



.row {position:relative; zoom:1;}

.row:before,.row:after {content:" "; display:table;}

.row:after {clear:both;}

.margin-bot15 {margin-bottom:15px;}



.widgets {width:100%; box-sizing:border-box;}

.widgets_feature {box-sizing:border-box; overflow:hidden}

.widgets_feature .widgets_feature_wrapper {margin-left:-10px; margin-right:-10px; box-sizing:border-box;}

.col-md-1 {width:37%; float:left;}

.col-md-2 {width:26%; float:left;}

.about-item{padding:0 10px;}

.about-item i {font-size:45px; height:70px; line-height:70px; color:#fff;}

.about-item i.fa-lg {font-size:65px;}

.about-item h3, .about-item p {margin-left:80px;}

.about-item h3{font-weight:normal; color:#444;}

.about-item p{font-family:Microsoft YaHei,simsun,SimHei; font-size:14px; color:#666;}

.pull-left {float:left !important;}

.circle {background:#53646e; display:inline-block; width:70px; height:70px; border-radius:10%; text-align:center; line-height:70px; transition:1s; -webkit-transition:1s; -moz-transition:1s;}

.circle:hover {background:#03d6f6; -webkit-transform:rotate(360deg) scale(1); -moz-transform:rotate(360deg) scale(1); -ms-transform:rotate(360deg) scale(1); -o-transform:rotate(360deg) scale(1);}

a .col-md-1 .about-item .circle,

a .col-md-2 .about-item .circle {transition:1s; -webkit-transition:1s; -moz-transition:1s}

a:hover .col-md-1 .about-item .circle,

a:hover .col-md-2 .about-item .circle {background:#03d6f6; -webkit-transform:rotate(360deg) scale(1); -moz-transform:rotate(360deg) scale(1); -ms-transform:rotate(360deg) scale(1); -o-transform:rotate(360deg) scale(1);}



/* widget css */

.cont_full {width:100%;}

.cont_full:before,.cont_full:after {content:" "; display:table;}

.cont_full:after {clear:both;}



.widgets_feature .widgets_feature_wrapper2 {box-sizing:border-box;}

.col-md-3 {width:299px; height:150px; border-right:1px solid #727272; float:left; overflow:hidden; position:relative;}

.col-md-4 {width:300px; height:150px; border:0;}

.col-md-3 img {width:100%; height:100%;}

.col-md-3 a img {transition:all 0.6s;}

.col-md-3 a:hover img {transform:scale(1.1)}

.col-md-3 .widget_image {width:290px; height:80px; position:absolute; left:50%; top:50%; margin:-40px 0 0 -145px; text-align:center; color:#fff;}

.col-md-3 .widget_image h1 {font-size:30px; font-weight:normal; line-height:1.5em;}

.col-md-3 .widget_image p {line-height:2em;}

.col-md-3 a .widget_image {color:#fff; filter:DropShadow(Color=#333333, OffX=1, OffY=1, Positive=true); text-shadow:1px 1px 0 #333333;}

.col-md-3 a:hover .widget_image {color:#fff;}



.col-md-5 {width:200px; margin:0 20px; float:left;}

.col-md-5 a h3 {display:block; margin:15px 0; color:#444; text-align:center; font-weight:normal;}

.col-md-5 a:hover h3 {color:#03d6f6;}

.col-md-5 p {width:100%; font-family:Microsoft YaHei,simsun,SimHei; font-size:14px; text-align:center; color:#666;}

.col-md-5 .list {width:100px; height:100px; margin:0 auto; border-radius:50%; position:relative; cursor:pointer; -webkit-transition:.4s all; -moz-transition:.4s all; -ms-transition:.4s all; transition:.4s all;}

.col-md-5 .list a {display:block; width:100%; height:100%;}

.col-md-5 .list .ico {width:86px; height:86px; position:absolute; left:7px; top:7px; background:#03d6f6 url(../images/rotate.png); border-radius:50%; z-index:1; -webkit-transition:.4s all; -moz-transition:.4s all; -ms-transition:.4s all; transition:.4s all;}

.col-md-5 .list ._1 {background-position:0px 0px;}

.col-md-5 .list ._2 {background-position:-86px 0px;}

.col-md-5 .list ._3 {background-position:-172px 0px;}

.col-md-5 .list ._4 {background-position:-258px 0px;}

.col-md-5 .list ._5 {background-position:-344px 0px;}

.col-md-5 .list ._6 {background-position:-430px 0px;}

.col-md-5 .list {background:rgba(0,0,0,.1);}

.col-md-5 .list.on .ico {background:#424242 url(../images/rotate2.png); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}

.col-md-5 .list.on ._1 {background-position:0px 0px;}

.col-md-5 .list.on ._2 {background-position:-86px 0px;}

.col-md-5 .list.on ._3 {background-position:-172px 0px;}

.col-md-5 .list.on ._4 {background-position:-258px 0px;}

.col-md-5 .list.on ._5 {background-position:-344px 0px;}

.col-md-5 .list.on ._6 {background-position:-430px 0px;}



.widgets_feature .widgets_feature_wrapper3 {margin-left:-9px; margin-right:-9px; box-sizing:border-box;}

.pic_box {width:591px; margin:0 9px; float:left;}

.heading2 {margin:0 auto 15px auto;}

.col-md-6 {width:196px; height:183px; border-right:1px solid #fff; overflow:hidden; position:relative; float:left;}

.col-md-6 img,.col-md-6 a img {width:100%; height:100%; transform:scale(1); transition:all 0.3s ease 0s;

-webkit-filter:grayscale(100%);  /* CSS3 filter方式，webkit内核方式，firefox外的绝大部分的现代浏览器*/

   -moz-filter:grayscale(100%);  /* 目前没有实现 */

    -ms-filter:grayscale(100%);

     -o-filter:grayscale(100%);

        filter:grayscale(100%);  /* CSS3 filter方式，标准写法*/

        filter:gray;             /* IE 6-9 */

}

.col-md-6:hover img,.col-md-6 a:hover img{transform:scale(1.5);

-webkit-filter:grayscale(0%);

   -moz-filter:grayscale(0%);

	-ms-filter:grayscale(0%);

	 -o-filter:grayscale(0%);

	    filter:grayscale(0%);

	    filter:;

}

.col-md-6 p {width:100%; height:80px; line-height:80px; font-size:18px; position:absolute; left:0; bottom:0; background-image:linear-gradient(transparent,#111); background-size:auto 100%; filter:DropShadow(Color=#333333, OffX=1, OffY=1, Positive=true); text-shadow:1px 1px 0 #000000; z-index:9999; text-align:center; color:#fff;}

.adipoli-wrapper {margin:auto; position:relative; display:inline-block;}

.adipoli-wrapper>img {position:absolute; z-index:1;}

.adipoli-before {position:absolute; z-index:5;}

.adipoli-after {position:absolute; z-index:10;}



.asd_l {width:400px; float:left;}

.asd_l_img,.asd_l_txt {width:270px; margin:0 auto;}

.asd_l_img img {width:270px; height:auto;}

.asd_l_txt {line-height:1em; font-size:18px; color:#6c6c6c; text-align:center; margin-top:20px;}

.asd_l_txt span {font-family:'Oswald', Verdana, Arial, Helvetica, sans-serif;}

.asd_c {width:480px; float:left;}

.asd_c_img {width:290px; margin:0 auto;}

.asd_c_img img {width:290px; height:auto;}

.asd_c_txt {width:210px; padding-left:80px; margin:0 auto; line-height:1em; font-size:18px; color:#6c6c6c; text-align:left;}

.asd_c_txt h4 {font-size:24px; font-weight:normal; line-height:42px; color:#000; margin-bottom:8px;}

.asd_c_txt span {float:left;}

.asd_r {width:320px; text-align:center; float:left;}

.asd_r h4 {font-size:22px; line-height:1em; margin-bottom:4px; font-weight:normal; color:#444;}

.asd_r img {display:inline}

.asd_r_txt {font-size:18px; color:#6c6c6c; text-align:center; line-height:1em;}



.footer {padding:30px 0; background:#262626;}

.footer_menu,.footer_menu a {color:#fff; text-align:center; letter-spacing:2px;}

.footer_menu a:hover {color:#fff;}

.footer_con {width:900px; margin:8px auto 0 auto; display:table;}

.footer_box {width:445px; line-height:30px; font-family:Microsoft YaHei,simsun,SimHei; font-size:14px; color:#a7a7a7; text-align:right; float:left; position:relative; padding:0 10px;}

.footer_box p {font-style:normal; padding-right:15px; display:inline;}

.footer_box i {font-family:'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-style:normal;}

.footer_box a {color:#a7a7a7;}

.footer_box2 {width:390px; padding:0 10px 0 35px; text-align:left;}

.footer_box2 span {width:20px; height:20px; background:url(../images/ga.gif) left center no-repeat; position:absolute; left:10px; top:5px;}

.footer_name {width:320px; line-height:30px; padding-right:30px; font-family:Microsoft YaHei,simsun,SimHei;; font-size:14px; color:#a7a7a7; text-align:center; margin:0 auto; position:relative;}

.footer_name span {width:20px; height:20px; background:url(../images/gs.gif) left center no-repeat; position:absolute; right:14px; top:5px;}

.footer_name a {color:#a7a7a7;}



/* ------------------------------------------------------  内页样式  ------------------------------------------------------ */

.banner_small {width:100%; height:400px;}

.banner1,.banner2,.banner3,.banner4,.banner5,.banner6,.banner7 {background-position:center center; background-repeat:no-repeat; background-size:cover; -ms-behavior:url(../css/backgroundsize.min.htc); behavior:url(../css/backgroundsize.min.htc);}

.banner1 {background-image:url(../images/banner1.jpg);}

.banner2 {background-image:url(../images/banner2.jpg);}

.banner3 {background-image:url(../images/banner3.jpg);}

.banner4 {background-image:url(../images/banner4.jpg);}

.banner5 {background-image:url(../images/banner5.jpg);}

.banner6 {background-image:url(../images/banner6.jpg);}

.banner7 {background-image:url(../images/banner7.jpg);}



.about_bg {width:100%; background:url(../images/about_bg.jpg) right top no-repeat; display:table;}

.about_col-1 {width:77%; float:left; line-height:30px;}

.about_col-1 p {margin-bottom:10px;}



.about_con {display:table;}

.about_con dl dt {width:510px; height:345px; float:left;}

.about_con dl dt img {width:100%; height:auto;}

.about_con dl dd {margin-left:560px; line-height:30px;}

.about_con dl dd h2 {font-size:30px; font-weight:normal; margin-bottom:30px;}

.about_con dl dd p {margin-bottom:10px; padding-left:20px; position:relative;}

.about_con dl dd p span {position:absolute; left:0; top:0;}



.font_con {width:100%; position:relative;}

.font_box1,.font_box2 {width:270px; height:70px; position:absolute;}

.font_box1 img,.font_box2 img {width:100%;}

.float1_1 {left:75px; top:150px;}

.float1_2 {left:340px; top:235px;}



.web_font {width:890px; font-size:18px;line-height:30px; }

.web_font span {float:right;}

.col-in-1 {width:890px; float:left;}

.col-in-1 .webcon {width:430px; float:left;}

.col-in-1 .webcon img {width:430px; height:260px; margin-bottom:15px;}

.col-in-1 .webcon.mr30 {margin-right:30px;}

.col-in-1 .webcon .ft1 {font-size:20px; color:#03d6f6;}

.col-in-1 .webcon .ft1 p {font-size:16px; line-height:30px; color:#666; float:right;}



.col-in-2 {width:250px; height:260px; float:right; position:relative;}

.col-in-2 .webbox {height:64px; line-height:64px; font-size:20px; background:url(../images/website_line.gif) left bottom repeat-x;}

.web_site1,.web_site2,.web_site3,.web_site4 {position:absolute; text-align:right;}

.web_site1 {right:20px; top:0;}

.web_site2 {right:40px; top:65px;}

.web_site3 {right:80px; top:130px;}

.web_site4 {right:0; top:195px;}

.web_height {height:40px; clear:both;}

.web_line {border-bottom:1px solid #ccc; margin-bottom:46px;}



.design_bg {height:610px; background:url(../images/design_bg.jpg) center top no-repeat; background-size:cover; -ms-behavior:url(../css/backgroundsize.min.htc); behavior:url(../css/backgroundsize.min.htc);}

.col-in-3 {width:274px; height:auto; margin:0 63px; float:left; position:relative;}

.col-in-3 .img_over {width:274px; height:247px;}

.col-in-3 .img_over img {width:274px; height:247px;}

.col-in-3 .style_font {width:60px; height:120px; position:absolute; left:61px; top:247px; z-index:104;}

.col-in-3 .style_font .wp-title {width:60px; height:120px; word-wrap:break-word; border-color:transparent; border-width:0px; display:block;}

.col-in-3 .style_font .wp-title span {font-family:华文行楷; font-size:52px; line-height:60px; color:#043c77;}

.col-in-3 .design_line {width:21px; height:274px; position:absolute; left:114px; top:250px; z-index:101;}

.col-in-3 .design_line .vertical-solid {width:3px; height:100%; margin:0 auto; background:#043c77;}

.col-in-3 .wp-title-s,.col-in-3 .wp-title-s2 {width:20px; height:272px; font-size:16px; line-height:130%; overflow:hidden; position:absolute; top:250px; z-index:102;}

.col-in-3 .wp-title-s {left:144px;}

.col-in-3 .wp-title-s2 {left:173px;}

.col-in-3 .wp-title-s p,.col-in-3 .wp-title-s2 p {word-wrap:break-word;}



.service {height:501px; position:relative}

.service_bg {width:100%; height:330px; background:url(../images/service_bg.jpg) center center no-repeat; background-size:cover; -ms-behavior:url(../css/backgroundsize.min.htc); behavior:url(../css/backgroundsize.min.htc); position:absolute; left:0; bottom:0;}

.service_col {width:1065px; margin:0 auto; position:relative; z-index:99;}

.col-in-4 {width:305px; height:auto; margin:0 25px; float:left;}

.col-in-4 .img_over {width:305px; height:200px;}

.col-in-4 .img_over img {width:305px; height:200px;}

.col-in-4 .service_con {background:#fff; height:120px; padding:25px;}

.col-in-4 .service_con h3 {text-align:center; margin-bottom:10px;}

.col-in-4 .service_con p {line-height:26px; color:#666;}



.software_bg {background:url(../images/software_bg.jpg) center 171px no-repeat; background-size:cover; -ms-behavior:url(../css/backgroundsize.min.htc); behavior:url(../css/backgroundsize.min.htc);}

.widgets_feature .widgets_feature_wrapper4 {margin-left:-30px; margin-right:-30px; box-sizing:border-box;}



.col-in-5 {width:255px; height:auto; margin:45px 30px; float:left;}

.col-in-5 .img_over {width:107px; height:121px; margin:0 auto; margin-bottom:20px;}

.col-in-5 h3 {width:100%; height:34px; line-height:34px; font-size:24px; font-weight:normal; text-align:center; margin-bottom:20px;}

.col-in-5 p {width:100%;line-height:26px; text-align:left; color:#5a5a5a; text-indent:2em;}



.map {width:100%;}

.map img {width:70%; margin:0 auto; height:auto;}





/********************************************

				Animation

********************************************/



.animate {

	-webkit-animation-duration: 2s;

	animation-duration: 2s;

	-webkit-animation-fill-mode: both;

	animation-fill-mode: both;

}

.delay1 {

	animation-delay: 0.2s;

	-webkit-animation-delay: 0.2s;

}

.delay2 {

	animation-delay: 0.4s;

	-webkit-animation-delay: 0.4s;

}



.delay3 {

	animation-delay: 0.6s;

	-webkit-animation-delay: 0.6s;

}

.delay4 {

	animation-delay: 0.8s;

	-webkit-animation-delay: 0.8s;

}

.delay5 {

	animation-delay: 1s;

	-webkit-animation-delay: 1s;

}

@-webkit-keyframes fadeInLeft {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-40px);

		transform: translateX(-40px);

	}

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		transform: translateX(0);

	}

}

@keyframes fadeInLeft {

	0% {

		opacity: 0;

		-webkit-transform: translateX(-40px);

		-ms-transform: translateX(-40px);

		transform: translateX(-40px);

	}

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		-ms-transform: translateX(0);

		transform: translateX(0);

	}

}

.fadeInLeft {

	-webkit-animation-name: fadeInLeft;

	animation-name: fadeInLeft;

}

@-webkit-keyframes fadeInRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(40px);

		transform: translateX(40px);

	}

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		transform: translateX(0);

	}

}

@keyframes fadeInRight {

	0% {

		opacity: 0;

		-webkit-transform: translateX(40px);

		-ms-transform: translateX(40px);

		transform: translateX(40px);

	}

	100% {

		opacity: 1;

		-webkit-transform: translateX(0);

		-ms-transform: translateX(0);

		transform: translateX(0);

	}

}

.fadeInRight {

	-webkit-animation-name: fadeInRight;

	animation-name: fadeInRight;

}

@-webkit-keyframes fadeInUp {

	0% {

		opacity: 0;

		-webkit-transform: translateY(40px);

		transform: translateY(40px);

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}

}

@keyframes fadeInUp {

	0%{

		opacity:0;

		-webkit-transform:translateY(40px);

		-ms-transform:translateY(40px);

		transform:translateY(40px);

	}

	100%{

		opacity: 1;

		-webkit-transform: translateY(0);

		-ms-transform: translateY(0);

	}

}

.fadeInUp {

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

}

@-webkit-keyframes fadeInDown {

	0% {

		opacity: 0;

		-webkit-transform: translateY(-40px);

		transform: translateY(-40px);

	}

	100% {

		opacity: 1;

		-webkit-transform: translateY(0);

		transform: translateY(0);

	}

}

@keyframes fadeInDown {

	0%{

		opacity:0;

		-webkit-transform:translateY(-40px);

		-ms-transform:translateY(-40px);

		transform:translateY(-40px);

	}

	100%{

		opacity: 1;

		-webkit-transform: translateY(0);

		-ms-transform: translateY(0);

	}

}

.fadeInDown {

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown;

}





.img-hover-animate:hover {-webkit-animation:scaleHoverImg 2s ease-in; -moz-animation:scaleHoverImg 2s ease-in; -o-animation:scaleHoverImg 2s ease-in; animation:scaleHoverImg 2s ease-in; position:relative;}

@-webkit-keyframes scaleHoverImg{

	0%{opacity:0.8; }

	50%{opacity:1; -webkit-transform:scale(1.12);}

	100%{opacity:1;}

}

@-moz-keyframes scaleHoverImg{

	0%{ opacity:0.8; }

	50%{opacity:1; -moz-transform:scale(1.12);}

	100%{opacity:1;}

}

@-o-keyframes scaleHoverImg{

	0%{opacity:0.8; }

	50%{opacity:1; -o-transform:scale(1.12);}

	100%{opacity:1;}

}

@keyframes scaleHoverImg{

	0%{opacity:0.8; }

	50%{opacity:1; transform:scale(1.12);}

	100%{opacity:1;}

}