@charset "utf-8";/* CSS Document */

* {

	margin: 0;

	padding: 0;

}

html {

	font-size: 62.5%;

	height: 100%

}

body {

	margin: 0 auto;

	font-size: 14px;

	font-size: 1.4rem;

	height: 100%;

	font-family: Arial;

	max-width:1920px; margin:0 auto

}

img {

	border: none;

}

ul li {

	list-style-type: none;

}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {

	margin: 0;

	padding: 0;

	list-style: none;

	color: #333;

}

a {

	text-decoration: none;

	color: #333;

	outline: none;

	transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	-webkit-transition: 0.3s;

}

h1 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	color: #333;

}

.clear {

	clear: both;

}

.mln {

	margin-left: auto !important

}

input, textarea {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	border: none;

	outline: none;

}

.l {

	float: left;

}

.r {

	float: right;

}

.fix {

*zoom:1;

}

.fix:after, .fix:before {

	display: block;

	content: "clear";

	height: 0;

	clear: both;

	overflow: hidden;

	visibility: hidden;

}







::-webkit-input-placeholder {/* WebKit browsers */

 color:#333;

}



:-o-placeholder {/* Mozilla Firefox 4 to 18 */

 color:#333;

}



::-moz-placeholder {/* Mozilla Firefox 19+ */

 color:#333;opacity: 1

}



:-ms-input-placeholder {/* Internet Explorer 10+ */

 color:#333;

}

 @media screen and (min-width:1220px) {

.wp {

	width: 1200px;

	margin: auto;

}

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.wp {

	width: 980px;

	margin: auto;

}

}

 @media screen and (max-width:999px) {

.wp {

	width: 95%;

	margin: auto;

}

}

#online_qq_layer {

	z-index: 999999;

	position: fixed;

	right: 0px;

	top: 300px;

	margin-top: -135px;

	_position: absolute;

_top:expression(eval(document.documentElement.scrollTop));

}

#online_qq_tab {

	width: 30px;

	float: left;

	margin: 0px;

	margin-top: 68px;

	position: relative;

	z-index: 9;

}

#online_qq_tab a {

	display: block;

	height: 119px;

	line-height: 999em;

	overflow: hidden;

	width: 30px;

}

#online_qq_tab a#floatShow {

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

}

#online_qq_tab a#floatHide {

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

}

#onlineService {

	display: inline;

	float: left;

	width: 200px;

	opacity: 1;

	display: block;

	background: #0084ce;

	border-radius: 8px;

	padding-left: 8px;

	padding-right: 8px;

	padding-bottom: 10px;

}

.kefubiao {

	display: block;

	line-height: 34px;

	color: #fff;

	font-size: 20px;

	font-size: 2rem;

	text-align: center;

	padding-top: 6px;

	padding-bottom: 4px;

}

.kefun {

	background: #fff;

	border-radius: 8px;

	overflow: hidden;

	padding-bottom: 21px;

}

.kefutu {

	display: block;

	margin-bottom: 0px;

	text-align: center; margin-top:10px;

}

.kefutu img {

	max-width: 100%;

	margin-top: -2px;

}

.kefun ul {

	padding: 0 5px;

}

.kefun ul li {

	padding-left: 27px;

	padding-bottom: 5px;

}

.kefun ul li a {

	display: block;

	border-bottom: 1px solid #c7c7c7;

	color: #444444;

	line-height: 25px;

	padding-left: 11px;

}

.kefun ul li a:hover {

	color: #0084ce;

}

/*  ke fu  */ 



.ose {

	background: url("../images/kefus1.png") no-repeat 2px center;

	padding-left: 30px;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	display: block;

	line-height: 21px;

	padding-top: 5px;

	padding-bottom: 5px;

	margin-top: 2px;font-size:12px; font-size:1.2rem

}

.cal {

	background: url("../images/kefus2.png") no-repeat 2px center;

	padding-left: 30px;

	display: block;

	font-family: Arial, Helvetica, sans-serif;

	display: block;

	line-height: 21px;

	padding-top: 5px;

	padding-bottom: 5px; font-size:12px; font-size:1.2rem

}

.ose:hover {

	color: #0084ce;

}

.cal:hover {

	color: #0084ce;

}

/* @media screen and (min-width:640px){



.kefu2{ display:none}



}



@media screen and (max-width:768px){



#online_qq_layer{ display:none}



.kefu2 a img{ width:100%; max-width:48px; max-height:48px;}



.keqq2{ background:#0177b5}



.keweixin2{ background:#98c01b}







.kefu2{ position:fixed; bottom:0px; width:100%; left:0px;z-index:999; background:#fff; height:50px; }



.kefu2 a{display:block; float:left; width:50%; text-align:center; background:#fff; padding:10px 0;}



.kefu2 a img.img1{ width:27px; height:27px;}



.kefu2 a img.img2{ width:27px; height:17px;} 



body{padding-bottom: 44px;}



} */























@font-face {

	font-family: 'MASQUE';

	src: url('fonts/MASQUE.eot');

	src: url('fonts/MASQUE.eot') format('embedded-opentype'), url('fonts/MASQUE.woff2') format('woff2'), url('fonts/MASQUE.woff') format('woff'), url('fonts/MASQUE.ttf') format('truetype'), url('fonts/MASQUE.svg#MASQUE') format('svg');

}

.m1_wrapper {

	background:#fff;

}

/* header */



.header {

	min-height: 239px;

	position: absolute;

	z-index: 999;

	width: 100%;

	background: url( ../images/heiderbj.png ) no-repeat top left;

}

.headr_top {

}

.headr_top .logo {

	margin-top:21px;

	margin-bottom: 26px;

}

.headr_top .logo a.dan999 img {

	display: block;

	max-width: 100%;

}

.headr_top .logo a.dan996 img {

	display: none;

	max-width: 100%;

}

.headr_top .span{ margin-top:23px}

.headr_top .dianhua {

	

	color: #fff;

	padding-left: 30px;

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

}

.header_right {

}

.header_ul1>li {

	float: left;

	margin-left: 56px;

	position: relative;

	padding-bottom: 19px;

}

.header_ul1>li>a {

	display: block;

	padding: 0px 30px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #fff;

	line-height: 33px;

	border-radius: 50px;

}

.header_ul1>li:hover>a, .header_ul1 li.on>a {

	color: #078ccb;

	background: #fff;

}

.header_ul1>li:hover .dan_header {

	display: block;

}

.dan_header {

	display: none;

	padding: 8px;

	width: 282px;

	position: absolute;

	left: 0px;

	top: 100%;

	border: 1px solid #ebeced;

	background: #fff;

	z-index: 999999;

}

.hei_top {

	position: absolute;

	top: -10px;

	left: 40px;

}

.dan_header>li {

	line-height: 32px;

	padding-left: 23px;

	position: relative;

}

.dan_header>li>a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 32px;

	display: block;

}

.dan_header>li:hover {

	background: #078ccb;

}

.dan_header>li:hover>a {

	color: #fff;

}

.dan_header>li:hover .dan_sanheader {

	display: block;

}

.dan_sanheader {

	display: none;

	width: 282px;

	position: absolute;

	left: 100%;

	top: 0px;

	background: #fff;

	z-index: 999999;

}

.dan_sanheader>li {

	line-height: 32px;

	padding-left: 23px;

	position: relative;

}

.dan_sanheader>li>a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 32px;

	display: block;

}

.dan_sanheader>li:hover {

	background: #078ccb;

}

.dan_sanheader>li:hover>a {

	color: #fff;

}

.header_form {

	margin-top: 2px;

	float: right;

	border: 1px solid #fff;

	width: 169px;

	height: 25px;

	line-height: 25px;

	position: relative;

	border-radius: 50px;

	font-size: 12px;

	font-size: 1.2rem;

}

.header_form .tex {

	background: transparent;

	text-indent: 9px;

	width: 100%;

	line-height: 25px;

	height: 25px;

	display: inline-block;

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

	;

}

.header_form .sub {

	position: absolute;

	top: 0px;

	right: 0px;

	height: 25px;

	width: 24px;

	font-size: 0px;

	cursor: pointer;

	z-index: 99;

	background: url( ../images/suosou.png ) no-repeat right top;

}

 @media screen and (max-width:1219px) {

.header_ul1>li {

	margin-left: 12px;

}

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.header_right {

	margin-top: -20px;

}

}

 @media screen and (max-width:999px) {

.header {

	min-height: 77px;

	position: relative;

	background: #176c9c;

	padding-bottom: 5px;

}

.header_right {

	display: none;

}

.headr_top .logo a.dan999 img {

	display: none;

}

.headr_top .logo a.dan996 img {

	display: block;

}

.headr_top .span { display:none

}

.slide .dotList {

	bottom: 40px!important;

}

.headr_top .logo {

	margin-bottom: 10px; width:80%

}

}

 @media screen and (max-width:768px) {

.headr_top .logo a.dan996 {

	width: 50%;

}

.headr_top span {

	padding-left: 20px;

}

.slide .dotList {

	bottom: 20px!important;

}

.slide:hover .carousel-control {

	display: none!important;

}

}

 @media screen and (max-width:420px) {

.headr_top .logo a.dan996 {

	width: 100%;

	float: none;

	clear: both

}

.headr_top span {

	padding-left: 20px;

	float: none;

	width: calc(100% - 20px)

}

}

/* nav_head */



.nav_head {

	width: 100%;

	display: none;

}

.nav_head li {

	text-align: center;

	width: 25%;

	float: left;

}

.nav_head li a {

	font-size: 18px;

	font-size: 1.8rem;

	color: #fff;

	line-height: 30px;

}

.nav_head li.on a {

	color: #fff; text-decoration:underline

}

