body {
	color: rgb(51, 51, 51); font-family: "Microsoft Yahei","SimSun"; font-size: 14px;
}
a {
	color: rgb(51, 51, 51);
}
h1 {
	overflow: hidden; font-family: "Microsoft Yahei","SimHei"; font-weight: normal;
}
h2 {
	overflow: hidden; font-family: "Microsoft Yahei","SimHei"; font-weight: normal;
}
h3 {
	overflow: hidden; font-family: "Microsoft Yahei","SimHei"; font-weight: normal;
}
h4 {
	overflow: hidden; font-family: "Microsoft Yahei","SimHei"; font-weight: normal;
}
h5 {
	overflow: hidden; font-family: "Microsoft Yahei","SimHei"; font-weight: normal;
}
p {
	overflow: hidden;
}
li {
	overflow: hidden;
}
img {
	display: block;
}
/* Topic Start */
@-ms-keyframes topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-moz-keyframes topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-o-keyframes topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@-webkit-keyframes topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}
@keyframes topic1{
	from{ filter:alpha(opacity=0); opacity:0; transform:scale(0,0); }
	to{ filter:alpha(opacity=100); opacity:1; }
}

.page .topic1{
	animation:'topic1' 1s ease-in-out 0s normal;
	-ms-animation:topic 1s ease-in-out 0s normal;
	-moz-animation:topic 1s ease-in-out 0s normal;
	-o-animation:'topic1' 1s ease-in-out 0s normal;
	-webkit-animation: 'topic1' 1s cubic-bezier(0.45, 0.05, 0.55, 0.95) 0s normal;
}
/* Topic End */
#nav {
	right: 0px; top: 0px; width: 220px; height: 100%; position: fixed; z-index: 999; background-image:url(../image/nav-bg.jpg); background-size: 100% 100%;
}
#nav .logo {
	left: 0px; top: 15%; width: 100%; position: absolute;
}
#nav .links {
	left: 0px; top: 33%; position: absolute;
}
#nav .links a {
	width: 165px; height: 50px; line-height: 50px; padding-left: 55px; font-family: "SimSun"; font-size: 12px; text-decoration: none; display: block; position: relative;color:rgb(51,51,51)
}
#nav .links a i {
	background:#e50000; border-radius: 50%; left: 43px; top: 22px; width: 6px; height: 6px; display: none; position: absolute;
}
#nav .links a:hover {
	background: rgb(242, 242, 242); color: rgb(2, 84, 123); font-size: 14px;
}
#nav .links a:hover i {
	display: block;
}
#bg01 {
	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: -200; background-image:url(../image/page1-bg.jpg); background-size: 100% 100%;
}
#bg02 {
	left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: -100; opacity: 0; background-image:url(../image/page2-bg.jpg); background-size: 100% 100%; -moz-opacity: 0;
}
@-ms-keyframes bg02{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
}

@-moz-keyframes bg02{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
}

@-o-keyframes bg02{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
}

@-webkit-keyframes bg02{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
}

@keyframes bg02{
	from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
	to{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
}
.active {
	animation:'bg02' 0.3s ease-in-out 0s normal forwards;
	-ms-animation:bg02 0.3s ease-in-out 0s normal forwards;
	-moz-animation:bg02 0.3s ease-in-out 0s normal forwards;
	-o-animation:'bg02' 0.3s ease-in-out 0s normal forwards;
	-webkit-animation:'bg02' 0.3s ease-in-out 0s normal forwards;
}
.page {
	overflow: hidden; position: relative; min-width: 980px; margin-right:220px;
}
#page1 {
	height: 100%;
}
#page1 .phone {
	display: none;
}
#page1 .text {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#page1 .text img {
	height: 100%;
}
#page2 .article{height:auto;overflow:hidden;-zoom:1;font-family:Tahoma,simsun; border-bottom:1px dashed #a8a8a8; margin-bottom:10px;margin: 55px 0px 0px 40px; width: 376px;float: left;}
#page2 .article h4{font: 18px/30px 'microsoft yahei';margin-bottom: 10px; font-weight: bold;text-align: center; height:30px; overflow:hidden;}
#page2 .article h4 a:hover{color:#c46119;}
#page2 .article .thumb{width:90px;margin-right:10px;float:left}
#page2 .article .brief{height:48px;font:14px/25px 'microsoft yahei';margin-bottom:10px;-display:inline; overflow:hidden;/*-margin-bottom: 0*/}
#page2 .article .brief p{text-indent:2em;}
#page2 .article .brief a{color:#017f66;}
#page2 {
	height: 100%; color: rgb(63, 63, 63);
}
#page2 .datu{
width: 396px; height: 268px; margin-top: 60px;
}
#page2 a {
	color: rgb(63, 63, 63);
}

