body,h1,h2,h3,h4,h5,h6,hr,a,p,blockquote,dl,div,dt,dd,ul,ol,li,img,select,table,tr,fieldset,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0;border: 0;}
*{word-wrap:break-word;}
body {color:#666; background-color:#FFF;}
a { text-decoration:none; color:#666; outline:none;display:inline-block;}
a,input,select,textarea { outline:none; vertical-align:middle;}
ul,dl { list-style-type:none;}
img { border:0;}
small,em,i {font-weight:normal;}
li { list-style:none;}
label input { vertical-align:middle;margin-right:5px;}
img {border:0;}
.clear { clear: both; padding:0; margin:0; line-height:0; font-size:0; height:0;}
.clear-fix { *overflow: hidden; *zoom: 1; }  
.clear-fix:after { display: table; content: ""; clear: both; padding:0; margin:0; line-height:0; font-size:0; height:0;} 
.max1200{ max-width:1200px; margin:0 auto;}
.max1800{ max-width:1800px; margin:0 auto; -webkit-box-shadow: 0px 0px 30px 10px rgba(128, 128, 128, 0.5); -moz-box-shadow: 0px 0px 30px 10px rgba(128, 128, 128, 0.5); box-shadow: 0px 0px 30px 10px rgba(128, 128, 128, 0.5);}
.fl{ float:left;}
.fr{ float:right;}
.porduct_xq .conbox ol li{
    list-style: auto inside;
}
.porduct_xq .conbox ul li{
    list-style: inside;
}
.porduct_xq .conbox > div > p > a,.porduct_xq .conbox li a{
    color: #337ab7;
}
.porduct_xq .conbox a{
    color: #337ab7;
}
#mobcate{
    position:fixed;
    top:0;
    left:-768px;
    width:0;
    height:100%;
    overflow:auto;
    background:rgb(33, 33, 33);
    transition:all 0.5s;
    z-index:9999;
    padding:0 30px;
}
#mobcate.open{
    width:100%;
    left:0;
}
#mobcate::-webkit-scrollbar{
    width:5px;
}
#mobcate::-webkit-scrollbar-thumb{
    background: #edd79e;
}
#mobcate .overflow-box::-webkit-scrollbar{
    width:30px;
    height:3px;
}
#mobcate .overflow-box::-webkit-scrollbar-thumb{
    background: #fff;
}
#mobcate .mob-head{
    text-align:center;
    padding: 20px 0;
}
#mobcate .mob-head span{
    float:left;
    color:#fff;
}
#mobcate .mob-head img{
    width:100px;
    height:auto;
}
#mobcate .overflow-box{
    overflow-x:scroll;
    padding:20px 0 30px;
}
#mobcate .mob-prolist .pro-item{
    width:125px;
    float:left;
    margin-right:10px;
}
#mobcate .mob-prolist .pro-item a{
    display:block;
    width:100%;
}
#mobcate .mob-prolist .pro-item a img{
    width:100%;
    height:auto;
}
#mobcate .mob-prolist .pro-item a p{
    color:#fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-top:10px;
}

#mobcate .catebox a{
   color:#fff;
}
#mobcate .catebox dl{
    padding:20px 0;
    border-bottom:1px solid #eee;
}
#mobcate .catebox dl dt{
    font-weight:bold;
    margin-bottom:5px;
}
#mobcate .catebox dl:first-child{
    overflow:hidden;
}
/*#mobcate .catebox dl:first-child dt{*/
/*    display:none;*/
/*}*/
#mobcate .catebox dl:first-child dd{
    width:50%;
    float:left;
    display:block;
}


