﻿{ margin:0; padding:0}
html,body{-webkit-text-size-adjust:none;font-family:"microsoft yahei";z-index:1;}
a{text-decoration:none;font-family:"microsoft yahei";outline:none;}
html{min-width:1000px;overflow-x: hidden;}
/*����*/
@font-face{
font-family:"HelveticaNeues";
src:url('./font/HELVETICANEUE-THIN.OTF');
}
.tl {
text-align: left;
}
video {
    width: 100%;
}
.ccss{margin:0 auto; color:#4c4c4c}
.ztimg img{ display:inline}
/*head*/

/*��ҳ����*/
.nav2 { width:100%;  height:60px; position:relative; z-index:1;background:#edeff0;  border-bottom:20px solid #fff; border-top:20px solid #fff}
	.nav2 a,.nav2 a:hover { display:block; text-decoration:none; font-size:14px;}
	.navcon { padding-top:10px; height:50px; line-height:40px; padding-left:20px;}
	.navcon ul {}
	.navcon ul li { width:125px; padding-right:3px; float:left; text-align:center;}
	.navcon ul li a { display:block; background:#E0E0E0; color:#695b51; width:125px; height:40px; position:relative;}
	.navcon ul li a:hover,.navcon ul li a.on,.navcon ul li:hover a,.navcon ul li.n1 a:hover,.navcon ul li.n1:hover a { background:#262528; color:#fff;}
	.navcon ul li.n1 a { background:#695b51; color:#fff; font-weight:bold;}
	.navcon ul li ul.navcon_menu { display:none;}
	.navcon ul li:hover ul.navcon_menu { display:block; position:absolute; width:125px;}
	.navcon ul li:hover ul.navcon_menu li { background:#f5f3ef; padding-right:0;}
	.navcon ul li:hover ul.navcon_menu li a { height:39px; line-height:39px; background:#f5f3ef; color:#6a5a50; border-bottom:1px solid #e2d7d0; font-weight:100;}
	.navcon ul li:hover ul.navcon_menu li a:hover { background:#f3ab00; border-bottom:1px solid #f3ab00; color:#fff; font-weight:bold;}
.nav2_upload {}
	.nav2_upload a { width:150px; height:40px; background:#262528; color:#fff; font-weight:bold;}
	.nav2_upload a:hover { background:#6f1a2d; }

/*面包屑导航*/
.details-crumbs{ width:100%; height:auto; margin:0; padding:0; text-align:center;overflow:hidden;}
.details-crumbs-main{ width:1168px; margin:20px auto 0; padding:5px 0; text-align:left; border-bottom:1px solid #edeff0; font-size:15px;
display: block;
    padding-left: 95px;
    background: url(/style2/images/icon-home.png) no-repeat;
	height:40px;
}

.w1080 {
width: 1240px;
margin: 0 auto;
}
.tc {
text-align: center;
}
.fl {
float: left;
}
.fr {
float: right;
}
.zpbj{background: #ccc;}
.ztbj{background:#222222;}
.zzbj{background:#333;}
.pages{text-align:center;padding:60px 0;font-size:16px}
.pages a{background-color:#f1f1f1;border:1px solid #eee;display:inline;padding:10px 15px}
.pages a.a1{border:1px solid #000;background-color:#262528;color:#fff}
.pages a:hover{border:1px solid #ddd;}
.pages a.a1:hover{border:1px solid #ce3300; background-color:#FF3333;}
.pages select{width:85px; height:40px; line-height:40px; font-size: 16px; text-align:center}

#teachbannertop {
text-align: center;
width: 100%;
overflow: hidden;
}
/*��ʦ�Ŷ�*/

/*--------------------------------------bodySmallWidth-----------------------------------------*/
.slideshow {
clear: both;
}

.s-flow-concept {
    font-size: 18px;
    color: #252424;
    line-height: 26px;
    padding-top: 20px;
    font-family: "楷体";
    font-weight: bold;
}
.s-flow-p {margin-bottom:20px;
    width: 100%;
    font-size: 13px;
    line-height: 26px;
    color: #444;
     
}
.s-flow-p span{font-size:14px; font-weight:bold; color:#0d6ebb}
.n_about{width:100%; }
.n_about a{float:left; margin-bottom:15px;  font-size:12px; height:32px; line-height:32px; color:white; background:#0d6ebb; padding:0 8px}
a.n_about_fwrx{float:right; font-size:13px}


/*������*/

#container2 {
width: 1260px;
margin: 0 auto;
overflow:hidden;
padding-left:20px;
}
.wzbj{background: #edeff0;}
.mart20 {
margin-top: 20px!important;
}
.mart40 {
margin-top: 40px!important;
}
#container_l {
width: 918px;
float: left;
margin-right: 20px;
_margin-right: 18px;
display: inline;
}
.artical_center {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid #e5e5e5;
background: #fff;
width: 918px!important;
margin-bottom: 40px;
}
.video_artical {
width: 837px;
padding: 40px 40px 20px;
}
.video_artical a{color: #333;}
.artical_title {
font-size: 20px;
color: #333;
height: 30px;
text-align: center;
font-weight: normal;
}
.artical_title2 {
font-size: 20px;
color: #333;
height: 45px;
text-align: center;
font-weight: normal;
border-bottom: 1px solid #e5e5e5;
}
.video_artical .category {
margin-top: 20px;
font-size: 12px;
color: #333;
height: 40px;
border-bottom: 1px solid #e5e5e5;
width: 837px;
position: relative;
line-height:3;
}
.video_artical .category i {
padding-right: 10px;
font-style: normal;
float: left;
}
.share_box {
position: absolute;
top: 0px;
right: 6px;
width: 190px;
}
.video_content {
font-size: 14px;
line-height: 30px;
color: #333;
text-align: justify;
text-justify: inter-ideograph;
margin: 30px 0;
}
.video_content img{max-width:100%}
.recom_dation {
width: 100%;
}
.recom_dation .article_rm {
border-bottom: 1px solid #e5e5e5;
font-size: 14px;
height: 33px;
margin-bottom: 20px;
display: block;
color: #333;
}
.recom_dation ul {
margin-bottom: 10px;
}
.recom_dation li {
float: left;
width: 47%;
font-size: 14px;
background: url(../images/dian.jpg) no-repeat 0 9px;
padding-left: 15px;
margin-bottom: 15px;
}

#container_r {
width: 320px;
}
.student, .interest,.student, .interest1 {
width: 258px;
padding: 0 10px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid #e5e5e5;
background: #fff;
overflow: hidden;
position: relative;
}
 
.interest h3, .interest1 h3, .student h3 {
font-weight: 500;
height: 40px;
line-height: 40px;
font-size: 16px;
position: relative;
border-bottom: 1px solid #e5e5e5;
font-family: "microsoft yahei",verdana,sans-serif;
color: #333;
}
.interest h3 span,.interest1 h3 span, .student h3 span {
width: 3px;
height: 22px;
background: #0d6ebb;
position: absolute;
left: -10px;
top: 9px;
}
.interest ul {
float: left;
width: 258px;

}
.interest ul li {
margin-top: 16px;
border-bottom: 1px dashed #e5e5e5;
padding-bottom: 16px;
overflow: hidden;
float: left;
width: 258px;
}
.interest .class_img {
float: left;
border-bottom: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
width: 136px;
}
.interest .class_img a {
width: 136px;
height: 80px;
display: block;
overflow: hidden;
}
.interest .class_right {
float: right;
width: 108px;
}
.interest .class_right .title {
font-size: 14px;
line-height: 20px;
height: 40px;
overflow: hidden;
color: #404144;
font-weight: 400;
}
.interest .class_right .demo {
font-size: 12px;
color: #999;
font-family: "����",verdana,sans-serif;
overflow: hidden;
height: 30px;
margin-top: 8px;
}
.interest .class_img img {
width: 136px;
height: 80px;
-webkit-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.interest .class_img a:hover img {
-webkit-transform: scale(1.10, 1.10);
-moz-transform: scale(1.10, 1.10);
-o-transform: scale(1.10, 1.10);
transform: scale(1.10, 1.10);
}
.class_right .start_c {
background: url(../images/body_t.png) no-repeat;
color: #fff;
display: block;
font-size: 12px;
height: 32px;
line-height: 27px;
text-indent: 1em;
width: 87px;
}
.class_right .start_c:hover {background: url(../images/body_t2.png) no-repeat;}
.artical-hot ul li {
margin-top: 13px;
padding-bottom: 13px;
font-size: 14px;
width: 258px;
overflow: hidden;
}
.artical-hot ul li a {
color: #404144;
display: block;
height: 22px;
overflow: hidden;
}
.artical-hot ul li a:hover {
color: #e8403b;
}
.artical-hot ul li i {
background: url(../images/body_t3.png) no-repeat;
float: left;
height: 10px;
margin-top: 7px;
padding-left: 6px;
width: 10px;
}




.recom_dation li a {
color: #666;
width: 95%;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.recom_dation li a:hover{color: #e8403b;}
.interest .class_right .title a{
cursor: pointer;
color:#333333;
}
.interest .class_right .title a:hover {
cursor: pointer;
color: #e8403b;
}
.student ul {
width: 270px;
margin-top: 14px;
margin-bottom: 10px;
padding-left: 1px;
}
.student li {
width: 48%;
height: auto;
float: left;
margin-left:2%;
margin-top:10px;
display: inline;
}
.student img {
width: 108px;
height: 66px;
padding: 1px;
border: 1px solid #e5e5e5;
border-radius: 3px;
-moz-transition: opacity 0.5s ease-in 0s;
-o-transition: opacity 0.5s ease-in 0s;
-webkit-transition: opacity 0.5s ease-in 0s;
transition: opacity 0.5s ease-in 0s;
}
.student p {
line-height: 26px;
font-weight: 100;
color:#6f1a2d
}
.student a {
width: 100%;
height: auto;
overflow: hidden;
text-align: center;
display: block;
color: #999;
}
.studentx{
width: 258px;
padding: 0 20px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
border-bottom: 1px solid #e5e5e5;
background: #fff;
overflow: hidden;
position: relative;
}







/*��Ƹ�Ƽ�*/
.web_specia_topic{  }
.specia_topic_list_web{ }
.specia_topic_list_web li{float:left;padding:20px 17px; background:#fff; width:270px; border:1px solid #ebebeb; box-shadow:0px 0px 2px #f1f1f1; border-radius:2px; -moz-transition:border 0.5s ease-in 0s;-o-transition:border 0.5s ease-in 0s;-webkit-transition:border 0.5s ease-in 0s;transition:border 0.5s ease-in 0s; }
.specia_topic_list_web li:hover{border:1px solid #f7d197;box-shadow:0px 0px 2px #f7e4c8; background:#fff0da}
.specia_topic_list_web h2{ width:100%; display:block;margin-bottom:20px; font-weight:600; text-align:center; overflow:hidden; height:21px}
.specia_topic_list_web h2 a{ color:#333; font-size:16px;}
.specia_topic_list_web h2 a:hover{ color:#ff4a00;}
.specia_topic_list_web .st_img a{ width:270px;  overflow:hidden; display:block;}
.specia_topic_list_web .st_img a img{width:270px;   -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;}
.specia_topic_list_web .st_img a:hover img{-webkit-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.specia_topic_list_web .st_info{ margin-top:10px; line-height:25px; font-size:14px; color:#666;height:80px; overflow:hidden;}
.specia_topic_list_web .st_detail{ width:100px; height:35px;margin:10px auto 0; }
.specia_topic_list_web .st_detail a{width:100px; height:35px; background:#38373C; border-radius:5px; text-align:center; line-height:33px; display:block; font-size:14px; color:#fff;-moz-transition:all 0.3s ease-in 0s;-o-transition:all 0.3s ease-in 0s;-webkit-transition:all 0.3s ease-in 0s;transition:all 0.3s ease-in 0s; }
.specia_topic_list_web .st_detail a:hover{background:#ff4a00}

.caption {
    z-index: 999;
    width: 92px;
    height: 31px;
    top: 154px;
    left: 50%;
    margin-left: -46px;
    color: #fff;
    line-height: 31px;
    background: url(../images/name_bg.png) no-repeat;
}
.caption_text {
    line-height: 24px;
    padding: 50px;
    padding-top: 30px;
    padding-bottom: 50px;
    clear: both;
    max-height: 160px;
    overflow: hidden;
}
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

/*分页列表*/
.dede_pages{line-height:20px;   margin-top:50px; clear:both; }
.dede_pages ul{float:right;display:table}
.dede_pages ul li{float:left; margin-right:4px;}
.dede_pages ul li a{float:left;padding:0 5px;color:#333; border:1px solid #333; text-decoration:none}
.dede_pages ul li a:hover{color:#FFF;padding:0 5px;text-decoration:none;border:1px solid #333;background:#333}
.dede_pages ul li.nohref{color:#999;padding:0 5px;border:1px solid #DDD}
.dede_pages ul li.thisclass{color:#FFF;padding:0 5px;border:1px solid #333;background:#333; }
.dede_pages ul li.thisclass a{color:#fff}


�?*CSS reset css重置*/
html,body{height:100%; font-size:12px; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0;padding:0;}
fieldset,img {border:0}
/*address,caption,cite,code,dfn,em,strong,th,var
{font-style:normal;font-weight:normal}*/
ol,ul {list-style:none;}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%;} 
q:before,q:after {content:''}
abbr,acronym { border:0}
.b0{ border:0}
.hand{ cursor:pointer}
/*颜色*/

@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0; font-family:"微软雅黑"; outline:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
body > .qing{ min-width:1250px;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ }
img, input{ border:0;}
input,textarea,select {outline:none;} 
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.qing{ overflow:hidden; display:block; clear:both; }
.center{ width:1250px; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}
.song{ font-family:"宋体" !important;}

/**背景图片**/
/*.bg{ overflow:hidden; display:block; width:100%; height:100%; position:fixed; z-index:1 !important; top:0; left:0; }
.bg img{ width:100% !important; height:auto !important; }
.bg span{
animation:bgbg 20s linear infinite alternate both;
-webkit-animation:bgbg 20s linear infinite alternate both; 
-moz-animation:bgbg 20s linear infinite alternate both; 
-o-animation:bgbg 20s linear infinite alternate both;
}
@keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}
@-webkit-keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}
@-moz-keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}
@-o-keyframes bgbg
{0% { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
100%{ transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3);}}
*/
/*******************************************************- index.html -***************************************************************/

/**- 四块 -**/
.fu{ padding-top:14px; padding-bottom:14px;}
.fu ul{ height:129px; padding-top:12px; padding-top:13px; padding-bottom:12px; /*background:url(../images/fu_bg.jpg) center top no-repeat;*/  }
.fu li{ width:301px; height:129px; overflow:hidden; display:block; float:left; margin-left:9px; position:relative; z-index:10; background:url(../images/ftt.png) center top no-repeat; }
.fu li:hover{ background:none; }
.fu_jie{ width:267px; height:97px; padding:16px 17px; position:relative; z-index:12; }
.fu_img{ width:96px; height:96px; position:relative; z-index:14; }
.fu1{ width:96px; height:96px; position:absolute; top:0; left:0; z-index:16; }
.fu2{ width:96px; height:96px; position:absolute; top:0; left:0; z-index:18; }
.fu2{
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.fu_jie:hover .fu2{ transform:rotateZ(120deg); -webkit-transform:rotateZ(120deg); -moz-transform:rotateZ(120deg); -o-transform:rotateZ(120deg); }
.fu3{ width:96px; height:96px; position:absolute; top:0; left:0; z-index:20; }
.fu3{
	-webkit-transition: all 0.6s linear;
	-moz-transition: all 0.6s linear;
	-o-transition: all 0.6s linear;
	transition: all 0.6s linear;
}
.fu_jie:hover .fu3{ transform:rotateY(360deg); -webkit-transform:rotateY(360deg); -moz-transform:rotateY(360deg); -o-transform:rotateY(360deg); }

.fu_bt{ padding:0 12px; }
.fu_bt td{ height:96px; font-size:16px; color:#FFF; line-height:28px; }

.ft1{ width:0; height:1px; position:absolute; z-index:22; top:0; left:0; }
.ft1{
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.fu li:hover .ft1{ width:301px; }
.ft2{ width:1px; height:0; position:absolute; z-index:22; bottom:1px; left:0; }
.ft2{
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.fu li:hover .ft2{ height:127px; }
.ft3{ width:0; height:1px; position:absolute; z-index:22; bottom:0; right:0; }
.ft3{
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.fu li:hover .ft3{ width:301px; }
.ft4{ width:1px; height:0; position:absolute; z-index:22; top:1px; right:0; }
.ft4{
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.fu li:hover .ft4{ height:127px; }
/*冬令营特别奉献*/


/*-----------------------------------------------------------*/
/*copyright by 动力无限  www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/


/*Generated by wjdhcms 3.0 */
@charset "utf-8";

::-webkit-scrollbar {
	width: 12px;
	height: 12px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-track {
	border-radius: 12px;
	background-color: #E2E2E2;
}

::-webkit-scrollbar-thumb {
	border-radius: 12px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #555;
}

::selection {
	background-color: #0d9b4c;
	color: #fff;
}

::-moz-selection {
	background-color: #0d9b4c;
	color: #fff;
}

::-webkit-selection {
	background-color: #0d9b4c;
	color: #fff;
}


* {
	padding: 0;
	margin: 0;
	font-family: 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
}

body {
	font: 14px/1.231 'Microsoft YaHei', arial, helvetica, clean, sans-serif;
	color: #333;
	margin: 0;
	line-height: 1.5;
}

*:before, *:after {
	box-sizing: content-box;
}

:focus {
	outline: 1;
}

article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
	display: block;
}

a {
	color: #333;
	text-decoration: none;
}

a:link,
a:hover,
a:active,
a:visited {
	text-decoration: none;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

li,
ul {
	list-style-type: none;
}

img {
	border: none;
}

input,textarea {
	outline: 0;
	border: 0;
	resize: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
dt,
i,
em {
	font-weight: normal;
	font-style: normal;
}

.webqq_ewm {
	box-sizing: content-box;
}

.fixedNav {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100000;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop));
	box-shadow: 0px 10px 12px rgba(0,0,0,.1);
}

html {
	cursor: url(../images/cur.png),
        default;
}

a {
	cursor: url(../images/Acur.png),
   default;
}

textarea {
	animation: animated 1s infinite;
	-moz-animation: animated 1s infinite;
	-webkit-animation: animated 1s infinite;
	-o-animation: animated 1s infinite;
}

input[type="text"] {
	animation: animated 1s infinite;
	-moz-animation: animated 1s infinite;
	-webkit-animation: animated 1s infinite;
	-o-animation: animated 1s infinite;
}

input[type="button"] {
	cursor: url(../images/Acur.png),
   default  !important;
}

input,button {
	outline: none;
}

@keyframes animated {
	0% {
		cursor: url('../images/Pcuro1.png'),
        auto;
	}

	8.8% {
		cursor: url('../images/Pcuro2.png'),

            auto;
	}

	17.6% {
		cursor: url('../images/Pcuro3.png'),
            auto;
	}

	26.4% {
		cursor: url('../images/Pcuro4.png'),
            auto;
	}

	35.2% {
		cursor: url('../images/Pcuro5.png'),
            auto;
	}

	44% {
		cursor: url('../images/Pcuro6.png'),
            auto;
	}

	52.8% {
		cursor: url('../images/Pcuro7.png'),
            auto;
	}

	61.6% {
		cursor: url('../images/Pcuro8.png'),
            auto;
	}

	70.4% {
		cursor: url('../images/Pcuro9.png'),
            auto;
	}

	79.2% {
		cursor: url('../images/Pcuro10.png'),
            auto;
	}

	88% {
		cursor: url('../images/Pcuro11.png'),
            auto;
	}

	100% {
		cursor: url('../images/Pcuro12.png'),
            auto;
	}
}

.wjdh-ico1,.wjdh-ico2 {
	vertical-align: middle;
}

.main {
	width: 1260px;
	margin: 0 auto;
}

.myclearfix:after {
	content: "";
	display: block;
	clear: both;
}

.leftl {
	float: left;
}

.rightr {
	float: right;
}

@keyframes round1 {
	0% {
		transform: translateY(16%);
	}

	15% {
		transform: translateY(12%);
	}

	65% {
		transform: translateY(34%);
	}

	100% {
		transform: translateY(16%);
	}
}

@-webkit-keyframes round1 {
	0% {
		transform: translateY(16%);
	}

	15% {
		transform: translateY(12%);
	}

	65% {
		transform: translateY(34%);
	}

	100% {
		transform: translateY(16%);
	}
}

@-webkit-keyframes round2 {
	0% {
		transform: translateY(14%);
	}

	15% {
		transform: translateY(36%);
	}

	65% {
		transform: translateY(10%);
	}

	100% {
		transform: translateY(14%);
	}
}

@keyframes round2 {
	0% {
		transform: translateY(14%);
	}

	15% {
		transform: translateY(36%);
	}

	65% {
		transform: translateY(10%);
	}

	100% {
		transform: translateY(14%);
	}
}

@-webkit-keyframes round3 {
	0% {
		transform: translateY(32%);
	}

	15% {
		transform: translateY(36%);
	}

	65% {
		transform: translateY(12%);
	}

	92% {
		transform: translateY(36%);
	}

	100% {
		transform: translateY(32%);
	}
}

@keyframes round3 {
	0% {
		transform: translateY(32%);
	}

	15% {
		transform: translateY(36%);
	}

	65% {
		transform: translateY(12%);
	}

	92% {
		transform: translateY(36%);
	}

	100% {
		transform: translateY(32%);
	}
}

@-webkit-keyframes round4 {
	0% {
		transform: translateY(30%);
	}

	38% {
		transform: translateY(12%);
	}

	82% {
		transform: translateY(36%);
	}

	100% {
		transform: translateY(30%);
	}
}

@keyframes round4 {
	0% {
		transform: translateY(30%);
	}

	38% {
		transform: translateY(12%);
	}

	82% {
		transform: translateY(36%);
	}

	100% {
		transform: translateY(30%);
	}
}

@-webkit-keyframes round5 {
	0% {
		transform: translateY(27%);
	}

	15% {
		transform: translateY(32%);
	}

	65% {
		transform: translateY(16%);
	}

	100% {
		transform: translateY(27%);
	}
}

@keyframes round5 {
	0% {
		transform: translateY(27%);
	}

	15% {
		transform: translateY(32%);
	}

	65% {
		transform: translateY(16%);
	}

	100% {
		transform: translateY(27%);
	}
}

@-webkit-keyframes round6 {
	0% {
		transform: translateY(33%);
	}

	50% {
		transform: translateY(20%);
	}

	100% {
		transform: translateY(33%);
	}
}

@keyframes round6 {
	0% {
		transform: translateY(33%);
	}

	50% {
		transform: translateY(20%);
	}

	100% {
		transform: translateY(33%);
	}
}

@-webkit-keyframes round7 {
	0% {
		transform: translateY(16%);
	}

	50% {
		transform: translateY(32%);
	}

	100% {
		transform: translateY(16%);
	}
}

@keyframes round7 {
	0% {
		transform: translateY(16%);
	}

	50% {
		transform: translateY(32%);
	}

	100% {
		transform: translateY(16%);
	}
}


/* xunpan S */
.container1 {
	height: auto;
	margin: 0 auto;
	line-height: 28px;
}

.topxunpan {
	width: 254px;
	height: 30px;
	border: solid 1px #dcdcdc;
	box-sizing: border-box;
	text-align: center;
	padding-left: 40px;
	line-height: 28px;
	text-align: left;
	margin-top: 22px;
	background: url(../images/xp_ico2.png) 10px center no-repeat;
	border-radius: 5px;
}

.topxunpan>i {
	display: block;
	width: 40px;
	height: 40px;
	margin: 18px auto 10px;
}

.topxunpan .xp {
	position: relative;
	color: #666666;
	font-size: 14px;
	cursor: pointer;
}

.topxunpan .xp img {
	position: relative;
	top: 2px;
	margin-right: 2px;
}

.topxunpan .xp i {
	color: #666666;
	font-size: 14px;
}

.topxunpan .xp #xunpantip {
	z-index: 999;
	position: absolute;
	top: 35px;
	left: 16%;
	width: 180px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	-webkit-transform: translateX(-50%) scale(0);
	-moz-transform: translateX(-50%) scale(0);
	-o-transform: translateX(-50%) scale(0);
	-ms-transform: translateX(-50%) scale(0);
	transform: translateX(-50%) scale(0);
	-webkit-transition: transform .4s, opacity .4s;
	-moz-transition: transform .4s, opacity .4s;
	-o-transition: transform .4s, opacity .4s;
	-ms-transition: transform .4s, opacity .4s;
	transition: transform .4s, opacity .4s;
	background-color: #0d9b4c;
	border-radius: 4px;
	opacity: 0;
	font-weight: bold;
	box-shadow: 5px 5px 2px #dfdfdf;
}

.topxunpan .xp #xunpantip::after {
	content: '';
	position: absolute;
	top: -16px;
	left: 50%;
	width: 0;
	height: 0;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border: 8px solid transparent;
	border-bottom-color: #0d9b4c;
}

.topxunpan .xp #xunpantip.xunpantextactive {
	-webkit-transform: translateX(-50%) scale(1);
	-moz-transform: translateX(-50%) scale(1);
	-o-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	opacity: 1;
}

/* *************************NAV********************************* */
.top02 {
	width: 100%;
	height: 66px;
	position: relative;
	z-index: 2;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	box-sizing: border-box;
	background-color: #0d6ebb;
}

.top02_center {
	width: 1200px;
	margin: 0 auto;
	height: 66px;
}

.top02_center >.nav {
	height: 66px;
	box-sizing: border-box;
}

.nav li.m {
	width: 120px;
	height: 66px;
	line-height: 66px;
	float: left;
	text-align: center;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	background: url(../images/nav_line.png) right center no-repeat;
}

.nav li.m:nth-last-child(1) {
	background: none;
}

.nav li.m>a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 16px;
	color: #ffffff;
	z-index: 1;
}

.nav li.m>a::after {
	content: "";
	position: absolute;
	width: 0;
	height: 10px;
	background: url(../images/nav_on.png) center no-repeat;
	bottom: 0;
	left: 50%;
	transform: translate(-50%);
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	z-index: -1;
}

.nav .m.another>a {
	color: #0d6ebb;
	background: #fff;
}

.nav li.another>a::after {
	width: 100%;
}

.nav .sub .nav_xiao .xiao_six ul li a:hover {
	color: #0d9b4c;
}

.nav .sub .nav_xiao .xiao_one ul li a:hover {
	color: #0d9b4c;
}

.nav .sub .nav_xiao .xiao_four h4 a:hover {
	color: #0d9b4c;
}

.nav .sub .nav_xiao .xiao_four .ul2 li a:hover b {
	color: #0d9b4c;
}

.nav .sub .nav_xiao .xiao_five2 a:hover {
	color: #fff;
	background-color:#0d6ebb;
	width:96%;
	border-radius:5px;
	margin:0px;
	padding:0px;
}

.nav .sub .nav_xiao .xiao_five2 a:hover i {
	background-color: #0d9b4c;
}

.nav a.mmm {
	width: 100%;
	height: 100%;
	display: block;
	font-size: 16px;
	color: #ffffff;
}

.nav .sub {
	display: none;
    /*width: 100%;*/
	width: 120px;
	padding: 0;
	position: absolute;
	top: 66px;
	overflow: hidden;
    /*text-align: left;*/
	text-align: center;
	z-index: 110;
    /*left: 0;*/
	background-color: #f5f5f5
}

.nav .sub .nav_xiao {
    /*width: 1200px;*/
	width: 120px;
	overflow: hidden;
	margin: 0 auto
}

.nav .sub .nav_xiao.max1100 {
	max-width: 1100px;
   /* background: url(../images/cr_img1.png) no-repeat left bottom;*/
}

.nav .sub .nav_xiao .xiao_one {
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 40px
}

.nav .sub .nav_xiao .xiao_one ul li {
	float: left;
	height: 184px;
	width: 25%;
	overflow: hidden;
	text-align: center;
}

.nav .sub .nav_xiao .xiao_one ul li a {
	display: block;
	height: 100%;
	border-right: 1px solid #e6e6e6;
	line-height: 56px;
	overflow: hidden;
	color: #000;
	margin-top: 13px;
	font-size: 18px;
	transition: all .3s;
}

.nav .sub .nav_xiao .xiao_one ul li:last-child a {
	border-right: 0;
}

.nav .sub .nav_xiao .xiao_one ul li a i {
	display: block;

	width: 101px;
	height: 84px;
	margin: 0 auto;
	margin-bottom: 23px;
	overflow: hidden;
	background-repeat: no-repeat;
	transition: all .3s;
	margin-top: 20px;
}

.nav .sub .nav_xiao .xiao_four {
	width: 50%;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 40px;
}

.nav .sub .nav_xiao .xiao_four.l {
	border-right: 1px solid #e3e3e3;
}

.nav .sub .nav_xiao .xiao_four.r {
	width: 49%;
}

.nav .sub .nav_xiao .xiao_four h4 a {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	height: 18px;
	line-height: 18px;
	display: block;
}

.nav .sub .nav_xiao .xiao_four .ul {
	margin-top: 23px;
}

.nav .sub .nav_xiao .xiao_four .ul li {
	padding-top: 11px;
	padding-bottom: 11px;
	height: 44px;
	line-height: 22px;
	padding-left: 15px;
	margin-right: 40px;
	width: 325px;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
	position: inherit;
}

.nav .sub .nav_xiao .xiao_four .ul li:nth-child(2n+0) {
	margin-right: 0
}

.nav .sub .nav_xiao .xiao_four .ul li:hover {
	background-color: #fff;
}

.nav .sub .nav_xiao .xiao_four .ul li a {
	display: block;
	text-align: left;
	color: #999;
	font-size: 14px;
}

.nav .sub .nav_xiao .xiao_four .ul li a i {
	margin-right: 10px;
	margin-top: 4px;
	float: left;
	width: 36px;
	height: 36px;
	background-repeat: no-repeat;
	background-position: center center;
}

.nav .sub .nav_xiao .xiao_four .ul li a b {
	font-weight: 400;
	font-size: 16px;
	display: block;
	color: #000;
	height: 22px;
	overflow: hidden;
}

.nav .sub .nav_xiao .xiao_four .ul2 {
	width: 540px;
	margin: 0 auto;
	overflow: hidden;
}

.nav .sub .nav_xiao .xiao_four .ul2 h4 {
	padding-bottom: 23px;
	margin-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
}

.nav .sub .nav_xiao .xiao_four .ul2 li {
	padding-top: 15px;
	padding-bottom: 0px;
	height: 70px;
	line-height: 22px;
	margin-right: 40px;
	width: 100%;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
	position: inherit;
}

.nav .sub .nav_xiao .xiao_four .ul2 li:nth-child(2n+0) {
	margin-right: 0
}

.nav .sub .nav_xiao .xiao_four .ul2 li a {
	display: block;
	text-align: left;
	color: #999;
	font-size: 14px
}

.nav .sub .nav_xiao .xiao_four .ul2 li a b {
	font-weight: 400;
	font-size: 16px;
	display: block;
	color: #000;
	height: 22px;
	overflow: hidden
}

.nav .sub .nav_xiao .xiao_four .ul2 li p {
	display: block;
	text-align: left;
	color: #999;
	font-size: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 41px;
}

.nav .sub .nav_xiao .xiao_five {
	width: 429px;
	overflow: hidden;
	float: left;
	margin-top: 40px;
	margin-bottom: 40px;
	border-right: 1px solid #e6e6e6;
	height: 259px;
}

.nav .sub .nav_xiao .xiao_five img {
	width: 391px;
}

.nav .sub .nav_xiao .xiao_five a {
	width: 391px;
	height: 259px;
	padding: 0;
	margin-right: 45px;
	float: left
}

.nav .sub .nav_xiao .xiao_five2 {
	float: right;
	text-align: left;
	/*margin-top: 71px;*/
	margin-top: 20px;
   /* width: 60%;*/
	width: 98%;
}

.nav .sub .nav_xiao .xiao_five2 a {
	text-align:center;
	float: left;
	height: 32px;
	line-height: 28px;
	color: #000;
	font-size: 16px;
    /*width: 42%;*/
	width: 100%;
    /*margin-left: 7%;*/
	/*margin-left: 1%;*/
    /*margin-bottom: 42px;*/
	margin-bottom: 20px;
	transition: all .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nav .sub .nav_xiao .xiao_five2 a b {
    /* display: inline-block; */
	font-size: 16px;
	font-weight: normal;
    /* width: 100%; */
}

.nav .sub .nav_xiao .xiao_five2 a::before {
	/*content: "-";*/
	padding-right: 10px;
	font-size: 24px;
	font-weight: 100;
	line-height: 30px;
	display: inline-block;
	margin-top: 5px;
}

.nav .sub .nav_xiao .xiao_five2 a:nth-child(2n+0) {
	margin-right: 3px
}

.nav .sub .nav_xiao .xiao_five2 a i {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #999 url(../images/top_pic3.png) no-repeat center;
	background-repeat: no-repeat;
	float: left;
	margin-right: 20px;
	transition: all .3s;
	margin-left: 0;
	margin-top: 3px;
}

.nav .sub .nav_xiao .xiao_six {
	overflow: hidden;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.nav .sub .nav_xiao .xiao_six ul li {
	display: inline-block;
	vertical-align: top;
	width: 33%;
	overflow: hidden;
	border-right: 1px solid #e6e6e6;
	text-align: center;
	box-sizing: border-box;
	padding-bottom: 20px;
}

.nav .sub .nav_xiao .xiao_six ul li .xiao_six_con {
	margin: 0 auto;
	width: 80%;
	max-width: 360px;
	overflow: hidden;
	text-align: left;
}

.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l {
	font-size: 18px;
	font-weight: 700;
	height: 62px;
	line-height: 62px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 23px
}

.nav .sub .nav_xiao .xiao_six ul li .xiao_six_l a {
	font-size: 18px;
	font-weight: 700;
	height: 62px;
	line-height: 62px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 23px;
	display: block;
	color: #333;
}

.nav .sub .nav_xiao .xiao_six ul li a {
	float: left;
	width: 157px;
	overflow: hidden;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #666
}

.nav .sub .nav_xiao .xiao_six ul li .a {
	display: block;
	width: 182px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	margin-top: 31px;
	transition: all .3s;
	clear: both
}

.nav .sub .nav_xiao .xiao_six ul li .a:hover {
	opacity: .8;
	filter: Alpha(opacity=80);
	color: #fff
}

.nav .sub .nav_xiao .xiao_six ul li a::before {
	content: "-";
	padding-right: 15px;
}

.fixedNav {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100000;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop));
	box-shadow: 0px 10px 12px rgba(0,0,0,.1);
}
/* *************************End********************************* */





@keyframes movec {
	0%,100% {
		clip: rect(0,300px,5px,0);
	}

	25% {
		clip: rect(0,300px,210px,295px);
	}

	50% {
		clip: rect(205px, 300px, 210px, 0);
	}

	75% {
		clip: rect(0, 5px, 210px, 0px);
	}
}

@keyframes ripple {
	0% {
		box-shadow: 0 0 0 0 rgba(24, 125, 178, 0.1), 0 0 0 10px rgba(24, 125, 178, 1);
	}

	100% {
		box-shadow: 0 0 0 10px rgba(24, 125, 178, 1), 0 0 0 15px rgba(24, 125, 178, 0);
	}
}

@keyframes ripple2 {
	0% {
		box-shadow: 0 0 0 0 rgba(255, 204, 67, 0.1), 0 0 0 10px rgba(255, 204, 67, 1);
	}

	100% {
		box-shadow: 0 0 0 10px rgba(255, 204, 67, 1), 0 0 0 15px rgba(255, 204, 67, 0);
	}
}

@keyframes tra1 {
	0% {
		transform: scale(0);
	}

	20% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

@keyframes tra2 {
	0% {
		transform: scale(0);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

.head {
	width: 100%;
	height: 180px;
   /* background: url(../images/head_bg.jpg) center repeat-y;*/
}

.head .head_main > h1 {
	width: 158px;
	height: 130px;
	margin: 20px 0 0 0;
}

.head .head_main > h1 > a {
	display: block;
	width: 100%;
	height: 100%;
}

.head .head_main > h1 > a > img {
	width: 100%;
	height: 100%;
}

.head .head_main .head_txt {
	margin-top: 40px;
}

.head .head_main .head_txt > h3 {
	width: 372px;
	height: 30px;
	margin-bottom: 13px;
	background: url(../images/head_name.png) center no-repeat;
}

.head .head_main .head_txt > h4 {
	font-size: 14px;
	line-height: 14px;
	font-family: Arial;
	color: #0d6ebb;
	margin-bottom: 13px;
}

.head .head_main .head_txt > h5 {
	width: 372px;
	height: 34px;
	background-color: #0d6ebb;
	border-radius: 6px;
	text-align: center;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
}

.head .head_main .head_tell {
	margin-top: 40px;
}

.head .head_main .head_tell .head_tell_main > i {
	width: 48px;
	height: 48px;
	background-color: #0d6ebb;
	border-radius: 50%;
	position: relative;
}

.head .head_main .head_tell .head_tell_main > i::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: url(../images/head_tell.png) center no-repeat;
	animation: 2s infinite msClock;
}

.head .head_main .head_tell .head_tell_main .head_num {
	margin-left: 16px;
}

.head .head_main .head_tell .head_tell_main .head_num > p {
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	color: #444444;
	margin-bottom: 10px;
}

.head .head_main .head_tell .head_tell_main .head_num > h3 {
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	color: #0d6ebb;
}

  /* foo S */
.foo {
	width: 100%;
	height: 482px;
	padding-top: 90px;
	box-sizing: border-box;
	background: url(../images/foo_bg.jpg) center no-repeat;
}

.foo .foo_main .foo_add {
	width: 100%;
	height: 97px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
}

.foo .foo_main .foo_add .add_item {
	margin-right: 80px;
}

.foo .foo_main .foo_add .add_item:hover > i::after {
	animation: 2s infinite msClock;
}

.foo .foo_main .foo_add .add_item > i {
	width: 54px;
	height: 54px;
	background-color: #ffffff;
	border-radius: 50%;
	position: relative;
}

.foo .foo_main .foo_add .add_item > i::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
}

.foo .foo_main .foo_add .add_item .add_txt {
	margin-left: 15px;
}

.foo .foo_main .foo_add .add_item .add_txt > p {
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
}

.foo .foo_main .foo_add .add_item .add_txt > h3 {
	font-size: 20px;
	line-height: 20px;
	margin-top: 13px;
	color: #ffffff;
}

.foo .foo_main .foo_add .add_item:nth-child(1) > i::after {
	background: url(../images/add1.png) center no-repeat;
}

.foo .foo_main .foo_add .add_item:nth-child(2) > i::after {
	background: url(../images/add2.png) center no-repeat;
}

.foo .foo_main .foo_add .add_item:nth-child(3) {
	margin-right: 0;
}

.foo .foo_main .foo_add .add_item:nth-child(3) > i::after {
	background: url(../images/add3.png) center no-repeat;
}

.foo .foo_main .foo_con {
	width: 100%;
	margin-top: 40px;
}

.foo .foo_main .foo_con .inform {
	width: 280px;
}

.foo .foo_main .foo_con .inform .inputs {
	width: 100%;
	margin-bottom: 20px;
}

.foo .foo_main .foo_con .inform .inputs > input {
	float: left;
	width: 280px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 6px;
	padding: 0 40px;
	box-sizing: border-box;
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
}

.foo .foo_main .foo_con .inform .inputs > input::placeholder {
	color: #777777;
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
}

.foo .foo_main .foo_con .inform .inputs > input:focus::placeholder {
	color: transparent;
}

.foo .foo_main .foo_con .inform .inputs #userName {
	margin-right: 20px;
	background: url(../images/in1.png) 12px center no-repeat #fff;
}

.foo .foo_main .foo_con .inform .inputs #userName:focus {
	background: url(../images/in1.png) 250px center no-repeat #fff;
}

.foo .foo_main .foo_con .inform .inputs #userPhone {
	background: url(../images/in2.png) 12px center no-repeat #fff;
}

.foo .foo_main .foo_con .inform .inputs #userPhone:focus {
	background: url(../images/in2.png) 250px center no-repeat #fff;
}

.foo .foo_main .foo_con .inform textarea {
	display: block;
	width: 100%;
	height: 80px;
	background-color: #ffffff;
	border-radius: 6px;
	padding: 17px 38px;
	box-sizing: border-box;
	margin-bottom: 20px;
	background: url(../images/in3.png) 11px 17px no-repeat #fff;
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
}

.foo .foo_main .foo_con .inform textarea::placeholder {
	color: #777777;
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
}

.foo .foo_main .foo_con .inform textarea:focus {
	background: url(../images/in3.png) 550px 17px no-repeat #fff;
}

.foo .foo_main .foo_con .inform textarea:focus::placeholder {
	color: transparent;
}

.foo .foo_main .foo_con .inform .btns {
	width: 100%;
	height: 40px;
	margin-bottom: 50px;
}

.foo .foo_main .foo_con .inform .btns > input {
	float: left;
	width: 184px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 6px;
	padding: 0 10px;
	box-sizing: border-box;
}

.foo .foo_main .foo_con .inform .btns > input::placeholder {
	color: #777777;
	transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
}

.foo .foo_main .foo_con .inform .btns > input:focus::placeholder {
	color: transparent;
}

.foo .foo_main .foo_con .inform .btns > img {
	float: left;
	width: 95px;
	height: 100%;
	cursor: pointer;
}

.foo .foo_main .foo_con .inform .btns > button {
	float: right;
	width: 280px;
	height: 40px;
	background: url(../images/in4.png) 104px 10px no-repeat #ffdf06;
	border-radius: 20px;
	text-align: left;
	padding-left: 144px;
	box-sizing: border-box;
}

.foo .foo_main .foo_con .inform > p {
	width: 100%;
	font-size: 14px;
	line-height: 34px;
	color: #ffffff;
}

.foo .foo_main .foo_con .inform > p a {
	color: #ffffff;
}

.foo .foo_main .foo_con .inform > p img {
	display: inline-block;
	vertical-align: middle;
}

.foo .foo_main .foo_con .foo_nav {
	width: 920px;
}

.foo .foo_main .foo_con .foo_nav .foo_nav_con dl {
	float: left;
	width: 120px;
	margin-right: 20px;
}

.foo .foo_main .foo_con .foo_nav .foo_nav_con dl > dt {
	width: 100%;
	margin-bottom: 23px;
}

.foo .foo_main .foo_con .foo_nav .foo_nav_con dl > dt > p {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #ffffff;
}

.foo .foo_main .foo_con .foo_nav .foo_nav_con dl > dt > span {
	display: block;
	width: 41px;
	height: 1px;
	background-color: #ffffff;
}

.foo .foo_main .foo_con .foo_nav .foo_nav_con dl dd {
	width: 100%;
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	color: #ffffff;
}

.foo .foo_main .foo_con .foo_nav .foo_nav_con dl dd > a {
	display: block;
	width: 100%;
	height: 100%;
	color: #ffffff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.foo .foo_main .foo_con .foo_nav .foo_nav_con dl dd > a:hover {
	transform: translate(5px);
}

.foo .foo_main .foo_con .foo_nav .foo_nav_con dl:nth-last-child(1) {
	margin-right: 0;
}

.foo .foo_main .foo_con .foo_nav .ewm {
	width: 100%;
	text-align: right;
	margin-top: 35px;
}

.foo .foo_main .foo_con .foo_nav .ewm .ewm_item {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	margin-left: 34px;
}

.foo .foo_main .foo_con .foo_nav .ewm .ewm_item .ewm_box {
	width: 100%;
	height: 100px;
}

.foo .foo_main .foo_con .foo_nav .ewm .ewm_item .ewm_box > img {
	width: 100%;
	height: 100%;
}

.foo .foo_main .foo_con .foo_nav .ewm .ewm_item > p {
	text-align: center;
	font-size: 14px;
	line-height: 14px;
	color: #ffffff;
	margin-top: 12px;
}
  /* foo E */
  /*-----------------------------------------------------------*/
/*copyright by 动力无限  www.btoe.cn*/
/*邮箱 btoe@btoe.cn*/
/*合作电话 400-0599-360*/
/*版权所有违者必究*/
/*-----------------------------------------------------------*/
.banner {
  position: relative;
  height: 480px;
}
.banner .slider {
  width: 100% !important;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  top: 0;
}
.banner .slider-main {
  width: 1920px;
  height: 100%;
  position: absolute;
  left: 50%;
  margin-left: -960px;
}
.banner .slider-main li {
  width: 100%;
  height: 100%;
}
.banner .osSlider-main .slider-btn-prev {
  position: absolute;
  z-index: 30;
  top: 50%;
  left: -81px;
  width: 81px;
  height: 81px;
  text-indent: -9999px;
  margin-top: -20px;
  background: url(../images/arrowprev.png) 50% 50% no-repeat;
  transition: all 0.5s linear;
  cursor: pointer;
}
.banner .osSlider-main:hover .slider-btn-prev {
  left: 3%;
}
.banner .osSlider-main .slider-btn-next {
  position: absolute;
  z-index: 30;
  top: 50%;
  right: -81px;
  width: 81px;
  height: 81px;
  text-indent: -9999px;
  margin-top: -20px;
  background: url(../images/arrownext.png) 50% 50% no-repeat;
  transition: all 0.5s linear;
  cursor: pointer;
}
.banner .osSlider-main:hover .slider-btn-next {
  right: 3%;
  cursor: pointer;
}
.banner .osSlider-main .slider-nav {
  position: absolute;
  width: 100%;
  bottom: 60px;
  text-align: center;
  z-index: 25;
  font-size: 0;
}
.banner .osSlider-main .slider-nav li {
  display: inline-block;
  vertical-align: top;
  height: 16px;
  width: 16px;
  text-align: center;
  margin: 0 7px;
  border-radius: 50%;
  color: #333;
  background: #fff;
  cursor: pointer;
}
.banner .osSlider-main .slider-nav li.active {
  background: #0d9b4c;
  color: #fff;
}

.links {
  width: 100%;
  position: relative;
}
.links .link_main {
  position: absolute;
  background-color: #ffffff;
  border-radius: 25px;
  left: 50%;
  transform: translate(-50%);
  top: -30px;
  padding: 13px 22px;
  box-sizing: border-box;
}
.links .link_main .link_tit {
  width: 57px;
  height: 42px;
  background: url(../images/link_ico.png) center no-repeat;
}
.links .link_main .link_list {
  width: calc(1200px - 120px);
  line-height: 42px;
}
.links .link_main .link_list > a {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin: 0 10px;
  padding: 0 10px;
  color: #333333;
  position: relative;
}
.links .link_main .link_list > a:hover::after,
.links .link_main .link_list > a:hover::before {
  width: 100%;
}
.links .link_main .link_list > a::after,
.links .link_main .link_list > a::before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  height: 1px;
  background: #0d9b4c;
  transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
}
.links .link_main .link_list > a::after {
  left: 0;
  top: 0;
}
.links .link_main .link_list > a::before {
  right: 0;
  bottom: 0;
}
.links .link_main .link_list > a:hover {
  color: #0d9b4c;
}


