@charset "utf-8";
@import url("default.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

html,body,table,td {font-family: 'Noto Sans', sans-serif; letter-spacing:-0.5px;}

body { min-width:1100px; overflow-x:auto;}

.skinWrap {width: 1100px; margin: 0 auto; position:relative;}

.top { height:50px;}
.top > div { font-size: 0; text-align:center;}
.top > div > .topleft { position:absolute; left: 0; top:7px;}
.top > div > .topleft > div { float:left;}
.top > div > .topmenu { position:absolute; right: 0; top:7px; font-size: 0;}
.top > div > .topmenu > a { display:inline-block; *display: inline; zoom: 1; height: 34px; line-height:34px; font-size: 14px; color:#383838; margin-left: 30px;}
.top > div > .topmenu > a:hover { opacity:0.7;}
.top > div > .topmenu > .sitemap { color: #60497e;}
.top > div > .topmenu > .sitemap img { vertical-align:middle; margin-bottom: 3px;}
.top > div > .logo { display:inline-block; *display: inline; zoom: 1; vertical-align:top; position:relative;}

.menu { position: relative; height:120px; background: url(../images/_main/menubg.png) top repeat-x; overflow: visible; z-index: 10;}
.menu > div > { height:160px; overflow:hidden; position: relative;}
.menu > div > div > div { position:relative; width: 100%; height:160px;}
.menu > div > div > .menuCover { position:absolute; top: 0; left: 0; width: 100%; height:160px;  background: url(../images/_main/menubg.png) top repeat-x; z-index:10;}
.menu > div > div > div > #mainMenu { position:absolute; z-index:10;}

.mainImg { position: relative; height: 680px; overflow: hidden; z-index:1; margin-top: -40px;}
.mainImg > div > div { height: 680px;}
.mainImg > div > div > iframe {position:absolute; top: 0; left: -450px; width: 2000px; height:680px;}
.mainImg > div > div.nth2 { position:absolute; top: 100px; left: 0; height:452px;}

.body1 { background-color: #eeeeee; padding: 50px 0;}
.body1  > div > div.nth1 { font-size: 0;}
.body1  > div > div.nth1 > div { display:inline-block; *display: inline; zoom: 1; vertical-align:top; font-size: 16px;}
.body1  > div > div.nth1 > .boxtype1 { width: 348px; height:268px; overflow: hidden; background-color: #fff; border: 1px solid #d2d2d2;}
.body1  > div > div.nth1 > .boxtype1 > ul { padding: 25px;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth1 > a { display:block; width: 100%; height:56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:17px; color:#333; position:relative;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth1 > a span { display:inline-block; *display: inline; zoom: 1; padding-bottom: 8px; border-bottom: 2px solid #60497e;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth1 > a img { position:absolute; right:0; top: 0;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > p.nth1 a { display:block; padding-bottom: 5px; width: 100%; overflow: hidden; color:#333; text-overflow: ellipsis; white-space: nowrap; font-size:21px; height: 25px; line-height: 1.2;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > p.nth1 a:hover { text-decoration: underline;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > p.nth2 { font-size: 0; padding-bottom: 15px; border-bottom: 1px solid #d2d2d2;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > p.nth2 > span { display:inline-block; *display: inline; zoom: 1; vertical-align:top; color:#8e8e8e;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > p.nth2 > span.nth1 { width: 208px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > p.nth2 > span.nth2 { width: 90px; text-align:right; font-size: 12px;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > div { padding-top: 15px;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > div > p { font-size: 0; height:32px;} 
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > div > p > a { display:inline-block; *display: inline; zoom: 1; width: 218px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; color:#555555; vertical-align:top;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > div > p > a { text-decoration: underline;}
.body1  > div > div.nth1 > .boxtype1 > ul > div.nth2 > div > p > span { display:inline-block; *display: inline; zoom: 1; width: 80px; text-align:right; color:#8e8e8e; font-size:14px; vertical-align:top;}

.body1  > div > div.nth1 > .boxtype2 { width: 348px; height:268px; overflow: hidden; background-color: #fff; border: 1px solid #d2d2d2;}
.body1  > div > div.nth1 > .boxtype2 > ul { padding: 25px;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth1 > a { display:block; width: 100%; height:56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:17px; color:#333; position:relative;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth1 > a span { display:inline-block; *display: inline; zoom: 1; padding-bottom: 8px; border-bottom: 2px solid #60497e;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth1 > a img { position:absolute; right:0; top: 0;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth2 > p.nth1 a { display:block; padding-bottom: 3px; width: 100%; overflow: hidden; color:#333; text-overflow: ellipsis; white-space: nowrap; font-size:21px; height: 25px; line-height: 1.2;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth2 > p.nth1 a:hover { text-decoration: underline;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth2 > p.nth1 a span {color:#8e8e8e; font-size: 12px;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth2 > p.nth2 { padding-bottom: 15px; border-bottom: 1px solid #d2d2d2;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth2 > p.nth2 span { display: block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color:#8e8e8e;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth2 > div { padding-top: 15px;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth2 > div > p { font-size: 0; height:32px;} 
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth2 > div > p > a { display:inline-block; *display: inline; zoom: 1; width: 218px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; color:#555555; vertical-align:top;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth2 > div > p > a { text-decoration: underline;}
.body1  > div > div.nth1 > .boxtype2 > ul > div.nth2 > div > p > span { display:inline-block; *display: inline; zoom: 1; width: 80px; text-align:right; color:#8e8e8e; font-size:14px; vertical-align:top;}

.body1  > div > div.nth1 > .boxtype3 { width: 348px; height:268px; overflow: hidden; background-color: #60497e; border: 1px solid #60497e;}
.body1  > div > div.nth1 > .boxtype3 > ul { padding: 25px;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth1 > a { display:block; width: 100%; height:56px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:17px; color:#fff; position:relative;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth1 > a span { display:inline-block; *display: inline; zoom: 1; padding-bottom: 8px; border-bottom: 2px solid #fff;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth1 > a img { position:absolute; right:0; top: 0;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth2 > p.nth1 a { display:block; padding-bottom: 3px; width: 100%; overflow: hidden; color:#fff; text-overflow: ellipsis; white-space: nowrap; font-size:21px; height: 25px; line-height: 1.2;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth2 > p.nth1 a:hover { text-decoration: underline;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth2 > p.nth1 a span {color:#dedede; font-size: 12px;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth2 > p.nth2 { padding-bottom: 15px; border-bottom: 1px solid #9081a2;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth2 > p.nth2 span { display: block; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color:#fff;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth2 > div { padding-top: 15px;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth2 > div > p { font-size: 0; height:32px;} 
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth2 > div > p > a { display:inline-block; *display: inline; zoom: 1; width: 218px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:16px; color:#fff; vertical-align:top;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth2 > div > p > a { text-decoration: underline;}
.body1  > div > div.nth1 > .boxtype3 > ul > div.nth2 > div > p > span { display:inline-block; *display: inline; zoom: 1; width: 80px; text-align:right; color:#fff; font-size:14px; vertical-align:top;}

.body1  > div > div.nth2 { margin-top: 25px; height:121px; font-size:0;}
.body1  > div > div.nth2 > div { position:relative; display:inline-block; *display: inline; zoom: 1; width: 350px; margin-left: 25px;}
.body1  > div > div.nth2 > div.nth1 {margin-left: 0;}
.body1  > div > div.nth2 > div > a img { position:absolute; left: 0; top: 0;}
.body1  > div > div.nth2 > div > div {display:block; margin-top: 20px; text-align:center; line-height:81px; height:81px; font-size: 24px; color:#fff;}
.body1  > div > div.nth2 > div > div a { position:relative; padding-bottom: 6px; border-bottom: 2px solid #fff; color:#fff;}

.button > div { text-align:center; font-size: 0; padding: 45px 0;}
.button > div > div { display:inline-block; *display: inline; zoom: 1;}
.button > div > div > div { display:inline-block; *display: inline; zoom: 1; width: 115px; vertical-align:top;}
.button > div > div > div a { display:block; padding: 0 10px;}
.button > div > div > div a span {display:block; overflow: hidden; padding-top: 10px; font-size:15px; color: #60497e; text-overflow: ellipsis; white-space: nowrap;}

.body2 { background: url(../images/_main/bg1.gif); padding: 50px 0;}
.body2 > div > div { font-size: 0;}
.body2 > div > div > div { display:inline-block; *display: inline; zoom: 1; vertical-align:top;}
.body2 > div > div > div { width: 535px;}
.body2 > div > div > div > div.nth1 a { position:relative; display:block; height:60px; font-size: 19px; color:#fff;}
.body2 > div > div > div > div.nth1 a span { display:inline-block; *display: inline; zoom: 1; border-bottom: 2px solid #fff; padding-bottom: 8px;}
.body2 > div > div > div > div.nth1 a img { position:absolute; right: 0; top: 0;}
.body2 > div > div > div > div.nth2 { font-size: 0;}
.body2 > div > div > div > div.nth2 a { display:inline-block; *display: inline; zoom: 1; vertical-align:top; width:166px; height:120px; margin: 0 12px 15px 0;} 
.body2 > div > div > div > div.nth2 a:nth-child(3n) {margin-right: 0;}


.rollbanner {border-top: 1px solid #d2d2d2; padding: 10px 0; height: 50px; text-align:center;}
/*
.rollbanner > div > div {font-size: 0;} 
.rollbanner > div > div > div { display:inline-block; *display: inline; zoom: 1; vertical-align:top;}
.rollbanner > div > div > div.nth1,
.rollbanner > div > div > div:nth-child(3) { width: 35px;}
.rollbanner > div > div > div.nth2 { width: 1030px; text-align: center;}
.rollbanner > div > div > div.nth2 img { vertical-align:top; margin: 0 10px;}
*/
.rollbanner > div > div { position: relative; padding: 0 35px;}
.rollbanner .lbtn { position: absolute; left: 0; top:0;}
.rollbanner .rbtn { position: absolute; right: 0; top:0;}
.rollbanner .rollimg { width: 1030px; text-align: center; position: absolute; left: 35px; top: 0;}
.rollbanner span { margin: 0 10px;}

.footer { background-color: #0e0e0e; padding: 50px 0;}
.footer > div > div { position:relative;}
.footer > div > div > p { font-size: 19px; color:#c9c9c9; padding-bottom: 8px;}
.footer > div > div > div { font-size: 14px; color:#c9c9c9;}
.footer > div > div > div strong { font-size: 12px;}
.footer > div > div > div a { font-size: 11px; display:inline-block; *display: inline; zoom: 1; background-color: #262626; color:#fff; padding: 0 3px;}
.footer > div > div > span { position:absolute; right: 0; top: 0; font-size: 0;}
.footer > div > div > span > a { display:inline-block; *display: inline; zoom: 1; font-size:12px; color:#b7b7b7; background-color: #4e4e4e; padding: 5px 10px; margin-left: 5px;}

.subImg {position: relative;  height: 300px; overflow: hidden; margin-top: -40px; z-index:5;}
.subImg > div > div.nth1 { height: 300px;}
.subImg > div > div.nth1 > img {position:absolute; top: 0; left: -450px; width: 2000px; height:300px;}
.subImg > div > div.nth2 { position:absolute; top: 50px; left: 0; height:200px;}

.body3 > div > div { width: 100%; font-size: 0;} 
.body3 > div > div > div { display:inline-block;*display: inline; zoom: 1;vertical-align:top; padding: 50px 0 100px 0; font-size: 13px;}
.body3 > div > div > div.nth1 { width: 339px; border-right: 1px solid #d2d2d2;}
.body3 > div > div > div.nth1 > div { display:block; padding-left: 30px;}
.body3 > div > div > div.nth1 > div > div.nth1 { width: 260px; font-size:30px; color:#333; font-weight:600; line-height:1.2; padding-bottom: 20px; border-bottom: 2px solid #666; font-family: 'Noto Sans', sans-serif; letter-spacing:-0.5px;}
.body3 > div > div > div.nth2 { width: 760px;}
.body3 > div > div > div.nth2 > div { padding-left: 50px; width:700px;}
.body3 > div > div > div.nth2 > div > div.nth1 { border-bottom: 1px solid #d2d2d2;}
.body3 > div > div > div.nth2 > div > div.nth1 > p.nth1 { color: #666; font-size: 24px; font-weight:600; padding-bottom: 10px;}
.body3 > div > div > div.nth2 > div > div.nth1 > p.nth2 { color: #858585; font-size: 13px; padding-bottom: 10px;}
.body3 > div > div > div.nth2 > div > div.nth2 { width: 700px; margin-top: 30px;}