*{padding:0px;margin:0px; font-family:"Open Sans", Arial,"Microsoft Yahei", Helvetica, sans-serif; /*font-family:"Century Gothic" ,Century Gothic;*/list-style-type:none;box-sizing: border-box;}
.f_c_2,.f_c_3,.f_c_4,.f_c_5 { float: left;}
.f_c_2 { width: 50%}
.f_c_3 { width: 33.333333333%}
.f_c_4 { width: 20%}
.f_c_5 { width: 20%}
.f_c_60 { width: 60%;float:left}
.f_c_70 { width: 70%;float:left}
.f_c_80 { width: 80%;float:left}
.f_c_40 { width: 40%;float:left}
.f_c_10 { width: 10%;float:left}

#preloader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 999999;
}
#preloader #preloader-inner {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -75px 0 0 0px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #297fb8;
    border-left-color: #297fb8;
    animation: spin 1s linear infinite;
}

#preloader #preloader-text {color:#176192; font-size: 12px;    position: relative;
    left: 50%;
    top: 50%;margin: 0px 0 0 -40px; letter-spacing: 5px;}
/* #preloader #preloader-inner:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;
    animation: spin 3s linear infinite;
}
#preloader #preloader-inner:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    animation: spin 1.5s linear infinite;
} */
@keyframes spin {
    0% {
    transform: rotate(0deg);
}
to {
    transform: rotate(1turn);
}
}


a:hover { text-decoration:none!important;}

.Uppercase{text-transform:Uppercase}
.textcenter { text-align: center!important}

body { -webkit-font-smoothing:antialiased; }

.have_children { position: relative;} 
.have_children span { 
-webkit-font-smoothing: antialiased; position: absolute; right:0; top:0; width:30px; height: 30px;    cursor: pointer;
text-align: center; line-height: 30px;
}

.have_children span {
transition: All 0.1s ease-in-out;
        -webkit-transition: All 0.1s ease-in-out;
        -moz-transition: All 0.1s ease-in-out;
        -o-transition: All 0.1s ease-in-out;
}
.have_children.current span {
-moz-transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);}

.coll_body { float: left; width:100%;}
.coll_body a { display: block; padding-left:15px!important; color: #888!important; font-size: 12px!important;}
.coll_body::after { content: " "; clear:both}


.menu > ul > li:nth-child(7) > ul > li { width: 20%;}

.fow::after { 
    clear: both;
    display: table;
    content: " ";}

@media (min-width: 769px) and (max-width: 1024px){
	.menu-container {
    width: 100%;
    margin: 0 auto;
}

.fcontainer {   
     width: 100%;
    margin: 0 auto;}

    .fow { padding:.5em;}
    

}
@media (min-width: 1366px){
.menu-container {
    width: 100%;
    margin: 0 auto;
}

.fcontainer {   
    width: 100%;
   margin: 0 auto;}

}

.fow { max-width:1200px;margin: 0 auto; padding:0}

.menu-mobile {display: none; padding: 1.5em;color:#FFF; text-decoration:none;}

.menu-mobile:after {
    content: "";
    font-family: "iconfont";
    font-size: 1.5rem;
    padding: 0;
    float: left;
    position: relative;
    top: .5rem;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
	color:#FFF;
}

.menu-mobile.active:after {
   content:"\e60e";
}

.menu li a.logo {
    padding:0em 1.5em 0em 0!important;
    position: relative;
    top:-7px;
}





/* .menu-dropdown-icon:after {
    content: "";
    font-family: "iconfont";
  
    cursor: pointer;
 
    color: #fff; 
	display: inline-block;
	padding: 1em 2em 0 0;
	
} */

.menu-dropdown-icon.active { background:#fff!important; border-top-left-radius: 2px;border-top-right-radius: 2px; }
.menu-dropdown-icon.active>a {color:#668db5!important}



.menu > ul {
    margin: .2em auto 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box; 
    display: table;
    padding:0 15px;
}

.menu > ul:before,
.menu > ul:after {
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    /* float: left; */
    padding: 0;
    margin: 0;
    display:table-cell;
    text-align: center;
    vertical-align: middle;
}

.menu > ul > li:nth-child(1) { text-align: center;}

.menu > ul > li>a {
    text-decoration: none;
    padding: 1em 1.5em;
     color:#fff;
	font-weight:normal;
    display:inline-block; 
    font-size: 16px; font-weight:bold;
    text-shadow: 0 0 4px #668db5;
}
.menu > ul > li > ul > li a {
    font-size: 15px; 
    font-weight:bold;}

.menu > ul > li:hover {
    background:none;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background:rgba(255,255,255,.99);
    padding: 30px 10px 10px 60px;
    position: absolute;
    z-index: 9999;
    left: 0;
    margin: 0 auto;
    list-style: none;
    color:#000;
    border-radius: 2px;
    box-shadow: 5px 15px 15px rgba(0,0,0,.2);

}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    float: left; text-align: left;
	
}

.menu > ul > li:nth-child(3) > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    float: left;
	
}

.menu > ul > li:nth-child(9) > ul { width:auto; left:auto; padding-left:10px;}
.menu > ul > li:nth-child(9) > ul > li { width:100%; margin:.8em 0}
.menu > ul > li:nth-child(9) >  ul > li a {padding:0}


.menu > ul > li > ul > li a {
    
    padding: .5em 0 .5em .5em;
    width: 95%;
   
    color: #668db5;
  
}

.menu > ul > li > ul > li a span{float:right; text-align:right;}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: .5em;
    margin:0;
    list-style: none;
    box-sizing: border-box;
    position: relative;
	
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    margin: 0;
    font-size: .875em;
    font-weight: 100;
   
    position: relative;
}

.oplist { display: block!important;}

/* .menu > ul > li > ul > li > ul > li:before {
    content: "•";
    font-size: 1.2rem;
    color:#000;  position: absolute;
    left:2px;
    top:6px;

} */

.menu > ul > li > ul > li > ul > li a {
    font-size: 14px;
    border: 0; 
    /* padding-left:15px; */
    color:#777!important;  width:auto; display:block; text-align: left;
    font-weight: normal;
}
.menu > ul > li > ul > li > ul > li a:hover {
    border: 0;
    color:#333!important;
    background:#f5f5f5;

}




.menu > ul > li > ul.normal-sub {
    width: 30%;
    left: auto;
    padding: 0px 0px 0px 20px;
	
}



.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
	color:#252623;}
/* .menu > ul > li > ul.normal-sub > li a:hover{
    color:none;} */
    
    .search_btn {
        color:#fff;
        font-size: 32px;
        padding: 1em 0 1em 1em;
    }




/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .uptolink {display: none;}
    .banner { height:65vh;}
    .menu-mobile {
        display: block; text-align: center;
    }
    #topNav span { display: none;}
    #topNav span.search_box { display: blcok}
    .menu-dropdown-icon::after { display:none;}
    .menu-dropdown-icon::before {
        display: block;
        padding: 1.5em 2em;
        content: "\e6a7";
    font-family: "iconfont";
    cursor: pointer;
    float: right;
 color:#fff;
 clear: both;
    }
    .newsleeter_input {width:100%!important; display: block;}
 
    .menu > ul {
        display: none;
        padding-bottom:1em;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
        text-align: left;
    }
    /* .menu > ul > li a:nth-child(1) {
        padding: 1em 1.5em 1em 0 !important;
    } */
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none!important;
        width: 100%!important;
        margin-top: 10px!important;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none; clear: both;
    }
    .menu .show-on-mobile {
        display: block;
    }

    .menu .show-on-mobile li:nth-child(1) {
        display: none;
    }
    .menu .show-on-mobile li ul li:nth-child(1){
        display: block
    }

   

    .coll_body a { color:#646464!important;}
    
    .inquirymargin .control-label { text-align: left}
    .inquirymargin { width:100%;}

}


