﻿@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    outline: none;
    -webkit-font-smoothing: antialiased;
}

body,
ul,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
    list-style: none;
    text-decoration: none;
    font-size: 12px;
}

html,
body {
    font-family: "微软雅黑", Microsoft YaHei;
    font-family: "Microsoft YaHei", "微软雅黑" !important;
    /*兼容Opera*/
    color: #666;
}

img {
    border: none;
}

input,
textarea {
    border: none;
    background: none;
    font-size: 12px;
    vertical-align: middle;
    font-family: "微软雅黑", Microsoft YaHei;
}

select {
    font-size: 12px;
    vertical-align: middle;
    cursor: pointer;
    font-family: "微软雅黑", Microsoft YaHei;
}

body a {
    outline: medium none;
}

a {
    text-decoration: none;
    blr: expression(this.onFocus=this.blur());
    outline: none;
    color: #333;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

a:hover {
    text-decoration: none;
    color: #006cb4;
}

em,
i {
    font-style: normal;
}

a:focus,
input,
select {
    outline: none;
}

.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: "\200B";
    display: block;
    clear: both;
    height: 0;
}

/*head_warp*/
.head_warp {
    width: 100%;
    min-width: 1200px;
    height: 110px;
    background: url("../images/nav_01.png") center top no-repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.inner {
    width: 1200px;
    margin: 0 auto;
}

/* CSS Document */
.main_warp {
	position: relative;
	z-index: 99;
	min-width: 1200px;
	padding-top: 190px;
	min-height: 600px;
}

/*major_link*/
.major_link {
	width: 636px;
	height: 600px;
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -36px;
	z-index: 100;
	background: url("../images/major_01.png") right 0 no-repeat;
}

.major_link li {
	float: left;
	background: url("../images/tou_blue60.png") repeat;
	display: table;
	vertical-align: middle;
	text-align: center;
}

.major_link li a {
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;
}

.major_link li.major_link1 {
	width: 220px;
	height: 204px;
	margin-left: 170px;
}

.major_link li.major_link2 {
	width: 246px;
	height: 204px;
	background-image: url("../images/tou_blue80.png");
}

.major_link li.major_link3 {
	width: 170px;
	height: 122px;
}

.major_link li.major_link4 {
	width: 220px;
	height: 90px;
	margin: 122px 0 0;
}

.major_link li.major_link5 {
	width: 220px;
	height: 120px;
	margin: 64px 0 0 170px;
}

.major_link li.major_link6 {
	float: right;
	width: 246px;
	height: 274px;
	margin: 122px 0 0;
	background-image: url("../images/tou_blue80.png");
}

.major_link li:hover {
	background-image: url("../images/tou_blue100.png");
}

.major_link li:hover a .major_txt {
	filter: alpha(opacity=100);
	opacity: 1.00;
}

.major_link li:hover a img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
}

/*flex_slider*/
.flex_slider {
	width: 100%;
	min-width: 1200px;
	height: 710px;
	overflow: hidden;
	position: relative;
	margin-top: -110px;
	z-index: 0;
}

.flex_slider .slides {
	width: 100%;
}

.flex_slider .slides li {
	float: left;
	height: 710px;
	background-position: center top;
	background-repeat: no-repeat;
}

.flex_slider .slides li a {
	display: block;
	width: 466px;
	height: 122px;
	background: #0062a3;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -41px 0 0 134px;
	line-height: 122px;
	overflow: hidden;
	text-align: center;
	font-size: 36px;
	color: #fff;
}

.flex_slider .flex-control-nav {
	display: inline-block;
	padding: 25px 40px;
	background: url("../images/tou_blue60.png") repeat;
	position: absolute;
	bottom: 120px;
	left: 50%;
	margin-left: -600px;
	z-index: 100;
}

.flex_slider .flex-control-nav li {
	float: left;
	margin: 0 10px;
}

.flex_slider .flex-control-nav li a {
	display: block;
	width: 14px;
	height: 14px;
	font-size: 0;
	background: url("../images/banner_ico.png") left center no-repeat;
	cursor: pointer;
}

.flex_slider .flex-control-nav li a.flex-active {
	background-position: right center;
}

.flex_slider .flex-direction-nav {
	display: none;
}

.flex_slider .flex-direction-nav a {
	display: block;
	width: 34px;
	height: 64px;
	text-indent: -9999px;
	background: url("../images/banner_btn.png") no-repeat;
	position: absolute;
	top: 50%;
	margin-top: -32px;
	z-index: 100;
}

.flex_slider .flex-direction-nav a.flex-prev {
	background-position: right 0;
	left: 0;
	margin-left: 30px;
}

.flex_slider .flex-direction-nav a.flex-next {
	background-position: 0 0;
	right: 0;
	margin-right: 30px;
}

/*index_sec1*/
.index_sec1 .inner {
	padding: 60px 0;
	background: url("../images/sec1_01.png") no-repeat;
}

.sec_tit {
	text-align: center;
	font-size: 30px;
	background: url("../images/title_dec1.png") left bottom repeat-x;
}

