/* CSS Document */



* {

	margin: 0;

	padding: 0;

}

input[type="submit"] {

	cursor: pointer;

}

input[type="checkbox"] {

	cursor: pointer;

}

input[type="radio"] {

	cursor: pointer;

}

img.imgyzm {

	cursor: pointer;

}

.img-responsive {

	display: block;

	max-width: 100%;

	height: auto;

	margin-left: auto;

	margin-right: auto

}

.disnone {

	display: none;

}

#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, 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;

	box-shadow: 0 0 8px rgba(0, 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, 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, -webkit-transform .4s ease;

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

	transition: left .4s ease, transform .4s ease, -webkit-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;

	border-radius: 15%;

	background-color: #323232;

	background-color: rgba(50, 50, 50, 0.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, 0.9);

}

.baguetteBox-button#next-button {

	right: 2%;

	display: block !important;

}

.baguetteBox-button#previous-button {

	left: 2%;

	display: block !important;

}

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

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

 transform: scale(0);

}

 50% {

 -webkit-transform: scale(1);

 transform: scale(1);

}

}

html {

	font-size: 62.5%;

	height: 100%;

	background-color: #fff;

}

body {

	margin: 0 auto;

	font-size: 12px;

	font-size: 1.2rem;

	max-width: 1920px;

	position: relative;

	overflow-x: hidden;

	font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;

}

img {

	border: none;

}

ul li {

	list-style-type: none;

}

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

	margin: 0;

	padding: 0;

	list-style: none;

	color: #333;

}

a {

	text-decoration: none;

	color: #333;

	outline: none;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

h1 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	color: #333;

}

.clear {

	clear: both;

}

input, textarea {

	font-size: 12px;

	font-size: 1.2rem;

	color: #333;

	border: none;

	outline: none;

	font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif

}

.l, .fl {

	float: left;

}

.r, .fr {

	float: right;

}

.fix {

 *zoom: 1;

}

.fix:after, .fix:before {

	display: block;

	content: "clear";

	height: 0;

	clear: both;

	overflow: hidden;

	visibility: hidden;

}

.wp {

	position: relative;

}

.box {

	position: relative;

}

.mln {

	margin-left: 0 !important;

}

.mbn {

	margin-bottom: 0 !important;

}

.mtn {

	margin-top: 0 !important;

}

 @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;*/

}

}

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

.zong {

	/*width: 1200px;*/

	/*margin: auto;*/

}

}

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

.zong {

	/*width: 980px;*/

	/*margin: auto;*/

}

}

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

.zong {

	/*width: 95%;*/

	/*margin: auto;*/

}

}















::-webkit-input-placeholder {

 color: #1b1b1b;

 font-size: 14px;

 font-size: 1.4rem;

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

}















:-o-placeholder {

 color: #1b1b1b;

 font-size: 14px;

 font-size: 1.4rem;

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

}















::-moz-placeholder {

 color: #1b1b1b;

 font-size: 14px;

 font-size: 1.4rem;

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

}















:-ms-input-placeholder {

 color: #1b1b1b;

 font-size: 14px;

 font-size: 1.4rem;

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

}

.gotop1 {

	opacity: 0;

	position: fixed;

	cursor: pointer;

	bottom: 100px;

	right: 20px;

	width: 39px;

	height: 61px;


}

/*.container*/







.container {

	width: 5px;

	height: 100%;

	position: absolute;

	right: 0;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 999999999999999;

	cursor: pointer;

	position: fixed;

	top: -5px;

	right: 0;

	display: block;

}

.container .nav {

	overflow: hidden;

	width: 300px;

	background: rgba(0, 0, 0, 0.8);

	position: absolute;

	top: 0;

	right: 0;

	display: block;

	height: auto;

	overflow: scroll;

}

.container .nav form {

	margin: 30px auto 10px;

	width: 258px;

	height: 26px;

	border: 1px solid #fff;

	background: #fff !important

}

.container .nav form .iptc {

	box-sizing: border-box;

	padding-left: 15px;

	background-color: #fff;

	width: 80%;

	height: 26px;

	line-height: 26px;

	display: block;

	float: left;

}

.container .nav form .ipsc {

	width: 20%;

	height: 26px;

	line-height: 26px;

	display: block;

	float: right;

	background: #fff url(../img/sousuo1.png) no-repeat center center;

}

.container .nav > ul {

	display: none;

	margin-top: 10px;

	margin-bottom: 20px;

	overflow: scroll;

}

.container .nav > ul > li {

	line-height: 40px;

	font-size: 12px;

	font-size: 1.2rem;

	text-indent: 20px;

	position: relative;

}

.container .nav > ul > li .addition {

	width: 20px;

	height: 20px;

	position: absolute;

	right: 15px;

	top: 10px;

	background: url("fonts/shizi.png") no-repeat center center;

	background-size: 100% 100%;

}

.container .nav > ul > li .addition.fa:before {

	margin-right: 5px;

	color: #fff;

	text-indent: 0;

}

.container .nav > ul > li > a {

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

	display: inline-block;

}

.container .nav > ul > li > a span {

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

}

.container .nav > ul > li .c-show {

	display: none;

	width: 100%;

}

.container .nav > ul > li .c-show .c-s1 {

	position: relative;

}

.container .nav > ul > li .c-show .c-s1 > a {

	text-indent: 20px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px; padding-left:40px

}

.container .nav > ul > li .c-show .c-s1 > a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.container .nav > ul > li .c-show .c-s1 .c-s2 {

	display: none;

}

.container .nav > ul > li .c-show .c-s1 .c-s2 a {

	text-indent: 80px;

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

	display: block;

	padding-top: 5px;

	padding-bottom: 5px;

	line-height: 30px;

}

.container .nav > ul > li .c-show .c-s1 .c-s2 a span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #fff;

}

.container .nav > ul > dl {

	padding: 20px;

}

.container .nav > ul > dl dd {

	float: left;

	margin: 0 2px;

}

.container .menubtn {

	width: 23px;

	height: 18px;

	position: absolute;

	top: 12px;

	right: 12px;

	-webkit-transition: all 0.4s ease 0s;

	transition: all 0.4s ease 0s;

	z-index: 9999;

}

.container .menubtn span {

	display: block;

	width: 100%;

	height: 3px;

	margin-bottom: 3px;

	background-color: #1651a3;

}

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

.container, .nav {

	display: none!important;

}

}

.head {

	width: 100%;

	/*position: absolute;*/

	top: 0;

	left: 0;

	background: #eceded;

	z-index: 9999;

	padding: 5px 0 0 0;

}

.hd-top .kuai {

	padding-top: 21px;

}

.hd-top .hmail {

	margin-top: 11px;

}

.hd-top .hmail a {

	font-size: 14px;

	font-size: 1.4rem;

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

	color: #24b8ee;

}

.hd-top .hmail a:hover {

	color: #1651a3;

}

.hd-top .hmail img {

	margin-right: 5px;

	position: relative;

	top: 1px;

}

.hdfenxiang {

	margin-left: 14px;

	margin-right: 33px;

}

.hdfenxiang ul li {

	float: left;

	margin-left: 17px;

}

.hdfenxiang a {

	display: block;

}

.hdfenxiang a:hover img {

	transform: rotate(360deg);

}

.hdfenxiang a img {

	display: block;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.yuyan {

	margin-top: 10px;

}

.yuyan a {

	display: inline-block;

	padding-left: 32px;

	font-size: 12px;

	font-size: 1.2rem;

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

	color: #333;

}

.yy1 {

	background: url(../img/yy1.png) no-repeat left center;

	margin-right: 19px;

}

.yy2 {

	background: url(../img/yy2.png) no-repeat left center;

	margin-right: 9px;

}

.yuyan a:hover {

	color: #1651a3;

}

.search {

	width: 25px;

	z-index: 99999;

	position: absolute;

	background: none;

	margin-top: 2px;

	top: 0;

	right: 20px;

}

.sb-icon-search {

	color: #333;

	width: 24px;

	height: 24px;

	display: block;

}

.sb-search-submit {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	filter: alpha(opacity=0);

	opacity: 0;

	color: transparent;

	border: none;

	outline: none;

	z-index: 99999;

}

.search_1000 {

}

.sb-search {

	position: relative;

	width: 0%;

	min-width: 24px;

	height: 24px;

	float: right;

	display: inline;

	overflow: hidden;

	-webkit-transition: width 0s;

	-moz-transition: width 0s;

	transition: width 0s;

	-webkit-backface-visibility: hidden;

	z-index: 99999;

	border-radius: 5px;

	border: 0px solid #fff;

	color: #333

}

.sb-search-input {

	position: absolute;

	top: 0;

	left: 0px;

	outline: none;

	width: 236px;

	height: 24px;

	line-height: 24px;

	padding-left: 10px;

	border: none;

	margin: 0;

	z-index: 10;

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

	background: transparent;

	color: #333

}

.sb-icon-search, .sb-search-submit {

	width: 24px;

	height: 24px;

	display: block;

	position: absolute;

	right: 0px;

	top: 0px;

	padding: 0;

	margin: 0;

	cursor: pointer;

	background: url(../img/sousuo.png) no-repeat center;

}

.sb-search.sb-search-open, .no-js .sb-search {

	width: 236px;

	height: 24px;

	line-height: 24px;

	position: relative;

	right: 0px;

	top: 0px;

	z-index: 9999999;

	background: #fff;

	color: #333;

	border: 1px solid #1651a3;

}

.no-js .sb-search .sb-icon-search {

	position: absolute;

	background: #fff url(../img/sousuo.png) no-repeat center;

	z-index: 15;

	right: 0px;

	top: 0px;

	border: none !important

}

.no-js .sb-search .sb-search-submit {

	z-index: 9990;

}

/* head */







.hd-top .logo {

	width: 300px;

	margin-top: 11px;

}

.hd-top .logo a {

	display: block;

}

.hd-top .logo a img {

	display: block;

	max-width: 100%;

}

.hd-bot {

	padding-top: 25px;

}

.hd-bot .nav3>li {

	float: left;

	text-align: center;

	position: relative;

	margin-left: 55px;

	padding-bottom: 22px;

}

.hd-bot .nav3>li>a {

	display: block;

	border-radius: 15px;

	width: 100%;

	font-size: 20px;

	padding: 0 11px;

	font-size: 2rem;

	color: #333;

	height: 29px;

	line-height: 27px;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.hd-bot .nav3>li:hover>a, .hd-bot .nav3>li.hover a {

	color: #fff;

	background-color: #1651a3;

}





.hd-bot .nav3>li:hover .erji {

	display: block;

}







.hd-bot .nav3>li dl {

	position: absolute;

	top: 100%;

	left: 50%;

	margin-left: -111px;

	padding: 4px 0;

	display: none;

	width: 240px;

	z-index: 9999;

	background-color: #1651a3;

	background-color: rgba(22,81,163,0.9);

}



.hd-bot .nav3 .sanji {

	position: absolute;

	top: 0;

	left: 100%;

	margin-left: 0;

	padding: 4px 0;

	display: none;

	width: 240px;

	z-index: 9999;

	background-color: #1651a3;

	background-color: rgba(22,81,163,0.9);

}





.hd-bot .nav3>li dl dd {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 34px;

	padding: 0 8px; position:relative;

}

.hd-bot .nav3>li dl dd a {

	color: #fff;

	display: block;

}

.hd-bot .nav3>li dl dd a:hover {

	color: #1651a3;

	background-color: #fff;

	background-color: rgba(255,255,255,0.9);

}

.hd-bot .nav4 {

	display: none;

}

.hd-bot .nav4>li {

	float: left;

	text-align: center;

	position: relative;

	width: 25%;

}

.hd-bot .nav4>li>a {

	display: block;

	width: 100%;

	font-size: 12px;

	font-size: 1.2rem;

	color: #333;

	height: 24px;

	line-height: 24px;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.hd-bot .nav4>li.hover a {

	color: #fff;

	background: #1651a3;

}





.hd-bot .nav3>li dl.erji dd:hover .sanji {

	display: block !important;

}





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

.hd-bot .nav3 > li {

	margin-left: 70px;

}

}

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

.hd-bot .nav3 > li {

	margin-left: 37px;

}



.hd-top .logo {

    width: 238px;

    margin-top: 5px;

}

.hd-bot {

    padding-top: 9px;

}

.search {

	width: 25px;

	z-index: 99999;

	position: absolute;

	background: none;

	margin-top: 2px;

	top: -6px;

	right: 20px;

}

}

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

.hd-bot .nav3 > li > a {

	padding: 0 8px;

}

.hd-bot .nav3 > li {

	margin-left: 10px;

}

}

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

