﻿/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/

body {font-family: "Microsoft YaHei",Arial, simsun, sans-serif;color:#666; line-height: 1.8; color:#666; font-size:14px; line-height: 1.8;}
ul,li,form{list-style:none;margin:0;padding:0;}
a{color:#666;}
a:hover{color: #c00000; text-decoration: none;}
a:focus {outline: none;}
.black20{ height:20px; clear:both; overflow:hidden;}
/*header*/
.header{  width:100%; height:140px; z-index:100;  margin:0 auto;}
.header .logo{
    width: 280px;
    padding-top: 15px;
}
.header .icon_tel{height: 60px;padding-top: 5px;}
.banner{ position:relative;}
.top{ padding:10px 0; clear:both; margin:0 auto; background:#fff}
.search{ position:relative; margin-top:-8px;}
.form-control{ height:36px; font-size:16px;}.btn{font-size:16px;}
.btn-danger {color: #fff; background-color: #007c9b;  border-color: #007c9b;}
.tel{  width:190px;}
.tel p{ padding-top:10px; font-size:18px; line-height:1.3em}
.nav{background: #007c9b;}
.nav{height:55px;} 
.nav li{ float:left; line-height:55px; margin:0 15px; list-style:none; text-align:center;}
.menu{height:55px;} 
.menu li{float:left;line-height:55px;margin: 0 27px;list-style:none;text-align:center;}
.menu li a{padding:0 8px; font-size: 18px; display:block; color:#fff;}
.menu li a:hover{color:#c00000; }
.menu li .cur{ color:#c00000;}
/*nav*/
.menu3{height:55px;} 
.menu3 li{ float:left; line-height:55px; margin:0 15px; list-style:none; text-align:center;}

.index_title{width: 1100px;margin: 80px auto;text-align: center;}
.index_title h3{ font-size: 34px; color:#000; font-weight: bold;}
.index_title p{font-size: 18px;color: #777;margin-top: 20px;}


/*é€‰æ‹©*/
.choose{
    width: 1100px;
    margin: 0 auto;
    height: 392px;
}
.choose dl{
    float: left;
    width: 250px;
    height: 370px;
    margin: 0 12px;
}
.choose dl dt{
    text-align: center;
    margin-top: 175px;
    font-size: 24px;
}
.choose dl dd{
    padding: 25px;
    font-size: 16px;
    color: #555;
}
.choose .color1 dt{
    color: #a2000f;
}
.choose .color2 dt{
    color: #00819e;
}
.choose .color3 dt{
    color: #d55e04;
}
.choose .color4 dt{
    color: #279e06;
}

/*.menu3 li:first-child a{ font-weight:bold; color:#c00000;}*/
.menu3 li a{padding:0 8px; font-size: 18px; display:block; }
.menu3 li a:hover{color:#c00000;font-weight:bold; }
.menu4{height:55px;} 
.menu4 li{ float:left; line-height:55px; margin:0 8px; list-style:none; text-align:center;}
.menu4 li a{padding:0 8px; font-size: 18px; display:block; }
.menu4 li a:hover{color:#c00000;font-weight:bold; }
/*#menu2 li:first-child a{ font-weight:bold; color:#c00000;}*/
/*footer*/
.footer{background:#007c9b;color:#fff;padding:20px 0;/* margin-top:15px; */}
.footer a{ color:#fff;}
.footICP{background:#04708c; color:#b5b5b5; padding:8px 0; text-align:center; font-size:12px}
.footICP a{color:#b5b5b5;}
.border_r{ border-right:1px solid #ccc;}
/*links*/
.links{ margin-top:5px;background:#fff; padding:5px;}
.links img{width:75px; height:75px;}
.links h4{ padding-left:15px; color:#000;}

/*========home=========*/
h2{color:#000; font-size:32px; font-weight:bold; text-align:center;}
.Area_A{ padding:5px 0;}
.Area_text{font-size:20px; padding-bottom:20px; text-align:center;}
.Area_A p{ line-height:1.2em;}
.Area_A img{ padding:5px 0;}
.Area_B{  padding:5px 0;}
.Area_C{padding:5px 0;}
.Area_D{  padding:5px 0;}
.Area_E{  padding:5px 0; }

.huanjing1{ padding-left:40px;}
.huanjing2{ padding-left:20px;}  
.Area_F{padding:5px 0;margin-top:25px;}
.Area_F h3{background:#f8cbad; text-align:center; padding:15px 0; }
.Area_F h3 a {color:#000;font-size:20px; font-weight:bold;}
.Area_G{padding:5px 0;}
.Area_G h3{  border-left:3px #2f5597 solid; height:22px; line-height:22px; padding-left:10px;margin:20px 0;}
.Area_G h3 a {color:#2f5597;font-size:20px;}
.Area_G .ysgk{ background:url(../images/bj_ysgk.jpg) no-repeat center center; }

/* Ã¦Â¨ÂªÃ¥Ââ€˜Ã¦Â»Å¡Ã¥Å Â¨Ã¥Å¸ÂºÃ¦Å“Â¬Ã¦Â Â·Ã¥Â¼Â1 */ 
.scroll_horizontal{position:relative;width: 1200px;height: 410px;padding:10px;margin: 0 auto;}
.scroll_horizontal .box{overflow:hidden;position:relative;width: 1200px;height: 400px;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;width: 300px;}
.scroll_horizontal .list li:first-child{margin-left:0;}
.scroll_horizontal .list li a{display:block;width: 270px;height: 365px;background: #00819e;padding-top: 5px;margin: 0 auto;}
.scroll_horizontal .list li a .teach{
    width: 260px;
    margin: 0 auto;
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
    position: relative;
    height: 355px;
}
.scroll_horizontal .list li a h4{
    position: absolute;
    width: 80px;
    background: #00819e;
    color: #fff;
    height: 35px;
    border-radius: 5px;
    line-height: 35px;
    top: 197px;
    left: 88px;
    font-size: 17px;
}
.scroll_horizontal .list li a h5{
    margin-top: 30px;
    font-size: 16px;
    color: #00819e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 6px;
}
.scroll_horizontal .list li a p{
    font-size: 12px;
    color: #00819e;
    padding: 0 30px;
}
.scroll_horizontal .list li img{width: 260px;height: 225px;border: 1px solid #fff;border-bottom: 0;}
.scroll_horizontal .prev,.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;z-index: 10;}
.scroll_horizontal .prev{left: -45px;background-position:0 0;}
.scroll_horizontal .next{right: -67px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}

/* Ã¦Â¨ÂªÃ¥Ââ€˜Ã¦Â»Å¡Ã¥Å Â¨Ã¥Å¸ÂºÃ¦Å“Â¬Ã¦Â Â·Ã¥Â¼Â2 */ 
.scroll_horizontal2{position:relative;width:1180px;height:180px;padding:10px;}
.scroll_horizontal2 .box{overflow:hidden;position:relative;width:1080px;height:180px;margin:0 auto;}
.scroll_horizontal2 .list{overflow:hidden;width:9999px;}
.scroll_horizontal2 .list li{float:left;width:270px;}
.scroll_horizontal2 .list li img{ width:220px; height:180px;}
.scroll_horizontal2 .prev,.scroll_horizontal2 .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal2 .prev{left:5px;background-position:0 0;}
.scroll_horizontal2 .next{right:5px;background-position:-40px 0;}
.scroll_horizontal2 .prev:hover{background-position:0 -50px;}
.scroll_horizontal2 .next:hover{background-position:-40px -50px;}

/*==========about============*/
.about{padding:10px 0;}
.aboutbg{ margin:10px 0; line-height:30px; font-size:16px;}
.aboutbg img{max-width:100%;}
.aboutbg h2{color:#fff; margin-bottom:20px;}
.about h3 {
    margin: 0 0 10px 0;
    padding: 20px 0;
    border-bottom: 1px solid #eee;  
    font-size: 20px;
    color:#fff;
}
.about h4 {
    font-size: 28px;
    background:#007c9b;
    margin: 0;
    color: #fff;
    text-align: center;
    padding: 15px 0;
}
ul.list-side li{ background:#d9d9d9; text-indent:10px; font-size:18px; margin:2px 0; padding:10px 0;}
ul.list-side2 li{ background:#d9d9d9; font-size:18px; margin:2px 0; padding:10px 0;}
.subnav{ border-bottom:3px solid #ccc; margin-bottom:15px;}
.subnav ul li a{}
/*======contact=====*/
.zxbm{ padding:10px 0;}
.lineblue{color:#5b9bd5; letter-spacing:-6px;}
.jrwm{ padding:10px 0;}
.map{ padding:10px 0;}
.map2{ padding:10px;}
p.dizhi{ padding:10px 0;}

/*============NewsList=============*/
.fbtime{ padding-right:120px;}
.info-content { border-bottom: 1px solid #eee;  margin: 0 0 0px 0; padding:15px 0;}
.info-content img {  margin: 6px 0;}
.info-content h5 {font-size: 17px;padding: 2px 0 0 0;font-weight: 700;color: #555;}
.info-content p {line-height: 1.6;color: #666;margin-bottom: 5px;}

/*分页*/
.pages{ width:100%; margin:10px auto; text-align:center;clear: both;}
.mypages{text-align:center;height:40px;line-height:40px;}
.mypages ul{display:inline-block;margin:0 auto}
.mypages li{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.page-num{padding:0 15px;line-height:30px;display:inline-block;font-size:14px;border:1px solid #ddd;margin-left:-1px;float:left;background-color:#FFF;cursor:pointer;}
.page-num-current,.page-num-current a,.page-num-current a:hover{color:#fff;background-color:#007c9b;}
/*=====Ã¥Â¸Ë†Ã¨Âµâ€žÃ¥Å â€ºÃ©â€¡Â======*/
.shizi{ position:relative; margin-bottom:25px;}
.shizi a{display:block;width: 260px;height: 365px;background: #00819e;padding-top: 5px;margin: 0 auto;}
.shizi a .teach{
    width: 250px;
    margin: 0 auto;
    border-radius: 7px;
    overflow: hidden;
    background: #fff;
    position: relative;
    height: 355px;
}
.shizi a h4{
    position: absolute;
    width: 80px;
    background: #00819e;
    color: #fff;
    height: 35px;
    border-radius: 5px;
    line-height: 35px;
    top: 208px;
    left: 50%;
    font-size: 17px;
    padding: 0;
    margin-left: -40px;
}
.shizi a h5{
    margin-top: 30px;
    font-size: 16px;
    color: #00819e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 6px;
    position: static;
    text-align: center;
    height: auto;
    background: #fff;
}
.shizi a p{
    font-size: 12px;
    color: #00819e;
    padding: 0 30px;
}
.shizi img{width: 260px;height: 225px;border: 1px solid #fff;border-bottom: 0;}
-moz-opacity:0.80; 
opacity:0.80;  
margin:0; line-height:40px; text-align:center; font-size:18px;}
/*============Ã¦â€“Â°Ã©â€”Â»Ã¥â€ â€¦Ã¥Â®Â¹Ã©Â¡Âµ===========*/
.content{ padding-bottom:20px;}
.breadcrumb{ background-color: transparent;margin-bottom: 5px;}
.content1{  padding: 30px 60px;   border-bottom: 1px solid #eee;box-shadow: 0 1px 3px rgba(0,0,0,.15);background: #fff;}
.content1 h1{ font-size: 22px; text-align: center;}
.content1 .info{ border-bottom: 1px solid #ccc; padding: 10px 0; text-align: center;  margin-bottom: 20px;}
.content1 p{font-size: 14px;line-height: 28px;}
.content1 nav{ color:#c00000; border-top:1px solid #ccc; padding:15px 0; margin-top:20px;}
#neirong img { width: 80%;}
.content1  img { width: 90%;}
.sitebar{ border-bottom: 1px solid #eee;box-shadow: 0 1px 3px rgba(0,0,0,.15);background: #fff; padding:10px 15px;
}
.sitebar h2{border-bottom: 1px solid #ccc; height: 30px; margin:0}
.sitebar h2 a {
    border-bottom: 3px solid #c00000;
    height: 30px;
    display: block;
    float: left;
    padding-right: 6px;
    font-size: 18px;
     clear:both;
}
.list3 li {height: 48px;line-height: 48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-left:20px; border-bottom: 1px dotted #eee;background:url(../images/icon4.png) no-repeat left 16px;}
.list4 li {height: 48px;line-height: 48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding-left:15px; border-bottom: 1px dotted #eee;background:url(../images/icon3.png) no-repeat left 20px;}

/*============Ã¨Â§â€ Ã©Â¢â€˜Ã¤Â¸â€œÃ¥Å’Âº===========*/
.shipin_list{ position:relative;}
.shipin_list .play{ position:absolute; top:50%; left:50%; width:55px; height:55px; margin-top:-50px; margin-left:-30px;}
.xuanchuanpian{ background:url(../images/play_img.png) no-repeat; width:700px; height:430px; margin:30px auto; position:relative;}
.shipin{width:500px; height:320px; margin:0 auto;  display:block; padding-top:35px; }
/*============Ã¨â€°ÂºÃ¦Å“Â¯Ã§â€¢â„¢Ã¥Â­Â¦===========*/
.yslx_1{ border-bottom:1px dashed #ccc; padding:15px 0; overflow:hidden; clear:both;}
.yslx_1 b{ display:block; float:left;font-size:16px;height:35px; line-height:35px; }
.yslx_1 a{ display:block; float:left;width:85px; text-align:center; font-size:16px;height:35px; line-height:35px; margin:5px 5px; border:1px solid #ccc;border-radius: 4px; color: #333;  background: #fff; }
.yslx_1 a.on,.yslx_1 a:hover{ display:block; float:left;width:85px; text-align:center; font-size:16px;height:35px; line-height:35px; margin:5px 5px;color: #fff; background-color: #f58635;border-radius: 4px; border-color: #eea236;}


.btn-warning {
    background-color: #f58635;
    border-color: #eea236;
}
.btn-default:hover {
    color: #fff;
    background-color: #f58635;
    border-color: #eea236;
}
.yslx_1 button{ width:100px; margin:0 5px;}
.gj{ font-weight:bold; font-size:18px;}
.xuexiaolist2{ border:1px solid #ccc; padding:10px 0; margin:10px auto; color:#666666; overflow:hidden; clear:both;}
.xuexiaolist2 h5{ padding:8px 0 0 0; margin-bottom:5px;}
.xuexiaolist2 p{ margin:0;}
.xuexiaoming img{ float:left; width:80px; height:80px; margin:0 10px;}
.xuexiaoming h5{ font-weight:bold;}
.xuexiaolist span{ color:#000;font-weight:bold;}
.xuexiaoyq{ padding:15px 0 0 15px;}
.xuexiaolist2{ clear:both; margin:30px 0;}


/*========Ã¥Å“Â¨Ã§ÂºÂ¿Ã¥â€™Â¨Ã¨Â¯Â¢Ã¨Â¯Â¢==========*/
/*Ã¥â€ºÂºÃ¥Â®Å¡Ã§Å¡â€žÃ¦â€šÂ¬Ã¦ÂµÂ®Ã§Âªâ€”*/
.yb_conct {
    position: fixed;
    z-index: 9999999;
    top: 200px;
    right: -127px;
    cursor: pointer;
    transition: all .3s ease;
}
.yb_bar ul li {
    width: 180px;
    height: 53px;
    font: 16px/53px 'Microsoft YaHei';
    color: #fff;
    text-indent: 54px;
    margin-bottom: 3px;
    border-radius: 3px;
    transition: all .5s ease;
    overflow: hidden;
}
.yb_bar .yb_top {
    background: #007c9b url(../images/fixcont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
    background: #007c9b url(../images/fixcont.png) no-repeat 0 -57px;
    color:#fff;
}
.yb_bar .yb_QQ {
    text-indent: 0;
    background: #007c9b url(../images/fixcont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
    /*height:200px;*/

    background: #007c9b url(../images/fixcont.png) no-repeat 0 -169px;
}
.hd_qr {
    padding: 25px;
}
.yb_QQ a ,.yb_bar .yb_phone a{
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
}
.hj img{width: 420px;margin: 15px 65px;}
.hj img:first-child{margin-right:0;margin-left: 135px;}
/*首页新闻*/
.cont5 {background-color: #f4f4f4;padding: 30px 0;}
.cont5-c{
    float: left;
    width: 370px;
    margin-right: 45px;
}
.cont5-c2{
    float: right;
    width: 350px;
}
.cont5-tit{
    line-height: 40px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.cont5-tit h2{
    float: left;
    font-size: 18px;
    color: #007c9b;
    font-weight: bold;
}
.cont5-tit em{
    font-size: 14px;
    color: #999;
    margin-left: 10px;
    text-transform: uppercase;
}
.cont5-tit a{
    float: right;
    font-size: 14px;
    color: #666;
}
.cont5-c img{
    width: 100%;
    height: auto;
}

.cont5-c ul li em{
    float: right;
    display: block;
    font-size: 12px;
    line-height: 40px;
    color: #666;
}
.cont5-c ul li{
    overflow: hidden;
    position: relative;
    line-height: 2;
}
.cont5-c ul li .news-item{margin-left: 25px;}
.cont5-c ul li .news-item .date{ color:#767676; margin-left:45px; font-size:14px;}
.cont5-c ul li .news-item .data-day{position:absolute;width:54px;height:54px;line-height:54px;text-align:center;top:50%;margin-top:-27px;left:0;background: #007c9b;color:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:30px;}
.cont5-c ul li .news-item .news-com{ background:#fff; border:1px solid #d7d7d7; padding:20px 40px;}
.cont5-c ul li .news-item .news-com .news-h a{font-size: 16px;color: #3e3e3e;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;display:block;}
.cont5-c ul li .news-item .news-com .news-sum{color: #2a2a2a;height:4em;overflow:hidden;font-size: 14px;}

.cont5-c ul{
    margin-top: 5px;
}
.cont5-c2 li{
    padding-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 10px;
}
.cont5-c2 li a{
    display: block;
    position: relative;
    font-size: 14px;
    color: #333;
    line-height: 30px;
    /* padding-left: 30px; */
    margin-bottom: 5px;
}
.cont5-c2 li a i{
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
    background-color: #000;
    text-align: center;
}
.cont5-c2 li p{
    position: relative;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    /* padding-left: 30px; */
}
.cont5-c2 li p i{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
    background-color: #dc0000;
    text-align: center;
}
.fn-clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.fn-clear {
    zoom: 1;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}

/******************************
 ** 在线留言
 ** v.1.2
 ******************************/
.message-page input.code { border-color:#aaa; }
.message-page { width:680px; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden;float:left; }
.message-page .row-1 { width:328px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; }
.message-page .row-3 {  }
.message-page .ico-name { background:url(../images/zzz.png) 15px center no-repeat; }
.message-page .ico-phone { background:url(../images/xxx.png) 15px center no-repeat; }
.message-page .ico-email { background:url(../images/mail.png) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; background:none; border:0; color:#999; }
.message-page .text { width:98%; border:0; background:#fff; padding:5px 5px; line-height:20px; height:100px; color:#999;}
.message-page img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer; }
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#fff; margin-right:20px; padding:0 10px; color:#999; }
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#007c9b; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#f07800; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }

.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px;}