.nav_head li:hover a {

	color: #fff; text-decoration:underline

}

 @media screen and (max-width:999px) {

.nav_head {

	display: block;

}

}

 @media screen and (max-width:640px) {

.nav_head li a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	line-height: 30px;

}

}

/* footer */



.footer {

	padding-top: 154px;

	padding-bottom: 54px;

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

}

.footer .title {

	padding-bottom: 18px;

	font-size: 24px;

	font-size: 2.4rem;

	color: #fff;

	text-transform: uppercase;

	line-height: 30px;

	font-weight: bold;

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

}

.footer .title a {

	font-size: 24px;

	font-size: 2.4rem;

	color: #fff;

	text-transform: uppercase;

	line-height: 30px;

}

.footer ul {

	margin-top: 7px;

}

.footer ul li {

	line-height: 40px;

	color: #fff;

}

.footer ul li a {

	line-height: 40px;

	color: #fff;

}

.footer_left {

	float: left;

	width: 22.3%;

}

.footer_left2 {

	float: left;

	width: 31%;

}

.footer_center {

	float: left;

	width: 32%;

}

.footer_right {

	float: right;

	width: 12.6%;

}

.footer_center ul li {

	padding-left: 29px;

}

.footer_center ul li a {

	color: #fff;

}

.footer_center ul li.li1 {

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

}

.footer_center ul li.li2 {

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

}

.footer_center ul li.li3 {

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

}

.footer_center ul li.li4 {

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

}

.footer_center ul li.li5 {

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

}

.footer_center ul li.li6 {

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

}

.footer_center ul li.li7 {

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

}

.footer_center ul li.li8 {

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

}





.footer_center ul li.li9 {

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

}







.shejiao {

	margin-bottom: 23px;

}

.shejiao a {

	position: relative;

	top: 0px;

	display: block;

	float: left;

	margin-left: 18px;

	margin-top: 23px;

	padding-bottom: 4px;

}

.shejiao a:hover {

	top: -10px;

}

.footer_right .weis {

	display: block;

	max-width: 152px;

	max-height: 152px;

	width: 100%;

}

/* footer_bot */



.footer_bot {

	padding-top: 11px;

	padding-bottom: 7px;

	text-align: center;

	line-height: 30px;

	color: #fff;

	background: url( ../images/fotktj3.jpg ) repeat-y top center;

}

.footer_bot p {

	color: #fff;

}

.footer_bot a {

	color: #fff;

}

.footer_bot a.tech {

	padding: 0px 5px;

}

.links {

	

}

.links a {

	margin-left: 15px;

	margin-right: 15px; display:inline-block

}

.footer_bot a:hover {

	color: #078ccb;

}

 @media screen and (max-width:1219px) {

.footer_left {

	float: left;

	width: 19%;

}

.footer_left2 {

	float: left;

	width: 26%;

}

.footer_center {

	float: left;

	width: 32%;

}

.footer_right {

	float: right;

	width: 23%;

}

.shejiao a {

	width: 31%;

	margin-left: 1%;

}

}

 @media screen and (max-width:999px) {

.footer {

	padding-top: 154px;

	padding-bottom: 54px;

	background: #333 !important;

}

.footer .title {

	padding-top: 30px;

}

.footer {

	padding-top: 0px;

	padding-bottom: 54px;

	background: #222325 url( ../images/footer.jpg ) no-repeat top center;

}

.footer_left {

	float: left;

	width: 48%;

	min-height: 405px;

}

.footer_left2 {

	float: right;

	width: 48%;

}

.footer_center {

	float: none;

	width: 100%;

	clear: both;

	margin-top: 20px

}

.footer_right {

	float: none;

	width: 100%;

	clear: both

}

}

 @media screen and (max-width:768px) {

.footer {

	display: none;

	display: none;

}

.links {

	display: none;

}

}

 @media screen and (max-width:360px) {

}

/* main1 */



.main1 {

	padding-top: 69px; margin-bottom:50px

}

.main1 a:hover {

	color: #0084ce;

}

.main1 .title a:hover {

	color: #0084ce;

}

.main1 .title {

	margin-bottom: 56px;

	text-align: center;

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

}

.main1 .title a {

	text-transform: uppercase;

	font-size: 44px;

	font-size: 4.4rem;

	color: #333;

	font-family: 'MASQUE';

}

.main1 .m1_left {

	padding-left: 48px;

	width: calc (100% - 48px)

}

.m1_left img {

	display: block;

	max-width: 100%; margin-top:85px

}

.m1_title2 {

	padding-left: 55px;

	padding-top: 43px;

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

	padding-bottom: 14px

}

.m1_title2 a {

	display: block;

	font-size: 40px;

	font-size: 4rem;

	color: #0084ce;

	font-weight: bold;

	line-height: 44px;

}

.m1_left p {

	padding-left: 13px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 28px

}

.m1_left p a {

	display: block;

	line-height: 28px;

}

.m1_left a.more {

	margin-left: 10px;

	font-size: 12px;

	font-size: 1.2rem;

	margin-top: 39px;

	color: #fff;

	text-align: center;

	display: block;

	width: 90px;

	line-height: 26px;

	line-height: 26px;

	background: #0084ce;

	border-radius: 50px;

}

.m1_left a.more:hover {

	background: #333;

}

.main1 .m2_r1 {

	width: 490px;

	padding-top: 3px;

	margin-top: 12px

}

/* main2 */



.main2 {

	padding-top: 135px;

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

	padding-bottom: 14px

}

.main2 a:hover {

	color: #0084ce;

}

.m2_wrap1 {

}

.m2_wrap1 .m2_l1 {

	padding-top: 134px;

}

.m2_wrap1 .m2_l1 img {

	display: block;

	max-width: 100%;

}

.m2_wrap1 .m2_r1 {

	width: 600px;

	padding-top: 3px;

}

.m2_wrap1 .m2_title2 {

	padding-bottom: 16px;

	padding-left: 55px;

	padding-top: 30px;

	background: url( ../images/m1tu22.png ) no-repeat left 3px;

}

.m2_wrap1 .m2_title2 a {

	display: block;

	font-size:40px;

	font-size: 4rem;

	color: #fff;

	font-weight: bold;

	line-height: 40px;

}

.m2_wrap1 .m2_r1 p {

	padding-left: 56px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	line-height: 28px;

	width: calc (100% - 56px)

}

.m2_wrap1 .m2_r1 p a {

	display: block;

	line-height: 28px;

	color: #fff;

}

.m2_wrap1 .m2_r1 a.more {

	margin-left: 56px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	text-align: center;

	display: block;

	margin-top: 70px;

	width: 88px;

	line-height: 24px;

	line-height: 24px;

	background: transparent;

	border: 1px solid #fff;

	border-radius: 50px;

}

.m2_wrap1 .m2_r1 a.more:hover {

	color: #fff;

	background: #0084ce;

	border-color: #0084ce;

}

.m2_wrap1 .m2_r1 a:hover {

	color: #0084ce;

}

.m2_wrap1 .m2_title2 a:hover {

	text-decoration: underline;

	color: #fff;

}

.m1_title2 a:hover {

	text-decoration: underline;

}

.m2_wrap2 {

	padding-top: 178px;

}

.m2_wrap2 .m2_l1 {

	margin-top: 0px;

}

.m2_wrap2 .m2_l1 img {

	display: block;

	max-width: 100%;

	margin-top: 0px

}

.m2_wrap2 .m2_r1 {

	width: 580px;

	padding-top: 53px;

}

.m2_wrap2 .m2_title2 {

	padding-bottom: 28px;

	padding-left: 55px;

	padding-top: 43px;

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

}

.m2_wrap2 .m2_title2 a {

	display: block;

	font-size: 40px;

	font-size: 4rem;

	color: #333;

	font-weight: bold;

	line-height: 44px;

}

.m2_wrap2 .m2_r1 p {;

	padding-left: 9px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333333;

	line-height: 28px;

}

.m2_wrap2 .m2_r1 p a {

	display: block;

	line-height: 28px;

	color: #333;

}

.m2_wrap2 .m2_r1 a.more {

	margin-left: 9px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #0084ce;

	text-align: center;

	display: block;

	width: 88px;

	line-height: 24px;

	line-height: 24px;

	background: transparent;

	border: 1px solid #0084ce;

	border-radius: 50px;

	margin-top:32px

}

.m2_wrap2 .m2_r1 a.more:hover {

	color: #fff;

	background: #0084ce;

	border-color: #0084ce;

}

.m2_wrap2 .m2_r1 a:hover {

	color: #0084ce;

}

