﻿@charset "utf-8";
/* CSS Document */

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.bannerbg{height:550px; overflow: hidden;margin-top: -19px; position: relative; z-index: 1;}
.banner {height:550px;}
.banner a{ display:block; background:url(../images/banner.jpg) no-repeat center top; height:550px; overflow:hidden;}

            .banners { height: 550px; }
            .fullSlide { width: 100%; position: relative; height: 550px; }
            .fullSlide .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
            .fullSlide .bd ul { width: 100% !important; }
            .fullSlide .bd li { background-repeat: no-repeat; width: 100% !important; height: 550px; overflow: hidden; text-align: center; background-position: center top; }
            .fullSlide .bd li a { display: block; height: 550px; }
            .fullSlide .hd { width: 100%; position: absolute; z-index: 1; bottom: 0px; left: 0; height: 30px; line-height: 30px; }
            .fullSlide .hd ul { text-align: center; }
            .fullSlide .hd ul li { cursor: pointer; border-radius: 10px; transition: width 0.5s,height 0.5s,background 0.5s,color 0.5s; -moz-transition: width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */ -webkit-transition: width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition: width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */ display: inline-block; *display: inline; zoom: 1; width: 55px; height: 10px; margin: 6px; overflow: hidden; background: #01afae; line-height: 999px; }
            .fullSlide .hd ul .on { background: #ff9600; width: 55px; }
            .fullSlide .prev, .fullSlide .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 5%; z-index: 1;  cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; width: 73px; height: 73px; }
            .fullSlide .prev { background: url(../images/left.png) no-repeat;background-size:100%; }
            .fullSlide .next { left: auto; right: 5%; background: url(../images/right.png) no-repeat;background-size:100%; }

.linkbg{ width:1200px; margin: 0 auto;position: relative;}
.link{position: absolute;top: -177px; width:440px; left: 550px; }
.link h3{ font-size: 14px;color:#fff; margin:0  50px 5px 0;}
.link h3 a{ color:#fff;}
.link p a{ display: inline-block;padding: 0 10px 0 0;color:#fff; font-size: 14px; line-height: 150%;}

.tit01{text-align: center; font-size: 36px;font-weight: bold; color:#3b3b3b;}
.tit01 img{vertical-align: middle;}
.tit01 a{ color:#3b3b3b;}
.tit01 span{ color:#01afae;}

.we{height:370px; background:#f1f1f1; overflow: hidden;}
.we dl{ width:630px; float: left; overflow: hidden;padding-top: 60px;}
.we dt{background:url(../images/wt.gif) no-repeat  0 0; height:58px; height:75px; width:354px; padding-left: 157px; font-size: 16px; color:#2f2f2f;font-weight: bold; position: relative; padding-top: 40px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.we dt::before{position: absolute; content:""; width:100%; height:1px;background:#a1a1a1; bottom:1px;left: 0;}
.we dt::after{position: absolute; content:""; width:100px; height:3px;background:#01afae; bottom:0;left: 0; z-index: 3;}
.we dd{ font-size: 12px; color:#2f2f2f; line-height: 25px;padding-top: 18px;}
.we dd img{ float: right; margin-top: 15px;display: block;}
.we p{background:url(../images/weimgbg.jpg) no-repeat  right 0; width:481px; float: right;overflow: hidden;margin-top: 46px;}
.we p img{padding-top: 22px;width:452px; height:250px;}

.pro{margin: 40px auto 0; width:1200px;height:806px; overflow: hidden; position: relative;}
.proroll{position: absolute; bottom:0; height:105px; right:0; width:455px;}
.proroll a{ display: block; width:11px; height:11px; border-radius: 100%;background:#eceaea; margin-right: 14px; float: left;}
.proroll a.cur{background:#01afae;}
.pro .tit01{ height:112px;}
.pronav{ width:393px; float: left; overflow: hidden;}
.pronav1 {margin-bottom: 7px; width:365px;padding: 20px 0 ;background:#3a3a3a;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.pronav1 h3{padding-left: 20px;}
.pronav1 h3 a{ font-size: 24px;  color:#fff;}
.pronav1 p{font-size: 14px; line-height: 25px;color:#fff; padding-left: 0px; padding-top: 10px;}
.pronav1 p a{ color:#fff;display: inline-block;padding: 0 20px;}
.pronav1:hover , .pronav1.cur{background:#01afae; position: relative;}
.pronav1:hover::before , .pronav1.cur::before{ position: absolute; content:""; top: 50%;right:-10px; margin-top: -5px; width:0;height:0; border-left: 10px solid #01afae; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.probox{ width:807px; float: right; overflow: hidden;}
.probox p img{width:807px;height:625px;}

.pk{background:url(../images/pkbg.jpg) no-repeat  center 0;height:899px; overflow: hidden;}
.pk .tit01{padding-top: 44px; height:110px;}
.ul01{ width:494px; float: left; overflow: hidden;}
.ul01 li{ margin-bottom: 48px;background:url(../images/vs2-04.png) no-repeat  center 0; height:58px; text-align: center; line-height: 58px; font-size: 16px; color:#fff;}
.ul01 li:nth-child(1){ margin-bottom: 79px;background:#01afae; font-size: 30px;font-weight: bold; border-radius: 20px; margin-right: 15px;margin-top: 30px;}
.ul02{ width: 210px;float: left; overflow: hidden; }
.ul02 li{background:url(../images/vs1.png) no-repeat  center 0; text-align: center; font-size: 24px; color:#fff;line-height: 30px;  height:96px; padding-top: 15px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;margin-bottom: 10px; overflow: hidden;font-weight: bold;}
.ul02 li:nth-child(1){ background:none;width:126px; height:134px; margin: 0 auto 14px; overflow: hidden; padding-top: 0;}
.ul02 li:nth-child(1) img{ display: block; margin: 0 auto; line-height: 0;}
.ul03{ width:494px; float: left; overflow: hidden;}
.ul03 li{ margin-bottom: 47px;background:url(../images/vs2.png) no-repeat  center 0; height:58px; text-align: center; line-height: 58px; font-size: 16px; color:#fff;}
.ul03 li:nth-child(1){ margin-bottom: 79px;background:#777777; font-size: 30px;font-weight: bold; border-radius: 20px; margin-left: 15px;margin-top: 30px;}

.ys{ width:1200px; margin: 64px auto 0; height:2114px; overflow: hidden;}
.ys .tit01{ height:147px;}
.ys .tit01 p{background:url(../images/yst.gif) no-repeat  center 0; font-size: 18px; font-weight: normal; color:#fff; line-height: 36px; }
.ysc{background:url(../images/ysy.gif) no-repeat  center bottom;padding-bottom: 27px; height:456px; overflow: hidden;}
.ys .ys4{ background:none;}
.ys dl{padding:40px 0 50px 178px; width:470px;}
.ys1 dl{background:url(../images/yst1.gif) no-repeat  0 0; margin-top: 46px;}
.ys2 dl{background:url(../images/yst2.gif) no-repeat  0 0; margin-top: 79px; padding-left: 200px; width:420px;}
.ys3 dl{background:url(../images/yst3.gif) no-repeat  0 0; margin-top: 67px; width:486px;}
.ys4 dl{background:url(../images/yst4.gif) no-repeat  0 0; margin-top: 64px;width:477px;}

.ys dt{ font-size: 20px; color:#01afae; padding-bottom: 10px;}
.ys dd{ font-size: 16px; color:#000000; line-height: 31px;}
.ys dd a{ display: block; width:108px; height:27px;background:#ff9600; border-radius: 30px; text-align: center; line-height: 27px ; font-size: 14px; color:#fff; margin-top: 20px;}
.ysc p , .ysc p img{width:514px; height:456px;}

.serv{background:url(../images/fwbg.jpg) no-repeat  center 0; height:607px; overflow: hidden;}
.serv .tit01{padding-top: 50px;height:102px;}
.serv .tit01 img{display: block; margin: 0 auto;}
.servnav{ width:210px; float: left;}
.servnav li{height:53px; margin-bottom: 7px; overflow: hidden;}
.servnav li a{ width:202px; position: relative; height:53px; border-left: 4px solid #01afae; background:#fff; border-radius: 4px;display: block; padding-left: 18px; color:#01afae; line-height: 53px; font-size: 18px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.servnav li a::before{ position: absolute; content:""; width:0; height:0; border-left: 6px solid #fff; border-top: 6px solid transparent;border-bottom: 6px solid transparent; right:-5px; top: 22px;}
.servnav li a:hover ,.servnav li.cur a{ background:#ff9600; border-left: 4px solid #ff9600; color:#fff;}
.servnav li a:hover::before,.servnav li.cur a::before{ position: absolute; content:""; width:0; height:0; border-left: 6px solid #ff9600; border-top: 6px solid transparent;border-bottom: 6px solid transparent; right:-5px; top: 22px;}
.servtel{background:url(../images/telbg.png) no-repeat  0 0;  font-size: 14px; color:#000000;padding: 100px 0 0 25px;height:158px; font-style: italic; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.servtel span{ display: block;font-weight: bold; font-family: Arial; font-size: 20px;}
.servc { float: right; width:983px; background:#fff; border-radius: 5px;height:398px; overflow: hidden;}
.servc dl{padding: 14px;}
.servc dt{ width:460px; float: left;}
.servc dt img{ width:460px; height:366px;}
.servc dd{ float: left;padding: 20px 0 0 28px; font-size: 14px; line-height: 24px; color:#000000;}
.servc dd a{ color:#01afae;display: inline-block;padding-top: 10px;}

.case{ margin: 55px auto 0; width:1200px; height:705px; overflow: hidden;}
.casenav{margin:25px 130px 0; height:53px; border:1px solid #aeacaf; font-size: 18px; color:#3b3b3b;}
.casenav a{ color:#3b3b3b; padding: 0 50px; display: inline-block;height:53px; line-height: 53px;font-weight: bold;}
.casenav li{ float: left; border-right:1px solid #aeacaf;}
.casenav li.on{border-right:1px solid #01afae;background:#01afae;color:#fff;}
.casenav li.on a{color:#fff;}
.casenav li:last-child{border-right: 0;}
.casec ul{ margin-top: 49px;}
.casec li{ float: left;margin:0 8px 8px 0; width:258px; height:215px; overflow: hidden;}
.casec li img{width:258px; height:215px;}
.casec li:nth-child(1){ width:665px; height:439px;}
.casec li:nth-child(1) img{ width:665px; height:439px;}
.casec li:nth-child(3){margin-right: 0;}
.casec li:nth-child(5){margin-right: 0;}

.coo{height:150px; overflow: hidden; width:1200px; margin: 0 auto;}
.cooprev{ width:18px; height:28px;background:url(../images/cooprev.gif) no-repeat 0 center; margin:0 18px; float: left; margin-top: 29px;}
.coonext{ width:18px; height:28px;background:url(../images/coonext.gif) no-repeat 0 center; margin-right: 18px; float: right; margin-top: 29px; }
.cooprev:hover ,.cooprev:hover{background:url(../images/cooprev1.gif) no-repeat 0 center; }
.coonext:hover ,.coonext:hover{background:url(../images/coonext1.gif) no-repeat 0 center; }
.cooc{ float: left; width:1087px;}
.cooc li{ float: left;}
.cooc li img{border:1px solid #aeacaf; margin-right: 7px; width:172px; height:89px;}
.cooc li:last-child{margin-right: 0;}

.newsbg{height:630px;background:#f1f1f1;overflow: hidden;}
.newsbg h2{ margin-top: 58px; height:55px; position: relative; overflow: hidden;}
.newsbg h2 a{ display: inline-block;padding: 0 10px 0 0; background:#f1f1f1; font-size: 24px; color:#010101; position: relative; z-index: 3;font-weight: normal;}
.newsbg h2 a i{ display: block; font-size: 14px; font-family: Arial; color:#d7d7d7; text-transform: uppercase;}
.newsbg h2::before{position: absolute; content:""; width:100%; top: 19px; left: 0;background:#c6c6c6; height:1px;}
.newsbg h2 span a{border:1px solid #c6c6c6; font-size: 14px; color:#898989;background:#fff; line-height: 26px;text-align: center;padding-left: 10px;}

.news{ width:740px; overflow: hidden;}
.newsnav{height:40px ; margin-top: 15px; overflow: hidden;}
.newsnav li{ float: left;margin-right: 70px;}
.newsnav li a{display: inline-block;font-size: 16px; color:#3d3d3d; line-height: 20px; padding-bottom: 12px; }
.newsnav li a:hover , .newsnav li.cur a{ color:#01afae;font-weight: bold;position: relative;}
.newsnav li a:hover::before , .newsnav li.cur a::before{position: absolute;content:""; width:0;height:0; bottom:0; left: 50%; margin-left: -5px; border-top: 8px solid #01afae; border-left: 7px solid transparent;border-right: 7px solid transparent;}

.news_c dl{ margin-top:18px; height:176px; overflow: hidden;}
.news_c dt{width:200px; float: left; overflow: hidden;}
.news_c dt img{width:200px; height:150px;}
.news_c dd{ width:513px; float: right; overflow: hidden;}
.news_c dd h3 img{ display: block; margin-bottom: 10px;}
.news_c dd h3 a{ font-size: 16px; color:#3d3d3d;font-weight: normal;}
.news_c dd p{ font-size: 14px; color:#3d3d3d; line-height: 23px; padding-top: 8px;}
.news_c dd p a{ color:#01afae;}

.news_c ul li{ height:40px; overflow: hidden; border-bottom: 1px dashed #b5b5b5; padding-left: 19px; font-size: 14px; color:#000000; position: relative;line-height: 40px;}
.news_c ul li a{color:#000000;}
.news_c ul li::before{position: absolute; content:""; width:9px;height:9px; border-radius: 100%; top: 15px; left: 0; background:#d8d8d8;}

.wt{width:380px; overflow: hidden;}
.wt dl{margin-top: 24px; border-bottom: 1px dashed #b5b5b5; height:120px;}
.wt dt{background:url(../images/w.gif) no-repeat 0 center; font-size: 14px; color:#010101; padding-left: 40px; line-height: 29px;}
.wt dt a{ color:#010101;}
.wt dd{background:url(../images/d.gif) no-repeat 0 0; font-size: 14px; color:#010101; padding-left: 40px; line-height: 22px; margin-top: 11px;}

.about{margin: 34px auto 0;height:830px; width:1200px;overflow: hidden;}
.about dl{ margin: 20px auto 0;}
.about dt img{ width:1200px; height:504px;}
.about dd p{ padding: 30px 140px 0; font-size: 16px; line-height: 25px; color:#000000;text-align: center;}
.about dd span{ display: block;width:107px; height:27px; text-align: center; line-height: 27px; margin: 20px auto 0; background:#ff9600; border-radius: 30px;}
.about dd span a{ color:#fff;}