﻿@charset "utf-8";

/* CSS Document */

.wrapper {
	max-width: 1920px;
	margin: 0 auto;
}

.con-wrapper {
	width: 1200px;
	margin: 0 auto;
}

.f_r {
	float: right
}

.f_l {
	float: left
}


/*清除浮动*/

.clearfix:after {
	display: block;
	content: "";
	clear: both;
	visibility: hidden;
	height: 0;
}

.clearfix {
	zoom: 1;
}


/*------------大焦点图-----------*/

.owl-carousel {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.owl-carousel .item {
	display: block;
}

.owl-carousel img {
	display: block;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

#owl-01 img {
	height: 580px;
}


/*--------------导航栏------------*/

.nav {
	position: relative;
}

.nav .logo {
	position: absolute;
	left: 100px;
	top: 11px;
	height: 40px;
}

.index-nav {
	background: url(../images/nav_bg.png) no-repeat center center;
	position: fixed;
	left: 0;
	right: 0;
	height: 62px;
	z-index: 9999;
}

.nav_ul {
	margin-left: 350px;
}

.nav_ul li {
	float: left;
}

.nav_ul li a {
	display: block;
	padding: 0 33px;
	line-height: 120%;
	text-align: center;
}

.nav_ul li a .cn {
	display: block;
	color: #fff;
	font-size: 18px;
	padding: 15px 0 5px 0;
	transition: all 0.4s;
}

.nav_ul li a:hover .cn {
	color: #fcff1e
}

.nav_ul li a .en {
	display: block;
	color: rgba(255, 255, 255, 0.5);
	font-size: 12px;
	font-family: arial;
	transition: all 0.4s;
}

.nav_ul li a:hover .en {
	color: rgba(255, 255, 255, 0.9)
}

.nav_ul li a.active .cn,
.nav_ul li a.active:hover .cn {
	color: #fcff1e
}

.nav_ul li a.active .en,
.nav_ul li a.active:hover .en {
	color: rgba(255, 255, 255, 0.9)
}


/*首页大标题*/

.left-tit {}

    .left-tit h1 {
        font-size: 40px;
        color: #333;
        font-weight: bold;
        padding-bottom: 12px;
        padding-top: 40px
    }

    .left-tit h2 {
        font-size: 20px;
        font-weight: bold;
        color: #666;
    }

.center-tit h1 {
	font-size: 38px;
	color: #333;
	font-weight: bold;
	padding: 55px 0 0 0;
	text-align: center;
}


/*首页第一屏*/

.sestion01 .proimg {
	padding: 9px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.14);
}

.sestion01 .proimg-con {
	height: 290px;
	overflow: hidden;
}

.sestion01 .proimg img {
	width: 100%;
	height: 290px;
	transition: 0.4s;
}

.sestion01 .proimg img:hover {
	transform: scale(1.02);
}

.sestion01 .sec-body {
	padding: 40px 0 60px 0;
}

.sestion01 .flexrow {
	margin: 0 -40px;
}

.sestion01 .column {
	padding: 0 40px;
}

.prodes h3 {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	margin-top: 45px;
	margin-bottom: 20px;
}

.prodes p {
	font-size: 16px;
	line-height: 28px;
	color: #666
}

.probtns .flexrow {
	margin: 0 -12px;
}

.probtns .column {
	padding: 0 12px;
}

.seldown {
	display: block;
	position: relative;
}

.down-menu {
	display: none;
	position: absolute;
	width: 268px;
	top: 72px;
	left: 0;
	z-index: 99;
	background: rgba(0, 0, 0, 0.6);
	border: 1px solid #ddd;
	border-radius: 4px;
	transition: height .3s;
}

.seldown:hover .down-menu {
	display: block;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	animation: down .3s
}

.down-menu li a {
	display: block;
	padding: 18px 10px;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	color: #fff;
}

.down-menu li {
	border-top: 1px solid #ccc
}

.down-menu li:first-child {
	border: 0 none
}

.down-menu li a:hover {
	background: rgba(0, 0, 0, 0.6)
}


/*首页第二屏*/

.sestion02 {
	background: #f4f4f4;
}

.sestion02 .sec-body {
	padding: 30px 0
}

.sestion02 .sec-body .icon-list {
	margin: 0 -50px;
}

.sestion02 .sec-body .icon-list .column {
	padding: 30px 50px
}

.sestion02 .sec-body .icon-list a {
	display: block;
	text-align: center;
}

.sestion02 .sec-body .icon-list a:hover img {
	animation: jump .6s ease-out;
}

