/*reset*/

body, dl, dd, dt, input, h1, h2, p, ul {

	margin: 0;

	padding: 0;

}

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

	list-style: none;

}

h1, h2 {

	font-weight: bold;

	text-transform: uppercase;

}

input {

	border: none;

}

ul {

	display: block;

}

ul, li {

	list-style-type: none;

}

i, em {

	font-style: normal;

}

* {

	/*box-sizing: border-box;*/

	margin: 0;

}

body {

	font-family: "Microsoft Yahei", Helvetica, sans-serif;

	font-size: 14px;

	line-height: 22px;

	padding: 0;

	background: #f8f8f8;

}

a {

	color: #666;

	text-decoration: none;/* transition: 0.8s all ease-in-out; */

}

a:visited {

	text-decoration: none;

}

a:active {

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}

div, p, dl, dd, dt {

	display: block;

}

input, textarea {

	color: #999;

	border: none;

	outline: none;

	font-size: 14px;

	-webkit-appearance: none;

}

.fl {

	float: left;

}

.fr {

	float: right;

}

.container-fluid {

	position: relative;

	width: 100%;

	margin: 0 auto;

	padding: 0px;

	overflow: hidden;

}

.container {

	padding: 0;

	margin: 0 auto;

	width: 1200px;

}

.z-color {

	color: #df4634;

}

.y-color {

	color: #3187cf;

}

.c-color {

	color: #205da5;

}

/*----------------header-------------------------*/



.header {

	background: #fff;

	z-index: 10;

	overflow: initial;

}

.header-title {

	height: 90px;

	position: relative;

}

.header-title ul {

	overflow: hidden;

}

.header-title .logo {

	position: absolute;

	left: 50%;

	right: 0;

	top: 0;

	width: 181px;

	height: 184px;

	z-index: 99;

	transform: translateX(-50%);

}

}

.header-title .logo img {

	margin: 0 auto;

}

.header-title li {

	float: left;

	width: 43%;

	padding: 16px 0;/* margin-top: 10px; */

}

.header-title li h2 {

	margin-left: 0;

	width: 90%;

	color: #333333;

	font-size: 16px;

	margin-top: 10px;

}

.header-title li h2 strong {

	color: #205da5

}

.header-title li p {

	font-size: 16px;

	text-align: left;

	color: #333333;

	height: 32px;

}

.header-title .header-title-right {

	float: right;

	width: 343px;

	padding-left: 92px;/* background: url(../images/refer.png) no-repeat left center; *//* margin-top: -10px; */

}

/*--------banner-----------*/



.ban_p {

	z-index: 1;

}

.ban_p, .ban_p ul {

	position: relative;

	width: 100%;

}

.ban_p li, .ban_p li a {

	float: left;

	display: block;

	width: 100%;

	overflow: hidden;

	position: relative;

	margin: 0 auto;

	height: 645px;

}

.ban_p li img {

	width: 100%;

}

.ban_t {

	width: 600px;

	height: 50px;

	bottom: 0;

	left: 50%;

	margin-left: -300px;

	position: absolute;

	text-align: center;

	z-index: 3;

}

.ban_t em {

	width: 50px;

	height: 10px;

	/* border-radius: 16px; */

	margin-right: 16px;

	display: inline-block;

	background: #969696;

	cursor: pointer;

}

.ban_t em.on {

	background: #0a72c7;

}

.ban_p .prev, .ban_p .next {

	position: absolute;

	display: block;

	left: 0px;

	top: 32%;

	width: 56px;

	height: 80px;

	background: url(../images/icons.png) left 0px no-repeat;

	filter: alpha(opacity=10);

	opacity: 0.5;

}

.ban_p .prev:hover, .ban_p .next:hover {

	opacity: 1;

}

.ban_p .next {

	left: auto;

	right: 0px;

	background-position: -64px 0px;

}

.banner-ab {

	position: relative;

	display: block !important;

	margin: 0 auto;

}

.banner-ab-left {

	width: 220px;

	height: 460px;

	overflow: hidden;

	position: absolute;

	padding: 0 17px 0px;

	z-index: 1;

	background: url(../images/banner-back.png);

}

.banner-ab-left ul {

	overflow: hidden;

	padding: 15px 0 20px;

	border-bottom: 1px solid #8f8baa;

}

.banner-ab-left ul:last-child {

	border-bottom: none;

}

.banner-ab-left h3, .banner-ab-left li a, .banner-ab-left p, .banner-ab-left .ewm span {

	width: 100%;

	color: #fff;

}

.banner-ab-left h3 {

	font-weight: normal;

	margin: 10px 0;

	padding-left: 30px;

	background: url(../images/zg.png) no-repeat left 5px center;

}

.banner-ab-left li {

	overflow: hidden;

	width: 50%;

	float: left;

	padding-right: 5%;

}

.banner-ab-left li a {

	line-height: 28px;

	transition: 0.8s all ease-in-out;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	color: #ddd;

}

.banner-ab-left li a:hover {

	margin-left: 6px;

	transition: 0.8s all ease-in-out;

}

.banner-ab-left .ewm span {

}

.banner-ab-left .ewm {

	margin: 30px 5px;

	overflow: hidden;

}

.banner-ab-left p {

	width: auto;

	overflow: hidden;

	margin: 0 20px;

	text-align: center;

}

.banner-ab-left .ewm p img {

	width: 100%;

}

.banner-ab-left .ewm span {

	display: block;

	text-align: center;

}

/*--------------banner-ab-right---------------------*/



.banner-ab-right {

	right: 0;

	width: 359px;

	height: 549px;

	overflow: hidden;

	position: absolute;

	padding: 20px 0px 0px;

	z-index: -1;

	background: url(../images/banner-back.png);

}

