@media (max-width:767px){



	

	
.daohang li .erji a {color: #ff114d!important;}
	

	.banner{ height:300px !important;}

	.banner .swiper-container-horizontal>.swiper-pagination { bottom:10px !important;}

	.bn_nr{ margin-top:80px !important;}

	.bn_nr h3{ width:100% !important; font-size:20px !important; line-height:26px !important;}

	.bn_nr .bn_btn{ margin-top:30px !important;}

	.bn_nr .bn_btn a{ font-size:16px !important; padding:2px 2px !important; margin-right:2px !important;}

	.bn_nr .bn_logo{ display:none;}

	

	.logo{ height:60px !important; width:157px !important;}

	

	.s_nav{ overflow:auto; max-height:100%;}

	.shejiao{ display:none;}

	.daohang li:hover .erji{ position:inherit !important; left:inherit !important; top:inherit !important; margin-left:0px !important;}

	.daohang li .erji{ display:none !important;}

	.daohang li .erji.active{ display:block !important; width:100% !important;}

	.daohang li .erji.active a{ width:100% !important; background:none !important; text-align:left; font-weight:normal; height:auto !important; line-height:20px !important; padding-left:20px;}

	.daohang li .erji.active a:hover{ background:#ff114d !important;}

	.daohang{ float:none !important;}

	.daohang li{ float:none !important; padding:0 !important; width:100% !important; border-bottom:1px solid #444;}

	.daohang li a{ padding-top:10px !important; padding-bottom:10px !important;  border:none !important;}

	.daohang li a.active{ color:#ff114d!important;}

	.daohang li i{ display:block !important; border-top:8px solid transparent !important; border-bottom:8px solid transparent !important; border-right:8px solid rgba(255,255,255,0.6) !important; margin-left:0 !important; left:inherit !important; bottom:inherit !important; right:5px !important; top:50% !important; margin-top:-8px !important;}

	.daohang li i.active{ border-left:8px solid transparent !important; border-right:8px solid transparent !important; border-top:8px solid #ff114d !important; margin-top:-2px !important; top:20px !important; right:0px !important;}

	

	.s_cp_xia{ width:100% !important; height:auto !important;}

	.s_cp_for{ width:100% !important; }

	.s_cp_for label{ width:25% !important; margin-right:0 !important;}

	.s_cp_for input{ width:60% !important;}

	.s_cp_for button{ width:15% !important;}

	.s_cp_lx{ width:100% !important; float:left !important;}

	.s_cp_lx h5{ width:25% !important; margin-right:0 !important;}

	.s_cp_lx a{ width:75% !important;}

	

	.z_ca{ padding:0px 15px !important;}

	

	.mg_b20{ margin-bottom:20px;}

	.s_yin_text h4{ margin-top:220px !important; margin-bottom:10px !important;}

	.s_yin_text p{ height:120px; overflow:hidden;}

	.s_yin_img:hover .s_yin_text h4{ margin-top:20px !important;}

	

	

	.md_cp{ height:820px !important;}

	

	.z_ca_cp{ width:50% !important;}

	.s_cp_zuo.active h2{ font-size:28px; font-family: 'Conv_HELVETICANEUELTSTD-BLKCN'; height:65px; margin:0; background:#313337; color:#fff; text-align:center; line-height:65px !important;}

	.s_cp_you.active h2{ font-size:28px; font-family: 'Conv_HELVETICANEUELTSTD-BLKCN'; height:65px; margin:0; background:#ff114d; color:#fff; text-align:center; line-height:65px !important;}

	.s_cp_zuo h2{ font-size:20px !important; height:65px; line-height:30px !important;}

	.s_cp_you h2{ font-size:20px !important; height:65px; line-height:30px !important;}



	.z_ca{ padding:0px 15px !important;}

	

	.s_cp_zuo{ height:756px !important;}

	.s_cp_you{ height:756px !important;}

	.s_cp_zuo.active{ height:816px !important;}

	.s_cp_you.active{ height:816px !important;}

	

	.s_cp_zuo .z_ca02{ padding-top:12px !important;}

	.s_cp_zuo .z_ca02 p{ margin-bottom:8px !important;}

	

	.z_ca .z_ca_cp .ca_zz{ background:none !important; position:inherit !important; height:20px !important; opacity:1 !important;}

	.z_ca .z_ca_cp .ca_zz h3{ color:#ff114d; font-family:'Arial' !important; margin:0 !important; font-size:14px !important; line-height:20px !important; font-weight:normal !important;}

	.z_ca .z_ca_cp .ca_zz a{ display:none;}

	

	.s_wus h1{ width:320px !important; height:26px !important;}

	.s_wus h3{ height: auto !important;}

	

	

	.footer .foot_y h5{ float:left !important;}

	.footer .foot_y ul{ float:left !important;}

	.footer .foot_y ul li{ margin-right:12px !important; margin-left:0 !important;}

	

	.s_d_nav img{ float:none !important; margin:0 auto !important; margin-top:13px !important;}

	.s_d_nav h4{ font-size:14px; text-align:center !important; line-height:16px !important; float:none !important;}

	.s_d_nav h4 i{ display:none;}

	.s_d_nav .s_d_for img{ display:block !important;}

	.s_d_nav .s_d_for .s_d_for02{ display:none;}

	.s_d_nav .col-xs-3{ padding-left:6px; padding-right:6px;}

	

	.s_hz{ text-align:left !important;}

	.s_hz a{ margin-left:0px !important;}

	

	

	.n_banner{margin-top:60px !important;}

	

	.n_about .ab02_contenr .xs_p02{height:auto !important;}

	.n_about .ab02_contenr h3{ margin-top:20px !important;}

	.sj_fx{ position:inherit !important; left:0 !important;}

	.sj_fx h5:nth-child(2) span{ position:absolute; top:26px !important; left:0px !important;}

	.xs_p02 .sj_fx h5:nth-child(2) i{ display:none;}

	

	.simplemodal-wrap{ overflow:inherit !important;}

	#simplemodal-container iframe{ width:280px !important; height:180px !important;}

	#simplemodal-container {height:200px !important; width:300px !important; border:none !important; padding:0 !important; box-sizing:border-box;}

	

	.n_cp{ margin-top:60px !important;}

	

	.cp_sy{ margin-top:40px !important;}

	.cp_sy ul li{ margin-right:6px !important; margin-bottom:20px !important;}

	.cp_sy ul li:nth-child(2n){ margin-right:0px !important;}

	

	.lj_tc{ margin-top:40px !important;}

	.mg_b130{ margin-bottom:40px !important}

	

	.photor {height:300px !important;}

	.photor__viewport{ bottom:80px !important;}

	.photor__thumbs {height:70px !important;}

	

	.an_lj a.si{ float: none !important; margin-left:0 !important; margin-right:0 !important; margin-bottom:20px;}

	

	

	

	.si_tan{}

	.si_tan .si_nr{ width:100% !important; height:100% !important; margin-right:0 !important; padding-top:100px; background:rgba(0,0,0,0.5) !important;}

	.si_tan .si_nr h1{ font-size:20px !important; line-height:46px !important;}

	.si_tan .si_nr h1 span{ width:20% !important;}

	.si_tan .si_nr .si{ left:20px !important; top:-81px !important;}

	.si_form{ width:100% !important; padding-left:5%; padding-right:5%; background:#fff; margin:0 !important; padding-top:20px; padding-bottom:50px;}

	.si_form ul li label{ width:35% !important;}

	.si_form ul li input{ width:65% !important;}

	.si_form ul li textarea{ width:65% !important; }

	.si_form ul li button{ margin-left:0 !important; margin-right:0 !important; float:right !important; clear:both;}

	.si_form ul li:last-child input{ display:none;}

	.si_form ul li:last-child em{ display:none;}

	

	.fs_tan{ overflow:hidden !important;}

	.fs_tan .fs_nr{ width:100% !important; height:100% !important; margin-right:0 !important; overflow:auto !important; padding-top:100px; background:rgba(0,0,0,0.5) !important;}

	.fs_tan .fs_nr h1{ font-size:20px !important; line-height:46px !important;}

	.fs_tan .fs_nr h1 span{ width:20% !important;}

	.fs_tan .fs_nr .fs{ left:20px !important; top:-81px !important;}

	.fs_form{ width:100% !important; padding-left:5%; padding-right:5%; background:#fff; margin:0 !important; padding-top:20px; padding-bottom:50px;}

	.fs_form ul li label{ width:35% !important;}

	.fs_form ul li input{ width:65% !important;}

	.fs_form ul li textarea{ width:65% !important; }

	.fs_form ul li i{ margin-left:0 !important;}

	

	

	.cc_img01{ width:100% !important; height:auto !important;}

	.cc_img02{ width:100% !important; height:auto !important;}

	.cc_img03{ width:100% !important; height:auto !important;}

	

	.cc_you{ float:left !important; margin-top:10px !important;}

	

	.tools{ margin-top:50px !important; background: #fafafa !important; padding-bottom:50px !important;}

	.tools .cp_sy_x{ width:100% !important;}

	.mg_b60{ margin-bottom:30px !important;}

	



	.contact .lx_form .row label{ width:25% !important; line-height:24px !important;}

	.contact .lx_form .row input{ width:75% !important;}

	.contact .lx_form .row label.text_label{ width:25% !important;}

	.contact .lx_form .row textarea{ width:75% !important;}

	.contact .lx_form .row button{ margin-left:25% !important;}

	.contact .lx_form .row button.bt_01{ display:none;}

	.contact .lx_form .row button.bt_02{ display:block !important; margin-top:22px;}

	

	.contact .cp_sy_x{ width:100% !important;}

	

	.n_about .ab01_contenr{ margin-bottom:50px !important;}

	

	.bn_nr .bn_btn.bn_btn_xs{ margin-top:130px !important;}

}







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

	

	.navbar-toggle { margin-top:26px !important;}

	

	.banner{ height:400px !important;}

	.bn_nr{ margin-top:100px !important;}

	.bn_nr .bn_logo{ display:none;}

	

	

	

	.s_cp_xia{ width:100% !important; height:auto !important;}

	.s_cp_for{ width:100% !important; }

	.s_cp_for label{ width:15% !important; margin-right:0 !important;}

	.s_cp_for input{ width:70% !important;}

	.s_cp_for button{ width:15% !important;}

	.s_cp_lx{ width:100% !important; float:left !important;}

	.s_cp_lx h5{ width:15% !important; margin-right:0 !important;}

	.s_cp_lx a{ width:85%;}

	



	.s_yin_text h4{ margin-bottom:20px !important;}

	.s_yin_text p{ height:120px; overflow:hidden;}

	.s_yin_img:hover .s_yin_text h4{ margin-top:30px !important;}

	

	.simplemodal-wrap{ overflow:inherit !important;}

	#simplemodal-container iframe{ width:575px !important; height:375px !important;}

	#simplemodal-container {height:400px !important; width:600px !important; padding:0 !important; box-sizing:border-box; border:4px solid #444;}

	

	.cp_sy ul li{ margin-right:26px !important;}

	.cp_sy ul li:nth-child(4n){ margin-right:0px !important;}

	

	.an_lj a.si{ float: none !important; margin-left:0 !important; margin-right:0 !important; margin-bottom:20px;}

	

	.si_tan .si_nr{ width:90% !important;}

	.si_tan .si_nr h1{ font-size:20px !important;}

	.si_tan .si_nr h1 span{ width:15% !important;}

	.si_tan .si_nr{ height:1300px !important;}

	.si_form{ width:90% !important;}

	

	.fs_tan .fs_nr{ width:90% !important;}

	.fs_tan .si_nr h1{ font-size:20px !important;}

	.fs_tan .si_nr h1 span{ width:15% !important;}

	.fs_tan .fs_nr{ height:1300px !important;}

	.fs_form{ width:90% !important;}

	

	

	.bn_nr .bn_btn.bn_btn_xs{ margin-top:185px !important;}

	}





@media (min-width:991px) and (max-width:1200px) {

	.shejiao{ display:none;}

	

	.md_cp{ height:680px !important;}

	.s_cp_zuo{ height:610px !important;}

	.s_cp_you{ height:610px !important;}

	.s_cp_zuo.active{ height:670px !important;}

	.s_cp_you.active{ height:670px !important;}

	.z_ca .z_ca_cp .ca_zz h3{ margin-top:150px !important;}

	.z_ca .z_ca_cp:hover .ca_zz h3{ margin-top:40px !important;}

	

	.simplemodal-wrap{ overflow:inherit !important;}

	#simplemodal-container iframe{ width:575px !important; height:375px !important;}

	#simplemodal-container {height:400px !important; width:600px !important; padding:0 !important; box-sizing:border-box; border:4px solid #444;}

	

	.cp_sy ul li{ margin-right:19px !important;}

	.cp_sy ul li:nth-child(4n){ margin-right:0px !important;}

	

	.an_lj a.si{ float: none !important; margin-left:0 !important; margin-right:0 !important; margin-bottom:20px;}

	

	.si_tan .si_nr h1{ font-size:20px !important;}

	.si_tan .si_nr h1 span{ width:15% !important;}

	.si_tan .si_nr{}

	.si_form{ width:90% !important;}

	

	.fs_tan .si_nr h1{ font-size:20px !important;}

	.fs_tan .si_nr h1 span{ width:15% !important;}

	.fs_tan .fs_nr{ height:1230px !important;}

	.fs_form{ width:90% !important;}

	}

	

@media (min-width:1200px) {

.s_nav .container{ padding:0 !important;}

.s_cp .container{ padding:0 !important;}

.sp_sy .container{ padding:0 !important;}

.s_wus .container{ padding:0 !important;}

.s_d_nav .container{ padding:0 !important;}

.n_about .container{ padding:0 !important;}

.wz0112 .container{ padding:0 !important;}



.n_cp .container{ padding:0 !important;}

.tools .container{ padding:0 !important;}



.s_d_nav{ position:fixed; bottom:0; left:0; right:0; z-index:98;}

.s_d_nav.fudong{ position:inherit; background:rgba(51,51,51,1);}



.n_banner{ width:100%; height:auto;}



.xs_p01{ padding-right:0px;}

.xs_p02{ padding-left:30px;}



.simplemodal-wrap{ overflow:inherit !important;}

#simplemodal-container .simplemodal-data { padding: 0px !important;}

#simplemodal-container iframe{ width:735px; height:435px;}

	}

	

@media (max-width:1200px) {

	

	}



.clear{ clear:both;}



@font-face {

	font-family: 'Conv_HELVETICANEUELTSTD-BLKCN';

	src: url('/fonts/HELVETICANEUELTSTD-BLKCN.eot');

	src: local('☺'), url('/fonts/HELVETICANEUELTSTD-BLKCN.woff') format('woff'), url('/fonts/HELVETICANEUELTSTD-BLKCN.ttf') format('truetype'), url('/fonts/HELVETICANEUELTSTD-BLKCN.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'Conv_HELVETICANEUELTSTD-MD';

	src: url('/fonts/HELVETICANEUELTSTD-MD.eot');

	src: local('☺'), url('/fonts/HELVETICANEUELTSTD-MD.woff') format('woff'), url('/fonts/HELVETICANEUELTSTD-MD.ttf') format('truetype'), url('/fonts/HELVETICANEUELTSTD-MD.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'Conv_HELVETICANEUELTSTD-BLK';

	src: url('/fonts/HELVETICANEUELTSTD-BLK.eot');

	src: local('☺'), url('/fonts/HELVETICANEUELTSTD-BLK.woff') format('woff'), url('/fonts/HELVETICANEUELTSTD-BLK.ttf') format('truetype'), url('/fonts/HELVETICANEUELTSTD-BLK.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}









.logo{ padding:0; height:90px; width:235px;}

.logo img{ margin-top:5px;}

.s_nav{ border:none; margin-bottom:0px; background:rgba(255,255,255,0.95); position:fixed; top:0; left:0; right:0; z-index:99;}





.daohang{ float:right; margin:0; padding:0;}

.daohang li{ float:left; list-style:none; padding:0px 15px; position:relative;}

.daohang li a{ padding-top:35px; padding-bottom:20px; line-height:20px; display:block; color:#000; font-weight:bold; text-decoration:none;}

.daohang li:hover a{ border-bottom:5px solid #ff114d; color:#ff114d;}

.daohang li i{ display:none; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:5px solid #ff114d; position:absolute; bottom:5px; left:50%; margin-left:-10px;}

.daohang li:hover i{ display:block;}

.daohang li .erji{ display:none; width:200px;}

.daohang li .erji a{ display:block; width:200px; text-align:center; color:#fff; background:#ff114d; border-bottom:1px solid #fff; padding:5px 0; line-height:20px;}

.daohang li .erji a:last-child{ border-bottom:none;}

.daohang li .erji a:hover{ background:#3a3d41;}

.daohang li:hover .erji{ display:block; position:absolute; top:80px; left:50%; margin-left:-100px;}



.shejiao{ float:right; margin:0; padding:0;}

.shejiao li{ float:left; list-style:none; padding:30px 10px;}

.shejiao li a{ display:block; width:29px; height:29px; position:relative;}

.shejiao li a span{ position:absolute; width:29px; height:29px; left:0; top:0;}

.shejiao li a span img{ display:block; transition:all 0.2s ease-in-out; display: block; left: 0; right: 0; margin-top: 14.5px; margin-left: 14.5px; width: 0; height: 0; position: absolute; top: 0; bottom: 0;}

.shejiao li a img{ width:29px; height:29px;}

.shejiao li:hover a span img{ position:absolute; left:0; top:0; right: 0; bottom: 0; margin-top:0px; margin-left:0px; width:29px; height:29px;}

.navbar-toggle { padding-right:0px; margin-top:12px;display:none;}

.navbar-toggle span.icon-bar{ background:#000;}





.banner{ width:100%; height:600px; margin:0 auto;}

.swiper-container { width:100%; height:100%;}

.swiper-slide { background-position: center; background-size: cover;}

.banner .swiper-container-horizontal>.swiper-pagination { bottom: 25px;}



.bn_nr{ margin:0 auto; margin-top:220px;}

.bn_nr .bn_logo{ width:390px; height:126px; margin-left:35px; margin-bottom:50px;}

.bn_nr h3{ width:650px; font-size:28px; line-height:38px; color:#ff114d;}

.bn_nr .bn_btn{ margin-top:50px;}

.bn_nr .bn_btn a{ padding:6px 20px; margin-right:18px; background:#fff; border:1px solid #333; border-radius:8px; color:#333; font-weight:700; font-family: 'Conv_HELVETICANEUELTSTD-BLKCN'; text-decoration:none; font-size:18px;}















.footer{ background:#23262a; padding-top:20px;}

.footer h5{ color:#fff; font-family: 'Conv_HELVETICANEUELTSTD-MD';}

.footer h5 a{ color:#fff; margin-left:3px; margin-right:3px; text-decoration:none;}

.footer h5 a:hover{ color:#ff114d;}

.footer h6{ color:#c9caca;}

.footer .foot_y h5{ float:right;}

.footer .foot_y ul{ float:right}

.footer ul{ padding:0; margin:0;}

.footer ul li{ list-style:none; float:left; margin-left:15px;}

.footer ul li a{ width:29px; height:29px; display:block; position:relative;}

.footer ul li:nth-child(5) a{ width:29px; height:29px; background:#ff114d; border-radius:50%; line-height:29px; text-align:center; display:block; color:#333; font-family:'Conv_HELVETICANEUELTSTD-BLKCN'; text-decoration:none;}



.footer ul li a span{ position:absolute; width:29px; height:29px; left:0; top:0;}

.footer ul li a span img{ display:block; transition:all 0.2s ease-in-out; display: block; left: 0; right: 0; margin-top: 14.5px; margin-left: 14.5px; width: 0; height: 0; position: absolute; top: 0; bottom: 0;}

.footer ul li a img{ width:29px; height:29px;}

.footer ul li:hover a span img{ position:absolute; left:0; top:0; right: 0; bottom: 0; margin-top:0px; margin-left:0px; width:29px; height:29px;}





.s_hz{ border-top:2px solid #000; text-align:center; padding-top:20px; padding-bottom:20px; margin-top:10px}

.s_hz a{ margin-left:22px; margin-right:22px;}



/*内页开始*/

.n_banner{ width:100%; margin:0 auto; margin-top:130px;}



.n_about h1{ margin-top:30px; margin-bottom:25px;}



.n_about ul{ padding:0; margin:0;}

.n_about ul li{ list-style:none; margin-bottom:8px;}

.n_about ul li:last-child{ margin-bottom:0px;}

.n_about ul li a{ text-align:center; width:100%; /*display:block; */border:1px solid #333; border-radius:20px; padding-top:8px; padding-bottom:8px; font-size:16px; font-family:'Conv_HELVETICANEUELTSTD-BLKCN'; color:#313337; text-decoration:none; box-sizing:border-box;}

.n_about ul li a.active{ background:#ff114d; border:1px solid #ff114d; color:#fff;}

.n_about ul li a:hover{ background:#ff114d; border:1px solid #ff114d; color:#fff;}



.n_about .ab_for{ margin-top:30px;}

.n_about .ab_for label{ font-size:16px; color:#333; font-family:'Conv_HELVETICANEUELTSTD-BLKCN'; display:block;}

.n_about .ab_for input{ width:100%; float:left; height:40px; box-sizing:border-box; border:2px solid #b7b8b9; border-right:none; text-indent:8px; padding-right:40px; color:#b28850; outline:none;}

.n_about .ab_for button{ width:40px; height:40px; float:left; margin-left:-40px; border:none; background:url(/image/fdj.png) center center no-repeat #2a3138;}

.n_about .ab_for a{ width:100%; height:40px; box-sizing:border-box; border:2px solid #ff114d; display:block; line-height:40px; color:#ff114d; text-indent:8px; background:url(/image/skype.png) right center no-repeat; padding-right:8px;}



.ab_lj{ padding:18px 10px; background:url(/image/lj.jpg) right center no-repeat #111; margin-top:25px; border-radius:5px; transition:all 0.3s;}

.ab_lj .lj_img{ width:30%; float:left;}

.ab_lj h3{ width:56%; float:left; font-size:20px; color:#fff; font-family:'Conv_HELVETICANEUELTSTD-BLKCN'; padding-left:10px; margin-top:5px; margin-bottom:0px; transition:all 0.3s;}

.ab_lj:hover h3{ color:#ff114d;}

.ab_lj:hover{ background:url(/image/ljs.jpg) right center no-repeat #111;}



.n_about .ab01_contenr{ margin-bottom:130px;}

.n_about .ab01_contenr h3{ font-size:20px; font-family:'Conv_HELVETICANEUELTSTD-MD'; color:#4c4948;}

.n_about .ab01_contenr p{ font-family:'Conv_HELVETICANEUELTSTD-MD'; font-size:16px; color:#4c4948;}

.n_about .ab01_contenr img{ margin-bottom:12px;}



.n_about .weizhi{ margin-top:0px; margin-bottom:30px; color:#b28850;}

.n_about .weizhi a{ color:#b28850;}





.n_about .ab02_contenr{ margin-top:20px;}

.n_about .ab02_contenr .ab_hx{ clear:both; height:1px; background:#dcdcdc; margin-top:10px; margin-bottom:10px;}

.n_about .ab02_contenr h3{ margin-top:0px; font-family: 'Conv_HELVETICANEUELTSTD-MD'; color:#ff114d; font-size:20px;}

.n_about .ab02_contenr p{ font-size:16px; color:#4c4948; line-height:26px;}

.n_about .ab02_contenr .xs_p02{ position:relative; min-height:202.47px;}

.sj_fx{ position:absolute; bottom:0px; left:30px;}

.sj_fx h5{ float:left; margin-right:20px; line-height:20px; height:20px; color:#999; padding-left:20px;}

.sj_fx h5:nth-child(1){ background:url(/image/time.jpg) left center no-repeat;}

.sj_fx h5:nth-child(2){ background:url(/image/share.jpg) left center no-repeat; position:relative; padding-right:25px; transition:all 0.3s; cursor:pointer;}

.sj_fx h5:nth-child(2) span{ position:absolute; top:-10px; left:80px; z-index:2; display:block; width:0px; height:40px; opacity:0; padding-left:10px; padding-right:10px; background:#ff114d; border-radius:6px; overflow:hidden; transition:all 0.3s; box-shadow:2px 2px 4px rgba(0,0,0,0.3);}

.xs_p02 .sj_fx h5:nth-child(2) i{ position:absolute; top:0; left:72px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:8px solid #ff114d; opacity:0; }

.xs_p02 .sj_fx h5:nth-child(2) span a{ width:40px; height:40px; display:block; float:left;}

.xs_p02 .sj_fx h5:nth-child(2) span a:nth-child(1){ background:url(/image/h_f.jpg) center center no-repeat #ff114d;}

.xs_p02 .sj_fx h5:nth-child(2) span a:nth-child(2){ background:url(/image/h_n.jpg) center center no-repeat #ff114d;}

.xs_p02 .sj_fx h5:nth-child(2) span a:nth-child(3){ background:url(/image/h_g.jpg) center center no-repeat #ff114d;}

.xs_p02 .sj_fx h5:nth-child(2) span a:nth-child(4){ background:url(/image/h_p.jpg) center center no-repeat #ff114d;}

.xs_p02 .sj_fx h5:nth-child(2):hover span{ opacity:1; width:180px;}

.xs_p02 .sj_fx h5:nth-child(2):hover i{ opacity:1;}

.xs_p02 .sj_fx h5:nth-child(2):hover{ color:#ff114d;}



.fanye{ text-align:center; margin-top:40px; margin-bottom:0px;}

.fanye a{ padding:10px 15px; color:#3d3e38; border:1px solid #c9c9c9; margin-left:-1px; background:#fff; text-decoration:none;}

/*.fanye a:last-child{ color:#ff114d; background:url(/image/y07.jpg) center center no-repeat #fff;}*/

.fanye a:hover{ background:#ff114d; color:#fff;}

.fanye a.active{ background:#ff114d; color:#fff;}

/*.fanye a:last-child:hover{ color:#ff114d; background:url(/image/y07.jpg) center center no-repeat #fff;}*/







.ab03_contenr{ margin-bottom:100px; margin-top:20px;}

.ab03_contenr .col-xs-12{ margin-bottom:35px; position:relative;}

.ab03_contenr .col-xs-12 button{ margin:0; padding:0; border:none;}

.ab03_contenr .col-xs-12 span{background:url(/image/vd_fangda.png) no-repeat center center; position:absolute; top:50%; margin-top:-61.5px; left:50%; margin-left:-61.5px; display:block; width:123px; height:123px; transition:all 0.6s;}

.ab03_contenr .col-xs-12 button:hover span{

    -webkit-animation: vd_dh 2.5s;

    -moz-animation: vd_dh 2.5s;

	-o-transition:vd_dh 2.5s;

    animation: vd_dh 2.5s;}

@-webkit-keyframes vd_dh {

  0% {

    opacity: 0;

	left:100%;

  }



  100% {

    opacity: 1;

	left:0;

  }

}

@-moz-keyframes vd_dh {

  0% {

    opacity: 0;

	left:100%;

  }



  100% {

    opacity: 1;

	left:0;

  }

}

@-o-keyframes vd_dh {

  0% {

    opacity: 0;

	left:100%;

  }



  100% {

    opacity: 1;

	left:0;

  }

}

@keyframes vd_dh {

  0% {

	  background-size:123px 123px;

  }

  

  50% {

	  background-size:80px 80px;

  }

  



  100% {

    background-size:123px 123px;

  }

}





.n_cp{ margin-top:110px;}
.n_about{ margin-top:110px;}
.contact{ margin-top:110px;}

.n_cp h1{ margin-top:30px; margin-bottom:25px;}



.n_cp ul{ padding:0; margin:0;}

.n_cp ul li{ list-style:none; margin-bottom:8px;}

.n_cp ul li:last-child{ margin-bottom:0px;}

.n_cp ul li a{ position:relative; text-align:center; width:100%; display:block; border:1px solid #333; border-radius:20px; padding-top:8px; padding-bottom:8px; font-size:16px; font-family:'Conv_HELVETICANEUELTSTD-BLKCN'; color:#313337; text-decoration:none; box-sizing:border-box;}

.n_cp ul li a.active{ background:#ff114d; border:1px solid #ff114d; color:#fff;}

.n_cp ul li a:hover{ background:#ff114d; border:1px solid #ff114d; color:#fff;}



.n_cp ul li a i{ position:absolute; right:30px; top:10px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #b5b6b6; }

.n_cp ul li a.active i{ position:absolute; right:24px; top:16px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff;}

.n_cp ul li a:hover i{ border-left:10px solid #fff; }

.n_cp ul li a.active:hover i{ position:absolute; right:24px; top:16px; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff;}





.n_cp ul li ol.cp_ol{ padding:0; margin-top:20px; height:0px; transition: all 0.3s; overflow:hidden;}

.n_cp ul li ol.cp_ol li{ border-bottom:1px solid #dcdcdc; margin:0;}

.n_cp ul li ol.cp_ol li a{ text-align:left; border:none; border-radius:0; padding:0; font-size:14px; line-height:38px; font-family:'Conv_HELVETICANEUELTSTD-BLKCN'; text-indent:8px; color:#7d7d7d;}

.n_cp ul li ol.cp_ol li:hover a{ color:#000; background:none;}

.n_cp ul li ol.cp_ol li.active a{ color:#000; background:none;}



.n_cp ul li:nth-child(1) ol.cp_ol.active{ height:312px;}

.n_cp ul li:nth-child(2) ol.cp_ol.active{ height:195px;}



.n_cp .ab_for{ margin-top:100px;}

.n_cp .ab_for label{ font-size:16px; color:#333; font-family:'Conv_HELVETICANEUELTSTD-BLKCN'; display:block;}

.n_cp .ab_for input{ width:100%; float:left; height:40px; box-sizing:border-box; border:2px solid #b7b8b9; border-right:none; text-indent:8px; padding-right:40px; color:#b28850; outline:none;}

.n_cp .ab_for button{ width:40px; height:40px; float:left; margin-left:-40px; border:none; background:url(/image/fdj.png) center center no-repeat #2a3138;}

.n_cp .ab_for a{ width:100%; height:40px; box-sizing:border-box; border:2px solid #ff114d; display:block; line-height:40px; color:#ff114d; text-indent:8px; background:url(/image/skype.png) right center no-repeat; padding-right:8px;}



.ab_lj{ padding:18px 10px; background:url(/image/lj.jpg) right center no-repeat #111; margin-top:25px; border-radius:5px; transition:all 0.3s;}

.ab_lj .lj_img{ width:30%; float:left;}

.ab_lj h3{ width:56%; float:left; font-size:20px; color:#fff; font-family:'Conv_HELVETICANEUELTSTD-BLKCN'; padding-left:10px; margin-top:5px; margin-bottom:0px; transition:all 0.3s;}

.ab_lj:hover h3{ color:#ff114d;}

.ab_lj:hover{ background:url(/image/ljs.jpg) right center no-repeat #111;}











.n_cp .weizhi{ margin-top:20px; color:#b28850;border-bottom: 1px dashed #cccccc;}

.n_cp .weizhi a{ color:#b28850;}

.cp_biao{ border-bottom:1px dashed #cccccc;}

.cp_biao h3{ float:left;font-family: 'Conv_HELVETICANEUELTSTD-MD';}

.cp_biao h5{ float:right; margin-top:30px;}



.cp_img h3{font-family: 'Conv_HELVETICANEUELTSTD-MD';}



.cp_sy{ margin-top:120px;}

.cp_sy h3{font-family: 'Conv_HELVETICANEUELTSTD-MD'; font-size:20px; color:#2a3138; text-align:center; text-transform:uppercase; padding:0 20px; background:#fff; width:260px; margin:0 auto;}

.cp_sy .cp_sy_x{ width:100%; height:1px; background:#cccccc; display:block; z-index:-1; margin-top:-10px; position:relative; margin-bottom:18px;}

.cp_sy h5{font-family: 'Conv_HELVETICANEUELTSTD-MD'; color:#4c4948; text-align:center;}



.cp_sy ul{ padding:0; margin-top:40px;}

.cp_sy ul li{ list-style:none; float:left; margin-right:69px;}

.cp_sy ul li:nth-child(4n){ margin-right:0px;}

.cp_sy ul li a{ width:160px; height:160px; overflow:hidden; border-radius:80px; text-align:center; padding:0; border:none;}



.cp_sy ul li a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(42,49,56,0.75); z-index:2; border-radius:80px; overflow:hidden; opacity:0; transition:all 0.3s;}

.cp_sy ul li a:after{ content:""; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px; width:40px; height:40px; z-index:3; background:url(/image/sy_jia.png) left top no-repeat; opacity:0; transition:all 0.3s;}

.cp_sy ul li:hover a{ border:none; position:relative;}

.cp_sy ul li:hover a:before{ opacity:1;}

.cp_sy ul li:hover a:after{ opacity:1;}



.mg_b130{ margin-bottom:50px;}



.lj_tc{ margin-top:60px;}

.lj_tc h3{font-family: 'Conv_HELVETICANEUELTSTD-MD'; font-size:20px; color:#2a3138; text-align:center; text-transform:uppercase; padding:0 20px; background:#fff; width:300px; margin:0 auto;}

.lj_tc .cp_sy_x{ width:100%; height:1px; background:#cccccc; display:block; z-index:-1; margin-top:-10px; position:relative; margin-bottom:18px;}



.an_lj{ margin-top:50px;}

.an_lj a.si{ width:282px; height:78px; background:url(/image/si.jpg) left top no-repeat; display:block; float:left; margin-left:115px; margin-right:60px;}

.an_lj a.fs{ width:282px; height:78px; background:url(/image/fs.jpg) left top no-repeat; display:block; float:left;}



.si_tan{ position:fixed; right:0; top:0; z-index:99999; width:0px; height:100%; overflow:auto; background:rgba(0,0,0,0.5); transition:all 1s;}

.si_tan.active{ width:100%;}

.si_tan .si_nr{ width:65%; height:100%; background:#fff; float:right; margin-right:5%;}

.si_tan .si_nr h1{ position:relative; height:100px; margin:0; line-height:100px; background:#303030; color:#898989; font-size:24px; font-family:'Conv_HELVETICANEUELTSTD-BLKCN';}

.si_tan .si_nr h1 span{ background:url(/image/wigs2_i4.png) center center no-repeat #b28850; width:20%; height:100%; display:block; float:left; margin-right:20px;}

.si_tan .si_nr h1 a{ transition:all 0.6s; color:#898989; text-decoration:none;}

.si_tan .si_nr h1 a:hover{ color:#fff;}

.si_tan .si_nr .si{ width:62px; height:62px; position:absolute; left:-140px; top:66px;}



.si_form{ width:60%; margin:0 auto; margin-top:40px;}

.si_form h3{border-bottom: 1px solid #b28850; padding-bottom: 10px; color:#333; text-align:left; font-family:'Conv_HELVETICANEUELTSTD-MD';}

.si_form ul{ padding:0;}

.si_form ul li{ margin-top:20px; list-style:none;}

.si_form ul li label{ width:20%; text-align:left; float:left; display:block; line-height:30px; height:30px; font-weight:normal;}

.si_form ul li label span{ color:#f00f0f;}

.si_form ul li input{ width:80%; border:1px solid #b28850; float:left; display:block; line-height:30px; height:30px; background:#f1f1f1; outline:none;}

.si_form ul li textarea{ width:80%; border:1px solid #b28850; float:left; display:block; line-height:24px; background:#f1f1f1; outline:none;}

.si_form ul li:last-child{ line-height:39px;}

.si_form ul li button{ width:154px; height:39px; background:url(/image/sb2.png) left top no-repeat; display:block; float:left; margin-left:20%; border:none; margin-right:30px;}

.si_form ul li:last-child input{ float:left; width:16px; height:16px; margin-right:10px; margin-top:11px;}









.fs_tan{ position:fixed; right:0; top:0; z-index:99999; width:0px; height:100%; overflow:auto; background:rgba(0,0,0,0.5); transition:all 1s;}

.fs_tan.active{ width:100%;}

.fs_tan .fs_nr{ width:65%; height:1215px; background:#fff; float:right; margin-right:5%;}

.fs_tan .fs_nr h1{ position:relative; height:100px; margin:0; line-height:100px; background:#303030; color:#898989; font-size:24px; font-family:'Conv_HELVETICANEUELTSTD-BLKCN';}

.fs_tan .fs_nr h1 span{ background:url(/image/wigs2_i3.png) center center no-repeat #b28850; width:20%; height:100%; display:block; float:left; margin-right:20px;}

.fs_tan .fs_nr h1 a{ transition:all 0.6s; color:#898989; text-decoration:none;}

.fs_tan .fs_nr h1 a:hover{ color:#fff;}

.fs_tan .fs_nr .fs{ width:62px; height:62px; position:absolute; left:-140px; top:66px;}



.fs_form{ width:60%; margin:0 auto; margin-top:40px; padding-bottom:50px;}

.fs_form h3{border-bottom: 1px solid #b28850; padding-bottom: 10px; color:#333; text-align:left; font-family:'Conv_HELVETICANEUELTSTD-MD';}

.fs_form p{ font-size:14px; line-height:26px; color:#333;}

.fs_form ul{ padding:0;}

.fs_form ul li{ margin-top:20px; list-style:none; line-height:30px;}

.fs_form ul li i{ color:#999; margin-left:10px;}

.fs_form ul li label{ width:20%; text-align:left; float:left; display:block; line-height:30px; height:30px; font-weight:normal;}

.fs_form ul li label span{ color:#f00f0f;}

.fs_form ul li input{ width:80%; border:1px solid #b28850; float:left; display:block; line-height:30px; height:30px; background:#f1f1f1; outline:none;}

.fs_form ul li:nth-child(6) input{ width:40%;}

.fs_form ul li:nth-child(7) input{ width:40%;}

.fs_form ul li textarea{ width:80%; border:1px solid #b28850; float:left; display:block; line-height:24px; background:#f1f1f1; outline:none;}

.fs_form ul li:last-child{ line-height:39px;}

.fs_form ul li button{ width:154px; height:39px; background:url(/image/send.png) left top no-repeat; display:block; float:right; border:none;}







.cc01 h3:first-child{ width:330px; height:60px; margin:0 auto; margin-top:10px;}

.cc01 h3:nth-child(3){ color:#2a3138;}

.cc01 .cp_sy_x{ width:100%; height:1px; background:#cccccc; display:block; z-index:-1; margin-top:-26px; position:relative; margin-bottom:18px;}

.cc01 h3{ font-family:'Conv_HELVETICANEUELTSTD-MD'; color:#4c4948; margin-top:30px;}

.cc01 h4{ font-family:'Conv_HELVETICANEUELTSTD-MD'; font-size:20px; color:#4c4948;}

.cc01 p{ font-family:'Conv_HELVETICANEUELTSTD-MD'; color:#4c4948; font-size:16px; line-height:26px;}

.cc01 p b{ margin-right:40px;}

.cc01 p i{ color:#ff114d;}

.cc_img01{ margin:30px auto; display:block; width:425px; height:113px;}

.cc_img02{ margin:30px auto; display:block; width:370px; height:190px;}

.cc_img03{ margin:30px auto; display:block; width:420px; height:55px;}





.cc_zuo{ float:left; font-family:Arial; color:#4c4948; font-size:16px;}

.cc_zuo a{border-bottom:1px solid #ff114d; line-height:30px; text-decoration:none; padding-bottom:6px; font-family:'Conv_HELVETICANEUELTSTD-MD'; color:#4c4948; transition:all 0.3s;}

.cc_zuo a:hover{ color:#337ab7;}

.cc_you{ float:right; width:270px; height:180px; margin-top:-10px;}





.cp_list{ position:relative; box-sizing:border-box; border:1px solid #ddd; margin-top:45px;}

.cp_list h4{ height:60px; width:100%; background:rgba(42,49,56,0.85); line-height:60px; color:#fff; font-family: 'Conv_HELVETICANEUELTSTD-MD'; position:absolute; bottom:0; left:0; text-indent:30px; margin:0; transition:all 0.3s;}

.cp_list:hover h4{ background:rgba(188,140,77,0.9);}



.cp_list02{ position:relative; box-sizing:border-box; border:1px solid #ddd; margin-top:45px;}

.cp_list02 h5{ height:60px; width:100%; background:rgba(188,140,77,0.9); line-height:60px; color:#fff; font-family: 'Conv_HELVETICANEUELTSTD-MD'; position:absolute; bottom:0; left:0; text-indent:20px; margin:0; transition:all 0.3s;}

.cp_list02:hover h5{ background:rgba(42,49,56,0.85);}





.cp_text{ padding:10px; background:#eeeeee; margin-top:30px;}

.cp_text p{ color:#4c4948; line-height:26px; font-size:16px; font-family: 'Conv_HELVETICANEUELTSTD-MD';}

.fanye02{ text-align:center; margin-top:50px;}

.fanye02 a{ padding:10px 15px; border:1px solid #6f6f6f; color:#1d191a; margin-left:-1px; box-sizing:border-box; background:#fff;}

.fanye02 a:hover{ background:#504349; color:#fff; text-decoration:none;}

.fanye02 a:nth-child(1){ background:url(/image/s2.png) 10px center no-repeat #fff; padding-left:25px;}

.fanye02 a:nth-child(1):hover{ background:url(/image/s2b.png) 10px center no-repeat #504349; padding-left:25px;}

.fanye02 a:nth-child(2){ background:url(/image/s1.png) 10px center no-repeat #fff; padding-left:20px;}

.fanye02 a:nth-child(2):hover{ background:url(/image/s1b.png) 10px center no-repeat #504349; padding-left:20px;}

.fanye02 a.l_ast{ background:url(/image/ys2.png) 55px center no-repeat #fff; padding-right:20px;}

.fanye02 a.l_ast:hover{ background:url(/image/ys2b.png) 55px center no-repeat #504349; padding-right:20px;}

.fanye02 a.l_ast2{ background:url(/image/ys1.png) 55px center no-repeat #fff; padding-right:25px;}

.fanye02 a.l_ast2:hover{ background:url(/image/ys1b.png) 55px center no-repeat #504349; padding-right:25px;}







.tools{ margin-top:90px; background:url(/image/tools-1_02.jpg) center top no-repeat #fafafa; padding-bottom:150px;}

.tools h3{ width:150px; height:50px; margin:0 auto; margin-top:60px;}

.tools .cp_sy_x{ width:630px; height:1px; background:#2a3138; display:block; margin:0 auto; margin-top:-26px; margin-bottom:56px;}

.tools .row img{ border:3px solid #f1f1f1; box-sizing:border-box;}

.mg_b60{ margin-bottom:60px; position:relative; overflow:hidden;}

.mg_b60 h3{ position:absolute; width:100%; left:0; top:100%; background:rgba(42,49,56,0.8); height:100%; transition:all 0.3s; z-index:2; padding-left:48px; padding-right:48px; padding-top:85px; margin-top:0; color:#ff114d; opacity:0; font-family: 'Conv_HELVETICANEUELTSTD-BLKCN';}

.mg_b60:hover h3{ top:0; opacity:1;}

.mg_b60 a:first-child{ position:inherit; margin:0; top:0; left:0; width:100%; height:100%; border-radius:0; background:none;}

.mg_b60:hover a:first-child{ top:0;}

.mg_b60 a{ position:absolute; top:360px; text-decoration:none; margin-left:-57px; left:50%; width:115px; height:30px; border-radius:16px; text-align:center; line-height:30px; background:#ff114d; color:#fff; z-index:2; transition:all 0.3s;}

.mg_b60:hover a{ top:160px;}



.tools_n h3{ width:100%; height:50px; margin:0 auto; margin-top:10px;margin-bottom: 10px;}

.tools_n .cp_sy_x{ width:100%; height:1px; background:#cccccc; display:block; z-index:-1; margin-top:-26px; position:relative; margin-bottom:18px;}

.mg_tb30{ margin-top:40px; margin-bottom:20px;'Conv_HELVETICANEUELTSTD-MD'}

.tools_n_cp h3{ font-family:'Conv_HELVETICANEUELTSTD-MD'; text-align:center; margin-bottom:20px;}

.tools_n_cp table tr th{ background:#f6f5f5; font-family:'Conv_HELVETICANEUELTSTD-MD'; border:1px solid #ff114d;}

.tools_n_cp table tr td{ font-family:'Conv_HELVETICANEUELTSTD-MD'; border:1px solid #ff114d;}





.contact{ margin-top:100px; padding-bottom:0px;}

.contact h3{ width:auto; height:40px; margin:0 auto;}

.contact .cp_sy_x{ width:630px; height:1px; background:#2a3138; display:block; margin:0 auto; margin-top:-26px; margin-bottom:56px;}

.contact h1{ font-family: 'Conv_HELVETICANEUELTSTD-BLK'; text-align:center; color:#4c4948;}

.contact h4{ font-size:20px; font-family: 'Conv_HELVETICANEUELTSTD-MD'; text-align:center; color:#4c4948;}

.contact .row h4{ font-size:20px; font-family: 'Conv_HELVETICANEUELTSTD-BLK'; text-align:left; color:#ff114d;}

.contact .row h5{ font-size:16px; font-family: 'Conv_HELVETICANEUELTSTD-MD'; text-align:left; color:#4c4948; line-height:24px;}

.lx_lei01{ padding-left:80px; background:url(/image/lx01.jpg) left top no-repeat;}

.lx_lei02{ padding-left:80px; background:url(/image/lx02.jpg) left top no-repeat; padding-bottom:10px;}

.lx_lei03{ padding-left:80px; background:url(/image/lx03.jpg) left top no-repeat;}

.contact .row .lx_lei02 h5 b{ color:#ff114d; font-size:20px;}

.contact .row .lx_lei03 h4{ margin-bottom:0;}

.contact .row .lx_lei03 h5{ margin-top:0px;}



.contact .lx_form{ margin-top:50px;}

.contact .lx_form h4{ font-size:20px; font-family: 'Conv_HELVETICANEUELTSTD-BLK'; color:#ff114d; border-bottom:1px solid #dcdddd; /*text-align:left;*/ padding-bottom:10px; margin-bottom:30px;}

.contact .lx_form .row label{ width:28%; float:left; height:50px; font-family:'Conv_HELVETICANEUELTSTD-MD'; line-height:40px; margin-bottom:22px;}

.contact .lx_form .row label span{ color:#ff114d;}

.contact .lx_form .row input{ width:72%; float:left; height:50px; line-height:50px; border:1px solid #a0a0a0; background:#eee; outline:none; font-size:16px; margin-bottom:22px;}

.contact .lx_form .row label.text_label{ width:20%;}

.contact .lx_form .row textarea{ width:80%; float:left; min-height:195px; line-height:26px; border:1px solid #a0a0a0; background:#eee; outline:none; font-size:16px;}

.contact .lx_form .row button{ border:none; background:url(/image/contact_13.jpg) left top no-repeat; width:161px; height:41px; display:block; margin-left:28%;}

.contact .lx_form .row button.bt_02{ display:none;}





.ms-slide{ box-sizing:border-box; border:2px solid #f1f1f1;}





.cp_02_form h3{ font-family:'Conv_HELVETICANEUELTSTD-MD'; text-align:center; margin-bottom:20px;}

.cp_02_form table tr th{ background:#f6f5f5; font-family:'Conv_HELVETICANEUELTSTD-MD'; border:1px solid #ff114d;}

.cp_02_form table tr td{ font-family:'Conv_HELVETICANEUELTSTD-MD'; border:1px solid #ff114d;}



.cp_02_img{ margin-top:20px;}

.cp_02_img h3{font-family: 'Conv_HELVETICANEUELTSTD-MD'; font-size:20px; color:#2a3138; text-align:center; text-transform:uppercase; padding:0 20px; background:#fff; width:260px; margin:0 auto;}

.cp_02_img .cp_sy_x{ width:100%; height:1px; background:#cccccc; display:block; z-index:-1; margin-top:-10px; position:relative; margin-bottom:18px;}





.ccp_n_img img{ max-width:100%; display:block;}





.cc01 img{ max-width:100%; display:block;}



.ab01_contenr img{ max-width:100%; display:block;}






.nav-menu, .nav-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  float: left;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #545454;
  padding: 35px 12px 20px;
  transition: 0.3s;
  font-size: 14px;
  font-weight:bold;
  font-family: "Poppins", sans-serif;
}

@media (min-width: 1200px){

.s_nav .container {
    width: 1200px;}
}
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
  color: #ff114d;
  text-decoration: none;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 0px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
 
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: ease all 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  text-transform: none;
  color: #fff;
    background: #ff114d;
    border-bottom: 1px solid #fff;
}

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a {
 background:#3a3d41;
 color:#fff;
}


.nav-menu > ul > li  .one{}
.nav-menu > ul > li  .one i{ display:none; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:5px solid #ff114d; position:absolute; bottom:0px; left:50%; margin-left:-10px;}

.nav-menu > ul > li:hover i{ display:block;}
.nav-menu > ul > li:hover .one{border-bottom:5px solid #ff114d; color:#ff114d;}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}



@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }

}



/* Mobile Navigation */


.mobile-nav-toggle {
  float:right;
  margin:22px 20px 0 0;
  border: 0;
  background: red;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
  height:32px;
  width:30px;
  display:none;
  background:url(/image/dao.png) center top no-repeat;
  background-size:cover;
}
@media (max-width: 991px) {
  .mobile-nav-toggle{display:block;}

}
.mobile-nav-toggle i {
  color: #e96b56;
}

.mobile-nav {
  position: fixed;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  z-index: 9999;
  overflow-y: auto;
  background: #fff;
  transition: ease-in-out 0.2s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  padding: 10px 0;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #545454;
  padding: 10px 20px;
  font-weight: 500;
  outline: none;
}

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a {
  color: #e96b56;
  text-decoration: none;
}




.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(59, 59, 59, 0.6);
  overflow: hidden;
  display: none;
  transition: ease-in-out 0.2s;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}
.mobile-nav  ul > li{    border-bottom: 1px solid #444;}