.m2_wrap2 .m2_title2 a:hover {

	text-decoration: underline;

	color: #333;

}

 @media screen and (max-width:1219px) {

.m2_wrap1 .m2_l1 {

	width: 35%;

	padding-top: 82px;

}

.m2_wrap2 .m2_l1 {

	width: 35%;

}

}

 @media screen and (max-width:999px) {

.m1_title2 {

	padding-bottom: 10px;

}

.m1_left {

	width: calc(100% -48px);

	float: none;

	padding: 0px;

	margin: 0 auto;

	padding-left: 0px !important

}

.m1_left img {

	max-width: 100%;

}

.main2 {

	background: none;

	padding-top: 20px;

}

.m2_wrap1 {

	background: #4f4f4f;

	padding-bottom: 20px;

}

.m2_wrap2 {

	padding-top: 20px;

	padding-bottom: 20px;

}

.m1_left img {

	max-width: 100%;

	float: none;

}

.main1 .m2_r1 {

	float: none;

	width: 100%;

}

.m2_wrap1 .m2_l1 {

	width: 100%;

	float: none; padding-top:20px

}

.m2_wrap1 .m2_r1 {

	width: 95%;

	float: none;

	padding: 0px;

	margin: 0 auto;

}

.m2_wrap2 .m2_l1 {

	width: 100%;

	float: none;

}

.m2_wrap2 .m2_r1 {

	width: 100%;

	float: none;

}



.m2_wrap1 .m2_title2 {

    padding-bottom: 20px;

  

}





.m2_wrap1 .m2_r1 a.more {



    margin-top: 15px;

   

}





.m2_wrap2 .m2_r1 a.more {

  

    margin-top: 20px;

}

}

 @media screen and (max-width:768px) {

.main1 {

	padding-top: 30px;

}

.main1 .title {

	margin-bottom: 20px;

}

.main1 .title a {

	font-size: 30px;

	font-size: 3rem;

}

.m1_title2 a {

	font-size: 30px;

	font-size: 3rem;

}

.m2_wrap1 .m2_title2 a {

	font-size: 30px;

	font-size: 3rem;

}

.m2_wrap2 .m2_title2 a {

	font-size: 30px;

	font-size: 3rem;

}

.m2_wrap1 .m2_r1 p {

	padding: 10px 0px;

}

.m2_wrap2 .m2_r1 p {

	padding: 10px 0px;

}

.m1_left p {

	padding: 10px 0px;

}

.m2_wrap2 .m2_r1 {

	width: 100%;

	float: none;

	padding-top: 0px;

}

}

 @media screen and (max-width:640px) {

.m1_title2 a {

	font-size: 26px;

	font-size: 2.6rem;

}

.m2_wrap1 .m2_title2 a {

	font-size: 26px;

	font-size: 2.6rem;

}

.m2_wrap2 .m2_title2 a {

	font-size: 26px;

	font-size: 2.6rem;

}

}

/* main3 180px */



.main3 {

	padding-bottom: 84px;

	padding-top: 180px;

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

}

.main3 .title {

	margin-bottom: 82px;

	text-align: center;

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

}

.main3 .title a {

	text-transform: uppercase;

	font-size: 44px;

	font-size: 4.4rem;

	color: #fff;

	font-family: 'MASQUE';

}

.main3 .title a:hover {

	text-decoration: underline;

}

.main4 .title a:hover {

	text-decoration: underline;

}

.m3_box a:hover {

	color: #078ccb;

}

.main4 .title2 a:hover {

	color: #078ccb;

}

.m3_box {

	padding-left: 24px;

	background: url( ../images/m3bjtu1.png ) no-repeat left top;

}

.m3_box img.r {

	display: block;

	max-width: 538px;

	max-height: 333px;

	width: 100%;

	margin-top: 37px;

	margin-left: 64px;

}

.m3_box p {

	max-height: 196px;

	overflow: hidden;

}

.m3_box a {

	line-height: 28px;

	color: #fff;

	display: block;

}

.m3_title {

	padding-top: 23px;

}

.m3_title a {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 36px;

}

.m3_box a.more {

	font-size: 12px;

	font-size: 1.2rem;

	margin-top: 19px;

}

 @media screen and (max-width:1219px) {

.m3_box {

	background-size: contain;

}

.m3_box p {

	max-height: 173px;

}

}

 @media screen and (max-width:999px) {

.main3 {

	background: #555553;

	padding-top: 40px; padding-bottom:40px

}

.m3_box {

	background: none;

	padding: 0px;

}

.main3 .title {

	margin-bottom: 40px;

}

.m3_box img.r {

	display: block;

	margin: 0 auto;

	float: none;

}

.m3_box a.more {

	float: none;

}

}

 @media screen and (max-width:768px) {

.main3 {

	padding: 30px 0px;

}

}

 @media screen and (max-width:360px) {

}

/* main4 */



.main4 {

	padding-bottom: 69px;

	padding-top: 64px;

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

}

.main4 .title {

	margin-bottom: 26px;

	text-align: center;

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

}

.main4 .title a {

	text-transform: uppercase;

	font-size: 44px;

	font-size: 4.4rem;

	color: #fff;

	font-family: 'MASQUE';

}

.main4 .title2 {

	max-width: 799px;

	margin: 0 auto;

	text-align: center;

}

.main4 .title2 a {

	display: block;

	line-height: 28px;

	color: #fff;

}

.main4 .img-scroll {

	position: relative;

	width: 100%;

	padding-top: 37px;

}

.main4 .img-scroll .prev, .main4 .img-scroll .next {

	position: absolute;

	display: block;

	width: 46px;

	height: 46px;

	top: 50%;

	margin-top: -23px;

}

.main4 .img-scroll .prev {

	left: 0;

	cursor: pointer;

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

}

.main4 .img-scroll .next {

	right: 0;

	cursor: pointer;

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

}

.main4 .img-scroll .prev:hover {

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

}

.main4 .img-scroll .next:hover {

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

}

.main4 .img-list {

	position: relative;

	width: 91%;

	overflow: hidden;

	margin: 0 auto;

}

.main4 .img-list ul {

	width: 1000%;

}

.main4 .img-list li {

	float: left;

	display: inline;

	width: 262px;

	margin-right: 13px;

}

.main4 .img-list li .m3lien .m4fu {

	position: absolute;

	top: 100%;

	left: 0px;

	background: #0084ce;

	background: rgba(0, 132, 206, 0.3);

	width: 100%;

	height: 100%;

}

.main4 .img-list li .m3lien {

	max-width: 262px;

	text-align: center;

	position: relative;

	overflow: hidden;

	margin: 0 auto;

}

.main4 .img-list li .m3lien img {

	max-width: 262px; display:block;



	width: 100%;

	margin: 0 auto;

}

.main4 .img-list li .m4zi {

	display: block;

	margin: 0 auto;

	max-width: 262px;

	width: 100%;

	background: #7f7f7f;

	font-size: 14px;

	font-size: 1.4rem;

	color: #ffffff;

	line-height: 44px;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

}

.main4 .img-list li .m3lien:hover .m4fu {

	top: 0;

}

.main4 .img-list li:hover .m4zi {

	background: #0084ce;

}

 @media screen and (max-width:1219px) {

.main4 .img-list {

	width: 89%;

}

.main4 .img-list li {

	margin-right: 41px;

}

.main4 .img-list li .m4zi {

	padding: 0px 10px;

	width: calc( 100% - 20px );

}

}

 @media screen and (max-width:999px) {

.main4 {

	padding-bottom: 40px;

	padding-top: 10px;

	background: #555553 url( ../images/mian4bj.jpg ) no-repeat bottom center;

}

.main4 .img-list li .m3lien .m4fu {

	display: none;

}

.main4 .img-list {

	width: 100%;

}

.main4 .img-scroll .hot {

	position: relative;

	top: 0px;

	max-width: 100px;

	width: 100%;

	height: 50px;

	margin-bottom: 20px;

}

.main4 .img-list li {

	width: 2.4%;

	margin-right: .1%;

}

}

 @media screen and (max-width:768px) {

.main4 .img-scroll {

	padding-top: 20px;

}

.main4 {

	padding: 30px 0px;

}

.main4 .title a {

	font-size: 30px;

	font-size: 3rem;

}

.main3 .title a {

	font-size: 30px;

	font-size: 3rem;

}

.main4 .img-list li {

	width: 3%;

	margin-right: .487%;

}

}

 @media screen and (max-width:400px) {

.main3 .title a {

	font-size: 26px;

	font-size: 2.6rem;

	line-height: 30px;

}

.main4 .title a {

	font-size: 26px;

	font-size: 2.6rem;

}

.main4 .img-list {

	width: 262px;

	margin: 0 auto;

}

.main4 .img-list li {

	width: 262px;

	margin-right: .487%;

}

}

/* main5 */



.main5 {

	padding-top: 64px;

	padding-bottom: 9px;

}

.main5 .title {

	margin-bottom: 26px;

	text-align: center;

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

}

.main5 .title a {

	text-transform: uppercase;

	font-size: 44px;

	font-size: 4.4rem;

	color: #333;

	font-family: 'MASQUE';

}

.m5_ul li a:hover {

	color: #0084ce;

}

.main5 .title a:hover {

	color: #0084ce;

}

.m5_ul {

	max-width: 1086px;

	width: 100%;

	margin: 0 auto;

	padding-top: 52px;

}

.m5_ul li {

}

.m5_ul .m5_wrap {

	position: relative;

	max-width: 509px;

	width: 100%;

	margin: 0 auto;

}

.m5_ul .m5_wrap img {

	display: block;

	max-width: 509px;

	max-height: 320px;

	width: 100%;

}

.m5_ul .m5_wrap .rili {

	text-align: center;

	position: absolute;

	left: 0px;

	bottom: 0px;

	background: #0084ce;

	width: 75px;

	height: 57px;

}

.m5_ul .m5_wrap .rili span {

	padding-top: 7px;

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	text-decoration: underline;

	color: #fff;

}

.m5_ul .m5_wrap .rili b {

	padding-top: 2px;

	display: block;

	font-size: 22px;

	font-size: 2.2rem;

	color: #fff;

	font-weight: normal;

}

.m5_title {

	padding-top: 19px;

	padding-bottom: 2px;

}

.m5_title a {

	display: block;

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	font-weight: bold;

	line-height: 30px; height:30px;

	font-weight: bold;    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}

.m5_ul p a {

	display: block;

	line-height: 28px; 

}

.m5_ul a.more {

	margin-top: 19px;

	display: block;

	width: 77px;

	height: 19px;

	line-height: 19px;

	text-align: center;

	color: #666;

	font-size: 12px;

	font-size: 1.2rem;

	border: 1px solid #666666;

	border-radius: 50px;

}

