﻿@charset "utf-8";
/* CSS Document */

body {}
.banner { height:560px;}
/**/
			/*内容区*/
.index_wrap { position: relative; z-index:5;}

.allmore { display: inline-block; width:186px; height:42px; background-image:url(../image/allmore-1-1.png); background-position: top center;}
/**/.allmore:hover { background-position: bottom center;}

.index_box {}


.index_01 { height:1026px; background-color:#FFF;}
.index_01 .w1200 { position: relative;}
.i01_title { position: absolute; top:-60px; left:0; width:100%;}
.i01_title .bg1 { position: absolute; top:0; left:0; z-index:2; width:100%; height:60px; background:url(../image/bg-i01_title_bg1.png) repeat;}
.i01_title .bg2 { position: absolute; top:0; left:0; z-index:3; width:100%;}
.i01_title .bg2 img { position: absolute;}
.i01_title .bg2 .img1 { left:398px; top:33px;}
.i01_title .bg2 .img2 { left:775px; top:68px;}
.i01_title .nrbox { position: relative; z-index:5; text-align: center;}
.i01_title .nrbox .wz1 { color: #c1c1c1; font-size:26px; font-family: Arial; line-height:30px; padding:22px 0 8px;}
.i01_title .nrbox .wz2 { color: #1d6fb9; font-size:26px; padding:2px 0;}

.i01_main { padding:116px 0 0 0;}
.i01_main .menu { font-size:0; text-align: center;}
.i01_main .menu a { display: inline-block; width:135px; height:52px; color: #555555; font-size:16px; text-align: center; line-height:52px; margin: 0 46px; padding:10px 1px 0 0; background-image:url(../image/p-i01_menu-1.png);}
/**/.i01_main .menu a.on { color: #FFF; background-image:url(../image/p-i01_menu-2.png);}

.i01_main .main { padding:35px 0 0 0;}
.i01_main .main .mainbox {}
.i01_main .main ul { width:1220px; height:630px; position: relative; overflow: hidden;}
.i01_main .main ul li { float: left; margin: 35px 20px 0 0;}
.i01_main .main ul li a { display: block; font-size:0; width:285px;}
.i01_main .main ul li a .img { display: block; width:285px; height:215px;}
.i01_main .main ul li a .wzbox { padding:8px 20px 9px 22px; background-color:#fafafa; position: relative;}
.i01_main .main ul li a .wzbox .wz1 { color: #666666; font-size:16px; line-height:24px;}
.i01_main .main ul li a .wzbox .wzboxbg { position: absolute; left:0; bottom:0; width:100%; height:1px; background-color:#4a97e0; overflow: hidden;}
.i01_main .main ul li a .wzbox .wzboxbg .in { position: absolute; left:0; bottom:0; width:100%; padding:8px 20px 9px 22px;}
.i01_main .main ul li a .wzbox .wzboxbg .in .wz1 { color:#FFF;}
.i01_main .main .morebox { text-align: center; margin-top:70px;}


.index_02 { height:530px;}
.i02_title { height:200px; background-image:url(../image/bg-i02_title.jpg); background-position: center center;}
.i02_title .wz1 { color: #ffffff; font-size:26px; line-height:30px; font-family: Arial; padding:43px 0 5px 0; opacity:0.60;}
.i02_title .wz2 { color: #ffffff; font-size:26px; line-height:30px;}

.i02_main { position: relative; z-index:5;}
.i02_main .w1200 { position: relative;}
.i02_main .nrbox { float: left; width:640px;}
.i02_main .nrbox .nr1 { height:26px; padding:43px 0 0 0;}
.i02_main .nrbox .nr2 { padding-top:20px;}
.i02_main .nrbox .nr2 .wz1 { color: #555555; font-size:16px; line-height:22px; height:110px;}
.i02_main .nrbox .morebox { margin-top:40px;}

.i02_main .imgbox { position: absolute; top:-127px; right:-20px; padding:9px 21px 33px 21px; background-image:url(../image/yy-demo02.png);}
#demo02 { width:477px; height:390px;}
#demo02 .slides li { margin-bottom:200px;}
#demo02 .slides li a {}
#demo02 .slides li a img { height:356px;}

#demo02 .flex-direction-nav { display:block; position: absolute; left:0; bottom:0; width:100%; height:0;}
#demo02 .flex-direction-nav li a { position: absolute; bottom:0; width:42px; height:43px; line-height:300px;}
#demo02 .flex-direction-nav li a.flex-prev { right:47px; background-image:url(../image/p-2-1.png);}
#demo02 .flex-direction-nav li a.flex-next { right:3px; background-image:url(../image/p-2-2.png);}
#demo02 .flex-control-nav { margin-bottom:2px;}
#demo02 .flex-control-nav li { margin: 0 7px;}
#demo02 .flex-control-nav li a { width:10px; height:10px; background-image:url(../image/banner-2.png); background-position: top center;}
/**/
#demo02 .flex-direction-nav li a.flex-prev:hover { background-image:url(../image/p-2-1on.png);}
#demo02 .flex-direction-nav li a.flex-next:hover { background-image:url(../image/p-2-2on.png);}
#demo02 .flex-control-nav li a.flex-active { background-position: bottom center;}
/**/

.index_03 { height:310px; background-color:#fafafa;}
.i03_main { height:175px; padding:72px 0 0 0;}
.i03_main table { table-layout: fixed; height:100%;}
.i03_main table td {}
.i03_main table td+td { border-left:1px dashed #e1e1e1;}
.i03_main table a { display: block; font-size:0; text-align: center;}
.i03_main table a .img {}
.i03_main table a .wz1 { color: #555555; font-size:16px; line-height:20px; padding:8px 0 6px 0;}
.i03_main table a .wz2 { color: #cccccc; font-size:14px; line-height:20px; font-family: Arial;}
.i03_main table a .bor { width:50px; height:3px; margin:8px auto 0 auto; background-color:#00a57d;}

.index_04 { width:100%; height:700px; position: relative; overflow: hidden;}
.i04_in { width:1920px; position: absolute; left:50%; margin-left:-960px; font-size:0;}
.i04_l,.i04_r { width:960px; height:700px;}
.i04_l { background-image:url(../image/bg-i04_l.jpg);}
.i04l_in,.i04r_in { width:600px;}

.i04l_in .title {}
.i04l_in .title .wz1 { color: #ffffff; font-size:26px; font-family: Arial; line-height:32px; opacity:0.60; padding:30px 0 5px 0;}
.i04l_in .title .wz2 { color: #ffffff; font-size:26px; line-height:32px;}
.i04l_in .main { width:345px; padding: 18px; margin:39px 0 0 47px; font-size:0; background-color:#FFF;}
.i04l_in .main .img { width:100%; height:260px; display: block;}
.i04l_in .main .wz1 { color: #333333; font-size:16px; line-height:24px; height:48px; margin-top:17px;}
.i04l_in .main .wz2 { color: #999999; font-size:14px; line-height:22px; height:66px; margin-top:22px;}
.i04l_in .main .morebox { text-align: right; padding:46px 0 12px 0;}
.i04l_in .main .morebox .more {}

.i04r_in {}
.i04r_in .inbox { width:540px; float: right;}
.i04r_in .inbox .menu { padding:36px 0 26px 0; font-size:0; text-align: right;}
.i04r_in .inbox .menu a,
.i04r_in .inbox .menu span { display: inline-block; color: #666666; font-size:16px; line-height:24px;}
.i04r_in .inbox .menu a {}
.i04r_in .inbox .menu span { padding: 0 20px;}
/**/.i04r_in .inbox .menu a.on { color: #4a97e0;}
.i04r_in .inbox .main {}

.i04r_in .inbox .main ul { height:515px;}
.i04r_in .inbox .main ul li {}
.i04r_in .inbox .main ul li+li { border-top:1px dashed #e1e1e1;}
.i04r_in .inbox .main ul li a { display: block; height:128px;}
.i04r_in .inbox .main ul li a .timebox { float: left; width:94px;}
.i04r_in .inbox .main ul li a .timebox .wz1 { color: #286eb8; font-size:26px; line-height:30px; padding:21px 0 5px 0;}
.i04r_in .inbox .main ul li a .timebox .wz2 { color: #999999; font-size:16px; line-height:20px;}
.i04r_in .inbox .main ul li a .wzbox { float: right; width:410px;}
.i04r_in .inbox .main ul li a .wzbox .wz3 { color: #333333; font-size:18px; line-height:24px; padding:20px 0 20px 0;}
.i04r_in .inbox .main ul li a .wzbox .wz4 { color: #666666; font-size:16px; line-height:22px; height:44px;}
/**/.i04r_in .inbox .main ul li a:hover .wzbox .wz3 { color: #3678bd;}
.i04r_in .inbox .main .morebox { text-align: right; margin:37px 4px 0 0;}


.index_05 { height:556px; padding:2px 0; background-color:#fcfcfc;}
.i05_title { position: relative; margin:74px 0 0 0;}
.i05_title .nrbox { position: relative; z-index:5; text-align: center;}
.i05_title .nrbox .wz1 { color: #c1c1c1; font-size:26px; line-height:30px; font-family: Arial;}
.i05_title .nrbox .wz2 { color: #4a97e0; font-size:26px; line-height:30px;}
.i05_title .bgbox { position: absolute; top:0; left:0; width:100%; height:100%;}
.i05_title .bgbox div { position: absolute;}
.i05_title .bgbox .bg1 { left:360px; top:10px;}
.i05_title .bgbox .bg2 { left:807px; top:45px;}

.i05_main { margin-top:77px;}
.i05_main .list { height:261px; position: relative; overflow: hidden;}
.i05_main .list ul { width:1220px; position: relative; overflow: hidden;}
.i05_main .list ul li { float: left; margin:0 20px 200px 0;}
.i05_main .list ul li a { display: block; font-size:0; width:285px;}
.i05_main .list ul li a .img { display: block; width:285px; height:215px;}
.i05_main .list ul li a .wzbox { background-color:#FFF; position: relative;}
.i05_main .list ul li a .wzbox .wz1 { color: #666666; font-size:16px; line-height:46px; margin: 0 15px; text-align:center;}
.i05_main .list ul li a .wzbox .wzboxbg { position: absolute; left:0; bottom:0; width:100%; height:1px; background-color:#4a97e0; overflow: hidden;}
.i05_main .list ul li a .wzbox .wzboxbg .in { position: absolute; left:0; bottom:0; width:100%;}
.i05_main .list ul li a .wzbox .wzboxbg .in .wz1 { color:#FFF;}

		/*----- 11 - 27 -----*/
.index_06 { height:250px; background-color:#FFF;}
.i06_title { padding:34px 0 22px 0;}
.i06_title .wz1 { color: #c1c1c1; font-size:26px; line-height:30px;}
.i06_title .wz2 { color: #4a97e0; font-size:26px; line-height:30px; margin-top:6px;}
.i06_title .img { display: none; margin:5px 0 3px 0;}

.i06_main {}
.i06_list {}
.i06_list ul {}
.i06_list ul li { position: relative;     width: 220px; float: left; padding-top:5px;}
.i06_list ul li a,
.i06_list ul li span { color: #666666; font-size:16px; line-height:36px;}
.i06_list ul li a { display: block; text-align: center; margin-right:16px;}
.i06_list ul li span { position: absolute; top:5px; right:0;}