@keyframes jump {
	0% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(-4px);
	}
	50% {
		transform: translateY(3px);
	}
	70% {
		transform: translateY(-2px);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes down {
	0% {
		transform: rotateX(90deg);
	}
	100% {
		transform: rotateX(0deg);
	}
}

.sestion02 .sec-body .icon-list img {
	width: 100%;
	border: 6px solid #fff;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	border-radius: 50%;
}

.sestion02 .sec-body .icon-list span {
	display: block;
	text-align: center;
	padding-top: 25px;
	font-size: 16px;
}


/*第三屏*/

.sestion03 .sec-body {
	padding: 36px 0;
}

.sestion03 .flexrow {
	margin: 0 -20px;
}

.sestion03 .column {
	padding: 20px;
}


/*第四屏*/

.sestion04 {
	background: #f4f4f4;
}

.sestion04 .sec-body {
	padding: 50px 0 30px 0;
}

.sestion04 .flexrow {
	margin: 0 -35px;
}

.sestion04 .flexrow .column {
	padding: 0 35px
}


/*新闻列表相关*/

.widget-box {
	position: relative;
}

.widget-box .head {
	border-bottom: 1px solid #ececec;
	padding-bottom: 20px;
}

.widget-box .head h3 {
	font-size: 32px;
	color: #333;
	font-weight: bold;
}

.widget-box .head .viewmore {
	margin-top: 15px;
}

.widget-box .body {}

.widget-box .body .widget-list {}

.widget-box .body .widget-list .list-item {
	padding: 18px 10px 18px 0;
	position: relative;
}

.widget-box .body .widget-list .list-item.dotted {
	border-bottom: 1px dotted #e5e5e5;
}

.widget-box .body .widget-list .list-item.dotted:last-child {
	border: 0 none
}

.widget-box .body .widget-list .list-item.icon {
	padding-left: 15px;
}

.widget-box .body .widget-list .list-item.icon:before {
	content: '';
	width: 6px;
	height: 6px;
	background: #ffba00;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 25px
}

.widget-box .body .widget-list .list-item .tit-nowrap {
	padding-right: 24px;
	font-size: 16px;
}

.widget-box .body .widget-list .list-item .time {
	font-size: 14px;
	color: #999
}


/*网站底部*/

.footer {}

.footer .footer-exn {
	height: 260px;
	overflow: hidden;
	background: #2e3136;
	padding-top: 48px;
}

.footer .footer-exn .flexcol {
	background: url(../images/v-line.png) no-repeat right top;
	min-height: 160px;
}

.footer .footer-exn .flexcol:last-child {
	background: none;
}

.footer .footer-exn dl,
.footer .footer-exn dt,
.footer .footer-exn dd {
	padding: 0;
	margin: 0;
}

.footer .footer-exn dl {}

.footer .footer-exn dl dt {
	font-size: 24px;
	color: #919191;
	font-weight: bold;
	padding-bottom: 15px;
}

    .footer .footer-exn dl dd {
        color: #dbdbdb;
        line-height: 40px;
        font-size: 16px;
    }

.footer .footer-exn dl dd a {
	color: #dbdbdb;
	line-height: 40px;
	font-size: 16px;
}

.footer .footer-exn dl dd a:hover {
	color: #fff
}

.footer .footer-copy {
	background: url(../images/h-line.png) repeat-x center top #25292c;
	height: 45px
}

.footer .footer-copy {
	color: #dbdbdb;
	text-align: center;
	padding-top: 13px;
	line-height: 15px;
	font-size: 16px;
}

.footer .footer-exn .flexrow .column:first-child {
	width: 220px;
}

.footer .footer-exn .flexrow .column:first-child+.column {
	width: 320px;
	padding-left: 80px;
}

.footer .footer-exn .flexrow .column:first-child+.column+.column {
	width: 380px;
	padding-left: 80px;
}

.footer .footer-exn .flexrow .column:first-child+.column+.column+.column {
	width: 280px;
	padding-left: 120px;
}


/*----------------------焦点图配置--------------------*/


/* clearfix */

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}


/* display none until init */

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}

.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
}

.owl-theme .owl-controls {
	bottom: 0;
	text-align: center;
	position: absolute;
	width: 100%;
}

.owl-theme .owl-controls .owl-buttons div {
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;
	/*IE7 life-saver */
	height: 10px;
	width: 39px;
	background-position: center center;
	background-repeat: no-repeat;
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1.0;
}

