/* CSS Document */
@charset "utf-8";
* { margin: 0px; padding: 0px; list-style: none; font-family: "Microsoft YaHei", "黑体", "宋体"; text-decoration: none; border: none; font-style: normal; color: #000; font-size: 14px; font-weight: 100; outline: none; position:relative;
animation:myfirst 5s;
-moz-animation:myfirst 5s; /* Firefox */
-webkit-animation:myfirst 5s; /* Safari and Chrome */
-o-animation:myfirst 5s; /* Opera */
 }
.top{ width:1200px; height:100px; margin:0 auto; background:url(../img/001.png) no-repeat left center; text-align:right;}
.top a{ display:inline-block; height:64px; line-height:64px; text-align:center; margin:15px 35px; border-bottom:3px solid #fff; border-top:3px solid #fff; min-width:50px; font-size:16px;}
.top a:hover{ border-bottom:3px solid #02b2b5; border-top:3px solid #02b2b5; color:#02b2b5;}
.top a.hover{ border-bottom:3px solid #02b2b5; border-top:3px solid #02b2b5; color:#02b2b5;}
.box{ width:1200px; margin:0 auto;}
.sl_fl{ height:260px;}
.sl_fl div{ width:25%; height:260px; float:left;}
.sl_fl .yi{ background:url(../img/003.png) no-repeat center center;}
.sl_fl .er{ background:url(../img/004.png) no-repeat center center;}
.sl_fl .san{ background:url(../img/005.png) no-repeat center center;}
.sl_fl .si{ background:url(../img/006.png) no-repeat center center;}
.gray{ background:#f9f9f9; padding:30px 0;}
.in_gd_an{ padding:20px 0; margin-bottom:20px;}
.in_gd_an a{ width:200px; height:44px; display:block; border:3px #02b2b5 solid; line-height:44px; background:#02b2b5; color:#fff; font-size:16px; text-align:center; margin:0 auto;}
.in_gd_an a:hover{ background:#fff; color:#02b2b5;}
.tb_bt{ height:80px; padding:40px; text-align:center;}
.in_cp_list{ width:1226px; margin:0 auto; text-align:center;}
.in_cp_list li{ width:280px; height:200px; position:relative; overflow:hidden; display:inline-block; margin:11px;}
.in_cp_list li a{ display:block; width:280px; height:200px; position:relative; overflow:hidden;}
.in_cp_list li img{width:280px; height:200px;}
.in_cp_list li p{ display:none; width:280px; height:200px;background: url(../img/018.png) no-repeat center center rgba(2,178,181,0.8); position:absolute; top:0px; left:0;}
.in_cp_list li a:hover p{ display:block;}

.in_news_list{ padding:40px 0px;}
.in_news_list ul li{ width:575px; display:inline-block; height:160px; border:1px #ddd solid; margin:10px; overflow:hidden;}
.in_news_list ul li a{ display:block; padding:20px;}
.in_news_list ul li .tp_pf{ float:left; width:200px; height:120px; margin-right:20px; overflow:hidden;}
.in_news_list ul li .tp_pf img{ width:200px; height:120px;}
.in_news_list ul li .wz_bf{ height:120px;}
.in_news_list ul li .wz_bf span{ display:inline-block; font-weight:900; float:left; margin-right:15px; height:30px; background:#02b2b5; color:#fff; font-size:14px; padding:10px; line-height:15px;}
.in_news_list ul li .wz_bf h3{ height:50px; font-size:18px; line-height:24px; overflow:hidden; margin-bottom:10px;}
.in_news_list ul li .wz_bf p{ color:#555; height:45px; line-height:22px; overflow:hidden;}
.in_news_list ul li a:hover h3{ color:#02b2b5;}
.in_news_list ul li a:hover{ background:#f9f9f9;}

.gy_us{ height:330px;}
.gy_us dt{ display:block; float:left; width:580px; height:280px; background:#02b2b5; position:relative; margin:10px;}
.gy_us dt img{ position:absolute; width:580px; height:280px; top:-10px; left:-10px;}
.gy_us dd{ display:block; float:left; width:580px; padding-left:20px; height:280px;}
.gy_us dd p{ font-size:16px; line-height:1.8em; padding-bottom:20px;}
.gy_us dd p a{ width:200px; height:44px; display:block; border:3px #02b2b5 solid; line-height:44px; background:#fff; color:#02b2b5; font-size:16px; text-align:center; }
.gy_us dd p a:hover{ background:#02b2b5; color:#fff;}

.foot_bg{ background:#02b2b5; height:120px; width:100%;}
.foot_bg .foot_con{ height:80px; padding:20px 0px; background:url(../img/002.png) no-repeat center left; text-align:right;}
.foot_bg .foot_con p{ color:#fff; padding:4px 0;}
.foot_bg .foot_con p a{ display:inline-block; color:#fff; font-size:16px; padding:0 20px;}

.sp_list_banner{ width:100%; min-width:1200px; margin:auto; overflow:hidden;}
.sp_list_banner img{ width:1920px;margin:0 calc(50% - 960px);}

.list_top_bt{ padding:20px 0px;}
.list_top_bt h3{ font-size:24px; padding-bottom:20px;}
.list_top_bt h3 span{ color:#999; display:inline-block; padding:0 20px;}
.list_top_bt p{ height:3px; background:#f0f0f0; position:relative;}
.list_top_bt p span{ display:inline-block;background:#02b2b5; width:70px; height:3px; position:absolute; top:0; left:0;}

.left_nav{ width:200px; position:absolute; left:0px; z-index:999; top:90px; border-top:1px solid #02b2b5;}
.left_nav li a{ height:60px; line-height:60px;font-size:16px; display:block;text-align:center; border-bottom:1px solid #02b2b5; background:#fff;}
.left_nav li:hover a{background:#02b2b5; color:#fff; border-bottom:1px solid #fff;}
.left_nav li.hover a{background:#02b2b5; color:#fff; border-bottom:1px solid #fff;}

.right_box{ border-left:200px #f8f8f8 solid; margin-bottom:20px; min-height:600px;}
.cp_list{ width:100%;}
.cp_list li{ width:280px; display:inline-block; margin:0px 0px 20px 40px;}
.cp_list li a{width:280px; display:block;}
.cp_list li a:hover{ background:#f9f9f9;}
.cp_list li a:hover p{ color:#02b2b5; background:none;}
.cp_list li img{width:280px; height:200px;}
.cp_list li p{ height:30px; padding:10px; line-height:15px; overflow:hidden;}

.list_fy{ padding:20px 40px; height:40px;}
.list_fy a{ display:inline-block; border:1px #02b2b5 solid; color:#02b2b5; line-height:30px; padding:0 20px; margin-right:10px; border-radius:4px;}
.list_fy a.hd{ border:1px #ddd solid; background:#f6f6f6; color:#999;}
.list_fy a.hd:hover{ border:1px #ddd solid; background:#f6f6f6; color:#999;}
.list_fy a.hover{background:#02b2b5; color:#fff;}
.list_fy a:hover{background:#02b2b5; color:#fff;}
.list_fy span{ display:inline-block; margin-right:10px;}

.cp_con_wz{ padding:0 40px; height:40px; color:#777;}
.cp_con_wz a{ display:inline-block; padding:0 10px;color:#02b2b5;}

.cp_con_tw{ padding-left:40px; line-height:2em;}
.cp_con_tw h1{ font-size:24px; text-align:center; padding:20px; border-top:1px #ddd solid;}
.cp_con_tw .tp_show{ width:100%; text-align:center; padding:20px 0;}
.cp_con_tw .tp_show img{ max-width:100%;}
.cp_con_tw h3{ color:#02b2b5; font-weight:900; padding-top:15px; font-size:16px;}
.cp_con_tw p{ padding-bottom:15px; font-size:16px;}
.cp_con_tw table{ border-top:1px #bcbcbc solid; border-left:1px #bcbcbc solid;}
.cp_con_tw table th,.cp_con_tw table td{ border-right:1px #bcbcbc solid; border-bottom:1px #bcbcbc solid; padding:10px;}
.cp_con_tw h4{ text-align:center; font-size:12px; color:#999; padding-bottom:20px;}

.news_list{ padding-left:40px;}

.news_list ul li{ height:160px; border:1px #ddd solid; margin-bottom:10px; overflow:hidden;}
.news_list ul li a{ display:block; padding:20px;}
.news_list ul li .tp_pf{ float:left; width:200px; height:120px; margin-right:20px; overflow:hidden;}
.news_list ul li .tp_pf img{ width:200px; height:120px;}
.news_list ul li .wz_bf{ height:120px;}
.news_list ul li .wz_bf span{ display:inline-block; font-weight:900; float:left; margin-right:15px; height:30px; background:#02b2b5; color:#fff; font-size:14px; padding:10px; line-height:15px;}
.news_list ul li .wz_bf h3{ height:50px; font-size:18px; line-height:24px; overflow:hidden; margin-bottom:10px;}
.news_list ul li .wz_bf p{ color:#555; height:45px; line-height:22px; overflow:hidden;}
.news_list ul li a:hover h3{ color:#02b2b5;}
.news_list ul li a:hover{ background:#f9f9f9;}


.a_us_ry{ width:100%;}
.a_us_ry li{ width:280px; display:inline-block; margin:0px 0px 20px 40px;}
.a_us_ry li img{width:280px; height:200px;}
.a_us_ry li p{ height:30px; padding:10px; line-height:15px; overflow:hidden;}
.a_us_lx{ padding-left:40px; line-height:2.5em;}
.a_us_lx h3{ font-size:20px;}
.a_us_lx img{ max-width:100%; margin:20px 0;}