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



* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 62.5%;
	height: 100%
}

body {
	margin: 0 auto;
    font-size: 18px;
	font-size: 1.8rem;
	height: 100%;
	font-family: Arial;
	max-width:1920px; margin:0 auto
}

img {
	border: none;
}

ul li {
	list-style-type: none;
}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {
	margin: 0;
	padding: 0;
	list-style: none;
	color: #333;
}

a {
	text-decoration: none;
	color: #333;
	outline: none;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-transition: 0.3s;
}

h1 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #333;
}

.clear {
	clear: both;
}

.mln {
	margin-left: auto !important
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	border: none;
	outline: none;
}

.l {
	float: left;
}

.r {
	float: right;
}

.fix {
*zoom:1;
}

.fix:after, .fix:before {
	display: block;
	content: "clear";
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;
}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;
}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;opacity: 1
}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;
}

@media screen and (min-width:1220px) {
.wp {
	width: 1200px;
	margin: auto;
}
}

@media screen and (min-width:1000px) and (max-width:1219px) {
.wp {
	width: 980px;
	margin: auto;
}
}

@media screen and (max-width:999px) {
.wp {
	width: 95%;
	margin: auto;
}
}

#online_qq_layer {
	z-index: 999999;
	position: fixed;
	right: 0px;
	top: 300px;
	margin-top: -135px;
	_position: absolute;
_top:expression(eval(document.documentElement.scrollTop));
}
#online_qq_tab {
	width: 30px;
	float: left;
	margin: 0px;
	margin-top: 68px;
	position: relative;
	z-index: 9;
}
#online_qq_tab a {
	display: block;
	height: 119px;
	line-height: 999em;
	overflow: hidden;
	width: 30px;
}
#online_qq_tab a#floatShow {
	background: url(contact.gif) no-repeat left center;
}
#online_qq_tab a#floatHide {
	background: url(contact.gif) no-repeat left center;
}
#onlineService {
	display: inline;
	float: left;
	width: 200px;
	opacity: 1;
	display: block;
	background: #004287;
	border-radius: 8px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 10px;
}
.kefubiao {
	display: block;
	line-height: 34px;
	color: #fff;
	font-size: 20px;
	font-size: 2rem;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 4px;
}
.kefun {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
	padding-bottom: 21px;
}
.kefutu {
	display: block;
	margin-bottom: 0px;
	text-align: center; margin-top:10px;
}
.kefutu img {
	max-width: 100%;
	margin-top: -2px;
}



.kefun ul {



	padding: 0 5px;



}



.kefun ul li {



	padding-left: 27px;



	padding-bottom: 5px;



}



.kefun ul li a {



	display: block;



	border-bottom: 1px solid #c7c7c7;



	color: #444444;



	line-height: 25px;



	padding-left: 11px;



}



.kefun ul li a:hover {



	color: #004287;



}



/*  ke fu  */ 







.ose {



	background: url("kefus1.png") no-repeat 22px center;



	padding-left:50px;



	display: block;



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



	display: block;



	line-height: 21px;



	padding-top: 5px;



	padding-bottom: 5px;



	margin-top: 2px;

	



}



.cal {



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



	padding-left: 50px;



	display: block;



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



	display: block;



	line-height: 21px;



	padding-top: 5px;



	padding-bottom: 5px; 



}



.ose:hover {



	color: #004287;



}



.cal:hover {



	color: #004287;



}



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







.kefu2{ display:none}







}







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







#online_qq_layer{ display:none}







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







.keqq2{ background:#0177b5}







.keweixin2{ background:#98c01b}















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







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







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







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







body{padding-bottom: 44px;}







} */















































@font-face {



	font-family: 'MASQUE';



	src: url('MASQUE.eot');



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



}



.m1_wrapper {



	background:#fff;



}



/* header */







.header {



	min-height: 203px;



	position: absolute;



	z-index: 999;



	width: 100%;



	background:linear-gradient(to bottom, #001c4d, #ffffff00);



}



.headr_top {



}



.headr_top .logo {



	margin-top:21px;



	margin-bottom: 30px;



}



.headr_top .logo a.dan999 img {



	display: block;



	max-width: 100%; /*! margin-top:11px; */



}



.headr_top .logo a.dan996 img {



	/*! display: none; */



	max-width: 100%;



}



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



.headr_top .dianhua {



	



	color: #fff;



	padding-left: 30px;



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



}

.headr_top .youxiang {



	



	color: #fff;



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



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



}

.headr_top .youxiang a{ color:#fff}

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



.header_right {



}



.header_ul1>li {



	float: left;



	/*margin-left: 46px;*/


margin-left: 16px;
	position: relative;



	padding-bottom: 19px;



}



.header_ul1>li>a {



	display: block;



	padding: 0px 30px;



	font-size: 18px;



	font-size: 1.8rem;



	color: #fff;



	line-height: 33px;



	border-radius: 50px;



}



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



	color: #078ccb;



	background: #fff;



}



.header_ul1>li:hover .dan_header {



	display: block;



}



.dan_header {



	display: none;



	padding: 8px;



	width: 282px;



	position: absolute;



	left: 0px;



	top: 100%;



	border: 1px solid #ebeced;



	background: #fff;



	z-index: 999999;



}



.hei_top {



	position: absolute;



	top: -10px;



	left: 40px;



}



.dan_header>li {



	line-height: 32px;



	padding-left: 23px;



	position: relative;



}



.dan_header>li>a {



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



	line-height: 32px;



	display: block;



}



.dan_header>li:hover {



	background: #078ccb;



}



.dan_header>li:hover>a {



	color: #fff;



}



.dan_header>li:hover .dan_sanheader {



	display: block;



}



.dan_sanheader {



	display: none;



	width: 296px;



	position: absolute;



	left: 100%;



	top: 0px;



	background: #fff;



	z-index: 999999;



}



.dan_sanheader>li {



	line-height: 32px;



	padding-left: 23px;



	position: relative;



}



.dan_sanheader>li>a {



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



	line-height: 32px;



	display: block;



}



.dan_sanheader>li:hover {



	background: #078ccb;



}



.dan_sanheader>li:hover>a {



	color: #fff;



}



.header_form {



	margin-top: 2px;



	float: right;



	border: 1px solid #fff;



	width: 169px;



	height: 25px;



	line-height: 25px;



	position: relative;



	border-radius: 50px;



	font-size: 12px;



	font-size: 1.2rem;



}

.input-group{background:none;}

.header_form .tex {

border-radius: 50px;

	background:none;

 

	text-indent: 9px;



	width: 100%;



	line-height: 25px;



	height: 25px;



	display: inline-block;



	color: #fff;



	font-size: 12px;



	font-size: 1.2rem;



	;



}



.header_form .sub {



	position: absolute; border:none;



	top: 0px;



	right: 0px;



	height: 25px;



	width: 24px;



	font-size: 0px;



	cursor: pointer;



	z-index: 99;



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



}



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



.header_ul1>li {



	margin-left: 3px;



}



}



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



.header_right {



	margin-top: -20px;



}



}



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

.m1_wrapper .banner{ padding-top:104px;}

.header {



	min-height: 77px;



	position:fixed;



	background:#00468e;



	padding-bottom: 5px;



}



.header_right {



	display: none;



}



.headr_top .logo a.dan999 img {



	display: none;



}



.headr_top .logo a.dan996 img {



	display: block;



}



.headr_top .span { display:none



}



.slide .dotList {



	bottom: 40px!important;



}



.headr_top .logo {



	margin-bottom: 10px; width:80%



}



}



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



.headr_top .logo a.dan996 {



	width: 50%;



}



.headr_top span {



	padding-left: 20px;



}



.slide .dotList {



	bottom: 20px!important;



}



.slide:hover .carousel-control {



	display: none!important;



}



}



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



.headr_top .logo a.dan996 {



	width: 100%;



	float: none;



	clear: both



}



.headr_top span {



	padding-left: 20px;



	float: none;



	width: calc(100% - 20px)



}



}



/* nav_head */







.nav_head {
	width: 100%;
	display: none;
}
.nav_head li {
	text-align: center;
	padding: 0px 6%;
	float: left;
}
.nav_head li a {
	font-size: 18px;
	font-size: 1.8rem;
	color: #fff;
	line-height: 30px;
}
.nav_head li.on a {
	color: #fff; text-decoration:underline
}
.nav_head li:hover a {
	color: #fff; text-decoration:underline
}
 @media screen and (max-width:999px) {



.nav_head {



	display: block;



}



}



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



.nav_head li a {



	font-size: 14px;



	font-size: 1.4rem;



	color: #fff;



	line-height: 30px;



}



}



/* footer */





.footer_center .share{ padding-top:30px}

.footer { 

	padding-top: 90px;



	padding-bottom: 40px;



	background: url( ../images/footer.webp)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/footer.png*/ no-repeat bottom center;



}



