/* ==========================================================================



   Global



   ========================================================================== */
html { font-size: 62.5%; }
a { color: #666; }
a:hover { color: #365da8; }
body { color: #333; font: 12px/1.7 microsoft yahei, Arial, Helvetica, sans-serif; background: #fff; }
.wrapper { max-width: 1200px;        /*min-width: 980px; */ _width: 1200px; padding: 0 10px; margin-left: auto; margin-right: auto; }
.wrapper:after, .row:after { content: ""; display: table; clear: both; }

/* arrow */
.arrow { position: absolute; top: 50%; margin-top: -4px; }
.arrow * { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }

/* arrow-right */
.arr-r * { border-left-style: solid; border-width: 4px 0 4px 4px; }
.arr-r em { left: 1px; }
.arr-r span { border-left-color: #3675bb; }
.tri { position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }

/* ==================================



   menu



   ================================== */
.menu { position: relative; }

/* menu-hd */
.menu-hd { position: relative; z-index: 1002; overflow: hidden; height: 30px; line-height: 30px; padding: 0 20px 0 6px; }

/* menu-bd */
.menu-bd { display: none; position: absolute; z-index: 1001; margin-top: -1px; }
.menu-bd-panel { padding: 5px 0; border: 1px solid #eee; background: #fff; min-width: 96px; }
.menu-bd-panel a { display: block; padding: 0 5px; line-height: 28px; white-space: nowrap; color: #6C6C6C }

/* menu arrow */
.menu-hd .fa-caret-down { -webkit-transition: .3s ease-in; -moz-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; position: absolute; height: 30px; line-height: 30px; top: 0; right: 6px; }

/* menu hover */
.menu-hover .menu-hd { z-index: 10002; }
.menu-hover .menu-bd { z-index: 10001; }
.menu-hover .menu-hd { padding: 0 19px 1px 5px; border-width: 0 1px; border-style: solid; border-color: #eee; background: #fff; }
.menu-hover .menu-hd .fa-caret-down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.menu-hover .menu-bd-panel a:hover { background: #eee; }

/* search */
.navigation { height: 26px; position: absolute; right: 20px; top: 30px; z-index: 99999; font-size: 12px; }
.navigation a { margin-right: 10px; }
.navigation .fa-envelope-o { color: #365da8; }
.navigation .fa-desktop { color: #365da8; }
@media only screen and (max-width:767px) {
    .navigation a.email, .navigation a.oa { display: none; }
    .navigation { height: 48px; position: absolute; right: 0; top: 0; line-height: 48px; }
    .navigation a.globg { width: 48px; height: 48px; text-align: center; display: inline-block; margin-right: 0; }
}

/* ==========================================================================



   Header



   ========================================================================== */
header { }
header .wrapper { min-height: 80px; position: relative; z-index: 99; }
.logo { position: absolute; left: 10px; width: 30%; height: 86px; overflow: hidden; text-align: left; line-height: 86px; }
.logo img { max-width: 100%; }
@media only screen and (max-width:767px) {
    .logo { display: none; }
}
@media only screen and (max-width:1320px) {
    .logo a img { display: none; }
    .logo a { display: block; margin-top: 23px; margin-left: 5px; width: 180px; height: 40px; text-indent: -9999px; overflow: hidden; background: url(logo.png) left center no-repeat; background-size: auto 40px; }
}

/* ==========================================================================



   Nav



   ========================================================================== */

/* primary */







.globalnav { position: absolute; z-index: 999; right: 0; top: 16px; }
.globalnav li { float: left; }
.globalnav li a { display: block; color: #444; padding: 0 20px; font-size: 14px; line-height: 42px; font-family: microsoft yahei; }
.globalnav .nav-sep { width: 2px; height: 42px; background: url(nav-sep.gif) no-repeat 0; }
.globalnav .active a, .globalnav li .active1 { color: #365da8; }
.dropdown { position: absolute; z-index: 999; background: #fff; background: rgba(255, 255, 255, .9); display: none; padding: 15px 20px; border-bottom: 3px solid #365da8; margin-left: -65px; top: 100%; min-width: 150px; }
@media (min-width:768px) {
    .active1 + .dropdown { top: 56px; }
}
.dropdown:after { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-top-style: solid; border-width: 5px 5px 0; border-top-color: #365da8; left: 50%; margin-left: -5px; top: -5px; }
.dropdown a {    /*    white-space: nowrap;*/



line-height: 30px; font-size: 14px; float: left; padding: 0; color: #000; background: none; border-bottom: 0 none; width: 90%; display: block; text-align: left; }
@media (max-width:767px) {
    .dropdown a {        /*    white-space: nowrap;*/



    font-size: 16px; width: 50%; text-align: left; }
    .dropdown { min-width: calc(100% - 40px); }
}
.dropdown a .fa { font-size: 12px; line-height: 30px; color: #ccc; padding-right: 5px; }
.dropdown a:hover, .dropdown a:hover .fa { color: #365da8; }

/* ==================================



   banner



   ================================== */
.banner { height: auto; overflow: hidden; margin-top: 86px; position: relative; }
.banner .swiper-slide .pic { height: auto; overflow: hidden; }
.bannermo { display: none; }
.bannerpc { display: block; }
.banner .swiper-slide img { max-width: 100%; }
.banner .swiper-button-next, .banner .swiper-button-prev { width: 53px; height: 103px; }
.banner .swiper-button-next { background: url(br.png) no-repeat left top; }
.banner .swiper-button-prev { background: url(bl.png) no-repeat left top; }
.banner .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border: 2px solid #fff; border-radius: 100%; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#33FFFFFF', endColorstr='#33FFFFFF'); background: rgba(255, 255, 255, 0.2); opacity: 0.8; }
.banner .swiper-pagination-bullet-active { opacity: 1; background: #fff; }
@media only screen and (max-width:767px) {
    .bannerpc { display: none; }
    .bannermo { display: block; }
    .banner { margin-top: 0; }
    .banner .swiper-button-next, .banner .swiper-button-prev { display: none; }
}

/* ==========================================================================
   Content
   ========================================================================== */
.hidden { display: none; }
/* ==========================================================================
   home_about
   ========================================================================== */
.home_quickbox { }
.home_quickbox .mode { width: 25%; height: 300px; overflow: hidden; float: left; position: relative; }
.home_quickbox .mode .pic { width: 100%; height: 300px; text-align: right; transition: transform 1s; }
.home_quickbox .mode:hover .pic { transform: scale(0.95); background: #00a8ec; }
.home_quickbox .mode .pic .img { width: 100%; height: 100%; }
.home_quickbox .mode .txtarea { padding: 15%; position: absolute; left: 0; top: 0; z-index: 99; color: #365da8; }
.home_quickbox .mode .txtarea h2 { font: 300 18px/28px microsoft yahei; }
.home_quickbox .mode .txtarea .txten { font: 300 20px/35px microsoft yahei; margin-bottom: 10px; }
.home_quickbox .mode .txtarea .more a { width: 100px; height: 36px; display: block; font: 300 12px/36px microsoft yahei; background: #365da8; color: #fff; text-align: center; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.home_quickbox .mode:hover .txtarea { color: #fff; }
.home_quickbox .mode:hover .txtarea .more a { background: #fff; color: #365da8; }
.home_quickbox .mode .txtarea .more a:hover { filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); background: rgba(255, 255, 255, 0.6); }
@media only screen and (max-width:980px) {
    .home_quickbox .mode { width: 50%; }
}
@media only screen and (max-width:767px) {
    .home_quickbox .mode { width: 100%; }
}
.home_about { padding: 40px 0; }
.home_about .wrapper { max-width: 1600px; margin: 0 auto; }
.home_about .tit01 { font: 300 35px/40px microsoft yahei; color: #282828; text-align: center; }
.home_about .ms { font: 300 14px/24px microsoft yahei; color: #707070; text-align: center; width: 80%; margin: 20px auto 60px auto; }
.aboutbox .pic { width: 49%; float: left; height: 510px; overflow: hidden; }
.aboutbox .pic img { transition: transform 2s; }
.aboutbox .pic:hover img { transform: scale(1.1); }
.aboutbox .txtarea { width: 50%; float: right; background: #f7f7f7; height: 510px; }
.aboutbox .txtarea .warp { padding: 8%; }
.aboutbox .txtarea h2 { font: 300 25px/35px microsoft yahei; color: #282828; margin-bottom: 30px; }
.aboutbox .txtarea .desc { font: 300 16px/24px microsoft yahei; color: #707070; margin-bottom: 30px; max-height: 216px; overflow: hidden; }
.aboutbox .txtarea .more a { width: 126px; height: 36px; display: block; font: 300 12px/36px microsoft yahei; color: #282828; text-align: center; border: 2px solid #282828; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.aboutbox .txtarea .more a:hover { background: #282828; color: #fff; }
@media only screen and (max-width:767px) {
    .aboutbox .pic { width: 100%; float: left; height: auto; overflow: hidden; }
    .aboutbox .pic img { max-width: 100%; }
    .aboutbox .txtarea { width: 100%; float: right; background: #f7f7f7; height: auto; }
    .home_about .ms { margin-bottom: 20px; }
}
.home_quick02 { padding: 60px 0; background: url(countbg.jpg) no-repeat center top; background-attachment: fixed; }
.home_quick02 .wrapper { max-width: 1400px; }
.home_quick02 .mode { width: 25%; height: 160px; float: left; text-align: center; font: 300 28px/36px microsoft yahei; }
.home_quick02 .mode a { color: #365da8; width: 90%; height: 140px; overflow: hidden; display: block; padding: 10px 0; margin: 0 auto; transition: transform 1s; }
.home_quick02 .mode .inco { height: 80px; line-height: 80px; font-size: 50px; }
.home_quick02 .warp { margin: 0 15px; height: 160px; border-left: 3px solid #ecce63; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF'); background: rgba(255, 255, 255, 0.8); }
.home_quick02 .mode:hover a { transform: scale(1.1); filter: alpha(opacity=80); opacity: .8; }
@media only screen and (max-width:767px) {
    .home_quick02 .mode { width: 100%; float: none; margin-bottom: 20px; }
}

/* ==========================================================================



   home_news



   ========================================================================== */
.home_news { padding: 90px 0; background: #f7f7f7; }
.home_news .wrapper { max-width: 1600px }
.yqjsbox { width: 46%; height: 590px; overflow: hidden; float: left; }
.home_news .pic { position: relative; width: 100%; height: 400px; overflow: hidden; text-align: center; }
.home_news .pic img { height: 100%; transition: transform 2s; cursor: pointer; }
.home_news .pic img:hover { transform: scale(1.1); }
.yqjsbox .swiper-pagination-bullet { width: 6px; height: 6px; display: inline-block; border: 1px solid #fff; border-radius: 100%; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#33FFFFFF', endColorstr='#33FFFFFF'); background: rgba(255, 255, 255, 0.2); opacity: 0.8; }
.yqjsbox .swiper-pagination-bullet-active { opacity: 1; background: #fff; }
.home_news .txtarea h2 { color: #365da8; font: 300 28px/35px microsoft yahei; margin: 30px 0 15px 0; }
.home_news .txtarea .desc { font: 300 14px/24px microsoft yahei; margin-bottom: 15px; height: 48px; overflow: hidden; }
.home_news .txtarea .more a { width: 126px; height: 36px; display: block; font: 300 12px/36px microsoft yahei; color: #333; text-align: center; border: 2px solid #a7a7a7; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.home_news .txtarea .more a:hover { color: #365da8; border: 2px solid #365da8; }
.hrbox { width: 25%; height: 590px; overflow: hidden; float: left; margin-left: 2%; }
.hnewsbox { width: 25%; height: 590px; overflow: hidden; float: right; margin-left: 2% }
.newsMenu { width: 100%; height: 400px; overflow: hidden; }
.newsMenu .mode01 { width: 100%; height: 400px; }
.newsMenu .mode01 .pic { position: relative; width: 100%; height: 400px; overflow: hidden; text-align: center; }
.newsMenu .mode01 .pic img { height: 100%; transition: transform 2s; cursor: pointer; }
.newsMenu .mode01 .pic img:hover { transform: scale(1.1); }
.newsMenu .mode02 { width: 49%; height: 400px; float: right; }

/*.newsMenu h3{ height:60px; line-height:60px;border-bottom:1px solid #e6e6e6; background:#fff; cursor:pointer;



margin-bottom: 10px;color: #282828;}



.newsMenu h3 .date{font-size: 25px;width:80px;padding-left: 20px; overflow: hidden;float: left; height: 60px;}



.newsMenu h3 .tit01{width: calc(100% - 140px); height: 60px;font:normal 16px/60px microsoft yahei; float: left; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}



.newsMenu h3.on{background: #01a8ec;color: #fff;}



.newsMenu h3 em{ float:right; display:block; width:16px; height:16px;margin: 23px 10px 0 0; background:url(icoAdd.png) center top no-repeat; cursor:pointer; }



.newsMenu h3.on em{ background-position:center bottom; }



.newsMenu .nwms{font: 300 14px/24px microsoft yahei; height: 96px;padding:10px 10px 0 10px ; overflow: hidden; margin-bottom:20px; }



.newsMenu .nwms a{color: #01a8ec;}*/
.hrpic { margin-bottom: 20px; height: 190px; overflow: hidden; width: 100%; text-align: center; }
.hrpic img { max-width: 100%; transition: transform 2s; cursor: pointer; height: 190px; }
.hrpic:hover img { transform: scale(1.1); }
@media only screen and (max-width:980px) {
    .yqjsbox { width: 100%; height: 590px; overflow: hidden; float: none; margin-left: 0; }
    .hrbox { width: 48%; }
    .hnewsbox { width: 100%; margin-top: 20px; }
}
@media only screen and (max-width:767px) {
    .home_news { padding: 40px 0; }
    .yqjsbox { height: auto; margin-bottom: 20px; }
    .newsMenu .mode01 { width: 100%; height: 400px; float: none; }
    .newsMenu { height: auto; }
    .newsMenu .mode02 { width: 100%; height: 400px; float: none; margin-top: 20px; }
    .hrbox { height: auto; }
    .hnewsbox { height: auto; }
}
.home_news02 { padding: 60px 0; background: url(news-bg.jpg) no-repeat center top; background-attachment: fixed; }
.home_news02 .wrapper { max-width: 1400px; }
.xwdtbox { }
.xwdtbox .hd { margin-bottom: 40px; text-align: center; }
.xwdtbox li { display: inline-block; font: 300 30px/35px microsoft yahei; color: #fff; padding: 10px 20px; padding-bottom: 12px; cursor: pointer; }
.xwdtbox li.on { border-bottom: 2px solid #fff; padding-bottom: 10px; }
.home_news02 .owl-buttons { display: none; }
.home_news02 .more { text-align: center; }
.home_news02 .more a { width: 126px; height: 36px; display: inline-block; font: 300 12px/36px microsoft yahei; color: #fff; text-align: center; border: 2px solid #365da8; background: #365da8; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }
.home_news02 .more a:hover { background: #3ea5ee; color: #fff; border: 2px solid #3ea5ee; }
.xwdtbox .bd { height: 400px; }
.xwdtbox .warp { padding: 0 10px; max-width: 320px; margin: 0 auto; }
.xwdtbox .warp .txtarea { height: 138px; overflow: hidden; margin-top: 15px; }
.xwdtbox .warp .txtarea h2 { color: #fff; font: 300 16px/24px microsoft yahei; }
.xwdtbox .warp .txtarea .desc { color: #919499; font: 300 14px/24px microsoft yahei; margin-top: 10px; height: 72px; overflow: hidden; }
.xwdtbox .warp .pic { height: 170px; overflow: hidden; }
.xwdtbox .warp .pic img { width: 100%; height: 100%; transition: transform 2s; cursor: pointer; }
.xwdtbox .warp .pic img:hover { transform: scale(1.1); }
@media only screen and (max-width:767px) {
    .xwdtbox li { color: #fff; font-size: 16px; padding-left: 10px; padding-right: 10px; }
}
.home_contact { padding: 60px 0; }
.home_contact .mode02 { margin-top: 40px; }
.home_contact .tit01 { color: #282828; font: 300 35px/40px microsoft yahei; text-align: center; margin-bottom: 40px; }
.home_contact .mode01 li { width: 25%; float: left; height: 72px; }
.home_contact .mode01 li .inco { width: 60px; height: 60px; font: 600 48px/60px microsoft yahei; color: #365da8; float: left; text-align: center; }
.home_contact .mode01 li .txtarea { width: calc(100% - 100px); padding-left: 20px; float: left; font: 300 14px/24px microsoft yahei; color: #282828; }
.home_contact .mode02 .fmod01 { width: 48%; float: left; }
.home_contact .mode02 .fmod02 { width: 48%; float: right; }
.fmod01 input, .medium-textarea { width: calc(100% - 42px); padding: 12px 20px; font-family: microsoft yahei; margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, .1) !important; font-size: 14px !important; line-height: normal }
.fmod01 input:focus { border: 1px solid rgba(0, 0, 0, .5) !important; }
.medium-textarea { height: 91px; }
.fmod02 .ui-btn { cursor: pointer; text-align: center; padding: 10px 10px; width: 100px; font-size: 12px; font-family: microsoft yahei; color: #fff; text-align: center; border: 0 none; background: #2e5ba5; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
@media only screen and (max-width:980px) {
    .home_contact .mode01 li { width: 50%; margin-bottom: 30px; }
}
@media only screen and (max-width:767px) {
    .home_contact .mode01 li { width: 100%; height: auto; }
    .home_contact .mode02 .fmod01 { width: 100%; float: none; }
    .home_contact .mode02 { margin-top: 0; }
    .home_contact .mode02 .fmod02 { width: 100%; float: none; }
}

/* ==========================================================================



   Footer



   ========================================================================== */
footer { color: #848484; font-size: 12px; background: #2c353f; font-family: microsoft yahei; padding: 60px 0 40px 0; }
footer a { color: #fff; }
footer a:hover { text-decoration: underline; }
.footer-nav { text-align: justify; }
.footer-nav:after { content: ""; width: 100%; display: inline-block; font-size: 0; line-height: 0; }
.footlogo { width: 270px; float: left; }
.footlogo img{width: 130px;margin-left: 48px;}
.footer-nav { width: calc(100% - 400px); float: right; }
.fn-col { display: inline-block; *display: inline; zoom: 1; vertical-align: top; *padding-right: 100px; }
.fn-col h3 { margin-bottom: 10px; font: 300 15px/24px microsoft yahei; }
.fn-col h3 a { color: #fff; }
.fn-col h3 a:hover { color: #fff; }
.fn-col ul { }
.fn-col li { line-height: 24px; }
.fn-col li a { color: #848484; }
.fn-col li a:hover { color: #fff; }
.footbd { line-height: 18px; padding: 20px 0; text-align: center; border-top: 1px solid #454d56; margin-bottom: 20px; }
.footbd a { color: #848484; }
.footbd .mode01 { float: left; }
.footbd .footshare { float: right; }
.footbd .footshare a { color: #707070; margin-left: 20px; font-size: 16px; }
.footlink { border-top: 1px solid #454d56; line-height: 30px; padding: 10px 0; color: #848484; }
.footlink a { color: #848484; margin: 0 5px; }
.footlink a:hover { color: #fff; }
.footlink span { color: #848484; }
.fixed-b { position: fixed; width: 100%; background: #333; bottom: 0; left: 0; display: none; z-index: 100; }
.fixed-b li { width: 25%; text-align: center; color: #fff; float: left; }
.fixed-b li a { display: block; border-right: 1px solid #454545; color: #fff; padding: 10px 0; }
.fixed-b li .fa { font-size: 24px; line-height: 30px; }
.fixed-b li:last-of-type a { border-right: 0 none; }
.fixed-b li a .txt { display: block; margin-top: 5px; }
@media only screen and (max-width:767px) {
    footer { padding: 20px 0 50px 0; }
    .fixed-b { display: block; }
    .footlogo { width: 100%; float: none; margin-bottom: 20px; }
    .footer-nav { text-align: left; }
    .footer-nav { width: 100%; float: none; }
    .fn-col { padding: 0 10px; }
    .fn-col ul { display: none; }
    .fn-col:nth-of-type(2) { width: auto; }
    .fn-col:nth-of-type(3) { width: auto; }
    .footbd { text-align: center; }
    .footbd .footshare { float: left; }
}
.toggle-btn { display: none; }
@media only screen and (max-width:767px) {
    .toggle-btn { display: block; position: absolute; right: 20px; top: 10px; transition: all 0.5s; }
    .inner-cont > p img { width: 100%; height: auto; }
    .gn-item:hover .toggle-btn { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
}