#page2 .box {
	width: 1070px; margin-top: 20px; margin-right: auto; margin-left: auto;
}
#page2 .headline {
	margin-top: 70px;
}
#page2 .headline h2 {
	height: 50px; line-height: 50px; font-size: 40px; font-weight: bold;
}
#page2 .first h2 {
	background-position: left 5px; padding-left: 108px; background-image:url(../image/page2-first.png); background-repeat: no-repeat;
}

#page2 .photo {
	width: 495px; height: 335px; overflow: hidden; margin-top: 75px; float: left; position: relative;
}
#page2 .photo img {
	transition:0.3s; width: 100%; height: 100%; transform: scale(1);
}
#page2 .photo img:hover {
	transform: scale(1.05);
}
#page2 .photo p {
	left: 0px; width: 100%; height: 50px; text-align: center; bottom: 0px; line-height: 50px; font-size: 18px; position: absolute;
}
#page2 .photo .shadow {
	background: rgb(255, 255, 255); left: 0px; width: 100%; height: 50px; bottom: 0px; position: absolute; opacity: 0.75;
}
#page2 .list {
	margin: 75px 0px 0px 50px; width: 470px; float: left; display: inline;
}
#page2 .list li {
	height: 48px; line-height: 48px; font-size: 20px;
}
#page2 .more {
	padding: 14px 0px; border-radius: 2px; border: 1px solid rgb(255, 255, 255); border-image: none; width: 26px; text-align: center; line-height: 20px; font-size: 16px; text-decoration: none; margin-top: 320px; float: right;
}
#page2 .more:hover {
	box-shadow: inset 0px 0px 8px #fff;
}
@media all and (max-width:1550px)
{
#page2 .box {
	width: 749px; margin-top: 40px;
}

#page2 .first h2 {
	background-position: left 3px; padding-left: 76px; background-size: 59px 28px;
}
#page2 .headline p {
	line-height: 20px; font-size: 12px; margin-top: 14px; max-height: 40px;
}
#page2 .photo {
	width: 347px; height: 234px; margin-top: 53px;
}
#page2 .photo p {
	height: 35px; line-height: 35px; font-size: 14px;
}
#page2 .photo .shadow {
	height: 35px;
}
#page2 .list {
	margin: 53px 0px 0px 35px; width: 329px;
}
#page2 .list li {
	height: 34px; line-height: 34px; font-size: 14px;
}
#page2 .more {
	padding: 10px 0px; width: 18px; line-height: 16px; font-size: 12px; margin-top: 224px;
}
}
@media all and (min-width:1550px)
{
#page2 .box {
	width: 865px; margin-top: 20px;
}

#page2 .first h2 {
	background-position: left 4px; padding-left: 86px; background-size: 67px 32px;
}
#page2 .headline p {
	line-height: 22px; font-size: 14px; margin-top: 16px; max-height: 44px;
}
#page2 .photo {
	width: 396px; height: 363px; margin-top: 60px;
}

#page2 .list {
	margin: 10px 0px 0px 40px; width: 376px;
}
#page2 .list li {
	height: 38px; line-height: 38px; font-size: 16px;
}
#page2 .more {
	padding: 11px 0px; width: 20px; line-height: 18px; font-size: 14px; margin-top: 210px;
}
}
@media all and (min-width:1870px)
{
#page2 .box {
	width: 1070px; margin-top: 20px;
}

