@charset "utf-8";
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
	color: #666;
}
body{color:#333; font-family:"microsoft yahei",Arial,'寰蒋闆呴粦'; background: #F8F8F8;}
a{text-decoration:none; color:#333;outline:none;-moz-outline:none;}
a:hover{text-decoration: none; color:#999;outline:none;-moz-outline:none;}
a:focus{outline:none;-moz-outline:none;text-decoration:none;}
.warp{padding:0 0 20px;min-height:100%;}
.warp .box{max-width:1600px;margin:0 auto;}
.clear{ clear:both} .ohidd{ overflow:hidden;*zoom:1;}
.blue,blue a,.box h5 a,.box h6 a,.box a.more,.crumbs a{ color:#004499}
.keylink,.keylink:link,.keylink:hover,.keylink:active {text-decoration:underline;width:26px; height:22px; line-height:22px; background:#fff; border:1px dotted #aaa;  text-align:center}
textarea{border:1px solid #DCDDDD; background:#fff;clear:both;color:#555;font-size:14px;height:130px;padding:5px 0 0 5px;text-align:left;width:99%; margin-bottom:8px}
.input-text,input.date,input.endDate,.input-focus{border:1px solid #DCDDDD; height:22px; padding:0 0 0 3px}
input.date,input.endDate{background: #fff url(../images/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
ul,li,ol{list-style: none; margin: 0; padding: 0;}
.pad-6{padding:6px; overflow:hidden}.pad-10{padding:10px; overflow:hidden}.pad_10,.pad-lr-10{padding:0 10px}.pad-lr-6{padding:0 6px}
.gray{background: #f8f8f8 !important;}
.ib, .ib-li li, .ib-a a, .ib-span span,.btn,.btn input,.photo-hot li,.Article-Tool a ,.photo-list li,.photo-channel .photo-slide .change i,.photo-channel .tool .auto,.photo-channel .tool .up,.photo-channel .tool .next,.photo-cat .content h5 span.blue a,.submit{display:inline-block;zoom:1;*display:inline;}

.left-nav{display: inline-block;float:left;margin-right:30px;}
.left-nav ul{}
.left-nav ul li{width: 255px; line-height: 40px;color: #999;margin-top:1px;}
.left-nav ul li a{color: #333; padding: 0 10px; display: block;}
.left-nav ul li.active{}
.left-nav ul li.active>a{color:#fff;background:#ee7800;}
.left-nav ul li.active-parent>a{background:#666;}
.left-nav ul li ul{display:none;}
.left-nav ul li ul li{background:#fff;}
.left-nav ul li ul li a{padding:0 10px 0 38px;color:#333;}
.left-nav ul li ul li.active{background:#ee7800;}
.left-nav ul li ul li.active a{color:#fff;background:#ee7800;}
.left-nav ul li.active ul{display:block;}

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

.logo {
	padding:0;
}
#myCarousel{margin:0;}
#navbar-collapse ul {
	margin-top:0;
}
.carousel-inner img {
	margin: 0 auto;
}
/*.carousel-control {
	font-size: 100px;
}*/
.tab-h2 {
	font-size: 20px;
	text-align: center;
	letter-spacing: 1px;
	color: #0059b2;
}
.tab-p {
	font-size: 15px;
	text-align: center;
	letter-spacing: 1px;
	color: #999;
	margin: 20px 0 40px 0;
}
.tab1 {
	margin: 30px 0;
	color: #666;
}
.tab1 .text-muted {
	color: #999;
	text-decoration: line-through;
}
.tab1 .media-heading {
	margin: 5px 0 20px 0;
}
.tab1 .col {
	padding: 20px;
	padding-bottom: 50px;
}
.tab2 {
	background-color: #eee;
	padding: 60px 20px;
	text-align: center;
}
.tab2 img {
	width: 40%;
	height: 40%;
}
.tab3 {
	padding: 60px 20px;
	text-align: center;
}
.tab3 img {
	width: 65%;
	height: 65%;
}
.text h3 {
	font-size: 20px;
}
.text p {
	font-size: 14px;
}
.jumbotron {
	background-image: url(../images/bg.jpg);
	margin: 50px 0 30px 0;
	color: #ccc;
}
.jumbotron h1 {
	font-size: 26px;
	padding: 0 0 0 20px;
}
.jumbotron h4 {
	font-size: 15px;
	padding: 0 0 0 20px;
}
#information {
	background-color: #eee;
	padding: 40px 0;
}
.info-content {
	background-color: #fff;
	margin: 0 0 20px 0;
	box-shadow: 2px 2px 3px #ccc;
}
.info-content img {
	margin: 12px 0;
}
.info-content h4 {
	color: #333;
	padding: 2px 0 0 0;
	font-size: 14px;
}
.info-content p {
	line-height: 1.6;
}
.info-right {
	background-color: #fff;
	box-shadow: 2px 2px 3px #ccc;
}
.info-right blockquote {
	margin: 0;
	padding: 0;
}
.info-right h2 {
	font-size: 20px;
	color: #333;
	padding: 5px;
}
.info-right h4 {
	color: #333;
	font-size: 16px;
	padding: 2px 0 0 0;
	line-height: 1.6;
}
#case {
	padding: 40px 0;
	background-color: #eee;
	text-align: center;
}
#case h4 {
	color: #666;
}
#case p {
	color: #666;
	line-height: 1.6;
}
#about {
	background-color: #eee;
	padding: 40px 15px;
}
#about a {
	color: #0059b2;
}
#about .about {
	background-color: #fff;
	box-shadow: 2px 2px 3px #ccc;
}
#about h3 {
	color: #333;
	font-size: 18px;
	border-bottom: 1px solid #eee;
	padding: 20px 0;
	margin: 0 0 10px 0;
}
#about p {
	line-height: 2;
	font-size: 13px;
}
#footer{background-color:#232323;color:#c9c9c9;font-size:16px;}
#footer .container{width:100%;max-width:1600px;}
#footer .nav-foot{margin-top:34px;font-size:16px;}
#footer .nav-foot a{display:inline-block;width:167px;height:30px;line-height:30px;color:#c9c9c9;}
#footer .nav-foot a:active,#footer .nav-foot a:hover{text-decoration:none;}
#footer .link{margin-top:30px;}
#footer .link a{color:#c9c9c9;margin-right:45px;}
#footer .link a:last-child{margin-right:0;}
#footer .copyright{margin:30px 0 0;padding:30px 0;line-height:20px;border-top:1px solid #999;}
#footer .copyright a{color:#c9c9c9;}
#footer .copyright img{vertical-align:middle;}
#footer .nav-trademark{margin-top:30px;line-height:31px;}
#footer .nav-trademark img{display:inline-block;vertical-align:middle;margin-right:10px;}
#footer .nav-trademark span{display:inline-block;}
@media screen and (max-width: 768px) {
	#footer .link{text-align:center;}
	#footer .link a{display:block;margin-right:0;}
}
/*娌℃湁灏忎簬768px锛屾槸鍥犱负Bootstrap3浠ョЩ鍔ㄧ浼樺厛璁捐*/

/* 灏忓睆骞曪紙骞虫澘锛屽ぇ浜庣瓑浜?68px锛 */
@media (min-width: 768px) {
	.tab-h2 {
		font-size: 26px;
	}
	.tab-p {
		font-size: 16px;
	}
	.text h3 {
		font-size: 22px;
	}
	.text p {
		font-size: 15px;
	}
	.tab2-text {
		float: left;
	}
	.tab2-img {
		float: right;
	}
	.jumbotron h1 {
		font-size: 30px;
	}
	.jumbotron h4 {
		font-size: 16px;
	}
	.info-content h4 {
		font-size: 16px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#about h3 {
		font-size: 19px;
	}
	#about p {
		font-size: 14px;
	}
}

/* 涓瓑灞忓箷锛堟闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜?92px锛 */
@media (min-width: 992px) {
	.tab-h2 {
		font-size: 28px;
	}
	.tab-p {
		font-size: 17px;
	}
	.text h3 {
		font-size: 24px;
	}
	.text p {
		font-size: 16px;
	}
	.jumbotron h1 {
		font-size: 33px;
	}
	.jumbotron h4 {
		font-size: 17px;
	}
	.info-content h4 {
		font-size: 18px;
	}
	#about h3 {
		font-size: 20px;
	}
	#about p {
		font-size: 15px;
	}
}

/* 澶у睆骞曪紙澶ф闈㈡樉绀哄櫒锛屽ぇ浜庣瓑浜?200px锛 */
@media (min-width: 1200px) {
	.tab-h2 {
		font-size: 30px;
	}
	.tab-p {
		font-size: 18px;
	}
	.text h3 {
		font-size: 26px;
	}
	.text p {
		font-size: 18px;
	}
	.jumbotron h1 {
		font-size: 36px;
	}
	.jumbotron h4 {
		font-size: 18px;
	}
	.info-content h4 {
		font-size: 20px;
	}
	#about h3 {
		font-size: 22px;
	}
	#about p {
		font-size: 16px;
	}
}
.art-nav{margin-bottom:15px;color:#666;}
.art-nav a{color:#666;}

.art-detail{width:920px;margin:0 auto;min-height:300px;}
.art-product{width:100%;max-width:980px;}
.art-product .cover{text-align:center;}
.art-product .cover .img-responsive{display:inline;}
.art-list{width:100%;max-width:1600px;float:left;text-align:center;min-height:300px;}
.art-list .list{padding: 0;text-align:left;}
.art-list .list li{width: 100%;border-bottom:1px solid #f8f8f8;padding:30px 30px 30px 0;}
.art-list .list li:nth-child(1){border-top:1px solid #f8f8f8;}
.art-list .list li:nth-child(2n){background-color:#fff;}
.art-list .list li:hover{background:#fff;box-shadow: 2px 2px 3px rgba(172, 172, 172, 0.25);}
.art-list .list li .time{float: left; border: 1px solid #efefef; border-radius: 5px; width: 80px; line-height: 35px; text-align: center;}
.art-list .list li .time .day{font-size: 24px; line-height: 40px; border-bottom: 1px solid #efefef; color: #333333; font-weight: bold; display: block;}
.art-list .list li .time .moth{font-size: 16px; color: #ffffff; line-height: 35px; background: #0583F2; border-radius: 0 0 5px 5px; display: block;}
.art-list .list li .info{margin:0 auto 20px;display:flex;align-items:center;}
.art-list .list li .empty{padding:0;margin:45px auto;text-align:center;}
.art-list .list li .author{width:150px;font-size:18px;font-weight:700;color:#666;text-align:center;}
.art-list .list li .detail{flex:1;}
.art-list .list li .tit{display:inline-block;}
.art-list .list li .tit a{font-size:32px;color:#333;line-height:40px;}
.art-list .list li .tit a:hover{color: #999;}
.art-list .list li .cover{width:280px;margin-right:30px;text-align:center;}
.art-list .list li .cover img{width:280px;display:block;border-radius:20px;}
.art-list .list li .des{line-height: 28px; display: block; overflow: hidden;margin-top:20px;font-size:16px;color:#666;}
.art-list .list li .viewbtn{margin-top:30px;}
.art-list .list li .viewbtn a{color:#666;}
.art-list .list li .btn-default{color:#fff;border:none;background:#666;padding:0;line-height:40px;width:100px;margin:10px 0;}
.art-list .list li .btn-default:hover{background:#999;}

.art-list-photo{width:100%;max-width:1600px;text-align:center;min-height:300px;}
.art-list-photo .list-art-detail{min-height:0;float:none;}
.art-list-photo .list{width:100%;display:flex;flex-wrap:wrap;}
.art-list-photo .list li{width:25%;padding-top:30px;}
.art-list-photo .list li .info{margin:0 20px;text-align:center;}
.art-list-photo .list li .cover{margin-top:0;margin-right:0;float:none;width:100%;border:1px solid #bbb;border-radius:20px;overflow:hidden;}
.art-list-photo .list li .cover a{display:block;height:0;padding-bottom:100%;position:relative;background:#eee;}
.art-list-photo .list li .cover img{width:100%;max-height:100%;top:0;left:0;position:absolute;display:inline-block;}
.art-list-photo .list li .tit{margin-top:20px;height:48px;overflow:hidden;}
.art-list-photo .list li .tit a{font-size:18px;line-height:24px;font-weight:normal;}
.art-list .list .empty{padding:0;margin:45px auto;text-align:center;}

.art-list-cert{width:100%;max-width:1600px;text-align:center;min-height:300px;}
.art-list-cert .list-art-detail{min-height:0;float:none;}
.art-list-cert .list{width:100%;}
.art-list-cert .list li{display:inline-block;padding-top:30px;}
.art-list-cert .list li .info{margin:0 20px;text-align:center;}
.art-list-cert .list li .cover{width:544px;height:544px;margin:0 auto;background:url(../images/certbg.png) no-repeat left top;}
.art-list-cert .list li .cover img{width:255px;height:410px;display:inline-block;margin-top:58px;margin-left:-15px;}
.art-list-cert .list li .tit{margin-top:20px;height:48px;overflow:hidden;}
.art-list-cert .list li .tit a{font-size:18px;line-height:24px;font-weight:normal;}

.art-list-honour .list li .cover{margin-left:30px;}
.art-list-honour .list li .cover img{width:240px;display:block;border-radius:10px;border:1px solid #ddd;}
.art-list-honour .list li .tit{font-size:32px;color:#333;line-height:40px;}

.tags{border-top:1px solid #e4e4e4;padding-top:10px;text-align:left;}
.tags i{display:inline-block;width:24px;height:24px;background:url(../images/tag.png) no-repeat 0 0;background-size:100%;vertical-align:middle;}
.tags a{display:inline-block;line-height:24px;padding:0 10px;}

.tag-list,.articlenew-list,.commentnew-list{width:428px;border-radius:4px;border:1px solid #ccc;background:#fff;float:right;}
.tag-list{margin-left:40px;}
.articlenew-list{margin:25px 0 0 40px;}
.tag-list .box,.articlenew-list .box,.commentnew-list .box{width:auto;margin:10px 20px 20px;}
.tag-list .title,.articlenew-list .title,.commentnew-list .title{font-size:20px;color:#666;line-height:44px;border-bottom:1px solid #e4e4e4;}
.tag-list ul,.articlenew-list ul,.commentnew-list ul{margin:10px 0;}
.tag-list li{display:inline-block;margin:10px 10px 0 0;}
.tag-list li a{display:block;height:36px;line-height:36px;padding:0 20px;overflow:hidden;border:1px solid #ccc;color:#666;}
.articlenew-list li{height:32px;line-height:32px;list-style:disc inside;color:#666;font-size:12px;}
.articlenew-list li a{color:#666;font-size:16px;}

.art-detail{padding-bottom:20px;}
.art-detail .art-heading,.art-detail .cover,.art-detail .art-body,.art-detail .tags{width:900px;margin:65px auto 0;}
.art-detail .art-heading{padding-bottom:30px;border-bottom:3px solid #ddd;}
.art-product .art-heading,.art-product .cover,.art-product .art-body,.art-product .tags{width:100%;margin:65px auto 0;}
.form-detail .art-heading,.form-detail .art-body{width:100%;}
.form-detail .submit-btn{min-width:120px;}
.art-detail .cover,.art-detail .art-body{margin:10px auto 0;}
.art-body{text-align:left;font-size:16px;line-height:2em;}
.art-body table{border-collapse:collapse;border:1px solid #ccc;}
.art-body table th,.art-body table td{border:1px solid #ccc;}
.art-heading .title{font-size: 32px;font-weight:700; color: #333; line-height:45px; display: block; overflow: hidden;text-align:center;}
.art-detail .author{color:#666;}
.art-detail .art-body{margin:35px auto 0;}
.art-detail-pic .art-body{text-align:center;}
.art-detail .art-body img{max-width:100%;}
.art-heading .info{text-align: center; font-size: 14px; padding: 10px 0;}
.list-art-detail{width:915px;margin:0 auto;min-height:300px;}
.list-art-detail .art-heading .title{text-align:left;font-size:18px;}
.list-art-detail .art-body{font-size:14px;margin-top:20px;}
.list-art-detail .art-body img{max-width:100%;}
.attachment{text-align:center;margin-top:20px;}
.attachment a{width:500px;display:flex;color:#333;background:#fff;border:1px solid #ddd;border-radius:5px;font-size:16px;padding:10px 20px;}
.attachment a:hover{color:#333;}
.attachment a span.title{flex:1;text-align:left;background:url(../images/icon_pdf.png) no-repeat left center;padding-left:25px;}
.attachment a span.button{width:80px;color:#6689CC;text-align:center;background:url(../images/icon_down.png) no-repeat left center;}



.art-page-detail .art-detail{width:100%;}
.art-page-detail .art-detail .art-heading,.art-page-detail .art-detail .cover,.art-page-detail .art-detail .art-body,.art-page-detail .art-detail .tags{width:auto;margin:45px 30px 0;}

.indexgrid{margin:0;overflow:hidden;position:relative;}
.indexgrid .bggrid1{position:absolute;z-index:1;left:0;bottom:0;background:url(../images/bggrid1.png) no-repeat center center;width:510px;height:580px;}
.indexgrid .bggrid2{position:absolute;z-index:1;right:0;top:0;background:url(../images/bggrid2.png) no-repeat center center;width:510px;height:580px;}
.indexgrid .container{margin:0 auto;width:100%;max-width:1600px;padding:80px 0;position:relative;z-index:2;}
.indexgrid .title{font-size:16px;color:#666;margin-bottom:20px;}
.indexgrid .title span{margin-right:10px;}
.indexgrid ul{display:flex;}
.indexgrid li{flex:1;display:block;position:relative;text-align:center;margin-right:20px;overflow:hidden;}
.indexgrid li:last-child{margin-right:0;}
.indexgrid li .cover{padding:0;overflow:hidden;}
.indexgrid li .cover img{display:block;}
.indexgrid li .tit{position:absolute;bottom:0;left:0;width:68%;height:120px;background:rgba(255, 255, 255, 0.9);border-radius:0px 60px 0px 0px;padding-top:28px;padding-left:20px;}
.indexgrid li .tit span{display:block;color:#333;font-size:24px;text-align:left;}
.indexgrid li .tit span.title{margin-bottom:0;font-weight:700;}
.indexgrid li .tit span.engtitle{color:#666;font-size:18px;}
.indexgrid li .tit .icon-goright{position:absolute;right:40px;top:40px;width:40px;height:42px;background:url(../images/icon_goright.png) no-repeat center center;display:none;}
@media screen and (max-width: 768px) {
	.indexgrid{width:auto;text-align:center;}
	.indexgrid li{display:inline-block;height:180px;margin-right:0;margin-bottom:10px;position:relative;float:none;}
}
.indexgrid li a:hover .cover img{transform:scale(1.1,1.1);transition: 0.5s;}
.indexgrid li a:hover .tit{background:rgba(241, 139, 0, 0.2);}
.indexgrid li a:hover .tit span{color:#fff;}
.indexgrid li a:hover .tit span.engtitle{color:#fff;}
.indexgrid li a:hover .tit .icon-goright{display:block;}

.news{padding:90px 0;background-color:#f4f4f4;}
.news .box{width:100%;max-width:1600px;margin:0 auto;display:flex;}

#photoarticle{flex:1;margin-right:20px;padding:20px;background-color:#fff;}

.newarticle{flex:1;}
.newarticle .title{text-align:center;}
.newarticle .title .title1{font-size:48px;font-weight:700;font-family:Arial;line-height:71px;color:#333;}
.newarticle .title .title2{font-size:24px;font-weight:400;font-family:Arial;line-height:36px;color:#333;}
.newarticle .items{margin-top:70px;}
.newarticle .items .item{padding:20px;display:flex;}
.newarticle .items .item:hover{background:#fff;box-shadow: 2px 2px 3px rgba(172, 172, 172, 0.25);}
.newarticle .items .item .date{color:#333;font-family:Arial;width:76px;height:76px;text-align:center;display:flex;flex-direction:column;border:1px solid #999;}
.newarticle .items .item .date .day{flex:1;font-size:24px;font-weight:700;line-height:28px;margin-top:15px;}
.newarticle .items .item .date .month{flex:1;font-size:14px;line-height:18px;}
.newarticle .items .item .infotext{flex:1;margin-left:15px;}
.newarticle .items .item .infotext .tit{font-size:18px;font-weight:700;}
.newarticle .items .item .infotext .des{max-height:48px;line-height:24px;font-size:14px;color:#333;margin-top:5px;overflow:hidden;}
.newarticle .more{margin-top:90px;text-align:right;}
.newarticle .more a{display:inline-block;border:1px solid #333;text-align:center;width:240px;height:60px;line-height:60px;border-radius:4px;font-size:24px;}
.newarticle .more a:hover{background-color:#fff;}

.newarticle .btn-default{color:#fff;border:none;background:#666;padding:0;line-height:40px;width:100px;margin:10px 0;}
.newarticle .btn-default:hover{background:#999;}
@media screen and (max-width: 768px) {
	.newarticle{width:auto;margin:20px;text-align:center;}
}

.newphoto{width:1230px;margin:0 auto 20px;overflow:hidden;text-align:center;}
.newphoto .exif{margin-top:5px;line-height: 28px;color:#999;font-size:12px;}
@media screen and (max-width: 768px) {
	.newphoto{width:auto;margin:20px;text-align:center;}
}


/*pack*/
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{background:#DC4F03 no-repeat bottom center;color:#fff;font-size:16px;}
.navbar-inverse .navbar-nav>.on>a, .navbar-inverse .navbar-nav>.on>a:focus, .navbar-inverse .navbar-nav>.on>a:hover{background:#DC4F03 no-repeat bottom center;background-image:url(../images/icon_navbg.png);color:#fff;font-size:16px;}
.navbar{border:none;width:100%;margin:0 auto 0;border-bottom:none;position:relative;}
.navBg{height:50px; background-color:#fff; position:absolute; left:0; top:100px; width:100%; z-index:3; display:none;}
.navbar-inverse{background:#fff;border-color:none;}
.navbar-inverse .container{width:auto;max-width:1600px;margin:0 auto;padding:0;}
.navbar-nav > li{position:relative;}
.navbar-nav > li > a{height:100px;line-height:30px;padding:0 25px;text-align:center;display:table-cell;vertical-align:middle;}
.navbar-nav > li dl{overflow:hidden;position:absolute;top:100px;z-index:4;left:50%;transform:translateX(-50%);font-size:0;display:none;margin-bottom:0;}
.navbar-nav > li:nth-child(2) dl{width:660px;}
.navbar-nav > li:nth-child(3) dl{width:330px;}
.navbar-nav > li:nth-child(4) dl{width:220px;}
.navbar-nav > li:nth-child(5) dl{width:320px;}
.navbar-nav > li:nth-child(6) dl{width:220px;}
.navbar-nav > li:nth-child(7) dl{width:440px;}
.navbar-nav > li:nth-child(8) dl{width:220px;}
.navbar-nav > li dl dd{display:inline-block;font-size:15px;color:#888;padding:0 25px;}
.navbar-nav > li dl dd a{height:50px;line-height:50px;}
.navbar-nav > li:hover dl{display:block;}

.navbar-brand{height:auto;margin-top:0px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0;}
.navbar-brand>img{height:80px;}
#navbar-collapse ul{margin-top:0;float:right;}
#navbar-collapse ul.dropdown-menu{margin-top:2px;}
.navbar-inverse .navbar-nav > li > a{color:#333;font-size:16px;border-radius:0;}
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{color:#333;background:#eee;}
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{margin:0;}
.container > .navbar-collapse{padding-left:0;padding-right:0;}
.container > .navbar-header{margin-top:10px;margin-bottom:10px;}
#navbar-collapse .btn{color:#666;margin:0 auto;}
.navicon{font-style:normal;background:no-repeat left center;background-size:16px 16px;padding-left:30px;}
.navicon_home{background-image:url(../images/navicon/home.png);}
.navicon_about{background-image:url(../images/navicon/about.png);}
.navicon_product{background-image:url(../images/navicon/product.png);}
.navicon_quality{background-image:url(../images/navicon/quality.png);}
.navicon_rd{background-image:url(../images/navicon/rd.png);}
.navicon_job{background-image:url(../images/navicon/job.png);}
.navicon_contact{background-image:url(../images/navicon/contact.png);}
.navicon_inventor{background-image:url(../images/navicon/inventor.png);}
.active .navicon_home,.on .navicon_home{background-image:url(../images/navicon/home_active.png);}
.active .navicon_about,.on .navicon_about{background-image:url(../images/navicon/about_active.png);}
.active .navicon_product,.on .navicon_product{background-image:url(../images/navicon/product_active.png);}
.active .navicon_quality,.on .navicon_quality{background-image:url(../images/navicon/quality_active.png);}
.active .navicon_rd,.on .navicon_rd{background-image:url(../images/navicon/rd_active.png);}
.active .navicon_inventor,.on .navicon_inventor{background-image:url(../images/navicon/inventor_active.png);}
.active .navicon_job,.on .navicon_job{background-image:url(../images/navicon/job_active.png);}
.active .navicon_contact,.on .navicon_contact{background-image:url(../images/navicon/contact_active.png);}

.pagination > li > a, .pagination > li > span,.pager > li > a{background:#666;color:#fff;font-size:14px;height:40px;line-height:40px;padding:0 35px;border:none;margin-right:10px;border-radius:4px;}
.pagination > li:last-child > a, .pagination > li:last-child > span{margin-right:0;}
.pagination > li > a:hover, .pagination > li > span:hover,.pager > li > a:hover{background:#999;color:#fff;}
.pagination > li:first-child > a, .pagination > li:first-child > span,.pagination > li:last-child > a, .pagination > li:last-child > span,.pager > li > a{padding:0;border-radius:4px;width:40px;text-align:center;}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover{background:#ddd;color:#999;border:none;}
.art-page .pager{float:left;width:750px;}


@media screen and (max-width: 1220px) {
    .warp .box{width:auto; margin:0 10px;}
    .art-list,.art-detail{margin:0 auto;float:none;width:auto;width:100%;max-width:750px;min-height:auto;}
    .art-list .list li .info{width:auto;padding:0 15px;}
    .art-list .list li .cover{margin-top:20px;margin-left:0;float:none;}
    .art-detail .art-heading,.art-detail .cover,.art-detail .art-body,.art-detail .tags{width:auto;max-width:600px;padding:0 15px;}
    .tag-list,.articlenew-list,.commentnew-list{width:100%;max-width:750px;float:none;margin:0 auto;}
	.articlenew-list,.commentnew-list{margin-top:20px;}
	#footer .copyright{margin:25px 0 0;}
	#footer .nav-foot a{display:inline-block;width:32%;}
	.art-nav{width:100%;max-width:750px;margin:0 auto;margin-bottom:15px;}
	.navbar-toggle{margin-top:38px;margin-right:0;background-color:#000;border:none;}
}
@media screen and (max-width: 768px) {
	.navbar-inverse .container{margin:0 10px;}
	#navbar-collapse ul{margin-top:0;}
	#navbar-collapse li{text-align:center;}
	#navbar-collapse li a{width:auto;padding:0 15px;}
	.container > .navbar-header{float:none;margin-top:10px;margin-bottom:0;}
	.container > .navbar-collapse{padding-left:15px;padding-right:15px;}
	.list-art-detail{max-width:100%;}
}

.carousel-inner > .item{overflow:hidden;text-align:center;height:760px;}
.carousel-inner > .item > a{display:inline-block;width:100%;height:760px;}
.carousel-inner > .item > a > img, .carousel-inner > .item > img{max-width:none;max-height:700px;}
.carousel-inner > .listitem{height:600px;}

@media screen and (max-width: 768px) {
	.carousel-inner > .item{height:160px;background-size:cover;}
	.carousel-inner > .item > a{height:180px;}
	.carousel-inner > .item > a > img, .carousel-inner > .item > img{max-height:180px;}
	.carousel-inner > .listitem{height:160px;}
}

.carousel-indicators li{width:36px;height:8px;background-color:rgba(255, 255, 255, 0.8);border:none;border-radius:16px;}
.carousel-indicators .active{width:36px;height:8px;background-color:#F18B00;}
#photoarticle .carousel-indicators li{background: rgba(241, 139, 0, 0.2);}
#photoarticle .carousel-indicators .active{background-color:#F18B00;}
#photoarticle .carousel-inner{height:100%;}
#photoarticle .carousel-inner > .item{height:100%;}
#photoarticle .carousel-inner > .item > a{height:100%;display:flex;flex-direction:column;position:relative;}
#photoarticle .carousel-inner > .item .img{flex:1;}
#photoarticle .carousel-inner > .item .date{position:absolute;z-index:1;top:0;left:0;width:86px;background-color:#F7AF1E;color:#fff;padding:20px 0;}
#photoarticle .carousel-inner > .item .date .day{font-size:36px;}
#photoarticle .carousel-inner > .item .date .seperator{font-size:36px;}
#photoarticle .carousel-inner > .item .date .month{font-size:16px;}
#photoarticle .carousel-inner > .item .title{margin:30px 0 50px;font-size:18px;height:20px;line-height:20px;overflow:hidden;}


.art-page{}
.crumb{padding:20px 0 20px;font-size:14px;line-height:20px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.crumb .homeicon{display:inline-block;vertical-align:middle;width:16px;height:16px;font-style:normal;background:no-repeat center center;background-size:16px 16px;margin-right:5px;background-image:url(../images/navicon/home.png);}
.model-title{position:relative;text-align:center;margin:90px 0;}
.model-title .cntitle{font-size:42px;color:#333;font-weight:700;line-height:62px;}
.model-title .entitle{font-size:64px;color:#e5e5e5;font-weight:700;line-height:95px;margin-top:-50px;z-index:-1;position:relative;}

/*
.list-detail .list-item{display:none;padding:0 0 120px;}
.list-detail .list-item:nth-child(1){display:block;}
.list-detail .list-item .box{display:flex;}
.list-detail .list-item .box .content{flex:1;line-height:40px;font-size:16px;margin-top:50px;}
.list-detail .list-item .box .content img{max-width:100%;}
.list-detail .list-item .box .cover{flex:1;position:relative;display:flex;overflow:hidden;margin-left:5%;}
.list-detail .list-item .box .cover .block{background:#DC4F03;width:464px;height:327px;position:absolute;bottom:0;right:0;z-index:-1;}
.list-detail .list-item .box .cover .img{flex:1;margin-right:60px;margin-bottom:60px;}
*/

.list-title{position:relative;z-index:1;}
.list-title .list-item{display:inline-block;margin-right:30px;padding-bottom:30px;}
.list-title .list-item a{display:block;height:60px;line-height:60px;border:1px solid #bbb;border-radius:60px;padding:0 25px;color:#666;font-size:18px;background:#fff;}
.list-title .list-item.active{background:transparent no-repeat bottom center;background-image:url(../images/icon_triangle.png);}
.list-title .list-item.active a{color:#fff;border:none;background:#DC4F03;}

.list-filter{margin-top:-1px;}
.list-filter .box{background:rgba(220, 79, 3, 0.1);border:1px solid rgb(220, 79, 3);border-radius:10px;padding:40px;font-size:20px;color:#333;}
.list-filter .pseries{display:flex;}
.list-filter .title{font-weight:700;width:150px;}
.list-filter .items{flex:1;}
.list-filter .items .item{display:inline-block;margin-left:100px;}
.list-filter .items .item:first-child{margin-left:0;}
.list-filter .items .item a{color:#666;}
.list-filter .items .item a.active{color:#DC4F03;}
.list-filter .filter{display:flex;margin-top:60px;}
.list-filter .items .item select{height:40px;line-height:50px;font-size:16px;width:200px;}

.product-list{margin-top:50px;text-align:center;}
.product-list .caption{display:flex;}
.product-list .caption .title{flex:1;font-size:20px;font-weight:700;color:#333;border-left:6px solid #DC4F03;padding-left:10px;text-align:left;}
.product-list .product-table{width:100%;margin-top:30px;}
.product-list .product-table td{font-size:16px;border:1px solid #eee;padding:10px;text-align:center;}
.product-list .product-table td a{color:#6689CCFF}
.product-list .product-table thead td{background:#DC4F03;color:#fff;font-weight:500;border-left:none;border-right:none;}
.product-list .product-table thead td:first-child{border-left:1px solid #DC4F03;}
.product-list .product-table thead td:last-child{border-right:1px solid #DC4F03;}
/*.product-list .product-table tbody tr:nth-child(odd) td{background:#f5f5f5}*/
.product-list .product-table tbody tr:hover{background:rgba(220, 79, 3, 0.1);}
.product-list .empty{text-align:center;padding:15px 0;}

.wechat{width:188px;text-align:center;border:1px solid #f2f2f2;border-radius:4px;position:absolute;z-index:999;display:none;}
.wechat .title{background:#f2f2f2;line-height:40px;color:#333;}
.wechat .box{background:#fff;padding:5px 0;}

table tr.firstRow th{border-top-width:2px;text-align:center;background-color:#f7f7f7;}

.stock h3{color:#0055a2;}
.stock .datetime{margin-bottom:20px;}
.stock .price{font-size:34px;color:#c10;font-weight:700;margin-bottom:20px;}
.stock .infoitem span{color:#333;}
.stock .infoitem .title{color:#666;}
.stock .pricelist{margin-bottom:20px;}
.stock .trends .tab-pane{padding:20px 0 20px 20px;border:1px solid #ddd;border-top:none;border-radius:0 4px 4px 4px;}

.filetable{border:1px solid #ccc}
.filetable td{white-space:nowrap;border-color:rgb(221, 221, 221);vertical-align:middle;}
.filetable td.title{white-space:normal;word-break: break-all;}