*{margin: 0px; padding: 0px; list-style: none;}
a{text-decoration: none; color: #333;}
body{font-size: 14px; font-family: "microsoft yahei";}
img{border: 0px;}
table{border-collapse:collapse;border-spacing:0}
.top{background: url(top_bg.jpg); height: 32px; color: #fff; text-align: right; line-height: 32px;}
.main{width: 1200px; margin: 0px auto;}
.top i{font-size: 16px;}
.search_input{border: 0px;  height: 20px; line-height: 20px; margin-left: 10px; vertical-align: middle; }
.search_btn{border: 0px;  height: 20px; line-height: 20px; background-color: #80B0AF; vertical-align: middle; width: 60px; text-align: center; color: #fff;}
.logo{margin-top: 20px; float: left;}
.nav{float: right;}
.nav li{float: left; width: 105px; height: 97px; line-height: 97px; text-align: center; font-size: 16px; position: relative;}
.nav .hover{background-color: #eee;}
.nav li a{display: block;}

.banner{height: 550px; width: 100%;}
.bgstretcher-area {
	text-align: left;
}

.bgstretcher,
.bgstretcher UL,
.bgstretcher UL LI {
	position: absolute;
	top: 0;
	left: 0;
}

.bgstretcher UL,
.bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bgstretcher {
	background: #fff;
	overflow: hidden;
	width: 100%;
	position: fixed;
	z-index: 1;
	_position: absolute;
	/*IE6 doesn't support fixed positioning*/
	top: 0;
	left: 0;
}

.banner #nav ul {
	list-style: none;
	display: block;
	margin-left: 47%;
	margin-top: 480px;
	padding: 0px;
	width: auto;
	float: left;
	z-index: 1;
}

.banner #nav ul li {
	display: inline-block;
	margin-left: 10px;
}

.banner #nav ul li a {
	display: inline-block;
	letter-spacing: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	height: 20px;
	width: 20px;
	background-image: url(02.png);
}

.banner #nav ul li a:hover {
	background-image: url(01.png);
}

.showPage a {
	background-image: url(01.png)!important;
}
.ov{overflow: hidden;}