#page2 .photo {
	width: 495px; height: 335px; margin-top: 75px;
}
#page2 .photo p {
	height: 50px; line-height: 50px; font-size: 18px;
}
#page2 .photo .shadow {
	height: 50px;
}
#page2 .list {
	margin: 75px 0px 0px 50px; width: 470px;
}
#page2 .list li {
	height: 48px; line-height: 48px; font-size: 20px;
}
#page2 .more {
	padding: 14px 0px; width: 26px; line-height: 20px; font-size: 16px; margin-top: 320px;
}
}
#page3 {
	background: rgb(255, 255, 255);
}
#footer {
	background:#a80000; padding: 50px 0px; text-align: center; color: rgb(236, 239, 241); line-height: 24px;
}
.topic {
	text-align: center;
}
.topic img {
	display: inline-block;
}
.layout-box {
	padding-top: 65px; padding-bottom: 100px;
}
.layout-color1 {
	background-color: rgb(247, 248, 249);
}
.layout-color2 {
	background-color: rgb(236, 239, 241);
}
.layout-margin {
	margin: 0px auto; width: 1554px;
}
@media all and (max-width:1390px)
{
#footer {
	padding: 29px 0px;
}

.layout-box {
	padding-top: 65px; padding-bottom: 58px;
}
.layout-margin {
	width: 896px;
}
}
@media all and (min-width:1390px)
{
#footer {
	padding: 35px 0px;
}

.layout-box {
	padding-top: 65px; padding-bottom: 69px;
}
.layout-margin {
	width: 1070px;
}
}
@media all and (min-width:1550px)
{
#footer {
	padding: 39px 0px;
	clear: both;
}

.layout-box {
	padding-top: 65px; padding-bottom: 78px;
}
.layout-margin {
	width: 1216px;
}
}
@media all and (min-width:1870px)
{
#footer {
	padding: 50px 0px;
}

.layout-box {
	padding-top: 65px; padding-bottom: 100px;
}
.layout-margin {
	width: 1554px;
}
}

#layout3 {
	background-position: right top; background-image: url(/images/gcwmc/images/ly3-bg.jpg); background-repeat: no-repeat; background-size: 25% auto;
}
#layout3 .title img {
	width: 100%; height: 100%;
}

