html, body { color: #666; background-color: #fff; font-size: 14px; }
.w1200 { width: 1200px; margin: 0 auto; position: relative; }
.w1300 { width: 1300px; margin: 0 auto; position: relative; }
a { color: #666; transition: color 0.3s ease 0s; }
    a:hover { color: #2b5e89; }
ul:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
/*.header-wrap { position: fixed; top: 0; width: 100%; opacity: 1; filter: alpha(opacity=0); -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; background: #fff; box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); z-index: 100; }
    .header-wrap .top-link { line-height: 40px; height: 40px; width: 880px; position: absolute; right: 0; top: 0; background-color: #02798f; z-index: 3; }
        .header-wrap .top-link .search-sub { width: 382px; padding-top: 19px; height: 63px; background-color: #fff; position: absolute; right: 0; top: 30px; display: none; z-index: 13; }
        .header-wrap .top-link .top-tel {font-size:16px;color:#fff;font-weight:bold; }
        .header-wrap .top-link .search-box { margin-left: 40px;margin-top:6px;margin-right:10px; }
            .header-wrap .top-link .search-box .tex { border: 1px solid #bebebe; font-size: 14px; height: 14px; line-height: 14px; padding: 6px 4px 6px; width: 194px; }
            .header-wrap .top-link .search-box .sub-btn { border: none; width: 86px; height: 28px; background-color: #2b5e89; color: #fff; font-size: 14px; line-height: 28px; text-align: center; }
        .header-wrap .top-link .mobile-sub { width: 150px; height: 150px; position: absolute; right: 168px; top: 30px; display: none; z-index: 10; }
.search-bg-alert { position: fixed; left: 0; top: 0; width: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50); z-index: 12; height: 100%; display: none; }
.header-wrap .link { margin-right: 50px; font-size: 14px; font-weight: bold; }
    .header-wrap .link a { color: #fff; display: inline-block; float: left; }
    .header-wrap .link .line { display: inline-block; float: left; width: 1px; height: 12px; background-color: #fff; margin: 10px 18px 0; }
.header-wrap .logo { display: inline-block; margin-top: 5px; margin-left: 50px; width: 354px; }
.header-wrap .nav { line-height: 42px; margin-top: 50px; position: relative; z-index: 2; }
    .header-wrap .nav li { font-size: 16px; padding-right: 10px; padding-left: 30px; padding-bottom: 20px; position: relative; float: left; }
    .header-wrap .nav a.tit { color: #000; padding-right: 24px; background: url(../img/ico_04.png) no-repeat right center; display: inline-block; }
    .header-wrap .nav li:first-child a.tit { background: none; padding: 0; }
    .header-wrap .nav li:hover a.tit,.header-wrap .nav li.cur a.tit  { color: #2b5e89;font-weight: bold; }
    .header-wrap .nav .sub-box { position: absolute; left: 0px; top: 100%; width: 170px; font-size: 16px; line-height: 30px; display: none;  background-color: #f3f9f5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; overflow: hidden; }
        .header-wrap .nav .sub-box p { width: 150px; line-height: 42px; margin: 0 auto; padding: 0 10px; transition: background 0.3s ease 0s; }
            .header-wrap .nav .sub-box p:hover { background-color: #2b5e89; }
                .header-wrap .nav .sub-box p:hover a { color: #fff; border-bottom: 1px solid #2b5e89; }
            .header-wrap .nav .sub-box p:last-child a { border-bottom: none; }
        .header-wrap .nav .sub-box a { display: inline-block; color: #333; padding-left: 20px; width: 130px; border-bottom: 1px solid #d4d4d4; }
            .header-wrap .nav .sub-box a:hover { color: #2b5e89; }*/


.head { background: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; }
.box { width: 1200px; margin: 0 auto; }
h1 { float: left; line-height: 80px; }
    h1 img { transition: all 0.5s ease 0s; }
.head_inner { height: 80px; transition: all 1s ease 0s; }
.nav_ul { float: right; line-height: 80px; }
    .nav_ul li { padding: 0 30px; float: left; }
        .nav_ul li a { font-size: 14px; display: block; color: #333; transition: all 0.5s ease 0s; }
.search { float: right; width: 18px; line-height: 80px; margin-left: 30px; position: relative; }

#search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; position: absolute; top: 80px; right: 0; width: 320px; max-height: 0; overflow: hidden; background-color: #e1e4e7; }
.fixed #search-form { top: 60px; }
#search-form.open { max-height: 60px; }
#search-form fieldset { position: relative; padding: 0; border: none; }
#search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 50px; font-family: '微软雅黑'; }
    #search-form input[type="text"] { width: 100%; padding: 0 5px 0 22px; background: transparent; border: none; outline: none; }
    #search-form input[type="submit"] { position: absolute; bottom: 0; right: 0; width: 60px; margin: 0;padding: 0; font-weight: 700; text-transform: uppercase; color: #02798f; background: #c6cacd; border: none; cursor: pointer; outline: none; }

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}


.nav_ul li a:hover { font-weight: bold; color: #02798f; transition: all 0.5s ease 0s; }

.fixed .head_inner { height: 60px; transition: all 1s ease 0s; }
.fixed h1 { line-height: 60px; }
    .fixed h1 img { height: 45px; width: auto; transition: all 1s ease 0s; }
.fixed .nav_ul { line-height: 60px; }
.fixed .search { line-height: 60px; }

.index_body .head { background: none; }
.index_body .nav_ul li a { color: #fff; }

.nav_box { -webkit-animation: fadeInUp 0.5s linear 0s both; -moz-animation: fadeInUp 0.5s linear 0s both; animation: fadeInUp 0.5s ease 0s both; width: 100%; top: 80px; left: 0; display: none; padding: 20px 0; background: url(../img/navbj.png) left top; position: absolute; }
.nav_dl dt { float: left; background: url(../img/navline.jpg) left top no-repeat; height: 140px; width: 228px; padding-left: 28px; box-sizing: border-box; }
    .nav_dl dt .nav_h3 { height: 32px; line-height: 32px; font-size: 22px; padding-top: 42px; color: #02798f; }
    .nav_dl dt .nav_i { display: block; height: 20px; line-height: 20px; font-size: 14px; font-family: 'Arial'; color: #c7c7c7; text-transform: uppercase; }
.nav_dl dd { float: left; width: 972px; padding-top: 48px; }
    .nav_dl dd a { display: block; margin-left: 43px; width: auto; min-width: 200px; box-sizing: border-box; padding: 0 10px 0 0; height: 42px; line-height: 42px; text-indent: 5px; float: left; margin-bottom: 20px; overflow: hidden; background: url(../img/navli.png) right center no-repeat; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; font-size: 14px; color: #666666!important; }
.nav_ul li:hover .nav_box { display: block; }
.nav_ul li .nav_box a:hover { font-weight: normal; color: #02798f!important; }
.fixed .nav_box { top: 60px; }
.flex-control-nav {  display: none}
.flex-direction-nav{ display: block; }
.flex-prev{ display: block;background: url(../img/banner_left.png) center center no-repeat; font-size: 0; width: 58px; height: 58px; position: absolute; left: 60px; top: 50%; margin-top: -29px; z-index: 99 }
.flex-next{ display: block;background: url(../img/banner_right.png) center center no-repeat; font-size: 0; width: 58px; height: 58px; position: absolute; right: 60px; top: 50%; margin-top: -29px; z-index: 999 }
.flexslider {position: relative;width: 100%;height:600px;margin:0 auto; overflow:hidden;}
.slides {}
.slides li .banner_img{ width:1920px; height:600px;}
.slides li { position:relative;}
.slides li img{transition: 8s ease 0s;}
.slides {width:1920px; height:600px;position: absolute;left: 50%;margin-left: -960px;}
.slides li.flex-active-slide img{ transition: 8s ease 0s; transform: scale(1.15,1.15); }



.i-zero-wrap { background: #fff; }


.i-wrap { background: #fff; max-width: 1300px; margin: 0 auto; }

.schW { width: 100%; height: 58px; overflow: hidden; border-top: 1px solid #FFF; }
.sch { width: 1080px; height: 50px; color: #da251c; clear: both; line-height: 30px; padding: 8px 60px 0; overflow: hidden; margin: 0 auto; background: url(../img/sch_bg.png) no-repeat center; overflow: hidden; }
    .sch a { color: #da251c; display: inline-block; padding: 0 6px; }
        .sch a:hover { color: #da251c; text-decoration: underline; }


.i-fir-wrap { padding-top: 50px; padding-bottom: 60px; background: #d0eff5;overflow: hidden; }


.dcap{ background: #eeeaff; border-bottom: 1px solid #ebdff3; }
.index_tit{ text-align: center; }
.index_tit h3{ font-size:30px; height: 40px; line-height: 40px;  }
.i_tit{ font-family: 'Arial'; font-size: 14px; color: #02798f; text-transform: uppercase;font-style:normal; }
.dcap_inner{ padding:48px 0 80px 0;  }
.dcap_div{ margin-top:28px; position: relative; height: 450px;  }
.dcap_scroll{ position: absolute; left: 0; top: 0; width: 1200px; height: 450px; overflow: hidden; }
.dcap_ul li{ float: left; width: 1200px; }
.dcap_dl{ background: #fff; width: 100%; }
.dcap_dl dt{ background: #02798f; width: 500px; height:450px; float: left; padding-left: 45px; box-sizing: border-box; line-height: 450px;  }
    .dcap_dl dt a {width: 505px; height: 356px;display:block;text-align:center;background:#fff;overflow:hidden;margin-top:47px;}
.dcap_dl dt img{width: 505px; overflow: hidden;margin-top:-74.5px;}
.dcap_dl dd{ float: right; width: 574px; margin-right:20px  } 
.dcap_tit{ display: block; padding-top: 52px; height:98px; line-height: 98px; overflow: hidden; color: #02798f; font-size: 26px;  }
.gai_left{ float: left; width: 111px; font-size:18px; color: #666; line-height: 40px;  }
.gai_right{ height: 84px; overflow: hidden; line-height:28px; font-size: 14px; color: #999999; float: right; width:462px;   }
.gai_i{ color: #f1501a; font-size:14px; font-weight: bold; margin-left: 10px; line-height: 40px;  }
.dcap_see{ display: block; width: 144px;background: url(../img/index2.jpg) 111px center no-repeat;  height: 42px; line-height: 42px; border: 1px solid #5b40db; margin-top: 20px; text-indent:25px; font-size: 14px; color: #5b40db }
.dcap_sub{ position: absolute; background: #fff; width:71px; height: 32px; z-index: 999;  right: 23px; bottom: 64px; }
.left_sub{ display: block;background: url(../img/pro_left.jpg) left center no-repeat; width: 34px; height: 32px; float: left; margin-right: 3px; }
.right_sub{ display: block;background: url(../img/pro_right.jpg) left center no-repeat; width: 34px; height: 32px; float: left;  }








.i-sec-wrap { background: #fff; padding-top: 50px; padding-bottom: 60px;overflow: hidden; }


.news_inner{ margin:26px 0 56px -30px;  }
.jour_dl{ float: left; width: 378px; border: 1px solid #ededed; position: relative; height: 236px; margin-left: 30px; overflow: hidden; padding: 0 26px; box-sizing: border-box; }
.jour_dl .news_tit{ display: block;transition: all 0.5s ease 0s; height:50px; line-height: 50px; overflow: hidden; padding-top: 10px; font-size: 16px;  }
.news_zi{ height:52px; line-height: 26px; overflow: hidden; color: #999999; font-size: 14px;  }
.news_xin{ height:68px; transition: all 0.5s ease 0s; position: relative;  line-height: 68px; border-bottom: 1px solid #ededed;  font-size: 16px; color: #666666; }
.newsdai{ font-size: 22px; margin-right: 10px;font-style:normal; }
.jour_dl dd a{ height: 55px; line-height: 55px; color: #999999; font-size: 14px;background: url(../images/dl.jpg) right center no-repeat; display: block; }
.jour_dl:hover  .news_tit{ color: #02798f; transition: all 0.5s ease 0s; }
/* .jour_dl:hover .news_xin{ border-bottom: 1px solid #02798f; transition: all 0.5s ease 0s;  } */
.news_xin:after{transition: all 0.5s ease 0s;content: "";display: block;background-color: #02798f;bottom: 0px; position: absolute; width: 0; height: 1px;}
.jour_dl:hover  .news_xin:after{ transition: all 0.5s ease 0s; width: 100% }
.rahmen{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;}
.rahmen i{display: block;position: absolute;background:none;}
.rahmen i:after{transition: all .3s linear;content: "";display: block;background-color: #02798f;position: absolute;transform: translateZ(0);}
.rahmen .top{height: 1px;width: 100%;top: 0;left: 0;}
.rahmen .right{width: 1px;height: 100%;right: 0;top: 0;}
.rahmen .bottom{height: 1px;width: 100%;bottom: 0;right: 0;}
.rahmen .left{width: 1px;height: 100%;left: 0;bottom: 0;}
.rahmen .top:after{top: 0;left: 0;width: 0;height: 1px;transition-delay: 1.2s;}
.rahmen .right:after{right: 0;top: 0;width: 1px;height: 0;transition-delay: .9s;}
.rahmen .bottom:after{bottom: 0;right: 0;width: 0;height: 1px;transition-delay: .6s;}
.rahmen .left:after{bottom: 0;left: 0;width: 1px;height: 0;transition-delay: .3s;}
.rahmen:hover i:after{ width: 100%; height: 100%; }
.efctul i:after,.cozy_right i:after,.cozy_left i:after{transition: all .3s linear;content: "";display: block;background-color: #f47073;position: absolute;transform: translateZ(0);}









.i-thi-wrap { padding-top: 30px; height: 529px; background:url(../img/sysbj.jpg) center top no-repeat;overflow: hidden; }

.i-about { padding: 30px 0 0px; }
.gs_pic { width: 42%; float: right; }
    .gs_pic img { width: 100%; margin: 0 auto; display: block; float: right; }
.gs_text { width: 52%; float: left; }
.gs_text_con { height: 168px; overflow: hidden; margin-bottom: 15px; }

.about_item { padding-top: 20px; }
a.more { cursor: pointer; width: 180px; border: 1px solid #02798f; display: block; margin: 0 auto; height: 45px; text-align: center; line-height: 45px; }
    a.more:hover { border: 1px solid #02798f; }

a.alphatrans { transition: all 0.8s; color: #ffffff; background: #02798f; }
    a.alphatrans:hover { color: #02798f; background: #FFFFFF; }

a.alphatrans1 { transition: all 0.8s; }

.item_div { width: 33.33%; float: left; }
    .item_div > div { width: 80%; cursor: pointer; }

        .item_div > div .item_img { width: 40%; overflow: hidden; position: relative; margin: 0 auto; }
            .item_div > div .item_img img { transition: top 0.5s ease; position: absolute; left: 0px; top: 0px; width: 100%; }
        .item_div > div:hover .item_img img { top: -100%; }


        .item_div > div .item_content { width: 100%; text-align: center; margin-top: 5px; }
            .item_div > div .item_content span { display: block; }
                .item_div > div .item_content span:nth-child(1) { font-size: 1.2em; }
        .item_div > div:hover .item_content span:nth-child(1), .item_div > div:hover .item_content span:nth-child(2) { color: #02798f; }
        .item_div > div .item_content span:nth-child(2) { }



.i-fou-wrap {overflow: hidden; }

.link_tit{ text-align: center; }
.link_tit h3{ font-size: 26px; height: 40px; line-height: 40px; }
.link_i{ display: block; width:54px; height: 2px; background: #02798f; margin:16px auto 0;  }
.link_div{ margin:44px 0 80px 0; height: 82px; position: relative;  }
.link_scroll{ width: 1148px; height: 82px; overflow: hidden; position: absolute; left: 50%; top: 0; margin-left: -574px }
.link_ul{ width: 10000px; }
.link_ul li{ transition: all 0.5s ease 0s; float: left; width: 218px; height: 80px; overflow: hidden; border: 1px solid #dedede; margin-right: 12px; }
.link_left{ display: block;background: url(../img/link_left.png) right center no-repeat; width: 24px; height: 24px; position: absolute; left: -40px; top:27px  }
.link_right{ display: block;background: url(../img/link_right.png) right center no-repeat; width: 24px; height: 24px; position: absolute; right: -40px; top:27px  }
.link_ul li img{ width: 218px; height: 80px; overflow: hidden;transition: all 1s ease 0s; }
.link_ul li:hover img{ transition: all 1s ease 0s; transform: scale(1.2,1.2); }
.link_ul li:hover{ border: 1px solid #02798f; transition: all 0.5s ease 0s; }




.fttop { width: 100%; padding-top: 50px; padding-bottom: 50px; background: url(../img/foot_bg.jpg) no-repeat center; }
.botlink { width: 660px; }
    .botlink dl { width: 220px; }
        .botlink dl dt { color: #fff; font-size: 22px; margin-bottom: 20px; }
        .botlink dl dd { line-height: 32px; }
            .botlink dl dd a { color: #e5e5e5; font-size: 14px; }
                .botlink dl dd a:hover { color: #fff; transition: all 0.5s; }

.focus { width: 165px; }
    .focus h2 { font-size: 22px; color: #fff; margin-bottom: 20px; }
.share { padding-bottom: 20px; border-bottom: 1px #3c3c42 solid; }
    .share .bdsharebuttonbox a { display: inline-block; *zoom: 1; width: 40px; height: 40px; padding: 0; margin-right: 20px; }
        .share .bdsharebuttonbox a.bds_weixin { background: url(../img/wx.png) center no-repeat; background-size: cover; }
        .share .bdsharebuttonbox a.bds_tsina { background: url(../img/xl.png) center no-repeat; background-size: cover; }
.wcode img { width: 130px; }

.footlogo { width: 300px; }
    .footlogo img { position: absolute; top: 60px; right: 90px; }


.hotline { padding-top: 24px; display: none; }
    .hotline p { font-size: 16px; color: #adadaf; line-height: 24px; }
        .hotline p.telnum { color: #fff; font-size: 24px; padding-top: 14px; }
.ftbot { background-color: #000000; border-top: 2px solid #02798f; }
    .ftbot .w1200 { padding: 16px 0; }
    .ftbot p { font-size: 14px; color: #bfbfbf; }
        .ftbot p a { color: #bfbfbf; }
            .ftbot p a:hover { color: #fff; transition: all 0.5s; }

.copyright { margin-left: 35px; }
    .copyright a { padding: 0 5px; }

.ftlink { margin-right: 6px; }
    .ftlink a { padding: 0 20px; background: url(../img/ftlinkline.jpg) no-repeat right center; background-size: 1px 10px; }
        .ftlink a:last-child { background: none; }




/*.contact-wrap { background-color: #f6f6f6; padding-top: 50px; padding-bottom: 50px; }
    .contact-wrap h4 { font-size: 18px; line-height: 30px; font-weight: bold; font-family: "Base-font"; padding-bottom: 13px; border-bottom: 1px solid #e3e3e3; color: #333; }
    .contact-wrap .address { margin-right: 90px; width: 600px; }
        .contact-wrap .address img { width: 150px; margin-top: 30px; }
        .contact-wrap .address .cont { padding-top: 25px; width: 400px; }
            .contact-wrap .address .cont .stt { font-weight: bold; }
            .contact-wrap .address .cont p { line-height: 24px; font-size: 14px; color: #666; }
    .contact-wrap .weixin { margin-right: 90px; width: 210px; }
        .contact-wrap .weixin .wx-img { padding-top: 26px; }
    .contact-wrap .mobile { width: 210px; }
        .contact-wrap .mobile .wx-img { padding-top: 26px; }

.footer-wrap { background-color: #222; padding-top: 20px; padding-bottom: 20px; }

    .footer-wrap .top-wrap { padding-bottom: 15px; border-bottom: 1px solid #393939; }
        .footer-wrap .top-wrap .nav { line-height: 40px; }
            .footer-wrap .top-wrap .nav a { display: inline-block; font-size: 14px; float: left; color: #fff; opacity: 0.4; filter: alpha(opacity=40); transition: opacity 0.3s ease 0s; }
                .footer-wrap .top-wrap .nav a:hover { opacity: 1; filter: alpha(opacity=100); }
            .footer-wrap .top-wrap .nav .line { display: inline-block; float: left; width: 1px; height: 10px; background-color: #fff; opacity: 0.4; filter: alpha(opacity=40); margin: 16px 20px 14px; }
        .footer-wrap .top-wrap .call { line-height: 40px; margin-top: 2px; display: inline-block; color: #fff; opacity: 0.4; filter: alpha(opacity=40); }
    .footer-wrap .bot-wrap { line-height: 42px; padding-top: 10px; font-size: 12px; }
        .footer-wrap .bot-wrap p { color: #7a7a7a; text-transform: uppercase; }
            .footer-wrap .bot-wrap p.fr img { height: 42px; }
        .footer-wrap .bot-wrap a { color: #7a7a7a; transition: all 0.3s ease 0s; }
            .footer-wrap .bot-wrap a:hover { color: #fff; }
        .footer-wrap .bot-wrap .site-img { display: inline-block; margin-right: 8px; }*/
.yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; }
.yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden; }
.yb_bar .yb_top { background: #2b5e89 url(../img/rightbar.png) no-repeat 0 0; }
.yb_bar .yb_phone { background: #2b5e89 url(../img/rightbar.png) no-repeat 0 -57px; }
.yb_bar .yb_QQ { text-indent: 0; background: #2b5e89 url(../img/rightbar.png) no-repeat 0 -113px; }
.yb_bar .yb_ercode { background: #2b5e89 url(../img/rightbar.png) no-repeat 0 -169px; }
.hd_qr { padding: 0 29px 25px 29px; }
.yb_QQ a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff; }