/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2018-3-1, 10:36:13
    Author     : hqiot
*/
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
html body{ font-size:75%; font-family:Tahoma,STHeiti,"Microsoft YaHei",Helvetica,Verdana,sans-serif; margin:0; padding:0; width:100%\9;text-align:center\9; }
h2{ font-size:1em; }
a{ color:#000; text-decoration:none;  }
a:hover{ color:#000; text-decoration:none; }
li{ list-style-type:none; }
#main{ width:100%; height:auto; margin:0; padding:0;}
header{ width:90%; height:4.0625rem; margin:0 auto; display:flex; flex-direction:row; flex-wrap:nowrap;}
header #logo{ width:10%; padding-top:10px;height:100%; }
header #logo img { max-width:100%; }
header nav{ width:70%; }
header nav ul{ display:flex; flex-direction:row; align-items: flex-end; flex-wrap:nowrap; justify-content: space-around;}
header nav ul li{text-align:center; height:40px; line-height:40px; font-size:16px; font-weight:600; }
header nav ul li a{ color:#000; text-decoration:none; }
/*header nav ul li{ float:left; display:block; width:auto; width:16%\9; font-size:1.3em; margin-left:1.3%; height:100%; line-height:5.41666667em; text-align:center; white-space: nowrap; }*/
/*header nav ul li a { width:100%; height:100%; display:inline-block; font-weight:600; border-top-left-radius:0.33333333em; border-top-right-radius:0.33333333em; border-bottom-left-radius: 0.33333333em; border-bottom-right-radius: 0.33333333em;}*/
/*header nav ul li a:hover { background-color:#AC7104; color:#fff; }*/
.home_nav_active{color:#BC6C06;}
header #callboard{width:20%; height:40px;line-height:40px;margin-top:20px;padding-left:20px;}
.search_icon { float:left; width:15%; padding-left:0.833333333em; }
.search_icon img{ width:20px\9; height:20px\9; margin-top:20px\9; max-width:100%; cursor:pointer; }
/*-- 搜索框样式 --*/
.search_d1{margin:0; padding:0;}
form { position: relative; width:300px; margin: 0 auto;}
.d1 { width:100%; background:#9E9C9C}
.d1 input { width: 95%; height: 3.5em; padding-left: 0.83333333333em; border: 1px solid #AC7104; border-radius: 5px; outline: none; background: #fff; color: #9E9C9C; }
.d1 button { position: absolute; top: 4px; right: 5px; width: 42px; height: 42px; border: none; background: #AC7104; border-radius: 0 5px 5px 0; cursor: pointer; }
.d1 button:before { content: '\f002'; font-family: FontAwesome; font-size: 16px; color: #F9F0DA; }
/*-- 搜索框样式结束 --*/

.en{ float:left; width:25%; }
.social{ float:left; width:40%; margin-left:0.41666667em; height:100%;}
#content{ width:100%; height:auto; margin:0 auto; clear:both;}
#content #slide{margin:0 auto;}
#wrapper{ width:85%; height:30%; margin:0 auto; }
#left_wrapper{ float:left; width:55%; width:50%\9; height:auto; }
#news{width:100%; height:auto;}
#news .area-sub{ float:left; width:100%; overflow:hidden; }
#right_wrapper{ float:right; width:42%; height:auto; }
#media{padding-left:0.41666666666em; margin:0;}

/* tab选项卡样式 */
.area-sub .tab-bd{height:auto;}
.tab-hd-con{float:left; width:6.66666666666em; border-bottom:2px solid #D06506; font-size:1.1em; text-align:left; cursor:pointer; font-weight:600;}
.more{float:right; color:#c1c1c1; font-size:0.833333333333em;}
.tab-hd-con a{display:inline-block; }
.tab-hd{ width:100%; height:40px; border-bottom:1px solid #E1E0E1;}
.tab-bd-con{overflow:hidden;}
.article{width:100%; height:10em; margin-top:1.25em; border-bottom:1px dotted #c1c1c1; }
.article-photo{float:left; width:13.3333333333em; height:8.75em; margin-right:1.5em;}
.article-content{padding-left:20px;}
.abstract{text-align:left\9; line-height:1.75em; font-size:13px; overflow:hidden;}
.info{float:right; margin-top:-10px; color:#D06506; }
.title-list{ float:left; width:106%; margin-left:-3.33333333333em; }
.title-list ul{font-size:1em; }
.title-list ul li{width:100%; list-style-type:none; line-height:1.75em; height:2.16666666666em; text-align: left\9;}
.title-list ul li a{text-decoration:none; color:#71706C;}
.title-list ul li a:hover{text-decoration:none;color:#D06506;}
.title-list li .date{float:right; color:darkgrey; margin-top:-20px\9; margin-right:10px\9;}
.tab-main .tab-hd,.tab-sub .tab-hd,.tab-product .tab-hd,.tab-area .tab-hd{overflow:hidden;height:40px;line-height:40px;}
.tab-main .tab-hd-con,.tab-sub .tab-hd-con,.tab-product .tab-hd-con,.tab-area .tab-hd-con{height:40px;}
.tab-main .tab-hd .current,.tab-sub .tab-hd .current,.tab-product .tab-hd .current,.tab-area .tab-hd .current{position:relative;z-index:1;height:38px;background:#fff;}
.tab-main .tab-bd,.tab-sub .tab-bd,.tab-product .tab-bd,.tab-area .tab-bd{margin-top:0px;}
/* tab选项卡样式结束*/

/* 产品与服务样式 */
#product{clear:both; width:100%; height:12.5em; }
.product-tag{float:left; width:25%; height:7.5em; background:url("../images/product-tag.png") no-repeat;}
.element{float:left; width:72%; height:80%; height:100px\9; padding:0;}
.element ul{width:100%; margin-left:-2.5em; margin-left:2em\9; }
.element ul li{float:left; width:25%; list-style: none; height:8.33333333333em; height:3em\9; text-align:center; line-height:14.33333333333em; line-height:3em\9; }
.element ul li a{width:100%; font-size:1.2em; height:1.5em; font-weight:bold; padding-top:40px\9; }
.wuye{ background:url("../images/weixiu.png") no-repeat; background-size:40% 40%; background-position:center;}
.jiudian{ background:url("../images/dasha.png") no-repeat; background-size:40% 40%; background-position:center;}
.muye{ background:url("../images/muye.png") no-repeat; background-size:40% 40%; background-position:center;}
.popComplance {border-bottom: 1px solid #000;}
/*产品与服务样式结束*/

/* 流媒体样式 */
.vid-slide-wrap{ width:100%; height:17.6666666666em; margin-top:1.25em; }
.vid-wrap{ float:left; width:50%; height:100%; } 
.slide-wrap{ float:left; margin-left:2%; width:47%; height:100%; }

/* 广告banner */
#ad_banner{ clear:both; width:100%; margin-top:1em; height:9.333333333333em; }
#ad_banner img{ width:100%\9; height:100%\9; max-width:100%; }

/* 底部关于我们 */
#aboutus { clear:both; width:100%; height:7.833333333em; background-color:#F5F4F3; }
#aboutus-wrapper { width:85%; height:100%; margin:0 auto;}
.aboutus-left-wrapper { float:left; width:70%; height:7.833333333em; line-height:7.833333333em; }
.aboutus-left-wrapper img { vertical-align:middle; margin-left:1em; }
.aboutus-right-wrapper { float:right; width:20%; height:7.833333333em; line-height:7.833333333em; }
.aboutus-right-wrapper ul{ width:100%; ;}
.aboutus-right-wrapper ul li { float:left; width:40%; height:100%; }
.aboutus-right-wrapper ul li a { text-decoration:none; color:#666666;}
.aboutus-right-wrapper ul li a:hover { text-decoration:none; color:#BC6C06; }
.line{ margin-left:1.5em; }
.aboutus-text {float:left; padding-left:0.833333333333em; font-size:1.16666667em; color:#666666; }
#wechat{float:left; width:3em; height:3em; background: url("../images/wechat.png") no-repeat; background-size: 30px 30px; margin-left:1em; margin-top:2.5em;}
#wechat:hover{
   cursor:pointer;
   background:url("../images/wechat1.png") no-repeat;
}
#weibo{float:left; width:3em; height:3em; background: url("../images/weibo.png") no-repeat; background-size: 30px 30px;  margin-left:0.5em; margin-top:2.5em; }
#weibo:hover{
    cursor:pointer;
    background:url("../images/weibo1.png") no-repeat;
    background-size:30px 30px;
}
#wxcode{ width:171px; height:81px; max-width:100%; margin-left:-40%\9; margin-top:10px\9;}
.aboutus-link {font-size:1em; color:#666666;}

/* 底部footer */
footer{ width:85%; height:100%; margin:0 auto; padding-bottom:1.66666666666em; }
footer ul{ width:100%; }
footer ul li{ float:left; width:19%; text-align:center; }
footer ul li a{ text-decoration:none; color:#666666;}
footer ul li a img{ margin-right:0.5em; vertical-align:middle; border:0px;}
footer ul li a:hover{ text-decoration:none; color:#BC6C06; }

@media screen and (max-width:1920px){
    #logo{ margin-left:5%;}
    header nav{margin-left:3%; width:60%; }
    #callboard{ margin-left:1%; }
}

@media screen and (max-width:1680px){
    #logo{ margin-left:4%;}
    header nav{margin-left:3%; width:60%; }
    #callboard{ margin-left:1%; }
}

@media screen and (max-width:1600px){
    #logo{ margin-left:4%;}
    header nav{margin-left:3%; width:60%; }
    #callboard{ margin-left:1%; }
}

@media screen and (max-width:1440px){
    #logo{ margin-left:4%;}
    header nav{margin-left:5%; width:60%; }
    #callboard{ margin-left:1%; }
	#wxcode{ left:25%; top:-70%;}
    #wbcode{ left:25%; top:-70%;}
}



@media screen and (max-width:1366px){
    #logo{ margin-left:3%;}
    header nav{margin-left:3%; width:60%; }
    #callboard{ margin-left:1%; }
    #wxcode{ left:25%; top:-75%;}
    #wbcode{ left:25%; top:-75%;}
}


@media screen and (max-width:1280px){
    #logo{ margin-left:2%;}
    header nav{margin-left:3%; width:62%; }
    #callboard{ margin-left:1%; }
    .product-tag{ background:url("../images/product-tag.png") no-repeat; background-size:100% 100%;}
    .dichan{ background:url("../images/fangzi.png") 30px 10px no-repeat;background-size: 50% 50%;}
    .wuye{ background:url("../images/weixiu.png") 30px 10px no-repeat; background-size:50% 50%;}
    .jiudian{ background:url("../images/dasha.png") 30px 10px no-repeat; background-size:50% 50%;}
    .kehu{ background:url("../images/kehu.png") 30px 10px no-repeat; background-size:50% 50%;}
    .other{ background:url("../images/other.png") 30px 10px no-repeat; background-size:50% 50%;}
    .element ul li a{ margin-left:35px; margin-top:65px; }
    .aboutus-right-wrapper { width:55%; }
    .line{ margin-left:0.83333333333em; }
}

@media screen and (max-width:1024px){
    #logo{ margin-left:0;}
    #logo img { width:80%; height:80%; max-width:80%; }
    header nav{margin-left:1%; width:70%; }
    #callboard{ margin-left:0; display:none;}
    header nav ul li{ width:3%; font-size:1em; margin-left:0.2%; }
    #callboard{ margin-left:0; width:12%; }
    .product-tag{ background:url("../images/product-tag.png") no-repeat; background-size:100% 100%;}
    .dichan{ background:url("../images/fangzi.png") 30px 10px no-repeat;background-size: 50% 50%;}
    .wuye{ background:url("../images/weixiu.png") 30px 10px no-repeat; background-size:50% 50%;}
    .jiudian{ background:url("../images/dasha.png") 30px 10px no-repeat; background-size:50% 50%;}
    .kehu{ background:url("../images/kehu.png") 30px 10px no-repeat; background-size:50% 50%;}
    .other{ background:url("../images/other.png") 30px 10px no-repeat; background-size:50% 50%;}
    .element ul li a{ margin-left:35px; margin-top:65px; }
    .aboutus-right-wrapper { width:55%; }
    .line{ margin-left:0.83333333333em; }
    .aboutus-left-wrapper { width:40%; }
    
}

@media screen and (max-width:960px) {
    header{ width:100%; height:1.5em; line-height:1.5em; }
    #logo img { max-width:50%; }
    #mobile-callboard{float:right; margin-right:2%; margin-top:0; display:inline-block;}
    #mobile-callboard ul{ width:80%; color: #898580;}
    #mobile-callboard ul li{list-style-type: none; float:left; margin-left:0.5em; }
    #mobile-callboard ul li a{color:#898580;}
    header nav{ float:left; margin:0; width:100%; padding-top:0.5em; }
    header nav ul li{ width:13%; margin-left:1%; line-height:100%; }
    header nav ul li a { color:#898580;}
    .tousu{display:none;}
    #callboard {display:none;}
    .en { width:35%; } 
    .social { display:none;}
    #content{clear:both; padding-top:0.83333333333em;}
    #left_wrapper{ width:100%;}
    .article{ height:auto; }
    .abstract{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size:13px; overflow: hidden;}
    .info{ float:right; margin-top:-10px;}
    .title-list ul li{ text-overflow:ellipsis; white-space: nowrap;}
    #right_wrapper{ width:100%; height:auto; }
    .product-tag{background-size:100% 100%; max-width:100%; }
    .dichan{ background:url("../images/fangzi.png") 10px 15px no-repeat; background-size:60% 55%;}
    .wuye{ background:url("../images/weixiu.png") 10px 15px no-repeat; background-size:60% 55%;}
    .jiudian{ background:url("../images/dasha.png") 10px 15px no-repeat; background-size:60% 55%;}
    .kehu{ background:url("../images/kehu.png") 10px 15px no-repeat; background-size:60% 55%;}
    .other{ background:url("../images/other.png") 10px 15px no-repeat; background-size:60% 55%;}
    .element ul li {text-align:center; padding-top:1em;}
    #aboutus { width:90%; height:4em; margin:0 auto; }
    #aboutus-wrapper { height:100%;}
    .aboutus-left-wrapper { width:55%; height:4em; line-height:4em; }
    img { margin-left:0.5em; max-width:40%; }
    #wechat{ max-width:50%; margin-top:1em;}
    #weibo{ max-width:50%; margin-top:1em; }
    .aboutus-right-wrapper { margin-left:-15%; width:45%; float:left; height:4em; line-height:4em;}
    .aboutus-right-wrapper ul li { float:left; width:20%; height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .aboutus-text {padding-left:0; font-size:1em; color:#666666; }
    /* 底部footer */
    footer{ width:80%; padding-bottom:1em; }
    footer ul{ margin-left:-15%; width:100%; }
    footer ul li{ width:20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}

@media screen and (max-width:768px){
    header{ width:100%; height:1.5em; line-height:1.5em; }
    #logo img { max-width:50%; }
    #mobile-callboard{float:right; margin-right:2%; margin-top:0; display:inline-block;}
    #mobile-callboard ul{ width:80%; color: #898580;}
    #mobile-callboard ul li{list-style-type: none; float:left; margin-left:0.5em; }
    #mobile-callboard ul li a{color:#898580;}
    header nav{ float:left; margin:0; width:100%; padding-top:0.5em; }
    header nav ul li{ width:13%; margin-left:1%; line-height:100%; }
    header nav ul li a { color:#898580;}
    .tousu{display:none;}
    #callboard {display:none;}
    .en { width:35%; } 
    .social { display:none;}
    #content{clear:both; padding-top:0.83333333333em;}
    #left_wrapper{ width:100%;}
    .article{ height:auto; }
    .abstract{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size:13px; overflow: hidden;}
    .info{ float:right; margin-top:-10px;}
    .title-list ul li{ text-overflow:ellipsis; white-space: nowrap;}
    #right_wrapper{ width:100%; height:auto; }
    .product-tag{background-size:100% 100%; max-width:100%; }
    .dichan{ background:url("../images/fangzi.png") 10px 15px no-repeat; background-size:60% 55%;}
    .wuye{ background:url("../images/weixiu.png") 10px 15px no-repeat; background-size:60% 55%;}
    .jiudian{ background:url("../images/dasha.png") 10px 15px no-repeat; background-size:60% 55%;}
    .kehu{ background:url("../images/kehu.png") 10px 15px no-repeat; background-size:60% 55%;}
    .other{ background:url("../images/other.png") 10px 15px no-repeat; background-size:60% 55%;}
    .element ul li a{ margin-left:12px; }
    #aboutus { width:90%; height:4em; margin:0 auto; }
    #aboutus-wrapper { height:100%;}
    .aboutus-left-wrapper { width:55%; height:4em; line-height:4em; }
    .aboutus-left-wrapper img { margin-left:0.5em; max-width:40%; }
    #wechat{ max-width:50%; margin-top:0.83333333333em;}
    #weibo{ max-width:50%; margin-top:0.83333333333em; }
    .aboutus-right-wrapper { margin-left:-15%; width:45%; float:left; height:4em; line-height:4em;}
    .aboutus-right-wrapper ul li { float:left; width:20%; height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .aboutus-text {padding-left:0; font-size:1em; color:#666666; }
    /* 底部footer */
    footer{ width:80%; padding-bottom:1em; }
    footer ul{ margin-left:-15%; width:100%; }
    footer ul li{ width:20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}

@media screen and (max-width:550px){
    header{ width:100%; height:1.5em; line-height:1.5em; }
    #logo img { max-width:50%; }
    #mobile-callboard{float:right; margin-right:2%; margin-top:0; display:inline-block;}
    #mobile-callboard ul{ width:80%; color: #898580;}
    #mobile-callboard ul li{list-style-type: none; float:left; margin-left:0.5em; }
    #mobile-callboard ul li a{color:#898580;}
    header nav{ float:left; margin:0; width:100%; padding-top:0.5em; }
    header nav ul li{ width:13%; margin-left:1%; line-height:100%; }
    header nav ul li a { color:#898580;}
    .tousu{display:none;}
    #callboard {display:none;}
    .en { width:35%; } 
    .social { display:none;}
    #content{clear:both; padding-top:0.83333333333em;}
    #left_wrapper{ width:100%;}
    .article{ height:auto; }
    .abstract{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size:13px;}
    .info{ float:right; margin-top:-10px;}
    .title-list ul li{ text-overflow:ellipsis; white-space: nowrap;}
    #right_wrapper{ width:100%; height:auto; }
    .product-tag{background-size:100% 100%; max-width:100%; }
    .dichan{ background:url("../images/fangzi.png") 10px 15px no-repeat; background-size:60% 55%;}
    .wuye{ background:url("../images/weixiu.png") 10px 15px no-repeat; background-size:60% 55%;}
    .jiudian{ background:url("../images/dasha.png") 10px 15px no-repeat; background-size:60% 55%;}
    .kehu{ background:url("../images/kehu.png") 10px 15px no-repeat; background-size:60% 55%;}
    .other{ background:url("../images/other.png") 10px 15px no-repeat; background-size:60% 55%;}
    .element ul li a{ margin-left:12px; }
    .slide-wrap{display:none;}  
    #aboutus { width:90%; height:4em; margin:0 auto; }
    #aboutus-wrapper { height:100%;}
    .aboutus-left-wrapper { width:55%; height:4em; line-height:4em; }
    .aboutus-left-wrapper img { margin-left:0.5em; max-width:40%; }
    #wechat{ background-size:20px 20px; margin-top:1.5em;}
    #weibo{display:none;}
    .aboutus-right-wrapper { margin-left:-15%; width:45%; float:left; height:4em; line-height:4em;}
    .aboutus-right-wrapper ul li { float:left; width:20%; height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .aboutus-text {padding-left:0; font-size:1em; color:#666666; }
    /* 底部footer */
    footer{ width:80%; padding-bottom:1em; }
    footer ul{ margin-left:-15%; width:100%; }
    footer ul li{ width:20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}

@media screen and (max-width:320px){
    header{ width:100%; height:1.2em; line-height:1.2em; }
    #logo img { max-width:50%; }
    #mobile-callboard{float:right; margin-right:1%; margin-top:0; display:inline-block;}
    #mobile-callboard ul{ width:80%; color: #898580;}
    #mobile-callboard ul li{list-style-type: none; float:left; margin-left:0.2em; }
    #mobile-callboard ul li a{color:#898580; }
    header nav{ float:left; margin:0; width:100%; padding-top:0.5em; }
    header nav ul li{ width:13%; margin-left:1%; line-height:100%; font-size:0.83333333333em; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    header nav ul li a { color:#898580; font-weight:700;}
    .tousu{display:none;}
    #callboard {display:none;}
    .en { width:35%; } 
    .social { display:none;}
    #content{clear:both; padding-top:0.83333333333em;}
    #left_wrapper{ width:100%;}
    .article{ height:auto; }
    .abstract{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
    .info{ float:right; margin-top:-10px;}
    .title-list ul li{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    #right_wrapper{ width:100%; height:auto; }
    .product-tag{background-size:100% 100%; max-width:100%; }
    .dichan{ background:url("../images/fangzi.png") 10px 15px no-repeat; background-size:60% 55%;}
    .wuye{ background:url("../images/weixiu.png") 10px 15px no-repeat; background-size:60% 55%;}
    .jiudian{ background:url("../images/dasha.png") 10px 15px no-repeat; background-size:60% 55%;}
    .kehu{ background:url("../images/kehu.png") 10px 15px no-repeat; background-size:60% 55%;}
    .other{ background:url("../images/other.png") 10px 15px no-repeat; background-size:60% 55%;}
    .element ul li a{ margin-left:12px; }
    #media{margin-top:-3em;}
    .vid-slide-wrap {margin-top:-3em;}
    .slide-wrap{display:none;}
    #aboutus { width:90%; height:4em; margin:0 auto; }
    #aboutus-wrapper { height:100%;}
    .aboutus-left-wrapper { width:55%; height:4em; line-height:4em; }
    .aboutus-left-wrapper img { margin-left:0.5em; max-width:40%; }
    #wechat{ background-size:20px 20px; margin-top:1.5em;}
    #weibo{display:none;}
    .aboutus-right-wrapper { margin-left:-15%; width:45%; float:left; height:4em; line-height:4em;}
    .aboutus-right-wrapper ul li { float:left; width:20%; height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .aboutus-text {padding-left:0; font-size:1em; color:#666666; }
    /* 底部footer */
    footer{ width:80%; padding-bottom:1em; }
    footer ul{ margin-left:-15%; width:100%; }
    footer ul li{ width:20%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}