﻿
/*wqstart 20180626*/
@font-face { font-family: 'VERDANA'; src: url("VERDANA.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Montserrat-Regular_4'; src: url("Montserrat-Regular_4.woff") format("woff"); font-weight: normal; font-style: normal; }
.web{ width: 1200px;}
.banner{ height: 700px;}
.banner ul li img{ height: 700px;}
.banner .btn{ display: none;}
.indexmain{ background-color: #f2f2f2;}
.commonh5{ font-size: 18px; line-height: 28px;}
.commonh4{ font-size: 26px; line-height: 26px;  }
.fontfam{font-family: "VERDANA" !important;}
.commonh3{ color: #f08200; font-size: 30px; line-height: 40px;}
.white{ color: #ffffff;}
.blue{ color: #2f82e0;}
.blue2{color: #2170c9;}
.blue3{ color: #c7cee6;}
.gray{ color: #797676;}
.center{ text-align: center;}
.commontxt{ font-size: 14px;line-height: 20px; margin-top:7px;}
.indexmore{ display: inline-block; *display:inline; *zoom:1; height: 57px; line-height: 57px; color: #ffffff; padding:0 47px 0 17px; background: url(/30common/webimages/wqicon2.png) no-repeat left center;position: relative; background-size: cover;min-width: 100px;}
.indexmore em{ display: block; width: 73px; height: 14px; background: url(/30common/webimages/wqicon3.png) no-repeat center center; position: absolute; top:50%; margin-top:-7px; right: -37px;}
.indexmain{background: url(/30common/webimages/wqbg1.jpg) no-repeat top center; background-size:cover;}
.indexinformation{ padding:0 0 107px 0;}
.indexinformation .indexmore{ margin-top: 101px;}
.indexinformation .commontxt{ opacity: .3;}
.special{ position: relative;}
.special dt{  width: 604px; float: left; position: absolute; top:-125px; left: 0;}
.special dt img{ display: block; width: 604px;}
.special dt .cicon{ display: block; width: 402px; height: 115px;background: url(/30common/webimages/wqicon1.png) no-repeat center; position: absolute; top:14px;right: -177px;}
.special dd{ width: 533px; float: right; padding:20px 10px 0 0;position: relative;}
.indexbotcont{ padding:54px 0 0 0;}
.indesgdinews{ overflow: hidden; padding:37px 0;}
.indesgdinews ul{ margin-right: -24px;}
.indesgdinews li{ float: left; width: 386px; margin-right: 21px; background-color: #ffffff;position: relative;}
.indesgdinews li p.img{ position: relative; overflow: hidden;}
.indesgdinews p.img img{ display: block; width: 386px; height: 280px;margin:0 auto; -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
.indesgdinews li:hover p.img img{-webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
.indesgdinews .mioshbox{padding:23px 23px 0;}
.indesgdinews dl dt{ color: #2f82e0; float: left;width: 60px; text-align: center;}
.indesgdinews dl dt span{ display: block; overflow: hidden;}
.indesgdinews dl dt .date{ font-weight: bold; font-size: 32px; line-height: 32px; height: 32px;}
.indesgdinews dl dt .year{ font-size: 13px; line-height: 18px; height: 18px;}
.indesgdinews dl dd{ width: 270px; float: right; font-size: 16px;line-height: 26px; color: #4c4c4c;height: 52px; margin-bottom: 10px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: block; display: -webkit-box; }
.indesgdinews a.more{ border-top:1px solid #f2f2f2;padding:15px 0;margin:5px 0 0 0;font-size: 13px; color: #a3a3a3; display: block; background-position: right center; background-repeat: no-repeat; background-image: url(/30common/webimages/wqicon4.png); }
.indesgdinews li:hover{ background-color: #2f82e0;}
.indesgdinews li:hover dl dt,.indesgdinews li:hover dl dd,.indesgdinews li:hover a.more{ color: #ffffff;}
.indesgdinews li:hover a.more{ background-image: url(/30common/webimages/wqicon4ho.png); border-color: #5698e4;}

.indexprod{padding:49px 0;}
.indexprod dl dt{ float: left; width: 612px; position: relative;}
.indexprod dl dt img{ display: block; width: 612px; height: 488px;}
.indexprod dl dd{ width: 503px; float: right; padding:96px 10px 0 0;position: relative;}
.indexprod .commontxt{margin-top:23px;}
.indexprod .indexmore{margin-top:119px;}

.indexNews{padding:30px 0 186px;}
.indexNews dl dt{ float: right; width: 542px;margin-right: 66px; position: relative;}
.indexNews dl dt img{ display: block; width: 542px; height: 491px;}
.indexNews dl dd{ width: 361px; float: left; padding:80px 10px 0 142px; position: relative;}
.indexNews .commontxt{margin-top:23px;}
.indexNews .indexmore{margin-top:119px;}

.indexhonour{ overflow: hidden; background: url(/30common/webimages/wqbg2.jpg) no-repeat center center; padding:60px 0 125px;}
.indexhonour .web{ position: relative;}
.indexhonour .toptitle{ text-align: center;  font-size: 13px; line-height: 20px; position: relative}
.indexhonour .toptitle div{ display: inline-block;*display:inline;*zoom:1;}
.indexhonour .toptitle img{ display: block; width: 114px; height: 95px;}
.indexhonour .toptitle h3{ color: #ffffff; font-size: 30px;line-height: 32px;}
.indexhonour .toptitle h2{ font-family: "Montserrat-Regular_4" !important; font-size: 36px; color: #e9b61a;line-height: 40px;}
.indexhonour .toptitle p.name{ margin-top:30px;color: #f7f7f7;}

.Albumbigimg{ width: 660px;overflow:hidden; margin:30px auto 0; position:relative; text-align: center;}
.Albumbigimg ul{ width:99999px; position:relative;}
.Albumbigimg ul li{ float:left; font-size: 16px; line-height: 30px; color: #ffffff;}
.Albumbigimg ul li img{ display:block; max-width:100%; margin:0px auto;}
.Albumbigimg ul li h2{ font-size: 72px; color: #e9b61a; line-height: 80px; margin:0 0 17px 0;}

.Albumbigimg span{ display:block;width:85px; height:100%; position:absolute; cursor:pointer; z-index:999; top:0px;}
.Albumbigimg span.leftAlbum{ left:0; background:url(/30common/webimages/newleft.png) no-repeat center}
.Albumbigimg span.rightAlbum{ right:0; background:url(/30common/webimages/newright.png) no-repeat center}
.Albumbigimg span.leftAlbum:hover{  background:url(/30common/webimages/newleftho.png) no-repeat center}
.Albumbigimg span.rightAlbum:hover{background:url(/30common/webimages/newrightho.png) no-repeat center}


.Albumlistbox{ width:1020px; margin:0px auto; position:relative; margin-top:37px;}
/*.Albumlistbox span{ display:block;width:25px; height:100%; position:absolute; cursor:pointer; top:0px; display: none;}*/
/*.Albumlistbox span.leftAlbum{ left:-40px; background:url(/30common/webimages/img272.png) no-repeat center}*/
/*.Albumlistbox span.rightAlbum{ right:-40px; background:url(/30common/webimages/img273.png) no-repeat center}*/

.Albumlist{ overflow:hidden; width:100%; position:relative;}
.Albumlist ul{ width:9999px; position:relative;}
.Albumlist ul li{ float:left; width:93px; display:inline; margin-right:10px; position:relative; cursor:pointer; text-align: center;}
.Albumlist ul li em{ display: block; width: 1px; height: 30px;margin:16px auto 0;background-color: #3e3e3e;}
.Albumlist ul li h2{ color: #606060;}
.Albumlist ul li.cur em{ background-color: #ffffff; width: 3px;}
.Albumlist ul li.cur h2{ font-weight: bold; color: #ffffff; font-size: 18px; }
