body {
    color: #333;
    font-size: 14px;
    font-family:"å¾®è½¯é›…é»‘","Arial",Helvetica,"é»‘ä½“",Arial,Tahoma;
    margin:0 auto;
    position:relative;
    overflow-x: hidden;
 


}
.slick-prev:before,.slick-next:before,.slick-dots li button:before{ display: none; }
.img-hide{overflow: hidden;display: block;/* width: 220px; *//* height: 124px; */}
.img-hide img{ transition: 0.3s all; transform: scale(1,1); }
.img-hide:hover img{ transition: 0.3s all; transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{ max-width:100%; display: inline-block; vertical-align: middle;}
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
.container{ width: 1470px; }
.nav-list li{ float: left; position: relative; padding-bottom: 20px; margin-left: 30px; margin-top: 25px; }
.nav-list li a{ color: #fff; font-size: 18px; }
.nav-down{ position: absolute; display: none; background: #fff; padding:10px 10px 20px; border-top: solid 2px #18529c; left: 50%; top: 100%; transform: translate(-50%,0); min-width: 150px; }
.nav-down li{ float: none; margin:0!important; padding:0!important;     border-bottom: 1px solid #eee;}
.nav-down li a{ display: block; font-size: 16px; color: #555; line-height: 40px; text-align: center; }
.nav-down:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 100%; margin-bottom: 2px; height: 5px; background: url(../images/raw.png) center no-repeat; }
.nav-list li:hover .nav-down{ display: block;border-radius: 5px;}
.nav-list li a:hover{ font-weight: bold; }
.nav-down li a:hover{ color: #18529c; }
.banner img{ width: 100%; }
.banner{ margin:0; overflow:hidden; }
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 10px; height: 10px; padding:0; border-radius: 50%; border:none; }
.banner .slick-dots li button{ background:#fff; }
.banner .slick-dots li.slick-active button{ background:#18529c; width: 10px; height: 10px; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.header{ position: fixed; left: 0; top: 0; right: 0 ; height: 173px; z-index: 1000; background: url(../images/header.png) center no-repeat; background-size: 100% 100%; }
.logo{ padding-top: 20px; }
.header-top{ background: url(../images/header-top.png) left center no-repeat; padding-left: 100px; height: 30px; line-height: 30px; }
.header-top a{ display: inline-block; margin-left:30px; color: #fff; padding-left: 25px; line-height: 30px; position: relative; }
.header-top a i{ position: absolute; left: 0; top: 0; line-height: 30px; }
.header:before{ display: block; content: ""; position: absolute; left: 50%; right: 0; top: 0; height: 30px; background: #18529c; margin-left: 500px; }
.header .container{ position: relative; z-index: 1000; }
.one-box{ background: #eee; padding:80px 0 60px 0; }
.title{ font-size: 32px; font-weight: bold; color: #333; line-height: 32px; margin:0 0 40px 0; }
.news-ul li{ float: left; padding:0 10px; margin-bottom: 20px; width: 50%; }
.one-row{ margin:0 -10px; }
.one-row .col-xs-6{ padding:0 10px; }
.news-ul-tt{ font-size: 16px; color: #555; line-height: 30px; text-align: justify; }
.news-ul li a{ display: block; background: #fff; padding:20px 30px; height: 190px; }
.news-ul-p{ font-size: 14px; color: #888; line-height: 25px; margin-top: 5px; height: 50px; overflow:hidden; text-align: justify; }
.news-ul-date{ color: #18529c; margin-top: 10px; padding-left: 25px; background: url(../images/icon-date01.png) left center no-repeat; }
.img-slick a{ display: block; position: relative;  }
.news-ul{ margin:0 -10px; }
.img-slick-img{ height: 400px; }
.txt-mask{ position: absolute; left: 0; padding-top: 30px; padding-left: 30px; padding-right: 120px; right: 0; bottom: 0; height: 100px; background: url(../images/txt-mask.png) center no-repeat; background-size: 100% 100%; }
.txt-mask-p{ font-size: 16px; color: #fff; }
.txt-mask-date{ padding-left: 25px; margin-top: 10px; color: #fff; background: url(../images/icon-date02.png) left center no-repeat; }
.img-slick{ margin:0; }
.img-slick .slick-dots{ right: 20px; bottom: 20px; left: auto; width: auto; }
.img-slick .slick-dots li,.img-slick .slick-dots li button{ width: 8px; height: 8px; padding:0; border-radius: 50%; border:none; }
.img-slick .slick-dots li button{ background:#fff; }
.img-slick .slick-dots li.slick-active button{ background:#18529c; width: 8px; height: 8px; }
.news-ul-b li{ width: 25%; }
.news-ul li a:hover{ background: url(../images/hover-back.png) center no-repeat; }
.tow-box-c{ background: #18529c; }
.news-ul li a:hover .news-ul-tt,.news-ul li a:hover .news-ul-p{ color: #fff; }
.tow-title{ font-size: 32px; position: absolute; right: 0; top: 70px; width: 660px; line-height: 32px; padding-right: 40px; color: #fff; font-weight: bold; width: 660px; }
.tow-box-left{ width: 47%; padding-top: 160px; position: relative; }
.tow-title a{ float: right; font-size: 16px; font-weight: normal; color: #7caae5; background: url(../images/more.png) right center no-repeat; padding-right: 18px; }
.tz-img-link div{ height: 360px; }
.tow-box-right{ width: 53%; padding-top: 120px; height: 520px; background: url(../images/tow-right.png) center no-repeat; background-size: cover; }
.tow-box-width{ width: 720px; margin-left:60px; }
.tow-ul li{ float: left; width: 50%; padding:0 30px; }
.tow-ul{ margin:0 -30px; }
.tow-ul li a{ display: block; position: relative; padding-right: 70px; border-top: solid 1px #437bc3; height: 115px; padding-top: 15px; }
.tow-ul-tt{ font-size: 16px; height: 60px; overflow:hidden; color: #cbe1ff; line-height: 30px; }
.tow-ul-tt span{ display: inline-block; line-height: 20px; background: #dc8400; border-radius: 20px; color: #fff; font-size: 14px; padding:0 10px; margin-right: 15px; }
.tow-ul-date{ font-size: 12px; color: #88aedf; position: absolute; right: 0; top: 17px; }
.tow-ul-date span{ font-size: 24px; }
.tow-ul li a:hover{ border-color: #fff; }
.tow-ul li a:hover .tow-ul-tt{ color: #fff; }
.tow-ul li a:hover .tow-ul-date{ color: #fff; }
.three-box{ padding-top: 110px; }
.three-width{ width: 30%; padding:0 15px; transition: 0.3s all; }
.three-box-sm{ margin:0 -15px; }
.three-width-box{ padding-bottom: 70px; position: relative; }
.three-width-box-top{ border:solid 1px #ddd; height: 340px; padding:30px; }
.three-ul-tt{ font-size: 16px; line-height: 16px; color: #555; position: relative; }
.three-ul-tt span{ position: absolute; right: 0; display: none; top: 0; font-size: 14px; color: #888; }
.three-ul-date{ color: #888; margin-top: 15px; }
.three-ul li{ margin-bottom: 25px; }
.three-width-bottom-tt{ position: absolute; padding:0 60px; left: 0; right: 0; bottom: 0; height: 70px; line-height: 70px; font-size: 28px; color: #333; }
.three-width-lg{ width: 40%; }
.three-img-ul li{ float: left; width: 50%; padding:0 8px; }
.three-img-ul{ margin:0 -8px; }
.three-width-lg .three-ul-date{ display: none; }
.three-width-lg .three-ul-tt span{ display: block; }
.three-width-lg .three-ul{ margin-top: 30px; }
.three-width-lg .three-width-box-top{ height: 410px; }
.three-width-lg .three-ul li{ margin-bottom: 30px; }
.three-width-lg .three-width-bottom-tt{ background: #18529c; color: #fff; text-align: left; }
.three-ul li a:hover .three-ul-tt{ color: #18529c; }
.three-width-bottom-tt a{ font-size: 16px; position: absolute; right: 60px; top: 50%; margin-top: -8px; line-height: 16px; display: none; color: #7caae5; padding-right: 25px; background: url(../images/more.png) right center no-repeat; }
.three-width-lg .three-width-bottom-tt a{ display: block; }
.three-img-ul{ display: none; }
.three-width-lg .three-img-ul{ display: block; overflow: hidden;}
.three-img-ul li a{ display: block; padding-top: 62%;  position: relative;}
.three-img-ul li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.yx-back{ background: url(../images/yx-back.png) center no-repeat; background-size: cover; padding:80px 0; margin-top: 110px; }
.yx-back a div,.img-slick-img,.tz-img-link div{ transition: 0.3s all; }

.img-slick a{ overflow:hidden; }
.news-ul li a:hover .news-ul-date{ color: #fff; background: url(../images/icon-date02.png) left center no-repeat; }
.yx-back a:hover div,.img-slick a:hover .img-slick-img,.tz-img-link a:hover div{ transform: scale(1.05,1.05); }
.yx-top-left{ width: 50%; position: relative; padding:0 5px; }
.yx-top-ul li{ float: left; margin-bottom: 10px; width: 50%; padding:0 5px; }
.yx-top-ul{ margin:0 -5px; }
.yx-top-ul li a{ display: block; }
.yx-top-ul li a div{ height: 200px; }
.yx-top-ul li:nth-of-type(1){ margin-left: 50%; }
.yx-title{ position: absolute; left: 0; top: 0; }
.yx-lg{ display: block; }
.yx-lg div{ height: 410px; }
.yx-bottom-left{ width: 55%; padding:0 5px; overflow: hidden;   }
.yx-video div{ height: 440px; }
.yx-bottom-right{ width: 45%; padding:0 5px; position: relative; }
.yx-right-a div{ height: 360px; }
.yx-video{ position: relative; }
.yx-video i{ position: absolute; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/play.png) center no-repeat; }
.yx-more{ padding-right: 25px; background: url(../images/more.png) right center no-repeat; position: absolute; left: 40px; top: 100%; margin-top: 40px; color: #7caae5; font-size: 16px; }
.zt-back{ background: url(../images/zt-back.png) center no-repeat; background-size: cover; padding:80px 0; }
.zt-slick a{ display: block; padding-top: 35%; position: relative; margin:0 15px; }
.zt-slick a img{ position: absolute; left: 0; height: 100%; top: 0; width: 100%; }
.zt-slick{ padding-bottom: 60px; margin:0 -15px; }
.zt-slick .slick-dots{ bottom: 0; }
.zt-slick .slick-dots li,.zt-slick .slick-dots li button{ width: 8px; height: 8px; padding:0; border-radius: 50%; border:none; }
.zt-slick .slick-dots li button{ background:#c5c5c5; }
.zt-slick .slick-dots li.slick-active button{ background:#18529c; width: 8px; height: 8px; }
.bottom-box-ul li{ float: left; width: 12.5%; text-align: center; }
.bottom-box-ul li a{ display: block; transition: 0.3s all; position: relative; font-size: 18px; line-height: 18px; padding-bottom: 50px; color: #555; font-weight: bold; }
.bottom-box-ul li a:before{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; width: 20px; height: 20px; background: url(../images/quan.png) center no-repeat; margin-left: -10px; }
.bottom-box{ padding:120px 0; position: relative; }
.bottom-box:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 178px; border-top: dashed 1px #18529c; }
.bottom-box-ul li a:hover{ color: #18529c; transform: translate(0,-50px); }
.bottom-box-ul li a:hover:before{ width: 122px; animation:myanimation 5s infinite linear; height: 122px; bottom: -100px; background: url(../images/quan02.png) center no-repeat; margin-left: -61px; }
.bottom-box-ul li a:hover:after{ display: block; content: ""; position: absolute; left: 50%; bottom: -100px; width: 122px; height: 122px; bottom: -100px; background: url(../images/quan03.png) center no-repeat; margin-left: -61px; }
.pb_sys_common{clear: both;}

@keyframes myanimation {
	from{ transform: rotate(0deg); }
	to{ transform: rotate(360deg); }
	}
.footer{ background: url(../images/footer.png) center no-repeat; background-size: cover; padding:50px 0 30px 0; }
.footer-left{ width: 365px; }
.footer-tt{ font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 20px; }
.footer-row .col-xs-6{ padding:0 5px; margin-bottom: 10px; }
.footer-row{ margin:0 -5px; }
.dropdown-a{ width: 100%; display: block; line-height: 40px; border:solid 1px #2b69b8; padding:0 20px; font-size: 16px; color: #cbe0fb!important; }
.dropdown-a span{ display: block; background: url(../images/raw-b.png) right center no-repeat; }
.dropdown-menu{ min-width: 100%; bottom: 100%; top: auto; }
.footer-center{ margin-left: 180px; }
.footer-p p{ font-size: 16px; color: #cadffa; margin-bottom: 15px; }
.footer-p p span{ padding-right: 15px; display: inline-block; }
.footer-link a{ display: inline-block; margin-left: 20px; position: relative; }
.footer-link{ margin-left: -20px; }
.footer-bottom{ background: #1656a7; font-size: 14px; padding:15px; color: #cbe0fb }
.footer-bottom span{ padding:0 20px; display: inline-block; }
.footer-link a span{ position: absolute; display: none; left: 50%; transform: translate(-50%,0); bottom: 100%; width: 120px; }
.footer-link a:hover span{ display: block; }





















/************æ°å‡ºäººæ‰***********/
.list-title{ font-size: 20px; color: #333; font-weight: bold; line-height: 80px; margin-right: 50px; }
.nav-b li{ float: left; position: relative; }
.nav-b li a{ display: block; position: relative; line-height: 80px; font-size: 18px; color: #333; padding:0 20px; }
.nav-b li a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; border-right: solid 1px #ddd; height: 50px; }
.nav-b li.active a{ background: url(../images/lind-b.png) center bottom no-repeat; color: #13437d; font-weight: bold; }
.nav-b li a span{ background: url(../images/nav-b01.png) right center no-repeat; padding-right: 40px; }
.nav-b li a:hover{ color: #13437d; font-weight: bold; }
.nav-r{ line-height: 80px; height: 80px; padding-left: 22px; background: url(../images/nav-b.png) left center no-repeat; }
.nav-r a{ color: #555; }
.list-back{ background: #f2f2f2; padding:50px 0; }
.list-back-sm{ background: #fff; padding:40px; }
.rc-title{ font-size: 18px; color: #13437d; margin-bottom: 20px; }
.list-name li{ float: left; width: 16.666666%; padding:0 15px; margin-bottom: 20px; }
.list-name{ margin:0 -15px; padding-bottom: 20px; }
.list-name li a{ display: block; background: #f2f2f2; border-left: solid 1px #2f5587; line-height: 50px; font-size: 16px; color: #555; }
.list-title-phone{ display: none; }

.nav-b-down{ position: absolute; display: none; background: #13437d; padding:5px 0; left: 50%; top: 100%; transform: translate(-50%,0); width: 100%; }
.nav-b-down li{ float: none; margin:0!important; padding:0!important; }
.nav-b-down li a{ display: block; line-height: 35px; font-size: 14px; font-weight: normal!important; color: #b8d3f4!important; text-align: center; }
.nav-b-down:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 100%; height: 5px; background: url(../images/raw02.png) center no-repeat; }
.nav-b li:hover .nav-b-down{ display: block; }
.nav-click{ display: none; }
.nav-b-down li a:hover{ color: #fff!important; }
/****************åˆ—è¡¨é¡µ*************/
.xw-ul-date{ width: 100px; position: absolute; left: 0; top: 0; border-top: solid 2px #13437d; font-size: 14px; color: #555; padding-top: 15px; }
.xw-ul-date span{ font-size: 30px; color: #13437d; padding-top: 5px; display: inline-block; }
.xw-ul-right{ margin-left: 130px; }
.xw-ul-img img{ width: 220px; height: auto; }
.xw-ul-right-sm{ margin-left: 250px; }
.xw-ul-tt{ font-size: 16px; color: #555; }
.xw-ul-p{ color: #888; line-height: 30px; text-align: justify; margin-top: 10px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.xw-ul li a{ position: relative; }
.xw-ul li{ margin:0 0 50px 0; }
.xw-ul-list li a{ display: block; line-height: 45px; padding-left: 25px; position: relative; padding-right: 150px; font-size: 16px; color: #555; background: url(../images/dian.png) left center no-repeat; }
.xw-ul-list li a span{ position: absolute; right: 0; top: 0; font-size: 16px; color: #888; }
.xw-ul-list li a:hover{ color: #13437d; }
.img-ul li{ float: left; width: 33.333333%; padding:0 17px; margin-bottom: 25px; }
.img-ul{ margin:0 -17px; }
.img-ul li a{ display: block; }
.img-ul-img{ position: relative; padding-top: 56%; }
.img-ul-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.img-ul-date{ color: #888; margin-top: 10px; }
.img-ul-tt{ font-size: 16px; margin-top: 10px; }
/**************å†…å®¹é¡µ***************/
.article-tt{ font-size: 24px; color: #555; font-weight: bold; margin:0; }
.article-sm{ color: #888; margin-top: 20px; }
.article-sm span{ display: inline-block; padding:0 13px; }
.article-p p{ font-size: 16px; color: #555; text-align: justify; line-height: 30px; margin-bottom: 10px; }
.article-p{ margin:30px 0 50px 0; }
.article-link a{ display: inline-block; margin:0 12px; }
/****************æ•™å¸ˆé˜Ÿä¼**************/
.team-title{ border-bottom: solid 1px #ddd; margin-bottom: 50px; }
.team-title span{ display: inline-block; width: 170px; height: 40px; background: url(../images/team-title.png) center no-repeat; font-size: 18px; color: #fff; line-height: 40px; padding-left: 20px; }
.team-ul li{ float: left; width: 50%; padding:0 30px; margin-bottom: 50px; }
.team-ul{ margin:0 -10px; }
.team-ul li a{ display: block; height: 260px; background: #fff; position: relative; }
.team-ul-img img{ width: 186px; height: 260px; }
.team-ul-img{ position: relative; z-index: 10; }
.team-ul li a:before,.team-top:before{ display: block; content: ""; position: absolute; left: -20px; top: -20px; width: 172px; height: 226px; background: url(../images/team-back.png) center no-repeat; background-size: cover; }
.team-ul-right{ margin-left: 186px; padding:30px; }
.team-name{ font-size: 18px; color: #13437d; font-weight: bold; }
.team-p{ margin-top: 10px; font-size: 16px; padding-bottom: 20px; border-bottom: solid 1px #ddd; }
.team-txt p{ font-size: 16px; color: #555; line-height: 40px; padding-left: 22px; }
.team-txt p{ background: url(../images/icon-td01.png) left center no-repeat; }
.team-txt p:nth-child(2){ background: url(../images/icon-td02.png) left center no-repeat; }
.team-txt p:nth-child(3){ background: url(../images/icon-td03.png) left center no-repeat; }
.team-txt{ margin-top: 10px; }
.team-top{ display: block; background: #fff; min-height: 260px; position: relative; margin:20px 0 0 20px; }
.team-top .team-p{ border:none; padding-bottom: 0; }
.team-top .team-txt p{ float: left; margin-right: 30px; }
.team-top .team-txt{ margin-top: 5px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: solid 1px #ddd; }
.team-top .team-ul-img{ position: absolute; left: 0; top: 0;  }
.wz-title{ position: relative; margin:45px 0 0 20px; padding-bottom: 20px; border-bottom: solid 1px #ddd; }
.wz-title span{ display: inline-block; position: relative; padding-left: 30px; font-size: 18px; color: #13437d; font-weight: bold; }
.wz-title span i{ position: absolute; left: 0; top: 50%; left: 0; transform: translate(0,-50%); }
.wz-p{ font-size: 16px; color: #333; text-align: justify; margin-top: 20px; line-height: 30px; margin-left: 20px; }
.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #9b0400; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}
.search-a-phone{ display: none; }

.three-width-lg .three-ul .three-ul-tt{ padding-right: 120px; }
.banner-list-bottom{ position: relative; z-index: 1000; }
.nav-r a:hover{ color: #13437d; }














@media( max-width: 1599px){
	.container{ width: 1230px; }
	.yj-left-hover{ width: 40px; }
	.nav-list li a{ font-size: 16px; }
	.right-one-list li:last-child{ display: none; }
	.right-one-box{ height: auto; }
	.yj-left-left-box{ right: 40px; }
	.nav-list li{ margin-left: 20px; }
	.footer-center{ margin-left: 70px; }
	.yx-top-ul li a div{ height: auto; padding-top: 56.25%; }
	.yx-lg div{ height: 336px; }
	.yx-video div{ height: auto; padding-top: 56%; }
	.yx-right-a div{ height: auto; padding-top: 54%; }
	.tow-box-width{ width: 585px; }
	.tow-title{ width: 555px; }
}
@media( max-width: 1279px){
	.container{ width: 970px; }
	.yj-left-hover{ width: 31px; }
	.yj-left-left-box{ padding:15px; }
	.yj-left-left-box{ right: 30px; }
	.header-right a{ padding:0 10px; }
	.logo{ width: 250px; }
	.nav-list li{ margin-left: 10px; }
	.nav-list li a{ font-size: 14px; }
	.nav-r{ display: none; }
	.list-name li{ width: 25%; }
	.team-ul li{ width: 100%; }
	.header:before{ margin-left: 400px; }
	.header-top a{ margin-left: 20px; }
	.footer-right{ width: 100%; }
	.yx-title{ width: 200px; }
	.yx-lg div{ height: 263px; }
	.yx-more{ margin-top: 20px; }
	.tow-box-width{ width: 445px; }
	.tow-title{ width: 435px; }

	}
@media( max-width: 991px){
	body{ padding-top: 50px; }
	.container{ width: 750px; }
	.header-top{ display: none; }
	.header{ height: 56px; background: #13437d;    z-index: 999999999; }
	.left-one{ width: 100%; }
	.right-one{ width: 100%; padding:0; }
	.right-one-list li:last-child{ display: block; }
	.tow-list li{ width: 50%; }
	.yj-left-hover{ width: 23px; }
	.yj-left-left-box{ right: 23px; }
	.header .container{ width: 100%; }
	.logo{ margin: 0; line-height: 50px; padding:0; }
	.nav-list{ position: absolute; left: 0; display: none; border-top: solid 1px #fff; right: 0; top: 50px; background:#13437d; width: 100%; margin:0;  }
	.nav-list li{ float: none; padding:0; margin:0; width: 100%; }
	.nav-list li a{ display: block; line-height: 40px; padding:0 15px;padding-right: 40px;}
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
	.nav-down{ position: static; margin:0; width: 100%; padding:0; transform: translate(0,0); }
	.nav-down li a{ text-align: left; padding:0 25px; }
      .nav-list li:hover .nav-down {display: block;}

	.menu-button{ display: block; }
    .search-box-c{ width: auto; left: 5%; right: 5%; margin:0; }
    .search-a-phone{ position: absolute; right: 60px; top: 0; line-height: 50px; display: block; }
    .header:before{ display: none; }
	.one-row .col-xs-6{ width: 100%; }
	.news-ul-b li{ width: 50%; }
	.img-slick{ margin-bottom: 20px; }
	.tow-box-left,.tow-box-right{ width: 100%;overflow: hidden; }
	.tow-title{ width: 720px; padding-right: 0; margin-left: -360px; left: 50%; }
	.tow-box-width{ margin:0 auto; width: 720px; float: none!important; }
	.three-width{ width: 100%!important; margin-bottom: 30px; }
	.three-width-bottom-tt{ position: relative; }
	.three-width-box-top {
    height: auto!important;
}
.three-img-ul {
    display: block;
}
.three-width-bottom-tt {
    background: #18529c;
    color: #fff;
    text-align: left;
}
.three-width-bottom-tt a{ display: block; }
.three-ul {
    margin-top: 30px;
}
.three-ul-date {
    display: none;
}
.three-ul-tt span {
    display: block;
}
.three-ul li {
    margin-bottom: 20px!important;
}
.three-box{ padding-top: 30px; }
.three-width-bottom-tt{ height: 60px; line-height: 60px; padding:0 30px; font-size: 24px; }
.three-width-bottom-tt a{ right: 30px; }
.three-width-box{ padding:0; }
.tow-box-right{ height: auto; padding:40px 0; }
.yx-back{ margin-top: 30px; padding:30px 0; }
.yx-title{ width: 150px; }
.yx-lg div{ height: 200px; }
.footer-center{ float: right; margin-left: 0; }
.footer-left{ width: 280px; }
.footer-center{ width: 420px; float: right!important; }
.footer-p p{ font-size: 14px; }
.three-ul-tt{ padding-right: 120px; }
}
@media( max-width: 768px){
.xw-ul-list li a{float: left;width: calc(100% - 80px);padding-right: 0px !important;}
.xw-ul-list li span{line-height:46px;}
.tow-ul li a{height:90px;}
.nav-list{height:370px;    overflow-y: auto;}
	.container{ width: 100%; }
	.page-one{ padding:30px 0; }
	.one-list li{ width: 100%; margin-bottom: 15px; }
	.page-one-box,.tow-box{ padding:55px 15px 10px 15px; }
.list-back-sm img{width:90% !important;height:90% !important;}
	.page-tow{ padding:30px 0; }
	.tow-list li{ width: 100%; margin-bottom: 15px; }
	.page-three{ padding:30px 0; }
	.yj-left{ width: 100%; }
	.yj-left-ul li{ width: 100%; height: auto; }
	.yj-left-ul li.active{ width: 100%; }
	.yj-left-hover{ width: 100%; padding:0 10px; position: static; height: auto; }
	.yj-left-ul li span{ width: 100%; padding:15px 30px 15px 0; background: url(../images/right-r.png) right center no-repeat; }
	.yj-left-left-box{ position: static; display: none; padding:15px; height: auto; }
	.yj-left-title{ font-size: 18px; }
	.yj-left-p{ line-height: 25px; height: auto; }
	.yj-left-ul li.active .yj-left-left-box{ display: block; }
	.yj-right-box{ display: none; }
	.yj-left-img{ display: block; margin-top: 10px; }
	.yj-left-ul li.active span{ background: url(../images/right-r02.png) right center no-repeat; }
	.friends-title{ position: static; font-size: 24px; margin-bottom: 15px; line-height: 30px; } 
	.friends-box{ padding:0; margin-top: 20px; }
	.friends-list li a{ font-size: 14px; line-height: 30px; padding:0 10px; }
	.friends-list li{ margin-right: 10px; margin-bottom: 10px; }
	.footer{ padding:15px 0; }
	.list-title{ width: 100%; float: none!important; line-height: 50px; }
	.nav-b{ float: none!important; width: 100%; border-top: solid 1px #ddd; }
	.nav-b li{ float: none; }
	.nav-b li a{ padding:0 25px; line-height: 45px; font-size: 16px; }
	.nav-b li.active a{ background: none; }
	.nav-b li a:before{ display: none; }
	.nav-b li a span{ background: none; }
	.list-title-phone{ display: block !important ; position: relative; }
	.list-title-phone .nav-click{ color: #333; }
	.nav-b li{ position: relative; }
	.nav-b li .nav-click{ color: #333; }
	.list-name li{ width: 50%; }
	.list-back-sm{ padding:20px; }
	.list-name{ padding-bottom: 0; }
	.rc-title{ font-size: 16px; }
	.list-back{ padding:30px 0; }
	.nav-b{ display: none; }
	.nav-b-down{ position: static; transform: translate(0,0); border-top:solid 1px #ddd; background: none; }
	.nav-b-down:before{ display: none; }
	.nav-b-down li a{ color: #333!important; text-align: left; padding-left: 35px; line-height: 35px; }
	.nav-b li:hover .nav-b-down{ display: none; }
	.nav-b-down li a:hover{ color: #333!important; }
	.list-title{ margin-right: 0;color:#13437d;display:none; }
	.xw-ul-date{ display: none; }
	.xw-ul-right{ margin-left: 0; }
	.xw-ul-img img{ width: 110px; height: 60px; }
	.xw-ul-right-sm{ margin-left: 125px; }
	.xw-ul-p{ margin-top: 5px; line-height: 25px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; }
.xw-ul li{ margin-bottom: 15px; }
.xw-ul-list li a{ padding-right: 100px; }
.img-ul li{ width: 50%; margin-bottom: 15px; padding:0 5px; }
.img-ul-tt{ font-size: 14px; margin-top: 5px; }
.img-ul-date{ font-size: 12px; }
.img-ul{ margin:0 -5px; }
.article-tt{ font-size: 18px; }
.article-p p{ font-size: 14px; line-height: 25px;overflow: hidden; }
.article-p{ margin:30px 0; }
.team-ul-img{ width: 100%; float: none!important; text-align: center; }
.team-ul-right{ margin:0; }
.team-ul li{ margin-bottom: 20px; }
.team-ul li a{ height: auto; }
.team-title{ margin-bottom: 20px; }
.team-top .team-ul-img{ position: static; }
.team-ul li a:before,.team-top:before{ display: none; }
.team-top{ margin-left: 0; margin-top: 0; }
.wz-title{ margin:20px 0 0 0; padding-bottom: 10px; }
.wz-p{ font-size: 14px; line-height: 25px; margin-left: 0; margin-top: 10px; }



.one-box{ padding:30px 0 10px 0; }
.title{ font-size: 24px; line-height: 24px; margin-bottom: 20px; }
.news-ul li{ width: 100%; }
.img-slick-img{ height: auto; padding-top: 56%; }
.tow-box-left{ padding-top: 30px; padding-left: 15px; padding-right: 15px;overflow: hidden; }
.tow-title{ width: 100%; top: 0; font-size: 24px; margin:0; position: relative; left: 0; }
.tz-img-link div{ height: auto; padding-top: 40%; }
.tz-img-link{ margin-top: 20px; }
.tow-box-width{ width: 100%; margin:0 ; }
.tow-ul li{ width: 100%; }
.tow-box-right{ padding:20px 15px; }
.three-width-box-top{ padding:20px; }
.three-ul-tt{ padding-right: 100px; }
.yx-top-left{ width: 100%; }
.yx-title{ width: 45%; }
.yx-lg div{ padding-top: 56%; height: auto; }
.yx-lg{ margin-bottom: 10px; }
.yx-bottom-left{ width: 100%; }
.yx-bottom-right{ width: 100%; margin-top: 10px; }
.yx-more{ position: static; margin-top: 15px; display: inline-block; }
.zt-back{ padding:30px 0; }
.bottom-box-ul li{ width: 25%; margin-bottom: 30px; }
.bottom-box{ padding-top: 30px; padding-bottom: 1px; }
.bottom-box:before{ display: none; }
.three-width-bottom-tt{ padding:0 15px; }
.three-width-bottom-tt a{ right: 15px; }
.three-width-box-top{ padding-bottom: 1px!important; }
.yx-back{ margin-top: 0; }
.zt-slick{ padding-bottom: 30px; }
.footer-left,.footer-center{ width: 100%; }
.footer-link a img{ width: 50px; }
.footer-right{ text-align: center; }
.footer-link a span img{ width: 100%; }
.footer-link a{ margin:0 10px; }
.footer-link{ margin:0; }
}

@media( max-width: 440px){
.img-hide{width: 160px;height:85px;}
.xw-ul-img img{width:100% !important;height:auto !important;}
.xw-ul-right-sm {margin-left: 170px;}
}