/* 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 { background:#fff; 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: solid #0e2956 3px;}
.header-top{height:34px; background-color:#e5f2fb; color:#0e2956; line-height:34px; font-size:12px;}
.width1200{width:1200px; margin:auto;}
.header-link{float:right;}
.header-link a{margin-left:5px;color:#0d3966;}
.header-link a:hover{color:#ff9900;}
.header-link a img{height:16px; vertical-align:sub; margin-right:5px;}
.header-bottom{height:80px; background-color:#0d3966;}
.header-logo{height:60px; float:left;margin-top:10px;}
.header-logo img{height:60px;}
.header-nav{margin-left:360px; padding-top:30px;}
.header-nav .nav-li{display:block; width:100px;float:left; line-height:16px; padding:7px 0; 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:#fff transparent transparent transparent;margin-left:5px; vertical-align:sub;content:" ";}
.header-nav .nav-li a{color:#fff; display:block; cursor:pointer;}
.header-nav .nav-li:hover .header-second-nav{display:block;}
.header-nav .header-second-nav{position:absolute;top:30px;z-index:200; left:0; border:solid #ccc 1px; width:100px;background-color:#0d3966; font-size:14px; display:none; border-bottom:none;}
.header-nav .header-second-nav li{border-bottom:solid #ccc 1px; line-height:30px;}
.header-nav .header-second-nav li:hover{background-color:#306BA7;}
.header-nav .active{border-bottom:#12b5b2 solid 2px;}
.header-nav .nav-li:hover{border-bottom:#12b5b2 solid 2px;}
.header-nav a{text-shadow:1px 1px 2px rgba(0,0,0,0.35); }
#breadcrumb{font-size:12px; color:#aeaeae; font-family:'宋体'; line-height:36px; height:36px;}
#breadcrumb a{font-size:12px; color:#0063db; font-family:'黑体';padding:0 3px;}
#breadcrumb .active{font-size:12px; color:#0063db; font-family:'黑体';}
.header-second-nav


/*slider*/
#slider{width:100%; height:400px; position:relative;z-index:1;}
#slider-img{width:100%;height:400px; overflow:hidden; position:relative;}
#slider-img a{position:absolute; z-index:2; top:0; left:0;display:block;width:100%;height:400px; }
#slider-img a img{display:block; width:100%; height:100%;}
#slider-left-btn, #slider-right-btn{height:50px; width:50px; overflow:hidden; -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;position:absolute; top:175px;z-index:20; cursor:pointer; display:none;}
#slider-left-btn{left:10px;}
#slider-right-btn{right:10px;}
#slider-left-btn img, #slider-right-btn img{ margin-left:3px;}
#slider-left-btn img{margin-top:-37px;margin-left:3px; left:10px;}
#slider-right-btn img{margin-top:-37px;margin-left:-36px;right:10px;}
#slider:hover #slider-left-btn, #slider:hover #slider-right-btn {display:block;}
#slider-left-btn:hover, #slider-right-btn:hover{background-color:rgba(0,0,0,0.2); box-shadow:0px 0px 4px rgba(0,0,0,0.1);}
#slider-left-btn:hover img, #slider-right-btn:hover img{ margin-top:4px;}