.sec_titnew {
	text-align: left;
}

.sec_tit a span {
	display: inline-block;
	color: #000;
	padding-bottom: 10px;
	border-bottom: 8px solid #ccc;
}

.sec_tit a span em {
	color: #11A1E1;
}

.sec_tit a span img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 6px;
}

.sec_tit a i {
	font-size: 16px;
	font-family: Georgia;
	font-weight: normal;
	margin-left: 10px;
	text-transform: uppercase;
}

.pro_sort {
	margin: 25px 0 0 -11px;
}

.pro_li {
	float: left;
	overflow: hidden;
	position: relative;
	margin: 11px 0 0 11px;
}

.pro_pic {
	overflow: hidden;
}

.pro_pic img {
	display: block;
}

.pro_original {
	background: url("../images/tou_black50.png") repeat;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 18px 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.pro_original a {
	color: #fff;
}

.pro_original a em {
	display: block;
	font-size: 10px;
	-webkit-transform: scale(0.875);
	text-transform: uppercase;
	font-weight: normal;
}

.pro_hover {
	height: 100%;
	padding: 0;
	background: url("../images/tou_blue70.png") repeat;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-ms-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}

.hover_area {
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
}

.hover_area a {
	display: table-cell;
	vertical-align: middle;
}

.pro_ico {
	display: block;
	margin: 0 auto;
	width: 47px;
	height: 47px;
	background: url("../images/pro_ico1.png") no-repeat;
	margin-bottom: 20px;
}

.pro_li:hover .pro_original {
	filter: alpha(opacity=0);
	opacity: 0;
}

/*index_sec2*/
.index_sec2 {
	background-color: #f0f0f0;
}

.index_sec2 .inner {
	padding: 60px 0;
	background: url("../images/sec1_03.png") right bottom no-repeat;
}

.news {
	width: 710px;
	float: left;
}

.news .sec_tit {
	text-align: left;
}

.news_tab {
	background: url("../images/news_01.png") left 5px no-repeat;
	margin-top: 40px;
}

.news_tab li {
	float: left;
	font-size: 15px;
	text-align: center;
	width: 128px;
	background: url("../images/news_01.png") right 5px no-repeat;
}

.news_tab li a {
	display: inline-block;
	padding-bottom: 15px;
	background: url("../images/news_02.png") center 36px no-repeat;
	color: #333;
}

.news_tab li:hover a,
.news_tab li.news_cur a {
	font-weight: bold;
	color: #11A1E1;
	background-position: center bottom;
}

.news_rec {
	margin-top: 10px;
}

.news_rec li {
	margin-bottom: 20px;
	overflow: hidden;
	padding: 9px;
	border: 1px solid #d4d4d4;
}

.news_pic {
	display: block;
	width: 200px;
	height: 110px;
	overflow: hidden;
	float: left;
}

.news_date {
	display: block;
	float: left;
	padding: 23px 30px 0 20px;
	height: 87px;
	text-align: right;
	font-size: 20px;
	color: #999;
	font-family: Georgia;
}

.news_date em {
	display: block;
	font-size: 30px;
	padding-bottom: 4px;
	border-bottom: 1px solid #bbb;
}

.news_tit {
	font-weight: normal;
	font-size: 15px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	margin: 15px 0 10px;
}

.news_tit a {
	color: #11A1E1;
}

.news_des {
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
}

.news_rec li:hover {
	background: #e4e4e4 url("../images/news_03.png") right top no-repeat;
}

/*college*/
.college {
	width: 430px;
	float: right;
}

.college_list {
	margin: 30px 0 0 -18px;
}

.college_list li {
	width: 174px;
	height: 54px;
	float: left;
	line-height: 54px;
	padding: 4px 0 4px 26px;
	border: 3px solid #d4d4d4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 10px 18px;
}

.college_list li a {
	display: block;
	color: #333;
	font-size: 16px;
}

.college_ico {
	display: inline-block;
	vertical-align: middle;
	width: 54px;
	height: 54px;
	overflow: hidden;
	margin-right: 15px;
	position: relative;
}

.college_ico img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.college_list li:hover {
	border-color: #11A1E1;
	background-color: #fff;
}

.college_list li:hover a {
	color: #11A1E1;
}

.video_box {
	width: 430px;
	height: 250px;
	position: relative;
}

/*==================================================================================
sub*/
.banner_warp {
	position: relative;
	margin-top: -110px;
	z-index: 0;
	height: 400px;
	background-position: center top;
	background-repeat: no-repeat;
}

.sub_top {
	position: relative;
	margin-top: -100px;
	z-index: 10;
	height: 100px;
	overflow: hidden;
	background: url("../images/sub_01.png") center top no-repeat;
	color: #fff;
}

.sub_tit {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 30px;
	width: 270px;
	margin-top: 22px;
	float: left;
}

.sub_tit em {
	display: block;
	font-size: 14px;
	font-family: Georgia;
}

.sub_nav {
	width: 930px;
	float: right;
	/* background: url("../images/sub_02.png") right 40px no-repeat; */
}

.sub_nav li {
	float: left;
	text-align: center;
	padding: 0 8px;
	font-size: 18px;
	background: url("../images/sub_02.png") left 40px no-repeat;
}

.sub_nav li a {
	display: block;
	width: 139px;
	line-height: 120px;
	color: #fff;
	filter: alpha(opacity=70);
	opacity: 0.70;
	background: url("../images/title_dec3.png") center bottom no-repeat;
}

.sub_nav li:hover a,
.sub_nav li.sub_cur a {
	line-height: 100px;
	background-color: #11A1E1;
	background-position: center 73px;
	filter: alpha(opacity=100);
	opacity: 1.00;
}

.sub {
	padding: 20px 0 0;
	min-height: 600px;
}

.sub_guide {
	padding-bottom: 10px;
	border-bottom: 2px solid #999999;
}

.sub_item {
	float: left;
	font-size: 40px;
	color: #333;
	padding-right: 25px;
	background: url("../images/title_dec4.png") right bottom no-repeat;
	line-height: 44px;
}

.position {
	float: right;
	font-size: 13px;
	line-height: 24px;
	background: url("../images/sub_03.png") left center no-repeat;
	padding-left: 26px;
	margin-right: -6px;
	margin-top: 20px;
	color: #666;
}

.position a {
	margin: 0 6px;
	color: #666;
}

.position a:hover {
	color: #333;
}

.position a.position_cur {
	color: #11A1E1;
}

/*===============02--industry===============*/
.industry_scr {
	margin-top: 20px;
	overflow: hidden;
	position: relative;
}

.industry_scr .hd {
	padding: 20px 0;
	overflow: hidden;
	text-align: center;
}

.industry_scr .hd .prev,
.industry_scr .hd .next {
	display: inline-block;
	width: 62px;
	height: 42px;
	overflow: hidden;
	cursor: pointer;
	background: url("../images/industry_01.png") no-repeat;
	margin: 0 8px;
}

.industry_scr .hd .next {
	background-position: right 0;
}

.industry_scr .hd .prevStop {
	background-position: 0 -42px;
}

.industry_scr .hd .nextStop {
	background-position: right -42px;
}

.industry_scr .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
	display: none;
}