.topdh{ background:url(../images/top_01.png) 0 0 no-repeat; background-size:cover; margin:0 0px; border:none; border-radius:0; z-index:999 !important; position:relative;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display:inline-block; width:100%;}
.top_index_background{ background:url(../images/les.png) 0 0; height:20px;}
.top{ position:relative; border-bottom:solid 1px #333;}
.top .max1200{position:relative;}
.top_index_left{ float:left; margin-right: 4%;}
.logo_index{ float:left; margin-right:20px;margin-top: 8px;margin-bottom: 10px;}
.logo_index a{ width:84px; text-align:center;}
.top_index_orientation{ font-size:15px; color:#FFF; filter: alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; font-family:Nyala; float:left; max-width: 255px; margin-top:30px;line-height: 28px;}

.head_index{ max-width:1400px; margin:0 auto;}
.head_index .nav{ margin-top:26px;}
.head_index .nav>li{display:inline-block; float:none; position:relative;}
.head_index .nav>li>a{text-transform:uppercase; font-size:16px; color:#FFF; min-width:68px; text-align:center; padding:15px 6px; position: relative; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;font-family: 'Conv_GOTHAM-BOLD';}
.head_index .nav>li>a>span{ position: absolute; display:block; width:100%; height:14px; filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; background:url(../images/nav.png) center 0 no-repeat;}
.head_index .nav>li:hover>a{ background-color:#36393d; color:#FFF;}

.head_index .nav>li.cans>a{  background-color:#36393d; color:#FFF; text-decoration:none;}

.head_index .nav>li:hover .dropdown-menu{ display:block;}
.dropdown-menu>li>a{}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color:#FFF; background-color:#edd79e; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.head_index .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#FFF; background-color:#edd79e;}
.head_index .form-control{ border-right:none; border-radius:0; background-color:#FFF; height:38px; line-height:38px;border:solid 1px #edd79e; color:#111; width:85%;}
.head_index .btn{ border-left:none;border-radius:0;margin-left: -3px;height:38px; line-height:38px; width:38px; background:url(../images/sos.png) center center no-repeat #edd79e;padding: 6px 18px; border:solid 1px #edd79e;}
.head_index .btn:hover{ background-color:#FFF;}
.is-sticky .head_index_go{ background-color:transparent;}



.navbar-default .navbar-toggle{ background-color:transparent;border:0; margin-top: 5%;}
.navbar-default .navbar-toggle .icon-bar{ background-color:#edd79e;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color:#edd79e;}
.topsos_index{ float:left; position:relative; margin-top:32px; margin-left:15px;}
.topsos{background:url(../images/soo.png) 0px 0px no-repeat #edd79e; width:39px; height:29px; border-radius:0;}
.search_form1{ position:absolute; top:100%; right:0px; display:none; background-color: transparent; z-index:9999; width:207px;}
.search_form1 .input{float: left; padding: 7px 5px 7px 10px;color: #000;width: 173px;height: 34px;border: solid 1px #edd79e; border-radius:5px;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.search_form1 .button{ background:url(../images/sos.png) 2px 0px no-repeat;width:34px; height:34px;background-color: #edd79e;border: solid 1px #edd79e;border-radius:5px;border-top-left-radius: 0;border-bottom-left-radius: 0;}




.foot_index{ background-image:url(../images/foot.jpg); background-size:100%; background-color:#f4f4f4; padding-top:168px; background-repeat:no-repeat; padding-bottom:50px;}

.contact_index{ max-width:956px; margin:0 auto; background-color:#FFF; padding:35px 0px 55px;}

.contact_index_title{ text-align:center;}

.contact_index_title h2{}

.contact_index_title h2 a{ font-size:30px; color:#000; text-decoration:none; text-transform:uppercase; font-family: 'Conv_GOTHAM-BOLD';}



.foot_message{ margin-top:20px;}

.foot_message form{}

.foot_input{}

.foot_input_nr{ padding:10px 17px;}

.foot_input_nr input{ border:solid 1px #ccc; font-size:14px; color:#000; font-family: 'Conv_Lato-Light',Sans-Serif; line-height:40px; padding:0 10px; width:100%;}

.foot_texbut .foot_textarea{ padding:10px 17px;}

.foot_texbut .foot_textarea textarea{ border:solid 1px #ccc; height:212px;width: 100%;resize: none; word-wrap: break-word; font-size:14px; color:#000; font-family: 'Conv_Lato-Light',Sans-Serif; padding:10px 8px;}

.foot_button{ padding:0 17px;}

.foot_button button{ width:50%; float:left; background-color:#363636; color:#FFF; font-weight:bold; text-align:center; line-height:52px; height:52px; overflow:hidden; font-size:18px; text-transform:uppercase; font-family: 'Conv_Lato-Light',Sans-Serif; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.foot_button button:hover{ background-color:#ffecbb; color:#000;}

.foot_button .checkbox{
    font-size:16px;
    margin-bottom:30px;
    position:relative;
    margin-bottom:10px;
    text-align:center;
    width:max-content
}
.foot_button .checkbox .box{
    position:absolute;
    top:.1px;
    left:0;
    height:20px;
    width:20px;
    border:.1px solid #ddd;
    border-radius:3px;
    transition:all .3s linear
}
.foot_button .checkbox input{
    margin-left:0;
    display:none
}
.foot_button .checkbox label{
    padding-left:30px;
    font-size:16px;
    margin-bottom:0;
    color:#666
}
.foot_button .checkbox label a{
    display:inline-block;
    text-decoration:underline;
}
.foot_button .checkbox #agree:checked+label .box::before{
    content:'√';
    position:absolute;
    left:2px;
    top:3px;
    width:16px;
    height:16px;
    color:#333
}

.foot_index_body{max-width:956px; margin:40px auto 0;}

.foot_index_left{ position:relative;}

.foot_index_left ul{}

.foot_index_left ul li{ margin-top:10px;}

.fooot_index_box{ float:left; margin-right:40px;}

.fooot_index_box span{ float:left; font-size:16px; color:#010101; font-weight:bold; font-family: 'Conv_Lato-Light',Sans-Serif;}

.fooot_index_box a{ float:left; font-size:16px; color:#010101; font-weight:bold; font-family: 'Conv_Lato-Light',Sans-Serif;}

.foot_index_left ul li p{ font-size:16px; color:#010101; font-weight:bold; font-family: 'Conv_Lato-Light',Sans-Serif; line-height:31px;}

.foot_index_left ul li>span{ float:left; font-size:16px; color:#010101; font-weight:bold; font-family: 'Conv_Lato-Light',Sans-Serif; margin-right:5px; line-height:31px;}

.foot_index_right{}

.foot_index_share{}

.foot_index_share a{ margin:0 5px;}

.foot_index_share1{ width:40px; height:40px; background:url(../images/youtube.png); transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.foot_index_share1:hover{background:url(../images/youtube.png);}

.foot_index_share2{ width:40px; height:40px; background:url(../images/google.png); transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.foot_index_share2:hover{background:url(../images/google.png);}

.foot_index_share3{ width:40px; height:40px; background:url(../images/Facebook.png) ; transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.foot_index_share3:hover{background:url(../images/Facebook.png);}

.foot_index_share4{ width:40px; height:40px; background:url(../images/twitter.png); transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.foot_index_share4:hover{background:url(../images/twitter.png);}

.foot_index_share5{ width:40px; height:40px; background:url(../images/social-instagram.png); transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}

.foot_index_share5:hover{background:url(../images/social-instagram.png);}



.link_index{ margin:20px 5px 0; float:left; width:100%;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; max-width:248px;}

.link_index>li{ float:left; position:relative; overflow:hidden; padding-left:10px; width:100%; padding-right:60px; background: url(../images/link.png) right center no-repeat #9e9e9e;}

.link_index>li:hover{ overflow:inherit;}

.link_index>li>p{ float:left; line-height:44px; font-size:18px; color:#FFF;font-family: 'opensans',Sans-Serif; filter: alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;}

.link_index>li>a{ float:right;line-height:44px; font-size:14px; color:#FFF;font-family: 'opensans',Sans-Serif;}

.link_index>li .link_ej{ position:absolute; bottom:50%; left:0; background-color:#9e9e9e; z-index:-1; width:100%;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s; opacity:0; padding:0 10px 10px;}

.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:10px;}

.link_index>li .link_ej>li a{ font-size:14px;color:#FFF;font-family: 'opensans',Sans-Serif;}

@media (min-width: 768px){
#menu{left: 12%; top: 59%;}
.logos{ display:none;}

.input-group{ display:none;}

.contact_index{ padding:35px 38px 55px;}
.newnum{ display:none;}


.foot_index_left{ float:left; width:52%;}

.foot_index_right{ float:right;}

.link_index{ float:right;}

}



@media (max-width:768px){
.banner_public{ display:none;}
.top{ display:none;}
.logos{ float:left;}
.logos>a>img{width: 100px;  display: block;  margin-top: 20px;}
.topsos_index{display:none;}
.newnum{ text-align: center; color:#fff;position: absolute;left: 50%;display: block;margin-left: -59px;line-height: 70px;}
.navbar-header{ height:70px;}
.sticky-wrapper{ height:auto !important;}
.head_index .nav>li{ width:100%; text-align:left; margin:0;}
.head_index .nav>li>a{ display:inline-block;text-align:left;}
.navbar-nav{ margin:0;}
.dropdown-menu{ position:relative; width:100%;}
.head_index_go{ position:absolute !important; left:0; background:url(../images/top_01.png) 0 0 no-repeat; background-size:cover; padding:0 15px;}
.navbar-form{ margin-left:0; margin-right:0; padding:10px 0;}

.top_index_left{ display:none;}

.contact_index_title h2 a{font-size: 20px;}

.foot_button button{ font-size:12px; line-height: 35px; height: 35px;}


.foot_index_right{ margin-top:20px;}

.fooot_index_box span{ font-size:12px;}
.foot_index_left ul li>span{ font-size:12px;}
.fooot_index_box a{ font-size:12px;}
.foot_index_left ul li p{ font-size:12px;}


.link_index>li>p{ font-size:12px; line-height: 30px;}
.link_index>li>a{ font-size:12px; line-height: 30px;}
.link_index>li .link_ej>li a{ font-size:12px;}
}