.header {position:absolute; height:102px; z-index:100; width:100%; background:none;}
.header .iheader {height:102px;}
/*.menu ul ul {min-height:0;}*/

.cslide {height:580px; position:relative; width:100% !important;}
.cslide #photo {width:100% !important; height:580px !important;}
.cslide .frame {height:580px !important; width:100% !important;}
.cslide .frame .t1 {font-size:60px; font-weight:bold; color:#262626; text-align:center; margin-top:200px;}
.cslide .frame .t2 {text-align:center; color:#262626; text-transform:uppercase; letter-spacing:3px;}
.cslide .frame .btnc {text-align:center; margin-top:20px;}
.cslide .frame .btnc a {display:inline-block; zoom:1; *display:inline; color:#fff; height:35px; background-color:#274991; line-height:35px; padding:0 15px; letter-spacing:7px;}
.cslide #frame1 {background:url(/images/slide-01.jpg) center top no-repeat;}
.cslide #frame2 {background:url(/images/slide-01.jpg) center top no-repeat;}
.cslide #frame3 {background:url(/images/slide-01.jpg) center top no-repeat;}
.cslide #frame4 {background:url(/images/slide-01.jpg) center top no-repeat;}
.cslide #nav {text-align:center; position:absolute; width:100%; height:175px; text-align:center; z-index:10; left:0; top:385px;}
.cslide #nav a {display:inline-block; zoom:1; *display:inline; width:175px; height:175px; margin:0 9px; background-size:cover;}
.cslide #navitem-1 {background:url(/images/nav-1.png);}
.cslide #navitem-1.activeSlide {background:url(/images/nav-1-sel.png);}
.cslide #navitem-2 {background:url(/images/nav-2.png);}
.cslide #navitem-2.activeSlide {background:url(/images/nav-2-sel.png);}
.cslide #navitem-3 {background:url(/images/nav-3.png);}
.cslide #navitem-3.activeSlide {background:url(/images/nav-3-sel.png);}
.cslide #navitem-4 {background:url(/images/nav-4.png);}
.cslide #navitem-4.activeSlide {background:url(/images/nav-4-sel.png);}
.cslide #nav a.activeSlide {background-size:cover;}

.cfform {}

.row1 {background-color:#f7f7f7; padding:55px 0;}
.row1 .box {max-width:1170px; margin:0 auto;width:auto;}
.row1 .col {width:33.3%; float:left; text-align:center;}
.row1 .col .txt {width:auto;  font-size:14px; color:#686868; margin-top:30px; line-height:22px;margin:30px 30px 30px 30px;}
.row1 .col .strategy {display:inline-block; background:url(/images/strategy.png) center top no-repeat; margin:0 auto; margin-top:26px; padding-top:102px; font-size:30px; color:#3a3a3a; font-weight:600; zoom:1; *display:inline;}
.row1 .col .strategy:hover {background:url(/images/strategy-h.png) center top no-repeat; color:#274991;}
.row1 .col .technology {display:inline-block; zoom:1; *display:inline; background:url(/images/technology.png) center top no-repeat; margin:0 auto; margin-top:12px; padding-top:118px; font-size:30px; color:#3a3a3a; font-weight:600;}
.row1 .col .technology:hover {background:url(/images/site/technology-h.png) center top no-repeat; color:#274991;}
.row1 .col .innovation {display:inline-block; zoom:1; *display:inline; background:url(/images/innovation.png) center top no-repeat; margin:0 auto; padding-top:128px; font-size:30px; color:#3a3a3a; font-weight:600;}
.row1 .col .innovation:hover {background:url(/images/innovation-h.png) center top no-repeat; color:#274991;}
.row1 .col .lnk {font-size:30px; color:#3a3a3a; font-weight:600;}
.row1 .col .lnk:hover {color:#a2dd50;}

.row2 {background-color:#fff; display:none;}
.row2 .box {padding:60px 0; margin:0 auto; max-width:1170px;width:auto;}
.row2 .ttl {font-size:86px; color:#282828; text-align:center; font-weight:300;}
.row2 .blog {max-width:1170px; height:125px; margin-top:25px; position:relative;width:auto;}
.row2 .blog .iposts {width:auto; position:absolute; left:0; top:0; height:125px; white-space:nowrap;}
.row2 .blog .posts {width:78%; margin:0 auto; height:125px; overflow:hidden; position:relative;}
.row2 .blog .posts .post {width:434px; margin-right:50px; height:125px; white-space:normal; display:inline-block; zoom:1; *display:inline; position:relative;}
.row2 .blog .posts .post .cdate {width:60px; height:125px; float:left; margin-right:4px;}
.row2 .blog .posts .post .cdate .date1 {height:51px; width:60px; background-color:#a2dd50; color:#fff; text-align:center;}
.row2 .blog .posts .post .cdate .day {font-size:29px; line-height:30px; padding-top:2px;}
.row2 .blog .posts .post .cdate .month {font-size:9px; line-height:9px; margin-top:4px;}
.row2 .blog .posts .post .cdate .year {width:60px; height:20px; background-color:#a2dd50; color:#fff; margin-top:2px; text-align:center;}
.row2 .blog .posts .post img {width:159px; height:125px; display:block; float:left;}
.row2 .blog .posts .post .info {float:right; width:200px; font-size:13px;}
.row2 .blog .posts .post .info .title {margin:0 0 10px 0;}
.row2 .blog .posts .post .info a {font-size:21px; color:#444; line-height:21px; text-transform:uppercase;}
.row2 .blog .lnk-prev {position:absolute; display:block; width:25px; height:25px; left:0; top:15px; background:url(/images/post-prev.png);}
.row2 .blog .lnk-next {position:absolute; display:block; width:25px; height:25px; right:0; top:15px; background:url(/images/post-next.png);}

/* 720 */
.res720 .cslide {height:500px;}
.res720 .cslide #nav {height:148px; top:323px;}
.res720 .cslide #nav a {width:148px; height:148px;}
.res720 .cslide .frame .t1 {margin-top:140px;}
.res720 .cslide #photo {height:500px !important;}
.res720 .cslide .frame {height:500px !important;}
.res720 .row1 .col .txt {line-height:21px; font-size:13px;}
.res720 .row1 {padding:30px 0;}

/* 480 */
.res480 .cslide {height:430px;}
.res480 .cslide #photo {height:430px !important;}
.res480 .cslide .frame {height:430px !important;}
.res480 .cslide .frame .t1 {font-size:41px; letter-spacing:1px; margin-top:165px;}
.res480 .cslide .frame .t2 {font-size:9px;}
.res480 .cslide #nav a {width:104px; height:104px; margin:0 5px;}
.res480 .cslide .frame .btnc {margin-top:22px;}
.res480 .cslide #nav {top:311px;}
.res480 .row1 .col {width:auto;}
.res480 .row1 {padding:40px 0 10px 0;}

/* 320 */
.res320 .cslide .frame .t1 {font-size:28px; margin-top:169px;}
.res320 .cslide .frame .t2 {font-size:11px; margin:0 40px;}
.res320 .cslide .frame .btnc {margin-top:6px;}
.res320 .cslide #nav a {width:129px; height:130px; background-size:cover;margin:10px 20px;}
.res320 .cslide #nav {top:275px;height:auto;}
.res320 .cslide .frame .btnc a {line-height:25px; height:25px; font-size:10px; letter-spacing:5px; padding:0 12px;}
.res320 .cslide .frame {height:580px !important;}
.res320 .row1 {padding:30px 0;}
.res320 .row1 .col {width:auto; float:none;}
.res320 .row1 .col .strategy {margin-top:0;}