.industry_scr .hd ul li {
	float: left;
	width: 9px;
	height: 9px;
	overflow: hidden;
	margin-right: 5px;
	text-indent: -999px;
	cursor: pointer;
	background: url("../images/icoCircle.gif") 0 -9px no-repeat;
}

.industry_scr .hd ul li.on {
	background-position: 0 0;
}

.industry_scr .bd {
	margin-left: -30px;
}

.industry_scr .bd ul {
	overflow: hidden;
	zoom: 1;
}

.industry_scr .bd ul li {
	width: 380px;
	float: left;
	_display: inline;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 2px solid #ddd;
	margin-left: 30px;
}

.industry_scr .bd ul li a {
	display: block;
	font-size: 16px;
}

.industry_pic {
	height: 240px;
	overflow: hidden;
	margin-bottom: 12px;
	background: #000;
}

.industry_caption {
	padding-bottom: 15px;
	background: url("../images/title_dec5.png") left bottom no-repeat;
}

.industry_scr .bd ul li:hover a {
	color: #11A1E1;
}

.related {
	background: #f6f6f6;
}

/*re_area*/
.re_area {
	padding-top: 40px;
}

.common_tit1 {
	overflow: hidden;
	margin-bottom: 20px;
}

.common_tit1 a {
	text-transform: uppercase;
	font-size: 24px;
}

.common_tit1 a span {
	display: block;
	float: left;
	padding-bottom: 15px;
	background: url("../images/title_dec6.png") left bottom no-repeat;
}

.common_tit1 a span em {
	display: block;
	font-weight: normal;
	font-size: 14px;
	font-family: Georgia;
	color: #666;
}

.more {
	display: block;
	float: right;
	font-size: 15px;
	font-weight: normal;
	color: #666;
	background: url("../images/sub_04.png") left 3px no-repeat;
	padding-left: 20px;
	margin-top: 42px;
}

.common_tit1 a .more:hover {
	color: #11A1E1;
	background-position: left -17px;
}

.re_list {
	padding-bottom: 15px;
	background: url("../images/re_01.gif") center bottom no-repeat;
	margin-left: -40px;
}

.re_list li {
	width: 540px;
	padding: 0 20px;
	margin-left: 40px;
	float: left;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	font-size: 14px;
	background: url("../images/list_ico1.png") left center no-repeat;
	margin-bottom: 15px;
}

.re_list li a:hover {
	text-decoration: underline;
}

.re_pro {
	margin-left: -10px;
}

.re_pro li {
	width: 232px;
	height: 232px;
	float: left;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
}

.re_pro li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	font-size: 14px;
}

.pro_name {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 10;
	background: url("../images/tou_blue90.png") repeat;
}

.pro_name span {
	display: block;
	background: url("../images/re_02.png") center 65px no-repeat;
	padding-top: 140px;
}

/*activities_scr*/
.activities_scr {
	margin-top: 20px;
	overflow: hidden;
	position: relative;
}