.owl-prev {
	/*background-image: url(../images/arrow-pre.png);*/
	position: absolute;
	left: -27px;
	top: 71px
}

.owl-next {
	/*background-image: url(../images/arrow-next.png);*/
	position: absolute;
	right: -27px;
	top: 71px
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;
	/*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
	display: block;
	width: 25px;
	height: 15px;
	margin: 20px 3px;
	background: url(../images/num-normal.png) no-repeat center center;
	overflow: hidden;
}

.owl-theme .owl-controls .owl-page.active span {
	background-image: url(../images/num-active.png)!important
}

.owl-theme .owl-controls.clickable .owl-page:hover span {
	background-image: url(../images/num-hover.png)
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-item.loading {
	min-height: 150px;
	background: url(../images/AjaxLoader.gif) no-repeat center center
}


/*----------网站内页------------*/

.site-banner {
	background-repeat: no-repeat;
	background-position: center center;
	height: 100px;
	text-align: center;
}

.banner-text {
	padding-top: 130px;
	text-align: left;
	color: #fff;
	padding-left: 500px;
	padding-right: 40px
}

.banner-text h2 {
	font-size: 18px;
	color: rgba(255, 255, 255, 0.8);
	margin-bottom: 15px;
}

.banner-text h3 {
	font-size: 36px;
	font-weight: bold;
}

.site-banner h1 {
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	padding-top: 30px;
	padding-bottom: 24px;
	background: url(../images/site-banner-titbg.jpg) no-repeat center bottom;
	margin-bottom: 25px;
}

.site-banner p {
	font-size: 14px;
	color: #fff;
}

.site-banner p a:link,
.site-banner p a:visited,
.site-banner p a:active {
	color: #fff
}

.site-banner p a:hover {
	color: #32beff
}

.site-banner .flex-tab,
.site-banner .flex-tab-cell {
	height: 100%;
}

.site-header {
	position: relative;
	border-bottom: 1px solid #ddd;
	padding: 25px 0 15px 0;
}

.site-header h2 {
	font-size: 24px;
	line-height: 38px;
	color: #333;
	font-weight: bold;
}

.site-header .news_back {
	position: absolute;
	right: 0;
	top: 40px;
	color: #f00;
	font-size: 15px
}


/*动态*/

.banner-news {
	background-image: url(../images/game_banner2.jpg);
}

.slides,
.pro-switch,
.slides img {
	height: 450px;
}

.flex-control-nav {
	width: auto;
	right: 20px;
	left: auto;
	z-index: 5;
	bottom: 14px;
}

.focus-img {
	padding: 30px 0 10px 0
}

.focus-img,
.pro-switch,
.pro-switch .slides li,
.pro-switch .slides li a {
	position: relative;
}

.pro-switch .slides li .caption {
	padding: 0 140px 0 24px;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 3;
	background: rgba(0, 0, 0, 0.5);
	line-height: 46px;
	height: 46px;
	color: #fff;
	font-size: 14px;
}


/*动态新闻列表*/

.newslist-item .flex-tab-cell {
	vertical-align: top;
	height: 137px;
	position: relative;
}

.newslist-item .tab-left {
	width: 232px
}

.newslist-item .tab-left a {
	display: block;
	height: 137px;
	width: 232px;
	overflow: hidden;
}

.newslist-item .tab-left a img {
	transition: all 0.6s;
}

.newslist-item .tab-left a:hover img {
	transform: scale(1.03);
}

.newslist-item .tab-mid {
	padding: 0 30px;
}

.newslist-item .tab-mid .hot-link {
	position: absolute;
	left: 30px;
	bottom: 0;
}

.newslist-item .tab-mid .hot-link a {
	display: inline-block;
	margin-right: 22px;
	height: 32px;
	line-height: 30px;
	padding: 0 10px;
	transition: all 0.5s;
}

.hot-link a:link,
.hot-link a:visited,
.hot-link a:active {
	color: #999;
	border: 1px solid #e3e3e3;
}

.hot-link a:hover {
	border-color: #32beff;
	color: #32beff
}

.newslist-item .tab-right {
	border-left: 1px solid #efefef;
	padding-left: 24px;
	width: 104px;
	vertical-align: middle;
}

.newslist-item h1 {
    font-size: 26px;
    margin-bottom: 15px;
}

.newslist-item h1 a {
	transition: all 0.2s;
}

.newslist-item p {
    font-size: 16px;
    color: #999;
    line-height: 24px;
    height: 98px;
    overflow: hidden;
}

.newslist-item {
	padding: 35px 0;
	border-bottom: 1px solid #efefef;
}

.newslist-item:last-child {
	border: 0 none
}

    .newslist-item .zdate {
        font-family: Arial, "Microsoft YaHei";
        width: 80px;
        font-size: 16px;
        color: #aaa;
        text-align: center;
    }

.newslist-item .zdate span {
	font-size: 48px;
	display: block;
}


/*教程页面*/

.course-wraper {
	padding: 30px 0 40px 0;
}

.model-cate .tab-hd {
	position: relative;
	padding: 0px;
	float: left;
	width: 250px;
	background: #2e3136;
	min-height: 500px;
	margin-right: 30px;
}

.model-cate .tab-hd:after {
	border-right: 0px solid rgba(255, 255, 255, 0.3);
	content: '';
	position: absolute;
	bottom: -0px;
	top: 0px;
	right: 0
}

.model-cate .tab-hd a {
	color: rgba(255, 255, 255, 0.7);
	display: block;
	padding: 20px 12px 20px 32px;
	margin-right: 0;
	text-decoration: none;
	margin-bottom: 0px;
	cursor: pointer;
}

.model-cate .tab-hd a:hover {
	color: #fff;
	background: #25292c;
}

.model-cate .tab-hd a.cur {
	color: #fff;
	background-color: #1388ff;
	font-weight: normal;
}

.model-cate .tab-bd {
	float: right;
	width: 920px;
	background: #fff;
	min-height: 600px;
	border: 1px solid #ddd;
}

    .model-cate .tab-bd .head {
        text-align: center;
        background-color: #f4f4f4;
        line-height: 60px;
        font-size: 22px;
        color: #333;
        border-bottom: 1px solid #ddd;
    }

.model-cate .tab-bd .cate-boxcon {
	display: none;
}

.model-cate .tab-bd .cate-boxcon .content {
	padding: 40px 20px;
}

.model-cate .tab-bd .cate-boxcon .content img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.model-cate .tab-bd .cur {
	display: block !important;
}

.model-cate .cate-boxcon {
	padding: 0 0
}

.cate-box .cate-boxcon>.row {
	min-height: 500px;
}


/*问答页面*/

.faq-content-list {
	padding: 15px 0px 15px 0px;
	background: #fff;
	margin: 20px auto;
}

.faq-toplist {
	margin: 0 -15px;
}

.faq-toplist .column {
	padding: 8px 15px;
}

.faq-toplist .column a {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
}

.faqtoptip {
	padding-left: 15px;
	color: #999;
	font-size: 14px;
}

.faq-content-list-item h1 {
	font-size: 22px;
	color: #333;
	border-bottom: 1px dotted #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
	line-height: 150%;
	position: relative;
	padding-right: 60px
}

.faq-content-list-item p {
	margin-bottom: 20px;
	font-size: 16px;
	color: #666;
	line-height: 34px;
}


/*关于我们*/

.site-header .tab-hd {
	margin: 0 -25px;
	position: absolute;
	right: 0;
	bottom: 0
}

.site-header .tab-hd li {
	float: left;
	padding: 0 25px;
}

.site-header .tab-hd li a {
	cursor: pointer;
	line-height: 55px;
	font-size: 16px;
	display: block;
}

.site-header .tab-hd li.cur a {
	color: #fe7f16;
	border-bottom: 4px solid #fe7f16;
}

.about-wrap .tab-bd .tab-con {
	display: none;
}

.about-wrap .tab-bd .tab-con.cur {
	display: block;
}

.aboutus {
	padding-top: 30px;
}

.aboutus p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.8;
}