.banner-ab-right h2, .banner-ab-right li a, .banner-ab-right li {

	text-align: center;

	color: #fff;

}

.banner-ab-right h2, .banner-ab-right ol {

	margin: 0px auto;

	width: 100%;

	padding: 0 5px;

}

.banner-ab-right h2 {

	font-size: 20px;

	margin-bottom: 8px;

}

.banner-ab-right ol:hover li {

	animation: bounce 0.75s cubic-bezier(0.05, 0, 0.2, 1) infinite alternate;

	display: inline-block;

	transform: translate3d(0, 0, 0);

	padding-top: 10px;

	text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;

	color: #df4634;

}

.banner-ab-right ol li:nth-child(1) {

	animation-delay: 0s;

}

.banner-ab-right ol li:nth-child(2) {

	animation-delay: 0.0833333333s;

}

.banner-ab-right ol li:nth-child(3) {

	animation-delay: 0.1666666667s;

}

 @keyframes bounce {

 0% {

 transform: translate3d(0, 0, 0);

 text-shadow: rgba(255, 255, 255, 0.4) 0 0 0.05em;

}

 100% {

 transform: translate3d(0, -1em, 0);

 text-shadow: rgba(255, 255, 255, 0.4) 0 1em 0.35em;

}

}

.banner-ab-right ol li {

	width: 33.33%;

	height: 44px;

	line-height: 44px;

	float: left;

	border-bottom: 1px dashed rgba(255, 255, 255, 0.1);

}

.banner-ab-right-ol {

	padding: 0px;

	overflow: hidden;

	background: url(../images/banner-back.png);

}

.banner-ab-right-ol li {

	border: none !important;

}

.content {

	width: 1200px;

	margin: auto;

	padding: 10px 0;

	overflow: hidden;

}

.content-title {

	text-align: center;

	line-height: 30px;

	color: #000;

}

.content-title h1 {

	line-height: 80px;

}

.content-left .t-img {

	border-bottom: 1px solid #1a9bcd;

	padding: 25px 0 20px 17px;

}

.content-left {

	width: 330px;

	margin: 20px 0 0 0;

	background: #205da5;

}

.content-left ul {

	background: #e5e5e5;

	overflow: hidden;

	padding: 20px 0;

}

.content-left ul li::before {

	content: "Ã‚Â·";

	width: 30px;

	display: inline-block;

	text-align: center;

	color: #205da5;

	font-weight: bold;

}

.content-left ul li {

	width: 50%;

	float: left;

	line-height: 40px;

}

.content-left ul li a {

	display: inline;

	color: #000;

}

.content-left ul li a:hover {

	color: #205da5;

}

.content-left .s-title {

	line-height: 54px;

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	padding-left: 20px;

}

.content-left .contect {

	height: 395px;

	border-top: 10px solid #fff;

	position: relative;

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

}

.content-left .contect .ser {

	position: absolute;

	top: 55px;

	left: 105px;

}

.content-left .contect h3 {

	color: #fff;

	display: inline;

	font-weight: bold;

	margin-left: 10px;

}

.content-left .contect .phone {

	position: absolute;

	top: 100px;

	left: 70px;

	font-size: 27px;

}

.content-right {

	width: 852px;

	margin: 20px -11px 0 0;

	overflow: hidden;

}

.content-right .t-img {

	text-align: center;

	height: 244px;

	background: #fff;

}

.content-right .detal {

	background: #205da5;

	padding: 20px 38px;

	color: #fff;

}

.content-right .detal div {

	line-height: 50px;

	font-size: 25px;

	font-weight: bold;

}

.content-right .detal p {

	font-size: 14px;

	line-height: 28px;

}

.content-right .detal a {

	margin: 15px 0;

	color: #205da5;

	font-size: 18px;

	border-radius: 25px;

	line-height: 38px;

	background: #fff;

	width: 180px;

	text-align: center;

	padding: 6px 10px 6px 10px;

}

.content-right .detal a span {

	display: inline-block;

	border-radius: 100%;

	background: #c3262a;

	color: #ffff;

	width: 20px;

	height: 21px;

	line-height: 18px;

	font-weight: bold;

}

.content-right .fbox {

	width: 273px;

	text-align: center;

	border: 1px solid #ccc;

	margin: 11px 11px 0 0;

	background: #fff;

}

.content-right .fbox .pp {

	color: #000;

	font-size: 18px;

	line-height: 52px;

	background: #e0e0e0;

}

.content-right .fbox a:hover .pp {

	color: #fff;

	background: #205da5;

}

.buju {

	position: relative;

	height: 100%;

}

.buju .pan {

	position: absolute;

	width: 310px;

	height: 310px;

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

	left: 50%;

	top: 19%;

	margin-left: -155px;

}

.buju .circle {

	position: absolute;

	width: 453px;

	height: 453px;

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

	left: 50%;

	top: 10%;

	margin-left: -226.5px;

	animation: zhuan 15s linear infinite;

}

 @keyframes zhuan {

 0% {

 transform: rotate(0);

}

 100% {

 transform: rotate(360deg);

}

}

.buju .b-box {

	position: absolute;

	width: 440px;

}

.buju .b-box .num {

	width: 75px;

	height: 75px;

	border: 6px solid #205da5;

	background: #008daa;

	border-radius: 100%;

	font-size: 35px;

	text-align: center;

	line-height: 63px;

	font-weight: bold;

	color: #fff;

	float: left;

}

.buju .b-box:hover .num {

	animation: fan 1s linear;

}

 @keyframes fan {

 0% {

 transform: translateZ(0);

}

 50% {

 transform: rotateY(180deg);

}

 100% {

 transform: rotateY(360deg);

}

}

