@charset "utf-8";

/* CSS reset for c_b*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

    margin: 0;

    padding: 0;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



    table th, table td {

        padding: 5px;

    }



fieldset, img {

    border: 0;

}



address, caption, cite, code, dfn, em, i, th, var {

    font-style: normal;

    font-weight: normal;

}



ol, ul {

    list-style: none;

}



ception, th {

    text-align: left;

}



q:before, q:after {

    content: '';

}



abbr, acronym {

    border: 0;

}



a {

    color: #666;

    text-decoration: none;

}

    /*for ie f6n.net*/

    a:focus {

        outline: none;

    }

    /*for ff f6n.net*/

    a:hover {

        text-decoration: none;

    }

/*定位*/

.tl {

    text-align: left;

}



.tc {

    text-align: center;

}



.tr {

    text-align: right;

}



.bc {

    margin-left: auto;

    margin-right: auto;

}



.fl {

    float: left;

    display: inline;

}



.fr {

    float: right;

    display: inline;

}



.zoom {

    zoom: 1

}



.hidden {

    visibility: hidden;

}



.vam {

    vertical-align: middle;

}



.clear {

    clear: both;

    height: 0;

    line-height: 0;

    font-size: 0;

}



p {

    word-spacing: -1.5px;

}



li {

    list-style: none;

}



-moz-box-sizing:content-box;

-webkit-box-sizing:content-box;

box-sizing:content-box;

/*其他*/

.cur {

    cursor: pointer

}

/*原reset*/

sup {

    vertical-align: baseline;

}



sub {

    vertical-align: baseline;

}



input, button, textarea, select, optgroup, option {

    font-family: inherit;

    font-size: inherit;

    outline: none;

    font-style: inherit;

    font-weight: inherit;

}



input, button, textarea, select {

    *font-size: 100%;

}



input, select {

    vertical-align: middle;

}



body {

    font: 12px/1.231 "微软雅黑","Arial Narrow",HELVETICA;

}



select, input, button, textarea, button {

    font: 99% "微软雅黑","Arial Narrow",HELVETICA;

}



table {

    font-size: 14px;

    width: 100%;

    border-collapse: collapse;

}



pre, code, kbd, samp, tt {

    font-family: monospace;

    *font-size: 108%;

    line-height: 100%;

}

/*title*/

h1 {

    font-size: 32px;

}



h2 {

    font-size: 26px;

}



h3 {

    font-size: 20px;

}



h4 {

    font-size: 14px;

}



h5 {

    font-size: 12px;

}



h6 {

    font-size: 10px;

}

/*清除浮动*/

.clearfix:after {

    content: '';

    display: block;

    clear: both;

    height: 0;

    visibility: hidden;

}



.clearfix {

    /*兼容 IE*/

    zoom: 1;

}

/*end reset*/

body {

    background: #f4f4f4;

    min-width:1200px;

}



.content, .container {

    margin-left: auto;

    margin-right: auto;

    width: 1200px;

}



/* tanchuang1 提交弹窗*/

  .tanchuang1 {

  width:100%;

  position: fixed;

  top: 0;

  left: 0;

  background: url(../images/Common/tanchuangBg.png);

  height:100%;

  z-index:9999999;

}

.tanchuang1 .conBox {

  width: 400px;

  height: 212px;

  padding: 20px;

  background: #fff;

  position: absolute;

  left: 50%;

  margin-left: -220px;

  top: 50%;

  margin-top: -80px;

  z-index:9999999;

}

.tanchuang1 .conBox .tcClose {

  width: 33px;

  height: 90px;

  position: absolute;

  right: 45px;

  top: -90px;

  cursor: pointer;

  z-index:999999999999999;

}

.tanchuang1 .conBox .box {

  width: 398px;

  height: 190px;

  border: 1px solid #e5e5e5;

  padding-top: 20px;

  text-align: center;

  position: relative;

}

.tanchuang1 .conBox .box img {

  display: block;

  width: 47px;

  height: 47px;

  margin: 0 auto;

}

.tanchuang1 .conBox .box h5 {

  font-size: 24px;

  color: #004da2;

  font-weight: bold;

  margin-top: 10px;

}

.tanchuang1 .conBox .box p {

  font-size: 16px;

  color: #4d4d4d;

  margin-top: 10px;

}

.tanchuang1 .conBox .box .b15 {

  display: block;

  width: 150px;

  height: 52px;

  line-height: 52px;

  text-align: center;

  font-size: 18px;

  color: #fff;

  position: absolute;

  bottom: -1px;

  left: 50%;

  margin-left: -75px;

  background: #004da2;

  text-decoration: none;

  z-index:999999999999999;

  border:0px;

}

