@font-face {
    font-family: 'MyriadProLight';
    src: url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot');
    src: url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.woff') format('woff'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.ttf') format('truetype'),
         url('/resources/fonts/MyriadProLight/myriadpro-light-webfont.svg#MyriadProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.overview-content .c2 { width:100%; color:#595757; font-size:18px; font-family:'MyriadProRegular', Arial, Helvetica, sans-serif; line-height:1.2;}
.overview-content .c2 .w1200 { display:block; position:relative; margin:0 auto; width:1200px;}
.overview-content .c2 .w960 { display:block; position:relative; margin:0 auto; width:960px;}
.overview-content .c2 .clearFix { *zoom:1;}
.overview-content .c2 .clearFix:after { content:'.'; display:block; clear:both; height:0; visibility:hidden;}
.overview-content .c2 h2 { font-size:45px; color:#595757; font-family:'MyriadProRegular', Arial, Helvetica, sans-serif;}
.overview-content .c2 .a { height:768px; background:url(a.jpg) 50% 0 no-repeat;}
.overview-content .c2 .b {}
.overview-content .c2 .b h2 { padding:70px 0 0 100px;}
.overview-content .c2 .b .desc { padding:40px 103px 70px 100px;}
.overview-content .c2 .b .slide { margin-left:100px; margin-bottom:100px; font-size:25px;}
.overview-content .c2 .b .blue b { display:inline-block; line-height:24px; margin-left:15px; padding-left:77px; width:489px; height:24px; background-color:#009cf0; color:#fff;}
.overview-content .c2 .b .blue span { margin-left:10px; color:#009cf0;}
.overview-content .c2 .b .green { margin-top:50px;}
.overview-content .c2 .b .green b { display:inline-block; line-height:24px; margin-left:24px; padding-left:77px; width:520px; height:24px; background-color:#88d388; color:#fff;}
.overview-content .c2 .b .green span { margin-left:10px; color:#88d388;}
.overview-content .c2 .c { height:768px; background:#efeff0 url(c.jpg) 40% 0 no-repeat;}
.overview-content .c2 .c h2 { padding:500px 0 0 245px;}
.overview-content .c2 .c p { padding:30px 179px 0 245px;}
.overview-content .c2 .d h2 { padding:40px 100px 0 100px; line-height:130%;}
.overview-content .c2 .d .desc { padding:20px 120px 0 100px;}
.overview-content .c2 .d img { display:block; margin:50px auto 100px auto;}
.overview-content .c2 .e { height:716px; background:#d1e9d2 url(e.jpg) 50% 0 no-repeat; text-align:center;}
.overview-content .c2 .e h2 { padding-top:500px; padding-bottom:40px;}
.overview-content .c2 .e p { padding:0 80px;}
.overview-content .c2 .f { height:590px; background:#fff url(f.jpg) 0 0 no-repeat;}
.overview-content .c2 .f h2 { padding:368px 0 0 220px;}
.overview-content .c2 .f p { padding:20px 0 0 220px; width:800px;}
.overview-content .c2 .g { height:437px; background:#f1f1f0 url(g.jpg) 50% 30% no-repeat;}
.overview-content .c2 .g ul { padding-top:200px; padding-left:30px;}
.overview-content .c2 .g ul li { float:left; width:25%; text-align:center; line-height:1.2;}
.overview-content .c2 .g ul dt { color:#7ed17d; font-size:20px;}
.overview-content .c2 .g ul dd { font-size:14px; width:197px; margin-top:20px; margin-left:10px;}
.overview-content .c2 .g ul .dt3, .g ul .dt4 { margin-left:-30px;}
.overview-content .c2 .d .mobile-layout{ display:none}
.overview-content .c2 .h{ height:721px; background:url(h.jpg)no-repeat 50% 50%; text-align:center;}
.overview-content .c2 .h ul{padding-top:360px;width:442px;margin-left:215px; overflow:hidden;}
.overview-content .c2 .h ul li{width:50%;float:left;color:#efc759;}
.overview-content .c2 .h ul li:nth-child(2){color:#4e9dd8;}
.overview-content .c2 .h h2{padding:60px 0 30px 0; line-height:1.2;}
.overview-content .c2 .i{height:610px; text-align:center;}
.overview-content .c2 .i h2{padding:60px 0 30px;}
.overview-content .c2 .i img{ display:block; margin:80px auto 0;}
.overview-content .c2 .i a{display:inline-block; margin-top:10px;color:#2691d2; text-decoration:none;}
.overview-content .c2 .i ul{width:505px; margin-left:267px; overflow:hidden;}
.overview-content .c2 .i ul li{float:left;width:50%;}
@media screen and (max-width:736px)
{
    .overview-content .c2{ font-family:"MyriadProLight"}
    .overview-content .c2{ font-family:MyriadProRegular}
    .overview-content .c2 .a{background:url(mobile/a.jpg) 50% 0/100% auto no-repeat; height:0; padding-bottom:132%}
    .overview-content .c2 .w960{ width:auto}
    .overview-content .c2 .b h2,.overview-content .c2 .c h2,.overview-content .c2 .d h2{ padding:30px 6%;font-size:30px; line-height:1.2}
    .overview-content .c2 .b .desc,.overview-content .c2 .d .desc{ padding:0 6%; line-height:1.5;}
    .overview-content .c2 .b .slide{ margin:20px auto 40px; width:88%; font-size:16px}
    .overview-content .c2 .b .blue,.overview-content .c2 .b .green{ display:block; position:relative}
    .overview-content .c2 .b .green{ margin-top:20px}
    .overview-content .c2 .b .blue b,.overview-content .c2 .b .green b{ width:55%; margin-left:0; display:block; padding-left:0; text-indent:20px}
    .overview-content .c2 .b .green b{ width:60%}
    .overview-content .c2 .b .blue span,.overview-content .c2 .b .green span{ position:absolute; left:60%;top:25px; margin-left:inherit}
    .overview-content .c2 .b .green span{ left:65%}
    .overview-content .c2 .c{ background:#efeff0 url(mobile/c1.jpg) 50% 0/100% auto no-repeat; height:auto; padding-bottom:30px}
    .overview-content .c2 .w1200{ width:auto; padding-top:75%;}
    .overview-content .c2 .c p{padding:0 6%; line-height:1.5;}
    .overview-content .c2 .d .desc{background:url(mobile/d.png) 50% 95%/50% auto no-repeat; height:auto; padding-bottom:65%}
    .overview-content .c2 .d img{ width:50%; margin:20px auto; display:none}
    .overview-content .c2 .d .mobile-layout{ display:block}
    .overview-content .c2 .d ul{ padding:20px 6% 30px; font-style:italic}
    .overview-content .c2 .d ul h5{ font-size:20px}
    .overview-content .c2 .d ul li:nth-child(2){ color:#66cc66}
    .overview-content .c2 .d ul li b{ font-size:30px}
    .overview-content .c2 .d ul li:nth-child(3){ color:#cccccc}
    .overview-content .c2 .e{ background-size:100% auto; background-position:50% 90%; padding-bottom:70%; height:auto}
    .overview-content .c2 .e h2,.overview-content .c2 .f h2{ padding:30px 6% 20px;font-size:30px; line-height:1.2; text-align:left}
    .overview-content .c2 .e p,.overview-content .c2 .f p{padding:0 6%; text-align:left}
    .overview-content .c2 .f p{ width:auto}
    .overview-content .c2 .f{ background-size:100% auto; height:auto; padding-bottom:30px}
    .overview-content .c2 .f h2{ padding-top:50%;}
    .overview-content .c2 .g{ background-image:none; height:auto}
    .overview-content .c2 .g ul{ padding:30px 6%}
    .overview-content .c2 .g ul li{ width:auto;float:none; text-align:left; padding-left:80px; background:url(g.jpg)no-repeat -55px 0/auto 50px}
    .overview-content .c2 .g ul li:nth-child(2){ background-position:-190px 0}
    .overview-content .c2 .g ul li:nth-child(3){ background-position:-322px 0}
    .overview-content .c2 .g ul li:nth-child(4){ background-position:-460px 0}
    .overview-content .c2 .g ul dl{ background:#f1f1f0}
    .overview-content .c2 .g ul dd{ width:auto; font-size:16px; margin:10px 0}
    .overview-content .c2 .g ul .dt3, .g ul .dt4{ margin-left:0}
    .overview-content .c2 .h { background:#d1e9d3 url(mobile/h.png?2) 50% 100% / 100% auto no-repeat; height:auto; padding-bottom:60%; }
    .overview-content .c2 .h h2 { font-size:30px; line-height:1.2; padding:30px 6% 20px; text-align:left }
    .overview-content .c2 .h p { font-size:18px; line-height:1.5; padding:0 6%; text-align:left; }
    .overview-content .c2 .h p br { display:none; }
    .overview-content .c2 .h ul { margin:0; padding:0; width:auto }
    .overview-content .c2 .h ul li { bottom:-55vw; display:none; font-size:3vw; line-height:1; left:35vw; position:absolute; text-align:center; width:40vw; }
    .overview-content .c2 .h ul li+li { left:72vw }
    .overview-content .c2 .i h2 { font-size:30px; line-height:1.2; padding:30px 6% 20px; text-align:left; }
    .overview-content .c2 .i p { font-size:18px; line-height:1.5; padding:0 6%; text-align:left; }
    .overview-content .c2 .i a { display:block; font-size:18px; line-height:1.2; padding:20px 6%; text-align:left; }
    .overview-content .c2 .i img { width:100%; }
    .overview-content .c2 .i ul { margin:0; width:100%; }
    .overview-content .c2 .i ul li { margin-left:6.5%; text-align:center; width:50%; }
    .overview-content .c2 .i ul li+li { margin-left:13%; width:30%; }
}