#layout7 li {
	width: 518px; height: 345px; float: left; position: relative;
}
#layout7 li img {
	width: 100%; height: 100%; text-decoration: none; display: block;
}
#layout7 li a {
	width: 100%; height: 100%; text-decoration: none; display: block;
}
#layout7 .shadow {
	background: rgb(51, 51, 51); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; opacity: 0.75;
}
#layout7 li:hover .shadow {
	display: block;
}
#layout7 table {
	transition:0.5s; left: -100%; top: 0px; width: 86%; height: 100%; position: absolute; transform: scale(0);
}
#layout7 table td {
	text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 20px;
}
#layout7 li:hover table {
	left: 7%; transform: scale(1);
}
@media all and (max-width:1390px)
{
#layout7 .layout-margin {
	margin-top: 29px;
}
#layout7 li {
	width: 298px; height: 198px;
}
#layout7 table td {
	line-height: 20px; font-size: 14px;
}
}
@media all and (min-width:1390px)
{
#layout7 .layout-margin {
	margin-top: 35px;
}
#layout7 li {
	width: 355px; height: 236px;
}
#layout7 table td {
	line-height: 22px; font-size: 16px;
}
}
@media all and (min-width:1550px)
{
#layout7 .layout-margin {
	margin-top: 39px;
}
#layout7 li {
	width: 405px; height: 270px;
}
#layout7 table td {
	line-height: 26px; font-size: 18px;
}
}
@media all and (min-width:1870px)
{
#layout7 .layout-margin {
	margin-top: 50px;
}
#layout7 li {
	width: 518px; height: 345px;
}
#layout7 table td {
	line-height: 30px; font-size: 20px;
}
}
#layout7 .drop-photo {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 1000; background-color: rgba(0, 0, 0, 0.5);
}
#layout7 .drop-photo .close {
	background: url(/images/gcwmc/images/ly4-close.png); top: 30px; width: 16px; height: 16px; right: 30px; position: absolute; cursor: pointer;
}
#layout7 .drop-photo .arrow1 {
	background: url(/images/gcwmc/images/ly4-prev.png); left: 10px; top: 50%; width: 48px; height: 48px; margin-top: -24px; position: absolute; cursor: pointer;
}
#layout7 .drop-photo .arrow2 {
	background: url(/images/gcwmc/images/ly4-next.png); top: 50%; width: 48px; height: 48px; right: 10px; margin-top: -24px; position: absolute; cursor: pointer;
}
#layout7 .show {
	margin: -243px 0px 0px -360px; left: 50%; top: 50%; width: 720px; height: 486px; position: absolute;
}
#layout7 .show img {
	width: 100%; height: 100%;
}
.pic-list3 {
	margin-top: 50px; margin-left: -27px; -ms-zoom: 1;
}
.pic-list3 li {
	width: 500px; text-align: center; margin-left: 27px; float: left; display: inline;
}
.pic-list3 .photo {
	width: 100%; height: 330px; overflow: hidden;
}
.pic-list3 img {
	transition:0.3s; width: 100%; height: 100%; transform: scale(1);
}
.pic-list3 img:hover {
	transform: scale(1.05);
}
.pic-list3 h4 {
	height: 20px; line-height: 20px; font-size: 14px; margin-top: 30px;
}
.pic-list3 h3 {
	height: 60px; line-height: 30px; font-size: 20px; margin-top: 10px;
}
.pic-list3 h3 a {color:rgb(51,51,51)}
.pic-list3 p {
	color: rgb(133, 147, 155); line-height: 28px; margin-top: 5px; max-height: 84px;
}
.pic-list3 p a {
	color: rgb(133, 147, 155);
}
.more2 {
	text-align: center; margin-top: 35px;
}
.more2 a {
	padding: 0px 70px; border: 1px solid rgb(0, 125, 200); border-image: none; height: 36px; color: rgb(0, 125, 200); line-height: 36px; display: inline-block;
}
.more2 a:hover {
	text-decoration: none; box-shadow: inset 0px 0px 2px #a46abc;
}
#layout6 h4 {
	color: rgb(10, 54, 121);
}
#layout6 h4 a {
	color: rgb(10, 54, 121);
}
@media all and (max-width:1390px)
{
.pic-list3 {
	margin-top: 29px; margin-left: -13px;
}
.pic-list3 li {
	width: 290px; margin-left: 13px;
}
.pic-list3 .photo {
	height: 191px;
}
.pic-list3 h4 {
	height: 18px; line-height: 18px; font-size: 12px; margin-top: 18px;
}
.pic-list3 h3 {
	height: 48px; line-height: 24px; font-size: 14px; margin-top: 10px;
}
.pic-list3 p {
	line-height: 22px; font-size: 12px; margin-top: 2px; max-height: 88px;
}
.more2 {
	margin-top: 20px;
}
.more2 a {
	padding: 0px 40px; height: 22px; line-height: 22px; font-size: 12px;
}
}
@media all and (min-width:1390px)
{
.pic-list3 {
	margin-top: 35px; margin-left: -17px;
}
.pic-list3 li {
	width: 345px; margin-left: 17px;
}
.pic-list3 .photo {
	height: 228px;
}
.pic-list3 h4 {
	height: 18px; line-height: 18px; font-size: 12px; margin-top: 20px;
}
.pic-list3 h3 {
	height: 52px; line-height: 26px; font-size: 16px; margin-top: 7px;
}
.pic-list3 p {
	line-height: 22px; font-size: 12px; margin-top: 3px; max-height: 88px;
}
.more2 {
	margin-top: 24px;
}
.more2 a {
	padding: 0px 48px; height: 25px; line-height: 25px; font-size: 12px;
}
}
@media all and (min-width:1550px)
{
.pic-list3 {
	margin-top: 39px; margin-left: -23px;
}
.pic-list3 li {
	width: 390px; margin-left: 23px;
}
.pic-list3 .photo {
	height: 257px;
}
.pic-list3 h4 {
	height: 20px; line-height: 20px; font-size: 14px; margin-top: 24px;
}
.pic-list3 h3 {
	height: 56px; line-height: 28px; font-size: 18px; margin-top: 8px;
}
.pic-list3 p {
	line-height: 26px; font-size: 14px; margin-top: 4px; max-height: 78px;text-align:left;text-indent:2em;
}
.more2 {
	margin-top: 27px;
}
.more2 a {
	padding: 0px 55px; height: 28px; line-height: 28px; font-size: 13px;
}
}
@media all and (min-width:1870px)
{
.pic-list3 {
	margin-top: 50px; margin-left: -27px;
}
.pic-list3 li {
	width: 500px; margin-left: 27px;
}
.pic-list3 .photo {
	height: 330px;
}
.pic-list3 h4 {
	height: 20px; line-height: 20px; font-size: 14px; margin-top: 30px;
}
.pic-list3 h3 {
	height: 60px; line-height: 30px; font-size: 20px; margin-top: 10px;
}
.pic-list3 p {
	line-height: 28px; margin-top: 5px; max-height: 84px;
}
.more2 {
	margin-top: 35px;
}
.more2 a {
	padding: 0px 70px; height: 36px; line-height: 36px; font-size: 14px;
}
}

