@charset "utf-8";
body{ margin:0 auto; padding:0px; font-size:12px; overflow-x:hidden; text-align:center; font-family:微软雅黑;}
.head{ margin:0 auto; height:154px; width:1200px;}
.logo{ float:left; text-align:left;}
.tel{ float:right; text-align:right; color:#fff; font-size:22px;}
.clear{ clear:both;}



.navbg{margin:0 auto; height:45px; background:#2b6db6; clear:both;}
.nav-site{margin-left:auto; margin-right:auto; text-align:center; width:1200px;}
.nav-site li {position:relative; z-index:200; float:left; color:#fff; font-size:15px; width:154px; height:45px; line-height:46px; font-family:微软雅黑;}
.nav-site .xian{width:55px;}
.nav-site li a{ color:#fff; text-decoration:none;}
.nav-site a:hover{color:#fff; background:#105baf; width:154px; height:45px; display:block;}
.nav-site ul {visibility:hidden;position:absolute;left:0px;top:45px;}
.nav-site table {position:absolute; top:0; left:0;}
.nav-site li:hover ul,
.nav-site a:hover ul{visibility:visible;}

.nav-site ul a{
height:35px;
color:#ffffff;
text-decoration:none;
width:121px;
}
.nav-site ul li {clear:both;height:35px !important; line-height:35px !important; text-align:center;list-style: none; font-size:12px; width:154px; background: #2b6db6 url(../img/navlime.png) center bottom no-repeat;    
 	filter: alpha(opacity=80); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
    opacity:0.8;}


.nav-site ul li a{display:block; width:154px;}
.nav-site ul li a:hover{background: #2c73c0 url(../img/navlime.png) center bottom no-repeat; text-align:center; color:#fff; height:35px; line-height:35px; width:154px; filter: alpha(opacity=100); opacity:1; }

.nav1body{position:absolute; left:0;top:109px; width:100%; padding-top:45px; background: url(../img/nav.png) center top repeat-x; z-index:6; height: 45px; line-height: 45px; clear: both;}
.nav1{ width:1100px; position:absolute; left:50%; top:0; margin-left:-550px; z-index:1}
.nav1_ul{ float:left; display:inline; padding-right:5px; overflow:visible}

.nav1 li{ float:left; color:#fff; font-size:15px; display:inline; padding: 0 60px; overflow:visible}
.nav1_li{ position:relative; z-index:999;}





.nav1_li_hover{ z-index:1;}
.nav1_li .on{ display:block; float:left; height:39px; position:relative; z-index:555; cursor: pointer; color:#fff; font-size:15px;}
.subnav1{ background:url(../img/subbg.gif) no-repeat left top; position:absolute; top: 0px; overflow:hidden; height:29px; width:910px; line-height:29px; padding-top:45px; z-index:888; display:none;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#f98b0c;}
.nav1_li_hover .subnav1{ display:block;}
.nav1_li_hover .on{/*for IE6*/color:#ccc}
.subnav1 li{  font-size:12px; color:#fff; font-weight:normal; padding:0px 20px 0 0}
.subnav1 li a{color:#fff; font-size:12px;}
.subnav1 li a:hover{color:#f98b0c;}
.sub-ul01{left:60px; width:960px; }
.sub-ul02{left:60px; width:960px;}
.sub-ul03{right:-507px; }
.sub-ul04{right:-37px; text-align:right; padding-top: 37px;}
.sub-ul05{right:71px; padding-top: 37px;}
.sub-ul06{right:0px;}
.sub-ul07{right:-90px;}
.sub-ul07 ul,.sub-ul06 ul,.sub-ul05 ul,.sub-ul04 ul{ float:right;}
.sub-ul07 ul li,.sub-ul06 ul li,.sub-ul05  ul li,.sub-ul04  ul li{ padding:8px 0 0 20px;}
.sub-ul03 ul{ text-align: center;}
.sub-ul03  ul li{ float: none; display:inline; padding:0 7px }
.subnavbg{ background-color:#2b6db7;opacity:0.5;filter:Alpha(Opacity=50); height:29px; width:100%; display:none;}
p{   font:14px/1.8em "微软雅黑"; }




*{padding:0; list-style:none; margin:0; }


.banner{ position:relative; width:1920px; height:600px; left:50%; margin-left:-960px;}
.slideBoxw{ width:100%; height:600px; overflow:hidden; position:relative;  margin:0 auto;left:0px;}
.slideBoxw .hd{ height:60px;width:100%;text-align:center; overflow:hidden; position:absolute; bottom:20px; z-index:3; }
.slideBoxw .hd ul{ overflow:hidden; zoom:1;   }
.slideBoxw .hd ul li{ display:inline-block; margin-right:10px;  width:54px; height:8px; line-height:4px; text-align:center; background:#9e9e9e; cursor:pointer; color:white;}
.slideBoxw .hd ul li .num {width:38px;height:34px;float:left;margin-left:30px;}
.slideBoxw .hd ul li b{font-family:微软雅黑;font-size:16px;line-height:16px;}
.slideBoxw .hd ul li div{margin-top: 10px;font-size: 15px;text-align: left;margin-left: 60px;}
.slideBoxw .hd ul li.on{ background:#1b72c2; color:#fff; }

.slideBoxw .bd{ position:relative; height:100%; z-index:0;   }
.slideBoxw .bd li{ zoom:1; vertical-align:middle; }
.slideBoxw .bd a{display:block;width:1920px;height:380px;margin:0 auto;position:relative;}
.slideBoxw .bd img{ width:1920px; height:600px; display:block; position:absolute;left:0px;}
.slideBoxw .hover{background:url(../img/hover.png) no-repeat;width:1620px; height:60px;position: absolute;top: 420px;z-index: 2;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBoxw .prev,
.slideBoxw .next{ position:absolute; left:22%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=80);opacity:0.8;   }
.slideBoxw .next{ left:auto; right:22%; background-position:8px 5px; }
.slideBoxw .prev:hover,
.slideBoxw .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBoxw .prevStop{ display:none;  }
.slideBoxw .nextStop{ display:none;  }

.kuai1 {
    margin-top: -40px;
    position: relative;
    z-index: 88;
    padding-bottom: 16px;    
}
.container {
    width: 1200px;
    min-width: 1200px;
}
.fix {
    *zoom: 1;
}
.auto {
    margin-left: auto;
    margin-right: auto;
}
.div1:first-child {
    margin-left: 0;
}
.div1 {
    width: 240px;
    height: 165px;
    margin-left: 0px;
}
.fl {
    float: left;
}
.div1_t {
    height: 165px;
}

.div1 a {
    display: block;
    height: 74px;
    padding: 16px 28px 0;
    text-align: center;
    line-height: normal;
}
.div1 a span {
    display: block;
    font-size: 18px;
}
.div1 a bdo {
    display: block;
    color: #999999;
    font-size: 14px;
    font-family: "Arial";
    margin-top: 8px;
}

.div1:first-child {
    margin-left: 0;
}

.icon{ border-bottom: 1px dashed #d4d4d4; height: 50px; margin-bottom: 40px;}
.cn{ color: #1d1d1d; font-size: 32px; height: 42px; text-align: center; background: url(../img/title.png) center bottom no-repeat; padding-bottom: 12px; }
.en{ color: #86a6ca; font-size: 25px; height: 33px; text-align: center; text-transform:Uppercase; padding-top: 8px;}
.kouhao{ width: 392px; height: 27px; margin:0 auto; margin-top: 25px; }

a{ text-decoration:none;}

.service{ height: 486px; background: #f5f5f5; padding-top: 40px; clear:both; }
.fwbz{ width: 1200px; margin:0 auto; margin-top: 45px; }
.fwbz ul{}
.fwbz li{ float: left; width: 270px; height: 203px; }
.fwbz .feng{ width: 40px; }
.fwbz .fwbz01{ background: url(../img/s.png) center top no-repeat; }
.fwbz .fwbz02{ background: url(../img/s.png) center top no-repeat; }
.fwbz .fwbz03{ background: url(../img/e.png) center top no-repeat; }
.fwbz .fwbz04{ background: url(../img/p.png) center top no-repeat; }

.bottom{ height:441px; background:#f5f5f5 url(../img/fotter.png) center bottom no-repeat;}
.fotter{ height:48px; background:#282b2f; font-family:微软雅黑; color:#797979; line-height:48px;}
.fotter div{ width:1200px; margin:0 auto; text-align:left;}
.fotter div p{ float:right;}

.nava{ width:1200px; margin:0 auto; padding-top:190px;}
.nav-sita{margin-left:auto; margin-right:auto; text-align:left; float: left;}
.nav-sita li {position:relative; z-index:200; float:left; color:#7ca8d7; font-size:19px; font-family:"微软雅黑"; line-height:35px; margin:0 80px 0px 0px;}
.nav-sita li a{ color:#ffffff; text-decoration:none;}
.nav-sita a:hover{ text-decoration:underline; height:35px; display:block;}
.nav-sita ul {position:absolute;left:0px;top:45px;}
.nav-sita table {position:absolute; top:0; left:0;}
.nav-sita li:hover ul,
.nav-sita a:hover ul{visibility:visible;}

.nav-sita ul a{
height:35px;
color:#FFFFFF;
text-decoration:none;
}
.nav-sita ul li {clear:both;height:28px !important; line-height:28px !important; text-align:left;list-style: none; margin:0px; font-size:13px; width:100px;}


.nav-sita ul li a{display:block;}
.nav-sita ul li a:hover{ text-align:left; color:#acacac; height:28px; line-height:28px; width:200px;}


.ewm{ float: right;  padding-top: 20px;}

option{ line-height:30px;}
img{ border:0px;}



.cont{width: 1200px;margin:0 auto; margin-top: 45px;}
.cont ul li {
    float: left;
    text-align: center;
    position: relative;
    width: 270px;
    height: 203px;
    margin: 0 auto;
}
.cont ul li .pic {
    height: 203px;
    margin-top: -145px;
}
.cont ul .feng{ width: 40px; background: none; }
.cont ul li:hover .bg{opacity: 1;transition: all 0.5s;}

.cont ul li .pic .white{display: none;}
.cont ul li .pic .black{display: inline;}

.cont ul li:hover .pic .white{display: inline;}
.cont ul li:hover .pic .black{display: none;}
.cont ul li:hover .hover{background:url(../img/hover.png) center top no-repeat;}

.cont ul li .catname{color: #2b6db6; font-size: 27px; margin-top:13px;}
.cont ul li:hover .catname{color: #2b6db6; font-size: 27px;}




.conta{width: 1200px;margin:0 auto; margin-top: 27px;}
.conta ul li {
    float: left;
    text-align: center;
    position: relative;
    width: 270px;
    height: 203px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.conta ul li img {
    width: 260px;
    height: 193px;
    border: 5px solid #dcdcdc;
}
.conta ul .feng{ width: 40px; background: none; }
.conta ul li .hover{ display: none; }
.conta ul li:hover .hover{background:#8cb3dd; display: block; opacity: 0.9; line-height: 203px; font-size: 19px; color: #fff; height: 270px; height: 203px; margin-top:-207px; position:relative;}

.conta ul li .catname{color: #2b6db6; font-size: 27px; margin-top:13px;}
.conta ul li:hover .catname{color: #2b6db6; font-size: 27px;}




 #f4 li:hover span.line1{width:1px;height: 100%;left:0;bottom: 0;transition: all 0.5s;}
 #f4 li:hover span.line2{width:100%;height: 1px;left:0;top:0;transition: all 0.5s;}
 #f4 li:hover span.line3{width:1px;height: 100%;right: 0;top:0;transition: all 0.5s;}
 #f4 li:hover span.line4{width:100%;height: 1px;right:0;bottom: 0;transition: all 0.5s;}


.contt{width: 1200px; margin: 0 auto; }

.slideBox3{ min-height: 728px; border-bottom:1px solid #e3e3e3;}

.section{min-height:765px;position:relative;}

#f4{ min-height: 765px; margin-top: 40px;}
#f4.section .content{color:#fff}
#f4 .slideBox ul{padding: 0px;background: #fff;height: 730px}
#f4 li{float: left;width:198px;height: 103px; margin:0px;position: relative;}
#f4 li span{position: absolute;background: #84a7cf;}
#f4 li .pic{height: 103px;}
#f4 li .pic img{width: 198px;height: 103px;}
/*#f4 li:hover{border:. 2rem solid #cbcbcb}*/
#f4 li span.line1{width:1px;height: 0;left:0;bottom: 0;transition: all 0.5s;}

#f4 li span.line2{width:0;height:1px;left:0;top:0;transition: all 0.5s;}

#f4 li span.line3{width:1px;height: 0;right: 0;top:0;transition: all 0.5s;}

#f4 li span.line4{width:0;height:1px;right:0;bottom: 0;transition: all 0.5s;}


    #f4 .slideBox{display: none;}
    #f4 .bd ul{padding:0px;background: none; }
    #f4 .bd ul li{width:198px;margin:0px; height: 103px;}



#f4 .bd ul .border_one{ border:1px solid #e3e3e3;}
#f4 .bd ul .border_two{ border:1px solid #e3e3e3; border-top:none;}