*{margin:0; padding:0; font-family:"Microsoft YaHei";}
body{ background:#fff; line-height:24px; font-size:14px; color:#555;}
a{color:#555;font-size:14px; text-decoration:none;}
a:hover{color:#F00; text-decoration:none;}
img{border:none;}
li,ul{list-style-type:none;}
.fl{ float: left;}
.fr{ float: right;}
.container{ width: 1200px; margin: 0 auto; overflow: hidden;}
/*--- header ---*/
.header{ padding: 15px 0 10px 0;}
.logo{padding-top: 8px;}
/*--- nav ---*/
.nav{ width: 100%; height: 57px; background: #0181e6; overflow: hidden;}
.nav ul{ width: 1200px; margin: 0 auto; overflow: hidden;}
.nav ul li{ width: 150px; float: left; text-align: center; height: 57px; line-height: 57px; overflow: hidden;}
.nav ul li a{ display: block; width: 100%; height: 57px; color: #fff; font-size: 16px;}
.nav ul li a:hover{ background: #0d5389;}
/*--- banner ---*/
#banner { width:100%; height:455px; position:relative}
#slides { display:block; width:100%; height:455px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; bottom:15px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#f00 }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
/*--- main ---*/
.main{ width: 100%;padding-bottom: 20px; background: #ededed; overflow: hidden;}
.m-fff{ width: 100%; background: #fff; padding-top: 20px; overflow: hidden;}
.m-news{ width: 1200px; margin: 0 auto; height: 277px; overflow: hidden;}
.m-news-list{ width: 785px; float: left; padding-top: 25px; overflow: hidden;}
.m-news-list div{ width: 100%; height: 108px; margin-bottom: 25px;}
.m-news-list div .img{ width: 108px; height: 108px; float: left; overflow:visible; position:relative;}
.m-news-list div .img .cimg{ width: 108px; height: 108px;}
.m-news-list div .img .cimg img{ width: 108px; height: 108px;}
.m-news-list div .img .gai{ width: 108px; height: 108px;overflow:hidden; position: absolute; left:0; top:0; z-index:999}
.m-news-list div .txt{ width: 646px; line-height: 28px; float: right; height: 98px; padding-top: 10px;}
.m-news-list div .txt a{ font-size: 16px; font-weight: 700;}
.m-news-hot{ width: 365px; float: right; height: 277px; background: #2585cf; overflow: hidden;}
.m-news-hot .hd{ width: 100%; height: 61px; line-height: 61px; text-align: center; font-size: 22px; color: #fff; font-weight: 700;}
.m-news-hot .bd{ width: 100%; height: 216px; overflow: hidden;}
.m-news-hot .bd li{ text-align: center;}
.m-news-hot .bd li img{ width: 359px; height: 213px;}
.m-company{ width: 100%; margin: 25px 0; height: 405px; background: url(../Image/m-about.jpg) no-repeat top center; overflow: hidden;}
.m-about{ width: 557px; float: left; padding-top: 35px; overflow: hidden;}
.m-about .title{ width: 100%; height: 60px; font-size: 30px;  color: #fff;}
.m-about .title span{ font-size: 18px;}
.m-about .contnet{ width: 100%; height: 188px; padding-top: 10px; color: #fff; line-height: 28px;}
.m-about .more{ width: 142px; height: 46px; background: #02926d; text-align: center; line-height: 46px;}
.m-about .more a{ color: #fff; font-size: 20px;}

.m-bot{ width:1200px; margin: 0 auto; overflow:hidden;}
.m-bot .hd{ width:100%; height:59px; background: url(../Image/m-bot.jpg) repeat-x; overflow:hidden;}
.m-bot .hd ul{overflow:hidden; width:400px; height:59px; line-height: 55px;}
.m-bot .hd ul li{float:left; display:block; width:155px; height:59px;text-align:center; font-size: 16px; color:#000; cursor:hand;}
.m-bot .hd .active span{color:#fff; background:url(../Image/m-hover.jpg); display:block; width:155px; height:59px;}
.m-bot .hd .normal{}
.m-bot .bd{ width:100%; height: 215px; padding-top: 25px; overflow: hidden;}
.m-bot .none{display:none;}

#indexPro{ width: 100%; height:215px; overflow: hidden;}
#indexPro li{width:240px; height:215px; background: url(../Image/product.png); margin-right: 25px;  float:left; line-height:22px; text-align:center;}
#indexPro li a{ color: #fff;}
#indexPro li img{ width: 240px; height: 180px;}

/*sidebar*/
.sidebar{ width: 200px; float: left; overflow: hidden;}

/*inside*/
.warp{ padding: 20px 0;}
.catmane{ width: 100%; height: 50px; background: url(../Image/n-icon.jpg) no-repeat left center; border-bottom: 1px solid #086cce; text-indent: 35px; line-height: 45px;}
.n-n{ width: 96%; margin: 0 auto; padding: 15px 0; line-height: 260%; overflow: hidden;}
/*footer*/
.footer{ width: 100%; background: #242323; color: #5c5959; line-height: 30px; overflow: hidden;}
.footer a{ color: #5c5959;}
.footer a:hover{ color: #ff0;}
.f-nav{ width: 500px; float: left; overflow: hidden;}
.f-txt{  float: right; text-align: right; overflow: hidden;}

/*info*/
#newTitle{ width: 95%; margin: 0 auto; padding: 25px 0 10px 0;  text-align:center;text-align:center;}
.m-botContent{ margin: 16px 0;}
.m-botInfo{ width: 98%; margin: 0 auto;  border-bottom: 1px dashed #bfebff; line-height: 55px; font-weight:normal; text-align:center; font-size:12px;}
.m-botdescription{ width: 95%; margin: 0 auto; padding: 5px 2.5%; border-bottom: 1px solid #bfebff; font-size: 12px; font-weight: normal; margin-bottom: 20px;}
.infoClass{margin:0px;margin-bottom:10px;line-height:12px;}
#infoImage{text-align:center;margin:10px 0;}
#infoImage img{padding:1px; border:1px solid #dedede;}
.news_title{color:#da020d;text-align:center;line-height:40px;}
#newsInfo{ text-align: center; border-bottom: 1px dashed #cdcdcd; padding: 8px 0;}
.meta{color:#999;text-align:center;line-height:28px;}
.Newstime{float:right;}
#allmap{ width:98%; margin:0 auto; border:1px solid #dedede; height:850px; overflow:hidden;}
/*picUL*/
#picUL{text-indent:0; overflow:hidden;}
#picUL li{height:250px; width:33.3%;  float:left; line-height:22px;  text-align:center;}
#picUL li img{height:210px; width:280px; border:1px solid #dedede; padding:1px; }
#picUL li img:hover{ border: 1px solid #cdcdcd;}

/*product-info*/
.teacher-top{ text-align: center; font-size: 20px; font-weight: 700; color: #f00; padding: 10px 0; line-height: 38px; overflow: hidden;}
.teacher-top img{ max-width: 650px;}
.p-top{ padding: 20px 0; overflow: hidden;}
.p-img{ width: 450px; float: left; height: 600px; overflow: hidden;}
.p-img img{ width: 450px; height: 600px;}
.p-txt{ width: 370px; float: right;}
.p-name{ font-size: 20px; font-weight: 700; color: #000; border-bottom: 1px solid #cdcdcd; padding: 8px 0; overflow: hidden;}
.p-price{ padding: 5px 0;}
.p-txt span{ color: #f00; font-weight: 700;}
.p-tel{ font-size: 25px; font-weight: 700; color: #f00; font-style: italic;}
.p-message{ width: 220px; height: 35px; margin-top: 15px; line-height: 35px; border: 1px solid #f00; border-radius:15px;text-align: center;}

.p-content{ width: 850px; border: 1px solid #cdcdcd;border-radius:4px; overflow: hidden;}
.p-content .title{ width: 100%; height:40px; border-bottom: 1px solid #f00; overflow: hidden;}
.p-content .title h2{ width: 100px; text-align: center; height: 40px;  overflow: hidden; color: #fff; font-size: 15px; line-height: 40px; font-weight: 700; background: #f00;}
.p-content .nr{ width: 98%; margin: 0 auto; line-height: 260%; padding: 15px 0 0; overflow: hidden;}
#prev_next{ width: 98%; margin: 10px auto; line-height: 260%; overflow: hidden;}
#prev_next li{ border-bottom: 1px dashed #cdcdcd;}
.panter{ width: 1200px; margin: 0 auto; padding: 25px 0; overflow: hidden;}
.article .hd{ border-bottom: 1px solid #f00; padding-bottom: 5px; line-height: 30px; font-weight: 700; font-size: 18px; color: #33c2fc;}
.article .bd{ padding: 15px 0; line-height: 36px;}
/*table*/
.table{ width:97%; margin:0 auto; margin-bottom:15px; border-bottom:1px solid #dedede;}
.tb_left{ width:10%; text-align:right; overflow:hidden;}
.tb_txt{ width:89%; overflow:hidden;}
.yingpin{ text-align:right;}
.yingpin a{color:#f00000; text-decoration:none;}
.yingpin a:hover{color:#F0F; text-decoration:none;}
/*page*/
#page{clear:both;line-height:35px;height:35px;width:99%; text-align:center;border:1px solid #cdcdcd; margin-top:10px;}
/*borderLi*/
.borderLi{border-bottom:1px dashed #dedede;margin-bottom:6px;padding-bottom:6px;}
.G_InputText{width:160px;height:16px;border:1px solid #dedede;}
.InputText{width:90px;height:16px;border:1px solid #dedede;}
.G_textarea{width:300px;height:100px;border:1px solid #dedede;}
.G_ul{width:500px;margin:0 auto;line-height:26px;}
.G_tips{width:780px;margin:10px auto 0 auto;border:1px solid #dedede;padding:7px;}
/*message*/
.comtent_info{width:710px;*+margin-top:-612px;*+margin-left:250px;display:inline-block;vertical-align:top;margin-bottom: 20px;}
.comtent_info_tit{width:100%;height:36px;line-height:36px;*+line-height:36px;text-indent:13px;font-family:Microsoft YaHei,arial;font-size:14px;color:#338e00;overflow:hidden;}
.comtent_info .comtent_info_tit .url{height:36px;line-height:37px;color:#6a6a6a;font-family:Microsoft YaHei,arial;font-size:12px;float:right;margin-right:10px;*+margin-top:-37px;display: inline-block;}
.comtent_info .comtent_info_tit .url .url_img{width: 10px;height: 10px;margin-top: 13px;*+margin-top: 12px;float: left;}
.comtent_info .comtent_info_company{width:666px;margin:28px auto 0 auto;font-size:14px;font-family:Microsoft YaHei,arial;line-height:28px;}
.comtent_info .comtent_info_company p{text-align:justify;letter-spacing:1px;font-size:14px;line-height:28px;color:#444444;margin-bottom:30px;}
.comtent_info table th{color:#444444;width:70px;font-weight:normal;font-size:14px;font-family:Microsoft YaHei,arial;text-align:right;vertical-align: top;padding-top: 9px;}
.comtent_info table td select{font-family: Microsoft YaHei,arial;font-size: 14px;width: 278px;height: 32px;text-indent: 8px;border: 1px solid #d2d4d6;margin: 5px auto 6px 5px;*+margin-left:-3px;background: #FFF;}
.comtent_info table td ul{list-style:none;position:absolute;}
.comtent_info table td ul li{font-family:Microsoft YaHei,arial;font-size:14px;height:28px;line-height:28px;text-indent:8px;width:276px;height:28px;border-left:1px solid #d2d4d6;border-right:1px solid #d2d4d6;background:#FFF;}
.comtent_info table td ul li a{display:block;text-decoration:none;color:#444444;}
.comtent_info table td ul li a:hover{color:#fe7d0c;}
.comtent_info table td ul li:last-child{border-bottom:1px solid #d2d4d6;}
.comtent_info table td input{font-size:14px;width:276px;height:28px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.comtent_info table td .ppp{font-size:14px;width:26px;height:28px;}
.comtent_info table td .yanzheng{width:101px;}
.comtent_info table td textarea{resize: none;width:545px;height:178px;border:1px solid #d2d4d6;margin:5px auto 5px 5px;}
.middle .comtent .comtent_info table td img{vertical-align:middle;margin-left:5px;margin-bottom:4px;*+margin-bottom:14px;}
.comtent_info table td .but{width:74px;height:31px;line-height:31px;background:#4a5b6d;border-radius:2px;border:none;text-align:center;margin-top:14px;margin-left:5px;font-size:14px;font-family:Microsoft YaHei,黑体,sans-serif;color:#FFF;}
.comtent_info table td .but a{text-decoration:none;font-size:14px;font-family:Microsoft YaHei,黑体,sans-serif;color:#FFF;display:block;}
.comtent_info table td .but a:hover{background:#4a5b6d;border-radius:2px; text-decoration: underline;}
.j-content{ padding: 5px;}
.pointer{ width:60px; height: 28px; vertical-align: top;margin:5px auto 5px 5px;}