.buju .b-box .nd {

	margin: 0 0 0 88px;

}

.buju .b-box .nd h3 {

	margin: 12px 0 5px 0;

	font-weight: bold;

	color: #205da5;

}

.buju .b-box .nd p {

	font-size: 18px;

}

.buju .b-box ul {

	margin: 32px 0 0 0;

	font-size: 16px;

	width: 370px;

	clear: both;

}

.buju .b-box ul li::before {

	content: "Ã‚Â·";

	width: 18px;

	display: inline-block;

	color: #205da5;

	font-weight: bold;

	font-size: 33px;

	vertical-align: sub;

}

.buju .b-box ul li span {

	font-weight: bold;

}

.buju .b-box ul li {

	margin: 10px 0;

}

.buju .box1 {

	top: 0px;

	left: 0px;

	background: url(../images/box1.png) no-repeat center 80px;

}

.buju .box2 {

	top: 0px;

	right: 0px;

	background: url(../images/box2.png) no-repeat center 80px;

}

.buju .box3 {

	top: 444px;

	left: 0px;

	background: url(../images/box3.png) no-repeat center 30px;

}

.buju .box4 {

	top: 440px;

	right: 0px;

	background: url(../images/box4.png) no-repeat center 30px;

}

.buju .box2 div, .buju .box4 div {

	float: right !important;

	text-align: right;

}

.buju .box2 .nd, .buju .box4 .nd {

	margin: 0 10px 0 0;

}

.buju .box2 ul, .buju .box4 ul {

	margin: 100px 0 0 86px;

}

.ind-hzyx {

	width: 100%;

	padding-bottom: 10px;

}

.ind-hzyx-b {

	width: 100%;

}

.ind-hzyx-b ul {

	overflow-x: auto;

	overflow-y: hidden;

}

.ind-hzyx-b ul li {

	float: left;

	overflow: hidden;

	margin-top: 0px !important;

	margin-right: 22px;

}

.ind-hzyx-b ul li a {

	overflow: hidden;

}

.ind-hzyx-b ul li img {

	max-width: none;

	width: -webkit-calc(100% + 5px);

	width: calc(100% + 5px);

	-webkit-transition: opacity .35s, -webkit-transform .35s;

	transition: opacity .35s, transform .35s;

	-webkit-transform: translate3d(-4px, 0, 0);

	transform: translate3d(-4px, 0, 0);

}

.news_c img {

	width: 363px !important;

}

.linyu img {

	width: 288px !important;

}

.plist img {

	width: 238px;

}

.ind-hzyx-b ul li:hover img {

	-webkit-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0);

}

.ind-hzyx-b ul li p {

	width: 100%;

	line-height: 54px;

	text-align: center;

	background: #205da5;

	color: #fff;

	font-size: 15px;

}

.ind-hzyx ol {

	position: relative;

	z-index: 9;

}

.ind-hzyx ol div {

	position: absolute;

	top: 150px;

	left: -20px;

	background: #000;

	color: #fff;

	font-weight: bold;

	border-radius: 100%;

	font-size: 35px;

	width: 40px;

	height: 40px;

	line-height: 34px;

	text-align: center;

	cursor: pointer;

}

.ind-hzyx ol .next {

	left: 1180px;

}

.yansf li {

	margin-right: 52px !important;

}

.yansf li p {

	color: #000 !important;

	background: none !important;

}

.walk {

	padding: 40px 0 0 0;

	overflow: hidden;

}

.walk .about {

	overflow: hidden;

	padding: 15px 0 20px 0;

	font-weight: bold;

	border-bottom: 2px solid #0f4f68;

}

.walk .about span {

	float: right;

	font-size: 40px;

	width: 150px;

	line-height: 40px;

	text-align: right;

}

.walk .about h3 {

	width: 322px;

	text-align: center;

	margin: 1px 0 15px;

	font-weight: bold;

}

.walk .about p {

	background: #0f4f68;

	display: inline-block;

	border-radius: 30px;

	line-height: 42px;

	color: #fff;

	width: 333px;

	font-size: 19px;

	text-align: center;

}

.walk .text {

	font-size: 16px;

	line-height: 25px;

	padding: 15px 0 0 0;

	letter-spacing: 1px;

}

.support {

	text-align: center;

	width: 100%;

}

.support .mam {

	overflow: hidden;

}

.support .mam ul {

	margin: 25px 0 0;

}

.support .mam li {

	float: left;

	margin: 0 20px 0 0;

	width: 278px;

}

.support .mam li img {

	border: 1px solid #205da5;

}

.ind-news {

	width: 100%;

	padding: 50px 0 0;

	overflow: hidden;

}

.ind-news .newti {

	width: 527px;

	margin: 5px 20px 30px 425px;

	overflow: hidden;

}

.ind-news .newti div {

	width: 155px;

	line-height: 42px;

	border: 1px solid #000;

	text-align: center;

	font-size: 22px;

	float: left;

	margin: 0 10px;

	cursor: pointer;

}

.ind-news .newti div:hover {

	color: #205da5;

	border: 1px solid #205da5;

}

.ind-news .newti div.on {

	color: #205da5;

	border: 1px solid #205da5;

}

.news {

	width: 100%;

	margin-top: 10px;

	margin-bottom: 60px;

	padding: 30px 15px;

	height: 424px;

}

.news-left {

	float: left;

	width: 700px;

	margin-right: 20px;

	padding-right: 20px;

	border-right: 1px solid #eee;

}

.news-right {

	overflow: hidden;

}

.news .newti ul, .news .newti {

	width: 100%;

	overflow: hidden;

}

