/* ======  reset  ====== */

/* 分页 & 面包屑
------------------------------------------------------------------------------------------ */


/*----------------------------------------------------------------------------------------------------------------------------------------------------
           Pages style
----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*选取颜色变化*/
::selection { color:#fff; background-color:#316AC5; }
::-moz-selection { color:#fff; background-color:#316AC5; }

/*placeholder 颜色*/
input::-webkit-input-placeholder { /* WebKit browsers */ color:    #e2e2e2; } 
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:    #e2e2e2; } 
input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #e2e2e2; } 
input:-ms-input-placeholder { /* Internet Explorer 10+ */ color:    #e2e2e2; }

/*图标符号*/
@font-face {
    font-family: 'icomoon';
    src:    url('../fonts-icon/icomoon.eot?dto8rm');
    src:    url('../fonts-icon/icomoon.eot?dto8rm#iefix') format('embedded-opentype'),
        url('../fonts-icon/icomoon.ttf?dto8rm') format('truetype'),
        url('../fonts-icon/icomoon.woff?dto8rm') format('woff'),
        url('../fonts-icon/icomoon.svg?dto8rm#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font-icon {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; 
    line-height: 1; font-size: 32px; color: #808080;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-uniE600:before {
    content: "\e600";
}
.icon-uniE601:before {
    content: "\e601";
}
.icon-uniE602:before {
    content: "\e602";
}
.icon-uniE604:before {
    content: "\e604";
}




/* Common Class */
.float-left { float:left; display:inline; }
.float-right { float:right; display:inline; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.dl-horizontal dt { float:left; display:inline; }
.dl-horizontal dd { overflow:hidden; *zoom:1; }
.fixed { position:fixed; top:0px; left:0px; }
.double-hr { border-top:3px double #ccc; clear:both; font-size:0; height:0; overflow:hidden; margin-bottom:20px; display:none; }

#wrapper { width:100%; margin-left:auto; margin-right:auto; background-color:#fff; position:relative; }
.page-width { width:1200px; margin:0 auto; }
.page-width .page-width { width: auto; }
.layout-boxed { }
.layout-boxed #wrapper { width:1300px; box-shadow:0 0 12px rgba(0, 0, 0, 0.15); }
.home-page { }
.insi-page { }














/* ============================= page-title & page-name & page-menu ============================= */
.page-title .page-width { overflow:hidden; }
.page-title .page-name { line-height:44px; }
.page-title .page-name h2 { font-size:16px; }
.page-title .breadcrumbs { line-height:44px; }
.page-title-inner { background:none; border-bottom:1px solid #ececec; padding:0; margin-bottom:30px; }
.page-title-inner .breadcrumbs { padding-left:16px; background: url(../images/skin-icon/icon-home.png) no-repeat left center; }

.page-menu { margin-bottom:35px; background-color:#f7f7f7; }
.page-menu-title { background:#000cff; line-height: 102px; }
.page-menu-title h3,	.page-menu-title h4 { display: inline-block;}
.page-menu-title h3 { padding-left:30px; line-height: normal;  color:#fff;font-size:20px; height: 102px; line-height: 102px; }
.page-menu-title-max h3 { font-size:24px; }
.page-menu-title h4 { line-height: normal;  padding-left:5px; line-height:normal; color:#DF534F; font-size:22px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
.page-menu-content { padding:0; border-bottom: 2px solid #eaeaea; }
.page-menu-content ul { padding:0;  }
.page-menu-content ul li { position:relative; border-bottom:1px solid #eaeaea;  }
.page-menu-content ul li.current,
.page-menu-content ul li:hover,
.page-menu-content ul li.current { background-color: #fff;}
.page-menu-content ul li a { display:block; padding-top:20px; padding-bottom:20px; padding-right:10px; padding-left: 30px; line-height:normal; color:#4d4d4d; font-size:16px; *zoom:1; }
.page-menu-content ul li i { display:block; width:8px; height:7px; overflow:hidden; position:absolute; top:25px; right:25px; _right:35px; background:url(../images/style-red/subPage-icon.png) no-repeat 0 0; }
.page-menu-content ul li a:hover { text-decoration:none; color:#cf2a2a; }
.page-menu-content ul li a {}
.page-menu-content ul li:hover i { background-image:url(../images/style-red/subPageHover-icon.png); }
.page-menu-content ul ul { padding:0 0 0 30px ; margin:0 0 20px; display:none; }
.page-menu-content ul ul li.last { border-bottom:none; }
.page-menu-content ul li ul li { border-bottom:none; }
.page-menu-content ul li ul li a { color:#4d4d4d; padding-left:10px; background:url(../images/style-red/page-menu-sub.gif) no-repeat left center;  }
.page-menu-content ul li ul li a:hover { color:#ff3333; background:url(../images/style-red/page-menu-sub-c.gif) no-repeat left center; }
.page-menu-content ul ul li a { background-image:none; padding:6px 0; line-height:normal; background-colot:#f2f2f2; font-size:14px; }
.page-menu-content ul li.current a { color:#004eff; }
.page-menu-content ul li.current i { background-image:url(../images/style-red/subPageHover-icon.png); }
.page-menu-content ul li.current ul { display:block; margin-top:0; }
.page-menu-content ul li.current ul li { border-bottom:none; }
.page-menu-content ul li.current ul li a { color:#4d4d4d; }
.page-menu-content ul li.current ul li a:hover { color:#004eff; }
.page-menu-content ul li.current ul li.current > a { color:#004eff; background:url(../images/style-red/page-menu-sub-c.gif) no-repeat left center; }


.full-page-title-wrap { position:relative; margin:30px 0 0; text-align:center; }
.full-page-title-wrap h2 { margin-bottom: 5px; line-height:normal; font-weight:normal; color:#4d4d4d; font-size:24px; font-size:2.4rem; }
.full-page-title-wrap .full-page-title h3 { display:inline-block; *display:inline; *zoom:1; margin:0 20px; line-height:normal; font-weight:normal; color:#999; font-size:13px; font-size:1.3rem; }
.full-page-title-wrap .full-page-title i { display:inline-block; *display:inline; *zoom:1; position:relative; top:-5px; width:180px; height:1px; background-color:#ccc; }
.full-page-menu-content { margin-top: 30px; }
.full-page-menu-content ul { padding:0; font-size:0; text-align:center; }
.full-page-menu-content ul li { border-bottom:none; display:inline-block; *display:inline; *zoom:1; background-image:none; margin:0 10px; }
.full-page-menu-content ul li a { 
	display:inline-block; *display:inline; *zoom:1; line-height:42px; padding:0 30px; font-size:15px; color:#555; background-color:#e5e5e5;
	-webkit-transition:all 0.5s ease 0s; -moz-transition:all 0.5s ease 0s; -ms-transition:all 0.5s ease 0s; -o-transition:all 0.5s ease 0s; transition:all 0.5s ease 0s;
}
.full-page-menu-content ul li a:hover { background:#004eff; color:#fff; }
.full-page-menu-content ul li.current a { background:#004eff; color:#fff;  }


.qhd-content table.slimtable { width:100% !important; }


/* ============================= main ============================= */
.main { min-height:150px; height:auto !important; _height:150px; }
.home-page .main { }
	
	.sidebar { width:270px; padding:35px 0 65px; }
	.sidebar-content { }	
	.content { width:880px; padding:35px 0 65px; _overflow:hidden; }	
		.content .scrollable ul li { width:246px; }
		.content .scrollable .carousel-direction a { width:35px; height:35px; line-height:35px; }
		.content .scrollable a.carousel-prev { left:0; }
		.content .scrollable a.carousel-next { right:0; }
		.content .product-set .carousel-direction a { top:100px; }
		.content .scrollable-3col .carousel-direction a { top:125px; }
		.content .link-scrollable ul li { width:180px; }
		.content .link-scrollable .carousel-direction a { top:37px; }
		
				
		/* 文章 */
		.content .team-introduction .team-img { margin-right:15px; }
		.content .team-introduction .team-img img { width:300px; } 
		.content .team-introduction .team-name { margin-bottom:10px; font-size:22px; }
		.content .team-cases-title { margin:35px 0 20px; padding-top:35px; }
		
		/* 产品 */
		.content .product-list .col-2-1 .product-item .portfolio-text h2 { margin-top:120px; }
		.content .product-list .col-3-1 .product-item .portfolio-text h2 { margin-top:40px;  }
		.content .product-list .col-4-1 .product-item .portfolio-text h2 { margin-top:30px; }
		.content .product-list .col-4-1 .product-item .portfolio-text .icon-detail { display:none; }
		.content .product-list .col-5-1 .product-item .portfolio-text h2 { margin-top:15px; margin-bottom:10px; }
		.content .product-list .col-5-1 .product-item .portfolio-text .icon-detail { display:none; }
		.content .product-detail-zoom .product-intr .product-preview { width:360px; }
		.content .product-detail-zoom .product-intr .zoom-small-image img { width:360px !important; }
		.content .product-detail-zoom .product-intr .zoom-thumbs { width:360px; }
		.content .product-detail-zoom .product-intr .zoom-thumbs img { width:80px; height:auto !important; }
		/*
		.content .product-detail-zoom .product-intr .product-preview .zoom-small-image img { width:360px !important; }
		.content .product-detail-zoom .product-intr .product-preview .zoom-thumbs { width:360px; }
		*/
	
	

	.full-page-content { width:100%; margin-left:auto; margin-right:auto; padding:50px 0 85px; }
	.full-page-content-wrapper { min-height:150px; height:auto !important; _height:150px; }	


	.full-screen { width:100%; overflow:hidden; }


/* Article 文章
------------------------------------------------------------------------------------------ */
.article-category {}
.article-list-row {}
.article-list-row li { padding:8px 0; *vertical-align:text-top; border-bottom:1px dashed #e5e5e5; *zoom:1; _display:inline-block; }
.article-list-row li .article-title { color: #999; padding-left:20px; display:inline-block; *display:inline; *zoom:1; line-height:20px; background:url(../images/style-red/icon-dot.gif) no-repeat 6px 8px; }
.article-list-row li .article-title:hover { text-decoration:none; }
.article-list-row li .article-time, .article-list-row li .article-time strong, .article-list-row li .article-time em { color:#999; font-size:12px; font-weight:normal; font-style:normal; }
.article-list-row .article-time strong { padding:0 3px;}
.article-list-row li .no-file { cursor:default; }
.article-list-row li .file-download { background:url(../images/style-red/icon-download.gif) no-repeat left center; padding-left:18px; font-size:12px; color:#004eff; }
.article-list-row li .file-download:hover { color:#333; }
.article-list-row li .file-download-disabled, .article-list-row li .file-download-disabled:hover { background:url(../images/style-red/icon-download-disabled.gif) no-repeat left center; color:#ccc; cursor:not-allowed; }
.article-list-row li a { text-decoration:none; }
.article-list-row-noBorder li { border-bottom:none; padding:3px 0; }
.portfolio-typo-item { margin-bottom:35px; }
.portfolio-typo-item .portfolio-typo-title { margin-bottom:10px; }
.portfolio-typo-item .portfolio-typo-title h2 { line-height:normal; font-size:15px; }
.portfolio-typo-item .article-time { margin-bottom:5px; font-size:12px; color:#999; }
.portfolio-typo-item .portfolio-typo-summary { font-size:12px; color:#808080; line-height:1.5; }
.headlines-list-2col .headlines-content { width:48%; float:left; display:inline; margin-right:5%; }
.headlines-list-2col .headlines-content p { margin-bottom:15px; }
.headlines-list-2col .headlines-content p a { display:block; }
.headlines-list-2col .headlines-content p img { display:block; width:100%; }
.headlines-list-2col .headlines-content h2 { font-size:16px; line-height:normal; margin-bottom:8px; }
.headlines-list-2col .headlines-content-summary { font-size:13px; line-height:1.5; color:#666; }
.headlines-list-2col .headlines-others { overflow:hidden; *zoom:1; }
.headlines-list-2col .headlines-others .entry-set-time-hl .entry-item { border-bottom:none; margin-bottom:10px; padding-bottom:10px; }
.headlines-list-2col .headlines-others .entry-set-time-hl .entry-summary { margin-bottom:-8px; }


.carousel-item-content { position:relative; margin-bottom:13px; }
.carousel-item-content .carousel-info-inner h3 { font-size:13px; }
.carousel-summary { font-size:12px; color:#808080; height:43px; overflow:hidden; }
.carousel-summary .qhd-content p { margin-bottom:0; }
.article-carousel .carousel-btn-fixed { line-height:normal; bottom:65px; text-align:right; }
.article-carousel .carousel-btn-fixed a { width:10px; height:10px; background-color:#b8b2a5; margin:0 8px 0 0; }
.article-carousel .carousel-btn-fixed a.selected { background-color:#004eff; }


.article-detail .article-title { text-align:center; margin-bottom:15px; }
.article-detail .article-title h1 { font-size:22px; line-height:1.5; font-weight:normal; }
.article-detail .entry-meta { text-align:center; margin-bottom:20px; padding-bottom:10px; font-size:12px; /*border-bottom:1px dotted #ccc;*/ }
.article-detail .entry-meta span { margin:0 10px; }
.article-detail .article-content { margin-top:25px; }
.article-detail .video-player-content { margin-top:20px; text-align:center; }
.article-detail video.video-play-wrapper { width:100%; height:auto !important; text-align:center; }
.article-detail span.video-play-wrapper { width:100%; *height:auto !important; text-align:center; }
/*IE8*/
@media \0screen {	
	.article-detail .video-play-wrapper { position:relative; height:0 !important; padding-bottom:56.25%; padding-top:0 !important; overflow:hidden; }	
	.article-detail .video-play-wrapper iframe, .article-detail .video-play-wrapper object, .article-detail .video-play-wrapper embed  { position:absolute; top:0; left:0; width:100%; height:100%; }
}
.article-detail span.video-play-wrapper { position:relative; height:0 !important; padding-bottom:56.25%; padding-top:30px; overflow:hidden; }	
.article-detail span.video-play-wrapper  { *position:relative; *height:auto !important; *padding-bottom:0; *margin-top:-30px; overflow:visible; }
.article-detail span.video-play-wrapper object, .article-detail span.video-play-wrapper object  embed { position:absolute; top:0; left:0; width:100%; height:100%; }
.article-detail span.video-play-wrapper object, .article-detail span.video-play-wrapper  embed { *position:static; }
.article-detail-fancybox { *height:600px; }
.article-detail-fancybox .video-play-wrapper { *position:relative; *height:0 !important; *padding-bottom:56.25%; *padding-top:30px; *overflow:hidden; }	
.article-detail-fancybox .video-play-wrapper iframe, .article-detail-fancybox .video-play-wrapper object, .article-detail .video-play-wrapper embed  { *position:absolute; *top:0; *left:0; *width:100%; *height:100%; }

.team-introduction .team-img { margin-right:50px; }
.team-introduction .team-name { margin-bottom:15px; font-size:24px; font-weight:normal; line-height:normal; color:#000; }
.team-introduction .team-info p { color:#666; } 
.team-cases-title { text-align:center; margin:50px 0 30px; padding-top:50px; border-top:1px solid #d9d9d9; }
.team-cases-title h4 { display:inline-block; *display:inline; *zoom:1; margin:0 20px; font-size:24px; line-height:normal; font-weight:normal; }
.team-cases-title i { display:inline-block; *display:inline; *zoom:1; width:80px; height:1px; position:relative; top:-5px; background:#999; display:none; }

.onePage-message { height: 320px;  }
.onePage-message .caroufredsel_wrapper {width: auto !important;}
.onePage-message-item {  margin: 10px 0; padding: 10px; border-bottom: dotted 1px #a6a6a6; }
.onePage-message-title { margin-bottom: 7px; line-height: 18px; }
.onePage-message-title a{ font-size: 14px; color: #666;}
.onePage-message-info { color: #838282; font-size: 14px;  max-height: 80px; overflow: hidden;}
.onePage-message-title ,	.onePage-message-info  { padding-left: 25px; position: relative; }
.onePage-message-title .icon,	.onePage-message-info .icon { display: block; width: 16px; height: 16px; position: absolute; left: 0;}
.onePage-message-title .icon { background:url(../images/skin-icon/wd_w.png) #f00 no-repeat; top: 1px;  }
.onePage-message-info .icon { background:url(../images/skin-icon/wd_d.png) #6c6c6c no-repeat; top: 4px;}
.onePage-message-info .qhd-content p { margin-bottom: 0;}
	

.content_time {
    width: 100%;
    text-align: center;
}
.content_time span{
    margin-right: 15px;
}
.link_list {
    width: 100%;
}
.link_list span{
    float: left;
}
.link_list li{
    float: left;
    margin-right: 12px;
}
.link_list li a{
    font-size: 14px;
    color: #999;
}


/* ============================= 响应式 CSS ============================= */