html,body
{
    width:100%;
    position:relative;
}
html.scr,body.scr
{
height:100%;
overflow-y: hidden;
}
@font-face {
    font-family: 'Regular';
    src: url('../font-style/Regular.eot'); /* IE9*/
    src: url('../font-style/Regular.eot') format('embedded-opentype'), /* IE6-IE8 */
    url('../font-style/Regular.woff') format('woff'), /* chrome、firefox */
    url('../font-style/Regular.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../font-style/Regular.svg') format('svg'); /* iOS 4.1- */
    url("../font-style/Regular.otf") format("opentype");
}
html, body, div, span,textarea, iframe,input, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th {
    padding: 0;
    margin: 0;
    border: 0;
    font-family: '微软雅黑';
}
/*table{border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
table tr td{border-left: 1px solid #ddd;border-bottom: 1px solid #dddd;}
table tr th{border-left: 1px solid #ddd;border-bottom: 1px solid #dddd;}*/
table{border: 1px solid #ddd;}
table tr td{border: 1px solid #ddd;}
table tr th{border: 1px solid #ddd;}
.gjbw {
    width: 100%;
}
.container
{
    max-width:1816px;
    width:95%;
    margin:0 auto;
}
.se-box
{
    max-width:1200px;
    margin:0 auto;
    width:95%;
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.so
{   max-width:1200px;
    margin:0 auto;
    width:95%;
    font-size:24px;
    border-bottom:1px solid #dedede;
    margin-bottom: 20px;
}
.loading
{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:999;
    display: block;
}
.afo
{
    visibility: hidden;
}
.yd
{
    position:fixed;
    height:100%;
    width:100%;
    z-index:999;
    opacity: 100;
    top:0;
    transition: opacity 1s;
    -moz-transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
}
.yd-s
{
    opacity:0;
    z-index:-1;
}
.yd>a
{
    position:absolute;
    display: block;
    width:125px;
    height:28px;
    line-height:28px;
    border:1px solid white;
    color:white;
    text-align: center;
    top:80%;
    left:50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.header
{
    height:100px;
    line-height:100px;
    position: relative;
}
.head-l
{
    width:26%;
}
.head-r
{
    width:72%;
}
.logo>a>img
{
    width:90%;
    vertical-align: middle;
}
.logo-p
{
    display: none;
}
.nav
{
    width:85%;
}
.nav>ul
{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.search
{
    width:188px;
}
.nav>ul>li
{
     float:left;
     text-align: center;
     width:13%;
     position: relative;
     font-size:18px;
}
.nav>ul li.active
{
    background-color: #229fde;
    color:white;
}
.nav>ul li:hover
{
    background-color: #229fde;
    color:white;
}
input::-webkit-input-placeholder{
    color:#999999;
}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    color:#999999;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    color:#999999;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
    color:#999999;
}
.search input
{
    height:28px;
    line-height:28px;
    width:158px;
    border:1px solid #dedede;
    padding-left:10px;
}
.search button
{
    background-color: #229fde;
    border:0;
    width:30px;
    height:28px;
    background-image: url("../images/icon-a.png");
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    margin-left: -5px;
    margin-bottom: 1px;
}
.f-nav
{
    display: none;
}
.two-nav {
    width: 100%;
    text-align: center;
    background-color: white;
    font-size: 14px;
    line-height: normal;
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    left: 50%;
    top: 100px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 89;
}
.two-nav>li
{
    color:#229fde;
    border-bottom:1px solid #dedede;
    height:33px;
    line-height:33px;
}
.two-nav>li:last-child
{
    border:0;
}
.nav>ul>li:hover .two-nav
{
    filter: alpha(opacity=100);
    opacity: 100;
}
.submenu
{
    display: none;
}
.submenu>li
{
    font-size:14px;
}
#sw_a .swiper-slide img,#sw_a-p .swiper-slide img
{
    width:100%;
}
#sw_c .swiper-slide
{
    text-align: center;
}
.swiper-pagination-bullet
{
    background: transparent;
    border:1px solid #3CBDFF;
    opacity: 1;
}
.swiper-pagination-bullet-active
{
    background:#3CBDFF;
}
.banner-ph
{
    display: none;
}
.s-title
{
    text-align: center;
    margin-bottom: 40px;
}
.s-title.color,.s-title.color>h2
{
    color:white;
}
.s-title>h2
{   font-weight: 600;
    font-size:30px;
    color:#229fde;
}
.s-title>p
{
    font-size:24px;
}
.yw-box
{
    width:66%;
    margin: 0 auto;
}
.yw
{
    padding:52px 0;
}
.yw-item
{
    width:33.3%;
    text-align: center;
    font-size:16px;
    padding-top:90px;
    padding-bottom:17px;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    background-position: center 20px;
    background-repeat: no-repeat;
}
.yw-item:nth-of-type(3n)
{
    border-right: 1px solid #dedede;
}
.yw-item:nth-last-of-type(-n+3)
{
    border-bottom:1px solid #dedede;
}
.yw-item>a
{
    display:block;
    width:100%;
    height:100%;
}
.yw-item>a>h3
{
    font-size:18px;
    position: relative;
    padding-bottom:22px;
}
.yw-item>a>h3:after
{
    content:'';
    position:absolute;
    width:28px;
    height:2px;
    background-color:#3CBDFF;
    bottom:10px;
    left:50%;
    margin-left: -14px;
}
.yw-item>a>p
{
    color:#5c5c5c;
    line-height:1.8em;
}
.ita
{
    background-image: url("../images/icon-b.png");
}
.itb
{
    background-image: url("../images/icon-bb.png");
}
.itc
{
    background-image: url("../images/icon-bc.png");
}
.itd
{
    background-image: url("../images/icon-bd.png");
}
.ite
{
    background-image: url("../images/icon-be.png");
}
.itf
{
    background-image: url("../images/icon-bf.png");
}
.itg
{
    background-image: url("../images/icon-bg.png");
}
.ith
{
    background-image: url("../images/icon-bh.png");
}
.iti
{
    background-image: url("../images/icon-bi.png");
}
.yw-item>a:last-child
{
    display: block;
    width:20px;
    height:20px;
    border-radius: 50%;
    border:1px solid #dedede;
    color:#999999;
    margin:10px auto;
    opacity:0;
}
.yw-item.ita:hover
{
    background-image: url("../images/icon-bw.png");
    background-position:center 20px;
    background-repeat: no-repeat;
}
.yw-item.itb:hover
{
    background-image: url("../images/icon-bbw.png");
    background-position:center 20px;
    background-repeat: no-repeat;
}
.yw-item.itc:hover
{
    background-image: url("../images/icon-bcw.png");
    background-position:center 20px;
    background-repeat: no-repeat;
}
.yw-item.itd:hover
{
    background-image: url("../images/icon-bdw.png");
    background-position:center 20px;
    background-repeat: no-repeat;
}
.yw-item.ite:hover
{
    background-image: url("../images/icon-bew.png");
    background-position:center 20px;
    background-repeat: no-repeat;
}.yw-item.itf:hover
 {
     background-image: url("../images/icon-bfw.png");
     background-position:center 20px;
     background-repeat: no-repeat;
 }
.yw-item.itg:hover
{
    background-image: url("../images/icon-bgw.png");
    background-position:center 20px;
    background-repeat: no-repeat;
}
.yw-item.ith:hover
{
    background-image: url("../images/icon-bhw.png");
    background-position:center 20px;
    background-repeat: no-repeat;
}
.yw-item.iti:hover
{
    background-image: url("../images/icon-biw.png");
    background-position:center 20px;
    background-repeat: no-repeat;
}
.yw-item:hover
{
    background: #229fde;
}
.yw-item:hover>a>h3,.yw-item:hover>a>p,.yw-item:hover>a:last-child
{
    color:white;
}
.yw-item:hover>a>h3:after
{
    content:'';
    position:absolute;
    width:28px;
    height:2px;
    background-color:white;
    bottom:10px;
    left:50%;
    margin-left: -14px;
}
.yw-item:hover>a:last-child
{
    border-color:white;
}
.yj-box
{
    width:74%;
    margin: 0 auto;
    position:relative;
}
#sw_bn,#sw_dn,#sw_en,#sw_fn,#sw_bp,#sw_dp,#sw_ep,#sw_fp
{
	outline: none;
}
#sw_bn,#sw_dn,#sw_en,#sw_fn
{
	right:-60px;
}
#sw_bp,#sw_dp,#sw_ep,#sw_fp
{
	left:-60px;
}
.yj-item
{
    font-size:14px;
    color:#5c5c5c;
}
.yj-item>a>img
{
    display: block;
    width:100%;
}
.yj-b
{
    padding:10px;
    background: white;
}
.yj-b>p:first-child
{
    padding-bottom:15px;
    border-bottom:1px solid  #3CBDFF;
}
.yj-b>p:first-child>a
{
    float:right;

}
.yj-b>h3
{
    margin-top: 15px;
    color:#333333;
    font-size:16px;
}
.yj-b>p:last-child
{
    line-height:1.8em;
}
.more>a
{
    display: block;
    width:120px;
    text-align: center;
    height:28px;
    line-height:28px;
    border:1px solid #229fde;
    color:#229fde;
    margin-top: 20px;
    margin-left:auto;
    margin-right:auto;
}
.more>a:hover
{
	background-color:#229fde;
	color:white;
}
.yj
{
    padding:50px 0;
}
.ab-box
{
    font-size:14px;
    background-color: rgba(255,255,255,0.6);
    width:60%;
    margin:auto;
    padding:40px;
    color:#808080;
    line-height:2em;
}
.ab-us
{
    padding:52px 0;
}
.news
{
    background-color: #F2F2F2;
}
.Tab-title
{
    text-align: center;
}
.Tab-title>li
{
    display: inline-block;
    width:9%;
    height:33px;
    line-height:33px;
    background-color: white;

}

.Tab-title>li.active
{
    background-color:#229fde;
    color:white;
}
.tab-content
{
    position:relative;
}
.news
{
    padding:50px 0;
}
.news-main
{
    width:70%;
    margin-top:50px;
    margin-left: auto;
    margin-right: auto;
}
.news-item
{
    display: inline-block;
    font-size:14px;
    color:#5c5c5c;
}
.news-item
{
    margin-right: 2%;
}
.news-item:nth-of-type(4)
{
    margin-right: 0;
}
.news-item>a>img
{   display: block;
    width:100%;
}
.cp
{
    padding:50px 0;
}
.cp-box
{
    width:76%;
    margin: auto;
}
.footer
{
    background-color: #222222;
    padding-top:45px;
    color:white;
}
.footer-b
{
    background-color: black;
}
.fo-box
{    
	display:flex;
	justify-content:space-between; 
	flex-wrap: nowrap; 
    width:78%;
    margin: 0 auto;
    font-size:14px;
    padding-bottom:45px;
}
.fo-a,.fo-b,.fo-c,.fo-d
{
    vertical-align: top;
    display: inline-block;
    line-height:2.2em;
}
.fo-a>img
{
    margin-bottom: 20px;
    max-width: 100%;
}
.fo-d
{
    font-size:24px;
}
.fo-b>h4
{
    font-size:16px;
}
.fo-c
{
    width:150px;
}
.fo-c>p
{
    padding:0 27px;
}
.fb
{
    width:78%;
    margin: 0 auto;
    font-size:14px;
    color:white;
    position:relative;
    height:40px;
}
.fb>span
{
   position:absolute;
   top:50%;
   transform:translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.fb>span:nth-of-type(1)

{
    left:0;
}
.fb>span:nth-of-type(2)
{
    right:0;
}
.fb>span:nth-of-type(3) {
    left: 300px;
}
.lb
{
    position:absolute;
    width:100%;
    height:100%;
    z-index:-1;
}
.lc
{
   display: none;
}
.banner-ph>img,.banner-pc>img
{
    width:100%;
}
.co-main
{
    padding:40px 0;
}
.coin
{
    width:78%;
    margin: 0 auto;
}
.lo
{
    border-bottom:1px solid #5c5c5c;
}
.loc
{
    display: inline-block;
    vertical-align: bottom;
    margin-top: 60px;
}
.loc>p>a:last-child
{
    color:#229fde;
}
.t-in>h2
{
    font-size:36px;
    color:#229fde;
    font-weight: 600;
}
.t-in>p
{
font-size:24px;
}
.l-nav
{
    width:19%;
}
.l-nav>ul>li
{
    padding-left:40px;
    height:45px;
    line-height:45px;
    background-color: #F0F0F0;
    border-bottom:1px solid white;
}
.l-nav>ul>li.active
{
    background-color: #229fde;
    color:white;
}
.l-nav>ul>li:last-child
{
    border-bottom:0;
}
.r-main
{
    width:74%;
    font-size:14px;
    line-height:1.8em;
    font-family: "宋体";
}
.inb p,.yjp-item p,.zcl p,.r-main p{color: #5c5c5c}
.adj
{
margin-bottom:25px;
}
.adj img
{
max-width:100%;
}
.r-main>h3
{
    font-size:24px;
    padding-bottom:10px;
    border-bottom:1px solid #EBEBEB;
    margin-bottom: 10px;
}
.r-main>img
{
    max-width:100%;
}
.wh-item
{   padding:15px 0;
    border-bottom:1px solid #999999;
}
.wh-item:last-child
{
    border-bottom:0;
}
.wh-item>h4
{
    padding-left:60px;
    background-image: url("../images/icon-d.png");
    background-repeat: no-repeat;
    background-position: left center;
}
.wh-item>h4>span
{
     display: block;
    font-size:18px;
}
.wh-item>h4>span:first-child
{
    color:#229fde;
}
.td-box
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.td-item
{
    width:30%;
    margin-bottom: 20px;
}
.td-item>img
{
    width:100%;
}
.td-item>h5
{
    font-size:16px;
    font-weight: 600;
}
.honor-item
{
    display: flex;
    width:80%;
    justify-content: space-between;
    flex-wrap: wrap;
}
.kj-box
{
    display: flex;
    width:100%;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.kj-box>img
{
    width:23%;
}
.honor
{
    width:46%;
    margin-bottom: 10px;
}
.honor>img
{
    width:100%;
}
.honor>p
{
    text-align:center;
}
.zz-item>h5
{
    padding-left:60px;
    font-size:24px;
    height:35px;
    line-height:35px;
    margin: 40px 0;
    background-position: left center;
    background-repeat: no-repeat;
}
.zz-item:last-child
{
    width:100%;
}
.gc-item>h5
{
    padding-left:60px;
    font-size:24px;
    height:32px;
    line-height:32px;
    margin: 25px 0;
    background-position: left center;
    background-repeat: no-repeat;
}
.gca,.gcb
{
    width:70%;
    margin:20px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.gcb
{
    width:100%;
}
.gcb>img
{
   width:32%
}

.chl>img
{
    width:23%;
    margin-bottom: 20px;
}
.gha,.zsa,.chl,.zsb,.zja,.zjb
{    
    margin-top:20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zsa,.zsb
{
	justify-content: flex-start;
}
.zsa>img,.zsb>img
{
	margin-right:15px;
}
.gha>img
{
    width:13%;
    margin-bottom: 20px;
}
.gha-a>img
{
    width:23%;
}
.zja
{
    margin-bottom: 20px;
}
.zja>img
{
    width:49%;
}
.zjb>img
{
    width:32%;
}
.yjp>h3
{
    text-align: center;
    font-size:24px;
    color:#3CBDFF;
    margin-bottom: 20px;
}
.yjp-box
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.yjp-item
{
    width:48%;
    margin-bottom: 20px;
}
.yjp-item>h5
{
    font-size:18px;
    color:#229fde;
}
.yjp-item>img
{
    width:100%;
}
.page
{
    text-align: center;
}
.page>ul>li
{
    display: inline-block;
}
.page>ul>li>a
{
    display: inline-block;
    width:42px;
    height:42px;
    line-height:42px;
    margin-right: 10px;
    border:1px solid #dedede;
}
.page>ul>li.thisclass>a
{
    background-color:#229fde;
    color:white;
}
.page>ul>li:last-child
{
    margin-right: 0;
}
.zb-item
{
    border-bottom:1px solid #dedede;
    padding: 13px 0;
}
.zb-item:last-child
{
    border-bottom:0;
    margin-bottom: 40px;
}
.zbl
{
    width:10%;
    padding:15px;
    text-align: center;
    background-color: #F2F2F2;
    margin-right: 2%;
}
.zbl>span
{
    display: block;
}
.zbl>span:first-child
{
    font-size:24px;
    color:#5c5c5c;
}
.zbl>span:last-child
{
    color:#808080;
}
.zbr
{
    width:88%;
}
.zbr>h5
{
    font-size:20px;
    margin-bottom: 5px;
}
.zbr>h5:hover
{
    color:#229fde;
}
.zbr>p
{
    color:#5c5c5c;
}
.fl-item
{
    padding:15px 0;
    border-bottom:1px dashed #dedede;
}
.fl-item:last-child
{
     border-bottom:0;
     margin-bottom: 40px;
}
.fl-item p
{    padding-left:20px;
     font-size:20px;
    background-image: url("../images/icon-g.png");
    background-repeat: no-repeat;
    background-position: left center;
}
.fl-item p>span
{
    font-size:18px;
    color:#808080;
    float:right;
}
.fl-item p:hover
{
    color:#229fde;
}
.fl-item p:hover>span
{
    color:#808080;
}
.prenext>ul>li:hover
{
    color:#229fde;
}
.inb>h5
{
   font-size:22px;
    margin-bottom: 15px;
    text-align: center;
}
.inb>p:nth-of-type(1)
{
    text-align: center;
}
.inb>p:nth-of-type(1)>span
{
    margin-right: 10px;
}
.news-item
{
    padding:15px 0;
    border-bottom:1px solid #dedede;
}
.news-item:last-child
{
    border-bottom:0;
}
.nel
{
    width:40%;
}
.nel>a>img
{
    width:100%;
}
.ner
{
    width:57%;
line-height: normal;
}
.ner>h5
{
    font-size:20px;
    margin-bottom: 15px;
    color:#333333;
}
.ner>h5:hover
{
    color:#229fde;
}
.ner>a
{
    margin-top: 20px;
    display: block;
    width:100px;
    height:28px;
    line-height:28px;
    color:#333333;
    text-align: center;
    border:1px solid #229fde;
}
.ner>a:hover
{
   background-color:#229fde;
    color:white;
}
.ner>p:nth-of-type(2)
{
    color:#808080;
}
.ner>p:nth-of-type(2)>span
{
    margin-right: 10px;
}
#map
{
    width:100%;
    height:550px;
}
.zp-box
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.zp-item
{
    width:48%;
    margin-bottom: 20px;
    cursor: pointer;
    position:relative;
}
.zp-item a{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 30;
}
.zp-item:hover
{

}
.zp-item>img
{
    display: block;
    width:100%;
}
.zp-hi
{
   position:absolute;
    left:0;
    top:72%;
    background-color: #FAFAFA;
    padding:2% 5%;
    opacity: 0;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    z-index:-1;
}
.zp-hi>h5
{
    font-size:16px;
    color:black;
    font-weight: 600;
}
.zp-hi>h5:nth-of-type(1)
{
    border-bottom:1px solid #999999;
    padding-bottom:10px;
    margin-bottom: 10px;
}
.zp-hi>h5:nth-of-type(2)
{
    border-top:1px solid #999999;
    padding-top:10px;
    margin-top: 10px;
}
.zp-hi>p>span
{
    display: inline-block;
    width:50%;
}
.zp-item:hover>.zp-hi
{   z-index:10;
    opacity:100;
    top:0;
}
.dow
{
    display: block;
    width:22%;
    height:42px;
    line-height:42px;
    text-align: center;
    background-color:#229fde;
    color:white;
}
.fo-c>img
{
    width:100%;
}
.inb img
{
    max-width:100%;
}
.prenext li
{
    font-size:16px;
}
.zcl
{
	width:48%;
	float:left;
}
/*引导层*/
.bodybg{
            width: 100%;
            background: url(/images/yd-a.png) no-repeat center center;
            background-size: cover;
            height: 100vh;
            position: relative;
        }

        .bodybg img{
            max-width: none!important
        }

        .wrap {
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
        }
        .wrap .background .background-b {
            position: absolute;
            display: block;
            width: 5%;
            height: 39px;
            border-bottom: 2px solid #98D0EE;
            left: 0;
            bottom: 14%;
        }

        .wrap .guide-box {
            width: 15%;
            position: absolute;
            left:50%;
     transform: translateX(-50%) ;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

        }

        .clearfl img{
            width: 100%;
            max-width: 383px
        }

        .zhezhao{
            width: 100%;
            position: absolute;
            bottom: 12%;
            left: 0;
            overflow: hidden;
        }

        .zhezhao a{
            display: block;
            margin: 0 auto;
            width: 136px;
            height: 38px;
            line-height: 38px;
            color: #fff;
            font-size: 18px;
            text-align: center;
            border: 2px solid #fff
        }

        .zhezhao a:hover{
            color: #6F9FD6;
            background: #DAE4F4
        }

        .background-t{
            width: 100%;
            background: url(/images/yd.png) no-repeat center center;
            background-size: cover;
            height: 100vh;
        }
@media (max-width: 1880px) {
    .nav
    {
        width:82%;
    }
    .nav > ul > li
    {
        padding:0 2.5%;
    }
    .two-nav
    {
        width: 156px;
    }

}
@media (max-width: 1758px) {
    .head-l
    {
        width:27%;
    }
   .head-r
    {
        width:72%;
    }
}
@media (max-width: 1690px) {
    .nav
    {
        width:80%;
    }
    .nav > ul > li
    {
        padding:0 2.2%;
    }
    /*.fo-box
    {
        width:73%;
    }
    .fo-a, .fo-b, .fo-d
    {
        margin-right: 1.8%;
    }*/
}
@media (max-width: 1500px) {
    .nav
    {
        width:76%;
    }
    .nav>ul>li
    {
        padding:0 9px;
    }
    /*.fo-box
    {
        width:78%;
    }
    .fo-a, .fo-b, .fo-d
    {
        margin-right: 1.9%;
    }*/
}
@media (max-width: 1400px) {
   /* .fo-box
    {
        width:100%;
    }*/
    #sw_bn,#sw_bp,#sw_dp,#sw_dn,#sw_ep,#sw_en,#sw_fp,#sw_fn
    {
        display:none; 
    }
    .fo-box,.fb
	{
		width:100%;
	}
    .l-nav>ul>li
    {
        padding-left:15px;
    }
    .zbl
    {
        width:14%;
    }
    .zbr
    {
        width:84%;
    }
}
@media (max-width: 1271px) {
    
    .nav
    {
        width:76%;
    }
    .nav>ul>li
    {
        padding:0 10px;
    }
}

@media (max-width: 1266px) {

    .fo-d
    {
        font-size:18px;
    }
    .fo-c>p
    {
        padding:0;
    }
    .fo-c
    {
        width:97px;
    }
    .yw-box,.yj-box,.news-main
    {
        width:85%;
    }
    .nav
    {
        display: none;
    }
    .header
    {
        height: 70px;
        line-height: 70px;
        background-color: white;
        width:100%;
        z-index:999;
        top:0;
        left:0;
        padding:0 10px;
    }
    .aj
    {
        position:fixed;
    }
    .banner
    {
        margin-top: 70px;
    }
    .search
    {
        margin-right: 50px;
    }
    .nav_icon {
        width: 30px;
        height: 27px;
        position: absolute;
        right:10px;
        float: right;
        display: block;
        transition: transform 0.5s;
        -moz-transition: transform 0.5s;
        -webkit-transition: transform 0.5s;
        -o-transition: transform 0.5s;
        top: 22px;
    }
    .nav_icon span {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 30px;
        height: 3px;
        background: #3CBDFF;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        transition: transform 0.5s;
        -moz-transition: transform 0.5s;
        -webkit-transition: transform 0.5s;
        -o-transition: transform 0.5s;
    }
    .nav_icon span::before, .nav_icon span::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 30px;
        height: 3px;
        background: #3CBDFF;
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        transition: transform 0.5s;
        -moz-transition: transform 0.5s;
        -webkit-transition: transform 0.5s;
        -o-transition: transform 0.5s;
    }
    .nav_icon span::after {
        transform: translateY(8px);
    }
    .nav_icon.open span {
        background: transparent;
    }
    .nav_icon.open span::before {
        transform: translateY(0) rotate(45deg);
    }
    .nav_icon.open span::after {
        transform: translateY(0) rotate(-45deg);
    }
    .f-nav {
        padding:20px 10px;
        display: block;
        width:33%;
        background-color: #202020;
        height: 100%;
        position: fixed;
        left: -33%;
        top: 50px;
        z-index: 2;
        color:white;
        padding-bottom:20%;
        overflow: auto;
    }
    .search-p
    {
        text-align: center;
        width:100%;
        margin: 10px auto;
    }
    .search-p input
    {
        height:28px;
        line-height:28px;
        padding-left:5px;
        width:84%;
        border-radius: 0;
    }
    .search-p button
    {
        background-color: #3CBDFF;
        border:0;
        width:30px;
        height:28px;
        background-image: url("../images/icon-a.png");
        background-repeat: no-repeat;
        background-position: center center;
        vertical-align: middle;
        margin-left: -5px;
       /* margin-bottom: 1px;*/
    }
    .link>i
    {
        margin-left: 30px;
    }
    .nav-box li>.link>i
    {
        transition: all 0.6s;
        -moz-transition: all 0.6s;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
    }
    .nav-box li.open-list>.link>i
    {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .nav-box ul>li
    {
        font-size:18px;
        margin: 20px 0;
    }
    .nav-box .submenu li
    {
        margin:7px 0;
        font-size:16px;
    }
}
@media (max-width: 911px) {

    .fo-a,.fo-b,.fo-d
    {
        margin-right:0.7%;
    }
}

@media (max-width: 768px) {
    .logo,.search
    {
        display: none;
    }
    .header
    {
        height:50px;
        line-height:50px;
    }
    .nav_icon {
        position: relative;
        margin-top: 12px;
        top: 0;
        right:0;
    }
    .banner
    {
        margin-top: 50px;
    }
    .logo-p
    {
        display: inline-block;

    }
    .logo-p>a>img
    {
        width:35px;
        height:35px;
        vertical-align: middle;
    }
    .f-nav
    {
        width:70%;
        left:-70%;
    }

    .banner-pc
    {
        display:none;
    }
    .banner-ph
    {
        display: block;
    }
    .yw-box
    {
        width:100%;
    }
    .yw-item
    {
        width:49%;
        border:1px solid #dedede;
        margin-left: 1px;
        margin-bottom: 1px;
    }
    .yj-box
    {
        width:100%;
    }
    .yj-item
    {
        width:100%;
    }
    .yw,.yj,.ab-us,.news,.cp
    {
        padding:15px 0;
    }
    .s-title
    {
        margin-bottom: 15px;
    }
    .s-title>h2,.s-title>p
    {
        font-size:14px;
    }
    .ab-box
    {
        width:100%;
        padding:15px;
    }
    .Tab-title>li
    {
        width:32.3%;
    }
    .news-main
    {
        width:100%;
        margin-top: 15px;
    }
    .news-item,.cp-box
    {
        width:100%;
    }
    #sw_c .swiper-slide img
    {
        width:61%;
    }
    .fo-box
    {
       
        padding-bottom:15px;
    }
    .fo-a,.fo-c,.fo-d
    {
        display:block;
        margin-right: 0;
        width:100%;
    }
    .fo-b,.fo-c
    {
        display: none;
    }
    .footer
    {
        padding-top:15px;
    }
    .fo-d
    {
        font-size:16px;
    }
    .fb
    {
        width:100%;
    }
    .fb>span
    {    display:block;
        float:none;
    }
    .footer-b
    {
        height:60px;
      text-align: center;
    }
     .coin
     {
         width:100%;
     }
     .t-in
     {
         display: none;
     }
     .loc
     {
         margin-top:0;
     }
     .l-nav
     {
         display: none;
     }
     .r-main
     {
         width:100%;
     }
    .co-main
    {
        padding:15px 0;
    }
    .r-main>h3
    {
        font-size:18px;
    }
    .td-item
    {
        width:43%;
    }
    .honor-item
    {
        width:100%;
    }
    .zz-item>h5 {
        padding-left: 60px;
        font-size: 24px;
        height: 35px;
        line-height: 35px;
        margin: 15px 0;
    }
    .kj-box>img
    {
        width:46%;
        margin-bottom: 10px;
    }
    .kj-box
    {
        flex-wrap: wrap;
    }
    .gca
    {
        width:100%;
    }
    .gca>img
    {
        height:50%;
        width:26%;
    }
    .gcb
    {
        flex-wrap: wrap;
    }
    .gcb>img
    {
        width:100%;
        margin-bottom: 20px;
    }
    .gc-item>h5
    {
        margin: 5px 0;
    }
    .chl>img
    {
        width:48%;
        height:60%;
    }
    .gha>img
    {
        width: 20%;
        height: 50%;
    }
    .gha-a>img
    {
        width: 48%;
        height:50%;
    }
    .zsa
    {
        width:100%;
    }
    .zsa>img,.zsb>img
    {
        width:48%;
        height:50%;
    }
    .zja>img,.zjb>img
    {
        width:100%;
        margin-bottom: 15px;
    }
    .zb-item:last-child,.fl-item:last-child
    {
        margin-bottom: 15px;
    }
    .fl-item p,.fl-item p>span
    {
        font-size:14px;
    }
    .zbl
    {
        width:16%;
        padding:0;
    }
    .zbr
    {
        width:82%;
    }
    .zbr>h5
    {
        font-size:14px;
    }
    .zbr>p
    {
        display: none;
    }
    .zbl>span:first-child
    {
        font-size:16px;
    }
    .nel>a>img
    {
        width:100%;
    }
    .ner>h5 {
        font-size: 12px;
        margin-bottom: 0;
    }
    .ner>p:nth-of-type(2)>span
    {
        margin-right: 0;
        font-size:12px;
    }
    .ner>p:nth-of-type(1)
    {
        display: none;
    }
    .ner>a
    {
        margin-top:0;
        height: 23px;
        line-height: 23px;
        width:65px;
    }
    #map
    {
        height:300px;
    }
    .zp-item
    {
        width:100%;
    }
    .dow
    {
        width:46%;
    }
    .nav-box ul>li
    {
      font-size:16px;
      margin: 10px 0;
    }
    .nav-box .submenu li
    {
        margin:3px 0;
        font-size:14px;
    }
    .yjp>h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .yjp-item>h5
    {
        font-size:14px;
    }
    .inb>h5
    {
        font-size:16px;
    }
    .fb>span
    {
        position:relative;
    }
    .fo-box
    {
     flex-wrap: wrap; 
    }
    .yjp-item>p
    {
    	font-size:12px;
    }
    .zcl
    {
    	width:100%;
    }
}