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



* {



	margin: 0;



	padding: 0;



}



html {



	font-size: 62.5%;



	height: 100%



}



body {



	margin: 0 auto;



	font-size: 18px;



	font-size: 1.8rem;



	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/contact.gif) no-repeat left center;



}



#online_qq_tab a#floatHide {



	background: url(../images/contact.gif) 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 22px center;



	padding-left:50px;



	display: block;



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



	display: block;



	line-height: 21px;



	padding-top: 5px;



	padding-bottom: 5px;



	margin-top: 2px;

	



}



.cal {



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



	padding-left: 50px;



	display: block;



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



	display: block;



	line-height: 21px;



	padding-top: 5px;



	padding-bottom: 5px; 



}



.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: 42px;



}



.headr_top .logo a.dan999 img {



	display: block;



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



}



.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;



}

.headr_top .youxiang {



	



	color: #fff;



	padding-left: 30px; margin-right:16px;



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



}

.headr_top .youxiang a{ color:#fff}

.headr_top .youxiang a:hover{ text-decoration:underline}



.header_right {



}



.header_ul1>li {



	float: left;



	/*margin-left: 46px;*/


margin-left: 27px;
	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: 3px;



}



}



 @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 { margin-top:-109px;



	padding-top: 140px;



	padding-bottom: 54px;



	background: url( ../images/footer.png) no-repeat bottom 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: 30px;



	color: #fff;



}



.footer ul li a {



	line-height: 30px;



	color: #fff;



}



.footer_left {



	float: left;



	width: 28.3%;
	width: 15.3%;



}



.footer_left2 {



	float: left;



	width: 35%;
width: 28%;


}

.footer_form{
    width: 31%;
    float: left;
}
.footer_form input{
    border: 1px solid #6f6f6f;
    width: 100%;
    height: 48px;
    padding-left: 38px;
    line-height: 48px;
    box-sizing: border-box;
}
.footer_form .int1 textarea{
    border: 1px solid #6f6f6f;
    width: 100%;
    height: 125px;
    padding-left: 38px;
    line-height: 48px;
    background: #fff url(../images/cuxinxi.jpg) no-repeat left top;
    display: block;
    box-sizing: border-box;
}
.footer_form .int1{
    padding-left: 15px;
}
.footer_form .int2{
    display: flex;
    padding-left: 15px;
}
.footer_form .int2 img{
    height:48px;
    cursor: pointer;
    position: relative;
    top:1;
}
.footer_center {



	float: left;



	width: 25%;



}



.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.webp ) 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:1219px) {



.footer { margin-top:0px;



	padding-top: 154px;



	padding-bottom: 54px;



	background: #333 !important;



}



.footer .title {



	padding-top: 30px;



}



.footer {



	padding-top: 0px;



	padding-bottom: 54px;



	background: #222325;



}



.footer_left {



	float: left;



	width: 48%;



	min-height: 405px;



}



.footer_left2 {



	float: right;



	width: 48%;



}



.footer_center {



	float: none;



	width: 100%;

    width: 48%;

	clear: both;



	margin-top: 20px;

    float: left;

}

.footer_form{
    width: 48%;
}

.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; padding-bottom:18px;

	background: url( ../images/minbjkt.webp) no-repeat right bottom;



}



.main1 a:hover {



	color: #0084ce;



}



.main1 .title a:hover {



	color: #0084ce;



}



.main1 .title {



	margin-bottom: 27px;



	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: 0px;



	width: 100%



}



.m1_left .pic {



	display: block;


  position: relative; padding-top: 42.33%; overflow: hidden;
	max-width: 100%; margin-top:6px; margin-right:0px;



	width: 49.41%;
}

.m1_left .pic img{
	position: absolute; left: 16px; top: 0px; width: 100%; height: 100%; display: block;
}


.m1_title2 {



	padding-left: 107px;



	padding-top: 70px;



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



	padding-bottom: 14px



}



.m1_title2 a {



	display: block;/* background:#fff;*/



	font-size: 44px;



	font-size: 4.4rem;



	color: #0084ce;



	font-weight: bold;



	line-height: 44px;



}



.m1_left p {



	padding-left: 13px;



	/*font-size: 14px;



	font-size: 1.4rem;*/
font-size: 18px;



	font-size: 1.8rem;


	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: 41px;



	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: 122px*/
padding-bottom: 110px;



}



.main2 a:hover {



	color: #0084ce;



}



.m2_wrap1 {
	margin-bottom:35px;

}



.m2_wrap1 .m2_l1 {



	padding-top:27px;



}



.m2_wrap1 .m2_l1 img {



	display: block;



	max-width: 100%;



}



.m2_wrap1 .m2_r1 {



	width: 600px;



	padding-top: 11px;



}



.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;
*/
font-size: 18px;



	font-size: 1.8rem;


	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;*/
padding-top: 50px;


}



.m2_wrap2 .m2_l1 {



	margin-top: 0px;



}



.m2_wrap2 .m2_l1 img {



	display: block;



	/*max-width: 100%;*/
width: 100%;
max-width: 363px;
height:513px;

	margin-top: 8px



}



.m2_wrap2 .m2_r1 {



	width: 600px;



	padding-top:68px;



}



.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;
*/
font-size: 18px;



	font-size: 1.8rem;


	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%;
    
    height:484px;

}

.m1_left img {



 margin-right:0px



}

.m1_title2 a { background:none}

}



 @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{ margin-top:50px;}
.m1_left .pic {



	max-width: 100%;



	float: none;



	width: 62.75%;
	padding-top: 53.53%;
	margin-right: 0;
}



.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;



}



}

@media screen and (max-width: 613px){
	.m1_left .pic{
		width: 100%;
		padding-top: 85.66%;
	}
	
}



/* main3 180px */







.main3 {


/*
padding-bottom: 54px;	padding-bottom: 84px; margin-top:-108px; margin-top:-138px;



	padding-top: 180px;



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

*/
padding-bottom: 35px;
    
    margin-top: -50px;
    padding-top: 150px;
	background: url( ../images/mian3bj.png) 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 iframe

{	display: block;



	



	max-width: 100%;



	margin-top: 37px;



	margin-left: 64px; float:right}
.m3_box img

{	display: block;



	



	max-width: 100%;



	margin-top: 37px;



	margin-left: 64px; float:right}
.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 { margin-top:0px;



	background: #555553;



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



}



.m3_box {



	background: none;



	padding: 0px;



}



.main3 .title {



	margin-bottom: 40px;



}



.m3_box img.r,.m3_box iframe {



	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.webp ) no-repeat bottom center;



}



