@charset "utf-8";

	html {

	background:none repeat scroll 0 0 #fff;

	color:#333;

	overflow-y:scroll

}

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,form,th,td {

	margin:0;

	padding:0

}

body,button,input,select,textarea {

	font:16px/1.8 "Microsoft Yahei",verdana

}

.ie10 body,.ie11 body {

	font:16px/1.8 "Microsoft Yahei",verdana

}

h1,h2,h3,h4,h5,h6 {

	font-size:100%;

	font-weight:normal

}

button,input,select,textarea {

	font-size:100%

}

hr {

	border:0;

	height:1px;

	*color:#fff

}

address,cite,dfn,em,var {

	font-style:normal

}

small {

	font-size:12px

}

.fl-clear {

	clear:both

}

.fl-clr {

	zoom:1

}

.fl-clr:after {

	display:block;

	clear:both;

	height:0;

	content:"\0020"

}

table {

	border-collapse:collapse;

	border-spacing:0

}

ul,ol {

	list-style:none outside none

}

a {

	text-decoration:none;

	color:#333

}

a:hover {

	text-decoration:none

}

img {

	border:0

}

.one-content p a,.head .nav li a,.head .contact-us p a,.templates_tab .tab_ul li i,.templates_tab .tab_ul li,.sideBar li a {

	webkit-transition:all .8s ease;

	-moz-transition:all .8s ease;

	-o-transition:all .8s ease;

	transition:all .8s ease

}

.header {

	width:100%;

	height:79px;

	position:absolute;

	left:0;

	top:0;

	z-index:99

}

.head {

	width:1190px;

	height:79px;

	margin:0 auto;

	font-size:14px;

	position:relative

}

.head .logo {

	width:390px;

	float:left;

	margin:19px 0 0 0;

	padding:0

}

.head .logo a.logo-img {

	width:200px;

	height:44px;

	margin:0;

	display:block;

	float:left

}

.logo2 img {

	margin:0

}

.head .logo2 .t {

	margin:7px 0 0 20px;

	display:block;

	height:45px;

	line-height:45px;

	float:left;

	padding:0 20px;

	font-size:24px;

	border-left:1px solid #e1e1e1;

	color:#333

}

.head .logo2 .t.fff {

	color:#fff;

	border-left:1px solid #504f4e

}

.head .nav {

	float:left;

	height:32px;

	margin:26px 0 0 0

}

.head .nav li {

	float:left;

	padding-left:28px;

	color:#fff;

	line-height:32px

}

.head .nav li a {

	display:block;

	padding:0 20px;

	height:28px;

	line-height:28px;

	color:#fff;

	margin-top:2px

}

.head .nav li a:hover,.head .nav li a.current {

	background:#5058df;

	border-radius:5px

}

.head .nav li span {

	float:left;

	margin-right:5px

}

.head .contact-us {

	color:#fff;

	position:absolute;

	right:0;

	top:31px;

	width:168px

}

.head .contact-us p {

	color:#fff;

	text-align:center

}

.head .contact-us p a {

	width:118px;

	height:20px;

	display:block;

	margin:0 auto;

	border:solid 1px #fff;

	line-height:20px;

	text-align:center;

	border-radius:50px;

	color:#fff;

	font-size:12px;

	margin-right:2px;

}

.head .contact-us p a:hover {

	background:#5058df;

	border-color:#5058df;

	color:#fff

}

#loginname {

	overflow:hidden

}

#log img {

	float:left;

	vertical-align:-12px;

	margin-right:5px;

	width:32px;

	height:32px;

	border-radius:50px

}

#sign_out a {

	display:inline;

	background:0;

	padding:0 2px

}

#sign_out a:hover {

	text-decoration:underline

}

.head .nav li .unlog_an a {

	display:inline;

	padding:0 0 0 5px;

	line-height:32px

}

.head .nav #log {

	width:170px

}

.head .nav #log img,.head .nav #log span {

	float:left

}

.head .nav li .unlog_an a:hover {

	background:0;

	text-decoration:underline

}

