@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; box-sizing: border-box;}
body { font-family:"Microsoft YaHei";font-size:14px;color:#333; overflow-x:hidden }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#555;}
a:hover{ text-decoration: none; color: #8d7b6f;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block; }
.fl{float:left;}
.fr{float:right;}
.wrap{ width:90%; margin:0 auto; position: relative;}
.wrap1{ width:1300px; margin:0 auto; position: relative;}

header{width:100%; margin:0 auto; background:#fff; color:#fff;}
.top{padding:25px 0;}
.logo img{display:block;}
.fast li{ width:39px; height:39px; border:1px solid #16ab50; float:left; margin-left:15px; text-align:center; line-height:39px; border-radius:50px; color:#16ab50; font-size:16px; font-family:Arial; font-weight:bold; margin-top:15px; cursor: pointer;}
.fast li:nth-child(2){ background:url(../images/sea.png) no-repeat center center;}
/*.nav{ float: right; width: 65%;margin-top:60px; }
.nav li{float: left;  height: 38px; line-height: 38px; color: #fff; text-align: center; font-size: 18px; width:14.28%;}
.nav li a{color: #fff;}
.nav li a:hover{color: #16ab50;}*/

.nav {/*width:65% !important; */position:relative;float: right; margin-top:15px;}
.nav a { float:left; list-style:none; line-height:38px; color:#333; font-size: 16px; }
.nav h3 {font-size:100%;font-weight:normal;}
.nav .m {float:left;position:relative;z-index:999;}
.nav h3 a {display:block;padding:0 15px;text-align:center; font-weight:500;}
.nav h3 a:hover{ color: #16ab50; }
.nav .sub {display:none;position:absolute;left:0px;top:38px;z-index:1;width:100%;border-top:0;background:#fff; padding:10px 0;}
.nav .sub li {text-align:center;}
.nav .sub li a {display:block; width:100%; height:32px;line-height:32px;color:#000;font-size:15px;font-weight:500;}
.nav .sub li a:hover {color:#FE7700;}

.slideBox{width:100%;overflow:hidden; position:relative; background:#000;  }
.slideBox .hd{height:13px; overflow:hidden; position:absolute; right:30%; bottom:5%; z-index:9999; }
.slideBox .hd ul{overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{float:left; margin-right:12px; width:13px; height:13px; text-align:center; background:#fff;  cursor:pointer; transition-duration:1s; border-radius: 50px;}
.slideBox .hd ul li.on{ background:none; color:#fff; height:13px; width:40px; background:#fff; }
.slideBox .bd .tu{width:100%;  height: auto;display:block;  animation: changeScale 1 2.5s;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; overflow:hidden;}
.slideBox .bd img{ width:100%;  display:block; height: 440px;}
.slideBox .bd .dw{ position: absolute; bottom: 0 !important; background: rgba(0,100,214,0.9); color: #fff; padding: 20px 40px 40px 25px; right: 20%; overflow: hidden;}
.slideBox .bd .dw h3{font-size: 24px;}
.slideBox .bd .dw h4{font-size: 16px; color: #cbd8f3; font-family: arial; font-weight: bold; line-height: 40px;}
.slideBox .bd .dw:before{width: 80px; height: 80px; position: absolute; background: #fff; right: -40px; bottom: -40px; content:"";  transform:rotate(135deg) !important;-ms-transform:rotate(135deg);  -webkit-transform:rotate(135deg); }
 .slideBox .bd .dw .jh{ position: absolute; width: 21px; height: 21px; bottom: 6px; right: 6px;}
  .slideBox .bd .dw .jh img{width: 21px; height: 21px;}

 .b-logo{/*width: 130px;*/ width: 32%; padding-top: 10px;}
 .b-logo img{width: 100%;}


.padd{padding: 60px 0 72px 0}
.in_pro{width: 100%; position: relative;}
.in_pro1 li{width: 519px; cursor: pointer; overflow: hidden; margin-bottom: 14px; position: relative; color: #fff; background: #000;}
.in_pro1 li .dw{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; }
.in_pro1 li img{width: 100%; display: block; transition-duration: 1s}
.in_pro1 li:hover img{ opacity: 0.7; }
.in_pro1 li p{ position: absolute; left: 22px; bottom: 33px; font-size: 24px; }
.in_pro1 li:nth-child(2){margin-bottom: 0px;}
.in_pro1 li .jh{ position: absolute; width: 21px; height: 21px; bottom: 6px; right: 6px; z-index: 999; transition-duration: 1s;}
.in_pro1 li:hover .jh{transform:rotate(180deg);-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}


.in_pro2{width: 768px; position: absolute; right: 0; top:0; height: 100%;  background:url(../images/in_pro1.jpg) no-repeat bottom center #e9e9e9; padding:78px 55px 0 55px }
.in_pro2 h1{text-align: center; font-size: 30px; color: #333333; line-height: 66px;}
.in_pro2 .p{font-size: 16px; line-height: 24px; color: #777777; padding: 30px 0 50px 0; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}
.in_pro2 .an{width: 200px; text-align: center; background: #0064d6; font-size: 16px; line-height: 60px; margin:0 auto; color: #fff; position: relative; transition-duration: 1s; cursor: pointer;;}
.in_pro2 .an:hover{ background: #2e86eb; }
.in_pro2 .jh{ position: absolute; width: 21px; height: 21px; bottom: 6px; right: 6px; z-index: 999;}

.ly{width: 100%; padding: 72px 7% 0 7%; background: url(../images/ly-bg.jpg) no-repeat 10% center, url(../images/ly-bg.png) no-repeat 90% bottom; background-color: #4d4d4d; height: 460px; margin-top: 30px; color: #fff; transition-duration: 1s; cursor: pointer; position: relative; overflow: hidden;}
.ly1{width: 392px; color: #fff; }
.ly1 h1{width: 100%; line-height: 80px; border-bottom:4px solid #0064d6;  }
.ly1 .p1{font-size: 14px; line-height: 24px; padding-top: 20px;}
.ly1 .dw{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; }
.ly .jh{ position: absolute; width: 21px; height: 21px; bottom: 6px; right: 6px; z-index: 999; transition-duration:1s; }
.ly:hover .jh{transform:rotate(180deg);-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.news{width: 100%; margin:0 auto; padding: 90px 0 0 0;}
.news h1{color: #333333; border-bottom: 3px solid #0064d6; line-height: 52px; width:122px; margin:0 auto; text-align: center; }
.in_news{width:100%; margin-top: 33px;}
.in_news dl{width:32%; overflow:hidden; position:relative; background:#000; margin-right:2%; cursor:pointer; float:left;}
.in_news dl:nth-child(3){margin-right:0;}
.in_news dl .dw{width:80%; position:absolute; bottom:0; left:20.2%; background: rgba(255,255,255,0.7); padding:12px 5%; font-family: "Alibaba-PuHuiTi-Regular"; transition-duration:1s;}
.in_news dl dt .p_01{font-size:24px; line-height:32px; }
.in_news dl dt .p_02{font-size:14px; line-height:24px; }
.in_news dl dd{width:24px; height:24px; border:1px solid #c9c9ca; background:url(../images/j1.png) no-repeat center center; border-radius:100px; margin-top:16px; transition-duration:1s;}
.in_news dl:hover dd{width:24px; height:24px; border:1px solid #fff; background:url(../images/j1.png) no-repeat center center #fff;}
.in_news dl img{ display:block; transition-duration:1s; width:100%;}
.in_news dl:hover img{transform:scale(1.1,1.1); opacity:0.8;}
.in_news dl:hover .dw{background:#333333; color:#fff;}

.in_about{width: 100%; margin:0 auto; background: url(../images/about-bg.jpg) no-repeat; height: 460px; padding:40px 15% 0 15%; color: #fff; background-size: 100% 100%;}
.in_about1{width:505px;}
.in_about h1{width: 100%;  border-bottom:2px solid #fff; line-height: 84px; font-weight:normal;  }
.in_about .p1{font-size: 16px; line-height: 24px; padding-top: 20px; padding-bottom: 35px;}
.in_about .an{width: 200px; text-align: center; background: #0064d6; font-size: 16px; line-height: 60px; color: #fff; position: relative; transition-duration: 1s; cursor: pointer;;}
.in_about .an:hover{ background: #2e86eb; }

footer{width: 100%; padding:45px 0 25px 0;}
.foot1{text-align:center; margin-bottom:20px;}
.foot1 a{ display: inline-block; padding:0 20px; font-size: 16px; color: #333333; }
.foot2{width: 176px; height: 28px; border:1px solid #16ab50; margin:0 auto; zoom:1;}
.foot2 li{width: 33px;  height: 26px; text-align: center;  border-right:1px solid #16ab50; float: left; cursor: pointer;}
.foot2 li img{display: inline-block; position: relative; top: 50%; transform: translateY(-50%);}
.foot2 li:nth-child(4){width:74px; border-right: none; font-size: 16px; color: #16ab50; line-height: 26px; }
footer p{text-align: center; line-height: 48px; color: #848484; font-size: 14px; margin-top:10px;}
.foot3{width: 100%; height: 12px; background-color: #0064d6;}
.ny-body{width: 100%; background-color: #f6f6f6;}

.ny-banner{width: 100%; text-align: center; position: relative;}
.ny-banner img{/*display: inline-block; max-*/width: 100%; height: 300px;}
.bit-dw{width: 300px;
    position: absolute;
    top: -40px;
    background: rgba(0,100,214,0.9);
    color: #fff;
    line-height: 80px;
    padding-left: 25px;
    font-size: 16px;}
.bit-dw span{display: inline-block;
    font-size: 22px;
    font-weight: bold;
    padding-right: 20px;}
.ny-center{ width: 100%;}
.ny_bit h1{ color:#222222; }
.ny_bit h6{font-weight:normal; color: #cccccc; font-family:arial; padding-bottom: 10px;}
.ny_bit p{font-size: 18px; color: #555555; line-height: 30px; padding-bottom: 25px; text-indent:2em; }
.about_historyl{width: 50%; border-right: 1px solid #d7d7d7; padding-right: 58px; text-align:right; position: relative; padding-top:15px;}
.about_historyl 
.about_historyr{width: 50%; padding-left: 58px; position: relative; padding-top:85px;}

.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: 23.45%; float: left; margin:0 2% 25px 0; border:1px solid #d4d4d4;  overflow: hidden; padding:7px 7px 30px 7px; -moz-box-shadow:1px 1px 2px #D1D1D1; -webkit-box-shadow:1px 1px 2px #D1D1D1; box-shadow:1px 1px 2px #D1D1D1; cursor: pointer; background-color: #fff;}
.jq22 ul.list li:nth-child(4n){margin-right: 0;}
.jq22 ul.list li img{width: 100%;}
.jq22 ul.list li .neir{width: 90%; margin:0 auto;}
.jq22 ul.list li .bit{font-size: 18px; color: #053e7e; position: relative; line-height: 20px;}
.jq22 ul.list li .bit:before{width: 19px; height: 19px; position: absolute;right: 0; top: 0; background:url(../images/zj.jpg) no-repeat center center; border:1px solid #adadad; content: ""; border-radius: 50px;}
.jq22 ul.list li .n1{font-size: 12px; line-height: 18px; padding-top: 20px; margin-bottom:20px; font-family:"simsun"; position: relative; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}
.jq22 ul.list li .n1 .sp{color:#025ec8; position: absolute; right: 0; bottom: 0;}
.jq22 .more{overflow: hidden;text-align: center; width: 100%; border:1px solid #e8e8e8; line-height: 40px; background-color: #fff;}
.jq22 .more a{display: block;width: 80px;  color:#333;margin:0 auto;text-align:center; position: relative;}
.jq22 .more a:before{background: url(../images/down.jpg); width: 16px; height: 16px; position: absolute; content: ""; right: -16px; top: 12px;}
/*.jq22 .more a:hover{text-decoration: none;background: red;color: #fff;}*/

.news-left{width: 70%; float: left;}.news-right{width: 25%; float:right;}
.news-left li{width: 100%; background-color: #fff; padding:23px 23px 35px 23px; margin-bottom:25px; cursor: pointer;}
.news-left li .t1{font-size:16px; font-family:arial; line-height: 30px; }
.news-left li .t2{font-size:20px; color: #333333; line-height: 36px; font-weight: bold; }
.news-left li .t3{font-size:14px; color: #666666; line-height: 34px; font-family:"simsun"; }

.news-right1{width: 100%; background-color: #fff; padding:23px 33px 38px 33px;}
.news-right1 h2{line-height: 48px; font-size: }
.news-right1 li{width: 100%; margin:7px 0 12px 0; list-style:none; background-color: #dedede;}
.news-right1 li select { padding:0 10px; height:40px; width:100%; border:none; appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/xj.jpg) no-repeat  scroll right top transparent; background-size: 40px 40px; outline:none; color:#8f8f8f; text-align:center; }
.news-right1 li select option{ padding:5px 0 !important; background:#dedede;}
.news-right1 li input{width: 100%; background:#dedede; line-height: 40px; outline:none; border:none; padding:0 10px; color:#8f8f8f;}
.ss-an{width: 100%; text-align: center; font-size:18px; color: #fff; line-height: 40px; background-color: #136fbf;}

.news_detail{width:100%; background:#fff; padding:40px 6%;}
.news_detail h1{ text-align:center; color:#555; font-size:24px; border-bottom:1px solid #f0f0f1; padding-bottom:15px; margin-bottom:10px; }
.news_detail1 p{padding-bottom:20px; font-size:16px; line-height:30px;}

.slideBox01{width:100%; height:auto; overflow:hidden; position:relative; margin-top: 35px; }
.slideBox01 .hd{height:13px; overflow:hidden; position:absolute; right:37%; top:50%; z-index:9999; }
.slideBox01 .hd ul{overflow:hidden; zoom:1; float:left; }
.slideBox01 .hd ul li{float:left; margin-right:12px; width:13px; height:13px; text-align:center; background:#fff;  cursor:pointer; transition-duration:1s; border-radius: 50px;}
.slideBox01 .hd ul li.on{ background:none; color:#fff; height:13px; width:40px; background:#fff; }
.slideBox01 .bd li{ zoom:1; vertical-align:middle; position: relative; overflow:hidden;}
.slideBox01 .bd img{ width:100%; height:auto; display:block;}
.slideBox01 .bd .txt{width: 100%; background-color: #fff; padding:15px 20px;}
.slideBox01 .bd .txt .b_01{font-size: 18px; font-weight:bold; line-height: 24px; color: #333333;}
.slideBox01 .bd .txt .b_02{font-size: 14px; line-height: 24px; color: #666666; font-size: "simsun"; padding-top:10px;}
.slideBox01 .bd .txt .b_03{font-size: 16px; line-height: 24px; color: #777; font-size:"arial"; padding-top:5px;}

.yyly h1{text-align: center; color: #111111;}
.yyly .p-b{padding:20px 0 60px 0; font-size: 16px; line-height: 24px; text-align: center; width: 70%; margin:0 auto; color: #555555;}

.yyly1{width: 100%; overflow: hidden;}
.yyly1 dl{width:23.5%; float: left; margin-right: 2%; background: #fff; overflow: hidden;  position: relative; cursor: pointer;}
.yyly1 dl:hover dt img{ transform:scale(1.1,1.1); opacity: 0.7;}
.yyly1 dl:nth-child(4){margin-right: 0;}
.yyly1 dl dt{width: 100%; overflow: hidden; background: #000;}
.yyly1 dl dt img{width: 100%; display: block; transition-duration: 1s;}
.yyly1 dl dd{ padding-top:15px; padding-bottom: 30px; text-align: center;}
.yyly1 dl dd h1{font-size: 24px; font-weight:bold; line-height: 38px; font-weight:normal; }
.yyly1 dl dd p{text-align: center; line-height: 26px; font-size: 14px; color: #6b6b6b; padding-top: 12px;}

.yyly1 dl .dw{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; }
.yyly1 dl .jh{ position: absolute; width: 21px; height: 21px; bottom: 6px; right: 6px; z-index: 999; transition-duration: 1s;}
.yyly1 dl:hover .jh{transform:rotate(180deg);-ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}

.lxwm{width:100%; margin:65px 0 45px 0; position:relative;}
.lxwm-left{width:60%; }
.lxwm-right{width:35%; position:absolute; top:0; right:0; height:100%; background:#00489d; color:#fff; padding:45px 2.5%;}
.lxwm-right .name{ font-size:28px; 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 {width: 100%; height:520px}


.Menubox2 {height:50px;position: relative; margin-bottom: 40px; }
.Menubox2 li {float: left;display: block;cursor: pointer;height: 48px;background: #fff;width:27%; margin:0 3%; line-height: 48px; font-size: 20px; font-weight: bold; color: #014f99; border:1px solid #d6d6d6;   border-radius: 5px; text-align: center;}
.Menubox2 li.hover {color: #fff;background: url(../images/bit1.png) no-repeat 12% center #014f99; }
.CbContainer2{position:relative; }
.CbContainer2 p{font-size:15px; line-height:28px; padding-bottom:20px ;}
.Contentbox2 {clear: both; width:100%;  min-height:768px; }
.j_zc{width: 100%; border-bottom: 1px solid #ececec; padding:30px 0 44px 0;}
.j_zc01{font-size: 16px; line-height: 24px; color: #555555; }
.j_zc01 span{ width: 4px; height: 4px !improtant; background-color: #0064d6; margin-right:5px;  }
.j_zc02{font-size: 20px; font-family:bold; color: #0d6bd8; line-height: 30px; font-weight: bold; margin-bottom: 10px;}
.j_zc03{width: 94%; background: #0064d6; margin:0 auto; color: #fff; padding:18px;}
.j_zc04{border:4px solid #fff; width: 100%; border-radius: 5px; padding:25px 35px 25px 145px; background: url(../images/stop.jpg) no-repeat 36px center; font-size: 16px; line-height: 30px; }
.j_zc04 span{font-size: 20px; font-weight:500;}
.j_zc h1{ text-align: center;  color: #333333; font-size: 20px; padding:15px 0; }
.j-img{text-align: center; padding-bottom: 20px;}
.j-img img{ display: inline-block; max-width: 100%; }

.about_pic{width: 1202px; margin:0 auto; overflow: hidden; position: relative; background-color: #000; cursor: pointer;}
.about_pic .bit{position:absolute; background: rgba(0,0,0,0.6); color: #fff; font-size: 16px; line-height: 24px; padding:8px 25px; left: 0; bottom: 0; transition-duration:1s; }
.about_pic img{display: block; transition-duration: 1s;}
.about_pic:hover img{ opacity: 0.7; }
.about_pic:hover .bit{background: rgba(0,0,0,1);}

/*2019-10-14新增*/
.hy{width:100%; margin:0 auto;}
.hy li{ width:30.333%; float:left; _display:inline; overflow:hidden; margin:0 1.5%; position:relative; cursor:pointer; margin-bottom:20px; }
.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;}






@media only screen and (max-width: 1366px){
.wrap {width: 90%;}
.lxwm-right{padding:25px 2.5%;}
.lxwm-right .name{ font-size:24px; line-height:38px;}
.lxwm-right .add{font-size:15px; line-height:24px; }
.ny-banner img{height:220px;}
}


@media only screen and (max-width: 1240px){
.wrap {width: 90%;}
.nav a { font-size: 16px; }

}
@media only screen and (max-width: 992px){
.wrap {width: 94%;}
header{display: none;}

}

@media only screen and (max-width: 760px){
    .wrap1{ width:96%; margin:0 auto; position: relative;}
    .ny-banner img{/*display: inline-block; max-*/width: 100%; height:auto;}
.wrap {width: 96%;}
header{display: none;}	
.in_pro1 li{width: 100%;}
.in_pro2{width: 100%; position:relative; padding:48px 20px 48px 20px }
.in_pro2 h1{font-size: 20px;}
.padd{padding: 40px 0 40px 0}
.ly{background: none, url(../images/ly-bg.png) no-repeat 90% bottom; background-color: #4d4d4d; padding: 40px 7% 0 7%; height: 360px;}
.ly1 {
    width: 100%;
}
.news {
    padding: 40px 0 0 0;
}
.in_news dl {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
}
.in_about1 {
    width: 100%;
}
.in_about {
    width: 94%;
   height: 440px;
    padding: 45px 5% 0 5%;
}
.in_about h1 {
	font-size: 18px;
    line-height: 54px;
}
.in_about .p1 {
    font-size: 15px;
    line-height: 24px;
}
footer p {
    line-height: 28px;
    font-size: 15px;
}
.foot1 a {
    padding: 5px 20px;
    font-size: 15px;
}
footer {
    padding: 25px 0 25px 0;
}
.slideBox{margin-top: 60px;}
.slideBox .bd .dw{display: none;}
.ny-banner{margin-top: 60px;}
.bit-dw {
    width: 100%;
    position: relative;
    top: 0;
    line-height: 40px;
    padding-left: 20px;
}
.bit-dw span {
    font-size: 20px;
}
.ny-center{margin-top:15px;}
.about_pic{width: 100%;}
.about_pic img{height: 250px;}
.jq22 ul.list li {
    width: 96%;
    float: left;
    margin: 0 2% 20px 2%;
}
.Menubox2 li {  
    height: 40px;
    width: 94%;
    line-height: 40px;
    font-weight: 500;
    font-size: 18px;
}
.Menubox2 {
	height: auto;
}
.yyly .p-b {
    width: 90%;
}
.yyly1 dl {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
}
.news-left{width: 100%; float: right;}.news-right{width: 100%; float:left;}
.lxwm-left{width:100%; }
.lxwm-right{width:100%; position: relative; margin-top: 25px;}
#map{height: 380px;}
.slideBox .bd img{ height:160px;}
.hy li {
    width: 97%;
}
}