.w1200{ width:1200px; margin:auto; clear:both; position:relative;}
.sep{ width:100%; height:30px; float:left; clear:both; overflow:hidden;}
.hover{-o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
.hover:hover{-o-transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform: scale(1.05);}
#toper{ float:left; clear:both; width:100%; height:40px; line-height:40px; background:#3e3e3e; color:#e3e3e3;}
#toper b{ color:#c79e68;}
#toper i{ margin:0px 0px 0px 10px;}
#toper p { float: left;}
#toper p i {font-style: normal; }
#toper i a{ color:#FFF;}
#toper .curr{ color:#c79e68;}
#toper p em{ font-style: normal; font-size:18px; color:#c79e68;}
#toper .wx { background: url(../images/twx.png) no-repeat left; padding-left:20px; position: relative; }
#toper .wx img{ width: 120px; height: 120px; position: absolute; top: 99%; left: -30px; display:none; z-index:9999999;}
#toper .wx:hover img{ display: block;}
#toper .dh { background: url(../images/ttel.png) no-repeat left; padding-left:20px; margin-left:20px; }
#toper .right i{ padding:0px 0px 0px 10px; border-left: solid 1px #848484;}
#toper .right .no{ border:none;}
#header{ position:fixed; left:0px; width:100%; height:80px; background:rgba(255,255,255,0.65); z-index:99999; box-shadow: 0 0px 12px rgba(0,0,0,.2);}
.header_top40{top:40px;}
.header_top0{ top:0px;}
#logo{ float:left; width:180px; height:80px; background:url(../images/logo.png) 0px 3px no-repeat; background-size:auto 70px; overflow:hidden;}
#logo a{ display:block; width:180px; height:80px;}
#menu{ float:right;}
#menu ul li{ float:left; width:110px; height:80px; text-align:center; position:relative; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
#menu ul li>a{ display:block; width:100%; height:80px; line-height:80px; font-size:16px;}
#menu ul li:hover,#menu ul .curr{ background:#c79e68;}
#menu ul li:hover>a,#menu ul .curr>a{ color:#FFF;}
#menu ul li em{ display:none; position:absolute; left:0px; top:80px; width:110px; overflow:hidden;z-index:99999999;}
#menu ul li em a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#FFF; background:#373737;}
#menu ul li em a:hover{background:#FFF; color:#000;}

#flash{ width:100%; padding-top:80px; height:786px; float:left; clear:both; overflow:hidden; position:relative; z-index:88;}
#banner{ width:100%; padding-top:80px; height:300px; float:left; clear:both; overflow:hidden; position:relative;}
#banner>div{ width:100%; height:300px; background-size:100% auto;}

.top { position:relative; width:1200px; margin:20px auto 20px auto; clear:both; height:80px; overflow:hidden; text-align:center; font-size:36px; color:#333;}
.top i{ display:block; margin:auto; clear:both; line-height:75px;}
.top b{
    font-size:100px;
    font-weight:bold;
    color: rgba(169,179,197,.1);
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 1;
    line-height: 0.8;
    width: 100%;
    text-align:center;
}
.top2{ width:100%; text-align:center; line-height:30px; padding:0px 0px 20px 0px; color:#999; overflow:hidden;}
.top2 a{ padding:0px 12px; color:#9fa19f;}
.top2 span{ font-size:16px; color:#9fa19f; line-height:22px;}
.index_top { float:left; clear:both; width:100%; border-bottom:solid 1px #DDD; height:60px; line-height:60px; overflow:hidden; position:relative;}
.index_top b{ display:block; float:left; font-size:24px; line-height:55px; border-bottom:solid 5px #ee7700; padding:0px 5px; color:#333; font-weight:normal;}
.index_top a{ display:block; float:right; font-size:14px; color:#999;}

#index0{ width:100%; float:left; clear:both; padding:40px 0px 50px 0px; overflow:hidden;}
#index0 ul{ float:left; width:1230px; padding:20px 0px 10px 0px; overflow:hidden;}
#index0 ul li{ position:relative; width:380px; background:url(../images/libg.jpg) center bottom no-repeat; padding:0px 0px 21px 0px; float:left; margin:0px 30px 10px 0px; overflow:hidden;}
#index0 ul li em{ display:block; width:100%; height:250px; clear:both; overflow:hidden; text-align:center;}
#index0 ul li em img{ width:100%; height:250px; transition:all ease .2s;}
#index0 ul li b{ display:block; position:absolute; left:0px; bottom:21px; width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.5); color:#FFF; text-align:center; font-weight:normal; font-size:16px; transition:all ease .1s;}
#index0 ul li:hover img{ transform: scale(1.05);}/* filter: blur(1.05px);*/
#index0 ul li:hover b{ height:250px; line-height:250px; transition:all ease .2s;}
 
#indexabout{ float:left; clear:both; width:100%; background:#F0F0F0; padding:80px 0px; overflow:hidden;}
.background{ background-repeat:no-repeat; background-position:center center; background-size:cover; }
#indexabout .box{ position:relative; overflow:hidden; }
#indexabout .box a{ width:100%; height:100%; display:block; position:relative; }
#indexabout .left .box{ width:480px; height:290px; }
#indexabout .left .box h2{ box-sizing:border-box; font-weight:normal; font-size:28px; color:#fff; line-height:80px; width:100%; position:absolute; bottom:0; z-index:100; padding:0px 25px; }
#indexabout .left .box h2 i{ width:34px; height:80px; background:url(../images/show-arrowR.png) no-repeat center center; background-size:34px 13px; display:block; float:right; }
#indexabout .left .about-box{ margin-bottom:20px; }
#indexabout .right .box{ width:700px; height:600px; padding:55px; box-sizing:border-box;}
#indexabout .right .box h2{ box-sizing:border-box; font-weight:normal; font-size:32px; color:#fff; line-height:40px; margin-bottom:15px; }
#indexabout .right .box p{ font-size:14px; color:#FFF; line-height:28px; }
#indexabout .box::before{ position:absolute; top:0; left:0; width:100%; height:100%; background:-webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background:linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); -webkit-transition: opacity 0.35s,  -webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s; }
#indexabout .box:hover::before{ opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }

#index1{ width:100%; float:left; clear:both; padding:40px 0px 80px 0px; overflow:hidden;}
#index1 .left{ position:relative; width:550px; height:500px; background:#F0F0F0;}
#index1 .left .pic{ width:100%; height:320px; overflow:hidden;}
#index1 .left .pic img{ width:100%; height:320px; transition:all ease .2s;}
#index1 .left .desc{ position:absolute; left:35px; top:265px; width:480px; background:#FFF; padding:25px; box-sizing:border-box; overflow:hidden;transition:all ease .2s;box-shadow: 0 0px 12px rgba(0,0,0,.2);}
#index1 .left .desc h2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:20px; font-weight:normal;}
#index1 .left .desc p{width:100%; height:56px; line-height:28px; margin:10px 0px 10px 0px; padding:10px 0px 0px 0px; color:#999; border-top: 1px dashed rgba(136,136,136,0.3); overflow:hidden;}
#index1 .left .desc span{ position:relative; display:block; width:100%; height:30px; line-height:30px; overflow:hidden; font-weight:normal; color:#666;}
#index1 .left .desc span i{ display:block; position:absolute; right:0px; top:0px; height:30px; padding:0px 20px 0px 0px; background:url(../images/icon-29.png) right center no-repeat; color:#666; overflow:hidden;}
#index1 .left:hover .pic img{ transform: scale(1.05);}
#index1 .left:hover .desc{ top:250px; transition:all ease .3s;}
#index1 .right{ width:630px;}
#index1 .right ul li{ width:560px; height:170px; padding:35px; margin:0px 0px 20px 0px;  background:#F0F0F0; overflow:hidden;}
#index1 .right ul li dl{ position:relative; width:100%;}
#index1 .right ul li dt{ float:left; width:90px; height:100px; background:#4f4f4f; color:#FFF; margin:35px 0px; text-align:center; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
#index1 .right ul li dt b,#index1 .right ul li dt i{ display:block; width:100%; font-size:16px;}
#index1 .right ul li dt b{ padding:10px 0px 0px 0px; line-height:40px; font-size:30px;}
#index1 .right ul li dd{ position:absolute; left:90px; top:0px; width:470px; height:170px; background:#FFF; padding:25px; box-sizing:border-box; overflow:hidden;transition:all ease .2s;box-shadow: 0 0px 12px rgba(0,0,0,.2); transition:all ease .3s;}
#index1 .right ul li dd h2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:20px; font-weight:normal;}
#index1 .right ul li dd p{width:100%; height:56px; line-height:28px; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; color:#999; border-top: 1px dashed rgba(136,136,136,0.3); overflow:hidden;}
#index1 .right ul li:hover dt{background:#c79e68;}
#index1 .right ul li:hover dd{ left:80px; transition:all ease .3s;}

#index2{ width:100%; float:left; clear:both; background:#F0F0F0; padding:40px 0px 20px 0px;  overflow:hidden;}
#index2 .w1200{ background:url(../images/divbg2.jpg) center bottom no-repeat; padding:0px 0px 87px 0px; overflow:hidden;}
#index2 .right{ width:380px; height:390px; overflow:hidden;}
#index2 .right img{ width:380px; height:390px;}
#index2 .center{ background:#FFF; width:320px; height:290px; padding:50px; overflow:hidden;}
#index2 .center b{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:22px; font-weight:normal;}
#index2 .center b i{ padding:0px 0px 0px 10px; color:#999; font-size:16px;}
#index2 .center p{width:100%; height:210px; line-height:36px; margin:10px 0px 0px 0px; padding:15px 0px 0px 0px; color:#999; border-top: 1px dashed rgba(136,136,136,0.3); overflow:hidden;}
#index2 .left{ width:400px;}
#index2 .left dt,#index2 .left dd{ cursor:pointer; float:left; width:200px; height:195px; background:#f9f9f9; text-align:center; overflow:hidden; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
#index2 .left img{ width:200px; height:195px; }
#index2 .left i,#index2 .left b{ display:block; width:100%; padding:70px 0px 0px 0px; line-height:24px; font-size:22px; font-weight:normal;}
#index2 .left i{ padding:0px 0px 0px 0px; line-height:24px; color:#999; font-size:16px;}
#index2 img{ transition:all ease .2s;}
#index2 img:hover{ transform: scale(1.05);}
#index2 dd:hover{background:#c79e68; color:#FFF;}
#index2 dd:hover i{ color:#FFF;}

#index3{ width:100%; float:left; clear:both; padding:30px 0px 80px 0px; overflow:hidden;}
#index3 ul{ float:left; width:1230px; padding:0px 0px 0px 0px; overflow:hidden;}
#index3 ul li{ position:relative; width:380px; float:left; background:url(../images/libg.jpg) center bottom no-repeat; padding:0px 0px 21px 0px; margin:0px 30px 0px 0px; overflow:hidden;}
#index3 ul li em{ display:block; width:100%; height:250px; clear:both; overflow:hidden; text-align:center;}
#index3 ul li em img{ width:100%; height:250px; transition:all ease .2s;}
#index3 ul li b{ display:block; width:100%; height:50px; line-height:50px; box-sizing:border-box; padding:0px 55px 0px 20px;  text-align:left; font-weight:normal; font-size:16px; transition:all ease .1s; background:#F7F7F7 url(../images/show-arrowR2.png) 335px center no-repeat; background-size:auto 13px; overflow:hidden; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
#index3 ul li:hover img{ transform: scale(1.05);}/* filter: blur(1.05px);*/
#index3 ul li:hover b{ background:#c79e68 url(../images/show-arrowR3.png) 330px center no-repeat; color:#FFF; transition:all ease .2s;}

#footerlink{ width:100%; float:left; clear:both; overflow:hidden; background:#141414; padding:70px 0px 0px 0px;}
#footerlink>div{ position:relative; width:1160px; margin:auto; clear:both; line-height:30px; padding:29px 19px 19px 19px; border:solid 1px #333;}
#footerlink>div i{ position:absolute; left:20px; top:-15px; display:block; height:30px; line-height:30px; background:#141414 url(../images/link.png) 3px center no-repeat; padding:0px 15px 0px 35px; color:#ee7700; font-size:20px;}
#footerlink>div a{ margin:0px 15px 0px 0px; color:#868686;}

#footer{width:100%; padding:20px 0px 60px 0px; background:#141414; color:#868686; float:left; clear:both;}
#footer .w1200{ position:relative; overflow:visible;}
#footer a{ color:#868686;}
#footer .ewm{ position:absolute; right:0px; top:20px; width:126px; height:160px; overflow:hidden;}
#footer .ewm img{ width:126px; height:126px;}
#footer .ewm em{ display:block; width:100%; line-height:30px; text-align:center;}
#copy{ float:left; clear:both; width:100%; padding:30px 0px; line-height:30px; color:#868686; overflow:hidden;}
#copy a{ color:#868686;}
#copy div{ padding:0px 0px 0px 8px;}
#copy p a{ margin:0px 8px;}

#container{ width:1200px; padding:20px 0px; clear:both; margin:auto; overflow:hidden;}
#nav{ float:left; clear:both; width:100%; height:70px; background:#FFF; border-bottom:solid 1px #EEE; text-align:center; overflow:hidden;}
#nav a{ display:inline-block; width:auto; height:68px; line-height:68px; border-bottom:solid 2px #FFF; padding:0px 20px; margin:0px 30px; font-size:22px; color:#333;}
#nav .curr{ color:#c79e68; border-bottom:solid 2px #c79e68;}
#nav a:hover{ color:#c79e68; }

#category{width: 100%; padding:30px 0px; background:#FFF; overflow:hidden;}
#category ul li{width: 100%; height: auto; border-bottom:solid 1px #F0F0F0; padding: 10px 20px; font-size: 14px; color: #363636; display: flex; display: -webkit-flex; display: -ms-flex; }
#category ul li span{display:flex;display: -webkit-flex;align-items: center; width: 120px; }
#category ul li dl{ flex-wrap:wrap;width: 100%; height: auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-align-items:center; align-items:center;}
#category ul li dl dd{margin-right: 10px; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; height: 30px; padding: 0 15px; line-height: 30px; cursor: pointer;}
#category ul li dl dd.active{background:#c79e68; color:#fff; }
#category ul li dl dd.active a{color:#fff;}

#right{ width:300px; float:right; overflow:hidden;}
#right .news{float:left; clear:both; width:100%; background:#FFF; padding:20px; box-sizing:border-box; overflow:hidden; margin:0px 0px 20px 0px;}
#right .news em{ display:block; width:100%; height:50px; line-height:50px; font-size:18px; border-bottom:solid 2px #c79e68;}
#right .news ul{ float:left; clear:both; width:100%; padding:10px 0px 0px 0px; overflow:hidden;}
#right .news ul li{ width:100%; float:left; clear:both; padding:10px 0px; border-bottom:solid 1px #EEE; overflow:hidden;}
#right .news img{ width:100%; margin:0px 0px 10px 0px;}
#right .news ul li b{ display:block; float:left; clear:both; width:100%; padding:0px 0px 5px 0px; line-height:24px; font-weight:normal; font-size:14px; overflow:hidden;}
#right .news ul li i{ color:#666;}

#subject{ float:left; clear:both; width:1180px; padding:20px 10px; height:40px; line-height:40px; overflow:hidden;}
#subject span{ display:block; text-align:left; overflow:hidden;}
#subject span a{ background:url(../images/littleRight.png) right center no-repeat; margin-right:8px; padding-right:15px; color:#ee7700;}
#left{  float:left; width:810px; padding:35px; background:#FFF; overflow:hidden;}
#details{width:100%; padding:0px 0px 150px 0px; float:left; overflow:hidden;}
#details .title{ width:100%; padding:0px 50px; box-sizing:border-box; position:relative; margin:20px 0px 30px 0px; overflow:hidden;}
#details .title:before{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/f1.png) no-repeat; position:absolute; left:0; top:0; }
#details .title:after{ width:38px; height:38px; content:""; display:inline-block; background:url(../images/f2.png) no-repeat; position:absolute; right:0; bottom:0; }
#details .title h1{ color:#383838; font-size:24px; font-weight:normal; line-height:36px; padding-top:10px; padding-bottom:20px; text-align:center;}
#details .date{ width:100%; float:left; clear:both; margin:0px 0px 20px 0px; line-height:36px; overflow:hidden; text-align:center; color:#666;}
#details .date i{ margin:0px 10px;}
#details .date span{ background:#c79e68; padding:5px 10px; border-radius:3px; color:#FFF; box-shadow:0px 0px 5px rgba(0,0,0,.1);}
#details .date b{ color:#333;}
#details .details{ float:left; width:100%; clear:both; border-top:dashed 1px #DDD; overflow:hidden; line-height:36px; padding:30px 0px 50px 0px;}
#details .details .pic{ margin:0px 0px 20px 0px;}

#piclist ul{ float:left; width:1230px; padding:40px 0px 50px 0px; overflow:hidden;}
#piclist ul li{ position:relative; width:380px; float:left; background:#FFF; margin:0px 30px 30px 0px; overflow:hidden;}
#piclist ul li em{ display:block; width:100%; height:250px; clear:both; overflow:hidden; text-align:center;}
#piclist ul li em img{ width:100%; height:250px; transition:all ease .2s;}
#piclist ul li b{ display:block; width:100%; height:50px; line-height:50px; box-sizing:border-box; padding:0px 55px 0px 20px;  text-align:left; font-weight:normal; font-size:16px; transition:all ease .1s; background:url(../images/show-arrowR2.png) 335px center no-repeat; background-size:auto 13px; overflow:hidden; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
#piclist ul li:hover{ box-shadow:0 5px 5px rgba(0,0,0,.1);}
#piclist ul li:hover img{ transform: scale(1.05);}/* filter: blur(1.05px);*/
#piclist ul li:hover b{ background:#c79e68 url(../images/show-arrowR3.png) 330px center no-repeat; color:#FFF; transition:all ease .2s;}

#newslist ul{ width:100%; padding:40px 0px 50px 0px; overflow:hidden;}
#newslist ul li{ width:100%; height:170px; padding:20px 0px; margin:0px 0px 0px 0px; background:#F0F0F0; overflow:hidden;}
#newslist ul li dl{ position:relative; width:100%;}
#newslist ul li dt{ float:left; width:90px; height:100px; background:#4f4f4f; color:#FFF; margin:35px 0px; text-align:center; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s;}
#newslist ul li dt b,#newslist ul li dt i{ display:block; width:100%; font-size:16px;}
#newslist ul li dt b{ padding:10px 0px 0px 0px; line-height:40px; font-size:30px;}
#newslist ul li dd{ position:absolute; left:90px; top:0px; width:1100px; height:175px; background:#FFF; padding:25px; box-sizing:border-box; overflow:hidden;transition:all ease .2s;box-shadow: 0 0px 12px rgba(0,0,0,.2); transition:all ease .3s;}
#newslist ul li dd img{ display:none;}
#newslist ul li .pic{ padding:25px 25px 25px 225px;}
#newslist ul li .pic img{ display:block; position:absolute; left:25px; top:25px; width:175px; height:125px;}
#newslist ul li dd h2{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:20px; font-weight:normal;}
#newslist ul li dd p{width:100%; height:56px; line-height:28px; margin:10px 0px 0px 0px; padding:10px 0px 0px 0px; color:#999; border-top: 1px dashed rgba(136,136,136,0.3); overflow:hidden;}
#newslist ul li:hover dt{background:#c79e68;}
#newslist ul li:hover dd{ left:80px; transition:all ease .3s;}

.contact{ width:1200px; clear:both; margin:auto; overflow:hidden;}
.contact li { float: left; width:200px; padding:50px 0px; border-right:solid 1px #EEE; box-sizing:border-box; overflow:hidden;}
.contact li:last-child{ border:none;}
.contact li em{ display:block; clear:both; margin:0px auto 0px auto; width:100px; height:100px; line-height:100px; text-align:center; border-radius:50%; background:rgba(180,210,255,0.85); color:rgba(255,255,255,0.85); font-size:28px;}
.contact li em:hover{background:rgba(180,210,255,0.95); }
.contact li img{ display:block; clear:both; margin:auto; width:100px; height:100px;}
.contact li span{ display:block; width:100%; padding:20px 0px 0px 0px; height:40px; line-height:40px; text-align:center; font-size:18px;}
#contactmap{ float:left; width:100%; height:500px; position:relative; overflow:hidden;}
#contactdesc{ position:absolute; left:0px; bottom:0px; width:100%; padding:20px 0px; line-height:30px; background:rgba(180,210,255,0.65); color:#333; z-index:999999;}
#contactdesc b{ font-size:22px; font-weight:normal;}
#about{ padding:50px 0px 50px 0px; overflow:hidden;}
.abtop{ width:100%; float:left; clear:both; overflow:hidden;}
.abtop{ position:relative; width:1200px; clear:both; height:120px; overflow:hidden; text-align:center; font-size:48px; color:#333;}
.abtop i{ display:block; margin:auto; clear:both; width:100%; line-height:100px; color:#ee7700;}
.abtop b{
    font-size:150px;
    font-weight:bold;
    color: rgba(169,179,197,.1);
    position: absolute;
    top: 0;
    left: 0;
    text-transform: uppercase;
    z-index: 1;
    line-height: 0.8;
    width: 100%;
    text-align:center;
}
.abdetails{ width:100%; clear:both; line-height:40px; text-indent:2em; padding:20px 0px 50px 0px; overflow:hidden;}

#about li { float: left; position:relative; width:100%; padding:40px; background:rgba(180,210,255,0.1); margin:0px 0px 20px 0px; box-sizing:border-box; overflow:hidden;}
#about li:hover{background:rgba(180,210,255,0.25);}
#about li em{ display:block; float:left; width:180px; line-height:30px;}
#about li em b{ display:block; font-weight:normal; font-size:24px; padding:0px 0px 5px 0px; color:#666;}
#about li em i{ display:block; font-size:14px; 
    font-family: '宋体';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    opacity: .6;
    color:rgba(169,179,197,.9);
}
#about li em strong{
    font-size:120px;
    font-weight:bold;
    color:rgba(169,179,197,.1);
    position: absolute;
    bottom:20px;
    left: 35px;
    text-transform: uppercase;
    z-index: 1;
    text-align:left;
    line-height:0.8;
    width:100%;
}
#about li span{ display:block; float:right; border-left:dotted 1px #DDD; width:940px; padding:0px 0px 0px 40px; line-height:30px; box-sizing:border-box; overflow:hidden; z-index:1;}