﻿@charset "utf-8";

body{margin:0px;}
img {border: none;vertical-align: middle;}
img { -ms-interpolation-mode: bicubic; }
/* common
-----------------------------------------------*/
/*__ maincontent _*/
#maincontent {background:#252525;overflow:hidden;position:relative; z-index:9}
#maincontent div.pict {cursor: default !important;}
#maincontent div.main {position: static;text-align: center;display: block;}
#maincontent .element {display: none;position: absolute !important;}
#maincontent .left a{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;width:17px;height:44px; display:block;}
#maincontent .left a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;width:17px;height:44px; display:block;}
#maincontent .right a{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;width:17px;height:44px; display:block;}
#maincontent .right a:hover{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;width:17px;height:44px; display:block;}
#maincontent .left {top :50%;left:8%;cursor: pointer;}
#maincontent .right {top:50%;right:8%;cursor: pointer;}
#maincontent .main .guardian {display: none;height: 0;}
#maincontent .navi {z-index: 9999999;}
div#maincontent div.main{display:none;}div#maincontent div.element{position:absolute !important;}

#maincontent .n1{ background:#7d0f0f;width:1000px;heigHt:100%;}
#maincontent .n2{ background:#25639c;width:1000px;heigHt:100%;}
#maincontent .n3{ background:#625e67;width:1000px;heigHt:100%;}
#maincontent .n4{ background:#96b000;width:1000px;heigHt:100%;}
#maincontent .n5{ background:#588d87;width:1000px;heigHt:100%;}
#maincontent .n6{ background:#e89b13;width:1000px;heigHt:100%;}
#maincontent .bj{width:100%;height:100%; background:url(../images/case-back-texture.png) center no-repeat;}

#maincontent .n1 .left2{width:250px;height:auto; display:table; position:absolute;left:50px;top:15%; text-align:left;}
#maincontent .n1 .left2 h2{font-size:24px; color:#FFF; font-weight:500; text-align:left; line-height:30PX; font-family:"微软雅黑";height:35px;}
#maincontent .n1 .left2 h3{font-size:22px; color:#FFF; font-weight:500; line-height:23px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
#maincontent .n1 .left2 h3 span{display:block; color:#000;}
#maincontent .n1 .left2 p{font-size:12px; color:#FFF; line-height:24PX; padding-top:22PX; font-family:"微软雅黑";}
#maincontent .n1 .left2 .png{width:135px;height:135px; margin-top:70px;}
#maincontent .n1 .left2 .chart-subtitle{font-size: 14px;font-weight: normal;line-height: 18px; color:#FFF;font-family:"微软雅黑";; margin-top:15px;}
#maincontent .n1 .left2 .chart-subtitle em{color: black;font-style: normal;}
#maincontent .n1 .right2{width:500px;height:400px;position:absolute;right:150px;top:50%; margin-top:-200px;}


#maincontent .n2 .left2{width:265px;height:auto; display:table; position:absolute;left:50px;top:15%; text-align:left;}
#maincontent .n2 .left2 h2{font-size:24px; color:#FFF; font-weight:500; text-align:left; line-height:30PX; font-family:"微软雅黑";height:35px;}
#maincontent .n2 .left2 h3{font-size:22px; color:#FFF; font-weight:500; line-height:23px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
#maincontent .n2 .left2 h3 span{display:block; color:#000;}
#maincontent .n2 .left2 p{font-size:12px; color:#FFF; line-height:24PX; padding-top:22PX; font-family:"微软雅黑";}
#maincontent .n2 .left2 .png{width:135px;height:135px; margin-top:70px;}
#maincontent .n2 .left2 .chart-subtitle{font-size: 14px;font-weight: normal;line-height: 18px; color:#FFF;font-family:"微软雅黑";; margin-top:15px;}
#maincontent .n2 .left2 .chart-subtitle em{color: black;font-style: normal;}
#maincontent .n2 .right2{width:500px;height:400px;position:absolute;right:150px;top:50%; margin-top:-200px;}


