﻿@charset "utf-8";
/* CSS Document */
html,body,div,p,ul,ol,dl,li,dt,dd,span,strong,a,img,input,textarea,h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-family:"Microsoft YaHei"; font-weight:normal}
a,input{text-decoration:none; outline:none}
img{border:0; max-width:100%; display:block}
li{list-style:none}
.wrap{width:1200px; margin:0 auto}

#top{height:90px; width:100%; position:fixed; top:0; left:0; background-color:#FFF; z-index:999999; box-shadow:0 0 10px #ccc}
.logo{float:left; width:186px; height:60px; margin:15px 0}
#nav{float:right; width:895px}
#nav li{float:left; width:115px; text-align:center; line-height:90px; height:87px; border-bottom:3px solid #fff; position:relative}
#nav .navnow{border-bottom:3px solid #199F3A; width:90px}
#nav li:hover{background-color:#199F3A; border-bottom:3px solid #199F3A}
#nav li:hover a{color:#fff}
#nav li a{color:#333; font-size:16px; letter-spacing:1px}
#nav li div{position:absolute; width:135px; padding:0 30px; background-color:#199F3A; left:-40px; height:0; overflow:hidden}
#nav li:hover div{height:auto; transition:0.5s ease; padding:10px 30px}
#nav li div p{height:40px; line-height:40px}
#nav li div p:hover a{text-decoration:underline; color:#E0F0E3}
#nav span{float:left; width:40px; position:relative; display:block; margin:24px 0 0 25px; height:40px}
#nav span div{position:absolute; width:110px; height:0; left:-35px; top:65px; overflow:hidden}
#nav span:hover div{height:130px; transition:0.5s ease}
.toolsewm{width:110px}
.toolswx{width:40px}
.toolsqq{width:40px}

.content-1{background:url(../images/banner1888.jpg) center top no-repeat; background-size:100% 100%;  width:100%; overflow:hidden;}
.content-2{background:url(../images/i_bg2.jpg) right bottom no-repeat; background-size:80% 70%; width:100%; height:100%; overflow:hidden}
.content-3{background:url(../images/i_bg3.jpg) top center no-repeat; background-size:100% 50%; width:100%; height:100%; overflow:hidden}
.content-4{width:100%; height:100%; overflow:hidden; background:url(../images/i_bg4.jpg) center top no-repeat; background-size:100% 100%}
.content-5{width:100%; height:100%; overflow:hidden}