.tanchuang2 .conBox .box a {

  background: #404040;

}



/*------------------------------------  新加入的代码放在下面  ---------------------------------------------*/



/*关闭网站*/

.y-close-page {

    width:100%;

    height:100%;

    position:fixed;

    left:0;

    top:0;

    z-index:99999;

    background-color:#333;

}

.y-dialog-cont {

    width:360px;

    height:160px;

    background-color:#fff;

    margin:8% auto 0;

    border-radius:10px;

    text-align:center;

    color: #666;

}

.y-dialog-cont p{

    padding-top:10%;

    font-size:18px;

}

.y-dialog-cont a{

   display:block;

   width:70px;

   height:36px;

   line-height:36px;

   color:#fff;

   border-radius:5px;

   margin:36px auto 0;

   text-decoration:none;

   background:#004da2;

}





/*

    author:PengJin;

    date:2019-6-19;

*/



@font-face {

    font-family: "Panton";

    src:url("../font/Panton.woff") format("woff"),

        url("../font/Panton.ttf") format("truetype"),

        url("../font/Panton.eot") format("embedded-opentype"),

        url("../font/Panton.svg") format("svg");

    font-weight: normal;

    font-style: normal;

}



@font-face {

  font-family: "trump_gothic_east_bold";

  src: url("../font/trump_gothic_east_bold.woff") format("woff"),

       url("../font/trump_gothic_east_bold.ttf") format("truetype"),

       url("../font/trump_gothic_east_bold.eot") format("embedded-opentype"),

       url("../font/trump_gothic_east_bold.svg") format("svg");

  font-weight: normal;

  font-style: normal;

}



/*--public--*/

.wrapper{margin:0 auto;width:1200px;}

.wrap-title{position:relative;z-index:99;margin:0 auto;padding-bottom:30px;width:1200px;text-align:center;overflow:hidden;animation:fadeinT 1s ease-out backwards;transition:all 1s;}

