﻿

@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; box-sizing: border-box;}
body {font-size:14px;color:#333; overflow-x:hidden; font-family:Arial; }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#555;}
a:hover{ text-decoration: none; color: #136fbf;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block; }
.fl{float:left;}
.fr{float:right;}
.warp{width:1400px; margin:0 auto;  }
.w1{width: 1280px; margin: 0 auto;}
.w2{width: 1265px; margin: 0 auto;}
header{ width: 100%; position:fixed; z-index:99; }

.top{width: 100%; background: #fff; padding: 19px 0;}
.i-logo{width: 306px;}
.i-logo img{width: 100%;}
.link{margin-top: 14px;}
.link li{float: left; padding: 0 18px 0 42px; font-size:16px; height: 26px; line-height: 26px; list-style: none; border-right:1px solid #d7dadd; }
.link li:nth-child(1){ background:url(../images/top-icon.png) no-repeat 18px center;}
.link li:nth-child(2){ background:url(../images/top-icon1.png) no-repeat 18px center;}
.link li:nth-child(3){ padding: 0 18px 0 18px;}
.link li span{color: #e50014; font-size:24px; font-weight: bold; outline: none; border:none;}
.link li select{width:70px; height: 26px; border:none; font-size: 16px; }
.head-v3{position:relative;z-index:100; border-bottom: 1px solid #fff;}
.head-v3 .navigation-inner{margin:0 auto;position:relative;}
.navigation-up{height:46px;background:#136fbf;}
.navigation-up .navigation-v3{float:left;_margin-left:10px; width: 100%;}
.navigation-up .navigation-v3 ul{float:left; width: 100%;}
.navigation-up .navigation-v3 li{float:left; color:#fff; width: 14.285%; }
.navigation-up .navigation-v3 .nav-up-selected{background:#ff9501;}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#ff9501;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0; font-size: 16px; }
.navigation-up .navigation-v3 li h2 a{ width: 100%; text-align: center; color:#fff;display:inline-block; line-height: 46px; font-family:"microsoft yahei"}
.navigation-down{position:absolute;top:46px;left:13.55%;width:72.9%; }
.navigation-down .nav-down-menu{width:510px; height: 273px; margin:0;background:#f4f4f4;position:absolute;top:0px; padding:18px 28px;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;position:relative}
.navigation-down .nav-down-menu dl{ width: 100%; }
.navigation-down .nav-down-menu dl dt{width: 195px; float: left;}
.navigation-down .nav-down-menu dl dt a{border-bottom: 1px solid #dddddd; font-family: simsun; width: 100%; line-height: 46px; text-align: center; font-size: 14px; color: #555555; display: inline-block; }
.navigation-down .nav-down-menu dl dd{width: 220px; height: 225px; float: right;}


.slideBox{width:100%; height:auto; overflow:hidden; position:relative; background:#000;  }
.slideBox .hd{height:14px; overflow:hidden; position:absolute; left:47%; top:95%; z-index:99; }
.slideBox .hd ul{overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{float:left; margin-right:12px; width:34px; height:8px; text-align:center; background:#fff;  cursor:pointer; transition-duration:1s;}
.slideBox .hd ul li.on{ background:none; color:#fff; height:8px; width:34px; background:#007a9c; }
.slideBox .bd .tu{width:100%;  height: 100%;display:block;  animation: changeScale 1 2.5s;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; overflow:hidden;}
.slideBox .bd img{ width:100%; height: 100%; display:block;}

.padd{padding:60px 0 80px 0;}


.about{margin:0 auto; width:100%; position: relative; color:#fff;}
.about .txt{width:26.875%; background:url(../images/about-bg.jpg) no-repeat; background-size:cover; padding: 35px 3% 0 3%; min-height: 414px; cursor: pointer; }
.about .pic{width:45.859%; margin-left:1px; position:absolute; top: 0; left: 26.878% ; height: 100%; overflow: hidden; overflow: hidden; background:#000; cursor: pointer;}
.about .pic img{transition-duration: 1s;}
.about .pic .d-w {
    width: 80px;
    height: 80px;
    position: absolute;
    background: #0064d6;
    right: -40px;
    bottom: -40px;
    content: "";
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    opacity: 1 !important;
}
.about .pic .jh {
    position: absolute;
    width: 21px;
    height: 21px;
    bottom: 6px;
    right: 6px;
    z-index: 999;
    transition-duration: 1s;
}
.about .pic:hover img{opacity: 0.8;}
.about .pic:hover .jh{transform:rotate(180deg);-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.about .txt .bbt{width:100%; }
.about .txt .bbt h1{font-size:24px; }
.about .txt .bbt h2{ font-size:14px; font-weight:normal; text-transform:uppercase; font-family:Arial; padding-top:5px; padding-bottom:5px;}
.about .txt .bbt1{padding-top:20px; font-size:14px;  line-height:24px; width:100%; font-family:simsun; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;}
.about .txt span{width: 100%; transition-duration: 1s; text-align: center; display: inline-block; border:1px solid #ffffff; line-height: 42px; color: #fff; font-size: 16px; margin-top: 15px; cursor: pointer;}

.about .txt:hover span{ background:rgba(255,255,255,0.8); color: #555; }


.about2{width:26.9%; position:absolute; top: 0;  right: 0; height: 100%;}
.about2 li{width: 100%; height: 50%; overflow: hidden; position: relative; background-color: #000;}
.about2 li img{width: 100%; transition-duration: 1s; cursor: pointer; }
.about2 li:hover img{transform:scale(1.1,1.1); opacity:0.8; display: block;}
.about2 li .p-txt{position: absolute; left: 0; bottom: 0; background: rgba(19,111,191,0.6) !important;line-height: 50px; text-align: center; color: #fff; font-size: 24px; width: 100%;}

.in_bit{width: 100%; padding-bottom:50px; text-align: center;}
.in_bit h1{line-height:40px; width: 100%; }
.in_bit p{ font-size: 16px; line-height: 30px; }
.in_bit span{width: 72px; height: 4px; margin:5px 0 15px 0; display: inline-block;}

.ny_bit{width: 100%; padding-bottom:20px; text-align: center;}
.ny_bit h1{line-height:40px; width: 100%; }
.ny_bit p{ font-size: 16px; line-height: 30px; }
.ny_bit span{width: 72px; height: 4px; margin:5px 0 15px 0; display: inline-block;}

.in_pro{width: 100%; height: 198px; background:url(../images/in_pro.jpg) no-repeat; padding-top: 40px; }
.in_pro p{width: 55%; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}

.accordion {height:355px;overflow: hidden;position:relative; width:100%; margin:0 auto; }
.accordion:after {content: "";display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff; }
.accordion._create:after{display: none;}
.accordion__ul {display:block;list-style: none;margin: 0;padding: 0;width:9999px;height:355px !important;overflow:hidden;position:absolute;left:0;top:0; }
.accordion__li {display:block;list-style: none;margin: 0;padding: 0;height:355px !important; float:left;overflow: hidden; transition: all 0.3s ease-out; position:relative;cursor: pointer;}
.accordion__img {display: block;cursor: pointer;max-width: none !important;}
.black_cover{width: 100%;height: 100%;background: #000000;opacity: 0.4;position: absolute;left: 0;top: 0;}
.accordion__li:hover .black_cover{display: none;}
.wenben{position:absolute; top: 40%; left:0; width:100%; color:#fff;display: block; text-align: center;}
.wenben h3{font-size: 22px;color: #fff;font-weight: 100;transition-duration:.5s; height: 60px;}
.wenben h5{font-size: 22px;color: #fff; font-weight:bold;}
.wenben1{display: none;position:absolute; bottom:0; left:0%; width:40%;box-sizing: border-box;padding: 15px 30px; color:#fff;background: rgba(191,16,26,0.8);}
.wenben1 h3{font-size: 24px;color: #fff;margin-bottom: 5px;}
.wenben1 h5{font-size: 16px;color: #6f7171;margin-bottom: 5px; padding-left: 30px;}
.wenben1 p{font-size: 16px;font-family: "宋体";line-height: 24px; }
.accordion__li:hover .wenben{display: none;}
.accordion__li:hover .wenben1{display: block;}



.footer1{background:#136fbf; padding:25px 0 15px;}
.footer1 .foot_search{padding-right:45px; position:relative; height:39px; line-height:39px; border-bottom:1px solid #fff;}
.footer1 .foot_search .button{display:block; width:45px; height:40px;position:absolute; right:0; top:0; background:url(../images/f_search.png) center center no-repeat; border:none; box-shadow:none; outline:none; cursor:pointer;}
.footer1 .foot_search .input{width:100%; height:40px; line-height:40px; border:none; outline:none; background:transparent; color:#fff; font-size:16px;}
.footer1 .input::-webkit-autofill{background:none;}
.footer1 .input::-webkit-input-placeholder{ color:#fff; opacity:0.7; }    /* 使用webkit内核的浏览器 */
.footer1 .input:-moz-placeholder{color:#fff; opacity:0.7; }                  /* Firefox版本4-18 */
.footer1 .input::-moz-placeholder{color:#fff; opacity:0.7; }                  /* Firefox版本19+ */
.footer1 .input:-ms-input-placeholder{color:#fff; opacity:0.7; }           /* IE浏览器 */
.footer1 .groups{color:#fff; line-height:40px; cursor:pointer; font-size:16px; width:230px; position:relative; }
.footer1 .groups>span{display:block; padding-left:20px;}
.footer1 .groups ul{position:absolute; bottom:100%; left:0; width:110%; padding:15px 0; background:#f1f1f1; display:none;}
.footer1 .groups ul a{line-height:40px; font-size:16px; color:#666; display:block;padding-left:20px;}
.footer1 .groups ul a:hover{background:#136fbf; color:#fff;}
.footer1 .groups:hover{color:#fff;}
.footer1 .groups i{width:20px; height:14px; background:url(../images/f_sj.png) center center no-repeat; vertical-align:0; margin-left:10px;}
                            /* widgets_footer_subnav_3 start*/
.widgets_footer_subnav_3 .foot_top{ background: #ededed; padding: 40px 0 20px; border-bottom:1px solid #cfcfcf }
.widgets_footer_subnav_3 .foot_top dl{ float: left; width: 11%; }
.widgets_footer_subnav_3 .foot_top dl:nth-child(3){ float: left; width: 15%; }
.widgets_footer_subnav_3 .foot_top dl dt{ font-size: 18px; color: #222222; margin-bottom: 15px; }
.widgets_footer_subnav_3 .foot_top dl dd{ font-size: 14px; color: #757575;margin-bottom: 3%; }
.widgets_footer_subnav_3 .foot_top .dl1{ width: 11%; float: right;}
.widgets_footer_subnav_3 .foot_top .dl1 dt{ font-size: 27px; margin-bottom: 7%; font-size:27px; color:#136fbf;}
.widgets_footer_subnav_3 .foot_top .dl1 dd {float: left; margin-left: 7%; font-size: 16px; text-align: center;}
.widgets_footer_subnav_3 .foot_top .dl1 dd .bdsharebuttonbox{font-size:18px;}
.widgets_footer_subnav_3 .foot_top .dl1 .address{padding-left:40px; line-height:30px; margin-bottom:15px; background:url(../img/footer_adres.png) left center no-repeat}
.widgets_footer_subnav_3 .foot_top .dl1 .phone_number{padding-left:40px; line-height:30px; margin-bottom:15px; background:url(../img/footer_tel.png) left center no-repeat}
.widgets_footer_subnav_3 .foot_top .dl1 .email{padding-left:40px; line-height:30px; margin-bottom:15px; background:url(../img/footer_mail.png) left center no-repeat}
.widgets_footer_subnav_3 .foot_top .dl4{ width: 23%; float: left;}
.widgets_footer_subnav_3 .foot_bottom{ background: #ededed; padding: 1% 0; color:#757575; font-size:16px; }
.widgets_footer_subnav_3 .foot_top .ewm_img{width:126px;margin-top: 10px;}

.in_news{background: url(../images/news-bg.jpg) no-repeat; background-size:cover;}

.in-new-le{
    width: 45%;
}
.in-new-le1{
    width: 50%;
}
.slideBox1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.slideBox1 .hd {
    height: 10px;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 1;
}
.slideBox1 .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}
.slideBox1 .hd ul li {
    float: left;
    margin-right: 12px;
    width: 10px;
    height: 10px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}
.slideBox1 .hd ul li.on {
    background: #0250a3;
    color: #0250a3;
}
.slideBox1 .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}
.slideBox1 .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative;
}
.slideBox1 .bd img {
    width: 100%;
 height:420px;
    display: block;
}
.slideBox1 .bd li p {
    position: absolute;
    bottom: 0;
    padding:13px 20px;
    font-size: 16px;
    width: 100%;
    background:rgba(0,0,0,0.5);
    color: #fff;
}
.in-new-ri{
    width: 51.4%;
}
.in-new-ri1{
    width: 47%;
}
.ne-new{width:100%;}
.ne-new .in-new01{ padding:2%;}
.ne-new .in-new01-le{ width:10%;}
.ne-new .in-new01-ri{ width:88%;}
.in-new01{
    background: #fff;
    padding:2%;
    cursor: pointer;
    margin-bottom: 15px;
    border:1px solid #ededed;
}
.in-new01-le{
    background: #fff;
    width: 14.5%;
    text-align: center;
    transition-duration: 500ms;
        padding:6px 0 6px 0;
}
.in-new01-le h1{
    font-size: 30px;
    font-weight: normal;
}
.in-new01-ri{
    width: 80%;
    margin-left: 5%;
    padding-top: 5px;
}
.in-new01-ri h1{
    font-size: 18px;
    font-weight: normal;
    padding-bottom:8px;
    color: #111111;
}
.in-new01-ri p{
    color: #999;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.in-new01:hover .in-new01-le{
    background: #0080d5;
    color: #fff;
}

.ny-box{width: 100%; padding-top: 159px; }
.ny-box img{width: 100%; display:block;}

.ny-about .p{font-size:16px; line-height: 24px; color: #555555; }
.n-about{width: 100%; position: relative; margin-top: 30px;}
.n-about-l{width: 45%; position: absolute; left: 0; top: 0; height: 100%;}
.n-about-l img{display: block; width: 100%;}
.n-about-r{width: 55%; float: right; height: 375px; padding:45px; border-right:10px solid #f3f3f3; border-top:10px solid #f3f3f3; border-bottom:10px solid #f3f3f3;}
.n-about1{width:100%; background:url(../images/about-bg1.jpg) no-repeat; background-size:100% 100%; color: #fff; position: relative;}
/*.n-about1 dl{width:50%; float:left;}
.n-about1 dl dt{width:198px; height:198px; border-radius:100px; text-align:center; margin:0 auto;  background:#136fbf; position:relative;}
.n-about1 dl dd{width:80% !important; padding-top:10px; text-align:center; font-size:18px; line-height:24px; color:#222222; margin:0 auto;}
.n-about1 dl:nth-child(2) dt{background:#d5a028;}
.n-about1 dl dt .cct {
    position: relative;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
    font-size: 24px;
    line-height: 28px;
	height:50px;
    z-index: 999;
    text-indent: 0;
    padding-bottom: 0px;
	background: url(../images/sl-2.png) no-repeat bottom center;
}
.qq {
    width: 100%;
    height: 100%;
    background: url(../images/sl-1.png) no-repeat center;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: spinner 1.5s infinite linear;
    animation: spinner 1.5s infinite linear;
    z-index: 1;
}*/
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
#scrollbar1 { width: 100%; clear: both; }
#scrollbar1 .viewport { height: 270px; overflow: hidden; position: relative; }  
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding-right: 20px; }
#scrollbar1 .thumb .end,#scrollbar1 .thumb { background-color: #136fbf; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px;  border-left: 4px solid #d0e2f2;  padding-bottom:20px;}
#scrollbar1 .thumb { width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-6px; margin-top:10px;}
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
#scrollbar1 .overview p{font-size: 16px; line-height: 24px; padding-bottom: 20px; text-indent:2em;}

.zzry{width:100%; background:url(../images/zz.jpg) no-repeat bottom; padding-top:60px;}
.zyzz iframe{border: none;margin: 0;padding: 0 0 0 0;vertical-align: baseline;}
.qywh{ width:100%; background:url(../images/qywh-bg.jpg) no-repeat; background-size:100% 100%;}


.picScroll-left{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left .hd{ overflow:hidden; text-align:center; padding-top:30px; }
.picScroll-left .hd ul{ overflow:hidden; zoom:1;  zoom:1;   }
.picScroll-left .hd ul li{ width:14px; height:14px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; display:inline-block; background:#d1252f;  border:2px solid #d1252f; border-radius:50px;}
.picScroll-left .hd ul li.on{ background-position:0 0;  border:2px solid #d1252f; background:none;}
.picScroll-left .bd{ width:100%; margin:0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ width:32%; float:left; _display:inline; overflow:hidden; margin-right:20px; position:relative; cursor:pointer; }
.picScroll-left .bd ul li .dw{ width:80px; height:70px; background:#999999; position:absolute; top:0; left:0; color:#fff; font-family:Arial; text-align:center; padding-top:5px; transition-duration:1s;}
.picScroll-left .bd ul li .dw .l1{width:100%; font-size:36px; font-weight:bold;}
.picScroll-left .bd ul li .dw .l2{font-size:14px;}
.picScroll-left .bd ul li .pic{ width:100%; text-align:center; overflow:hidden; background:#000; position: relative; padding-bottom: 70%; }
.picScroll-left .bd ul li .pic img{ width:100%; display:block; transition-duration:1s; position: absolute; height: 100%; }
.picScroll-left .bd ul li:hover .pic img{ transform:scale(1.1,1.1);opacity:0.7;}
.picScroll-left .bd ul li .title{width:100%; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5;  border-right:1px solid #e5e5e5; padding:10px 3% 20px 3%;}
.picScroll-left .bd ul li .title .h_01{font-size:18px; color:#333333; line-height:40px; overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis;/*文字隐藏后添加省略号*/white-space: nowrap;/*强制不换行*/
}
.picScroll-left .bd ul li .title .h_02{font-size:14px; line-height:22px; color:#777777; padding-top:5px; overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.picScroll-left .bd ul li:hover .dw{background:#136fbf;}


.picScroll-left01{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left01 .bd{ width:100%; margin:0 auto;}
.picScroll-left01 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left01 .bd ul li{ width:25% ; padding-top: 30px; padding-left: 30px; margin-left: 30px; min-height: 320px;  float:left; _display:inline; overflow:hidden; position:relative; cursor:pointer; border-left: 1px solid #ffffff; color: #fff; }
.picScroll-left01 .bd ul li .time{width: 100%; position: relative; }
.picScroll-left01 .bd ul li .p_1{font-size: 16px; color: #fff; line-height: 30px;}
.picScroll-left01 .bd ul li .p_2{font-size: 20px; color: #fff; line-height: 28px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}

.picScroll-left01 .bd ul li .time1{position:absolute; width: 100%; display: none; top: 80px;left: 0; color: #fff; font-size: 16px; line-height: 24px; transition-duration: 1s;}
.picScroll-left01 .bd ul li .time:hover .time1{display: block;}






.mtxw{width:100%; margin:0 auto; background:#ebf3f6;}
.hyxw{width:100%; border:1px solid #dddddd; padding:25px 0;}
.hyxw-l{width:16%; border-right:1px solid #dddddd; padding-bottom:22px; text-align: center;}
.hyxw-l p{font-size:16px; line-height:26px; color:#555555;}
.hyxw-l span{display:inline-block; line-height:28px; color:#d7d7d7;}
.hyxw-r{width:84%; padding:0 8px;}
.hyxw-r p{font-size:16px; line-height:28px; color:#555555; font-weight:bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hyxw-r span{display:inline-block; line-height:28px; color:#777777; line-height:22px; font-size:15px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}

.lxwm{width:100%; margin:0 0 45px 0; position:relative;}
.lxwm-left{width:50%; }
.lxwm-sr{width: 46%;}
.lxwm-right{width:100%; top:0; right:0; height:100%; color:#555; padding:0 2.5%; position: relative;}
.lxwm-right .name{ font-size:22px; font-weight:bold; line-height:48px;}
.lxwm-right .add{font-size:16px; line-height:28px; padding-top:16px; display:inline-block;}
.lxwm-right .ewm{ width:100%; text-align:center; padding-top:30px;}
.lxwm-right .ewm img{display:inline-block; max-width:100%;}
#map,#map1,#map2 {width: 50%; height:420px; float: left;}

.hr{width:100%; background:url(../images/hr-bg.jpg) no-repeat top #f7f7f7; padding-top:50px;}
.hr dl{width:24.7%; margin:0 0.15%; float:left; overflow: hidden; position: relative; cursor: pointer; }
.hr dl img{width: 100%; display: block;}
.hr dl dt{position: absolute; width: 100%; height: 100%; left: 0; bottom: -100%; background: rgba(161,161,161,0.4); transition-duration: 1s; padding:30px 5% 0 5%; color: #fff;}
.hr dl:hover dt{bottom: 0;}
.hr dl dd{width: 100%; position: absolute; line-height: 48px; text-align: center; font-size: 20px; color: #ffffff; position: absolute; left: 0; bottom: 0; font-weight: bold;}
.hr dl dt h2{width: 100%; text-align: center; line-height: 30px; font-size: 18px; margin-bottom: 10px;}
.hr dl dt p{font-size: 14px; line-height: 22px; padding-bottom: 10px;}

.news-l{width: 65%}
.news-r{width: 30%;}
.news-r1{width: 100%; background:#fff; height: 342px; padding:15px 25px; overflow: hidden;}
.n-bit{width: 100%; padding-bottom: 16px;}
.n-bit h1{font-size: 36px; line-height: 44px; color: #222222; float: left; font-weight: normal;}
.n-bit span{width: 78px; float: right; height: 32px; border-radius: 8px; background:#fff; line-height: 32px; color: #e50014; text-align: center; font-size: 16px; margin-top: 12px; display: inline-block;}
.n-bit span a{color: #e50014;}

.news-l1 .p_01{width: 100%; line-height: 40px; font-size: 18px; color: #222222;}
.news-l1 .p_02{line-height: 20px; display: inline-block; background: url(../images/nock.png) no-repeat left center; padding-left: 20px; font-size: 14px; color: #777777;}
.news-l1 .p_03{width: 100%; padding-top:20px; line-height: 24px; color: #777777; font-size: 15px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-l2{padding-top:30px;}
.news-l2 dl{width: 100%; margin-top:15px; border:1px solid #e6e6e6;}
.news-l2 dl dt{width: 20%; text-align: center;  background-color: #bababa; height: 46px; color: #fff; padding:5px 2% 0 2%; font-size: 15px; line-height: 18px;}
.news-l2 dl dd{width: 80%; background-color: #fff; position:relative; height: 46px; line-height: 46px; font-size: 16px; padding:0 3%; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;}
.news-l2 dl dd:after{ content: ""; width: 8px; height: 13px; position: absolute; top: 16px; right: 10px; background:url(../images/n-jt.jpg) no-repeat; }
.picMarquee-top{ width:100%; overflow:hidden; position:relative; height: 420px; }
.picMarquee-top .bd{}
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{ width: 100%; zoom:1; margin-bottom: 20px; }
.picMarquee-top .bd ul li .txt1{ font-size: 15px; color: #777777; line-height: 30px;  }
.picMarquee-top .bd ul li .txt2{ font-size: 18px; color: #333333; line-height: 30px;  }
.resources_nav_list ul {
    zoom: 1;
}

    .resources_nav_list ul:after {
        display: block;
        content: "";
        clear: both;
    }

    .resources_nav_list ul li {
        float: left;
        width: 24%;
        margin:0 0.5%;
        border:1px solid #d5d5d5;
        background:#f0f0f0;
    }
.resources_nav_messages {
    padding: 40px 30px;
}

    .resources_nav_messages > h3 {
        font-size: 20px;
        color: #555555;
        margin-bottom: 20px;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .resources_nav_messages > span {
        display: block;
        width: 100%;
        height: 1px;
        background: #dadada;
        margin-bottom: 30px;
    }

    .resources_nav_messages > p {
        font-size: 16px;
        color: #555555;
         
        line-height: 24px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.resources_nav_go {
	margin:0 auto; padding-top:16px;
	width:200px;
    zoom: 1;
}
.resources_nav_go img{width:26px !important; height:15px;}

    .resources_nav_go:after {
        display: block;
        content: "";
        clear: both;
    }

.resources_nav_a1 {
    float: left;
    display: block;
    width: 130px;
    height: 43px;
    font-size: 16px;
    color: #3e76a7;
    border: 1px solid #a8bed2;
    text-align: center;
    line-height: 43px;
}

.resources_nav_a2 {
    float: left;
    margin-left: 5px;
    display: block;
    width: 50px;
    height: 43px;
    border: 1px solid #a8bed2;
    text-align: center;
}

    .resources_nav_a2 img {
        margin: 0 auto;
        margin-top: 14px;
    }

.rlzy_img1 {
    display: block;
}

.rlzy_img2 {
    display: none;
}

.resources_nav_go:hover .resources_nav_a1 {
    background: #136fbf;
    color: #FFFFFF;
}

.resources_nav_go:hover .resources_nav_a2 {
    background: #136fbf;
}

.resources_nav_go:hover .rlzy_img1 {
    display: none;
}

.resources_nav_go:hover .rlzy_img2 {
    display: block;}
	
	
	
	
.resources_nav_go1 {
	margin:0 auto; padding-top:16px;
	width:200px;
    zoom: 1;
}
.resources_nav_go1 img{width:26px !important; height:15px !important;}

    .resources_nav_go1:after {
        display: block;
        content: "";
        clear: both;
    }

.resources_nav_a11 {
    float: left;
    display: block;
    width: 130px;
    height: 43px;
    font-size: 16px;
    color: #fff;
	background:#d71519;
    text-align: center;
    line-height: 43px;
}

.resources_nav_a21 {
    float: left;
    margin-left: 5px;
    display: block;
    width: 50px;
    height: 43px;
    color: #fff;
	background:#d71519;
    text-align: center;
}

    .resources_nav_a21 img {
        margin: 0 auto;
        margin-top: 14px;
    }

.rlzy_img11 {
    display: block;
}

.rlzy_img21 {
    display: none;
}

.resources_nav_go:hover .resources_nav_a11 {
    background: #136fbf;
    color: #FFFFFF;
}

.resources_nav_go:hover .resources_nav_a21 {
    background: #136fbf;
}

.resources_nav_go:hover .rlzy_img11 {
    display:block;
}

.resources_nav_go:hover .rlzy_img21 {
    display:none;}



.hr-jt{width: 39px; height: 34px; margin:0 auto; padding-top:15px;}
.ny-box1{ width:100%; line-height: 60px; background:#f6f6f6; border-bottom:1px solid #ebebeb;}
.ny-cd{ width:100%;  position:relative; border-left: 1px solid #dadada;}
.ny-cd li{width:135px; text-align:center; list-style:none; line-height:60px; font-size:18px; float:left; border-right: 1px solid #dadada;}
.ny-cd li a{ display:block; color:#333;}
.ny-cd li a:hover{color:#136fbf;}
.ny-cd li .ts{ color:#136fbf;}
.pos{position:absolute; right:3%; top:0; line-height:60px; font-size:16px;}

.yfzx p{font-size: 18px; line-height: 30px; padding-bottom: 25px; color: #555555; text-indent:2em;}
.yfzx1{width: 1200px; margin:0 auto;}
.yfzx1 dl{ width: 100% ; margin-bottom: 55px; position: relative; zoom:1; cursor: pointer;}
.yfzx1 dl dt{width:35%; position: absolute; left:0; top: 0; height: 100%; padding:40px 2.5% 0 2.5%; color: #fff; }
.yfzx1 dl dd{width:65%; overflow: hidden; background-color: #000;}
.yfzx1 dl:hover dd img{transform:scale(1.1,1.1); opacity: 0.8;}
.yfzx1 dl dt p{font-size: 16px; line-height: 24px; padding-top: 20px;}
.yfzx1 dl dd img{width: 100%; display: block; transition-duration: 1s;}
.yfzx1 dl:nth-child(1) dt{background-color: #0075c2;}
.yfzx1 dl:nth-child(2) dt{background-color: #e50014;}
.yfzx1 dl:nth-child(3) dt{background-color: #cc9017;}
.yfzx1 dl:nth-child(4) dt{background-color: #0075c2;}

.pro-sea{width:100%; border:10px solid #d9d9d9; background:#fff; padding:30px 2%;}
.pro-sea dl{width:36%; margin-right:4%; float:left; height:40px;}
.pro-sea dl:nth-child(3){width:20%; margin-right:0;}
.pro-sea dl dd{width:70%; float:left;}
.pro-sea dl dt{ padding-right:4%; font-size:18px; line-height:40px; float:left;}

.pro-sea dl #button{width:100%; height:40px; background:#333333; font-size:18px; font-weight:bold; outline:none; border:none; color:#fff;}
.pro-sea dl dd input{width:100%; border:1px solid #eeeeee; outline:none; background:#fff; height:40px; padding-left:5%;}

.pro-sea dl dd select{height: 40px;
    width: 100%;
     border:1px solid #eeeeee;
    color: #a9a9a9;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background:url(../img/bk-jt.jpg) no-repeat scroll right top transparent;
    background-size: 41px 38px;
    outline: none;
    font-size: 14px; padding-left:5%;}

.pro-list3{width:100%; margin:0 auto; padding-top:15px;}
.pro-list3 dl{width:22%; float:left; margin-right:1.5%; margin-left:1.5%; background:#f4f4f4;  margin-bottom:40px; cursor:pointer; position:relative; overflow:hidden; transition-duration:1s;}
.pro-list3 dl dt{width:100%; padding: 5px; border: 1px solid #d1d1d1;}
.pro-list3 dl a{display: block;}
.pro-list3 dl dt img{width:100%; display: block;}
.pro-list3 dl dd{width:100%; padding:15px 4%;  position: relative; overflow: hidden;}
.pro-list3 dl dd p{font-size:18px; color:#333333; line-height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pro-list3 dl dd .dw1 {
    width: 80px;
    height: 80px;
    position: absolute;
    background: #0064d6;
    right: -40px;
    bottom: -40px;
    content: "";
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    opacity: 1 !important;
}
.pro-list3 dl dd .jh {
    position: absolute;
    width: 21px;
    height: 21px;
    bottom: 6px;
    right: 6px;
    z-index: 999;
    transition-duration: 1s;
}
.pro-list3 dl dd img {
    width: 100%;
    display: block;
    transition-duration: 1s;
}

.pro-list3 dl:hover{background:#cacaca;}
.pro-list3 dl:hover dt img{opacity:0.2;}
.pro-list3 dl:hover dd p{color:#fff;}
.pro-list3 dl:hover dd span{color:#fff;}
.pro-list3 dl .dw{width:68px; height:68px; position:absolute; z-index:9999; display:none; left:40%; top:32%; }
.pro-list3 dl:hover .dw{display:block;}  
.pro-detail{width:43.3%; float:left; border:1px solid #dddddd; padding:0 2.77%;}
.pro-detail1{width:51.68%; float:right; padding-right:6%;}
.pro-detail img{width:100%; height:100%;}
.pro-detail1 .p1{ width:100%; font-size:40px; font-weight:bold; color:#bf101a;}
.pro-detail1 .p2{font-size:14px; line-height:24px; padding:40px 0 50px 0; font-family:"宋体";}
.pro-detail1 .p3{width:100%; background:#f5f5f5; padding:13px 2%;}
.pro-detail1 .p3 dl{width:33.333%; float:left; border-right:1px solid #dadada; text-align:center; padding:8px 0 10px 0;}
.pro-detail1 .p3 dl h3{font-size:22px; color:#222222; line-height:32px;}
.pro-detail1 .p3 dl .tt1{font-size:16px; color:#777777; line-height:32px; font-family:"宋体";}
.pro-detail1 .p3 dl:nth-child(3){border-right:none;}
.pro-detail1 .p4{ padding-top:36px; } 
.p4-1{font-size: 18px; color:#333333; line-height:62px; display:inline-block;}
.p4-2{font-size:36px; color:#bf101a; font-weight:bold; line-height:62px;  display:inline-block;}   
.p4-3{width:162px; line-height:62px;} 
.p4-4{width:162px; line-height:62px; display:block; background:url(../img/bjk-1.png) no-repeat right 0;transition-duration:.5s; text-align:center; font-size:18px; color:#333333; cursor:pointer;}
.p4-4:hover{ background:url(../img/bjk-1.png) no-repeat right -62px;}  

.link1{width:100%; margin:0 auto;}
.link1 li{width:15.8%; text-align:center; float:left; overflow:hidden; border:1px solid #dfdfdf; list-style:none; margin-right:0.785%; background:#fff; position:relative; height:96px; margin-bottom:15px;}
.link1 li:hover{-moz-box-shadow:6px 6px 5px #d6d6d6; -webkit-box-shadow:6px 6px 5px #d6d6d6; box-shadow:6px 6px 5px #d6d6d6;}
.link1 li img{ display:inline-block;/* width:100%;*/}         


.news{width:100%; margin:0 auto; }
.news li{width:100%; margin:0 auto; border-bottom:1px solid #eeeeee; padding-top:50px; padding-bottom:50px;}

.news li .pic{width:31.803%; float:left;}
.news li .pic img{width:100%;}
.news li .txt{width:64%; padding-left:4%; float:left;}
.news li .txt1{width:100%; font-size:18px; color:#333333;}
.news li .txt2{width:97%; background:url(../images/tit.jpg) no-repeat left center; height:40px; line-height:40px; font-family:Arial; padding-left:3%; font-size:14px; color:#99999c; margin-top:10px; margin-bottom:10px;}
.news li .txt3{width:100%; line-height:30px; font-size:16px; color:#848484; padding-bottom:20px;}
.news li .an{width:114px; height:38px; line-height:38px; transition-duration:1s; text-align:center; position:relative; background:#136fbf; font-size:14px; font-family:Arial; text-transform:uppercase; color:#f4a577;}
/*.news li .fg{position:absolute; width:32px; height:2px; background:#3ab7ab; right:-25px; top:18px;}*/
.news li .an a{ color:#fff;}
.news li .an:hover{background: -webkit-linear-gradient(120deg, #43e59a , #3890fe); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(120deg, #43e59a , #3890fe); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(120deg, #43e59a , #3890fe); /* Firefox 3.6 - 15 */
    background: linear-gradient(120deg, #43e59a , #3890fe); /* 标准的语法（必须放在最后） */  color:#fff;}
.news li .an:hover{right:0px;}


.s-page{width:100%; padding-top:34px; padding-bottom:30px;}
.p1Page2{ margin:0 auto; height:44px; font-family:"微软雅黑"; font-size:14px; color:#535353;}
.page{line-height:30px;text-align:center; }
.page a{margin:0 3px;display:inline-block;padding:0 15px 0 15px; background:#ececec; color:#777777; }
.page a:hover{background:#076bc8; color:#fff;}
.page a.on{background:#076bc8;border-color:#076bc8;color:#FFF; padding:0 15px 0 15px; color:#fff;}
.page a.on:hover{background:#076bc8; color:#fff;}
.page a.on1{background:#ffffff;border-color:#f3c800;color:#535353;  padding:0 15px 0 15px;}
.page a.page_turn:hover{background:#076bc8;border-color:#3BA2E3;color:#FFF;box-shadow:1px 1px 3px #CCC;}

.news-all{width: 100%;}
.news-all ul{border-top: 1px solid #ccc;}
.news-all ul li{zoom: 1;padding: 40px 0;border-bottom: 1px dashed #cccccc;cursor: pointer;}
.news-all ul li:after{display: block;content: "";clear: both;}
.news-all-fl{float: left;width: 7%;margin-right: 3%;}
.news-all-fr{float: left;width: 90%;}
.news-all-time{border: 1px solid #cccccc;}
.news-all-time span:nth-child(1){font-size: 36px;display: block;line-height: 60px;text-align: center;color: #fff;background: #cccccc;}
.news-all-time span:nth-child(2){font-size: 14px;display: block;line-height: 32px;text-align: center;color: #555555;}
.news-all-fr h3{font-size: 18px;line-height: 28px;color: #333333;}
.news-all-fr p{font-size: 16px;line-height: 24px;color: #777777;margin-top: 15px;}
.news-all ul li:hover .news-all-fr h3{color: #136fbf !important;}
.news-all ul li:hover .news-all-time span:nth-child(1){background:#136fbf !important;}

.detail{width:100%; padding-top:40px; line-height:50px; border-bottom:1px solid #e6e6e6; text-align:center; font-size:26px;}
.detail1{width:100%; padding-top:15px; line-height:28px; border-bottom:1px solid #e6e6e6; font-size:16px;}
.detail1 p{ padding-bottom:20px;}
.detail1 img{ display:inline-block;  padding-bottom:20px; max-width:80%;}
.detail2{width:100%; padding-top:20px; padding-bottom:20px;}
.page1{width:100%;}
.page1 li{width:100%; font-size:16px; line-height:36px; list-style:none;}
.page1 li span{color:#136fbf;}
.page1 li:hover{color:#136fbf;}


.picScroll-left1{ width:100%;  overflow:hidden; position:relative; }
.picScroll-left1 .hd{ overflow:hidden;  height:31px;}
.picScroll-left1 .hd .prev{ display:block;  width:31px; height:31px; float:right; margin-right:5px; overflow:hidden; cursor:pointer; background:url(../images/zj.jpg) no-repeat;}
.picScroll-left1 .hd .next{ display:block;  width:31px; height:31px; float:right; overflow:hidden; cursor:pointer; background:url(../images/yj.jpg) no-repeat}
.picScroll-left1 .bd{ width:100%;}
.picScroll-left1 .bd ul{ overflow:hidden;  }
.picScroll-left1 .bd ul li{float:left; overflow:hidden;}
.picScroll-left1 .bd ul li:nth-child(1){width:50% !important; margin-bottom:0px;}
.picScroll-left1 .bd ul li:nth-child(3){ margin-right:0%;}
.picScroll-left1 .bd ul li:nth-child(4){ margin-bottom:0%;}
.picScroll-left1 .bd ul li:nth-child(5){ margin-right:0%; margin-bottom:0%;}

.case1{width:80%; margin:0 auto; overflow: hidden;}
.case1 dl{ width: 31.5%; float:left; cursor: pointer; margin-right:1%; margin-bottom:14px; overflow:hidden; background:#000; position:relative;}
.case1 dl .txt{width:90%; left:5%; position:absolute; height:30px; background:url(../images/jt.png) no-repeat right center; line-height:30px; bottom:10px; font-size:16px; z-index:9999; color:#fff;}
.case1 dl img{display:block; transition-duration:1s; width: 100%; }
.case1 dl:hover img{transform:scale(1.1,1.1); opacity:0.8;}
.case1 dl:nth-child(1){    width: 65%; margin-bottom: 0px;}
.case1 dl:nth-child(2){ margin-right:0%;}
.case1 dl:nth-child(3){ margin-right:0%;}
.case1 dl:nth-child(4){ margin-bottom:0%;}
.case1 dl:nth-child(5){ margin-right:0%; margin-bottom:0%;}
.case2{width:100%; margin:0 auto; display:none; padding-top:0px;}
.case2 li{width:46%; float:left; list-style:none;  float:left; margin-left:2%; margin-right:2%; position:relative; overflow:hidden; margin-bottom:15px; }
.case2 li .bt {
    width: 90%;
    left: 5%;
    bottom: 10px;
    position: absolute;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;
}
.case2 li img{width: 100%; display: block;}
.hidden{ display: none;}
.jq22{width: 100%;height: auto;margin:0 auto;overflow: hidden;text-align: left;}
.jq22 ul.list{overflow: hidden;}
.jq22 ul.list li{width: 31%;
    float: left;
    margin: 0 2% 25px 0;
    border: 1px solid #d5d5d5;
    background: #f0f0f0;}


.jq22 ul.list li:nth-child(4n){margin-right: 0;}
.jq22 .more{overflow: hidden;text-align: center; width: 100%;line-height: 40px; background-color: #fff;}
.jq22 .more a{display: block;width: 80px; height: 40px; background: url(../images/hr-jt.jpg) no-repeat center center;  color:#333; margin:0 auto;text-align:center; position: relative;}


#about{margin-left: 11.1%;}
#news{margin-left: 22.2%;}
#product{margin-left: 33.3%;}
#yfzx{margin-left: 44.4%;}
#hr{margin-left: 55.5%;}

.Menubox4 {height:36px;margin: 0 auto;position:absolute; left: 54%; bottom: 30%; padding-top: 30px;}
.Menubox4 li {float: left;display: block; margin-right:10px; cursor: pointer;height: 36px;width:120px; border:1px solid #bbbbbb; line-height: 36px; font-size: 18px;color: #555555; border-radius: 50px; text-align: center;}
.Menubox4 li.hover {color: #e50014;}
.CbContainer4{position:relative; }
.Contentbox4 {clear: both; width:100%; min-height:196px; }
.cont-bit{font-size: 24px; color: #333333; font-weight:bold; padding-bottom: 20px;}
.cont-neir img{width: 45%; float: left;}
.cont-neir p{font-size: 16px; line-height: 36px; color: #555555; width: 50%; }
.cont1{width: 100%; background-color: #f2f1f0;}

.sqhz1{width:48%; margin-bottom:15px;}
.sqhz-input{width:94%; height:48px; border:none; background:#fff; line-height:48px; padding-left:5%; font-size:18px;  outline:none;}
.sqhz2{width:100%; margin:0 auto; padding-bottom:30px;}
.sqhz-text{ width:97.8%; height:120px; padding-top:10px; padding-left:2%; border:none;  background:#fff; font-size:18px;  outline:none; font-family:Arial;}
.sqhz-an{width:160px; height:48px; color:#fff; background:#00a0e9; line-height:48px; text-align:center; margin:0 auto; font-size:16px; border-radius:50px; border:none; outline:none; cursor:pointer; margin-right:15px;}

.pro-cd{width: 100%;  background: url(../images/pro-bg.jpg) no-repeat; color: #fff;}
.pro-cd dl{width: 24%; float: left; text-align:center; padding:20px 0; cursor: pointer; transition-duration: 1s;}
.pro-cd dl:hover{background: #cf0925;}
.pro-cd dl a{color: #fff;}
.pro-cd dl .ts{background: #cf0925;}
.pro-cd dl dt{ width: 100%; height:53px; }
.pro-cd dl dt img{display: inline-block; max-width: 100%;}
.pro-cd dl dd{width: 100%; line-height: 36px; font-size: 18px; font-weight: 500;}

.pro-yj{width: 100%; background: url(../images/pro-bg1.jpg) no-repeat; background-size: 100% 100%; text-align: center; color: #fff;}
.pro-yj .bit{font-size: 36px; }
.pro-yj .neir{font-size: 18px; padding:35px 0 45px 0; line-height: 30px; }
.pro-yj .an{width: 230px; line-height: 60px; text-align: center; background: #fff; font-size: 16px; color: #555; margin: 0 auto; cursor: pointer;}


.n-yf{width:100%; margin:0 auto; padding-top:20px;}
.n-yf dl{width:32%; float:left; margin:0 0.6%; overflow:hidden; background:#032e53; position:relative; cursor:pointer;}
.n-yf dl img{display:block; width:100%; opacity:0.3; transition-duration:1s;}
.n-yf dl dt{ position:absolute; left:0; top:90px; text-align:center; width:100%;}
.n-yf dl dt img{ display:inline-block; width:95px; height:95px; opacity:1;}
.n-yf dl dt p{padding:15px 0; font-size:24px; font-weight:bold; color:#fff; text-indent:0;}
.n-yf dl:hover img{ opacity:1;}
.n-yf dl:hover dt img{  opacity:1;transform: rotateY(180deg); -webkit-transform: rotateY(180deg); }

.n-yf1{width:100%; background:url(../images/yf-bg.jpg) no-repeat; background-size:100% 100%; min-height:620px; color:#fff;}
.n-yf1-left{width:48%;}
.n-yf1-right{width:30%;}
.n-yf1 .bit{ font-size:16px; line-height:24px; padding:20px 0 15px 0; }
.n-yf2{width:100%; margin-top:30px; position:relative;}
.n-yf2-left{width:49.8%;}
.n-yf2-left dl{width:50%; position:relative; float:left; overflow:hidden; cursor:pointer;}
.n-yf2-left dl .bit_01{font-size:30px; position:absolute; left:0; color:#fff; padding:20px 5%; transition-duration:1s;}
.n-yf2-left dl:hover .bit_01{display:none;}
.bit_02{width:70%; position:absolute; left:15%; top:20px; text-align:center;}
.bit_02-1{font-size:30px;}
.bit_02-2{font-size:16px; line-height:24px; padding:20px 0 0 0;}
.bit_02-3{font-size:16px; line-height:24px;}

.n-yf2-left dl:nth-child(3){width:100% !important;}
.n-yf2-left dl img{width:100%; display:block;}
.n-yf2-right{width:49.8%; position:absolute; height:100%; top:0; right:0; overflow:hidden; cursor:pointer;}
.n-yf2-right img{height:100%; width:100%; display:block;}
.dw01{width:100%; height:100%; position:absolute; left:0; background: rgba(229,229,229,0.8); bottom:-100%; color:#333; transition-duration:1s; padding:20px 5%;}
.dw{width:100%; height:100%; position:absolute; left:0; background: rgba(229,229,229,0.8); bottom:-100%; color:#333; transition-duration:1s; padding:40px 5%;}
.bt1{ font-size:30px;}
.bt2{ padding-top:25px; font-size:12px; line-height:20px;}
.bt3{ padding-top:10px; font-size:12px; line-height:18px;}
.n-yf2-left dl:hover .dw{ bottom:0;}
.n-yf2-left dl:hover .dw01{ bottom:0;}
.n-yf2-right:hover .dw{ bottom:0;}
.n-yf2-right01{width:60%; background:rgba(255,255,255,0.5); position:absolute; right:0; bottom:0; padding:20px 5% 35px 5%; color:#555;}
.n-yf2-right01 img{}

.big-link { display:inline-block; float:left; padding:8px 30px; color:#fff; font-size:20px; border:1px solid #fff; margin-right:15px; }		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top:30%; 
		left: 30%;
		width: 40%;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		z-index:9999;
		color:#555;
		}
		.reveal-modal p{padding-top:20px; font-size:16px; line-height:28px;}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
.close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}
.reveal-modal1 {
		visibility: hidden;
		top:10%; 
		left: 15%;
		width: 70%;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		z-index:9999;
		color:#555;
		}
		.reveal-modal1 p{padding-top:20px; font-size:16px; line-height:28px;} 



	.reveal-modal2 {
		visibility: hidden;
		top:20%; 
		left: 20%;
		width: 60%;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		z-index:9999;
		color:#555;
		}
		.reveal-modal2 img{float:left; width:50%;}
		.reveal-modal2 p{width:45%; float:right; line-height:26px; font-size:16px;}
				.reveal-modal2 p span{display:inline-block; font-size:26px; font-weight:bold; padding-bottom:20px; width:100%;}


.an-p {
    width: 200px;
    text-align: center;
/*    background: #0064d6;*/
    font-size: 16px;
    line-height: 50px;
    color: #333;
    position: relative;
    transition-duration: 1s;
    cursor: pointer;
    margin:0 auto;
    border:1px solid #ededed;
}

.an-p:hover{ background: #0064d6; border:1px solid #0064d6; color: #fff;}


.solu_ls {
    width: 100%;
}

    .solu_ls dl {
        width: 100%;
        overflow: hidden;
        clear: both;
    }

        .solu_ls dl dt {
            width: 50%;
            overflow: hidden;
        }
              .solu_ls dl dd {
            width: 50%;
            padding: 30px 4% 0 4%;
        }

            .solu_ls dl dt img {
                width: 100%;
                display: block;
            }

  

            .solu_ls dl dd .t_01 {
                font-size: 24px;
                padding-bottom: 10px;
            }

            .solu_ls dl dd .t_02 {
                font-size: 15px;
                line-height: 24px;
            }

.ab-xg{width:100%; position: relative; margin-top: 40px; overflow: hidden; }
.ab-xg .left{width: 54%; background: #363636; color: #c0c0c0; position: absolute; left: 0; top: 0; height: 100%; padding:10px 2.5% 0 2.5%;}
.ab-xg .left h1{font-size: 36px; font-weight: normal;}
.ab-xg .left span{display: inline-block; font-size: 16px; line-height: 20px; padding-top: 16px;}
.ab-xg .right{width: 46%; position:relative;}
.ab-xg .right img{width: 100%; display: block;}
.ab-xg .right .dw03{position: absolute; width:50%; height: 100%; background: rgba(19,111,191,0.8);left: 0; top: 0; color: #fff; text-align: center; }
.ab-xg .right .dw1{width: 226px; padding-top: 48px; margin:0 auto; }
.ab-xg .right .dw1 .bt{width: 100%; border-bottom: 1px solid #fff; font-size: 48px; font-family: arial;}
.ab-xg .right .dw1 .bt1{width: 100%; text-align: center; font-size: 18px; line-height: 32px;}
.zyzz1{display: none;}


.picMarquee-top{ margin:0 auto;  width:100%; overflow:hidden; position:relative;}
.picMarquee-top .bd{ }
.picMarquee-top .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-top .bd ul li{  zoom:1; }


.hr-an1{width: 24%; background: #136fbf; text-align: center; font-size: 16px; color: #ffffff; line-height: 44px; float: left; margin-right: 0.5%; margin-top: 10px;}
.hr-an1 a{color: #fff;}
.hr-an2{

    width: 160px;
    transition-duration: 1s;
    text-align: center;
     background: #136fbf; 
     color: #fff;
    border: 1px solid #136fbf; 
    line-height: 42px;
 
    font-size: 16px;
    margin:30px auto;
    cursor: pointer;


}
.hr-an2 a{color: #fff;}

.hr-an2:hover {  border: 1px solid #136fbf;    color: #333; background: #fff;  }
.hr-an2:hover a{color: #333;}

.zyzz1{display: none;}
.picScroll-left02{ width:100%;  overflow:hidden; position:relative; padding-bottom: 40px; }
.picScroll-left02 .bd{ width:100%; margin:0 auto;}
.picScroll-left02 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left02 .bd ul li{ width:100% ; min-height: 320px;  float:left; _display:inline; overflow:hidden; position:relative; cursor:pointer;  color: #fff; text-align: center; }
.picScroll-left02 .bd ul li img{display: inline-block; width: 60%;}



/*2019-11-19*/
.slideBox01 { width: 72.734%; height: auto; overflow: hidden;position: relative; float: left;}
.slideBox01 .hd {height: 12px; overflow: hidden; position: absolute;right: 0;bottom: 20px; z-index: 1;}
.slideBox01 .hd ul {overflow: hidden; zoom: 1;  float: left;}
.slideBox01 .hd ul li { float: left;margin-right: 12px;width: 12px;height: 12px; border-radius: 50%; text-align: center; background: #fff; cursor: pointer;}
.slideBox01 .hd ul li.on { background: #0250a3; color: #0250a3;}
.slideBox01 .bd {position: relative; height: 100%;z-index: 0;}
.slideBox01 .bd li {zoom: 1; vertical-align: middle; position: relative;}
.slideBox01 .bd li .left { width: 36%;display: block; background:url(../images/about-bg.jpg) no-repeat; background-size:cover; position: absolute; height: 100%; left: 0; padding: 35px 3% 0 3%; cursor: pointer; }
.slideBox01 .bd li .right{width: 64%; overflow: hidden;}
.slideBox01 .bd li .right img{width: 100%; height: 100%; display: block;}

.slideBox01 .bbt{width:100%; }
.slideBox01 .bbt h1{font-size:24px; }
.slideBox01 .bbt h2{ font-size:14px; font-weight:normal; text-transform:uppercase; font-family:Arial; padding-top:5px; padding-bottom:5px;}
.slideBox01 .bbt1{padding-top:20px; font-size:14px;  line-height:24px; width:100%; font-family:simsun;}
.slideBox01 span{width: 100%; transition-duration: 1s; text-align: center; display: inline-block; border:1px solid #ffffff; line-height: 42px; color: #fff; font-size: 16px; margin-top: 15px; cursor: pointer;}
.about2 li img{height: 100%;}
.apicScroll-left {width: 100%; overflow: hidden; position: relative;position: relative; margin-top:40px; }
.apicScroll-left .hd { width: 98%;position: absolute; top: 135px;left: 1%;height: 57px;z-index: 9999;}
.apicScroll-left .hd .prev {display: block; width: 30px;height: 21px; margin-left:15px; float: left; overflow: hidden;cursor: pointer;background: url("../images/lc-pre.png") no-repeat; }
.apicScroll-left .hd .next { display: block;width: 30px; height: 21px;float: right;overflow: hidden; cursor: pointer; background: url("../images/lc-next.png") no-repeat;}
.apicScroll-left .bd {height: 290px;width: 93%;margin: 0 auto;overflow: hidden;}
.apicScroll-left .bd ul {  zoom: 1;}
.apicScroll-left .bd ul li { width: 240px;float: left;_display: inline; position: relative; background: url(../images/fgx.png) repeat-x left center;height: 290px;}
.apicScroll-left .bd ul li .by { width: 72px; height: 72px; background: #fff; text-align: center; line-height: 72px; border-radius: 50px; font-size: 18px;color: #d01027;
 position: absolute;left: 35%;top: 0;}
.apicScroll-left .bd ul li:nth-child(2n) {background: url(../images/fgx1.png) no-repeat left center;}
.apicScroll-left .bd ul li:nth-child(2n) .by {width: 72px;height: 72px; background: #fff;text-align: center;line-height: 72px;border-radius: 50px;font-size: 18px;color: #d01027;
 position: absolute; left: 40%; bottom: 0;top: auto;}
.apicScroll-left .bd ul li:nth-child(2n) .wzz {position: absolute; top: 0;bottom: auto;color: #fff;}
.wzz {position: absolute; bottom: 0; color: #fff; width: 90%;text-align: center; }
/*2019-11-19*/

.picScroll-left12{ width:100%;  overflow:hidden; position:relative; padding:60px 0 30px 0;}
.picScroll-left12 .bd{ width:100%; margin:0 auto;}
.picScroll-left12 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left12 .bd ul li{ width:20%; float:left; _display:inline; overflow:hidden; margin-right:2px; position:relative; cursor:pointer; }
.picScroll-left12 .bd ul li .pic{ width:100%; text-align:center; overflow:hidden; background:#000; }
.picScroll-left12 .bd ul li .pic img{ width:100%; display:block; transition-duration:1s; }
.picScroll-left12 .bd ul li:hover .pic img{ transform:scale(1.1,1.1);opacity:0.7;}


.n-about1 .qyqy{width: 100%; position:absolute; bottom: 0; left: 0;}
.n-about1 .qyqy dl{width:50%; float:left; min-height: 160px; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff;  color: #fff; padding:20px 3% 35px 3%; }
.n-about1 .qyqy dl dt{font-size:26px; font-weight:bold;}
.n-about1 .qyqy dl dd{font-size:18px; padding-top: 8px;}
.n-about1 .qyqy dl:nth-child(2){border-right: 1px solid #ffffff;}


.n-about1 .map{width: 916px; height: 440px; margin: 0 auto; position: relative;}

.product_con{position:absolute; left:0;}
.product_con .boll{position:absolute; bottom:0; left:0; top:0; right:0;}
.product_con .boll .b1{position:absolute;}
.product_con .boll .list_boll{width:10px;height:10px;border:2px solid #fff;display:block;border-radius:50%;box-shadow: 0px 0px 14px 3px #136fbf;position:relative;-webkit-animation: bordershow 3s infinite;-moz-animation: bordershow 3s infinite;animation: bordershow 3s infinite;cursor:pointer;}
.product_con .boll .list_boll:after,.product_con .boll .list_boll:before{content:"";width:20px;height:20px;background:#fff;background:rgba(255,255,255,0.5);box-shadow: 0px 0px 4px rgba(255,255,255,0.5);display:block;border-radius:50%;position:absolute;top:-7px;left:-7px;}
.product_con .boll .list_boll:after{-webkit-animation: boderM 3s infinite;-moz-animation: boderM 3s infinite;animation: boderM 3s infinite;}
.product_con .boll .list_boll:before{-webkit-animation: boderM 3s .75s infinite;-moz-animation: boderM 3s .75s infinite;animation: boderM 3s .75s infinite;}

.product_con .list_box{width: 180px;min-height: 70px;border:1px solid #fff;background:rgba(255,255,255,0.2);font-size:18px;font-weight:bold;color:#fff;position:absolute;border-radius:4px;opacity:1;/*visibility:hidden;*/ display:table;}
.product_con .list_box .list_title{padding:0 4%;font-weight:normal; display:table-cell; vertical-align:middle; text-align:center;}
.product_con .list_box .list_img{display:none;}
.product_con .list_box:after,.product_list .pt1 .product_con .list_box:before{content:"";background:#fff;display:block;position:absolute;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;opacity:0;transition-delay: 0.4s;-moz-transition-delay: 0.4s;-webkit-transition-delay: 0.4s;-o-transition-delay: 0.4s;}
.product_con .list_box:after{top:-2px;left:14px;width:35px;height:3px;-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);-o-transform:translateX(-10px);transform:translateX(-10px);}
.product_con .list_box:before{top:14px;right:-1.5px;width:3px;height:35px;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
.product_con li:hover .list_box{opacity:1;visibility:visible;}
.product_con li:hover .list_box:after{opacity:1;-webkit-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);}
.product_con li:hover .list_box:before{opacity:1;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);}

@-webkit-keyframes bordershow {
    0% {box-shadow: 0px 0px 0px 0px #136fbf;}
    50% {box-shadow: 0px 0px 14px 3px #136fbf;}
    100% {box-shadow: 0px 0px 0px 0px #136fbf;}
}
@-moz-keyframes bordershow {
    0% {box-shadow: 0px 0px 0px 0px #136fbf;}
    50% {box-shadow: 0px 0px 14px 4px #136fbf;}
    100% {box-shadow: 0px 0px 0px 0px #136fbf;}
}
@keyframes boderM {
    0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
    20% {opacity: 1}
    75% {-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-o-transform: scale(2);transform: scale(2);opacity: 0}
    100% {opacity: 0}
}
@-webkit-keyframes boderM {
    0% {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 0}
    20% {opacity: 1}
    75% {-webkit-transform: scale(2);-moz-transform: scale(2);-ms-transform: scale(2);-o-transform: scale(2);transform: scale(2);opacity: 0}
    100% {opacity: 0}
}
@keyframes bordershow {
    0% {box-shadow: 0px 0px 0px 0px #136fbf;}
    50% {box-shadow: 0px 0px 14px 4px #136fbf;}
    100% {box-shadow: 0px 0px 0px 0px #136fbf;}
}


@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
 
@media only screen and (max-width: 1440px){
 #about{margin-left: -5%;}
#news{margin-left: -2%}
#product{margin-left: 10%;}
#yfzx{margin-left: 20%;}
#hr{margin-left: 33%;} 
.hr dl dt h2{width: 100%; text-align: center; line-height: 30px; font-size: 18px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.hr dl dt p{font-size: 14px; line-height: 22px; padding-bottom: 0px;
    margin-bottom: 10px;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical;
}  
.hr dl dt {
    padding: 25px 5% 0 5%;
}
.hr dl dd {
    line-height: 32px;
    font-size: 16px;
    font-weight: 700;
    overflow: hidden; text-overflow: ellipsis;white-space: nowrap;
}
}
@media only screen and (max-width: 1366px){
.bit_02-1{font-size:22px;}
.bit_02-2{font-size:14px; line-height:20px; padding:10px 0 0 0;}
.bit_02-3{font-size:14px; line-height:20px;}

    .hr dl dd {
    line-height: 30px;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden; text-overflow: ellipsis;white-space: nowrap;
}
    .hr dl dt h2{width: 100%; text-align: center; line-height: 30px; font-size: 16px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.hr dl dt p{font-size: 14px; line-height: 20px; padding-bottom: 0px;
    margin-bottom: 10px;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical;
}
.hr dl dt {
    padding: 25px 5% 0 5%;
}
.warp{width:90%; margin:0 auto; }
.w1{width: 90%; margin:0 auto; }
.hr dl dt {padding: 20px 5% 0 5%;}
.hr dl dt h2 {
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 10px;
}
.news-l2 {
    padding-top: 10px;
}
.news-r1 {
    height: 320px;

}
.pro-sea dl dd {
    width: 60%;
}
.yfzx p {
    font-size: 16px;
    line-height: 28px;
}
.n-about-r {

    height: 354px;
    padding: 35px;
}
.about .txt {
    min-height: 380px;
    
}
.about .txt .bbt1 {
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    -webkit-box-orient: vertical;
}
 #about{margin-left: -5%;}
#news{margin-left: -2%}
#product{margin-left: 10%;}
#yfzx{margin-left: 20%;}
#hr{margin-left: 33%;}  
.n-yf1{min-height:560px;}
}
@media only screen and (max-width: 1280px){
.ab-xg .left span{font-size: 14px; line-height: 18px; padding-top: 6px;}
.n-about-r {

    height: 331px;
    padding: 35px;
}   
.about .txt {
    min-height: 360px;
    
}
.about .txt .bbt1 {
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical;
} 
 #about{margin-left: -5%;}
#news{margin-left: -2%}
#product{margin-left: 10%;}
#yfzx{margin-left: 20%;}
#hr{margin-left: 33%;} 
.n-yf1{min-height:500px;}
}
@media only screen and (max-width: 1240px){
    .ab-xg .left span{font-size: 14px; line-height: 18px; padding-top: 6px;}
.warp{width:98%; margin:0 auto; }
.w1{width: 94%; margin:0 auto; }
.w2{width: 100%; margin:0 auto;}
.hr dl dt {padding: 20px 5% 0 5%;}
.hr dl dt h2 {
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 10px;
}
.hr dl dt p {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 10px;
}
.about .txt {
    min-height: 360px;
    
}
.about .txt .bbt1 {
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    line-clamp: 7;
    -webkit-box-orient: vertical;
}
 #about{margin-left: -5%;}
#news{margin-left: -2%}
#product{margin-left: 10%;}
#yfzx{margin-left: 20%;}
#hr{margin-left: 33%;} 
}
@media only screen and (max-width: 992px){
.ab-xg .left {
    width: 100%;
    position: relative;;
    padding: 28px 3% 28px 3%;
}
.ab-xg .right {
    width: 100%;
    position: relative;
}

header{display: none;}
.slideBox .bd{ padding-top: 60px; }
.slideBox .bd img{  height:auto !important;}
.slideBox .bd .tu{height:auto !important;}
.slideBox .hd {left: 40%;top: 85%;}
.warp{width:100%; }
.w1{width: 94%; margin:0 auto; }
.w2{width: 100%; margin:0 auto;}
.about .txt { min-height: 80px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;}
/*.about .pic {width: 100%;position: relative; left: 0;}
.about .pic img{ display: block; width: 100%; }
.about2 { width: 100%; position: relative;}
.about2 li {width: 50%;height: 50%;float: left;}
.about2 li img{width: 100%;}*/
.padd {padding: 30px 0 40px 0;}
.about2 li .p-txt { font-size: 18px;}
.in_pro p{width: 90%;}
.in_pro {height:auto !important;background-size: cover;padding-top: 40px;}
.in_bit p {font-size: 15px;line-height: 22px;}
.in_bit {padding-bottom: 30px;}
.wenben h5 {font-size: 18px;}
.in-new-le{width: 100%;}
.in-new-ri{width: 100%; padding-top: 20px;}
.footer1 .foot_search {width: 90%; margin-left: 5%;}
.foot_top{display: none;}
.ny-box{padding-top: 60px; }
.ny_bit h1 { font-size: 20px;}
.n-about-l{width: 100%; position: relative;}
.n-about-r { width: 100%;padding: 20px 5%; height: auto; border-left: 10px solid #f3f3f3;}
.n-about1 dl {width: 100%; margin-bottom:20px;}
.n-about1 dl dd {width: 100%;font-size: 16px;}
.picScroll-left01 .bd ul li { width: 50%;}
.link1 li{width:20%; margin:0 2.5%; margin-bottom:15px;}
.picScroll-left .bd ul li{ width:100%; }
.news-l {width: 100%;}
.in-new-le1{width: 100%;}
.in-new-ri1 {width: 100%; padding-top: 20px;}
.news-r {width:100%; padding-top: 20px;}
.pos{display: none;}
.ny-cd li{width:33.333%; line-height:50px; font-size:16px;}
.pro-sea dl {width: 100%; height: auto;}
.pro-sea dl dd {width: 100%;}
.pro-sea dl:nth-child(3) { margin-top: 20px;}
.pro-list3 dl {width: 45%; margin-right: 2.5%; margin-left: 2.5%; margin-bottom: 20px;}
.pro-list3 dl:nth-child(3){margin-right:2.5%;}
.yfzx p {font-size: 16px;}
.yfzx1{width: 100%;}
.yfzx1 dl dt {width: 100%; position:relative; padding: 20px 2.5% 20px 2.5%;}
.yfzx1 dl dt h1{font-size:20px;}
.yfzx1 dl dd{width: 100%;}
.yfzx1 dl { margin-bottom: 30px;}
.jq22 ul.list li {width: 48%; padding: 10px 10px;}
.resources_nav_messages {padding: 20px 15px;}
.hr dl {width: 48%;}
.picScroll-left1{display: none;}
.case2{display: block;}
.lxwm-left{width:100%; }
.lxwm-right{width:100%; position: relative; padding:30px 2.5%; margin-top:15px;}
.n-yf dl dt{  top:40px; }
}

@media only screen and (max-width: 760px){
.picScroll-left .bd ul li .title .h_02{ overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1;-webkit-box-orient: vertical;}
.slideBox01 { width: 100%; }
.about2 li img {width: 100%;height: 200px;display: block;}
.slideBox01 .bd li .left { width: 100%; position:relative; padding: 35px 3%;  }
.slideBox01 .bd li .right{width: 100%; overflow: hidden;}
    .ab-xg .left {
    width: 100%;
    position: relative;;
    padding: 28px 3% 28px 3%;
}
.ab-xg .right {
    width: 100%;
    position: relative;
}

  .ab-xg .right .dw1{width: 90%; magrin:0 auto; padding-top: 18px;}
    .ab-xg .right .dw1 .bt {

    font-size: 28px;

}

          .solu_ls dl dt {
            width: 100%;
        }
              .solu_ls dl dd {
            width: 100%;
                    padding-bottom: 30px;
        }

	.head-v3{ display:none;}
header{display: none;}
.top{display:none;}
.slideBox .bd{ padding-top: 60px; }
.slideBox .bd img{  height:auto !important;}
.slideBox .bd .tu{height:auto !important;}
.slideBox .hd {left: 40%;top: 85%;}
.warp{width:100%; }
.w1{width: 94%; margin:0 auto; }
.w2{width: 100%; margin:0 auto;}
.about .txt {width: 100%; min-height: 324px;}
.about .pic {width: 100%;position: relative; left: 0;}
.about .pic img{ display: block; width: 100%; }
.about2 { width: 100%; position: relative;}
.about2 li {width: 50%;height: 50%;float: left;}
.about2 li img{width: 100%;}
.padd {padding: 30px 0 40px 0;}
.about2 li .p-txt { font-size: 18px;}
.in_pro p{width: 90%;}
.in_pro {height:auto !important;background-size: cover;padding-top: 40px;}
.in_bit p {font-size: 15px;line-height: 22px;}
.in_bit {padding-bottom: 30px;}
.wenben h5 {font-size: 18px;}
.in-new-le{width: 100%;}
.in-new-ri{width: 100%; padding-top: 20px;}
.footer1 .foot_search {width: 90%; margin-left: 5%;}
.foot_top{display: none;}
.ny-box{padding-top: 60px; }
.ny_bit h1 { font-size: 20px;}
.n-about-l{width: 100%; position: relative;}
.n-about-r { width: 100%;padding: 20px 5%; height: auto; border-left: 10px solid #f3f3f3;}
.n-about1 dl {width: 100%; margin-bottom:20px;}
.n-about1 dl dd {width: 100% !important;font-size: 16px;}
.picScroll-left01 .bd ul li { width: 100%;}
.link1 li{width:45%; margin:0 2.5%; margin-bottom:15px;}
.picScroll-left .bd ul li{ width:100%; }
.news-l {width: 100%;}
.in-new-le1{width: 100%;}
.in-new-ri1 {width: 100%; padding-top: 20px;}
.news-r {width:100%; padding-top: 20px;}
.pos{display: none;}
.ny-cd li{width:33.333%; line-height:50px; font-size:16px;}
.pro-sea dl {width: 100%; height: auto;}
.pro-sea dl dd {width: 100%;}
.pro-sea dl:nth-child(3) { margin-top: 20px;}
.pro-list3 dl {width: 95%; margin-right: 2.5%; margin-left: 2.5%; margin-bottom: 20px;}
.pro-list3 dl:nth-child(3){margin-right:2.5%;}
.yfzx p {font-size: 16px;}
.yfzx1{width: 100%;}
.yfzx1 dl dt {width: 100%; position:relative; padding: 20px 2.5% 20px 2.5%;}
.yfzx1 dl dt h1{font-size:20px;}
.yfzx1 dl dd{width: 100%;}
.yfzx1 dl { margin-bottom: 30px;}
.jq22 ul.list li {width: 100%; padding: 10px 10px;}
.resources_nav_messages {padding: 20px 15px;}
.hr dl {width: 99.7%;}
.picScroll-left1{display: none;}
.case2{display: block;}
.lxwm-left{width:100%; }
.lxwm-right{width:100%; position: relative; padding:0px 2.5%; margin-top:0px;}
.n-yf dl dt{  top:10px; }
.n-yf dl dt img {
    width: 60px;
    height: 60px;
}
.n-yf dl dt p {
    padding: 5px 0;
    font-size: 16px;
}
.n-yf1-left{width: 100%;}
.n-yf1-right{width: 100%;}
.n-yf2-left{width:100%;}
.n-yf2-right{width:100%; position: relative;}
.bit_02 {
    width: 90%;
    top: 20px;
    left: 5%;
}
.n-yf2-left dl .bit_01 {
    font-size: 22px;
    padding: 10px 5%;
}
.bit_02-1 {
    font-size: 22px;
}
.bit_02-2 {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0 0 0;
}
.bt1 {
    font-size: 20px;
}
#map,#map1,#map2 {width: 100%; height:350px; }
.lxwm-sr{width: 100%;}
.Menubox4 {
    left: 0;
    bottom: 1%;
    padding-top: 10px;
}
.cont-bit {
    padding-top: 15px;
    font-size: 20px;
padding-bottom: 0px; 
}
.pro-cd dl dd{
    line-height: 20px;
    font-size: 18px;
    font-weight: normal;
    padding-top: 5px;
}

.n-yf dl dt {
    top: 10px;
}
.big-link {
    padding: 8px 15px;
    font-size: 18px;
    margin-right: 10px;
}
.n-yf1-right {
    width: 100%;
    padding-top: 20px;
}
.n-yf2-left dl {
    width: 100%;
}
.Menubox4 {
    left: 0;
    bottom: -2%;
    padding-top: 5px;
}
.Menubox4 li {

    height: 32px;
    width: 100px;
    line-height: 32px;
    font-size: 16px;

}
.cont-neir p {
    font-size: 14px;
    line-height: 30px;
}
.lxwm-sr {
    width: 100%;
    padding-bottom: 50px;
}
.hr dl dd {
    line-height: 38px;
    font-size: 16px;
}
.case2 li {
    width: 100%;
}
.pro-cd {
    background-size: 100% 100%;
}
.pro-cd dl {
    width: 33%;

}
.reveal-modal {
        visibility: hidden;
        top:20%; 
        left: 10%;
        width: 80%;
        
        }
.n-yf2-left dl:nth-child(3){width:100% !important; height: 300px;}
.n-yf2-left dl img {
    width: 100%;
    display: block;
    height: 100%;
}
.zyzz1{width: 100%; display: block;}
.zyzz{display: none;}
}


@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}

@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}
}