.header-fixed,.header-service {

	border-bottom:solid 1px #e2e2e2;

	background:#fff;

	position:fixed;

	left:0;

	top:0;

	z-index:99

}

.header-fixed .head .nav li a,.header-service .head .nav li a {

	color:#000

}

.header-fixed .head .nav li a:hover,.header-fixed .head .nav li a.current,.header-service .head .nav li a:hover,.header-service .head .nav li a.current {

	background:#5058df;

	color:#fff;

	border-radius:5px

}

.header-fixed .head .contact-us p,.header-service .head .contact-us p {

	color:#000

}

.header-fixed .head .contact-us p a,.header-service .head .contact-us p a {

	border:solid 1px #696969;

	color:#000

}

.head .contact-us p a:hover,.header-service .head .contact-us p a:hover {

	color:#fff

}

.header-fixed #loginname,.header-service #loginname {

	color:#000

}

.header-fixed #sign_out a:hover,.header-service #sign_out a:hover {

	text-decoration:underline;

	color:#000

}

.header-fixed .head .nav li .unlog_an a,.header-service .head .nav li .unlog_an a {

	display:inline;

	padding:0 0 0 5px;

	line-height:31px

}

.header-fixed .head .nav li .unlog_an a:hover,.header-service .head .nav li .unlog_an a:hover {

	background:0;

	color:#000;

	text-decoration:underline

}

.content {

	min-height:600px;

	width:100%;

	margin:0;

	padding:0

}

.content-service {

	background:#f8f8f8;

	padding-bottom:83px

}

.screen-one {

	width:100%;

	background:url(../images/home_bg.jpg) center top no-repeat fixed;

	background-size:cover;

	position:relative;

	overflow:hidden

}

.one-content {

	position:absolute;

	width:100%;

	height:330px;

	left:0;

	top:50%;

	margin-top:-165px;

	text-align:center

}

.one-content p.price {

	padding-top:50px

}

.one-content p a {

	width:188px;

	height:48px;

	border:solid 1px #fff;

	text-align:center;

	line-height:48px;

	color:#fff;

	border-radius:10px;

	display:inline-block;

	font-size:20px;

	margin:15px 30px 0 30px;

	font-weight:100

}

.one-content p a.on {

	background:#5058df;

	border-color:#5058df

}

.one-content p a:hover,.one-content p a.hover {

	background:#5058df;

	border-color:#5058df;

	border-radius:5px

}

.one-content p a.on:hover {

	background:#4951d3;

	border-color:#4951d3

}

.screen-title {

	color:#999;

	font-size:14px

}

.screen-title .t {

	font-size:26px;

	color:#000;

	position:relative

}

.screen-title .t i {

	height:2px;

	width:35px;

	background:#5058df;

	position:absolute;

	left:0;

	bottom:-10px

}

.screen-title .y {

	text-transform:uppercase;

	padding:0 0 0 10px

}

.bw_1190 {

	width:1190px;

	margin:0 auto

}

.bh_80 {

	height:80px

}

.screen-two {

	height:350px;

	position:relative;

	overflow:hidden;

	text-align:center;

	background:url(../images/screen-two.jpg) center top no-repeat fixed;

	background-size:cover

}

.screen-two .txt {

	color:#fff;

	font-size:16px;

	padding:60px 0 0 0

}

.screen-two .txt p {

	padding-top:20px

}

.screen-two .txt .t {

	font-size:40px

}

.screen-two .txt .t i {

	display:block;

	width:85px;

	height:1px;

	background:#aca1e8;

	margin:0 auto

}

.screen-two .bottom {

	display:block;

	width:160px;

	height:40px;

	position:absolute;

	left:50%;

	margin-left:-80px;

	bottom:0;

	z-index:11;

	background:#fff

}

.screen-two .bottom em {

	display:block;

	width:25px;

	height:13px;

	background:url(../images/bottom.png) center center no-repeat;

	margin:13px auto 0 auto;

	animation:rotate 1s linear 0 infinite;

	-webkit-animation:rotate 1s linear 0 infinite;

	-moz-animation:rotate 1s linear 0 infinite;

	-o-animation:rotate 1s linear 0 infinite

}