.head {

	position: static;

}

.hdfenxiang ul li {

	margin-left: 5px;

}

.hdfenxiang {

	margin: 0 5px;

}

.yy1 {

	margin-right: 5px;

}

.yy2 {

	margin-right: 0;

}

.hd-top .logo {

	width: 140px;

}

.hd-bot .nav3 > li > a {

	padding: 0 15px;

	font-size: 14px;

	font-size: 1.4rem;

}

}

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

.hdfenxiang {

	display: none;

}

.hd-top .hmail {

	margin-top: 10px;

	margin-right: 5px;

}

.hd-bot {

	display: none;

}

.head {

	padding-bottom: 15px;

}

}

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

.hd-top .hmail {

	float: none;

	margin-top: 0; margin-right:30px

}





.hd-top .yuyan {

	float: none;

}

.hd-top .kuai {

	padding-top: 0;

}

/* .hd-top .hmail */







}

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

.hd-top .logo {

	width: 110px;

}

.yuyan {

	margin-top: 4px;

}

.hd-top .hmail a {

	font-size: 12px;

	font-size: 1.2rem;

}

}

/*lun bo*/







.slideshow .slide {

	position: relative;

}

.slideshow .slide .carouse {

	width: 100%;

	overflow: hidden;

	position: relative;

}

.slideshow .slide .carouse .slideItem {

	width: 100%;

	position: absolute;

	cursor: pointer;

}

.slideshow .slide .carouse .slideItem .banner-img {

	width: 100%;

}

.slideshow .slide .console {

	height: 57px;

	display: inline-block;

	width: 35px;

	position: absolute;

	top: 40%;

}

.slideshow .slide .dotList {

	position: absolute;

	width: 100%;

	bottom: 38px;

	text-align: center;

}

.slideshow .slide .dotList ul li {

	display: inline-block;

	width: 16px;

	height: 15px;

	background-image: url("../img/slide.png");

	background-repeat: no-repeat;

	background-position: center center;

	margin: 0 10px;

	cursor: pointer;

}

.slideshow .slide .dotList ul li.active {

	background-image: url("../img/slideon.png");

}

/* .slide .carousel-control { position: absolute; top: 42%; width: 66px; height: 66px; z-index: 999; margin-top: -33px;}






















































.slideshow .slide .slidedetail {

	display: none;

}

.slide.slide2 .dotList {

	bottom: 10px;

}

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

.slideshow .slide .carouse {

	top: 100px

}

}

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

.slideshow .slide .carousel-control {

	width: 40px;

	height: 40px;

	background-size: 100%;

}

.slideshow .slide .dotList {

	bottom: 10px;

}

.slideshow .slide .carousel-control.left {

	left: 20px;

}

.slideshow .slide .carousel-control.right {

	right: 20px;

}

}

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

.slideshow .slide .dotList ul li {

	width: 10px;

	height: 10px;

	margin: 0 3px;

	background-size: 100%;

}

}

/* main1 */







.main1 {

	padding-top: 55px;

	padding-bottom: 67px;

}

.main1 .title {

	margin-bottom: 34px;

}

.main1 .title a {

	font-size: 50px;

	font-size: 5rem;

	text-align: center;

	display: block;

	color: #333;

	text-transform: uppercase;

}

.main1 .title a:hover {

	color: #1651a3;

}

.main1 .slideBox {

	width: 100%;

	overflow: hidden;

	position: relative;

	padding-bottom: 24px;

}

.main1 .slideBox .hd {

	height: 7px;

	overflow: hidden;

	position: absolute;

	bottom: 0px;

	z-index: 1;

	width: 100%;

}

.main1 .slideBox .hd ul {

	overflow: hidden;

	zoom: 1;

	width: 100%;

	text-align: center;

}

.main1 .slideBox .hd ul li {

	display: inline-block;

	margin: 0px 5px;

	width: 48px;

	height: 7px;

	text-align: center;

	background: #666;

	color: #666;

	cursor: pointer;

}

.main1 .slideBox .hd ul li.on {

	background: #1651a3;

	color: #1651a3;

}

.main1 .slideBox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}

.main1 .slideBox .bd li {

	zoom: 1;

	vertical-align: middle;

}

.main1 .dl {

	width: 100%;font-size: 0;
    letter-spacing: 0;

}

.main1 .dd {
display: inline-block;
    vertical-align: top;
	width: 25%;

	/*float: left;*/

	position: relative;

	/*padding-bottom: 15px;

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

	background-size: 100% auto;*/

	width: 277px\9;

	margin-left: 11px\9;

	margin-right: 11px\9

}

.main1 .dd .ddbox {

	width: 100%;

	width: 277px\9;

	max-width: 277px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	max-width: 277px\9;

	max-width: 277px;

}

.main1 .dd .ddtop a {

	display: block;

}

.main1 .dd .ddtop a img {

	display: block;

	max-width: 100%;

}

.main1 .ddbot {

	color: #fff;

	background: url(../img/m1bot.png) repeat center center;

}

.main1 .dd .ddbot {

	z-index: 6;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

}
.main1 .dd  .xinz_size{  font-size: 1.4rem;
 
    line-height: 24px;
    text-align: center;
    display: block;
    color: #b4b3b3; margin-top:15px;}
.main1 .dd .ddbot a {

	display: block;

	text-align: center;

	color: #fff;

	font-size: 14px;

	font-size: 1.4rem;

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

	line-height: 42px;

	height: 42px;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	overflow: hidden;

}

.main1 .dd .ddzz {

	z-index: 5;

	background: url(../img/ddzz.png) repeat center center;

	position: absolute;

	bottom: -100%;

	left: 0;

	width: 100%;

	height: 100%;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.main1 .dd .pro_data:hover .ddzz {

	bottom: 0;

}

.main1 .dd .pro_data:hover .ddbot {

	background: #1651a3;

}

.main1 .dd .ddzz a {

	display: block;

	width: 100%;

	height: 100%

}

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

.main1 .dd .ddbox {

	width: 93%;

}

.main1 .title a {

	font-size: 60px;

	font-size: 6rem;

}

}

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

.main1 .dd .ddbot a {

	height: 24px;

	line-height: 24px;

}

.main1 .dd .ddzz {

	display: none;

}

}

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

.main1 {

	padding-top: 10px;

	padding-bottom: 10px;

}

.main1 .title {

	margin-bottom: 0;

}

.main1 .title a {

	font-size: 30px;

	font-size: 3rem;

}

.main1 .slideBox .hd ul li {

	width: 25px;

}

}

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

.main1 .dd {

	width: 50%;

}

.main1 .dd .ddbot a {

	font-size: 12px;

	font-size: 1.2rem;

}

}

/* main2 */







.main2 {

	padding-top: 79px;

	padding-bottom: 69px;

	background: #e4f1ff;

}

.main2 .wenzi {

	width: 50%;

}

.main2 .item1 {

	margin-top: -2px;

}

.main2 .item1 a {

	font-size: 50px;

	font-size:5rem;

	color: #333;

	text-transform: uppercase;

}

.main2 .item1 a:hover {

	color: #1651a3;

}

.main2 .item2 {

	margin-top: 23px;

	margin-bottom: 23px;

}

.main2 .item3 a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

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

	color: #333;

}

.main2 .item3 a:hover {

	color: #1651a3;

}

.main2 .item4 {

	margin-top: 33px;

}

.main2 .item4 a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

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

	color: #1651a3;

}

.main2 .item4 a:hover {

	text-decoration: underline;

}

.main2 .fenlei {

	width: 532px;

	max-width: 532px;

	margin: 0 auto;

}

.main2 .item img {

	width: 100%;

	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);

	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}

.main2 .item.slick-active img {

	-webkit-transform: scale(1);

	transform: scale(1);

}

.main2 .slick-dots {

	position: absolute;

	width: 100%;

	bottom: 10px;

	text-align: center;

}

.main2 .slick-dots li {

	display: inline-block;

	height: 10px;

	overflow: hidden;

}

.main2 .slick-dots li button {

	cursor: pointer;

	overflow: hidden;

	background: url(../img/slide.png) no-repeat center center;

	border-radius: 50%;

	margin-left: 10px;

	margin-right: 10px;

	border: none;

	outline: none;

	width: 10px;

	height: 10px;

	line-height: 30px;

}

.main2 .slick-dots li.slick-active button {

	background: url(../img/slideon.png) no-repeat center center;

}

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

.main2 .fenlei {

	width: 48%;

}

.main2 .wenzi {

	width: 48%;

}

.main2 .item1 a {

	font-size: 50px;

	font-size: 5rem;

}

.main2 .item2 {

	margin: 5px 0;

}

.main2 .item3 a {

	max-height: 196px;

	overflow: hidden;

}

}

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

.main2 {

	padding: 10px 0;

	background: #e5f2ff url(../img/m2bg.jpg) no-repeat top center;

}

.main2 .item1 a {

	font-size: 30px;

	font-size: 3rem;

}

.main2 .fenlei {

	width: 100%;

	float: none;

}

.main2 .wenzi {

	width: 100%;

	float: none;

}

.main2 .item1 {

	margin-top: 10px;

}

.main2 .item4 {

	margin-top: 10px;

}

.main2 .item2 img {

	height: 10px;

	display: block;

}

}

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

.main2 .item3 a {

	font-size: 12px;

	font-size: 1.2rem;

}

}

/* main3 */







.main3 {

	padding-top: 119px;

	margin-top: 40px;

	padding-bottom: 128px;

	background: url(../img/m3bg.jpg) no-repeat center -45px;

}

.main3 .wenzi {

	width: 626px;

}

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

.main3 .wenzi {

	padding-right: 30px;

}

}

.main3 .item1 a {

	color: #333;

	font-size: 50px;

	font-size: 5rem;

	text-transform: uppercase;

}

.main3 .item1 a:hover {

	color: #1651a3;

}

.main3 .item2 {

	margin-top: 17px;

	margin-bottom: 15px;

}

.main3 .item2 a {

	display: block;

	color: #333;

	line-height: 28px;

	font-size: 14px;

	font-size: 1.4rem;

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

}

.main3 .item2 a:hover {

	color: #1651a3;

}

.main3 .item3 {

	margin-bottom: 41px;

}

.main3 .item3 a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

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

	color: #1651a3;

}

.main3 .item3 a:hover {

	text-decoration: underline;

}

.main3 .item4 ul li {

	float: left;

	width: 290px;

	margin-left: 37px;

}

.main3 .item4 ul li .libot {

	margin-top: 13px;

	height: 26px;

	line-height: 26px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	text-align: center;

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

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	overflow: hidden;

}

.main3 .item4 ul li .libot a {

	color: #333;

}

.main3 .item4 ul li a img {

	display: block;

     width: 100%;

    max-width: 240px;

	margin: 0 auto;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.main3 .item4 ul li a:hover img {

	transform: rotate(10deg);

}

.main3 .item4 ul li .libot a:hover {

	color: #1651a3;

}

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

.main3 .wenzi {

	width: 560px;

}

.main3 .item1 a {

	font-size: 40px;

	font-size: 4rem;

}

.main3 .item4 ul li {

	width: 48%;

	margin: 1%;

}

}

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

.main3 .wenzi {

	width: 100%;

}

.main3 {

	background: url(../img/bantouming.png) repeat center center, url(../img/m3bg.jpg) no-repeat top center;

}

}

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

.main3 {

	padding-top: 0;

	margin-top: 20px;
	 padding-bottom: 0;

}

.main3 .item1 a {

	font-size: 30px;

	font-size: 3rem;

}

.main3 .item2 a {

	font-size: 12px;

	font-size: 1.2rem;

}

.main3 .item2 {

	margin: 10px 0;

}

.main3 .item4 ul li .libot a {

	font-size: 14px;

	font-size: 1.4rem;

}

/* .main3 .item4 ul li .libot{width: 48%;margin: 1%!important;} */







.main3 .item3 {

	margin-bottom: 20px;

}

}