.footer .title {
	padding-bottom: 18px;
	font-size: 2.4rem;
	color: #fff;
	text-transform: uppercase;
	line-height: 30px;
	font-weight: bold;
	background: url( footretk1.png) no-repeat left bottom;
}
.footer ul {
	margin-top: 7px;
}
.footer ul li {
	line-height: 30px;
	color: #fff;
}
.footer ul li a {
	line-height: 30px;
	color: #fff;
}
.footer_left {
	float: left;
	width: 20%;
}
.footer_left2 {
	float: left;
	width:25%;
}
.footer_form{
    width: 30%;
    float: left;
}
.footer_form input{
    border: 1px solid #6f6f6f;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
}
.footer_form .int1 textarea{
    border: 1px solid #6f6f6f;
    width: 100%;
    height: 125px;
    padding-left: 38px;
    line-height: 48px;
    background: #fff url(cuxinxi.jpg) no-repeat left top;
    display: block;
    box-sizing: border-box;
}
.footer_form .int1{
    padding-left: 15px;
}
.footer_form .int2{
    display: flex;
    padding-left: 15px;
}
.footer_form .int2 img{
    height:48px;
    cursor: pointer;
    position: relative;
    top:1;
}
.footer_center {
	float: left;
	width: 25%;
}
.footer_right {
	float: right;
	width: 12.6%;
}
.footer_center ul li a {
	color: #fff;
}
.footer_center ul li.li1 {
	background: url( foconli1.png)no-repeat left 10px;
}
.footer_center ul li.li2 {
	background: url( foconli2.png) no-repeat left 10px;
}
.footer_center ul li.li3 {
	background: url( foconli3.png) no-repeat left 10px;
}
.footer_center ul li.li4 {
	background: url( foconli4.png) no-repeat left 10px;
}
.footer_center ul li.li5 {
	background: url( foconli5.png) no-repeat left 10px;
}
.footer_center ul li.li6 {
	background: url( foconli6.png) no-repeat left 10px;
}
.footer_center ul li.li7 {
	background: url( difax.png) no-repeat left 10px;
}
.footer_center ul li.li8 {
	background: url( skypedb.png)no-repeat left 10px;
}
.footer_center ul li.li9 {
	background: url( weixindibu.png)no-repeat left 10px;
}
.shejiao {
	margin-bottom: 23px;
}
.shejiao a {
	position: relative;
	top: 0px;
	display: block;
	float: left;
	margin-left: 18px;
	margin-top: 23px;
	padding-bottom: 4px;
}
.shejiao a:hover {
	top: -10px;
}
.footer_right .weis {
	display: block;
	max-width: 152px;
	max-height: 152px;
	width: 100%;
}

.footer_bot {
	padding-top: 11px;
	padding-bottom: 7px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	background:#131f51;
}
.footer_bot p {
	color: #fff;
}
.footer_bot a {
	color: #fff;
}
.footer_bot a.tech {
	padding: 0px 5px;
}


.links a {



	margin-left: 15px;



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



}



.footer_bot a:hover {



	color: #078ccb;



}
/*反馈*/
.m_form .short1 {
    width: 49%;
    float: left;
    padding-right:1%;
}
.m_form .short2 {
    width: 49%;
    float: left;
    padding-left:1%;
}
.m_form .short {
    width: 100%;
}
.m_form li {
    margin-bottom: 12px;
    overflow: hidden;
}
.m_form .iptTxt {
    float: left;
    width: 100%;
    border: 1px solid #ccc;
    height: 35px;
    line-height: 12px;
    padding: 7px 10px;
    outline: none;
    color: #999;
    background-color: #FFF;
   /* background-image: url(../css/Img/Index/iptBg.png); */
    background-repeat: repeat;
    font-size: 14px;
    border-radius: 5px;
}
.m_form li {margin-bottom: 12px;overflow: hidden;}
.m_form .areLi {
    height: 100px;
    width: 100%;
}
.m_form .btnSubmit{
	width:24%;
	height:35px;
	font-size:12px;
	color:#2d0d0d;
	cursor:pointer;
	border:none;
	background-color:#ffba00;
	margin:auto;
	float: right;border-radius:5px
}
.m_form .txtAre {
    float: left;
    width: 100%;
    height: 100px;
    line-height: 20px;
    border: 1px solid #ccc;
    outline: none;
    resize: none;
    color: #999;
    padding: 4px 10px;
    font-family: microsoft yahei;
    background-color: #FFF;
    /* background-image: url(../css/Img/Index/iptBg.png); */
    background-repeat: repeat;
    font-size: 14px;
    border-radius: 5px;
}
.m_form .iptTxt2{ float:left; width:45%; border:1px solid #ccc; /*height:12px;*/ line-height:12px; padding:7px 10px; outline:none; color:#666; font-family:"microsoft yahei"; background-color: #FFF; background-repeat: repeat;     height: 35px;    border-radius: 5px;}

#validateImgDiv {
    float: left;
}

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



.footer_left {



	float: left;



	width: 19%;



}



.footer_left2 {



	float: left;



	width: 26%;



}



.footer_center {



	float: left;



	width: 32%;



}



.footer_right {



	float: right;



	width: 23%;



}



.shejiao a {



	width: 31%;



	margin-left: 1%;



}



}



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



.footer { margin-top:0px;



	padding-top: 154px;



	padding-bottom: 54px;



	background: #333 !important;



}



.footer .title {



	padding-top: 30px;



}



.footer {



	padding-top: 0px;



	padding-bottom: 54px;



	background: #222325;



}



.footer_left {



	float: left;



	width: 48%;





}



.footer_left2 {



	float: right;



	width: 48%;



}



.footer_center {



	float: none;



	width: 100%;


	clear: both;



	margin-top: 20px;

    float: left;

}

.footer_form{
    width: 48%; display:none;
}

.footer_right {



	float: none;



	width: 100%;



	clear: both



}



}



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





.links {



	display: none;



}



}



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



}



/* main1 */







.main1 {



	padding-top: 70px; padding-bottom:70px;

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



}



.main1 a:hover {



	color: #004287;



}



.main1 .title a:hover {



	color: #004287;



}



.main1 .title {



	margin-bottom: 27px;



	text-align: center;



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



}



.main1 .title a {



	text-transform: uppercase;



	font-size: 44px;



	font-size: 4.4rem;



	color: #333;



	font-family: 'MASQUE';



}



.main1 .m1_left {



	padding-left: 0px;



	width: 100%



}



.m1_left .pic {
	display: block;
  position: relative; padding-top: 42.33%; overflow: hidden;
	max-width: 100%; margin-top:6px; margin-right:0px;
	width: 49.41%;
}
.m1_left .pic img{
	position: absolute; left: 16px; top: 0px; width: 100%; height: auto; display: block;
}
.m1_title2 {
	/*padding-left: 107px;*/
	padding-top: 70px;
	/*background: url( ../images/newsyb.png) no-repeat left 10px;*/
	padding-bottom: 14px
}
.m1_title2 a {
	display: block;/* background:#fff;*/
	font-size: 44px;
	font-size: 4.4rem;
	color: #004287;
	font-weight: bold;
	line-height: 44px;
}
.m1_left p {
	padding-left: 13px;
    font-size: 18px;
	font-size: 1.8rem;
	color: #333;
	line-height: 28px
}
.m1_left p a {
	display: block;
	line-height: 28px;
}
.m1_left a.more {
	margin-left: 10px;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 41px;
	color: #fff;
	text-align: center;
	display: block;
	width: 90px;
	line-height: 26px;
	line-height: 26px;
	background: #004287;
	border-radius: 50px;
}
.m1_left a.more:hover {
	background: #333;
}
.main1 .m2_r1 {
	width: 490px;
	padding-top: 3px;
	margin-top: 12px
}
/* main2 */

.m1_left{ padding:50px 0;
background: url(../images/main22bj.webp) no-repeat bottom center;
}
.main2 a:hover {
	color: #004287;
}
.m2_wrap1 {
	padding:50px 0;
background: url(../images/main21bj.webp) no-repeat top center;
}
.m2_wrap1 .m2_l1 img {
	display: block;
	max-width: 100%;
}
.m2_wrap1 .m2_r1 {
	width: 600px;
	padding-top: 11px;
}
.m2_wrap1 .m2_title2 {
	padding-bottom: 16px;
	padding-left: 55px;
	padding-top: 30px;
	background: url( m1tu22.png) no-repeat left 3px;
}
.m2_wrap1 .m2_title2 a {



	display: block;



	font-size:40px;



	font-size: 4rem;



	color: #fff;



	font-weight: bold;



	line-height: 40px;



}



.m2_wrap1 .m2_r1 p {



	padding-left: 56px;



	/*font-size: 14px;



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



	font-size: 1.8rem;


	color: #fff;



	line-height: 28px;



	width: calc (100% - 56px)



}



.m2_wrap1 .m2_r1 p a {



	display: block;



	line-height: 28px;



	color: #fff;



}



.m2_wrap1 .m2_r1 a.more {



	margin-left: 56px;



	font-size: 12px;



	font-size: 1.2rem;



	color: #fff;



	text-align: center;



	display: block;



	margin-top: 70px;



	width: 88px;



	line-height: 24px;



	line-height: 24px;



	background: transparent;



	border: 1px solid #fff;



	border-radius: 50px;



}



.m2_wrap1 .m2_r1 a.more:hover {



	color: #fff;



	background: #004287;



	border-color: #004287;



}



.m2_wrap1 .m2_r1 a:hover {



	color: #00f5ff;



}



.m2_wrap1 .m2_title2 a:hover {



	text-decoration: underline;



	color: #fff;



}



.m1_title2 a:hover {



	text-decoration: underline;



}



.m2_wrap2 {



	/*padding-top: 178px;*/
padding-top: 50px;


}



.m2_wrap2 .m2_l1 {



	margin-top: 0px;



}



.m2_wrap2 .m2_l1 img {



	display: block;



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

	margin-top: 8px



}



.m2_wrap2 .m2_r1 {



	width: 600px;



	padding-top:25px;



}