.mid-intro {
	background: url(../images/intro-bg.jpg) no-repeat center center;
	height: 500px;
	margin-bottom: 50px;
	margin-top: 30px
}

.mid-intro h1 {
	text-align: center;
	font-size: 36px;
	padding: 40px 0 55px 0;
	color: #333
}

.mid-intro .flexrow {
	margin: 0 -22px;
}

.mid-intro .flexcol {
	padding: 0 22px
}

.mid-intro .flexcol .showbox {
	border: 0px solid rgba(255, 255, 255, 0.6);
	background: #0896fa;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	color: #fff;
	padding: 50px 15px 20px 15px;
	min-height: 290px;
}

.mid-intro .flexcol .showbox img {
	display: block;
	margin: 0 auto;
	height: 60px;
	width: 60px;
}

.mid-intro .flexcol .showbox h2 {
	text-align: center;
	margin: 15px 0 20px 0;
	font-size: 18px
}

.mid-intro .flexcol .showbox p {
	font-size: 15px;
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	line-height: 1.8;
}

.btm-intro {
	margin-bottom: 50px
}

.btm-intro h1 {
	text-align: center;
	font-size: 36px;
	padding: 0px 0 55px 0;
	color: #333
}

.btm-intro .flexrow {
	margin: 0 -42px;
}