/*content*/
.box{border:solid #ddd 1px;padding:5px 10px 15px 10px;}
.box-bg{background-color:#e5f2fb;}
.box-bg1{background-color:#faf1eb;}
.box-title{font-size:14px; font-weight:900; color:#0d3966;padding:5px 0 5px 10px;border-bottom:solid #389cda 2px;margin-bottom:10px;}
.box-title a{font-size:12px;color:#12b5b2; float:right; font-weight: normal;}
.content_1{overflow:hidden;margin-top:20px;}
.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:875px; float:left; height:460px; overflow:hidden;}
.content-right{width:275px; float:right; height:460px;overflow:hidden;}
#new li{font-size:14px; line-height:34px; border-bottom: dotted #ccc 1px; overflow:hidden;}
#new li a{width:180px; float:left;}
#new li a:hover{color:#888;}
#new li span{color:#aeaeae; font-size:12px; float:right;}

/*product*/
#product{margin-top:20px;}
.product-box{overflow:hidden;}
.product-box li{width:213px; height:306px; overflow:hidden; border:solid #eee 1px;margin:10px 9px; 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; font-size:12px; color:#f1f1f1;padding:0 10px;}

/*case*/
#case{margin-top:20px; overflow:hidden;}
.case-big-box{overflow:hidden; width:1010px; float:left;}
#case-box{overflow:hidden;height:262px; margin:40px 0; width:9999px;}
#case-box li{width:180px; 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.8);}
#case-box li:hover .case-blank{
	height:40%;
	transition: height 1.5s;
	-moz-transition: height 1.5s;	/* Firefox 4 */
	-webkit-transition: height 1.5s;	/* Safari 和 Chrome */
	-o-transition: height 1.5s;
	}
.case-name{font-weight:900; line-height:32px; color:#fff;margin-top:10px; 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:80px;height:262px;float:left; margin:40px 0; cursor:pointer;}
#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:#0d3966; margin-top:30px; padding:30px 0;}
#footer_top{overflow:hidden;}
.footer-title{font-size:14px; font-weight:900; color:#f1f1f1;padding:5px 0 5px 10px;margin-bottom:10px;}
#links{width:60%; float:left;}
#contact{margin-left:62%;}
.links-inform{width:90%; height:60px;padding:0px 20px;-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:#f1f1f1;}
.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:#666;}
.contact-inform span img{height:16px;margin:7px 10px; vertical-align:bottom;}
.footer-bottom{color:#f1f1f1; margin-top:40px; text-align:center; font-size:13px;}

/*photo*/
#photo{margin-top:5px;}
#photo-box{overflow:hidden;}
#photo-box li{width:213px; height:242px; 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:213px; height:213px;margin:5px auto; overflow:hidden;border:solid #ddd 1px; position:relative; display:table-cell; vertical-align:middle;}
.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;}
.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;}

/*photosdetail*/
.content_3{overflow:hidden;}
#photodetail{margin-top:5px;}
.photodetail-left{width:935px; float:left;}
.photodetail-right{width:210px; float:right;}
.photodetail-title a{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; background-color:#eee; color:#ccc; padding:2px 10px; font-size:13px;}
.photodetail-title a:hover{  color:#888;}
#photodetail-box{overflow:hidden;}
#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%; max-height:100%;}
#photodetail-box li a{height:215px; overflow:hidden; position:relative; display:table-cell; vertical-align:middle;}
.photodetail-blank{height:0; width:100%; position: absolute; top:0; left:0; background-color:rgba(0,0,0,0.7);overflow:hidden;}
#photodetail-box li:hover .photodetail-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;
	}
.photodetail-operating{line-height:32px; font-size:12px; color:#f1f1f1;padding:0 10px;}
.photodetail-operating span{cursor:pointer;}

/*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.6); 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:935px; float:right;}
.aboutus-right{width:210px; 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; background-color:#faf1eb;}
.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; border-bottom:dotted #ccc 1px; overflow:hidden; cursor: pointer;}
.aboutus-nav li a{color:#333; display:block;padding-left:20px;}
.aboutus-nav li .active-in a{line-height:30px;}
.aboutus-nav li span{color:#aeaeae; font-size:12px; float:right;}
#aboutus_box .active{ display:block;}
.article-second-nav{display:none;font-size:13px;overflow:hidden;}
.aboutus-nav .article-second-nav a{border-top: dotted #ccc 1px; padding-left:30px;color:#666; }
.aboutus-nav .article-second-nav a:hover{color:#389cda;}
.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;}
.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; font-size:13px; color:#666; line-height:20px; overflow:hidden;height:50px; margin-bottom:5px;}
.article-more{text-align:right; padding-right:20px;padding-bottom:10px;}
.article-more a{display:inline; font-size:12px; color:#F90;}

/*article*/
.content_3{overflow:hidden;}
#article{margin-top:5px;}
.article-left{width:935px; float:right;}
.article-right{width:210px; 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;}
#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:right; color:#888;padding-right:10px;}
.article-content{font-size:14px; line-height:28px; padding:0 10px;}
.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;}
/*#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:24px; width:100%; position: absolute;bottom:0; left:0; background-color:rgba(0,0,0,0.45);overflow:hidden;}
.video-operating{line-height:24px; font-size:13px; color:#f1f1f1;padding:0 5px; text-align:left;display:block;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:clip;overflow: hidden;}

/*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:424px;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;}