.m2_wrap2 .m2_title2 {



	padding-bottom: 28px;



	padding-left: 55px;



	padding-top: 43px;



	background: url( ../images/m1tu23.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/m1tu23.png*/ no-repeat left 10px;



}



.m2_wrap2 .m2_title2 a {



	display: block;



	font-size: 40px;



	font-size: 4rem;



	color: #333;



	font-weight: bold;



	line-height: 44px;



}



.m2_wrap2 .m2_r1 p {;



	padding-left: 9px;



	/*font-size: 14px;



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



	font-size: 1.8rem;


	color: #333333;



	line-height: 28px;



}



.m2_wrap2 .m2_r1 p a {



	display: block;



	line-height: 28px;



	color: #333;



}



.m2_wrap2 .m2_r1 a.more {



	margin-left: 9px;



	font-size: 12px;



	font-size: 1.2rem;



	color: #004287;



	text-align: center;



	display: block;



	width: 88px;



	line-height: 24px;



	line-height: 24px;



	background: transparent;



	border: 1px solid #004287;



	border-radius: 50px;



	margin-top:32px



}



.m2_wrap2 .m2_r1 a.more:hover {



	color: #fff;



	background: #004287;



	border-color: #004287;



}



.m2_wrap2 .m2_r1 a:hover {



	color: #004287;



}



.m2_wrap2 .m2_title2 a:hover {



	text-decoration: underline;



	color: #333;



}



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



.m2_wrap1 .m2_l1 {



	width: 35%;



	padding-top: 82px;



}



.m2_wrap2 .m2_l1 {



	width: 35%;
    
    height:484px;

}

.m1_left img {



 margin-right:0px



}

.m1_title2 a { background:none}

}



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



.m1_title2 {



	padding-bottom: 10px;



}






.m1_left {



	width: calc(100% -48px);



	float: none;



	padding: 0px;



	margin: 0 auto;



	padding-left: 0px !important



}



.m1_left img {



	max-width: 100%;



}



.main2 {
	background: none;
	padding-top: 20px;
	
}
.m1_left a.more {
    margin-top: 20px;
}


.m2_wrap1 { padding-top:10px;



	background: #4f4f4f;



	padding-bottom: 20px;



}



.m2_wrap2 {



	padding-top: 20px;



	padding-bottom: 20px;



}


.m1_left{ margin-top:50px;padding-bottom: 20px;}
.m1_left .pic {



	max-width: 100%;



	float: none;



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



.main1 .m2_r1 {



	float: none;



	width: 100%;



}



.m2_wrap1 .m2_l1 {



	width: 100%;



	float: none; padding-top:0px



}



.m2_wrap1 .m2_r1 {



	width: 95%;



	float: none;



	padding: 0px;



	margin: 0 auto;



}



.m2_wrap2 .m2_l1 {



	width: 100%;



	float: none;



}



.m2_wrap2 .m2_r1 {



	width: 100%;



	float: none;



}







.m2_wrap1 .m2_title2 {



    padding:0 0 5px 0;



  



}











.m2_wrap1 .m2_r1 a.more {







    margin-top: 15px; margin-left:0;



   



}











.m2_wrap2 .m2_r1 a.more {



  



    margin-top: 20px;



}



}



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



.main1 {



	padding-top: 30px;



}



.main1 .title {



	margin-bottom: 20px;



}



.main1 .title a {



	font-size: 30px;



	font-size: 3rem;



}



.m1_title2 a {



	font-size: 30px;



	font-size: 3rem;



}



.m2_wrap1 .m2_title2 a {



	font-size: 30px;



	font-size: 3rem;



}



.m2_wrap2 .m2_title2 a {



	font-size: 30px;



	font-size: 3rem;



}



.m2_wrap1 .m2_r1 p {



	padding: 10px 0px;



}



.m2_wrap2 .m2_r1 p {



	padding: 10px 0px;



}



.m1_left p {



	padding: 10px 0px;



}



.m2_wrap2 .m2_r1 {



	width: 100%;



	float: none;



	padding-top: 0px;



}



}



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



.m1_title2 a {



	font-size: 23px;



}



.m2_wrap1 .m2_title2 a {



	font-size: 23px;






}



.m2_wrap2 .m2_title2 a {



	font-size: 26px;



	font-size: 2.6rem;



}



}

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



/* main3 180px */







.main3 {

 padding:72px 0;
	background: url(../images/aboutus.webp) no-repeat bottom center;
}
.main3 .title {
	margin-bottom: 40px;
	text-align: center;
	background: url( ../images/m3title.png) no-repeat center center;
	text-transform: uppercase;
	font-size: 44px;
	font-size: 4.4rem;
	color: #fff;
	font-family: 'MASQUE';
}
.m3_box a:hover {
	color: #078ccb;
}
.main4 .title2 a:hover {
	color: #078ccb;
}
.m3_box {



	padding:30px;



	background:#00000073; border:1px solid #fff;



}



.m3_box img.r {



	display: block;



	max-width: 538px;



	max-height: 333px;



	width: 100%;



	margin-top: 37px;



	margin-left: 64px;



}

.m3_box iframe{	display: block;
	max-width: 100%;
	margin-top: 37px;
	margin-left: 64px; float:right}
.m3_box img{	display: block;
	max-width: 100%;
	margin-left: 64px; float:right}
.m3_box p {
	max-height: 285px;
	overflow: hidden;
}
.m3_box a {
	line-height: 28px;
	color: #fff;
	display: block;
}
.m3_title {
	padding-top: 23px;
}
.m3_title a {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 36px;
}
.m3_box a.more {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 19px;
}
 @media screen and (max-width:1219px) {
.m3_box {
	background-size: contain;
}
.m3_box p {
	max-height: 173px;
}
}

@media screen and (max-width:999px) {
.main3 { margin-top:0px;
	background: #1367be;
	padding-top: 40px; padding-bottom:40px
}
.m3_box {
	background: none;
	padding: 0px;
}
.main2py .com-title{  font-size: 3rem;}
.main3 .title {
    font-size: 3rem;
	margin-bottom: 40px;
}
.m3_box p { max-height:none; overflow:visible;}
.m3_box a { padding:15px;}
.m3_box img.r,.m3_box iframe {
	display: block;
	margin: 0 auto;
	float: none;
}
.m3_box a.more {
	float: none;
}
}
 @media screen and (max-width:768px) {
.main3 {
	padding: 30px 0px;
}
}

 @media screen and (max-width:360px) {
}
/* main4 */
.main4 {
    padding: 90px 0;
    background: url(../images/main4.webp) no-repeat center center;
    /*background-size: cover;*/
    margin-bottom: 80px;

}
.main4 .title {
	margin-bottom: 26px;
	text-align: center;
	background:url( ../images/m1title.png ) no-repeat center center;
	text-transform: uppercase;
	font-size: 4.4rem;
	color: #333;
	font-family: 'MASQUE';
}
.main4 .title2 {
	max-width: 799px;
	margin: 0 auto;
	text-align: center;
}
.main4 .title2 a {
	display: block;
	line-height: 28px;
	color: #333;
}
.main4 .img-scroll {
	position: relative;
	width: 100%;
	padding-top: 37px;
}
.main4 .img-scroll .prev, .main4 .img-scroll .next {
	position: absolute;
	display: block;
	width: 46px;
	height: 46px;
	top: 50%;
	margin-top: -23px;
}
.main4 .img-scroll .prev {
	left: 0;
	cursor: pointer;
	background: url(../images/arrowleft.png) no-repeat center;
}
.main4 .img-scroll .next {
	right: 0;
	cursor: pointer;
	background: url(../images/arrowright.png) no-repeat center;
}
.main4 .img-scroll .prev:hover {
	background: url(../images/arrowlefton.png) no-repeat center;
}
.main4 .img-scroll .next:hover {
	background: url(../images/arrowrighton.png) no-repeat center;
}
.main4 .img-list {
	position: relative;
	width: 93%;
	overflow: hidden;
	margin: 0 auto;
}
.main4 .img-list ul {
	width: 1000%;
}
.main4 .img-list li {
	float: left;
	display: inline;
	width: 262px;
	margin-right: 22px;
}
.main4 .img-list li .m3lien .m4fu {
	position: absolute;
	top: 100%;
	left: 0px;
	background: #004287;
	background: rgba(0, 132, 206, 0.3);
	width: 100%;
	height: 100%;
}
.main4 .img-list li .m3lien {
	max-width: 262px; /*border:1px solid #dadada;*/
	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
.main4 .img-list li .m3lien img {
	max-width: 262px; display:block;
	width: 100%;
	margin: 0 auto;
}
.main4 .img-list li .m4zi {
	display: block;
	margin: 0 auto;
	max-width: 262px;
	width: 100%;
	background: #7f7f7f;
	font-size: 18px;
	font-size: 1.8rem;
	color: #ffffff;
	line-height: 26px; padding:15px 0; min-height:52px;
	text-align: center;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

}
.main4 .img-list li .m3lien:hover .m4fu {
	top: 0;
}
.main4 .img-list li:hover .m4zi {
	background: #004287;
}
 @media screen and (max-width:1219px) {
.main4 .img-list {
	width: 89%;
}
.main4 .img-list li {
	margin-right: 41px;
}
.main4 .img-list li .m4zi {
	padding: 0px 10px;
	width: calc( 100% - 20px );
}
}
 @media screen and (max-width:999px) {
.main4 {
	padding-bottom: 40px;
	padding-top: 10px;
}
.main4 .img-list li .m3lien .m4fu {
	display: none;
}
.main4 .img-list {
	width: 100%;
}
.main4 .img-scroll .hot {
	top: 0px;
	width: 100%;
}
.main4 .img-list li {
	width: 2.4%;
	margin-right: .1%;
}
}
 @media screen and (max-width:768px) {
.main4 .img-scroll {
	padding-top: 20px;
}
.main4 .title {  font-size: 3rem;}
.main4 {
	padding: 30px 0px;
}
.main4 .img-list li {
	width: 3%;
	margin-right: .487%;
}
}
 @media screen and (max-width:400px) {



.main3 .title a {



	font-size: 26px;



	font-size: 2.6rem;



	line-height: 30px;



}



.main4 .title a {



	font-size: 26px;



	font-size: 2.6rem;



}



.main4 .img-list {



	width: 262px;



	margin: 0 auto;



}



.main4 .img-list li {



	width: 262px;



	margin-right: .487%;



}



}
/* main5 */
.main5 {
	padding-top: 64px;background: url( ../images/shneis.webp) no-repeat center center;
	padding-bottom: 118px; 
    background-size: cover;
}
.main5 .title {
	margin-bottom: 26px;
	text-align: center;
	background: url( ../images/m1title.png)no-repeat center center;
	text-transform: uppercase;
	font-size: 4.4rem;
	color: #333;
	font-family: 'MASQUE';
}
.m5_ul li a:hover {
	color: #004287;
}
.main5 .title a:hover {
	color: #004287;
}
.m5_ul {
	max-width: 1086px;
	width: 100%;
	margin: 0 auto;
	padding-top: 52px;
}
.m5_ul li {
width: 46%; margin:2%;
}
.m5_ul .m5_wrap {
	position: relative;
	max-width: 509px;
	width: 100%;
	margin: 0 auto;
}
.m5_ul .m5_wrap img {
	display: block;
	max-width: 509px;
	height: 320px;
	width: 100%;
}
.m5_ul .m5_wrap .rili {
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #004287;
	width: 75px;
	height: 57px;
}
.m5_ul .m5_wrap .rili span {



	padding-top: 7px;



	display: block;



	font-size: 16px;



	font-size: 1.6rem;



	text-decoration: underline;



	color: #fff;



}



.m5_ul .m5_wrap .rili b {



	padding-top: 2px;



	display: block;



	font-size: 22px;



	font-size: 2.2rem;



	color: #fff;



	font-weight: normal;



}



.m5_title {



	padding-top: 19px;



	padding-bottom: 2px;



}



.m5_title a {



	display: block;



	font-size: 18px;



	font-size: 1.8rem;



	color: #333;



	font-weight: bold;



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



	font-weight: bold;    overflow: hidden;



    white-space: nowrap;



    text-overflow: ellipsis;



}



.m5_ul p a {



	display: block;



	line-height: 28px; 



}



.m5_ul a.more {



	margin-top: 19px;



	display: block;



	width: 77px;



	height: 19px;



	line-height: 19px;



	text-align: center;



	color: #666;



	font-size: 12px;



	font-size: 1.2rem;



	border: 1px solid #666666;



	border-radius: 50px;



}



.m5_ul a.more:hover {



	border-color: #004287;



	color: #fff;



	background: #004287;



}



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



.m5_ul li {



	width: 48%;



}



}

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

.main5 {
	padding-top: 64px;
	padding-bottom: 40px;
}
.main5 {



	padding-top: 30px;



}



}



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



.m5_ul a.more {



	margin-top: 10px;



}

.main5 .title {  font-size: 3rem;}

.main5 {



	padding-top: 30px;



	padding-bottom: 20px;



}



.m5_ul {



	padding-top: 0px;



}



.main5 .title a {



	font-size: 30px;



	font-size: 3rem;



}



.m5_title a {



	font-size: 16px;



	font-size: 1.6rem;



}



.m5_ul li {



	width: 98%;



	float: none;



	padding-bottom: 20px;



}



.m5_ul .m5_wrap .rili b {



	font-size: 20px;



	font-size: 2rem;



}



}



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



