body {color:#333333} a{color:#007eff}a:active,a:hover {color:#007eff}

@media (min-width: 1630px) {.container{ width: 1230px; }}

@media (min-width: 1920px) {.container{ width: 1230px; }}
/*公共*/

#Top{width:100%; float:left; display:block;}

#Top .w_1366{padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;}

@media (min-width: 768px) {

    #Top .w_1366{ width: 768px; }

}

@media (min-width: 992px) {

    #Top .w_1366{ width: 992px; }

}

@media (min-width: 1200px) {

    #Top .w_1366{width:1200px;}

}

@media (min-width: 1630px){

    #Top .w_1366{

        width: 1366px;

    }

}

@media (min-width:1920px){

    #Top .w_1366{

        width: 1366px;

    }

}



/*pc版头部*/

#Top .h88{height:88px; }

#Top .width{width:100%; dispplay:block; float:left;}

#Top .top1{width: 100%; position: fixed; top: 0;left: 0; z-index:999; height:88px; background:#fff;}

#Top .top1.active{box-shadow: 0 2px 43px rgba(0,0,0,0.1);}

#Top .top1 .logo{height: auto; float:left; margin-top:23px;}

#Top .top1 .span_a{padding-top:20px; text-align:right; color:#ffffff; font-size:24px; line-height:26px;

float:right; 

}

#Top .top1 .span_b{float:right; margin-top:27px; width:30px; height:38px; line-height: 38px;

border-radius:20px; background:#ffffff;text-align:center; margin-right:35px;

}

#Top .top1 .span_b a{color: #fff; width:100%; font-size:16px; text-align:center;}

#Top .top1 .span_a .i{background:url(../images/2338_tel.png)no-repeat; 

  background-size:20px 20px; width:20px; height:20px; 

  display:inline-block; margin-right:5px; vertical-align:middle;

}

#Top .top1 .span_a a{color:#007eff; font-size:20px; text-align:right; width:100%; display: block; padding-right:20px;}

#Top .top1 .span_a .b{color:#007eff; font-weight:normal; font-size:20px; font-family: "SimHei"}

#Top .menu_box{ float:right; padding:0 64px; }

#Top .menu{float:right;}

#Top .menu .nli{ float:left; z-index:15; position:relative; text-align:center; padding:0 20px; height:88px;}

#Top .menu .nli span a{float:left; font-size:16px; line-height:88px; position:relative; color:#333333;height:88px;}

#Top .menu .nli:hover span > a{color:#007eff; font-weight:bold;}

#Top .menu .nli.active span > a{color:#007eff;font-weight:bold;}

#Top .menu .mc_width{display:none; position:absolute;left:50%;z-index:21;  top:88px; padding-top:20px;}

#Top .menu .sub{ background:#fff; border-radius:3px; width:100%;

 -webkit-transition: all 0.3s ease-out 0s; 

-moz-transition: all 0.3s ease-out 0s; 

-o-transition: all 0.3s ease-out 0s; 

transition: all 0.3s ease-out 0s;

}

#Top .menu .sub_1 .sub_ul{padding-left:58px;}

#Top .menu .sub_1 .li_a{width:45%; float:left; margin-right:2%; height:100%; padding:5% 0; border-left:1px solid #efeceb; height:265px;}

#Top .menu .sub_1 .li_a:nth-child(4n){margin-right:0;}

#Top .menu .sub_1 .li_a .h3_a{color:#333333; font-size:17px; line-height:24px!important; text-align:left;

 margin-bottom:20px; position: relative; padding-left:20px;

}

#Top .menu .sub_1 .li_a .h3_a::after{position: absolute; left:-3.5px; width:7px; height:7px; top:50%; margin-top:-3.5px;background:rgba(51,51,51,0.5); border-radius:50%; content:"";}

#Top .menu .sub_1 .li_a .a_link{display:block; width:100%; color:#666666; 

  line-height:38px; font-size:16px; text-align:left; padding-left:20px;

}

#Top .menu .sub_1 .li_a .a_link .sup{font-size:10px; color:#ff2525; padding-left:5px;} 

#Top .menu .sub_1 .li_a .a_link:hover{color:#007eff;}

#Top .menu .sub_1{margin-left:-128px; width:908px; }



#Top .menu .mc_width .mb{position: absolute;top:4px;width: 0; height: 0;  border: 8px solid transparent;

 border-bottom-color: #fff; margin-left:-6px;

 }

#Top .menu_box ul .nli:hover .mc_width{ display:block;

-webkit-animation:fadeInUp1 0.5s 0s ease both;

-moz-animation:fadeInUp1 0.5s 0s ease both;}

