@charset "utf-8";
/* CSS Document */

ul.nav{ top:110px;}

/* banner */
.ibanner{ width:100%; height:260px;/* height:336px;*/ overflow:hidden; position:relative;}
.ibanner .bd{ position:relative; height:100%; z-index:0;}
.ibanner .bd ul,
.ibanner .bd ul li,
.ibanner .bd ul li a{ display:block; width:100%; height:260px;/* height:336px;*/ background-size:auto 120% !important; background-size:auto 100% !important; cursor:default;}
.ibanner .hd{ display:none; width:100%; z-index:1; position:absolute; left:0; bottom:24px;}
.ibanner .hd ul{ display:block; text-align:center;}
.ibanner .hd ul li{ display:inline-block; width:18px; height:18px; overflow:hidden; background:#eec042; border-radius:60%; margin:0 8px; vertical-align:top; cursor:pointer;}
.ibanner .hd ul li.on{ background:#fff;}

/*主体样式*/
.main{ width:100%; margin:0 auto; padding:0;}

.main .ibox{ overflow:hidden;}
.main .ibox h2{ display:block; line-height:48px; color:#222; font-size:36px; font-weight:normal; text-align:center; padding:30px 0 0;}
.main .ibox h2 span{ display:block; height:28px; line-height:30px; font-size:20px; font-family:Arial; background:url(../images/icons/title_bg.png) center no-repeat;}
.main .ibox .content{ width:1200px; margin:0 auto;}

.main .box1{ padding:0 0 14px;}
.main .box1 .txt{ line-height:40px; color:#666; font-size:22px; overflow:hidden; padding:24px 32px 0;}
.main .box1 .txt *{ line-height:40px; color:#666; font-size:22px;}
.main .box1 ul{ display:block; overflow:hidden; padding:32px 16px 0;}
.main .box1 ul li{ display:block; background:url(../images/icons/list1_bg.png) right center no-repeat; *background-position-y:14px; padding-right:16px; margin-left:12px; float:left;}
.main .box1 ul li a{ display:block; width:124px; height:62px; line-height:62px; color:#fff; font-size:24px; text-align:center; background:#33ccc3; border-radius:18px 0;}
.main .box1 ul li a:hover{ background:#046eb8;}

.main .box2 ul.tab{ display:block; height:114px; border:1px solid #dedede; border-width:1px 0; margin:50px auto 0;}
.main .box2 ul.tab li{ display:block; width:20%; height:114px; border-left:1px solid #dedede; box-sizing:border-box; float:left; position:relative; cursor:pointer;}
.main .box2 ul.tab li:first-child{ border-left:0;}
.main .box2 ul.tab li img{ display:block; height:48px; padding:16px 0 8px; margin:0 auto;}
.main .box2 ul.tab li span{ display:block; height:28px; line-height:30px; color:#333; font-size:24px; text-align:center;}
.main .box2 ul.tab li em{ display:none; width:24px; height:12px; background:url(../images/icons/pro_mark.png) center top no-repeat; position:absolute; left:50%; bottom:-1px; margin-left:-12px;}
.main .box2 ul.tab li.cur em{ display:block;}
.main .box2 ul.tab li.cur span{ *margin-top:0;}
.main .box2 .tbox{ height:394px; background:url(../images/icons/pro_bg.jpg) center top no-repeat; background-size:auto 100%; position:relative;}
.main .box2 .tbox .box{ display:none; width:100%; height:394px; overflow:hidden; margin:0 auto;}
.main .box2 .tbox .box img.pic{ display:block; width:auto; height:84%; position:absolute; right:0; top:8%;}
.main .box2 .tbox .box h3{ display:block; width:8em; height:150px; line-height:50px; color:#fff; font-size:26px; padding:90px 0 0 32px;}
.main .box2 .tbox .box a.more{ display:block; width:152px; height:48px; line-height:50px; color:#333; font-size:22px; text-align:center; background:#eec042; border-radius:24px; margin:36px 28px 0;}
.main .box2 .tbox .box a.more:hover{ background:#ffdc52;}

.main .box3{ background:#f0f4f5; padding:0 0 36px;}
.main .box3 ul.picList{ display:block; overflow:hidden; padding:36px 0 0;}
.main .box3 ul.picList li{ display:block; width:292px; margin:0 14px 24px; float:left;}
.main .box3 ul.picList li a{ display:block; height:auto; padding:14px; background:#fff; border-radius:4px; margin:0 auto;}
.main .box3 ul.picList li a img{ display:block; width:100%; height:176px;}
.main .box3 ul.picList li a span{ display:block; height:60px; line-height:68px; color:#333; font-size:22px; text-align:center; margin:0 4px -10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .box3 ul.picList li a:hover span{ color:#3c83c5;}

.main .box5{ padding:0 0 40px;}
.main .box5 .tabnews{ overflow:hidden; padding:36px 16px 0;}
.main .box5 .tabnews ul.tab{ display:block; overflow:hidden; background:#eaeaea;}
.main .box5 .tabnews ul.tab li{ display:block; width:25%; height:60px; line-height:62px; color:#333; font-size:23px; text-align:center; float:left; cursor:pointer;}
.main .box5 .tabnews ul.tab li.cur{ color:#fff; font-weight:bold; background:#046eb8;}
.main .box5 .tabnews .tbox{ display:none; padding:22px 0 0;}
.main .box5 .tabnews .tbox .topnews{ height:142px; border-bottom:1px solid #cecece; overflow:hidden;}
.main .box5 .tabnews .tbox .topnews a.pic{ display:block; float:left; margin-right:22px;}
.main .box5 .tabnews .tbox .topnews a.pic img{ display:block; width:164px; height:120px;}
.main .box5 .tabnews .tbox .topnews a.title{ display:block; max-width:400px; height:72px; line-height:36px; color:#333; font-size:24px; font-weight:bold; float:left; padding:2px 0 0;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}
.main .box5 .tabnews .tbox .topnews a.title:hover{ color:#046eb8;}
.main .box5 .tabnews .tbox .topnews span{ display:block; height:36px; line-height:36px; color:#046eb8; font-size:20px; padding:6px 0 0; float:left;}
.main .box5 .tabnews .tbox ul.list{ display:block; overflow:hidden; }
.main .box5 .tabnews .tbox ul.list li{ display:block; overflow:hidden; position:relative; padding-left:24px;}
.main .box5 .tabnews .tbox ul.list li em{ display:block; width:7px; height:7px; background:#046eb8; border-radius:50%; position:absolute; left:6px; top:50%; margin-top:-4px;}
.main .box5 .tabnews .tbox ul.list li a{ display:block; max-width:440px; height:48px; line-height:50px; color:#666; font-size:22px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main .box5 .tabnews .tbox ul.list li a:hover{ color:#046eb8;}
.main .box5 .tabnews .tbox ul.list li span{ display:block; height:48px; line-height:48px; color:#046eb8; font-size:20px; float:right;}

.main .box6{ overflow:hidden;}
.main .box6 a{ display:block; width:50%; height:144px; line-height:36px; color:#fff; font-size:20px; text-align:center; background:#33ccc3; padding:24px; box-sizing:border-box; float:left;}
.main .box6 a:first-child{ background:#046eb8; border-right:1px solid #fff;}
.main .box6 a strong{ display:block; height:58px; line-height:60px; font-size:36px;}




































/**/