/* main4 */



.m45 {

	background: #fff;

}

.main4 {

	padding-top: 172px;

	margin-top: -104px;

	padding-bottom: 118px;

	background: url(../img/m4bg.png) no-repeat top center;

}

.main4 .wenzi {

	width: 626px;

}

.main4 .item1 a {

	color: #fff;

	font-size: 40px;

	font-size: 4rem;

	text-transform: uppercase;

}

.main4 .item1 a:hover {

	color: #1651a3;

	;

}

.main4 .item2 {

	margin-top: 21px;

	margin-bottom: 15px;

}

.main4 .item2 a {

	display: block;

	color: #fff;

	line-height: 28px;

	font-size: 14px;

	font-size: 1.4rem;

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

}

.main4 .item2 a:hover {

	color: #1651a3;

}

.main4 .item3 {

	margin-bottom: 41px;

}

.main4 .item3 a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

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

	color: #fff;

}

.main4 .item3 a:hover {

	color: #1651a3;

}

.main4 .item4 ul li {

	float: left;

	width: 290px;

	margin-left: 37px;

}

.main4 .item4 ul li .libot {

	margin-top: 13px;

	height: 26px;

	line-height: 26px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #fff;

	text-align: center;

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

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	overflow: hidden;

}

.main4 .item4 ul li .libot a {

	color: #fff;

}

.main4 .item4 ul li a img {

	display: block;

	max-width: 100%;

	    max-height: 236px;

	margin: 0 auto;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.main4 .item4 ul li a:hover img {

	transform: rotate(10deg);

}

.main4 .item4 ul li .libot a:hover {

	color: #1651a3;

}

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

.main4 .wenzi {

	width: 560px;

}

.main4 .item1 a {

	font-size: 40px;

	font-size: 4rem;

}

.main4 .item4 ul li {

	width: 50%;

	margin: 0;

}

}

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

.main4 .wenzi {

	width: 100%;

}

.main4 {

	background: url(../img/bantouming.png) repeat center center, url(../img/m4bg.png) no-repeat top center;

}

.main4 .item2 a{ color:#333;}

}

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

.main4 {

	padding-bottom: 30px;

}

}

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

.main4 {

	padding-top: 25px;

	margin-top: 20px;

	padding-bottom: 30px;

}

.main4 .item1 a {

	font-size: 30px;

	font-size: 3rem;

}

.main4 .item2 a {

	font-size: 12px;

	font-size: 1.2rem;

}

.main4 {

	background:#636a7a;

}



.main4 .item2 a{ color:#fff;}

.main4 .item2 {

	margin: 10px 0;

}

.main4 .item4 ul li .libot a {

	font-size: 14px;

	font-size: 1.4rem;

}

/* .main4 .item4 ul li .libot{width: 48%;margin: 1%!important;} */







.main4 .item3 {

	margin-bottom: 20px;

}

}

/* main5 */







.main5 {

	padding-top: 66px;

	padding-bottom: 33px;

	background: url(../img/m5bg.jpg) no-repeat center 0px;

}

.main5 .wenzi {

	width: 626px;

}

.main5 .item1 a {

	color: #333;

	font-size: 40px;

	font-size: 4rem;

	text-transform: uppercase;

}

.main5 .item1 a:hover {

	color: #1651a3;

}

.main5 .item2 {

	margin-top: 21px;

	margin-bottom: 15px;

}

.main5 .item2 a {

	display: block;

	color: #333;

	line-height: 28px;

	font-size: 14px;

	font-size: 1.4rem;

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

}

.main5 .item2 a:hover {

	color: #1651a3;

}

.main5 .item3 {

	margin-bottom: 41px;

}

.main5 .item3 a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

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

	color: #1651a3;

}

.main5 .item3 a:hover {

	text-decoration: underline;

}

.main5 .item4 ul li {

	float: left;

	width: 290px;

	margin-left: 37px;

}

.main5 .item4 ul li .libot {

	margin-top: 13px;

	height: 26px;

	line-height: 26px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	text-align: center;

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

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	overflow: hidden;

}

.main5 .item4 ul li .libot a {

	color: #333;

}

.main5 .item4 ul li .libot a:hover {

	color: #1651a3;

}

.main5 .item4 ul li a img {

	display: block;

	    width: 100%;
    max-width: 215px;

	margin: 0 auto;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.main5 .item4 ul li a:hover img {

	transform: rotate(10deg);

}

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

.main5 .wenzi {

	padding-right: 30px;

}

}

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

.main5 .wenzi {

	width: 560px;

}

.main5 .item1 a {

	font-size: 40px;

	font-size: 4rem;

}

.main5 .item4 ul li {

	width: 50%;

	margin: 0;

}

}

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

.main5 .wenzi {

	width: 100%;

}

.main5 {

	background: url(../img/bantouming.png) repeat center center, url(../img/m5bg.jpg) no-repeat top center;
	padding-top: 0px;

}

}

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

.main5 {

	padding-bottom: 30px;

}

}

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

.main5 {

	padding-top: 0;

	margin-top: 20px;

	padding-bottom: 30px; background:none;

}

.main5 .item1 a {

	font-size: 30px;

	font-size: 3rem;

}

.main5 .item2 a {

	font-size: 12px;

	font-size: 1.2rem;

}

.main5 .item2 {

	margin: 10px 0;

}

.main5 .item4 ul li .libot a {

	font-size: 14px;

	font-size: 1.4rem;

}

/* .main5 .item4 ul li .libot{width: 48%;margin: 1%!important;} */







.main5 .item3 {

	margin-bottom: 20px;

}

}

/* main6 */







.main6 {

	padding-top: 60px;

	padding-bottom: 91px;

	background: #fff;

}

.main6 .title {

	margin-bottom: 67px;

	display: block;

	color: #333;

	font-size: 50px;

	font-size: 5rem;

	text-transform: uppercase;

	text-align: center;

}

.main6 .title a:hover {

	color: #1651a3;

}

.main6 ul li {

	float: left;

	width: 33.3333%;

	position: relative;

}

.main6 ul li .item1 img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}

.main6 .itwp {

	padding: 0 23px 25px 34px

}

.main6 ul li.li1 .item1 {

	padding-bottom: 39px;

	background: url(../img/m6item1down.png) no-repeat 30px bottom;

}

.main6 ul li.li1:hover .item1 {

	background: url(../img/m6item1downon.png) no-repeat 30px bottom;

}

.main6 ul li.li2 .item1 {

	padding-top: 39px;

	background: url(../img/m6item1up.png) no-repeat 30px top;

}

.main6 ul li.li2:hover .item1 {

	background: url(../img/m6item1upon.png) no-repeat 30px top;

}

.main6 ul li.li3 .item1 {

	padding-bottom: 39px;

	background: url(../img/m6item1down.png) no-repeat 30px bottom;

}

.main6 ul li.li3:hover .item1 {

	background: url(../img/m6item1downon.png) no-repeat 30px bottom;

}

.main6 ul li .item2 {

	margin-top: 35px;

	margin-bottom: 10px;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	overflow: hidden;

}

.main6 ul li .item2 a {

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

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

}

.main6 ul li:hover .item2 a {

	color: #1651a3;

}

.main6 ul li.li2 .item14 {

	display: none;

}

.main6 ul li .item4 {

	margin-top: 9px;

	margin-bottom: 4px;

}

.main6 ul li .item4 span {

	font-size: 12px;

	font-size: 1.2rem;

	color: #333;

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

}

.main6 ul li .item5 {

}

.main6 ul li .item5 a {

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #333;

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

}

.main6 ul li:hover .item5 a {

	color: #1651a3;

}

.main6 ul li.li2 {

	padding-top: 4px;

}

.main6 ul li.li2 .item1 {

	margin-top: 29px;

}

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

.main6 .title a {

	font-size: 60px;

	font-size: 6rem;

}

.main6 ul li .item5 a {

	max-height: 112px;

	overflow: hidden;

}

.main6 ul li .item2 {

	margin-top: 0;

}

.main6 ul li.li2 .item1 {

	margin-top: 11px;

}

}

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

.main6 {

	padding-top: 10px;

	padding-bottom: 10px;

}

.main6 .title {

	margin-bottom: 20px;

}

.main6 .title a {

	font-size: 30px;

	font-size: 3rem;

}

.main6 ul li .item5 a {

	font-size: 12px;

	font-size: 1.2rem;

}

}

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

.main6 .title {

	margin-bottom: 5px;

}

.main6 ul li {

	float: left;

	width: 100%;

	float: none;

	margin-top: 10px;

	margin-bottom: 10px;

}

.main6 ul li .item1 {

	padding: 0!important;

	background: none!important;

	margin-bottom: 15px;

}

.main6 ul li.li2 .item1 {

	display: none;

}

.main6 ul li.li2 .item14 {

	display: block;

}

.main6 ul li .item5 a {

	max-height: none;

}

.main6 .itwp {

	padding: 0 10px 0 10px;

}

}

/* foot */







.footer {

	background: #333333;

	padding-top: 40px;

	padding-bottom: 35px;

}

.footer .ft1, .footer .ft2, .footer .ft3 {

	float: left;

}

.footer .title {

	margin-bottom: 19px;

	font-size: 26px;

	font-size: 2.6rem;

	color: #fff;

	padding-left: 35px;

	background: url(../img/ftitle.png) no-repeat left center;

}

.footer .title a {

	font-size: 26px;

	font-size: 2.6rem;

	color: #fff;

}

.footer .title a:hover {

	color: #1651a3;

}

.footer ul li {

	font-size: 14px;

	font-size: 1.4rem;

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

	line-height: 30px;

	color: #d1d1d1;    max-width: 302px;

}

.footer ul li span {

	color: #fff;

}

.footer ul li a {

	color: #d1d1d1;

}

.footer ul li a:hover {

	color: #1651a3;

}

.footer p {

	font-size: 14px;

	font-size: 1.4rem;

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

	line-height: 30px;

	color: #fff;

}

.footer p a {

	font-size: 14px;

	font-size: 1.4rem;

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

	line-height: 30px;

	color: #fff;

}

.footer p a:hover {

	color: #1651a3;

}

.footer .shejiao {

	padding-top: 15px;

	margin-bottom: 6px;

}

.footer .shejiao a {

	margin-left: 18px;

}

.footer .ft1 {

	width: 20%;

}

.footer .ft2 {

	width: 44%;

}

.footer .ft3 {

	width: 36%;

}

.links {

	margin-top: 15px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	line-height: 24px;

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

}

.links a {

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	margin-left: 10px;

	text-align: center;

	line-height: 24px;

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

}

.links a:hover {

	color: #1651a3;

}

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

.footer .ft3 {

	width: 38%;

	margin-left: 6%;

}

.footer ul li {

	line-height: 26px;

}

.footer .ft2 {

	width: 32.2%;

	margin-left: 3%;

}

.footer .shejiao a {

	margin-left: 2px;

}

}

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

.footer {

	background: #3a3635;

	padding: 10px 0;

}

.footer .ft1 {

	width: 100%;

	margin-bottom: 10px;

}

.footer .ft2 {

	width: 100%;

	margin-left: 0%;

	margin-bottom: 10px;

}

.footer .ft3 {

	width: 100%;

	margin-left: 0%;

	margin-bottom: 10px;

}

.footer .shejiao {

	padding-top: 0;

	margin-bottom: 15px;

}

.footer .title {

	margin-bottom: 5px;

}

}

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

.links {

	display: none;

}

}

/* .bread  */







.bread {

	margin-bottom: 15px;

}

.bread .bd-top {

	padding-top: 17px;

	padding-bottom: 3px;

}

.bread .bd-top a {

	font-size: 40px;

	font-size: 4rem;

	color: #1651a3;

	text-transform: uppercase;

	line-height: 40px;

}

.bread .bd-bot {

	border-bottom: 1px solid #999999;

	padding-top: 0px;

	padding-bottom: 9px;

	font-size: 14px;

	font-size: 1.4rem;

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

	color: #333;

}

.bread .bd-bot a {

	font-size: 14px;

	font-size: 1.4rem;

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

	color: #333;

}

.bread .bd-bot a:hover, .bread .bd-bot a.a2 {

	color: #1651a3;

}

/* ======================================== product ======================================== */







.prmain {

	padding-top: 20px;

}