.activities_scr .hd {
	padding: 20px 0;
	overflow: hidden;
	text-align: center;
}

.activities_scr .hd .prev,
.activities_scr .hd .next {
	display: inline-block;
	width: 62px;
	height: 42px;
	overflow: hidden;
	cursor: pointer;
	background: url("../images/industry_01.png") no-repeat;
	margin: 0 8px;
	display: none;
}

.activities_scr .hd .next {
	background-position: right 0;
}

.activities_scr .hd .prevStop {
	background-position: 0 -42px;
}

.activities_scr .hd .nextStop {
	background-position: right -42px;
}

.activities_scr .hd ul {
	overflow: hidden;
	zoom: 1;
	text-align: center;
}

.activities_scr .hd ul li {
	display: inline-block;
	width: 32px;
	height: 5px;
	overflow: hidden;
	margin: 0 4px;
	text-indent: -999px;
	cursor: pointer;
	background: #aaa;
}

.activities_scr .hd ul li.on {
	background-color: #11A1E1;
}

.activities_scr .bd {
	margin-left: -30px;
}

.activities_scr .bd ul {
	overflow: hidden;
	zoom: 1;
}

.activities_scr .bd ul li {
	width: 380px;
	float: left;
	_display: inline;
	overflow: hidden;
	margin-left: 30px;
}

.activities_scr .bd ul li a {
	display: block;
}

.activities_pic {
	width: 130px;
	height: 80px;
	overflow: hidden;
	float: left;
	border: 5px solid #ddd;
}

.activities_info {
	width: 228px;
	height: 76px;
	padding: 10px 0 0;
	float: right;
	border-top: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
}

.activities_info h5 {
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
	max-height: 44px;
	overflow: hidden;
	margin-bottom: 5px;
}

.date {
	color: #999;
	background: url("../images/ico_date.png") left center no-repeat;
	padding-left: 18px;
}

/*article*/
.article {
	margin-bottom: 60px;
	font-size: 14px !important;
	text-indent: 2em !important;
	line-height: 25px !important;
}

.article_l {
	float: left;
	font-size: 13px;
	line-height: 24px;
	padding: 30px 0 0 0;
	color: #333;
}

.article_l ol {
	list-style: decimal;
}

.article_tit {
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
	color: #11A1E1;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 40px;
}

.article_info {
	color: #999;
    margin: 10px 0 70px;
    text-align: center;
    font-size: 14px;
}

a.article_load {
	display: block;
	width: 168px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: url("../images/article_03.png") no-repeat;
	margin: 30px 0;
	float: left;
	margin-left: 10px;
}

a.article_load:hover {
	background-position: 0 -44px;
}

.article_page {
	width: 100%;
	float: left;
	padding: 7px 0;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: url("../images/article_04.gif") center center no-repeat;
	margin-left: -33px;
}

.article_page li {
	width: 557px;
	padding: 0 10px 0 33px;
	float: left;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
	font-size: 13px;
	color: #333;
}

.article_page li b {
	margin-right: 10px;
}

.article_shared {
	margin: 40px 0 20px;
}

a.back_list {
	display: block;
	float: right;
	width: 100px;
	padding-left: 90px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #666;
	background: url("../images/article_05.png") no-repeat;
	margin-top: -10px;
}

a.back_list:hover {
	background-position: 0 -50px;
	color: #fff;
}

.article_r {
	width: 250px;
	float: right;
}

#portamento_container {
	float: right;
	position: relative;
}

#portamento_container .gd_fixed {
	float: none;
	position: absolute;
}

#portamento_container .gd_fixed.fixed {
	position: fixed;
	*+position: absolute;
}

.re_area2 {
	padding-top: 20px;
}

.common_tit2 {
	line-height: 24px;
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 6px;
	border-bottom: 2px solid #eee;
	margin-bottom: 10px;
}

.common_tit2 a {
	color: #666;
}

.more_02 {
	font-size: 12px;
	float: right;
	font-weight: normal;
	color: #11A1E1;
}

.more_02:hover {
	text-decoration: underline;
}

/*pro_focus*/
.pro_focus {
	height: 260px;
	padding: 10px;
	background: #eeeeee;
	overflow: hidden;
	position: relative;
	margin-top: -12px;
}

.pro_focus .hd {
	padding: 14px 0;
	overflow: hidden;
}

.pro_focus .hd ul {
	overflow: hidden;
	zoom: 1;
	text-align: center;
}

.pro_focus .hd ul li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 8px;
	line-height: 12px;
	text-align: center;
	font-size: 0;
	background: url("../images/focus_ico1.png") no-repeat;
	cursor: pointer;
}

.pro_focus .hd ul li.on {
	background-position: right 0;
}

.pro_focus .bd {}

.pro_focus .bd li {
	zoom: 1;
	vertical-align: middle;
	height: 230px;
	overflow: hidden;
}

.pro_focus .prev,
.pro_focus .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url("../images/slider-arrow.png") -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
}

.pro_focus .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px;
}

.pro_focus .prev:hover,
.pro_focus .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.pro_focus .prevStop {
	display: none;
}