@-webkit-keyframes fadeInUp1{

0%{opacity:0;

-webkit-transform:translateY(30px)}

100%{opacity:1;

-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInUp1{

0%{opacity:0;

-moz-transform:translateY(30px)}

100%{opacity:1;

-moz-transform:translateY(0)}

}

/*手机头*/

#Top .top2{width:100%; height:70px;display: none ; position: fixed; top:0; left: 0; 

   z-index: 9999; background:#fff;}

#Top .top2.active{background:#fff;

  box-shadow: 0 2px 43px rgba(0,0,0,0.1);}

#Top .top2 .logo{ height:auto; float:left; margin-top:14px; position:relative;}



/*下拉*/

#Top .menuph{ float:right; margin:20px 0 0 0; cursor: pointer; width: 40px; height: 40px;text-align: center;}

#Top .menuph .point{ display: inline-block; width: 28px; height: 22px; margin-top: 10px; position: relative;}

#Top .menuph .point:hover .navbtn,

#Top .menuph .point:hover .navbtn::after,

#Top .menuph .point:hover .navbtn::before{width: 28px;}

#Top .menuph .navbtn{ position: absolute; top: 10px; right: 0; display: inline-block; width:30px; height: 2px;

  -webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #000;

}

#Top .menuph .navbtn::after,

#Top .menuph .navbtn::before{ position: absolute; right: 0; display: inline-block; width:30px; height: 2px;content: '';

   -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s;

  -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s; background: #000;

}

#Top .menuph .navbtn::after{top: -11px;}

#Top .menuph .navbtn::before{ top: 10px;}

#Top .menuph .point.active .navbtn{ background: transparent;}

#Top .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);

   -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);top: 0px;background: #000;

}

#Top .menuph .point.active .navbtn::before{ -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);

  -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;

  background: #000;

}



/*手机下拉*/

#Top .xialaph{position: fixed; top: 0; left: 0; width: 100%;  height: 100%;

  display: none; padding-top:80px; overflow-y: auto;z-index: 200; background:rgba(0,0,0,0.3);

}

#Top .xialaph .img_d{ display:none;}

#Top .xialaph .ul2,

#Top .xialaph .ul3{display: none;}

#Top .xialaph h4 a{   display: block;color: #fff;  font-size: 14px; line-height: 40px;

  position: relative;

/*  font-weight: bold;*/

text-transform: uppercase;

}

#Top .xialaph h4{ position: relative;}

#Top .xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;}

#Top .xialaph li:last-child h4::before{ content: '';position: absolute; bottom: 0; left: 0; width: 100%;

  height: 1px; background-color: #f2f2f2;display: none

}

#Top .xialaph li:first-child h4::after{display:none;}

#Top .xialaph h4::after{ content: '';position: absolute;top: 0; left: 0; width: 100%;height: 1px;

  background-color:#dedede; 

  /*opacity: 0.1;*/

}

#Top .xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

#Top .xialaph h5 a{ display: block; color: #fff;font-size: 14px;line-height: 42px; padding:0 10px;}

#Top .xialaph h5{position: relative;}

#Top .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0;height: 1px;

background-color:rgba(95,123,118,0.1);;

  /*opacity: 0.05;*/

}

#Top .xialaph li:last-child h5::after{display: none;}

#Top .xialaph h4 b{ position: absolute; right: 5px; top: 50%; width: 9px; height: 9px;  float: right; border-top: #fff solid 1px; border-right: #fff solid 1px; margin-top: -5px;cursor: pointer; transform:rotate(45deg); -webkit-transform:rotate(45deg);

   -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear;

   -moz-transition: all 0.3s linear;-o-transition: all 0.3s linear; transition: all 0.3s linear;

}

#Top .xialaph h4.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);

 -o-transform:rotate(135deg);margin-top: -7px;

}

/*.xialaph .ul2{ padding-left: 30px;  }*/

#Top .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; padding-left: 15px; position: relative;}

#Top .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0;  left: 0;right: 0; height: 1px; background-color: #e5e5e5;}

#Top .xialaph li:last-child .ul3::after{ display: none;}

#Top .xialaph .ul3 li a{ color: #fff; font-size: 14px; line-height: 35px; display: block;}

#Top .xialaph .ul3 li{ padding-top: 5px;}

#Top .xialaph .ul3 li:first-child{padding-top: 0;}

#Top .xialaph h5 b{ position: absolute; right: 5px; top: 50%; width: 9px;height: 9px;float: right; border-top: #fff solid 1px; border-right: #fff solid 1px;margin-top: -5px;cursor: pointer;transform:rotate(45deg); -webkit-transform:rotate(45deg);

  -moz-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition: all 0.3s linear;

 -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;transition: all 0.3s linear;

}