@keyframes rotate {

	0{margin:13px auto 0 auto

}

25% {

	margin:18px auto 0 auto

}

50% {

	margin:23px auto 0 auto

}

75% {

	margin:18px auto 0 auto

}

100% {

	margin:13px auto 0 auto

}

}@-webkit-keyframes rotate {

	0{margin:13px auto 0 auto

}

25% {

	margin:18px auto 0 auto

}

50% {

	margin:23px auto 0 auto

}

75% {

	margin:18px auto 0 auto

}

100% {

	margin:13px auto 0 auto

}

}@-moz-keyframes rotate {

	0{margin:13px auto 0 auto

}

25% {

	margin:18px auto 0 auto

}

50% {

	margin:23px auto 0 auto

}

75% {

	margin:18px auto 0 auto

}

100% {

	margin:13px auto 0 auto

}

}@-o-keyframes rotate {

	0{margin:13px auto 0 auto

}

25% {

	margin:18px auto 0 auto

}

50% {

	margin:23px auto 0 auto

}

75% {

	margin:18px auto 0 auto

}

100% {

	margin:13px auto 0 auto

}

}.screen-three {

	padding:90px 0;

	overflow:hidden

}

.advantage_ul {

	overflow:hidden;

	margin-left:-1px;

	padding:20px 0

}

.advantage_ul li {

	float:left;

	width:33%;

	text-align:center;

	padding:35px 0;

	border-left:1px solid #eee;

	color:#666;

	font-size:14px;

	line-height:30px

}

.advantage_ul li .img {

	display:block;

	height:90px

}

.advantage_ul li .t {

	font-size:18px;

	color:#000;

	padding:40px 0 0 0

}

.advantage_ul li .t i {

	display:block;

	height:1px;

	background:#dcdcdc;

	width:35px;

	margin:20px auto

}

.advantage_ul li .i1 {

	background:url(../images/y_1.png) center bottom no-repeat

}

.advantage_ul li .i2 {

	background:url(../images/y_2.png) center bottom no-repeat

}

.advantage_ul li .i3 {

	background:url(../images/y_3.png) center bottom no-repeat

}

.screen-four {

	height:525px;

	background:url(../images/screen-four.jpg) no-repeat center 0;

	padding:90px 0 0 0;

	overflow:hidden

}

.matching_ul {

	overflow:hidden;

	padding:80px 0

}

.matching_ul li {

	width:33.3%;

	float:left;

	height:255px;

	text-align:center;

	color:#fff;

	font-size:14px

}

.matching_ul li .t {

	font-size:18px;

	padding:20px 0 0 0

}

.matching_ul li .t i {

	display:block;

	height:1px;

	background:#dcdcdc;

	width:35px;

	margin:10px auto 5px auto

}

.matching_ul .li1 {

	background:#41b7f4

}

.matching_ul .li2 {

	background:#6585ff

}

.matching_ul .li3 {

	background:#9676ff

}

.matching_ul .img {

	display:block;

	margin:10px;

	height:110px

}

.matching_ul .li1 .img {

	background:#40b2ed url(../images/p_1.png) center center no-repeat

}

.matching_ul .li2 .img {

	background:#6281f5 url(../images/p_2.png) center center no-repeat

}

.matching_ul .li3 .img {

	background:#9070f9 url(../images/p_3.png) center center no-repeat

}

.screen-five {

	padding:90px 0;

	overflow:hidden

}

.flow_ul {

	overflow:hidden;

	margin-left:-32px;

	padding:140px 0 0 0

}

.flow_ul li {

	width:20%;

	float:left;

	height:147px;

	background:url(../images/l_0.png) 7px center no-repeat

}

.flow_ul li .box .img {

	height:30px;

	margin:40px 0 15px 0;

	display:block

}

.flow_ul li .box {

	border:1px solid #e4e4e4;

	height:145px;

	margin:0 0 0 32px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	-ms-border-radius:5px;

	-o-border-radius:5px;

	text-align:center;

	font-size:16px;

	color:#000;

	overflow:hidden

}

