@charset "gb2312";
/* CSS Document */
body{font-family:"Microsoft Yahei","ËÎÌå",Arial Narrow; font-size:12px; color:#000; background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,form,input,textarea,button,code,em,cite{padding:0; margin:0;}
img{border:0; display:block;}
ol,ul,li,dl,dt,dd{list-style:none;}   
a:link,a:visited{color:#000;text-decoration:none}
a:active,a:hover{color:#e00500;text-decoration:none;}
.lt{float:left;}
.rt{float:right;}
.cl{ clear:both;}
.cc:after {content: ".";display: block;height:0;clear: both;visibility: hidden;}
.cc {display: inline-block;} /* Hides from IE-mac \*/
* html .cc {height: 1%;}
.cc{display: block;} /* End hide from IE-mac */
code{font-family:"Microsoft Yahei";}

#wrap{ width:100%; background:url(../images/head_bg.jpg) center top no-repeat;}
#header,#main{ width:1200px; margin:0 auto;}

#nav{ width:100%; background:url(../images/nav_bg.jpg) no-repeat; height:100px;}
#nav ul{ width:1200px; margin:0 auto; overflow:hidden;}
#nav li{ width:239px; height:100px; float:left; border-right:1px solid #949494; cursor:pointer;}
#nav li:hover{ background:url(../images/navhoverbg.png) no-repeat; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;}
#nav li.nav5{ border-right:none;}
#nav li span{ display:block; font:bold 22px/34px "΢ÈíÑźÚ";color:#fff; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;}
#nav li span a{ display:inline;font-size:14px;padding:0 4px; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;}
#nav li span a:link,#nav li span a:visited{color:#cfcfcf;}
#nav li span a:hover{ text-decoration:none;}
#nav li.nav1:hover span a{color:#ff4e4a;}
#nav li.nav2:hover span a{color:#fd8d3a;}
#nav li.nav3:hover span a{color:#ffdc36;}
#nav li.nav4:hover span a{color:#2eecf7;}
#nav li.nav5:hover span a{color:#73a4ff;}
#nav li span em{ width:27px;height:32px; background:url(../images/navicon.png) no-repeat; display:inline-block; float:left; margin:1px 10px 0 0 ; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
#nav li.nav1 span em{ background-position:0 0;}
#nav li.nav2 span em{ background-position:-35px 0; width:35px;}
#nav li.nav3 span em{ background-position:-76px 0; width:32px;}
#nav li.nav4 span em{ background-position:-112px 0; width:34px;}
#nav li.nav5 span em{ background-position:-155px 0; width:30px;}
#nav li.nav1:hover span{color:#ff4e4a;}
#nav li.nav2:hover span{color:#fd8d3a;}
#nav li.nav3:hover span{color:#ffdc36;}
#nav li.nav4:hover span{color:#2eecf7;}
#nav li.nav5:hover span{color:#73a4ff;}
#nav li.nav1:hover em{ background-position:0 -33px;}
#nav li.nav2:hover em{ background-position:-35px -33px;}
#nav li.nav3:hover em{ background-position:-76px -33px;}
#nav li.nav4:hover em{ background-position:-112px -36px;}
#nav li.nav5:hover em{ background-position:-155px -33px;}

.box1,.box2,.box5,.box7,.box8{ margin-top:19px;}
.box3{margin:20px 0 15px 0;}
.box4{ margin-bottom:10px;}
.box6{ margin:10px 0 20px 0;}

.rotate_content{ width:660px;height:370px; float:left; overflow:hidden; position:relative;}
.rotate_content ul{ height:370px; position:absolute;}
.rotate_content li{ float:left; width:660px;height:370px;}
.rotate_content dl{ position:absolute;right:10px;bottom:10px;}
.rotate_content dd{ width:19px;height:19px; border-radius:50%;-webkit-border-radius:50%; float:left; margin:0 7px;}
.rotate_content dd.cur{ border:6px solid #ff4e4a; width:10px;height:10px;}
.rotate_content dd.rotatebtn1{ background:#ff4e4a;}
.rotate_content dd.rotatebtn1.cur{ background:#fff;border-color:#ff4e4a;}
.rotate_content dd.rotatebtn2{ background:#fd8d3a;}
.rotate_content dd.rotatebtn2.cur{ background:#fff;border-color:#fd8d3a;}
.rotate_content dd.rotatebtn3{ background:#ffdc36;}
.rotate_content dd.rotatebtn3.cur{ background:#fff;border-color:#ffdc36;}
.rotate_content dd.rotatebtn4{ background:#2eecf7;}
.rotate_content dd.rotatebtn4.cur{ background:#fff;border-color:#2eecf7;}
.rotate_content dd.rotatebtn5{ background:#73a4ff;}
.rotate_content dd.rotatebtn5.cur{ background:#fff;border-color:#73a4ff;}
.topline{ width:520px; float:right;}
.toplinet{ padding-left:10px;}
.toplinet li{ background:url(../images/toplineicon.png) left 5px no-repeat; height:55px; margin:30px 0;padding-left:60px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;overflow:hidden;}
.toplinet li:hover{ background-position:0 -50px;}
.toplinet li p:hover a{color:#e00500;}
.toplinet li span:hover a{color:#e00500;}
.toplinet li p{ font-size:20px; line-height:34px;font-weight:bold;}
.toplinet li p a{ text-decoration:none; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;}
.toplinet li span{ display:block; font-size:14px;}
.toplinet li span a{ display:inline; text-align:center;text-decoration:none; transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;}
.toplineb li{ width:95px; height:55px; background:url(../images/toplineb.jpg) no-repeat; float:left; margin-left:9px; position:relative;}
.toplineb li i{ position:absolute;left:0;top:0; width:95px; height:55px; background:rgba(255,255,255,0.2); display:block;}
.toplineb li:hover i{ display:none;}
.toplineb li.toplineb2{ background-position:0 -55px;}
.toplineb li.toplineb3{ background-position:0 -110px;}
.toplineb li.toplineb4{ background-position:0 -165px;}
.toplineb li.toplineb5{ background-position:0 -220px;}
.toplineb li a{ width:100%; height:100%; display:block;}

h2.tit{ font-size:24px; line-height:70px; color:#000; background:url(../images/tit.jpg) no-repeat; height:60px; padding-left:65px; position:relative;}
h2.tit i{ font-size:12px; font-weight:normal; font-style:normal;color:#999; margin-left:8px;}
h2.tit span{ display:block;height:58px; border-bottom:2px solid #000;}
h2.tit a{font-size:12px; position:absolute;right:0;top:5px;}
h2.tt2{ background-position:0 -60px;}
h2.tt3{ background-position:0 -120px;}
h2.tt4{ background-position:0 -180px;}
h2.tt5{ background-position:0 -240px;}
h2.tt6{ background-position:0 -300px;}
h3.tt{ height:40px; background:url(../images/tt2.jpg) no-repeat; font-size:20px;line-height:40px; color:#fff; padding-left:20px;}
h3.ttt1{background-position:0 -40px;}

.xczb{ width:370px; height:475px; float:left; margin-right:30px;}
.con_box{width:360px; background:url(../images/xuxian.jpg) 5px 10px repeat-y;}
.con1{margin-bottom:15px; width:360px;}
.con1 em{ display:inline-block;width:11px;height:11px; background:url(../images/icon2.jpg) no-repeat; float:left;margin:5px 5px 0 0;}
.con1 code{font-size:18px;color:#ff4e4a;line-height:24px; font-weight:bold;}
.con1 dl{overflow:hidden; width:320px; margin:8px 0 0 25px;font-size:14px;line-height:22px;}
.con1 dl div{margin:6px 0;word-wrap: break-word;}
.con1 dl img{margin:6px 0;width:320px;height:240px;}
.con1 dt{line-height:22px;font-size:14px;color:#000;width:320px;text-indent:2em;padding-bottom:10px;}
.con1 dd{width:320px; height:175px;}
.jcpic{ width:630px; float:left;}
.jcpic li{ width:260px;height:145px; margin:20px 25px 0 25px; position:relative;float:left;}
.jcpic li div{ position:absolute;left:0;bottom:0; height:35px; overflow:hidden; width:260px; background:rgba(0,0,0,0.8); transition:all ease-in 0.3s;-webkit-transition:all ease-in 0.3s;}
.jcpic li div a{color:#fff; text-decoration:none;}
.jcpic li div h3{ line-height:35px; text-align:center; font-size:14px;}
.jcpic li div p{ width:220px; line-height:24px; margin:0 auto;}
.jcpic li:hover div{ height:100%; background:rgba(244,5,0,0.8); transition:all ease-in 0.3s;-webkit-transition:all ease-in 0.3s;}
.jcpic li:hover div h3{ line-height:50px; font-weight:bold; font-size:16px;}
.hotnews{ width:510px; float:right;}
.hotnews ul{padding-top:17px;}
.hotnews li{ font-size:16px;line-height:45px; height:45px; overflow:hidden;}
.hotnews li a{ text-decoration:none; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.hotnews li span{ float:right; font-size:12px;color:#999;}
.hotnews li em{ display:inline-block;float:left; width:53px;height:22px; background:url(../images/icon1.jpg) no-repeat; margin:12px 10px 0 0;}
.hotnews li em a{ display:block;width:100%; height:100%;}
.hotnews li em.e21960{ background-position:0 -22px;}
.hotnews li em.e20004{ background-position:0 -88px;}
.hotnews li em.e20006{ background-position:0 -66px;}
.hotnews li em.e20008{ background-position:0 -44px;}
.hotnews li em.e23160{ background-position:0 0;}


.cfdialogue{ width:665px; float:left;}
.cfpic{ padding:20px 0 12px 0; overflow:hidden; height:360px;}
.cfpic li{ float:left; width:145px; height:360px; margin-right:5px; overflow:hidden; position:relative; cursor:pointer;}
.cfpic li div{ position:absolute; right:-191px;top:0; width:155px; height:100%; background:rgba(0,0,0,0.6);padding:0 18px; color:#fff; overflow:hidden;}
.cfpic li div.animate{ animation:left 0.3s 0.4s forwards; -webkit-animation:left 0.3s 0.4s forwards;}
@keyframes left{0%{right:-191px;}100%{right:0}}
@-webkit-keyframes left{0%{right:-191px;}100%{right:0}}
@-moz-keyframes left{0%{right:-191px;}100%{right:0}}
@-o-keyframes left{0%{right:-191px;}100%{right:0}}
.cfpic li div h4{ font-size:20px;border-left:2px solid #fff;padding-left:12px; margin-top:30px;}
.cfpic li div p{ font-size:14px;line-height:22px; padding:15px 0 18px 0;}
.cfpic li div a{ display:block;width:148px;height:33px; text-align:center; line-height:33px; border:2px solid #fff; border-radius:20px;-webkit-border-radius:20px;color:#fff; font-size:14px; text-decoration:none;}
.cftxt li{ float:left; width:315px; font-size:16px;line-height:45px; height:45px; overflow:hidden; background:url(../images/li_a.jpg) left center no-repeat; padding-left:10px;}
.cftxt li.txt1{ width:310px;margin-right:12px;}
.boldtj{ width:510px; float:right;}
.boldtj li{ width:510px; height:100px; background:#e9e9e9; position:relative; margin-top:20px;}
.boldtj li span{ display:inline-block; width:255px;text-align:center;padding-top:20px; float:left;}
.boldtj li code{ position:absolute;left:50%; top:39px; width:11px; height:24px; background:url(../images/arrow.png) no-repeat;margin-left:-13px; display:none;}
.boldtj li.tj1 code{ background:url(../images/arrow2.png) no-repeat; margin-left:3px;}
.boldtj li:hover{ background:#fd8d3a; transition:all ease-in 0.3s;-webkit-transition:all ease-in 0.3s;}
.boldtj li:hover h5{ color:#fff; transition:all ease-in 0.4s;-webkit-transition:all ease-in 0.4s;}
.boldtj li:hover p{ color:#fff; transition:all ease-in 0.4s;-webkit-transition:all ease-in 0.4s;}
.boldtj li:hover img{ width:249px;height:94px; border:3px solid #fd8d3a;}
.boldtj li:hover code{ display:block;}
.boldtj li h5{ font-size:20px;color:#333;}
.boldtj li p{ font-size:14px;color:#777;line-height:34px;}
.boldtj li img{ width:255px;height:100px;}
.boldtj li.tj1 img{ float:right;}
.boldtj li.tj2 img{ float:left;}
.boldtj li.tj2 span{ float:right;}

.box4{ position:relative;}
.yxtybtn{ position:absolute;right:0;top:-40px;}
.yxtybtn li{ width:180px; height:30px; border-radius:20px; -webkit-border-radius:20px; background:#000; font-size:18px; line-height:30px; text-align:center; float:left; color:#fff; margin:0 5px; cursor:pointer;}
.yxtybtn li.cur{ background:#ffae00; font-weight:bold;}
ul.sy{display:none;}
ul.sy li p{ position:absolute;left:0;bottom:0; width:276px; height:35px; background:rgba(0,0,0,0.6); font-size:14px; text-align:center;line-height:35px;color:#fff;}
ul.sy li p a:link,ul.sy li p a:visited{ color:#fff;}
ul.sy li p a:hover,ul.sy li p a:active{ color:#fff;}
ul.sy li.lastli{ margin-right:0;}
ul.sy li{ width:276px;height:216px; float:left; margin:20px 30px 10px 0; position:relative;}
ul.sy li img{ width:276px;height:216px;}
ul.sy li:hover img{ width:270px;height:210px; border:3px solid #ffae00;}
ul.sy li:hover p{ background:#ffae00; font-weight:bold;}
ul.dy li{height:339px;}
ul.dy li img{height:339px;}
ul.dy li:hover img{height:333px; border:3px solid #ffae00;}

.tencent{ width:1158px; height:382px; padding:20px;border:1px solid #5ba303; border-top:none;}
.tencentl{ width:540px; float:left;}
.yxnews dt{ float:left; width:150px; position:relative; margin-right:30px;}
.yxnews dt p{ position:absolute;left:0;bottom:0; width:150px; height:36px; line-height:36px; background:rgba(0,0,0,0.6); font-size:14px; text-align:center;}
.yxnews dt p a:link,.yxnews dt p a:visited{ color:#fff;}
.yxnews dt p a:hover,.yxnews dt p a:active{ color:#fff;}
.yxnews dt img{ width:150px; height:225px;}
.yxnews dd.newstxt{float:left; width:360px;height:225px; position:relative;}
.yxnews dd.newstxt ul{ position:absolute;left:0;top:34px;}
.yxnews dd.newstxt h5{ font-size:20px; height:30px; overflow:hidden;}
.yxnews dd.newstxt li{ font-size:14px; line-height:28px; height:28px; overflow:hidden;}
.yxnews dd.newstxt li span a:link,.yxnews dd.newstxt li span a:visited{color:#6aba00; margin-right:5px;}
.yxnews dd.newstxt li span a:hover,.yxnews dd.newstxt li span a:active{color:#6aba00;}
.czyx{height:128px; margin-top:22px;}
.czyx code{ float:left;width:20px; padding:20px 9px; background:#0083de; font-size:16px;color:#fff; font-weight:bold;}
.yxscroll{ float:right; width:482px; height:128px; overflow-x:auto; overflow-y:hidden; position:relative;}
.yxscroll ul{ overflow:hidden; height:128px; position:absolute;left:0;top:0;}
.czyx li{ float:left; margin-right:20px;width:84px;height:84px;}
.czyx li p{ font-size:14px; text-align:center; height: 25px; line-height: 25px; overflow: hidden;}
.tencentr{ width:590px; float:right;}
.zbbox{ width:590px; height:305px; overflow:hidden;position:relative; }
.zbbox ul{width:540px; height:305px; position:absolute;right:0;top:0;}
.zbbox li{ width:540px; height:305px; background:#000;color:#fff;}
.zbbox i{ width:50px; height:55px; background:url(../images/zbbg.jpg) no-repeat; position:absolute;left:0;top:0; text-align:center;padding-top:5px; font-style:normal;}
.zbbox code{font-size:18px;color:#fff; font-weight:bold; width:20px;padding:70px 15px 10px 15px; background:#ff760d; display:block; height:100%;}
.zbyg{ width:590px; position:relative; height:77px;}
.zbyg span{ display:inline-block;float:left; width:70px;  height:59px; background:url(../images/zbbg.jpg) 0 -60px no-repeat; font:bold 18px/20px "΢ÈíÑźÚ";color:#fff; text-align:center; padding-top:18px;}
.ygs{ width:495px; height:77px; float:left; overflow:hidden; position:relative;}
.ygs ul{ width:800%; position:absolute;left:0;top:0;}
.ygs ul li{ float:left; width:99px; height:77px; position:relative; cursor:pointer;}
.ygs ul li.cur code{ display:block;}
.ygs ul li code{ position:absolute;left:0;top:0; width:100%; text-align:center;height:57px; padding-top:20px; background:url(../images/zb_bg.png) no-repeat;color:#fff; display:none;}
.ygs ul li code i{ font-size:12px; color:#ffe401; font-style:normal;}
.zbyg cite{ position:absolute; right:0;top:0; width:25px; height:77px; background:url(../images/right-arrow.jpg) no-repeat; cursor:pointer;}

.wy{ width:1158px; padding:20px; border:1px solid #be1031; border-top:none;}
.wyleft{ width:870px; float:left;}
.wyleft .yxnews dd.newstxt li span a:link,.wyleft .yxnews dd.newstxt li span a:visited{color:#be1031; margin-right:5px;}
.wyleft .yxnews dd.newstxt li span a:hover,.wyleft .yxnews dd.newstxt li span a:active{color:#be1031;}
.yxnews dd.newspic{ width:320px; float:right;}
.yxnews dd.newspic li{ width:140px; float:left; margin:0 0 8px 20px;}
.yxnews dd.newspic li img{ width:140px; height:80px;}
.yxnews dd.newspic li:hover img{ width:134px;height:74px; border:3px solid #bc0f30;}
.yxnews dd.newspic li p{ font-size:14px; width:140px; text-align:center;line-height:30px; height:30px; overflow:hidden;}
.wyleft .yxscroll{ width:812px;}
.wyright{ width:260px; float:right;}
.wyright h5{ height:51px; background:url(../images/cjtk.jpg) no-repeat; width:260px; position:relative;}
.wyright h5 span{ position:absolute;left:0;top:0; font-size:18px; line-height:50px; color:#fff;padding-left:15px;}
.wyright h5 a{ display:block; width:84px; height:25px; margin-left:175px;}
.wyright div{ width:260px; height:145px; position:relative; margin:20px 0 15px 0;}
.wyright div p{ position:absolute;left:0;bottom:0; width:260px; height:35px; background:rgba(0,0,0,0.8); text-align:center; font-size:14px; line-height:35px;}
.wyright div p a:link,.wyright div p a:visited{ color:#fff;}
.wyright div p a:hover,.wyright div p a:active{ color:#fff;}
.wyright p{ font-size:14px;line-height:22px;}
.wyright p b{color:#be1031;}
.wyright ul{ overflow:hidden; margin-top:14px;}
.wyright li{ float:left; font-size:16px; font-weight:bold; line-height:36px; width:129px; height:36px; background:url(../images/btn1.jpg) no-repeat; text-align:center; margin:0 1px 1px 0;}
.wyright li a:link,.wyright li a:visited{ color:#fff;}
.wyright li a:hover,.wyright li a:active{ color:#fff; text-decoration:none;}
.wyright li:hover{ background-position:0 -36px;}

.box7 ul{ float:left; overflow:hidden}
.box7 li{ position:relative;}
.box7 li p{ position:absolute; left:0;bottom:0; width:80%; padding:20% 10% 0 10%; height:80%; background:url(../images/meitubg.png) repeat; font:bold 18px/34px "΢ÈíÑźÚ"; color:#fff; opacity:0; cursor:pointer;}
.box7 li p a{ width:100%; height:100%; display:block;}
.box7 li p a:link,.box7 li p a:visited{ color:#fff;}
.box7 li p a:hover,.box7 li p a:active{ color:#fff; text-decoration:none;}
.meipicm li:hover p,.meipicr li:hover p{ animation:scale 0.5s forwards; -webkit-animation:scale 0.5s forwards;}
.meipicl li.s1 span:hover p,.meipicl li.s2:hover p{ animation:scale 0.5s forwards; -webkit-animation:scale 0.5s forwards;}
@keyframes scale{0%{ transform:scale(0,0);opacity:0;}100%{ transform:scale(1,1); opacity:1;}	}
@-webkit-keyframes scale{0%{ -webkit-transform:scale(0,0);opacity:0;}100%{ -webkit-transform:scale(1,1); opacity:1;}	}
.meipicl li{ height:223px; overflow:hidden; margin-bottom:1px;}
.meipicl li span img{ width:223px; height:223px;}
.meipicl li span{ position:relative; display:inline-block;float:left; margin:0 1px 0 0; width:223px; height:223px;}
.meipicm li img{ width:448px; height:448px;}
.meipicr li{ width:300px; height:223px; overflow:hidden; margin:0 0 1px 1px;}
.meipicr li img{ width:300px; height:223px;}

.box8{padding-bottom:25px; border-bottom:2px solid #000;}
.morenews{ width:675px; float:left;}
.morenews ul{padding:10px 0; border-bottom:1px solid #ccc; overflow:hidden;}
.morenews li{ float:left; width:323px; font-size:14px; line-height:30px; height:30px; overflow:hidden; background:url(../images/li_a2.jpg) left center no-repeat;padding-left:14px;}
.partner{ width:100%; float:right;}
.partnerpic{padding:20px 0 15px 0;}
.partnerpic img{ float:left; margin-right:20px; width:152px; height:70px;}
.partner h5,.partner dt{ font-size:18px;color:#000; font-weight:bold; line-height:34px;}
.partner ul{ overflow:hidden;}
.partner li{ width:206px; line-height:30px; color:#777; font-size:14px; float:left;}
.fudw{ height: 220px;}
.fudw dl{ float:left;}
.fudw dl dd{ font-size:14px;line-height:30px;color:#777;}
.zbdw{ width:289px;}

#footer{line-height:24px; text-align:center; padding:30px 0;}
#footer a:link,#footer a:visited{ color:#000;}
#footer a:hover,#footer a:active{ color:#000;}

#floatnav{ width:120px; height:338px; background:url(../images/pf.jpg) no-repeat;position:fixed;_position:absolute;left:50%;top:200px;_top:expression(eval(document.documentElement.scrollTop+200));margin-left:660px;}
#floatnav li{ width:120px; height:48px;}
#floatnav li a{ display:block;width:100%; height:100%;}
#floatnav li:hover{ background:url(../images/pfhover.jpg) no-repeat;}
#floatnav li.li2:hover{ background-position:0 -48px;}
#floatnav li.li3:hover{ background-position:0 -96px;}
#floatnav li.li4:hover{ background-position:0 -144px;}
#floatnav li.li5:hover{ background-position:0 -192px;}
#floatnav li.li6:hover{ background-position:0 -240px;}
#floatnav li.li7:hover{ background-position:0 -288px;}