#Top .xialaph h5.active b{ transform:rotate(135deg);-webkit-transform:rotate(135deg);

-moz-transform:rotate(135deg);-o-transform:rotate(135deg); margin-top: -7px;

}

#Top .xialaph .sqhza{text-align:center; width:90px; margin:20px auto; line-height:30px; 

background:#007eff; display:block;

}

#Top .xialaph .sqhza a{color:#fed400; width:100%; display:block; font-size:16px;}

#Top .phonemeng{ position: fixed; top: 0; left: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.9); opacity: .6;

  z-index: 99;display: none;

}

#Top .phonemeng.active{ display: block;}

/*申请弹窗*/

#Top .mess-mc{width:100%; height:100%; background:rgba(0,0,0,0.5); 

position: fixed; top: 0; left: 0;  z-index: 99999; }

#Top .mess-wrapper{width: 100%;height: 100%; display: flex;  align-items: center;

    justify-content: center;

}

#Top .mess-wrapper .mess_width{width:488px; margin:0 auto; padding-bottom:80px;

 position:relative; 

}

#Top .mess-wrapper .Popup{background:#ffffff; padding:40px; width:100%;border-radius:10px;}

#Top .mess-wrapper .Popup .h4{padding-bottom:40px; color:#007eff; font-size:24px;

 text-align:center; display: block;

}

#Top .mess-wrapper .Popup .li_a{width:100%; border:1px solid #e0dcdc; height:52px; line-height:50px; margin-bottom:30px;

}

#Top .mess-wrapper .Popup .input{background:none; border:none; line-height:50px; padding:0 16px; 

color:#666666; font-size:16px;outline: none; width:100%;

}

#Top .mess-wrapper .Popup .text{background:none; border:none; line-height:22px; padding:20px 16px; 

color:#666666; font-size:16px;outline: none; width:100%; resize:none; height:116px;

}

#Top .mess-wrapper .Popup .li_a1{height:auto; line-height:20px;}

#Top .mess-wrapper .Popup .p_a{padding:22px 16px 15px 16px; color:#666666; font-size:16px;}

#Top .mess-wrapper .Popup .li_c{width:100%; display:block; padding:0 16px 10px 16px;}

#Top .mess-wrapper .demo--label{float:left; margin:15px 25px 15px 20px; font-size:16px; color:#333333;}

#Top .mess-wrapper .demo--radio{display:none; }

#Top .mess-wrapper .demo--radioInput{background-color:#fff;border:1px solid #007eff;border-radius:100%;display:inline-block;height:16px;margin-right:20px;margin-top:-1px;vertical-align:middle;width:16px;line-height:1;

 position:relative;}

#Top .mess-wrapper .demo--radio:checked + .demo--radioInput:after{background-color:#007eff;border-radius:100%;content:"";display:inline-block;height:8px;margin-left:3px;margin-top:3px;width:8px;position: absolute;}

#Top .mess-wrapper .demo--checkbox.demo--radioInput,.demo--radio:checked + .demo--checkbox.demo--radioInput:after{border-radius:0}

#Top .mess-wrapper .demo--radio:checked + .demo--radioInput{border:1px solid #007eff;}

#Top .mess-wrapper .Popup .tj{width:100%; margin:0 auto; display:block; background:#007eff; text-align:center;}

#Top .mess-wrapper .Popup .tj .but{background:none; border:none; outline: none; width:100%; line-height:52px;

color:#fed400; font-size:20px;

}

#Top .mess-wrapper .numbe{text-align:center; width:40px; height:40px; border:2px solid #fff; border-radius:50%;

position: absolute; bottom:0; font-size:30px;  padding:0 0; cursor: pointer; color:#fff;

line-height:34px; left:50%; margin-left:-20px;

}

/* 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸 */

#Top .mess-wrapper .mess_width .form::-webkit-scrollbar { width: 6px; height:6px; background-color: rgba(35,159,219,0.2);}

/* 定义滚动条轨道 内阴影+圆角 */

#Top .mess-wrapper .mess_width .form::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(35,159,219,0.2); background-color: rgba(35,159,219,0.2);}

/* 定义滑块 内阴影+圆角 */

#Top .mess-wrapper .mess_width .form::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 6px #007eff; background-color: #007eff;}

.mess-wrapper .pointb{position:absolute; left:22px; top:22px; display:block;

 width: 15px;height: 15px; float: right; border-top:solid 2px #999999;

    border-right: solid 2px #999999; cursor: pointer;transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);

    -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;

     transition: all 0.3s linear;

}