.flow_ul li .li1 .img {

	background:url(../images/l_1.png) center center no-repeat

}

.flow_ul li .li2 .img {

	background:url(../images/l_2.png) center center no-repeat

}

.flow_ul li .li3 .img {

	background:url(../images/l_3.png) center center no-repeat

}

.flow_ul li .li4 .img {

	background:url(../images/l_4.png) center center no-repeat

}

.flow_ul li .li5 .img {

	background:url(../images/l_5.png) center center no-repeat

}

.foot {

	margin:0;

	font-size:12px;

	background:#f8f8f8;

	border-top:1px solid #e2e2e2

}

.foot .links {

	color:#dadada

}

.foot .links a:hover,.foot p a:hover {

	color:#333

}

.form {

	width:440px;

	margin:200px auto 60px auto

}

.form span {

	font-size:34px;

	color:#000;

	text-align:center;

	display:block;

	width:440px

}

.form .error {

	position:absolute;

	color:#f33d3d;

	font-size:14px;

	line-height:30px;

	text-align:left;

	margin-left:90px

}

.form ul {

	margin:50px 0 0 0

}

.form ul li {

	height:46px;

	line-height:46px;

	margin-bottom:25px;

	width:670px;

	position:relative

}

.form ul li:last-child {

	margin-bottom:5px

}

.form ul li label {

	width:91px;

	float:left;

	font-weight:100;

	color:#696969

}

.form ul li label i {

	color:#e60000;

	font-style:normal;

	margin-right:5px;

	margin-top:20px

}

.form ul li .radio-btn {

	width:auto;

	position:relative;

	padding:0 10px 0 25px;

	cursor:pointer

}

.form ul li .radio-btn i {

	display:inline-block;

	border:1px solid #dcdcdc;

	background:#f6f6f6;

	position:absolute;

	left:0;

	top:50%;

	margin-top:-7px

}

.form ul li .radio-btn .i-radio {

	width:12px;

	height:12px;

	border-radius:100%

}

.radio-default.checked i:after {

	content:'';

	display:block;

	width:8px;

	height:8px;

	background-color:#666;

	border-radius:100%;

	position:absolute;

	left:2px;

	top:2px

}

.form ul li .radio-btn input {

	opacity:0;

	filter:alpha(opacity=0);

	position:absolute;

	left:0;

	top:50%;

	margin-top:-6px

}

.form ul li .txt {

	float:left;

	width:331px;

	height:44px;

	border:solid 1px #e6e6e6;

	border-radius:3px;

	padding-left:14px;

	font-size:16px;

	font-weight:100

}

.form ul li .refresh-verifystr {

	position:absolute;

	right:240px;

	top:7px;

	height:30px

}

.form ul li input[name="verifystr"] {

	padding-right:110px;

	width:224px

}

.form ul li .txt::-webkit-input-placeholder {

	color:#cfcfcf

}

.form ul li .txt:-moz-placeholder {

	color:#cfcfcf

}

.form ul li .txt::-moz-placeholder {

	color:#cfcfcf

}

.form ul li .txt:-ms-input-placeholder {

	color:#cfcfcf

}

.form .text {

	margin-top:40px;

	width:670px

}

.agreement_a {

	display:none

}

.form p {

	margin-left:90px;

	font-size:14px;

	color:#010101

}

.form p .check {

	margin-right:7px;

	vertical-align:-2px

}

.form p a {

	color:#064adb

}

.form p a:hover {

	text-decoration:underline

}

.form p a.btn {

	width:240px;

	height:60px;

	display:block;

	background:#5058df;

	text-align:center;

	line-height:60px;

	color:#fff;

	border-radius:5px;

	font-size:24px;

	margin:15px 0 0 7px

}

.form p a.btn:hover {

	text-decoration:none;

	background:#4952d3

}

.sideBar {

	width:60px;

	position:fixed;

	right:0

}

.sideBar li {

	margin-bottom:4px;

	position:relative

}