.xldiv{height: 210px; background-color: #286F6D; width: 828px; position: absolute; z-index: 999; line-height: 28px; box-sizing: border-box;padding: 10px 20px; display: none; border-top: 3px solid #222;}
.xldiv table{width: 100%;}
.xldiv table td{padding: 5px; text-align: left; font-size: 16px; vertical-align: top;color: #fff; font-weight:bold}
.xldiv table td a{color: #fff; font-size: 14px; font-weight:normal}
.xldiv table td img{width: 150px; margin-top: 5px;}

.xlul{width: 180px; background-color: #286F6D; position: absolute; z-index: 9999;border-top: 3px solid #222; padding: 10px 0px;display: none; left:-40px }
.xlul li{line-height: 30px; height: 30px;width: 180px; text-align: center; }
.xlul li a{color: #fff; font-size: 14px; display: block; box-sizing: border-box;}
.xlul li a:hover{background-color: #225E5C;}

.in_title{font-size: 36px; margin: 20px 0px;}
.in_title img{margin-left: 10px; }
.in_title span{display: block;}
.in_title .cn_sm{font-size: 14px;}
.in_title .en_sm{font-size: 12px; color: #999;}
.about_ul li{float: left; text-align: center; width: 400px; margin-top: 20px;}
.about_ul li span{ display: block; font-size: 18px; line-height: 40px;}
.about_ul li p{font-size: 14px; color: #999;}
.about_ul li a{display: block; line-height: 40px; margin-bottom: 30px;}

.green{background-color: #286F6D; width: 100%; overflow: hidden; padding: 10px 0px; }
.green .in_title{color: #fff;}
.green .in_title .en_sm{font-size: 12px; color: #fff;}


/* 本例子css */
		.picScroll-left{ width:100%;  overflow:hidden; position:relative;  }
		.picScroll-left .hd{ overflow:hidden;  height:40px;  padding:10px; padding-right: 48%; }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:27px; height:27px; float:right; margin:10px 5px;  overflow:hidden;
			 cursor:pointer; background:url("larr.png") no-repeat;}
		.picScroll-left .hd .next{ background:url("rarr.png") no-repeat;  }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{   }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin-right:15px; float:left; _display:inline; overflow:hidden;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{ width:230px; height:230px; display:block;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:40px; border-bottom: 2px solid #225E5C; text-align:center}
		.picScroll-left .bd ul li .title a{color: #fff;}
		.kuhuul{overflow: hidden;padding-bottom: 30px}
.kuhuul li{float: left; margin-left: 9px; margin-top: 5px; }
.kuhuul li:nth-child(6n+1){margin-left: 0px;}
.foot{background-color: #eee; border-top: 1px solid #ddd; overflow: hidden; padding: 30px 0px;}
.foot .foot_tel{float: left;}
.foot .foot_tel img{float: left;margin-right: 10px;}
.foot .foot_tel p{float: right; font-size: 30px; line-height: 20px; color: #888;}
.foot_tel> p> span{font-size: 14px; display: block; }
.foot .foot_fx{float: right;}
.foot .foot_fx{color: #888;}
.copyright{text-align: right; color: #ccc; font-size: 12px;}
.copyright a{color: #ccc;}
.n_ban{width: 100%; height: 350px;}
.n_class{border-bottom: 1px solid #ddd; overflow: hidden;}
.n_class .class_ul li{float: left; height: 80px; line-height: 80px; width: 198px; text-align: center; border-left: 1px solid #ddd; border-bottom:1px solid #ddd;}
.n_class .class_ul li:last-child{border-right: 1px solid #ddd;}
.n_class .class_ul li:nth-child(6n){border-right: 1px solid #ddd;}
.n_class .class_ul li a{font-size: 16px;}
.n_class .class_ul .hover{background-color: #286F6D;}
.n_class .class_ul .hover a{color: #fff;}
.n_class .class_ul .hover1{background-color: #286F6D;}
.n_class .class_ul .hover1 a{color: #fff;}
.class_name{text-align: center; color: #2A706E; font-size: 35px; padding: 30px 0px; background: url(classline.jpg) bottom center no-repeat;}
.class_name span{display: block; font-size: 20px;}

.nr {
    padding:20px 0px; line-height:22px
}
.imglist1 {
    float: left; width:205px; padding:5px; border:1px solid #ddd; margin:10px; background:#fff
}
    .imglist1 a {
        font-size:16px; display:block; text-align:center; line-height:30px
    }
    .imglist1 img {
        width:205px; height:205px;
    }
    .imglist1 .procontent {
        line-height:22px; color:#999
    }

      .pages {
    color: #999;
    float: right;
    overflow: hidden;
    padding: 10px;
}

    .pages a, .pages .cpb {
        text-decoration: none;
        float: left;
        padding: 2px 7px;
        border: 1px solid #ddd;
        background: #efefef;
        margin: 0 2px;
        font-size: 11px;
        color: #000;
    }

        .pages a:hover {
            background-color: #286F6D;
            color: #fff;
            border: 1px solid #286F6D;
            text-decoration: none;
        }

    .pages .cpb {
        font-weight: bold;
        color: #fff;
        background: #286F6D;
        border: 1px solid #286F6D;
    }

    .newslist li {
    border: 1px solid #ddd;
    overflow: hidden;
    padding: 15px;
    margin:15px 0px;
    background-color: #fff;
}
.downlist li {
    border-bottom: 1px dashed #ddd;
    overflow: hidden;
    padding: 15px;
    margin:15px 0px;
   
}

.newslist .classname {
    font-size: 24px;
    text-align: center;
    color: #444;
    border: 0px;
    margin: 0px;
    padding: 0px;
}

.newsdate {
    float: left;
    width: 160px;
    height: 100px;
    margin-right: 20px;
    text-align: center;
    font-size: 40px;
    background-color: #fff;
    line-height: 30px;
}

    .newsdate > span {
        padding-top: 18px;
        display: block;
    }

    .newsdate p {
        font-size: 16px;
        color: #999;
    }

    .newsdate img {
        width: 160px;
        height: 100px;
    }

.newslist > li > a {
    font-size: 16px;
    line-height: 25px;
    color: #111;
}

.newslist > li > p {
    color: #777;
    line-height: 25px;
}

.newslist > li > div > span > p {
    font-size: 15px;
    color: #666;
}
 .nextnews {
  border: 1px dashed #DDD;
  border-right: 0px;
  border-left: 0px;
  line-height: 50px;
  text-align: right;
  color: #999;
}
    .newstitle
{
    text-align:center; font-size:22px; padding:10px 0px;
}
.newsaddtime
{
    text-align:center; line-height:30px; color:#999; border-bottom:1px dashed #ddd;
}
.newscontent
{
    padding:20px 0px; line-height:22px;
}
.page_foot {
    overflow: hidden;
}
.login_ul {
width:305px; margin:20px auto;
}
.reg_ul {
  width:405px; margin:20px auto;  
}
.login_ul li {
    text-align:center; padding:10px 0px
}
.reg_ul li {
    text-align:center; padding:10px 0px
}
 .reg_ul li input {
        height:31px; line-height:31px; border:1px solid #ddd; width:300px;
    }
    .login_ul li input {
        height:31px; line-height:31px; border:1px solid #ddd; width:300px;
    }
.inp_username {
background:url(userico.png) center left no-repeat;text-indent:40px;
}
.inp_password{
background:url(passico.png) center left no-repeat;text-indent:40px;
}
.tj_btn {
    background-color:#286F6D; color:#fff
}
.nobg {
    background-image: none;text-indent:10px;
}
.reg_ul li span {
    display: inline-block;
    width: 80px;
    text-align: right;
}
.reg_ul li i {
    color:#c00
}



.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}