@charset "utf-8";

*,*:before,*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0
}

body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0
}

body {
	font-family: "microsoft yahei",arial;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	min-width: 1260px;
	margin: 0 auto;
	max-width: 1920px;
    overflow-x:hidden;
}

a:link,a:visited {
	text-decoration: none;
	outline: 0;
	color: #666
}

a:hover,a:active,a:focus {
	color: #666;
	text-decoration: none
}

ul,li {
	list-style: none
}

ul {
	padding: 0
}

li {
	zoom: 1;
	vertical-align: middle
}

ol {
	margin: 0;
	padding: 0;
	padding-left: 36px
}

fieldset,img {
	border: 0
}

img {
	border: 0;
	max-width: 100%
}

div {
	outline: 0
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	width: 100%
}

th,td {
	padding: 0
}

input,textarea {
	font-family: arial;
	font-size: 14px
}

input {
	outline: 0
}

textarea {
	outline: 0
}

input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {
	cursor: pointer;
	outline: 0
}

input[type='checkbox'],input[type='radio'] {
	position: relative;
	vertical-align: middle;
	margin-bottom: 1px;
	margin-left: 5px;
	margin-right: 5px
}

textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'] {
	padding: 0;
	color: #666;
	outline: 0
}

input,select,textarea {
	-webkit-appearance: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	border-radius: 0;
	overflow-y: hidden;
	overflow-x: hidden
}

::-webkit-input-placeholder {
	color: #a9a9a9
}

:-moz-placeholder {
	color: #a9a9a9;
	opacity: 1
}

::-moz-placeholder {
	color: #a9a9a9;
	opacity: 1
}

:-ms-input-placeholder {
	color: #a9a9a9
}

.fl {
	float: left
}

.fr {
	float: right
}

.clear {
	clear: both
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block
}

.pic {
	width: 100%;
	overflow: hidden;
	position: relative
}

.middleCenter {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 100%;
	max-height: 100%;
	display: block;
	vertical-align: middle;
	text-align: center;
	margin: auto
}

.container {
	width: 1260px;
	margin-left: auto;
	margin-right: auto;
}

@font-face {
	font-family:"ITCAvantGardePro-Bk";src:url("../font/ITCAvantGardePro-Bk.woff2") format("woff2"),url("../font/ITCAvantGardePro-Bk.woff") format("woff"),url("../font/ITCAvantGardePro-Bk.ttf") format("truetype"),url("../font/ITCAvantGardePro-Bk.eot") format("embedded-opentype"),url("../font/ITCAvantGardePro-Bk.svg") format("svg");font-weight:normal;font-style:normal
}

.header {
	height: 93px;
	background: #fff
}

.header .logo {
	margin: 11px 0 0 0;
	overflow: hidden;
	float: left
}

.header .logo a {
	display: block
}

.header .nav {
	float: right
}

.header .nav ul li {
	float: left;
	height: 92px;
	line-height: 92px;
	margin-left: 23px;
	position: relative;
	text-transform: uppercase
}

.header .nav ul li a {
	display: block;
	color: #333;
	font-size: 18px;
	padding: 0 15px;
	position: relative
}

.header .nav ul li a .bot {
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 3px;
	background-color: #ff424e;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.header .nav ul li:hover a .bot {
	width: 100%;
	left: 0
}

.header .nav ul li:hover .menulist {
	display: block
}

.header .nav ul li .menulist {
	width: 154px;
	margin-left: -77px;
	position: absolute;
	top: 92px;
	left: 50%;
	z-index: 9;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	background: url("../images/bg3.png") repeat top center;
	border-bottom: 3px solid #ff424e;
	padding-top: 24px;
	display: none;
	overflow: hidden
}

.header .nav ul li .menulist ul li {
	height: 35px;
	line-height: 35px;
	padding: 0;
	margin: 0 0 13px 0;
	float: none;
	text-transform: none;
	text-align: center;
	font-weight: normal
}

.header .nav ul li .menulist ul li a {
	color: #333;
	background: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 5px;
	font-size: 16px
}

.header .nav ul li .menulist ul li:hover a {
	color: #ff424e
}

.header .nav ul .active a .bot {
	width: 100%;
	left: 0
}

.header .header-search {
	background: url(../images/line01.png) no-repeat center left;
	float: right;
	margin-left: 10px
}

.header .header-search .pull-right {
	height: 93px;
	line-height: 93px
}

.header .header-search .pull-right a {
	display: block;
	height: 93px;
	line-height: 93px;
	width: 68px;
	text-align: center
}

.header .header-search .pull-right a img {
	vertical-align: middle
}

.search {
	z-index: 9;
	position: relative
}

.search .btn-search-max {
	z-index: 2;
	-webkit-transition: All .2s ease-in-out;
	transition: All .2s ease-in-out;
	position: relative
}

.search .btn-search-max * {
	display: inline-block;
	vertical-align: middle
}

.search .search-main {
	top: 0;
	right: 0;
	z-index: 9;
	width: 340px;
	display: none;
	padding: 0 30px 10px 10px;
	position: absolute;
	background-color: #eee
}

.search-container {
	background-color: #fff;
	padding-left: 0;
	overflow: hidden;
	margin-top: 10px;
	position: relative
}

.search-container .form-control {
	text-align: left;
	border: 0;
	box-shadow: 0;
	border-radius: 0;
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-mz-border-radius: 0;
	font-size: 14px;
	color: #999;
	line-height: 20px;
	vertical-align: top;
	padding: 10px 86px 10px 10px;
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid #fff
}

.search-container .form-control:focus {
	border: 1px solid #ff424e
}

.search-container .btn {
	top: 0;
	border: 0;
	right: 0;
	color: #043b83;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	position: absolute;
	cursor: pointer;
	border-radius: 0;
	background: url(../images/pro-icon-2.png) no-repeat center center #ff424e
}

.search-container .btn:hover {
	background: url(../images/pro-icon-2.png) no-repeat center center #ff9600
}

#search-closed {
	right: 0;
	top: 15px;
	max-width: 30px;
	position: absolute;
	cursor: pointer
}

.home-banner {
	overflow: hidden;
	width: 100%;
	height: 752px
}

.home-banner .home-banner-slick {
	height: 752px;
	overflow: hidden;
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px
}

.home-banner .slick-dots {
	z-index: 100;
	bottom: 40px;
	line-height: 0
}

.home-banner .slick-dots li {
	margin: 0 2px;
	padding: 0;
	width: 17px;
	height: 17px
}

.home-banner .slick-dots li button {
	width: 17px;
	height: 17px;
	display: block;
	background: url(../images/banner00.png) no-repeat center center;
	padding: 0
}

.home-banner .slick-dots li button:before {
	content: ""
}

.home-banner .slick-dots .slick-active button {
	background: url(../images/banner01.png) no-repeat center center
}

.home-banner .slick-dots .slick-active button:before {
	color: transparent
}

.inbanner {
	overflow: hidden;
	width: 100%;
	height: 459px;
	position: relative;
	z-index: 1
}

.inbanner .inbanner-slick {
	height: 459px;
	overflow: hidden;
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px
}

.inbanner .inbanner-title {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	padding-top: 86px
}

.inbanner .inbanner-title h3 {
	font-size: 46px;
	color: #fff;
	line-height: 65px
}

.inbanner .inbanner-title span {
	display: block;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	background: url("../images/line.png") no-repeat center center;
	margin-bottom: 5px
}

.inbanner .inbanner-title p {
	font-size: 24px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 36px
}

.inbanner .inbanner-title ul {
	padding-left: 155px;
	overflow: hidden
}

.inbanner .inbanner-title ul li {
	width: 120px;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	float: left;
	margin-right: 150px
}

.page {
	text-align: center;
	overflow: hidden
}

.page a {
	display: inline-block;
	line-height: 27px;
	padding: 0 10px;
	color: #666;
	height: 27px;
	margin: 0 3px;
	font-size: 12px;
	border: 1px solid #cbcbcb;
	font-family: arial
}