.sideBar li a {

	display:block;

	padding:10px 0 5px 0;

	background:#1b1b1d;

	color:#fff;

	text-align:center;

	font-size:12px;

	overflow:hidden

}

.sideBar li a:hover {

	background:#5058df

}

.sideBar li.li2 a {

	z-index:999;

	position:relative

}

.sideBar li.li2 a * {

	overflow:hidden

}

.sideBar li span {

	display:block;

	margin-bottom:5px

}



.sideBar li .tel-num {

	min-width:150px;

	height:48px;

	padding:10px 12px;

	background:#4951d3;

	color:#fff;

	position:absolute;

	left:60px;

	top:0;

	display:block

}

.sideBar li .tel-num p {

	font-size:18px;

	color:#fff;

	font-weight:bold;

	line-height:48px

}

.success {

	margin-top:245px

}

.success p {

	text-align:center

}

.success p span {

	width:68px;

	height:68px;

	display:block;

	background:url(../images/bg.png) 0 0 no-repeat;

	background-position:0 -264px;

	margin:0 auto

}

.success p {

	font-size:18px;

	color:#35363a

}

.success p.big {

	font-size:36px;

	color:#6b0;

	margin-top:-3px

}

.success p a {

	width:240px;

	height:60px;

	text-align:center;

	line-height:60px;

	color:#fff;

	background:#6b0;

	display:block;

	border-radius:50px;

	margin:120px auto 0 auto;

	font-size:24px

}

.hide {

	display:none

}

.templates_title {

	padding:170px 0 0 0;

	text-align:center

}

.templates_title .z {

	font-size:26px;

	color:#000

}

.templates_title .y {

	font-size:14px;

	color:#999;

	text-transform:uppercase;

	padding:5px 0

}

.templates_tab {

	padding:30px 0

}

.templates_tab .tab_ul {

	height:px;

	text-align:center

}

.templates_tab .tab_ul li {

	display:inline-block;

	height:33px;

	width:75px;

	border:1px solid #dadada;

	padding:0 10px 0 40px;

	color:#999;

	font-size:14px;

	line-height:33px;

	position:relative;

	cursor:pointer;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	-ms-border-radius:5px;

	-o-border-radius:5px;

	overflow:hidden;

	margin:0 15px

}

.templates_tab .tab_ul li i {

	display:block;

	width:21px;

	height:15px;

	position:absolute;

	left:13px;

	top:50%;

	margin-top:-7px

}

.templates_tab .tab_ul li .i1 {

	background:url(../images/pc.png) no-repeat center 0

}

.templates_tab .tab_ul li .i2 {

	background:url(../images/wep.png) no-repeat center 0

}

.templates_tab .tab_ul li.hover {

	color:#5058df;

	border:1px solid #5058df

}

.templates_tab .tab_ul li.hover .i1 {

	background-position:center -17px

}

.templates_tab .tab_ul li.hover .i2 {

	background-position:center bottom

}

.templates_tab .tab_box {

	padding:50px 0 0 0;

	overflow:hidden

}

.templates_tab .tab_box a:hover {

	color:#000

}

.templates_ul {

	overflow:hidden;

	margin-left:-50px

}

.templates_ul * {

	overflow:hidden

}

.templates_ul li {

	width:363px;

	float:left;

	text-align:center;

	font-size:14px;

	color:#000;

	padding:0 0 50px 0;

	margin-left:50px

}

.templates_tab .tab_box li a {

	display:block;

	width:100%

}

.templates_ul li .img {

	height:222px;

	padding:8px 0 0 0;

	background:url(../images/mb.jpg) no-repeat center 0;

	text-align:center;

	position:relative

}

.templates_ul li .img i {

	width:284px;

	height:174px;

	-webkit-border-radius:1px;

	-moz-border-radius:1px;

	-ms-border-radius:1px;

	-o-border-radius:1px;

	display:block;

	margin:0 auto;

	position:absolute;

	left:50%;

	margin-left:-142px

}

.templates_ul li .img img {

	width:100%

}

