@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial,'微软雅黑';
	
}
ol, ul, li, dl, dt, dd, form, p, h1, h2, h3, h4, h5, img {
	margin: 0px;
	padding: 0px;
}
ol, ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
img {
	border: none;
	max-width:100%;
}
a {
	text-decoration: none;
	border: none;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}

input, textarea {
	outline: 0;
	resize: none;
	border: none;
	_border: 0;
	margin: 0;
	padding: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] {


-webkit-appearance: none;


}


textarea {  -webkit-appearance: none;}  


select {
	border: 0;
}
input {
	margin: 0;
	padding: 0;
	border: none;
}
table, table td {
	border-collapse: collapse;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}

.wrap{width: 1460px;margin: 0px auto;}
.nav ul li{float: left;margin-right: 50px;height: 50px;
	line-height: 50px;
	position: relative;
}
.nav ul li a{font-size: 16px;color: #5e5e5e;}
.nav ul .on a{color: #7e308e;}
.header{padding: 35px 0px;position:relative}
.search{font-size: 16px;color: #5e5e5e;
	line-height: 50px;height: 50px;
	position: relative;
}
.search a:hover {color: #7e308e}
.search a{font-size: 16px;color: #5e5e5e;}
.search img{position: relative;top: -17px;position: relative;z-index: 99}
.yc_div{position: absolute;top: 100%;left: -35px;
	width: 222px;
	box-shadow: 1px 1px 1px 1px #dfe0e1;
	z-index: 10;
	display: none;
	background: #fff;
    z-index:9999;
}
.yc_div span{
	display: block;
	overflow: hidden;
	padding-left: 35px;
	
}
.yc_div > span > a{display: block; color: #898989;}
.yc_div span:hover{background: #f9f9f9;}
.yc_div > span:hover > a{color: #7e308e;}
.nav ul li:hover .yc_div{display: block;}
.nav > ul > li:hover > a{color: #7e308e;}
.banner .swiper-pagination-bullet{width: 14px;height: 14px;background: #fff;opacity: 1;}
.banner .swiper-pagination-bullet-active{background:#7e308e; }
.banner{width: 100%;}
.banner img{width: 100%;}
.main_top{text-align: center;padding: 50px 0px 50px;}
.main_top span{font-size: 36px;color: #222222;font-weight: bold;display: block;}
.main_top p{font-size: 14px;color: #666666;line-height: 30px;font-family: 'Arial';text-transform: uppercase;}
.pro_nav ul li:nth-child(1){background: #ededed;}
.pro_nav ul li{width: 260px;padding: 40px 45px;
	float: left;max-height: 240px;
	margin-right: 20px;
	
	transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.pro_nav ul li:hover{
	box-shadow: #a9a9a933 7px 7px 1px;
	transform: scale(1.05);
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);}
.pro_nav ul li p{font-size: 14px;color: #969696;line-height: 25px;}
.pro_img{margin-top: 65px;}
.pro_nav ul li:nth-child(2){background: #f5f4f0;}
.pro_nav ul li:nth-child(3){background: #f0f7f9;}
.pro_nav ul li:nth-child(4){background: #e6e5ea;margin-right: 0px;}

.pro_nav{margin-bottom: 50px;}
.case{background: #ededed;padding-bottom: 140px;}
.case_top{text-align: center;}
.case .casetop{padding: 140px 0px 65px;}
.case_top ul li{display: inline-block;margin-right: 50px;}
.case_box{margin-top:}
.case_top ul li a{font-size: 16px;color: #717171;}
.case_top ul li:nth-child(3){margin-right: 0px;}
.case_top ul .onon a{color: #7e308e;}
.xian{width: 27px;height: 2px;background: #7e308e;margin: 15px auto;display: none;}
.case_top ul .onon .xian{display: block;}
.case_div{margin: 0px 2.5%;background: #fff;box-shadow: 1px 1px 1px 1px #e2e2e2;}
.case_txt{padding: 35px 40px;}
.case_txt span{font-size: 20px;color: #242424;font-weight: bold;margin-bottom: 70px;display: block; height: 56px;
    line-height: 28px;
    overflow: hidden;}
.out_div{width: 1300px;margin: 0px auto;}
.out_big{position: relative;}
.list_lb .swiper-button-next,.list_lb .swiper-container-rtl .swiper-button-prev{
	background-image:url(images/hjtr_05.png);
}
.list_lb .swiper-button-prev,.list_lb .swiper-container-rtl .swiper-button-next{background-image:url(images/hjtl_03.png);}
.list_lb .swiper-button-next,.list_lb .swiper-button-prev{width: 17px;height: 32px;
	margin-top: -120px;outline: none;
	background-size: 100%;
}
.list_lb .swiper-button-next:hover {
	background-image:url(images/zjtr_05.png);}
.list_lb .swiper-button-prev:hover {
	background-image:url(images/zjtl_03.png);}
.list_lb{margin-top: 44px;display: none;}
.tab_on{display: block;}
.case_div:hover{box-shadow:darkgrey 5px 8px 19px 0px;}
.list_lb .swiper-container{padding-bottom: 20px;}
.case_img{width: 100%;height: 267px;overflow: hidden;    }
.case_img img{transition: 3s;
    -moz-transition: 3s;
    -webkit-transition: 3s;
    -o-transition: 3s;width:100%;}
.case_img:hover img{    transform: scale(1.2);
    -webkit-transform: scale(1.2);}
.Solutions{
}

.sol_nav ul li{display: inline-block;width: 455px;
	box-shadow: 1px 1px 1px 1px #ededed;
	position: relative;
	margin-right: 40px;
}
.sol_img{width: 100%;height: 200px;overflow: hidden;}
.sol_nav ul li .sol_img img{width: 100%;transition: 3s;
    -moz-transition: 3s;
    -webkit-transition: 3s;
    -o-transition: 3s;}
.sol_nav ul li .sol_img:hover img{ transform: scale(1.2);
    -webkit-transform: scale(1.2);}
.sol_txt{padding: 45px 60px 55px;background: #fff;}
.sol_txt span{font-size: 24px;color: #4d4d4d;font-weight: bold;}
.xian2{width: 20px;height: 3px;background: #7e308e;margin: 20px 0px 25px;}
.sol_p p{font-size: 14px;color: #7c7c7c;line-height: 25px;text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
.sol_top{position: absolute;top: -80px;left: 0px;width: 100%;text-align: center;}
.sol_nav ul li:nth-child(3){margin-right: 0px;}
.sol_nav{margin-top: 50px;}
.sol_nav ul li:hover{box-shadow:darkgrey 5px 8px 19px 0px;}
.news{background: url(images/bg2_02.png)no-repeat center; 
	background-size: cover;
	padding-bottom: 140px;
}
.news_box{margin-top: -50px;}
.xian3{width: 20px;height: 3px;background: #7e308e;margin: 20px 0px 45px;}
.news_txt p{font-size: 20px;color: #242424;font-weight: bold;
	line-height: 40px;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height:80px;
}
.news_txt{margin-bottom: 50px;}
.footer{background: url(images/bg3_02.png)no-repeat center;
	background-size: cover;width: 100%;
	padding-top: 85px;
}
.ft_nav ul li{float: left;width: 130px;}
.ft_nav ul li:nth-child(5) span{ padding-left:28px;}
.ft_nav ul li a{display: block;font-size: 14px;color: #808080;line-height: 36px;}
.ft_nav ul li span{font-size: 16px;color: #fff;font-weight: 
					bold;display: block;
					margin-bottom: 40px;
				}
.ft_nav ul li a:hover{text-decoration: underline;opacity: 0.6;}
.qr span{font-size: 16px;color: #fff;font-weight: bold;display: block;margin-bottom: 40px; text-align: center;}
.ft_nav{margin-left: 68px;}
.end{text-align: center;padding: 22px 0px;border-top: 1px solid #3f3f3f;margin-top: 95px;}
.end p{font-size: 12px;color: #fff;opacity: 0.15;}
.end p a, .end a{font-size: 12px;color: #fff;opacity: 0.15;}


.footer .share li{ float:left; margin-left:10px;}
.footer .ewmList{ clear:both; padding-top:20px;}
.footer .ewmList li{float:left;margin-left: 20px;}
	.footer .ewmList li:first-child {
		margin-left: 0;
		margin: 0 auto;
		width: 80px;
		/*float: none;*/
	}
.footer .ewmList li p{ text-align:center; color:#fff; font-size:14px; padding-top:10px;}
.footer .ewmList li img{ width:80px;}
/*手机头部*/
.bnt{cursor: pointer;margin-top: 10px;}
.rightNav a{font-size: 16px;color: #1a1a1a;}
.ioc_search{margin-right:3%;}
.rightNav{
    width: 100%;
    
    height: 100%;
    background:#fff;
    position: fixed;
    z-index: 999;
    top: 0;
    right: -100%;
}

.rightNav .logo{ padding-left: 8px; width: 85px;}
.rightNav .logo img{ width: 100%;}
.rightNav .off img{ width: 70%; position: relative; top: 10px;}

.bgDiv{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position:fixed;
    display: none;
    z-index: 99;
    bottom: 0;
}

.mr_top{width: 100%;}
.moble_header{display: none;padding: 3% 0px;position: relative;}
.mr_top{border-bottom: 1px  solid #f2f2f2;padding: 2% 0px;}
.m_search a{font-size: 14px;color: #5e5e5e;}
.m_search{margin-right: 5%;margin-top: 10px;}
.off{margin-top: 0px;}
.m_search img{position: relative;top: -5px;}
.navContent{display: none;text-align: left;padding-left: 3%;}
.sub_nav{font-size: 18px;color: #484848;width: 95%;
	margin: 0px auto;
	background: url(images/jia_03.png)no-repeat right;
	padding: 3% 0px;
	background-size: 12px;
}
.rightNav .currentDd{background: url(images/jian_03.png)no-repeat right;
	color: #9b9b9b;
	background-size: 12px;
}
.navContent span a{display: block;font-size: 16px;color: #484848;padding: 3% 0px;padding-left: 5%;}
.mbanner{display: none;}
.mbanner .swiper-pagination-bullet{width: 14px;height: 14px;background: #fff;opacity: 1;}
.mbanner .swiper-pagination-bullet-active{background:#7e308e; }

.indexFlashTel{position:relative; overflow:hidden;width:100%}
.indexFlashTel .slick{ position:relative;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick .layer{ position:absolute; left:0; top:50%; margin-top:-30px; text-align:center; width:100%; color:#fff;}
.indexFlashTel .slick .txt1{ font-size:12px;}
.indexFlashTel .slick .txt2{ font-size:16px; line-height:32px;}
.indexFlashTel .slick .txt3{ font-size:12px;}

.indexFlashTel .slick-dots{ position:absolute; left:0; width: 100%; text-align: center; bottom:20px;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 5px; width:10px; height:10px; background:#fffbf3; border-radius:50%; -moz-border-radius:50%;}
.indexFlashTel .slick-dots .slick-active{background:#271f6a;}




.list_nav{display: none;}
.list_nav .case_img img{width: 100%;}
.list_nav .case_txt{padding-top: 3%;}
.list_nav ul li{margin-bottom: 15%;}
.list_nav .case_txt span{float: left;margin: 0px}
.list_nav .case_add{float: right;}
.list_nav .case_txt{padding: 8% 40px;}
.moble_solu{display: none;}
.moble_solu .swiper-slide{background: #fff;}
.moble_solu .swiper-container{overflow: inherit;margin-top: 60px;}
.moble_solu .sol_txt {
    padding:5%;
    background: #fff;
}

.list_nav .case_img {
    width: 100%;
    height: inherit;
    overflow: hidden;
}
.news .list_nav .case_txt {
    padding: 5%;
    padding-bottom: 10%;
}
.list_nav .news_txt{float: left;}
.list_nav .case_add{float: right;}
.mbanner{width: 100%;}
.mbanner img{width: 100%;}
.nybanner{width: 100%;height:260px;}
.nybanner img{width: 100%;}
.ny_top{border-bottom: 1px solid #eae8e8;padding: 25px 0px;}
.ny_topnav ul li a{font-size: 16px;
	
	display: block;
	padding-bottom: 25px;
	margin-bottom: -25px;
	color: #5e5e5e;
}
.ny_topnav ul .ontwo a{border-bottom: 3px solid #7e308e;
	color: #7e308e;
	font-weight: bold;
}
.ny_topnav ul li{display: inline-block;margin-right: 60px;}
.ny1_top ul li{width: 20%;float: left;}
.ny1_txt p{text-align:center;font-size: 12px;color: #292929;
	opacity: 0.55;line-height: 27px;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  padding-bottom: 30px;
}
.ny1_div{width: 250px;margin: 0px auto;text-align: center;}
.ny1_txt{margin: 10px 0px 50px;position: relative;}
.ny1_top ul .ny1_on .jtd{display: block;}
.jtd{text-align: center;position: absolute;top: 100%;left: 0px;width: 100%;display: none;}
.ny1_top{margin-top: 90px;}
.ny1m_nav{text-align: center;}
.ny1m_nav ul li{width: 14%;text-align: center;display: inline-block;vertical-align: top;}
.ny1m_nav ul li a{font-size: 15px;color: #5b5b5b;}
.ny1_main{background: #fff;padding: 78px 0px 108px;}
.ny_add {background-color:#f6f6f6;overflow:hidden; }

.searchTitle{ font-size:24px; color:#000; padding: 30px 0;}

.on1_nav ul li{width: 278px;height:420px;background: #fff;float: left;margin-left: 10px;
	margin-bottom: 45px;
	padding-bottom: 30px;
	transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
    border:1px solid #f6f6f6;
   box-shadow: 0 1px 15px 0 hsla(230,9%,48%,0.2);
}
.on1_nav2 ul li{ height: 300px;}

.on1_nav ul li span,.on1_nav ul li span a{font-size: 18px;color: #424242;display: block;text-align: center;padding: 20px 10px 0;
    height: 56px;
    line-height: 28px;
    overflow: hidden;}
.on1_nav ul li:nth-child(4n){margin-right: 0px;}
.div1200{width: 1500px;margin: 0px auto;position: relative;}
.vido .div1200{ width:800px}
.cp2 .div1200{height:800px;}
.ny1m_nav{margin-bottom: 65px;}
.on1_nav ul li .haha{ margin-top:15px; position:relative; height:32px; line-height:32px; padding:0 20px; font-size:14px;}
.on1_nav ul li .sho{ position:absolute; right:10px; top:0;}
.on1_nav ul li .sho a{ padding:0 10px; color:#999;}
.on1_nav ul li .sho a:hover{ color:#7e308e;}
.on1_nav ul li:hover{box-shadow: #a9a9a933 7px 7px 1px;
	transform: scale(1.05);
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
}
.on1_nav ul li img{width: 80%;}
.ny_btn{text-align: center;}
.ny_btn a{display: inline-block;font-size: 16px;
	color: #666666;
	font-family: 'Arial';
	width: 50px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #efefef;
	border-radius: 20px;
	margin-right: 10px;
    margin-bottom: 8px;

}
.ny_btn a:last-child{margin-right: 0px}


.zqyDiv{ text-align:center;}
.zqyDiv .ny_btn{ display:inline-block;}
.zqyDiv .mxDiv{ display:inline-block;}
.zqyDiv .input1{width:33px; height:23px; line-height:23px; text-align:center; margin:0 5px; border:#cbcbcb solid 1px;}
.zqyDiv .btn1{background:#7e308e; color:#fff; width:78px; height:35px; margin-left:5px; cursor:pointer; border-radius:24px;}


.ny_btn .input1{width:33px; height:23px; line-height:23px; text-align:center; margin:0 5px; border:#cbcbcb solid 1px;}
.ny_btn .btn1{background:#7e308e; color:#fff; width:58px; height:35px; margin-left:5px; cursor:pointer; border-radius:24px;}


.wpreimg{display:none;}
.pre img{position: relative;top: -13px;}
.next img{position: relative;top: -13px;}
.wnext_03{display: none;}
.ny_btn a:hover{background: #7e308e;color: #fff;}
.ny_btn a:hover .wpreimg{display: inline-block;}
.ny_btn a:hover .preimg{display: none;}
.ny_btn .fy_on{background: #7e308e;color: #fff;}
.ny_tab{display: none;}
.ny_on{display: block;}
.ny1m_nav ul .ny1mon a{color: #7e308e;font-weight: bold;/*background: url(/Styles/images/qq_03.png)no-repeat left;*//*padding-left: 22px;*/}
.mbx a{font-size: 12px;color: #999999;}
.mbx a:hover{color:#7e308e}
.mbx{font-size: 12px;color: #999999;}
.mbx .last{color: #7e308e;}
.mbx img{margin-right: 20px;}
.m_ny1_top{position: relative;display: none;background:#e5e5e5; }            /*#7e308e;*/
.m_ny1_top .wrap{ width:90%;}
.m_ny1_top span{display: block;width: 100%;padding: 4% 0px;
	background: url(images/jia_03.png)no-repeat right;
	font-size: 16px;
	color: #000;
        background-size: 20px auto;
}
.m1_xl{display: none;position: absolute;top: 100%;background: #fff;width: 100%;left: 0px;z-index: 9;}
.m1_xl a{display: block;font-size: 16px;color: #484848;border-bottom: 1px solid #666;padding: 2%;}
.m1_xl a:last-child{border-bottom: none;}
.m_more{width: 100%;text-align: center;display: none;}
.m_more a{font-size: 24px;color: #7e308e;}
.about1{margin: 120px 0px 130px;}
.about1 h1{font-size: 28px;color: #272727;}
.about1 h3{font-size: 16px;}
.about1 p{font-size: 14px;color: #999999;line-height: 35px;}
.al_nav{text-align: left;}
.al_nav ul li{width: 380px;display: inline-block;
	background: #fff;
	box-shadow: 1px 1px 1px #f3f3f3;
	margin-right: 25px;
	margin-bottom: 50px;
	padding-bottom: 25px;
	transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.al_nav ul li span{display: block;text-align: center;font-size: 18px;color: #373737;font-weight: bold;padding: 25px 10px 0; height: 28px; line-height: 28px; overflow: hidden;}
.al_nav ul li:nth-child(3n){margin-right: 0px;}
.al_nav ul li:hover{
	transform: scale(1.05);
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    box-shadow: 7px 8px 1px #f3f3f3;
}
.al_box{margin: 120px 0px 75px;}
.down{background: #f6f6f6;padding: 100px 0px 110px;}
.dow_nav ul li{width: 246px;padding: 28px 20px;background: #fff;
	transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
    float: left;
    margin: 0px 15px 20px 0px;
}
.dow_nav ul li p{font-size: 14px;color: #666666;line-height: 25px;text-align: left;height:50px;overflow:hidden;}
.dow_bnt{text-align: center;margin-top: 5px;}
.dow_bnt a{padding: 10px 0px;font-size: 12px;color: #666666;border: 1px solid #666666;border-radius: 25px;width: 115px;display: inline-block;margin-right: 8px;}
.dow_bnt a:nth-child(2){margin-right: 0px;}
.dow_bnt a:hover{background: #7e308e;color: #fff;border: 1px solid #7e308e;}
.dow_nav ul li:hover{
	transform: scale(1.05);
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    box-shadow: 7px 8px 1px #f3f3f3;
}
.dow_nav ul li:nth-child(4n){margin-right: 0px;}
.dow_nav{margin-bottom: 80px;}
.down .ny1m_nav ul li{width:175px;padding: 3% 0px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 45px;}
.kuan{width: 150px;height: 32px;
	line-height: 32px;border: 1px solid #999;
	background: #fff;
	position: absolute;
	left: -175px;
	z-index: 6;
	line-height: 32px;padding:0px 30px 0px 20px;color: #999;top: -5px;
	border-radius: 25px;
	display: none;
}
.kuan_div{position: relative;}
.kuan_div:hover .kuan{display: block;}
.mk_search img{width: 50%;margin: 10px 10px 0px 0px;}




.phoneSearch{position:absolute; z-index:100; left:0px; top:100%; width:100%; height:120px; background: rgba(126,48,142,0.8); display: none;}
.phoneSearch .form{margin:0 15%; border-bottom:#fff solid 1px; position:relative; height:40px; padding-top:30px;}
.phoneSearch .input1 {
    width: 85%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: none;
    color: #fff;
    padding:0px 10% 0px 5%;
}
.phoneSearch .btn1{width:40px; height:40px; position:absolute; top:30px; right:0px; background:url(images/nimg36_1-2.png) center no-repeat; background-size:20px;}
.phoneSearch a{display:block; background:url(images/close2-2.png) center no-repeat; background-size:15px; width:30px; height:30px; position:absolute; right:5px; bottom:5px;}

.characterPic{position: relative; padding:0 90px;}
.characterPic .slick-prev {
	outline: none;
    position: absolute;
    display: block;
    left: 0px;
    margin-left: 0;
    top: 32%;
    margin-top: -16px;
    width: 17px;
    height: 32px;
    background: url(images/hjtl_03.png) no-repeat;
    z-index: 22;
}
.characterPic .slick-prev:hover{ background: url(images/zjtl_03.png) no-repeat;}
.characterPic .slick-next {
	outline: none;
    position: absolute;
    display: block;
    right: 0px;
    margin-right: 0;
    top: 32%;
    margin-top: -16px;
    width: 17px;
    height: 32px;
    background: url(images/hjtr_05.png) no-repeat;
    z-index: 22;
}
.characterPic .slick-next:hover{background: url(images/zjtr_05.png) no-repeat;}
.case .slick-list {
    position: relative;
    outline: none;
    display: block;
    overflow: inherit;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
}
.case .draggable{overflow: hidden;}
.div1600{width: 1600px;margin: 0px auto;}
.officeImg{text-align: center;width: 460px;margin: 0px auto 45px;height: 40px;}
.officeImg .onon .xian{display: block;}
.officeImg  a{font-size: 16px;color: #717171;outline: none;}
.officeImg .onon a{color: #7e308e;}
.news .case_div {margin: 0px;}
.big_case{display: none;}
.hd_txt{margin: 120px 0px 65px;}
.hd_txt h3{font-size: 30px;color: #2e2e2e;display: block;margin-bottom: 65px;}
.hd_txt p{font-size: 14px;color: #666666;line-height: 35px;}
.hd_banner .he_img img{width: 100%;max-height: 349px;}
.hd_banner  .swiper-button-next,.hd_banner .swiper-button-prev{background: url(images/sad_03.png);bottom: 0px}
.hd_banner .swiper-button-next,.hd_banner  .swiper-container-rtl .swiper-button-prev{background: url(images/dfs_03.png);bottom: 0px;}
.hd_banner .swiper-button-next,.hd_banner .swiper-button-prev{width: 49px;height: 49px;position: absolute;bottom:0px;top: inherit;}
.hd_banner {position: relative;}
.hd_banner .swiper-button-next{left: 50%;}
.hd_banner .swiper-button-prev{left: 50%;margin-left: -49px;}
.hd_banner  .swiper-button-next.swiper-button-disabled,.hd_banner  .swiper-button-prev.swiper-button-disabled{opacity: 1;}
.xt_txt h3{font-size: 24px;color: #2e2e2e;line-height: 48px;}
.xt_txt p{font-size: 14px;color: #666666;line-height: 37px;}
.hdxt{width: 100%;background: #f3f2f2;padding: 85px 0px 120px;margin-top: 110px;}
.xt_nav ul li{background: #fff;
	padding: 0px 45px;border-radius: 12px;
	min-height: 330px;
	margin-bottom: 95px;
}
.xt_l{margin-top: -59px;}
.xt_r{width: 780px;padding: 45px 0px;}
.xt_top span{font-size: 16px;color: #2e2e2e;font-weight: bold;margin-bottom: 35px;display: inline-block;}
.tx_r_txt p{font-size: 14px;color: #666666;line-height: 37px;}
.xt_nav{margin-top: 120px;}
.hdl{background:url(images/jj20_02.png)no-repeat center;
	background-size: cover;
	padding: 110px 0px 130px;
}
.hdl_top h3{font-size: 24px;color: #2e2e2e;}
.dh_box1_l span{font-size: 16px;font-weight: bold;color: #2e2e2e;background: url(images/y_03.png)no-repeat left;
padding-left: 20px;
display: block;margin-bottom: 23px;
}
.dh_box1_l{width: 560px;}
.dh_box1_l p{font-size: 14px;color: #666666;line-height: 32px;}
.dh_box1_r{width: 600px;}
.hdl_box2_r{width: 810px;}
.hdl_box2 span{font-size: 16px;font-weight: bold;color: #2e2e2e;background: url(images/y_03.png)no-repeat left;
padding-left: 20px;
display: block;margin-bottom: 23px;
}
.hdl_box2 p{font-size: 14px;color: #666666;line-height: 32px;}
.hdl_box2{margin-top: 20px;}
.dtnews_txt{text-align: left;padding: 30px 25px;}
.ny_news .al_nav ul li{padding: 0px;width: 350px;margin-right: 65px;}
.ny_news .al_nav ul li.nodata { box-shadow:initial;font-size:20px; padding-bottom:20px;}
div.nodata { text-align:center;font-size:30px;line-height:300px;width:100%;}
.on1_nav ul li.nodata {box-shadow:initial;font-size:20px; padding-bottom:20px;font-size:30px;line-height:300px;width:100%;background:initial;text-align:center;}
.ny_news .al_nav ul li:nth-child(3n){margin-right: 0px;}
.dt_img img{width: 100%;}
.dtnews_txt i{font-size: 12px;color: #353535;font-family: 'Arial';font-style: normal;
display: block;
opacity: 0.8;
line-height: 32px;
}
.dtnews_txt h3{font-size: 16px;color: #353535;display: block; height: 28px; line-height: 28px; overflow: hidden;}
.dtnews_txt p{font-size: 14px;color: #727272;line-height: 27px;
	display: block;margin: 30px 0px;
    height: 54px;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp:2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ny_news .al_nav ul li img{width: inherit;}
.news2{margin: 120px 0px;}

.news2_l{width: 845px;padding-right: 55px;border-right: 1px solid #f3f3f3;}
.news2top h1{font-size: 28px;color: #272727;}
.news2top p{font-size: 12px;color: #353535;display: block;margin: 25px 0px 45px;opacity: 0.4;}
.news2top{border-bottom: 1px solid #f3f3f3;}
.news2_txt p{font-size: 14px;color: #999999;line-height: 38px;}
.news2_txt span{font-size: 16px;color: #2d2c2c;}
.news2_txt i{font-size: 14px;font-style: normal;color: #666666}
.news2_txt a{margin-left: 10px;}
.news2_ft ul li{display: inline-block;width: 240px;
	height: 48px;line-height: 48px;
	border-radius: 25px;
	border:1px solid #f4f4f4;
	margin-right: 55px;
   box-shadow: #f4f4f4 -1px -7px 30px 5px ;
   transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.news2_ft ul li:nth-child(3){margin-right: 0px;}
.news2_ft{text-align: center;margin-top: 60px;}
.news2_ft ul li a{font-size: 14px;color: #666666;
 display: block;
 
}
.news2_ft ul li:hover{transform: scale(1.05);
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
}

.news2_ft ul li i{font-size: 16px;color: #7e308e;font-style: normal;font-weight: bold;}

.news2_ft img{position: relative;top: -18px;left: -20px;}

.news2_ft{border-top: 1px solid #f3f3f3;padding-top: 60px;}
.news2_r{width: 240px;}
.news2_r ul{max-height:980px;overflow-y:auto;}
.news2_r ul li span{font-size: 14px;font-weight: bold;
	display: block;margin: 30px 0px 20px;
	line-height: 27px;
}
.news2_r ul li p{font-size: 12px;color: #353535;opacity: 0.4;}
.news2_r ul li{border-bottom: 1px solid #959595;padding-bottom: 22px;margin-bottom: 50px;}
.map_top ul li{float: left;width: 50%;text-align: center;padding: 23px 0px;}
.map_top ul li a{font-size: 16px;color: #646262;display: inline-block;width: 100%;border-right: 1px solid #d8d8d8;}
.map_top{background: #e8e8e8;}
.map_top ul .map_on{background: #7e308e;}
.map_top ul .map_on a{color: #fff;border-right: 1px solid #7e308e;border: none;}
.map_top ul li:nth-child(3) a{border: none;}
.map_tab{padding: 60px 0px;background: #f7f7f7;display: none;}
.map_r span{display: block;text-align: center;font-size: 14px;color: #767676;margin-top: 18px;}
.map_l p{font-size: 14px;color: #767676;line-height: 37px;}
.map_onon{display: block;}
.map_r{margin-right: 60px; text-align: center;}
.map_box {
    padding: 100px 0px;
    background: #f7f7f7;
}
.map_box .out_div{ width: 1200px;}
.xla_k{background: url(images/dq_03.png)no-repeat left;
	background-position: 10%;
	padding-left: 58px;
	border: 1px solid #acacac;
	width: 350px;
	line-height: 45px;
	height: 45px;
	outline: none;
}
.xla_k option{font-size: 16px;color: #242424;line-height: 45px;height: 45px;}
.try_top span{font-size: 26px;color: #000000;margin-right: 35px;margin-bottom: 50px;}
.country{background: #f7f7f7;padding: 100px 0px 0px;}
.try_nav span{font-size: 20px;color: #000000;font-weight: bold;display: block;margin-bottom: 20px;}
.try_nav span i img { margin-right:15px;}
.try_nav h3{font-size: 18px;color: #767676;}
.try_nav p{font-size: 14px;color: #767676;line-height: 34px;}
.try_nav img{position: relative;top: -3px;height:20px;}
.try_nav ul li{border-top: 1px solid #d9d9d9;padding: 60px 0px;}
.try_nav{margin:60px 0px 0px; }
.try_l{width: 50%;}
.try_r{width: 50%;}
.map_end_l p{font-size: 18px;color: #fff;font-weight: bold;}
.map_end{width: 100%;background: #57475a;padding: 35px 0px;margin-top: 50px}
.map_end_l span{font-size: 16px;font-weight: normal;margin-left: 25px;}
.map_end_l{background:url(images/jt_03.png)no-repeat right;padding-right: 90px;}
.map_end_r ul li{display: inline-block;margin-left: 10px;}
.dow2_top ul li{float: left;}
.dxl_k{  appearance:none;   
      -moz-appearance:none;   
      -webkit-appearance:none; 
      background: url(images/xlk_03.png)no-repeat right;
      background-position: 95%;
      width: 203px;
      font-size: 14px;color: #666666;
      border: 1px solid #999999;
      padding-left: 15px;
      outline: none;
      height: 48px;line-height: 48px;
      margin-right: 20px;
  }
 .down2{margin: 100px 0px;}
 .serach{width: 325px;border: 1px solid #999999;padding-left: 15px;height: 46px;line-height: 46px;}
 .dow2_top ul li a{width: 170px;height: 48px;line-height: 48px;text-align: center;
 	display:inline-block;
 	font-size: 14px;
 	color: #fff;
 	background: #7e308e;
 	margin-left: 15px;

 }
 .dow2_top ul li a img{position: relative;top: -19px;left: -10px;}
 .bg tbody tr:nth-child(1){background: #7e308e;color: #fff;
 	font-size: 16px;font-weight: normal;
 	border-bottom:1px solid #fff; ;

 }
 .bg tbody tr{height: 70px;line-height: 70px;
 	border-bottom: 1px dashed #d5d5d5;
 	font-size: 16px;color: #666666;
 }
 .bg tbody tr a{font-size: 16px;color: #666666;}
 .bg tbody tr td:nth-child(1){width: 44%;padding-left: 25px;}
 .bg tbody tr td:nth-child(2){width: 22.5%;}
 .bg tbody tr td:nth-child(3){width: 21.5%;}
 .bg{margin: 25px 0px 80px;}
 .bg tbody tr:hover{border:1px solid #fff; box-shadow: #ecebeb 1px 1px 20px 1px;color: #7e308e;font-weight: bold;}
 .bg tbody .tr_one:hover{box-shadow:none;border: none;color: #fff;font-weight: normal;}
 .bg tbody tr:hover a{color: #7e308e;}
.dl{width: 100%;padding: 80px 0px 110px;background: #f6f6f6;}
.dl_div{width: 370px;margin: 0px auto;
	background: #fff;border-radius: 20px;
	padding: 40px 70px 90px;
}
.dl_top{text-align: center;}
.dl_top span{font-size: 24px;color: #585858;display: block;margin: 20px 0px 30px;}
.dl_k ul li{border: 1px solid #dcdcdc;margin-bottom: 15px;
}

.select{ width: auto; position: relative; height: 46px;}
.select:before{ content:''; position:absolute; left:0; top:50%; margin-top:-9px; width:1px; height:18px; background:#dcdcdc;}
.select dt{height: 46px;line-height: 46px;display: inline-block; width: 323px; background: url(../images/selectIco.jpg) no-repeat right center; cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 5;}
.select dt a{  font-size: 12px;color: #666; position: relative; padding-left: 15px; display: block; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.select dd{ margin: 0;position: absolute;left: 0px;top: 46px;z-index: 100; width: 100%} 
.select dd ul {list-style: none; overflow: auto; padding: 0 10px;background: #f7f7f7; border: 1px solid #dcdcdc;height:190px;} 
.select dd ul::-webkit-scrollbar{width:3px}
.select dd ul::-webkit-scrollbar-thumb{background-color:#7e308e}
.select dd ul::-webkit-scrollbar-track{background-color:#faf6f3}
.select dd ul li{line-height: 38px; height: 38px; cursor: pointer; border:none; border-bottom: 1px solid #dcdcdc; color: #666; font-size: 12px; margin-bottom:0;}
.select dd ul li:last-child{ border-bottom:none;}
.select dd ul li:hover{ color: #000; }

.admin{padding-left: 15px;width: 333px;height: 46px;line-height: 46px;}

.admin::-webkit-input-placeholder{color: #999;} 
.admin:-moz-placeholder{color: #999; } 
.admin::-moz-placeholder{color: #999; } 
.admin:-ms-input-placeholder{color: #999; }
.yzm::-webkit-input-placeholder{color: #999;} 
.yzm:-moz-placeholder{color: #999; } 
.yzm::-moz-placeholder{color: #999; } 
.yzm:-ms-input-placeholder{color: #999; }

.dl_k ul li.vali {border: none; }
.yzm_div{width: 64%;
border: 1px solid #dcdcdc;
}
.yzm{
  padding-left: 15px;
  width: 70%;
  height: 46px;
  line-height: 46px;

  }
.yzm_k{border: 1px solid #dcdcdc;line-height:0;}
.yzm_k .getemail { width:117px;
height:47px;display:block;line-height:47px;text-align:center;background-color:#7e308e;color:white;user-select:none;cursor:pointer;
}
.yzm_k img { width:117px;height:47px;}
.dl_bnt{ padding-top:15px;}
.dl_bnt .loginbtn {font-size: 18px;color: #fff;display: block;text-align: center;line-height: 50px;height: 50px;background: #7e308e;width:100%;border-radius:0;padding:0;margin:0; }
.dl_r a{font-size: 14px;color: #7e308e;
	margin-left: 15px;
}
.dl_l a{width: 16px;height: 16px;border: 1px solid #dcdcdc;
	border-radius: 1px;display: inline-block;
	position: relative;top: 3px;

}
.dl_l{font-size: 14px;color: #999999;}
.dl_l .enable{background: url(images/gou_03.png)no-repeat;}
.dl_btoom{margin-top: 15px;}
.down .dow3_nav ul li{padding: 0px;width: 380px;}
.down .dow3_nav ul li span{display: block;font-size: 18px;color: #666667;text-align: center;padding: 30px 0px 0; overflow: hidden; height: 28px; line-height: 28px;}
.down .dow3_nav ul li:hover span{color: #7e308e;}
.down .dow3_nav ul li:nth-child(4n){margin-right: 15px}
.down .dow3_nav ul li:nth-child(3n){margin-right: 0px;}
.cbig_div{position: fixed;top: 0px;
	left: 0px;width: 100%;height: 100%;
	background: rgba(0,0,0,0.6);z-index: 999;
	display: none;
}

.vido {
    -webkit-transform: translateX(-50%) translateY(-50%);
    position: relative;
    left: 50%;
    top: 50%;
    
    text-align: center;
}
.vido h3{font-size: 28px;color: #fff;}
.vido p{font-size: 14px;color: #fff;opacity: 0.5;line-height: 50px;display: block;margin-bottom: 2%;}
.gb_bnt{position: absolute;right: 0px;top: 0px;}
.cp_txt{width: 40%;}
.cp1_nav ul li:nth-child(1){background: url(images/zxg2_02.jpg)no-repeat center;
	background-size: cover;
	height: 850px;
}
.cp1_nav ul li:nth-child(2){background: url(images/zxg4_02.jpg)no-repeat center;
	background-size: cover;
	height: 850px;
}
.cp1_header{border-bottom: 1px solid #eae8e8;}
.cp_txt span{font-size: 28px;color: #000000;}
.cp_txt{margin-top: 260px;}
.cp_txt h3{font-size: 38px;color: #000000;font-weight: normal;}
.xian4{height: 3px;width: 40px;background: #7e308e;margin: 25px 0px;}
.cp_txt p{font-size: 18px;color: #545353;line-height: 37px;}
.cp_txt i{display: block;font-size: 16px;color: #545353;font-style: normal;line-height: 32px;
	background: url(images/541_03.png)no-repeat left;
	padding-left: 22px;
}
.cp1_nav ul li:nth-child(3){background: url(images/zxg5_02.jpg)no-repeat center;
	background-size: cover;
	height: 850px;
}
.cp_txt em{background: url(images/541_03.png)no-repeat left center;
	padding-left: 22px;
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
}
.cp1_nav ul li:nth-child(4){background: url(images/sdgr_04.png)no-repeat center;
	background-size: cover;
	height: 850px;
}
.cp1_nav ul li:nth-child(4) .cp_txt{width: 100%;text-align: center;margin-top: 100px;}
.cp1_nav ul li:nth-child(4) .xian4{margin: 25px auto;}
.cp_box1{background: url(images/jju_02.png)no-repeat center;
	background-size: cover;height: 800px;text-align: center;
}
.xian5{width: 40px;height: 3px;background: #7e308e;margin: 30px auto;}
.cp_box1 h1{font-size: 52px;color: #fff;display: block;margin-top: 30px;margin-bottom:30px;  font-size:52px !important;}
.cp_box1 h1>p{font-size:52px !important;}
.cp_box1 p{font-size: 20px;color: #fff;line-height: 32px;}
.cpbox1_div{padding: 175px 0px 0px 0px;}
.cp_box2{background: url(images/zzxg_02.jpg)no-repeat center;background-size: cover;height: 800px;overflow: hidden;}


.cpon_div span{font-size: 46px;color: #7e308e;display: block;font-family: 'Arial';}
.cpon_div{width: 40%;margin-top: 250px;}
.cpon_div h3{font-size: 36px;color: #363635;display: block;margin-top: 20px;font-weight: normal; padding-bottom: 25px;}
.cpon_div p{font-size: 20px;color: #333;line-height: 37px;}

.cp_box2 h3{ color:#fff;}
.cp_box2 p{ color:#fff;}


.cp_box3{background: url(images/zxg6_03.jpg)no-repeat center;background-size: cover;height: 800px;overflow: hidden;}
.cp_box3 .cpon_div h3{color: #fff;}
.cp_box3 .cpon_div p{color: #fff;}
.cp_box4{background: url(images/zxg10_02.jpg)no-repeat center;background-size: cover;height: 800px;overflow: hidden;}
.cp_box4 .cpon_div h3, .cp_box6 .cpon_div h3{ color:#333;}
.cp_box5{background: url(images/zxg7_05.jpg)no-repeat center;background-size: cover;height: 800px;overflow: hidden;}
.cp_box5 .cpon_div h3{color: #fff;}
.cp_box5 .cpon_div p{color: #fff;}
.cp_box6{background: url(images/zxg8_05.jpg)no-repeat center;background-size: cover;height: 800px;overflow: hidden;}
.cp_box7{background: url(images/ccc_02.png)no-repeat center;background-size: cover;height: 800px;overflow: hidden;}
.cp_box8{background: url(images/zxg9_02.jpg)no-repeat center;background-size: cover;height: 800px;overflow: hidden;}
.cp_box7 .cpon_div{margin-top: 200px;}
.cp_box8 .cpon_div h3{color: #fff;}
.cp_box7 .cpon_div p{color: #fff;}
.cp_box8 .cpon_div p{color: #fff;}
.cp_box4 .cpon_div {
    width: 40%;
    margin-top: 220px;                                                                  
}
.cp_box5 .cpon_div {
    width: 40%;
    margin-top: 200px;
}
.cp_box6 .cpon_div {
    width: 40%;
    margin-top: 200px;
}
.cp_box9{background: url(images/zxg3_04.jpg)no-repeat center;background-size: cover;height: 800px;overflow: hidden;}
.cp_box9 .cpon_div h3{color: #333;}
.cp_box9 .cpon_div p{color: #333;}

.cp_box10 .cpon_div p, .cp_box11 .cpon_div p{color: #fff;}

.cp_box12 .cpon_div p{color: #fff;}

.cp_box2 h2, .cp_box6 h2, .cp_box7 h2, .cp_box8 h2, .cp_box9 h2, .cp_box10 h2, .cp_box11 h2{ display:none; color:#000; font-size:24px; font-weight: normal; margin-top: 2%;}

 .cpon_div h3, .cp_box10 .cpon_div h3, .cp_box11 .cpon_div h3{color: #fff;}


.xq_top{background: #fff;margin-bottom: 20px; }
.cpxq{background: #f6f6f6;padding: 120px 0px 150px 0px;}
.xq_r{width: 40%;padding: 4.5%;}
.xq_l{border-right: 1px solid #f2f2f2;width: 50%;}
.xq_r h3{font-size: 30px;color: #424242;}
.xq_r i{font-size: 14px;font-style: normal;display: block;
	color: #424242;opacity: 0.5;
	margin: 15px 0px 25px;
}
.xq_topnav2 {
    display: none;
}
.xq_topnav1 {
    display:block;
}
.xq_r p{font-size: 15px;color: #696969;line-height: 32px;}
.xq_topnav ul li{display: inline-block;border: 1px solid #f1f1f1;margin-right: 5px;}
.xq_topnav ul .xq_onon{border: 1px solid #bfbfbf;}
.xq_topnav ul li img { width:92px;/*height:92px;*/height:100%;max-height:92px;}
.xq_topnav{margin-top: 70px;}
.xq_tab{display: none;}
.xq_tabon{display: block;}
.xq_txt_top ul li{ float: left;width: 25%;text-align: center;background: #ededed;border-radius: 15px 15px 0px 0px;height: 27px;line-height: 27px;padding: 12px 0px;}
.xq_txt_top ul li a{font-size: 16px;display: block;color: #5e5e5e;border-right: 1px solid #bebebe;}
.xq_txt_top ul li:nth-child(4) a{border: 0px;}
.xq_txt_top ul .cq_on{background: #fff;}
.xq_txt_top ul .cq_on a{color: #7e308e;font-weight: bold;border: none;}
.xq_txt_tab{/*padding: 100px 200px;*/background: #fff; display: none;padding:50px 50px;color: #696969; line-height: 32px;}
.xq_txt_tab .btn{width:80px;height:30px;background-color:#7e308e;display:inline-block;text-align:center;line-height:30px;color:#fff;margin-left:10px;border-radius:4px}
.xq_txt_tabon{display: block;}
.xq_end span{display: block;font-size: 28px;font-weight: bold;color: #000000;text-align: center;margin: 110px 0px 60px}
.xq_end ul li{background: #fff;
	width: 300px;display: inline-block;
	padding:50px 38px;margin-right: 30px;
	transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}
.xq_end ul li:hover{
	transform: scale(1.05);
    transform: translate(0,-10px);
    -webkit-transform: translate(0,-10px);
    -moz-transform: translate(0,-10px);
    -o-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);}
.xq_endl h3{font-size: 22px;font-weight: bold;color: #424242;}
.xq_endl p{font-size: 12px;color: #696969;line-height: 24px; height: 72px;  overflow: hidden;}
/*.xq_endl{background: url(/Styles/images/ww888_03.png)no-repeat right;}*/
.xq_end ul li:nth-child(3){margin-right: 0px;}
.last1{background: url(images/wq_02.png)no-repeat center;
	background-size: cover;height: 860px;
	text-align: center;
	overflow: hidden;
}
.last1_txt{padding-top: 205px;}
.last1_txt h3{
	font-size:44px;color: #fff;
	font-weight: normal;
}
.last1_txt span{font-size: 36px;color: #fff;display: block;margin-top: 10px; margin-bottom: 30px;width:600px}
.last1_txt h2{font-size: 36px;color: #fff;font-weight: 100;display: block;margin-top: 10px; margin-bottom: 30px;}
.last1_txt p{font-size: 18px;color: #fff;line-height: 35px; width:530px;}
.la1_txt p{ width:auto;}
.last2{background: url(images/xq6_02.png)no-repeat center;background-size: cover;height: 860px;}
.last2_box{width: 50%;margin-top: 195px;}
.last2_box .last_txtp{ padding-top: 30px;}
.last2_box span{font-size: 36px;color: #000000;display: block;}
.last2_box p{font-size: 18px;color: #545353;line-height: 32px;background: url(images/541_03.png)no-repeat left;padding-left: 30px;}
.last_nav ul li{display: inline-block;text-align: center;border-right: 1px solid #8c8a8a;}
.last_nav ul li dd{font-size: 16px;color: #4c4948;margin-top: 5px;}
.last_nav ul li:nth-child(6){border: none;}
.last_nav{margin-top: 60px;}
.last3{background: url(images/cp33_02.png)no-repeat center; background-size: cover;height: 860px;}
.last3_box span{display: block;font-size: 38px;text-align: center;color: #fff;}
.last3_box p{font-size: 18px;color: #fff;}
.last3_box{text-align: center;padding-top: 110px;}
.last3_bn span{display: block;text-align: center;color: #fff;font-size: 22px;width: 100%;margin-top: 20px;}
.last3_bn .out_last a{display:block; background:rgba(255,255,255,0.05);text-align: center;border-radius: 25px;padding: 35px;}
.out_last{position: relative;}
.last3_bn .out_last a:hover {background:#fff;}
.last3_bn .out_last a:hover span{color: #7e308e;}
.last3_bn .swiper-button-prev,.last3_bn .swiper-container-rtl .swiper-button-next{background: #f2f2f2;left: -100px;}
.last3_bn .swiper-button-next,.last3_bn .swiper-container-rtl .swiper-button-prev{background: #f2f2f2;right: -100px;}

.last3_bn  .swiper-button-next,.last3_bn  .swiper-button-prev{width: 62px;height: 62px;margin-top: -31px;border-radius: 50%;outline: none;}
.last3_bn dd{width: 100%;height: 100%;background: url(images/hjtl_03.png)no-repeat center center;}
.last3_bn em{display: block;width: 100%;height: 100%;background: url(images/hjtr_05.png)no-repeat center center;font-style: normal;;}
.last3_bn dd:hover{background: url(images/zjtl_03.png)no-repeat center center;}
.last3_bn em:hover{background: url(images/zjtr_05.png)no-repeat center center;}
.last3_bn{margin-top: 100px;}
.last4{background: url(images/z3_02.png)no-repeat center; background-size: cover;height: 860px; position:relative;}
.last4_nav ul li{float: left;}
.last_tab{display: none;}
.last_tabon{display: block;}
.last4_l{width: 60%;}
.last4_r{width: 40%;}
.last4_l span{font-size: 38px;color: #000000;}
.last4_banner{padding-top:215px; }
.last4_l p{font-size: 18px;color: #545353;line-height: 35px;  width:530px;}
.last4_nav{margin-top: 40px;}
.last4_nav ul li{margin-right: 35px;}
.last4 .swiper-pagination-bullet{width: 46px;height: 4px;background: #fff;
	border-radius: 0px;outline: none;opacity: 1;
	margin-right: 10px;
	
}
.last4 .swiper-pagination{bottom: -130px;width: 100%;text-align: center;}
.last4 .swiper-pagination-bullet-active{background: #898989;}
.last2_img{width: 100%;margin-top: 5%;text-align: center;display: none;}

.last4 .download-btn{ position:absolute; left:50%; margin-left:-600px; bottom:15%;}
.last4 .download-btn a{ display:block; width:230px; height:54px; line-height:54px; background:#7E308E; border-radius:24px; -moz-border-radius:24px; text-align:center; color:#fff;  font-size:16px;}
.last4 .download-btn img{ position:absolute; left:30px; top:50%; margin-top:-15px; width:30px;}

.last5, .last6, .last7, .last8, .last9, .last10{ height:850px; background-position: center top;}

.last1 .hideImg, .last2 .hideImg, .last5 .hideImg, .last6 .hideImg, .last7 .hideImg, .last8 .hideImg, .last9 .hideImg, .last10 .hideImg{ display:none;}
.last1 .hideImg img, .last2 .hideImg img, .last5 .hideImg img, .last6 .hideImg img, .last7 .hideImg img, .last8 .hideImg img, .last9 .hideImg img, .last10 .hideImg img{ width:100%;}


.dh_logo{width: 234px;text-align: center;
	height: 115px;border-right: 1px solid #c39fcb;
	line-height: 80px;
	margin-top: 12px;
}
.dh_bigdiv{background: url(images/zadd3_03.jpg)no-repeat center; 
	background-size: cover;
	padding: 55px 0px;
}
.dh_xgtxt{width: 365px;}
.dh_xgtxt ul li{float: left;width: 50%;text-align: center;}
.dh_xgtxt ul li p{font-size: 12px;color: #fff;opacity: 0.6;}
.dh_xgtxt ul li span{background: url(images/zadd_03.png)no-repeat right;font-size: 58px;color: #fff;display: block;width: 100px;margin: 0px auto;}
.dh_topimg img{width: 100%;}
.dh_topimg{width: 100%;}


.pt-page-fadeInLeft{
	-webkit-animation:  fadeInLeft 1.5s ease 1.5s 1 both;
	animation:  fadeInLeft 1.5s ease 1.5s 1 both;
	}

.pt-page-fadeInRight{
	-webkit-animation:  fadeInRight 1.5s ease 1.5s 1 both;
	animation:  fadeInRight 1.5s ease 1.5s 1 both;
	}

.pt-page-fadeInDown{
	-webkit-animation:  fadeInDown 1.5s ease 1.5s 1 both;
	animation: fadeInDown 1.5s ease 1.5s 1 both;
	}
.pt-page-fadeInUp{
	-webkit-animation:  fadeInUp 1.5s ease 1.5s 1 both;
	animation: fadeInUp 1.5s ease 1.5s 1 both;
	}
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.on1_img{overflow: hidden;max-height: 380px;}
.on1_img img{transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;}
.on1_img img:hover{transform: scale(1.1);}
.out_dow img{        
    height: 240px;
    width:100%;
	object-fit:cover;
    transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;}
.out_dow img:hover{transform: scale(1.05);}
.out_dow{overflow: hidden;   padding-bottom: 30px; }
.al_img img{transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;}
.dow_nav ul li:hover img{transform: scale(1.05);}
.al_img{overflow: hidden;}
.dt_img{overflow: hidden;}
.dt_img img{transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;}
.al_nav ul li:hover img{transform: scale(1.05);}
.news2_r ul li img{transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;}
.news2_r ul li:hover img{transform: scale(1.05);}
.news2_r ul li a{overflow: hidden;display: block;width: 240px;}
.div{overflow: hidden;}

.focus ul li{position: relative;
	
}
.ba_div{position: absolute;
width: 100%;
top: 110px;
left: 0px;
text-align: center;
}
.ba_div h4{font-size: 24px;
color: #fff;
display: block;
font-family: 'Arial';


}
.ba_div span{display: block;
font-size: 56px;
color: #e0dfe6;
font-family: 'Arial';

text-transform:uppercase;
font-weight: bold;
margin: 20px 0px 0px;
}
.ba_div h3{font-size: 46px;
color: #fff;
display: block;
margin-bottom: 30px;


}
.ba_div p{color: #fff;

line-height: 24px;
font-family: 'Arial';
font-size: 21px;

}
.xq_tab{overflow: hidden;}
.xq_tab img{transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;}
    .xq_tab img:hover{transform: scale(1.05);}
    .xq_topnav ul li img{transition: All 0.5s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;}
.xq_topnav ul li:hover img{transform: scale(1.1);}
.xq_topnav ul li{overflow: hidden;}

.house_two{
	display: none;
}
.hideImg{
	display: none;
	margin-top: 5%;
}


.botLayer{ position:fixed; bottom:0px; left:0; width:100%; height:50px; background:rgba(255,255,255,0.8); display:none;}
.botLayer.on{ display:block;}
.botLayer .logo{ display:block; position:absolute; left:10px; top:10px; }
.botLayer .logo img{ width:80px; display:block;}
.botLayer .share{ position:absolute; right:10px; top:14px;}
.botLayer .share li{ float:left; margin-left:15px;}
.botLayer .share li img{ width:24px;}


.footer .list{ display:none;}
.dubNav{ cursor: pointer; border-bottom: #4f4f4f solid 1px; height: 50px; line-height: 50px;  color: #fff; font-size: 15px; background: url(../images/himg20_1.png) right center no-repeat; background-size: 14px;}
.dubNav a{ color:#fff; display:block;}
.dubNav:last-child{ border-bottom:none;}
.durrentDt{background:url(../images/himg20_1on.png) right center no-repeat; background-size: 14px; color: #fff;}
.davContent{display: none;}
.davContent a{ display:block; padding-left: 20px; font-size:14px; height:36px; line-height:36px; color:#fff; opacity:0.5; }


/*2019.7.24*/
.xq_topnav .agentlist{ padding:0 20px;}
.xq_topnav .slick-slide{display: inline-block;border: 1px solid #f1f1f1;margin-right: 5px; cursor:pointer;}
.xq_topnav .slick-current{border: 1px solid #bfbfbf;}
.xq_topnav .slick-prev{ cursor:pointer; position:absolute; background:url(images/nimg9_left.png) no-repeat left center; width:9px; height:16px; top:50%; margin-top:-8px; left:0px; z-index:22}
.xq_topnav .slick-next{ cursor:pointer; background: url(images/nimg9_right.png) no-repeat right center; width: 9px; height: 16px; position: absolute; top:50%; margin-top:-8px; right: 0px; z-index:22}

/*2019.8.29*/
.pcTab{ text-align:center; padding-bottom:50px;}
.pcTab li{ display:inline-block; margin:0 25px;}
.pcTab li a{ display:block; font-size:14px; color:#666;}
.pcTab li a:hover{ color:#7e308e; text-decoration:underline;}

.sideBar{ position:fixed; right:0; top:50%; margin-top:-75px; z-index:11;z-index:100;}
.sideBar li{ width:50px; height:50px; background:#7e308e; line-height:50px; margin-bottom:1px; position:relative;}
.sideBar li a{ display: block; width:100%; height:100%;}
.sideBar li .ico{ margin:0 auto; width:28px; height:32px; overflow:hidden; position:relative; top:10px; background:url(../images/nimg28.png); }
.sideBar .li01 .ico{ background-position: 0 0;}
.sideBar .li02 .ico{ background-position: 0 138px;}
.sideBar .li03 .ico{ background-position: 0 104px;}
.sideBar .li04 .ico{ background-position: 0 70px;}
.sideBar .li05 .ico{ background-position: 0 38px;}
.sideBar .mouse{position:absolute; left:-180px; top:0px; display:none;}
.sideBar .liNow .mouse{display:block;}
.sideBar .li03 .mouse{background:#7e308e; width:180px; height:180px; top:-130px;}
.sideBar .li04 .mouse{background:#7e308e; width:180px; height:180px; top: -130px;}
.sideBar li .imgDiv{ padding:20px 0 0 20px;}

.sideBar li .tips{ opacity:0; visibility:hidden; position: absolute; top: 0; left: -250px; width:200px; line-height:50px; text-align:center; color:#fff; font-size:14px; height:50px; background: #7e308e; transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;  }
.sideBar li.on .tips{ opacity:1; visibility:visible; left:-200px;}

.dl_l .xie{ border:none; width:100px; top:0; color:#7E308E}

.xq_txt_tab p{ color:#696969; line-height:32px;}

.xyLayer{ width:1000px; height:520px;background:#fff; position:absolute; z-index:100; display:none}
.xyLayer .title{ height:30px; line-height:30px; font-size:14px; border-bottom:#e5e5e5 solid 1px; background:#f3f3f3; font-size:14px; text-indent:10px;}
.xyLayer .content{ padding:30px; font-size:14px; line-height:22px;}
.xyLayer .close{ width:21px; height:21px; background:url(../images/close.html) no-repeat; position:absolute; right:10px; top:7px; z-index:22;}


#Layer1{
	position:fixed;
	width:100%; height:100%;
	z-index:99;
	top:0; left:0px;
	background-color:#000;
	display:none;
}

.xxx_title{ text-align:center; padding-top:45px; color:#7e308e; font-size:40px; font-weight:bold;}
.xxx_tab{ text-align:center; padding:45px 0;}
.xxx_tab li{ display:inline-block; width:130px; height:45px; margin:0 5px; line-height:45px; color:#7e308e; border:#7e308e solid 1px; font-size:16px;}
.xxx_tab li.cq_on{ background:#7e308e; color:#fff;}
.nilao{ display:none; padding-bottom:50px;}
.nilaoon{ display:block;}


.searchbox{width:100%;height:0px;overflow:hidden;position:absolute;top:120px;left:0;background-color:rgba(126,48,142,0.8);z-index:100;border-top:1px solid #ececec;box-sizing:border-box;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.searchbox.cur{height:148px;padding:50px 0}
.searchform{border-bottom:1px solid #eee}
.searchform .input{width:calc(100% - 55px);margin-right:16px}
.searchform .input input{width:100%;height:56px;padding-left:15px;font-size:16px;color:#333}
.searchform .btn{height:56px;line-height:56px;cursor:pointer}
.searchform .btn img{width:24px;display:inline-block;vertical-align:middle;margin-bottom:3px}
.searchbox .wrap{position:relative}
.searchbox .close{position:absolute;bottom:20px;right:20px;cursor:pointer}

.topSearch{ position:absolute; left:0; top: 8px; width:18px; height:18px; z-index:2;}
.topSearch input{ display:none; padding: 8px 20px; background: #fff; border:#eee solid 1px; border-radius: 20px; -moz-border-radius: 20px; width: 200px; font-size: 14px; position:absolute; right:0; top:0;} 
.topSearch img{position: absolute;right: 13px; top: 9px; cursor: pointer;} 



/* 2020.04.26新增页面 */

/*清除浮动*/
.clear{zoom:1}
.clear:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}

.boxflex{display: -webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}

.nybanner{height:260px;position:relative}
.nybanner .textbox{position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-32px}
.nybanner .title{font-size:48px;color:#fff;font-weight:bold;text-align:center;font-family:"Source Han Sans CN"}
.technsupport{padding:120px 0}
.techncenter{text-align:center}
.technitem{width:31.66%;margin-right:calc(2.51% - 4px);display:inline-block;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.technitem:nth-of-type(3n){margin-right:0}
.technitem .img{overflow:hidden}
.technitem .img img{transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.technitem .title{height:80px;line-height:80px;border:1px solid #f5f5f5;border-top:none;text-align:center;color:#353535;font-weight:bold;font-size:18px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.technitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.technitem:hover .title{color:#7e308e}
.technitem:hover{box-shadow:6px 6px 0px 0px #f3f3f3;border-left:none;border-right:none}
.techncommlist{display:block}
.techncomm{padding:80px 0}
.techncommbox{margin-bottom:50px}
.techncommlist{padding:40px 0;border-bottom:1px solid #eae8e8;display:block}
.techncommlist .img{width:280px;overflow:hidden}
.techncommlist .img img{    width: 280px;
    height: 200px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.techncommlist .textbox{width:calc(100% - 320px);margin-left:40px}
.techncommlist .textbox .title{color:#353535;font-size:16px;font-weight:bold;line-height:22px;text-transform:Uppercase;max-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.techncommlist .textbox .tex{color:#727272;line-height:2.143;font-size:14px;margin-top:24px;max-height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.techncommlist .textbox .bot{margin-top:30px}
.techncommlist .textbox .more{width:92px;height:40px;border:1px solid #666;color:#666;font-size:14px;text-align:center;line-height:40px;border-radius:40px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.techncommlist .textbox .date{color:#727272;font-size:12px;font-family:Arial;line-height:40px}
.techncommlist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.techncommlist:hover .title{color:#7e318e}
.techncommlist:hover .more{color:#fff;background-color:#7e318e;border:1px solid #7e318e}
.technpro{padding:120px 0 114px}
.technprolist{display:block;width:33.3333%}
.technprolist .icon{width:104px;height:104px;border:1px solid #ebe9e9;border-radius:104px;box-sizing:border-box;margin:0 auto;background-repeat:no-repeat;background-position:center center;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.technprolist .title{color:#333;font-size:18px;font-weight:bold;text-align:center;margin-top:24px}
.technprolist:nth-of-type(1) .icon{background-image:url(../images/addimg/tepr1.png)}
.technprolist:nth-of-type(2) .icon{background-image:url(../images/addimg/tepr2.png)}
.technprolist:nth-of-type(3) .icon{background-image:url(../images/addimg/tepr3.png)}
.technprolist:hover .icon{background-color:#7e308e;border-color:#7e308e}
.technprolist:nth-of-type(1):hover .icon{background-image:url(../images/addimg/tepr1_cur.png)}
.technprolist:nth-of-type(2):hover .icon{background-image:url(../images/addimg/tepr2_cur.png)}
.technprolist:nth-of-type(3):hover .icon{background-image:url(../images/addimg/tepr3_cur.png)}
.technvideo{padding:120px 0}
.technvideoclass{border:1px solid #d6d6d6}
.technVclassitem{border-top:1px solid #fff;border-bottom:1px solid #d6d6d6}
.technVclassitem:nth-of-type(1){border-top:none}
.technVclassitem:nth-last-of-type(1){border-bottom:none}
.technVclassitem .name{width:150px;line-height:60px;background-color:#f0f0f0;text-align:center;color:#272727}
.technVclassitem .box{width:calc(100% - 180px);margin-left:30px;padding:19px 0}
.technVclassitem .box .list{line-height:22px;color:#666;cursor:pointer;margin-right:46px}
.technVclassitem .box .list.cur{color:#7e308e;font-weight:bold}
.technvideoitems{margin:50px 0 20px}
.technvideoitems .technitem{margin-bottom:30px}
.techvidetail{margin:45px 0 110px}
.techvidetail .videobox{position:relative}
.techvidetail .videobox .video video{width:100%;height:100%;position:absolute;top:0;left:0;visibility:hidden;z-index:-1;opacity:0}
.techvidetail .videobox .player{position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-19px;z-index:4;cursor:pointer}
.techvidetail .videobox.cur .img,
.techvidetail .videobox.cur .player{visibility:hidden;z-index:-1;opacity:0}
.techvidetail .videobox.cur .video video{visibility:visible;z-index:3;opacity:1}
.techvidetail .videobox .video video::-internal-media-controls-download-button{display:none}
.techvidetail .videobox .video video::-webkit-media-controls-enclosure {overflow:hidden}
.techvidetail .videobox .video video::-webkit-media-controls-panel {width: calc(100% + 30px)}
.techvidetail .videodesc{margin-top:40px;color:#666;font-size:14px}
.technvideoD_r.news2_r ul li a{position:relative}
.technvideoD_r.news2_r ul li a .play{position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-19px;z-index:4;cursor:pointer}
.technvideoD_r.news2_r ul li span{margin:22px 0 0}
.technvideopro{margin-top:50px}
.technvideoprotop .title{font-size:28px;color:#272727;font-weight:bold}
.technvideoprotop .content{margin-top:34px}
.technvideoprotop .content .desc{color:#666;font-size:14px;line-height:2.143}
.technvideoprotop .content .btn{width:120px;height:40px;display:block;background-color:#7e308e;border-radius:40px;text-align:center;line-height:40px;color:#fff;margin-top:42px}
.technvideoprobot{margin-top:120px}
.tevproDlist{width:47.916%;margin-right:4.168%;margin-bottom:50px;box-shadow:0px 0px 50px rgba(0,0,0,0.05);padding:20px;box-sizing:border-box;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.tevproDlist:nth-of-type(2n){margin-right:0}
.tevproDlist .img{padding:9px;box-sizing:border-box;border:1px solid #eae8e8}
.tevproDlist .box{width:calc(100% - 100px);margin-left:20px}
.tevproDlist .name{width:calc(100% - 214px);margin:0 20px 0 0;font-size:18px;font-weight:bold;color:#272727}
.tevproDlist .btn{width:92px;height:40px;color:#666;cursor:pointer;border:1px solid #676767;border-radius:40px;display:block;text-align:center;line-height:40px;box-sizing:border-box;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.tevproDlist .btn:nth-of-type(1){margin-right:10px}
.tevproDlist a.btn:nth-of-type(1){margin-right:0}
.tevproDlist .btn:hover{background-color:#7e308e;color:#fff;border-color:#7e308e}
.alert{width:100%;height:100%;position:fixed;top:0;left:0;z-index:19;display:none}
.alert .bg{width:100%;height:100%;margin-top:0;position:absolute;top:0;left:0;z-index:20;background-color:rgba(0,0,0,0.5)}
.alert.cur{display:block}
.end span {
    font-size: 12px;
    color: #fff;
    opacity: 0.15;
}
.end  a {
    font-size: 12px;
    color: #fff;
    opacity: 0.15;
}
.end a:hover {
    text-decoration: underline;
    opacity: 0.6;
}

.appdownlogin .loginbox{width:800px;padding:40px 60px;box-sizing:border-box;height:580px;background-color:#fff;z-index:22;position:absolute;top:50%;margin-top:-225px;left:50%;margin-left:-400px}
.appdownlogin .loginbox .top{position:relative;border-bottom:1px solid #dcdcdc;padding-bottom:26px}
.appdownlogin .loginbox .top .title{color:#272727;font-size:28px;font-weight:bold}
.appdownlogin .loginbox .top .close{position:absolute;top:-10px;right:-32px;z-index:3;cursor:pointer}
.appdownlogin .loginbox .botform .list{width:45.588%;margin-right:8.824%;margin-top:20px;padding-bottom:10px;border-bottom:1px solid #dcdcdc}
.appdownlogin .loginbox .botform .list:nth-of-type(2n){margin-right:0}
.appdownlogin .loginbox .botform .list:nth-last-of-type(1),
.appdownlogin .loginbox .botform .list:nth-last-of-type(2){width:100%;margin-right:0}
.appdownlogin .loginbox .botform .list .name{width:78px;color:#333;font-size:14px;line-height:32px}
.appdownlogin .loginbox .botform .list .name span{color:#c92b2f}
.appdownlogin .loginbox .botform .list .input{width:calc(100% - 78px);height:100%}
.appdownlogin .loginbox .botform .list:nth-of-type(4) .input{width:calc(100% - 178px)}
.appdownlogin .loginbox .botform .list:nth-of-type(6) .name{width:128px}
.appdownlogin .loginbox .botform .list:nth-of-type(6) .input{width:calc(100% - 228px)}
.appdownlogin .loginbox .botform .list .input input{width:100%;height:100%;padding:0 15px;box-sizing:border-box}
.appdownlogin .loginbox .botform .list .codebtn{width:100px;height:36px;color:#fff;background-color:#7e308e;text-align:center;line-height:36px;font-size:14px;cursor:pointer}
.appdownlogin .loginbox .btn{width:260px;height:50px;border-radius:50px;color:#fff;font-size:16px;background-color:#7e308e;text-align:center;line-height:50px;margin:50px auto 0;cursor:pointer}
.appdownlogin .loginbox .botform .list .codebtn.cur{background-color:#ddd;cursor:default}
.tecndatadownitem{width:47.916%;margin-right:4.168%;border:1px solid #fff;margin-bottom:50px;box-shadow:0px 0px 50px rgba(0,0,0,0.05);padding:20px;box-sizing:border-box;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.tecndatadownitem:nth-of-type(2n){margin-right:0}
.tecndatadownitem .img{padding:9px;box-sizing:border-box;border:1px solid #eae8e8;width: 80px;
    height: 100px;}
.tecndatadownitem .rightbox{width:calc(100% - 120px);margin-left:20px}
.tecndatadownitem .rightbox .down{width:40px;height:40px;margin-top:10px;cursor:pointer;box-sizing:border-box;padding:0;background-color:#fff;border:1px solid #6a6a6a;border-radius:60px;background-image:url(../images/addimg/down_cur.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.tecndatadownitem .rightbox .btn{width:60px;color:#7e308e;font-weight:bold;cursor:pointer}
.tecndatadownitem .rightbox .textbox{width:calc(100% - 80px);margin-right:20px}
.tecndatadownitem .titlebox{color:#272727;font-size:18px;font-weight:bold;cursor:pointer;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.tecndatadownitem .text{margin-top:8px}
.tecndatadownitem .textlist{color:#666;font-size:14px;margin:2px 16px 2px 0}
.tecndatadownitem .textlist:nth-of-type(2n){margin-right:0}
.tecndatadownitem .textlist a:hover{text-decoration:underline}
.tecndatadownitem:hover{border-color:#f5f5f5;box-shadow:5px 5px 0px 0px #f5f5f5}
.tecndatadownitem .titlebox:hover{color:#7e308e}
.techvidetail .videoboxslide .swiper-button-prev,
.techvidetail .videoboxslide .swiper-button-next{width:37px;height:52px;margin-top:-26px;background-color:rgba(255,255,255,0.4);background-size:17px 32px;opacity:1}
.techvidetail .videoboxslide .swiper-button-prev{background-image:url(../images/hjtl_03.png)}
.techvidetail .videoboxslide .swiper-button-next{background-image:url(../images/hjtr_05.png)}
.technvsecond{margin-bottom:60px}
.technvseclist{padding:0 25px;display:inline-block;border:1px solid #666;height:40px;line-height:40px;color:#666;margin-right:11px;font-size:16px;border-radius:44px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.technvseclist.cur,
.technvseclist:hover{background-color:#7e308e;color:#fff;border-color:#7e308e}

.technvprosearch{width:240px;height:40px;border:1px solid #ddd;padding:0 15px;display:inline-block;vertical-align:top}
.technvprosearch .input{width:calc(100% - 34px);margin-right:20px;float:left}
.technvprosearch .input input{width:100%;height:40px}
.technvprosearch .btn{line-height:40px;float:left;height:40px;cursor:pointer}
.technvprosearch .btn img{display:inline-block;vertical-align:middle;margin-bottom:3px}

.sideBar .li06 .ico{width:32px;background:url(../images/nimgly.png)}
.allform{width:220px;background-color:#fff;position:absolute;left:-220px;top:-270px;padding:30px 20px;z-index:-1;opacity:0;visibility:hidden;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s;box-shadow:0px 6px 30px 0px rgba(0,0,0,0.06);}
.sideBar .li06.cur .allform{left:-260px;z-index:9;opacity:1;visibility:visible}
.allform .allformlist{margin-bottom:10px}
.allform .allformlist .name{color:#666;line-height:20px;font-size:14px}
.allform .allformlist .input{margin-top:4px;line-height:32px}
.allform .allformlist .input input{width:100%;height:32px;padding:0 10px;border-radius:4px;border:1px solid #7e308e;box-sizing:border-box}
.allformsubbtn{width:100%;background-color:#7e308e;color:#fff;font-size:16px;text-align:center;height:40px;margin-top:20px;line-height:40px;cursor:pointer;border-radius:4px}

.botform{padding:80px 0;background-color:#ededed}
.footbot.allform{width:600px;float:left;position:static;z-index:1;opacity:1;visibility:visible;background-color:transparent;padding:0;box-shadow:none}
.footbot.allform .title{font-size:30px;text-align:center;font-weight:bold;color:#333}
/* .footbot.allform .box{margin-top:30px} */
.footbot.allform .allformlist{width:48%;margin-right:4%;float:left;margin-bottom:20px}
.footbot.allform .allformlist:nth-of-type(2n){margin-right:0}
.footbot.allform .allformlist.last{width:100%}
.footbot.allform .allformlist textarea{width:100%;height:100px;font-family:Arial;padding:10px;color:#4d4d4d;border-radius:4px;border:1px solid #7e308e;background-color:#fff;box-sizing:border-box}
.footbot.allform .allformlist .name{color:#999;font-size:12px}
.footbot.allform .allformlist .input{margin-top:8px}
.footbot.allform .allformlist .input input{height:42px;color:#4d4d4d;background-color:#fff}
.footbot.allform .allformlist .input input::-webkit-input-placeholder,
.footbot.allform .allformlist textarea::-webkit-input-placeholder{color:#999}
.footbot.allform .allformsubbtn{width:200px;height:54px;line-height:54px}
.footbot.allform .allformsel{position:relative}
.footbot.allform .allformsel .allformselitems{width:100%;max-height:128px;overflow-y:auto;position:absolute;box-sizing:border-box;top:60px;left:0;background-color:#fff;border:1px solid #7e308e;border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:-1;opacity:0;visibility:hidden;border-top:none;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.footbot.allform .allformsel.cur .allformselitems{z-index:9;opacity:1;visibility:visible;top:40px}
.footbot.allform .allformsel.cur .name{color:#4d4d4d}
.footbot.allform .allformsel .allformselitems::-webkit-scrollbar{width:4px}
.footbot.allform .allformsel .allformselitems::-webkit-scrollbar-thumb{background-color:#7e308e}
.footbot.allform .allformsel .allformselitems::-webkit-scrollbar-track{background-color:#fdf2ff}
.footbot.allform .allformsel .allformselitem{padding:8px 10px;line-height:28px;color:#7e308e;border-bottom:1px solid #7e308e;font-size:14px;cursor:pointer;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.footbot.allform .allformsel .allformselitem:hover{background-color:#7e308e;color:#fff}
.footbot.allform .allformsel .allformselitem:nth-last-of-type(1){border-bottom:none}
.footbot.allform .allformseltop{height:42px;padding:0 10px;border-radius:4px;border:1px solid #7e308e;box-sizing:border-box;cursor:pointer;background:#fff;}
.footbot.allform .allformseltop .name{width:calc(100% - 34px);margin-right:20px;line-height:40px;float:left}
.footbot.allform .allformseltop .icon{height:40px;line-height:40px;float:left}
.footbot.allform .allformseltop .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px}
.botformtextbox{width:calc(100% - 700px);margin-right:100px;float:left}
.botformtextbox .title{font-size:20px;font-weight:bold;color:#333}
.botformtextbox .text{font-size:16px;line-height:1.8;margin-top:30px}

.prompt{padding:80px 0}
.prompt .title1{font-family:Arial;font-size:20px;text-align:center;font-weight:bold}
.prompt .title2{font-family:Arial;font-size:20px;text-align:center;color:#999;margin:4px 0 25px}
.prompt .btn{width:320px;height:46px;line-height:46px;color:#fff;font-size:14px;font-family:Arial;background-color:#7e308e;display:block;text-align:center;margin:0 auto}

.appdownlogin .botform {padding:0;background:#fff;}


@media (min-width:1024px){
	.sideBar .li06:hover .allform{left:-260px;z-index:9;opacity:1;visibility:visible}
}


@media (max-width:1540px){
	.ft_nav{margin-left:2vw}
	.ft_nav ul li:nth-of-type(3),
	.ft_nav ul li:nth-of-type(4),
	.ft_nav ul li:nth-of-type(5),
	.ft_nav ul li:nth-of-type(6){width:102px}
}

@media (max-width:1024px){
	.nybanner .textbox{width:100%;padding:0 15px;margin-left:-50%;margin-top:-16px;box-sizing:border-box}
	.nybanner .textbox .title{font-size:20px}
	.technsupport,
	.techncomm,
	.technpro,
	.technvideo{padding:50px 0}
	.technitem{width:100%;margin-right:0;margin-bottom:20px}
	.technitem .title{height:56px;line-height:56px;font-size:16px}
	.technitem:nth-last-of-type(1){margin-bottom:0}
	.techncommlist{padding:15px 0}
	.techncommlist .img,
	.techncommlist .img img{width:100%}
	.techncommlist .textbox{margin-left:0;width:100%;margin-top:20px}
	.techncommlist .textbox .tex{line-height:1.8;max-height:50px;margin-top:6px}
	.techncommlist .textbox .bot{margin-top:20px}
	.techncommlist .textbox .more{width:78px;height:30px;line-height:30px;font-size:12px}
	.techncommlist .textbox .date{line-height:30px}
	.technprolist .icon{width:64px;height:64px;background-size:28px auto}
	.technprolist .title{font-size:16px;margin-top:10px}
	.technVclassitem .name{width:100%;text-align:left;padding:0 15px;height:34px;line-height:34px}
	.technVclassitem .box{margin-left:0;width:100%;padding:8px 15px}
	.technVclassitem .box .list{margin-right:6%}
	.technvideoitems .technitem{margin-bottom:20px}
	.technvideoitems{margin:35px 0}
	.techvidetail{margin:25px 0 45px}
	.techvidetail .videodesc{margin-top:20px}
	.on1_img{max-height:initial}
	.technvideoprotop .title{font-size:22px}
	.technvideoprotop .content{margin-top:20px}
	.technvideoprotop .content .btn{width:90px;height:32px;line-height:32px}
	.technvideoprobot{margin-top:35px}
	.tevproDlist{width:100%;margin-right:0;padding:15px;margin-bottom:20px;-webkit-align-items:initial;align-items:initial;-moz-align-items:initial;-ms-align-items:initial}
	.tevproDlist:nth-last-of-type(1){margin-bottom:0}
	.tevproDlist .name{width:100%;font-size:16px}
	.tevproDlist .box{width:calc(100% - 90px);margin-left:10px}
	.tevproDlist .btnbox{width:100%;margin-top:15px}
	.tevproDlist .btn{width:68px;height:30px;line-height:30px}
	.tecndatadownitem{width:100%;margin-right:0;margin-bottom:20px;padding:10px}
	.tecndatadownitem .rightbox .textbox{width:calc(100% - 40px);margin-right:10px}
	.tecndatadownitem .rightbox .down{width:30px;height:30px;background-size:12px auto}
	.tecndatadownitem .titlebox span{display:none}
	.tecndatadownitem .rightbox{width:calc(100% - 110px);margin-left:10px}
	.tecndatadownitem .titlebox{font-size:16px}
	.tecndatadownitem .textlist{margin:0}
	.appdownlogin .loginbox{width:92%;height:500px;margin-top:-235px;margin-left:-46%;padding:15px 20px}
	.appdownlogin .loginbox .top .title{font-size:20px}
	.appdownlogin .loginbox .top .close{width:26px;height:26px;top:0;right:0}
	.appdownlogin .loginbox .botform .list{width:100%;margin-top:6px;margin-right:0;padding-bottom:5px}
	.appdownlogin .loginbox .btn{width:200px;height:38px;line-height:38px;margin:15px auto 0}
	.techvidetail .videoboxslide .swiper-button-prev,
	.techvidetail .videoboxslide .swiper-button-next{width:27px;height:42px;background-size:12px 24px;margin-top:-21px}
	.appdownlogin .loginbox .top{padding-top:15px}
	.technvsecond{margin-bottom:25px}
	.technvseclist{font-size:13px;height:34px;line-height:34px;padding:0 15px;margin-right:6px;margin-bottom:10px}
	.techncommlist .img{width:100%}

	.technvprosearch{width:100%;box-sizing:border-box}
	.technvprosearch .input input{height:38px}
	.technvprosearch .btn{height:38px;line-height:38px}

	.allform .allformlist .name{font-size:12px;line-height:18px}
	.allform .allformlist .input input{height:30px}
	.allform .allformlist{margin-bottom:7px}
	.allform .allformlist .input{margin-top:2px}

	.prompt{padding:40px 0}
	.prompt .title1{font-size:16px}
	.prompt .title2{font-size:16px}
	.prompt .btn{font-size:12px;width:260px;height:40px;line-height:40px}

	.regselect{width:calc(100% - 45px)}
	.select dt{width:100%}

	.footer .allform{float:none;width:100%;margin-top:20px}

	.botform{padding:50px 0}
	.footbot.allform .title{font-size:20px}
	.footbot.allform .box{margin-top:20px}
	.footbot.allform .allformlist{width:100%;margin-bottom:10px}
	.footbot.allform .allformlist .name{font-size:12px}
	.footbot.allform .allformlist .input{margin-top:4px}
	.footbot.allform .allformlist .input input{height:34px}
	.footbot.allform .allformsubbtn{height:40px;line-height:40px;margin-top:10px}
	.footbot.allform .allformlist.last .input{height:auto}
	.footbot.allform .allformlist textarea{height:80px}

	.footbot.allform .allformseltop{height:34px}
	.footbot.allform .allformseltop .name{line-height:32px}
	.footbot.allform .allformseltop .icon{height:32px;line-height:32px}
	.botformtextbox{width:100%;margin-right:0}
	.footbot.allform{width:100%}
	.botform .out_div{width:100%;padding:0 15px;box-sizing:border-box}
	.botformtextbox .title{font-size:18px}
	.botformtextbox .text{margin-top:2px;font-size:14px;line-height:1.4}
}



.instralertbox{width:900px;height:600px;background-color:#fff;box-sizing:border-box;padding:60px 50px 35px;position:absolute;top:50%;margin-top:-300px;left:50%;margin-left:-450px;z-index:20;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)}
.instralertbox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}
.instralertbox .close{position:absolute;top:20px;right:20px;cursor:pointer}
.instralertbox .title{font-size:28px;text-align:center;color:#000;font-weight:bold}
.instralertbox .content{margin-top:30px;height:400px;overflow-y:auto;font-size:14px;color:#666}
.instralertbox .content::-webkit-scrollbar{width:4px}
.instralertbox .content::-webkit-scrollbar-thumb{background-color:#7e308e}
.instralertbox .content::-webkit-scrollbar-track{background-color:#e9fcff}
@media (max-width:1024px){
	.instralertbox{width:90%;height:70vh;margin-left:-45%;margin-top:-35vh;padding:45px 20px 25px}
	.instralertbox .title{font-size:18px;}
	.instralertbox .content{height:350px;margin-top:15px}
}


/*2021.11.24*/
.newPart{ padding: 10px 0 20px; }
.newPart .title{ text-align:center; font-size:36px; line-height:36px; color:#000; padding-bottom:50px; font-weight:bold;}
.logoPic{ position:relative;}
.logoPic .swiper-slide{}
.logoPic .box{ border: #ededed solid 1px; box-sizing:border-box;}
.logoPic .box img{ width: 100%;}
.logoPic .prev{ z-index: 5; left: -30px; position: absolute; display: block; background: url(../images/hjtl_03.png) center no-repeat; width: 17px; height: 32px; top: 50%; margin-top: -16px;} 
.logoPic .next{ z-index: 5; right: -30px; position: absolute; display: block; background: url(../images/hjtr_05.png) center no-repeat; width: 17px; height: 32px; top: 50%; margin-top: -16px;}


.single h4 {
	font-size: 70px;
	text-align: center;
	line-height: 70px;
	color: #7e308e;
}
.single p {
	font-size: 24px;
	line-height: 24px;
	margin-top: 40px;
}
.single .main-button {
	display: block;
	width: 200px;
	height: 50px;
	margin: 40px auto 0;
	font-size: 14px;
	text-align: center;
	line-height: 46px;
	color: #fff;
	border-radius: 5px;
	background: #7e308e;
	border: solid 2px #7e308e;
}



/*****************************************************************
서브페이지 > 레이아웃
*****************************************************************/
/* 서브페이지 상단여백 */
#sub_wrap {
    margin-top: 0px;
}

#contentsArea {
    max-width: 100%;
    text-align: left;
    background-color: #fff;
    margin-top: 0px;
}
/*****************************************************************
de30 : 구글지도
*****************************************************************/
.de30 {
    border: 0px solid #f00;
}

.de30 .map_google {
    height: 466px;
}

.de31 .map_google {
    height: 240px;
}


/* 본사위치, 주변지하철등 */
.n_map_text {
    overflow: hidden;
    text-align: left;
}
.n_map_text div {
    margin-top: 20px;
}
.n_map_text div dl {
    margin-bottom: 30px;
}

.n_map_text div dl dt {
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2 ease-out;
    padding: 10px 10px 10px 20px;
    margin-bottom: 10px;
    background-color: #aaa;
    border-radius: 2px;
    display: block;
    font-size: 2.0em;
    color: #fff;
}
.n_map_text div dl:hover dt {
    padding: 10px 10px 10px 30px;
    background-color: #111;
}

.n_map_text div dl dd {
    display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}

/*****************************************************************
서브페이지 > 페이지 타이틀
*****************************************************************/
.n_tit_page {
    padding: 30px 0;
    text-align: left;
    position: relative;
    color: #111;
    border: 0px solid #f00;
}
.n_tit_page:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 3px;
    /*background-color: #111; */
}

.n_tit_page h2 {
    font-weight: 100;
    font-size: 2.0em;
    color: #111;
}
.n_tit_page p {
    padding: 10px 0;
    line-height: 110%;
    font-size: 0.875em;
    font-weight: 100;
    color: #aaa;
}

@media screen and (max-width: 768px) {
    .n_tit_page {
        margin-top: 20px;
    }
}