.m5_ul a.more:hover {

	border-color: #0084ce;

	color: #fff;

	background: #0084ce;

}

 @media screen and (max-width:1219px) {

.m5_ul li {

	width: 48%;

}

}

 @media screen and (max-width:999px) {

.main5 {

	padding-top: 64px;

	padding-bottom: 40px;

}

.main5 {

	padding-top: 30px;

}

}

 @media screen and (max-width:768px) {

.m5_ul a.more {

	margin-top: 10px;

}

.main5 {

	padding-top: 30px;

	padding-bottom: 20px;

}

.m5_ul {

	padding-top: 0px;

}

.main5 .title a {

	font-size: 30px;

	font-size: 3rem;

}

.m5_title a {

	font-size: 16px;

	font-size: 1.6rem;

}

.m5_ul li {

	width: 98%;

	float: none;

	padding-bottom: 20px;

}

.m5_ul .m5_wrap .rili b {

	font-size: 20px;

	font-size: 2rem;

}

}

 @media screen and (max-width:360px) {

.main5 .title a {

	font-size: 26px;

	font-size: 2.6rem;

}

}

/* bread */



.bread {

	padding-top: 6px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

}

.bread a {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 43px;

}

.bread a:hover {

	color: #0084ce;

}

.bread .a2 {

	color: #0084ce;

}

/* product1 */



.product1 {

	padding-bottom: 0px;

	padding-top: 48px; 

}

.product1 .xiangqing .goods {

	width: 872px;

}

.product1 .xiangqing .goods .box1 {

	width: 100%;

}

.product1 .xiangqing .goods .box1 form dl {

	padding-bottom: 7px;

}

