/* css reset www.admin10000.com */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body{color:#333; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
p{margin-top:5px; margin-bottom:10px;}
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em{ font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none;}
body a:hover{text-decoration:none;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
.ellipsis{display:block;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:clip;overflow: hidden;}

/* Write your styles */
#header-box{width:100%;border-bottom: 1px solid #DFDADD;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.header-top{height:34px;color:#f5f5f5; background-color:#545351;  line-height:34px; font-size:12px;display: none;}
.width1200{width:1200px; margin:auto;}
.box-content{width:1200px;margin:auto;}
.header-link{float:right;}
.header-link a{margin-left:5px;color:#f5f5f5;}
.header-link a img{height:16px; vertical-align:sub; margin-right:5px;}
.header-bottom{height:82px;}
.header-logo{height:60px; float:left;margin-top:10px;}
.header-logo img{height:60px;}
.header-nav{margin-left:360px; padding-top:30px;height:50px;}
.header-nav .nav-li{display:block; width:100px;float:left; line-height:16px;text-align:center; font-size:16px; font-weight:bold; color:#fff;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0; position:relative;}

.nav-li .nav-li-a:after{display: inline-block;width:0px;height:0px;border:solid 6px; border-color:#333 transparent transparent transparent;margin-left:5px; vertical-align:sub;content:" ";}
.header-nav .nav-li a{color:#333; display:block; cursor:pointer; font-size:16px;line-height: 48px;}
.header-nav .nav-li:hover .header-second-nav{display:block;}
.header-nav .header-second-nav{position: absolute;top: 52px;z-index: 200;left: 0;min-width: 80px;display: none;background: #ffffff;padding:5px 10px;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);}
.header-nav .header-second-nav li{border-bottom: dashed #D5D2D2 1px;line-height: 30px;font-size: 14px;text-align: left;}
.header-nav .header-second-nav li:last-child{border-bottom:none;}
.header-nav .header-second-nav a{line-height: 30px;}
.header-nav .header-second-nav a:hover{color:#025BAB;}
.header-nav .active{border-bottom:#025BAB solid 4px;}
.header-nav .nav-li:hover{border-bottom:#025BAB solid 4px;}
#breadcrumb{font-size:12px; color:#aeaeae; font-family:'宋体'; line-height:36px; height:36px;margin-top:3px;}
#breadcrumb a{font-size:12px; color:#888;padding:0 3px;}
#breadcrumb .active{font-size:12px; color:#888;}

/*content*/
.box{background-color:#fefefe;border:solid #e1e1e1 1px;}
.box-bg{background-color:#fefefe;border:solid #e1e1e1 1px;}
.box{background-color:#fefefe;border:solid #e1e1e1 1px;}
.box-bg1{background-color:#fefefe;border:solid #e1e1e1 1px;}
.box-title{font-size:15px;font-family:arial;color:#666; font-weight:600;padding:0 15px; height:36px;padding: 0 20px;background-color: #f4f5f9;border-bottom: 1px solid #e7e7eb;line-height: 40px;}
.box-title1{font-size:15px; font-weight:900;padding:0 15px; height:36px; line-height:36px;border-bottom:solid #e1e1e1 1px;}
.box-title1 a{color:#f5f5f5;}
.box-title a{font-size:12px;color:#888; float:right; font-weight: normal;}
.content_1{overflow:hidden;margin-top:20px;}
.content-detail{padding:10px 15px;min-height:560px;}
.content-detail p{line-height:26px;margin-top:2px;margin-bottom:5px;}
.text{font-size:14px; line-height:26px; text-indent:2em;}
.text .company-img{float:left;margin-right:15px; border:solid #ccc 1px; -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.content-left{width:890px; float:left; height:460px; overflow:hidden;}
.content-right{width:300px; float:right; height:460px;overflow:hidden;}
#new{padding:4px 0;}
#new li{font-size:14px; line-height:34px; border-bottom: dotted #ccc 1px; overflow:hidden;padding:0 10px;}
#new li:hover{background-color:#f1f1f1;}
#new .active{background-color:#f1f1f1;}
#new li span{color:#aeaeae; font-size:12px; float:right;}

/*product*/
#product{margin-top:20px;}
.product-box{overflow:hidden;padding:10px;width:100%;}
.product-box li{width:223px; height:223px; overflow:hidden; border:solid #eee 1px;margin:0 5px;margin-bottom:10px; float:left; position:relative;}
.product-box li img{width:100%; height:100%;}
.product-blank{height:100%; width:100%; position: absolute; top:0; left:0; background-color:rgba(0,0,0,0.6); display:none;}
.product-box li:hover .product-blank{display:block;}
.product-name{font-weight:900; line-height:32px; color:#fff;margin-top:70px; padding:0 10px; text-align:center;}
.product-inform{line-height:20px; height:100px; font-size:12px; color:#f1f1f1;padding:0 10px; overflow:hidden;}

/*case*/
#case{margin-top:20px; overflow:hidden;}
.case-big-box{overflow:hidden; width:1090px; float:left;}
#case-box{overflow:hidden;height:262px; margin:20px 0; width:9999px;}
#case-box li{width:196px; height:260px; overflow:hidden; border:solid #ccc 1px;float:left; position:relative;margin:0px 10px;}
#case-box li img{width:100%; height:100%;}
.case-blank{height:0; width:100%; position: absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.66);}
#case-box li:hover .case-blank{
	height:32px;
	transition: height 0.5s;
	-moz-transition: height 0.5s;/* Firefox 4 */
	-webkit-transition: height 0.5s;/* Safari 和 Chrome */
	-o-transition: height 0.5s;
	}
.case-name{font-weight:900; line-height:32px; color:#fff;padding:0 10px; text-align:center;}
.case-inform{line-height:20px; font-size:12px; color:#f1f1f1;padding:0 10px;}
.case-content{overflow:hidden;}
#case-left-btn, #case-right-btn{display:block;width:53px;height:302px;float:left;cursor:pointer;}
#case-left-btn:hover{background-color:#e7e7eb;}
#case-right-btn:hover{background-color:#e7e7eb;}
#case-left-btn{ background-image: url(../../images/left_btn.png); background-repeat:no-repeat; background-position:center center;float:left;}
#case-right-btn{background-image: url(../../images/right_btn.png); background-repeat:no-repeat; background-position:center center;float:right;}

/*footer*/
#footer{width:100%; background-color:#262626; margin-top:30px; padding:30px 0;}
#footer_top{overflow:hidden;}
.footer-title{font-size:14px; font-weight:900; color:#FFFFFF;padding:5px 0 5px 10px;margin-bottom:10px; border-bottom: dotted #ccc 1px;}
#links{width:50%; float:left;}
#contact{margin-left:52%;}
.links-inform{width:90%; height:60px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.links-inform a{display:inline-block; font-size:13px; margin-right:20px; line-height:30px; color:#ddd;}
.links-inform a:hover{text-decoration:underline;}
.contact-inform{width:96%; overflow:hidden;}
.contact-inform span{display:block; width:48%; margin-right:2%; height:30px; line-height:30px; background-color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; float:left; margin-bottom:10px; color:#888;}
.contact-inform span img{height:16px;margin:7px 10px; vertical-align:bottom;}
.footer-bottom{color:#ddd; padding:10px 0; text-align:center; font-size:13px;background-color:#5A5A5A;}

/*photo*/
#photo{margin-top:5px;}
#photo-box{overflow:hidden;padding:10px;}
#photo-box li{width:215px; height:245px; overflow:hidden; border:solid #ddd 1px;margin:10px 9px; float:left; position:relative; background-color:#f0f4f6;}
#photo-box li .photos{width:100%;max-width:100%; max-height:100%;}
#photo-box li a{display:block; width:215px; height:215px;margin:5px auto; overflow:hidden;border-bottom:solid #ddd 1px; position:relative; display:table-cell; vertical-align:middle;}
#photo-box li a:hover .product-blank{display:block;}
.photo-blank{height:0; width:100%; position: absolute; top:0; left:0; background-color:rgba(0,0,0,0.7);overflow:hidden;}
#photo-box li:hover .photo-blank{
	height:32px;
	transition: height 0.5s;
	-moz-transition: height 0.5s;	/* Firefox 4 */
	-webkit-transition: height 0.5s;	/* Safari 和 Chrome */
	-o-transition: height 0.5s;
	}
.photo-operating{line-height:32px; font-size:12px; color:#f1f1f1;padding:0 10px; text-align:right;}
.photo-operating span{cursor:pointer;}
.photo-operating img{vertical-align:sub; margin-right:5px;}
#photo-box .photo-name{font-family:'黑体';line-height:32px; font-size:13px; color:#333;padding:0 10px; background-color:#fff;}
.photo-quantity{background-color:rgba(0,0,0,0.8); padding:4px 10px; line-height:18px; font-size:12px; font-weight:bold; color:#fff; position:absolute; bottom:0; right:0;-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
.photobox-inform{padding:10px;border-bottom: solid #e1e1e1 1px;font-size:13px; line-height:21px;}
.photobox-inform img{border:solid #eee 1px;width:78px;height:78px; float:left;margin-right:10px;}


/*photosdetail*/
.content_3{overflow:hidden;}
#photodetail{margin-top:5px;}
.photodetail-left{width:935px; float:left;}
.photodetail-right{width:250px; float:right;}
.photodetail-title a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#888; padding:2px 10px; font-size:13px;}
.photodetail-title a:hover{  color:#888;}
#photodetail-box{overflow:hidden;width: 100%;}
#photodetail-box li{width:213px; height:213px; overflow:hidden; border:solid #ddd 1px;margin:10px 9px; float:left; position:relative; background-color:#f1f1f1;}
#photodetail-box li .photosdetail{max-width:100%;}
#photodetail-box li a{height:215px; overflow:hidden; position:relative; display:table-cell; vertical-align:middle;}
.photodetail-blank{height:32px; width:100%; position: absolute; bottom:0; left:0; background-color:rgba(0,0,0,0.7);overflow:hidden;}
.photodetail-operating{line-height:32px;}
.photodetail-operating span{color:#fff;margin-left:10px;}

/*model*/
.model-box{width:800px; height:600px;position:fixed; top:50%; margin-top:-300px; left:50%; margin-left:-400px; display:none;text-align:center; border:solid #666 1px; background-color:#f1f1f1;}
.model-blank{width:100%; height:100%; background-color:rgba(0,0,0,0.75); position:fixed; top:0; left:0;display:none; }
#img-box{width:800px; height:600px;display:table-cell;vertical-align:middle;margin:auto;}
#img-box img{ border:none; max-width:100%; max-height:100%; margin:auto;}
.mode-btn{width:40px;height:40px; background-image:url(../../images/model_btn.png); position:absolute; top:50%; margin-top:-20px;cursor:pointer;}
.mode-left-btn{left:-45px; background-position:0 0;}
.mode-right-btn{right:-45px; background-position:-40px 0;}
.mode-left-btn:hover{background-position:0 -40px;}
.mode-right-btn:hover{background-position:-40px -40px;}
#img-name-box{font-size:14px; line-height:32px; color:#fff;text-align:left;margin:0 10px;}
#img-name-box a{float:right; color:#fff; font-weight:900;}
#close-mode{height:40px;width:40px;position:absolute; right:-20px; top:-20px; background-image:url(../../images/close1.png);cursor:pointer;}

/*page*/
.page-box{margin:10px 0;}
.page-number-box{font-size:12px; text-align:center;padding:10px 0;}
.page-number-box li{display:inline;padding:6px 8px; background-color:#f5f5f5; font-size:12px;}
.page-number-box li:hover{background-color:#f60; color:#fff; cursor:pointer;}
.page-number-box .am-active{background-color:#f60;color:#fff;}
.page-number-box .am-active:hover{background-color:#f60;color:#fff;}

/*aboutus*/
.content_3{overflow:hidden;}
.aboutus{margin-top:5px; display:none;}
.aboutus-left{width:1035px; float:right;}
.aboutus-right{width:150px; float:left;}
.aboutus-title a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; background-color:#eee; color:#ccc; padding:2px 10px; font-size:13px;}
.aboutus-title a:hover{  color:#888;}
.aboutus-box{overflow:hidden;}
.aboutus-box li{border-bottom:solid #ddd 1px;margin:10px 9px;position:relative;}
.aboutus-box li .aboutus{width:100%;}
.aboutus-box li a{display:block; width:100%; overflow:hidden; position:relative;}
.aboutus-blank{height:0; width:100%; position: absolute; top:0; left:0; background-color:rgba(0,0,0,0.7);overflow:hidden;}
.aboutus-operating{line-height:32px; font-size:12px; color:#f1f1f1;padding:0 10px;}
.aboutus-operating span{cursor:pointer;}
.aboutus-nav li{font-size:14px; line-height:34px;background-color: #eaeaea;border-bottom: 1px solid #fff;overflow:hidden; cursor: pointer;font-family: "microsoft yahei";}
/*.aboutus-nav li:hover{background-color:#f1f1f1;}*/
.aboutus-nav li a{color:#333; display:block;padding-left:20px;}
.aboutus-nav li .active-in a{line-height:40px;}
.aboutus-nav li span{color:#aeaeae; font-size:12px; float:right;}
.aboutus-nav .active{background-color:#025BAB;}
.aboutus-nav .active a{color:#FFFFFF;} 
.aboutus-nav i {display: inline-block;font-weight: 400;font-style: normal;vertical-align: middle;color: #d5d5d5;margin-top: -0.2em;margin-right: .5em;}
#aboutus_box .active{ display:block;}
.article-second-nav{display:none;font-size:13px;overflow:hidden;}
.aboutus-nav .article-second-nav a{color: #666;background-color: #FFFFFF;border-bottom: 1px solid #faf8f9;}
.aboutus-nav .article-second-nav a:hover{color:#025BAB;}
.aboutus-nav .article-second-nav .article-active{color:#389cda;}
.aboutus-nav li .active-in{display:block;}
.article-list li .article-list-title a{display:inline;font-family: Hiragino Sans GB,Microsoft YaHei,微软雅黑,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;color: #444444;font-size: 16px;font-weight: 400;}
.article-list li .article-list-title{padding:10px; border-bottom:dotted #ccc 1px;}
.article-list li .article-list-title span{font-size:12px; color:#888; float:right;}
.article-list-content{ text-indent:2em; padding:10px; color:#666; line-height:20px; overflow:hidden;height:50px; margin-bottom:5px;font-size: 13px;font-family: Hiragino Sans GB,Microsoft YaHei,微软雅黑,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;line-height: 22px;}
.article-list-content .more{text-align:right; display:inline; font-size:12px; color:#F90;float:right;margin-top: -20px;}
.article-li a{width:220px;float:left;}

/*article*/
.content_3{overflow:hidden;}
#article{margin-top:5px;}
.article-left{width:935px; float:right;}
.article-right{width:250px; float:left;}
.article-title a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; background-color:#eee; color:#ccc; padding:2px 10px; font-size:13px;}
.article-title a:hover{  color:#888;}
#article-box{overflow:hidden;padding: 10px 20px 20px 20px;}
#article-box li{border-bottom:solid #ddd 1px;margin:10px 9px;position:relative; background-color:#f1f1f1;}
#article-box li .article{width:100%;}
#article-box li a{display:block; width:100%; overflow:hidden; position:relative;}
.article-blank{height:0; width:100%; position: absolute; top:0; left:0; background-color:rgba(0,0,0,0.7);overflow:hidden;}
#article-box li:hover .article-blank{
	height:32px;
	transition: height 0.5s;
	-moz-transition: height 0.5s;	/* Firefox 4 */
	-webkit-transition: height 0.5s;	/* Safari 和 Chrome */
	-o-transition: height 0.5s;
	}
.article-operating{line-height:32px; font-size:12px; color:#f1f1f1;padding:0 10px;}
.article-operating span{cursor:pointer;}
.article-detail-title{font-size:20px; font-weight:bold; text-align:center; padding:20px 0 10px 0;}
.article-time{font-size:12px;text-align:center; color:#888;padding-right:10px;margin-bottom:10px;}
.article-content{font-size:14px; line-height:26px; padding:0 10px;overflow:hidden;}
.article-content p{text-indent:2em;text-justify:auto;text-align:justify;}
.article-avg{display:block;position:relative;}
.article-avg:after{display: inline-block;width:0px;height:0px;border:solid; border-width:6px 4px; border-color:transparent transparent transparent #666;margin-left:5px; vertical-align:middle;content:" ";position:absolute; top:10px; right:10px;}

/*video*/
#video{margin-top:5px;}
#video-box{overflow:hidden;padding:10px;}
/*#video-box .video-first{width:376px;height:214px; overflow:hidden;margin:6px 8px; float:left; position:relative;}*/
#video-box li{width:274px;overflow:hidden;margin:6px 10px; float:left; position:relative;}
#video-box li .videos{width:100%;}
#video-box li a{display:block; width:100%; height:100%;overflow:hidden;position:relative;}
#video-box li a img{width:100%; height:153px;}
.video-blank{height:100%; width:100%; position: absolute;top:0; left:0; background-color:rgba(0,0,0,0.35);display:none;}
#video-box li a .play-img{display:block;height:48px;width:48px;margin:auto;margin-top:52px;}
.video-operating{line-height:30px; font-size:14px;padding:0 5px; color:#666;text-align:left;display:block;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:clip;overflow: hidden;}
#video-box li a:hover .video-blank{display:block;}

/*videosdetail*/
.content_3{overflow:hidden;}
#videodetail{margin-top:5px;}
.videodetail-title a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; background-color:#ddd; color:#888; padding:2px 10px; font-size:13px;}
.video-box{width:1178px;}
.video-content{overflow:hidden;width:100%;}
.videodetail-box{width:860px; height:523px; float:left;}
.videodetail-box embed{width:100%; height:100%;}
#video-list-nav{width:318px; height:503px; float:right; background-color:#131313; color:#fff; padding:10px 0;}
#video-list-nav .box-title{color:#fff;padding-bottom:10px;}
#video-list-nav ul{overflow-y:scroll;height:426px;margin-top:10px;padding-left:5px;}
#video-list-nav ul li{overflow:hidden;margin-bottom:5px; background-color:#363636;padding:5px 0;padding-left:10px;}
#video-list-nav ul .v-active{background-color:#555;}
.video-list-nav-img{width:128px; height:75px; float:left;}
.video-list-nav-img img{width:100%; height:100%;}
.video-list-nav-inform{ margin-left:136px; font-size:13px;  line-height:22px;width:145px;}
.video-list-nav-inform-title{line-height:18px;color:#ccc; overflow:hidden;}
.video-list-nav-inform-tips{line-height:18px;font-size:12px;color:#888;}
.video-list-nav-inform-time{line-height:18px;font-size:12px;color:#888;}
#video-list-nav .box-title{color:#fff;}
#video-list-nav .box-title{color:#fff;}
#video-list-nav .box-bottom{height:39px; border-bottom:solid #e5e5e5 1px; background-color:#f5f5f5;}

/*statistics*/
#statistics{padding:10px;}
.statistics{width:100%; line-height:20px;}
.statistics tr{border-bottom:solid #ccc 1px;}
.statistics th, .statistics td{padding:8px 10px; font-size:12px;text-align:left; font-family:Helvetica;}
.statistics-title{background-color:#73A8C7; color:#fff; overflow:hidden;padding:20px;position:relative; margin-bottom:20px;border-radius:6px 6px 0 0;}
.statistics-title span{font-size:26px; line-height:30px;font-weight:bold; display:block;float:left;}
.statistics-nav{overflow:hidden; float:right; width:200px; position:absolute; right:10px;bottom:0;}
.statistics-nav-list{padding:5px 0px;width:50%; text-align:center;float:right; cursor:pointer; font-size:14px; font-weight:bold; border-radius:4px 4px 0 0;}
.statistics-nav .active{background-color:#fff;color:#73A8C7;}
/*page*/
.page-box{font-size:12px; text-align:center;padding:10px 0;}
.page-box a{display:inline;padding:6px 8px; background-color:#eeeeee; font-size:12px;margin-right:4px;}
.page-box a:hover{background-color:#025BAB;color:white;}
.page-box span{display:inline;padding:6px 8px; background-color:#eeeeee; font-size:12px;margin-right:4px;}
.page-box span:hover{background-color:#025BAB;color:white;}
.page-box .current{background-color:#025BAB;color:white;}










