@charset "gb2312";
/* CSS Document 通用样式*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body{font:14px "Microsoft yahei",serif;color: #101824;background: #fff;}/********  Microsoft Yahei ******/
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:36px;}h2{font-size:30px;}h3{font-size:20px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}

.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999;}
.red, .red a, a.red{color:red;}.green{color:#0e774a;}
select optgroup{color:#cac8bb;}
header{display:block;}
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.clear, .clearfix:after {clear:both;height:0;overflow:hidden;display:block}
.clearfix:after {visibility:hidden;content:"."}
.clearfix {*zoom:1;}

.fl{float:left;}
.fr{float:right;}
a{text-decoration: none;color: #333;}
a:hover{color: #f00;text-decoration: underline;}
.w1200{margin: 0 auto;width: 1200px;overflow: hidden;min-width: 1200px;}
/*主体*/

.banner,.guoDW,.dragonBoat,.huaDW,.pinDW,.footer{width: 100%;min-width: 1200px;}



.banner{background: url(../images/banner.jpg) top center no-repeat;height: 943px;overflow: hidden;}
.bannerBox{position: relative;height: 100%;}
.bannerBox>div{position: absolute;}
.s_title{background: url(../images/s_title.png);width: 888px;height: 209px;left: 293px;top: 279px; -webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}
.m_title{background: url(../images/m_title.png);width: 518px;height: 251px;left: 290px;top: 65px;-webkit-animation-name: bounceInDown;animation-name: bounceInDown;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.logo{background: url(../images/logo.png);width: 213px;height: 61px;right: 20px;top: 501px;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}
.wlj{background: url(http://news.gog.cn/cms_udf/2017/gzdu/images/wlj.png);width: 500px;height: 103px;right: 10px;top:10px;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: bounceInRight;animation-name: bounceInRight;transition-delay:2s;-webkit-transition-delay:2s;-moz-transition-delay:2s;}


.guoDW{background: url(../images/guoDW.jpg) top center no-repeat;height: 192px;overflow: hidden;padding-top: 308px;}
.guoDW ul{width: 1230px;}
.guoDW ul li{float: left;width: 176px;margin-right: 30px;height: 140px;padding: 0 15px 0 25px;}
.guoDW ul li h4{text-align: center;margin-bottom: 15px;}
.guoDW ul li p{line-height: 20px;}
.guoDW ul li a{color: #8b0303;}

.dragonBoat{background: url(../images/dragonBoat.jpg) top center no-repeat;height: 740px;overflow: hidden;padding-top: 210px;}
.dragon_t{height: 248px;overflow: hidden;}
.dragon_t ul{width: 1253px;}
.dragon_t ul li{float: left;width: 260px;height: 248px;margin-right: 53px;cursor: pointer;}
.dragon_t ul li a{display:inline-block;width:100%;height:100%;}
.dragon_t ul li:nth-of-type(1){background: url(../images/tr_a.png);}
.dragon_t ul li:nth-of-type(2){background: url(../images/zy_a.png);}
.dragon_t ul li:nth-of-type(3){background: url(../images/pt_a.png);}
.dragon_t ul li:nth-of-type(4){background: url(../images/sb_a.png);}
.dragon_t ul li:nth-of-type(1):hover{background: url(../images/tr_0.png);}
.dragon_t ul li:nth-of-type(2):hover{background: url(../images/zy_1.png);}
.dragon_t ul li:nth-of-type(3):hover{background: url(../images/pt_2.png);}
.dragon_t ul li:nth-of-type(4):hover{background: url(../images/sb_3.png);}
.dragon_t ul li.active{transition: all 0.4s ease-in-out 0.1s; -moz-transition: all 0.4s ease-in-out 0.1s;-webkit-transition: all 0.4s ease-in-out 0.1s;-o-transition: all 0.4s ease-in-out 0.1s;}


.dragon_b_list{height: 430px;margin-top: 30px;overflow: hidden;display: none;}
.dragon_b__l{background: url(../images/dragon_b__l.png) left top no-repeat;width: 690px;padding-left: 20px;height: 430px;margin-left: 15px;}
.dragon_b__l img{width: 685px;height: 385px;margin-left: 25px;margin-top: 28px;}
.dragon_b__r{background: url(../images/dragon_b__r.png) right bottom no-repeat;height: 370px;width: 380px;padding-top: 30px;}
.dragon_b__r h3{font-size: 22px;color: #6e0a0a;background:url(../images/line.png) bottom center no-repeat;height: 50px;text-align: center;margin-bottom: 30px;}
.dragon_b__r p{line-height: 23px;text-indent: 2em;height: 184px;overflow: hidden;font-size: 14px;}
.dragon_b__r img{text-align: center;margin-top: 25px;margin-left: 66px;}


.huaDW{background: url(../images/huaDW_bg.jpg) top center no-repeat;height: 900px;overflow: hidden;padding-top: 180px;}
.huaDWCon_top{text-align: center;}
.huaDWCon_top img{width: 900px;margin-left: 20px;}
.huaDWCon_top:hover img{margin-left:-10px;transition: all 0.8s ease-in-out 0.1s;-moz-transition: all 0.8s ease-in-out 0.1s;-webkit-transition: all 0.6s ease-in-out 0.1s;-o-transition: all 0.8s ease-in-out 0.1s;}
.huaDWCon_nav{width: 495px;overflow: hidden;margin-left: 352px;}
.huaDWCon_nav ul{width: 535px;}
.huaDWCon_nav ul li{width: 67px;height: 340px;margin-right: 40px;background: url(../images/huaDWCon_nav.png);float: left;}
.huaDWCon_nav ul li a{display: inline-block;width: 67px;height: 340px;}
.huaDWCon_nav ul li:hover{background: url(../images/huaDWCon_nav_hover.png);}
.huaDWCon_nav ul li:nth-of-type(1){background-position: 0 0;}
.huaDWCon_nav ul li:nth-of-type(2){background-position: -67px 0;}
.huaDWCon_nav ul li:nth-of-type(3){background-position: -147px 0;}
.huaDWCon_nav ul li:nth-of-type(4){background-position: -219px 0;}
.huaDWCon_nav ul li:nth-of-type(5){background-position: -294px 0;}



.pinDW{background: url(../images/pinDW_bg.jpg) top center no-repeat;height: 750px;overflow: hidden;padding-top: 220px;}
.pinDWCon{position: relative;height: 640px;}
.pinDWCon ul li{background:url(../images/mo_bg.png) left top no-repeat;width: 490px;height: 250px;position: absolute;overflow: hidden;}
.pinDWCon ul li:nth-of-type(1){left: 20px;top: 0;}
.pinDWCon ul li:nth-of-type(2){right: 20px;top: 0;}
.pinDWCon ul li:nth-of-type(3){left: 20px;bottom: 0;}
.pinDWCon ul li:nth-of-type(4){right: 20px;bottom: 0;}

.pinDWCon ul li img{float: left;width: 170px;height: 170px;border-radius: 100%;margin-top:25px;margin-left: 25px;}
.pinDWCon ul li .pin_li_r{width: 220px;float: right;}
.pinDWCon ul li .pin_li_r i{font-weight: normal;display: block;margin: 20px 0;padding-bottom: 10px;border-bottom: 2px solid #7c1902;color: #000;}
.pinDWCon ul li .pin_li_r p{height: 24px;font-size: 14px;}
.pinDWCon ul li .pin_li_r p a{color: #666;}


.footer{text-align: center;padding-top: 10px;height: 80px;background: url(../images/footer.jpg);}
.footer p{line-height: 26px;}



.on .guoDWCon ul li,.on .huaDWCon_nav{-webkit-animation-name: zoomIn;animation-name: zoomIn;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.on .dragonBoatCon,.on .huaDWCon_top,.on .pinDWCon ul li:nth-of-type(2),.on .pinDWCon ul li:nth-of-type(4){-webkit-animation-name: fadeInRight;animation-name: fadeInRight;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.on .dragonBoatCon .dragon_t ul li{-webkit-animation-name: rotateIn;animation-name: rotateIn;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.on .pinDWCon ul li:nth-of-type(1),.on .pinDWCon ul li:nth-of-type(3){-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}