.product1 .xiangqing .goods .box1 form dl dd {

	margin-bottom: 48px;

	float: left;

	width: 280px;

	margin-left: 16px;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop {

	position: relative;

	overflow: hidden;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop input {

	cursor: pointer;

	display: block;

	position: absolute;

	top: 13px;

	left: 13px;

	z-index: 9999;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddimg a {

	border: 1px solid #e0e0df;

	display: block;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddimg a img {

	display: block;

	max-width: 100%;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddzz {

	background: #0084ce;

	background: rgba(0, 132, 206, 0.9);

	position: absolute;

	width: 100%;

	height: 100%;

	top: 100%;

	left: 0;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddzz a {

	display: block;

	width: 100%;

	height: 100%;

	margin-top: 30px;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddzz a span {

	position: absolute;

	display: block;

	width: 38px;

	height: 41px;

	top: 50%;

	margin-top: -19px;

	left: 50%;

	margin-left: -20.5px;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddbot a {

	width: 100%;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	display: block;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	;

	color: #333;

	background-color: #cfcfcf;

	line-height: 30px;

	padding: 5px 0;

	height: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddmid {

	margin-top: 14px;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddmid a {

	display: block;

	width: 148px;

	height: 33px;

	line-height: 33px;

	text-align: center;

	border: 1px solid #0084ce;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	margin: 0 auto;

}

.product1 .xiangqing .goods .box1 form dl dd:hover .ddbox .ddtop .ddzz {

	top: 0;

}

.product1 .xiangqing .goods .box1 form dl dd:hover .ddbot a {

	background-color: #0084ce;

	color: #fff;

}

.product1 .xiangqing .goods .box1 form dl dd:hover .ddmid a {

	background-color: #0084ce;

	color: #fff;

}

.product1 .xiangqing .list {

	margin-top: 0;

	width: 309px;

}

.product1 .xiangqing .list .title1 {

	height: 50px;

	line-height: 50px;

	text-indent: 12px;

	background: #0084ce;

}

.product1 .xiangqing .list .title1 a {

	color: #fff;

	font-size: 22px;

	font-size: 2.2rem;

}

.product1 .xiangqing .list .title1 a:hover {

	color: #fff;

}

.product1 .xiangqing .list .subNavBox {

	border: 1px solid #aaaaaa;

}

.product1 .xiangqing .list .subNavBox .subNav {

	margin-left: 13px;

	margin-right: 17px;

	cursor: pointer;

	background: #fff;

}

.product1 .xiangqing .list .subNavBox .subNav a {

	display: block;

	line-height: 45px;

	border-top: 1px solid #a0a0a0;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	-webkit-transition: 0s;

	transition: 0s;

}

.product1 .xiangqing .list .subNavBox .subNav:first-child a {

	border: 0px;

}

.product1 .xiangqing .list .subNavBox .subNav:hover a {

	color: #0084ce;

}

.product1 .xiangqing .list .subNavBox .subNav:first-child {

}

.product1 .xiangqing .list .subNavBox .currentDd a {

	color: #0084ce;

}

.product1 .xiangqing .list .subNavBox ul.navContent {

	margin-bottom: 0;

	padding-top: 4px;

	padding-bottom: 4px;

	display: none;

	position: relative;

	top: 0;

}

.product1 .xiangqing .list .subNavBox ul.navContent li a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	padding: 3px 10px 3px 33px;

	color: #333;

}

.product1 .xiangqing .list .subNavBox ul.navContent li a:hover {

	color: #0084ce;

}

.product1 .xiangqing .list .title2 {

	margin-top: 60px;

	height: 50px;

	line-height: 50px;

	text-indent: 12px;

	background: #0084ce;

}

.product1 .xiangqing .list .title2 a {

	color: #fff;

	font-size: 22px;

	font-size: 2.2rem;

}

.product1 .xiangqing .list dl {

	border: 1px solid #a0a0a0;

	padding-top: 13px;

	padding-bottom: 15px;

	padding-left: 14px;

	padding-right: 18px;

}

.product1 .xiangqing .list dl dd {

	border-bottom: 1px solid #a0a0a0;

	margin-bottom: 17px;

	padding-bottom: 5px;

}

.product1 .xiangqing .list dl dd .ddtop {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 26px;

	margin-bottom: 6px;

}

.product1 .xiangqing .list dl dd .ddtop a {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 26px;

	color: #333;

	display: block;

	padding-left: 26px;

	background: url(../images/riqi.png) no-repeat left 5px;    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.product1 .xiangqing .list dl dd .ddtop a:hover {

	color: #0084ce;

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

}

.product1 .xiangqing .list dl dd .ddbot {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	margin-bottom: 7px;

}

.product1 .xiangqing .list dl dd .ddbot a {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #333;

	display: block;

}

.product1 .xiangqing .list dl dd .ddbot a:hover {

	color: #0084ce;

}

.product1 .xiangqing .list dl .dd3 {

	margin-bottom: -5px;

	border-bottom: 0;

}

.product2 .goods1 {

	width: 872px;

}

.product2 .goods1 #showArea {

	margin-top: 16px;

	margin-bottom: 13px;

	height: 452px;

	overflow: hidden;

}

.product2 .goods1 #showArea a {

	display: block;

}

.product2 .goods1 #showArea a img {

	cursor: pointer;

	display: block;

	width: 156px;

	height: 135px;

	margin-bottom: 18.5px;

	border: 1px solid #e0e0e0;

}

.product2 .goods1 .content {

	width: 100%;

}

.product2 .goods1 .content .title {

	padding-top: 0;

	margin-top: 25px;

	margin-bottom: 30px;

}

.product2 .goods1 .content .title h1 {

	text-align: center;

	margin-top: 0px;

	font-size: 22px;

	font-size: 2.2rem;

	color: #333;

	font-weight: bold;

}

.product2 .goods1 .content ul li {

	padding-left: 12px;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	color: #666;

}

.product2 .goods1 .content .hang1 {

	width: 626px;

	margin: 0 auto;

}

.product2 .goods1 .content .btn {

	width: 359px;

	text-align: center;

}

.product2 .goods1 .content .btn a, .product2 .goods1 .content .btn span {

	display: inline-block;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	width: 148px;

	height: 33px;

	line-height: 33px;

	text-align: center;

	border: 1px solid #0084ce;

	border-radius: 0px;

}

.product2 .goods1 .content .btn a:hover {

	background-color: #0084ce;

	color: #fff;

}

.product2 .goods1 .share1 {

	padding-top: 4.5px;

	width: 224px;

}

.product2 .goods1 .share1 .span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	height: 24px;

	line-height: 24px;

}

.product2 .goods1 .at-resp-share-element .at-icon {

	width: 24px !important;

	height: 24px !important;

}

.product2 .goods1 .at-style-responsive .at-share-btn {

	padding: 0 !important;

	border-radius: 2px !important;

}

.product2 .goods1 .at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 24px !important;

	height: 24px !important;

}

.product2 .goods1 .at-resp-share-element .at-share-btn {

	margin-bottom: 0 !important;

	margin-right: 3px !important;

}

.product2 .goods1 .protitle1 {

	background: url(../images/relative.png) no-repeat 350px center;

	width: 100%;

	margin-bottom: 11px;

	margin-top: 30px;

}

.product2 .goods1 .protitle1 a {

	padding-bottom: 9px;

	padding-top: 9px;

	line-height: 30px;

	font-size: 28px;

	font-size: 2.8rem;

	color: #3d3128;

	display: block;

	text-transform: uppercase;

	font-weight: bold;

}

.product2 .goods1 .protitle4 {

	width: 100%;

	margin-bottom: 11px;

	margin-top: 48px;

}

.product2 .goods1 .protitle4 a {

	padding-bottom: 9px;

	padding-top: 9px;

	line-height: 30px;

	font-size: 24px;

	font-size: 2.4rem;

	color: #0084ce;

	display: block;

	font-weight: bold;

	text-transform: uppercase;

}

.product2 .goods1 .protitle4 a span {

	font-weight: bold;

	text-transform: uppercase;

	font-size: 24px;

	font-size: 2.4rem;

	color: #333333;

}

.product2 .goods1 .wenzi {

	line-height: 32px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333333;

	margin-bottom: 32px;

}

.product2 .goods1 .wenzi p img {

	display: block;

	max-width: 100%;

}

.product2 .goods1 .wenzi a {

	line-height: 32px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #0084ce;

}

.product2 .goods1 .wenzi img {

	display: block;

	max-width: 100%;

}

.product2 .goods1 .wenzi table {

	width: 100%;

	border-collapse: collapse;

	line-height: 24px;

	margin-bottom: 30px;

}

.product2 .goods1 .wenzi table tr td {

	line-height: 24px;

	padding: 2px;

	border: 1px solid #ccc;

	white-space: nowrap;

}

.product2 .goods1 .wenzi table tr:nth-child(1) td {

}

.product2 .goods1 .wenzi strong {

	color: #0084ce;

}

.product2 .slideBox {

	max-width: 592px;

	margin: 0 auto;

	width: 100%;

	height: auto;

	overflow: hidden;

	position: relative;

	border: 1px solid #e0e0e0;

}

.product2 .slideBox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}

.product2 .slideBox .bd li {

	zoom: 1;

	vertical-align: middle;

}

.product2 .slideBox .bd img {

	max-width: 593px;

	max-height: 508px;

	display: block;

	width: 100%;

}

.product2 .slideBox .prev {

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -24px;

	display: block;

	width: 48px;

	height: 48px;

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

	filter: alpha(opacity=100);

	opacity: 1;

}

.product2 .slideBox .next {

	position: absolute;

	right: 0;

	top: 50%;

	margin-top: -24px;

	display: block;

	width: 48px;

	height: 48px;

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

	filter: alpha(opacity=100);

	opacity: 1;

}

.product2 .slideBox .prevStop {

	display: none;

}

.product2 .slideBox .nextStop {

	display: none;

}

.product2 .xiangqing .list {

	margin-top: 0;

	width: 309px;

}

.product2 .xiangqing .list .title1 {

	height: 50px;

	line-height: 50px;

	text-indent: 12px;

	background: #0084ce;

}

.product2 .xiangqing .list .title1 a {

	color: #fff;

	font-size: 22px;

	font-size: 2.2rem;

}

.product2 .xiangqing .list .title1 a:hover {

	color: #fff;

}

.product2 .xiangqing .list .subNavBox {

	border: 1px solid #aaaaaa;

}

.product2 .xiangqing .list .subNavBox .subNav {

	margin-left: 13px;

	margin-right: 17px;

	cursor: pointer;

	background: #fff;

}

.product2 .xiangqing .list .subNavBox .subNav a {

	display: block;

	line-height: 45px;

	border-top: 1px solid #a0a0a0;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	-webkit-transition: 0s;

	transition: 0s;

}

.product2 .xiangqing .list .subNavBox .subNav:first-child a {

	border: 0px;

}

.product2 .xiangqing .list .subNavBox .subNav:hover a {

	color: #0084ce;

}

.product2 .xiangqing .list .subNavBox .subNav:first-child {

}

.product2 .xiangqing .list .subNavBox .currentDd a {

	color: #0084ce;

}

.product2 .xiangqing .list .subNavBox ul.navContent {

	margin-bottom: 0;

	padding-top: 4px;

	padding-bottom: 4px;

	display: none;

	position: relative;

	top: 0;

}

.product2 .xiangqing .list .subNavBox ul.navContent li a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	padding: 3px 10px 3px 33px;

	color: #333;

}

.product2 .xiangqing .list .subNavBox ul.navContent li a:hover {

	color: #0084ce;

}

.product2 .xiangqing .list .title2 {

	margin-top: 60px;

	height: 50px;

	line-height: 50px;

	text-indent: 12px;

	background: #0084ce;

}

.product2 .xiangqing .list .title2 a {

	color: #fff;

	font-size: 22px;

	font-size: 2.2rem;

}

.product2 .xiangqing .list dl {

	border: 1px solid #a0a0a0;

	padding-top: 13px;

	padding-bottom: 15px;

	padding-left: 14px;

	padding-right: 18px;

}

.product2 .xiangqing .list dl dd {

	border-bottom: 1px solid #a0a0a0;

	margin-bottom: 17px;

	padding-bottom: 5px;

}

.product2 .xiangqing .list dl dd .ddtop {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 26px;

	margin-bottom: 6px;

}

.product2 .xiangqing .list dl dd .ddtop a {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 26px;

	color: #333;

	display: block;

	padding-left: 26px;

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

}

.product2 .xiangqing .list dl dd .ddtop a:hover {

	color: #0084ce;

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

}

.product2 .xiangqing .list dl dd .ddbot {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	margin-bottom: 7px;

}

.product2 .xiangqing .list dl dd .ddbot a {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #333;

	display: block;

}

.product2 .xiangqing .list dl dd .ddbot a:hover {

	color: #0084ce;

}

.product2 .xiangqing .list dl .dd3 {

	margin-bottom: -5px;

	border-bottom: 0;

}

/*page*/



.page {

	position: relative;

	margin: 0px auto 56px;

	text-align: center;

}

.page .add {

	position: absolute;

	right: 0;

	top: 1px;

}

.page a, .page span {

	display: inline-block;

	background-color: #0084ce;

	border: 1px solid #0084ce;

	color: #fff;

	margin-left: 8px;

	width: 25px;

	height: 26px;

	line-height: 26px;

	text-align: center;

	font-size: 12px;

	font-size: 1.2rem;

}

.page a:hover {

	background-color: transparent;

	color: #0084ce;

}

.page .on {

	background-color: transparent;

	color: #0084ce;

}

/*.page span { display: inline-block; text-align: center; font-size: 16px; font-size: 1.6rem; color: #4b4b4b; position: relative; top: 3px; margin-left: 11px; margin-right: 15px; }



*/



.page img {

	display: inline-block;

	position: relative;

	top: 0px;

	margin-left: 2px;

}

.page .ins {

	width: 150px;

	display: inline-block;

	height: 30px;

	line-height: 28px;

	text-align: center;

	border: none;

	outline: none;

	background-color: #0084ce;

	color: #fff;

	font-size: 14px;

	font-size: 1.4rem;

	cursor: pointer;

	border-radius: 5px;

}

.page .ins:hover {

	background-color: #0084ce;

}

.page .first, .page span.first {

	width: 62px;

	margin-left: 0;

	margin-right: 3px;

	font-size: 12px;

	font-size: 1.2rem;

}

.page .last, .page span.last {

	width: 62px;

	margin-right: 25px;

	font-size: 12px;

	font-size: 1.2rem;

}

 @media screen and (max-width: 1219px) {

.product1 .xiangqing .goods, .product2 .xiangqing .goods1 {

	width: 680px;

}

.product1 .xiangqing .goods .box1 dl, .product2 .xiangqing .goods1 .box1 dl {

	margin-top: 0% !important;

}

.product1 .xiangqing .goods .box1 dl dd, .product2 .xiangqing .goods1 .box1 dl dd {

	width: 31% !important;

	margin: 0 1% 2% 1% !important;

}

.product1 .xiangqing .goods .box1 form dl dd .libox .litop a {

	width: calc(100% - 2px);

}

.product1 .xiangqing .goods .box1 form dl dd .libox .libot a {

	width: 98%;

	max-width: 158px;

}

.page .page-n {

	margin-right: 200px;

}

.product1 .xiangqing .list, .product2 .xiangqing .list {

	width: 258px;

}

.product2 .goods1 ul.rel-pro li {

	width: 24%;

	margin: 0.5% !important;

}

.product2 .goods1 ul.rel-pro li .libox .litop a {

	width: calc(100% - 2px);

}

.product2 .goods1 ul.rel-pro li .libox .libot a {

	width: 95%;

	max-width: 148px;

	margin: 0 auto;

}

.product2 .goods1 #showArea {

	height: 300px;

}

.product2 .goods1 .left-pro {

	width: 600px;

}

.product2 .goods1 .left-pro .t2 {

	width: 402px;

}

.product2 .goods1 .left-pro .t2 img {

	width: 400px;

	height: 389px;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddbot a {

	padding: 5px 10px;

	width: calc( 100% - 20px )

}

}

 @media screen and (max-width: 999px) {

.product1 .xiangqing .goods, .product2 .xiangqing .goods {

	width: 650px;

}

.product1 .xiangqing .goods1, .product2 .xiangqing .goods1 {

	width: 650px;

}

.product1 .xiangqing .list, .product2 .xiangqing .list {

	width: 258px;

}

.product2 .goods1 .wenzi .table {

	overflow: scroll

}

.product2 .goods1 .wenzi .table table {

	width: 880px

}

}

 @media screen and (max-width: 979px) {

.product2 .goods1 .content .hang1 {

	width: 100%;

}

.product2 .goods1 .img980 {

	display: block;

}

.product2 .goods1 .share1 {

	float: none;

	margin: 0 auto;

}

.product2 .goods1 .left-pro {

	display: none !important;

}

.product2 .goods1 .content .btn {

	width: 100%;

}

.product2 .goods1 .content .btn a, .product2 .goods1 .content .btn span {

	float: none;

	margin: 10px;

}

.product2 .goods1 ul.rel-pro li .libox .litop a .przz {

	display: none;

}

.product2 .goods1 ul.rel-pro li .libox .libot a {

	font-size: 12px;

	font-size: 1.2rem;

}

.page {

	margin-bottom: 50px;

}

.page a {

	margin-bottom: 15px;

}

.page .add {

	position: static;

}

.page .page-n {

	margin-right: 0px;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddzz {

	display: none;

}

.product1 .xiangqing .goods, .product2 .xiangqing .goods1 {

	width: calc(100% - 300px);

}

.product1 .xiangqing .goods .box1 dl dd, .product2 .xiangqing .goods1 .box1 dl dd {

	width: 48% !important;

	margin: 0 1% 2% 1% !important;

}

.product1 .xiangqing .goods .list, .product2 .xiangqing .goods1 .list {

	margin-bottom: 30px;

}

.product2 .goods1 .content {

	margin-top: 30px;

	width: 100%;

}

.product2 .goods1 .p-kuang {

	margin: 0 auto;

	float: none;

}

}

 @media screen and (max-width: 768px) {

.product1 .xiangqing .list .title2 {

	margin-top: 20px;

}

.page {

	margin-bottom: 30px;

}

.product1 {

	padding-top: 20px;

}

.product1 .xiangqing .goods .box1 form dl {

	padding-bottom: 30px;

}

.product2 .goods1 .protitle1 a {

	font-size: 20px;

	font-size: 2.0rem;

}

.product2 .goods1 .protitle1 a span {

	font-size: 20px;

	font-size: 2.0rem;

}

.product2 .goods1 .protitle4 a {

	font-size: 20px;

	font-size: 2.0rem;

}

.product2 .goods1 .protitle4 a span {

	font-size: 20px;

	font-size: 2.0rem;

}

.product2 .goods1 .img980 {

	display: block;

}

#tsShopContainer {

	display: none;

}

.product2 .goods1 ul.rel-pro li {

	width: 48%;

}

.product2 .goods1 .p-kuang {

	width: 100%;

}

}

 @media screen and (max-width: 639px) {

.product2 .goods1 .protitle1 {

	margin-top: 30px;

}

.product2 .goods1 .protitle4 {

	background: #e3dede;

}

.product2 .goods1 .img980 ul li {

	width: 48%;

}

.product2 .goods1 .content .title h1 {

	font-size: 18px;

	font-size: 1.8rem;

}

.product1 .xiangqing .goods {

	width: 100%;

}

.product1 .xiangqing .goods .box1 ul li {

	width: 48% !important;

	margin: 0 1% 2% 1% !important;

}

.product1 .xiangqing .list {

	width: 100%;

	margin-bottom: 30px;

}

.product2 .xiangqing .goods1 {

	width: 100%;

}

.product2 .xiangqing .goods1 .box1 ul li {

	width: 48% !important;

	margin: 0 1% 2% 1% !important;

}

.product2 .xiangqing .list {

	width: 100%;

	margin-bottom: 30px;

}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddmid a {

	max-width: 100%;

}

.product1 .xiangqing .list .subNavBox .subNav a {

	line-height: 25px;

	padding-top: 5px;

	padding-bottom: 5px

}

}

 @media screen and (max-width: 999px) {

.MagicZoomBigImageCont, .MagicZoomPup {

	display: none !important;

}

.MagicZoom {

	cursor: auto !important;

}

}

 @media screen and (max-width: 320px) {

.product2 .xiangqing .goods2 .img980 ul li {

	width: 100%;

	margin: 0 0 2%;

}

}

.relative {

	margin-bottom: 55px;

}

.relative .title {

	background: url(../images/relative.png) no-repeat 395px center;

	width: 100%;

	margin-bottom: 23px;

	margin-top: 38px;

}

.relative .title a {

	padding-bottom: 9px;

	padding-top: 9px;

	line-height: 30px;

	font-size: 36px;

	font-size: 3.6rem;

	color: #333;

	display: block;

	text-transform: uppercase;

	font-weight: bold;

}

.relative .title a:hover {

	color: #0084ce;

}

.relative .title2 {

	background: url(../images/relative2.png) no-repeat 293px center;

	width: 100%;

	margin-bottom: 23px;

	margin-top: 38px;

}

.relative .title2 a {

	padding-bottom: 9px;

	padding-top: 9px;

	line-height: 30px;

	font-size: 36px;

	font-size: 3.6rem;

	color: #333;

	display: block;

	text-transform: uppercase;

	font-weight: bold;

}

.relative .title2 a:hover {

	color: #0084ce;

}

.relative dl dd {

	float: left;

	width: 280px;

	margin-left: 26.66px;

}

.relative dl dd .ddbox .ddtop {

	position: relative;

	overflow: hidden;

}

.relative dl dd .ddbox .ddtop .ddimg a {

	display: block;

	border: 1px solid #e0e0e0;

}

.relative dl dd .ddbox .ddtop .ddimg a img {

	display: block;

	max-width: 100%;

}

.relative dl dd .ddbox .ddtop .ddzz {

	background: #0084ce;

	background: rgba(0, 132, 206, 0.9);

	position: absolute;

	width: 100%;

	height: 100%;

	top: 100%;

	left: 0;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}

.relative dl dd .ddbox .ddtop .ddzz a {

	display: block;

	width: 100%;

	height: 100%;

	margin-top: 30px;

}

.relative dl dd .ddbox .ddtop .ddzz a span {

	position: absolute;

	display: block;

	width: 38px;

	height: 41px;

	top: 50%;

	margin-top: -19px;

	left: 50%;

	margin-left: -20.5px;

}

.relative dl dd .ddbox .ddbot a {

	display: block;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	;

	color: #333;

	background-color: #cfcfcf;

	line-height: 30px;

	padding: 5px 0;

	height: 30px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.relative dl dd:hover .ddbox .ddtop .ddzz {

	top: 0;

}

.relative dl dd:hover .ddbot a {

	background-color: #0084ce;

	color: #fff;

}

 @media screen and (max-width: 1219px) {

.relative dl dd {

	width: 23%;

	margin: 1% !important;

}

.relative dl dd .ddbox .ddtop .ddzz a span {

	width: 95%;

}

.relative dl dd .ddbox .ddbot a {

	height: 30px;

	overflow: hidden

}

}

 @media screen and (max-width: 979px) {

.relative {

	margin-bottom: 30px;

}

.relative dl dd .ddbox .ddtop .ddzz {

	display: none;

}

}

 @media screen and (max-width: 768px) {

.product2 .xiangqing .list .title2 {

	margin-top: 20px;

}

.product2 .goods1 {

	width: 100%!important;

	float: none;

}

.product2 .xiangqing .list {

	width: 100%;

	margin-bottom: 10px;

}

.product2 .goods1 .protitle1 {

	background: none;

}

.relative dl dd {

	width: 48%;

}

.relative .title {

	background: none;

	margin: 10px 0px;

}

.relative .title a {

	font-size: 24px;

	font-size: 2.4rem;

}

.relative .title2 {

	background: none;

	margin: 10px 0px;

}

.relative .title2 a {

	font-size: 24px;

	font-size: 2.4rem;

}

.product2 .goods1 .content .title {

	margin: 10px 0px;

}

.product2 .goods1 .content {

	margin-top: 20px;

}

.footer_bot {

	padding-bottom: 20px;

}

}

/* about */



.about {

	padding-top: 50px;

}

.ab1_top {

}

.ab1_top img.r {

	display: block;

	max-width: 599px;

	max-height: 390px;

	width: 100%;

	margin-left: 15px;

}

.ab1_top p {

	line-height: 28px;

	padding-bottom: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

}

.ab1_top .tiyo img {

	display: block;

	margin-top: 27px;

	max-width: 466px;

	max-height: 98px;

	width: 100%;

	margin-bottom: 46px;

}

.about_p {

	padding-top: 10px;

}

.about_p p {

	line-height: 28px;

	padding-bottom: 3px;

}

.abnav2 {

	text-align: center;

	margin-top: 24px;

	padding-bottom: 52px;

}

.abnav2 a {

	display: inline-block;

	width: 268px;

	float: left;

	margin-left: 31px;

	margin-right: 101px;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	color: #080103;

	text-align: center;

	padding-top: 149px;

}

.abnav2 .ab21 {

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

}

.abnav2 .ab22 {

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

}

.abnav2 .ab23 {

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

}

/*.abnav2 .ab21:hover {

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

}

.abnav2 .ab22:hover {

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

}

.abnav2 .ab23:hover {

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

}

*//*.abnav2 a:hover {

	color: #0084ce;

}*/

.abx {

}

.abx {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 30px;

}

.abx a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #0084ce;

	line-height: 30px;

}

.abx img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.abx iframe {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.abx table {

	width: 90%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

	margin-left: auto;

	margin-right: auto

}

.abx table tr td {

	padding: 3px;

	border: 1px solid #ccc;

	background: #fff

}

 @media screen and (max-width:1219px) {

.abnav2 a {

	width: 33%;

	margin: 0 auto;

}

.ab1_top img.r {

	width: 50%;

}

}

 @media screen and (max-width:999px) {

.about {

	padding-top: 20px;

}

.ab1_top img.r {

	float: none;

	margin: 0 auto;

	width: 100%;

}

.abx .table {

	overflow: scroll

}

.abx .table table {

	width: 880px

}

}

 @media screen and (max-width:850px) {

.abnav2 a {

	font-size: 14px;

	font-size: 1.4rem;

}

}

 @media screen and (max-width:768px) {

.about {

	padding-top: 10px;

}

.abnav2 a {

	width: 50%;

	float: left;

	font-size: 14px;

	font-size: 1.4rem;

	margin-bottom: 20px;

}

.ab1_top .tiyo img {

	margin: 20px 0px 10px;

}

.about_p p {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	padding-bottom: 10px;

}

.ab1_top p {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	padding-bottom: 10px;

}

.abnav2 {

	padding-top: 0px;

	padding-bottom: 30px;

}

}

 @media screen and (max-width:360px) {

.abnav2 a {

	padding-top: 131px;

	width: 100%;

	float: none;

	font-size: 14px;

	font-size: 1.4rem;

}

}

/************************  new  ***************************/



.new {

	padding-top: 30px;

}

.synew {

	padding-top: 82px;

	padding-bottom: 67px;

}

.wn {

	text-align: center;

	font-size: 28px;

	font-size: 2.8rem;

	text-transform: uppercase;

	margin-bottom: 52px;

}

.syntu img {

	display: block;

	width: 100%;

	max-width: 567px;

	max-height: 356px;

}

.syntu {

	display: block;

}

.synbox {

	float: left;

	width: 567px;

	margin-left: 66px;

	margin-top: 18px;

}

.synnr {

	width: 368px;

	margin-top: 31px;

}

.yueri {

	position: relative;

	margin-top: 0px;

}

.yue {

	font-size: 22px;

	font-size: 2.2rem;

	color: #0084ce;

	font-weight: bold;

	position: absolute;

	top: 65px;

	left: 40px;

}

.ri {

	font-size: 140px;

	font-size: 14rem;

	font-weight: bold;

	color: #cccccc;

}

.synp1 {

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	margin-bottom: 16px;

}

.synp1:hover a {

	color: #0084ce;

}

.synp2 {

	line-height: 25px;

}

.synp2 a {

	display: block;

	max-height: 50px;

	overflow: hidden;

}

.synp2 a:hover {

	color: #0084ce;

}

.new_box {

	padding-bottom: 43px;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.synbox {

	width: 456px;

}

.ri {

	font-size: 100px;

	font-size: 10rem;

}

.yue {

	font-size: 20px;

	font-size: 2rem;

	top: 44px;

	left: 28px;

}

.synnr {

	width: 325px;

}

.synnr {

	margin-top: 30px;

}

}

 @media screen and (max-width:999px) {

.new .page {

	top: 0px;

}

.ri {

	font-size: 100px;

	font-size: 10rem;

}

.yue {

	font-size: 20px;

	font-size: 2rem;

	top: 44px;

	left: 28px;

}

.synbox {

	width: 48%;

	margin: 0px 1%;

	margin-bottom: 30px;

}

.yueri {

	width: 20%;

}

.synnr {

	width: 66%;

}

.syntu {

	width: 100%;

	text-align: center;

}

}

 @media screen and (max-width:768px) {

.new {

	padding-top: 20px;

}

.synnr {

	width: 100%;

	margin-top: 0;

}

}

 @media screen and (max-width:639px) {

.bread .wp a {

	font-size: 14px;

	font-size: 1.4rem;

}

.synbox {

	width: 100%;

	margin: 0;

	margin-bottom: 30px;

}

.new_box {

	padding-bottom: 0px;

}

.synp1 {

	margin-bottom: 5px;

}

.synew {

	padding-top: 30px;

}

.ri {

	font-size: 80px;

	font-size: 8rem;

}

.yue {

	font-size: 16px;

	font-size: 1.6rem;

	top: 35px;

	left: 19px;

}

.yueri {

	margin-top: 0;

}

.synew {

	padding-bottom: 10px;

}

.wn {

	margin-bottom: 30px;

}

.new {

	padding-top: 10px;

}

}

/***********************  new2  *************************/



.new2 {

	padding-top: 47px;

	padding-bottom: 50px;

}

.new2 h1 {

	text-align: center;

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

}

.nsj {

	text-align: center;

	color: #cccccc;

	margin-top: 7px;

	margin-bottom: 2px;

}

.nsj span.aspj {

	font-size: 14px;

	font-size: 1.4rem;

	margin-right: 20px;

	display: inline-block;

	text-align: center;

	color: #cccccc;

	line-height: 24px;

}

.nsj .share1 {

	position: relative;

	top: 6px;

	display: inline-block;

	width: 186px;

}

.nsj .share1 .span4 {

	font-size: 14px;

	font-size: 1.4rem;

	color: #999999;

	height: 19px;

	line-height: 19px;

}

.nsj .at-resp-share-element .at-icon {

	width: 19px !important;

	height: 19px !important;

}

.nsj .at-style-responsive .at-share-btn {

	padding: 0 !important;

	border-radius: 2px !important;

}

.nsj .at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 19px !important;

	height: 19px !important;

}

.nsj .at-resp-share-element .at-share-btn {

	margin-bottom: 0 !important;

	margin-right: 3px !important;

}

.new_x {

	line-height: 30px;

	padding-bottom: 30px;

	border-bottom: 1px solid #cccccc;

	margin-bottom: 20px;

}

.new_x p a, .new_x a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #0449b1;

	line-height: 30px;

}

.new_x p img, .new_x img {

	display: block;

	max-width: 100%;

	max-height: 360px;

	margin: 0 auto;

}

.new_x table {

	width: 90%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

	margin-left: auto;

	margin-right: auto

}

.new_x table tr td {

	padding: 3px;

	border: 1px solid #ccc;

	background: #fff

}

.xwsx {

	line-height: 30px;

	color: #333

}

.xwsx a:hover {

	color: #0449b1;

}

.new_x strong {

	color: #0449b1;

}

 @media screen and (max-width:999px) {

.new2 h1 {

	line-height: 30px;

}

.new_x .table {

	overflow: scroll

}

.new_x .table table {

	width: 880px

}

}

 @media screen and (max-width:400px) {

.new2 h1 {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

}

.new2 {

	padding-top: 30px;

	padding-bottom: 20px;

}

}

/* video */



.video {

}

.video ul {

	padding-top: 40px;

	padding-bottom: 0px;

}

.video ul li {

	margin-bottom: 74px;

	width: 350px;

	float: left;

	margin-left: 75px;

}

.video ul li .litop {

	position: relative;

	padding-bottom: 78.15%;

	height: 0;

	overflow: hidden;

}

.video ul li .litop iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none;

}

.video ul li .litop iframe body {

	margin: 0px !important;

}

.video ul li .libot {

	margin-top: 19px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	text-align: center;

}

.video ul li .libot a {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

}

 @media screen and (max-width: 1219px) {

.video ul {

	margin-top: 0;

}

.video ul li {

	width: 31%;

	margin: 1% !important;

}

.video .title {

	margin-bottom: 20px;

}

}

 @media screen and (max-width: 600px) {

.video ul li {

	width: 48%;

	margin: 1% !important;

}

.video ul li .libot a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	line-height: 28px;

}

.video ul li .libot {

	margin-top: 10px;

	padding-bottom: 20px;

}

}

 @media screen and (max-width: 340px) {

.video ul li {

	width: 98%;

	margin: 1% !important;

}

}

