@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}

ul li{ list-style:none}
img{ border:0; max-width:100%}
a{ text-decoration:none; color:#333}
.clear{ clear:both}
.ttt{height: 130px;}
body{ font-family:"微软雅黑"; width:100%; min-width:1200px;color: #333;font-size: 14px;}
.ccsl{ display:block;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
p{text-align:justify}

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

.header{ width:1600px; height:80px; background-color:#ffffff;margin:0; padding:0;position: fixed;
  top: 0;
  z-index: 999;}
.header img{ width:1200px; height:80px; overflow:hidden;padding-left: 120px;}

.nav{ width:100%; min-width:1200px; overflow:hidden; background:#02b2b5; height:50px; line-height:50px;position: fixed;
  top: 80px;
  z-index: 999;}
.nav ul{ overflow:hidden; width:1200px; height:50px;}
.nav ul li{ float:left; width:190px; height:50px; line-height:50px; text-align:center}

.nav ul li a{ color:#fff; font-size:16px; display:block}
.nav ul li:hover a{ background:#fff;color:#02b2b5;}

.banner{ width: 400px; min-width:1200px;  overflow:hidden; position:relative;font-size:0; margin:0 auto;}
.b-img{   position:absolute; left:0; top:0; }
.b-img img{ display:block; float:left;}
.b-list{ height:20px;  margin:0 auto;position:relative;z-index:99;}
.b-list span{ display:block;cursor:pointer; width:10px; height:10px; border-radius:50%; background:#e5e5e5; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{ background:#d8241d}


.part1{width:100%; min-width:1200px; overflow:hidden; border-bottom:1px solid #EEEEEE; padding:22px 0}
.part1 p{ background:url(../images/icon.gif) left center no-repeat; padding-left:27px; height:40px; line-height:40px; font-size:14px; color:#666}


.part2{ padding-top:85px; width:1200px; margin:0 auto}

.contitbox .line{ width:1200px; height:44px; background:url(../images/line.png) center no-repeat; overflow:hidden}
.contitbox .tit{ width:1000px; margin:0 auto; overflow:hidden; color:#F98E0E;font-size: 28px; font-weight:bold; text-align:center}
.contitbox .tit span{ color:#02B2B5}
.contitbox .sub{ color:#666666; font-size:16px; text-align:center;}
.part2 ul{ padding-top:70px; overflow:hidden}
.part2 ul li{ float:left; width:270px; height:430px; overflow:hidden; margin-right:40px}
.part2 ul li:nth-child(4n){ margin-right:0}
.part2 ul li img{ width:270px; height:350px; overflow:hidden; display:block}
.part2 ul li .item{ width:270px; height:80px; overflow:hidden; background:#02B2B5 url(../images/jt.png) right 25px center no-repeat;}
.part2 ul li .item:hover{ background:#F98E0E url(../images/jt.png) right 25px center no-repeat; }
.part2 ul li .item .tit{color:#fff; font-size:16px; max-width:170px; padding-left:23px; padding-top:17px}
.part2 ul li .item .sub{color:#fff; font-size:12px; max-width:170px; padding-left:23px; padding-top:10px}

.linebox{width:100%; min-width:1200px; overflow:hidden; border-bottom:1px solid #EEEEEE; padding-top:95px; height:2px;}


.part3{padding-top:85px; width:1200px; margin:0 auto}
.part3L{ float:left; width:218px; margin-right:30px; overflow:hidden; border:1px solid #EEEEEE; margin-top:85px}
.part3L .titbox{ width:218px; height:45px; line-height:45px; overflow:hidden; background:#02B2B5}
.part3L .titbox p{ color:#fff;font-size: 16px; padding-left:10px}
.part3L ul{ overflow:hidden; padding:5px}
.part3L ul li{ border-bottom:1px dashed #D9D9D9;padding: 4px 0 3px;}
.part3L ul li:last-child{ border:0}
.part3L ul li a{padding: 10px 4px;color: #222;font-size: 14px;max-width: 194px;}
.part3L ul li a:hover{ color:#02B2B5}
.part3L .lxwm{ width:220px; height:70px; overflow:hidden; background:#02B2B5 url(../images/tel.png) left 15px center no-repeat; color:#fff}
.part3L .lxwm .tel1{font-size: 14px; padding-left:72px; padding-top:15px;}
.part3L .lxwm .tel2{ font-weight:bold; font-size:18px;padding-left:72px; padding-top:3px}

.part3R{ width:940px; float:right; overflow:hidden; margin-top:70px}



.part4{padding-top:85px; width:1200px; margin:0 auto}
.part4 .titbox{ width:100%; height:48px; line-height:48px; overflow:hidden; margin-bottom:15px}
.part4 .titbox p{ color:#02B2B5; font-size:20px; font-weight:bold}
.part4L{ padding-top:65px; float:left; width:567px; overflow:hidden}
.part4R{ padding-top:65px; float:right; width:570px; overflow:hidden}
.part4 .part4One{ width:567px; height:147px; overflow:hidden}
.part4 .part4One .p4l{ width:240px; height:130px; overflow:hidden; float:left; margin-right:10px;}
.part4 .part4One .p4r{ width:315px; float:right; overflow:hidden}
.part4 .part4One .p4r a{ display:block; float:left; max-width:210px; color:#333; font-size:16px; height:30px; line-height:30px}
.part4 .part4One .p4r a:hover{color:#02B2B5;}
.part4 .part4One .p4r span{ float:right; font-size:14px; color:#666;height:30px; line-height:30px}
.part4 .part4One .p4r .sub{ font-size:12px; color:#999; line-height:18px; height:75px; padding-top:5px}

.part4two{ width:570px; height:147px; overflow:hidden}
.part4 ul{ overflow:hidden; border-top:1px solid #e5e5e5; margin-top:20px; padding-top:10px}
.part4 ul li{ border-bottom:1px dashed #e5e5e5; height:50px; line-height:50px;padding: 3px 5px;}
.part4 ul li a{ float:left; max-width:450px; font-size:14px; color:#666}
.part4 ul li span{ float:right;font-size:14px; color:#666}
.part4 ul li a:hover{color:#02B2B5;}
.part4 ul li:last-child{ border:0}

.footer{ width:100%; min-width:1200px; margin-top:100px; background:#282828; padding:60px 0 40px 0}
.footL{ float:left; width:470px;height:170px; margin-left:50px; overflow:hidden}
.footR{ float:left; width:450px; height:160px; overflow:hidden; color:#999; font-size:14px; line-height:30px; padding-top:10px}
.footbox{ border-top:1px solid #4A4A4A; padding-top:50px; margin-top:50px;}
.footbox .con{ text-align:center; color:#999999; font-size:14px; line-height:24px}
.footbox .con a{color:#999999; font-size:14px;}


.mainWarp{ padding-top:45px; width:1200px; margin:0 auto}
.mainWarp .mainL{float:left; width:220px; margin-right:50px; overflow:hidden; }
.mainWarp .mainL .titbox{ width:220px; height:45px; line-height:45px; overflow:hidden; background:#02B2B5}
.mainWarp .mainL .titbox p{ color:#fff;font-size: 16px; padding-left:10px}
.mainWarp .mainL ul{ overflow:hidden; padding:5px;border:1px solid #EEEEEE; margin-bottom:10px}
.mainWarp .mainL ul li{ border-bottom:1px dashed #D9D9D9;padding: 4px 0 3px;}
.mainWarp .mainL ul li:last-child{ border:0}
.mainWarp .mainL ul li a{padding: 10px 4px;color: #222;font-size: 14px;max-width: 194px;}
.mainWarp .mainL ul li a:hover{ color:#02B2B5}
.mainWarp .mainL .lxwmcon{width:218x; overflow:hidden;border:1px solid #EEEEEE;}
.mainWarp .mainL .lxwmcon .con{ font-size:14px; color:#666; line-height:30px; padding:10px}
.mainWarp .mainL .lxwm{width:220px; height:70px; overflow:hidden; background:#02B2B5 url(../images/tel.png) left 15px center no-repeat; color:#fff}
.mainWarp .mainL .lxwm .tel1{font-size: 14px; padding-left:72px; padding-top:15px;}
.mainWarp .mainL .lxwm .tel2{ font-weight:bold; font-size:18px;padding-left:72px; padding-top:3px}

.mainWarp .mainR{ width:930px; float:left; overflow:hidden}
ul.piclistul{ overflow:hidden; padding-bottom:40px}
ul.piclistul li{ float:left; width:282px; margin-right:30px}
ul.piclistul li img{ width:280px; height:280px; overflow:hidden; border:1px #eeeeee solid}
ul.piclistul li p{ text-align:center;text-align: center;font-size:14px;color: #666;height: 24px;line-height: 24px;padding:15px;}
ul.piclistul li p:hover{color:#02B2B5}
ul.piclistul li:nth-child(3n){ margin-right:0}


ul.listul{overflow:hidden; padding-bottom:40px}
ul.listul li{min-height: 23px;padding:43px 5px; border-bottom:1px dashed #e5e5e5}
ul.listul li .liL{ width:84px; height:84px; float:left; margin-right:15px; background:#F2F2F2}
ul.listul li .liL .day{ text-align:center;font-size: 25px;line-height: 25px;margin-top: 20px;font-family: arial; color:#666}
ul.listul li .liL .year{ text-align:center;font-family: arial;font-size: 14px;line-height:20px; color:#666}
ul.listul li .liR{ float:left; width:820px; float:left;}
ul.listul li .liR a{ font-size:16px; color:#333; height:24px; line-height:24px;}
ul.listul li .liR .sub{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; font-size:14px; color:#999; padding-top:7px; line-height:22px}
ul.listul li .liR a:hover{color:#02B2B5}







.detailbox{ width:1200px; margin:0 auto; overflow:hidden; padding-top:20px}
.detailbox .xq{ padding:10px}
.detailbox .xq .tit{font-size: 25px; margin:5px 0;color: #333;}
.detailbox .xq .date{margin: 30px 0;font-size: 13px;color: #adadad; border-bottom:1px solid #f0efef; padding-bottom:30px}
.detailbox .xq .prroimg{ display:block; margin:0 auto; max-width:950px; margin-bottom:30px}
.detailbox .xq .con{color: #676767; font-size:16px; line-height:2em; }


.aboutbox{ width:1200px; margin:0 auto; padding-top:50px;}

.aboutbox .xq .tit{color: #02b2b5; font-size:28px; font-weight:bold; text-align:center}
.aboutbox .xq .sub{ text-align:center; padding-top:15px}
.aboutbox .xq .sub span.span1{display: inline-block;width: 50px;border-top: 1px solid #808080;vertical-align: 5px;}
.aboutbox .xq .sub span.span2{font-size: 16px; color:#999;padding: 0 15px;line-height: 16px;}
.aboutbox .xq .con{ line-height:30px; font-size:14px; color:#666; padding-top:45px}



.pagebox{ text-align:center; padding-top:10px; padding-bottom:50px}
.pagebox a{ border:1px solid #ccc; padding:5px 10px; display:inline-block; color:#333; margin:3px}
.pagebox a:hover{ border:1px solid #02b2b5; color:#02b2b5}


.a {margin-top: 40px;}

.b div{margin-top: 30px;margin-left: 550px;margin-right:550px;border-style: solid;width: 120px;height: 30px;line-height: 30px;background-color: #02B2B5;border-color: #02B2B5;}
.b div a span{color: #ffffff;margin-left: 31px;line-height: 30px;width: 120px;height: 30px;margin-right: 31px;}
.b div:hover a span{color:#02B2B5;}
.b div:hover {background-color: #eaeaea;border-color:#eaeaea;}


.c {float: left;}
.c img{width: 400px;height: 400px;}
.d {margin-top: 40px;}
.c1{font-size: 50px;font-weight: bolder;line-height: 130px;color: #02B2B5;}
.c1 + p{color: #9a9595;}
.c + .c{margin-left: 110px;}



.e{text-align: center;margin-top: 100px;margin-bottom: 100px;}
.e1{display: inline-block;width: 480px;border-top: 1px solid #e1e0e0;vertical-align: 9px;}
.e2{color: #F98E0E; font-size:28px; font-weight:bold; text-align:center;margin-left: 15px;margin-right: 15px;}
.e3{margin-top: 50px;}
.e3 div{display: inline-block;margin-left: 30px;margin-right:30px; width: 120px;height: 100px;}
.e3 div p{width: 120px;}
.e3 div p:nth-child(2){margin-left: 27px;}

.f p{line-height: 35px;font-size: 16px;margin-bottom: 40px;color: #7d7c7c;}

.sub{margin-bottom: 20px;}

/* Float */
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
  }
  .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }


#son1 {z-index: 999;position:fixed;width: 190px;display:none;height: auto;}