.main5 .title a {



	font-size: 26px;



	font-size: 2.6rem;



}



}



/* bread */
.bread {

    text-transform: capitalize;
	padding-top: 6px;
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
}
.bread a {
	font-size: 16px;
	font-size: 1.6rem;
	color: #333;
	line-height: 43px;
}
.bread a:hover {
	color: #004287;
}
.bread .a2 {
	color: #004287;
}
/* product1 */
.product1 {
	padding: 40px 0;
}
.product1 .xiangqing .goods {
	width: 872px;
}
.product1 .xiangqing .goods .box1 {
	width: 100%;
}
.product1 .xiangqing .goods .box1 form dl {
	padding-bottom: 7px;
}
.product1 .xiangqing .goods .box1 form dl dd {
	margin-bottom: 48px;
	/*float: left;*/
	width: 280px;
	margin-left: 10px;
}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop {
	position: relative;
	overflow: hidden;
}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop input {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 13px;
	left: 13px;
	z-index: 9999;
}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddimg a {
	border: 1px solid #e0e0df;
	display: block;
}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddimg a img {
	display: block;
	max-width: 100%;
}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddzz {
	background: #004287;
	background: rgba(0, 132, 206, 0.9);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
	left: 0;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddzz a {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 30px;
}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddtop .ddzz a span {
	position: absolute;
	display: block;
	width: 38px;
	height: 41px;
	top: 50%;
	margin-top: -19px;
	left: 50%;
	margin-left: -20.5px;
}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddbot a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	text-align: center;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333;
	background-color: #cfcfcf;
	line-height: 30px;
	padding: 5px 10px;
	height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddbot2 a{overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
}
.product1 .xiangqing .goods .box1 form dl{ display:flex; flex-wrap:wrap; flex-direction:row; justify-content:flex-start; width:100%;}
.product1 .xiangqing .goods .box1 form dl dd .ddbox .ddbot2  {

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




	text-align: center;



	font-size: 12px;



	font-size: 1.2rem;
	

	color: #333;



	background-color: #cfcfcf;



	line-height: 1.6;



	padding: 10px 10px;





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

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



	margin-top: 14px;



}



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



	display: block;



	width: 148px;



	height: 33px;



	line-height: 33px;



	text-align: center;



	border: 1px solid #004287;



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



	margin: 0 auto;



}



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



	top: 0;



}



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



	background-color: #004287;



	color: #fff;



}



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



	background-color: #004287;



	color: #fff;



}



.product1 .xiangqing .list {



	margin-top: 0;



	width: 309px;



}



.product1 .xiangqing .list .title1 {



	height: 50px;



	line-height: 50px;

    

	text-indent: 12px;



	background: #004287;






	color: #fff;



	font-size: 22px;



	font-size: 2.2rem;



}



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



	color: #fff;



}



.product1 .xiangqing .list .subNavBox {



	border: 1px solid #aaaaaa;



}



.product1 .xiangqing .list .subNavBox .subNav {



	margin-left: 13px;



	margin-right: 17px;



	cursor: pointer;



	background: #fff;



}



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



	display: block;



	line-height: 45px;



	border-top: 1px solid #a0a0a0;



	font-size: 16px;



	font-size: 1.6rem;



	color: #333;



	-webkit-transition: 0s;



	transition: 0s;



}



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



	border: 0px;



}



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



	color: #0071d2;



}



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



}



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



	color: #004287; font-weight:600;



}



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



	margin-bottom: 0;



	padding-top: 4px;



	padding-bottom: 4px;



	/*display: none;*/



	position: relative;



	top: 0;



}



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



	display: block; font-weight:400;



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 30px; background:url(../images/dian.webp) no-repeat 18px;



	padding: 3px 10px 3px 33px;



	color: #333;



}



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



	color: #004287;



}



.product1 .xiangqing .list .title2 {



	margin-top: 60px;



	height: 50px;



	line-height: 50px;



	text-indent: 12px;



	background: #004287;



}



.product1 .xiangqing .list .title2 a {



	color: #fff;



	font-size: 22px;



	font-size: 2.2rem;



}



.product1 .xiangqing .list dl {



	border: 1px solid #a0a0a0;



	padding-top: 13px;



	padding-bottom: 15px;



	padding-left: 14px;



	padding-right: 18px;



}



.product1 .xiangqing .list dl dd {



	border-bottom: 1px solid #a0a0a0;



	margin-bottom: 17px;



	padding-bottom: 5px;



}



.product1 .xiangqing .list dl dd .ddtop {



	font-size: 16px;



	font-size: 1.6rem;



	line-height: 26px;



	margin-bottom: 6px;



}



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



	font-size: 16px;



	font-size: 1.6rem;



	line-height: 26px;



	color: #333;



	display: block;



	padding-left: 26px;



	background: url(../images/riqi.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/riqi.png*/ no-repeat left 5px;    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;



}



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



	color: #004287;



	background: url(../images/riqih.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/riqih.png*/ no-repeat left 5px;



}



.product1 .xiangqing .list dl dd .ddbot {



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 30px;



	margin-bottom: 7px;



}



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



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 28px;



	color: #333;



	display: block;



}



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



	color: #004287;



}



.product1 .xiangqing .list dl .dd3 {



	margin-bottom: -5px;



	border-bottom: 0;



}



.product2 .goods1 {



	width: 872px;



}



.product2 .goods1 #showArea {



	margin-top: 16px;



	margin-bottom: 13px;



	height: 452px;



	overflow: hidden;



}



.product2 .goods1 #showArea a {



	display: block;



}



.product2 .goods1 #showArea a img {



	cursor: pointer;



	display: block;



	width: 156px;



	height: 135px;



	margin-bottom: 18.5px;



	border: 1px solid #e0e0e0;



}



.product2 .goods1 .content {



	width: 100%;



}



.product2 .goods1 .content .title {



	padding-top: 0;



	margin-top: 25px;



	margin-bottom: 30px;



}



.product2 .goods1 .content .title h1 {



	text-align: center;



	margin-top: 0px;



	font-size: 22px;



	font-size: 2.2rem;



	color: #333;



	font-weight: bold;



}



.product2 .goods1 .content ul li {



	padding-left: 12px;



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 24px;



	color: #666;



}



.product2 .goods1 .content .hang1 {



	width: 626px;



	margin: 0 auto;



}



.product2 .goods1 .content .btn {



	width: 359px;



	text-align: center;



}



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



	display: inline-block;



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



	width: 148px;



	height: 33px;



	line-height: 33px;



	text-align: center;



	border: 1px solid #004287;



	border-radius: 0px;



}



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



	background-color: #004287;



	color: #fff;



}



.product2 .goods1 .share1 {



	padding-top: 4.5px;



	width: 224px;



}



.product2 .goods1 .share1 .span {



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



	height: 24px;



	line-height: 24px;



}



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



	width: 24px !important;



	height: 24px !important;



}



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



	padding: 0 !important;



	border-radius: 2px !important;



}



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



	width: 24px !important;



	height: 24px !important;



}



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



	margin-bottom: 0 !important;



	margin-right: 3px !important;



}