.news .newti li {

	position: relative;

	float: left;

	color: #000;

	background-color: #fff;

	margin: 0 13px 30px 0;

	cursor: pointer;

	padding: 15px 50px;

	text-align: center;

	font-size: 24px;

}

.news ul .news-lid {

	background-color: #205da5;

	color: #fff;

}

.news .newti2 li {

	border-top: 1px solid #000;

	border-bottom: 1px solid #000;

	font-size: 20px;

	padding: 20px 0;

}

.news .newti2 li span {

	color: #999;

	font-size: 18px;

}

.news .newti2 li a {

	width: 28px;

	height: 28px;

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

	float: right;

}

.news-left .news_c, .news-left .news_c ul, .news-left .news_c ul ol, .news-left .news_c ul>div, .news-left .news_c ul ol a {

	width: 100%;

	overflow: hidden;

	margin: 0 auto;

	padding: 0;

}

.news-left .news_c ul ol, .news-left .news_c ul>div, .news-left .news_c ul ol li, .news-left .news_c ul>div dl, .news-left .news_c ul>div dd {

	float: left;

	display: block;

	overflow: hidden;

}

.news-left .news_c ul>div {

	margin: 20px auto;

}

.news-left .news_c ul>div dd {

	width: 387px;

	float: left;

	padding-left: 40px;

}

.news-left .news_c ul>div dd h4 {

	line-height: 30px;

	color: #000;

}

.news-left .news_c ul>div dd p {

	color: #000;

	letter-spacing: 2px;

}

.news-left .news_c ul>div dd span {

	color: #999;

}

.news-left .news_c ul>div dl img {

	width: 100%;

}

.hotpic img {

	width: 286px !important;

	height: 210px;

}

.news-left .news_c ul ol li {

	background: #000;

	color: #fff;

	float: none;

	overflow: hidden;

	padding: 8px 16px;

	margin: 5px 0 25px;

}

.news-left .news_c ul ol li .tiem {

	float: left;

	width: 70px;

}

.news-left .news_c ul ol li .tiem div {

	font-size: 27px;

	padding: 10px 0;

}

.news-left .news_c ul ol li:hover {

	background: #205da5;

}

.news-left .news_c ul ol li a {

	color: #fff;

	text-align: center;

}

.news-left .news_c ul ol li .ctx {

	border-left: 1px solid #fff;

	font-size: 16px;

	float: left;

	margin: 12px 0 0 15px;

	padding: 10px 0 10px 23px;

}

.news-right .news_b {

	margin-top: 10px;

	overflow: hidden;

	height: 590px;

	padding: 15px 10px;

	position: relative;

}

.news-right .news_b li {

	padding: 10px 0 30px 50px;

	background: url(../images/search.png) no-repeat 10px 10px;

}

.news-right .news_b li a {

	font-size: 18px;

	color: #205da5;

}

.news-right .news_b li a p {

	color: #333;

	font-size: 16px;

	margin: 15px 0;

	letter-spacing: 2px;

}

.card {

	background: #205da5;

	border-radius: 10px;

	margin: 80px 0 0;

	padding: 20px;

	color: #fff;

	font-size: 18px;

}

.card .hang {

	display: inline-block;

	border-bottom: 1px solid #fff;

	width: 30%;

	margin: 0 16px;

	padding: 5px 0;

}

.card .hang input {

	width: 288px;

	background: transparent;

	margin: 0 0 0 15px;

	font-size: 18px;

	color: #fff;

}

.card .tsss {

	margin: 60px 16px 20px;

	border-bottom: 1px solid #fff;

}

.card .tsss textarea {

	margin: 0 0 0 20px;

	background: transparent;

	color: #fff;

	font-size: 18px;

}

.card .free {

	margin: 20px auto 40px;

	width: 96%;

}

.card .free a {

	display: inline-block;

	border-radius: 20px;

	font-size: 18px;

	font-weight: bold;

	background: #fff;

	color: #205da5;

	padding: 15px 50px;

}

.card .free .fphone {

	float: right;

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

	padding: 15px 0 15px 60px;

	color: #fff;

	font-weight: bold;

	font-size: 40px;

}

.card .free .fphone span {

	font-size: 19px;

	display: inline-block;

	padding: 0 10px 0 0;

	vertical-align: bottom;

}

.friend {

	margin: 40px 0 0;

}

.friend h4 {

	color: #205da5;

	border-bottom: 1px solid #999;

	padding: 15px 0;

}

.friend h4 span {

	color: #999;

}

.friend a {

	display: inline-block;

	margin: 10px 20px 20px 0;

}

.foot {

	background: #222222;

	height: 310px;

}

.foot-lf {

	margin: -15px 0 0 0;

}

.foot-lf div {

	background: #18617f;

	color: #fff;

	padding: 24px 28px;

	font-size: 25px;

}

.foot-lf ul {

	padding: 40px 18px 23px;

	background: #fff;

	font-size: 15px;

	color: #333;

}

.foot-lf li {

	padding: 5px 10px;

}

.final {

	width: 720px;

	margin: 0 0 0 50px;

	position: relative;

}

.final ul {

	border-bottom: 1px solid #666;

	overflow: hidden;

	padding: 25px 0;

	margin-bottom: 30px;

}

.final ul li {

	float: left;

	margin: 0 15px 0 0;

}

.final ul li a {

	color: #fff;

	font-size: 18px;

}

.final p {

	display: inline-block;

	width: 47%;

	color: #999;

	font-size: 15px;

	margin: 15px 0;

}

.final .code {

	display: inline-block;

	background: #fff url(../images/code.png) no-repeat 15px center;

	padding: 8px 30px 8px 60px;

	margin: 20px 25px 0 0;

	border-radius: 50px;

	line-height: 15px;

}

