@charset "utf-8";
	/* CSS Document */
body,div,dl,dt,dd,ul,li,form,h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
}
html {
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	width: 100%;
	height: 100%;
}
body{ 
	font-size:14px; 
	font-family:"微软雅黑" , Arial, Verdana, Geneva, sans-serif;
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}
ul,li,dl,dt,dd {
	display:block;
	list-style:none;
}
img {
	border:0;
	max-width:100%;
}
.fullimg img{
    width: 100%;
    height: 100%;
}
.clear {background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
a {color:#000;text-decoration:none;outline:none;}
.ellipsis{
    white-space: nowrap;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    -o-text-overflow: ellipsis; /*For Opera*/  
    -ms-text-overflow: ellipsis; /*For IE8*/ 
}
.container{
	width: 100%;
	height: auto;
}
.midBox{
    width: 1100px;
    margin: 0 auto;
}
.header{
	width: 100%;
    position: relative;
}
.logoNav{
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.logoNav .logo{
    float: left;
    max-width: 280px;
}
/*一级菜单*/    
.navigation{width:920px;height:80px;float:right;line-height:80px;font-size:16px;font-family:"Microsoft YaHei";}
.navigation li{float:left; text-align:center;}
.navigation li a{ display:block;}
.navigation li a:hover{color:#0099e6;} 
.navli {float:left;width:120px;padding: 0;height:77px; border-bottom: 3px solid #fff; display: block;text-align:center;position: relative;}
.navli:hover{border-bottom: 3px solid #0099e6;}
#home{width:80px;height:80px;background: #0099e6;}
#home a{color: #fff;}
/*二级菜单*/
.navigation li ul {display:none; line-height:35px; position: absolute;top: 80px;left: 0;margin:0;min-width: 120px;z-index: 9999;background: #fff;}
.navigation li:hover .ul2 {display: block; background: #fff;}
.navigation li ul.ul2>:first-child{border-top: none;}
.navigation li ul li {height: 35px; border-top: 1px dashed #a6a6a6; float: none;margin: 0;white-space: nowrap;position: relative;}
.navigation li ul li a {display: block;margin: 0;  text-align: center;}
.navigation li ul li a:hover {color: #0099e6;background: #fff;}
/*三级菜单*/
.navigation li ul li ul{display:none; position: absolute;top: 0;left: 120px; margin:0;width:auto;min-width: 120px;z-index: 99999;}
.navigation li ul li:hover ul{display: block;}
.navigation li ul.ul2 li ul>:first-child{border-top: none;}
.navigation li ul li ul li{float: none;margin: 0;white-space: nowrap;border-top: 1px dashed #a6a6a6;}
.navigation li ul li ul li a{display: block;margin: 0; font-size: 14px; text-align: center;}
.navigation li ul li ul li a:hover{color: #0099e6;background: #fff;}

/*幻灯片*/
#Slideshow { width: 100%; margin:0 auto; position: relative; overflow:hidden;z-index: 0;}
#Slideshow .pics{width: 100%;}
#Slideshow .pics li{width: 100%;}
#Slideshow .pics li img{width:100%;}
/*数字按钮样式*/
#Slideshow .num { overflow:hidden; height: 25px; position: absolute; bottom:5px; right: 20%; zoom:1; z-index:3 }
#Slideshow .num li { width: 20px; height: 20px; line-height: 20px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
#Slideshow .num li.on { background: #e33d11; } /*当前项*/
/*上一个  下一个*/
#Slideshow .prev,#Slideshow .next { display: none; width: 40px; height: 100px; background: url(../images/btn2.png) no-repeat; position: absolute; top: 250px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#Slideshow .prev { left: 4px; }
#Slideshow .next { right: 4px; background-position: right;}
#search-form{
    width: 185px;
    height: 30px;
    position: absolute;
    right: -50px;
    bottom: -40px;
    z-index: 999;
    background: #fff;
    border-radius: 3px;
    /*display: none;*/
}
#search-form #form1{width: 100%;height: 100%;position: relative;}
#keywords{ width:180px; height:26px; background: #fff;  float:left; margin:0 0 2px 4px; outline: none; border: none; background: none; color: #b8b7b7; font-size: 14px; font-family: "微软雅黑";}
#post-search{display: block; width:40px; height:40px;position:absolute;top:-70px;right: 0; z-index: 9999;  outline: none; border: none; cursor: pointer; background:url(../images/search.jpg) no-repeat;}

.syProdcut{
    width: 1100px;
    margin: 0 auto;
    padding: 20px 0px;
}
.catBox{
    height: 100px;
    float: left;
}
.catBox .catname{
    font-size: 30px;
    line-height: 60px;
    color: #333333;
}
.catBox .line{
    width: 50px;
    height: 2px;
    background: #000;
}

.catBox .catdir{
    text-transform: capitalize;
    line-height: 30px;
    font-size: 20px;
    color: #999;
    font-family: "Arial";
}
.slideGroup{width: 1100px;margin: 20px auto;}
.slideGroup .parHd{width: 1100px; height:20px; overflow: hidden; line-height:20px; float: left; position:relative; }
.slideGroup .parHd ul{width: 800px; float:left;height:20px; border-left: 1px solid #999999;}
.slideGroup .parHd ul li{ float:left; border-right: 1px solid #999999; padding:0 20px; margin-right: 5px; cursor:pointer; font-size: 18px; color: #333333;  }
.slideGroup .parHd ul li.on{color: #0099e6;}
/*.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:-60px; top:80px; display:block; width:50px; height:70px; background:url(../images/btnPrev.jpg) center center no-repeat #f4f4f4; }
.slideGroup .sNext{ left:auto; right:-60px; background:url(../images/btnNext.jpg) center center no-repeat #f4f4f4;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60; }*/
.slideGroup .parBd{float: left; margin-top: 40px; }
.slideGroup .parBd .slideBox{width: 1100px; position: relative; }
.slideGroup .parBd ul{width: 1100px; overflow:hidden; zoom:1; }
.slideGroup .parBd ul li{width:340px; height:351px; margin-right:40px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li.no{margin-right: 0px;}
.slideGroup .parBd ul li:hover{border-color:#f60;}
.slideGroup .parBd ul li .pic{ text-align:center;width:340px; height:250px;padding-bottom: 20px;}
.slideGroup .parBd ul li .pic img{ vertical-align:middle; display:inline;  max-width: 100%; max-height: 100%;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;}
.slideGroup .parBd ul li .pic img:hover{-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.slideGroup .parBd ul li .pic span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; } 
.slideGroup .parBd ul li .info{ padding: 0 55px 0 30px; width: 255px; height: 80px; overflow: hidden; border-top: 1px solid #e6e6e6;text-align: left; }
.slideGroup .parBd ul li .info .tt{font-size: 18px;color: #333333;line-height: 30px; margin-top: 10px;}
.slideGroup .parBd ul li .info p{ height: 30px; line-height:30px; color: #999999;}
.slideGroup .parBd ul li:hover .info{background: #0099e6 url(../images/titlebg.jpg)no-repeat right; color: #fff;}
.slideGroup .parBd ul li:hover .info .tt{color: #fff;}
.slideGroup .parBd ul li:hover .info p{color: #fff;}

.syAbout{width: 100%;margin: 20px auto; padding:20px 0;background: #11b5e9;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr="#0099e6",endcolorstr="#17c0eb",grandientType=1);
    background:-moz-linear-gradient(left, #0099e6, #17c0eb); background:-webkit-gradient(linear, 0 100%, 100% 100%, from(#0099e6), to(#17c0eb)); 
}
#abcat .catname,#abcat .catdir{color: #fff;}
#abcat .line{background: #fff;}
.syAbout .content{
    width: 860px;
    float: right;
    padding: 30px 0;
    font-size: 16px;
    color: #ffffff;
    line-height: 2em;
}
.syService .svlist{
    float: left;
    width: 1100px;
    margin-top: 30px;
}
.syService .svlist li{
    width:366px;
    float: left;
    border-right: 1px solid #e6e6e6;
    text-align: center;                                       
}
.syService .svlist li.no3{
    border: none;
}
.syService .svlist li .num{
    font-size: 60px;
    color: #cccccc;
    font-family: "Times New Roman";
}
.syService .svlist li .line{
    width: 30px;
    height: 1px;
    margin: 0 auto;
    background: #cccccc;
}
.syService .svlist li .tt a{
    font-size: 18px;
    color: #333333;
    line-height: 3em;
}
.syService .svlist li:hover .tt a,.syService .svlist li:hover .num{
    color: #0099e6;
}
.syService .svlist li:hover .line{
    background: #0099e6;
}
.syService .svlist li .desc{
    padding: 0px 40px;
    line-height: 2em;
    max-height: 56px;
    overflow: hidden;
    color: #999999;
}
.syService .svlist li .pic{
    width: 340px;
    height: 200px;
    margin: 20px auto;
    margin-bottom: 0;
}
.syNews{
    width: 100%;
    position: relative;
}
.syNews #catbox{
    width: 100%;
    padding: 20px 0px;
    margin-top: 20px;
    border-bottom: 1px solid #e6e6e6;
}
.syNews .newsLeft{
    width: 390px;
    height: 390px;
    float: left;
    margin-left: 158px;
    text-transform: uppercase;
    color: #ccc;
    border-left: 1px solid #e6e6e6;
}
.syNews .newsLeft .bigDir{
    width: 345px;
    border-left: 5px solid #0099e6;
    float: left;
    margin: 240px 0px 0px -1px;
    font-size: 80px;
    font-family: "Arial";
    padding-left: 40px;
}
.syNews .newsLeft p{
    text-align: center;
    font-size: 16px;
}
.syNews .newsRight{
    width: 550px;
    float: right;
    position: relative;
}
.newsRight .news_first{
    width: 550px;
    height: 280px;
    position: relative;
    color: #fff;
    background: #11b5e9;
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr="#0099e6",endcolorstr="#17c0eb",grandientType=1);
    background:-moz-linear-gradient(left, #0099e6, #17c0eb); background:-webkit-gradient(linear, 0 100%, 100% 100%, from(#0099e6), to(#17c0eb)); 
}
.newsRight .news_first .time{
    width: 100px;
    height: 100px;
    background: #333333;
    position: absolute;
    top: 0;
    left: -100px;
    text-align: center;
    color: #fff;
    font-family: "Arial";
    line-height: 20px;
}
.newsRight .news_first .time p{
    font-size: 22px;
    margin-top: 35px;
}
.newsRight .news_first .tt{
    width: 470px;
    padding: 0px 40px;
    height: 99px;
    line-height: 99px;
    font-size: 18px;
    color: #fff;
    border-bottom: 1px solid #35c2f3;
}
.newsRight .news_first .desc{
    width: 470px;
    height: 60px;
    padding: 0px 40px;
    margin-top: 30px;
    line-height: 30px;
    text-indent: 2em;
    overflow: hidden;
}
.newsRight .news_first a.more{
    width: 140px;
    height: 36px;
    float: right;
    margin: 25px 40px 0 0;
    background: #66e6ff;
    color: #fff;
    line-height: 36px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 5px;
}
.newsRight .news_first a.more:hover{
    background: #56dcf6;
}
.newsRight .news_pics{
    height: 270px;
}
.newsRight .news_pics .bd{
    width: 100%;
    height: 220px;
}
.newsRight .news_pics .bd li{
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.newsRight .news_pics .bd li img{
    width: 100%;
}
.newsRight .news_pics .prev,
.newsRight .news_pics .next{
    width: 275px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: #fff;
    font-size: 16px;
}
.newsRight .news_pics .prev{
    left: 0;
    color: #059be6;
}
.newsRight .news_pics .next{
    right: 0;
    color: #fff;
    background: #333333;
}
.syContact{
    width: 100%;
    padding: 40px 0px;
    margin-top: -160px;
    background: url(../images/sycontact.jpg) no-repeat 100% 100%;
    color: #fff;
}
.syContact .catBox{
    margin-top: 30px;
}
.syContact .contInfo{
    width: 50%;
    float: left;
    margin-top: 50px;
    line-height: 2em;
}
.syContact .contInfo .icon{
    display: block;
    width: 30px;
    height: 30px;
    float: left;
    position: relative;
}
.syContact .contInfo .icon:hover .icon_wx_big{
    display: block;
}
.syContact .contInfo .icon .icon_wx_big{
    display: none;
    position: absolute;
    width: 150px;
    height: 150px;
    border: 5px solid #fff;
    right: -150px;
    top: 25px;
}
#message{
    float: right;
    width: 50%;
}
#myform{
    width: 100%;
    margin-top: 30px;
    text-transform: capitalize;
    color: #fff;
}
#myform .name{
    width: 100%;
    float: left;
    height: 30px;
    line-height: 30px;
}
#myform .input-text{
    width: 100%;
    float: left;
    border: none;
    background: none;
    border-bottom: 1px solid #fff;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    outline: none;
}
#myform #showtip{
    width: 80px;
    height: 30px;
    line-height: 30px;
    float: left;
}
#myform #yzm{
    float: left;
    height: 30px;
    /*margin-top: -18px;*/
}
#myform #l_yzm{
    width: 30%;
    border: none;
    background: none;
    border-bottom: 1px solid #fff;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    outline: none;
}
#myform #l_words{
    width: 99%;
    height: 90px;
    line-height: 30px;
    background: none;
    color: #fff;
    font-size: 14px;
    border: 1px solid #fff;
    font-family: "微软雅黑";
}
#myform #dosubmit{
    margin-top: 20px;
    width: 100%;
    line-height: 40px;
    background:#fff url(../images/submit.jpg) no-repeat 60%;
    border-radius: 5px;
    font-size: 14px;
    color: #0099e6;
    border: none;
    box-shadow: none;
}
/*内页留言板*/
#liuyanbox{
    width: 50%;
    margin: 0 auto;
}
#liuyanbox #myform{
    color: #333;
}
#liuyanbox #myform .input-text,#liuyanbox #myform #l_yzm{
    border-bottom: 1px solid #333;
    color: #333;
}
#liuyanbox #myform #l_words{
    border: 1px solid #333;
    color: #333;
}
#liuyanbox #myform #dosubmit{
    background:#333 url(../images/submit.png) no-repeat 60%;
}

.footer{
    width: 100%;
    padding: 20px 0;
    line-height: 2em;
    color: #999999;
    border-top: 1px solid #ccc;
    margin-top: 20px;
}
#syfooter{
    border: none;
    margin: 0;
}
.bdsharebuttonbox {
    width: 90%;
    float: right;
}
.inPage {
    margin-top: 20px;
}
.partLeft {
    width: 270px;
    float: left;
    background-size: 100%;
}

.partLeft .catname {
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #0099e6 url(../images/catbg.jpg) no-repeat 15px;
    color: #fff;
    font-size: 16px;
}
.partLeft #lx{
    background: #0099e6 url(../images/catbg2.jpg) no-repeat 15px;
}

.partLeft .catname .zh {
    width: 210px;
    height: 50px;
    float: right;
}

.partLeft .menuTree {
    width: 250px;
    padding: 10px 0px 10px 0px;
    margin: 5px auto;
}

.menuTree ul {
    font-size: 100%;
    padding: 0px;
    margin: 0px;
    display: none;
}

.menuTree ul li {
    width: 250px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    border-bottom: 1px dashed #ccc;
    white-space: nowrap;
    background: #f5f5f5 url(../images/collapsed_image.png) no-repeat 20px;
}

.menuTree ul li a {
    color: #333333;
}

.menuTree ul li a:hover,.menuTree ul li a.current {
    color: #0099e6;
    font-size: 110%;
    font-weight: bold;
}

.menuTree ul li.parent a:hover {
    font-size: 110%;
    color: #0099e6;
}

.menuTree ul li.child {
    background: #f5f5f5 url(../images/collapsed_image.png) no-repeat 20px;
}

.menuTree ul li.parent {
    background: url(../images/expended_image.png) no-repeat 20px 0px;
}

.menuTree ul li.expanded {
    background: url(../images/collapsed_image.png) no-repeat 20px;
}

.menuTree ul.expanded li {
    line-height: 36px;
    border-top: none;
    background: #f2f0f0;
    font-size: 90%;
}
.menuTree ul.expanded li:first-child{
    border-top: none;
}

.partLeft #ct {
    background: none;
    border-bottom: 1px solid #cdcecc;
    color: #333333;
}

.partLeft #ct .one {
    background: url(../images/ct.png)no-repeat;
}

.partLeft #ct .zh {
    text-transform: capitalize;
}

.partLeft .contact {
    padding: 10px;
    line-height: 2em;
}

.partRight {
    width: 800px;
    float: right;
    padding-left: 20px;
    border-left: 1px solid #cdcecc;
    min-height: 500px;
    position: relative;
}

.partRight .ltbar {
    width: 5px;
    height: 40px;
    background: #cdcecc;
    position: absolute;
    left: -3px;
    top: 0;
}

.partRight .position {
    width: 760px;
    height: 30px;
    padding-left: 20px;
    font-size: 18px;
    border-bottom: 1px solid #cdcecc;
    line-height: 30px;
    color: #444444;
    background: url(../images/positionbg.png) no-repeat left;
}

.partRight .position .catpos {
    width: 500px;
    float: right;
    text-align: right;
    font-size: 14px;
}

.partRight .position .catpos a:hover {
    color: #38cafb;
}

.partRight .showBox {
    width: 100%;
    color: #797979;
}

.partRight .showBox .title {
    margin-top: 20px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #444;
}

.partRight .showBox .other {
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #a2a2a2;
}

.partRight .showBox .content {
    line-height: 2em;
    padding-top: 10px;
}

.picLists li{width:240px; height:251px; margin-right:30px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picLists li.no{margin-right: 0px;}
.picLists li:hover{border-color:#f60;}
.picLists li .pic{ text-align:center;width:240px; height:200px;}
.picLists li .pic img{ vertical-align:middle; display:inline;  max-width: 90%; max-height: 90%;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;transition:all 0.8s;}
.picLists li .pic img:hover{-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);}
.picLists li .pic span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; } 
.picLists li .tit{ padding: 0 10px 0 10px; width: 220px; height: 50px;font-size: 14px;color: #333333;line-height: 50px; overflow: hidden; border-top: 1px solid #e6e6e6;text-align: left; }
.picLists li:hover .tit{background: #0099e6 url(../images/titlebg.jpg)no-repeat right; color: #fff;}

.artLists li {
    width: 760px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    float: left;
    position: relative;
    border-bottom: 1px dashed #cccccc;
}

.artLists li .dot {
    width: 5px;
    height: 5px;
    background: #0099e6;
    position: absolute;
    left: 0;
    top: 22px;
}

.artLists li a {
    color: #333333;
}

.artLists li a:hover {
    color: #0099e6;
}

.artLists li span.time {
    display: block;
    float: right;
    color: #999999;
    font-family: "Arial";
}

/*pages*/
#pages {
    padding: 14px 0 10px;
    margin: 10px;
}

#pages a {
    display: inline-block;
    width: 26px;
    height: 22px;
    line-height: 22px;
    background: #fff;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #333
}

#pages a.a1 {
    background: url(../images/search/admin_img/pages.png) no-repeat 0 5px;
    width: 56px;
}

#pages a:hover {
    background: #f1f1f1;
    color: #000;
    text-decoration: none;
}

#pages span {
    display: inline-block;
    width: 26px;
    height: 22px;
    line-height: 22px;
    background: #0099e6;
    border: 1px solid #0099e6;
    color: #fff;
    text-align: center;
}

.page .noPage {
    display: inline-block;
    width: 56px;
    height: 22px;
    line-height: 22px;
    background: url(../img/icu/titleBg.png) repeat-x 0 -55px;
    border: 1px solid #e3e3e3;
    text-align: center;
    color: #a4a4a4;
}

.preNext {
    font-size: 14px;
}

.preNext li {
    height: 20px;
    line-height: 20px;
}

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

.scroll {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
    font-size: 14px;
    background: url(../images/top.png) no-repeat;
}