.prnav {

}

.prnav>li {

	position: relative;

	float: left;

	margin-left: 40px;

	margin-bottom: 25px;

	width: 260px

}

.prnav>li>a {

	display: block;

	height: 38px;

	border: 1px solid #1651a3;

	border-radius: 19px;

	text-align: center;

	line-height: 36px;

	font-size: 18px;

	font-size: 1.8rem;

	color: #333;

	padding-left: 10px;

	padding-right: 10px;

	overflow: hidden

}

.prnav>li:hover>a {

	border: 1px solid #1651a3;

	color: #fff;

	background-color: #1651a3;

}

.prerji {

	position: absolute;

	width: 170px;

	background: #fff;

	box-shadow: 0 0 3px rgba(0,0,0,0.3);

	left: 50%;

	margin-left: -85px;

	top: -9999px;

	padding-top: 2px;

	padding-bottom: 3px;

	z-index: 999

}

.prerji li a {

	display: block;

	width: 100%;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 40px;

	text-align: center;

	background: #fff;

}

.prerji li a:hover {

	color: #1651a3;

}

.prnav>li:hover .prerji {

	top: 40px;

}

.dangqianpr {

	border: 1px solid #1651a3 !important;

	color: #fff !important;

	background-color: #1651a3;

}

.prn {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	margin-top: 24px;

}

.prn a {

	color: #1651a3;

}

.prn img {

	display: block;

	margin: auto;

	max-width: 100%;

}

.prn table {

	width: 97%;

	border-collapse: collapse;

	line-height: 24px;

}

.prn tr td {

	line-height: 24px;

	padding: 2px;

	border: 1px solid #ccc;

}
.prmain form{    font-size: 0;
    letter-spacing: 0;}
.prlie {

	width: 280px;

    display: inline-block;
    vertical-align: top;

	margin-left: 26.66px;

	margin-top: 26px;

	margin-bottom: 24px;

	overflow: hidden;

}

.mal1 {

	margin-left: 0px !important;

}

.prtu {

	position: relative;

}

.prtu a.primg {

	display: block;

	border-radius: 0px;

	border: 1px solid #dedede;

}

.prtu a.primg img {

	display: block;

	margin: auto;

	width: 100%;

	max-width: 550px;

	max-height: 550px;

	border-radius: 7px;

}

.prtu input {

	position: absolute;

	left: 6px;

	top: 7px;

	z-index: 666;

}

.przi {

	display: block;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

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

	margin-top: 7px;

	

	overflow: hidden;

}

.prxinghao{	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;  margin-top:15px; color:#b4b3b3;    text-align: center;
    display: block;}

.prmor {

	display: block;

	width: 111px;

	height: 28px;

	border: 1px solid #1651a3;

	margin: auto;

	text-align: center;

	line-height: 26px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #1651a3;

	border-radius: 16px;

	margin-top: 10px;

}

.prlie:hover .prmor {

	background: #1651a3;

	color: #fff;

}

/* .prlie:hover .prtu a{ box-shadow:0 0 5px rgba(0,0,0,0.3);} */







.przi:hover {

	color: #1651a3;

}

.przz {

	position: absolute;

	width: 100%;

	height: 100%;

	top: -100%;

	left: 0;

	border: none;

	background: url(../img/przz.png) no-repeat center center;

	background-size: 100% 100%;

}

.prlie:hover .przz {

	top: 0%;

}

.page {

	position: relative;

	margin: 37px auto 89px;

	padding-top: 37px\9;

}

.page {

	text-align: center;

}

.page .pageone {

	width: 100%;

}

.page .add {

	position: absolute;

	right: 27px;

}

.page a, .page span {

	display: inline-block;

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

	border-radius: 50%;

	background-color: #fff;

	color: #333;

	margin-left: 8px;

	width: 23px;

	height: 23px;

	line-height: 21px;

	border: 1px solid #333;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

}

.page a.on, .page a:hover {

	background-color: #333;

	color: #fff;

	border: 1px solid #333;

}

.page a.first, .page span.first {

	margin-right: 10px;

	width: 68px;

	margin-left: 0;

	border: none;

	border-radius: 0;

	font-size: 12px;

	font-size: 1.2rem;

}

.page a.first:hover {

	background: none;

	color: #1651a3;

	border: 0px solid transparent;

}

.page a.last, .page span.last {

	width: 59px;

	border: none;

	border-radius: 0;

	font-size: 12px;

	font-size: 1.2rem;

	margin-left: 4px;

}

.page a.last:hover {

	background: none;

	color: #1651a3;

	border: 0px solid transparent;

}

.page img {

	display: inline-block;

	position: relative;

	top: 5px;

	margin-left: 1px;

	margin-right: 8px;

}

.ins {

	margin-left: 4px;

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

	width: 185px;

	display: inline-block;

	height: 30px;

	line-height: 28px;

	text-align: center;

	border: none;

	outline: none;

	background-color: #1651a3;

	color: #fff;

	font-size: 12px;

	font-size: 1.2rem;

	cursor: pointer;

}

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

.prnav > li {

	width: 31%;

	margin: 1%!important;

}

.prnav > li > a {

	width: 91%;

}

}

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

.prlie {

	width: 228px;

	margin-left: 20px;

	margin-top: 20px;

	margin-bottom: 26px;

}

}

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

.page .add {

	position: static;

	margin-top: 10px;

}

.prn .table {

	overflow: scroll

}

.prn .table table {

	width: 1000px

}

.prmor {

	width: 100px;

}

.prmain {

	padding-top: 0px;

}

.prnav>li {

	float: none;

	margin-right: 0px;

	width: 100%;

}

.prnav>li>a {

	width: auto;

	border-radius: 0px;

	margin-top: 10px;

	font-size: 14px;

	font-size: 1.4rem;

	border-width: 1px !important;

	line-height: 30px;

	height: 30px;

}

.prerji {

	position: relative;

	top: auto;

	left: auto;

	width: auto;

	margin: auto;

}

.prnav>li:hover .prerji {

	top: auto;

}

.prlie {

	width: 31.333%;

	margin-left: 1% !important;

	margin-right: 1%;

	margin-top: 20px;

	margin-bottom: 6px;

}

.przi {

	font-size: 14px;

	font-size: 1.4rem;

}

.bread .bd-top a {

	font-size: 2px;

	font-size: 2rem;

	color: #1651a3;

	text-transform: uppercase;

	line-height: 25px;

}

}

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

.bread .bd-top a {

	font-size: 14px;

	font-size: 1.4rem;

}

}

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

.przz {

	display: none;

}

}

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

.prlie {

	width: 48%;

}

}

.prmain2 {

}

.prmain2 .kuang {

	width: 575px;

}

.img-scroll {

	position: relative;

	width: 570px;

	margin: auto;

	margin-top: 26px;

	z-index: 9

}

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

	position: absolute;

	display: block;

	width: 48px;

	height: 48px;

	top: 50%;

	margin-top: -24px;

	z-index: 99

}

.img-scroll .prev {

	left: 0;

	cursor: pointer;

	background: url(../img/prleft.png) no-repeat left center;

}

.img-scroll .next {

	right: 0;

	cursor: pointer;

	background: url(../img/prright.png) no-repeat right center;

}

.img-list {

	position: relative;

	width: 570px;

	margin: auto;

	overflow: hidden;

	z-index: 90

}

.img-list ul {

	width: 10000%;

}

.img-list li {

	float: left;

	display: inline;

	width: 1%;

	margin-right: 0px;

}

.img-list li a {

	display: block;

	border-radius: 8px;

}

.img-list li a img {

	display: block;

	margin: auto;

	width: 100%;

	max-width: 568px;

	max-height: 590px;

	border-radius: 0px;

	border: 1px solid #ededed;

}

.chanming {

	text-align: left;

	font-size: 28px;

	font-size: 2.8rem;

	color: #333;

	line-height: 32px;

	margin-top: 25px;

}

.jianjie {

	text-align: left;

	margin-top: 35px;

}

.jianjie .a, .jianjie .span {

	display: inline-block;

 *float:left;

	width: 156px;

	height: 40px;

	text-align: center;

	line-height: 38px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

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

	background: #333333;

	border-radius: 23px;

	margin-right: 24px;

}

.share {

	display: inline-block;

 *float:left;

	margin-left: 0px;

	margin-top: 46px;

}

.share1 {

	display: inline-block;

 *float:left;

	font-size: 17px;

	font-size: 1.7rem;

	color: #1ca1f1;

	line-height: 26px;

	position: relative;

	top: 2px;

}

.share2 {

	display: inline-block;

 *float:left;

	vertical-align: middle;

	margin-left: 4px;

}

.jianjie a:hover {

	background: #1651a3;

}

.jianjie1 {

	margin-top: 14px;

}

.jianjie1 table {

	width: 97%;

	border-collapse: collapse;

	line-height: 24px;

}

.jianjie1 tr td {

	line-height: 24px;

	padding: 2px;

	border: 1px solid #d0cece;

}

.jianjie1 p {

	font-size: 14px;

	font-size: 1.4rem;

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

	line-height: 24px;

	color: #666666;

}

.jianjie1 p a {

	font-size: 14px;

	font-size: 1.4rem;

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

	line-height: 24px;

	color: #666666;

}

.jianjie1 p span {

	font-size: 14px;

	font-size: 1.4rem;

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

	line-height: 24px;

	color: #666666;

}

.jianjie1 p b {

	font-size: 14px;

	font-size: 1.4rem;

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

	line-height: 24px;

	color: #666666;

}

.chanxbiao {

	margin-top: 55px;

}

.chanxbiao1 {

	margin-top: 15px;

	margin-bottom: 38px;

}

.chanxbiao1 a {

	display: block;

	padding-bottom: 7px;

	text-transform: uppercase;

	font-size: 40px;

	font-size: 4rem;

	background: url(../img/chanxbiao1.jpg) no-repeat left bottom;

	color: #1651a3;

}

.chanxbiao a {

	display: block;

	font-weight: bold;

	font-style: italic;

	background: url(../img/chanxbiao.jpg) no-repeat left bottom;

	font-size: 28px;

	font-size: 2.8rem;

	color: #333;

	line-height: 30px;

	padding-bottom: 14px;

}

.chanx {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	margin-top: 24px;

	margin-bottom: 28px;

}

.chanx p {

	font-size: 14px;

	color : #666666;

	font-size: 1.4rem;

	line-height: 28px;

	;

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

}

.chanx a {

	color: #1651a3;

}

.chanx img {

	display: block;

	margin: auto;

	max-width: 100%;

}

.chanx table {

	width: 97%;

	border-collapse: collapse;

	line-height: 24px;

}

.chanx tr td {

	line-height: 24px;

	padding: 2px;

	border: 1px solid #d0cece;

}

.chanx img {

	display: inline-block;

	margin: 5px;

}

.biaoti {

	display: block;

	font-weight: bold;

	font-size: 20px;

	font-size: 2rem;

	color: #333;

	line-height: 32px;

	padding-bottom: 14px;

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

}

.remain .dl {

	width: 100%;

}

.remain .dd {

	width: 25%;

	float: left;

	position: relative;

	padding-bottom: 15px;

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

	background-size: 100% auto;

}

.remain .dd .ddbox {

	width: 100%;

	width: 277px\9;

	max-width: 277px;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

}

.remain .dd .ddtop a {

	display: block;

}

.remain .dd .ddtop a img {

	display: block;

	max-width: 100%;

}

.remain .ddbot {

	color: #fff;

	background: url(../img/m1bot.png) repeat center center;

}

.remain .dd .ddbot {

	z-index: 6;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

}

.remain .dd .ddbot a {

	display: block;

	text-align: center;

	color: #fff;

	font-size: 14px;

	font-size: 1.4rem;

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

	line-height: 42px;

	height: 42px;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	overflow: hidden;

}