.pro_focus .nextStop {
	display: none;
}

/*re_train*/
.re_train {}

.re_train li {
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	background: url("../images/list_ico2.png") left center no-repeat;
	padding-left: 20px;
}

.re_train li a:hover {
	text-decoration: underline;
}

/*activities_focus*/
.activities_focus {
	height: 190px;
	overflow: hidden;
	position: relative;
}

.activities_focus .hd {
	display: none;
	padding: 14px 0;
	overflow: hidden;
}

.activities_focus .hd ul {
	overflow: hidden;
	zoom: 1;
	text-align: center;
}

.activities_focus .hd ul li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 8px;
	line-height: 12px;
	text-align: center;
	font-size: 0;
	background: url("../images/focus_ico1.png") no-repeat;
	cursor: pointer;
}

.activities_focus .hd ul li.on {
	background-position: right 0;
}

.activities_focus .bd {}

.activities_focus .bd li {
	zoom: 1;
	vertical-align: middle;
	height: 230px;
	overflow: hidden;
}

.activities_focus .prev,
.activities_focus .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url("../images/slider-arrow.png") -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
	display: none;
}

.activities_focus .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px;
}

.activities_focus:hover .prev,
.activities_focus:hover .next {
	display: block;
}

.activities_focus .prev:hover,
.activities_focus .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.activities_focus .prevStop {
	display: none;
}

.activities_focus .nextStop {
	display: none;
}

/*side*/
.sub_pro {
	min-height: 800px;
	margin-bottom: 60px;
}

.side {
	width: 250px;
	float: left;
}

.side_tit {
	height: 116px;
	background: url("../images/side_01.jpg") no-repeat;
	text-transform: uppercase;
	font-weight: normal;
	padding: 24px 0 0 20px;
}

.side_tit em,
.side_tit span {
	display: inline-block;
	vertical-align: baseline;
}

.side_tit em {
	font-size: 81px;
	font-family: Georgia;
}

.side_tit span {
	font-size: 30px;
	font-weight: bold;
	margin-left: 2px;
}

.side_tit span i {
	display: block;
	font-weight: normal;
	font-size: 14px;
	font-family: Georgia;
}

#portamento_container2 {
	float: left;
	position: relative;
}

#portamento_container2 .gd_fixed2 {
	float: none;
	position: absolute;
}

#portamento_container2 .gd_fixed2.fixed {
	position: fixed;
	*+position: absolute;
}

.side_nav {}

a.side_item0 {
	display: block;
	height: 48px;
	line-height: 48px;
	background: url("../images/side_02q.gif") repeat-x;
	padding: 0 30px;
	font-size: 18px;
	color: #fff;
}

a.side_item0 span {
	display: block;
	background: url("../images/side_03a.png") right center no-repeat;
}

a.side_cur {
	background-image: url("../images/side_02b.gif");
}

a.side_cur span {
	background-image: url("../images/side_03b.png");
}

.subclass {
	display: none;
	background: #f7f7f5;
}

.subclass li {
	font-size: 16px;
	line-height: 24px;
	padding: 8px 30px;
	border-bottom: 1px solid #dddddd;
}

.subclass li a {
	display: block;
	background: url("../images/list_ico3a.png") left center no-repeat;
	padding-left: 16px;
}

.subclass li:hover,
.subclass li.subclass_cur {
	background-color: #fff;
}

.subclass li:hover a,
.subclass li.subclass_cur a {
	background-image: url("../images/list_ico3b.png");
}

.mode {
	float: left;
	margin: 4px 0 0 35px;
}

.mode li {
	border: 1px solid #ddd;
	float: left;
	margin-right: 10px;
}

.mode li a {
	display: block;
	width: 38px;
	height: 38px;
	background: #f5f5f5 url("../images/mode_01.png") no-repeat;
	font-size: 0;
}

.mode li.mode_style2 a {
	background-image: url("../images/mode_02.png");
}

.mode li:hover,
.mode li.mode_cur {
	border-color: #11A1E1;
}

.mode li:hover a,
.mode li.mode_cur a {
	background-position: 0 -38px;
}

.sub_r {
	width: 900px;
	float: right;
	margin-bottom: -40px;
}

.pro_list {}

.pro_list li {
	padding: 20px 0;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}

a.pro_img {
	display: block;
	width: 198px;
	height: 198px;
	border: 1px solid #ddd;
	float: left;
}

.pro_info {
	width: 650px;
	padding-top: 15px;
	float: right;
}

.pro_info h5 {
	font-size: 20px;
	padding-bottom: 15px;
	background: url("../images/title_dec6.png") left bottom no-repeat;
	margin-bottom: 15px;
}

.pro_des {
	font-size: 13px;
	line-height: 24px;
	max-height: 48px;
	overflow: hidden;
}

a.pro_more {
	display: block;
	width: 118px;
	height: 38px;
	border: 1px solid #11A1E1;
	line-height: 38px;
	color: #11A1E1;
	padding: 0 20px;
	margin-top: 40px;
}