.rslides{position:relative; width:100%; overflow:hidden;}
.rslides li{-webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0}
.rslides li:first-child{position:relative; display:block; float:left}
.rslides img{display:block; height:auto; float:left; width:100%}
.rslides li p{position:absolute; top:45%; width:100%; height:100px; line-height:100px; color:#fff; font-size:72px; font-weight:200; text-align:center; float:left; z-index:999999; letter-spacing:2px}
.callbacks_tabs.callbacks1_tabs{margin-top:-35px; position:relative;z-index:100;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:12px;height:12px;margin:0 8px 0 7px;border-radius:12px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:12px;height:12px;border-radius:12px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:rgba(255,255,255,0.3); border:1px solid #fff}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:rgba(255,255,255,1);}
.callbacks_container{margin-bottom:2px; position:relative; width:100%; max-width:100%; text-align:center;}
.callbacks{position:relative; width:100%;}
.callbacks li{position:absolute; width:100%; left:0; top:0;}
.callbacks img{display:block; position:relative; z-index:1; height:auto; width:100%; border:0}
.callbacks .caption{display:block; position:absolute; z-index:2; font-size:20px; text-shadow:none; color:#fff; background:#000; background:rgba(0,0,0,0.8); left:0; right:0; bottom:0; padding:10px 20px; margin:0; max-width:none;}
.callbacks_nav{position:absolute; top:50%; left:0; z-index:3; text-indent:-9999px; overflow:hidden; height:60px; width:150px; margin-top:-30px}

#iabout{overflow:hidden; height:550px; margin-top:200px}
@media screen and (max-width: 1441px){#iabout{overflow:hidden; height:540px; margin-top:100px}}
@media screen and (min-width: 1442px){#iabout{overflow:hidden; height:540px; margin-top:220px}}
.iaboutimgl{float:left; width:540px; height:540px; margin-right:60px}
.iaboutm{float:left; width:600px; height:540px; position:relative}
.iaboutm h3{height:45px; background:url(../images/bgh2.png) right bottom no-repeat; width:272px; margin:25px 0; line-height:30px; letter-spacing:2px}
.iaboutm h3 span{font-size:24px; color:#199F3A; font-weight:200}
.iaboutm h3 strong{font-size:16px; color:#F7C639}
.iaboutm p{color:#333; font-size:14px; line-height:22px; letter-spacing:1px; margin-bottom:10px}
.iaboutm .more{position:absolute; width:128px; height:36px; border:1px solid #199F3A; border-radius:0 18px 0 18px; line-height:36px; text-align:center; display:block; bottom:50px; left:0; color:#199F3A; font-size:14px}


#iwork{overflow:hidden; margin-top:240px}
@media screen and (max-width: 1441px){#iwork{overflow:hidden; margin-top:150px}}
@media screen and (min-width: 1442px){#iwork{overflow:hidden; margin-top:240px}}
#iwork h3{height:140px; background:url(../images/bgh2.png) center 42px no-repeat; text-align:center}
@media screen and (max-width: 1441px){#iwork h3{height:80px; background:url(../images/bgh2.png) center 42px no-repeat; text-align:center}}
@media screen and (min-width: 1442px){#iwork h3{height:140px; background:url(../images/bgh2.png) center 42px no-repeat; text-align:center}}
#iwork h3 span{font-size:24px; color:#fff; font-weight:200; display:block; height:30px; line-height:30px; letter-spacing:4px}
#iwork h3 strong{font-size:12px; color:#F7C639; height:30px; line-height:30px; letter-spacing:1px; display:block}
.iworkm{overflow:hidden}
.iworkm li{width:220px; margin:10px; float:left; position:relative}
/*.iworkm li img{width:220px; height:320px}*/
.iworkm li img{width:220px;}
.iworkm li p{height:50px; line-height:50px; color:#333; font-size:16px; text-align:center}
.iworkm li:hover p{color:#199F3A}
.iworkm li div{position:absolute; width:220px; height:320px; background:rgba(0,0,0,0); float:left; z-index:99; left:0; top:0}
.iworkm li:hover div{background:rgba(0,0,0,0.2)}

#inews{overflow:hidden; margin-top:200px}
@media screen and (max-width: 1441px){#inews{overflow:hidden; margin-top:140px}}
@media screen and (min-width: 1442px){#inews{overflow:hidden; margin-top:220px}}
#inews h3{height:140px; background:url(../images/bgh2.png) center 42px no-repeat; text-align:center}
@media screen and (max-width: 1441px){#inews h3{height:100px; background:url(../images/bgh2.png) center 42px no-repeat; text-align:center}}
@media screen and (min-width: 1442px){#inews h3{height:140px; background:url(../images/bgh2.png) center 42px no-repeat; text-align:center}}
#inews h3 span{font-size:24px; color:#fff; font-weight:200; display:block; height:30px; line-height:30px; letter-spacing:4px}
#inews h3 strong{font-size:12px; color:#F7C639; height:30px; line-height:30px; letter-spacing:1px; display:block}
.inewsm{overflow:hidden}
.in2ml{width:575px; margin-right:30px; float:left}
.in2ml li{border-bottom:1px dashed #888; height:100px; overflow:hidden}
.in2ml li strong{display:block; float:left; width:110px; height:100px; line-height:100px; text-align:center; color:#eee; font-size:72px; font-family:"Calibri"; padding-right:10px}
.in2ml li div{float:left; height:70px; margin:15px 0; width:455px}
.in2ml li a{display:block; height:30px; line-height:30px; font-size:16px; color:#fff; overflow:hidden}
.in2ml li:hover a{color:#F7C639}
.in2ml li span{display:block; height:20px; line-height:16px; font-size:12px; color:#ddd}
.in2ml li p{height:20px; line-height:20px; font-size:14px; color:#ddd; width:455px; overflow:hidden}
.in2mr{width:575px; float:left}
.in2mr li{float:left; width:245px; border:1px solid #ddd; padding:15px; height:272px}
.in2mr li:nth-child(1){margin-right:20px}
.in2mr li img{width:245px; height:150px; display:block; margin-bottom:8px}
.in2mr li div{font-size:16px; line-height:20px; height:40px; overflow:hidden}
.in2mr li div a{color:#fff}
.in2mr li div a:hover{color:#F7C639}
.in2mr li span{display:block; height:22px; line-height:20px; color:#ddd; font-size:12px}
.in2mr li p{line-height:18px; color:#ddd; font-size:12px; height:54px; overflow:hidden}
.in2mr li:hover{border:1px solid #F7C639}

#icont{overflow:hidden; margin-top:200px}
@media screen and (max-width: 1441px){#icont{overflow:hidden; margin-top:120px}}
@media screen and (min-width: 1442px){#icont{overflow:hidden; margin-top:220px}}
#icont h3{height:140px; background:url(../images/bgh2.png) center 42px no-repeat; text-align:center}
@media screen and (max-width: 1441px){#icont h3{height:80px; background:url(../images/bgh2.png) center 42px no-repeat; text-align:center}}
@media screen and (min-width: 1442px){#icont h3{height:140px; background:url(../images/bgh2.png) center 42px no-repeat; text-align:center}}
#icont h3 span{font-size:24px; color:#0087D2; font-weight:200; display:block; height:30px; line-height:30px; letter-spacing:4px}
#icont h3 strong{font-size:12px; color:#F7C639; height:30px; line-height:30px; letter-spacing:1px; display:block}

.mapwrap{position:relative; width:100%; height:384px; overflow:hidden}
.mapwrap ul{position:absolute; top:30px; left:10%; width:260px; padding:10px 10px 10px 15px; height:280px; background-color:#fff; float:left; z-index:999; border-bottom:5px solid #199F3A; border-top:5px solid #199F3A; filter:alpha(opacity:80); opacity:0.8}
.mapcon{width:1198px; height:382px; border:1px solid #ccc}
.mapwrap ul img{width:270px; height:80px; margin-bottom:6px}
.mapwrap ul li{line-height:20px; font-size:14px; color:#222; padding:2px 0; overflow:hidden}
.mapwrap ul li strong{display:block; float:left; width:72px}
.mapwrap ul li span{display:block; float:left}
.mapwrap ul li .maplist1{width:90px}
.mapwrap ul li .maplist2{width:55px}
.mapwrap ul div{height:76px; padding-top:10px; border-top:1px dashed #999; width:260px; margin-top:10px; color:#199F3A; font-size:14px}
.mapwrap ul div img{float:left; width:96px; height:96px; margin-right:6px}
.mapwrap ul div span{display:block; height:25px; line-height:30px}
.mapwrap ul div strong{display:block; height:20px; line-height:20px; font-weight:bold}
.mapwrap ul div p{height:36px; line-height:18px; font-size:12px}
.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}