.remain .dd .ddzz {

	z-index: 5;

	background: url(../img/ddzz.png) repeat center center;

	position: absolute;

	bottom: -100%;

	left: 0;

	width: 100%;

	height: 100%;

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.remain .dd:hover .ddzz {

	bottom: 0;

}

.remain .dd .ddzz a {

	display: block;

	width: 100%;

	height: 100%

}

.remain .dd :hover .ddbot {

	background: #1651a3;

}

.remain {

	padding-top: 10px;

	padding-bottom: 70px;

}

.remain .chanxbiao a {


}

.relie {

	width: 272px;

	float: left;

	margin-left: 35px;

	margin-top: 35px;

}

.retu {

	display: block;

	border: 1px solid #dedede;

	border-radius: 8px;

	margin: auto;

}

.retu img {

	display: block;

	margin: auto;

	width: 100%;

	max-width: 550px;

	max-height: 550px;

	border-radius: 8px;

}

.rezi {

	display: block;

	text-align: center;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	margin-top: 8px;

	;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	overflow: hidden;

}

.rezi:hover {

	color: #1651a3;

}

.relie:hover .retu {

	box-shadow: 0 0 5px rgba(0,0,0,0.3);

}

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

.relie {

	width: 228px;

	margin-left: 20px;

}

.prmain2 .kuang {

	width: 370px;

}

}

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

.remain .dd .ddbox {

	width: 93%;

}

}

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

.chanx .table {

	overflow: scroll

}

.chanx table {

	width: 1000px

}

.jianjie1 .table {

	overflow: scroll

}

.jianjie1 table {

	width: 575px

}

.remain .dd .ddzz {

	display: none;

}

.prmain2 .kuang {

	width: 100%;

}

.img-list li a img {

	width: calc(100% - 2px);

}

.img-scroll {

	width: auto;

	padding-bottom: 50px;

}

.img-list {

	width: auto;

}

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

	top: auto;

	margin-top: auto;

	bottom: 0px;

}

.img-scroll .prev {

	left: 50%;

	margin-left: -75px;

}

.img-scroll .next {

	right: 50%;

	margin-right: -75px;

}

.jianjie .a, .jianjie .span {

	width: 110px;

	height: 45px;

	line-height: 45px;

	font-size: 14px;

	font-size: 1.4rem;

	border-radius: 23px;

	margin-left: 10px;

	margin-right: 10px;

	margin-bottom: 10px;

}

.remain {

	padding-top: 10px;

	padding-bottom: 25px;

}

.relie {

	width: 23%;

	margin-left: 1% !important;

	margin-right: 1%;

}

.rezi {

	font-size: 14px;

	font-size: 1.4rem;

}

}

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

.remain .dd .ddbot a {

	height: 24px;

	line-height: 24px;

}

}

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

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

	width: 30px;

	height: 30px;

	background-size: 100% 100%;

}

.jianjie .a, .jianjie .span {

	height: 30px;

	line-height: 30px;

}

.chanxbiao {

	margin-top: 25px;

}

.chanx {

	margin-bottom: 0;

}

.share {

	margin-top: 10px;

}

.bread .bd-top a {

	font-size: 18px;

	font-size: 1.8rem;

}

.chanming {

	font-size: 20px;

	font-size: 2rem;

}

.jianjie {

	margin-top: 20px;

}

.remain .dd {

	width: 50%;

}

.chanxbiao1 a {

	font-size: 30px;

	font-size: 3rem;

}

.biaoti {

	font-size: 16px;

	font-size: 1.6rem;

}

.chanxbiao1 {

	margin-bottom: 20px;

}

}

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

.relie {

	width: 48%;

}

}

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

.chanxbiao a {

	font-size: 18px;

	font-size: 1.8rem;

	padding-bottom: 5px

}

.chanxbiao1 a {

	font-size: 18px;

	font-size: 1.8rem;

}

}

/* ======================================== about ======================================== */







.about {

	padding-top: 37px;

}

.about .item1 {

	margin-bottom: 79px;

}

.about .item1 .wenzi {

	width: 49.1%;

}

.about .item1 .img {

	width: 43.42%;

}

.about .item1 .li1 {

	/*margin-top: 76px;
*/
	font-size: 20px;

	font-size: 2rem;

	color: #1651a3;

	padding-left: 27px;

	font-weight: bold;

	background: url(../img/abli1.png) no-repeat left center;

}

.about .item1 .li2 {

	font-size: 40px;

	font-size: 4rem;

	color: #1651a3;

}

.about .item1 .li3 {
/*
	margin-bottom: 28px;

	margin-top: 21px;*/

}

.about .item1 .li3, .about .item1 .li4 {

	font-size: 14px;

	font-size: 1.4rem;

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

	line-height: 28px;

	color: #666;

}

.about .item2 {

	background: #f6f5f3;

	padding-top: 74px;

	padding-bottom: 91px;

}

.about .item2 .title {

	font-size: 40px;

	font-size: 4rem;

	color: #333;

	text-align: center;

	text-transform: uppercase;

	padding-bottom: 15px;

	background: url(../img/it2xian.jpg) no-repeat bottom center;

}

.about .item2 .litop img {

	transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	-webkit-transition: 0.5s;

}

.about .item2 .litop img:hover {

	transform: rotate(360deg);

}

.about .item2 .cont {

	margin-top: 48px;

	margin-bottom: 53px;

}

.about .item2 .cont .ul {

	text-align: center;

}

.about .item2 .cont .li {

	display: inline-block;

	margin: 0 30px;

	max-width: 155px;

}

.about .item2 .cont .li .libot {

	margin-top: 5px;

}

.about .item2 .cont .li .libot {

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

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 28px;

	height: 56px;

	overflow: hidden

}

.about .item2 p {

	font-size: 22px;

	font-size: 2.2rem;

	text-align: center;

	line-height: 26px;

}

.about .item2 p strong {

	color: #1651a3;

}

.about .item3 {

	background: url(../img/it3bg.jpg) no-repeat top center;

	padding-top: 100px;

	padding-bottom: 85px;

}

.about .item3 .wenzi {

	width: 42%;

}

.about .item3 .img {

	width: 52.5%;

}

.about .item3 .li1 {

	margin-top: 45px;

	font-size: 44px;

	font-size: 4.4rem;

	line-height: 50px;

	color: #1651a3;

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

}

.about .item3 .li2 {

	margin-top: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #666666;

	color: rgba(102,102,102,0.666);

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

}

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

.about .item1 .li3 {

	margin-bottom: 24px;

}

.about .item1 .li3, .about .item1 .li4 {

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 24px;

}

.about .item1 .li1 {

	margin-top: 5px;

}

.about .item1 .li2 {

	font-size: 30px;

	font-size: 3rem;

}

.about .item2 .title {

	font-size: 30px;

	font-size: 3rem;

}

.about .item3 .li1 {

	font-size: 30px;

	font-size: 3rem;

	line-height: 32px;

	margin-top: 5px;

}

}

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

.about {

	padding-top: 5px;

}

.about .item1 {

	margin-bottom: 25px;

}

.about .item1 .wenzi {

	width: 100%;

}

.about .item1 .img {

	width: 100%;

	margin-bottom: 20px;

}

.about .item1 .img img {

	max-width: 100%;

	

}

.about .item2 {

	background: #f6f5f3 url(../img/item2bg.jpg) no-repeat top center;

}

.about .item3 {

	background: #fff;

	padding-top: 25px;

	padding-bottom: 25px;

}

.about .item3 .wenzi {

	width: 100%;

}

.about .item3 .img {

	width: 100%;

	margin-bottom: 20px;

}

.about .item3 .img img {

	max-width: 100%;

}

.about .item2 .cont .li {

	margin: 0 10px;

}

.about .item2 {

	padding-top: 25px;

	padding-bottom: 25px;

}

.about .item2 .cont .li .libot {

	font-size: 14px;

	font-size: 1.4rem;

}

}

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

.about .item2 p {

	font-size: 20px;

	font-size: 2rem;

	text-align: center;

	line-height: 30px;

}

.about .item1 .li2 {

	font-size: 22px;

	font-size: 2.2rem;

	margin-top: 1rem

}

.about .item2 .title {

	font-size: 22px;

	font-size: 2.2rem;

}

}

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

.about .item2 .cont {

	margin-bottom: 0;

	margin-top: 25px;

}

.about .item3 .li1 {

	font-size: 24px;

	font-size: 2.4rem;

}

.about .item2 .cont .li {

	display: block;

	width: 48%;

	margin: 1%!important;

	max-width: none;

	float: left;

}

}

/*********************************************************************  news  ***************************************************************/







.nemain {

	padding-top: 20px;

	padding-bottom: 0px;

}

.nelie {

	width: 360px;

	float: left;

	margin-left: 57px;

	margin-bottom: 40px;

}

.netu {

	display: block;

	position: relative;

	max-width: 360px;

	margin: auto;

	overflow: hidden;

}

.netun {

	display: block;

}

.netun img {

	display: block;

	margin: auto;

	width: 100%;

	max-width: 360px;

	max-height: 260px;

}

.nefu {

	display: block;

	background: #333333;

	background: rgba(51,51,51,0.89);

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0px;

	top: 100%;

}

.nefu span {

	display: block;

	width: 148px;

	height: 54px;

	background: #1651a3;

	text-align: center;

	line-height: 54px;

	position: absolute;

	left: 50%;

	margin-left: -74px;

	top: 50%;

	margin-top: -27px;

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

	font-size: 14px;

	font-size: 1.4rem;

	color: #fff;

	text-transform: uppercase;

}

.nezi {

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

	display: block;

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 28px;

	height: 56px;

	overflow: hidden;

	margin-top: 19px;

}

.nelie p a {

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

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	color: #666666;

	height: 48px;

	overflow: hidden;

	margin-top: 5px;

}

.nelie>span {

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

	display: block;

	font-size: 14px;

	font-size: 1.4rem;

	color: #999999;

	padding-left: 22px;

	line-height: 24px;

	background: url(../img/neshizhong.jpg) no-repeat left center;

	margin-top: 24px;

}

.nelie:hover .nefu {

	top: 0px;

}

.nelie:hover a {

	color: #1651a3;

}

.jvzhong {

	float: none;

	text-align: center;

	padding-top: 68px;

}

.jvzhong a {

	float: none;

	display: inline-block;

 *float:left;

}

.nemain .page {

	margin-bottom: 36px;

}

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

.nelie {

	width: 320px;

	margin-left: 10px;

}

}

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

.nefu {

	display: none;

}

.nelie {

	width: 32.333%;

	margin-left: 0.5% !important;

	margin-right: 0.5%;

	margin-top: 0px;

}

.nezi {

	font-size: 16px;

	font-size: 1.6rem;

}

.nelie p a {

	font-size: 14px;

	font-size: 1.4rem;

}

.nemain {

	padding-top: 1px;

	padding-bottom: 24px;

}

.jvzhong {

	padding-top: 30px;

}

.nemain .page {

	margin: 20px 0;

}

}

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

.nelie {

	width: 49%;

	margin-left: 0.5%;

	margin-right: 0.5%;

}

}

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

.nelie {

	width: 99%;

	margin-left: 0.5%;

	margin-right: 0.5%;

}

}

/*********************************************************************  news1  ***************************************************************/















.nemain2 {

	padding-top: 14px;

	padding-bottom: 33px;

}

.nemain2 h1 {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 24px;

	text-align: center;

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

	color: #333;

}

.riqi1 {

	position: relative;

}

.riqi {

	position: relative;

	display: block;

	width: 100px;

	margin: auto;

	padding-left: 21px;

	background: url(../img/neshizhong.jpg) no-repeat left center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #999999;

	line-height: 30px;

	margin-top: 20px;

}

.nex {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 28px;

	padding-top: 48px;

	color: #666666;

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

}

.nex p, .nex span, .nex strong {

	color: #666666;

}

.nex a {

	color: #1651a3;

}

.nex img {

	max-width: 100%;

}

.nex table {

	width: 97%;

	border-collapse: collapse;

	line-height: 28px;

}

.nex tr td {

	line-height: 24px;

	padding: 2px;

}

.fanpian {

	border-top: 1px dashed #808080;

	padding-top: 28px;

	margin-top: 75px;

}

.fanpian li {

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

	line-height: 30px;

	position: relative;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	overflow: hidden;

	padding-left: 101px;

	margin-top: 16px;

	font-size: 16px;

	font-size: 1.6rem;

	color: #666666;

}

.fanpian li span {

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

	display: block;

	width: 77px;

	height: 24px;

	line-height: 24px;

	border: 1px solid #0a0a0a;

	text-align: center;

	position: absolute;

	left: 0px;

	top: 0px;

	font-size: 14px;

	font-size: 1.4rem;

	background: #fff;

	transition: 0.5s;

}

