/* icon */
.icon{
	background: url(../images/icon.png) no-repeat;
}

.inbanner {
	height: 300px;
	width: 100%;
	min-width: 1200px;
}

.inbanner.i-jobs {
	background: url(../images/inbanner/jobs.jpg) center center no-repeat;
}

.inbanner.i-about {
	background: url(../images/inbanner/about.jpg) center center no-repeat;
}

.inbanner.i-contact {
	background: url(../images/inbanner/contact.jpg) center center no-repeat;
}

.inbanner.i-news {
	background: url(../images/inbanner/news.jpg) center center no-repeat;
}

.inbanner.i-services {
	background: url(../images/inbanner/services.jpg) center center no-repeat;
}

.inbanner.i-feedback {
	background: url(../images/inbanner/feedback.jpg) center center no-repeat;
}

.inbanner.i-download {
	background: url(../images/inbanner/download.jpg) center center no-repeat;
}

.innav {
    float:right;
	font-size: 13px;
	color: #999;
	line-height: 50px;
	height: 50px;
    text-align:right;    margin-top: -20px;
}

.innav img {
	vertical-align: -7px;
	display: inline-block;
}
.innav a{color:#999;}
.main .rside {
	width: 260px;    margin-top: -72px;
}

.main .lside {
	width: 900px;
}

.rside .rb {
	font-size: 14px;
	color: #333;
	margin-bottom: 16px;
	/*box-shadow: 0 0 6px rgba(0,0,0,.4);*/
}

.rb .rb-h {
	line-height: 40px;
	font-size: 18px;
	margin-bottom: 1px;
	color: #fff;
	background: #eb0d1e;
	text-align: left;
	padding: 5px 0;
	padding-left: 20px;border-radius: 10px 10px 0 0;
}

.rb .rb-h .sm {
	font-size: 12px;
    font-style:italic;
}

.rb .typeul {
	width: 100%;
}

.rb .typeul li {
	height: 48px;
	margin-bottom: 1px;
	padding-left: 40px;
	position: relative;
	overflow: hidden;
	background: #333;
	color: #fff;
	line-height: 48px;
}

.rb .typeul li a {
	display: block;
	height: 100%;
	width: 100%;
	color: #fff;
}

.rb .typeul li.on,
.rb .typeul li:hover {
	background: #eb0d1e;
}

.rb .typeul li:before {
	display: block;
	content: '';
	position: absolute;
	font-weight: 34px;
	font-weight: bold;
	left: 10px;
	top: 14px;
	width: 20px;
	height: 20px;
	background: url(../images/servli.png) no-repeat left center;
}

.rb .typeul li.on:before,
.rb .typeul li:hover:before {
	background: url(../images/servli-on.png) no-repeat left center;
}

.rb .contactul {
	padding: 20px 9px 12px 9px;
	color: #333;
	background: #f4f4f4;
	/*! border: 1px solid #fff; */
}

.rb .contactul li {
	font-size: 12px;
	line-height: 18px;
}

.rb .contactul li .icon {
	width: 22px;
	height: 36px;
	margin-top: -9px;
}

.rb .contactul li span.p {
	width: 208px;
	margin-left: 10px;
}

.icon.icon-tel {
	background-position: 0 -328px;
}
.icon.icon-person{
	background-position: -88px -328px;
}
.icon.icon-mail {
	background-position: -22px -328px;
}

.icon.icon-add {
	background-position: -44px -328px;
}

.icon.icon-ck {
	background-position: -66px -328px;
}

/* 左边 */
.lside-h {
	border-radius: 20px 0 0 20px;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	height: 40px;
	line-height: 40px;
	/*! width: 160px; */
	padding: 0 60px 0 20px;
	display: inline-block;
	margin-bottom: 20px;
}

.lside-h::before {
	content: '';
	position: absolute;
	width: 3px;
	height: 30px;
	background: #eb0d1e;
	left:0;
	top: 5px;
}

.lside-c {
	line-height: 30px;
	font-size: 16px;padding-bottom:30px;
}
.newsul{
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.newsul li{
	display: block;
	padding: 20px 10px;
	background-color: transparent;
	border: 1px dashed #ddd;
	margin-bottom: 10px;
}
.newsul li:hover{
	background-color: #f5f5f5;
}
.newsul li .news-b{
	width: 100%;
	/*! padding-left: 34px; */
	padding-right: 40px;
}
.newsul li .news-b .date{
	width: 60px;
	height: 60px;
	background: #eb0d1e;
	text-align: center;
    margin-left:15px;
	color: #fff;
}
.newsul li .news-b .date .day{
	font-size: 30px;
	font-weight: bold;   
	display: block;
    margin-top: 5px;
}
.newsul li .news-b .date .mon{
	font-size: 13px;
	line-height: 20px; 
	display: block;
}
.newsul li .news-b .txt{
	width: 780px;
	display: block;
}
.newsul li .news-b .title{
	width: 100%;
	height: 26px;
	font-size: 16px;
	display: block;
	line-height: 20px;
	color: #222;
}
.newsul li .news-b .info{
	width: 100%;
	font-size: 12px;
	display: block;
	line-height: 24px;
	overflow: hidden;
	color: #787878;
}
.newsul li:hover .news-b .title{
	color: #eb0d1e;
}
.pagination {
    text-align: center;
    font-size: 14px;
    display: block;
    clear: both;
    height: 30px;
    line-height: 30px;
    margin-top: 18px;
}
.pagination a {
    margin: 0 5px 0 0;
    padding: 8px 14px;
    background: #f1f1f1;
    color: #666;
    font-size: 14px;
}
.pagination a:hover{
	text-decoration:  underline;
}
.pagination a.current {
    background: #eb0d1e;
    color: #fff !important;
}
/* 文章页 */
.article{
	padding: 10px;
}
.article .a-title{
	padding-bottom: 10px;
	text-align: center;
	/*border-bottom: 1px solid #ddd;*/
}
.article .a-title .h1{
	display: block;
	line-height: 24px;
	font-size: 20px;
	margin-bottom: 14px;
	color: #333;
	padding: 20px 10px;
	background: #f1f1f1;
}
.article .a-title .info{
	line-height: 20px;
	font-size: 12px;
	color: #999;
}
.article .a-title .info em{
	margin-right: 18px;
}
.article .a-dd{
	padding: 10px;
	background: #f5f5f5;
	color: #666;
	font-size: 13px;
	line-height: 1.6em;
	border-radius: 4px ;
	border: 1px solid #eee;
	margin-bottom: 20px;
}
.article .a-body{
	padding: 10px;
}
.page_control{
	width: 100%;
	margin-top: 30px;
	padding-top: 16px;
	border-top: 1px solid #ddd;
}
.page_control .button{
	width: 66px;
	height: 36px;
	line-height: 34px;
	margin: 0 auto;
	font-size: 14px;
	padding: 0;
	text-align: center;
	margin-top: -18px;
	background: #fff;
}
.page_control .page_go{
	width: 50%;
	font-size: 12px;
}
.page_control .page_go a{
	line-height: 33px;
	font-size: 13px;
	color:#666;
}
.page_control .page_go a:hover{
	color:#eb0d1e;
}
 .btn1 { font-family:'microsoft yahei'; font-size:16px; font-weight:bold; width: 150px; color: #FFFFFF; background-color:#eb0d1e; border: 0; margin: 0; border-radius: 4px; height:40px; line-height:40px; }
.btn1:hover { background-color:#333; }
.form-control{padding:5px 8px;margin:3px 0;}
table td.t{text-align:right;}
table td input,table td textarea,table td select{border:1px solid #ccc;}
.qamain {
        font-size: 15px;
        color: #666;
    }
        .qamain .b {
            margin-bottom: 20px;
            border-bottom: 1px dotted #dfdfdf;
            padding: 10px;
        }
            .qamain .b .q {
                /*! margin-bottom: 10px; */
                cursor: pointer;
            }
                .qamain .b .q .count {
                    display: inline-block;
                    color: #999;
                    float:right;
                    height: 24px;font-size: 14px;
                    padding: 0 8px;
                    text-align: center;
                    line-height: 24px;
                    margin-right: 6px; border-radius:5px;
                }
                    .qamain .b .q span.txt {
                        color: #333;
                    }
            .qamain .b .a {
                display: none;
                padding: 10px 10px 10px 10px;
                font-size: 14px;
                /*! padding-top: 10px; */
                line-height: 30px;
                color: #888;
                border-top: 1px dashed #bbb;
                margin-top: 10px;
            }
            .bdBox li p { font-size:16px; line-height:25px; padding:8px 0; text-align:center; }
			.bdBox li { width: 288px; float: left; margin-right: 18px; margin-bottom: 35px }
            .bdBox li:nth-child(3n){margin-right:0;}
.bdBox li .hborder, .bdBox li .hborder { display: block; background: #f4f4f4; width: 100%; height: 200px; padding: 0; margin: 0; position: relative; box-sizing: border-box;  -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 -o-transition: all .4s ease-in-out;
 -ms-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
overflow: hidden; cursor: pointer }
.bdBox li .hborder img, .bdBox li .hborder img { display: block; min-width: 100%; height:100%; padding: 0; margin: 0; position: relative;  -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 -o-transition: all .4s ease-in-out;
 -ms-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
opacity: 1; overflow: hidden }
.bdBox li .hborder:hover img, .bdBox li .hborder:hover img { position: absolute; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); opacity: .4; filter: alpha(opacity=40) }
.bdBox li .hborder .caption, .bdBox li .hborder .caption { color: #fff; padding: 0; margin: 0; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden;  -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 -o-transition: all .4s ease-in-out;
 -ms-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
overflow: hidden }
 .bdBox li .hborder .caption::before, .bdBox li .hborder .caption::before, .bdBox li .hborder .caption::after, .bdBox li .hborder .caption::after {
 position: absolute;
 content: '';
 opacity: 0;
 -webkit-transition: opacity .8s, -webkit-transform .4s;
 -moz-transition: opacity .8s, -moz-transform .4s;
 -o-transition: opacity .8s, -o-transform .4s;
 transition: opacity .8s, transform .4s
}
 .bdBox li .hborder .caption::before, .bdBox li .hborder .caption::before {
 top: 8%;
 right: 10%;
 bottom: 8%;
 left: 10%;
 border-top: 1px solid #eb0d1e;
 border-bottom: 1px solid #eb0d1e;
 opacity: .8;
 -webkit-transform: scale(0, 1);
 -moz-transform: scale(0, 1);
 -o-transform: scale(0, 1);
 transform: scale(0, 1);
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0
}
 .bdBox li .hborder .caption::after, .bdBox li .hborder .caption::after {
 top: 8%;
 right: 10%;
 bottom: 8%;
 left: 10%;
 border-right: 1px solid #eb0d1e;
 border-left: 1px solid #eb0d1e;
 opacity: .8;
 -webkit-transform: scale(1, 0);
 -moz-transform: scale(1, 0);
 -o-transform: scale(1, 0);
 transform: scale(1, 0);
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0
}
 .bdBox li .hborder:hover .caption::before, .bdBox li .hborder:hover .caption::before, .bdBox li .hborder:hover .caption::after, .bdBox li .hborder:hover .caption::after {
 opacity: 1;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1)
}
.bdBox li .hborder .caption, .bdBox li .hborder .caption, .bdBox li .hborder .caption .bg, .bdBox li .hborder .caption .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 -o-transition: all .4s ease-in-out;
 -ms-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
overflow: hidden; z-index: 50 }
.bdBox li .hborder .captionTit, .bdBox li .hborder .captionTit { position: absolute; height: 150px;
    margin-top: 20px;
    line-height: 30px;
    font-size: 22px; text-align: center; font-weight: 700; width: 210px; top: 30%; left: 50%; margin-left: -105px;  -webkit-transition: all .4s ease-in-out;
 -moz-transition: all .4s ease-in-out;
 -o-transition: all .4s ease-in-out;
 -ms-transition: all .4s ease-in-out;
 transition: all .4s ease-in-out;
opacity: 0; filter: alpha(opacity=0);  *position: relative;
overflow: hidden; display: table;  *z-index: 10001
}
.bdBox li .hborder .captionTit .TitVer, .bdBox li .hborder .captionTit .TitVer { vertical-align: middle; display: table-cell;  *position: absolute;
 *top: 40%;
 *left: 0;
 *width: 210px;
 color:red;
 font-weight:bold;
}
.bdBox li .hborder:hover .captionTit, .bdBox li .hborder:hover .captionTit { top: 0; opacity: 1; filter: alpha(opacity=100) }
.bdBox li .hborder:hover .caption .bg, .bdBox li .hborder:hover .caption .bg {  *background: #2152c1;
 *filter: alpha(opacity=40)
}