a.pro_more span {
	display: block;
	background: url("../images/ico_more1.png") right center no-repeat;
}

a.pro_more:hover {
	color: #fff;
	background-color: #11A1E1;
	border-color: #11A1E1;
}

a.pro_more:hover span {
	background-image: url("../images/ico_more1b.png");
}

.pro_list li:hover a.pro_img {
	border-color: #11A1E1;
}

/*page*/
.page {
	text-align: center;
	padding: 40px 0 0;
}

.sub_r .page {
	margin-bottom: 0;
}

.page a {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	color: #666;
	padding-bottom: 20px;
	margin: 0 3px;
}

.page a span {
	display: block;
	width: 28px;
	height: 28px;
	background: #fff;
	border: 1px solid #ddd;
	text-align: center;
	line-height: 28px;
}

.page a.page_btn {
	width: 60px;
	height: 30px;
	padding-bottom: 0;
	margin-bottom: 20px;
	text-align: left;
	padding-left: 26px;
	line-height: 30px;
	border: none;
	background: url("../images/page_01.png") no-repeat;
	color: #fff;
}

.page a.page_next {
	background-position: 0 -30px;
	padding-left: 16px;
	width: 70px;
}

.page a:hover,
.page a.page_cur {
	background-position: left bottom;
}

.page a:hover span,
.page a.page_cur span {
	color: #fff;
	background-color: #11A1E1;
	border-color: #11A1E1;
}

/*pro_list2*/
.pro_list2 {
	overflow: hidden;
}

.pro_list2 li {
	width: 239px;
	height: 429px;
	padding: 20px 30px 0;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	float: left;
}

.pro_list2 li a.pro_img {
	width: 237px;
	height: 237px;
	border: 1px solid #fff;
	margin-bottom: 20px;
}

.pro_list2 li .pro_info {
	width: auto;
	float: none;
	padding: 0;
}

.pro_list2 li .pro_info h5 {
	font-size: 16px;
	padding: 0;
	background: none;
	margin-bottom: 8px;
}

.pro_list2 li .pro_des {
	font-size: 12px;
	line-height: 20px;
	max-height: 40px;
}

.pro_list2 li a.pro_more {
	margin-top: 30px;
}

.pro_list2 li:hover {
	background: #f5f5f5;
}

.pro_list2 li:hover a.pro_img {
	border-color: #ddd;
}

/*detail_area1*/
.detail_area1 {
	margin-top: 20px;
}

.detail_tit {
	font-weight: normal;
	font-size: 30px;
	color: #11A1E1;
	padding-bottom: 18px;
	background: url("../images/title_dec6.png") left bottom no-repeat;
	margin-bottom: 20px;
	line-height: 38px;
}

.pic_focus {
	width: 460px;
	float: left;
	position: relative;
	overflow: hidden;
	zoom: 1;
}

.pic_focus .hd {
	width: 100%;
	overflow: hidden;
	margin-top: 5px;
}

.pic_focus .hd ul {
	margin-right: -10px;
	overflow: hidden;
	zoom: 1;
}

.pic_focus .hd ul li {
	padding-top: 7px;
	margin-right: 10px;
	float: left;
	text-align: center;
}

.pic_focus .hd ul li img {
	border: 1px solid #ddd;
	cursor: pointer;
}

.pic_focus .hd ul li.on {
	background: url("../images/ico_up.png") center top no-repeat;
}

.pic_focus .hd ul li.on img {
	border-color: #11A1E1;
	border-top: none;
	padding-top: 1px;
}

.pic_focus .bd {
	height: 458px;
	border: 1px solid #ddd;
}

.pic_focus .bd li {
	vertical-align: middle;
}

.detail_info {
	width: 390px;
	float: right;
	font-size: 13px;
	line-height: 24px;
}

.detail_info img {
	max-width: 100%;
	height: auto;
}

a.handle_btn {
	display: inline-block;
	width: 128px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	background: url("../images/detail_02.png") no-repeat;
	margin: 30px 10px 0 0;
}

a.handle_btn:hover {
	background-position: 0 -33px;
}

a.message {
	background-position: right 0;
}

a.message:hover {
	background-position: right -33px;
}

.parameter {
	width: 100%;
	overflow: hidden;
	float: left;
	margin-top: 40px;
	font-size: 13px;
	line-height: 26px;
}

.parameter_tit {
	padding: 15px 0;
	font-weight: normal;
	font-size: 18px;
	color: #333;
	border-top: 1px solid #ddd;
}

.tip {
	margin-top: 30px;
	color: #11A1E1;
}

.solution_list {
	margin: -13px 0 0 -13px;
}

.solution_list li {
	float: left;
	font-size: 13px;
	margin: 13px 0 0 13px;
}

.solution_list li a {
	display: block;
}

.solution_pic {
	padding: 9px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
}

.solution_pic span {
	display: block;
	overflow: hidden;
}

.maintenance {
	margin: -13px 0 0 -13px;
}

.maintenance li {
	width: 290px;
	float: left;
	overflow: hidden;
	position: relative;
	margin: 13px 0 0 13px;
}

.maintenance li a {
	display: block;
}

