@charset "utf-8";

/* CSS Document */

body,p,h1,h2,h3,h4,h5,h6,h7,ul,li{ padding:0;margin:0;}

body {font-family: 'Microsoft YaHei';  background-color:#ffffff; }

img{ border: none;}

ul,ol{ list-style: none; }

input,label,img,th{vertical-align:middle;}

a{text-decoration: none;}

a:hover{transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

*:focus {outline: none;}

.container{ width:1200px; margin:0 auto; overflow:hidden;}





.toper{ font-size: 12px; color:#666666; background:#f8f8f8; width:100%; margin: 0 auto; height: 32px; line-height: 32px; }

.toper .topleft{ float: left; margin-left:25px; }

.toper .topright{  margin-right:25px; background:url(../images/toptle.png) no-repeat left center; padding-left: 25px;  float: right; }



.toper .topright a{color:#666666; margin-left:10px;}

.toper .topright a:hover{color:#45a7f0;}

/*banner*/

.banner{ width:100%; overflow:hidden;border-top:1px solid #f8f8f8;}

.banner img{ width:100%; height:auto; display:block;}

.banner .swiper-pagination .swiper-pagination-bullet{background:#ffffff;opacity:1; }

.banner .swiper-pagination .swiper-pagination-bullet-active{ background:#92b9d6;}

/*banner*/



.header{width:1200px;height:80px; padding: 5px 0; margin: 0 auto; z-index:10; background:#ffffff; }

.logos{ float:left; margin:6px 0 0 18px;}

.nav{ float:right;}

.nav>li{ width:130px; position:relative; float:left; z-index: 20;}

.nav>#home{ width:100px; float:left;}

.nav>li>a{display:block; height:80px; line-height:80px; text-align:center; color:#151515; font-size:14px;background:no-repeat center 73px;}

.nav>li:hover>a,.nav li.dq>a{ color:#45a7f0; background:url(../images/lanxian.jpg) no-repeat center 73px;}



.dropdown{ width:220px; position:absolute; border:1px solid #f8f8f8; left:-45px; top:80px; padding-top:2px; display:none; z-index: 20; }

.dropdown>li{ position:relative;}

.dropdown>li>span{background:url(../images/navbj.png); display:block;}

.dropdown>li>span>a{ height:36px; border-bottom:1px solid #fdfefe; line-height:36px; display:block; text-align:center; color:#4c4c4c; font-size:14px;background:no-repeat 172px center;}

.dropdown>li:hover>span{background:url(../images/xlbj.png); }

.dropdown>li:hover>span>a{ color:#ffffff; background:url(../images/jiao.png) no-repeat 172px center;}





.dropdown1{ overflow:hidden; width:220px; position:absolute; left:220px; top:0px; display:none; padding-left:1px; z-index: 30; }

.dropdown1>li{background:url(../images/navbj.png)}

.dropdown1>li>a{ height:36px; border-bottom:1px solid #fdfefe; line-height:36px; display:block; text-align:center; color:#4c4c4c; font-size:14px;}

.dropdown1>li>a:hover{background:url(../images/xlbj2.png); color:#ffffff;}



.title{ background:url(../images/tlexian.png) no-repeat center center; margin:70px auto 0 auto;}

.title .telname{ text-align: center; line-height:1;}

.title .cn{ color:#212121; font-size:26px; display:block;}

.title .en{ color:#696969; font-size:14px; font-family:Arial; display:block; margin-top:12px;text-transform:Uppercase;}





.fwlist{ width:100%; margin:50px 0 70px 0; overflow:hidden;}

.fwlist li{ width:252px; float:left; padding:40px 0 20px 0;border-bottom:2px solid #ffffff;border-top:2px solid #ffffff; }

.fwlist li.fw02{ margin:0 218px;}

.fwlist li .fwimg{ background:url(../images/fubj01.jpg) no-repeat center center; width:252px; height:240px;transition: all 0.5s linear 10ms;}

.fwlist li:hover .fwimg {transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg); }

.fwlist li:hover .fwimg{ background:url(../images/fubj02.jpg) no-repeat center center;}

.fwlist li .fwimg a{ display:block;width:240px; height:240px; margin-left:12px;}

.fwlist li .fwtxt{ height:55px; line-height:55px; text-align:center; font-size:18px;}

.fwlist li .fwtxt a{ color:#4e4e4e; font-size:18px;}

.fwlist li.fw01 .fwimg a{ background:url(../images/fw01.png) no-repeat center center;}

.fwlist li.fw02 .fwimg a{ background:url(../images/fw02.png) no-repeat center center;}

.fwlist li.fw03 .fwimg a{ background:url(../images/fw03.png) no-repeat center center;}

.fwlist li.fw01:hover .fwimg a{ background:url(../images/fw01s.png) no-repeat center center;}

.fwlist li.fw02:hover .fwimg a{ background:url(../images/fw02s.png) no-repeat center center;}

.fwlist li.fw03:hover .fwimg a{ background:url(../images/fw03s.png) no-repeat center center;}

.fwlist li:hover{border-bottom:2px solid #45a7f0;border-top:2px solid #45a7f0;}

.fwlist li:hover .fwtxt a{ color:#0092ff;}





.youshi{background:url(../images/ysbj.jpg) no-repeat center center;}



.yslist{ overflow:hidden; margin:50px 0 100px 0;}

.yslist li{ width:32%; float:left; margin-right:2%; position:relative;}

.ysimg{ width:370px; height:255px; float:right;}

.ysimg img{ width:370px; height:255px;}

.ystxt{ position:absolute; width:239px; padding:0 20px 0 40px; height:110px; left:0; bottom:30px; background:url(../images/ysbj.png);}

.ystxt h3{ color:#212121; font-size:18px; font-weight:normal; line-height:28px; margin-top:15px;}

.ystxt p{ font-size:14px; color:#4e4e4e; line-height:24px;}

.ystxt span{ display:block; width:36px; height:36px; position:absolute; right:0; bottom:0; background:url(../images/more.png);}



.zezhao{ background:url(../images/zzbj.png); width:330px; display:none; padding:0 20px; height:100%; position:absolute; right:0; top:0;}

.zezhao h3{ color:#ffffff; font-size:18px; font-weight:normal; line-height:36px; margin-top:35px;}

.zezhao p{ font-size:14px; color:#ffffff; line-height:24px; margin-top:20px;}

.zezhao span{ display:block; width:36px; height:36px; position:absolute; right:1px; bottom:1px; background:url(../images/more2.png);}

.yslist li:hover .ystxt{ display:none;}

.yslist li:hover .zezhao{ display:block;}



.newsls{ height:40px; overflow:hidden; width:320px; margin:50px auto 0 auto;}

.newsls span{ height:38px; line-height:38px; text-align:center; float:left; margin:0 10px; border:1px solid #b3b3b3; width:138px;border-radius:40px; color:#878787; font-size:14px;}

.newsls .selected,.newsls span:hover{border:1px solid #45a7f0; background:#45a7f0; color:#ffffff; }



.newstag{ overflow:hidden; display:none;}

.news{ overflow:hidden; margin-top:80px;}

.nleft{ float:left; background:#f8f8f8; width:590px; height:260px;}

.nleft .lfimg{ position:relative; width:250px; height:260px; float:left;}

.nleft .lfimg img{ width:250px; height:260px;}

.nleft .lfimg .time{ position:absolute; width:70px; text-align:center; overflow:hidden; height:70px; left:0; top:0; background:#45a7f0; color:#ffffff;}

.nleft .lfimg .time .d{ font-size:26px; display:block;line-height:20px; margin-top:12px; }

.nleft .lfimg .time .ym{ font-size:14px; display:block; margin-top:12px;line-height:11px; }



.nleft .lftxt{ padding:0 20px; width:300px; float:right;}

.nleft .lftxt h3{ font-weight:normal; font-size:18px; height:30px; line-height:30px; margin-top:25px;}

.nleft .lftxt h3 a{ color:#212121;}

.nleft .lftxt p{ color:#4e4e4e; font-size:14px; line-height:24px; margin-top:18px;}

.nleft .lftxt .more{ background:url(../images/qmore.png) no-repeat center center; height:30px; width:30px; margin-top:28px; display:block;}



.nright{ float:right; width:590px;}

.nright li{ height:80px; background:#f8f8f8; margin-bottom:10px; }

.nright li a{color:#3b3b3b;}

.nright li .time{ height:45px; float:left; margin-top:17px; width:80px; padding-right:9px; text-align:center; border-right:1px solid #cccccc;}

.nright li .time .d{ font-size:26px; display:block;line-height:20px; }

.nright li .time .ym{ font-size:14px; display:block; margin-top:12px;line-height:11px; }

.nright li .litxt{ width:460px; height:46px; line-height:23px; float:right; font-size:16px; margin-top:17px;}

.nright li:hover{ background:#45a7f0;}

.nright li:hover a{ color:#ffffff;}



.newsmore{ height:40px; line-height:40px; text-align:center; font-size:14px; margin:10px 0 70px 0; background:#f8f8f8;}

.newsmore a{color:#4e4e4e; display:block;}

.newsmore:hover{ background:#45a7f0;}

.newsmore:hover a{ color:#ffffff;}



.footer{ background:#464646; overflow:hidden;}



.frleft{ float:left; width:983px;}

.dbnav{ overflow:hidden; height:210px; margin-top:20px;}

.dbnav li{ float:left; padding:0 42px 0 44px; height:210px;  background: url(../images/dbxian.png) no-repeat right center;}

.dbnav li span{ color:#e8e8e8; font-size:16px; display:block; line-height:36px;}

.dbnav li a{ color:#aaaaaa; font-size:14px; display:block; line-height:24px;}

.dbnav li a:hover{ text-decoration:underline;}

.copy{ padding:5px 0; margin-top:22px; line-height:20px; font-size:14px; text-transform:Uppercase; color:#aaaaaa;}

.copy a{color:#aaaaaa;}

.copy a:hover{ text-decoration:underline;}

.frright{ float:right; width:217px; background:#2a2b30; height:282px;}

/*.dblog{ width:174px; height:68px; margin:30px auto 0 auto;}*/

.tel{ font-size:18px; line-height:30px; text-align:center; color:#ffffff; margin-top:30px;}

.tel span{ font-size:24px;}



.wechat{ width:120px; height:120px; margin:30px auto 0 auto;}

.wechat img{width:120px; height:120px;}

/*index*/



.nymain{ margin:10px auto 60px auto;}

.nyban{ width:100%; position:relative;border-top:1px solid #f8f8f8;}

.nyban img{ width:100%; display:block;}

.nytle{ width:1200px; position:absolute; margin:0 auto; bottom:0; left:50%; margin-left:-600px; z-index:5;}



.nyleft{float:left; width:250px;}

.tlename{ width:100%; overflow:hidden;}

.tlename .cn{ color:#45a7f0; font-size:20px; display:block; line-height:40px; padding:5px 10px 10px 10px;}

.tlename .en{ display: none; color:#45a7f0; font-size:14px; font-family:Arial; margin-top:5px;text-transform:Uppercase; line-height:1;}



.leftnav{ padding-bottom:130px; }

.leftnav>li{border-bottom:1px solid #cccccc;}

.leftnav>li>a{ padding: 0 10px; display:block;  height:45px; line-height:45px;color:#494949; font-size:16px;}



.leftnav>li.dq{ color:#45a7f0; }

.leftnav>li.dq>a{color:#45a7f0;}



.leftnav>li:hover{ background: #f8f8f8;}

.leftnav>li:hover>a{color:#45a7f0;}

.leftnav>li:hover>.xsan{ background:url(../images/xsan.png) no-repeat 170px center;}

.leftnav>li>.xiala{ padding-bottom: 10px; overflow:hidden; display:none;}

.leftnav>li>.xiala a{ padding:0 20px; color:#666666; display:block; height:38px; line-height:38px; font-size:14px;}

.leftnav>li>.xiala a:hover{ color:#45a7f0;}

.leftnav>li>.xiala a.dq{ color:#45a7f0;}





.tels{ display: none; width:100%; height:139px; text-align:center; overflow:hidden; color:#ffffff; background:url(../images/telsbj.png); font-size:30px; margin:20px 0;}

.tels span{ display:block; font-size:22px; margin:35px 0 5px 70px; line-height:30px; text-align:left;}



.weixin{ background:#f7f7f7;display: none; }

.weixin span{ display:block; height:50px; line-height:50px; text-align:center; background:#45a7f0; color:#ffffff;}

.weixin p{ padding:50px 0; text-align:center; }

.weixin p img{width:150px;}





.nyright{ float:right; width:920px;}

.weizhi{ overflow:hidden; padding-bottom:2px; background:url(../images/wzxian.png) repeat-x center bottom; height:49px; line-height:49px;}

.weizhi h3{ font-weight:normal; color:#45a7f0; font-size:16px; float:left;}

.weizhi p{ color:#6b6b6b; font-size:14px; float:right;}

.weizhi p a{ color:#6b6b6b; }

.weizhi p a:hover{ color:#45a7f0;}





.wztle{ color:#4c4c4c; font-size:22px; line-height:1.5; padding:20px 0 20px 0; text-align:center;}

.wzcs{ font-size: 14px; margin-bottom:20px; line-height:1; padding:0 0 20px 0;  color: #666666; border-bottom: 1px solid #dcdcdc; text-align: center; }

.wztxt{ color:#727272; font-size:14px; line-height:1.8;}

.wztxt p{ margin:1em 0; overflow:hidden;}

.wztxt img{ max-width:100%; margin:0 15px;}





.tdlist{ overflow:hidden;}

.tdlist li{ background:url(../images/lsan.jpg) no-repeat left center; line-height:59px; border-bottom:1px solid #e7e7e7; float:left; width:100%;}

.tdlist li a{ padding-left:17px; color:#494949; font-size:14px;}

.tdlist li span{ float:right; color:#45a7f0;}



.fenye{ padding:80px 0; text-align:center;}

.fenye a{ color:#9f9f9f; border:1px solid #9f9f9f; padding:8px 15px; margin:0 5px;border-radius:3px;}

.fenye a:hover{color:#45a7f0;border:1px solid #45a7f0; }

.fenye span{color:#45a7f0; border:1px solid #45a7f0; padding:8px 15px; margin:0 5px;border-radius:3px;}



.newslist{ overflow:hidden;}

.newslist li{ overflow:hidden; float:left; background:#f9f9f9; margin-top:30px; width:916px; border:1px solid #ffffff; padding:1px;}



.newslist .liimg{ position:relative; width:154px; height:160px; float:left;}

.newslist .liimg a{ display:block; text-align: center; width:154px; height:160px;}

.newslist .liimg img{ max-width:154px; max-height:160px;}

.newslist .liimg .time{ position:absolute; width:70px; text-align:center; overflow:hidden; height:70px; left:0; top:0; background:#45a7f0; color:#ffffff;}

.newslist .liimg .time .d{ font-size:26px; display:block;line-height:20px; margin-top:12px; }

.newslist .liimg .time .ym{ font-size:14px; display:block; margin-top:12px;line-height:11px; }



.newslist .litxt{ padding:0 20px; width:700px; float:right;}

.newslist .litxt h3{ font-weight:normal; font-size:16px; height:30px; line-height:30px; margin-top:12px;}

.newslist .litxt h3 a{ color:#303030; display:block; }

.newslist .litxt h3 a:hover{ color:#45a7f0 }

.newslist .litxt p{ color:#4e4e4e; font-size:14px; line-height:24px; margin-top:8px; height:48px; overflow:hidden;}

.newslist .litxt .more{ background:url(../images/qmore.png) no-repeat center center; height:30px; width:30px; margin-top:15px; display:block;}



.newslist li:hover{ border:1px solid #45a7f0; padding:1px;}



.map{ height:370px; margin-top:30px;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}

.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}



.contact{ padding:20px 38px; height:220px; color:#6b6b6b; font-size:14px; line-height:2.2; background:#f9f9f9; }





@media screen and (max-width: 1200px) {

.header{ width:100%; left:0; margin-left:0;}

.nav{ width:80%;}

.nav>#home{ width:10%;}

.nav>li{ width:15%;}

.container{ width:100%;}





.fwlist li{ width:30%;}

.fwlist li .fwimg{ width:100%;}

.fwlist li .fwimg a{ width:95%; margin-left:5%;}

.fwlist li.fw02{ margin:0 5%;}



.ysimg{ width:100%; height:auto;}

.ysimg img{ width:100%; height:auto;}

.ystxt{ width:90%; padding:0 5%;}

.zezhao{ width:90%; padding:0 5%;}

.zezhao h3{ margin-top:10px;}

.zezhao p{ margin-top:5px;}



.nleft{ width:49%;}

.nleft .lfimg{ width:40%;}

.nleft .lfimg img{ width:100%;}

.nleft .lftxt{ padding:0 3%; width:54%;}

.nright{ width:49%;}

.nright li .time{ }

.nright li .litxt{ width:75%;}



.frleft{ width:80%;}

.dbnav li{ padding:0 32px 0 30px;}

.frright{ width:20%;}



.copy{ width:90%; margin-top:0;}



.nytle{ width:100%; left:0; margin-left:0;}

.nytle .tlename{ width:22%;}

.nyleft{ width:22%;}

.nyright{ width:76%;}



.newslist li{ width:98%;}

.newslist .liimg{ width:20%;}

.newslist .litxt{ width:70%; padding:0 4%;}

}



@media screen and (max-width: 1024px) {

.dbnav li{ padding:0 22px 0 20px;}

.tels { font-size:24px; height:120px; }

}



@media screen and (max-width: 860px) {

.dbnav li{ padding:0 12px 0 10px;}



}



.nav-toggle{display:none;float:right;border:none;outline:none;border-radius:4px;cursor:pointer;

background:none;cursor:pointer;margin:10px 20px 0 0;}



.nav-toggle span{display:block;width:24px;height:3px;background-color:#333333;margin:6px 0;border-radius:5px;}







@media screen and (max-width: 780px) {

.toper{ display: none; }

.nymain{ margin:0 auto 30px auto;}

.container{ width:90%;}

.header{ position:static; height:50px; padding:5px 0; }

.logos { margin:0 0 0 20px;}

.logos img{ height:50px; display:block;}

.nytle{ display: none; }

.nav-toggle{ display: block;}

.nav{ overflow:hidden; display:none; width:100%; position:absolute; top:60px; z-index:999; height:auto;}

.nav>li{ width: 100%; color: #fff; padding:0; display:block;font-size:15px;border-bottom:1px solid #777; background:rgba(0,0,0,0.9);}

.nav>li>a{ padding:10px 5%;  text-align:left;  height: auto; line-height: 30px; color: #ffffff; }

.nav>#home{ width: 100%; }

.nav .dropdown{ display:none; position: static; width: 100%;}



.title{ margin-top:30px;}

.title .cn{ font-size:20px;}

.title .en{ margin-top:5px; font-size:12px;}

.nav .dropdown>li{ width:100%; border-bottom:1px solid #777;background:rgba(0,0,0,0.8);}

.nav .dropdown>li>span{ width: 100%; background:none; display:block;}

.nav .dropdown>li>span>a{ text-align: left;  width: 90%; padding:10px 5%; border-bottom: none; height:30px; line-height: 30px;color: #fff;display:block;font-size:14px;}

.nav .dropdown>li:hover>span{background:none; }

.nav .dropdown>li:hover>span>a{ color:#ffffff; background:none;}





.nav .dropdown1{ display:none; position: static; width: 100%; }

.nav .dropdown1 li{ width:100%; border-bottom:1px solid #777;background:rgba(0,0,0,0.8);}

.nav .dropdown1 li a{text-align: left;  color: #fff; width: 90%; padding:10px 5%;height:20px; line-height: 20px;   display:block;font-size:14px;}



.fwlist { margin:30px 0 0 0;}

.fwlist li{ width:33.33%; padding:0;}

.fwlist li .fwimg{ height:100px;background-size:100px;}

.fwlist li .fwimg a{ margin-left:3%; width:97%;height:100px;}

.fwlist li.fw01 .fwimg a{ background:url(../images/fw01.png) no-repeat center center;background-size: 30px;}

.fwlist li.fw02 .fwimg a{ background:url(../images/fw02.png) no-repeat center center;background-size: 30px;}

.fwlist li.fw03 .fwimg a{ background:url(../images/fw03.png) no-repeat center center;background-size: 30px;} 



.fwlist li.fw01:hover .fwimg a{ background:url(../images/fw01s.png) no-repeat center center;background-size: 30px;}

.fwlist li.fw02:hover .fwimg a{ background:url(../images/fw02s.png) no-repeat center center;background-size: 30px;}

.fwlist li.fw03:hover .fwimg a{ background:url(../images/fw03s.png) no-repeat center center;background-size: 30px;}



.fwlist li:hover .fwimg{ background:url(../images/fubj02.jpg) no-repeat center center;background-size:100px;}

.fwlist li .fwtxt{ font-size:12px; height:auto; line-height:18px; padding:5px 10px;}

.fwlist li .fwtxt a{ font-size:12px;}

.fwlist li.fw02{ margin:0;}



.yslist{ margin:30px 0 0 0;}

.yslist li{ width:100%; margin-right:0; margin-bottom:20px;}



.newsls{ margin:20px auto 0 auto;}



.news{ margin-top:20px;}

.nleft{ height:auto;}

.nleft .lfimg{ height:auto;}

.nleft .lfimg img{ height:auto;}

.nleft .lfimg .time{ display:none;}

.nleft{ width:100%;}

.nleft .lftxt h3{ height:auto; font-size:16px; line-height:24px;}

.nleft .lftxt p{ display:none;}

.nleft .lftxt .more{ margin-top:15px;}

.nright{ width:100%; margin-top:10px;}

.nright li .litxt{ width:65%; padding-right:3%; font-size:14px;}

.newsmore{ margin-bottom:30px;}



.newslist li{ height:auto; margin-top:10px;}

.newslist .liimg{ height:auto;}

.newslist .liimg a{ width:100%; height:auto;}

.newslist .liimg .time{ display:none;}

.newslist .liimg img{ width:100%; height:auto;max-width: 100%;max-height: 100%;}

.newslist .litxt h3{height:auto; font-size:14px; line-height:24px;}

.newslist .litxt p{ display:none;}

.newslist .litxt .more{ display:none;}



.nyleft{ display:none;}

.nyright{ width:100%;}



.weizhi p{ display:none;}



.wztle{ font-size:18px;line-height:24px;}

.frleft{ width:100%;}

.copy{ width:100%; text-align: center; padding:10px 0;}

.dbnav{ display:none;}

.frright{ display:none;}

.contact{ height:auto; margin-bottom:0;}



.wztxt{ min-height:300px;}

.fenye{ padding:20px 0;}

}