/*公用*/
@font-face {
  font-family: 'iconfont';  /* project id 394849 */
  /*src: url('../font/iconfont.eot');*/
  src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('../font/iconfont.svg#iconfont') format('svg');
}

@font-face {
  font-family: 'jc-iconfont';  /* project id 2237212 */
  src: url('//at.alicdn.com/t/font_2237212_gxapingman.eot');
  src: url('//at.alicdn.com/t/font_2237212_gxapingman.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2237212_gxapingman.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2237212_gxapingman.woff') format('woff'),
  url('//at.alicdn.com/t/font_2237212_gxapingman.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2237212_gxapingman.svg#iconfont') format('svg');
}




.iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.iconfont:hover{ text-decoration: none;}
.jc-iconfont { font-family:"jc-iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.jc-iconfont:hover{ text-decoration: none;}
img{ vertical-align: top; max-width: 100%;}
a:hover{ transition: all 0.15s ease 0s; text-decoration: none; color: #007fd0;}
.wrap{ position: relative; width: 1200px; margin: 0 auto;}

.phone.wza,.phone.slb{display:none;}


/*head*/
.header{ height: 112px; overflow: hidden;}
.logo{ padding-top: 15px}
.toprbox{ line-height: 40px;}
.toprbox a,.toprbox span{ margin-left: 30px;}
.searchbox{ float: right; width: 450px; height: 38px; line-height: 38px;}
.keyword { padding: 0 1%; width: 78%; height: 38px; border: 0; background-color: #95d4fd; color: #fff; font-size: 16px;}
.submitBtn { width: 20%; border: 0; background-color: #188ad3; color: #fff; cursor: pointer; font-size: 20px; font-weight: bold;}
.ipv6{ padding: 5px 8px; background: #e8e8e8;}

/*nav*/
.navbox{ height: 60px; line-height: 60px; background-color: #1283f7; z-index: 100;}
.navbox li{ float: left; width: 16.66%; text-align: center;}
.navbox li a{ display: block; font-size: 22px; color: #fff;}
.navbox li a.on,.navbox li a:hover{ background-color: #22beff;}

/*footer*/
.footer{ position: relative; padding: 10px 0; height: 128px; line-height: 28px; overflow: hidden; text-align: center; font-size: 12px;}
.footer span { margin: 0 10px;}
.footlinks a{ margin: 0 3px; display: inline-block;}
.signbox{ position: absolute; left: 0; top: 25px;}
.codebox{ position: absolute; right: 0; top: 6px; text-align: center; line-height: 20px;}

/*container*/

.container{ margin-top: -50px; padding: 70px 0 20px; background-image: url(../images/bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-color: #b1def1; background-attachment:fixed; background-size: 100% auto;}



.whitebg{ background-color: #fff; padding: 10px;}

.tabhead{ height: 36px; line-height: 36px;}
.tabhead a{ display: block; float: left; font-size: 16px; color: #1b1b1b; text-align: center; cursor: pointer;}
.tabhead a:hover, .tabhead a.on{ color: #007fd0;}
.tabhead a:hover span, .tabhead a.on span{ display: inline-block; border-bottom: 2px solid #007fd0; font-weight: bold;}
.tabhead.col2 a{ width: 50%;}
.tabhead.col3 a{ width: 33.33%;}
.tabhead.col4 a{ width: 20%;}
.subtabhead{ height: 35px; line-height: 36px; border-bottom: 1px solid #e3e3e3; color: #cdcdcd;}
.subtabhead a{ margin: 0 30px; color: #316995; cursor: pointer;}
.subtabhead a.on,.subtabhead a:hover{ color: #007fd0; font-weight: bold; text-decoration: none;}
.tabcon a{ cursor: pointer;}

.list{ padding-top: 10px;}
.list li{ height: 36px; line-height: 36px; overflow: hidden;}
.list li span{ margin: 0 5px 0 10px; float: right; color: #a0a0a0;}
.list .icon-dot{ float: left; font-size: 18px; color: #ffa024;}

.tit{ height: 36px; line-height: 36px;}
.tit span{ display: inline-block; color: #007fd0; font-size: 16px; border-bottom: 2px solid #007fd0; font-weight: bold;}
.tit .icon-gengduo{ float: right; margin-right: 5px; font-size: 20px; color: #1053a3;}
.tit .child{ float: right;}
.tit .child a{ margin: 0 10px;}

.tit3{ height: 36px; line-height: 36px; background-color: #e0f1f6;}
.tit3 span{ display: inline-block; padding: 0 25px; color: #fff; font-size: 16px; background-color: #007fd0;}
.tit3 .icon-gengduo{ float: right; margin-right: 5px; font-size: 26px; color: #1053a3;}
.tit3 .child{ float: right;}
.tit3 .child a{ margin: 0 10px;}

.indexleft{ width: 350px; overflow: hidden;}
.indexcen{ width: 475px;}
.indexright{ width: 295px;}

.column2{ width: 50%;}
.boxsizing{ -webkit-box-sizing:border-box; box-sizing:border-box;}
.location{ line-height: 30px; font-size: 16px; }

/*列表、多栏、内容*/
.bl{ border-bottom: 1px solid #E4E4E4; padding-bottom: 10px;}
.leftbox{ width: 280px;}
.rightbox{ width: 860px;}

.leftmenu .c{ display: none;}
.leftmenu h4{ background: #005BB8; color: #FFF; height: 46px; line-height: 46px; font-size: 18px; padding-left: 25px; overflow: hidden; margin: 0;}
.leftmenu li{ height: 46px; line-height: 46px; overflow: hidden; margin-top: 1px; background: #F2F2F2; position: relative;}
.leftmenu li a{ padding-left: 25px; font-size: 16px; display: block;}
.leftmenu li a:hover{ text-decoration: none; background: #E6E6E6;}
.leftmenu li i{ display: none;}
.leftmenu .on{ background: #E6E6E6;}
.leftmenu .on i{ display: block; position: absolute; right: 15px; top: 0; font-size: 20px; color: #999;}
.leftmenu .on a{ color: #BD0F10; padding-right: 35px;}

.lists li{ height: 46px; line-height: 46px; border-bottom: 1px dotted #CCC; padding: 0 15px; overflow: hidden;}
.lists li span{ color: #999; float: right; font-size: 12px;}
.lists li i{ color: #FAA21A; font-size: 16px; margin-right: 5px;}

.pages{ padding: 30px 0; text-align: center;}
.pages a{ margin: 0 7px;}
.pages input{ margin: 0 7px; width: 35px; text-align: center;}

.lists2{ margin-bottom: 0px;}
.lists2 .chnltit{ border-bottom: 1px dotted #CCC; height: 46px; line-height: 46px;}
.lists2 .chnltit h3{ float: left; border-left: 10px solid #0063BE; margin: 8px 0; height: 30px; line-height: 30px; font-size: 18px; color: #0063BE; font-weight: bold; padding-left: 15px;}
.lists2 .chnltit .more{ float: right; font-size: 20px; color: #0063BE; margin-right: 5px;}
.lists2 ul{ padding: 10px;}
.lists2 li{ height: 36px; line-height: 36px; overflow: hidden;}
.lists2 li span{ color: #999; float: right; font-size: 12px;}
.lists2 li i{ color: #FAA21A; font-size: 16px; margin-right: 5px;}

.title{ padding: 25px 15px; font-size: 20px; line-height: 32px; color: #005ABA; text-align: center; font-weight: bold;}
.articleinfo{ border: 1px dotted #CCC; border-left: 0; border-right: 0; height: 56px; line-height: 56px; text-align: center;}
.articleinfo span{ margin: 0 25px;}
.content{ position: relative; padding: 15px 10px; line-height: 28px; font-family: 宋体!important; line-height: 2!important; font-size: 12pt!important; overflow-x: hidden;}
.content *{ font-family: 宋体!important; line-height: 2!important; font-size: 12pt!important;}
.content img{ max-width: 100%;}
.articleopt{ text-align: center; padding: 15px 0;}
.articleopt span{ margin: 0 20px;}
.articleopt a{ cursor: pointer;}

.lanmulists{ width: 100%; margin-top: 20px;}
.lanmulists li{ width: 23%; height: 70px; margin: 0 1% 2%; text-align: center; vertical-align: middle; float: left; display: table; table-layout: fixed; }
.lanmulists li a{ height: 68px; text-align: center; vertical-align: middle; display: table-cell; border: 1px solid #c3c3c3; border-radius: 5px; background: #f5f5f5; padding: 0 10px;}
.lanmulists li .on,.ydan li a:hover{ background: #0ea07d; border: 1px solid #0ea07d; color: #fff;}

.jghead{ margin-top: 20px; height: 122px; line-height: 122px; text-align: center; font-size: 34px; color: #fff; background: url('../images/jghead.jpg') no-repeat; font-weight: bold;}
.TRS_Editor{ font-family: 宋体!important; line-height: 2!important; font-size: 12pt!important;}
.TRS_Editor *{ font-family: 宋体!important; line-height: 2!important; font-size: 12pt!important;}

.icon-qq:before{ content: "\e687";}
.icon-qzone:before{ content: "\e685";}
.icon-tencent:before{ content: "\e686";}
.icon-wechat:before{ content: "\e688";}
.icon-weibo:before{ content: "\e684";}

#_span_jiucuo{     display:inline-block;
    margin: 13px 0px 0 0;}

.abandoned{
    width: 393px;
    position: absolute;
    right: 0;
    top: 74px;
    transform: rotate(22deg);
}

@media screen and (max-width: 1199px){
    .wrap{ width: 1002px;}
    .rightbox{ width: 662px;}
    #_ideConac{margin: 0}
    #_span_jiucuo img{width: 100px}
}
@media screen and (max-width: 1001px){
    .wrap{ width: 768px;}
    .logo img{ width: 80%;}
    .toprbox{ display: none;}
    .searchbox{ margin-top: 25px; width: 315px;}
    .signbox{ position: relative; margin-bottom: 15px; left: auto; top: auto;}
    .codebox{ display: none;}
    .whitebg{ padding: 10px;}
    .subtabhead{ display: table; width: 100%;}
    .subtabhead a{ display: table-cell; text-align: center;}
    .subtabhead span{ display: none;}
.footer{height: auto}
    .leftbox{ width: 200px;}
    .rightbox{ width: 520px;}
    .leftmenu li a{ padding-left: 15px;}
    .leftmenu .on a{ padding-right: 20px;}
    .leftmenu .on i{ right: 7px;}

    .lists li{ padding: 0 10px;}
}
@media screen and (max-width: 767px){
    body{ background-color: #b1def1;}
    .mbox{ position: relative; width: 540px; margin: 0 auto; background-color: #fff; overflow: hidden;}
    .container{ margin-top: 0; padding: 0; background: none;}
    .wrap{ width: 100%;}

    .logo{ float: none; padding-left: 10px; zoom: 0.7;}
    .logo img{ width: auto;}
    .header{ padding-bottom: 10px; height: auto;}
    .header .fr{ float: none;}
    .searchbox{ display: none; margin-top: 10px; padding: 0 10px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
    .icon-fangdajing{ position: absolute; display: block; right: 55px; top: 28px; font-size: 22px; cursor: pointer;line-height: 22px;}
    .menu-handler{ display: block; padding: 0 5px; width: 23px; height: 24px; cursor: pointer; position: absolute; right: 10px; top: 27px; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); z-index: 1000;}
    .menu-handler .burger { width: 23px; height: 3px; background: #8c8c8c; display: block; position: absolute; z-index: 5; top: 4px; left: 50%; margin: 0px 0px 0px -10px; border-radius: 20%; transform-origin: center; -webkit-transform-origin: center; transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0.3s cubic-bezier(0.445, 0.145, 0.355, 1);}
    .menu-handler .burger2 { top: 11px;}
    .menu-handler .burger3 { top: 18px;}
    .menu-handler.active .burger{ background: #fff;}
    .menu-handler.active .burger1 { top: 11px; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
    .menu-handler.active .burger2 {opacity: 0; -webkit-opacity: 0;}
    .menu-handler.active .burger3 { top: 11px; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
    .navbox{ position: fixed; width: 0; height: 0; top: 0; z-index: 1000; overflow: hidden; background: none;}
    .navbox .mask{ position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0;}
    .navbox .nav{ position: absolute; padding-top: 90px; width: 60%; height: 100%; background-color: #007fd0; right: 0; top: 0; -webkit-transform: translateX(100%); transform: translateX(100%); transition: all 0.2s ease-in-out 0.2s; -webkit-transition: all 0.2s ease-in-out 0.2s; box-sizing: border-box; -webkit-box-sizing: border-box;}
    .navbox.open{ width: 540px; height: 100%;}
    .navbox.open .mask{ -webkit-animation:fadeIn 0.5s forwards; animation:fadeIn 0.5s forwards;}
    .navbox.open .nav{ -webkit-transform: translateX(0); transform: translateX(0);}
    .nav li{ width: 100%; border-bottom: 1px solid #0067d2;}
    .nav li:after{ display: none;}
    .footer{ height: auto; background-color: #efefef;}
    .footer span{ display: inline-block;}
    .indexleft,.indexcen,.indexright{ width: 100%!important; margin-left: 0; margin-top: 15px;}
    .column2{ width: 100%;}

    .leftbox{ width: 100%;}
    .rightbox{ width: 100%;}

    .leftmenu{ position: relative;}
    .leftmenu ul{ height: 46px; overflow: hidden;}
    .leftmenu li{ float: left; background: #FFF; margin: 0 7px 0 0; height: 44px; line-height: 44px; border-bottom: 2px solid #FFF;}
    .leftmenu li a,.leftmenu .on a{ padding: 0 7px;}
    .leftmenu .on{ background: #FFF; border-bottom: 2px solid #BD0F10;}
    .leftmenu .on i{ display: none;}
    .leftmenu .dropdownbtn{ display: block; position: absolute; right: 0; top: 46px; width: 50px; height: 46px; line-height: 46px; text-align: center; font-size: 20px; background: url(../images/leftmenu_2017j.png); background-size: 100% 100%; padding-left: 8px; cursor: pointer;}
    .dropdown .c{ display: block; height: 46px; line-height: 46px; padding-left: 10px;}
    .dropdown ul{ height: auto;}
    .dropdown .dropdownbtn{ background: none; }
    .dropdown ul li{ background: #F5F5F5; border: 1px solid #DDD; height: 28px; line-height: 28px; margin: 6px; border-radius: 3px; }
    .dropdown li a{ font-size: 12px;}
    .dropdown .on{ background: #005BB8; border: 1px solid #005BB8;}
    .dropdown .on a{ color: #FFF; }

    .lists li{ padding: 0;}
    .pages{ padding: 20px 0;}
    .pages span{ display:block; padding: 5px 0;}

    .title{ padding: 15px 5px;}
    .articleinfo{ height: auto; line-height: 40px; text-align: left; padding: 10px 0;}
    .articleinfo span{ margin: 0 0 0 5px; display: block;}
    .content{ padding: 15px 5px;}
    .articleopt { display: none;}

    .jghead{ height: 80px; line-height: 80px; font-size: 26px;}

    @-webkit-keyframes fadeIn {
        0% { opacity: 0;}
        50% { opacity: 0;}
        100% { opacity: 1;}
    }
    @keyframes fadeIn {
        0% { opacity: 0;}
        50% { opacity: 0;}
        100% { opacity: 1;}
    }

    .phone.wza{position: absolute;display:block;width:28px;height:28px;right: 92px;top:24px;}
    .phone.slb{position: absolute;display:block;width:28px;height:28px;right: 132px;top:24px;}
    .phone.wza img,.phone.slb img{width: 28px;}
}
@media screen and (max-width: 539px){
    body{ font-size: 16px;}
    .mbox{ width: 100%;}
    .wrap{ padding: 0 15px; -webkit-box-sizing:border-box; box-sizing:border-box;}
    .whitebg{ padding: 15px 0!important;}
    .navbox.open { width: 100%; padding: 0;}
    .logo img{ max-width: 60%;}
    .menu-handler{ top: 15px;}
    .icon-fangdajing{ top: 17px;}
    .footer{ padding: 10px 15px;}
    .lanmulists li{ width: 48%;}
    .phone.wza{position: absolute;display:block;width:28px;height:28px;right: 92px;top:14px;}
    .phone.slb{position: absolute;display:block;width:28px;height:28px;right: 132px;top:14px;}
    .phone.wza img,.phone.slb img{width: 28px;}
}