.maintenance_name {
	padding: 0 20px;
	background: #000;
	font-size: 13px;
	color: #fff;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	margin-top: -40px;
	position: relative;
	z-index: 10;
}

.video_ico {
	display: block;
	width: 60px;
	height: 60px;
	background: url("../images/ico_video.png") center center no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -30px 0 0 -30px;
	z-index: 10;
}

.training {
	margin: -13px 0 0 -40px;
}

.training li {
	width: 230px;
	padding: 0 20px 5px;
	margin: 13px 0 0 40px;
	float: left;
	font-size: 14px;
	background: url("../images/list_ico1.png") left 9px no-repeat;
	border-bottom: 1px solid #ddd;
}

.training li a {
	display: block;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
}

.training li a:hover {
	text-decoration: underline;
}

/*special_warp*/
.special_warp {}

.special_warp .banner_warp {
	height: 550px;
}

.detail_overview {
	width: 385px;
	height: 450px;
	padding: 20px;
	overflow: hidden;
	background: #ddd;
	position: relative;
	z-index: 10;
	margin-top: -400px;
}

.overview_tit {
	color: #047bb9;
	font-size: 32px;
	line-height: 42px;
}

.overview_tit em {
	display: block;
	font-weight: normal;
	font-family: Georgia;
	font-size: 26px;
	line-height: 30px;
	margin-bottom: 10px;
}

.overview_pic {
	margin: 10px 0 0 -10px;
}

.overview_pic img {
	display: block;
	float: left;
	margin: 10px 0 0 10px;
}

.special_area {
	margin-top: 50px;
}

.special_tit {
	text-align: center;
	text-transform: uppercase;
	font-size: 48px;
	color: #333;
	padding-bottom: 20px;
	background: url("../images/title_dec7.png") center bottom no-repeat;
	margin-bottom: 30px;
}

.special_tit em {
	display: block;
	font-size: 75px;
	font-weight: normal;
	color: #e4e4e4;
	font-family: Georgia;
	margin-bottom: -50px;
}

.introduction_txt {
	margin: 0 100px;
	font-size: 13px;
	line-height: 24px;
	background: url("../images/sign_up.png") left top no-repeat;
	padding: 46px 0 0 128px;
	margin-bottom: 20px;
}

.txt_box {
	background: url("../images/sign_down.png") right bottom no-repeat;
	padding: 0 128px 46px 0;
}

.introduction_pic {
	margin-left: -10px;
}

.introduction_pic img {
	display: block;
	float: left;
	max-height: 230px;
	width: auto;
	margin: 10px 0 0 10px;
}

.handle {
	text-align: center;
}

.tech {
	font-size: 16px;
	line-height: 46px;
}

/*news_box*/
.news_box {
	padding-bottom: 40px;
}

.news_list {}