.btm-intro .flexcol {
	padding: 0 42px
}

.btm-intro .flexcol .showbox {
	padding: 15px 45px;
	border: 1px solid #ddd;
	border-radius: 4px;
	height: 260px;
	background: #f6f6f6;
}

.btm-intro .flexcol .showbox h2 {
	text-align: center;
	margin: 15px 0 25px 0;
	font-size: 22px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
}

.btm-intro .flexcol .showbox p {
	font-size: 15px;
	color: #666;
	text-align: left;
	line-height: 1.8;
}


/*企业文化*/

.cul-con {}

.cul-row {
	font-size: 0;
	border-bottom: 1px solid #dac6ae
}

.cul-row:last-child {
	border: 0 none
}

.cul-row .left {
	display: inline-block;
	width: 600px;
	height: 450px;
	font-size: 16px;
	position: relative;
}

.cul-row .text {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all .25s linear;
	padding: 20px 25px;
	background: url(../images/top.png) no-repeat top, url(../images/bottom.png) no-repeat bottom;
}

.cul-row .text p {
	text-align: center;
	font-size: 24px;
	color: #666;
	padding-top: 10px
}

.cul-row .text p:first-child {
	font-size: 34px;
	font-weight: 300;
	color: #bb9b76;
	text-align: center;
	padding-top: 0;
}

.cul-row .right {
	display: inline-block;
	width: 600px;
	height: 400px;
	background-repeat: no-repeat;
	font-size: 16px;
	position: relative
}

.cul-row .head,
.cul-row .body {
	font-size: 16px;
}

.cul01 .right {
	background-position: right center;
	background-image: url(../images/cul001.png);
}

.cul02 .right {
	background-position: left center;
	background-image: url(../images/cul002.png);
}

.cul03 {
	padding-top: 60px;
}

.cul03 .text {
	position: relative;
	transform: translate(-50%, 0);
}

.cul03 .body {
	padding: 70px 0 50px 0
}

.cul03 .body img {
	display: block;
	margin: 0 auto;
	width: 70px;
	margin-bottom: 15px;
}

.cul03 .body h2 {
	text-align: center;
	font-size: 28px;
	color: #333;
	padding-bottom: 20px
}

.cul03 .body .des {
	line-height: 1.7;
	color: #888;
	font-size: 15px
}

.cul03 .body .des p {
	margin-bottom: 15px;
	text-align: justify;
}

.cul03 .body .flexrow {
	margin: 0 -28px
}

.cul03 .body .flexcol {
	padding: 0 28px;
	border-right: 1px dotted #ddd;
	min-height: 370px;
}

.cul03 .body .flexcol:last-child {
	border: 0 none
}


/*==============分页样式==============*/

.pagination>li {
	display: inline;
}

.list-pagination {
	margin-top: 20px
}

.list-pagination .pager {
	margin: 0;
	margin-bottom: 30px;
}

.list-pagination .pager li {
	padding: 0 5px
}

.list-pagination .page-pagination {
	text-align: center;
}

.list-pagination .pagination-wraper {
	padding-top: 30px;
	padding-bottom: 40px;
	text-align: center;
}

.list-pagination .pagination {
	margin: 0;
	padding: 3px;
	text-align: center;
	display: inline-block;
}

.list-pagination .pagination a {
	padding: 11px 20px;
	margin: 2px 5px;
	border: #dcdcdc 1px solid;
	color: #666;
	text-decoration: none;
	display: inline-block;
}

.list-pagination .pagination a:hover {
	color: #000;
	border: #d8d8d8 1px solid
}

.list-pagination .pagination a:active {
	color: #000;
	border: #000099 1px solid
}

.list-pagination .pagination a.current {
	color: #ffa302;
	border-color: #ffa302;
}

.list-pagination .pagination span.disabled {
	margin: 2px;
	color: #ddd;
	padding: 2px 8px;
	border: #eee 1px solid
}

.list-pagination .pagination input {
	height: 35px;
	border: 1px solid #dcdcdc;
	width: 60px;
	text-align: center;
	font-size: 14px;
}