#maincontent .n3 .left2{width:270px;height:auto; display:table; position:absolute;left:50px;top:15%; text-align:left;}
#maincontent .n3 .left2 h2{font-size:24px; color:#FFF; font-weight:500; text-align:left; line-height:30PX; font-family:"微软雅黑";height:35px;}
#maincontent .n3 .left2 h3{font-size:22px; color:#FFF; font-weight:500; line-height:23px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
#maincontent .n3 .left2 h3 span{display:block; color:#000;}
#maincontent .n3 .left2 p{font-size:12px; color:#FFF; line-height:24PX; padding-top:22PX; font-family:"微软雅黑";}
#maincontent .n3 .left2 .png{width:135px;height:135px; margin-top:70px;}
#maincontent .n3 .left2 .chart-subtitle{font-size: 14px;font-weight: normal;line-height: 18px; color:#FFF;font-family:"微软雅黑";; margin-top:15px;}
#maincontent .n3 .left2 .chart-subtitle em{color: black;font-style: normal;}
#maincontent .n3 .right2{width:500px;height:400px;position:absolute;right:150px;top:50%; margin-top:-200px;}


#maincontent .n4 .left2{width:270px;height:auto; display:table; position:absolute;left:50px;top:15%; text-align:left;}
#maincontent .n4 .left2 h2{font-size:24px; color:#FFF; font-weight:500; text-align:left; line-height:30PX; font-family:"微软雅黑";height:35px;}
#maincontent .n4 .left2 h3{font-size:22px; color:#FFF; font-weight:500; line-height:23px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
#maincontent .n4 .left2 h3 span{display:block; color:#000;}
#maincontent .n4 .left2 p{font-size:12px; color:#FFF; line-height:24PX; padding-top:22PX; font-family:"微软雅黑";}
#maincontent .n4 .left2 .png{width:135px;height:135px; margin-top:70px;}
#maincontent .n4 .left2 .chart-subtitle{font-size: 14px;font-weight: normal;line-height: 18px; color:#FFF;font-family:"微软雅黑";; margin-top:15px;}
#maincontent .n4 .left2 .chart-subtitle em{color: black;font-style: normal;}
#maincontent .n4 .right2{width:500px;height:400px;position:absolute;right:150px;top:50%; margin-top:-200px;}


#maincontent .n5 .left2{width:290px;height:auto; display:table; position:absolute;left:50px;top:15%; text-align:left;}
#maincontent .n5 .left2 h2{font-size:24px; color:#FFF; font-weight:500; text-align:left; line-height:30PX; font-family:"微软雅黑";height:35px;}
#maincontent .n5 .left2 h3{font-size:22px; color:#FFF; font-weight:500; line-height:23px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
#maincontent .n5 .left2 h3 span{display:block; color:#000;}
#maincontent .n5 .left2 p{font-size:12px; color:#FFF; line-height:24PX; padding-top:22PX; font-family:"微软雅黑";}
#maincontent .n5 .left2 .png{width:135px;height:135px; margin-top:70px;}
#maincontent .n5 .left2 .chart-subtitle{font-size: 14px;font-weight: normal;line-height: 18px; color:#FFF;font-family:"微软雅黑";; margin-top:15px;}
#maincontent .n5 .left2 .chart-subtitle em{color: black;font-style: normal;}
#maincontent .n5 .right2{width:500px;height:400px;position:absolute;right:150px;top:50%; margin-top:-200px;}


#maincontent .n6 .left2{width:250px;height:auto; display:table; position:absolute;left:50px;top:15%; text-align:left;}
#maincontent .n6 .left2 h2{font-size:24px; color:#FFF; font-weight:500; text-align:left; line-height:30PX; font-family:"微软雅黑";height:35px;}
#maincontent .n6 .left2 h3{font-size:22px; color:#FFF; font-weight:500; line-height:23px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
#maincontent .n6 .left2 h3 span{display:block; color:#000;}
#maincontent .n6 .left2 p{font-size:12px; color:#FFF; line-height:24PX; padding-top:22PX; font-family:"微软雅黑";}
#maincontent .n6 .left2 .png{width:135px;height:135px; margin-top:70px;}
#maincontent .n6 .left2 .chart-subtitle{font-size: 14px;font-weight: normal;line-height: 18px; color:#FFF;font-family:"微软雅黑";; margin-top:15px;}
#maincontent .n6 .left2 .chart-subtitle em{color: black;font-style: normal;}
#maincontent .n6 .right2{width:500px;height:400px;position:absolute;right:150px;top:50%; margin-top:-200px;}