.product2 .goods1 .protitle1 {



	background: url(../images/relative.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/relative.png*/ no-repeat 350px center;



	width: 100%;



	margin-bottom: 11px;



	margin-top: 30px;



}



.product2 .goods1 .protitle1 a {



	padding-bottom: 9px;



	padding-top: 9px;



	line-height: 30px;



	font-size: 28px;



	font-size: 2.8rem;



	color: #3d3128;



	display: block;



	text-transform: uppercase;



	font-weight: bold;



}



.product2 .goods1 .protitle4 {



	width: 100%;



	margin-bottom: 11px;



	margin-top: 48px;



}



.product2 .goods1 .protitle4 a {



	padding-bottom: 9px;



	padding-top: 9px;



	line-height: 30px;



	font-size: 24px;



	font-size: 2.4rem;



	color: #004287;



	display: block;



	font-weight: bold;



	text-transform: uppercase;



}
.product2 .goods1 .protitle4 a span {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 24px;
	font-size: 2.4rem;
	color: #333333;
}
.product2 .goods1 .wenzi {
	line-height: 32px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #333333;
	margin-bottom: 32px;
}
.product2 .goods1 .wenzi img{ max-width:100%}
.product2 .goods1 .wenzi p img {
	/*display: block;*/
	max-width: 100%;
}
.product2 .goods1 .wenzi a {
	line-height: 32px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #004287;
}
.product2 .goods1 .wenzi table {
	max-width: 100%;
	border-collapse: collapse;
	line-height: 24px;
	margin-bottom: 30px;
}

.product2 .goods1 .wenzi table tr td {



	line-height: 24px;



	padding: 2px;



	border: 1px solid #ccc;



	white-space: nowrap;



}



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



}



.product2 .goods1 .wenzi strong {



	color: #004287;



}



.product2 .slideBox {



	max-width: 593px;



	margin: 0 auto;



	width: 100%;



	height: auto;



	overflow: hidden;



	position: relative;



	border: 1px solid #e0e0e0;



}



.product2 .slideBox .bd {



	position: relative;



	height: 100%;



	z-index: 0;



}



.product2 .slideBox .bd li {



	zoom: 1;



	vertical-align: middle;



}



.product2 .slideBox .bd img {



	max-width: 590px;



	max-height: auto;



	display: block;



	width: 100%;



}



.product2 .slideBox .prev {



	position: absolute;



	left: 0;



	top: 50%;



	margin-top: -24px;



	display: block;



	width: 48px;



	height: 48px;



	background: url(../images/m1_arrowl.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/m1_arrowl.png*/ 0 0 no-repeat;



	filter: alpha(opacity=100);



	opacity: 1;



}



.product2 .slideBox .next {



	position: absolute;



	right: 0;



	top: 50%;



	margin-top: -24px;



	display: block;



	width: 48px;



	height: 48px;



	background: url(../images/m1_arrowr.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/m1_arrowr.png*/ 0 0 no-repeat;



	filter: alpha(opacity=100);



	opacity: 1;



}



.product2 .slideBox .prevStop {



	display: none;



}



.product2 .slideBox .nextStop {



	display: none;



}



.product2 .xiangqing .list {



	margin-top: 0;



	width: 309px;



}



.product2 .xiangqing .list .title1 {



	height: 50px;



	line-height: 50px;



	text-indent: 12px;



	background: #004287;



}



.product2 .xiangqing .list .title1 a {



	color: #fff;



	font-size: 22px;



	font-size: 2.2rem;



}



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



	color: #fff;



}



.product2 .xiangqing .list .subNavBox {



	border: 1px solid #aaaaaa;



}



.product2 .xiangqing .list .subNavBox .subNav {



	margin-left: 13px;



	margin-right: 17px;



	cursor: pointer;



	background: #fff;



}



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



	display: block;



	line-height: 45px;



	border-top: 1px solid #a0a0a0;



	font-size: 16px;



	font-size: 1.6rem;



	color: #333;



	-webkit-transition: 0s;



	transition: 0s;



}



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



	border: 0px;



}



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



	color: #004287;



}



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



}



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



	color: #004287;



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



	color: #0071d2;



}


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



	margin-bottom: 0;



	padding-top: 4px;



	padding-bottom: 4px;



	/*display: none;*/



	position: relative;



	top: 0;



}



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



	display: block;



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 30px;



	padding: 3px 10px 3px 33px;



	color: #333;



}



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



	color: #004287;



}



.product2 .xiangqing .list .title2 {



	margin-top: 60px;



	height: 50px;



	line-height: 50px;



	text-indent: 12px;



	background: #004287;



}



.product2 .xiangqing .list .title2 a {



	color: #fff;



	font-size: 22px;



	font-size: 2.2rem;



}



.product2 .xiangqing .list dl {



	border: 1px solid #a0a0a0;



	padding-top: 13px;



	padding-bottom: 15px;



	padding-left: 14px;



	padding-right: 18px;



}



.product2 .xiangqing .list dl dd {



	border-bottom: 1px solid #a0a0a0;



	margin-bottom: 17px;



	padding-bottom: 5px;



}



.product2 .xiangqing .list dl dd .ddtop {



	font-size: 16px;



	font-size: 1.6rem;



	line-height: 26px;



	margin-bottom: 6px;



}



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



	font-size: 16px;



	font-size: 1.6rem;



	line-height: 26px;



	color: #333;



	display: block;



	padding-left: 26px;



	background: url(../images/riqi.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/riqi.png*/ no-repeat left 5px;



}



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



	color: #004287;



	background: url(../images/riqih.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/riqih.png*/ no-repeat left 5px;



}



.product2 .xiangqing .list dl dd .ddbot {



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 30px;



	margin-bottom: 7px;



}



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



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 28px;



	color: #333;



	display: block;



}



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



	color: #004287;



}



.product2 .xiangqing .list dl .dd3 {



	margin-bottom: -5px;



	border-bottom: 0;



}
.search-title{ padding:30px 0}


/*页码*/
.pagination {
    display: -ms-flexbox;
    /* display: flex; */
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}
.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.pagination ul>li {
    display: inline;
}
.pagination ul>li:first-child>a{
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}
.pagination ul>li>a, .pagination ul>li>span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left-width: 0;
}
.pagination ul>.disabled>a{
    color: #999;
    cursor: default;
    background-color: transparent;
}
.active { color:var(--ztc-text-text-9); font-weight:600}
.pagination{ text-align:center}
/*上一个下一个*/
.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
    min-height: 40px;
}
.pager .previous>a, .pager .previous>span {
    float: left;
}
.pager .next>a, .pager .next>span {
    float: right;
}
.pager li>a {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 18px;
    font-size: 14px; 
	color:#9e9e9e;
}
/*搜索页*/
#page{ margin-top:15px}
.select {
    float: right;
    margin-left: 10px;
    padding: 2px;
}
.propage {
    font-size: 12px;
    float: right;
    margin-left: 5px;
    margin-right: 0px;
    padding-right: 0px;
}
.propage a {
    display: block;
    border: 1px solid #ccc;
    color: #000;
    text-decoration: none;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 14px;
}
.propage .current_page {
    display: block;
    border: 1px solid #ccc;
    color: #fe2400;
    text-decoration: none;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 14px;
}
.n-list li {
    line-height: 35px;
    border-bottom: 1px #CCC dashed;
    background-image: url(../../images/ico.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
    font-size: 15px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download li {
    line-height: 35px;
    border-bottom: 1px #CCC dashed;
    background-image:url(../images/dian.webp);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 15px;
    font-size: 14px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.download li span {
    float: right;
    color: #999;
}
 @media screen and (max-width: 1219px) {



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



	width: 680px;



}



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



	margin-top: 0% !important;



}



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



	width: 31% !important;



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



}



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



	width: calc(100% - 2px);



}



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



	width: 98%;



	max-width: 158px;



}



.page .page-n {



	margin-right: 200px;



}



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



	width: 258px;



}



.product2 .goods1 ul.rel-pro li {



	width: 24%;



	margin: 0.5% !important;



}



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



	width: calc(100% - 2px);



}



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



	width: 95%;



	max-width: 148px;



	margin: 0 auto;



}



.product2 .goods1 #showArea {



	height: 300px;



}



.product2 .goods1 .left-pro {



	width: 600px;



}



.product2 .goods1 .left-pro .t2 {



	width: 402px;



}



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



	width: 400px;



	height: 389px;



}



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



	padding: 5px 10px;



	width: calc( 100% - 20px )



}



}



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



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



	width: 650px;



}



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



	width: 650px;



}



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



	width: 258px;



}



.product2 .goods1 .wenzi .table {



	overflow: scroll



}



.product2 .goods1 .wenzi .table table {



	width: 880px



}



}



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



.product2 .goods1 .content .hang1 {



	width: 100%;



}



.product2 .goods1 .img980 {



	display: block;



}



.product2 .goods1 .share1 {



	float: none;



	margin: 0 auto;



}



.product2 .goods1 .left-pro {



	display: none !important;



}



.product2 .goods1 .content .btn {



	width: 100%;



}



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



	float: none;



	margin: 10px;



}



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



	display: none;



}



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



	font-size: 12px;



	font-size: 1.2rem;



}



.page {



	margin-bottom: 50px;



}



.page a {



	margin-bottom: 15px;



}



.page .add {



	position: static;



}



.page .page-n {



	margin-right: 0px;



}



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



	display: none;



}



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



	width: calc(100% - 300px);



}



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



	width: 48% !important;



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



}



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



	margin-bottom: 30px;



}



.product2 .goods1 .content {



	margin-top: 30px;



	width: 100%;



}