.templates1_ul {

	overflow:hidden;

	margin-left:-70px

}

.templates1_ul * {

	overflow:hidden

}

.templates1_ul li {

	width:245px;

	float:left;

	text-align:center;

	font-size:14px;

	color:#000;

	padding:0 0 50px 0;

	margin-left:70px;

	cursor:pointer

}

.templates1_ul li .img {

	height:424px;

	padding:41px 0 0 0;

	background:url(../images/web.jpg) no-repeat center 0;

	text-align:center;

	position:relative

}

.templates1_ul li .img i {

	width:216px;

	height:348px;

	-webkit-border-radius:1px;

	-moz-border-radius:1px;

	-ms-border-radius:1px;

	-o-border-radius:1px;

	display:block;

	margin:0 auto;

	position:absolute;

	left:50%;

	margin-left:-108px

}

.templates1_ul li .img img {

	width:100%

}

.templates_tab .tab_box li img {

	webkit-transition:all .2s ease;

	-moz-transition:all .2s ease;

	-o-transition:all .2s ease;

	transition:all .2s ease;

	display:block;

	position:absolute;

	left:0;

	top:0

}

.templates_tab .tab_box li a:hover img {

	-webkit-transform:scale(1.1);

	-moz-transform:scale(1.1);

	-ms-transform:scale(1.1);

	-o-transform:scale(1.1);

	transform:scale(1.1)

}

.uk-animation-fade {

	animation:uk-fade 1s linear 0 normal;

	-webkit-animation:uk-fade 1s linear 0 normal;

	-moz-animation:uk-fade 1s linear 0 normal;

	-o-animation:uk-fade 1s linear 0 normal

}

@-webkit-keyframes uk-fade {

	0{opacity:0

}

100% {

	opacity:1

}

}@keyframes uk-fade {

	0{opacity:0

}

100% {

	opacity:1

}

}.screen-one-bottom {

	position:absolute;

	width:100%;

	bottom:0;

	background:url(../images/screen-one-bottom.png);

	left:0

}

.screen-one-bottom .a {

	height:80px;

	width:1190px;

	overflow:hidden;

	margin:0 auto

}

.screen-one-bottom .a a {

	display:block;

	float:left;

	height:80px;

	width:50%;

	line-height:80px;

	font-size:18px;

	color:#fff;

	text-align:center

}

.screen-one-bottom .a a:hover {

	background:#5058df

}

.keyword_one {

	padding:121px 0 120px 0

}

.keyword_title {

	text-align:center

}

.keyword_title p {

	line-height:28px;

	font-size:28px;

	color:#000;

	padding-bottom:15px

}

.keyword_title i {

	display:block;

	height:2px;

	width:35px;

	background:#5058df;

	margin:0 auto

}

.service_advantage {

	overflow:hidden;

	padding:40px 0 0 0

}

.service_advantage li {

	width:33%;

	float:left;

	border-left:1px solid #eee;

	text-align:center;

	margin-left:-1px;

	padding:50px 0

}

.service_advantage li .img {

	display:block;

	height:135px

}

.service_advantage li .i1 {

	background:url(../images/s1.png) no-repeat center 0

}

.service_advantage li .i2 {

	background:url(../images/s2.png) no-repeat center 0

}

.service_advantage li .i3 {

	background:url(../images/s3.png) no-repeat center 15px

}

.service_advantage li .t {

	font-size:18px;

	line-height:18px;

	color:#000

}

.service_advantage li .txt {

	color:#666;

	font-size:14px;

	line-height:14px;

	padding:15px 0 25px 0

}

.service_advantage li .text i {

	display:block;

	margin:0 auto;

	width:35px;

	height:1px;

	background:#dcdcdc

}

.keyword_two {

	background:url(../images/keyword_two.jpg) no-repeat center 0;

	padding:100px 0

}

.keyword_two .keyword_title p {

	color:#fff

}

.keyword_two .keyword_title i {

	background:#fff

}

.keyword_three {

	padding:120px 0;

	overflow:hidden

}