.final .code p {

	color: #000;

	font-size: 14px;

	display: block;

	margin: 0;

	width: 100%;

}

.final .code span {

	color: #ccc;

	font-size: 12px;

}

.erxian {

	display: none;

	position: absolute;

	min-width: 120px;

	top: 97px;

	left: 225px;

}

.erxian img {

	width: 100%;

}

.erxian2 {

	left: 20px;

}

.kefu .kefu-main, .kefu-tel-main {

	box-sizing: content-box;

	background-image: -webkit-gradient(linear, right top, left top, from(rgb(51,132,195)), color-stop(52%, rgb(0, 146, 63)), to(rgb(41, 127, 228)));

}

.navroot a {

	display: block;

}

/*分页*/ 

.mweb-pages {

	margin: 20px;

}

.mpagination-wrapper {

	margin: 20px 0;

}

.mpagination {

	height: 34px;

	text-align: center;

}

.mpagination li {

	display: inline-block;

	height: 34px;

	margin-right: 5px;

}

.mpagination li a {

	float: left;

	display: block;

	height: 32px;

	line-height: 32px;

	padding: 0 12px;

	font-size: 16px;

	border: 1px solid #dddddd;

	color: #555555;

	text-decoration: none;

}

.mpagination li a:hover {

	background: #f5f5f5;

	color: #205da5;

}

.mpagination li.active {

	background: #205da5;

	color: #fff;

}

.mpagination li.active a, .mpagination li.active a:hover {

	background: transparent;

	border-color: #205da5;

	color: #fff;

	cursor: default;

}

/*分页end*/ 

/*header_main ming*/

.w1200 {

	width: 1200px;

	margin: 0 auto;

}

.header_main {

	width: 100%;

	height: 130px;

	z-index: 100;

	background: #fff;

}

.header_main .logo {

	display: block;

	margin-top: 25px;

}

.header_main .logo img {

	width: 100%;

	height: 100%;

	display: block;

}

.header_main .tel {

	position: relative;

	padding-left: 70px;

	margin-top: 30px;

}

.header_main .tel b {

	position: absolute;

	left: 0;

	top: 5px;

	width: 51px;

	height: 51px;

	float: left;

	display: block;

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

}

.header_main .tel p {

	float: right;

	font-size: 16px;

	color: #666;

	display: block;

}

.header_main .tel p i {

	color: #205da5;

}

.header_main .tel p span {

	display: block;

	font-size: 36px;

	color: #205da5;

	line-height: 40px;

	font-weight: bold;

	font-family: Impact;

}

.nav_main {

	width: 100%;

	height: 55px;

	line-height: 55px;

	background: #205da5;

	position: relative;

	z-index: 3;

}

.nav .list {

	width: 100%;

	margin: 0 auto;

	height: 55px;

	line-height: 55px;

	position: relative;

}

.nav_main .nav {

	width: 1200px;

	margin: 0 auto;

}

.nav_main .nav li {

	float: left;

	width: 150px;

	display: block;

	position: relative;

	z-index: 10;

	font-size: 16px;

	text-align: center;

}

.nav_main .nav li a {

	display: block;

	color: #fff;

	font-size: 16px;

}

.nav_main .nav li a:hover, .nav_main .nav li a.hover {

	background: #07203e;

}

.nav_main .nav dl {

	width: 100%;

	background: #205da5;

	left: 0;

	top: 55px;

	z-index: 12;

}

.nav_main .nav dl {

	position: absolute;

filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);

	opacity: 0;

	visibility: hidden;

	transition: all .6s ease 0s;

	transform: translate3d(0, 10px, 0);

	-moz-transform: translate3d(0, 10px, 0);

	-webkit-transform: translate3d(0, 10px, 0);

}

.nav_main .nav li:hover dl {

	opacity: 1;

	visibility: visible;

	transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-webkit-transform: translate3d(0, 0, 0);

}

.nav_main .nav dl dd {

	line-height: 45px;

	border-top: 1px solid #205da5;

	text-align: left;

	position: relative;

	z-index: 12;

	display: block;

	width: 100%;

}

.nav_main .nav dl dd:first-child {

	border: none;

}

.nav_main .nav dl dd a {

	color: #fff;

	font-size: 14px;

	padding: 0;

	width: 100%;

	text-align: center;

}

.nav_main .nav dl dd a:hover, .nav_main .nav dl dd a.hover {

	background: #205da5;

}

/*header_main end*/



/*产品中心*/

.product {

	padding-bottom: 30px;

	background: #fff;

}

.pro_con .pro_left {

	padding: 0 13px 13px 13px;

	background: #205da5;

}

.pro_con .pro_left h2 {

	padding: 30px 0;

	text-align: center;

	position: relative;

	font-size: 27px;

	/*height: 33px;*/

	background: #205da5;

	width: 240px;

}

.pro_con .pro_left h2 a {

	color: #fff;

}

.pro_con .pro_left h2 i {

	display: block;

	font-size: 12px;

	text-transform: uppercase;

	color: #fff;

}

.pro_con .pro_left .left_con {

	width: 240px;

	background: #fff;

	padding: 12px;

	border-radius: 5px;

}

.pro_con .pro_left .left_con .con_p1 {

	height: 44px;

	line-height: 44px;

	font-size: 18px;

	background: #205da5;

	color: #fff;

	text-indent: 12px;

	border-radius: 5px;

	margin-bottom: 10px;background: url(../images/p14-icon2.png) no-repeat right center #205da5;

}

.pro_con .pro_left .left_con .con_p1 a {

	color: #fff;

}

.pro_con .pro_left .left_con ul {

	padding-bottom: 20px;

}

