@charset "utf-8";
/* CSS Document */
html{font-size:62.5%;}
body{padding:0; margin:0; color:#000000;text-align:center; font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;}
li,p{text-align:left;}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#e51c22; text-decoration:none;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
.clearfix{clear:both;}
.red,.red a:link,.red a:visited,.red a:hover{ color:#cc3333; font-weight:bold;}
.gray,.gray a:link,.gray a:visited,.gray a:hover{ color:#666666;}
.withe,.withe a:link,.withe a:visited,.withe a:hover{ color:#FFFFFF;}
/* Landscape phone to portrait tablet */
ul{margin:0px; padding:0px;}
li{list-style:none;text-align:left;text-decoration:none;font:normal;}
a{text-decoration:none;}
.clearfix{clear:both;}

.m30{ margin-top:30px;}
.header{ width:100%; height:534px;background:url(bg04.jpg) no-repeat top center; }

.header .m-header{width:100%;height:609px; margin:0 auto;overflow:hidden;position:relative;}

.phone_header{ display:none; width:100%;}
.phone_header img { width:100%;}

.mobile{ display:none;}

.ttbg{ width:1200px; height:auto; background: left center no-repeat; border:0px solid #cccccc; }
.tt{width:1200px; height:auto; padding-top:20px; margin:0px auto; text-align:center;}
.tt a{font-size:33px; font-weight:bold; line-height:200%; font-family:"Microsoft YaHei"; color:#333333; }
.tt p{font-size:16px;  line-height:180%;  list-style:none;color:#999999; clear:both; text-align:center;}
.tt p a{font-size:16px;  line-height:180%; font-weight:normal;color:#999999; }

/*con1*/
.mainbg{ width: ; background-color:; height:auto; margin:0 auto;}
.play {width:1200px; margin:0px auto;height:380px;}
.main-left{float:left; width:600px;}
/*jdt*/
#playBox{float:left; margin:0px auto;width:600px; height:360px;position:relative; overflow:hidden;background-color:#fff;padding:0px; }
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left; list-style:none;}
#playBox .oUlplay img{ width:600px; height:360px;}
#playBox .oUlplay li span{ width:100%; height:45px; background-color:#000000; position:relative; bottom:45px;text-align:center; display:block; background:url(sj04.png); }
#playBox .oUlplay li span a{line-height:40px; color:#FFFFFF; padding-bottom:10px; font-size:17px;}
#playBox .pre{ cursor:pointer; width:20px; height:35px; position:absolute; bottom:2px; left:10px; z-index:10; background-image:url(kelBtn.png); }
#playBox .next{ cursor:pointer;width:20px; height:35px; position:absolute;bottom:2px; right:10px; z-index:10; background-image:url(kerBtn.png);}
#playBox .smalltitle {width:100px; height:10px; position:absolute; bottom:25px; z-index:10; left:60px;}
#playBox .smalltitle ul{ width:100px; text-align:center; margin:0 auto;}
#playBox .smalltitle ul li{ width:20px; height:25px; margin-left:-20px; float:left; overflow:hidden;*display:inline;*zoom:1; list-style:none; font-size:22px;FILTER: filter:alpha(opacity:0); opacity:0; -moz-opacity:0;-khtml-opacity: 0;}
#playBox .smalltitle .thistitle{ color:#cc0000; font-size:22px; line-height:30px; FILTER: filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity: 1;}
#playBox .smalltitle span{color:#FFFFFF; font-size:14px; line-height:36px;}

.con1right { float:right; width:520px; height:360px; padding-right:30px;}
.t0{ width:100%; height:63px;position:relative; }
.t0 .more{position: absolute;top:55%;right: 0px;line-height: 21px;}
.t0 .more a{padding: 2px 12px;background: #c2a7a3;border-radius: 9px;font-size: 12px;z-index: 5;}

.txt1{width:100%; float:left; text-align:left; margin-top:5px;}
.txt1 ul{ margin-left:5px;}
.txt1 li{ background:url(ico0.png) left center no-repeat; border-bottom:1px solid #D8D8D8;}
.txt1 li a{ font-size:16px;  line-height:260%; padding-left:20px;}

.t1200{width:1200px; margin:0 auto; position:relative; text-align:center;}
.t1200 img{ width:1200px; height:auto;text-align:center;}
.t1200 .more{position: absolute;top: 17px;right: 0px;line-height: 21px;}
.t1200 .more a{padding: 2px 12px;background: #f6d9a7;border-radius: 9px;font-size: 12px;z-index: 5;}

.ff{color: #fff;}
.ff a{color: #fff;}
.ff a:hover{color: #dfdfdf !important;}

.t_m{ display:none;}

/*con5*/
#con5 {width:1200px; margin:0px auto;}
#con5banner{width:100%; height:45px; border-bottom:solid #cccccc 3px; margin-top:20px;}
#con5banner span a{font: bold 28px/160% "Microsoft YaHei"; font-size:2.8rem; color:#0244bb; float:left; padding:0px 18px; border-bottom:solid #0244bb 3px;}
#con5bannermore a{float:right; font:bold 14px/320% "Microsoft YaHei"; font-size:1.4rem; padding-right:2%; color:#333333; text-align:right;; background-color:#FFFFFF;}

#con5left {width:46%; float:left; margin-top:10px;}
#con5left ul{margin:0px 5px; padding:0px; float:left;}
#con5left img{float:left; margin-right:15px; width:150px; height:110px;}
#con5left li{margin:10px 0px; padding:5px 0px 10px 0px; list-style:none; border-bottom:solid #eaeaea 1px; font:bold 18px/180% "Microsoft YaHei"; font-size:1.8rem; clear:both;}
#con5left li span{font:normal 14px/180% "Microsoft YaHei"; font-size:1.4rem; color:#999999; display:list-item; margin-bottom:8px; text-indent:30px;}

#con5right {width:50%; float:right; margin-top:10px;}
#con5right ul{margin:0px 5px; padding:0px; float:left;}
#con5right img{float:left; margin-right:15px; width:150px; height:110px;}
#con5right li{margin:10px 0px; padding:5px 0px 10px 0px; list-style:none; border-bottom:solid #eaeaea 1px; font:bold 18px/180% "Microsoft YaHei"; font-size:1.8rem; clear:both;}
#con5right li span{font:normal 14px/180% "Microsoft YaHei"; font-size:1.4rem; color:#999999; display:list-item; margin-bottom:8px; text-indent:30px;}




.bg03{ width:100%; height:350px; overflow:hidden; }
.con3{ width:1200px; margin:0 auto;}
.Box {position: relative; background: no-repeat; margin-top:20px; }
.Box .content {width: 1200px; height:350px;margin: 0 auto; }
.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
.Box .Box_con {position: relative;}
.Box .Box_con .btnl {position: absolute;}
.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 130px;cursor: pointer;}
.Box .Box_con .btnl {background:url(image/39015.files/jtl02.png) no-repeat center;left: -72px;}
.Box .Box_con .btnr {background: url(image/39015.files/jtr02.png) no-repeat center;right: -72px;}
.Box .Box_con .btnl:hover {background: url(image/39015.files/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover {background: url(image/39015.files/jtr03.png) no-repeat center;}
.Box .Box_con .conbox {position: relative; overflow: hidden;}
.Box .Box_con .conbox ul {position: relative;list-style: none;}
.Box .Box_con .conbox ul li {float: left;width: 265px;height:350px;margin-left:46px;overflow: hidden;}
.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
.Box .Box_con .conbox ul li img {display: block;width: 265px;height:265px;transition: all 0.5s;border-radius:15px;}
.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}
.Box .Box_con .conbox ul li p{ font-size:16px; color:#FFF; line-height:160%;padding-top:10px; text-align:center;}
.Box .Box_con .conbox ul li p a{}
			
.Box .BoxSwitch {margin-top: 30px;text-align: center;}
.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
.Box .BoxSwitch span.cur {background: red;}

.pic8{width:1200px; margin:15px auto;}
.pic8 li{width:250px; height:290px; float:left; margin:20px 0px 0px 38px; display:inline-table; text-align:center;}
.pic8 li img{width:250px; height:250px;}
.pic8 li p{height:42px; font-size:16px; color:#000000; text-align:center; line-height:180%; margin-top:10px;}

		
.wsj{width:1200px; height:auto; margin:0 auto;text-align:center;} 
.wsj li{ width:360px; height:auto; background-color:#fff; margin-left:20px; margin-right:20px; position:relative; float:left;text-align:center; margin-top:20px; }
.wsj li img{height:225px; width:100%;}
.wsj li p{ width:100%; height:60px;text-align:center;}
.wsj li a{ font-size:16px; line-height:200%; text-align:center;}
.wsj .play1{position:absolute; top:80px; left:150px;}
.wsj .play1 img{ width:60px; height:60px;}
		
.main2{ width:1240px; margin-top:30px;}
.main2 ul{}
.main2 li{ width:560px; float:left; margin-left:40px;border-bottom:1px dashed #CCCCCC; background:url(dian.png) left center no-repeat;}
.main2 a{ font-size:16px; line-height:260%; padding-left:20px;}		

.con{ width:100%; height:545px; margin:15px auto; background:url(07.jpg) top center no-repeat;}

.slider{width:100%;min-width:980px;height:650px;position:relative;overflow:hidden;background:#fff;text-align:center;}
.slider .bd{width:980px;position:absolute;left:50%;margin-left:-490px}
.slider .bd li{width:980px;overflow:hidden;}
.slider .bd li img{display:block;width:980px;height:650px;}
.slider .tempWrap{overflow:visible !important}
.slider .tempWrap ul{margin-left:-980px !important;}
.slider .hd{position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;text-align:center;}
.slider .hd li{display:inline-block;*display:inline;zoom:1;width:8px;height:8px;line-height:99px;overflow:hidden;background:url(slider-btn.png) 0 -10px no-repeat;margin:0 5px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
.slider .hd li.on{background-position:0 0;filter:alpha(opacity=100);opacity:1;}
.slider .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:650px;cursor:pointer;}
.slider .prev{left:-50%;margin-left:-490px;}
.slider .next{left:50%;margin-left:490px;}
.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:650px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.slider .pnBtn .arrow{display:none;position:absolute;top:0;z-index:1;width:60px;height:590px; margin-top:100px;}
.slider .pnBtn .arrow:hover{filter:alpha(opacity=60);opacity:0.6;}
.slider .prev .arrow{right:0;background:url(slider-arrow.png) -120px 0 no-repeat;}
.slider .next .arrow{left:0;background:url(slider-arrow.png) 0 0 no-repeat;}

@media (min-device-width:320px) and (max-width:689px),
       (max-device-width:480px) and (orientation:portrait)
	   {/* CSS Document */
.m30{ margin-top:1rem;}	 
.pc{ display:none;}
.mobile{ display:block;}

.mobile_t{ width:98%; margin-left:1rem; margin-top:1.5rem;}
.mobile_t li{ padding-left:25px;background:url(icon3.png) left center no-repeat;}
.mobile_t li a{ font-size:1.6rem; line-height:200%;}

.pic1{ padding:0.5rem 3%; margin-top:2rem; clear:both;}
.pic1 img{ width:35%; float:left;}
.pic1 p{ width:60%; float:right;padding-left:5%;}
.pic1 p a{ font-size:16px; line-height:180%; }

body{ width:97% padding:0; margin-left:1%; color:#000000;text-align:center; background:none;font-family: "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; }

.m10{ margin-top:0.5rem;}
.m20{ margin-top:1rem;}
.m30{ margin-top:1rem;}
.p60{ padding-top:1rem;}

.header{ width:100%; height:550px; display:none; }
.phone_header{ display:block; width:100%;}
.phone_header img { width:100%;}

.ttbg{ width:100%; height:auto; background:none; border:none; border-bottom:1px solid #cccccc; padding-left:0;!important }
.tt{width:100%; height:auto; padding-top:1rem; margin:0px auto; text-align:center;}
.tt a{font-size:2.2rem; font-weight:bold; line-height:220%; font-family:"Microsoft YaHei"; color:#333333; }
.tt p{font-size:1.4rem;  line-height:180%;  list-style:none; clear:both; text-align:center;}
.tt p a{font-size:1.4rem;  line-height:180%; font-weight:normal;color:#999999; }

/*con1*/
.mainbg{ width: ; background-color:; height:auto; margin:0.5rem auto;}
.play {width:94%; margin:1rem auto; padding-left:1%!important; height:auto;}

.main-left{float:left; width:100%;}

#playBox{  width:100%; height:230px;position:relative; overflow:hidden;float:left;background-color:#fff;padding:0px;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left; list-style:none;}
#playBox .oUlplay img{ width:auto; height:230px;}
#playBox .oUlplay li span{ width:100%; height:40px; background-color:#000000; position:relative; bottom:40px;text-align:left; display:block; background:url(sj04.png); }
#playBox .oUlplay li span a{line-height:240%; font-size:1.4rem; color:#FFFFFF; padding-bottom:10px; margin-left:70px;}
#playBox .pre{ cursor:pointer; width:20px; height:35px; position:absolute; bottom:-2px; left:0; z-index:10; background-image:url(kelBtn.png); }
#playBox .next{ cursor:pointer;width:20px; height:35px; position:absolute;bottom:-2px; right:0; z-index:10; background-image:url(kerBtn.png);}
#playBox .smalltitle {width:100px; height:10px; position:absolute; bottom:25px; z-index:10; left:45px;}
#playBox .smalltitle ul{ width:100px; text-align:center; margin:0 auto;}
#playBox .smalltitle ul li{ width:20px; height:25px; margin-left:-20px; float:left; overflow:hidden;*display:inline;*zoom:1; list-style:none; font-size:22px;FILTER: filter:alpha(opacity:0); opacity:0; -moz-opacity:0;-khtml-opacity: 0;}
#playBox .smalltitle .thistitle{ color:#cc0000; font-size:22px; line-height:30px; FILTER: filter:alpha(opacity:100); opacity:1; -moz-opacity:1;-khtml-opacity: 1;}
#playBox .smalltitle span{color:#FFFFFF; font-size:14px; line-height:36px;}

.con1right {float:right; width:100%; height:auto; padding-right:0;}
.t0{ width:100%; height:auto;position:relative; }
.t0 img{ width:100%;}
.t0 .more{position:absolute;top:35%;right: 0px;line-height: 21px;}
.t0 .more a{padding:2px 12px;background: #c2a7a3;border-radius: 9px;font-size: 12px;z-index: 5;}

.txt1{width:100%; float:left; text-align:left; margin-top:0.5rem;}
.txt1 ul{ margin-left:5px;}
.txt1 li{ background:url(dian.png) left center no-repeat; border-bottom:1px solid #D8D8D8;}
.txt1 li a{ font-size:1.6rem;  line-height:260%; padding-left:20px;}

.t1200{width:100%; margin:1rem auto; position:relative; overflow:hidden;}
.t1200 img{  width:160%; height:auto; margin-left:-30%;}
.t1200 .more{position: absolute;top:35%;right: 0px;line-height: 21px;}
.t1200 .more a{padding: 2px 12px;background: #d1e0ff;border-radius: 9px;font-size: 12px;z-index: 5;}

.ff{color: #fff;}
.ff a{color: #fff;}
.ff a:hover{color: #dfdfdf !important;}

.t_m{ display:block; width:100%; margin:1rem auto; position:relative;}
.t_m img{ width:100%; height:auto;}
.t_m .more{position: absolute;top:35%;right: 0px;line-height: 21px;}
.t_m .more a{padding: 2px 12px;background: #c2a7a3;border-radius: 9px;font-size: 12px;z-index: 5;}

.wsj{width:100%; height:auto; margin:0 auto;text-align:center;} 
.wsj li{ width:95%; height:auto; background-color:#fff; margin-left:2%; margin-right:2%; position:inherit; float:left;text-align:center; margin-top:10px;}
.wsj li img{height:auto; width:100%;}
.wsj li p{ width:100%; height:60px;text-align:center;display:inline-table; margin-top:10px; }
.wsj li a{ font-size:1.4rem; line-height:180%; text-align:center;}
.wsj .play1{ display:none;position:absolute; bottom:100px; left:130px;}
.wsj .play1 img{ width:60px; height:60px;}

.pic8{width:100%; margin:0px auto; }
.pic8 li{width:42%; height:190px; float:left; margin:1rem 0px 0px 20px; display:inline-table; text-align:center;}
.pic8 li img{width:100%; height:auto;}
.pic8 li p{font-size:1.4rem; color:#000000; text-align:center; line-height:160%; margin-top:0.5rem;}	

.main2{ width:100%; margin-top:1rem;}
.main2 ul{}
.main2 li{ width:98%; float:left; margin-left:1%;border-bottom:1px dashed #CCCCCC; background:url(dian.png) left center no-repeat;}
.main2 a{ font-size:1.6rem; line-height:220%; padding-left:20px;}

.slider{ display:none;}	 

.pic{ width:100%;}
.pic li{width:100%; margin-top:1rem;}
.pic img{width:100%;}

#footer{width:100%; height:190px; text-align:center; margin:0px auto; clear:both; background-color:#FFFFFF;}
	 
	   }