.product2 .goods1 .p-kuang {



	margin: 0 auto;



	float: none;



}



}



 @media screen and (max-width: 768px) {
.product1 .xiangqing .list .title2 {
	margin-top: 20px;
}
.page {
	margin-bottom: 30px;
}
.product1 {
	padding-top: 20px;
}
.product1 .xiangqing .goods .box1 form dl {
	padding-bottom: 30px;
}
.product2 .goods1 .protitle1 a {
	font-size: 20px;
	font-size: 2.0rem;
}
.product2 .goods1 .protitle1 a span {
	font-size: 20px;
	font-size: 2.0rem;
}
.product2 .goods1 .protitle4 a {
	font-size: 20px;
	font-size: 2.0rem;
}
.product2 .goods1 .protitle4 a span {
	font-size: 20px;
	font-size: 2.0rem;
}
.product2 .goods1 .img980 {
	display: block;
}
#tsShopContainer {
	display: none;
}
.product2 .goods1 ul.rel-pro li {
	width: 48%;
}
.product2 .goods1 .p-kuang {
	width: 100%;
}
}
 @media screen and (max-width: 639px) {
.product2 .goods1 .protitle1 {
	margin-top: 30px;
}
.product2 .goods1 .protitle4 {
	background: #e3dede;
}
.product2 .goods1 .img980 ul li {
	width: 48%;
}
.product2 .goods1 .content .title h1 {
	font-size: 18px;
	font-size: 1.8rem;
}
.product1 .xiangqing .goods {
	width: 100%;
}
.product1 .xiangqing .goods .box1 ul li {
	width: 48% !important;
	margin: 0 1% 2% 1% !important;
}
.product1 .xiangqing .list {



	width: 100%;



	margin-bottom: 30px;



}



.product2 .xiangqing .goods1 {



	width: 100%;



}



.product2 .xiangqing .goods1 .box1 ul li {



	width: 48% !important;



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



}



.product2 .xiangqing .list {



	width: 100%;



	margin-bottom: 30px;



}



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



	max-width: 100%;



}



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



	line-height: 25px;



	padding-top: 5px;



	padding-bottom: 5px



}



}



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



.MagicZoomBigImageCont, .MagicZoomPup {



	display: none !important;



}



.MagicZoom {



	cursor: auto !important;



}



}



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



.product2 .xiangqing .goods2 .img980 ul li {



	width: 100%;



	margin: 0 0 2%;



}



}



.relative {



	margin-bottom: 55px;



}



.relative .title {



	background: url(../images/relative.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/relative.png*/ no-repeat 395px center;



	width: 100%;



	margin-bottom: 23px;



	margin-top: 38px;



}



.relative .title  {



	padding-bottom: 9px;



	padding-top: 9px;



	line-height: 30px;



	font-size: 36px;



	font-size: 3.6rem;



	color: #333;



	display: block;



	text-transform: uppercase;



	font-weight: bold;



}



.relative .title a:hover {



	color: #004287;



}



.relative .title2 {



	background: url(../images/relative2.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/relative2.png*/ no-repeat 293px center;



	width: 100%;



	margin-bottom: 23px;



	margin-top: 38px;



}



.relative .title2 a {



	padding-bottom: 9px;



	padding-top: 9px;



	line-height: 30px;



	font-size: 36px;



	font-size: 3.6rem;



	color: #333;



	display: block;



	text-transform: uppercase;



	font-weight: bold;



}



.relative .title2 a:hover {



	color: #004287;



}



.relative dl dd {



	float: left;



	width: 273px; margin-bottom:25px;



	margin-left: 26.66px;



}



.relative dl dd .ddbox .ddtop {



	position: relative;



	overflow: hidden;



}



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



	display: block;



	border: 1px solid #e0e0e0;



}



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



	display: block;



	max-width: 100%;



}



.relative dl dd .ddbox .ddtop .ddzz {



	background: #004287;



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



	position: absolute;



	width: 100%;



	height: 100%;



	top: 100%;



	left: 0;



	-webkit-transition: 0.5s;



	transition: 0.5s;



}



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



	display: block;



	width: 100%;



	height: 100%;



	margin-top: 30px;



}



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



	position: absolute;



	display: block;



	width: 38px;



	height: 41px;



	top: 50%;



	margin-top: -19px;



	left: 50%;



	margin-left: -20.5px;



}



.relative dl dd .ddbox .ddbot a {



	display: block;



	text-align: center;



	font-size: 14px;



	font-size: 1.4rem;



	;



	color: #333;



	background-color: #cfcfcf;



	line-height: 30px;



	padding: 5px 0;



	height: 30px;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



}



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



	top: 0;



}



.relative dl dd:hover .ddbot a {



	background-color: #004287;



	color: #fff;



}



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



.relative dl dd {



	width: 23%;



	margin: 1% !important;



}



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



	width: 95%;



}



.relative dl dd .ddbox .ddbot a {



	height: 30px;



	overflow: hidden



}



}



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



.relative {



	margin-bottom: 30px;



}



.relative dl dd .ddbox .ddtop .ddzz {



	display: none;



}



}



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



.product2 .xiangqing .list .title2 {



	margin-top: 20px;



}



.product2 .goods1 {



	width: 100%!important;



	float: none;



}



.product2 .xiangqing .list {



	width: 100%;



	margin-bottom: 10px;



}



.product2 .goods1 .protitle1 {



	background: none;



}



.relative dl dd {



	width: 48%;



}



.relative .title {



	background: none;



	margin: 10px 0px;



}



.relative .title a {



	font-size: 24px;



	font-size: 2.4rem;



}



.relative .title2 {



	background: none;



	margin: 10px 0px;



}



.relative .title2 a {



	font-size: 24px;



	font-size: 2.4rem;



}



.product2 .goods1 .content .title {



	margin: 10px 0px;



}



.product2 .goods1 .content {



	margin-top: 20px;



}



.footer_bot {



	padding-bottom: 20px;



}



}



/* about */







.about {



	padding-top: 50px;



}



.ab1_top {



}



.ab1_top img.r {



	display: block;



	max-width: 599px;



	max-height: 390px;



	width: 100%;



	margin-left: 15px;



}



.ab1_top p {



	line-height: 28px;



	



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



}



.ab1_top .tiyo img {



	display: block;



	margin-top: 27px;



	max-width: 100%;







	



	margin-bottom: 46px;



}



.about_p {



	padding-top: 10px;



}



.about_p p {



	line-height: 28px;



	padding-bottom: 3px;



}



.abnav2 {



	text-align: center;



	margin-top: 24px;



	padding-bottom: 52px;



}



.abnav2 a {



	display: inline-block;



	width: 268px;



	float: left;



	margin-left: 31px;



	margin-right: 101px;



	font-size: 16px;



	font-size: 1.6rem;



	line-height: 30px;



	color: #080103;



	text-align: center;



	padding-top: 149px; cursor:default



}



.abnav2 .ab21 {



	background: url(../images/ab2nav1.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/ab2nav1.png*/ no-repeat top center;



}



.abnav2 .ab22 {



	background: url(../images/ab2nav2.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/ab2nav2.png*/ no-repeat top center;



}



.abnav2 .ab23 {



	background: url(../images/ab2nav3.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/ab2nav3.png*/ no-repeat top center;



}



/*.abnav2 .ab21:hover {



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



}



.abnav2 .ab22:hover {



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



}



.abnav2 .ab23:hover {



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



}



*//*.abnav2 a:hover {



	color: #004287;



}*/



.abx {



}



.abx {



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



	line-height: 30px;



}



.abx a {



	font-size: 14px;



	font-size: 1.4rem;



	color: #004287;



	line-height: 30px;



}



.abx img {



	display: block;



	max-width: 100%;



	margin: 0 auto;



}



.abx iframe {



	display: block;



	max-width: 100%;



	margin: 0 auto;



}



.abx table {



	width: 90%;



	border-collapse: collapse;



	line-height: 22px;



	border: 1px solid #ccc;



	margin-left: auto;



	margin-right: auto



}



.abx table tr td {



	padding: 3px;



	border: 1px solid #ccc;



	background: #fff



}



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



.abnav2 a {



	width: 33%;



	margin: 0 auto;



}



.ab1_top img.r {



	width: 50%;



}



}



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



.about {



	padding-top: 20px;



}



.ab1_top img.r {



	float: none;



	margin: 0 auto;



	width: 100%;



}



.abx .table {



	overflow: scroll



}



.abx .table table {



	width: 880px



}



}



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



.abnav2 a {



	font-size: 14px;



	font-size: 1.4rem;



}



}



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



.about {



	padding-top: 10px;



}



.abnav2 a {



	width: 50%;



	float: left;



	font-size: 14px;



	font-size: 1.4rem;



	margin-bottom: 20px;



}



.ab1_top .tiyo img {



	margin: 20px 0px 10px;



}



.about_p p {



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



	padding-bottom: 10px;



}



.ab1_top p {



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



	padding-bottom: 10px;



}



.abnav2 {



	padding-top: 0px;



	padding-bottom: 30px;



}



}



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



.abnav2 a {



	padding-top: 131px;



	width: 100%;



	float: none;



	font-size: 14px;



	font-size: 1.4rem;



}



}



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






.news-title{ font-size:24px; padding-bottom:20px;font-weight: bold; text-align:center;}
.new {



	padding: 30px 0;



}



.synew {



	padding-top: 82px;



	padding-bottom: 67px;



}



.wn {



	text-align: center;



	font-size: 28px;



	font-size: 2.8rem;



	text-transform: uppercase;



	margin-bottom: 52px;



}



.syntu img {



	display: block;



	width: 100%;



	max-width: 567px;



	max-height: 356px;



}



.syntu {



	display: block;



}



.synbox {



	float: left;



	width: 46%;



	margin:0 4% 5% 0;



}


.synbox .news_img img{ max-width:100%}
.news_img { max-height:380px; overflow:hidden; margin-bottom:30px}
.synnr {



	margin-top: 31px;



}



.yueri {



	position: relative;



	margin-top: 0px;



}



.yue {



	font-size: 22px;



	font-size: 2.2rem;



	color: #004287;



	font-weight: bold;



	position: absolute;



	top: 65px;



	left: 40px;



}