.pro_con .pro_left .left_con ul li {

	height: 40px;

	font-size: 14px;

	position: relative;

	border-bottom: 1px solid #e6e6e6;

}

.pro_con .pro_left .left_con ul li a {

	display: block;

	line-height: 40px;

	height: 40px;

	padding-left: 12px;

}

.pro_con .pro_left .left_con a.pro_more {

	display: block;

	height: 42px;

	line-height: 42px;

	font-size: 18px;

	border: 1px solid #205da5;

	color: #205da5;

	border-radius: 3px;

	text-align: center;

}

.pro_con .pro_left .left_con ul li.cur a, .pro_con .pro_left .left_con ul li:hover a {

	color: #205da5;

}

.pro_con .pro_left .left_con ul li.cur, .pro_con .pro_left .left_con ul li:hover {

	background: #e6e6e6 url(../images/projt.png) no-repeat 190px center;

}

.pro_con .con_right {

	width: 893px;

}

.pro_con .con_right h3 {

	font-size: 25px;

	overflow: hidden;

	position: relative;

	margin-bottom: 20px;

}

.pro_con .con_right h3 a {

	color: #333;

}

.pro_con .con_right h3 em {

	font-size: 14px;

	color: #999999;

	margin-left: 15px;

	text-transform: uppercase;

}

.pro_con .con_right h3 a.ckgda {

	float: right;

	font-size: 13px;

	font-weight: normal;

	height: 30px;

	line-height: 30px;

	color: #666;

}

.pro_con .con_right .r_top {

	height: 346px;

	border: 1px solid #d8d8d8;

	background: url(../images/probg.png);

	position: relative;

	border-top: 5px solid #029a47;

	overflow: hidden;

}

.pro_con .con_right .r_top ul {

	position: relative;

}

.pro_con .con_right .r_top ul li {

	float: left;

	position: relative;

	width: 891px;

	height: 346px;

}

.pro_con .con_right .r_top ul li .top_Img {

	display: block;

	width: 891px;

	height: 346px;

	position: absolute;

	left: 0px;

	top: 0;

}

.pro_con .con_right .r_top ul li .top_Img img {

	display: block;

	width: 891px;

	height: 346px;

}

.pro_con .con_right .r_top ul li dl {

	width: 365px;

	background: #fff9;

	padding: 30px 25px;

	position: absolute;

	left: 425px;

	top: 74px;

	box-shadow: 3px 3px 10px #d1e4e6;

}

.pro_con .con_right .r_top ul li dl dt {

	font-size: 25px;

	color: #205da5;

	font-weight: bold;

	padding-bottom: 15px;

	border-bottom: 1px solid #d0d0d0;

	margin-bottom: 15px;

}

.pro_con .con_right .r_top ul li dl dd {

	font-size: 14px;

	line-height: 20px;

}

.pro_con .con_right .r_top ul li dl em {

	display: block;

	width: 14px;

	height: 30px;

	position: absolute;

	left: -14px;

	top: 30px;

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

}

.pro_con .con_right .r_top .pro_btnl {

	display: block;

	width: 32px;

	height: 82px;

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

	position: absolute;

	left: 15px;

	top: 130px;

	z-index: 2;

	cursor: pointer;

}

.pro_con .con_right .r_top .pro_btnr {

	display: block;

	width: 32px;

	height: 82px;

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

	position: absolute;

	right: 15px;

	top: 130px;

	z-index: 2;

	cursor: pointer;

}

.pro_con .con_right .r_bot {

	margin-top: 0px;

}

.pro_con .con_right .r_bot dl {

	width: 288px;

	margin: 0 14px 18px 0;

	float: left;

}

.pro_con .con_right .r_bot dl:nth-child(3n) {

	margin-right: 0;

}

.pro_con .con_right .r_bot dl dt {

	/*width: 286px;*/

	border: 1px solid #d8d8d8;

	overflow: hidden;

	text-align: center;

	background-color: #f1f1f1;

}

.pro_con .con_right .r_bot dl dt img {

	display: block;

	width: 286px;

	height: 215px;

	transition: all 0.5s;

}

.pro_con .con_right .r_bot dl dd {

	height: 44px;

	line-height: 44px;

	text-align: center;

	font-size: 16px;

	background: #7b7b7b;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.pro_con .con_right .r_bot dl dd a {

	color: #fff;

}

.pro_con .con_right .r_bot dl:hover dt img {

	transform: scale(1.1);

}

.pro_con .con_right .r_bot dl:hover dd {

	background: #205da5;

}

p.p_title {

	font-size: 32px;

	text-align: center;

	font-weight: bold;

	padding-top: 50px;

	text-transform: uppercase;

	color: #cccccc;

}

h2.h2_title i.titl {

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

}

h2.h2_title a {

	display: inline-block;

 *display: inline;

 *zoom: 1;

	vertical-align: middle;

	padding: 0 15px;

	color: #333;

}

h2.h2_title i.titr {

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

}

h2.h2_title i {

	display: inline-block;

	width: 230px;

	height: 3px;

}

h2.h2_title {

	text-align: center;

	font-size: 32px;

	margin-bottom: 30px;

}

/*产品中心 end*/

/*网站底部*/

.wrap-footer {

	height: 315px;

	background: #333333;

}

.footer {

	height: 315px;

	position: relative;

	color: #fff;

}

.footer a {

	color: #b6b6b6;

}

.footer .f_left {

	width: 180px;

	height: 280px;

	text-align: center;

	background: #fff;

	position: absolute;

	left: 0;

	top: 0;

}

.footer .f_left dl dt {

	padding-top: 22px;

	margin-bottom: 10px;

}

.footer .f_left dl dt img {

	display: block;

	margin: 0 auto;

	width: 160px;

	height: 160px;

}