@media screen and  (max-width:1629px){
#Top .menu .nli{padding:0 16px;}

  #Top .menu .nli span a{font-size:16px;}

  #Top .menu_box{padding:0 10px;}

  #Top .menu .sub_1{width: 520px;}

  #Top .menu .sub_1 .sub_ul{padding-left:40px;}

  #Top .menu .sub_1 .li_a .a_link{font-size:14px; padding-left:20px;}
}
@media screen and  (max-width:1199px){
#Top .top1 .span_a .b{font-size:18px;}

  #Top .top1 .span_a .i{width:24px; height:24px; background-size:24px 24px; margin-right:6px;}

  #Top .top1 .logo{width:auto;}

  #Top .menu .nli span a{font-size:14px;}

  #Top .menu .nli{padding:0 10px;}

  #Top .menu .sub_1{width:608px;}

  #Top .menu .sub_1 .sub_ul{padding-left:30px;}

  #Top .menu .sub_1{margin-left:-95px;}

  // #Top .menu .sub_1 .li_a{width:48%; margin-bottom:20px;}

  // #Top .menu .sub_1 .li_a:nth-child(3n){margin-right:4%;}

  // #Top .menu .sub_1 .li_a:nth-child(2n){margin-right:0;}

  #Top .menu .sub_1 .li_a .h3_a{padding-bottom:5px; margin-bottom:8px; font-size:15px;}

  #Top .menu .sub_1 .li_a .a_link{line-height:30px;}

  #Top .menu .sub_1 .li_a{height:305px;}

  #Top .top1 .span_b{margin-right:15px;}

  #Top .top1 .span_a a{font-size:16px;}

  #Top .top1 .span_a .i{width:20px; height:20px; background-size:100% 100%;}

  #Top .top1 .span_b{line-height:30px; width:80px; height:30px;}

  #Top .top1 .span_b a{font-size:14px;}
}
@media screen and  (max-width:991px){
#Top .top2{ display:block;}

  #Top .top1{ display:none;}

  #Top .h88{height:72px;}
}
@media screen and  (max-width:767px){
#Top .top2 .logo{width:120px; margin-top:15px;}

  #Top .menuph{margin-top:12px;}

  #Top .xialaph{padding-top:65px;}

  #Top .h88{height:60px;}

  #Top .top2{height:60px;}

  /*弹窗*/

  #Top .mess-wrapper .mess_width{width:94%; padding-bottom:50px;}

  #Top .mess-wrapper .Popup{padding:26px 10px;}

  #Top .mess-wrapper .Popup .h4{padding-bottom:15px; font-size:20px;}

  #Top .mess-wrapper .mess_width .form{height:320px; overflow-y: auto; padding:0 5px;}

  #Top .mess-wrapper .Popup .li_a{line-height:36px; height:38px; margin-bottom:12px;}

  #Top .mess-wrapper .Popup .input{line-height:36px;padding: 0 10px;

    font-size: 14px;}

  #Top .mess-wrapper .Popup .p_a{padding:10px 10px; font-size:14px;}

  #Top .mess-wrapper .Popup .li_c{padding:0 10px 10px 10px;}

  #Top .mess-wrapper .demo--label{margin:4px 6px; font-size:14px;}

  #Top .mess-wrapper .demo--radio:checked + .demo--radioInput:after{width:6px; height:6px; margin-left:3px; margin-top:3px;}

  #Top .mess-wrapper .demo--radioInput{width:14px; height:14px; margin-top:-2px;}

  #Top .mess-wrapper .Popup .li_a1{line-height:22px; height:auto;}

  #Top .mess-wrapper .demo--radioInput{margin-right:5px;}

  #Top .mess-wrapper .Popup .text{font-size:14px; line-height:20px; height:80px; padding:10px 10px;}

  #Top .mess-wrapper .Popup .tj .but{font-size:16px; line-height:36px;}

  #Top .mess-wrapper .numbe{width:30px; height:30px; margin-left:-15px; line-height:24px; font-size:24px;}
}
/*公共*/

#Down{width:100%; float:left; display:block;}

#Down .w_1366{padding-right:10px; padding-left:10px; margin-right: auto; margin-left: auto;}

@media (min-width: 768px) {

    #Down .w_1366{ width: 768px; }

}

@media (min-width: 992px) {

    #Down .w_1366{ width: 992px; }

}

@media (min-width: 1200px) {

    #Down .w_1366{width:1200px;}

}

@media (min-width: 1630px){

    #Down .w_1366{

        width: 1366px;

    }

}

@media (min-width:1920px){

    #Down .w_1366{

        width: 1366px;

    }

}