.main4 .title {



	margin-bottom: 26px;



	text-align: center;



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



}



.main4 .title a {



	text-transform: uppercase;



	font-size: 44px;



	font-size: 4.4rem;



	color: #333;



	font-family: 'MASQUE';



}



.main4 .title2 {



	max-width: 799px;



	margin: 0 auto;



	text-align: center;



}



.main4 .title2 a {



	display: block;



	line-height: 28px;



	color: #333;



}



.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: 18px;



	font-size: 1.8rem;



	color: #ffffff;



	line-height: 44px;



	text-align: center;



	/*white-space: nowrap;*/
	    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



	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.webp ) 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;background: url( ../images/shneis.webp) no-repeat center center;



	padding-bottom: 118px; 

background-size: cover;

}



.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 {

width: 50%;

}



.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 10px;



	height: 30px;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}

.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddbot2 a{overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
}
.product1 .xiangqing .goods .box1 form dl{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; width:100%;}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddbot2  {

overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;




	text-align: center;



	font-size: 12px;



	font-size: 1.2rem;
	

	color: #333;



	background-color: #cfcfcf;



	line-height: 1.6;



	padding: 10px 10px;





}
.product1 .xiangqing .goods .box1 form dl dd:hover .ddbot2{ background:#0084ce;}
.product1 .xiangqing .goods .box1 form dl dd:hover .ddbox .ddbot2 a{ color:#fff;}

.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;



	



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



}



.ab1_top .tiyo img {



	display: block;



	margin-top: 27px;



	max-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; cursor:default



}



.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;



	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: 0 1%;
    margin-bottom: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;






}



.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: 242px;



}



.nsj .share1 .span4 {



	font-size: 14px;



	font-size: 1.4rem;



	color: #999999;



	height: 19px;



	line-height: 25px;



}



.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; letter-spacing: 0; font-size:0;



}



.video ul li {



	margin-bottom: 74px;



	width: 350px;



	float: none;



	margin-left: 75px; display:inline-block; vertical-align:top



}



.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,.footer_form .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: 18%;



	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; }

.footer2{ margin-top:0px !important}



/*common*/
.com-img-tra-cur>div a,.com-img-tra>div a,.com-img-tra-cur .img{overflow: hidden;}
.com-img-tra-cur>div img,.com-img-tra>div img,.com-img-tra-cur .img img{transition: 1s;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;}
.com-img-tra-cur>div img:hover,.com-img-tra>div:hover img,.com-img-tra-cur .img:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);}

.com-rotate-cur img,.com-rotate .img{transition: 0.8s;-moz-transition: 0.8s;-o-transition: 0.8s;-webkit-transition: 0.8s;}
.com-rotate-cur img:hover,.com-rotate .main-item:hover .img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}

.com-tra-no:hover img{transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;-webkit-transform:none !important;}


.main2py{     padding-top: 86px;
    padding-bottom: 60px;
	background:url(../images/main2pytu.webp) no-repeat center center;
	background-size:cover;
	margin-bottom:80px;
	}