.ri {



	font-size: 140px;



	font-size: 14rem;



	font-weight: bold;



	color: #cccccc;



}



.synp1 {



	font-size: 18px;



	font-size: 1.8rem;



	font-weight: bold;



	overflow: hidden;



	white-space: nowrap;



	text-overflow: ellipsis;



	margin-bottom: 16px;



}



.synp1:hover a {



	color: #004287;



}



.synp2 {



	line-height: 25px;



}



.synp2 a {



	display: block;



	height: 50px;



	overflow: hidden;



}



.synp2 a:hover {



	color: #004287;



}



.new_box {



	padding-bottom: 43px;



}
.workshop{ width:31.3%; margin:1%; float:left}
.workshop .ws_img img{ max-width:100%}
.ws_introdut{ padding-bottom:25px;}
 @media screen and (min-width:1000px) and (max-width:1219px) {



.synbox {



	width: 456px;



}



.ri {



	font-size: 100px;



	font-size: 10rem;



}



.yue {



	font-size: 20px;



	font-size: 2rem;



	top: 44px;



	left: 28px;



}



.synnr {



	width: 325px;



}



.synnr {



	margin-top: 30px;



}



}



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



.new .page {



	top: 0px;



}



.ri {



	font-size: 100px;



	font-size: 10rem;



}



.yue {



	font-size: 20px;



	font-size: 2rem;



	top: 44px;



	left: 28px;



}



.synbox {







width: 48%;
    margin: 0 1%;
    margin-bottom: 20px;
    float: none;
    display: inline-block;
    vertical-align: top;






}







.synnr {



	width: 66%;



}



.syntu {



	width: 100%;



	text-align: center;



}



}



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



.new {



	padding-top: 20px;



}



.synnr {



	width: 100%;



	margin-top: 0;



}



}



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



.bread .wp a {



	font-size: 14px;



	font-size: 1.4rem;



}



.synbox {



	width: 100%;



	margin: 0;



	margin-bottom: 30px;



}



.new_box {



	padding-bottom: 0px;



}



.synp1 {



	margin-bottom: 5px;



}



.synew {



	padding-top: 30px;



}



.ri {



	font-size: 80px;



	font-size: 8rem;



}



.yue {



	font-size: 16px;



	font-size: 1.6rem;



	top: 35px;



	left: 19px;



}



.yueri {



	margin:15px 0;



}



.synew {



	padding-bottom: 10px;



}



.wn {



	margin-bottom: 30px;



}



.new {
	padding-top: 10px;
}
.new img{ max-width:100%}
.workshop{ width:100%; float:left}


}



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







.new2 {



	padding-top: 47px;



	padding-bottom: 50px;



}



.new2 h1 {



	text-align: center;



	font-size: 24px;
	 padding-bottom:20px;



	font-weight: bold;



}



.nsj {



	text-align: center;



	color: #cccccc;



	margin-top: 7px;



	margin-bottom: 2px;



}



.nsj span.aspj {



	font-size: 14px;



	font-size: 1.4rem;



	margin-right: 20px;



	display: inline-block;



	text-align: center;



	color: #cccccc;



	line-height: 24px;



}



.nsj .share1 {



	position: relative;



	top: 6px;



	display: inline-block;



	width: 242px;



}



.nsj .share1 .span4 {



	font-size: 14px;



	font-size: 1.4rem;



	color: #999999;



	height: 19px;



	line-height: 25px;



}



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



	width: 19px !important;



	height: 19px !important;



}



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



	padding: 0 !important;



	border-radius: 2px !important;



}



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



	width: 19px !important;



	height: 19px !important;



}



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



	margin-bottom: 0 !important;



	margin-right: 3px !important;



}



.new_x {



	line-height: 30px;



	padding-bottom: 30px;



	border-bottom: 1px solid #cccccc;



	margin-bottom: 20px;



}



.new_x p a, .new_x a {



	font-size: 14px;



	font-size: 1.4rem;



	color: #0449b1;



	line-height: 30px;



}



.new_x p img, .new_x img {



	display: block;



	max-width: 100%;



	max-height: 360px;



	margin: 0 auto;



}



.new_x table {



	width: 90%;



	border-collapse: collapse;



	line-height: 22px;



	border: 1px solid #ccc;



	margin-left: auto;



	margin-right: auto



}



.new_x table tr td {



	padding: 3px;



	border: 1px solid #ccc;



	background: #fff



}



.xwsx {



	line-height: 30px;



	color: #333



}



.xwsx a:hover {



	color: #0449b1;



}



.new_x strong {



	color: #0449b1;



}



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



.new2 h1 {



	line-height: 30px;



}



.new_x .table {



	overflow: scroll



}



.new_x .table table {



	width: 880px



}



}



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



.new2 h1 {



	font-size: 16px;



	font-size: 1.6rem;



	line-height: 30px;



}



.new2 {



	padding-top: 30px;



	padding-bottom: 20px;



}



}



/* video */







.video {



}



.video ul {



	padding-top: 40px;



	padding-bottom: 0px; letter-spacing: 0; font-size:0;



}



.video ul li {



	margin-bottom: 74px;



	width: 350px;



	float: none;



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



}



.video ul li .litop {



	position: relative;



	padding-bottom: 78.15%;



	height: 0;



	overflow: hidden;



}



.video ul li .litop iframe {



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	border: none;



}



.video ul li .litop iframe body {



	margin: 0px !important;



}



.video ul li .libot {



	margin-top: 19px;



	font-size: 16px;



	font-size: 1.6rem;



	color: #333;



	text-align: center;



}



.video ul li .libot a {



	font-size: 16px;



	font-size: 1.6rem;



	color: #333;



}



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



.video ul {



	margin-top: 0;



}



.video ul li {



	width: 31%;



	margin: 1% !important;



}



.video .title {



	margin-bottom: 20px;



}



}



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



.video ul li {



	width: 48%;



	margin: 1% !important;



}



.video ul li .libot a {



	font-size: 14px;



	font-size: 1.4rem;



	color: #333;



	line-height: 28px;



}



.video ul li .libot {



	margin-top: 10px;



	padding-bottom: 20px;



}



}



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



.video ul li {



	width: 98%;



	margin: 1% !important;



}



}



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















.contact {



	background: url(../images/ditu.png.jpg)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/ditu.png*/ no-repeat top center;



}



.contact .top {



	padding-top: 62px;



	max-width: 100%;



	width: 100%;



	margin: 0 auto;



}



.contact .top dl {



	max-width: 1080px;



	margin: 0 auto;



	width: 100%;



}



.contact .top dl dd {



	width: 31%;



	float: left;



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



}



.contact .top dl dd .top1 img {



	display: block;



	margin: 0 auto;



	max-width: 152px;



}



.contact .top dl dd .bottom1 {



	text-align: center;



	font-size: 20px;



	color: #333;



	padding-top: 34px;



}



.contact .top dl dd .bottom1 a {



	display: block;



	text-align: center;



	font-size: 20px;



	color: #333;



}



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



	color: #078ccb;



}



.footer a:hover {



	color: #078ccb;



}



.contact .didian1 {



	text-align: center;



	margin: 48px auto 0;



	line-height: 33px;



}



.contact .didian1 span {



	display: inline-block;



	background: url(../images/site2.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/site2.png*/ no-repeat left top;



	padding-left: 40px;



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 33px;



	color: #333;



}



.cobiao {



	display: block;



	text-align: center;



	font-size: 20px;



	font-size: 3.0rem;



	font-weight: normal;



	color: #333333;



	padding-top: 44px;



	text-transform: uppercase;



}



.cop {



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 24px;



	color: #8a8a8a;



	text-align: center;



	margin-top: 0px;



}



.coxin {



	margin-top: 20px;



}



.col {



	width: 496px;



	float: left;



}



.cor {



	width: 664px;



	float: right;



}



.coxin .int1 {



	padding-left: 15px;



	margin-top: 18.5px;



}



.coxin .xing,.footer_form .xing {



	background: url(../images/xing.png)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/xing.png*/ no-repeat left 22px;



}



.coxin .int1 input {



	border: 1px solid #6f6f6f;



	width: 439px;



	height: 48px;



	padding-left: 38px;



	line-height: 48px;



}



.curen {



	background: #fff url(curen.jpg)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/curen.jpg*/ no-repeat left center;



}



.cuxinfeng {



	background: #fff url(cuxinfeng.jpg)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/cuxinfeng.jpg*/ no-repeat left center;



}



.cudianhua {



	background: #fff url(cudianhua.jpg)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/cudianhua.jpg*/ no-repeat left center;



}



.cufang {



	background: #fff url(cuguojia.jpg)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/cuguojia.jpg*/ no-repeat left center;



}



.coxin textarea {



	border: 1px solid #6f6f6f;



	width: 605px;



	height: 185px;



	padding-left: 41px;



	line-height: 48px;



	background: #fff url(cuxinxi.jpg)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/cuxinxi.jpg*/ no-repeat left top;



}



.coxin .int2 {



	padding-left: 14px;



	margin-top: 18.5px;



}



.coxin .int3 {



	border: 1px solid #6f6f6f;



	width: 227px;



	height: 48px;



	padding-left: 12px;



	line-height: 41px;



	float: left;



	background: #fff



}



.coxin .yanzheng {



	width: 161px;



	height: 50px;



	float: left;



	margin-left: 8px;



	cursor: pointer



}



.coxin .int4 {



	width: 199px;



	height: 50px;



	background: #004287;



	font-size: 14px;



	font-size: 1.4rem;



	color: #fff;



	float: right;



	cursor: pointer;



	border-radius: 0px;



}



.map iframe {



	cursor: pointer;



	display: block;



	width: 100%;



	max-width: 1200px;



	margin-top: 70px;



	max-height: 631px;



}



.map {



	margin-bottom: 57px;



}



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



.col {



	width: 47%;



}



.cor {



	width: 47%;



}







.coxin textarea {



	width: 408px;



}



.coxin .int3 {



	width: 130px;



}



.coxin .int4 {



	width: 129px;



}



}



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



