@charset "utf-8";
/* 深圳市静江网络科技有限公司 */
*,*:before,*:after {-webkit-box-sizing:border-box; box-sizing:border-box;margin:0; padding:0;}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust: 100%;}
body{position:relative; font:14px/1 "Microsoft YaHei", Helvetica, sans-serif;color:#333;font-family:pf;}
input{border:none;}
input,select,option,textarea{outline: none;}
input[type="button"],button,select{cursor: pointer;border: none;outline: none;}
textarea{outline: none;}
ul,li,h1,h2,h3,h4,h5,h6{list-style-type:none;}
img{border:none;}
a{text-decoration:none; color:#666;}
a:hover{text-decoration:none;}
.clf{zoom:1}
.clf:before,.clf:after,.w:before,.w:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.fl{float: left;}
.fr{float: right;}
.w{width: 100%;max-width:1200px;margin: auto;}
/*@font-face{font-family:pf; src:url(../font/PingFangRegular.otf);}*/
/* 初始化样式结束 */


/*.header{position:relative;}*/
.header > div{float:left;}
.header .logo{padding-top:25px;margin-right:120px;}
.header .logo a{display:block;width:auto;height:48px;}
.header .logo a img{width:100%;height:100%;}

.header .r_menu{float:left; position: relative;}

.header .nav{float:left;margin-right:75px;}
.header .nav > ul > li{float:left;margin-right:15px;position: relative;}
.header .nav > ul > li:last-of-type{margin-right:0;}
.header .nav > ul > li > a{display:block;padding:35px 15px;font-size:18px;color:#000;}
.header .nav > ul > li:hover{background:#f0f5f9;}
.header .nav > ul > li:hover > a{color:#1a44a3;}
.header .nav > ul > li:hover > a + .product_menu{display: block;}
.header .nav > ul > li.current{background:#f0f5f9;}
.header .nav > ul > li.current > a{color:#1a44a3;}
.header .nav > ul > li > ul{position:absolute;z-index:2;background:#fff;width:100%;border-top:1px solid #eee;padding:20px 0;text-align:center;display:none;}
.header .nav > ul > li:hover > ul{display:block;}
.header .nav > ul > li > ul > li{margin-bottom:15px;}
.header .nav > ul > li > ul > li a{font-size:16px;color:#000;}
.header .nav > ul > li > ul > li:hover a{color:#1a44a3;}
.header .nav .product_menu{position:absolute;/*bottom:-300px;*/z-index:2;background:#fff;/*width:830px;height:300px;*/display: none;padding: 20px;left: 0;}
.header .nav .product_menu .productClassfy{white-space: nowrap;}
.header .nav .product_menu .productClassfy > a{display: inline-block;padding: 0 40px;text-align: center;}
.header .nav .product_menu .productClassfy > a:not(:last-of-type){border-right: 1px solid #ccc;}
.header .nav .product_menu .productClassfy img{display: inline-block;width: 100px;height: 100px;}

#m_header,
.menu{display: none;}

.header .search{float:right;padding-top:35px;position:relative;}
.header .search a{display:block;width:20px;height:20px;}
.header .search a img{display:block;width:100%;height:100%;}

.header .search_box{position:absolute;z-index:2;width:100%;background:#fff;padding:55px 0 120px 138px;border-top:1px solid #eee;}
.header .search_box .ip{width:600px;}
.header .search_box .ip input[type=text]{width:490px;height:42px;border:1px solid #1a44a3;font-size:18px;line-height:40px;padding:10px;color:#333;float:left;}
.header .search_box .ip input[type=submit]{width:105px;height:42px;float:left;background:#1a44a3;font-size:18px;color:#fff;line-height:42px;text-align:center;cursor:pointer;}
.ip input[type=text]::-webkit-input-placeholder{color:#cfcdcd;}
/*.ip input[type=text]::-moz-input-placeholder{color:#cfcdcd;}*/
.ip input[type=text]::-ms-input-placeholder{color:#cfcdcd;}
.header .search_box .history{margin-top:45px;}
.header .search_box .history h6{font-size:16px;color:#000;margin-bottom:30px;}
.header .search_box .history a{display:inline-block;padding:5px 20px;border-radius:10px;background:#eff3f5;font-size:14px;color:#9fafbc;margin-right:30px;}


.b_banner{width:100%;height:440px;background-size:100% 100%;text-align:center;padding-top:190px;}
.b_banner p{font-size:28px;color:#fff;font-weight:600;}
.b_banner p:before{content:'';display:inline-block;width:32px;height:2px;background:#fff;vertical-align:middle;margin-right:25px;}
.b_banner p:after{content:'';display:inline-block;width:32px;height:2px;background:#fff;vertical-align:middle;margin-left:25px;}
.b_banner span{display:block;margin-top:10px;font-size:16px;color:#fff;}

.position{padding:15px 0;font-size:18px;color:#666;}
.position:before{content:'';display:inline-block;vertical-align:middle;background:url(../images/icon_position.png)no-repeat center;background-size:100% 100%;width:22px;height:22px;visibility: inherit;}
.position a{color:#666;vertical-align:middle;}
.position a:last-child{color:#1a44a3;vertical-align:middle;}


.footer{padding: 3rem 0;background-color: #8F1D22;}
.footer .w > .fl > div{margin-top: 1.5rem;}
.footer a,
.footer span{color: #eee;display: inline-block;}
.footer a:hover{color: #fff;}
.footer .nav > *{margin-right: .5rem;}
.footer .info > *:not(:last-child){border-right: 1px solid #eee;padding-right: .8rem;margin-right: .5rem;}
.footer .w > .fr{padding: 2rem 0;}


/* 移动端样式 */
@media only screen and (max-width: 1024px) {

  .w{width: 95%;margin: auto;}

  /*
  .header .logo{margin-right: 2%;}
  .header .logo a{height: 2rem;}
  .header .logo a img{display: block;width: auto;height: 100%;}

  .header .r_menu{width: 80%;margin-right: 0;}
  .header .nav{margin-right: 0;}
  .header .nav > ul > li > a{padding: 2rem 0.5rem;font-size: 1.2rem;}
  .header .nav > ul > li:hover > a + .product_menu{display: none;}
  */

  .header{display: none;}

  #m_header{display: block;height:50px;position: fixed;z-index: 2; top: 0; right: 0; left: 0;}
  #m_header .mobile_header{display: block; width: 100%; height: 100%; background: #fff; padding: 0 5%;}
  #m_header .mobile_header button{float: left; border: none; background: none; height: 100%; width: 20%;}
  #m_header .mobile_header button span{display: block; height: 50px; padding: 15px 0;}
  #m_header .mobile_header button span img{display: block; height: 100%;}
  #m_header .mobile_header .head_L2{float: left;display: block; width: 60%; height: 100%; padding: 3.5% 0;}
  #m_header .mobile_header .head_L2 img{display: block; height: 100%; margin: auto;}

  .menu {display: block;position: fixed; top:0; left: 0; width:100%; height: 100%; background: #1c1d22; z-index: 1000000; -webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;}
  .menu--open {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
  .action_open{ float:left; width:20%; text-align: left; display: block; cursor: pointer; border: none; background: none; outline: none;}
  .action_close{position:absolute; display: block; padding:0; margin:0; cursor: pointer; border: none; background: none; left:2em; top:15px; outline: none;}
  .billm{ width:100%; min-height:100%;}
  .billm_tt{height:50px; text-align:center; background: #fff;}
  .billm_tt a{display: block;padding: 3.5% 0;height: 100%;}
  .billm_tt img{display: block;height:100%;margin: auto;}
  .billm_m{ width:86%; margin:auto; padding-top:15px;}
  .billm_m div{border-bottom:1px solid #454545; height:auto; line-height:3rem;}
  .billm_m div a{font-size:1em; color:#FFF; line-height: 1.5rem;}
  .billm_m div ul{padding-bottom: 0.5rem;}
  .billm_m div ul div{border: none;}
  .billm_m div.open{background: url(../images/ico_18.png) no-repeat 90% 15px; background-size: 20px 20px;}
  .billm_m div.close{background: url(../images/ico_19.png) no-repeat 90% 15px; background-size: 20px 20px;}
  .billm_m div ul li{line-height: 1.5rem;}
  .billm_m div ul a{padding-left: 10%; font-size: 0.8rem;}
  .billm_m .contect{ border-bottom:1px solid #FFF; font-size:0.7em; color:#FFF; background:url(../images/ico1.png) no-repeat left; padding-left:30px;}

  .header .search{padding-top: 2rem;}
  .header .search_box{padding: 1.5rem;}
  .header .search_box .ip{width: 100%;}
  .header .search_box .ip input[type=text]{width: calc(100% - 105px);}

  .b_banner{height: 25rem;padding-top: 11rem;}
  .b_banner p:before{margin-right: 1.5rem;}
  .b_banner p:after{margin-left: 1.5rem;}

  .footer{padding: 1rem 2.5%;font-size: .8rem;text-align: center;}

  .footer .w > div:first-of-type{margin-right: 1.2%;width: 45%;}
  .footer .w > div:nth-of-type(2) ul li:nth-child(even){text-align: left;}
  .footer .w > div:first-of-type ul li{float: none;width: 100%;}

  .copyright{padding: 1rem 0;}
  .copyright span{display: block;margin: auto;text-align: center;line-height: 2;}
}


/* 移动端样式 */
@media only screen and (max-width: 750px) {

  .header .logo{float: none;margin: auto;padding: 1rem 0 .5rem;}
  .header .logo a{width: 30%;margin: auto;}
  .header .logo a img{width: 100%;height: auto;}

  .header .r_menu{float: none;width: 100%;padding-bottom: .5rem;}
  .header .nav > ul > li{margin-right: 0;}
  .header .nav > ul > li:first-of-type{display: none;}
  .header .nav > ul > li > a{padding: .5rem;font-size: 1rem;}
  .header .nav > ul > li:hover > ul{display: none;}

  .header .search{padding: 0;margin: .5rem;position: absolute;top: -3rem;right: 0;}
  .header .search_box .history{margin-top: 1.5rem;}
  .header .search_box .history h6{margin-bottom: 1.2rem;font-size: 1rem;}
  .header .search_box .history a{margin-right: .5rem;padding: .5rem .6rem;}
  .header .search_box .ip input[type=text]{width: calc(100% - 5rem);height: 2rem;padding: .3rem;}
  .header .search_box .ip input[type=submit]{width: 5rem;height: 2rem;font-size: 1rem;line-height: 2rem;}


  .b_banner{height: 13rem;padding-top: 20%;}
  .b_banner p{font-size: 1.3rem;}
  .b_banner span{font-size: 1rem;}

  .position{padding: 1rem 0;font-size: .9rem;}
  .position:before{width: 1.2rem;height: 1.2rem;}


  .footer .w > div:first-of-type{width: 100%;}

  .footer .f_title{font-size: 1.2rem;padding-bottom: 1rem;margin-bottom: 1rem;}
  .footer .f_title span{font-size: 1rem;}

  .footer .w > div{float: none;width: 100% !important;}
  .footer .w > div:not(:last-of-type){margin-bottom: 1rem;}
  .footer .w > div:first-of-type ul{margin-top: 0;}
  .footer .w > div:first-of-type ul li{margin-bottom: .8rem;}
  .footer .w > div:nth-of-type(2) ul li{width: 25%;margin-bottom: 1rem;font-size: .9rem;}
  .footer .w > .fr{padding: 1rem 0;}

}