/*=================================================contact=======================================*/







.contact {

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

}

.contact .top {

	padding-top: 62px;

	max-width: 100%;

	width: 100%;

	margin: 0 auto;

}

.contact .top dl {

	max-width: 1080px;

	margin: 0 auto;

	width: 100%;

}

.contact .top dl dd {

	width: 23%;

	float: left;

	margin-left: 1%; margin-right:1%;

}

.contact .top dl dd .top1 img {

	display: block;

	margin: 0 auto;

	max-width: 152px;

}

.contact .top dl dd .bottom1 {

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	padding-top: 34px;

}

.contact .top dl dd .bottom1 a {

	display: block;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

}

.contact .top dl dd .bottom1 a:hover {

	color: #078ccb;

}

.footer a:hover {

	color: #078ccb;

}

.contact .didian1 {

	text-align: center;

	margin: 48px auto 0;

	line-height: 33px;

}

.contact .didian1 span {

	display: inline-block;

	background: url(../images/site2.png) no-repeat left top;

	padding-left: 40px;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 33px;

	color: #333;

}

.cobiao {

	display: block;

	text-align: center;

	font-size: 20px;

	font-size: 2.0rem;

	font-weight: normal;

	color: #333333;

	padding-top: 44px;

	text-transform: uppercase;

}