.footer .f_left dl dd.dd1 {

	font-size: 14px;

	color: #333;

}

.footer .f_left dl dd.dd2 {

	font-size: 13px;

	width: 125px;

	margin: 16px auto 12px auto;

	height: 9px;

	position: relative;

	border-bottom: 1px solid #999999;

}

.footer .f_left dl dd.dd2 i {

	display: block;

	width: 70px;

	margin: 0 auto;

	background: #fff;

	color: #333;

}

.footer .f_left dl dd.dd3 {

	font-size: 20px;

	color: #205da5;

	font-weight: bold;

}

.footer .f_top {

	margin-left: 180px;

	height: 50px;

	border-bottom: 1px solid #545454;

	padding-left: 40px;

}

.footer .f_top ul.top_ul li {

	float: left;

	width: 105px;

	height: 50px;

	font-size: 14px;

	line-height: 50px;

	text-align: center;

}

.footer .f_top ul.top_ul li:first-child {

	padding-left: 0;

}

.footer .f_top ul.top_ul li:hover a {

	color: #fff;

}

.footer .f_bot {

	margin-left: 180px;

	padding: 32px 0 0 40px;

	height: 200px;

	overflow: hidden;

}

.footer .f_bot ul.bot_ul1 {

	padding: 0 55px 0 55px;

	border-left: 1px solid #545454;

	float: left;

	height: 190px;

}

.footer .f_bot ul.bot_ul1:first-child {

	padding-left: 0;

	border-left: none;

}

.footer .f_bot ul.bot_ul1 li {

	line-height: 28px;

	font-size: 13px;

	position: relative;

	color: #b6b6b6;

}

.footer .f_bot ul.bot_ul1 li i {

	display: block;

	height: 18px;

	width: 3px;

	background: #fff;

	position: absolute;

	left: -19px;

	top: 0;

}

.footer .f_bot ul.bot_ul1 li:first-child {

	font-size: 14px;

	font-weight: bold;

	margin-bottom: 15px;

	height: 18px;

	line-height: 18px;

}

.footer .f_bot ul.bot_ul1 li:first-child a {

	color: #fff;

}

.footer .f_bot ul.bot_ul1 li:hover a {

	color: #fff;

}

/*底部版权*/

.f_icp {

	text-align: center;

	height: 43px;

	line-height: 43px;

	background: #205da5;

	color: #fff;

	font-size: 13px;

}

.f_icp a {

	color: #fff;

}

.f_icp img {

	position: relative;

	top: 5px;

	left: 5px;

}

.footer {

	margin-left: auto;

	margin-right: auto;

	width: 1200px;

}

/*网站底部end*/



/*悬浮客服*/

.toolbar {

	width: 52px;

	position: fixed;

	right: 1%;

	top: 50%;

	margin-top: -115px;

	z-index: 999;

}

.toolbar dd {

	width: 51px;

	height: 51px;

	margin-bottom: 1px;

	position: relative;

	-webkit-border-radius: 100%;

	border-radius: 100%;

	margin-top: 4px;

	border: #ebebeb solid 1px;

	background-color: #fff;

	-webkit-border-radius: 100%;

	border-radius: 100%;

}

.toolbar dd i {

	width: 51px;

	height: 51px;

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	cursor: pointer;

	text-align: center;

	-webkit-border-radius: 100%;

	border-radius: 100%;

}

.toolbar dd i span {

	width: 35px;

	height: 35px;

	display: block;

	margin: 8px 0 0 8px;

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

}

.toolbar dd.gottop {

	display: none;

}

.toolbar .slide-tel {

	display: block;

	width: 0;

	height: 53px;

	line-height: 53px;

	font-size: 24px;

	font-weight: bold;

	font-family: arial;

	color: #FFF;

	position: absolute;

	padding: 0 0 0 53px;

	top: -1px;

	right: -2px;

	-webkit-border-radius: 50px;

	border-radius: 50px;

	overflow: hidden;

}

.toolbar .pop {

	position: absolute;

	right: 90px;

	top: -65px;

	background: #205da5;

	display: none;

}

.toolbar .pop-code {

	width: 160px;

}

.toolbar .pop-code img {

	width: 120px;

	height: 120px;

	display: block;

	padding: 20px 20px 0;

}

.toolbar .pop-code h3 {

	height: 52px;

	line-height: 26px;

	text-align: center;

	color: #fff;

	font-size: 16px;

	font-weight: 400;

	white-space: nowrap;

}

.toolbar .pop-code h3 b {

	display: block;

	font-size: 14px;

	font-weight: normal;

}

.toolbar .qq span {

	background-position: -35px -47px;

}

.toolbar .qq a {

	width: 52px;

	height: 52px;

	cursor: pointer;

	display: block;

}

.toolbar .qq:hover {

	background-color: #205da5;

	border-radius: 100%;

}

.toolbar .qq:hover span {

	background-position: 0 -47px;

}

.toolbar .tel span {

	background-position: -35px 0;

}

.toolbar .tel:hover {

	background: #205da5;

}

.toolbar .tel:hover span {

	background-position: 0 0;

}

.toolbar .code span {

	background-position: -35px -95px;

}

.toolbar .code:hover {

	background-color: #205da5;

	border-radius: 100%;

}

.toolbar .code:hover span {

	background-position: 0 -95px;

}

.toolbar .top span {

	background-position: -35px -142px;

}

.toolbar .top:hover {

	background-color: #205da5;

	border-radius: 100%;

}

.toolbar .top:hover span {

	background-position: 0 -142px;

}

.toolbar dd:hover {

}

/*悬浮客服end*/

/*我们承诺*/

.zxzx {

	height: 264px;

	background: #205da5;

}

