@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
*{}
html{}
body{color:#444; font-size:14px; font-family:"Arial", "微软雅黑"; min-width:1450px;}
ul, ol { list-style:none;} 
img{max-width:100%;}
img,fieldset{ vertical-align:top; border:0;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
address,cite,code,em,th { font-weight:normal; font-style:normal;}
input,button,textarea,select{color:#777; font-family: "Open Sans"; vertical-align:middle;}
input:focus {outline:none;}
textarea:focus {outline:none;}
table{border:0px; }
table td{height:auto !important; border:0px !important;}
a{ color:#333; text-decoration:none;-webkit-transition: all .5s; 
                -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;}
a:hover{ color:#0080ff}
a:focus {outline:none;}
.clear{ clear:both;}
ul,li,dl,dd,dt,ol{ background:none; list-style:none; list-style-position:outside; margin:0; padding:0;}
.w1450{ width:1450px; margin:0 auto;}

.fd{width:66px; position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:100;}
.fd ul li{width:66px;height:66px;cursor:pointer;margin-bottom:2px;position:relative;}
.fd ul li a{width:66px;height:66px;display:block;}
.fd ul li.ys1{background:url(../images/fd_03.jpg) 0 0 no-repeat;}
.fd ul li.ys2{background:url(../images/fd_08.jpg) 0 0 no-repeat;}
.fd ul li.ys2 .ys2_hm{width:150px; color:#fff; font-size:18px; line-height:66px; font-weight:bold; text-align:center; padding-right:2px; position:absolute; right:66px; top:0; display:none;}
.fd ul li.ys2:hover .ys2_hm{display:block;}
.fd ul li.ys2 .ys2_hm .ys2_hm_kj{background:#00a4eb;}
.fd ul li.ys3{background:url(../images/fd_10.jpg) 0 0 no-repeat;}
.fd ul li.ys3 .ys3_img{width:122px; overflow:hidden; padding-right:2px; position:absolute;left:-122px;bottom:0;display:none;}
.fd ul li.ys3 .ys3_img img{width:120px;height:120px;}
.fd ul li.ys3:hover .ys3_img{display:block;}

.sy_bt_bj{font-size:0px; text-align:center; margin-bottom:50px;}
.sy_bt{display:inline-block; line-height:32px; padding:6px 24px; padding-right:20px; position:relative;}
.sy_bt:after{content:""; width:16px; height:16px; background:url(../images/sy_bt_l.png) top left no-repeat; position:absolute; top:0; left:0;}
.sy_bt:before{content:""; width:16px; height:16px; background:url(../images/sy_bt_r.png) top left no-repeat; position:absolute; bottom:0; right:0;}
.sy_bt .sy_bt_l{float:left; font-size:32px; font-weight:bold; padding-right:26px; position:relative;}
.sy_bt .sy_bt_l:after{content:""; width:6px; height:6px; margin-top:-3px; background:#1163cc; position:absolute; top:50%; right:0;}
.sy_bt .sy_bt_r{float:right; color:#1163cc; font-size:32px; font-weight:bold; text-transform:uppercase; margin-left:20px;}

#newBridge .icon-right-center{display: none;}
#fp-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0);}
#fp-nav.right {right: 17px;}
#fp-nav.left {left: 17px;}
#fp-nav ul,.fp-slidesNav ul{margin: 0;padding: 0;}
#fp-nav ul li,.fp-slidesNav ul li{display: block;width: 14px;height: 13px;margin: 7px;position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%; background:#1163cc;}
#fp-nav ul li a span,.fp-slidesNav ul li a span {border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #bbb;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; box-shadow: 0 0 4px rgba(0,0,0,0.2);}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:70px !important;}


::-webkit-scrollbar{width:0; background:#ddd;}
::-webkit-scrollbar-thumb{background:#444;}


/*top*/
.top_bjj{height:100px; min-width:1450px; margin:0 auto}
.top_bj{width:100%; background:#fff; position:fixed; top:0; left:0; z-index:3; transition:all 0.5s;}
.top_bj:after{content:""; width:100%; height:1px; background:rgba(0,0,0,0.1); position:absolute; bottom:0; left:0;}
.top:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.top .logo{height:100px; float:left; display:table; margin-left:60px; transition:all 0.5s;}
.top .logo a{display:table-cell; vertical-align:middle;}
.top .logo img{max-height:70px; transition:all 0.5s;}

.top .zyw{height:100px; float:right; text-align:center; padding:0 52px; cursor:pointer; position:relative; transition:all 0.5s;}
.top .zyw:after{content:""; width:1px; height:99px; background:rgba(0,0,0,0.1); position:absolute; top:0; left:0; transition:all 0.5s;}
.top .zyw .zyw_t{display:inline-block; font-size:15px; line-height:100px; padding-right:20px; background:url(../images/zyw.png) right center no-repeat; transition:all 0.5s;}
.top .zyw .zyw_b{width:100%; height:0px; overflow:hidden; position:absolute; top:99px; left:0; z-index:1; transition:all 0.5s;}
.top .zyw:hover .zyw_b{height:80px;}
.top .zyw .zyw_b ul li a{display:block; line-height:40px;}

.top .sousuo{height:100px; float:right; display:table; margin-right:52px; cursor:pointer; transition:all 0.5s;}
.top .sousuo .sousuo_an{display:table-cell; vertical-align:middle;}
.top .sousuo .ssk_bj{width:350px; opacity:0; visibility:hidden; position:fixed; right:164px; top:110px; z-index:1; transition:all 0.5s;}
.top .sousuo .ssk{width:100%; overflow:hidden; box-shadow:0 0 1px rgba(0,0,0,0.6);}
.top .sousuo .ssk .input_txt{ width:70%; height:40px; float:left; font-size:13px; line-height:40px; padding-left:20px; border:none; background:#fff;}
.top .sousuo .ssk .input_btn{ width:24%; height:40px; float:right; color:#fff; line-height:40px; border:0 none;  border-radius:0; background:#1163cc;}
.top .sousuo .ssk_bj.p-show{right:154px; opacity:1; visibility:visible;}

.top .top_dh{float:right; margin-top:40px; transition:all 0.5s;}
.top .top_dh ul:after{content:""; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.top .top_dh ul li{float:left; font-size:16px; line-height:20px; margin-right:50px; position:relative;}
.top .top_dh ul li:after{content:""; width:0; height:3px; background:#1163cc; position:absolute; top:58px; left:0; z-index:1; transition:all 0.5s;}
.top .top_dh ul li:hover:after{width:100%;}
.top .top_dh ul li a{color:#555;}
.top .top_dh ul li.s:after{width:100%;}
.hh-cp .top .top_dh ul .hh2 a,.hh-fa .top .top_dh ul .hh3 a,.hh-al .top .top_dh ul .hh4 a,.hh-xw .top .top_dh ul .hh5 a,.hh-ab .top .top_dh ul .hh6 a,.hh-lx .top .top_dh ul .hh7 a{ color:#1163cc}

.active.top_bj{background:#fff;}


.nybanner{ margin-top:90px;}


.nav22{ text-align:center; padding:35px 0 0 0; border-bottom:1px solid #ddd}
.nav22 ul{display: inline-block;overflow: auto;}
.nav22 ul li {
    display: inline;  text-align:center; background:url(img/line1.png) no-repeat right 9px;
    float: left; font-size:16px; padding-left:30px; padding-right:30px;
}
.nav22 ul li a{ display:block; height:55px; line-height:35px;}
.nav22 ul li a:hover{color:#339933;}
.nav22 ul .aui-current{ background:none}
.nav22 ul li .on{ color:#339933; border-bottom:2px solid #339933}

.foot{ background:#222; width:100%; min-width:1450px; margin:0 auto; padding:85px 0 25px 0}
.foot .t1 li{ float:left; padding-right:55px;}
.foot .t1 .tel{ font-size:25px; color:#fff; padding-top:10px;}
.foot .t1 li .dalei{ font-size:18px; color:#Fff; padding-bottom:15px;}
.foot .t1 li ul span{ display:block; padding-top:12px;}
.foot .t1 li ul span a{ color:#888;}
.foot .t1 li ul span a:hover{ color:#fff; text-decoration:underline;}
.foot .t1 .lastxxx2{padding-right:0}
.foot .t2 { padding-top:150px; padding-bottom:150px; height:90px;}
.foot .t2 .ico1,.foot .t2 .ico2,.foot .t2 .ico3{ float:left;background: url(img/tel.png) left center no-repeat; padding-left:110px; color:#fff; font-size:16px; height:90px;}
.foot .t2 .ico1{ padding-right:80px;}
.foot .t2 .ico1 td{ vertical-align:middle}
.foot .t2 .ico3{ background:none; padding-left:100px;}
.foot .t2 .ico3 div{width:150px;}
.foot .t2 .ico3 div p{ display:block; font-size:14px; padding:5px 0 0 0; text-align:center; color:#bbb}
.foot .tt2 { padding:150px 0}
.foot .tt2 td{ padding-right:50px;}
.foot .tt2 .img-ico1{ float:left;}
.foot .tt2 .img-ico1 img{ width:55px;}
.foot .tt2 .text{ float:left; font-size:16px; color:#fff; padding-top:15px; padding-left:20px;}
.foot .tt2 .wx-img { margin-left:50px;}
.foot .tt2 .wx-img img{ display:block; width:150px; height:150px;}
.foot .tt2 .wx-img p{ text-align:center; display:block; width:150px; }



.foot2{ background:#222; width:100%; min-width:1450px; margin:0 auto; padding:35px 0 25px 0}
.foot2 .t1 li{ float:left; padding-right:55px;}
.foot2 .t1 .tel{ font-size:25px; color:#fff; padding-top:10px;}
.foot2 .t1 li .dalei{ font-size:18px; color:#Fff; padding-bottom:8px;}
.foot2 .t1 li ul span{ display:block; padding-top:12px;}
.foot2 .t1 li ul span a{ color:#888;}
.foot2 .t1 li ul span a:hover{ color:#fff; text-decoration:underline;}
.foot2 .t1 .lastxxx2{padding-right:0}
.foot2 .t2 { padding-top:50px; padding-bottom:50px; height:90px;}
.foot2 .t2 .ico1,.foot .t2 .ico2,.foot .t2 .ico3{ float:left;background: url(img/tel.png) left center no-repeat; padding-left:110px; color:#fff; font-size:16px; height:90px;}
.foot2 .t2 .ico1{ padding-right:80px;}
.foot2 .t2 .ico1 td{ vertical-align:middle}
.foot2 .t2 .ico3{ background:none; padding-left:100px;}
.foot2 .t2 .ico3 div{width:150px;}
.foot2 .t2 .ico3 div p{ display:block; font-size:14px; padding:5px 0 0 0; text-align:center; color:#bbb}
.foot2 .tt2 { padding:50px 0}
.foot2 .tt2 td{ padding-right:50px;}
.foot2 .tt2 .img-ico1{ float:left;}
.foot2 .tt2 .img-ico1 img{ width:55px;}
.foot2 .tt2 .text{ float:left; font-size:16px; color:#fff; padding-top:15px; padding-left:20px;}
.foot2 .tt2 .wx-img { margin-left:50px;}
.foot2 .tt2 .wx-img img{ display:block; width:150px; height:150px;}
.foot2 .tt2 .wx-img p{ text-align:center; display:block; width:150px; }
.foot2 .t3{ border-top:1px solid #444; padding-top:30px; height:20px; width:100%; line-height:20px; bottom:0; left:0}
.foot2 .t3 li{ float:left; color:#fff}
.foot2 .t3 li a{ color:yellow}
.foot2 .t3 .copys{ float:right }



.foot .t3{ border-top:1px solid #444; padding-top:30px; height:50px; width:100%; line-height:50px; position:absolute; bottom:0; left:0}
.foot .t3 li{ float:left; color:#fff}
.foot .t3 li a{ color:yellow}
.foot .t3 .copys{ float:right }


.list-pro li { float:left; margin-bottom:30px; width:340px;  margin-right:30px;position:relative; overflow:hidden;}
.list-pro li img{ display:block; width:340px; height:345px; overflow:hidden}
.list-pro li .oth{ }
.list-pro li a{position: relative;margin:0 auto;width:340px; height:385px; display:block; overflow:hidden;-webkit-transition: all .5s; 
               }
.list-pro li .inner { position: relative;margin:0 auto;width:340px; height:345px;  }
.list-pro li .inner div { position: absolute; top: 0; left: 0; width:340px; height:345px; }
.list-pro li .inner img { width: 100%; height: 100%; }
.list-pro li .oth .tit{ color:#404040; text-align:center; font-size:16px; padding-top:10px; padding-bottom:10px; background:#f5f5f5}
.list-pro .lastxxx2{ margin-right:0}
.list-pro li .rsp{height:50px; width:340px;overflow:hidden; z-index:1; background:#f5f5f5; color:#111;position:absolute; bottom:0; -moz-transition: all .5s; 
                -ms-transition: all .5s; 
                -o-transition: all .5s; 
                transition: all .5s;}
.list-pro li .rsp h2{ display:block; text-align:center; line-height:50px; font-size:14px;  font-weight:normal;}
.list-pro li a:hover .rsp{ background:#339933; color:#fff}

.pages{ padding-bottom:50px; padding-top:20px;}
.pages td a{ display:block; border:1px solid #ddd; padding:6px 10px; margin-right:5px}
.pages td a:hover{background:#096; color:#fff}
.pages td .on{ background:#096; color:#fff}


.r-text{ float:right; width:700px}
.r-text h2{ display:block; font-size:24px; padding-bottom:20px;}
.r-text {  line-height:34px; font-size:16px;}

.button_container{
    width: 176px;
    margin-top: 30px;
    padding-top: 0px; overflow:hidden
}

.button_su{
  overflow: hidden;
  position: relative;
  display: inline-block;
  border-radius: 3px; color:#111
}

.su_button_circle{
  background-color: red;
  border-radius: 1000px;
  position: absolute;
  left:0;
  top:0;
  width: 0px;
  height: 0px;
  margin-left: 0px;
  margin-top: 0px;
  pointer-events: none;
  /*animation-timing-function: ease-in-out; */
}


.button_su_inner{
    display: inline-block;
    background: #fff;
    color: #111;
    font-size: 16px;
    font-weight: normal;
    width: 122px;
    text-align: center;
    border-radius: 3px;
    transition: 400ms;
    text-decoration: none;
    padding: 8px 10px;
    z-index: 100000; 
}
.fangan-ny .button_su_inner{  border:1px dotted #ccc}

.button_text_container{
   position:relative;
   z-index: 10000; color:#111
}

.explode-circle {
   animation: explode 0.5s forwards;

}

.desplode-circle{
   animation: desplode 0.5s forwards;
}

@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color: rgba(42, 53, 80,0.2);
  }
  100% {
    width: 400px;
    height: 400px;
    margin-left: -200px;
    margin-top: -200px;
    background-color: rgba(20, 180, 87,0.8);
  }
}


.zzsc{ width:1450px; margin:0 auto; padding-top:50px }
.zzsc .tab{ overflow:hidden; width:100%;}
.zzsc .tab a{ display:block; float:left; width:680px; text-decoration:none; color:#333; background:#b2e0c1;height:55px; border-radius: 3px; text-align:center; line-height:55px; font-size:18px;}

.zzsc .tab a:hover{ background:#093 url(img/ico33.png) no-repeat 250px center; color:#fff; text-decoration:none;}
.zzsc .tab a.on{ background:#093 url(img/ico33.png) no-repeat 250px center; color:#fff; text-decoration:none;}

.zzsc .content{ overflow:hidden; padding:10px; width:100%}
.zzsc .content li{ display:none;}
.zzsc .content li{ line-height:25px; font-size:14px;}

.fangan-ny{ padding:50px 0}
.fangan-ny .title{font-size:24px; color:#333;}
.fangan-ny .oth{ padding:10px 0; border-bottom:1px dotted #ddd;border-top:1px dotted #ddd; margin:20px auto 50px auto}
.fangan-ny .oth li{ float:left; height:25px; line-height:25px; padding-right:25px; color:#777}
.fangan-ny .oth .yj{ background:url(img/yj.png) left center no-repeat; text-indent:20px;}
.fangan-ny .newstext{ padding:20px 0}


.news-list{ padding:50px 0}
.news-list li  {border-bottom: 1px solid #ddd;position: relative;/*使子元素相对父元素进行绝对定位*/ padding-bottom:15px; margin-bottom:15px;}
.news-list li a{ display:block; position:relative}
.news-list li a:hover{ color:#000}
.news-list li .imgxx{ float:left; width:240px; height:160px; }
.news-list li::before{
            content: "";
            position: absolute;
            top: 0;
            left: 0;/*靠最左边开始*/
            border-bottom: 1px solid #009688;/*设置底部边颜色*/
            width: 0;/*宽度为0，这里的宽度是相对与li的宽度*/
            height: 100%;/*设置高度使它和li等高*/}
.news-list li:hover::before{/*鼠标hover，状态发生改变*/width: 100%;transition: 0.3s all linear;/*设置过度时间*/transition-delay: 0.1s;/*过度延时*/}
.news-list li .text{ float:left; margin-left:50px; width:1150px;transition: all 0.3s;}
.news-list li:hover .text{transform:translateX(5px);-webkit-transform:translateX(5px);  /*兼容-webkit-引擎浏览器*/-moz-transform:translateX(5px);     /*兼容-moz-引擎浏览器*/}
.news-list li .text h2{ display:block; font-size:18px; padding-bottom:20px;}
.news-list li .text p{ display:block; margin:0; padding:0; height:60px; overflow:hidden; margin-bottom:10px; color:#555}
.news-list li .text .oth span{ display:block; float:left; height:25px; line-height:25px; color:#aaa; padding-right:10px;}
.news-list li .text .oth .t2{ background:url(img/yj.png) no-repeat left center; text-indent:20px; }

.lx-box{ padding:50px 0}
.lx-box .left1{ float:left; width:600px;}
.lx-box .right1{ float:right; width:600px;}
.lx-box .left1 h2{ display:block; font-size:24px; font-weight:bold}
.lx-box .left1 p{ display:block; font-size:16px; padding-top:20px; line-height:30px;}

.ly{ background:#f1f1f1; padding:50px 0}
.ly .t0{ display:block; float:left; width:540px;height: 46px;
    color: #555;
    line-height: 46px;
    padding: 0 20px;
    border: 1px #ddd solid;
    border-radius: 6px;
    background: #fff; margin-bottom:20px;}
.ly .lastxxx2{ margin-left:20px;}
.ly .input_btn {
    width: 100px;
    height: 46px;
    color: #fff;
    line-height: 46px;
    text-align: center;
    cursor: pointer;
    border: none;
    border-radius: 6px;
    background: #1163cc;
}