.cop {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	color: #8a8a8a;

	text-align: center;

	margin-top: 0px;

}

.coxin {

	margin-top: 20px;

}

.col {

	width: 496px;

	float: left;

}

.cor {

	width: 664px;

	float: right;

}

.coxin .int1 {

	padding-left: 15px;

	margin-top: 18.5px;

}

.coxin .xing {

	background: url(../images/xing.png) no-repeat left 22px;

}

.coxin .int1 input {

	border: 1px solid #6f6f6f;

	width: 439px;

	height: 48px;

	padding-left: 38px;

	line-height: 48px;

}

.curen {

	background: #fff url(../images/curen.jpg) no-repeat left center;

}

.cuxinfeng {

	background: #fff url(../images/cuxinfeng.jpg) no-repeat left center;

}

.cudianhua {

	background: #fff url(../images/cudianhua.jpg) no-repeat left center;

}

.cufang {

	background: #fff url(../images/cuguojia.jpg) no-repeat left center;

}

.coxin textarea {

	border: 1px solid #6f6f6f;

	width: 605px;

	height: 185px;

	padding-left: 41px;

	line-height: 48px;

	background: #fff url(../images/cuxinxi.jpg) no-repeat left top;

}

.coxin .int2 {

	padding-left: 14px;

	margin-top: 18.5px;

}

.coxin .int3 {

	border: 1px solid #6f6f6f;

	width: 227px;

	height: 48px;

	padding-left: 12px;

	line-height: 41px;

	float: left;

	background: #fff

}

.coxin .yanzheng {

	width: 161px;

	height: 50px;

	float: left;

	margin-left: 8px;

	cursor: pointer

}

.coxin .int4 {

	width: 199px;

	height: 50px;

	background: #0084ce;

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	float: right;

	cursor: pointer;

	border-radius: 0px;

}

.map iframe {

	cursor: pointer;

	display: block;

	width: 100%;

	max-width: 1200px;

	margin-top: 70px;

	max-height: 631px;

}

