@charset "utf-8";
/* CSS Document */
.top{ background:#f1f1f1; height:16px; line-height:16px; padding:7px 0; color:#9a9a9a; font-size:12px;}
.top li{ padding:0 8px; float:left; border-right:1px solid #bbb;}
.top li a{color:#9a9a9a;}
.top li a:hover{color:#888;}
.top span{ margin-right:15px;}
.box{ width:1200px; margin:auto;}
.head{ height:100px;width:1200px;margin:25px auto;}
.logo{ float:left; margin-top:12px; width:352px; height:78px;}
.search{ float:left;padding-top:26px;width:460px;}
.in_search{ border:2px solid #FF4200; padding:0 8px; height:34px; line-height:34px; font-size:16px; color: #333; float:left; width:350px;margin-right:8px;}
.sbutton{ float:left; width:80px; height:38px; line-height:35px; color:#fff; background:#FF4200; border:2px solid #f84a26; font-size:20px; text-align:center;cursor:pointer;}
.search li{ margin-right:8px; font-size:14px; float:left; line-height:30px; color:#555555;}
.nav_classify{ width:198px; font-size:18px; height:40px; color:#fff; line-height:40px;  text-indent:45px; position:relative;}
.menu{ height:40px; border-bottom:2px solid #FF4200;width:1200px; margin:auto; }
.menu .box{ background:#FF4200;}
.menu .fl li{ float:left; font-size:16px; line-height:42px; text-align:center;}
.menu .fl li a{ display:block; color:#fff;padding:0 15px;}
.menu .fl li a:hover , .menu .fl li a.active{ background: #F63;}
.banner_box{ width:730px;}
.search li:hover a{color:#FF4200}

/******** 菜单 **********/
.categories{ width:468px; }
.categories li{ width:233px; border-bottom:1px solid #eeeeee; position:relative; border-right:1px solid #eee; border-left:1px solid #eeeeee;}
.categories li a{display:block; font-size:14px; line-height:33px; padding-left:13px; color:#555555; background:url(icon_right.jpg) no-repeat 218px;}
.categories li a:hover{color:#FF4200; text-decoration:none; background:#f2f2f2 url(icon_down.jpg) no-repeat 215px;}
ul.categories_show{display:none; position:absolute; left:228px; top:0; background:#fff; border-left:1px solid #eeeeee;  z-index:99999;}
ul.categories_show li { border-left:0;}
ul.categories_show li a , ul.categories_show li a:hover{ background:none;}
.categories li:hover ul.categories_show{display:block}
#idemo { overflow:hidden; width:1198px;} 
#indemo { float: left; width: 800%; }
#idemo1 { float: left; } 
#idemo2 { float: left; } 

.list_video li{width:20%!important;overflow:hidden;}
.list_video li:nth-child(5n+1){clear:both}
.list_video li .video{height:180px}
.list_video li video{width:100%!important;height:100%!important;object-fit: cover;}

.list_video2 li .pic{width:initial!important;margin:10px}
.list_video2 li{width:25%!important;overflow:hidden;}
.list_video2 li:nth-child(4n+1){clear:both}
.list_video2 li .video{height:200px}

/******** 旗下品牌 **********/
.brand_box{ margin:15px 0 10px; border:1px #ddd solid; width:325px; float:left;}
ul.brand{width:377px; height:160px; overflow:hidden;} 
ul.brand li{ float:left; border:1px solid #dddddd; margin:4px 0 0 10px; padding:2px; width:141px; height:42px;}
/******** 旗下品牌 **********/
.guide{ background:#f8f8f8; height:120px; padding:25px 0; width:1200px; margin:0 auto}
.guide dl{ width:160px; margin:0 40px;}
.guide dt{ color:#4c4c4c; font-size:18px; text-indent:30px; line-height:23px; height:30px;}
.guide dt.icon1{ background:url(guide_icon1.jpg) no-repeat;}
.guide dt.icon2{ background:url(guide_icon2.jpg) no-repeat;}
.guide dt.icon3{ background:url(guide_icon3.jpg) no-repeat;}
.guide dt.icon4{ background:url(guide_icon4.jpg) no-repeat;}
.guide dd{ color:#aaaaaa; font-size:16px; line-height:25px; text-indent:32px;}
.guide dd a{ color:#aaaaaa;}
.guide dd a:hover{ color:#555;}
.code{ margin-right:60px; width:103px; height:123px;}
.telqq{ width:222px; height:103px;} 
/******** 旗下品牌 **********/


/******** 底部 **********/
.foot{ background: #FFF;color:#888888; text-align:center; font-size:14px; line-height:25px;width:1200px; margin:0 auto}
ul.map{ margin:auto; width:610px; padding:28px 0 10px;}
ul.map li{ float:left; padding:0 29px; border-right:1px solid #888888;}
ul.map li a{ color:#888888;}
ul.map li a:hover{ color:#fff;}

.foot dl{margin-top:20px;}
.foot dd{ float:left; margin:0 90px; width:119px; height:49px;}

.backToTop {
    display: none; width:114px; height:181px; background:url(top.jpg);
    position: fixed;
    _position: absolute;
    right: 10px;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer;
}




/*******************************  -----------右侧的悬浮窗口------------ ************************/
.QQbox{
width:86px;
position:fixed;
_position: absolute;
right:0px;
bottom:100px;		
}
.QQbox .contentx{
position:relative;
}
#divMenu .eachx{
height:36px;width:86px;margin-bottom:5px;cursor:pointer;
}
#divMenu .eachx span{display:block;float:right;width:34px;height:36px;}
#divMenu .ob1 span{
background:url(Bg630.png) no-repeat 0 -340px;
}
#divMenu .ob2 span{
background:url(Bg630.png) no-repeat  -40px -340px;
}

#divMenu .ob3 span{
background:url(Bg630.png) no-repeat  -80px -340px;
}

#divMenu .ob4 span{
background:url(Bg630.png) no-repeat  0px -278px;
}

#divMenu .ob5 span{
background:url(Bg630.png) no-repeat  -120px -340px;
}

#divOnline{
position:absolute;
top:0px;
left:0px;
background:#fff;		
}

#divOnline .mainbox{
width:86px;
margin-bottom:5px !important;
overflow:hidden;
cursor:pointer;
}
#divOnline .mainbox:hover{
background:#676767;
}
#divOnline .mainbox:hover span{
background:#676767;
}
#divOnline .mainbox b{display:block;width:34px;height:36px;overflow:hidden;float:left;}
#divOnline .mainbox span{display:block;width:52px;height:36px;text-align:center;line-height:36px;overflow:hidden;float:right;color:#fff;background:#AEB2BD;}
#divOnline .ob1 b{
background:url(Bg630.png) no-repeat 0 -340px;
}
#divOnline .ob2 b{
background:url(Bg630.png) no-repeat  -40px -340px;
}
#divOnline .ob3 span{
background:#CED3E2;
}
#divOnline .ob3 b{
background:url(Bg630.png) no-repeat  -80px -340px;
}

#divOnline .ob4 b{
background:url(Bg630.png) no-repeat  0px -277px;
}

#divOnline .ob5 b{
background:url(Bg630.png) no-repeat  -120px -340px;
}
#divOnline .ob1:hover b{
background:url(Bg630.png) no-repeat -160px -340px;
}
#divOnline .ob2:hover b{
background:url(Bg630.png) no-repeat  -200px -340px;
}
#divOnline .ob3{
background:#CED3E2;
}
#divOnline .ob3:hover b{
background:url(Bg630.png) no-repeat  -240px -340px;
}

#divOnline .ob4:hover b{
background:url(Bg630.png) no-repeat  -40px -277px;
}

#divOnline .ob5:hover b{
background:url(Bg630.png) no-repeat  -280px -340px;
}
#divOnline .h_nav ul{background:#AEB2BD;width:56px;padding:5px 15px;border-top:1px solid #7E7E7E;display:none;}
#divOnline .h_nav ul li a{color:#fff;height:20px;line-height:20px;overflow:hidden;width:56px;}
#divOnline .h_nav:hover ul{background:#676767;}
/* layer */
.layui-layer{border-radius:10px!important}
.tanbox .tan1{height:45px;background:#FF4200;border-radius: 10px 10px 0px 0px;line-height:45px;color:#fff;font-size:16px;padding:0 15px}
.tanbox .tan1 a{float:right;color:#fff;margin-top:12px}
.tanbox .tan1 a img{width:15px}



/* Basic Grey */
.tanbox .basic-grey {

padding:20px 10px;
color: #888;
}
.tanbox .basic-grey label {
display: block;
margin: 0px;
}
.tanbox .basic-grey label>span {
float: left;
width: 20%;
text-align: right;
padding-right: 10px;
margin-top: 10px;
color: #888;
}
.tanbox .basic-grey input[type="text"], .tanbox .basic-grey input[type="email"],.tanbox .basic-grey textarea, .tanbox.basic-grey select {
border: 1px solid #DADADA;
color: #888;
height: 35px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 5px 3px 5px 5px;
width: 70%;
font-size: 12px;
line-height:18px;
box-shadow: inset 0px 1px 4px #ECECEC;
-moz-box-shadow: inset 0px 1px 4px #ECECEC;
-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}
.tanbox .basic-grey textarea{
padding: 5px 3px 3px 5px;
}

.tanbox .basic-grey textarea{
height:100px;
}
.tanbox .basic-grey .button {
background: #E27575;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
box-shadow: 1px 1px 5px #B6B6B6;
border-radius: 3px;
text-shadow: 1px 1px 1px #9E3F3F;
cursor: pointer;
}
.tanbox .basic-grey .button{background:#FF4200;border: none;padding: 10px 25px 10px 25px;color: #FFF;cursor: pointer;}
.tanbox .basic-grey .button:hover{opacity:.88;}