.fanpian li a {

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

	color: #666666;

}

.fanpian li:hover a {

	color: #1651a3;

}

/*.fanpian li:hover span{ border:1px solid #1651a3; background:#1651a3; color:#fff;}







*/







.nemain2 .share {

	display: inline-block;

 *float:left;

	margin-left: 0px;

	margin-top: 0px;

	position: absolute;

	right: 0;

	top: 0;

}

.nemain2 .share1 {

	display: inline-block;

 *float:left;

	font-size: 17px;

	font-size: 1.7rem;

	color: #1ca1f1;

	line-height: 26px;

	position: relative;

	top: 2px;

}

.nemain2 .share2 {

	display: inline-block;

 *float:left;

	vertical-align: middle;

	margin-left: 4px;

}

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

.nemain2 .share {

	position: static;

}

.riqi1 {

	text-align: center;

}

.riqi {

	margin-top: 0;

}

.nex {

	padding-top: 15px;

}

.fanpian {

	margin-top: 30px;

}

}

/*********************************************************************  list  ***************************************************************/







.list {

	padding-top: 20px;

}

.list .list-top ul li {

	float: left;

	width: 364px;

	height: 47px;

	margin-left: 54px;

	padding-bottom: 22px;

	background: none;

}

.list .list-top ul li a {

	transition: 0.0s;

	-moz-transition: 0.0s;

	-o-transition: 0.0s;

	-webkit-transition: 0.0s;

	background-color: #fff;

	display: block;

	text-align: center;

	border: 1px solid #1651a3;

	width: 362px;

	height: 45px;

	line-height: 45px;

	font-size: 20px;

	font-size: 2rem;

	color: #1651a3;

}

.list .list-top ul li:hover a {

	background-color: #1651a3;

	color: #fff;

}

.list .list-top ul li:hover {

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

}

.list .list-top ul li.on a {

	background-color: #1651a3;

	color: #fff;

}

.list .list-top ul li.on {

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

}

.list .list-bot ul {

	padding-top: 28px;

	background: url(../img/lilbg.png) no-repeat top center;

	margin-top: 19px;

}

.list .list-bot ul li {

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

	padding-bottom: 31px;

	margin-bottom: 27px;

}

.list .list-bot ul li .lil {

	float: left;

}

.list .list-bot ul li .li1 {

	width: 60px;

	text-align: center;

	font-size: 18px;

	font-size: 1.8rem;

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

}

.list .list-bot ul li .li2 {

	margin-left: 90px;

	white-space: nowrap;

	text-overflow: ellipsis;

	-o-text-overflow: ellipsis;

	overflow: hidden;

	width: 600px;

	text-align: left;

	font-size: 18px;

	font-size: 1.8rem;

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

}

.list .list-bot ul li .li2 a:hover {

	color: #1651a3;

}

.list .list-bot ul li .li3 {

	margin-left: 27px;

	width: 140px;

	text-align: left;

	font-size: 18px;

	font-size: 1.8rem;

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

}

.list .list-bot ul li .li4 {

	margin-left: 132px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #1651a3;

	width: 118px;

	height: 24px;

	line-height: 24px;

	border: 1px solid #3568af;

	border-radius: 12px;

	text-align: center;

}

.list .list-bot ul li .li4 a {

	color: #1651a3;

	text-transform: uppercase

}

.list .list-bot ul li .li4:hover {

	background-color: #1651a3;

}

.list .list-bot ul li .li4:hover a {

	color: #fff;

}

.list .page {

	margin-top: 83px;

}

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

.list .list-top ul li {

	width: 31.3333%;

	margin: 1%!important;

}

.list .list-top ul li.on, .list .list-top ul li:hover {

	background-size: 100% auto;

}

.list .list-top ul li a {

	width: calc(100% - 2px);

}

.list .list-bot ul li .li2 {

	margin-left: 0;

	width: 510px;

}

.list .list-bot ul li .li4 {

	margin-left: 110px;

}

}

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

.list .list-bot ul li .li4 {

	margin-left: 60px;

}

.nex .table {

	overflow: scroll

}

}

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

.list .list-bot ul li .li2 {

	width: calc(100% - 60px);

	margin: 0;

}

.list .list-bot ul li .li3 {

	margin: 0;

	width: calc(50% - 20px);

	margin-left: 20px;

	margin-top: 15px;

}

.list .list-bot ul li .li4 {

	float: right;

	margin: 0;

	width: calc(30% - 2px);

	margin-top: 15px;

}

}

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

.list .page {

	margin-top: 40px;

	margin-bottom: 30px;

}

.page a {

	margin-bottom: 10px;

}

}

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

.list .list-top ul li {

	width: calc(100% - 2px);

	margin: 0;

}

.list .list-top ul li {

	height: 40px;

	padding-bottom: 10px;

}

}

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

.list .list-bot ul li .li1 {

	font-size: 14px;

	font-size: 1.4rem;

}

.list .list-bot ul li .li2 {

	font-size: 14px;

	font-size: 1.4rem;

}

.list .list-bot ul li .li3 {

	font-size: 14px;

	font-size: 1.4rem;

}

.list .list-bot ul li .li4 {

	width: calc(50% - 2px);

}

}

/*********************************************************************  contact  ***************************************************************/















.contactbread.bread a {

	padding-left: 0;

}

.contact {

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

	padding-top: 109px;

}

.contact .top {

	max-width: 820px;

	margin: 0 auto;

}

.contact .top dl dd {

	width: 150px;

	float: left;

	margin-left: 72px;

}

.contact .top dl dd .top1:hover {

	cursor: pointer !important

}

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

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

}

.contact .top dl dd .bottom1 a {

	display: block;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

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

}

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

	color: #1651a3;

}

.gongsi{ margin-top:20px;  font-size:16px;     padding-left: 53px; font-size:1.6rem; line-height:30px; font-weight:bold;}
.contact .didian1 {

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

	background: url(../img/site2.png) no-repeat left center;

	margin: 7px auto 0;

	padding-left: 54px;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 33px;

	color: #333;

	width: 800px;

}

.contact .didian2 {

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


	margin: 8px auto 0;

	padding-left: 54px;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 33px;

	color: #333;

	width: 800px;

}

.contact .didian2 span{ font-weight:bold;}

.cobiao {

	display: block;

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

	text-align: center;

	font-size: 20px;

	font-size: 2.0rem;

	font-weight: normal;

	color: #333333;

	padding-top: 50px;

	text-transform: uppercase;

}

.cop {

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

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 26px;

	color: #8a8a8a;

	text-align: center;

	margin-top: 0px;

}

.coxin {

	margin-top: 19px;

}

.col {

	width: 496px;

	float: left;

}

.cor {

	width: 664px;

	float: right;

}

.coxin .int1 {

	padding-left: 15px;

	margin-top: 18.5px;

}

.coxin .xing {

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

}

.coxin .int1 input {

	border: 1px solid #929292;

	width: 441px;

	height: 48px;

	padding-left: 38px;

	line-height: 48px;

	font-size: 16px;

	font-size: 1.6rem;

}

.curen {

	background: #fff url(../img/curen.png) no-repeat 12px center;

}

.cuxinfeng {

	background: #fff url(../img/cuxinfeng.png) no-repeat 12px center;

}

.cudianhua {

	background: #fff url(../img/cudianhua.png) no-repeat 12px center;

}

.cufang {

	background: #fff url(../img/cuguojia.png) no-repeat 12px center;

}

.coxin textarea {

	border: 1px solid #929292;

	width: 605px;

	height: 185px;

	padding-left: 41px;

	line-height: 48px;

	font-size: 16px;

	font-size: 1.6rem;

	background: #fff url(../img/cuxinxi.png) no-repeat 12px 15px;

}

.coxin .int2 {

	padding-left: 14px;

	margin-top: 18.5px;

}

.coxin .int3 {

	border: 1px solid #929292;

	width: 230px;

	height: 48px;

	padding-left: 12px;

	line-height: 41px;

	font-size: 16px;

	font-size: 1.6rem;

	float: left;

	background: #fff

}

.yanzheng {

	width: 161px;

	height: 50px;

	float: left;

	margin-left: 8px;

	cursor: pointer

}

.coxin .int4 {

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

	color: #fff;

	width: 199px;

	height: 50px;

	background: #1651a3;

	font-size: 14px;

	font-size: 1.4rem;

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

}

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

}

.contact {

	background-size: 100%

}

}

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

.coul {

	width: 30%;

	margin-left: 1.5%;

	margin-right: 1.5%;

	float: left;

	height: 100px;

}

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

}

.contact {

	background-size: 100%

}

}

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

.contact .top {

	width: 100%;

}

.contact .top dl dd {

	width: 25%;

	margin-left: 0;

}

.contact .didian1{ width:85%;}

}

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

.contact .top dl dd {

	width: 50%;

	margin-left: 0;

	margin-bottom: 30px;

}

}

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

}

.yanzheng {

	margin-left: auto;

	margin-top: 11px;

}

.coxin .int4 {

	width: 36%;

	float: left;

	margin-left: 8px;

	margin-top: 11px;

}

.contact .top dl dd .top1 img {

	max-width: 80px;

}

.contact {

	padding-top: 20px;

}

.contact .didian1 {

	margin-top: 0;

}

.map {

	margin-bottom: 20px;

}

.map img {

	margin-top: 20px;

}

}



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

.contact .didian1 {

	width: auto;

}

.yanzheng {

	float: none

}

.coxin .int4 {

	float: none;

	margin-left: 0px;

	display: block

}

}

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

.coul {

	width: 97%;

	margin-left: 1.5%;

	margin-right: 1.5%;

	float: left;

	height: auto;

}

}

.kefu1 {

	position: fixed;

	top: 30%;

	right: 0;

}

.kefu1 li {

	margin-bottom: 5px;

}

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

.kefu1 {

	bottom: 0;

	top: auto;

	right: 0;

	background-color: #fff;

	left: 0;

	padding: 5px 0;

}

.kefu1 li {

	float: left;

	width: 31.33%;

	margin: 0 1%!important;

}

.kefu1 li img {

	margin: 0 auto;

	height: 31px;

}

body {

	padding-bottom: 41px;

}

}

.activator, .activator2 {

	cursor: pointer

}

.overlay {

	position: fixed;

	top: 0px;

	bottom: 0px;

	left: 0px;

	right: 0px;

	z-index: 1110000;

	text-align: center;

	width: 100%;

	margin: 0 auto;

	max-width: 1920px;

}

.box1 {

	position: fixed;

	top: -1800px;

	background: #fff;

	z-index: 111111000;

	width: 100%;

	max-width: 754px;

	margin: 0 auto;

	margin-top: 267px;

	padding-top: 11px;

	padding-bottom: 53px;

	border: solid 1px #dedede;

	box-shadow: 0 0 16px rgba(0, 0, 0, .2);

}

.box_n {

	margin: 0 auto;

}

a.boxclose, a.boxclose2 {

	display: block;

	cursor: pointer;

	position: relative;

	text-align: right;

	padding-right: 13px;

}

.box_xp {

	padding-top: 11px;

	width: 100%;

	max-width: 350px;

	margin: 0 auto;

	padding-bottom: 19px;

}

.box_div1 {

	padding-bottom: 20px;

}

.box_left {

	float: left;

	width: 90px;

	padding-top: 4px;

	line-height: 31px;

	font-size: 14px;

	font-size: 1.4rem;

}

.box_lwz1 {

	float: left;

}

.box_lwz2 {

	float: right;

	padding-right: 16px;

}

.box_right {

	float: left;

}

.box_right input {

	height: 31px;

	line-height: 31px;

	width: 241px;

	border: solid 1px #dcdcdc;

	float: left;

	text-indent: 10px;

	color: #4d4d4d;

	font-size: 14px;

	font-size: 1.4rem

}

.box_bt {

	float: left;

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

	width: 14px;

	text-align: right;

	color: #ff0000;

	line-height: 35px;

}

.box_tjiao {

	text-align: center;

	margin-top: 5px;

	padding-bottom: 1px;

}

.box_send {

	width: 131px;

	height: 33px;

	line-height: 31px;

	text-align: center;

	color: #fff;

	background: #1651a3;

	border-radius: 10px;

	font-size: 16px;

	font-size: 1.6rem;

	cursor: pointer;

	border-radius: 5px;

}