.three_show {

	overflow:hidden;

	margin-left:-32px;

	padding:80px 0 0 0

}

.three_show li {

	width:20%;

	float:left;

	height:147px;

	background:url(../images/l_0.png) 7px center no-repeat

}

.three_show li .box .img {

	height:30px;

	margin:40px 0 15px 0;

	display:block

}

.three_show li .box {

	border:1px solid #e4e4e4;

	height:145px;

	margin:0 0 0 32px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	-ms-border-radius:5px;

	-o-border-radius:5px;

	text-align:center;

	font-size:16px;

	color:#000;

	overflow:hidden

}

.three_show li .li1 .img {

	background:url(../images/f1.png) center center no-repeat

}

.three_show li .li2 .img {

	background:url(../images/f2.png) center center no-repeat

}

.three_show li .li3 .img {

	background:url(../images/f3.png) center center no-repeat

}

.three_show li .li4 .img {

	background:url(../images/f4.png) center center no-repeat

}

.three_show li .li5 .img {

	background:url(../images/f5.png) center center no-repeat

}

.keyword_four {

	background:#f4f7fe url(../images/keyword_four.jpg) no-repeat center 0;

	padding:100px 0

}

.keyword_four .keyword_title span {

	font-size:16px;

	line-height:16px;

	padding:15px 0;

	color:#666;

	display:block

}

.apply_ul {

	overflow:hidden;

	padding:70px 0 0 0

}

.apply_ul li {

	width:33%;

	float:left;

	text-align:center

}

.apply_ul li .li {

	width:303px;

	margin:0 auto;

	background:#fff;

	border:1px solid #e7e9ff;

	overflow:hidden;

	height:348px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	-ms-border-radius:5px;

	-o-border-radius:5px;

	-webkit-box-shadow:rgba(80,88,223,.1) 2px 0 13px;

	-moz-box-shadow:rgba(80,88,223,.1) 2px 0 13px;

	box-shadow:rgba(80,88,223,.1) 2px 0 13px

}

.apply_ul li .li .t {

	font-size:18px;

	color:#000;

	line-height:18px;

	padding:40px 0 15px 0

}

.apply_ul li .li .txt {

	line-height:25px;

	color:#666;

	font-size:14px;

	height:125px;

	overflow:hidden

}

.apply_ul li .li .price {

	color:#5058df;

	font-size:14px

}

.apply_ul li .li .price span {

	font-size:38px;

	font-weight:bold;

	line-height:38px

}

.apply_ul li .li .a {

	display:block;

	height:35px;

	line-height:35px;

	background:#5058df;

	width:200px;

	margin:0 auto;

	color:#fff;

	margin-top:30px;

	font-size:16px;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	-ms-border-radius:5px;

	-o-border-radius:5px;

	overflow:hidden

}

.apply_ul li .li .a:hover {

	background:#4952d3

}

.apply_ul li:hover .li {

	border:1px solid #7177e5

}

.apply_ul li .li .a,.screen-one-bottom .a a,.apply_ul li .li {

	-webkit-transition:all .5s ease;

	transition:all .5s ease

}

.keyword_show {

	padding:35px 0 0 0;

	width:1190px;

	margin:0 auto;

	height:422px;

	position:relative

}

.keyword_show .list {

	width:100%;

	height:422px;

	overflow:hidden;

	position:relative

}

.keyword_show .btn {

	position:absolute;

	top:50%;

	margin-top:-40px;

	width:47px;

	height:81px;

	overflow:hidden;

	cursor:pointer

}

.keyword_show .prev {

	left:-87px;

	background:url(../images/left.png) center center no-repeat

}

.keyword_show .next {

	right:-87px;

	background:url(../images/right.png) center center no-repeat

}

.keyword_show li {

	position:absolute;

	top:0;

	left:4%;

	list-style:none;

	opacity:0;

	transition:all .3s ease-out;

	-webkit-box-shadow:rgba(80,88,223,.1) 2px 0 15px;

	-moz-box-shadow:rgba(80,88,223,.1) 2px 0 15px;

	box-shadow:rgba(80,88,223,.1) 2px 0 15px;

	border:1px solid #d2d3e3;

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	-ms-border-radius:5px;

	-o-border-radius:5px;

	overflow:hidden;

	top:21px

}

