@charset "utf-8";
/* CSS Document */
/*banner*/
.ibanner{ height:502px; position:relative; border-bottom:1px solid #ddd;}
.ibanner .bd{ position:relative; z-index:2;}
.ibanner .bd ul{ display:block; transition:all;}
.ibanner .bd ul li{ display:block; position:relative;}
.ibanner .bd ul li a{ display:block; position:relative; height:502px;}
.ibanner .hd{ width:100%; overflow:hidden; position:absolute; left:0; bottom:24px; z-index:3;}
.ibanner .hd ul{ display:block; height:16px; text-align:center;}
.ibanner .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:12px; height:12px; border:2px solid #d7d7d7; border-radius:50%; cursor:pointer; margin:0 7px; vertical-align:top;}
.ibanner .hd ul li.on{ border-color:#008dd8;}

.main{ width:auto;}

.ibox{ overflow:hidden; position:relative;}
.ibox .con{ width:1200px; overflow:hidden; margin:0 auto;}
.ibox h2{ display:block; text-align:center; overflow:hidden; padding:52px 0 0; position:relative;}
.ibox h2 span{ display:block; line-height:104px; color:#333; font-size:40px; position:relative; z-index:3;}
.ibox h2 span a{ color:#333;}
.ibox h2 span a:hover{ color:#008dd8;}
.ibox h2 em{ display:block; width:100%; line-height:152px; color:#ededed; font-size:60px; text-transform:uppercase; position:absolute; left:0; top:0; z-index:1;}

.box1{ padding:0 0 122px;}
.box1 .slide{ width:498px; height:384px; width:446px; height:344px;/* padding:0 60px;*/ position:relative; margin:50px 78px 0 0; margin:50px 64px 0 0; float:left;}
.box1 .slide .bg{ width:100%; height:130px; background:#008dd8; position:absolute; left:0; top:50%; margin-top:-65px; z-index:1;}
.box1 .slide .bd{ position:relative; z-index:2;}
.box1 .slide .bd ul{ display:block;}
.box1 .slide .bd ul li{ display:block; position:relative;}
.box1 .slide .bd ul li a{ display:block; position:relative;}
.box1 .slide .bd ul li a img{ display:block; width:498px; height:384px; width:446px; height:344px;}
.box1 .slide .hd{ display:block; width:100%; overflow:hidden; position:absolute; left:0; bottom:18px; z-index:3;}
.box1 .slide .hd ul{ display:block; height:10px; text-align:center;}
.box1 .slide .hd ul li{ display:inline-block; *display:inline; *zoom:1; width:10px; height:10px; background:#fff; border-radius:50%; cursor:pointer; margin:0 6px; vertical-align:top;}
.box1 .slide .hd ul li.on{ background:#008dd8;}
.box1 .slide a.prev{ display:block; width:38px; height:48px; background:url(../images/icons/prev.png) center no-repeat; position:absolute; left:0; top:50%; margin-top:-24px;}
.box1 .slide a.next{ display:block; width:38px; height:48px; background:url(../images/icons/next.png) center no-repeat; position:absolute; right:0; top:50%; margin-top:-24px;}
.box1 .txt{ height:350px; line-height:36px; color:#333; font-size:16px; text-align:justify; overflow:hidden; padding:40px 0 0;}
.box1 a.more{ display:block; width:92px; line-height:32px; color:#008dd8; font-size:14px; font-weight:bold; text-align:center; border:2px solid #008dd8; border-radius:18px; overflow:hidden; margin:34px auto 0; position:relative; left:255px;}
.box1 a.more:hover{ color:#fff; background:#008dd8;}

.box2 h2 span{ color:#fff;}
.box2 h2 span a{ color:#fff;}
.box2 h2 em{ color:#84a2b1;}
.box2 .bg{ width:100%; height:100%; background:#66686e; position:absolute; left:0; top:0; z-index:1;}
.box2 .bg .item{ display:none; width:100%; height:100%; background-size:cover !important; position:absolute; left:0; top:0;}
.box2 .con{ position:relative; z-index:3;}
.box2 ul.tab{ display:block; overflow:hidden; margin:30px -6px 0;}
.box2 ul.tab li{ display:block; width:202px; overflow:hidden; float:left;}
.box2 ul.tab li a{ display:block; line-height:50px; color:#333; font-size:16px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/icons/pro_tab.png) center top no-repeat; margin:0 6px;}
.box2 ul.tab li.cur a{ color:#fff; background-position:center bottom;}
.box2 ul.pro{ display:none; overflow:hidden; margin:50px -10px 0;}
.box2 ul.pro li{ display:block; width:25%; overflow:hidden; float:left;}
.box2 ul.pro li a{ display:block; background:#fff; overflow:hidden; margin:12px 10px;}
.box2 ul.pro li a img{ display:block; width:100%; height:222px;}
.box2 ul.pro li a span{ display:block; line-height:60px; color:#333; font-size:15px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box2 ul.pro li a:hover{ background:#008dd8;}
.box2 ul.pro li a:hover span{ color:#fff;}
.box2 a.more{ display:block; width:92px; line-height:32px; color:#008dd8; font-size:14px; font-weight:bold; text-align:center; border:2px solid #008dd8; border-radius:18px; overflow:hidden; margin:40px auto 58px;}
.box2 a.more:hover{ color:#fff; background:#008dd8;}

.box3{ overflow:hidden; position:relative; padding:0 0 98px;}
.box3 .con{ overflow:visible;}
.box3 .slide{ margin:36px 0 76px; position:relative;}
.box3 .slide .bd{ position:relative; z-index:0; overflow:hidden;}
.box3 .slide .bd .tempWrap{ margin:0 -24px;}
.box3 .slide .bd ul{ display:block; transition:all;}
.box3 .slide .bd ul li{ display:block; width:416px; position:relative; float:left;}
.box3 .slide .bd ul li a{ display:block; width:368px; margin:0 24px;}
.box3 .slide .bd ul li a em{ display:block; background:#000; position:relative;}
.box3 .slide .bd ul li a em i{ display:block; width:64px; height:64px; background:url(../images/icons/video.png) center no-repeat; position:absolute; left:0; bottom:0; z-index:2;}
.box3 .slide .bd ul li a em img{ display:block; width:100%; height:260px; opacity:0.4;}
.box3 .slide .bd ul li a span{ display:block; line-height:56px; color:#333; font-size:15px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box3 .slide .bd ul li a:hover span{ color:#008dd8;}
.box3 .slide a.prev{ display:block; width:18px; height:48px; background:url(../images/icons/prev.png) center no-repeat; position:absolute; left:-46px; top:130px; margin-top:-24px;}
.box3 .slide a.next{ display:block; width:18px; height:48px; background:url(../images/icons/next.png) center no-repeat; position:absolute; right:-46px; top:130px; margin-top:-24px;}

.box3 dl.news{ display:block; width:514px; background:#f4f4f4; padding:28px 30px 26px; overflow:hidden; margin:0 52px 0 0; float:left;}
.box3 dl.news dt{ display:block; padding:0 0 24px; border-bottom:1px solid #d7d7d7; overflow:hidden; margin:0 0 22px;}
.box3 dl.news dt h3{ display:block; line-height:48px; color:#333; font-size:24px; overflow:hidden; padding:0 0 24px;}
.box3 dl.news dt h3 em{ color:#999; font-size:18px; font-weight:normal; text-transform:uppercase;}
.box3 dl.news dt h3 a{ display:block; color:#008dd8; font-size:16px; font-weight:normal; float:right;}
.box3 dl.news dt a.pic{ display:block; float:left; margin-right:34px;}
.box3 dl.news dt a.pic img{ display:block; width:158px; height:112px;}
.box3 dl.news dt a.title{ display:block; height:60px; line-height:30px; color:#333; font-size:16px; overflow:hidden; margin:6px 0;}
.box3 dl.news dt a.title:hover{ color:#1296db;}
.box3 dl.news dt span{ display:block; line-height:40px; color:#999; font-size:15px; overflow:hidden;}
.box3 dl.news dd{ display:block; overflow:hidden; padding:0 1px;}
.box3 dl.news dd span{ display:block; line-height:32px; color:#999; font-size:13px; float:right; margin-left:28px;}
.box3 dl.news dd a{ display:block; line-height:32px; color:#333; font-size:14px; background:url(../images/icons/list_bg.png) left center no-repeat; padding-left:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.box3 dl.news dd a:hover{ color:#008dd8;}

.box3 form.msg{ display:block; height:411px; border:2px solid #f4f4f4; overflow:hidden;}
.box3 form.msg h3{ line-height:96px; color:#333; font-size:24px; text-align:center; padding:2px 0 0;}
.box3 form.msg p{ display:block; overflow:hidden; padding:11px 0;}
.box3 form.msg p label{ display:block; width:78px; line-height:42px; color:#333; font-size:15px; text-align:right; float:left; margin:0 8px 0 0;}
.box3 form.msg p input.text{ display:block; width:158px; height:42px; *line-height:42px; color:#666; font-size:15px; padding:0 12px; background:#f4f4f4; border:0; border-radius:4px; float:left;}
.box3 form.msg p ::placeholder{ color:#999;}
.box3 form.msg p textarea{ display:block; width:426px; height:108px; line-height:26px; color:#666; font-size:15px; padding:8px 12px; background:#f4f4f4; border:0; border-radius:4px; resize:none; float:left;}
.box3 form.msg p input.short{ width:74px;}
.box3 form.msg p img{ display:block; width:90px; height:42px; font-size:inherit; border-radius:3px; float:left; cursor:pointer; margin:0 18px 0 12px;}
.box3 form.msg p input.btn{ display:block; width:232px; height:42px; color:#fff; font-size:18px; font-weight:bold; background:#008dd8; border:0; border-radius:4px; cursor:pointer; float:left;}







/**/