.com-title{ 
	text-transform:uppercase;
	font-size: 42.4px;
    font-size: 4.24rem;
    text-align: center; 
    color: #184d9d;}
.com-title a{
	text-transform: uppercase;
    font-size: 44px;
    font-size: 4.4rem;
    color: #333;
    font-family: 'MASQUE';
}
.com-title a:hover{
	text-decoration: underline;
}
.com-des{font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin: auto;
    margin-top: 12px;}
.main2py .cont{margin-top: 3px;}
	
.main2py .cont .item{float: left;margin-left: 37px;margin-top: 45px;}
.main2py .cont .item .img{position: relative;display: block;}
.main2py .cont .item .img img{width: 100%;max-width: 272px; display:block;}
.main2py .cont .item .img p{position: absolute;bottom: 0;width: 100%;width: calc(100% - 18px);font-size: 18px;font-size: 1.8rem;color: #fff;background: #000;background: rgba(0,0,0,0.5);text-align: center;padding: 9px 0;padding: calc(9px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media screen and (max-width:1419px){.main2py{padding-top: 40px;}.main2py .cont .item{width: 23%;margin-left: 1% !important;margin-right: 1%;}}
@media screen and (max-width:699px){.main2py .cont .item{width: 48%;margin-top: 8%;}}
@media screen and (max-width:339px){.main2py .cont .item{float: none;width: 98%;}}



.applm{padding-top: 20px\9;padding-bottom: 4px;}
.applm .cont{}
.applm .item{float: left;background: #eee;margin-bottom: 30px;}
.applm .item.fr{float: right;}
.applm .item .inner{padding: 10px;}
.applm .item .img{float: left;width: 294px;}
.applm .item .img img{width: 100%;max-width: 294px;max-height: 262px;}
.applm .item .contb{float: left;/*width: 330px;*/ width: 250px;margin-left: 30px;}
.applm .item .contb .title{display: block;font-size: 18px;font-size: 1.8rem;color: #184D9D;margin-top: 6px;}
.applm .item .contb .title+hr{width: 65px;height: 2px;background: #184D9D;padding: 0;border: 0;margin-left: 0; text-align:left\9 }
.applm .item .contb .title:hover{color: #333;}
.applm .item .contb .title:hover+hr{background: #333;}
.applm .item .contb .ul{margin-top: 12px;max-height: 208px;overflow: hidden;}

.applm .item .contb .ul li a{ color:#184D9D}
.applm .item .contb p{font-size: 14px;font-size: 1.4rem;color: #4d4d4d;line-height: 26px;}

@media screen and (max-width:1419px){.applm .item .contb{width: 240px;}}
@media screen and (max-width:1219px){.applm .item .img{width: 200px;}.applm .item .contb{margin-left: 20px;}.applm .item .contb .ul{height: 208px;}}
@media screen and (max-width:999px){.applm .item{float: none !important;width: 100%;}.applm .item .contb{width: auto;max-width: calc(100% - 320px);}.applm .item .img{width: auto;}.applm .item .contb .ul{height: auto;max-height: none;}}
@media screen and (max-width:599px){.applm .item .img{width: 200px;}.applm .item .contb{max-width: calc(100% - 220px);}}
@media screen and (max-width:499px){.applm .item .img{width: 150px;}.applm .item .contb{max-width: calc(100% - 170px);}}
@media screen and (max-width:399px){.applm .item .img{float: none;width: auto;}.applm .item .contb{float: none;max-width: none;margin-left: auto;margin-top: 20px;}}
.main5 .m5_ul li>p{font-size: 16px;font-size:1.6rem}



/*pyadd*/
.m-hvideomodal {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999999;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.5);
	display:none;
}
.m-hvideomodal iframe {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
	width:80%;
	height:80%;
}





#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}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
 
 @media screen and (max-width: 999px){
	 .m2_wrap2 .m2_l1 img{ max-width:593px; height:auto;}
	 .m2_wrap2 .m2_l1{
	     height:839px;
	 }
	 }
  @media screen and (max-width: 593px){
	 .m2_wrap2 .m2_l1 {


    position:relative;
    padding-bottom:141.45%;
    height:auto;

}


.m2_wrap2 .m2_l1 img{
    position:absolute;
    height:100%;
    top:0;
    left:0;
    max-width:100%;
}
    }
	


.youce a{
    margin-left:23px !important;
}
.cal{
        word-break: break-all;
}
 @media screen and (max-width: 1219px){
	 .youce a{
    margin-left:40px !important;
    width:21%;
}
}


/*#online_qq_tab a{    */
    
/*    width: 100%;*/
    
/*}*/
/*#online_qq_tab{*/
/*    writing-mode: vertical-lr;*/
/*    width:99px;*/
/*}*/



/*#online_qq_tab a#floatHide a span{*/
/*    background: url(../images/customer.png) no-repeat left center;*/
/*}*/

.heidian{
    display:inline-block;
   vertical-align: top;
    margin-right: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color:#333;
    margin-top:12px;
    
}

.dan_header a{
    display:inline-block !important;
    margin-left:5px;
     width:90%;
}

.dan_sanheader a{
    display:inline-block !important;
    margin-lefT:5px;
    width:90%;
}
.xiazai{
    margin:0 auto;
    width:200px;
    border-radius: 10px;
    background-color:#0084ce;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 26px;
    font-weight: bolder;
    margin-bottom: 32px;
}
.xiazai a{
    color:#fff;
}
.pyxiao{ display:none;}
 @media screen and (max-width: 768px){
     .pyxiao{ display:block;}
 }
 
 
 
 
 


/* nailixiugai */
.nl_main4{ margin-bottom:120px;}
.mp1 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 30px;
    color: #666666;
}
.nl_about img {
	max-width: 100%;
}
.nl_about * {
	box-sizing: border-box;
}
.m1biao {
	display: block;
	font-size: 46px;
	font-size: 4.6rem;
	line-height: 54px;
	font-family: Roboto-Bold, Arial, "Arial Black", "sans-serif", Verdana;
	font-weight: bold;
	position: relative;
}
.m1biao:before {
	content: "";
	position: absolute;
	width: 110px;
	height: 76px;
	background: url("../images/yunduan.png") no-repeat center;
	background-size: cover;
	left: -50px;
	top: -23px;
	z-index: -1;
}
.m1biao strong {
	font-weight: normal;
	color: #004d9d;
}
.m1mor {
	display: block;
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 25px;
	background: #ffffff;
	border: solid 1px #004d9d;
	height: 52px;
	line-height: 50px;
	font-size: 18px;
	font-size: 1.8rem;
	min-width: 210px;
	text-align: center;
	color: #004d9d;
	font-family: Roboto-Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.m1mor:hover {
	background: #004d9d;
	color: #fff;
	border-color: #fff;
}
.mor2 {
	display: inline-block;
	position: relative;
	transform: translate(0);
	right: auto;
	bottom: auto;
	top: auto;
}
.m5mor {
	margin-top: 63px;
}
@media screen and (max-width: 1219px) {
	.m1biao {
		font-size: 36px;
		font-size: 3.6rem;
		line-height: 44px;
	}
	.m1biao:before {
		width: 55px;
		height: 38px;
		left: -20px;
		top: -10px;
	}
	.m1mor {
		padding: 0 15px;
		height: 40px;
		line-height: 38px;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.m1mor {
		min-width: 0px;
	}
	.m5mor {
		margin-top: 20px;
	}
}
@media screen and (max-width: 999px) {
	.m1biao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
	}
	.m1biao:before {
		left: -10px;
		top: -10px;
	}
	.m5mor {
		margin-top: 10px;
	}
	.m1mor {
		padding: 0 10px;
		font-size: 14px;
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 767px) {
	.m1biao {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 30px;
	}
	.m1mor {
		top: auto;
		transform: translateY(0);
		bottom: 0px;
		font-size: 12px;
		font-size: 1.2rem;
	}
}
/*  nl_main5  */
.nl_main5 {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	padding-top: 130px;
	padding-bottom: 40px;
}
.m5l {
	width: 47%;
	text-align: right;
	background: url("../images/m5bei.jpg") no-repeat left center;
	position: relative;
	z-index: 2;
}
.m5r {
	width: 53%;
}
.m5ln {
	display: inline-block;
	text-align: left;
	width: 95%;
	max-width: 680px;
}
.m5a {
	display: block;
	color: #004d9d;
	font-family: Roboto-Bold, Arial, "Arial Black", "sans-serif", Verdana;
	margin-bottom: 20px;
}
.m5p {
	margin-top: 42px;
	line-height: 32px;
}
.mor2 {
	display: inline-block;
	position: relative;
	transform: translate(0);
	right: auto;
	bottom: auto;
	top: auto;
}
.m5mor {
	margin-top: 63px;
}
.nl_main5 .row {
}
.nl_main5 .owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.nl_main5 .owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.nl_main5 .owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.nl_main5 .owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.nl_main5 .owl-carousel .owl-item {
	float: left;
	padding-left: 76px;
}
.nl_main5 .owl-controls .owl-page,
.owl-controls .owl-buttons div {
	cursor: pointer;
}
.nl_main5 .owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.nl_main5 .owl-theme .owl-controls {
	position: absolute;
	left: 76px;
	right: 0px;
	bottom: 30px;
	text-align: center;
}
.nl_main5 .owl-theme .owl-controls .owl-page {
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.nl_main5 .owl-theme .owl-controls .owl-page span {
	display: block;
	width: 27px;
	height: 27px;
	background: url("../images/m5dian.png") no-repeat center;
	background-size: cover !important;
	margin: 0 4px;
	font-size: 0px;
}
.nl_main5 .owl-theme .owl-controls .owl-page.active span,
.nl_main5 .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: url("../images/m5dianh.png") no-repeat center;
	opacity: 1;
}
.nl_main5 .owl-theme .owl-buttons {
	width: 89px;
	height: 42px;
	position: relative;
	margin: auto;
	display: none !important;
}
.nl_main5 .owl-theme .owl-buttons div {
	width: 42px;
	height: 42px;
	background: #fff;
	position: absolute;
	line-height: 42px;
	font-size: 24px;
	transition: 0.5s;
}
.nl_main5 .owl-theme .owl-prev {
	left: 0px;
}
.nl_main5 .owl-theme .owl-next {
	right: 0px;
}
.nl_main5 .owl-theme .owl-buttons div:hover {
	background: #3080f9;
	color: #fff;
}
a.m5tu {
	overflow: hidden;
}
.m5tu {
	display: block;
	position: relative;
}
.m5tu iframe,
.m5tu video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.m5tu iframe body {
	margin: 0px !important;
}
.m5bofang {
	width: 92px;
	height: 92px;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(-50%, -50%);
	box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.23);
	z-index: 999;
}
.m5p a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 9;
	overflow: hidden;
}
@media screen and (max-width: 1219px) {
	.m5p {
		margin-top: 20px;
	}
	.m5mor {
		margin-top: 20px;
	}
}
@media screen and (max-width: 1219px) {
	.nl_main5 {
		padding-top: 60px;
	}
	.nl_main5 .owl-carousel .owl-item {
		padding-left: 30px;
	}
	.m5bofang {
		width: 40px;
		height: 40px;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.23);
	}
	.nl_main5 .owl-theme .owl-controls {
		left: 30px;
		bottom: 10px;
	}
	.nl_main5 .owl-theme .owl-controls .owl-page span {
		width: 17px;
		height: 17px;
		margin: 0 3px;
	}
}
@media screen and (max-width: 999px) {
	.m5a {
		margin-bottom: 5px;
	}
	.m5p {
		margin-top: 10px;
	}
	.m5mor {
		margin-top: 10px;
	}
	.m5p a {
		-webkit-line-clamp: 6;
	}
}
@media screen and (max-width: 767px) {
	.nl_main5 {
		padding-top: 40px;
		padding-bottom: 20px;
	}
	.m5l,
	.m5r {
		width: 100%;
		text-align: center;
	}
	.m5ln {
		max-width: none;
	}
	.m5r {
		margin-top: 20px;
	}
	.nl_main5 .owl-carousel .owl-item {
		padding-right: 0.25%;
	}
}
/*  nl_main6  */
.icon-path {
	stroke-dasharray: 4917;
	stroke-dashoffset: 4917;
	fill: #fff;
}
.dtsvgh .icon-path {
	animation: icon-path-animation 2s ease-in;
	fill: #333;
	transition: 2s;
}
.dtsvgh:hover .icon-path {
	stroke-dasharray: 4917;
	stroke-dashoffset: 4917;
	fill: #fff;
	stroke: #fff;
	animation: icon-path-animation2 2s ease-in;
}
@keyframes icon-path-animation {
	0% {
		stroke-dashoffset: 4917;
		fill: transparent;
	}
	90% {
		stroke-dashoffset: 0;
		fill: transparent;
	}
	100% {
		stroke-dashoffset: 0;
		fill: #333;
	}
}
@keyframes icon-path-animation2 {
	0% {
		stroke-dashoffset: 4917;
		fill: transparent;
	}
	90% {
		stroke-dashoffset: 0;
		fill: transparent;
	}
	100% {
		stroke-dashoffset: 0;
		fill: #fff;
	}
}
.icon-path2 {
	stroke-dasharray: 4917;
	stroke-dashoffset: 4917;
	fill: #004d9d;
}
.dtsvgh .icon-path2 {
	animation: icon-path-animationh 2s ease-in;
	fill: #fff;
	transition: 2s;
}
.dtsvgh:hover .icon-path2 {
	stroke-dasharray: 4917;
	stroke-dashoffset: 4917;
	fill: #333;
	stroke: #333;
	animation: icon-path-animation2h 2s ease-in;
}
@keyframes icon-path-animationh {
	0% {
		stroke-dashoffset: 4917;
		fill: transparent;
	}
	90% {
		stroke-dashoffset: 0;
		fill: transparent;
	}
	100% {
		stroke-dashoffset: 0;
		fill: #fff;
	}
}
@keyframes icon-path-animation2h {
	0% {
		stroke-dashoffset: 4917;
		fill: transparent;
	}
	90% {
		stroke-dashoffset: 0;
		fill: transparent;
	}
	100% {
		stroke-dashoffset: 0;
		fill: #333;
	}
}
.nl_main6 {
	background: url("../images/m6bei.png") no-repeat bottom center;
	background-size: 100%;
	padding-top: 50px;
	padding-bottom: 128px;
}
.m6t {
	text-align: center;
}
.m6t .m1biao:before {
	display: none;
}
.m6t .m1tp {
	max-width: 1070px;
	margin: auto;
	margin-top: 22px;
}
.m6b {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	padding-top: 25px;
}
.m6lie {
	width: 49%;
	padding: 35px 42px;
	margin-top: 20px;
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	background: #fafbfc;
	box-shadow: 2px 2px 42px 0px #edf0f5;
	border-radius: 12px;
	transition: 0.5s;
}
.m6tu {
	display: block;
	width: 70px;
	height: 70px;
}
.m6tu svg {
	width: 100%;
	height: 100%;
	color: #fff;
}
.m6zi {
	width: calc(100% - 117px);
}
.m6a {
	display: block;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 30px;
	font-family: Roboto-Bold, Arial, "Arial Black", "sans-serif", Verdana;
}
.m6p {
	margin-top: 15px;
	line-height: 30px;
	transition: 0.5s;
}
.m6lie:hover {
	background: #004d9d;
}
.m6lie:hover a,
.m6lie:hover p {
	color: #fff;
}
@media screen and (max-width: 1219px) {
	.m6a {
		font-size: 20px;
		font-size: 2rem;
	}
}
@media screen and (max-width: 1219px) {
	.nl_main6 {
		padding-top: 30px;
		padding-bottom: 80px;
	}
	.m6lie {
		padding: 25px 10px;
		margin-top: 20px;
		display: flex;
		flex-flow: wrap;
		justify-content: space-between;
		align-items: center;
		background: #fafbfc;
		box-shadow: 2px 2px 42px 0px #edf0f5;
		border-radius: 12px;
		transition: 0.5s;
	}
	.m6tu {
		width: 50px;
		height: 50px;
	}
	.m6zi {
		width: calc(100% - 70px);
	}
	.m6a {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.m6p {
		margin-top: 5px;
	}
}
@media screen and (max-width: 999px) {
	.nl_main6 {
		padding-top: 20px;
		padding-bottom: 60px;
	}
}
@media screen and (max-width: 767px) {
	.m6a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 24px;
	}
	.m6lie {
		padding: 10px;
		margin-top: 15px;
	}
}
@media screen and (max-width: 499px) {
	.m6b {
		padding-top: 10px;
	}
	.m6lie {
		width: 100%;
	}
}
/*  comain3  */
.comain3 {
	background: url("../images/co3bei.jpg") no-repeat center;
	padding-top: 105px;
	padding-bottom: 80px;
	overflow: hidden;
}
.co3t {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
.co3biao {
	font-size: 46px;
	font-size: 4.6rem;
	line-height: 54px;
	font-family: Roboto-Bold, Arial, "Arial Black", "sans-serif", Verdana;
	font-weight: bold;
}
.co3biao strong {
	color: #004d9d;
	font-weight: bold;
}
.co3tp {
	width: calc(100% - 612px);
	line-height: 32px;
}
.img-scroll2 {
	position: relative;
	margin-top: 87px;
	margin-right: -351.5px;
}
.img-scroll2 .prev,
.img-scroll2 .next {
	position: absolute;
	cursor: pointer;
	text-align: center;
	display: block;
	width: 71px;
	height: 71px;
	top: 0px;
	margin-top: -160px;
	transition: 0.5s;
	z-index: 999;
}
.img-scroll2 .prev {
	left: 0px;
	background-size: cover;
}
.img-scroll2 .next {
	left: 0px;
	margin-left: 79px;
	background-size: cover;
}
.img-scroll2 .prev:before,
.img-scroll2 .next:before,
.img-scroll2 .prev:after,
.img-scroll2 .next:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-size: cover !important;
	transition: 0.5s;
}
.img-scroll2 .prev:before,
.img-scroll2 .next:before {
	opacity: 1;
}
.img-scroll2 .prev:after,
.img-scroll2 .next:after {
	opacity: 0;
}
.img-scroll2 .prev:hover:before,
.img-scroll2 .next:hover:before {
	opacity: 0;
}
.img-scroll2 .prev:hover:after,
.img-scroll2 .next:hover:after {
	opacity: 1;
}
.img-scroll2 .prev:before {
	background: url("../images/m3left.png") no-repeat center;
}
.img-scroll2 .next:before {
	background: url("../images/m3right.png") no-repeat center;
}
.img-scroll2 .prev:after {
	background: url("../images/m3lefth.png") no-repeat center;
}
.img-scroll2 .next:after {
	background: url("../images/m3righth.png") no-repeat center;
}
.img-list2 {
	position: relative;
	overflow: hidden;
}
.img-list2 ul {
	width: 10000%;
}
.img-list2 li {
	float: left;
	width: 0.247%;
	margin-right: 0.016%;
	position: relative;
	font-family: Roboto-Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
.co3tu {
}
.co3tu img {
	width: 100%;
}
.co3a {
	font-size: 20px;
	font-size: 2rem;
	line-height: 30px;
	margin-top: 18px;
	font-family: Roboto-Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
@media screen and (max-width: 1219px) {
	.co3biao {
		font-size: 36px;
		font-size: 3.6rem;
		line-height: 44px;
	}
	.co3tp {
		width: calc(100% - 450px);
	}
	.img-scroll2 {
		margin-right: -100px;
		margin-top: 50px;
	}
	.img-scroll2 .prev,
	.img-scroll2 .next {
		width: 50px;
		height: 50px;
		margin-top: -100px;
	}
	.img-scroll2 .next {
		margin-left: 60px;
	}
	.co3a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 26px;
		margin-top: 10px;
	}
}
@media screen and (max-width: 1219px) {
	.comain3 {
		padding-top: 55px;
		padding-bottom: 50px;
	}
	.co3biao {
		font-size: 30px;
		font-size: 3rem;
		line-height: 40px;
	}
	.co3tp {
		width: calc(100% - 370px);
	}
	.img-list2 li {
		width: 0.2915%;
		margin-right: 0.016%;
	}
}
@media screen and (max-width: 999px) {
	.co3tp {
		width: 100%;
		margin-top: 10px;
	}
	.img-scroll2 {
		margin-right: -50px;
		margin-top: 25px;
		padding-bottom: 50px;
	}
	.img-scroll2 .prev,
	.img-scroll2 .next {
		width: 40px;
		height: 40px;
		margin-top: auto;
		top: auto;
		bottom: 0px;
	}
	.img-scroll2 .next {
		margin-left: 50px;
	}
	.co3a {
		font-size: 14px;
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 767px) {
	.comain3 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.co3biao {
		font-size: 26px;
		font-size: 2.6rem;
		line-height: 40px;
	}
}
@media screen and (max-width: 499px) {
	.img-list2 li {
		width: 0.7%;
		margin-right: 0.016%;
	}
}
/*  comain4  */
.comain4 {
	background: #f7f9fc url("../images/pjbei.jpg") no-repeat top center;
	background-size: 100%;
	padding-top: 176px;
	padding-bottom: 85px;
	position: relative;
}
.comain4:before {
	content: "";
	width: 219px;
	height: 470px;
	background: url("../images/co4bei.jpg") no-repeat center;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}
.comain4 .wp {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	z-index: 9;
}
.co4tu {
	width: 50%;
	margin-left: -84px;
}
.co4zi {
	width: 50%;
}
.co4p {
	margin-top: 70px;
	line-height: 32px;
}
.co4zi .m1mor {
	margin-top: 60px;
}
@media screen and (max-width: 1219px) {
	.comain4 {
		padding-top: 100px;
		padding-bottom: 60px;
	}
	.co4tu {
		margin-left: -50px;
	}
	.co4p {
		margin-top: 20px;
	}
	.co4zi .m1mor {
		margin-top: 30px;
	}
}
@media screen and (max-width: 999px) {
	.co4tu {
		margin-left: -20px;
	}
}
@media screen and (max-width: 767px) {
	.comain4 {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.co4tu {
		width: 100%;
		margin: auto;
		max-width: 300px;
	}
	.co4zi {
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
}
/*  comain5  */
.comain5 {
	background: url("../images/co5bei.jpg") no-repeat bottom center;
	background-size: 100%;
	padding-top: 90px;
	padding-bottom: 95px;
}
.co5biao {
	text-align: center;
	color: #004d9d;
}
.co5p {
	text-align: center;
	line-height: 32px;
	max-width: 1270px;
	margin: auto;
	margin-top: 38px;
}
.co5tu {
	text-align: center;
	font-size: 0px;
	margin-top: 69px;
}
.co5tu p {
	width: 13.8%;
	margin: 5px 3.5%;
	display: inline-block;
	vertical-align: middle;
}
.co5tu p span {
	display: block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
}
.co5tu p img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 100%;
	max-height: 100%;
	transform: translate(-50%, -50%);
}
@media screen and (max-width: 1219px) {
	.co5p {
		margin-top: 20px;
	}
	.co5tu {
		margin-top: 30px;
	}
	.co5tu p {
		width: 13.8%;
		margin: 5px 3%;
	}
}
@media screen and (max-width: 999px) {
	.comain5 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.co5tu p {
		width: 20%;
		margin: 5px 1%;
	}
}
@media screen and (max-width: 767px) {
	.comain5 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.co5p {
		margin-top: 15px;
	}
	.co5tu {
		margin-top: 20px;
	}
	.co5tu p {
		width: 30%;
		margin: 5px 1%;
	}
}
/*  comain6  */
.comain6 {
	background: url("../images/co6bei.jpg") no-repeat center;
	background-size: cover;
	background-attachment: fixed;
	padding-top: 92px;
	padding-bottom: 116px;
}
.co6biao {
	text-align: center;
	color: #fff;
}
#outer6 {
	font-size: 0px;
	position: relative;
	margin-top: 50px;
}
.tab6 {
	position: relative;
}
.tab6:before {
	content: "";
	position: absolute;
	height: 2px;
	background: #ffffff;
	left: 0px;
	right: 0px;
	top: 35px;
}
.tab6 .prev2,
.tab6 .next2 {
	position: absolute;
	top: 0px;
	width: 71px;
	height: 71px;
	cursor: pointer;
	z-index: 9999;
}
.tab6 .prev2 {
	left: -130px;
}
.tab6 .next2 {
	right: -130px;
}
.tab6 .prev2:before,
.tab6 .next2:before,
.tab6 .prev2:after,
.tab6 .next2:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-size: cover !important;
	transition: 0.5s;
}
.tab6 .prev2:before,
.tab6 .next2:before {
	opacity: 1;
}
.tab6 .prev2:after,
.tab6 .next2:after {
	opacity: 0;
}
.tab6 .prev2:hover:before,
.tab6 .next2:hover:before {
	opacity: 0;
}
.tab6 .prev2:hover:after,
.tab6 .next2:hover:after {
	opacity: 1;
}
.tab6 .prev2:before {
	background: url("../images/co6left.png") no-repeat center;
}
.tab6 .next2:before {
	background: url("../images/co6right.png") no-repeat center;
}
.tab6 .prev2:after {
	background: url("../images/m3lefth.png") no-repeat center;
}
.tab6 .next2:after {
	background: url("../images/m3righth.png") no-repeat center;
}
#tab6 {
	overflow: hidden;
	zoom: 1;
	font-size: 0px;
	position: relative;
	margin: auto;
	overflow: hidden;
	white-space: nowrap;
	z-index: 99;
}
#tab6 li {
	display: inline-block;
	vertical-align: bottom;
	width: 20%;
	transition: 0.8s;
	cursor: pointer;
	position: relative;
	text-align: center;
}
#tab6 li:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	background: url("../images/co6dian.png") no-repeat center;
	background-size: cover !important;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
}
#tab6 li a {
	display: block;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 30px;
	padding-top: 57px;
	padding-bottom: 8px;
	font-family: Roboto-Medium, Arial, "Arial Black", "sans-serif", Verdana;
}
#tab4 li a i {
	font-style: normal;
}
#tab6 li.current6:before {
	background: url("../images/co6dianh.png") no-repeat center;
}
#tab6 li.current6 a {
	font-size: 22px;
	font-size: 2.2rem;
	font-family: Roboto-Bold, Arial, "Arial Black", "sans-serif", Verdana;
	padding-top: 65px;
	padding-bottom: 0px;
}
#content6 {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}
#content6 .tabul6 {
	display: none;
	font-size: 0px;
	vertical-align: middle;
	padding-top: 55px;
}
.co6n {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	width: calc(100% - 40px);
	margin: auto;
	padding: 40px;
}
.co6tu {
	width: 350px;
}
.co6zi {
	width: calc(100% - 434px);
}
.co6a {
	font-size: 30px;
	font-size: 3rem;
	line-height: 40px;
	color: #333333;
	font-family: Roboto-Bold, Arial, "Arial Black", "sans-serif", Verdana;
}
.co6p {
	line-height: 32px;
	margin-top: 70px;
}
@media screen and (max-width: 1500px) {
	.tab6 .prev2 {
		left: -70px;
	}
	.tab6 .next2 {
		right: -70px;
	}
}
@media screen and (max-width: 1400px) {
	.co6n {
		width: 100%;
		padding: 20px;
	}
	.co6tu {
		width: 350px;
	}
	.co6zi {
		width: calc(100% - 370px);
	}
	.co6p {
		margin-top: 30px;
	}
}
@media screen and (max-width: 1219px) {
	.tab6 .prev2,
	.tab6 .next2 {
		width: 50px;
		height: 50px;
		top: 11px;
	}
	.tab6 .prev2 {
		left: -50px;
	}
	.tab6 .next2 {
		right: -50px;
	}
}
@media screen and (max-width: 999px) {
	.comain6 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#outer6 {
		margin-top: 10px;
	}
	.tab6 .prev2,
	.tab6 .next2 {
		width: 30px;
		height: 30px;
		top: 21px;
	}
	.tab6 .prev2 {
		left: 0px;
	}
	.tab6 .next2 {
		right: 0px;
	}
	.tab6:before {
		height: 1px;
		left: 30px;
		right: 30px;
		top: 35px;
	}
	#tab6 li:before {
		width: 24px;
		height: 24px;
		top: 23px;
		left: 50%;
		transform: translateX(-50%);
	}
	#tab6 li a {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 30px;
		padding-top: 50px;
		padding-bottom: 0px;
	}
	#tab6 li.current6 a {
		font-size: 18px;
		font-size: 1.8rem;
		padding-top: 50px;
		padding-bottom: 0px;
	}
	#content6 .tabul6 {
		padding-top: 30px;
	}
	.co6n {
		padding: 10px;
	}
	.co6tu {
		width: 250px;
	}
	.co6zi {
		width: calc(100% - 270px);
	}
	.co6p {
		margin-top: 10px;
	}
	.co6a {
		font-size: 20px;
		font-size: 2rem;
		line-height: 30px;
	}
}
@media screen and (max-width: 599px) {
	.comain6 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	#tab6 li {
		width: 33.333%;
	}
	.co6n {
		display: block;
	}
	.co6tu {
		width: 200px;
		margin: auto;
	}
	.co6zi {
		width: 100%;
		margin-top: 20px;
		text-align: center;
	}
	.co6a {
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 26px;
	}
}
/*  comain7  */
.comain7 {
	background: url("../images/co7bei.jpg") no-repeat bottom center;
	background-size: 100%;
	padding-top: 90px;
	padding-bottom: 130px;
}
.co71 {
	background: url("../images/co7bei2.png") no-repeat left center;
}
.co71 .wp {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
}
.co7zi {
	width: 50%;
}
.co7tu {
	width: 52%;
	margin-right: -50px;
}
.co7p {
	line-height: 32px;
	margin-top: 80px;
}
.co7p em {
	display: block;
	font-style: normal;
	color: #666666;
	padding-left: 37px;
	background: url("../images/co7gou.png") no-repeat left 6px;
}
.co71 .m1mor {
	margin-top: 80px;
}
.co72 {
	background: rgba(255, 255, 255, 0.9);
	padding: 54px;
	margin-top: 170px;
	text-align: center;
}
.co72p {
	line-height: 32px;
	max-width: 1270px;
	margin: auto;
	margin-top: 30px;
}
.co7mor {
	margin-top: 33px;
}
@media screen and (max-width: 1219px) {
	.comain7 {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.co7p {
		margin-top: 30px;
	}
	.co71 .m1mor {
		margin-top: 30px;
	}
	.co72 {
		padding: 30px;
		margin-top: 70px;
	}
	.co7p em {
		background-size: 17px;
	}
}
@media screen and (max-width: 999px) {
	.co7tu {
		width: 50%;
		margin-right: -20px;
	}
}
@media screen and (max-width: 767px) {
	.comain7 {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.co72 {
		padding: 20px 10px;
		margin-top: 10px;
	}
	.co7zi {
		width: 100%;
	}
	.co7tu {
		width: 100%;
		max-width: 300px;
		margin: auto;
		margin-top: 20px;
	}
}
/*  comain8  */
.comain8{ padding-top: 80px; background: none;}
.comain8 .wp{
  position: relative;
}
.comain8 .img-scroll2 { margin-top:60px;position: initial;}
.comain8 .img-scroll2 .prev, .comain8 .img-scroll2 .next { top: 0px; margin-top: 0px;}
.comain8 .img-scroll2 .prev { left: auto; right: 0px; margin-right: 78px;}
.comain8 .img-scroll2 .next { left:auto; right: 0px; margin-left: 0px; background-size: cover;}

@media screen and (max-width:1219px) {
.comain8 .img-scroll2 .prev { margin-right: 65px;}
    .comain8 .img-scroll2 .next { right: 0px;}
}
@media screen and (max-width:999px) {
.comain8{ padding-top: 40px;}
.comain8 .img-scroll2 .prev, .comain8 .img-scroll2 .next { margin-top: 0px;}
.comain8 .img-scroll2 { margin-top:30px;}
    .comain8 .img-scroll2 .prev { margin-right: 50px;}
}
@media screen and (max-width:767px) {
.comain8{ padding-top: 30px;}
.comain8 .img-scroll2 { padding-bottom: 0px;}

.comain8 .img-scroll2 .prev { right: 0px;}
    .comain8 .img-scroll2 .next { right: 0px;}
}

/*  nl_main7  */
.nl_main7{ background: url("../images/m7bei.jpg") no-repeat bottom left; background-size: 100%; padding-top: 82px; padding-bottom: 102px;}

#Marquee_x { overflow:hidden; width: 95%; margin: auto; margin-top: 60px;} 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden;}
#Marquee_x ul li div{ float:left; overflow:hidden; margin-right: 19px !important;}
#Marquee_x ul li{}
#Marquee_x ul li div a{ display: block; width: 320px; height: 0px; padding-bottom: 32%; position: relative;}

#Marquee_x ul li div a img{ max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: 0.5s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition:0.5s;*/}
#Marquee_x ul li div a img:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(100%); filter:none;}

@media screen and (max-width:1219px) {
#Marquee_x ul li div{ width: 180px; margin-right: 40px !important;}
#Marquee_x ul li div a{ width: 100%;}
}
@media screen and (max-width:999px) {
.nl_main7{ padding-top: 34px; padding-bottom: 70px;}
#Marquee_x ul li div{ width: 150px;}
#Marquee_x ul li div a img{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(100%); filter:none;}
}
@media screen and (max-width:767px) {
.nl_main7{ padding-top: 34px; padding-bottom: 30px;}
#Marquee_x { margin-top: 30px;} 
#Marquee_x ul li div{ width: 100px; margin-right: 30px !important;}
}


/*  comain10  */
.comain10{}

.comain10 .row{ margin: 0 -35px;}
.comain10 .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.comain10 .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.comain10 .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.comain10 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
	
.comain10 .owl-carousel .owl-item{float: left; padding: 0 35px;}
.comain10 .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.comain10 .owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.comain10 .owl-theme .owl-controls{ position: absolute; left: 20px; bottom: 20px; display: none !important;}
.comain10 .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;}
.comain10 .owl-theme .owl-controls .owl-page span{display: block;width: 14px;height: 14px; background: #ffffff; margin-right: 9px; border-radius: 50%; background: #ffffff; font-size: 0px;}
.comain10 .owl-theme .owl-controls .owl-page.active span,.comain10 .owl-theme .owl-controls.clickable .owl-page:hover span{ background:#23aa86; opacity:1;}

.comain10 .owl-theme .owl-buttons{ width: 89px; height: 42px; position: relative; margin: auto; display: none !important}
.comain10 .owl-theme .owl-buttons div{ width: 42px; height: 42px; background: #fff; position: absolute; line-height: 42px; font-size: 24px; transition: 0.5s;}
.comain10 .owl-theme .owl-prev{ left: 0px;}
.comain10 .owl-theme .owl-next{ right: 0px;}
.comain10 .owl-theme .owl-buttons div:hover{ background: #3080f9; color: #fff;}

.co10n{ display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; padding-top: 114px; padding-bottom: 108px;}
.co10tu{ width: 31.5%; position: relative;}
.co10tu:before{content: ""; width: 59px; height: 56px; background: url("../images/qyin.png") no-repeat center; background-size: cover; position: absolute; left: -35px; top: 35px;}
.co10tu:after{content: ""; width: 59px; height: 56px; background: url("../images/hyin.png") no-repeat center; background-size: cover; position: absolute; right: -82px; bottom: 60px}
.co10tu p{ border: 15px solid #fff; box-shadow: 1px 1px 30px 0px rgba(0, 0, 0, 0.14); border-radius: 50%; overflow: hidden;}

.co10zi{ width: 60%;}
.co10zin{ background: #f7f9fc; border-radius: 32px; padding: 43px; margin-top: 45px; display: block;}
.co10p{ line-height: 36px; min-height: 180px;}
.co10b{ margin-top: 32px;}
.co10b p{ color: #004d9d; font-family: Roboto-Medium, Arial, "Arial Black", "sans-serif", Verdana;}
.co10b p strong{ display: block; color: #333333; font-size: 22px; font-size: 2.2rem; line-height: 30px; margin-bottom: 13px; font-family: Roboto-Bold, Arial, "Arial Black", "sans-serif", Verdana; font-weight: normal;}

@media screen and (max-width:1219px) {
.comain10 .row{ margin: 0 -10px;}
.comain10 .owl-carousel .owl-item{float: left; padding: 0 10px;}
.co10tu:before{ width: 30px; height: 28px; left: -0px; top: 10px;}
.co10tu:after{ width: 30px; height: 28px; right: -10px; bottom: 10px}
.co10tu p{ border: 10px solid #fff; box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.14);}
.co10zi{ width: 65%;}

.co10n{ padding-top: 50px; padding-bottom: 50px;}
.co10zin{ border-radius: 20px; padding: 20px; margin-top: 20px;}
}
@media screen and (max-width:999px) {
    .co10b p strong{ font-size: 18px; font-size: 1.8rem; margin-bottom: 5px;}
}
@media screen and (max-width:767px) {
	.comain10{
		overflow: hidden;
	}
.co10n{ align-items:flex-start; padding-top: 30px; padding-bottom: 30px;}
.co10tu{ width: 70px;}
.co10tu p{ border: 3px solid #fff;}
.co10tu:before{ width: 6px; height: 6px; left: -0px; top: 10px;}
.co10tu:after{ width: 6px; height: 6px; right: -0px; bottom: 10px}

.co10zi{ width: calc(100% - 80px);}
.co10zin{ border-radius: 10px; padding: 10px; margin-top: 10px; width: calc(100% + 80px); margin-left: -80px;}
.co10p{ min-height: 0px;}

.co10b{ margin-top: 10px;}
    .co10b p strong{ font-size: 16px; font-size: 1.6rem; margin-bottom: 0px;}
}

/*  main4  */
.nl_main4{ background: #004d9d url("../images/m4bei.png") no-repeat right bottom; position: relative;}
.nl_main4:before{content: ""; position: absolute; width: 959px; height: 80px; background: url("../images/m4bei1.png") no-repeat top left; right: 0px; top: 0px; z-index: 1}
.nl_main4:after{content: ""; position: absolute; width: 959px; height: 80px; background: url("../images/m4bei2.png") no-repeat top left; left: 0px; bottom: 0px; z-index: 1}
.nl_main4 .zong{ position: relative; z-index: 3}
.m4n{ width: 70%; max-width: 910px; padding-top: 92px; padding-bottom: 97px;}

.m4biao{ color: #fff; line-height: 50px;}
.m4p{color: #fff; margin-top: 35px;}
.m4p p,.m4p p a{color: #fff;}
.m4mor{ position: relative; transform: translate(0); display: inline-block; margin-top: 53px;}
.m4n a:hover{ color: #fff; text-decoration: underline;}

@media screen and (max-width:1400px) {
.nl_main4{ background-size: 500px !important;}
.nl_main4:before,.nl_main4:after{ width: 480px; height: 40px;}
}
@media screen and (max-width:1219px) {
.nl_main4{ background-size: 300px !important;}
}
@media screen and (max-width:999px) {
.m4biao{ line-height: 40px;}
}
@media screen and (max-width:767px) {
.nl_main4{ background-size: 200px !important;}
.m4n{ width: 90%; max-width: 910px; padding-top: 40px; padding-bottom: 40px;}
.nl_main4:before,.nl_main4:after{ width: 240px; height: 20px;}

.m4biao{ line-height: 32px;}
.m4p{ margin-top: 20px;}
.m4mor{ margin-top: 20px;}
}