.coul {



	width: 30%;



	margin-left: 1.5%;



	margin-right: 1.5%;



	float: left;



	height: 100px;



}







.contact .top dl dd .bottom1 {



	padding-top: 10px;



	padding-bottom: 10px;



}



.col {



	width: 100%;



	float: none;



}



.cor {



	width: 100%;



	float: none;



}



.coxin .int1 input {



	width: 90%;



}



.coxin textarea {



	width: 90%;



}



.coxin .int3 {



	width: 30%;



}



.coxin .int4 {



	width: 30%;



	float: left;



	margin-left: 8px;



}



}



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



.contact {



	padding-top: 40px;



}



.contact .top {



	width: 100%;



	padding-top: 20px;



}



.contact .top dl dd {



	width: 18%;



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



}



}



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



.contact {



	padding-top: 20px;



}



.map img {



	margin-top: 20px;



}



.map {



	margin-bottom: 20px;



}



.cobiao {



	padding-top: 20px;



}



.contact .didian1 {



	margin-top: 0px;



}



.contact .top dl dd {



	width: 100%;



	



	margin-bottom: 15px;



}



}



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



.coul {



	width: 47%;



	margin-left: 1.5%;



	margin-right: 1.5%;



	float: left;



}



.coxin .int1 input {



	width: 85%;



}



.coxin textarea {



	width: 84%;



}



.coxin .int3 {



	width: 84%;



	padding-left: 41px;



	float: none;



}



.coxin .yanzheng {



	margin-left: auto;



	margin-top: 11px;



}



.coxin .int4 {



	width: 36%;



	float: left;



	margin-left: 8px;



	margin-top: 11px;



}



}



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



.contact .didian1 {



	width: auto;



}



}















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







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







}







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



.coul {



	width: 97%;



	margin-left: 1.5%;



	margin-right: 1.5%;



	float: left;



	height: auto;



}



}



.ziti {



	font-family: 'MASQUE';



}



#baguetteBox-overlay {



	display: none;



	opacity: 0;



	position: fixed;



	overflow: hidden;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	background-color: #222;



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



	-webkit-transition: opacity .5s ease;



	transition: opacity .5s ease;



	z-index: 99999999999999999999999999999999999999;



}



#baguetteBox-overlay.visible {



	opacity: 1



}



#baguetteBox-overlay .full-image {



	display: inline-block;



	position: relative;



	width: 100%;



	height: 100%;



	text-align: center;



}



#baguetteBox-overlay .full-image figure {



	display: inline;



	margin: 0;



	height: 100%



}



#baguetteBox-overlay .full-image img {



	display: inline-block;



	width: auto;



	height: auto;



	max-height: 100%;



	max-width: 100%;



	vertical-align: middle;



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



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



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



}



#baguetteBox-overlay .full-image figcaption {



	display: block;



	position: absolute;



	bottom: 0;



	width: 100%;



	text-align: center;



	line-height: 1.8;



	color: #ccc;



	background-color: #000;



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



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



}



#baguetteBox-overlay .full-image:before {



	content: "";



	display: inline-block;



	height: 50%;



	width: 1px;



	margin-right: -1px



}



#baguetteBox-slider {



	position: absolute;



	left: 0;



	top: 0;



	height: 100%;



	width: 100%;



	white-space: nowrap;



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



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



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



}



#baguetteBox-slider.bounce-from-right {



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



	animation: bounceFromRight .4s ease-out



}



#baguetteBox-slider.bounce-from-left {



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



	animation: bounceFromLeft .4s ease-out



}



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



	top: 50%;



	top: calc(50% - 30px);



	width: 44px;



	height: 60px



}



.baguetteBox-button {



	position: absolute;



	cursor: pointer;



	outline: 0;



	padding: 0;



	margin: 0;



	border: 0;



	-moz-border-radius: 15%;



	border-radius: 15%;



	background-color: #323232;



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



	color: #ddd;



	font: 1.6em sans-serif;



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



	transition: background-color .4s ease;



}



.baguetteBox-button:hover {



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



}



.baguetteBox-button#next-button {



	right: 2%



}



.baguetteBox-button#previous-button {



	left: 2%



}



.baguetteBox-button#close-button {



	top: 20px;



	right: 2%;



	right: calc(2% + 6px);



	width: 30px;



	height: 30px



}



.baguetteBox-button svg {



	position: absolute;



	left: 0;



	top: 0



}



.spinner {



	width: 40px;



	height: 40px;



	display: inline-block;



	position: absolute;



	top: 50%;



	left: 50%;



	margin-top: -20px;



	margin-left: -20px



}



.double-bounce1, .double-bounce2 {



	width: 100%;



	height: 100%;



	-moz-border-radius: 50%;



	border-radius: 50%;



	background-color: #fff;



	opacity: .6;



	position: absolute;



	top: 0;



	left: 0;



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



	animation: bounce 2s infinite ease-in-out



}



.double-bounce2 {



	-webkit-animation-delay: -1s;



	animation-delay: -1s



}



.listcart {



	width: 100%;



	margin-top: 40px



}



.listcart a {



	display: inline-block;



	height: 30px;



	width: 150px;



	line-height: 30px;



	cursor: pointer;



	border: none;



	overflow: hidden;



	color: #333;



	cursor: pointer;



	border: 1px solid #004287;



	padding-left: 10px;



	padding-right: 10px;



	text-align: center;



	font-size: 14px;



	font-size: 1.4rem;



	margin-left: 10px;



}



.listcart a:hover {



	border: #004287 solid 1px;



	background: #004287;



	color: #fff



}



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



.listcart a {



	width: 40%;



	margin-left: 2.5%;



	margin-right: 2.5%;



	padding-left: 0px;



	padding-right: 0px



}



.listcart {



	width: 100%;



	margin-top: 2rem



}



}



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



.listcart a {



	width: 95% !important;



	float: none;



	overflow: hidden;



	margin-bottom: 1rem;



	margin-top: 1rem



}



}



.shuxp_c {



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 25px;



	margin-top: 5px;



	margin-bottom: 5px;



	font-family: Arial;



}



.top20du {



	font-size: 14px;



	font-size: 1.4rem;



	line-height: 25px;



	font-family: Arial;



}



.shuxp_c a, .currelansn {



	color: #004287 !important



}



.slide,.slide_feny {



	position: relative;



}



.slide .carouse ,.slide_feny .carouse{



	width: 100%;



	overflow: hidden;



	position: relative;



}



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



	width: 100%;



	position: absolute;



	cursor: pointer;



}



.slide .carouse .slideItem .banner-img{



	width: 100%;



}







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







.slide .console {



	height: 57px;



	display: inline-block;



	width: 35px;



	position: absolute;



	top: 40%;



}



.slide .dotList {



	position: absolute;



	width: 100%;



	bottom: 20px;



	text-align: center;



}



.slide .dotList ul li {



	display: inline-block;



	width: 14px;



	height: 14px;



	background: #fff;



	margin: 0 8px;



	cursor: pointer;



}



.slide .dotList ul li.active {



	background: #ffc523;



	width: 28px;



}



.slide .carousel-control {



	position: absolute;



	top: 50%;



	width: 52;



	height: 52px;



	z-index: 999;



	margin-top: -45px;



}



.slide .carousel-control.left {



	left: 5px;



	width: 52px;



	height: 52px;



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



}



.slide .carousel-control.right {



	right: 5px;



	width: 52px;



	height: 52px;



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



}



.slide .dotList ul li {



	



	



	



	position: relative;



	display: inline-block;



	margin: 5px 9px;



	



	border-radius: 50%;



	background: #fff;



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



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



	width: 9px;



	height: 9px;



}



.slide .dotList ul li.active {



	background: #004287;



	margin: 0 9px;



	width: 19px;



	height: 19px;



	-webkit-box-shadow: none;



	box-shadow: none;



}



.slide .slidedetail {



	display: none;



}



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

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



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

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

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


.main2py{     padding-top: 86px;
    padding-bottom: 60px;
	background:url(../images/main2pytu.webp)/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/main2pytu.webp*/ no-repeat center center;
	background-size:cover;
	margin-bottom:80px;
	}
.com-title{ 
	text-transform:uppercase;
    background: url(../images/m1title.png) no-repeat center center;
    text-align: center; 
    color: #184d9d;
    font-size: 4.4rem;
    color: #333;
    font-family: 'MASQUE';
}

.com-des{font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 26px;
    text-align: center;
    margin: auto;
    margin-top: 12px;}
.main2py .cont{margin-top: 3px;}
	
.main2py .cont .item{float: left;margin-left: 37px;margin-top: 45px;}
.main2py .cont .item .img{position: relative;display: block;}
.main2py .cont .item .img img{width: 100%;max-width: 272px; display:block;}
.main2py .cont .item .img p{position: absolute;bottom: 0;width: 100%;width: calc(100% - 18px);font-size: 18px;font-size: 1.8rem;color: #fff;background: #000;background: rgba(0,0,0,0.5);text-align: center;padding: 9px 0;padding: calc(9px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

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



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

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

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



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





#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
 
 @media screen and (max-width: 999px){
	 .m2_wrap2 .m2_l1 img{ max-width:593px; height:auto;}
	 .m2_wrap2 .m2_l1{
	     height:839px;
	 }
	 }
  @media screen and (max-width: 593px){
	 .m2_wrap2 .m2_l1 {


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

}


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


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


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



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

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

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

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


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

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

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

/*  nl_main7  */
.nl_main7{ background: url("m7bei.jpg")/*tpa=https://www.nailicomp.com/themes/simplebootx/jiasheng/images/m7bei.jpg*/ no-repeat bottom left; background-size: 100%; padding-top: 82px; padding-bottom: 102px;}

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

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

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


/*  comain10  */
.comain10{}

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

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

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

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

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

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

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

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

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

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

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

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