/* p style */
.fH1 { font-size: 24px; font-weight: bold; color:#000; margin: .5em 0 1em 0; text-align: left; text-transform: uppercase;line-height: 1; }
/* .fH1::before {content: "\f2c7";     font-family: "Ionicons"; font-size: 56px; font-weight: bolder; padding: 0em .5em; float: left; position: relative;top: -4px;} */

.fH2 {font-size: 1.45em; font-weight: bold; margin: .5em 0 0.8em 0; text-align: left; line-height: 1;}


.btn_yellow {display: inline-block;    padding: .8em 1.75em .8em 1.75em;    clear: both;    color: #000;  font-weight: bold;   text-decoration: none;    background:rgba(255,200,4,.9);
  border-radius: 2px; }
  .btn_yellow:hover { background-color:rgba(255,200,4,1); color:rgba(0,0,0,1)}

  .btn_red {display: inline-block; text-align: center; color:#fff!important;    padding: .8em 1.75em .8em 1.75em;    clear: both;   font-weight: bold;   text-decoration: none;    background:rgba(30, 60, 115,1);
    border-radius: 2px; }
    .btn_red::before {content: ""!important}
    .btn_red:hover { background-color:rgba(30, 60, 115,0.9)!important; color:#fff!important}
  

.btn_none {  display: inline-block;    padding: .8em 1.75em .8em 1.75em;  background: none!important;    border: #fff solid 1px;    color:#fff;  font-weight: bold;border-radius: 2px;
}

.btn_gray {transition: background .3s !important;  display: inline-block;    padding: .8em 1.75em .8em 1.75em;  background: none;    border: #b0bec5 solid 1px;    color:#37474f;  font-weight: bold;border-radius: 2px;
}
.btn_gray:hover,.btn_gray:active { background:#006dda; border-color: #006dda; color:#fff; }
.btn_more { width:50%;}
.btn_more:hover,.btn_more:active { background:#f1f1f1!important; border-color: #b0bec5!important; color:#37474f!important}


.btn_blue { transition: background .3s; display: inline-block;    padding: .8em 1.75em .8em 1.75em;   background:#304ffe; color:#fff;    font-weight: bold;border-radius: 2px;
}
.btn_blue:hover,.btn_gray:active { background:#006dda; border-color: #006dda; color:#fff}

.btn_white {transition: background .3s;  display: inline-block;    padding: .8em 1.75em .8em 1.75em;  background: none;    border: #fff solid 1px;    color:#fff;  font-weight: bold;border-radius: 2px;
}
.btn_white:hover,.btn_white:active { background:#006dda; border-color: #006dda; color:#fff}

#topNav { font-size: 12px;}
#topNav .fow { text-align: right; max-width: 100%;}
#topNav span{  margin-left: 4px;display:inline-block;color:#fff;}
#topNav  a { color:#fff;}
.btn_border_wihte { border: #fff solid 1px; border-radius: 2px; padding: .1em .5em;}

.bg_add,bg_add0  { background: #668db5; transition: background .5s ease-out;}



/* Slide transitions */

/* .slideUp {

     -webkit-transform: translateY(-106px);
     -ms-transform: translateY(-106px);
     -o-transform: translateY(-106px);
     transform: translateY(-106px);
 
     -webkit-transition: transform .5s ease-out;
     -o-transition: transform .5s ease-out;
     transition: transform .5s ease-out;
   }

   .slideDown {

     -webkit-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0);

     -webkit-transition: transform .5s ease-out;
     -o-transition: transform .5s ease-out;
     transition: transform .5s ease-out;

   } */

#servers {padding:3em 0 6em 0; }
#servers .fow {max-width:1100px;}
#servers .fow div { text-align: center; height:220px;}
#servers .fow  .textcenter { clear: both;  }

#servers .fow div a {margin:2em;  display:inline-block;}
/* #servers .fow div a:hover { } */
#servers .fow div a  p{ text-align:center; font-size: 16px; margin-top:3em;color: #3571c6;font-weight: bold;}
/* #servers .fow div.f_c_5 a:hover i {} */
#servers div a i{border-radius: 100%;  color:#fff; font-size:3em; padding:.45em .5em; background:#fff; transition:font-size .2s;  }
#servers div a {opacity: .9; transition:opacity 1s;}
#servers div a:hover {opacity: 1;  }

#servers div a:hover i{font-size:3.3em;  }

/* #servers .f_c_4:nth-child(1) a i{color: #26a69a; border:#26a69a solid 1.5px;}
#servers .f_c_4:nth-child(2) a i{color: #001abd; border:#001abd solid 1.5px;  }
#servers .f_c_4:nth-child(3) a i{color: #f9a825; border:#f9a825 solid 1.5px;  }
#servers .f_c_4:nth-child(4) a i{color: #e53935; border:#e53935 solid 1.5px;  }
#servers .f_c_4:nth-child(5) a i{color: #129934; border:#129934 solid 1.5px;  }
#servers .f_c_4:nth-child(6) a i{color: #672cb4; border:#672cb4 solid 1.5px;  }
#servers .f_c_4:nth-child(7) a i{color: #db3e00; border:#db3e00 solid 1.5px;  }
#servers .f_c_4:nth-child(8) a i{color: #1e80cf; border:#1e80cf solid 1.5px;  } */

#servers .f_c_4:nth-child(1) a i{color: #ffffff; background:#26a69a; border:#26a69a solid 1.5px;}
#servers .f_c_4:nth-child(2) a i{color: #ffffff; background:#001abd; border:#001abd solid 1.5px;  }
#servers .f_c_4:nth-child(3) a i{color: #ffffff; background:#f9a825; border:#f9a825 solid 1.5px;  }
#servers .f_c_4:nth-child(4) a i{color: #ffffff; background:#e53935; border:#e53935 solid 1.5px;  }
#servers .f_c_4:nth-child(5) a i{color: #ffffff; background:#129934; border:#129934 solid 1.5px;  }
#servers .f_c_4:nth-child(6) a i{color: #ffffff; background:#672cb4; border:#672cb4 solid 1.5px;  }
#servers .f_c_4:nth-child(7) a i{color: #ffffff; background:#db3e00; border:#db3e00 solid 1.5px;  }
#servers .f_c_4:nth-child(8) a i{color: #ffffff; background:#1e80cf; border:#1e80cf solid 1.5px;  }

#servers .btn_gray { width:30%;}


#midservers { background: #ffffff; padding:6em 0 2.8em 0; }
#midservers .fow div img { margin-bottom:1em; }
#midservers .fow div span {margin:1em; padding:1em; display:block; text-align: center;}
#midservers .fow div h2 { font-size: 16px; margin:3em 0 1em 0;text-align: center;}

#midservers .fow div ul li{ text-align: center; font-size: 12px; line-height: 1.8;}
#midservers div  i{border-radius: 100%;  color:#fff; font-size:4em; padding:.2em; background: #004385}

#T1 {background: url(../images/bg_t1.jpg) no-repeat #000;background-size: cover}
#T1 h1 {color:#fff; font-size: 36px;}
#T1 p {color:#fff; font-size: 16px;}
#T1 p font {color:#fff; font-size: 22px;}
#T1 .fow .f_c_2:nth-child(2) { padding-top:4em;}
#T1 .fow .f_c_2 img { max-width:350px; margin:0 auto;}

#T2 { border-bottom:#eee solid 1px;}
#T2 .fow { width:100%; margin: 4em auto 2em auto; }
#T2 span { display:block; text-align: center; line-height: 1.3}
#T2 h1 {color:#000; font-size: 30px;text-align: center; line-height:1.5}
#T2 p {color:#000; font-size: 18px;text-align: center;}
#T2 .icon-bhyjcg { font-size: 8em; color:#bbb}

#T3 { margin:3em 0}
#T3 .btn_gray { padding: .4em 1em!important;}

#Discount { padding:2em 1em;}
#Discount div a{ margin: 0 0 .5em 0;  display:block; padding:.5em; }
#Discount div a .fH2 { font-size: 16px; color: #000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin:0 0 .5em 0}
#Discount div a p { font-size: 14px; color: #636363; margin:0;height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#Discount div a:hover { background:#f5f5f5; border-radius: 2px;}


#contact { padding:2em 5em ;}

#contact span.textcenter { display:block}
#contact h3 { color:#222; margin: 0 0 1em 0 ;font-weight: 400; font-size: 1.2em;}
#contact .f_c_3 i { color:#4a8fc1; font-size: 5em; }
#contact p{ color:#333;}


.cont_li { width:100%; margin:0 auto; }
.cont_li::after {clear: both; content: " "}



#footer {background: url(/public/static/modules/cms/images/首页5_23.jpg);  padding: 2em 0 0 0; font-size: 13px; font-weight: bold;color: #ffffff;background-size: cover;}
#footer .btn_blue { width:60%; background: #43acf7; text-align: center; color:#fff; }
#footer .fow {max-width:1200px;}
#footer span ul li {  color:#fff; line-height: 1.5; font-weight: normal; }
#footer span ul li a {color:rgba(255,255,255,.5); line-height: 1.5; font-weight: normal; font-size: 14px;}
#footer .half {color:rgba(255,255,255,.5);}
#footer span ul li a:hover {color:rgba(255,255,255,1);}
#footer span ul li { font-weight: normal}
#footer span ul li:nth-child(1) { font-weight: bold; margin-bottom:.5em;}
#footer span { display: block; margin:0 0 1em 0;}
#footer span.share a {     font-size: 2.4em;
    padding: .2em;
    color: #000;
    width: 1.4em;
    display: inline-block;
    height: 1.4em;
    border-radius: 100%;
    background: #1565c0;
    text-align: center; }
    #footer span.link { overflow: hidden; padding-bottom:3em; margin-bottom:3em; border-bottom:#127dca solid 1px;}
    #footer span.link img { max-width: 465px; width: 100%;}

    #footer span.link ul li:nth-child(1) { font-size: 16px; margin-bottom: .5em; color:#fff;}
    /* #footer span.btmcontact  ul li:nth-child(2n+1) { font-size: 16px; margin: .5em 0; color:#fff; font-weight: bold} */

    #footer .newsleeter_input input[type="email"] { background:#0d4e7d; border-radius: 2px;   width:80%; height:40px; line-height: 40px; text-indent: 1em; border: none;}
    #footer .newsleeter_input input[type="email"]:focus { background: #fff;}
    #footer .newsleeter_input input[type="submit"] {background:#2691de; border-radius: 2px; text-align: center;   width:19%; height:40px; line-height: 40px; cursor: pointer; border: none; color:#fff;}
    #footer .newsleeter_input input[type="submit"]:hover { background: #4fadf1;}
    #footer .newsleeter_input ::-webkit-input-placeholder {color:#99d4ff;}
    #footer .icon-weixin { font-size: 3em; color:#75bbf5; position: relative;transition: color .3s;}
    #footer .icon-weixin:hover {  color:#daeeff}

    #footer .icon-weixin img { position: absolute; display: none;  top:-70px; left:60px; opacity: 0; transition: opacity .3s; }
    #footer .icon-weixin:hover img {   display: block;opacity: 1;}

    .uptolink { position: absolute; bottom:15vh; left: 48%; z-index: 88;display: block;       
    font-family: "iconfont";
    cursor: pointer; font-size: 3em;
 color:#fff;
 clear: both;
 animation:mymove 1.5s infinite;
 -webkit-animation:mymove 1.5s infinite; /*Safari and Chrome*/}

 
 @keyframes mymove
 {
    0%   {bottom:15vh;}
    50%  {bottom:17vh;}
    100% {bottom:15vh;}
 }
 
 @-webkit-keyframes mymove /*Safari and Chrome*/
 {
    0%   {bottom:15vh;}
    50%  {bottom:17vh;}
    100% {bottom:15vh;}
 }

    /* search */
/* .menu > ul > li:nth-last-child(1) { position: relative;} */

    /* .menu > ul > li.active .search_box {
        width: 757px;
        opacity: 1;
        transition: 0.2s;
    } */

    .search_box { background:#fff;height:35px;  border-radius: 2px; width:270px; padding:0!important; margin: 0.5em 15px 0 0.5em; display:inline-block; position: relative;}
    .search_box button { position: absolute; top:0; right:0; background:none;border:none; width: 35px; height:35px; line-height: 1; outline: none; cursor: pointer;}
.search_box #search {
      background: none; width: 100%;height:35px;  border: none; font-size: 14px; outline: none; margin-bottom:10px;text-indent: .5em; padding-right:2em;
}
.search_box #search::-webkit-input-placeholder { color:#aaa; text-indent: .5em;}

.search-option { display:block;}
.search-option div { width: auto; float: left;  margin-right:15px;}
.search-option div input,.search-option div label {cursor: pointer;}

#maintitle { background: #1565c0; padding:2em 0; position: relative;}
#maintitle .fow::after {    content: "\f365";
    font-family: "Ionicons";
    position: absolute;
    display: block;
    padding-left: .8em;
    font-size: 8em;
    bottom: 0;
    left: auto;}
.aft_black::after {color: #2b2b2b;}
.aft_white::after { color:#fff;}

.bg_black { background:#2b2b2b}
.bg_white { background: #ffffff;}

#maincontainer { padding:8em 0 2em 0; min-height:calc(100vh - 350px);}
.maincontainer {padding:8em 0 2em 0;}

.rightNav .list_box {    background-image: -webkit-linear-gradient(90deg, #eaeaea, white)!important;}

.rightNav .list_box.rightMenu ul li a::before { content: ""}
.rightNav .list_box.rightMenu ul>li a { font-size: 16px; font-weight: bold; color:#757575; padding-left:1em;}
.rightNav .list_box.rightMenu ul>li { line-height: 3.2;}
.rightNav .list_box.rightMenu ul>li a.active { background: #fff; color:#000;}
.rightNav .list_box.rightMenu ul>li>ul>li { padding-left: 1.8em; line-height:1.8;}
.rightNav .list_box.rightMenu ul>li>ul>li>a { font-size: 14px;}

/* #maincontainer .fow div{ padding:.5em;} */

#sitmap { padding:1em 0; text-transform: uppercase; font-size: 12px;}
#sitmap a { color:#8c8c8c; margin-right:.5em;}
#sitmap a:hover { color:#000000;}
#sitmap a::after { color:#000;font-family: "Ionicons";display:inline-block;padding-left: .8em;font-size: 1em;}

#sitmap em { margin-left:1em; font-style: normal;}
#sitmap em font { font-weight: bold;}

/**info text css start***/
p { line-height: 1.8;  word-break: normal;text-align:justify;text-justify:newspaper; margin:2em 0; font-size: 14px;}
#info { margin:2em 0 6em 0}
#info .f_c_80{ width:78%;margin: 0 2% 0 0;}

.inquirymargin { border: #949da6 solid 1px; border-radius: 8px; padding:40px 28px 25px 0px; width:60%; margin: 80px auto;}
.inquirymargin .control-label,.inquirymargin .col-sm-8 { float: left;}
.inquirymargin .control-label { text-align: right;}
.inquirymargin .control-label .red { color:#dc3545;}
.inquirymargin  .form-group { height:38px; margin-bottom:10px;}

.main_text_box   { padding:1em 0 2em 0;}
.main_text_box  img,.text_box img { max-width: 100%; border-radius: 10px;}

.main_text_box { width: 100%;padding-bottom: 15px;
    font-size: 0.95em;
    line-height: 1.7em;}

    .main_text_box p {
        color:#555;
        margin-bottom: 10px;
    }
.main_text_box .noindent {text-indent: 0;}
    .main_text_box li p {
        text-indent: 0;
        margin-bottom: 10px;
    }

    .showcontentimg {
        margin-bottom: 15px;
        display: block;
        text-align: center;
        font-size: 14px;
    }

.main_text_box h1 { font-size: 30px; font-weight: bold; padding:.5em 0 1em 0; color:#2c3f51}
.main_text_box h2 { font-size: 24px; font-weight: bold; padding:.5em 0 1em 0;color:#2c3f51}
.main_text_box h3 { font-size: 18px; font-weight: bold; padding:.5em 0 1em 0;color:#2c3f51}
.main_text_box h4 { font-size: 16px;  padding:.5em 0 1em 0;color:#2c3f51}
.main_text_box a {  color:#0046ce; font-weight: 600; }
/* .main_text_box a:hover { } */
.main_text_box ul li{line-height: 1.8; letter-spacing: .01em; font-size: 14px;}
.main_text_box ul li p{margin:0!important}
.main_text_box ul.listspot li { list-style-type: disc; }
.main_text_box ul.listnum li { list-style:decimal-leading-zero;   }
.main_text_box ul.num li { list-style:decimal;   }
.main_text_box ul {margin:0 0 1em 0;padding:0 0 0 2em;}

.main_text_box span em { font-size: 12px; font-style: normal; display:block;}
.main_text_box .floatleft { float: left;}
.main_text_box .floatright { float: right;}
.main_text_box .left { text-align: left}
.main_text_box .center {text-align: center;}
.main_text_box .right {text-align: right;}

/* hank */
/* p .showcontenttabTit,p strong,p span  { text-indent: -2em;} */
.main_text_box ol,.main_text_box ul {padding-left:25px;}
.main_text_box ol.list-paddingleft-2 li { list-style:decimal-leading-zero;    }
.main_text_box p { font-size: 14px;}
.main_text_box ul.list-paddingleft-2 li { list-style:disc;   }
.main_text_box .tableshow {border-color:#b7e1ff}
.main_text_box .tableshow td { padding:5px 10px; background:#fff; font-size: 14px;}
.main_text_box .tableshow tr:nth-child(1) td { background:#668db5;color:#fff;}
.main_text_box .tableshow tr:nth-child(1) td strong { color:#fff;}
.main_text_box .Guplist img { border-radius: 6px; }

.main_text_box .showcontenttab {border-top:#b7e1ff solid 0.5px;border-right:#b7e1ff solid 0.5px;}
.main_text_box .showcontenttab td { padding:5px 10px; background:#fff; font-size: 14px; border-bottom:#b7e1ff solid 0.5px;border-left:#b7e1ff solid 0.5px; }
.main_text_box .showcontenttab tr:nth-child(1) td { background:#668db5;color:#fff;}
.main_text_box .showcontenttab tr:nth-child(1) td strong { color:#fff;}

.main_text_box h1 { padding-bottom:10px;}
.main_text_box h1 a { font-size: 18px;}
.main_text_box a.btn { color:#fff;}
.secondContent img {
    display: block;
    max-width: 100%;
    height: auto;
}

.Guplist .col-md-4 {
    margin-bottom: 15px;
    padding-bottom: 20px;
}

/* hank end */

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}


.showcontenttabTit{font-size:18px; display: inline-block;height:40px;line-height:40px;}
.showcontenttabsmallTit{display: inline-block;height:40px;line-height:40px;}


.gray,.gray li { color:#999!important;}
.italic{ font-style: italic}
.bold{ font-weight: bold;}

.main_text_box .m_table { width: 100%;border-spacing: 0;border-collapse: collapse; display:table;}
.main_text_box .m_table thead tr th{ background:#ffc604; padding:.5em ; font-weight: bold; text-align: left;}
.main_text_box .m_table tbody tr td{ padding:.5em ; font-size:12px;}
.main_text_box .m_table tbody tr:nth-child(2n+2){ background: #eee;}

/** end **/


/* list strat */

.f_li { padding:1em; border: #f5f5f5 solid 1px; border-radius: 2px; margin-bottom:1.5em; display:block; }
.f_li h1 {font-size: 18px; line-height: 1.5;}
.f_li p {font-size: 14px; color:#666;}
.f_li span { padding:.2em 1em; font-size: 12px; border-radius: 2px;color:#fff; float: right; position: relative; top:-1.5em;}
.bg_green { background: #43a047; }
.bg_yelow { background: #9e9d24; }
.bg_blue { background: #1a237e; }
.bg_orange { background: #f9a825; }
/* end */


.rightNav .list_box { background:#f5f5f5; border-radius: 2px; margin: 0 0 1em 0; padding:1em;}
.rightNav .list_box h3 { margin-bottom:1em;}
.rightNav .list_box ul li a::before { content: "●" ;color:#999999; font-size: 6px;}
.rightNav .list_box ul li { line-height:2;}
.rightNav .list_box ul li a { font-size: 14px; color:#999999; display: block;}
.rightNav .list_box ul li a:hover { color:#000; background:#eee; border-radius: 2px; }

hr { height:1px;border:none;border-top:1px solid #ccc;}
hr.title_hr { border-top:2px solid #000; margin-bottom:1em;}





.page_np a { color:#333; font-style: normal;}
.page_np a:hover { background:none; color:#000;}

.page_np { font-size: 12px; float:right; width: 100%;}
.pg_up { float: left;}
.pg_dn { float:right;}
.pg_dn::after {  content: "\f3d1"; font-family: "Ionicons"; font-size: 14px; font-weight: bolder; padding: 0em .5em;}
.pg_up::before {  content: "\f3cf"; font-family: "Ionicons"; font-size: 14px; font-weight: bolder; padding: 0em .5em;}

.list_img_box a { color:#000; width:30%; margin-right:5%; float: left; margin-bottom:2em;}
.list_img_box a span { display:block; position: relative; height:180px; border-radius: 2px; overflow: hidden;  background: #1565c0;   }
.list_img_box a span img { width: 100%; height:100%; object-fit: cover;}
.list_img_box:after { content: ""; display:table; clear: both;}
.middleTab { height:auto!important; width: auto!important; position: absolute;   top:50%; 
    left:50%;
    transform: translate(-50%,-50%)}

.list_img_box a:nth-child(3n) {  margin-right:0;}
.list_img_box h3 { margin: 1em 0 0 0; font-weight: bold; color:#000; height:34px; overflow: hidden; font-size: 14px; }

.search_pg_top {
    background:url(../images/bg_search.png) no-repeat !important;
    background-size:cover !important;
    
}

.search_pg_top .fow {padding:4em 0;}
.search_pg_top .fow::after { content: ""!important}

.search_pg_top input[type="text"] { border-radius: 2px; border: none; height:46px; width:80%; padding:0 10px; outline: none;}
.search_pg_top input[type="submit"] { border-radius: 2px; border: none; height:46px; cursor: pointer; font-weight: bold; background: #1565c0; color:#000; padding:0 2em; outline: none;}

#search_list div.se_li { padding:1em; border-bottom:#eee solid 1px; margin-bottom:1em;}
#search_list div.se_li:after { content: ""; display:table; clear: both;}
#search_list div h3 a { font-size: 18px; font-weight: bold;text-decoration: none; color:#03458c;}
#search_list div h3 a:hover { color:#2173cb;}
#search_list div p { color:#6c6c6c; margin-bottom: 0; font-size: 12px;}
#search_list div  a.se_nav { font-size: 12px; font-weight: bold; float:right;}
#search_list div a.se_nav { margin-top:.5em; color:#999; background:#eee; padding:0 3px; border-radius: 4px; }


.styled-pagination { font-size: 14px;}
.styled-pagination span{ display: inline; margin:0 10px;}
.styled-pagination span.current { background:#2775db; color:#fff;font-weight: bold; padding:5px 12px;border-radius: 4px;}
.styled-pagination a { color:#2775db; font-weight: bold; display: inline; padding:5px 12px;border-radius: 4px;}
.styled-pagination a:hover { background:#eee;}

a:hover { color:#1565c0}

.Inquiry_page label { color:#fff; width: 150px;vertical-align: top;}
.Inquiry_page input { width:60%;}
.Inquiry_page textarea { width:80%;}
.Inquiry_page li { margin-bottom:2em;}
.Inquiry_page .Code { width: 30%}
.code_tips { font-size: 12px; color:#fff;}
.Inquiry_page .submit { width: 25%; margin-left:150px;}

.search_pg_top label,.search_pg_top a{ color:#fff;}
.search_pg_top .search-option { margin-bottom:2em;}
.search_pg_top span { text-align: center; margin-top:1em;}
.search_pg_top span a { font-size: 12px; margin:0 .5em;}

.has_children { position: relative;}
.has_children ul { display: none;  background:#a1cdff; padding:10px; z-index: 999; border-radius: 2px; width: 100%; top:0%; left:100%; position: absolute;}
.menu-dropdown-icon ul li:last-child ul .has_children ul {left:-100%!important;}
.has_children.iopen { background:#fff; }
.has_children.iopen > a::before { content: "◀"; position: absolute; right:-2px; top:-1px; color:#a1cdff; }
.has_children.iopen ul { display: block!important}

#broadcast { background:#121212;}
#broadcast .fow {max-width: 1440px; margin: 0 auto; padding:.5em 0; text-align: center;}
#broadcast .f_c_5 { color:#666; line-height: 25px; text-align: right;}
#scrollDiv{height:25px;line-height:25px;overflow:hidden; margin:0 auto;}    
#scrollDiv li{height:25px;padding-left:10px; text-align: left;}
#scrollDiv li a { color:#fff; font-size: 12px;}



.floating_ck{position:fixed;right:30px;bottom:70px; z-index: 9990;}
.floating_ck dl dd{position:relative;width:3em;height:3em;background-color:#646577;border-bottom:solid 1px #555666; margin-bottom:.5em; border-radius: 4px; text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#1565c0;border-bottom:solid 1px #1565c0;}
.floating_ck dl dd:hover .floating_left{display:block;}

.floating_ck dl dd.words {background-color:#e76500;border-bottom:solid 1px #e76500;}
.floating_ck dl dd.quote{background-color:#82ca13;border-bottom:solid 1px #82ca13;}
.floating_ck dl dd.qrcord{background-color:#176ec0;border-bottom:solid 1px #176ec0;}
.floating_ck dl dd.phone{background-color:#e32011;border-bottom:solid 1px #e32011;}

.floating_ck dd span{color:#fff;display:block; line-height: 2;}
.floating_ck dd span i { color:#FFF; font-size: 1.5em;}
.floating_left{position:absolute;left:-8.5em;top:0px;width:8.5em;height:3em;background-color:#1565c0; padding:.5em;display:none; text-align: left}
.floating_left a{color:#fff;line-height:3; font-size: 12px; display:block; padding-left:.5em;}
.floating_left a:hover{ background:#fff; border-radius: 2px; color:#666;}
.floating_ewm{height:200px;top:-160px;}

#topcontrol span {    width: 3em;
    height: 3em;
    background-color: #646577;
    border-bottom: solid 1px #555666;
    display:inline-block;
    border-radius: 4px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center 20%;
    cursor: pointer;}

    #topcontrol span i{ color:#fff; position: relative; top:1em; }
    #topcontrol span{ -moz-transform:scaleY(-1);
        -webkit-transform:scaleY(-1);
       -o-transform:scaleY(-1);
      transform:scaleY(-1);
       filter:FlipV();}

.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}

.banner-fixed { height:430px; width: 100%; background-color: rgb(43, 70, 97); position: relative;}
.banner-fixed h2 { width:100%; text-align: center; bottom: 30%; left: 0; position: absolute; font-size: 28px; line-height: 1; color:#fff;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.banner-fixed em {color:#fff}
.banner-fixed img{ height:100%; width:100%;object-fit:cover}
.middlepage{ height:580px;}
.page-text { width: 50%;
    height: 35%;  
    overflow: auto;  
    margin: auto;  
    position: absolute;   overflow: hidden;
    top: 0; left: 0; bottom: 0; right: 0;   }

    .page-text h1,.page-text  p {color:#fff; text-align: center;   line-height: 1.5}
    .page-text h1 { margin-bottom:1em;}
    .page-text p { width: 60%; margin: 0 auto 1em auto; font-size: 16px;}
    .contact p em { font-style: normal; width:180px; display:inline-block}

    .j_l_b a{ border: #f0f0f0 solid 1px; border-radius: 10px; overflow: hidden;background: #f5f5f5; height:auto; display: block; margin:1em; opacity: .9;  transition: opacity .4s;  }
    .j_l_b a span { width:100%; height:280px; display:block;overflow: hidden; }
    .j_l_b a span img { width:100%; height:100%; object-fit: cover; transition: width .4s;}
    .j_l_b a h2 { text-align: center; margin:1em 0; font-size: 20px;}
    .j_l_b a:hover { opacity: 1; box-shadow: 0px 0px 45px rgba(0,0,0,.4); }
    .j_l_b a:hover span img { width:110%;}
    .footerservice .triangle_border_down, .footerservice .triangle_border_down1 { display: inline-block;}

@media only screen and (max-width: 959px) {
    .fow { padding-right:2em; padding-left:2em;}
    .j_l_b { width:100%;}
    #topNav { display:none;}
    .uptolink { display:none;}
    
    .fH1 { font-size: 36px;}
    .search_box #search::-webkit-input-placeholder { color:#555}
    .search_box #search { font-size: 18px; color:#fff;}

    .search_box { position:unset; display:block; opacity: 1; width: 100%; background:none; padding-bottom:1em; }
    .search_box #search { background: #212121;padding-left: 10px; }
    .search_btn { display: none;}
    .search-option { padding: 0 0 0 10px;}
    .search-option div label{  color:#fff;}
    #broadcast .f_c_5 { display: none;}
    #broadcast .f_c_40 { width:100%; float: unset;}
    
    #servers { padding: 3.5em 0 0 0 ;}
    #servers .fow div { height:auto;}
#servers .fow div.f_c_4 { padding:0em 0; text-align:center; width: 50%;  margin: 0;}

#servers .fow div a { display:block; margin: 0;}
/* #servers .fow div a p { padding: 2em;} */
#servers .fow div a p { font-size: 15px; text-align: center; margin:1em 0 5em 0;}
 #servers div a i { font-size: 1.7em;    padding:.55em .6em;} 

 .floating_ck { display: none;}
 .footerservice .triangle_border_down, .footerservice .triangle_border_down1 { display: none;}
 .footerservice {
    width: 100%!important;
    bottom: 0px!important;
    right: 0px!important;
}

.footerservice a { bottom: 0px!important; width:50%; float:right; border-radius: 0!important; display: block!important; border: none!important; text-align: center;}
.footerservice-box {bottom:-5px!important; width:100%!important}

.que {    background: #111!important;}
.dc0 { display: none!important}
.dc1 { display: inline-block!important;}

.footerservice a font {
    font-size: 20px!important;
    padding: 5px 0;
    display: inline-block;
}

#T3 .f_c_2 { width:100%;}


#contact .f_c_3 i { font-size: 3em;}

 .banner ul.flicks>li .flick-inner .flick-content { width:auto;}

 #T1 { height:auto; background-position: left bottom;}
 #T1 p { width: auto; font-size: 14px;}
 #T1 .fow .f_c_2:nth-child(2) { padding: 1em 0;}

 .banner ul.flicks>li .flick-inner .flick-content,.banner ul.flicks>li .flick-inner .flick-content p{ text-align: center;}
 .banner-page .btn { float:unset;}

#contact .fow div.f_c_2 { width: 100%;}
#contact h3,.contact h3 { margin: 0; text-align: center; margin-bottom:1em;}
#contact h3 {margin-top:1em;}
#Discount,#contact { padding:0em 1em 1em 1em;}
#Discount .f_c_3 { width:100%;}
#Discount div.f_c_3 a { margin: 0 0 .5em 0;}
#Discount div a p {text-align: left;}
#contact p { width:100%; }
.contact p em { display: block;}
.contact p{text-indent: 0;}

#scrollDiv .f_c_2,#scrollDiv.f_c_80 { width:100%; float:unset;}

#footer span { padding:0 1em;}
#footer .f_c_4 { width:100%; text-align: center;}
#footer .link .f_c_4 { width:33.3333333%; text-align: left;}
#footer .link .f_c_4:nth-child(4) { width:100%; text-align: left;}

#footer { padding:3em 0 3em 0}
#footer .f_c_5 { width:100%; text-align: center; margin-bottom:1em;}
.f_c_40 { width:100%; text-align: left;}
#footer .f_c_80 { width:100%; text-align: left; margin-bottom:1em;}
#footer .btmcontact .f_c_4 { width:100%;}

.f_c_60 { width:100%;}
#footer .f_c_70 { width:100%;}

#footer .btmcontact .f_c_5 { text-align: left;}
#footer .btmcontact .f_c_5 li { width:33.333333%; float: left}
#footer .btmcontact .f_c_5 li:nth-child(1) { width:100%; }
#footer span.btmcontact ul li:nth-child(2n+1) { margin: 0}

.leftNav { width: 100%; margin: 0}

.main_text_box .f_c_4,.main_text_box .f_c_3 { width: 100%;}

#maincontainer .fow { padding:0 1em;}
#maincontainer { padding:2em 0 2em 0; min-height:auto;}
.page_np {  display:none;}


.list_img_box a { width: 48%; margin-right:4%; }
.list_img_box a h3{ font-size: 12px;}
.list_img_box a:nth-child(3n) {  margin-right:4%;}
.list_img_box a:nth-child(2n) {  margin-right:0;}

.search_pg_top input[type="text"] { width:70%}
.search_pg_top input[type="submit"] { width: 25%;}


#search_list .f_c_2 {width:100%!important;}



.search_pg_top .fow { padding:1em 0}
#maincontainer .f_c_2 {width:100%}

.banner ul.flicks>li .flick-inner { background:rgba(0,0,0,.1)}
.Inquiry_page input,.Inquiry_page textarea { width:100%;}
.Inquiry_page .submit { margin-left:0; width:100%}

#T1 h1 { line-height: 1.5; font-size: 24px;}
#T1 .f_c_2{ width:80%; margin: 0 auto; text-align: center; float:unset}
#T1 .f_c_2:nth-child(1) { display:none;}

.mNav,#nav-index { position:unset!important; background:#668db5}


.cont_li { width: 90%}
#contact .fow .f_c_3 i { font-size: 4em; margin-bottom:3em;}
.maincontainer { padding:0;}
#info .f_c_80,.f_c_5 { width:96%; margin:0 2%;}

.banner-fixed { height:120px;}

#midservers .f_c_4 { width:96%; margin: 0 2%;}
#midservers { padding:0;}
#T2 .fow { width:90%;}
#T2 { border:none;}
 }

 @media (max-width: 1440px) and (min-width: 150px) {

    .fow { width:96%; padding-right:2%; padding-left:2%;}
 }

 .dthover a {background:#f9f9f9;padding: 8px 15px;
    background: #f9f9f9;
    margin-bottom: 10px;
    display: block;}
         .dthover a:hover {background:#eee; color:#36b8fc;}


         .flyer-list a{border: 2px solid #f0f1f1; display: block; padding:20px 0;margin-bottom:25px;}
         .flyer-list a:hover{border: 2px solid #f0f1f1; background:#efefef}

         .nc-container .nc_scale span { margin-top:0!important ;    padding: 0!important;     height: 34px!important;}