.zxzx .container {

	height: 264px;

	position: relative;

}

.zxzx .zxzxbg {

	width: 238px;

	height: 288px;

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

	position: absolute;

	left: 0;

	top: -24px;

}

.zxzx .conleft {

	margin-left: 238px;

	padding-top: 30px;

	color: #fff;

}

.zxzx .conleft .zxzx_p1 {

	margin-bottom: 15px;

}

.zxzx .conleft .zxzx_p2 {

	overflow: hidden;

	position: relative;

	margin-bottom: 10px;

}

.zxzx .conleft .zxzx_p2 span {

	float: left;

	margin-right: 15px;

	padding-left: 12px;

	font-size: 16px;

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

}

.zxzx .conleft .zxzx_p3 {

	width: 440px;

	height: 42px;

	line-height: 42px;

	text-align: center;

	font-size: 22px;

	color: #142038;

	background: #f5f5f5;

	border-radius: 25px;

	box-shadow: 3px 3px 10px #2c2222;

	margin-bottom: 15px;

}

.zxzx .conleft .zxzx_tel {

	padding-left: 55px;

	height: 50px;

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

}

.zxzx .conleft .zxzx_tel .p1 {

	font-size: 14px;

	height: 20px;

	line-height: 20px;

}

.zxzx .conleft .zxzx_tel .p2 {

	font-size: 28px;

	font-weight: bold;

	height: 30px;

	line-height: 30px;

}

.zxzx .conright {

	width: 401px;

	padding: 24px 32px;

	background: #205da5;

	height: 216px;

	color: #fff;

}

.zxzx .conright h4 {

	font-size: 30px;

	font-weight: normal;

	margin-bottom: 15px;

}

.zxzx .conright h4 span {

	display: block;

	font-size: 20px;

}

.zxzx .conright .info_p1 {

	height: 40px;

	background: #fff;

	position: relative;

	margin-bottom: 8px;

}

.zxzx .conright .info_p1 span.ico {

	float: left;

	width: 40px;

	height: 40px;

	border-right: 1px solid #dddddd;

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

}

.zxzx .conright .info_p1 input {

	float: right;

	width: 355px;

	height: 40px;

	border: none;

	line-height: 40px;

	text-indent: 12px;

	font-size: 14px;

	color: #666;

}

.zxzx .conright .info_p2 {

	height: 40px;

	background: #fff;

	position: relative;

	margin-bottom: 8px;

}

.zxzx .conright .info_p2 span.ico {

	float: left;

	width: 40px;

	height: 40px;

	border-right: 1px solid #dddddd;

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

}

.zxzx .conright .info_p2 input {

	float: right;

	width: 355px;

	height: 40px;

	border: none;

	line-height: 40px;

	text-indent: 12px;

	font-size: 14px;

	color: #666;

}

.zxzx .conright .ljtja {

	display: block;

	width: 100%;

	height: 40px;

	font-size: 21px;

	text-align: center;

	line-height: 40px;

	color: #ffffff;

	background: #202020;

	border: 0;

	cursor: pointer;

}

/*我们的承诺end*/

/*产品优势*/

#floor_3_main {

	background: #fff;

}

#floor_3_main .in_title3 {

	position: relative;

	width: 100%;

	height: 140px;

}

#floor_3_main .in_title3 .bg {

	width: 1200px;

	height: 60px;

	margin-top: 50px;

	border: 3px solid #d9d9d9;

	box-sizing: border-box;

}

#floor_3_main .in_title3 p {

	position: absolute;

	width: 845px;

	top: -35px;

	left: 125px;

	height: 50px;

}

#floor_3_main .in_title3 .p1 {

	color: #413F40;

	font-size: 24px;

	padding: 0 5px;

	background-color: #FFFFFF;

}

#floor_3_main .in_title3 .p2 {

	font-size: 40px;

	color: #B1B1B1;

	padding-right: 10px;

	background-color: #FFFFFF;

}

#floor_3_main .in_title3 .p3 {

	position: absolute;

	font-size: 50px;

	color: #205da5;

	line-height: 1.0;

	height: 58px;

	width: 700px;

	font-weight: bold;

	display: block;

	top: 29px;

	left: 35px;

	text-align: center;

	background-color: #FFFFFF;

}

#floor_3_main .proAdvant {

	margin-top: 0;

}

#floor_3_main .proAdvant .list {

	width: 100%;

}

#floor_3_main .proAdvant .list li {

	width: 100%;

	margin-bottom: 20px;

}

#floor_3_main .proAdvant .list li a {

	display: block;

}

#floor_3_main .proAdvant .list li .img {

	width: 530px;

	height: 300px;

	margin-left: 0;

	margin-right: 20px;

}

#floor_3_main .proAdvant .list li:nth-child(2n) .img {

	margin-left: 20px;

	margin-right: 0;

}

#floor_3_main .proAdvant .list li .title {

	width: 650px;

}

#floor_3_main .proAdvant .list li .title .shu {

	border-bottom: 1px dashed #b2b2b2;

	padding-bottom: 20px;

	text-align: center;

}

#floor_3_main .proAdvant .list li .title .shu span {

	display: inline-block;

	width: 60px;

	height: 60px;

	background: #205da5;

	border-radius: 10px;

	color: #fff;

	font-size: 46px;

	line-height: 60px;

}

#floor_3_main .proAdvant .list li .tit {

	font-size: 28px;

	color: #205da5;

	line-height: 1.5;

	padding-top: 20px;

	font-weight: bold;

	text-align: center;

}

#floor_3_main .proAdvant .list li .cont {

	font-size: 16px;

	color: #666;

	padding-top: 20px;

	text-align: justify;

}

/*产品优势end*/

