.xx_protop{background:#fff; border-radius:16px; padding:40px;border-top:4px solid #18cfcf; margin-bottom:66px;}
.xx_protop .left{ width:55%; float:left; padding:15px 24px;}
.xx_protop .left .proxxname{ font-size:36px; line-height:40px;font-weight:bold; margin-bottom:25px;}
.xx_protop .left .ms{ font-size:16px; color:#555; line-height:30px;height:150px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.xx_protop .left .nyProImg_small{ width:85%; margin:22px 0 40px;}
.xx_protop .left .nyProImg_small .swiper-container{ overflow:inherit;}
.xx_protop .left .nyProImg_small .swiper-slide{ height:130px; border:1px solid #e6e6e6; border-radius:8px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center; overflow:hidden;}
.xx_protop .left .nyProImg_small .swiper-slide:hover,.xx_protop .left .nyProImg_small .swiper-slide.on{border:1px solid #18cfcf;}
.xx_protop .left .nyProImg_small .swiper-slide img{ max-width:100%; max-height:100%;}
.xx_protop .left .proxxbtn a{ display:block; width:42%; height:50px; border-radius:30px; border:1px solid #18cfcf;display:flex; display: -webkit-flex;  justify-content:center;align-items:center; color:#18cfcf; font-size:18px; float:left;}
.xx_protop .left .proxxbtn a:nth-of-type(2){ margin-left:3.5%;}
.xx_protop .left .proxxbtn a svg{ width:22px; height:22px; margin-right:13px;}
.xx_protop .left .proxxbtn a:nth-of-type(2) svg{ width:25px; height:25px;} 
.xx_protop .left .proxxbtn a svg path{ fill:#18cfcf;}
.xx_protop .left .proxxbtn a:hover{ background:#18cfcf; color:#fff;}
.xx_protop .left .proxxbtn a:hover svg path{ fill:#fff;}
.xx_protop .right{ width:42%;border-radius:16px; border:1px solid #e6e6e6; float:right;}
.xx_protop .right .nyProImg_big .swiper-slide{ width:100%; height:520px;overflow:hidden;position: relative;}
.xx_protop .right .nyProImg_big img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
@media screen and (max-width:1440px){
	.xx_protop{margin-bottom: 50px;}
	.xx_protop .left{ width:50%; padding:10px 15px;}
	.xx_protop .left .proxxname{ font-size:32px; line-height:38px; margin-bottom:15px;}
	.xx_protop .left .ms{ height:120px;-webkit-line-clamp: 4;}
	.xx_protop .left .proxxbtn a{ width:47%; font-size:16px;}
	.xx_protop .left .proxxbtn a svg{margin-right:8px;}
	.xx_protop .left .nyProImg_small{ width:100%;}
	.xx_protop .right{ width:47%;}
	.xx_protop .right .nyProImg_big .swiper-slide{ height:460px;}
}
@media screen and (max-width:1280px){
	/*俄语*/
	.ly_ru .xx_protop .left .proxxbtn a{font-size:15px;}
	.ly_ru .xx_protop .left .proxxbtn a svg{ display:none;}
}
@media screen and (max-width:1080px){
	.xx_protop{margin-bottom: 40px;}
	.xx_protop .left{ width:100%; padding:0;}
	.xx_protop .left .proxxname{ font-size:28px;margin-bottom:10px;}
	.xx_protop .left .ms{ line-height:26px;height:78px;-webkit-line-clamp: 3;}
	.xx_protop .left .nyProImg_small{margin: 10px 0 20px;}
	.xx_protop .left .proxxbtn a{ width:48.5%;}
	.xx_protop .left .proxxbtn a:nth-of-type(2){ margin-left:3%;}
	.xx_protop .right{ width:100%; margin-bottom:15px;}
	
}
@media screen and (max-width:767px){
	.xx_protop{ padding:20px;margin-bottom:30px;}
	.xx_protop .left .proxxname{ font-size:24px; line-height:34px;}
	.xx_protop .right .nyProImg_big .swiper-slide{ height:400px;}
}
@media screen and (max-width:600px){
	.xx_protop .left .nyProImg_small .swiper-slide{ height:100px;}
	.xx_protop .left .proxxbtn a{ font-size:16px;}
	.xx_protop .left .proxxbtn a svg{ margin-right:7px;}
	.xx_protop .right .nyProImg_big .swiper-slide{ height:350px;}
}
@media screen and (max-width:500px){
	.xx_protop{margin-bottom:20px;}
	.xx_protop .left .proxxname{ font-size:20px; line-height:24px; margin-bottom:5px;}
	.xx_protop .left .ms{ max-height:48px; line-height:24px;-webkit-line-clamp: 4;}
	.xx_protop .left .nyProImg_small .swiper-slide{ height:80px;}
	.xx_protop .left .proxxbtn a{ font-size:14px; height:46px;}
	.xx_protop .left .proxxbtn a svg{ margin-right:7px;width: 18px;height: 18px;}
	.xx_protop .left .proxxbtn a:nth-of-type(2) svg{width:20px;height:20px;}
	.xx_protop .right .nyProImg_big .swiper-slide{ height:300px;}
	
	/*俄语*/
	.ly_ru .xx_protop .left .proxxbtn a{ width:100%;}
	.ly_ru .xx_protop .left .proxxbtn a:nth-of-type(2){ margin-top:10px; margin-left:0;}
}
@media screen and (max-width:414px){
	.xx_protop .left .nyProImg_small .swiper-slide{ height:70px;}
	.xx_protop .left .proxxbtn a{ height:40px;}
	.xx_protop .left .proxxbtn a svg{ display:none;}
	.xx_protop .right .nyProImg_big .swiper-slide{ height:260px;}
}

.proxx_bigbt{ font-size:36px;font-weight:bold; position:relative; padding-left:70px;}
.proxx_bigbt:before{ content:''; display:block; width:8px; height:8px; border-radius:50%; background:#18cfcf; position:absolute; left:44px; top:23px;}
.xx_protwo .proxx_details{background: #fff; border-radius: 16px; padding: 40px 44px; min-height: 300px;margin:15px 0 66px;}
.xx_protwo .proxx_details,.xx_protwo .proxx_details p,.xx_protwo .proxx_details span {color: #555; line-height: 30px;font-size: 16px;}
.xx_protwo .proxx_details p,.xx_protwo .proxx_details span,.xx_protwo .proxx_details video,.xx_protwo .proxx_details img,.xx_protwo .proxx_details table,.xx_protwo .proxx_details tr,.xx_protwo .proxx_details td {max-width: 100% !important;max-height: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; white-space: normal; word-break: break-all;text-wrap: wrap;}
@media screen and (max-width:1440px){
	.xx_protwo .proxx_details{margin-bottom:50px;}
    .proxx_bigbt{ font-size:32px; padding-left:50px;}
	.proxx_bigbt:before{left:30px; top:20px;}
}
@media screen and (max-width:1080px){
	.proxx_bigbt{ font-size:28px; padding-left:30px;}
	.proxx_bigbt:before{left:10px; top:18px;}
	.xx_protwo .proxx_details{margin-bottom:40px;}
	.xx_protwo .proxx_details p,.xx_protwo .proxx_details span,.xx_protwo .proxx_details video,.xx_protwo .proxx_details img,.xx_protwo .proxx_details table,.xx_protwo .proxx_details tr,.xx_protwo .proxx_details td {width: auto !important; height: auto !important;}
}
@media screen and (max-width:767px){
	.proxx_bigbt{ font-size:24px; padding-left:28px;}
	.proxx_bigbt:before{top:13px;}
	.xx_protwo .proxx_details{ padding:25px 20px; margin:10px 0 30px;}
	.xx_protwo .proxx_details, .xx_protwo .proxx_details p, .xx_protwo .proxx_details span {line-height: 26px;}
}
@media screen and (max-width:500px){
	.xx_protwo .proxx_details{margin:10px 0 20px;}
}

.xx_prothree ul{ margin-top:20px; min-height:150px;}
.xx_prothree ul li{ width:23.5%; margin-right:2%;border:1px solid #e6e6e6; border-radius:8px; background:#fff; float:left; overflow:hidden;}
.xx_prothree ul li:nth-child(4n){ margin-right:0;}
.xx_prothree ul li .pic{ display:block; position:relative; width:100%; height:300px; overflow:hidden;}
.xx_prothree ul li .pic:after{ content:''; display:block; width:100%; height:0; background:rgba(0,0,0,.5); position:absolute; left:0; bottom:0;transition: all .2s;-webkit-transition: all .2s;}
.xx_prothree ul li .pic img{ max-width:100%; max-height:100%; position:absolute; margin:auto; top:0; bottom:0; left:0; right:0;}
.xx_prothree ul li .text{ width:100%; height:60px; background:#e6e6e6; position:relative;}
.xx_prothree ul li .text .name{ font-size:18px; padding:0 32px; line-height:60px;max-width:100%; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;display: block;}
.xx_prothree ul li .text em{ display:block; width:40px; height:40px; border-radius:50%; background:#18cfcf; border:1px solid #fff; position:absolute; right:24px; top:-20px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;}
.xx_prothree ul li .text em svg{ fill:#fff; width:18px; height:18px;}

.xx_prothree ul li:hover .pic:after{ height:100%;}
.xx_prothree ul li:hover .pic img{ -webkit-transform: scale(1.05);-moz-transform: scale(1.05);transform: scale(1.05);}
.xx_prothree ul li:hover .text{ background:#18cfcf;}
.xx_prothree ul li:hover .text .name{ color:#fff;}
@media screen and (max-width:1440px){
	.xx_prothree ul li .pic{ height:260px;}
	.xx_prothree ul li .text .name{ font-size:16px; padding: 0 25px}
	.xx_prothree ul li .text em{ width:34px; height:34px; top:-17px; right:20px;}
}
@media screen and (max-width:1199px){
	.xx_prothree ul li .pic{ height:200px;}
}
@media screen and (max-width:1080px){
	.xx_prothree ul li{ width:32%;}
	.xx_prothree ul li:nth-child(4n){ margin-right:2%;}
	.xx_prothree ul li:nth-child(3n){ margin-right:0;}
	.xx_prothree ul li .pic{ height:240px;}
	.xx_prothree ul li .text .name{padding: 0 20px}
}
@media screen and (max-width:767px){
	.xx_prothree ul{ margin-top:13px;}
	.xx_prothree ul li{ width:48.5%; margin-right:3%;}
	.xx_prothree ul li:nth-child(4n){ margin-right:3%;}
	.xx_prothree ul li:nth-child(3n){ margin-right:3%;}
	.xx_prothree ul li:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:500px){
	.xx_prothree ul li .pic{ height:160px;}
	.xx_prothree ul li .text{height:50px;}
	.xx_prothree ul li .text .name{ padding:0 15px; font-size:14px;line-height:50px;}
}

/*proxx_order*/
.proxx_order{ width:100%; padding:90px 0; background:url(../images/order_bg.jpg) center no-repeat; background-size:cover; overflow:hidden;}
.proxx_order .mian{display: -webkit-flex;display: flex;flex-wrap: wrap;}
.proxx_order .mian .left{ width:41.6%; background:#18cfcf; padding:43px; border-radius:16px 0 0 16px;display:flex; display: -webkit-flex;  justify-content:center;align-items:center;flex-wrap: wrap; }
.proxx_order .mian .left .text{ display:inline-block;}
.proxx_order .mian .left p{ font-size:30px;color:#fff;font-weight:bold; margin-bottom:10px;}
.proxx_order .mian .left .ms{ font-size:16px; color:#fff; line-height:24px;}
.proxx_order .mian .right{ width:58.4%; float:left; background:#fff; border-radius:0 16px 16px 0; padding:45px;}
.lyNyOrder_Main ul li.msg_ipt { width: 48%; overflow: hidden; margin: 0 4% 35px 0; padding: 0; float: left; position:relative; }
.lyNyOrder_Main ul li.msg_ipt:nth-child(2n+2) { margin-right: 0; }
.lyNyOrder_Main ul li.msg_tara {width: 100%;float: inherit; margin-bottom:35px;}
.lyNyOrder_Main ul li.msg_ipt input {display: block;width: 100%;height:54px;overflow: hidden;line-height:54px;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;margin: 0;padding: 0 20px 0 30px;border:none;border-radius:3px;outline: none; background:#f8f8f8;}
.lyNyOrder_Main ul li.msg_tara textarea { display: block; width: 100%; height:115px;line-height: 30px; font-size: 16px; padding: 20px; border:none; border-radius:3px; outline: none; resize: none; background:#f8f8f8;}
.lyNyOrder_Main ul li.msg_btn button {display: inline-block;width:182px;height:54px;line-height:54px;overflow: hidden;color: #fff;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;border: 0;outline: none;border-radius:2px;cursor: pointer; padding-left:25px;}
.lyNyOrder_Main ul li.msg_btn {width: 100%;float: inherit; position:relative;}
.lyNyOrder_Main ul li.msg_btn:before{ content:''; display:block; width:18px; height:18px;background:url(../images/tjjt.png) center no-repeat; position:absolute; top:50%; transform:translateY(-50%); left:45px;}
.lyNyOrder_Main ul li.msg_btn .MsgBtn1 {background-color:#18cfcf;}
.lyNyOrder_Main ul li.msg_btn .MsgBtn2{ background:#93989e;}
.lyNyOrder_Main ul li.msg_btn .MsgBtn2:hover{background-color:#0058c4;background: linear-gradient(to right, #0058c4, #01b4fe);}
.lyNyOrder_Main ul li.msg_ipt:before{content:"*";display:inline-block;font-size:18px;color:#ff0000;position: absolute;top: 18px;left:16px;}
 input::placeholder {color:#888;}
 input::-moz-placeholder {color:#888;}
 input:-ms-input-placeholder {color:#888;}
 input::placeholder {color:#888;}
::-webkit-input-placeholder {color:#888;}
@media screen and (max-width:1440px){
	.proxx_order{padding:80px 0;}
	.proxx_order .mian .right{ padding:40px 35px;}
	.lyNyOrder_Main ul li.msg_ipt{ margin-bottom:20px;}
	.lyNyOrder_Main ul li.msg_tara{ margin-bottom:20px;}
}
@media screen and (max-width:1080px){
	.proxx_order{padding:70px 0;}
	.proxx_order .mian .left{ width:34%; padding:30px;}
	.proxx_order .mian .left p{ font-size:28px;}
	.proxx_order .mian .right{ width:66%;}
	.lyNyOrder_Main ul li.msg_ipt input{ height:50px; line-height:50px;}
}
@media screen and (max-width:880px){
	.proxx_order{padding:50px 0;}
	.proxx_order .mian{ display: block !important;}
	.proxx_order .mian .left{ width:100%;border-radius:16px 16px 0 0; padding:25px;}
	.proxx_order .mian .right{ width:100%;border-radius:0 0 16px 16px;padding: 30px 25px;}
}
@media screen and (max-width:767px){
	.proxx_order{padding:40px 0;}
	.proxx_order .mian .left p{ font-size:24px; margin-bottom:5px;}
	.proxx_order .mian .left{padding:25px;}
	.proxx_order .mian .right{padding: 30px 25px;}
	.lyNyOrder_Main ul li.msg_ipt{ width:100%;margin: 0 0 10px 0;}
	
}