@charset "utf-8";

.header  {width:100%; height:100px; position: relative;  z-index: 9; background:#fff;}
.header  .header-info .logo { margin-top: 12px; }
.header  .header-info .logo a { color:#fff; }
.header  .header-info .logo a img {vertical-align:middle;height:70px; }
.header  .header-info .logo span { font-size:24px; font-weight:bold; }
.header  .header-info .nav {}
.header  .header-info .nav ul  { float: right;}
.header  .header-info .nav ul li {float:left;  font-size: 16px; position: relative; }
.header  .header-info .nav ul li a {color:#333; position: relative; height: 100px; line-height: 100px; display: inline-block; margin-right:60px;}
.header  .header-info .nav ul li a:hover { color:#000072;}
.header  .header-info .nav ul li.on a { color:#000072;}
.header  .header-info .nav ul li a::after {  width: 0; height: 2px;  background-color: #000072; display: block;  content: " "; margin-top:-1px;   transition: all .3s ease;   }  
.header  .header-info .nav ul li a:hover::after  {  width: 100%; color:#000072;} 
.header  .header-info .nav ul li.on a::after {width: 100%; height: 2px;  background-color: #000072; display: block;  content: " "; }
.header .header-info .gwlogin a { display: inline-block; width:140px; height: 46px; line-height: 46px; color:#fff; text-align: center; border-radius: 4px; /*background:#000072;*/ margin:26px 60px 0 0;   transition: all .3s ease;  }
.header .header-info .gwlogin a i { font-size:18px; margin-right:10px;}
.header .header-info .gwlogin a:hover { /*background:#000072;*/   transition: all .3s ease;   }
.header .header-info .lang { line-height: 100px; }
.header .header-info .lang i { margin-right:10px; }
.header .header-info .lang a { color:#333; }
.header .header-info .lang a:hover { color:#000072; }
.tips{
    text-align:center;
}
.ibanner {width:100%;  position: relative;    }
.ibanner .bg { width:100%;  height:680px; }
.ibanner .txt { text-align: center; color:#fff; padding-top:220px; }
.ibanner .txt p { text-transform: uppercase; font-size:24px;}
.ibanner .txt h1 { font-size: 36px; font-weight: bold; }
.ibanner .txt h2 { font-size: 24px; font-weight: bold; margin:30px 0 60px;  }
.ibanner .txt a { display: inline-block; width:200px; height: 50px; line-height: 50px; text-align: center; color: #fff;  font-size: 16px; background:#000072; border-radius: 4px; transition: all .3s ease;  }
.ibanner .txt a i { margin-left:20px; margin-top:-2px; }
.ibanner .txt a:hover {background:#000072;  transform:translateY(-4px);    transition: all .3s ease; }
.ibanner .swiper-pagination { bottom:20px!important; }
.ibanner .swiper-pagination-bullet { background:#fff!important; opacity: 1!important;  width:10px; height: 10px; margin:0 6px!important; }
.ibanner .swiper-pagination-bullet-active { background:#000072!important; }

.itit { padding:80px 0 60px; text-align: center; }
.itit p { text-transform: uppercase; font-size:24px; color:#999; }
.itit h1 { font-size: 30px; font-weight: bold; color:#333; line-height: 120%; }
.box1 .list  { position:relative;  }
.box1 .list .iser { padding-bottom:20px; margin-bottom: 80px;}
.box1 .iser .info {box-shadow: 0 2px 20px rgba(0,0,0,.05); }
.box1 .iser .pic img { max-width:100%;}
.box1 .iser .txt { width:calc(100% - 60px);  height: 210px; padding:0 30px; background:#fff; }
.box1 .iser .txt h1 { font-size:18px; color:#333; padding:20px 0 0; }
.box1 .iser .txt span { display:inline-block; width:40px; height: 2px; background: #000072; margin:20px 0 10px; }
.box1 .iser .txt p{
    height:50px;
    padding:10px 0;
    overflow:hidden; 

text-overflow:ellipsis;

display:-webkit-box; 

-webkit-box-orient:vertical;

-webkit-line-clamp:2; 
}
.box1 .iser .txt a{
           display: inline-block;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    background: #000072;
    border-radius: 4px;
    transition: all .3s ease;
    margin-top: 10px;
}
.box1 .sp-pn { position: absolute; top: 50%; margin-top:-25px; z-index: 999;  cursor: pointer; width:50px; height: 50px; background:#000072; text-align: center; border-radius: 50px; color:#fff;   transition: all .36s ease; }
.box1 .sp-prev  {left: -90px; }
.box1 .sp-next {right: -90px; }
.box1 .sp-pn i {display:inline-block; line-height:50px; font-size: 20px;  }
.box1 .sp-pn:hover {background:#000072; transform:translateY(-4px);  transition: all .3s ease; }

.ititw { padding:80px 0 60px; text-align: center; }
.ititw p { text-transform: uppercase; font-size:24px; color:#fff; }
.ititw h1 { font-size: 30px; font-weight: bold; color:#fff; line-height: 120%; }
.box2 { width:100%; min-height: 450px; background:url("../images/box2bg.jpg") center top no-repeat; }
.box2 .iabo { height: 420px; background: #fff; box-shadow: 0 2px 20px rgba(0,0,0,.05); }
.box2 .pic { width:50%; }
.box2 .pic img { max-width:100%; }
.box2 .info { width:calc(50% - 80px); padding:40px;  }
.box2 .info h1 { font-weight:bold; font-size:24px; color:#333;  }
.box2 .info em { display: block; font-style: normal; font-size:16px; color:#888; text-transform: uppercase; line-height: 200%; margin-bottom:20px; }
.box2 .info p { margin-bottom:10px;  } 
.box2 .info a {  display: block; width:200px; height: 46px; line-height: 46px; text-align: center; color: #fff;  font-size: 16px; background:#000072; border-radius: 4px; margin-top:28px;  transition: all .3s ease;  }
.box2 .info a i { margin-left:20px; margin-top:-2px; }
.box2 .info a:hover {background:#000072; transform:translateY(-4px);  transition: all .3s ease; }

.box3 { padding-bottom:100px;}
.box3 ul li  { float:left; width:580px;  box-shadow: 0 2px 20px rgba(0,0,0,.05); }
.box3 ul li:first-child { margin-right:40px; }
.box3 ul li .pic {width:100%; height: 220px; position: relative; }
.box3 ul li .pic img { max-width: 100%; }
.box3 ul li .pic .txt { position:absolute; z-index: 9;  top:75px; left:30px; color:#fff; }
.box3 ul li .pic h1 { font-size:18px; line-height: 200%; margin-bottom: 20px; }
.box3 ul li .pic em { font-style:normal; font-size:24px;  }
.box3 ul li .pic p a { font-size: 16px;  color:#fff; }
.box3 ul li .pic p a:hover { text-decoration:underline ;}
.box3 ul li .list { width:calc(100% - 60px); padding:30px; background:#fff; }
.box3 ul li .list h1 {font-size:16px; color:#333; }
.box3 ul li .list p { line-height:180%;  color:#888; margin:20px 0; }
.box3 ul li .list em { font-style:normal; color:#999; }
.box3 ul li .list em i { margin-right:10px ;}
.box3 ul li .list a { color:#000072;}
.box3 ul li .list a:hover { text-decoration:underline; }

.box4 { width:100%; background:#eee; padding:100px 0;  }
.box4 .list ul li  { float:left; width:31%; margin-top:6px; height: 120px; background: #fff;  margin-right: 15px; border-top:2px solid #000072;  box-shadow: 0 2px 20px rgba(0,0,0,.05);  transition: all .3s ease;  }
.box4 .list ul li a { display:inline-block; width:100%; height: 100%;}
.box4 .list ul li:last-child { margin-right:0; }
.box4 .list ul li .pic {width:50px; height: 50px; padding:35px 7px 0 25px; }
.box4 .list ul li:first-child .pic , .box4 .list ul li:last-child .pic { padding:35px 20px 0 25px; }
.box4 .list ul li .pic img { max-width:100%; }
    .box4 .list ul li .pic i {
        font-size: 50px;
        color: #000072;
    }
    .box4 .list ul li .txt h1 {
        font-size: 16px;
        color: #00005b;
        padding-top: 40px;
        line-height: 160%;
    }
    .box4 .list ul li .txt p {
        color: #666;
    }
.box4 .list ul li:hover {transform:translateY(-4px);    transition: all .3s ease; }

.footer { width:100%; background:#4976ba; color:#fff;}
.footer a {color:#fff; }
.footer a:hover { color:#fff;}
.footer .ftinfo { padding:80px 0 40px; border-bottom:1px solid rgba(255,255,255,0.1);}
.footer .ftinfo .ftbox1 { width:200px; }
.footer .ftinfo .ftbox1 img { padding-bottom:40px; width:200px;}
.footer .ftinfo .ftbox1 a  { display: inline-block; width:140px; height: 46px; line-height: 46px; color:#fff; text-align: center; border-radius: 4px; background:#000072; transition: all .3s ease;   }
.footer .ftinfo .ftbox1 a i { font-size:18px; margin-right:10px;}
.footer .ftinfo .ftbox1 a:hover {background:#000072;   transition: all .3s ease; }
.footer .ftinfo .ftbox2 { width:100px; margin-left:140px; }
.footer .ftinfo .ftbox2 ul li a { line-height:36px; }
.footer .ftinfo .ftbox3 { width:120px; text-align: center; margin-left:120px;  }
    .footer .ftinfo .ftbox4 {
    width:200px;
    }
    .footer .ftinfo .ftbox3 img {
        max-width: 100%;
    }
.footer .ftinfo .ftbox3 p { line-height:320%; }
.footer .ftinfo .ftbox4 .tel { color:#fff;  font-size:30px; margin-bottom: 15px;}
.footer .ftinfo .ftbox4 .tel i {  font-size:30px; padding-right:10px; }
.footer .ftinfo .ftbox4 .facebook { width:370px; height:50px; background:#3c5a99; color:#fff; border-radius: 4px; margin-top:20px; transition: all .3s ease; }
.footer .ftinfo .ftbox4 .facebook .bg .iconfacebook { color:#fff; font-size:24px; line-height:50px; margin-left:12px; }
.footer .ftinfo .ftbox4 .facebook .w { width:320px; height:40px; background:#fff; border-radius: 4px; line-height: 40px;  margin:5px 5px  0 0;}
.footer .ftinfo .ftbox4 .facebook .w span { padding-left:15px;  }
.footer .ftinfo .ftbox4 .facebook .w .iconsousuo2 { font-size:20px; float:right; margin-right:15px; color:#3c5a99;}
.footer .ftinfo .ftbox4 .facebook a{color:#666;}
.footer .ftinfo .ftbox4 .facebook a:hover {color:#666;}
.footer .cpr p { line-height:60px; }
.footer .cpr p a { margin-left:20px; }

.cbanner {width:100%;height: auto;}
.banabo { background:url("../images/banabo.jpg") center no-repeat;}
.banfac {
    position: relative;
}
.cbanner .img{ width:100%;}
.cbanner .img img{ width:100%; vertical-align:bottom;}
.bancont {background:url("../images/bancont.jpg") center no-repeat; }
.cbanner .txt {text-align: center;color:#fff;position: absolute;top: 0;height: 100%;display: flex;justify-content: center;align-items: center;width: 100%;left: 0;flex-direction: column;}
.cbanner .txt p { font-size:24px; text-transform: uppercase; }
.cbanner .txt h1 { font-size:30px; font-weight: bold; }

.menu { width:100%; height:60px;  background:#fff; border-bottom:1px solid #ccc; }
.menu ul { text-align:center; }
.menu ul li { float:left; line-height: 59px; width:20%;  }
.menu ul li a { display: inline-block; width:100%; line-height:59px; color:#666; font-size:16px; box-sizing: border-box;   }
.menu ul li.on a , .menu ul li a:hover { color:#000072; font-weight: bold; border-bottom: 2px solid #000072;  }

.cmain { padding:60px 0; background:#fff; }
.cmain  img { max-width:100%;}
.cmain p strong { color:#333; font-size:16px; }
.cabo .tit h1 { font-weight:bold; font-size:24px; color:#333;  }
.cabo .tit em { display: block; font-style: normal; font-size:16px; color:#888; text-transform: uppercase; line-height: 200%; }
.cabo .tit span { display:inline-block; width:60px; height: 2px; background:#000072;  margin:25px 0;}
.cabo .info .desc { width:680px; }
.cabo .info .desc p { margin-bottom:15px; }
.cabo .info .pic { width:480px;}
.cabo .adv { padding:30px 40px; background:#f6f6f6; margin-top:40px; }
.cabo .adv h1 { margin-bottom:25px; }
.cabo .adv h1 i { font-size:20px; color:#000072; margin-right: 20px;}
.cabo .adv h1 span { color:#333; font-weight: bold; font-size:18px; }
.cabo .adv  p { margin-bottom:15px; }
.cabo .lc  h1 { font-weight:bold; font-size:24px; color:#333; margin: 50px 0 30px; }
.cabo .lc ul li { float:left;  width:224px; height:130px; background:#f6f6f6; border-top:2px solid #000072; position: relative;  margin-right:20px; }
.cabo .lc ul li:last-child { margin-right:0;}
.cabo .lc ul li h5 { font-size:16px; color:#333; font-weight: bold; padding:20px 20px 0 20px; }
.cabo .lc ul li p { padding:10px 20px 0 20px; }
.cabo .lc ul li span { position: absolute; z-index: 9; right:20px; bottom:20px; }

.menufac { width:100%; height:60px;  background:#fff; border-bottom:1px solid #ccc; }
.menufac ul { text-align:center; }
.menufac ul li { float:left; line-height: 59px; width:25%;  }
.menufac ul li a { display: inline-block; width:100%; line-height:59px; color:#666; font-size:16px; box-sizing: border-box;   }
.menufac ul li.on a , .menu ul li a:hover { color:#000072; font-weight: bold; border-bottom: 2px solid #000072;  }

.ccont .bdmap { width:100%; height:520px; overflow: hidden; position: relative;  background:#f6f6f6;}
.ccont .bdmap .txt {width:440px; height: 342px;  position: absolute; z-index: 9; top:60px; left:60px; background:rgba(0,167,88,0.8);  color:#fff; padding:40px 50px; }
.ccont .bdmap .txt  h1 { font-weight:bold; font-size:24px;  }
.ccont .bdmap .txt  em { display: block; font-style: normal; font-size:16px;  text-transform: uppercase; line-height: 200%; }
.ccont .bdmap .txt .tel { color:#fff;  font-size:30px; margin: 20px 0 10px;}
.ccont .bdmap .txt .tel i {  font-size:30px; padding-right:10px; }
.ccont .bdmap .txt .time { margin-bottom:15px; }

.clogin {padding:80px 0; background:url("../images/loginbg.jpg") center top no-repeat; }
.clogin .cc { height:500px; background:#fff; box-shadow: 0 2px 20px rgba(0,0,0,.05); }
.clogin .cc .pic { width:50%; }
.clogin .cc .pic img {max-width:100%; }
.clogin .cc .log { width:50%; }
.clogin .cc .log .list {padding:80px 0 0 120px; }
.clogin .cc .log .list h1 { font-size:24px; font-weight: bold; color:#333; margin-bottom: 30px; }
.loginf_box {width:360px;}
.loginf_box li { width:100%; height:auto; margin:0 0 20px 0;}
.loginf_box li .loginf_txt { width:100%; height:46px; position:relative;}
.loginf_box li .loginf_txt i { width:60px; height:46px; line-height:46px; display:block; overflow:hidden; text-align:center; font-size:20px; color:#000072;position:absolute; left:0; top:0; z-index:10;}
.loginf_box li .login_txt { float:left; width:360px; height:46px; line-height:46px; padding:0 0 0 50px; border:1px solid #ddd; background:#fff; border-radius: 4px; box-sizing: border-box; color:#666; }
.loginf_box li .loginf_txt .code_txt{ width:calc(100% - 42px); padding:0 20px; position: relative; }
.loginf_box li .loginf_txt .verifyCode { position: absolute; right:0; top:0;  }
.loginf_box li .loginf_txt .verifyCode img { height:46px;  box-sizing: border-box;   border:1px solid #ddd;  }
.loginf_box li a.link { color:#666;  }
.loginf_box li a.link:hover { color:#000072; }
.loginf_box li a.login_btn { display: inline-block; width:100%; height: 46px; line-height: 46px; text-align: center; color: #fff;  font-size: 16px; background:#000072; border-radius: 4px;  transition: all .3s ease;  }
.loginf_box li a.login_btn:hover { background:#000072;  transition: all .3s ease;   }

.csmain { padding:60px 0; min-height: 1030px; background:#f0f0f0; }
.csmain .left { width:220px; }
.csmain .left .box { width:100%; background:#fff; margin-bottom:20px;  }
.csmain .left .box:last-child { margin-bottom:0; }
.csmain .left .box .tit { width:100%; height:50px; background:#f9f9f9; border-bottom: 1px solid #ddd; position:relative;    box-sizing: border-box; line-height: 50px; }
.csmain .left .box .tit i {color:#000072; font-size: 20px;    position: absolute; left:20px;}
.csmain .left .box .tit span { font-size:16px; color:#333;  padding-left:60px; }
.csmain .left .box .tit em { color:#999; font-size: 12px;  padding:0 20px; position: absolute; right:0; cursor: pointer;  transition: all .3s ease; }
.csmain .left .box .tit em.on { transform-origin:center center;  transform: rotate(180deg); transition: all .3s ease; }
.csmain .left .box .list ul li { height:50px; line-height: 50px;  border-bottom:1px solid #f0f0f0; box-sizing: border-box; } 
.csmain .left .box .list ul li a { display:inline-block; width:calc(100% - 60px); padding-left:60px; color:#666; transition: all .3s ease;  }
.csmain .left .box .list ul li a:hover , .csmain .left .box .list ul li a.on { background:#000072; color:#fff;  transition: all .3s ease;   }
.csmain .left .boxn { width:100%; background:#fff; margin-bottom:20px; }
.csmain .left .boxn a { display:inline-block; width:100%; height:50px; background:#fff;  position:relative;   color:#333;  box-sizing: border-box; line-height: 50px; }
.csmain .left .boxn a i {color:#000072; font-size: 20px;    position: absolute; left:20px;}
.csmain .left .boxn a span { font-size:16px; color:#333;  padding-left:60px; }
.csmain .left .boxn a b { font-weight: normal; padding:0 10px; line-height: 22px; background:#000072; color:#fff; font-size:14px; border-radius: 50px; position: absolute; right: 20px; top:14px; transition: all .3s ease;  }
.csmain .left .boxn a:hover, .csmain .left .boxn.on a { background:#000072; color:#fff; transition: all .3s ease;  }
.csmain .left .boxn a:hover span, .csmain .left .boxn a:hover i , .csmain .left .boxn.on a span, .csmain .left .boxn.on a i { color:#fff; }
.csmain .left .boxn a:hover b , .csmain .left .boxn.on a b { background:#fff; color:#000072; transition: all .3s ease;   } 
.csmain .right { width:960px; }
.csmain .right .info { width: calc(100% - 60px); padding:0 30px; height:150px; background:#fff; position: relative; margin-bottom:20px;  }
.csmain .right .info .tit { font-size:16px; padding:25px 0 20px; }
.csmain .right .info .tit span { color:#000072; font-weight: bold; }
.csmain .right .info .desc ul {width:100%;  }
.csmain .right .info .desc ul li { float:left; width:33.3%; line-height: 220% ; }
.csmain .right .info .out a { display:inline-block; width:80px; height: 40px; line-height: 40px; border-radius: 40px; background:#000072; color:#fff; text-align: center; font-size: 16px; 
position: absolute;  z-index: 9; right:30px; top:20px;  transition: all .3s ease;  }
.csmain .right .info .out a:hover { background:#000072;  transition: all .3s ease;  }
.csmain .right .content { width:100%; background:#fff; padding-bottom: 44px;}
.csmain .right .content .tit h1 { width:100%;  height:60px ; border-bottom:1px solid #ddd; background:#f9f9f9; box-sizing: border-box;  }
.csmain .right .content .tit h1 span { display:inline-block; font-size:16px; color:#333; border-bottom:2px solid #000072; margin-left:30px; line-height: 58px; font-weight: bold; }
.csmain .right .content .list  { padding:40px 30px 30px; }
.csmain .right .content .list .tab { background:#f6f6f6; color:#333; font-size:16px; }
.csmain .right .content .list .tab p { padding:0 20px;}
.csmain .right .content .list .tab p { float:left; width: calc(18% - 40px);  }
.csmain .right .content .list .tab p:first-child  { width: calc(72% - 40px);} 
.csmain .right .content .list .tab p:last-child  { width: calc(10% - 40px);  } 
.csmain .right .content .list .tab span { height:50px; line-height: 50px; }
.csmain .right .content .list .tb ul li { height:50px; line-height: 50px; }
.csmain .right .content .list .tb ul li:nth-child(2n) {background:#f6f6f6;  }
.csmain .right .content .list .tb p { float:left; width: calc(18% - 40px); padding:0 20px; height:50px; line-height: 50px; }
.csmain .right .content .list .tb p a { color:#666; }
.csmain .right .content .list .tb p a:hover { color:#000072;}
.csmain .right .content .list .tb p:first-child  { width: calc(72% - 40px);} 
.csmain .right .content .list .tb p:last-child  { width: calc(10% - 40px); } 
.csmain .right .content .list .tb p i.iconpdf { color:#000072; font-size:18px; margin-right:10px;  }
.csmain .right .content .list .tb p i.iconxiazai { color:#000072; font-size:18px; margin:0 10px;  }
.csmain .right .content .list .tb p b { display:inline-block; font-weight: normal; padding:0 10px; line-height: 22px; background:#000072; color:#fff; font-size:14px; border-radius: 50px; margin-right:10px; }
.page .pager { height:36px;  padding:0 30px;}
.page .pager a, .page .pager span { display:inline-block; width:36px; height: 36px; line-height: 34px; border:1px solid #ddd; box-sizing: border-box;  text-align: center; border-radius: 4px; float:left;  color:#666; 
margin-right: 10px;  transition: all .3s ease;}
.page .pager a:hover  { background:#000072; color:#fff; border:1px solid #000072; transition: all .3s ease;}
.page .pager span {background:#000072; color:#fff; }

.csmain .right .content .detail  { padding:40px 30px 0 30px;}
.csmain .right .content .detail .detit h1 { font-size:18px; color:#333; font-weight: bold; }
.csmain .right .content .detail .detit p { margin:20px 0 10px; color:#888; }
.csmain .right .content .detail .detit p span { margin-right:30px; font-size: 15px; font-weight: normal;}
.csmain .right .content .detail .cc { padding:30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.csmain .right .content .detail .cc p strong { color:#333; font-size:16px; }
.csmain .right .content .detail .file { padding-left:20px; border-left:2px solid #000072; margin-top:40px; }
.csmain .right .content .detail .file h1 { font-size:16px; font-weight: bold; color:#333; }
.csmain .right .content .detail .file p a { display:inline-block;  width:calc(100% - 40px); line-height: 50px; padding:0 20px;  margin-top:20px; background:#f6f6f6;   color:#666;   transition: all .3s ease;}
.csmain .right .content .detail .file p a i { float:right;  color:#000072; font-size:18px; }
.csmain .right .content .detail .file p a:hover { background:#000072; color:#fff;  transition: all .3s ease;  }
.csmain .right .content .detail .file p a:hover i {  color:#fff;  transition: all .3s ease; }

.csmain .right .content .prodesc { padding:40px 30px; }
.csmain .right .content .prolist  { padding:0 30px 30px; }
.csmain .right .content .prolist .tab { background:#f6f6f6; color:#333; font-size:16px; }
.csmain .right .content .prolist .tab p { padding:0 20px;}
.csmain .right .content .prolist .tab p { float:left; width: calc(20% - 40px);  }
.csmain .right .content .prolist .tab p:first-child  { width: calc(30% - 40px);} 
.csmain .right .content .prolist .tab p:last-child  { width: calc(30% - 40px);  } 
.csmain .right .content .prolist .tab span { height:50px; line-height: 50px; }
.csmain .right .content .prolist .tb ul li { height:50px; line-height: 50px; }
.csmain .right .content .prolist .tb ul li:nth-child(2n) {background:#f6f6f6;  }
.csmain .right .content .prolist .tb p { padding:0 20px; height:50px; line-height: 50px; }
.csmain .right .content .prolist .tb p { float:left; width: calc(20% - 40px); }
.csmain .right .content .prolist .tb p:first-child  { width: calc(30% - 40px);} 
.csmain .right .content .prolist .tb p:last-child  { width: calc(30% - 40px); } 
.csmain .right .content .prolist .tb p i { color:#000072; font-size:18px; margin-right:10px;  }
.csmain .right .content .prolist .tb p b { display:inline-block; font-weight: normal; padding:0 10px; line-height: 22px; background:#000072; color:#fff; font-size:14px; border-radius: 50px; margin-right:10px; }
.csmain .right .content .prolist .tb p a { text-decoration:underline;  color:#666; }
.csmain .right .content .prolist .tb p a:hover  { color:#000072;}

.csmain .right .content .proinfo { padding:40px 30px; }
.csmain .right .content .proinfo .cc { padding:0 20px; border-left:2px solid #000072;  }
.csmain .right .content .proinfo .cc h1 { font-weight:bold; font-size:18px; color:#333; margin-bottom: 10px; line-height: 120%; }
.csmain .right .content .proinfo .cc p {  line-height: 160%;}
.csmain .right .content .proinfo .cc p span { margin-right:30px;}
.csmain .right .content .proinfo .cc p span i { color:#000072; padding-right:5px; font-style: normal; }
.csmain .right .content .pronav { padding:0 30px 20px 30px; }
.csmain .right .content .pronav ul li  { float:left; width:calc(25% - 30px); height: 100px; background: #f6f6f6;  border-radius: 4px; margin-right: 40px;     transition: all .3s ease;  }
.csmain .right .content .pronav ul li a { display:inline-block; width:100%; height: 100%;}
.csmain .right .content .pronav ul li:last-child { margin-right:0; }
.csmain .right .content .pronav ul li .pic {width:40px; height: 40px; padding:30px 20px 0 30px; }
.csmain .right .content .pronav ul li .pic img { max-width:100%; }
.csmain .right .content .pronav ul li .pic i { font-size:40px; color:#000072; }
.csmain .right .content .pronav ul li .txt h1 { font-size:16px; color:#333;  padding-top:30px; line-height: 120%; }
.csmain .right .content .pronav ul li .txt p { color:#999; }
.csmain .right .content .pronav ul li:hover {  background:#000072;   transition: all .3s ease; }
.csmain .right .content .pronav ul li:hover i, .csmain .right .content .pronav ul li:hover h1,.csmain .right .content .pronav ul li:hover p  { color:#fff;}

.csmain .right .content .pronav ul li.on{
    background:#000072;   transition: all .3s ease;
}
.csmain .right .content .pronav ul li.on i, .csmain .right .content .pronav ul li.on h1, .csmain .right .content .pronav ul li.on p{
    color:#fff;
}

.csmain .right .content .prodelist  { padding:0 30px;} 
.csmain .right .content .prodelist  ul li { float:left; width:calc(50% - 20px); margin-right:40px; background:#f6f6f6;  position: relative; margin-top:20px; }
.csmain .right .content .prodelist  ul li:nth-child(2n) { margin-right:0;}
.csmain .right .content .prodelist  ul li a { display:inline-block; width:100%;  line-height: 50px; color:#666; }
.csmain .right .content .prodelist  ul li a span { width:80%; padding-left:20px;}
.csmain .right .content .prodelist  ul li a i { color:#000072; font-size:18px; position: absolute; z-index: 9; right:20px; top:0; }
.csmain .right .content .prodelist  ul li a::after {  width: 0; height: 2px;  background-color: #000072; display: block;  content: " "; margin-top:-1px;   transition: all .3s ease;   }  
.csmain .right .content .prodelist  ul li a:hover::after  {  width: 100%; color:#000072;} 
.csmain .right .content .prodelist  ul li.on a::after {width: 100%; height: 2px;  background-color: #000072; display: block;  content: " "; }

.csmain .right .content .proinfo .ccc { padding:0 20px; border-left:2px solid #000072;  }
.csmain .right .content .proinfo .ccc h1 { font-weight:bold; font-size:18px; color:#333;  line-height: 120%; }
.csmain .right .content .proinfo .ccc p {  line-height: 160%; margin-bottom: 10px;}
.csmain .right .content .procontent { padding:0 30px; }
.csmain .right .content .procontent .cc  table { width:100%; border-left:1px solid #ddd; border-top:1px solid #ddd; }
.csmain .right .content .procontent .cc table tr td { border-right:1px solid #ddd; border-bottom:1px solid #ddd;  padding:10px 20px;  }
.csmain .right .content .procontent .plist { margin-top:40px;}
.csmain .right .content .procontent .plist ul li  { width:calc(100% - 40px); padding:0 20px;  height:50px;  line-height: 50px; background:#f6f6f6; }
.csmain .right .content .procontent .plist ul li:nth-child(2n) { background:#fff;}
.csmain .right .content .procontent .plist ul li a { color:#666;  line-height: 50px;  }
.csmain .right .content .procontent .plist ul li a i { color:#000072; font-size: 18px; margin-right:10px;   }
.csmain .right .content .procontent .plist ul li span.time { line-height: 50px; float:right; } 
.csmain .right .content .procontent .plist ul li a:hover { color:#000072; }

.cjoin .cjinfo { padding-bottom: 10px;}
.cjoin .cjinfo p { font-weight:bold; font-size:18px; color:#333;  }
.cjoin .cjlist ul li { width:100%; height: 300px; background:#fff; box-shadow: 0 2px 20px rgba(0,0,0,.1); margin-top:40px; position: relative; }
.cjoin .cjlist ul li .pic { width:50%; }
.cjoin .cjlist ul li .pic img { max-width:100%; }
.cjoin .cjlist ul li .txt {width:calc(50% - 120px); padding:50px 60px; }
.cjoin .cjlist ul li .txt h1 { font-size:24px; color:#333; font-weight: bold; margin-bottom: 20px; }
.cjoin .cjlist ul li .txt a { display: inline-block; width:200px; height: 46px; line-height: 46px; text-align: center; color: #fff;  font-size: 16px; background:#000072; border-radius: 4px; margin-top:40px;  transition: all .3s ease;  }
.cjoin .cjlist ul li .txt a i { margin-left:20px; margin-top:-2px; }
.cjoin .cjlist ul li .txt a:hover {background:#000072; transform:translateY(-4px);  transition: all .3s ease; }
.cjoin .cjlist ul li i.bg { color:#ccc; font-size:60px; position: absolute; z-index: 9; right:60px; bottom:50px; }

.cjapp { width:100%; min-height: 660px; background:#fff; box-shadow: 0 2px 20px rgba(0,0,0,.1); }
.cjapp .cc { padding:60px;  }
.cjapp ul li {  width:calc(50% - 30px); margin-right:60px;  float:left; margin-bottom: 30px;  }
.cjapp ul li:nth-child(2n) { margin-right:0; }
.cjapp ul li span { width:90px; float:left; display:inline-block; line-height: 46px; }
.cjapp ul li span em { font-style:normal; color:red;  margin-right: 5px; }
.cjapp ul li label { width:400px; float:left; position:relative;  }
.cjapp input { width:400px; padding:0 20px;   border:1px solid #ddd;  height:46px; line-height: 46px; border-radius: 4px;  color:#666;  box-sizing: border-box;  }
.cjapp input::placeholder { color:#999; }
.cjapp textarea::placeholder { color:#999; }
.cjapp select { appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari 和 Chrome */
width:400px; padding:0 20px;   border:1px solid #ddd;  height:46px; line-height: 46px; border-radius: 4px;  color:#666; cursor: pointer; outline: none; appearance:none; -webkit-appearance:none;}
.cjapp ul li i.iconxiala { width:12px; height: 12px; font-size:12px; color:#999; position:absolute;   top:18px;  right:20px; z-index: 9;   }
.cjapp ul li.sp { width:100%!important;}
.cjapp ul li.sp label { width:calc(100% - 110px)!important;}
.cjapp textarea { width:100%; padding:8px 20px;   border:1px solid #ddd;  height:100px; line-height: 180%; border-radius: 4px;  color:#666;  box-sizing: border-box;  }
.cjapp ul li .code_txt{ width:calc(100% - 42px); padding:0 20px; position: relative; }
.cjapp ul li .verifyCode { position: absolute; right:0; top:0;  }
.cjapp ul li .verifyCode img { height:46px;  box-sizing: border-box;   border:1px solid #ddd;  }
.cjapp .submit { width:400px; margin: 10px 0 0 90px;}
.cjapp .submit a{ display: inline-block; width:100%; height: 46px; line-height: 46px; text-align: center; color: #fff;  font-size: 16px; background:#000072; border-radius: 4px;  transition: all .3s ease;  }
.cjapp .submit a:hover { background:#000072;  transition: all .3s ease;   }


.fan{
        float: right;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-right: 30px;
    border-radius: 40px;
    background: #000072;
    padding: 0 15px;
    color: #fff;
    margin-top: 15px;
}


#logotop{ display:none}
.top{ display:none}

.inside_con{padding:10px 0; min-height:100px}

.bieg{}
.bieg table { border:0; border-top:none; border-left:none; width:60%;}
    .bieg table tr td {
        border-left: 0;
        border-top: 0;
        text-align: center;
        color: #000;
        font-size: 15px; /*background:#4976ba;*/
        border: 1px #4976ba solid; padding:4px 0
    }
.bieg table tr td a{    text-decoration: underline; color:#000; }
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.sousuo{  line-height:40px; background:#f2f2f2; overflow:hidden;}
.sousuo a{  width:40px; height:40px;    display: flex;
    justify-content: center;
    align-items: center; float:left;}
.sousuo a img{ max-width:100%; max-height:100%;}
.sousuo  .input_text{ float:right; display:block; width:calc(100% - 40px); border:0; background:none; padding:0 10px; box-sizing:border-box;}
.sb01{ margin-top:2%}
.sb01>h2{ font-weight:normal; font-size:24px; color:#000;}
.sb01 ul li{ float:left; display:block; width:calc((100% - 10%)/6); margin-right:2%; margin-top:2%; text-align:center;}
.sb01 ul li:nth-child(6n) {
    margin-right: 0% ;
}
.sb01 ul li a{ display:block; color:#000;}
.sb01 ul li a .img{ display:block; width:40px; height:40px; margin:0 auto;    display: flex;
    justify-content: center;
    align-items: center;
}
.sb01 ul li a .img img{ max-height:100%; max-width:100%;}
.sb01 ul li a h3{ font-size:16px; display:block; font-weight:600; margin:4px 0;}
.sb01 ul li a span{ height:35px; font-size:14px; display:block}

.tji{ display:block; line-height:50px; text-align:center; color:#fff; font-size:20px; border-radius:50px; margin-top:2%; background:#4976ba}

.hou02{ width:100%;}
.hou02 dl dd{float:left;display:block;width:calc((100% - 6%)/4);margin-right:2%;margin-bottom: 5%;}
.hou02 dl dd:nth-child(4n) {
    margin-right: 0% ;
}
.hou02 dl dd h2{font-size:24px;color:#000;display:block;}

.hou02 dl dd ul li{float:left;display:block;width:calc((100% - 20%)/4);margin-right:2%;text-align:center;margin-top: 4%;}
.hou02 dl dd  ul li:nth-child(3n) {
    margin-right: 0% ;
}
.hou02 dl dd  ul li span{ display:block; font-size:14px; text-align:center; color:#000;}



.dsd{ padding-top:1% !important; }
.sousuo{ background:#4976ba; text-align:center; color:#fff; box-sizing:border-box; padding:2%;}
.sousuo em{ font-style:normal; text-align:left; display:block;    display: flex;
    align-items: center;
}
.sousuo h2{ font-size:24px;}
.sousuo span{ font-size:18px; display:block; margin:10px 0;}
.dee{ background:#fff; border-radius:5px; line-height:40px;    display: flex;justify-content: space-between
    align-items: center; overflow:hidden;}
.dee .input_text{width:calc(100% - 100px); border:none; box-sizing:border-box; padding:0 10px;}
.dee a{ height:40px; text-align:center; width:100px;}
.baiutd{ margin-top:1%;}
.baiutd table { color:#fff;  border:1px solid #fff; border-top:none; border-left:none}
.baiutd table tr td{ background:#4976ba73; padding:10px; border-left:1px solid #fff; border-top:1px solid #fff;}
.baiutd table tr th{ background:#4976ba; color:#fff; text-align:center; font-size:22px; line-height:50px;  border-left:1px solid #fff; border-top:1px solid #fff; background:#4976ba73;padding:10px;}
.mzo{background:#4976ba}
.mzo02{background:#4976bab5}
.baiutd .de{ width:40%}
.baiutd .bade li{ padding:4px; box-sizing:border-box;}
.baiutd .bade li:nth-child(2n) {
    background:#4976ba73
}
.baiutd .bade li{  display: flex; align-items: center;}

.jgjbg{}
.jgjbg table { border:1px solid #ccc; border-top:none; border-left:none;}
.jgjbg table tr td{border-left:1px solid #ccc;border-top:1px solid #ccc;text-align: center;padding: 0.5%;}
.jgjbg table tr th{border-left:1px solid #ccc;border-top:1px solid #ccc;background:#4976ba;color: #fff;padding: 0.5%;font-size: 14px;}
.jgjbg table tr td h3{font-size: 13px;color:#000;display: block;padding: 4%;}
 .jgjbg .bgge{width: 11%;}
@media only screen and (max-width: 980px) {
	.w1200 { width: 95%;}
    .footer .ftinfo {
        padding:20px 0 40px;
    }
    .header {
        display: none
    }
	.top{ display:block; height:106px;}
	#logotop {/*position:fixed; top:0;*/ height:0px; width:100%; z-index: 99; display:block}
.logoheader{ padding:10px 0 0; overflow:hidden; text-align:center; position:relative; background:#fff; box-shadow: 0 2px 20px rgba(0,0,0,.1); }
.logoheader .top { width:100%; height: 50px; border-bottom:1px solid #ddd; box-sizing: border-box;}
.logoheader .logo { position:absolute; left:15px; }
.logoheader .gwlogin {  display: inline-block; height:36px; line-height: 36px; padding:0 0.3rem; color:#fff; text-align: center; border-radius: 4px; /*background:#000072;*/ margin:2px 15px 0 0;  }
.logoheader .btn {   padding:4px 15px 0 0; display:block; overflow:hidden; }
.logoheader .btn i{ width:24px; height:2px; margin:6px auto 0; display:block; overflow:hidden; background:#000072;}
.logoheader img { display:inline-block; overflow:hidden; height:40px;}
.logoheader span { padding-left:0.2rem;  }
.logoheader .nav { width:100%; position: relative; }
.logoheader .nav ul { width:80%; }
.logoheader .nav ul li { float:left; width:25%; line-height: 46px; text-align: center; box-sizing: border-box; }
.logoheader .nav ul li a { display:inline-block; width:100%; line-height: 46px; color:#333;  }
.logoheader .nav ul li a::after {  width: 0; height: 2px;  background-color: #000072; display: block;  content: " "; margin-top:-2px;   }  
.logoheader .nav ul li.on a::after {width: 100%; height: 2px;  background-color: #000072; display: block;  content: " "; }
.logoheader .nav .lang { width:20%; height: 30px;  line-height: 30px; position: absolute; top:9px; right:0;  text-align: right; }
.logoheader .nav .lang select { border:1px solid #ddd; padding:0.1rem; color:#333; border-radius: 4px; margin-right: 15px; }
.leftcontrol { width:240px; height:100%; background:#fff; position:fixed; top:0; right:-240px; z-index:2000; overflow-x:hidden; -webkit-overflow-scrolling : touch; transition: all .3s ease;}
.leftcontrol.open { right:0; background:#f0f0f0; }
.leftcontrol .hi { line-height: 50px; padding-left:20px; font-size: 0.38rem; }
.leftcontrol .hi span { color:#000072;  font-weight: bold; }
.leftcontrol .close{ float:right; width:50px; height:50px; line-height:50px; display:block; overflow:hidden; text-align:center; color:#999; font-size:0.4rem; cursor:pointer;}
.leftcontrol .cmenu {border-top: 1px solid #ddd; }
.leftcontrol .box { width:100%; background:#fff;  }
.leftcontrol .box .mtit { width:100%; height:50px; background:#f9f9f9;  border-bottom: 1px solid #ddd; position:relative;    box-sizing: border-box; line-height: 50px; }
.leftcontrol .box .mtit i {color:#000072; font-size: 0.46rem;  position: absolute; left:20px;}
.leftcontrol .box .mtit span { font-size:0.38rem; color:#333;  padding-left:60px; }
.leftcontrol .box .mtit em { color:#999; font-size: 12px;  padding:0 20px; position: absolute; right:0; cursor: pointer; transition: all .3s ease; }
.leftcontrol .box .mtit em.on { transform-origin:center center;  transform: rotate(180deg);  transition: all .3s ease; }
.leftcontrol .box .list ul li { height:46px; line-height: 46px;  border-bottom:1px solid #f0f0f0; box-sizing: border-box; } 
.leftcontrol .box .list ul li a { display:inline-block; width:calc(100% - 60px); padding-left:60px; color:#666;   }
.leftcontrol .boxn { width:100%; background:#fff;  border-bottom: 1px solid #ddd;  }
.leftcontrol .boxn a { display:inline-block; width:100%; height:50px; background:#f9f9f9;  position:relative;   color:#333;  box-sizing: border-box; line-height: 50px; }
.leftcontrol .boxn a i {color:#000072; font-size: 0.46rem;    position: absolute; left:20px;}
.leftcontrol .boxn a span { font-size:0.38rem; color:#333;  padding-left:60px; }
.leftcontrol .boxn a b { font-weight: normal; padding:0 10px; line-height: 22px; background:#000072; color:#fff; font-size:14px; border-radius: 50px; position: absolute; right: 20px; top:14px; } 

.box4{    padding: 40px 15px 25px 15px; box-sizing:border-box;}
    .box4 .list ul li {
        float: left;
        width: calc(50% - 8px);
        background: #fff;
        margin-right: 15px;
        margin-bottom: 15px;
        border-top: 2px solid #00005b;
        box-shadow: 0 2px 20px rgba(0,0,0,.05);
        height: 80px;
    }
.box4 .list ul li .txt{float:right;width: 69%;}
.box4 .list ul li:nth-child(2n) { margin-right:0; }
.box4 .list ul li .txt h1{ padding-top:15px;}
.box4 .list ul li .pic{width:30px;height:30px;padding: 20px 8px 0 10px !important;}
.box4 .list ul li .pic img{ max-width:35px;}
.box4 .list ul li .pic i { font-size:30px;}
.box4 .list ul li .txt h1{ font-size:14px;font-weight:800;}
.box4 .list ul li .txt p{ font-size:12px;}

.footer .ftinfo .ftbox1{ display:none}
.footer .ftinfo .ftbox2{ margin:0 auto; float:none; width:100%}
.footer .ftinfo .ftbox2 ul li{ display:inline-block; margin:0 auto;}
.footer .ftinfo .ftbox2 ul{    display: flex;
    justify-content: center;
    align-items: center;}
.footer .ftinfo .ftbox3{ margin:0 auto; float:none;}
.footer .ftinfo .ftbox4{ margin:0 auto; float:none;width:60%}
.footer .ftinfo .ftbox4 .facebook{float:none;width:100%;}
.footer .ftinfo .ftbox4 .facebook .w{ width:85%;}
.footer .cpr p{ text-align:center; line-height:1.5;}
.cpr .fr{ float:none;}
.cbanner .txt p{ font-size:14px;}
.cbanner .txt h1{ font-size:24px;}
.bieg{}
.sb01>h2{ font-size:18px;}
.bieg table { width:100%;table-layout: fixed;}
.sb01 ul li{ float:left; display:block; width:calc((100% - 6%)/4); margin-right:2%; margin-top:2%; text-align:center;}
.sb01 ul li:nth-child(6n) {
   margin-right:2%;
}
.sb01 ul li:nth-child(4n) {
    margin-right: 0% ;
}

.hou02 dl dd{    width:100%; margin-right:0}
    .hou02 dl dd ul li {
        width: calc((100% - 36%)/4);
    }
#xialai{margin-top:-106px; padding-top:106px;}

.jgjbg{ width:100%; overflow-x:scroll;}
.jgjbg .bxgs{ width:1200px;}
.jgjbg::-webkit-scrollbar {
        display: none;
    }	
	} 



.delu{ padding:1% 4%;}
.delu>h2{ color:#023467; display:block; font-size:26px;}
.xit{ background:#e7f0f7;    display: flex;justify-content: space-between; align-items:flex-start;}
.xit .img{ width:60%; display:block}
.xit .img img{ width:100%;}
.xit01{width:40%;background:#02609e;color:#fff;box-sizing:inherit;padding: 43px 1% 1% 1%;}
.xit02{border:1px solid #fff;padding:6% 5%;position: relative;min-height: 30vh;}
.xit02 h3{display:inline-block;background:#02609e;padding:0 10px;position: absolute;top: -24px;font-size: 25px;}
.xit02 ul li{ margin-bottom:4%;}
.xit02 ul li span{ display:block; font-size:16px;}
.xit02 ul li .input_text{ line-height:34px; border:none; border-radius:5px; display:block; margin-top:4px; width:100%;outline:none;text-indent: 10px;border:2px solid #aecfe2}
.xit02 ul li em{ font-style:normal; font-size:14px;}
.xit02 a{ background:#e0f2ff; display:inline-block; padding:10px 20px; color:#023467; border-radius:5px; border:2px solid #aecfe2}

.zhuangzi{ text-align:left; background:#023467; padding:4px; box-sizing:border-box;color:#fff;}
.zhuangzi a{ color:#fff;text-decoration:underline;}
.zhuzhi{ width:120px;}
.zhuangzi table {}
.zhuangzi table tr td{ color:#b3ddff}

.delu .but{ margin-top:10px; color:#000; font-size:14px; display:block;}

.hou05{ width:100%; }
.sohe{    position: sticky;  top: 0; left: 0; width: 100%; background:#fff; padding:2%; box-sizing:border-box;}
.sohe h2{font-size: 31px;color:#000;display:block;font-weight: bold;}
.sohe em{font-style:normal;display:inline-block;color:#000072;font-size: 12px;padding:4px 6px;border-radius:5px;border: 1px solid #000072;margin-top: 1%;}
.sohe span{display: flex;align-items: center;font-size:14px;color:#333;margin-top: 1%;}
.sohe span img{ margin-right:10px; width:22px;}
.sohe strong{display: flex;align-items: center;margin-top: 1%;font-size:14px;color:#333}
.sohe strong i{ display: flex; align-items: center; font-style:normal; margin-right:10px}
.sohe strong img{ margin-right:10px; width:22px;}
 
.gue{ display:block;  width:100%}
.gue ul li{ margin-bottom:4%}
.gue ul li .tiekt{background:url(../images/deee.png) left center no-repeat;background-size: 150px 60px;}
.gue ul li .tiekt h2{font-size:18px;color:#fff;display:block;padding-top: 37px;padding-left: 41px;padding-bottom: 15px;}
.gue ul li .tpini{ width:100%;}
.gue ul li .tpini img{ width:100%;}

.gue ul li .xiebt{ width:100%; height:500px; overflow-y:scroll; }
.gue ul li .xiebt a{ display:block;}
.gue ul li .xiebt img{ width:100%; height:auto;}
.gue ul li em{ font-style:normal; display:block; text-align:right; font-size:14px; color:#666; margin-top:2%}
/* 
.gue ul li .xiebt::-webkit-scrollbar {
        display: none;
    }
 */


@media only screen and (max-width: 980px) {
	.delu>h2{ font-size:20px;}
	.xit{ display:block;}
	.xit .img{ width:100%;}
	.xit01{ width:100%; box-sizing:border-box;}
	.sohe h2{ font-size:18px;}
	.gue ul li{ margin-bottom:5%}
	.gue ul li .xiebt{ height:200px;}
	}