.keyword_show li img {

	width:378px;

	height:378px;

	border:0;

	float:left

}

.keyword_show .p2 img {

	width:420px;

	height:420px

}

.keyword_show .p1 {

	transform:translate3d(15px,0,0) scale(1);

	transform-origin:0 50%;

	opacity:1;

	z-index:2

}

.keyword_show .p2 {

	transform:translate3d(385px,0,0) scale(1);

	z-index:3;

	opacity:1;

	border:1px solid #5058df;

	top:0

}

.keyword_show .p3 {

	transform:translate3d(750px,0,0) scale(1);

	transform-origin:100% 50%;

	opacity:1;

	z-index:2

}

.keyword_show .p4 {

	transform:translate3d(449px,0,0) scale(1)

}

.keyword_show .p5 {

	transform:translate3d(672px,0,0) scale(1)

}

.keyword_show .p6 {

	transform:translate3d(896px,0,0) scale(1)

}

.keyword_show .p7 {

	transform:translate3d(1120px,0,0) scale(1)

}

.keyword_show .p8 {

	transform:translate3d(1120px,0,0) scale(1)

}

.keyword_show .p9 {

	transform:translate3d(1120px,0,0) scale(1)

}

.keyword_show .buttons {

	position:absolute;

	width:1190px;

	height:30px;

	bottom:-50px;

	left:50%;

	margin-left:-600px;

	text-align:center;

	padding-top:10px

}

.keyword_show .buttons a {

	display:inline-block;

	width:35px;

	height:5px;

	padding-top:4px;

	cursor:pointer

}

.keyword_show span {

	display:block;

	width:35px;

	height:1px;

	background:red

}

.keyword_show .blue {

	background:blue

}

.keyword_show .prev:hover {

	animation:left_a 1s linear 0 infinite;

	-webkit-animation:left_a 1s linear 0 infinite;

	-moz-animation:left_a 1s linear 0 infinite;

	-o-animation:left_a 1s linear 0 infinite

}

.keyword_show .next:hover {

	animation:right_a 1s linear 0 infinite;

	-webkit-animation:right_a 1s linear 0 infinite;

	-moz-animation:right_a 1s linear 0 infinite;

	-o-animation:rotate 1s linear 0 infinite

}

@keyframes left_a {

	0{left:-87px

}

50% {

	left:-95px

}

100% {

	left:-87px

}

}@-webkit-keyframes left_a {

	0{left:-87px

}

50% {

	left:-95px

}

100% {

	left:-87px

}

}@-moz-keyframes left_a {

	0{left:-87px

}

50% {

	left:-95px

}

100% {

	left:-87px

}

}@-o-keyframes left_a {

	0{left:-87px

}

50% {

	left:-95px

}

100% {

	left:-87px

}

}@keyframes right_a {

	0{right:-87px

}

50% {

	right:-95px

}

100% {

	right:-87px

}

}@-webkit-keyframes right_a {

	0{right:-87px

}

50% {

	right:-95px

}

100% {

	right:-87px

}

}@-moz-keyframes right_a {

	0{right:-87px

}

50% {

	right:-95px

}

100% {

	right:-87px

}

}@-o-keyframes right_a {

	0{right:-87px

}

50% {

	right:-95px

}

100% {

	right:-87px

}

};

	.form ul li .txt.mouse_sr {

	border:1px solid #0f69dc

}

.form ul li .txt.false {

	border:1px solid #e60000

}

.icon.icon-danger-mini {

	background-position:-342px -249px;

	padding:7px 7px 7px 20px;

	line-height:14px

}

.icon {

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

	display:inline-block

}

.keywords .head .logo {

	width:530px

}

.keywords .screen-one {

	width:100%;

	background:url(../images/keywords_home_bg.jpg) center top no-repeat fixed;

	background-size:cover;

	position:relative;

	overflow:hidden

}