.page a:hover {
	background: #e7182c;
	color: #fff;
	border: 1px solid #fff
}

.page .num1 {
	padding: 0;
	width: 46px;
	vertical-align: middle;
	font-family: "microsoft yahei"
}

.page .num1:hover {
	background: #e7182c;
	border: 1px solid #fff
}

.page .num2 {
	padding: 0;
	width: 59px;
	font-family: "microsoft yahei";
	vertical-align: middle
}

.page .num2:hover {
	background: #e7182c;
	border: 1px solid #fff
}

.page .num3 {
	padding: 0;
	width: 59px;
	font-family: "microsoft yahei";
	vertical-align: middle
}

.page .num3:hover {
	background: #e7182c;
	border: 1px solid #fff
}

.page .num4 {
	padding: 0;
	width: 46px;
	font-family: "microsoft yahei";
	vertical-align: middle
}

.page .num4:hover {
	background: #e7182c;
	border: 1px solid #fff
}

.page .cpb {
	background: #e7182c;
	color: #fff;
	border: 1px solid #fff
}

.message {
	overflow: hidden;
	margin-bottom: 40px
}

.message ul {
	overflow: hidden
}

.message ul li {
	margin-bottom: 11px;
	position: relative;
	float: left;
	width: 414px;
	margin-right: 29px;
	overflow: hidden
}

.message ul li input {
	outline: 0;
	border: 1px solid #d3d3d3;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 14px;
	color: #333;
	transition: .5s;
	position: relative;
	border-radius: 3px
}

.message ul li textarea {
	outline: 0;
	border: 1px solid #d3d3d3;
	width: 100%;
	height: 133px;
	line-height: 24px;
	padding-left: 10px;
	padding-top: 10px;
	font-size: 14px;
	color: #333;
	position: relative;
	transition: .5s;
	border-radius: 3px
}

.message ul .odd {
	margin-right: 0
}

.message ul .text {
	margin-right: 0;
	width: 858px;
	float: none;
	height: 133px
}

.message input:focus,.message textarea:focus {
	transition: border linear .2s,box-shadow linear .5s;
	-moz-transition: border linear .2s,-moz-box-shadow linear .5s;
	-webkit-transition: border linear .2s,-webkit-box-shadow linear .5s;
	outline: 0;
	border: 1px solid #073190;
	background: #fff
}

.message ul li.yanzhen {
	float: left;
	width: 545px;
	position: relative;
	overflow: hidden
}

.message ul li.yanzhen input {
	width: 415px;
	float: left
}

.message ul li.yanzhen a {
	height: 40px;
	line-height: 40px;
	float: left
}

.message .message-submit {
	text-align: center;
	float: right;
	width: 262px;
	margin-right: 0
}

.message .message-submit input {
	width: 120px;
	border: 0;
	padding: 0;
	float: left;
	margin-left: 11px;
	font-size: 16px;
	color: #fff;
	background: #073190;
	transition: .5s;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px
}

.message .message-submit input:hover {
	background: #f08200
}

#m:after {
	content: "*";
	font-size: 15px;
	color: red;
	float: right;
	position: absolute;
	right: 5px;
	top: 0
}