@media all and (max-width:1200px)
{
#nav {
	display: none;
}
.page {
	margin-left: 0px;
}
#bg01 {
	background-position: 0px top;
}
#bg02 {
	background-position: 0px top;
}
}
@media all and (max-width:1000px)
{
#bg01 {
	display: none;
}
#bg02 {
	display: none;
}
#page1 {
	height: auto;
}
#page2 {
	height: auto;
}
#page1 .text {
	display: none;
}
#page1 .phone {
	display: block;
}
#page1 .phone img {
	width: 100%;
}
#page2 {
	color: rgb(51, 51, 51);
}
#page2 a {
	color: rgb(51, 51, 51);
}
#page2 .box {
	padding-bottom: 40px; margin-top: 0px;
}
#page2 .photo p a {
	color: rgb(255, 255, 255);
}
#page2 .more {
	border: 1px solid rgb(51, 51, 51); border-image: none;
}
}
/* suishoupai */
#layout6 .suishoupai{
	background:url(../image/sspbg.png) no-repeat;
	height:784px;	
}
#layout6 .col-2 {
    width: 98%;
    margin-right: 1%;
    float: left;
}
#layout6 .col-auto {
    overflow: hidden;
    -float: left;
    -clear: right;
}
#layout6 .tuwen_list{
	margin-top:90px;
	height:560px;
	overflow-y: scroll;
}
#layout6 .article01{height:auto;overflow:hidden;-zoom:1;font-family:Tahoma,simsun;padding-top:16px;}
#layout6 .article01 h4{font: 13px/24px 'microsoft yahei'; height: 26px; overflow: hidden; font-weight:bold;}
#layout6 .article01 h4 a{ color:#333333;}
#layout6 .article01 h4 a:hover{color:#5d9734}
#layout6 .article01 .thumb{margin-right:10px;float:left}
#layout6 .article01 .brief{height:40px;font:12px/20px 'microsoft yahei';color:#333333;margin-bottom:10px;-display:inline; border-bottom:dotted 1px #CCCCCC; overflow:hidden;/*-margin-bottom: 0*/}
#layout6 .article01 .brief p{text-indent:2em;}
#layout6 .article01 .brief a{color:#5d9734}

/* suishoupai End */


/* tanchu */
.tanchu{
	width:880px;
	height:550px;
	background-color:#FFFFFF;
	overflow-y: scroll;
}
.tanchu h3{
	font: 22px/80px 'microsoft yahei';
	color:#000000;
	text-align: center;
}
.tututu{
	text-align:center;
}
.tututu img{margin:0 auto;}
.tanchu p{
	font: 16px/26px 'microsoft yahei';
	text-indent:2em;
	padding:20px;
}
/* tanchu  End*/

/* Ȫ³Çб仯 */

.section{ width:1070px; margin:0 auto; height:620px;}
.mc{ float:left; margin-right:5%;}
.younr{float:left; width:79%;}
.dtt h2{font: 30px/58px 'microsoft yahei'; height:60px; margin-bottom:10px;font-weight:bold;}
.dtt h2 a{ color:#b60034;}
.dtt p{ font: 16px/32px 'microsoft yahei'; color:#666666;height: 63px; text-indent: 2em; margin-bottom: 45px;}
.dtt p a{ color:#b60034; }
.tw{height:auto;}
.tw .datu{ float:left; margin-right:20px;}
.list01 {
    zoom: 1;
    overflow: hidden;
}
.list01 li {
    float: left;
    display: inline;
    margin: 15px 15px 10px 0;
}
.sh {
    font: 16px/30px 'microsoft yahei';
    text-align: center;
    color: #000000;
}
.news-list {
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}
.news-list li {
    height: 32px;
    font: 16px/32px 'microsoft yahei';
    overflow: hidden;
    background:url(../image/bg111.png) no-repeat scroll 10px;
    padding: 2px 0 2px 26px;
}
.news-list li a{ color:#333333;}
.news-list li a:hover{color:#00a1ec;}