*{margin:0; padding:0; list-style:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent;}
body{width:100%; font-family:"微软雅黑"; color:#333333; margin:0 auto;}
input{border:none;}
img{border:none; display:block; moz-user-select: -moz-none;-moz-user-select: none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
a{color:#333333;text-decoration:none;}
a:hover{text-decoration:none;}
p{max-height:100%}
p{-webkit-text-size-adjust:none;}
/* @font-face{
	font-family:"siyuan";
	src:url('../font/SourceHanSansCN-Normal.eot');
	src:url('../font/SourceHanSansCN-Normal.eot?#iefix') format('embedded-opentype'),
	url('../font/SourceHanSansCN-Normal.woff') format('woff'),
	url('../font/SourceHanSansCN-Normal.woff2') format('woff2'),
	url('../font/SourceHanSansCN-Normal.ttf') format('truetype'),
	url('../font/SourceHanSansCN-Normal.svg#SourceHanSansCN-Normal') format('svg');
	}
@font-face{
	font-family:"siyuan_meu";
	src:url('../font/SourceHanSansCN-Medium.eot');	
	src:url('../font/SourceHanSansCN-Medium.eot?#iefix') format('embedded-opentype'),
	url('../font/SourceHanSansCN-Medium.woff') format('woff'),
	url('../font/SourceHanSansCN-Medium.woff2') format('woff2'),
	url('../font/SourceHanSansCN-Medium.ttf') format('truetype'),
	url('../font/SourceHanSansCN-Medium.svg#SourceHanSansCN-Medium') format('svg');		
	}	
@font-face{
	font-family:"siyuan_bold";
	src:url('../font/SourceHanSansCN-Bold.eot');	
	src:url('../font/SourceHanSansCN-Bold.eot?#iefix') format('embedded-opentype'),
	url('../font/SourceHanSansCN-Bold.woff') format('woff'),
	url('../font/SourceHanSansCN-Bold.woff2') format('woff2'),
	url('../font/SourceHanSansCN-Bold.ttf') format('truetype'),
	url('../font/SourceHanSansCN-Bold.svg#SourceHanSansCN-Bold') format('svg');		
	}	 */
.nav{width:200px; height:100%; background-image:linear-gradient(-45deg, #473d7a, #765dc2); position:fixed; top:0; left:0; z-index:10;}
/*.logo{width:74px; margin:25% auto;}*/
.logo{width:74px; margin:15% auto 20% auto;}
.navigation li{margin-bottom:35px; text-align:center; line-height:18px; font-size:18px;}
.navigation li a{color:#ab9cef; display:block;}
.navigation li a.active{color:#ffd868; background-image:url(../images/nav_icon.png); background-repeat:no-repeat; background-size:10px auto; background-position-y:center; background-position-x:32px;}
.navigation li a:hover{color:#ffd868; background-image:url(../images/nav_icon.png); background-repeat:no-repeat; background-size:10px auto; background-position-y:center; background-position-x:32px;}
/*.nav_icon{margin-top:40%; position:relative;}*/
.nav_icon{margin-top:20%; position:relative;}
.nav_icon li{width:40px; height:40px; border-radius:10px; margin:20px 0px 0px 40px; float:left;}
.nav_icon a{height:40px; display:block; border-radius:10px;}
.nav_hover{background:#6d60b0 url(../images/wechat_icon1.png) no-repeat center;}
.nav_hover1{background:#6d60b0 url(../images/phone_icon1.png) no-repeat center;}
.nav_hover:hover{background:white url(../images/wechat_icon2.png) no-repeat center;}
.nav_hover1:hover{background:white url(../images/phone_icon2.png) no-repeat center;}
.head_wx{width:100px; height:120px; background:white; border-radius:8px; position:absolute; top:70px; left:40px; display:none;}
.head_wx .weixinimg{padding:5px 5px 0;}
.head_wx p{font-size:14px; text-align:center;}
.head_phone{padding:10px; background:#f3f3f3; border-radius:5px; position:absolute; top:70px; left:40px; display:none;}
.head_phone h3{font-size:18px; line-height:24px; font-weight:bold; color:#473d7a;}
/*.icp{width:170px; margin:40% auto 0; background:#6456a1; padding:10px 0;}*/
.icp{width:170px; margin:20% auto 0; background:#6456a1; padding:10px 0;}
.icp li{font-size:12px; padding:0 10px; margin-bottom:10px;}
.icp li a{color:#ab9cef;}
.icp li a:hover{color:#ccc1ff;}
.icp li a img{margin-right:5px; float:left;}

.index{padding-left:200px;}
.swiper{width:100%; height:580px;}
.index_banner1{background:url(../images/banner_1.jpg) no-repeat center; background-size:100% auto;}
.index_left{width:46%; float:left;}
.index_left h2,.index_left h3{font-size:46px; text-align:right; color:#ff332e; text-shadow:#453a7c 3px 3px 3px; float:right; position:relative;}
.index_left h2::after{content:attr(data-text); position:absolute; top:0; left:0; z-index: 2; color:#ffe6cd; -webkit-mask-image: -webkit-gradient(linear,left top, right bottom, from(#ffe6cd), to(rgba(255, 134, 131, 0.5)));}
.index_left h3::after{content:attr(data-text); position:absolute; top:0; left:0; z-index: 2; color:#ffe6cd; -webkit-mask-image: -webkit-gradient(linear,left top, right bottom, from(#ffe6cd), to(rgba(255, 134, 131, 0.5)));}
.index_left h2{margin:150px 23px 20px 0;}
.technology{width:100%; margin-top:50px; float:right;}
.index_left img{width:23%; margin-right:23px; float:right;}
.index_right{width:50%; float:right;}
.jdw_video{width:66%; margin-top:150px;}
.jdw_video video{width:100%; border-radius:20px; border:#503f8b 5px solid;}
.index_banner2{background:url(//cdn.yafangwanhui.com/brank/images/reception.jpg) no-repeat center; background-size:100% auto;}

.swiper-pagination-bullet{background-color:#c8c8c8 !important;}
.swiper-pagination-bullet-active{background-color:#fff !important;}
.swiper-button-next{color:white !important;}
.swiper-button-prev{color:white !important;}
.swiper-button-next,.swiper-button-prev:focus{outline: none;}
.index_1{width:96%; background:#fff; margin:20px auto 0; overflow:hidden; }
.index_1 .swiper{height:auto;}
.index_1 .swiper-slide img {display: block; width:100%; object-fit: cover;}
.about{width:70%; margin:5% auto 0;}
.about_title{height:580px; background:url(../images/index_bgicon.png) no-repeat; background-position-y:15px; background-position-x:right;}
.about_title1{background:none;}
.about_title h2,.about_title h3{font-size:32px; line-height:32px; font-weight:bold; font-family:segoe ui; margin-bottom:5px; position:relative;}
.about_title h2::after{content:attr(data-text); position:absolute; top:0; left:0; z-index: 2; color:#8f6dce; -webkit-mask-image: -webkit-gradient(linear,left top, right bottom, from(#8f6dce), to(rgba(57, 42, 102, 0.5)));}
.about_title h3::after{content:attr(data-text); position:absolute; top:0; left:0; z-index: 2; color:#8f6dce; -webkit-mask-image: -webkit-gradient(linear,left top, right bottom, from(#8f6dce), to(rgba(57, 42, 102, 0.5)));}
.about_title p{font-size:24px; color:#382f63; padding-top:5px;}
.about_title i{width:55px; height:5px; background:#ffce6e; display:block; margin-top:28px;}
.about_jianjie{margin-top:60px;}
.about_jianjie p{width:45%; padding-left:5%; font-size:14px; line-height:24px; text-indent:2em; color:#333; float:left;}
.about_jianjie video{width:38%; margin:10px 5% 0 0; border:#2a2448 5px solid; border-radius:10px; float:right;}
#scrollDiv{width:100%; height:580px; overflow:hidden; display: block;}
#scrollDiv li{width:100%; height:580px; float:left; overflow:hidden; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
#but_up{width:18px; margin:20px auto;}
.about_gif dl dd{width:27%; margin:10px 3% 20px; box-shadow:0px 0px 10px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1); float:left;}
.about_gif dl dd img{width:100%;}
.about_goto{width:100%;}
.about_goto .swiper{height:auto;}
.about_goto .swiper-slide img {display: block; width:100%; }
.about_bottom{width:62.7%; height:160px; background:#473d79 url(../images/about_bottom.png) no-repeat bottom left; position:fixed; bottom:20px; right:13.5%;}
.about_bottom ul li{width:25%; height:160px; float:left;}
.about_bottom ul li h2{font-size:44px; font-weight:normal; font-family:segoe ui; line-height:44px; color:white; text-align:center; margin-top:30px;}
.about_bottom ul li h2 span{vertical-align:text-top; font-size:24px;}
.about_bottom ul li h3{font-size:28px; line-height:28px; font-weight:normal; color:white; text-align:center; margin-top:46px;}
.about_bottom ul li p{color:#cbc1ff; text-align:center; font-size:14px; margin-top:10px;}
.about_bottom ul li h4{color:#cbc1ff; text-align:center; font-size:14px; font-weight:normal; margin-top:17px;}
.news_title{height:auto;}
.news_con{width:100%; padding:40px 0; margin-top:10px; overflow:hidden;}
.news .swiper{width:100%; height:255px; background:#473d79 url(../images/news_icon.png) no-repeat; background-position-x:50px; background-position-y:36px; overflow:visible;}
.news .swiper-slide{position:relative;}
.news_left{width:42%; height:255px; padding-left:8%; float:left;}
.news_left h3{font-size:24px; font-weight:normal; margin-top:50px;color:white; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_left h3 a{color:white;}
.news_left p{width:92%; line-height:24px; font-size:16px; color:#cabfff; margin-top:20px; display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3; overflow: hidden;}
.news_left p a{color:#ffce6e;}
.news_right{width:38%; height:335px; right:6%; top:-40px; position:absolute; z-index:10; overflow:hidden;}
.news_right img{height:100%;}
.news .swiper-pagination-fraction{bottom:25px;left:23%;width:5%; color:#a195dc; font-size:14px; font-weight:bold;}
.news .swiper-button-next,.news .swiper-button-prev{bottom:27px !important; top:auto; margin:0;}
.news .swiper-button-prev{left:21%; right:auto;}
.news .swiper-button-next{right:70%;left:auto;}
.news_list{width:75%; margin:6% auto 0;}
.news_list ul li{width:26.66%; margin:0 3.33% 40px; box-shadow:0px 0px 20px rgba(0,0,0,0.1); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.1); float:left;}
.news_one{widht:100%; height:220px; overflow:hidden;}
.news_one img{width:100%;}
.news_list h3{width:83%; font-size:20px; font-weight:normal; line-height:20px; margin:28px auto 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_list h3 a{color:#333;}
.news_list p{width:83%; font-size:14px; color:#666; line-height:24px; margin:0 auto; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.news_list p a{color:#6558ca;}
.news_list span{width:82%; text-align:right; font-size:14px; color:#888; display:block; margin:20px auto;}

.res{padding-top:4%;background:url(../images/index_bgicon2.png) no-repeat; background-position-y:top; background-position-x:right;}
.res_title{width:23%; padding-top:6%; float:left; background:url(../images/index_bgicon1.png) no-repeat; background-position-y:25px; background-position-x:left;}
.res_title h2,.res_title h3{font-size:32px; line-height:32px; font-weight:bold; color:#382f63; font-family:segoe ui; margin-bottom:5px; position:relative;}
.res_title p{font-size:24px; color:#382f63; padding-top:5px;}
.res_title i{width:55px; height:5px; background:#ffce6e; display:block; margin-top:28px;}
.res_title h4{font-size:16px; font-weight:normal; color:#5c5775; margin-top:8%;}
.js_4630{width:77%; float:right;}
.js_4630 video{width:64%; float:left;}
.js_four{width:30%; background:#473d79; margin-left:2%; padding:2%; float:left; position:relative;}
.js_four ul li{width:49%; height:90px; text-align:center; color:white; float:left;}
.js_four ul li h2{font-family:segoe ui; font-weight:bold; font-size:40px; line-height:40px; margin-top:12px;}
.js_four ul li p{font-size:16px; line-height:16px; margin-top:3px;}
.js_four ul li h4{font-size:18px; font-weight:normal; line-height:30px; margin-top:12px;}
.js_four1{border-right:#7a6dba 1px solid;}
.js_four2{}
.js_four3{border-right:#7a6dba 1px solid; border-top:#7a6dba 1px solid;}
.js_four4{border-top:#7a6dba 1px solid;}
.js_o{width:12%; height:40px; background:#473d79; border-radius:40px; position:absolute; left:44%; top:90px;}
.js_oo{width:8px; height:8px; border:#7a6dba 1px solid; border-radius:8px; margin:14px 13px;}
.js_img{width:30%; padding:2%; margin:2% 0 0 2%; background:url(../images/res_img1.jpg) no-repeat; background-size:100% auto; float:left;}
.js_img a{width:60%; height:40px; line-height:40px; text-align:center; color:white; border-radius:40px; border:white 1px solid; display:block; margin:13px auto;}
.js_img a:hover{display:block; background:#efefef; color:#473D79;}
.res_list{width:70%;  padding-top:3%; background:#695bae; margin:5% auto;}
.res_list ul li{width:22%; padding:2%; margin:0 3.5% 3% ; background:#494079; float:left;}
.res_list ul li h3{text-align:center;}
.res_list ul li h3 span{padding:0 10px 8px; font-size:18px; border-bottom:#7c6fc0 3px solid; color:white;}
.res_list ul li p{margin-top:25px; font-size:14px; line-height:30px; color:#9998ef; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.res_list ul li p a{color:#ffce6e;}
.res_list ul li:hover{background:#cbc1ff; box-shadow:0px 0px 20px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 10px rgba(0,0,0,0.3);}
.res_list ul li:hover h3 span{border-bottom:#4b388a 3px solid; color:#4b388a;}
.res_list ul li:hover p{color:#4b388a;}
.res_list ul li:hover p a{color:black;}
.res_zhezhao6{z-index:9998; position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none}
.res_cont6{z-index:9999;position:fixed;top:33%;left:33%;width:34%; height:360px;border-radius:5px;background:#fff;display:none;box-shadow: 0 0 10px rgba(0,0,0,0.3);overflow-y:auto;scrollbar-width: none;-ms-overflow-style: -ms-autohiding-scrollbar;}
.res_cont6::-webkit-scrollbar{width: 0 !important; }
.res_closetitle6{border-bottom:1px solid #ddd;padding:12px;position: relative;}
.res_box6{padding:15px;color:#444;}
.res_box6 p{font-size:16px; text-indent:2em; line-height:24px; margin:12px 0;}
.res_box6 img{width:100%;}
.res_close6{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd;}
.res_close6:hover{color:#444;}

.doc{width:70%; background:#473d79 url(../images/doc_bottom.png) no-repeat bottom; margin:5% auto;}
.doc_title{width:12%; padding:5% 0 0 8%; float:left;}
.doc_title h2,.doc_title h3{font-size:32px; line-height:32px; color:white; font-weight:bold; font-family:segoe ui; margin-bottom:5px;}
.doc_title p{font-size:24px; color:#a797f5; padding-top:10px;}
.doc_title i{width:55px; height:5px; background:#ffce6e; display:block; margin-top:28px;}
.doc_chief{width:55%; margin:6% 15% 6% 0; padding:20px 0; background:url(../images/doc_bgicon.jpg) no-repeat top right; float:right; position:relative;}
.doc_chief .swiper{height:auto;}
.doc_chief .swiper-button-prev{left:-10%;right:auto; z-index:10;}
.doc_chief .swiper-button-next{right:-10%;left:auto; z-index:10}
.doc_chief .swiper-pagination-bullets.swiper-pagination-horizontal{width:15%; bottom:0;left:-44%;}
.doc_left{width:50%; padding-left:3%; float:left;}
.doc_left h3{font-size:24px; color:#a797f5; margin-top:36px;}
.doc_left p span{display:block; padding:0 10px; border-radius:0 6px 6px 14px; font-size:14px; line-height:24px; background:#ffce6e; margin:30px 10px 0 0; float:left;}
.doc_left ul li{color:white; font-size:16px; line-height:16px; margin-top:50px; list-style:square inside url(../images/doc_icon.png);}
.doc_right{width:44%; padding-right:3%; float:right;}
.doc_right img{width:100%;}
.doc_list{width:72%; margin:0 auto;}
.doc_list ul li{width:22%; margin:0 1.5% 3%; float:left; overflow:hidden; position:relative;}
.doc_list ul li .photo{width:100%;overflow:hidden;}
.doc_list ul li img{width:100%;}
.doc_list .text{position:absolute; width:100%; height:30%; left:0; bottom:-30%;overflow:hidden; background:rgba(58,45,118,0.6);}
.doc_list .text h3{line-height:30px; text-align:center; color:white; font-size:18px; margin-top:7%;}
.doc_list .text p{line-height:24px; text-align:center; color:white; font-size:16px; margin-top:1%;}
.contact{width:70%; margin:5% auto 0;}
.contact_left{width:5%; height:400px; background:#473d79; margin-top:40px; float:left;}
.contact_center{width:30%; height:480px; background:#ffce6e; float:left;}
.contact_center1{padding:10% 0 0 10%;}
.contact_center1 h2{font-size:32px; line-height:32px; color:#312d44; font-weight:bold; font-family:segoe ui;}
.contact_center1 h3{font-size:24px; color:#312d44; font-weight:normal; padding-top:10px;}
.contact_center1 div{width:55px; height:5px; background:#312d44; display:block; margin-top:15px;}
.contact_center ul{padding-left:10%;}
.contact_center ul li{line-height:16px; font-size:16px; margin-top:15%; padding-left:18px;background:url(../images/contact_icon.png) no-repeat; background-position-x:left; background-position-y:4px; background-size:auto 10px;}
.contact_center ul li p{margin-top:5%; font-weight:bold;}
#dituContent{width:65%; height:400px; margin-top:40px; float:right;}
.contact_2{margin:6% 0; padding:2% 0; border-top:#ddd 1px solid;}
.contact_2 ul li{font-size:16px; line-height:30px; padding-left:5%;}

.pages_nav{width:70%; margin:5% auto 0;}
.pages_nav a{margin:0 5px; color:#584895;}
.pages_title{padding:3% 0 2%; margin-top:10px; background-image:linear-gradient(90deg, #f6f4fd, #faeeea, #f9f8fc);}
.pages_title h2{font-size:32px; line-height:32px; text-align:center;}
.pages_title h4{font-size:14px; font-weight:normal; line-height:14px; text-align:center; color:#999; margin-top:20px;}
.pages_title h4 span{margin:0 10px;}
.pages_show{width:60%; line-height:24px; margin:3% auto;}
.pages_show img{width:60%; margin:15px auto;}
.prenext{width:70%; padding-top:15px; margin:3% auto; border-top:#dddddd 1px solid;}
.prenext p{font-size:16px; color:#888;}
.prenext p a{color:#888;}
.prenext p a:hover{color:#584895;}
.prenext_pve{float:left;}
.prenext_next{float:right;}

.chief{width:70%; height:450px; margin:5% auto; position:relative;}
.chief img{width:26%; float:left;}
.chief_1{width:63%; float:right;}
.chief_1 h2{width:100%; font-size:32px; line-height:32px; margin-top:40px; float:left;}
.chief_1 h4{width:100%; height:36px; margin-top:25px; float:left;}
.chief_1 h4 span{height:36px; font-size:18px; line-height:36px; font-weight:normal; color:#473d79; border:#473d79 1px solid; background:#e9e5ff; border-radius:36px; padding:0 15px; float:left;}
.chief_scrol{width:45%; height:180px; line-height:36px; font-size:16px; margin-top:80px; color:white; float:left; overflow-y:auto;}
.chief_bg{width:94%; height:280px; background-image:linear-gradient(90deg, #4b407f, #6a55af); position:absolute; right:0; bottom:0; z-index:-1;}
.chief_bg div{width:100%; height:280px; background:url(../images/chief_bottom.png) no-repeat right bottom; background-size:66% auto;}
.chief_scrol::-webkit-scrollbar { width:10px; height:1px;}
.chief_scrol::-webkit-scrollbar-thumb{  border-radius:10px;background-color: #8b71e7;}
.chief_scrol::-webkit-scrollbar-track {  background:rgba(71, 61, 121, 0.4); border-radius: 10px;}
.chief_cont{width:60%; margin:0 auto;}
.chief_cont h3{font-size:24px; line-height:24px; margin-bottom:2%; background:url(../images/contact_icon.png) no-repeat center left; padding-left:24px;}
.chief_cont p{padding-left:2em; font-size:16px; line-height:30px; margin-bottom:4%;}

#pages {padding-bottom:50px;text-align:center;}
#pages a{margin:0 5px; display:inline-block; padding:0px 15px; height:38px;line-height:38px; background:#f6f5fb; text-align:center; color:#333; border-radius:6px;}
#pages a.a1 {padding:0px 15px; height:38px; line-height:38px;margin-top:0px;}
#pages a:hover { background:#f1eff7; color:#000; text-decoration:none;}
#pages span {width:auto !important; display:inline-block; padding:0px 15px; height:38px; line-height:38px; background:#473d79; border-radius:6px; color:#fff; text-align:center;}

.foot{padding:30px 0 30px 200px; background:#312d44;}
.footer{width:70%; margin:0 auto;}
.foot_left{width:15%; float:left;}
.foot_left p{font-size:16px; line-height:16px; color:#a799ed; padding-left:24px; background:url(../images/phone_icon3.png) no-repeat left center; background-size:16px auto;}
.foot_left i{width:50px; height:4px; background:#a799ed; display:block; margin-top:15px;}
.foot_left h3{font-family:segoe ui; font-weight:bold; font-size:22px; color:#a799ed; margin-top:15px;}
/*.foot_center{width:62%; margin-left:5%; float:left;}*/
.foot_center{width:70%; margin-left:3%; float:left;}
.foot_c1{width:100%; padding-bottom:15px; border-bottom:#534c75 1px solid;}
.foot_c1 h3{color:#a799ed; text-align:center; font-size:16px; font-weight:normal; line-height:16px;}
/*.foot_c1 h3 a{color:#a799ed;margin:0 3%;}*/
.foot_c1 h3 a{color:#a799ed;margin:0 2%;}
.foot_c1 h3 a:hover{color:#ffce6e;}
.foot_beian{margin-top:15px;}
.foot_beian p{width:100%; text-align:center; font-size:14px; line-height:16px; color:#a799ed; margin:0 auto;}
.foot_beian p a{color:#a799ed; margin-left:15px; display:block; float:left;}
.foot_beian p a:hover{color:#ccc1ff;}
.foot_beian p a img{float:left;}
.foot_beian p a span{margin-right:15px; float:left;}
.foot_right{width:5%; float:right;}
.foot_right img{width:100%;}
.foot_right p{text-align:center; font-size:12px; color:#a799ed;}