.map {

	margin-bottom: 57px;

}

 @media screen and (min-width:1000px) and (max-width:1219px) {

.col {

	width: 47%;

}

.cor {

	width: 47%;

}



.coxin textarea {

	width: 408px;

}

.coxin .int3 {

	width: 130px;

}

.coxin .int4 {

	width: 129px;

}

}

 @media screen and (max-width:999px) {

.coul {

	width: 30%;

	margin-left: 1.5%;

	margin-right: 1.5%;

	float: left;

	height: 100px;

}



.contact .top dl dd .bottom1 {

	padding-top: 10px;

	padding-bottom: 10px;

}

.col {

	width: 100%;

	float: none;

}

.cor {

	width: 100%;

	float: none;

}

.coxin .int1 input {

	width: 90%;

}

.coxin textarea {

	width: 90%;

}

.coxin .int3 {

	width: 30%;

}

.coxin .int4 {

	width: 30%;

	float: left;

	margin-left: 8px;

}

}

 @media screen and (max-width:979px) {

.contact {

	padding-top: 40px;

}

.contact .top {

	width: 100%;

	padding-top: 20px;

}

.contact .top dl dd {

	width: 23%;

	margin-left: 1%; margin-right:1%

}

}

 @media screen and (max-width:749px) {

.contact {

	padding-top: 20px;

}

.map img {

	margin-top: 20px;

}

.map {

	margin-bottom: 20px;

}

.cobiao {

	padding-top: 20px;

}

.contact .didian1 {

	margin-top: 0px;

}

.contact .top dl dd {

	width: 48%;

	

	margin-bottom: 15px;

}

}

 @media screen and (max-width:639px) {

.coul {

	width: 47%;

	margin-left: 1.5%;

	margin-right: 1.5%;

	float: left;

}

.coxin .int1 input {

	width: 85%;

}

.coxin textarea {

	width: 84%;

}

.coxin .int3 {

	width: 84%;

	padding-left: 41px;

	float: none;

}

.coxin .yanzheng {

	margin-left: auto;

	margin-top: 11px;

}

.coxin .int4 {

	width: 36%;

	float: left;

	margin-left: 8px;

	margin-top: 11px;

}

}

 @media screen and (max-width:480px) {

.contact .didian1 {

	width: auto;

}

}







/*@media screen and (max-width:400px){



.contact .top dl dd{width: 100%;margin-left: 0;margin-bottom: 20px;}



}



*/@media screen and (max-width:379px) {

.coul {

	width: 97%;

	margin-left: 1.5%;

	margin-right: 1.5%;

	float: left;

	height: auto;

}

}

.ziti {

	font-family: 'MASQUE';

}

#baguetteBox-overlay {

	display: none;

	opacity: 0;

	position: fixed;

	overflow: hidden;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #222;

	background-color: rgba(0,0,0,.8);

	-webkit-transition: opacity .5s ease;

	transition: opacity .5s ease;

	z-index: 99999999999999999999999999999999999999;

}

#baguetteBox-overlay.visible {

	opacity: 1

}

#baguetteBox-overlay .full-image {

	display: inline-block;

	position: relative;

	width: 100%;

	height: 100%;

	text-align: center;

}

#baguetteBox-overlay .full-image figure {

	display: inline;

	margin: 0;

	height: 100%

}

#baguetteBox-overlay .full-image img {

	display: inline-block;

	width: auto;

	height: auto;

	max-height: 100%;

	max-width: 100%;

	vertical-align: middle;

	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.6);

	-moz-box-shadow: 0 0 8px rgba(0,0,0,.6);

	box-shadow: 0 0 8px rgba(0,0,0,.6);

}

#baguetteBox-overlay .full-image figcaption {

	display: block;

	position: absolute;

	bottom: 0;

	width: 100%;

	text-align: center;

	line-height: 1.8;

	color: #ccc;

	background-color: #000;

	background-color: rgba(0,0,0,.6);

	font-family: Verdana, Geneva, sans-serif;

}

#baguetteBox-overlay .full-image:before {

	content: "";

	display: inline-block;

	height: 50%;

	width: 1px;

	margin-right: -1px

}

#baguetteBox-slider {

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 100%;

	white-space: nowrap;

	-webkit-transition: left .4s ease, -webkit-transform .4s ease;

	transition: left .4s ease, -moz-transform .4s ease;

	transition: left .4s ease, transform .4s ease

}

#baguetteBox-slider.bounce-from-right {

	-webkit-animation: bounceFromRight .4s ease-out;

	animation: bounceFromRight .4s ease-out

}

#baguetteBox-slider.bounce-from-left {

	-webkit-animation: bounceFromLeft .4s ease-out;

	animation: bounceFromLeft .4s ease-out

}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {

	top: 50%;

	top: calc(50% - 30px);

	width: 44px;

	height: 60px

}

.baguetteBox-button {

	position: absolute;

	cursor: pointer;

	outline: 0;

	padding: 0;

	margin: 0;

	border: 0;

	-moz-border-radius: 15%;

	border-radius: 15%;

	background-color: #323232;

	background-color: rgba(50,50,50,.5);

	color: #ddd;

	font: 1.6em sans-serif;

	-webkit-transition: background-color .4s ease;

	transition: background-color .4s ease;

}

.baguetteBox-button:hover {

	background-color: rgba(50,50,50,.9)

}

.baguetteBox-button#next-button {

	right: 2%

}

.baguetteBox-button#previous-button {

	left: 2%

}

.baguetteBox-button#close-button {

	top: 20px;

	right: 2%;

	right: calc(2% + 6px);

	width: 30px;

	height: 30px

}

.baguetteBox-button svg {

	position: absolute;

	left: 0;

	top: 0

}

.spinner {

	width: 40px;

	height: 40px;

	display: inline-block;

	position: absolute;

	top: 50%;

	left: 50%;

	margin-top: -20px;

	margin-left: -20px

}

.double-bounce1, .double-bounce2 {

	width: 100%;

	height: 100%;

	-moz-border-radius: 50%;

	border-radius: 50%;

	background-color: #fff;

	opacity: .6;

	position: absolute;

	top: 0;

	left: 0;

	-webkit-animation: bounce 2s infinite ease-in-out;

	animation: bounce 2s infinite ease-in-out

}

.double-bounce2 {

	-webkit-animation-delay: -1s;

	animation-delay: -1s

}

.listcart {

	width: 100%;

	margin-top: 40px

}

.listcart a {

	display: inline-block;

	height: 30px;

	width: 150px;

	line-height: 30px;

	cursor: pointer;

	border: none;

	overflow: hidden;

	color: #333;

	cursor: pointer;

	border: 1px solid #0084ce;

	padding-left: 10px;

	padding-right: 10px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	margin-left: 10px;

}

.listcart a:hover {

	border: #0084ce solid 1px;

	background: #0084ce;

	color: #fff

}

 @media screen and (max-width:999px) {

.listcart a {

	width: 40%;

	margin-left: 2.5%;

	margin-right: 2.5%;

	padding-left: 0px;

	padding-right: 0px

}

.listcart {

	width: 100%;

	margin-top: 2rem

}

}

 @media screen and (max-width:420px) {

.listcart a {

	width: 95% !important;

	float: none;

	overflow: hidden;

	margin-bottom: 1rem;

	margin-top: 1rem

}

}

.shuxp_c {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 25px;

	margin-top: 5px;

	margin-bottom: 5px;

	font-family: Arial;

}

.top20du {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 25px;

	font-family: Arial;

}

.shuxp_c a, .currelansn {

	color: #0084ce !important

}

.slide,.slide_feny {

	position: relative;

}

.slide .carouse ,.slide_feny .carouse{

	width: 100%;

	overflow: hidden;

	position: relative;

}

.slide .carouse .slideItem, .slide_feny .carouse .slideItem{

	width: 100%;

	position: absolute;

	cursor: pointer;

}

.slide .carouse .slideItem .banner-img{

	width: 100%;

}



.slide_feny .banner-img {max-width: 100%; margin-left:auto; margin-right:auto}



.slide .console {

	height: 57px;

	display: inline-block;

	width: 35px;

	position: absolute;

	top: 40%;

}

.slide .dotList {

	position: absolute;

	width: 100%;

	bottom: 20px;

	text-align: center;

}

.slide .dotList ul li {

	display: inline-block;

	width: 14px;

	height: 14px;

	background: #fff;

	margin: 0 8px;

	cursor: pointer;

}

.slide .dotList ul li.active {

	background: #ffc523;

	width: 28px;

}

.slide .carousel-control {

	position: absolute;

	top: 50%;

	width: 52;

	height: 52px;

	z-index: 999;

	margin-top: -45px;

}

.slide .carousel-control.left {

	left: 5px;

	width: 52px;

	height: 52px;

	background: url(../images/bnbtnl.png) no-repeat center center; cursor:pointer

}

.slide .carousel-control.right {

	right: 5px;

	width: 52px;

	height: 52px;

	background: url(../images/bnbtnr.png) no-repeat center center; cursor:pointer

}

.slide .dotList ul li {

	

	

	

	position: relative;

	display: inline-block;

	margin: 5px 9px;

	

	border-radius: 50%;

	background: #fff;

	-webkit-box-shadow: inset 0 0 0 1px #ffffff;

	box-shadow: inset 0 0 0 1px #ffffff;

	width: 9px;

	height: 9px;

}

.slide .dotList ul li.active {

	background: #0084ce;

	margin: 0 9px;

	width: 19px;

	height: 19px;

	-webkit-box-shadow: none;

	box-shadow: none;

}

.slide .slidedetail {

	display: none;

}

.shejiaotoub img{ max-width:25px; display:inline-block; margin-left:10px; }