.box_send:hover {

	color: #fff;

}

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

.box1 {

	margin-left: 13%;

}

}

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

.box1 {

	margin-left: 10%;

}

.d_lnr a {

	display: block;

}

}

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

.box1 {

	margin-left: 8%;

}

.d_left {

	width: 80%;

}

.box1 {

	margin-top: 157px;

}

}

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

.box1 {

	margin-left: 2%;

}

}

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

.box1 {

	margin-left: 0px;

}

.d_left {

	width: 77%;

}

}

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

.box1 {

	width: 95%;

}

}

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

.d_left {

	width: 74%;

}

}

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

.box_right {

	float: none;

	margin-left: auto;

	margin-right: auto

}

.d_left {

	width: 100%;

	float: none !important;

	text-align: center;

}

.d_right {

	width: 100%;

	float: none !important;

	margin: 0 auto;

	max-width: 140px;

}

.box_right input {

	height: 31px;

	line-height: 31px;

	width: calc(80% - 2px -14px);

	border: solid 1px #dcdcdc;

	float: left;

	text-indent: 10px;

	color: #4d4d4d;

	font-size: 14px;

	font-size: 1.4rem

}

}

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

.d_ltitle a {

	display: block;

}

}

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

.box_div1 {

	padding-left: 10px;

	width: calc(100% - 10px)

}

.box_left {

	width: 100%;

}

}

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

	width: 26px!important;

	height: 26px!important;

}

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

	padding: 0!important;

	border-radius: 2px!important;

}

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

	width: 26px!important;

	height: 26px!important;

}

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

	margin-bottom: 0!important;

	margin-right: 3px!important;

}

.top20du {

	font-size: 16px;

	font-size: 1.6rem;

	color: #333;

	line-height: 25px;

	margin-bottom: 20px;

	font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;

}

.shuxp_c {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 25px;

	color: #1651a3;

	font-family: Calibri, 'Gill Sans', 'Gill Sans MT', 'Trebuchet MS', sans-serif;

	margin-top: 5px;

	margin-bottom: 5px

}

.shuxp_c a:hover {

	color: #1651a3

}

.listcart {

	width: 100%;

	margin-top: 20px;

	margin-bottom: 20px

}

.listcart a {

	display: inline-block;

	height: 30px;

	width: 150px;

	line-height: 30px;

	cursor: pointer;

	border: none;

	overflow: hidden;

	color: #1651a3;

	cursor: pointer;

	border: 1px solid #1651a3;

	padding-left: 10px;

	padding-right: 10px;

	text-align: center;

	font-size: 14px;

	font-size: 1.4rem;

	margin-left: 10px;

}

.listcart a:hover {

	border: #1651a3 solid 1px;

	background: #1651a3;

	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

}

}

/*lun bo*/







.slideshow .item img {

	width: 100%;

	-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);

	transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);

	-webkit-transform: scale(1.2);

	transform: scale(1.2);

}

.slideshow .item.slick-active img {

	-webkit-transform: scale(1);

	transform: scale(1);

}

.slick-dots {

	position: absolute;

	width: 100%;

	bottom: 23px;

	text-align: center;

}

.slick-dots li {

	display: inline-block;

}

.slick-dots li button {

	cursor: pointer;

	overflow: hidden;

	background: url(../img/slide.png) no-repeat center center;

	margin-left: 10px;

	margin-right: 10px;

	border: none;

	outline: none;

	width: 16px;

	height: 15px;

	line-height: 45px;

}

.slick-dots li.slick-active button {

	background: url(../img/slideon.png) no-repeat center center;

}

.slick-prev, .slick-next {

	width: 0px;

	height: 0px;

	border: 0px;

	font-size: 0px;

	cursor: pointer;

	display: none!important;

}

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

.slideshow:hover .slick-prev, .slick-next {

	display: none!important;

}

}

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

.slide .carousel-control {

	width: 40px;

	height: 40px;

	background-size: 100%;

}

.slick-dots {

	bottom: 10px;

	height: 10px;

}

.slick-dots li button {

	width: 16px;

	height: 15px;
	font-size:0px;

	line-height: 30px;

	background-size: 100% 100%!important;

}

}

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

.slide .dotList ul li {

	width: 10px;

	height: 10px;

	margin: 0 3px;

	background-size: 100%;

}

}

.cuowu404 {

	width: 100%;

	max-width: 435px;

	overflow: hidden;

	margin-left: auto;

	margin-right: auto;

	display: block;

	padding-top: 150px;

}

.cuowu404 img {

	width: 100%

}

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

.cuowu404 {

	width: 80%;

	overflow: hidden;

	padding-top: 2rem;

	padding-bottom: 2rem

}

}

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

.cuowu404 {

	width: 80%;

	overflow: hidden;

	padding-top: 2rem;

	padding-bottom: 2rem

}

}

.gotop {

	opacity: 0;

	position: fixed;

	bottom: 100px;

	right: 10px;

	width: 60px;

	height: 60px;

	background: url(../img/topbj.png) no-repeat top center;

	cursor: pointer; z-index:99999999999999999

}




.prmain2 .img-scroll{ display: none;  }
 