.home-product {
	padding-top: 126px;
	overflow: hidden;
	height: 743px;
	margin-bottom: 1px;
	background: url(../images/productbg.jpg) no-repeat bottom center;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.home-product .h-title {
	font-family: 'Microsoft JhengHei';
	padding-left: 38px;
	width: 675px;
	margin-bottom: 37px;
	overflow: hidden
}

.home-product .h-title h3 {
	font-size: 60px;
	color: #000;
	line-height: 60px
}

.home-product .h-title span {
	color: #535353;
	font-size: 20px;
	line-height: 34px;
	display: block;
	padding-left: 3px;
	margin-bottom: 9px
}

.home-product .h-title p {
	color: #535353;
	font-size: 17px;
	padding-left: 3px;
	line-height: 28px;
	height: 56px;
	overflow: hidden
}

.home-product ul {
	padding-left: 44px;
	overflow: hidden;
	margin-bottom: 70px
}

.home-product ul li {
	float: left;
	margin-right: 110px
}

.home-product ul li .pic {
	width: 64px;
	height: 66px;
	border-bottom: 3px solid #333;
	transition: .6s
}

.home-product ul li h3 {
	color: #000;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 64px;
	margin-top: 13px
}

.home-product ul li:hover .pic {
	border-bottom: 3px solid #ff424e;
	-webkit-transform: rotateY(-360deg);
	transform: rotateY(-360deg)
}

.home-product ul li:hover h3 {
	color: #ff424e
}

.home-product .more {
	width: 205px;
	height: 41px;
	line-height: 41px;
	margin-left: 43px
}

.home-product .more a {
	color: #fff;
	font-size: 17px;
	display: block;
	background: #e60012 url('../images/more1.png') no-repeat 146px center;
	padding-left: 38px;
	transition: .5s
}

.home-product .more a:hover {
	background: #ff424e url('../images/more1.png') no-repeat 156px center
}

.home-product.action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

.home-product1.action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

.home-product1 {
	height: 749px;
	overflow: hidden;
	position: relative;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.home-product1 .pic {
	width: 966px;
	height: 749px;
	margin-right: -6px;
	right: 50%;
	position: absolute
}

.home-product1 .pic img {
	transition: .5s
}

.home-product1 .product1-info {
	width: 624px;
	float: right;
	height: 749px;
	position: relative;
	padding-left: 76px
}

.home-product1 .product1-info a {
	display: block;
	font-family: 'Microsoft JhengHei';
	padding-top: 173px
}

.home-product1 .product1-info h3 {
	font-size: 60px;
	color: #fff;
	line-height: 60px;
    height: 60px;
    overflow:hidden;
}

.home-product1 .product1-info span {
	color: #fff;
	font-size: 20px;
	line-height: 34px;
	display: block;
	padding-left: 3px;
	margin-bottom: 16px
}

.home-product1 .product1-info p {
	color: #fff;
	font-size: 18px;
	padding-left: 3px;
	line-height: 34px;
	height: 102px;
	overflow: hidden;
	margin-bottom: 80px
}

.home-product1 .product1-info b {
	color: #d51518;
	font-size: 17px;
	display: block;
	background: #fff url('../images/more2.png') no-repeat 146px center;
	padding-left: 38px;
	width: 205px;
	height: 41px;
	line-height: 41px;
	font-weight: normal;
	transition: .5s
}

.p1 {
	background: #e7182c
}

.p1:hover .pic img {
	transform: scale(1.03)
}

.p1:hover .product1-info a b {
	background: #fff url('../images/more2.png') no-repeat 156px center
}

.p2 {
	background: #fac03a
}

.p2 .pic {
	right: auto;
	left: 50%;
	width: 954px;
	margin-right: 0;
	margin-left: 6px
}

.p2 .product1-info {
	float: left;
	padding-left: 40px;
	width: 595px
}

.p2 .product1-info b {
	color: #f8ab00;
	background: #fff url('../images/more3.png') no-repeat 146px center
}

.p2:hover .pic img {
	transform: scale(1.03)
}

.p2:hover .product1-info a b {
	background: #fff url('../images/more3.png') no-repeat 156px center
}

.p3 {
	background: #1eaffe
}

.p3 .product1-info b {
	color: #00aeea;
	background: #fff url('../images/more4.png') no-repeat 146px center
}

.p3:hover .pic img {
	transform: scale(1.03)
}

.p3:hover .product1-info a b {
	background: #fff url('../images/more4.png') no-repeat 156px center
}

.p4 {
	background: url(../images/p4.jpg) no-repeat center center;
	height: 417px
}

.p4 .product1-info {
	width: 100%;
	float: none;
	height: 417px;
	text-align: center;
	padding-left: 0
}

.p4 .product1-info a {
	padding-top: 62px
}

.p4 .product1-info span {
	padding-left: 0;
	margin-bottom: 6px
}

.p4 .product1-info p {
	padding-left: 0;
	line-height: 34px;
	height: 68px;
	width: 600px;
	margin: 0 auto 48px auto
}

.p4 .product1-info b {
	color: #7ac85a;
	text-align: left;
	margin: 0 auto;
	background: #fff url('../images/more5.png') no-repeat 146px center
}

.p4:hover .pic img {
	transform: scale(1.03)
}

.p4:hover .product1-info a b {
	background: #fff url('../images/more5.png') no-repeat 156px center
}

.home-news {
	padding: 61px 0 50px 0;
	overflow: hidden;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.home-news .h-title {
	font-family: 'Microsoft JhengHei';
	text-align: center;
	margin-bottom: 48px;
	overflow: hidden
}

.home-news .h-title h3 {
	font-size: 60px;
	color: #000;
	line-height: 60px
}

.home-news .h-title span {
	color: #000;
	font-size: 20px;
	line-height: 34px;
	display: block;
	padding-left: 3px;
	margin-bottom: 9px
}

.home-news .news-bottom {
	overflow: hidden
}

.home-news .news-bottom .pic {
	width: 388px;
	height: 375px;
	float: left;
	margin-right: 39px
}

.home-news .news-bottom ul {
	float: left;
	width: 830px
}

.home-news .news-bottom ul li {
	padding: 11px 29px 21px 29px;
	overflow: hidden;
	margin-bottom: 31px;
	background: #fafafa
}

.home-news .news-bottom ul li:hover {
	background: #fec41b
}

.home-news .news-bottom ul li:hover h3 {
	color: #fff;
	padding-left: 10px
}

.home-news .news-bottom ul li:hover span {
	color: #fff;
	background: url("../images/line02h.png") no-repeat center left
}

.home-news .news-bottom ul li:hover P {
	color: #fff
}

.home-news .news-bottom ul li span {
	background: url("../images/line02.png") no-repeat center left;
	display: block;
	padding-left: 22px;
	line-height: 32px;
	font-family: "ITCAvantGardePro-Bk",arial;
	margin-bottom: 9px
}

.home-news .news-bottom ul li h3 {
	color: #000;
	font-size: 18px;
	margin-bottom: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	transition: padding-left .5s
}

.home-news .news-bottom ul li p {
	line-height: 26px;
    height: 52px;
    overflow:hidden;
	color: #737373;
	font-size: 12px
}

.home-news.action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

#footer {
	clear: both;
	border-top: 1px solid #f5f5f5;
	overflow: hidden
}

.footer-top {
	padding-top: 42px;
	overflow: hidden;
	padding-bottom: 62px;
	background: #fff
}

.footer-top .footer-left {
	float: left
}

.footer-top .footer-left ul {
	padding-left: 37px
}

.footer-top .footer-left ul li {
	float: left;
	min-height: 275px;
	border-right: 1px solid #ededed;
	padding-right: 50px;
	margin-right: 60px
}

.footer-top .footer-left ul li a {
	color: #1eaffe;
	font-size: 18px;
	display: block;
	line-height: 36px;
	margin-bottom: 7px;
	max-width: 73px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.footer-top .footer-left ul li ul {
	padding-left: 0
}

.footer-top .footer-left ul li ul li {
	float: none;
	min-height: inherit;
	border-right: 0;
	padding-right: 0;
	margin-right: 0
}

.footer-top .footer-left ul li ul li a {
	color: #999;
	font-size: 14px;
	margin-bottom: 0
}

.footer-top .footer-left ul li ul li a:hover {
	color: #1eaffe
}

.footer-top .footer-right {
	float: left;
	overflow: hidden;
	width: 270px
}

.footer-top .footer-right h3 {
	color: #1eaffe;
	font-size: 18px;
	display: block;
	line-height: 36px;
	margin-bottom: 4px
}

.footer-top .footer-right p {
	line-height: 36px;
	color: #999;
	font-size: 14px
}

.footer-top .footer-right .ewm {
	width: 100px;
	margin-top: 25px;
	overflow: hidden
}

.footer-bottom {
	min-height: 67px;
	line-height: 67px;
	background: #1eaffe;
	color: #fff;
    overflow:hidden;
}

    .footer-bottom span.fr {
        max-width:500px;
        display:block;
    }

.footer-bottom a {
	float: right;
	color: #fff;
	text-decoration: underline;
    margin-left:5px;
    height: 67px;
	line-height: 67px;
    overflow:hidden;
}

.current {
	height: 60px;
	line-height: 59px;
	border-bottom: 1px solid #e4e4e4
}

.current span {
	float: right;
	font-size: 12px;
	color: #999
}

.current span a {
	color: #999
}

.current span b {
	font-weight: normal;
	color: #666
}

.content {
	clear: both;
	min-height: 600px
}

.inmain-left {
	float: left;
	width: 235px;
	padding-top: 19px
}

.inmain-left h3 {
	color: #e7182c;
	font-size: 28px;
	line-height: 48px;
	background: url("../images/line03.png") no-repeat bottom left;
	padding-bottom: 3px
}

.inmain-left ul {
	padding-top: 15px;
	overflow: hidden
}

.inmain-left ul li {
	margin-bottom: 21px;
	overflow: hidden
}

.inmain-left ul li a {
	color: #333;
	font-size: 16px;
	height: 28px;
	line-height: 28px;
    overflow:hidden;
    padding-right:35px;
	display: block;
	padding-left: 10px
}

.inmain-left ul li a:hover {
	color: #fff;
	background: url("../images/leftbg.png") no-repeat center left
}

.inmain-left ul .active a {
	color: #fff;
	background: url("../images/leftbg.png") no-repeat center left
}

.inmain-right {
	border-left: 1px solid #e4e4e4;
	width: 1025px;
	min-height: 600px;
	float: left;
	padding: 36px 0 58px 30px;
	overflow: hidden
}

.product-list {
	margin: 0 -6px 57px -6px;
	overflow: hidden
}

.product-list li {
	float: left;
	width: 490px;
	background: #f5f5f5;
	margin: 0 6px 21px 6px;
	overflow: hidden;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.product-list li .pic {
	width: 490px;
	height: 400px
}

.product-list li .pic img {
	transition: .5s
}

.product-list li h3 {
	height: 60px;
	line-height: 60px;
	font-size: 22px;
	color: #333;
	text-align: center;
	border-top: 1px solid #dbdbdb;
	margin: 0 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.product-list li:hover .pic img {
	transform: scale(1.04)
}

.product-list .action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

.equip-list {
	margin-top: 11px;
	overflow: hidden;
	margin-bottom: 44px
}

.equip-list li {
	overflow: hidden;
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 5px;
	margin-bottom: 32px;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.equip-list li .pic {
	width: 475px;
	height: 384px;
	float: left
}

.equip-list li .equipment-info {
	float: right;
	width: 518px;
	padding: 52px;
	overflow: hidden;
	height: 384px;
	transition: .5s
}

.equip-list li .equipment-info i {
	display: block;
	margin-top: 24px;
	width: 37px;
	height: 4px;
	background: #1eaffe
}

.equip-list li .equipment-info h3 {
	font-size: 24px;
	color: #333;
	font-weight: 500;
	line-height: 52px;
	font-family: arial,"microsoft yahei";
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 22px;
	margin-bottom: 13px
}

.equip-list li .equipment-info p {
	line-height: 28px;
	color: #666;
	font-size: 16px;
	height: 168px;
	overflow: hidden
}

.equip-list li:hover .equipment-info {
	background: #7ac85a
}

.equip-list li:hover .equipment-info i {
	background: #fff
}

.equip-list li:hover .equipment-info h3 {
	color: #fff
}

.equip-list li:hover .equipment-info p {
	color: #fff
}

.equip-list .action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

.equip-list .odd .equipment-info {
	float: left
}

.second-nav {
	position: relative;
	text-align: center;
	margin: -75px auto 43px auto;
	z-index: 6
}

.second-nav ul li {
	display: inline-block;
	margin: 0 28px;
	overflow: hidden
}

.second-nav ul li .pic {
	width: 130px;
	height: 130px
}

.second-nav ul li .pic img {
	z-index: 5
}

.second-nav ul li .pic .sh {
	display: none
}

.second-nav ul li .pic .y1,.second-nav ul li .pic .y2 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all .5s ease 0s;
	-webkit-transform: all .5s ease 0s;
	z-index: 1
}

.second-nav ul li .pic .y1 {
	background: url(../images/sbg.png) no-repeat center center
}

.second-nav ul li .pic .y2 {
	background: url(../images/sbgh.png) no-repeat center center;
	opacity: 0;
	transform: scale(0.7);
	-webkit-transform: scale(0.7);
	visibility: hidden
}

.second-nav ul li h3 {
	font-size: 16px;
	color: #333;
	text-align: center;
	line-height: 36px;
    height: 36px;
    overflow:hidden;
    max-width:130px;
}

.second-nav ul li:hover .pic .s {
	display: none
}

.second-nav ul li:hover .pic .sh {
	display: block
}

.second-nav ul li:hover .pic .y1 {
	opacity: 0;
	transform: scale(1.2);
	-webkit-transform: scale(1.2)
}

.second-nav ul li:hover .pic .y2 {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	visibility: visible
}

.second-nav ul .active .pic .s {
	display: none
}

.second-nav ul .active .pic .sh {
	display: block
}

.second-nav ul .active .pic .y2 {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	visibility: visible
}

.inmain-top {
	text-align: center
}

.inmain-top .cn {
	font-size: 34px;
	color: #666
}

.inmain-top .en {
	color: #c3c3c3;
	font-size: 36px;
	font-family: "ITCAvantGardePro-Bk";
	margin-bottom: 39px
}

.inmain-top i {
	width: 162px;
	height: 1px;
	background: #ccc;
	display: block;
	margin: 0 auto
}

.inmain-top .info {
	line-height: 28px;
	font-size: 16px;
	color: #666;
	padding: 0 200px;
	margin-bottom: 15px
}

.honor {
	padding: 48px 0 100px 0;
	margin-bottom: 1px;
	background: #f9f9f9
}

.pro-min {
	margin-top: 65px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	height: 393px;
	padding: 0 41px 0 70px;
	position: relative
}

.pro-min .getIndex {
	display: inline-block;
	*float: none;
	*display: inline;
	zoom: 1;
	text-align: center
}

.pro-min .getIndex .item {
	background: url("../images/h1bg.png") no-repeat bottom center;
	width: 257px;
	height: 332px;
	padding: 10px 11px;
	overflow: hidden;
	position: relative
}

.pro-min .getIndex .item i {
	display: block;
	width: 226px;
	height: 302px;
	position: relative
}

.pro-min .getIndex .item i .bg {
	background: url(../images/black2.png) repeat;
	background: none rgba(0,0,0,0.4);
	bottom: 0;
	left: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: 400ms;
	-webkit-transition: 400ms
}

.pro-min .getIndex .item i .il,.pro-min .getIndex .item i .ir {
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	transition: 400ms;
	-webkit-transition: 400ms;
	border-radius: 3px
}

.pro-min .getIndex .item i .il {
	height: 3px;
	width: 0;
	margin: -1px 0 0 -15px
}

.pro-min .getIndex .item i .ir {
	height: 0;
	width: 3px;
	margin: -15px 0 0 -1px
}

.pro-min .getIndex h3 {
	text-transform: uppercase;
	line-height: 61px;
	height: 61px;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	text-align: center;
	border-bottom: 2px solid #eaeaea;
	width: 257px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.pro-min .getIndex:hover .item {
	background: url("../images/h1bgh.png") no-repeat bottom center
}

.pro-min .getIndex:hover .item i .bg {
	opacity: 1;
	visibility: visible
}

.pro-min .getIndex:hover .item i .il {
	width: 30px
}

.pro-min .getIndex:hover .item i .ir {
	height: 30px;
	transition: 400ms ease 200ms;
	-webkit-transition: 400ms ease 200ms
}

.pro-min .getIndex:hover h3 {
	color: #e7182c;
	border-bottom: 2px solid #e7182c
}

.pro-min .slick-prev {
	background: url(../images/lefth.png) no-repeat center center!important;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 135px;
	cursor: pointer;
	z-index: 2;
	left: 0
}

.pro-min .slick-prev:hover {
	background: url(../images/left.png) no-repeat center center!important
}

.pro-min .slick-next {
	background: url(../images/right.png) no-repeat center center!important;
	width: 41px;
	height: 41px;
	position: absolute;
	top: 135px;
	cursor: pointer;
	z-index: 2;
	right: 0
}

.pro-min .slick-next:hover {
	background: url(../images/righth.png) no-repeat center center!important
}

.pro-min .slick-prev:before,.pro-min .slick-next:before {
	content: ""
}

.s-nav {
	margin-top: 50px;
	overflow: hidden;
	padding-bottom: 53px
}

.s-nav ul {
	text-align: center;
	margin: 0 auto
}

.s-nav ul li {
	width: 271px;
	display: inline-block
}

.s-nav ul li h3 {
	height: 70px;
	line-height: 70px;
	font-size: 30px;
	color: #fff
}

.s-nav ul li i {
	width: 271px;
	height: 16px;
	display: block
}

.s-nav ul .nav1 h3 {
	background: #13bbe8
}

.s-nav ul .nav1:hover i {
	background: url("../images/dot1.png") no-repeat center center
}

.s-nav ul .nav2 h3 {
	background: #fac03a
}

.s-nav ul .nav2:hover i {
	background: url("../images/dot2.png") no-repeat center center
}

.s-nav ul .nav3 h3 {
	background: #7ac85a
}

.s-nav ul .nav3:hover i {
	background: url("../images/dot3.png") no-repeat center center
}

.s-nav ul .nav1.active i {
	background: url("../images/dot1.png") no-repeat center center
}

.s-nav ul .nav2.active i {
	background: url("../images/dot2.png") no-repeat center center
}

.s-nav ul .nav3.active i {
	background: url("../images/dot3.png") no-repeat center center
}

.buzou {
	color: #fff;
	background: url("../images/buzou.png") no-repeat center center;
	height: 119px;
	text-align: center;
	font-size: 24px;
	line-height: 105px;
	margin-bottom: 64px;
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	transition: .9s
}

.buzou.action {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotateY(-360deg);
	transform: rotateY(-360deg)
}

.xuanzhe {
	font-size: 32px;
	font-weight: bold;
	color: #000;
	text-align: center;
	line-height: 36px;
	display: block
}

.online1 {
	padding-top: 72px;
	overflow: hidden;
	padding-bottom: 57px;
	background: #f3f3f3
}

.online-bottom .online-fenlei {
	display: block;
	margin-top: 57px;
	text-align: center;
	margin-bottom: 40px
}

.online-bottom .online-fenlei li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	line-height: 52px;
	border: 6px solid #ddd;
	font-size: 20px;
	font-weight: 500;
	padding: 0 33px
}

.online-bottom .online-fenlei li a {
	color: #333;
	display: block
}

.online-bottom .online-fenlei li:hover {
	border: 6px solid #c8000b;
	background: #f3f3f3 url(../images/gou.png) no-repeat right bottom
}

.online-bottom .online-fenlei .sel {
	border: 6px solid #c8000b;
	background: #f3f3f3 url(../images/gou.png) no-repeat right bottom
}

.online-bottom .online-show {
	padding-left: 70px;
	overflow: hidden
}

.online-bottom .online-show .online-info {
	display: none;
	overflow: hidden
}

.online-bottom .online-show .online-info .online-left {
	float: left;
	width: 499px;
	height: 405px;
	padding: 23px 0 0 24px;
	background: url("../images/diannao.png") no-repeat top center
}

.online-bottom .online-show .online-info .online-left .pic {
	width: 450px;
	height: 281px
}

.online-bottom .online-show .online-info .online-message {
	float: left;
	width: 650px;
	padding-left: 62px;
	padding-top: 41px
}

.online-bottom .online-show .online-info .online-message h3 {
	color: #c8000b;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 21px
}

.online-bottom .online-show .online-info .online-message .online-p {
	font-size: 16px;
	color: #666;
	line-height: 28px
}

.online2 {
	padding-top: 72px;
	overflow: hidden;
	padding-bottom: 34px;
	background: #fff
}

.online-bottom1 .online-fenlei1 {
	display: block;
	margin-top: 57px;
	text-align: center;
	margin-bottom: 36px
}

.online-bottom1 .online-fenlei1 li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	line-height: 52px;
	border: 6px solid #ddd;
	font-size: 20px;
	font-weight: 500;
	padding: 0 33px
}

.online-bottom1 .online-fenlei1 li a {
	color: #333;
	display: block
}

.online-bottom1 .online-fenlei1 li:hover {
	border: 6px solid #c8000b;
	background: #f3f3f3 url(../images/gou.png) no-repeat right bottom
}

.online-bottom1 .online-fenlei1 .sel {
	border: 6px solid #c8000b;
	background: #f3f3f3 url(../images/gou.png) no-repeat right bottom
}

.online-bottom1 .online-show1 {
	padding-left: 70px;
	overflow: hidden
}

.online-bottom1 .online-show1 .online-info {
	display: none;
	overflow: hidden
}

.online-bottom1 .online-show1 .online-info .online-left {
	float: left;
	width: 499px;
	height: 405px;
	padding: 23px 0 0 24px;
	background: url("../images/diannao.png") no-repeat top center
}

.online-bottom1 .online-show1 .online-info .online-left .pic {
	width: 450px;
	height: 281px
}

.online-bottom1 .online-show1 .online-info .online-message {
	float: left;
	width: 690px;
	padding-left: 62px
}

.online-bottom1 .online-show1 .online-info .online-message li {
	overflow: hidden
}

.online-bottom1 .online-show1 .online-info .online-message h3 {
	color: #333;
	font-size: 16px;
	font-weight: 500;
	line-height: 39px;
	float: left;
	width: 115px;
	text-align: right;
	margin-right: 18px
}

.online-bottom1 .online-show1 .online-info .online-message p {
	float: left;
	width: 465px;
	line-height: 39px;
	color: #666;
	font-size: 16px
}

.online-bottom1 .online-show1 .online-info .online-message b {
	font-weight: normal;
	color: #e81717
}

.online3 {
	padding-top: 72px;
	overflow: hidden;
	padding-bottom: 124px;
	background: #f3f3f3
}

.online-bottom2 .online-fenlei2 {
	display: block;
	margin-top: 57px;
	text-align: center;
	margin-bottom: 36px
}

.online-bottom2 .online-fenlei2 li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	line-height: 52px;
	border: 6px solid #ddd;
	font-size: 20px;
	font-weight: 500;
	padding: 0 33px
}

.online-bottom2 .online-fenlei2 li a {
	color: #333;
	display: block
}

.online-bottom2 .online-fenlei2 li:hover {
	border: 6px solid #c8000b;
	background: #f3f3f3 url(../images/gou.png) no-repeat right bottom
}

.online-bottom2 .online-fenlei2 .sel {
	border: 6px solid #c8000b;
	background: #f3f3f3 url(../images/gou.png) no-repeat right bottom
}

.online-bottom2 .online-show2 {
	padding-left: 70px;
	overflow: hidden
}

.online-bottom2 .online-show2 .online-info {
	display: none;
	overflow: hidden
}

.online-bottom2 .online-show2 .online-info .online-left {
	float: left;
	width: 499px;
	height: 405px;
	padding: 23px 0 0 24px;
	background: url("../images/diannao.png") no-repeat top center
}

.online-bottom2 .online-show2 .online-info .online-left .pic {
	width: 450px;
	height: 281px
}

.online-bottom2 .online-show2 .online-info .online-message {
	float: left;
	width: 690px;
	padding-left: 62px;
	padding-top: 11px
}

.online-bottom2 .online-show2 .online-info .online-message ul {
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd
}

.online-bottom2 .online-show2 .online-info .online-message ul li {
	overflow: hidden;
	margin-bottom: 17px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .width {
	margin-right: 57px;
	overflow: hidden;
	float: left;
    position:relative;
}

.online-bottom2 .online-show2 .online-info .online-message ul li .height {
    position:relative;
	overflow: hidden;
	float: left
}


.online-bottom2 .online-show2 .online-info .online-message ul li .width font,.online-bottom2 .online-show2 .online-info .online-message ul li .height font {
    position:absolute;
    right:35px;
    top:0;
    font-size:12px;
    color:#f00;
    display:none;
}

.online-bottom2 .online-show2 .online-info .online-message ul li .label {
	width: 86px;
	font-size: 16px;
	color: #111;
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	margin-right: 2px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .input1 {
	width: 136px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #c2c2c2;
	background: #fff;
	padding: 0 5px;
	float: left;
	margin-right: 8px
}

.online-bottom2 .online-show2 .online-info .online-message ul li select {
	width: 136px;
	height: 42px;
	line-height: 42px;
	background: #fff url("../images/arr.png") no-repeat 115px center;
	padding: 0 10px
}

.online-bottom2 .online-show2 .online-info .online-message ul li b {
	font-weight: normal;
	font-size: 12px;
	color: #666;
	float: left;
	height: 42px;
	line-height: 42px;
	display: block
}

.online-bottom2 .online-show2 .online-info .online-message ul li .bianjiao {
	float: left;
	overflow: hidden;
	margin-right: 40px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .sex {
	width: 86px;
	height: 46px;
	float: left;
	margin-right: 4px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .sex2 {
	width: 86px;
	height: 46px;
	float: left;
	margin-right: 4px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .sex3 {
	width: 86px;
	height: 46px;
	float: left;
	margin-right: 4px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .sex4 {
	width: 86px;
	height: 46px;
	float: left;
	margin-right: 4px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .user-sex {
	float: left;
	width: 180px;
	position: relative
}

.online-bottom2 .online-show2 .online-info .online-message ul li #check1 {
	display: inline-block;
	float: left;
	border: 1px solid #c8000b;
	width: 30px;
	height: 30px;
	text-align: center;
	margin-right: 10px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .pailie {
	height: 42px;
	line-height: 42px;
	font-size: 12px;
	color: #666
}

.online-bottom2 .online-show2 .online-info .online-message ul li .user-sex1 {
	float: left;
	width: 180px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .user-sex2 {
	float: left;
	width: 360px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .user-sex3 {
	float: left;
	width: 360px
}

.online-bottom2 .online-show2 .online-info .online-message ul li .checkbox1 {
	float: left;
	width: 180px
}

.online-bottom2 .online-show2 .online-info .online-message .radio-p {
	padding-top: 24px;
	padding-bottom: 17px;
	border-bottom: 1px solid #ddd;
	overflow: hidden
}

.online-bottom2 .online-show2 .online-info .online-message .radio-p h3 {
	font-size: 16px;
	color: #666
}

.online-bottom2 .online-show2 .online-info .online-message .radio-p p {
	font-size: 14px;
	color: #666;
	line-height: 29px
}

.online4 {
	padding-top: 72px;
	overflow: hidden;
	padding-bottom: 14px;
	background: #fff
}

.online-bottom3 .sub-message {
	padding: 0 71px;
	overflow: hidden;
	margin-top: 44px
}

.online-bottom3 .sub-message ul {
	overflow: hidden;
	padding: 26px 0 20px 51px;
	background: #edf6e5
}

.online-bottom3 .sub-message ul li {
	float: left;
	margin-right: 27px;
	overflow: hidden;
    position:relative;
}

.online-bottom3 .sub-message ul li font {
    position:absolute;
    right:0;
    top:0;
    font-size:12px;
    color:#f00;
    display:none;
}

.online-bottom3 .sub-message ul li span {
	font-size: 16px;
	color: #111;
	font-weight: bold;
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	margin-right: 3px
}

.online-bottom3 .sub-message ul li input {
	float: left;
	height: 42px;
	line-height: 42px;
	border: 1px solid #68b131;
	padding: 0 5px;
	width: 186px;
	background: #fff
}

.online-bottom3 .sub-message ul li .input-num {
	width: 296px
}

.online-bottom3 .sub-message ul li .input-email {
	width: 297px
}

.online-bottom3 .online-show3 {
	padding-left: 70px;
	overflow: hidden
}

.online-bottom3 .online-show3 .online-info {
	overflow: hidden;
	margin-top: 46px
}

.online-bottom3 .online-show3 .online-info .online-left {
	float: left;
	width: 499px;
	height: 405px;
	padding: 23px 0 0 24px;
	background: url("../images/diannao.png") no-repeat top center
}

.online-bottom3 .online-show3 .online-info .online-left table {
	width: 450px;
	background-color: #FFF
}

.online-bottom3 .online-show3 .online-info .online-left table td {
	background-color: #f4f4f4;
	border: 2px solid #fff;
	line-height: 36px;
	text-align: left;
	padding: 4px 0 4px 10px;
	font-size: 14px;
	color: #09f
}

.online-bottom3 .online-show3 .online-info .online-left table td.name {
	background-color: #ededed;
	color: #333;
	font-weight: bold
}

.online-bottom3 .online-show3 .online-info .online-message {
	float: left;
	width: 690px;
	padding-left: 27px
}

.online-bottom3 .online-show3 .online-info .online-message ul li {
	overflow: hidden;
	margin-bottom: 18px
}

.online-bottom3 .online-show3 .online-info .online-message ul li span {
	width: 121px;
	font-size: 16px;
	color: #111;
	font-weight: bold;
	text-align: right;
	display: block;
	float: left;
	height: 42px;
	line-height: 42px;
	margin-right: 2px
}

.online-bottom3 .online-show3 .online-info .online-message ul li .input-number {
	width: 136px;
	height: 43px;
	line-height: 43px;
	border: 1px solid #c2c2c2;
	background: #fff;
	padding: 0 5px;
	float: left;
	margin-right: 8px
}

.online-bottom3 .online-show3 .online-info .online-message ul li b {
	font-weight: normal;
	font-size: 12px;
	color: #666;
	float: left;
	height: 43px;
	line-height: 43px;
	display: block
}

.online-bottom3 .online-show3 .online-info .online-message ul li textarea {
	padding: 5px;
	line-height: 24px;
	width: 446px;
	height: 104px;
	float: left
}

.online-bottom3 .online-show3 .online-info .online-message ul li select {
	width: 326px;
	height: 42px;
	line-height: 42px;
	background: url("../images/arrow.png") no-repeat 300px center;
	padding: 0 10px
}

.online-bottom3 .online-show3 .online-info .online-message ul li .jiaohuo {
	font-size: 16px;
	color: #c8000b;
	font-weight: bold;
	float: left;
	height: 43px;
	line-height: 43px
}

.online-bottom3 .online-show3 .online-info .online-message ul li .input-jisuan {
	width: 136px;
	height: 42px;
	line-height: 42px;
	background: #ff7b0f;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 3px;
	border: 0;
	font-weight: bold
}

.online-bottom3 .online-show3 .online-info .online-message ul li h3 {
	font-size: 24px;
	color: #c8000b;
	font-weight: bold;
	height: 42px;
	line-height: 42px
}

.online-bottom3 .online-show3 .online-info .online-message ul li h3 i {
	font-size: 16px;
	font-style: normal
}

.tijiao {
	padding: 64px 0 79px 0;
	overflow: hidden;
	background: #f3f3f3;
	text-align: center
}

.tijiao .submit {
	width: 510px;
	height: 64px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	font-size: 24px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	line-height: 64px;
	border-radius: 2px;
	background-color: #2baaff
}

.tijiao .submit:hover {
	background-color: #09f
}

.tijiao .kefu {
	width: 510px;
	height: 64px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	font-size: 24px;
	font-weight: normal;
	color: #2baaff;
	text-align: center;
	line-height: 64px;
	border-radius: 2px;
	background-color: #fff
}

.tijiao .kefu:hover {
	background-color: #09f;
	color: #fff
}

.about {
	padding: 48px 0 0 0;
	background: #f9f9f9;
	margin-bottom: 38px
}

.about .transYT {
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.about .action.transYT {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

.about .youshi {
	padding: 40px 150px;
	overflow: hidden;
	color: #999
}

.about .youshi li {
	padding: 0 20px;
	width: 33.333333333333336%;
	text-align: center;
	float: left
}

.about .youshi .num {
	line-height: 1.5;
	color: #e7182c;
	font-size: 18px;
	font-family: agor
}

.about .youshi .counter {
	font-size: 60px
}

.about .youshi .span-01 {
	font-size: 24px;
	font-weight: 700
}

.about .jsh {
	margin-top: 30px;
	background: #fff;
	color: #666;
	font-size: 15px
}

.about .jsh li {
	width: 100%;
	clear: both;
	height: 465px;
	position: relative
}

.about .jsh li .pic {
	width: 50%;
	height: 100%;
	float: left;
	position: relative
}

.about .jsh li .pic img {
	max-width: initial;
	max-height: initial;
	position: absolute;
	z-index: 99;
	right: 0
}

.about .jsh li .text {
	width: 50%;
	max-width: 630px;
	float: left;
	color: #666;
	line-height: 30px;
	padding: 70px 40px 20px 40px;
	height: 100%;
	overflow: auto
}

.about .jsh li.even {
	height: 385px
}

.about .jsh li.even .pic {
	float: right
}

.about .jsh li.even .pic img {
	right: auto;
	left: 0
}

.about .jsh li.even .text {
	padding-left: 40px;
	padding-right: 40px;
	float: right
}

.about .a-01 {
	font-size: 24px;
	color: #000;
	font-weight: 700;
	display: inline-block;
	line-height: 60px;
	margin-right: 30px
}

.about .a-01 img {
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 10px
}

.about .a-01:hover {
	color: #e7182c
}

.about .a-02:hover {
	color: #1eaffe
}

@font-face {
	font-family:"agor";src:url("../font/agor.woff2") format("woff2"),url("../font/agor.woff") format("woff"),url("../font/agor.ttf") format("truetype"),url("../font/agor.eot") format("embedded-opentype"),url("../font/ITCAvantGardePro-Bk.svg") format("svg");font-weight:normal;font-style:normal
}

.history {
	padding: 90px 0 0 0;
	margin-bottom: 70px;
	background: #f9f9f9;
	color: #666
}

.history .container {
	position: relative;
	padding-bottom: 100px
}

.history .title {
	position: absolute;
	z-index: 999;
	display: block;
	width: 70px;
	background: #e7182c;
	color: #fff;
	left: 140px;
	padding: 8px 0 8px 9px;
	border-bottom: 4px #a80414 solid
}

.history .title .cn {
	font-size: 15px;
	line-height: 18px
}

.history .title .en {
	font-family: arial;
	font-size: 12px;
	line-height: 12px;
	display: block;
	margin-top: 3px
}

.history .list {
	max-width: 960px;
	margin: auto
}

.history li {
	position: relative;
	margin-top: -90px;
	min-height: 385px;
	overflow: hidden
}

.history li .text {
	width: 50%;
	padding-top: 110px;
	padding-bottom: 20px;
	float: left;
	padding-right: 45px;
	min-height: 308px;
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.history li .info{
    max-height:200px;
    margin-bottom:90px;
    overflow: auto;
} 

.history li .num {
	color: #e7182c;
	font-family: agor;
	font-size: 30px;
	font-weight: 700;
	position: relative
}

.history li .num:after {
	content: "";
	display: block;
	width: 120px;
	border-top: 1px #ccc solid;
	margin: 30px 0
}

.history li .pic {
	width: 50%;
	text-align: left;
	height: 100%;
	position: relative;
	transform: translateY(80px);
	-webkit-transform: translateY(80px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.history li.even .text {
	padding-left: 45px;
	padding-right: 0;
	float: right
}

.history li.even .pic {
	float: left;
	position: relative
}

.history .action .text {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

.history .action .pic {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

.history .learnMore a {
	display: block;
	width: 90px;
	height: 90px;
	background: #e7182c url(../images/icon/arrow-down.png) no-repeat center 45px;
	color: #fff;
	font-size: 16px;
	border-radius: 50%;
	padding-top: 25px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -45px;
	right: 0;
	margin: auto
}

.partner {
	padding: 48px 0 0 0;
	background: #f9f9f9
}

.partner .list {
	margin: 50px -20px 0 -20px;
	padding-bottom: 50px;
	overflow: hidden
}

.partner .list li {
	width: 12.5%;
	float: left;
	padding: 0 20px;
	margin-bottom: 40px
}

.partner .list .pic {
	display: block;
	width: 122px;
	height: 122px;
	position: relative;
	border-radius: 50%;
	border: 1px #d8d8d8 solid;
	overflow: hidden
}

.partner .list .pic img {
	transition: .5s
}

.partner .list .pic:hover {
	border: 1px #1eaffe solid
}

.partner .list .pic:hover img {
	transform: scale(1.03)
}

.news .list {
	overflow: hidden;
	margin-bottom: 40px
}

.news li {
	margin-bottom: 45px;
	overflow: hidden;
	transform: translateY(80px);
	-webkit-transform: translateY(80px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.news li .pic {
	width: 205px;
	height: 200px;
	float: left;
	display: block;
	overflow: hidden;
	position: relative;
	background: #f7f7f7
}

.news li .pic img {
	transition: all .5s
}

.news li .pic:hover img {
	transform: scale(1.05)
}

.news li .text {
	background: #f7f7f7;
	width: 789px;
	height: 172px;
	padding: 10px 10px 0 30px;
	margin-top: 14px;
	position: relative;
	float: left
}

.news li .more {
	position: absolute;
	right: 30px;
	top: 30px;
	z-index: 2;
	display: block;
	width: 35px;
	height: 35px;
	background: url(../images/icon/arrow-right.png) no-repeat 0 0;
	transition: all .5s
}

.news li .time {
	line-height: 30px;
	color: #000;
	font-size: 14px;
	position: relative
}

.news li .time:before {
	content: "/";
	margin-right: 10px;
	font-size: 18px
}

.news li .bt {
	display: inline-block;
	font-size: 18px;
	line-height: 36px;
	height: 36px;
	overflow: hidden;
	color: #000;
	margin: 10px 0;
	padding-right: 50px;
	transition: padding-left .5s
}

.news li .info {
	font-size: 12px;
	line-height: 26px;
	height: 52px;
	overflow: hidden;
	color: #737373
}

.news li:hover .bt {
	color: #fff;
	padding-left: 10px
}

.news li:hover .time {
	color: #fff
}

.news li:hover .text {
	color: #fff;
	background: #fec41b
}

.news li:hover .info {
	color: #fff
}

.news li:hover .more {
	background: url(../images/icon/arrow-right.png) no-repeat -45px 0
}

.news .action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

.news .time {
	font-size: 12px;
	color: #999
}

.news .time img {
	vertical-align: middle;
	margin-right: 10px
}

.show {
	padding-top: 50px
}

.show .title {
	text-align: center;
	font-size: 30px;
	color: #000;
	font-weight: 400
}

.show .info {
	text-align: center;
	font-size: 12px;
	color: #888;
	line-height: 22px;
	margin-top: 10px
}

.show .info .view {
	background: url(../images/icon/view-03.png) no-repeat 0 center;
	padding-left: 20px;
	margin-right: 10px
}

.show .info .time {
	background: url(../images/icon/time-02.png) no-repeat 0 center;
	padding-left: 20px;
	margin-right: 10px
}

.show .share a {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: #999;
	border-radius: 50%
}

.show .share .sina {
	background: #999 url(../images/icon/sina.png) no-repeat center center;
	margin-right: 5px
}

.show .share .wechat {
	background: #999 url(../images/icon/wechat.png) no-repeat center center;
	margin-right: 5px
}

.show .share .qq {
	background: #999 url(../images/icon/qq.png) no-repeat center center
}

.show .bdsharebuttonbox {
	display: inline-block;
	vertical-align: middle
}

.show .bdshare-button-style0-16 a,.show .bdshare-button-style0-16 .bds_more {
	margin: 0;
	padding-right: 0
}

.show .nr {
	background: #f8f8f8;
	color: #555;
	line-height: 2;
	margin-top: 30px;
	padding-bottom: 45px
}

.show .nr .content {
	padding: 45px 40px
}

.prev-next-return {
	overflow: hidden;
	position: relative;
	padding: 0
}

.prev-next-return a {
	color: #fff;
	display: block;
	height: 50px;
	line-height: 50px;
	overflow: hidden
}

.prev-next-return .prev,.prev-next-return .next {
	width: 50%;
	height: 50px;
	line-height: 50px;
	padding-left: 40px;
	padding-right: 40px;
	color: #fff;
	background-color: #799dcd;
	float: left;
	font-size: 13px;
	transition: all .5s;
	overflow: hidden
}

.prev-next-return .prev:hover,.prev-next-return .next:hover {
	background-color: #215bab;
	color: #fff;
	text-decoration: underline
}

.prev-next-return .prev {
	background: #799dcd url(../images/icon/arrow-left-02.png) no-repeat left center;
	padding-right: 84px
}

.prev-next-return .next {
	text-align: right;
	background: #799dcd url(../images/icon/arrow-right-02.png) no-repeat right center;
	padding-left: 84px
}

.prev-next-return .return {
	position: absolute;
	z-index: 9;
	left: 50%;
	margin-left: -64px;
	display: inline-block;
	width: 128px;
	background-color: #799dcd;
	border-left: 1px #f8f8f8 solid;
	border-right: 1px #f8f8f8 solid;
	height: 50px;
	line-height: 50px;
	text-align: center;
	transition: all .5s
}

.prev-next-return .return:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin: -2px 10px 0 0;
	background: url(../images/icon/return.png) no-repeat
}

.prev-next-return .return:hover {
	background: #1eaffe
}

.contact {
	overflow: hidden;
	position: relative;
	background: #215bab
}

.map1 {
	height: 681px;
	width: 980px;
	position: absolute;
	right: 50%;
	margin-right: -20px
}

.con-rightBox {
	float: right;
	display: block;
	padding: 41px 0 40px 35px;
	width: 611px;
	color: #fff;
	font-size: 14px;
	height: 681px
}

.con-rightBox .t {
	font-size: 24px
}

.con-rightBox .c {
	padding-bottom: 30px;
	font-size: 14px;
	padding-top: 10px;
	padding-left: 4px;
	line-height: 24px
}

.con-rightBox .c a {
	color: #fff
}

.con-rightBox .t1 {
	padding-bottom: 12px;
	border-bottom: 1px solid #3978cf;
	margin-bottom: 31px
}

.con-rightBox .c-i1 {
	background-image: url(../images/c_i1.png)
}

.con-rightBox .c-i2 {
	background-image: url(../images/c_i2.png)
}

.con-rightBox .c-i3 {
	background-image: url(../images/c_i3.png)
}

.con-rightBox .c-i4 {
	background-image: url(../images/c_i4.png)
}

.con-rightBox span {
	display: block;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px solid #4480d3;
	padding-bottom: 10px;
	margin-bottom: 18px
}

.con-rightBox ul li {
	float: left;
	margin-right: 22px;
	margin-bottom: 18px;
    position:relative;
}

.con-rightBox ul li font {
    position:absolute;
    right:0;
    top:-19px;
    font-size:12px;
    display:none;
}

.con-rightBox ul li label {
	float: left;
	font-size: 14px;
	width: 53px;
	background: 0
}

.con-rightBox ul li input.ctxt {
	border: 0 none;
	padding: 0 10px;
	background-color: #3a77cb;
	color: #fff;
	font-family: "microsoft yahei";
	height: 29px;
	line-height: 29px;
	width: 220px
}

.con-rightBox ul li input.ctxt:focus {
	background-color: #3a77cb
}

.con-rightBox ul li textarea {
	width: 521px;
	height: 59px;
	line-height: 24px;
	padding: 5px;
	border: 0;
	color: #fff;
	background-color: #3a77cb
}

.con-rightBox ul li textarea:focus {
	background-color: #3a77cb
}

.f12 {
	font-size: 12px
}

.con-rightBox .c-i {
	padding-left: 39px;
	background-position: left 2px;
	background-repeat: no-repeat;
	margin-bottom: 17px
}

.form-sub {
	overflow: hidden;
	padding-left: 55px
}

.form-sub .cbtn {
	width: 107px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	display: block;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 20px;
	float: left;
	margin-right: 10px
}

.form-sub .cbtn:hover {
	background-color: #fff;
	color: #215bab
}

.form-sub .cbtn1 {
	width: 107px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	display: block;
	color: #215bab;
	background: #fff;
	border-radius: 20px;
	float: left
}

.form-sub .cbtn1:hover {
	background: 0;
	border: 1px solid #fff;
	color: #fff
}

.ctxt2 {
	font-size: 14px;
	height: 60px;
	resize: none
}

.con-rightBox textarea {
	outline: 0
}

.contact1 {
	padding-top: 52px;
	overflow: hidden;
	transform: translateY(80px);
	-webkit-transform: translateY(80px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.contact1 h3 {
	text-align: center;
	font-size: 36px;
	color: #606060;
	margin-bottom: 25px;
	overflow: hidden
}

.contact1 .line1 {
	width: 132px;
	height: 1px;
	margin: 0 auto 42px auto;
	background: #606060
}

.contact1 p {
	text-align: center;
	line-height: 28px;
	color: #606060
}

.contact1.action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

.contact2 {
	padding-top: 41px;
	overflow: hidden;
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	opacity: 0;
	visibility: hidden;
	transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	-webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445,0.145,0.355,1);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out
}

.contact2 .pic {
	width: 534px;
	height: 418px;
	float: left
}

.contact2 .co2-info {
	text-align: center;
	float: left;
	width: 192px;
	height: 418px;
	padding-top: 77px;
	background: url("../images/bg2.jpg") no-repeat center center
}

.contact2 .co2-info p {
	font-size: 30px;
	color: #fff;
	overflow: hidden;
	margin-bottom: 15px
}

.contact2.action {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	-webkit-transform: translateY(0px)
}

.contact3 {
	padding-top: 56px;
	overflow: hidden
}

.contact3 h3 {
	text-align: center;
	font-size: 36px;
	color: #606060;
	margin-bottom: 25px;
	overflow: hidden
}

.contact3 .line1 {
	width: 132px;
	height: 1px;
	margin: 0 auto 44px auto;
	background: #606060
}

.contact3 .contact3-p {
	text-align: center;
	color: #606060;
	margin-bottom: 40px;
	overflow: hidden
}

.contact3 .contact3-p a {
	color: #4496ca;
	text-decoration: underline
}

.job {
	margin-top: 72px;
	overflow: hidden;
	padding-bottom: 40px
}

.job dl {
	overflow: hidden;
	width: 100%
}

.job dl dt {
	display: block;
	margin-bottom: 3px
}

.job dl dt span {
	display: block;
	float: left;
	margin-left: 14px;
	text-align: left;
	padding-left: 15px;
	font-weight: normal;
	width: 17%
}

.job dl dt .name {
	width: 17%;
	max-width: 17%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 45px
}

.job dl dt .time {
	width: 23%
}

.job dl dt .address {
	width: 25%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 45px
}

.job dl dt .people {
	width: 18%
}

.job dl dt .operating {
	width: 10%
}

.job dl .list0 {
	height: 45px;
	line-height: 45px;
	background: #4d7cbc;
	font-size: 14px;
	font-weight: bold
}

.job dl .list0 span {
	color: #fff
}

.job dl .list_dt {
	cursor: pointer;
	height: 45px;
	line-height: 45px;
	transition: width 2s
}

.job dl .list_dt span {
	padding-left: 10px
}

.job dl .list_dt .time {
	padding-left: 35px
}

.job dl .list_dt .people {
	padding-left: 18px
}

.job dl .list_dt .subnav {
	display: block
}

.job .list_dt {
	background: #f5f5f5;
	color: #555;
	cursor: pointer;
	position: relative
}

.job .list_dt:hover {
	background: #e8eefa;
	transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	-webkit-transition: all .5s linear
}

.job #open {
	background: #e8eefa
}

.job .list_dd {
	display: none
}

.job .jobsub {
	background-color: #f8fafe;
	border-top: 0;
	line-height: 27px;
	padding: 25px 25px 40px 25px;
	position: relative;
	min-height: 365px
}

.job .jobsub p {
	line-height: 27px;
	color: #777;
	font-size: 12px
}

.job .jobsub .pic {
	width: 480px;
	height: 267px;
	position: absolute;
	top: 56px;
	right: 59px
}

.job .jobsub a {
	position: absolute;
	top: 120px;
	display: block;
	line-height: 33px;
	font-size: 12px;
	color: #fff;
	left: 50px
}

.transparent {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 998;
	width: 100%;
	height: 100%;
	background: url(../images/transparent-bg.png) repeat;
	background: rgba(0,0,0,0.7);
	display: none
}

.video-popup {
	position: fixed;
	z-index: 999;
	width: 780px;
	height: 500px;
	background: #fff;
	left: 50%;
	top: 50%;
	margin: -250px 0 0 -390px;
	text-align: center;
	padding: 20px;
	display: none
}

.video-popup .box {
	background: #f1f1f1;
	height: 100%
}

.video-popup .close {
	display: block;
	width: 35px;
	height: 35px;
	position: absolute;
	right: -45px;
	top: 0;
	background: url(../images/close-icon.png) no-repeat
}

.video-popup .p-01 {
	font-weight: bold;
	font-size: 15px;
	margin: 5px 0
}

.video-popup .p-02 {
	font-size: 12px
}

.video-popup a {
	color: #274095
}

.video-popup a:hover {
	text-decoration: underline
}

/*搜索弹出层*/
.search_mask
{
	background: url(../images/search_mask.png);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	display: none;
}
.search_mask .s_box
{
	width: 350px;
	height: 136px;
	padding: 25px;
	top: 50%;
	left: 50%;
	margin-left: -175px;
	position: absolute;
	margin-top: -68px;
	background: #fff;
}
.search_mask .s_box .text1
{
	text-align: center;
	line-height: 24px;
	color: #666;
	font-size: 16px;
}
.search_mask .s_box .sure
{
	width: 140px;
	height: 36px;
	display: block;
	margin: 20px auto 0;
	background: #00a0e9;
	border-radius: 2px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 36px;
	letter-spacing: 5px;
}

.lan{
    float:right;
    width:40px;
    margin-top: 36px;
}