.news_list li {
	padding: 30px 0;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.news_date2 {
	font-size: 14px;
	color: #999;
	background: url("../images/ico_date2.png") left center no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
}

.news_item {
	padding-bottom: 15px;
	background: url("../images/title_dec6.png") left bottom no-repeat;
	margin-bottom: 15px;
}

.news_item a {
	font-weight: normal;
	font-size: 18px;
	color: #000;
}

.news_item a:hover {
	color: #11A1E1;
	text-decoration: underline;
}

.news_img {
	display: block;
	width: 290px;
	float: left;
	overflow: hidden;
	margin-right: 40px;
}

.news_view {
	font-size: 14px;
	line-height: 30px;
	max-height: 90px;
	overflow: hidden;
	margin: 15px 0 25px;
}

.news_more {
	display: block;
	float: left;
	width: 100px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-family: Arial;
	text-transform: uppercase;
	font-size: 14px;
	-webkit-transform: scale(0.875);
	color: #666;
	background: #fff;
	border: 1px solid #999;
}

.news_more:hover,
.news_list li:hover .news_more {
	background: #11A1E1;
	color: #fff;
}

/*read_rec*/
.read_rec {
	padding-bottom: 20px;
	border-bottom: 1px dotted #ddd;
}

.read_rec dt {
	overflow: hidden;
	margin-bottom: 10px;
}

.read_tit {
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 5px;
}

.read_des {
	color: #999;
	line-height: 20px;
	max-height: 60px;
	overflow: hidden;
}

.read_list {}

.read_list li {
	color: #999;
	font-size: 13px;
	line-height: 24px;
	padding: 10px 0 6px;
	border-bottom: 1px dotted #ddd;
}

.read_list li a {
	display: block;
	height: 24px;
	overflow: hidden;
	background: url("../images/list_ico3b.png") -6px center no-repeat;
}

.read_list li:hover {
	background: #f5f5f5;
}

.read_list li:hover a {
	background-position: 6px center;
	padding-left: 16px;
}


.article_load,
.back_list,
.handle_btn,
.news_more,
.back_website,
.lesson_link,
.message_link {
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-ms-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}


/* 产品服务 */



.productIbox a:link,

.productIbox a:visited {

	color: #fff;

}



.productIbox a:active,

.productIbox a:hover {

	color: #fff;

}



.productIbox {

	margin-top: 40px;

	overflow: hidden;

}

.productIbox h2{
	color: #333;
    font-size: 20px;
    border-bottom: 2px solid #11A1E0;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.productIbox .img {
	height: 180px;
	overflow: hidden;
	border: 2px solid #f7f7f7;

}



.productIbox .img img {

	width: 100%;

	display: block;

	transition: all 0.6s ease 0s;

	-webkit-transform: all 0.6s ease 0s;

}



.productIbox .item {

	margin: 0 1% 25PX;

    position: relative;

    width: 23%;

    float: left;

}



.productIbox .itemCon {

	background: url(../images/line.jpg) repeat-x;

	display: block;

}



.productIbox .name {

	background-color: #f8f8f8;

	position: relative;

	text-align: center;

	height: 54px;

	line-height: 54px;

	overflow: hidden;

}



.productIbox .name i {

	height: 1px;

	position: absolute;

	left: 5%;

	width: 90%;

	background-color: #bbbbbb;

	top: 50%;

}



.productIbox .name span {

	font-size: 16px;

	padding: 0px 8px;

	background-color: #f8f8f8;

	position: relative;

	z-index: 2;

	color: #333333;

}



.productIbox .con {

	position: absolute;

	left: 0px;

	bottom: 0%;

	width: 80%;

	background: url(../images/line2.jpg) repeat-x scroll left top;

	padding: 8% 10% 10%;

	z-index: 4;

	opacity: 0;

	visibility: hidden;

	transform: translateY(10%);

	-webkit-transform: translateY(10%);

	transition: all 0.6s ease 0s;

	-webkit-transform: all 0.6s ease 0s;

}



.productIbox .con i {

	background: url(../images/pro_i.png) no-repeat scroll center top;

	height: 31px;

	position: absolute;

	left: 0px;

	top: -30px;

	width: 100%;

}



.productIbox .con .t {

	font: 18px/1.4 "microsoft yahei";

}



.productIbox .con .bot {

	display: block;

	width: 42px;

	height: 2px;

	background-color: #fff;

	margin: 5% 0px;

}



.productIbox .con .c {

	height: 65px;

	overflow: hidden;

	margin-bottom: 10%;

	font-size: 13px;

	text-align: justify;

}



.p-active .ipage3-pic {

	background-position: left -100px;

	transition: all 0.8s ease 0s;

	-webkit-transform: all 0.8s ease 0s;

}



.active .ipage3-pic {

	/*background-position: left top;*/

	transition-delay: 0.6s;

	-webkit- transition-delay: 0.6s;

}



.productIbox .itemCon:hover .con {

	opacity: 1;

	visibility: visible;

	transform: translateY(0px);

	-webkit-transform: translateY(0px);

}
.banner_warp.pc{
	display: block;
}
.banner_warp.wap{
	display: none;
}

@media screen and (max-width:751px) {
	.banner_warp.pc{
		display: none;
	}
	.banner_warp.wap{
		display: block;
		margin-top: 55px;
		height: auto;
	}
	.banner_warp.wap img{
		width: 100%;
		height: auto;
	}
	.sub_nav li:hover a,
.sub_nav li.sub_cur a {
	line-height: 45px;
	background-color: #11A1E1;
	background-position: center bottom;
	filter: alpha(opacity=100);
	opacity: 1.00;
}
	.main_warp {
		padding-top: 0;
		min-width: 100%;
	}
	.sub_top{
		height: auto;
		margin-top: 0;
		background: none;
	}
	.sub {
		width: 90%;
		margin: 0 5%;
	}
	.sub_tit {
		width: 95%;
		font-size: 22px;
		background: rgba(0, 0, 0, 0.8);
		margin-top: 0;
		padding: 20px 0 10px 5%;
	}
	.sub_nav {
		width: 100%;
		float: inherit;
		background: rgba(0, 0, 0, 0.8);
		overflow: hidden;
		padding-bottom: 15px;
	}
	.sub_nav li {
		font-size: 15px;
		width: 25%;
		font-weight: bold;
		background: none;
		margin-bottom: 10px;
	}
	.sub_nav li a{
		color: #fff;
		width: 100%;
		line-height: 45px;
	}
	
	.inner {
		width: 100%;
	}
	.productIbox .item{
		width: 48%;
	}
	.productIbox .name{
		padding: 0 10px;
	}
	.productIbox .name span{
		font-size: 14px;
		overflow: hidden;
		display: block;
		white-space: nowrap;
		text-overflow: ellipsis;
		width: 100%;
		padding: 0;
	}
	.productIbox .img{
		height: 100px;
	}
	.productIbox .name {
		height: 40px;
		line-height: 40px;
	}
	.news_img {
		width: 100%;
		float: inherit;
		margin-right: 0;
	}
	.news_img img {
		width: 100% !important;
    	height: auto !important;
	}
	.news_view {
		line-height: 22px;
		margin: 15px 0 15px;
	}
	.article img{
		width: 100% !important;
	}
	.article{
		text-indent: 0 !important;
	}
}