/*mouse hands*/
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{position:relative; float:left; 
width:570px;}
#tsShopContainer #tsImgS{text-align:center;width:100%;position:relative;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto; width:570px!important;  }
#tsShopContainer #tsImgS img{  border: 2px solid #d9d9d9; border-radius: 5px;  }
#tsShopContainer #tsPicContainer{width:100%;position:relative; overflow: hidden;
height:108px;
margin-top: 21px;
}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:48px;position:absolute;top:0px;left:0px;cursor:pointer;
height:108px;background:url(../img/prleft.png) no-repeat left center;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:48px;position:absolute;top:0px;right:0px;cursor:pointer;
height:108px;background:url(../img/prright.png) no-repeat right center;}  
#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:1px;left:55px;width:1px;overflow:hidden;
height:108px;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:117px;float:left;cursor:pointer;margin-left: 0px;margin-bottom: 0; }
#tsShopContainer #tsPicContainer #tsImgSCon li a{ display:block; 
width:108px;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{display:block; border: 2px solid #dedede; box-sizing: border-box; border-radius: 5px;
width:107px;
height:104px;} 
/*
teer.js
tsScrollResize
offsetWidth*3
*/
.MagicZoomBigImageCont{border:1px solid #f0f0f0;background:#FFF;}
.MagicZoomPup{border:0px solid #aaa;background:#ffffff;}
.MagicZoomMain{text-align:center !important;width: 92px;} 
.MagicZoomBigImageCont img{ max-width: 838px;display: block;}  


@media screen and (max-width: 1219px){ 
	.MagicZoomBigImageCont{display: none!important;  }
	.MagicZoomPup{display: none!important;  }

}


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

	.prmain2 .img-scroll{ display: block;  }
	#tsShopContainer{ display: none; } 

}








:root{
	--color: #3c93eb;
}

.jl-back{
	background: linear-gradient(to top,#fff,#99c2e8);
	padding: 32px 1.5% 36px;
}

.jl-box{
	padding: 13px 25px 27px;
	background-color: #fff;
}

@media screen and (min-width:1301px) {
	.jl-box{
		max-width: 1200px;
		margin: auto;
	}
}

@media screen and (min-width:1501px) {
	.jl-box{
		max-width: 1400px;
		margin: auto;
	}
}


@media screen and (min-width: 1000px) and (max-width: 1300px){
	.jl-box{
		max-width: 970px;
		margin: auto;
	}
}

@media screen and (max-width:999px) {
	.jl-box{
		width: 100%;
	}
}

.jl-back,
.jl-back *{
	box-sizing: border-box;
}

.jl-back img{
	max-width: 100%;
}

.jl-box .head{
	background-color: transparent;
}

.jl-head1{
	display: flex;
	justify-content: flex-end;
}

.jl-hd-mail{
	display: flex;
	align-items: center;
	gap: 4px;
	margin-left: auto;
	font-size: 14px;
	line-height: 30px;
	color: var(--color);
}

.jl-hd-mail a{
	color: var(--color);
}

.jl-hd-mail a:hover{
	text-decoration: underline;
}

.jl-social-media{
	margin-left: 20px;
	margin-right: 0;
}

.jl-search{
	margin-left: 45px;
}

.jl-search form {
	display: flex;
	border: 1px solid #cccccc;
	position: relative;
	width: 223px;
}

.jl-search .search-inp {
	font-size: 14px;
	line-height: 30px;
	padding: 0 10px;
	width: 100%;
	color: #333;
}

.jl-search .search-sub {
	flex-shrink: 0;
	width: 38px;
	height: 28px;
	background: none;
	position: relative;
	z-index: 9;
	cursor: pointer;
}

.jl-search .search-sub1 {
	width: 17px;
	height: 17px;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.jl-head2{
	padding-top: 6px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.jl-logo{
	margin-bottom: 23px;
	width: 313px;
}

.jl-head2 .nav3{
	display: flex;
}

.jl-head2 .nav3>li>a{
	padding: 0 14px;
	width: auto;
}

.jl-head2 .nav3 > li{
	margin-left: 20px;
}

.jl-head2 .nav3>li:hover>a, .jl-head2 .nav3>li.hover>a{
	background-color: var(--color);
}

.jl-main1{
	padding: 36px 0 53px;
}

.jl-m1-det{
	display: flex;
	/*flex-wrap: wrap;*/
	flex-direction: column;
	gap: 36px 20px;
	text-align: center;
}

.jl-m1-det li{
	background-color: #ffffff;
	border: solid 1px #9DC9F5;
	padding: 16px 18px 22px;
}

.jl-m1-det li:hover{
	border-color: var(--color);
}

.jl-m1-s-title{
	margin-top: 20px;
	font-size: 18px;
	line-height: 30px;
}

.jl-m1-s-title a{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	overflow: hidden;
}

.jl-m1-s-title a:hover{
	color: var(--color);
}

.jl-m1-btn a{
	font-size: 16px;
	line-height: 30px;
	color: var(--color);
}

.jl-m1-btn a:hover{
	text-decoration: underline;
}

.jl-m1-caro .jl-m1-pag{
	margin-top: 44px;
	display: flex;
	justify-content: center;
	gap: 4px;
}

.jl-m1-caro .jl-m1-pag .swiper-pagination-bullet{
	width: 14px;
	height: 5px;
	background-color: #999999;
	border-radius: 0;
	opacity: 1;
	margin: 0;
}

.jl-m1-caro .jl-m1-pag .swiper-pagination-bullet-active{
	width: 29px;
	background-color: var(--color);
}

.m2-sw .swiper-wrapper{
	transition-timing-function: linear;
}

.jl-foot{
	text-align: center;
	padding-top: 16px;
}

.jl-fop{
	font-weight: bold;
	font-size: 18px;
	line-height: 40px;
	color: #333333;
}

.jl-fo-info{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 33px;
	font-size: 16px;
	line-height: 30px;
}

.jl-fo-info .add{
	width: 100%;
}

.jl-fo-info a:hover{
	color: var(--color);
}

@media screen and (max-width:1300px) {
	.jl-logo{
		width: 250px;
	}

	.jl-head2 .nav3>li>a{
		padding: 0 10px;
	}
}

@media screen and (max-width:999px) {
	.jl-back{
		padding: 10px 1.5%;
	}

	.jl-box{
		padding: 10px;
	}

	.jl-head2 .nav3 > li{
		margin-left: 10px;
	}

	.jl-main1{
		padding: 30px 0;
	}

	.jl-m1-caro .jl-m1-pag{
		margin-top: 20px;
	}

	.jl-fop{
		font-size: 16px;
		line-height: 30px;
	}

	.jl-fo-info{
		font-size: 14px;
		line-height: 26px;
		gap: 0 20px;
	}
}

@media screen and (max-width:768px) {
	.jl-head2 .nav3,
	.jl-search{
		display: none;
	}

	.jl-logo{
		width: 200px;
		margin-bottom: 0;
	}

	.jl-box .head{
		padding-top: 0;
	}

	.jl-head1{
		padding-right: 50px;
	}

	.container .menubtn{
		top: 20px;
	}
}

/* 2 product */

/* prl */

.j-nextshow {
	position: relative;
}

.proslide_menubtn {
	display: none;
	width: 23px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	cursor: pointer;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	z-index: 99;
}

.proslide_menubtn span {
	display: block;
	width: 100%;
	height: 2px;
	margin-bottom: 3px;
	background-color: #fff;
}

.prl {
	margin-bottom: 20px;
}

.prl:last-child {
	margin-bottom: 0;
}

.prlt {
	margin: auto;
	position: relative;
}

.pr-title {
	padding: 6px 22px;
	font-size: 32px;
	line-height: 40px;
	background-color: var(--color);
	color: #fff;
}

.prl>.pro-nav {
	border: 1px solid #dbdbdb;
}

.prl>.pro-nav>li {
	padding: 10px 22px;
	border-bottom: 1px solid #dbdbdb;
}

.prl>.pro-nav>li:last-child {
	margin-bottom: 0;
}

.pro-nav li i {
	font-size: 24px;
	display: inline-block;
	margin-left: auto;
	text-align: center;
	flex-shrink: 0;
	font-style: initial;
}

.prl>.pro-nav>li>p {
	position: relative;
	transition: .5s;
}

.pro-nav li p {
	font-size: 20px;
	line-height: 30px;
}

.pro-nav li p a {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #000;
}

.prl>.pro-nav>li>p>a {
	justify-content: space-between;
	position: relative;
}

.prl>.pro-nav>li.cur>p>a,
.prl>.pro-nav>li>p:hover a {
	color: var(--color);
}

.pro-nav .pro-nav>li.cur>p a,
.pro-nav .pro-nav>li>p:hover a {
	color: var(--color);
}

.pro-nav>li .m-mult,
.pro-nav>li.cur>p .m-sub {
	display: none;
}

.pro-nav>li.cur>p .m-mult {
	display: block;
	opacity: 1;
}

.pro-nav .pro-nav {
	display: none;
	padding-top: 6px;
	flex-shrink: 0;
}

.pro-nav .pro-nav li p {
	font-size: 18px;
	line-height: 30px;
	position: relative;
	margin-bottom: 10px;
}

.pro-nav .pro-nav>li>p>a {
	padding: 0;
	position: relative;
	color: #666;
}

.pro-nav .pro-nav>li>p>a::before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: var(--color);
	flex-shrink: 0;
	opacity: 0;
}

.pro-nav .pro-nav>li.cur>p a::before,
.pro-nav .pro-nav>li>p:hover a::before {
	opacity: 1;
}

.pro-nav .cur .pro-nav {
	display: block;
}

.pro-nav .pro-nav .pro-nav {
	margin-bottom: 20px;
}

.pro-nav .pro-nav .pro-nav p {
	font-size: 14px;
}

.pro-nav .pro-nav .pro-nav p a {
	padding-left: 30px;
}

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

	.j-nextshow,
	.proslide_menubtn {
		display: block;
	}

	.pr-title {
		display: block;
		padding: 5px 20px;
		padding-right: 40px;
		font-size: 20px;
		line-height: 30px;
	}
	
	.pro-nav {
		margin-top: 10px;
		display: none;
	}

	.prl>.pro-nav>li{
		padding: 10px 16px;
	}

	.prl>.pro-nav>li>p {
		padding-bottom: 0;
	}

	.prl>.pro-nav>li>p>a {
		min-height: auto;
	}

	.pro-nav li p,
	.pro-nav .pro-nav li p {
		font-size: 14px;
	}

	.pro-nav .pro-nav {
		padding: 0;
	}
}

/* page-turn */

.page-turn {
	margin-top: 44px;
	width: 100%;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
}

.page-turn i {
	font-size: 14px;
	line-height: 20px;
}

.page-turn a {
	width: 36px;
	height: 30px;
	line-height: 28px;
	border: 1px solid #a7a7a7;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	font-size: 14px;
}

.page-turn .page-prev,
.page-turn .first,
.page-turn .last,
.page-turn .page-next,
.page-turn .big {
	background-color: var(--color);
	display: flex;
	align-items: center;
	justify-content: center;
	border-color: var(--color);
}

.page-turn .page-turn-current,
.page-turn a:hover {
	border-color: var(--color);
	color: var(--color);
}

.page-turn .page-prev:hover,
.page-turn .page-next:hover {
	background-color: var(--color);
	color: #fff;
}

.page-turn .sc {
	width: initial;
	height: initial;
	border: none;
	background-color: initial;
}

.page-turn .no:hover {
	background-color: #ffffff !important;
	/*border: solid 1px #e5e5e5 !important;*/

	color: #999999 !important;
}

.page-turn .sc input {
	background-color: transparent;
	transition: .3s;
	font-size: 14px;
	line-height: 30px;
	padding: 0 20px;
	cursor: pointer;
	color: #fff;
	background-color: var(--color);
}

.page-turn .sc img {
	margin-left: 7px;
}

.page-turn .sc:hover {
	background: none;
}

.page-turn .sc:hover input {
	color: var(--color);
	background-color: #fff;
}

@media screen and (max-width:999px) {
	.page-turn {
		margin-top: 30px;
	}

	.page-turn a {
		width: 26px;
		height: 26px;
		line-height: 26px;
		margin: 2px;
		font-size: 14px;
	}

	.page-turn .sc input {
		font-size: 14px;
		line-height: 26px;
		margin-left: 0;
	}

	.page-turn .sc i {
		font-size: 16px;
	}

	.page-turn i {
		font-size: 12px;
	}
}

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

.jl-p1m1{
	padding-top: 36px;
	padding-bottom: 57px;
}

.jl-p1m1-b-det{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.jl-p1m1-l{
	width: 308px;
	margin-right: 35px;
}

.jl-p1m1-r{
	width: 0;
	flex: 1;
}

.jl-p1m1-title{
	font-weight: bold;
	font-size: 26px;
	line-height: 40px;
}

.jl-p1m1-top{
	margin-top: 14px;
	display: flex;
	flex-wrap: wrap;
	gap: 13px;
}

.jl-p1m1-top a{
	padding: 2px 20px;
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	background-color: var(--color);
}

.jl-p1m1-det{
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 1.82%;
	text-align: center;
}

.jl-p1m1-det li{
	width: 23.63%;
	border: 1px solid #9DC9F5;
	padding: 14px 16px;
}

.jl-p1m1-det li:hover{
	border-color: var(--color);
}

.imga a{
	overflow: hidden;
}

.imga img{
	transition: .5s;
}

.imga a:hover img{
	transform: scale(1.1);
}

.p1m1-ipt {
	margin-top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	white-space: nowrap;
}

.p1m1-ipt label {
	font-size: 0;
	flex-shrink: 0;
}

.p1m1-ipt span {
	width: 12px;
	height: 12px;
	border: 1px solid var(--color);
	display: inline-block;
	cursor: pointer;
	position: relative;
	transition: .5s;
}

.p1m1-ipt input[type=checkbox]:checked+span {
	display: none;
}

.p1m1-ipt input {
	display: none;
	width: 12px;
	height: 12px;
	cursor: pointer;
}

.p1m1-ipt input[type=checkbox]:checked {
	display: block;
}

.p1m1-ipt a {
	font-size: 14px;
	line-height: 28px;
	color: var(--color);
}

.p1m1-ipt a:hover {
	text-decoration: underline;
}

@media screen and (max-width:1300px) {
	.jl-p1m1-l{
		width: 260px;
		margin-right: 30px;
	}

	.jl-p1m1-det {
		gap: 20px 2%;
	}

	.jl-p1m1-det li{
		width: 32%;
	}
}

@media screen and (max-width:999px) {
	.jl-p1m1{
		padding: 30px 0;
	}

	.jl-p1m1-l{
		width: 100%;
		margin-right: 0;
	}

	.jl-p1m1-r{
		margin-top: 30px;
		width: 100%;
	}

	.jl-p1m1-det li{
		width: 23.5%;
	}
}

@media screen and (max-width:768px) {
	.jl-p1m1-det li{
		width: 23.5%;
	}

	.jl-p1m1-det li{
		width: 32%;
		padding: 10px;
	}
}

@media screen and (max-width:500px) {
	.jl-p1m1-det li{
		width: 49%;
	}
}

.jl-p2m1{
	padding-top: 36px;
}

.jl-p2m1-l-img{
	margin-bottom: 29px;
}

.jl-p2m1-l-img:last-child{
	margin-bottom: 0;
}

.jl-p1m1-r #tsShopContainer{
	width: 415px;
}

#tsShopContainer #tsImgS a{
	width: 415px !important
}

.jl-p1m1-r .kuang{
	width: 560px;
}

.p2m1-title{
	font-size: 27px;
	font-style: italic;
	line-height: 40px;
}

@media screen and (max-width:1500px) {
	.jl-p1m1-r .kuang {
		width: 364px;
	}
}

@media screen and (max-width:1300px) {
	.jl-p1m1-r .kuang {
		width: 100%;
	}
}

.jl-c1m1-title{
	font-weight: bold;
	font-size: 19px;
	line-height: 30px;
}

.jl-c1m1-info{
	margin-top: 10px;
	margin-bottom: 20px;
}

.jl-c1m1-info li{
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 15px;
	margin-bottom:12px;
}

.jl-c1m1-info li:last-child{
	margin-bottom: 0;
}

.jl-c1m1-info2 li{
	font-size: 17px;
}

.jl-c1m1-det{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.jl-c1m1-s-det{
	width: 48.659%;
	position: relative;
	z-index: 1;
	padding: 20px;
	padding-left: 31px;
}

.jl-c1m1-s-det::before{
	content: "";
	width: calc(100% - 31px);
	height: 100%;
	background-color: #fafafa;
	z-index: -1;
	position: absolute;
	right: 0;
	top: 0;
}

.jl-c1m1-s-title{
	display: inline-block;
	min-width: 290px;
	padding: 0 40px;
	margin-left: -31px;
	background-color: var(--color);
	color: #fff;
	font-weight: bold;
	font-size: 21px;
	line-height: 36px;
}

.jl-c1m1-s-det .jl-c1m1-info{
	padding-left: 29px;
	margin-bottom: 0;
}

.jl-c1m1-form{
	margin-top: 33px;
	background-color: #fafafa;
	padding: 30px 27px;
}

.jl-c1m1-form-title{
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}

.jl-c1m1-form .coxin{
	margin-top: 0;
}

.jl-c1m1-form .col{
	width: 434px;
}

.jl-c1m1-form .coxin .int1{
	padding-left: 0;
}

.jl-c1m1-form .coxin .int1 input,
.jl-c1m1-form .coxin .int3{
	width: 100%;
	height: 36px;
	border-color: #dbdbdb;
	background-color: transparent;
}

.jl-c1m1-form .cor{
	width: 497px;
}

.jl-c1m1-form .coxin textarea{
	border-color: #dbdbdb;
	background-color: transparent;
	width: 100%;
	height: 141px;
}

.jl-c1m1-form .yanzheng{
	height: 36px;
	width: 106px;
}

.jl-c1m1-form .coxin .int3{
	width: 245px;
}

.jl-c1m1-form .coxin .int2{
	padding-left: 0;
}

.jl-c1m1-form .coxin .int4{
	width: 110px;
	height: 36px;
}

@media screen and (max-width:1500px) {
	.jl-c1m1-form .col{
		width: 340px;
	}
	
	.jl-c1m1-form .cor{
		width: 400px;
	}

	.jl-c1m1-form .coxin .int3{
		width: 160px;
	}
}

@media screen and (max-width:1300px) {
	.jl-c1m1-form .col{
		width: 100%;
	}
	
	.jl-c1m1-form .cor{
		width: 100%;
	}

	.jl-c1m1-form .coxin .int3{
		width: 340px;
	}
}

@media screen and (max-width:999px) {
	.jl-c1m1-s-title{
		min-width: initial;
	}
}

@media screen and (max-width:767px) {
	.jl-c1m1-s-det{
		width: 100%;
		padding: 16px;
		margin-bottom: 20px;
	}

	.jl-c1m1-s-title{
		margin-left: -16px;
	}

	.jl-c1m1-s-det::before{
		width: calc(100% - 16px);
	}
}

@media screen and (max-width:639px) {
	.jl-c1m1-form .coxin .int3{
		width: 100%;
	}
}