@charset "utf-8";
/* CSS Document */
/* Reset */
html, body, div, img, p, hr, pre, h1, h2, h3, h4, h5, h6, table, tr, td, th, tfoot, tbody, thead, form, fieldset, input, textarea, select, label, ul, ol, dl, li, dt, dd { margin:0; padding:0; border:0; outline:none; list-style:none; font-weight: normal; }
body, html { height:100%; width:100%; font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
li { list-style-type:none; }
a { text-decoration:none; outline:none; color:#333; }
a:hover { text-decoration:none; }
table { border-collapse:collapse; border-spacing:0; margin:0 auto; clear:both; }
img { border:0; display:block; }
em { font-style:normal; }
hr { height:0; clear:both; }
.none { display:none; }
.clear { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.domMobile{ display:none;}
body, html{ background:#5e5d5c; }

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */
	z-index:1; }
.swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px, 0, 0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px, 0, 0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px, 0, 0); -o-transition-timing-function:ease; -o-transform:translate(0px, 0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px, 0, 0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px, 0, 0); transition-timing-function:ease; }
.swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { float: left; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; }
/*ͨ��*/
.head{ width: 800px; height: 250px; margin: 0 auto; border-bottom: 2px solid #434241; background: #f0f0f0; border-left: 110px solid #434241; border-right: 110px solid #434241; overflow:hidden; display:block; position:relative; left:0px; top:0px;}
.head .pic{ width: 800px; height: 250px; display: block; overflow: hidden; position: relative; top: 0px; left: 0px;}
.head .pic p{ position: absolute; bottom: 0px;  left: 0px; font-size: 16px; float: left; color: #ffffff; display: block; width: 800px; height: 30px; line-height:30px; overflow: hidden; background: #444;background: rgba(0,0,0,0.8); padding-left:10px; }
.head .pic p a{ font-size: 1em; float: left; color: #ffffff; text-decoration: none; background: rgba(0,0,0,0.8); line-height: 25px; display: block; }
.head .pic p a:hover{ color: #ffffff; text-decoration: none; font-size: 1em; }
.head .pic img:hover{ transform:scale(1.1); transition:all 1s;}
/*.head .hgroup{ padding: 26px 30px; width: 740px; height: 85px; overflow: hidden; display: block;}
.head .hgroup h3{font-size: 20px; color:#333; text-decoration: none; text-indent: 2em; display: block; height: 80px; overflow: hidden;}
.head .hgroup h3 a{font-size: 20px; color:#333; text-decoration: none; text-indent: 2em; line-height: 28px; display: block; height: 80px; overflow: hidden; line-height: 45px;}
.head .hgroup h3 a:hover{font-size: 21px; transition:all 1s;}*/
.line_2{ width: 800px; height: 45px;background-image: url(../image/line_2_bg.jpg); margin: 0 auto;border-left: 110px solid #434241; border-right: 110px solid #434241;}

.nav{ }
.pc_nav{ position: fixed; top:10px; left:71.5%; z-index: 100; margin-left:190px; }
.pc_nav ul li{ color:#ffffff;}
.pc_nav ul li a{ font-size:22px; color:#ffffff; line-height:42px; animation: warning 2s infinite ease-in; text-shadow: 0px 0px 10px #000000;}
.pc_nav ul li a:hover{ font-size:24px; color:#ffffff; margin: 10px 0; color:#FF0; transition:all 1s;}
@keyframes warning{ 0% {text-shadow:0px 0px 6px #000000;}	50% { text-shadow:0px 0px 25px #000000;	} 100% { text-shadow:0px 0px 6px #000000;} }
@-webkit-keyframes warning{ 0% {text-shadow:0px 0px 6px #000000;}	50% { text-shadow:0px 0px 25px #000000;	} 100% { text-shadow:0px 0px 6px #000000;} }
@-moz-keyframes warning{ 0% {text-shadow:0px 0px 6px #000000;}	50% { text-shadow:0px 0px 25px #000000;	} 100% { text-shadow:0px 0px 6px #000000;} }
@-o-keyframes warning{ 0% {text-shadow:0px 0px 6px #000000;}	50% { text-shadow:0px 0px 25px #000000;	} 100% { text-shadow:0px 0px 6px #000000;} }

.section{width: 800px; height: 430px; border-left: 110px solid #434241; border-right: 110px solid #434241; margin: 0px auto;background:#f4f4f4; background: radial-gradient(120% 120% at 50% 50%, rgba(250,250,250,1.0),rgba(200,200,200,1.0)); -moz-background: radial-gradient(120% 120% at 50% 50%, rgba(250,250,250,1.0),rgba(200,200,200,1.0)); -webkit-background: radial-gradient(120% 120% at 50% 50%, rgba(250,250,250,1.0),rgba(200,200,200,1.0)); -o-background: radial-gradient(120% 120% at 50% 50%, rgba(250,250,250,1.0),rgba(200,200,200,1.0)); -ms-background: radial-gradient(120% 120% at 50% 50%, rgba(250,250,250,1.0),rgba(200,200,200,1.0)); }
.section .article{ width: 615px; height: 430px;  border-left: 2px solid #b7b7b7; float: right;}
.section .hgroup{ margin: 35px 35px 50px 110px; width: 450px;}
.section .article .hgroup ul li {width: 475px; display: block; overflow: hidden;}
.section .article .hgroup h2{ font-size: 25px; color:#333; float: left; line-height: 42px; width: 475px; display: block; overflow: hidden;}
.section .article .hgroup h2 a{ font-size: 20px; color:#333; float: left; line-height: 42px;}
.section .article .hgroup h2 a:hover{ font-size: 22px; font-weight: bold; transition:all 1s;}
.section .article .hgroup h3{ font-size: 1em; color:#333; float: left; line-height: 35px; width: 475px; height:105px; display: block; overflow: hidden; }
.section .article .hgroup h3 a{ font-size: 1em; color:#999999; float: left; line-height: 35px; height:105px; display:block; text-indent:1.6em;}
.section .article .hgroup h3 a:hover{ font-size: 1.05em; font-weight: bold;color:#666666; transition:all 1s;}
.section .aside{ width: 183px; height:430px; float: left; position: relative; top: 0px; left: 0px; }
.section .aside h1{ position: absolute; top: 45px; left: 30px; padding: 5px; display: block; font-size: 28px;color:#FFF; text-align: center; border: 6px solid #ffffff; box-shadow: 3px 3px 4px #777777; background:#777777; background:-webkit-linear-gradient(90deg ,#a5a5a5, #747474); background:-o-linear-gradient(90deg ,#a5a5a5, 91deg, #747474); background:linear-gradient(90deg ,#a5a5a5, #747474);  }
.section .aside h1 a{ font-size: 25px; color:#FFF; text-decoration: none;}
.section .aside h1 a:hover{ font-size: 27px; font-weight: bold; color:#FFF; text-decoration: none; transition:all 1s;}
.section .aside h4{ position: absolute; top: 150px; left: 60px; z-index: 10; font-size: 20px; color:#333;float: left; }
.section .aside h4 a{ font-size: 20px; float: left; text-decoration: none; color:#666;}
.section .aside h4 a:hover{ font-size: 22px; text-decoration: none; color:#666;transition:all 1s;}
.section .aside .pic{ position: absolute; top: 240px; left: 60px; z-index: 80; width: 180px; height: 125px; border: 6px solid #ffffff; box-shadow: 0px 0px 15px #a2a2a2; }
.section .aside .pic img:hover{ transform:scale(1.2); transition:all 1s;}
/* banner */
.section_1{width:1020px; height: 360px; margin: 0px auto; background: #b2b2af; margin: 0 auto;}
.section_1 .wrapper{ width: 1020px; height: 360px; background-image: url(../image/pc_banner.jpg); margin: 0 auto;}
.line_1{ width: 100%; height: 40px;background-image: url(../image/line_1_bg.jpg); z-index: 10;}

/* 图片报道 */
.section_4{ background:#f4f4f4;}
.section_4 .picshow{ margin: 30px 45px 30px 85px; width: 485px; }
.section_4 .picshow .img{ width: 200px; height: 140px; display: block; overflow: hidden; border: 6px solid #ffffff; box-shadow: 0px 0px 15px #a2a2a2; float: left; margin:14px 15px; position: relative; top: 0px; left: 0px;}
.section_4 .picshow .img p{ position: absolute; bottom: 0px;  left: 0px; font-size: 16px; float: left; color: #ffffff; display: block; width: 200px; height: 25px; overflow: hidden; background: #444;}
.section_4 .picshow .img p a{ font-size: 16px; float: left; color: #ffffff; text-decoration: none; background: rgba(0,0,0,0.8); line-height: 25px; display: block; width: 200px; height: 25px; overflow: hidden;}
.section_4 .picshow .img p a:hover{ color: #ffffff; text-decoration: none; }
.section_4 .picshow .img img:hover{ transform:scale(1.2); transition:all 1s;}
/* 我要投诉 */
.section_6{ background:#f4f4f4;}
.section_6 .aside{ width: 800px; height:140px;}
.section_6 .aside h1{ position: absolute; top: 45px; left: 30px; padding: 5px; display: inline; font-size: 25px;color:#FFF;  text-align: center; border: 6px solid #ffffff; box-shadow: 3px 3px 4px #777777; background:#777777; background:-webkit-linear-gradient(90deg ,#a5a5a5, #747474); background:-o-linear-gradient(90deg ,#a5a5a5, 91deg, #747474); background:linear-gradient(90deg ,#a5a5a5, #747474);  }
.section_6 .aside h4{ font-size: 20px; color:#666; position: absolute; top: 45px; left:220px; width: 450px; height: 80px; line-height: 32px;}
.section_6 .article{ width: 800px; height:220px; border: 0; }
.section_6 form {margin: 0 auto; width: 640px; height: 220px;} 
.section_6 form textarea{ background:#ffffff; width: 620px; height: 200px; display:block; overflow: auto; box-shadow: inset 0 0 10px #777777; font-size: 22px; float: left; top: 0px; color: #333; padding:5px; line-height:30px;}
.section_6 .btn{ margin: 0 auto; text-align: center; margin-top: 15px; font-size: 18px;color: #ffffff;line-height: 35px;background: #666;width: 80px;height: 35px;font-weight:700; cursor: pointer; }
.section_6 .btn input{ font-size: 18px; color: #ffffff; line-height: 35px;background: #666; width: 80px; height: 35px; font-weight: bold;}
.footer{ background:#b2b2b2; position:relative; color:#fff; font-size:20px; text-align:center; height:65px; line-height:65px; width: 100%;}
.widthMain { margin:0 auto; width:794px; background: #b2b2b2;}
/* 二级页面 */
.section_2P{width: 800px; height: 1500px; display: block; overflow: hidden; border-left: 110px solid #434241; border-right: 110px solid #434241; margin: 0px auto;background:#f4f4f4; background: radial-gradient(120% 120% at 50% 50%, rgba(250,250,250,1.0),rgba(200,200,200,1.0)); -moz-background: radial-gradient(120% 120% at 50% 50%, rgba(250,250,250,1.0),rgba(200,200,200,1.0)); -webkit-background: radial-gradient(120% 120% at 50% 50%, rgba(250,250,250,1.0),rgba(200,200,200,1.0)); -o-background: radial-gradient(120% 120% at 50% 50%, rgba(250,250,250,1.0),rgba(200,200,200,1.0)); -ms-background: radial-gradient(120% 120% at 50% 50%, rgba(250,250,250,1.0),rgba(200,200,200,1.0)); }
.section_2P .article{ width: 615px; height: 1480px; padding-bottom: 20px;  border-left: 2px solid #b7b7b7; float: right;}
.section_2P .aside .pic{ position: absolute; top: 180px; left: 60px; z-index: 80; width: 180px; height: 125px; border: 6px solid #ffffff; box-shadow: 0px 0px 15px #a2a2a2; }
.section_2P .aside .pic img:hover{ transform:scale(1.2); transition:all 1s;}
.section_2P .article .hgroup ul li {width: 475px; height: 44px; display: block; overflow: hidden;}
.section_2P .article .hgroup h2{ font-size: 25px; color:#333; float: left; line-height: 44px; width: 475px; height: 44px; display: block;}
.section_2P .article .hgroup h2 a{ font-size: 20px; color:#333; line-height: 44px; }
.section_2P .article .hgroup h2 a:hover{ font-size: 22px; color:#333; line-height: 44px; transition:all 1s;}
.section_2P .picshow{ margin: 30px 45px 30px 85px; width: 485px; height: 1450px; display: block; overflow: hidden; }
.section_2P .picshow .img{ width: 200px; height: 140px; border: 6px solid #ffffff; box-shadow: 0px 0px 15px #a2a2a2; float: left; margin:14px 15px; position: relative; top: 0px; left: 0px; display: block; overflow: hidden;}
.section_2P .picshow .img img:hover{ transform:scale(1.2);transition:all 1s;}
.section_2P .picshow .img p{ position: absolute; bottom: 0px;  left: 0px; font-size: 16px; float: left; color: #ffffff; display: block; width: 200px; height: 25px; overflow: hidden; background: #444;}
.section_2P .picshow .img p a{ font-size: 16px; float: left; color: #ffffff; text-decoration: none; background: rgba(0,0,0,0.8); line-height: 25px; display: block; width: 200px; height: 25px; overflow: hidden;}
.section_2P .picshow .img p a:hover{ color: #ffffff; text-decoration: none; transition:all 1s;}



