@font-face {
    font-family: "OpenSans";
    src: url("../fonts/Open-Sans.woff") format("woff"),
            url("../fonts/Open-Sans.ttf") format("truetype"),
            url("../fonts/Open-Sans.eot") format("embedded-opentype"),
            url("../fonts/Open-Sans.svg") format("svg");
}

@font-face {
    font-family: "OpenSansBold";
    src: url("../fonts/Open-Sans-Bold.woff2") format("woff2"),
    url("../fonts/Open-Sans-Bold.woff") format("woff"),
    url("../fonts/Open-Sans-Bold.ttf") format("truetype"),
    url("../fonts/Open-Sans-Bold.eot") format("embedded-opentype"),
    url("../fonts/Open-Sans-Bold.svg") format("svg");
}

body, div, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4 {margin:0;padding:0;font-style:normal;font-family: "OpenSans";}
ol, ul ,li{text-decorationle: none;font-family: "OpenSans";}
img {border: 0; vertical-align:middle;}
a{color:#000000;:none; outline: none;font-family: "OpenSans";vertical-align: middle; display: inline-block;}
.max-width{max-width:1200px;margin: 0 auto; }
html{overflow-x: hidden;}
.clearBoth::after{content: "";display: block;clear: both;}
/*footer*/
footer{background: url("../images/tyf34.jpg") #2d2223 top center no-repeat;padding-top: 60px;}
.cyl-footer{display: block;max-width:1200px;margin:0 auto;}
.cyl-footer-box-sty{display: block;max-width:615px;margin-left: 44%;}
.cyl-footer-box{display: block;padding-bottom:13px;border-bottom: 1px solid #626661;}
.cyl-footerB-list h3{color: #fff;font-size: 20px;text-align: left;    margin-bottom: 27px;}
.cyl-footerB-list{display: block;float: left;width: 33.333%;}
.cyl-footerB-list>ul{display: block;margin: 0;padding: 0;list-style: none;}
.cyl-footerB-list>ul>li{display: block;width: 100%;margin-bottom: 15px;}
.cyl-footerB-list>ul>li>a{display:inline;font-size:14px;color:#c9c9c9;line-height:20px;border-bottom:1px solid transparent; }
.cyl-footerB-list>ul>li>a:hover{text-decoration: none;border-bottom: 1px solid #ffac42;padding-bottom:4px;color: #ffac42;}

.cyl-footerB-list>div{display:block;}
.cyl-footerB-list>div>a{ transition: all 0.3s; width:40px;height: 40px;float: left;display: block;background: url("../images/tc61.png") no-repeat;}
.cyl-footerB-list>div>a:hover{margin-top:-4px;}
.cyl-footerB-list>div>a:nth-child(1){background-position: 0 0;}
.cyl-footerB-list>div>a:nth-child(2){background-position: -43px 0;}
.cyl-footerB-list>div>a:nth-child(3){background-position: -86px 0;}
.cyl-footerB-list>div>a:nth-child(4){background-position: -129px 0;}
.cyl-footerB-list>div>a:nth-child(5){background-position: -172px 0;}
/*cyl-footer-box-lx*/
.cyl-footer-box-lx{display: block;width: 100%;padding-top: 25px;}
.cyl-footer-box-lx>div{   margin-bottom: 14px; position: relative;display: block;float: left;    min-width: 50%;min-height: 40px;padding: 6px 0px 0 14px;}
.cyl-footer-box-lx>div>span{ font-family: "OpenSansBold";display: block;font-size: 15px;color: #ffac42;margin-bottom: 1px;margin-left: 36px;}
.cyl-footer-box-lx>div>a{       line-height: 18px;color: #c9c9c9;font-size: 15px;padding-left: 37px;}
.cyl-footer-box-lx>div>a:hover{text-decoration: none; color: #ffac42;}
.cyl-footer-box-lx>div:before{ content:"";display: block;width: 45px;height: 37px;position: absolute;left: 0;top: 0; }
.cyl-footer-box-lx>div:nth-child(1):before{background: url("../images/tc62.png") 0 -1px no-repeat; }
.cyl-footer-box-lx>div:nth-child(2):before{background: url("../images/tc63.png") 0 -1px no-repeat; }
.cyl-footer-box-lx>div:nth-child(3):before{background: url("../images/tc64.png") 0 -1px no-repeat; }
.cyl-footer-box-lx>div:nth-child(4):before{background: url("../images/tc64.png") 0 -1px no-repeat; }
/*bottom_index*/
.bottom_index{background-color:transparent;padding-bottom:0;    margin-top: 8px;}
.bottom_index_body{max-width:1200px;margin:0 auto; padding-top: 14px;}
.bottom_index_left{float: left;}
.bottom_index_left span{font-size:14px; color: #6e6e6e;}
.bottom_index_left span a{font-size:14px; color: #6e6e6e;display:inline-block;margin-left: 5px;font-family: "OpenSans";}
.bottom_index_left span a:hover{color: #fff;text-decoration: none;}
.bottom_index_left>a:hover{color: #fff;text-decoration: none;}
.bottom_index_left>a{font-size:14px;color: #6e6e6e; display:inline-block;margin-left: 30px;}
.foot_link{float:right;text-align:left}
.link_index{ list-style:none; float:left;width:120px;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.link_index>li{ list-style:none; float:left;position:relative;overflow:hidden;width:100%;padding-right:30px;background:url(../images/tc46.png) 106px 3px no-repeat;height:30px}
.link_index>li:hover{overflow:inherit;border-top-left-radius:0;border-top-right-radius:0;border-top:none}
.link_index>li>p{    float: left;  font-size: 14px;  color: #aaa;  line-height: 20px; font-family: "OpenSans";  margin: 0;}
.link_index>li>a{float:right;font-size:14px;color:#FFF}
.link_index>li .link_ej{position:absolute;bottom:50%;left:-1px;background-color:#212121;z-index:-1;width:101.5%;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;opacity:0;padding:0 10px 10px;border-top-left-radius:4px;border-top-right-radius:4px;border:solid 1px #FFF}
.link_index>li:hover .link_ej{bottom:100%;opacity:1;z-index:1}
.link_index>li .link_ej>li{float:left;width:100%;margin-top:3px}
.link_index>li .link_ej>li a{font-size:14px;color:#FFF}

/*OPEN SANS SEMIBOLD ITALIC.TTF*/
@media screen  and (min-width: 768px){
    body{overflow-x: hidden;}
    /*en/ch*/
    .header-lan{display: block;float: right;    margin-top: 38px;}
    .header-lan>a{color: #666; font-size:18px; margin-left: 19px;}
    .header-lan>a:hover,.header-lan>a.active{color:#fff;text-decoration: none;}
    /*search*/
     .header-hompa-search{     display: block;width: 39px;height: 55px;position: relative;float: right;margin-top: 30px;}
     .header-hompa-search>img{  border-right: 1px solid #e4e4e4;display: block;    margin: 12px auto 0;}
    .header-top-form{  display: none;   border: 1px solid #999;height: 32px;position: absolute;width: 258px;background-color: #fff;border-radius: 15px;margin: 0 auto;z-index: 5555;    top: 45px;right: 0;}
    .header-top-form-input{  padding: 0 0 0 5px !important; line-height:31px;font-size:1rem; outline: none !important;  display: block;     width:80% !important;   height: 31px !important; border: 0 !important;  float: left !important;  padding-left:19px !important;  background-color:transparent !important;}
    .header-top-form-sbm{outline: none;width: 15%;font-size: 0;position: absolute;top: 0;left: 81%;float: left;height: 30px;display: block;border: 0;background: url(../images/anho2.png) center center no-repeat;padding: 0; }
    .header_index{     position: fixed;top: 0;z-index: 99999; width: 100%;left: 0;}

    .cr-logo{display:none;}
    .navbar-default{  border: 0; width:100%;   border-radius: 0; clear:both;z-index:999;     background-color:transparent;}
    .head_index{padding: 0;margin: 0;}
    .navbar-nav>li{  margin:0;   padding:0 8px;}
    .dropdown-menu>li{display: block;width: 100%;}
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: transparent;color: #fff;}
    .head_index_text>li:hover>a>i{opacity: 1;}
    .navbar-nav>li:hover>.dropdown-menu{display: block;}
    .navbar-default .navbar-nav>li>a{ transition:background 0.2s; box-shadow: #ffac42 0 0 0 0;transition:box-shadow 0.5s ease-in-out;    -webkit-transition:box-shadow 0.5s ease-in-out;     -moz-transition:box-shadow 0.5s ease-in-out;     -o-transition:box-shadow 0.5s ease-in-out;border-radius: 5px; position:relative;  text-transform:uppercase;  font-size: 18px;   line-height: 26px; display: block;    padding: 5px 22px;color: #999;}
    .navbar-default .navbar-nav>li:focus>a,.navbar-default .navbar-nav>li:hover>a{box-shadow: #ffac42 0 0 20px 2px;color:#333;background: #ffac42;text-decoration: none;}
    .head_index_text>.current-menu-item>a{box-shadow: #ffac42 0 0 20px 2px;color:#333;background: #ffac42;text-decoration: none;}
    .head_index_go{ background-color:transparent;   max-width: 1200px;border:0;  margin: 0 auto;clear:both;}
    .nav-header-top{   margin:0; display: block;  float: left;}
    .nav-header-top>a{  display: block;  float: left;}
    .dropdown-menu>li>a{color:#fff;}
    .head_index_text{    float:right;    margin:30px 0 0 0;padding: 0;}
    .head_index_text>li>ul{   left:0;   background-color:#fff;  position: absolute; }
    .head_index_text>li>ul>li{display: block;width: 100%;margin: 0;padding: 0;position: relative;}
    .head_index_text>li>ul>li:hover>ul{    display: block;top: 0;left: 100%;}
    .dropdown-menu>li>a{text-transform: capitalize;text-align: center;border-bottom:1px solid #fff;  display: block;  padding: 10px 15px;  color: #666;  font-size: 14px;}
    .head_index_text>li>ul>li>a{   text-transform: capitalize;text-align: center;border-bottom:1px solid #fff;  display: block;  padding: 10px 15px;  color: #666;  font-size: 14px;}
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{    background-color:#ffac42; color: #fff;}
    .header-dy-top{position: fixed;top: 0;    box-shadow: #777 0px 2px 8px 0px;background-color:#000;   }
    .header-dy-top .header-top{display: none;}
}
@media screen and (max-width:1150px) and (min-width: 768px){
  .header-lan,.header-hompa-search{display: none;}
}

@media screen and (max-width:1000px) and (min-width: 768px){
    .navbar-default .navbar-nav>li>a{    padding: 5px 5px;}
}
@media screen and (max-width:1100px) and (min-width: 768px){.nav-header-p{display: none;} }
/*header*/
@media screen and (max-width: 767px){
    .ss-title{padding:80px 0 50px;}
    .aboutUs-box-left .ss-title>h2>a{max-width: 100%;}
    .header-hompage{display: none;}
    .header-hompa-search{display: none;}
    .header-img,.header-top,.header-lan{display: none;}
    .navbar-default .navbar-toggle{    margin-top: 25px;border-color: #fff;}
    .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
    .head_index_go{background-color: #fff;}
    .navbar-default{background-color:#000;border: 0;}
    .cr-logo{display: block;float: left;margin-left: 10px;}
    .cr-logo>img{display: block;    max-width: 191px;}
    .head_index_text>li:hover>ul{display:block;}
    .head_index_text>li:hover>ul{width: 100%;}
    .head_index_text>li:hover>ul>li>a{    padding: 8px 20px;}
    .navbar-default .navbar-nav>li>a{transition: all 0.3s;display: block; color: #999;font-size:18px;}
    .header-top-sreach,.nav-header-top{display: none;}


    /*footer*/
    .cyl-footer-box-sty{width: 100%;max-width: 100%;margin: 0;}
     .cyl-footer-box,.cyl-footer-box-lx{ padding:20px 15px 0;}
    footer{padding-top: 20px;}
    .bottom_index{background: #222;padding: 0 15px;}
}