.list-pagination .pagination a.pag-btn {
	background: #e5e5e5;
	color: #666666
}

.list-pagination .pagination a.pag-btn:hover {
	background: #ffa302;
	color: #ffffff;
	border-color: #ffa302
}

.list-pagination .pagination>li:first-child>a,
.list-pagination .pagination>li:first-child>span {
	border-radius: 0;
}

.list-pagination .pagination>li:last-child>a,
.list-pagination .pagination>li:last-child>span {
	border-radius: 0;
}

.list-pagination .pagination>.active>a,
.list-pagination .pagination>.active>a:focus,
.list-pagination .pagination>.active>a:hover,
.list-pagination .pagination>.active>span,
.list-pagination .pagination>.active>span:focus,
.list-pagination.pagination>.active>span:hover {
	z-index: 2;
	color: #FFF;
	cursor: default;
	background-color: #32beff;
	border-color: #32beff;
}

.list-pagination .pagination a {
	margin: 0;
	margin-left: -1px;
}

.list-pagination .pagination>li>a:hover,
.list-pagination .pagination>li>span:hover,
.list-pagination .pagination>li>a:focus,
.list-pagination .pagination>li>span:focus {
	color: #32beff;
	background-color: #eee;
	border-color: #ddd;
}


/*文章正文*/

.detail-titarea h3 {
    font-size: 35px;
    color: #3a3a3a;
    padding: 20px 5% 30px 5%;
    text-align: center;
    border-bottom: 1px solid #eeeeee;
    line-height: 34px;
}

.detail-titarea h4 {
	font-size: 14px;
	text-align: center;
	padding: 25px 0 40px 0;
	line-height: 24px;
}

.detail-titarea h4 span {
	padding: 0 15px;
}

.detail-content img.center-img {
	display: block;
	margin: 0 auto 15px auto;
}

.detail-content .img-des {
	margin: 0px 0 30px 0;
	text-align: center;
}

.newsdetail-wrap p {
    margin-bottom: 20px;
    line-height: 35px;
    color: #666666;
}

.newsdetail-wrap {
	margin-top: 0px;
}

.newsdetail-wrap img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

    .newsdetail-wrap .detail-box {
        padding: 20px 0;
        background: #fff;
        font-size: 17px;
        line-height: 1.8;
    }


/*产品介绍页面*/

.site-header.product-header {
	padding: 0;
	border: 0 none;
	background: #f5f5f5;
	padding: 25px 0;
}

.site-header.product-header h2 {
	margin-bottom: 20px;
	padding-top: 15px;
	padding-left: 90px
}

.product-header {
	padding-bottom: 60px;
}

.product-header .con-wrapper {
	position: relative
}

.product-header ul {
	position: absolute;
	right: 90px;
	top: 0px
}

.product-header ul li {
	float: left;
	padding-left: 30px;
}

.product-header ul li span {
	padding: 0 50px;
	cursor: pointer;
	color: #fff;
	margin: 0;
}

.product-tit .tit-item.cur .btn-orange {
	background: url(../images/arr-right.png) no-repeat 40px center, linear-gradient(to top, #fd601b, #ff9413);
	padding-left: 75px;
}

.product-tit .tit-item.cur .btn-blue {
	background: url(../images/arr-right.png) no-repeat 40px center, linear-gradient(to top, #048ed9, #03b3e5);
	padding-left: 75px;
}

.product-tit .tit-item.cur .btn-green {
	background: url(../images/arr-right.png) no-repeat 40px center, linear-gradient(to top, #25cca7, #06d0ab);
	padding-left: 75px;
}

.product-content {
	padding: 20px 0;
}

.product-content .con-item {
	display: none;
}

.product-content .con-item.cur {
	display: block;
}

.product-intro {
	margin-bottom: 30px;
}


/*.product-intro:last-child{margin-bottom: 0px;}*/

.product-intro .introtext {}

.product-intro .introtext.left {
	padding-right: 250px;
	text-align: left;
}

.product-intro .introtext.right {
	padding-left: 250px;
	text-align: right;
}

.product-intro .intropic {
	padding: 25px 0;
}

.product-intro .intropic img {
	width: 100%;
}

    .product-intro h1 {
        font-size: 40px;
        font-weight: bold;
        padding: 25px 0 15px 0;
        border-bottom: 1px solid #eee;
        line-height: 1.5;
        margin-bottom: 15px;
        color: #333
    }

    .product-intro p {
        line-height: 1.6;
        font-size: 22px;
        padding: 2px 0;
        color: #666
    }