.wrap-title h3{position:relative;height:50px;line-height:50px;font-weight:normal;font-size:32px;color:#333;}

.wrap-title h3 i{display:block;position:absolute;top:20px;width:518px;height:18px;opacity:0.5;}

.wrap-title h3 i.i1{background:url(../images/Common/title_l.png) no-repeat;}

.wrap-title h3 i.i2{background:url(../images/Common/title_r.png) no-repeat;}

.wrap-title h3 a{color:#333;}

.wrap-title h3 em{color:#004da1;font-size:46px;}

.wrap-title p{height:25px;line-height:25px;font-size:17px;color:#666;}

.wrap-title:hover{transform:translateY(-20px);}

.wrap-title.white *{color:#333;}

/*--end public--*/



/*按钮动画*/

.btn-wave{position:relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow:hidden;}

.btn-wave:before{content:'';display: block;width: 120%;height: 0;padding: 60% 0;background-color:#004da1;border-radius: 50%;position: absolute;left: -10%;top: 50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);z-index: -1;}

.btn-wave:hover:before{-webkit-animation: btnWave 2s ease;animation: btnWave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;}

@-webkit-keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}

@keyframes btnWave{0%{-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);}50%{opacity: 1;}100%{opacity: 0;-webkit-transform: translateY(-50%) scale(1);transform: translateY(-50%) scale(1);}}

/*end 按钮动画*/



/*-- top-wrap --*/

.top-wrap{position:relative;z-index:999;padding:0 2%;height:42px;line-height:42px;color:#fff;font-size:14px;background:#999;overflow:hidden;}

.top-wrap .inner{margin:0 auto;max-width:1200px;}

.top-wrap .tel{float:right;padding-left:22px;font-family:"Panton";font-size:18px;font-weight:bold;background:url(../images/Common/tel.png) no-repeat 0 center;}

.top-menu{float:right;padding-right:15px;}

.top-menu a{display:inline-block;font-size:14px;color:#fff;}

.top-menu a:after{display:inline-block;margin:0 8px 0 10px;content:"|"}

.top-menu a:last-child:after{display:none;}

.top-menu a:hover{text-decoration:underline;}

/*-- end top-wrap --*/



/*-- header --*/

.header{position:relative;z-index:999;top:0;padding:0 2%;height:100px;background:#fff;}

.header .inner{margin:0 auto;max-width:1200px;}

.logo{float:left;padding-top:10px;padding-right:12px;width:320px;overflow:hidden;}

.logo img{display:block;width:320px;}

.slogan{float:left;margin-top:32px;width:240px;overflow:hidden;}

.slogan h3{padding-left:14px;height:34px;line-height:34px;font-size:23px;color:#333;border-left:#ddd solid 1px;}

.search-btn{float:right;margin-top:35px;width:28px;height:28px;cursor:pointer;background:url(../images/Common/search_btn.png) no-repeat;}

.nav{float:right;height:100px;line-height:100px;}

.nav-list li{position:relative;float:left;margin:0 10px;}

.nav-list li>a{position:relative;display:block;padding:0 12px;font-size:18px;color:#333;}

.nav-list li:last-child{background-image:none;}

.nav-list li:last-child>a{margin-right:0;}

.nav-list li>a:after{display:block;position:absolute;left:0;bottom:0;width:0;height:3px;content:"";background:#ffce00;transition:all 1s;}

.nav-list li:hover>a:after,.nav-list li.cur>a:after{width:100%;}

.nav-list li:hover>a,.nav-list li.cur>a{color:#d89b21;}

.dropDown{display:none;position:absolute;z-index:999;left:50%;top:100%;margin-left:-65px;width:130px;overflow:hidden;background:rgba(0,0,0,0.6);}

.dropDown a{display:block;padding:0 10px;height:40px;line-height:40px;font-size:14px;color:#fff;overflow: hidden;}

.dropDown a:before{position:relative;top:-5px;display:inline-block;margin-right:10px;content:"";width:15px;height:1px;background:#fff;}

.dropDown a:hover{background:#ffce00;transition:all 1s;}

@media screen and (max-width: 1366px){

.slogan{display:none;}

}

/*-- end header --*/



/*--search-pop--*/

.search-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);}

.search-wrap{position:absolute;top:0;left:0;padding:30px 0;width:100%;height:50px;background:#121010;}

.search-form{position:relative;margin:0 auto;padding:0 40px;width:820px;height:50px;overflow:hidden;background:url(../images/Common/search_btn.png) no-repeat 0 center;}

.search-form input{display:block;padding:0 10px;width:100%;height:50px;line-height:50px;font-size:16px;color:#fff;border:none;box-sizing:border-box;background:transparent;}

.search-form input::-webkit-input-placeholder{color:#999;font-weight:bold;}

.search-wrap .closeBtn{position:absolute;top:5px;right:0;width:40px;height:40px;cursor:pointer;background:#fff url(../images/Common/closeBtn.png) no-repeat center;border-radius:50%;transition:all 0.5s;}

.search-wrap .closeBtn:hover{transform:rotate(180deg);}

/*--end search-pop--*/







/*-- footer --*/

.footer{overflow:hidden;background-image: url("../images/bom1.jpg")}

.ft-inner{padding:50px 0;overflow:hidden;}

.ft-menu{float:left;width:600px;overflow:hidden;}

.ft-menu dl{float:left;width:33.33%;}

.ft-menu dt{height:40px;line-height:40px;font-size:20px;font-weight:bold;color:#fff;}

.ft-menu dt a{color:#fff;}

.ft-menu dt a:hover{text-shadow:0 0 1px #fff;}

.ft-menu dd{padding-top:14px;font-size:14px;overflow:hidden;}

.ft-menu dd a{display:block;height:25px;line-height:25px;color:#999;}

.ft-menu dd a:hover{color:#fff;text-shadow:0 0 1px #fff;text-decoration:underline;}

.ft-tel{float:left;padding-top:8px;width:200px;}

.ft-tel i{display:block;width:28px;height:28px;background:url(../images/Common/ft_tel.png) no-repeat;}

.ft-tel span{display:block;margin-top:8px;height:20px;line-height:20px;font-size:14px;color:#666;margin-top: 23px;}

.ft-tel p{margin-top:6px;height:25px;line-height:25px;font-size:24px;color:#333;font-family:"Panton";font-weight:bold;}

.ft-QRcode{float:right;padding-top:8px;width:150px;text-align:center;}

.ft-QRcode img{display:block;width:150px;}

.ft-QRcode p{margin-top:10px;height:20px;line-height:20px;font-size:12px;color:#a0a0a0;}

.ft-info{text-align: center;padding:32px 0;height:30px;line-height:30px;font-size:14px;color:#666;overflow:hidden;border-top:#3c3c3c solid 1px;}

.ft-info .address{float:left;width:360px;}

.ft-info .copyright{float:left;width:500px;}

.ft-info .copyright a{color:#999;}

.ft-info .link{float:right;width:340px;text-align:right;}

.ft-info .link a{display:inline-block;margin-left:30px;color:#999;}

.ft-info a:hover{color:#fff;text-decoration:underline;}

/*-- end footer --*/