@charset "UTF-8";

/* CSS Document */

.top:hover,.menunav ul li ul,.products_list ul li:hover img,.contentbox .row .solutions_list,.qyys_list ul li,.pro_con,.login_list .login_btn:hover{

	transition: all .6s;

	-moz-transition: all .6s;	/* Firefox 4 */

	-webkit-transition: all .6s;	/* Safari å’Œ Chrome */

	-o-transition: all .6s;	/* Opera */

}

.mt4{margin-top:4rem;}

.mt5{margin-top:5rem;}

.mt6{margin-top: 6rem;}

.banner{position: relative;}

.keywords{width:100%;height:45px; padding:8px 0;position: absolute;left:0;bottom:0;background:rgb(0,0,0,.4);z-index:10;color:#FFF;}

.keywords_text{max-width:960px; overflow:hidden;line-height:;}

.keywords_text a{display:inline-block;color:#FFF;line-height:30px;}

.search{width:240px;height:30px;background:rgb(255,255,255,.6); border-radius:18px;line-height:30px;}

.search .icon-sousuo{font-size:18px;margin-left:15px;}

.search input{background:none;border:none;line-height:30px;color:#FFF;}



.indexpad{padding:5rem 0;}

.index_title{text-align:center;margin-bottom:2rem;}

.title_line{ display:inline-block;border-bottom:#cdcdcd 1px solid;height:1rem;padding:0 3.5rem;}

.title_line span{ display:inline-block;background: #ffffff;font-size:2.625rem; font-weight:500;letter-spacing:10px;padding:0 4.25rem;}

.title_en{font-size:1.5rem;color:#999;text-transform:uppercase;font-family:'DIN-Regular.otf'; font-weight:normal;margin:.5rem 0 1rem;}

.title_line .bggrey{background: #f5f5f5;}



.products_list{width: 100%;}

.products_list ul li{float: left;width:33.3%; text-align: center;margin:2rem 0;}

.products_list ul li img{margin-bottom:1rem;}

.products_list ul li:hover img{box-shadow: 0 0 15px rgba(0,0,0,0.2);}

.products_list ul li a{font-size:1rem;}



/*--首页解决方案--*/

.index_solutions,.index_good,.ourclicent{width: 100%; background: #f5f5f5;}



#con {float:left; WIDTH:760px;clear:both;margin-bottom:12px;}

#tags {float:left;WIDTH:760px;}

#tags LI {BACKGROUND: url(../images/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT:1px;margin-botttom:1px;border-bottom:#FFF 1px solid; LIST-STYLE-TYPE: none; HEIGHT:25px}

#tags LI A {padding:0 10px;BACKGROUND: url(../images/tagright.gif) no-repeat right bottom; FLOAT: left;margin-botttom:1px; COLOR:#ffffff; LINE-HEIGHT:25px; HEIGHT: 25px; TEXT-DECORATION: none;font-size:14px;}

#tags LI.emptyTag {BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}

#tags LI.selectTag {BACKGROUND-POSITION: left top;POSITION: relative;HEIGHT: 25px;}

#tags LI.selectTag A {BACKGROUND-POSITION: right top; COLOR: #FFF;font-size:14px;LINE-HEIGHT: 25px; HEIGHT: 25px}



#tagContent {width:760px;float:left;clear:both;border-top:#01b0f1 1px solid;}

.tagContent {padding:15px 0;DISPLAY: none;float:left;width:760px;}

.ncontent #tagContent DIV.selectTag {DISPLAY: block;float:left;width:760px;clear:both;text-align:left;padding:0;margin:0;}

.tagContent h1{font:bold 20px/30px Arial, Helvetica, sans-serif;color:#b40b0b;}

.pcontent{float:left;width:760px;clear:both;}

.pcontent img{width:260px;}







#Tab1{width:100%;}

#Tab1 .Menubox {width:80%;line-height:2.375rem;margin:0 auto;}

#Tab1 .Menubox ul{display:flex;width:100%;justify-content:center;}

#Tab1 .Menubox li{flex:1;color:#666; text-align: center;margin:0 1rem; cursor:pointer;font-size:1rem; background:#e8e8e8;}

#Tab1 .Menubox li:hover{color:#224086;}

#Tab1 .Menubox li.hover{background:#224086;color:#FFF;}

#Tab1 .contentbox{width:100%;margin:2.8125rem 0 0;}



.solutions_list{

    background: #fff;

    border-bottom:#cfcfcf 2px solid;

	margin-bottom:2rem;

}

.solutions_list:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);border-bottom: #ec8117 2px solid;transition:all .5s;

	-webkit-transition:all .5s;}

.solutions_list .newspic{

    position: relative;

    width: 100%;

    padding-bottom:75%;

  }

.solutions_list .newspic img{

    width: 100%;

    position: absolute;

    height:100%;

    top: 0;

    left: 0;

    object-fit: cover;

  }



.solutions_list .solutions_text {

    padding:1.125rem 1rem;

  }

.solutions_text h2{font-size:1.125rem;}

.solutions_list:hover h2{font-weight:bold;}

.solutions_list .solutions_text p{color:#999999;line-height:1.5rem;margin-top:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; text-overflow:ellipsis;}



.more_btn{margin:3rem 0 1.25rem;}

.more{padding: 0 2.1875rem; background:#224086;border-radius: 5px;display: inline-flex;justify-content: center;align-items: center;color: #ffffff;}

.more:link,.more:visited{color:#ffffff;line-height:2rem;}

.more:hover{ background:#ec8117;}



/*--首页服务支持--*/

.service_list{padding:3.625rem 0 0;}

.service_list li {

	float:left;

	width:33.3%;

	display:inline-block;

	vertical-align:top;

	position:relative;

	background:#ffffff;

	overflow:hidden;

	transition:all .4s ease-in-out;

	margin-top:0px;

	-webkit-transition:all .4s ease-in-out;

	cursor:pointer;

	border-right:#cbcbcb 1px solid;

	border-bottom:#cbcbcb 1px solid;

	text-align: center;

	padding:2.8125rem 0 3.125rem;

}

.service_list li:hover {

	z-index:1;

	box-shadow: 0 0 15px rgba(0,0,0,0.2);

}

.service_list li:nth-child(3n) {

	border-right:0;

}

.service_list li:nth-child(n+4) {

	border-bottom:0;

}



.service_list .s2{font-size:1rem;margin:.8125rem 0;}

.service_list .s3{font-size:.75rem;color:#999999;}



.middle_ad{width:100%;height:388px; overflow:hidden;margin-top:1.875rem;}

.middle_ad img{height:100%;}

.middle_adcon{width:100%;left:0;top:0; text-align:right;}

.advertext{width:50%;color:#FFF;margin:0 auto;padding-top:8rem;}

.info-title{font-size:2.5rem;}

.info-sub{font-size:.875rem;font-weight:bold;padding:1rem 0;}

.lay_btn .lnk {

    position: relative;

    font-size: 18px;

    line-height: 42px;

    height: 42px;

	border-radius:21px;

    border: 1px solid;

    display: inline-block;

    vertical-align: top;

    margin: 0 20px;

    padding: 0 38px;

    cursor: pointer;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}

.lay_btn .lnk:before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 0;

    height: 100%;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}

.lay_btn .lnk font {

    position: relative;

}

.lay_btn .lnk1 {

    border-color: #fff;

    background: #fff;

    color: #000;

}

.lay_btn .lnk1:before {

	border-radius:21px;

    background: rgba(0, 0, 0, .4);

}

.lay_btn .lnk1:hover {

	border-radius:21px;

    border-color: rgba(255, 255, 255, .6);

    color: #fff;

    background: none;

}

.lay_btn .lnk1:hover:before {

    width: 100%;

}

.lay_btn .lnk2 {

	border-radius:21px;

    border-color: rgba(255, 255, 255, .6);

    background: rgba(0, 0, 0, .4);

    color: #fff;

}

.lay_btn .lnk2:before {

    background: #fff;

}

.lay_btn .lnk2:hover {

    border-color: #fff;

    background: none;

    color: #000;

}

.lay_btn .lnk2:hover:before {

    width: 100%;

}

/*--首页公司简介--*/

.index_about{display:flex; height:330px;}

.video{flex:1;background:#404040;height:100%; position:relative;}

.video .icon-bofang{ position:absolute;color:#ec6126;left:50%;top:50%;font-size:3rem;margin:-1.5rem 0 0 -1.5rem;}

.video_bg{}

.newpop {position:absolute; top:0; left:0; width:100%; height:100%;min-height:500px;_height:500px; z-index:-1; opacity:0;text-align:center;}

.popmain {display:inline-block; vertical-align:middle; width:1200px; text-align:center;min-height:500px;_height:500px;max-width:100%; padding:50px 0; margin:auto; z-index:10001; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden;}

.view_cont {display:inline-block; vertical-align:middle; }

.popmain .ui_txt {display:block; color:#333;}

.popmain .p2 {margin-top:0.75rem; margin-bottom:0.25rem;}

.popmain img {max-width:100%; max-height:calc(100% - 320px); margin-bottom:40px;}

.newpop .subl {left:0; background:url(../images/jt6-left.png) no-repeat center;}

.newpop .subr {right:0; background:url(../images/jt6-right.png) no-repeat center;}

.newpop button {position:absolute; top:50%; width:50px; height:1.45rem; margin-top:-0.725rem;}

.newpop.on {z-index:9; opacity:1;}

.newpop .closepop {width:80px; height:80px; cursor:pointer; position:absolute; top:0; left:0; z-index:10001; background:url(../images/gb.png) no-repeat center;}



.about_list{flex:2;margin-left:4.375rem;height:100%;}

.about_title{font-size:1.5rem;margin-bottom:1rem;}



/*--首页企业优势--*/

.qyys{width:40%;}

.good_title{width:100%;height:65px;border-bottom:#dadada 1px solid;}

.good_title span{ display:inline-block;font-size:1.5rem;line-height:63px;border-bottom:#224086 2px solid;}

.qyys_list{width:100%;padding:1rem 0 0;}

.qyys_list ul li{float:left;width:33.33%; text-align:center;color:#999999;margin:1rem 0; cursor:pointer;}

.qyys_list ul li span{display:inline-block;width:100px;height:100px;font-size:3rem;line-height:100px; background:#FFF;border-radius:50%;border:#cdcdcd 1px solid;margin-bottom:.5rem;}

.qyys_list ul li:hover{color:#224086;}

.qyys_list ul li:hover span{border:#224086 1px solid;}



.index_honor{width:45%;}

.rollBox{width:100%;overflow:hidden;padding:2rem 0;}

.rollBox .LeftBotton{height:230px;width:15px;background:url(../images/left.png) left center no-repeat;overflow:hidden;float:left;display:inline;margin:0 10px 0 0;cursor:pointer;}

.rollBox .RightBotton{height:230px;width:16px;background:url(../images/right.png) left center no-repeat;overflow:hidden;float:left;display:inline;margin:0 0 0 10px;cursor:pointer;}

.rollBox .Cont{width:489px;overflow:hidden;float:left;}

.rollBox .ScrCont{width:10000000px;}

.rollBox .Cont .pic{width:150px;height:245px;

	overflow:hidden;float:left;text-align:center;margin:0 13px 0 0;}

.rollBox .Cont .pic:hover{}

.rollBox .Cont .pic p{line-height:32px;}

.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none;}

.rollBox .Cont a:hover{text-decoration:underline;}

.rollBox #List1,.rollBox #List2{float:left;}

.pic a {

    display: block;



    padding-bottom:135%;

}

.pic a img {

    transition: all .6s cubic-bezier(.645, .045, .355, 1);

    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);

}

.pic:hover a img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}



.contact_fin{padding: 7.5rem 0 5rem;}

.contact_fin h3{text-align:center;line-height:1.875rem;color:#666;margin-bottom:2rem;}

.contact_fin_nr p{text-align: center;line-height:5.625rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

.contact_fin_img{background: #fff;height: 13rem;position: relative;top: 0;}

.contact_fin_img img{height:auto;width: 100%;border: 0;vertical-align: middle;object-fit: cover;}

.contact_fin_nr:hover p{color: #2CACCE;}

.contact_fin_nr:hover .contact_fin_img{top: -0.625rem;box-shadow: 0 0 20px rgba(0,0,0,0.1);}



.contact_fin .swiper_button{top: calc(50% - 2.8125rem); background-image:none;}

.contact_fin .swiper_buttonp{left: -1.875rem;background-image:none;}

.contact_fin .swiper_buttonn{right: -1.875rem;}

.contact_fin .h_revi_con{position: relative;}

.contact_fin .sub_h2{margin-bottom: 1.875rem;}

.contact_fin .swiper-slide{height:auto;}

.contact_fin .swiper-wrapper{height:auto;}



/*--首页新闻中心--*/

.news_list{width:65%;}

.news_listcon{float:left;width:100%;border-bottom:#e5e5e5 1px dotted;padding-bottom:1.625rem;margin-bottom:1.625rem;position:relative;}

.news_pic{width:30%;margin-right:4%;}

.news_pic a {

    display: block;

    padding-bottom: 60%;

}

.news_pic a img {

    transition: all .6s cubic-bezier(.645, .045, .355, 1);

    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);

}

.news_pic:hover a img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}

.news_text{width:66%; }

.news_texttit{font-size:1rem;margin-bottom:.5rem;}

.news_textcon{line-height:22px;color:#666666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; text-overflow:ellipsis;}

.more_news{position:absolute;bottom:1.625rem; background:#e5e5e5;color:#224086;padding:.25rem 2rem;}

.more_news:hover{background:#224086;}

.more_news:hover a{color:#FFF;}



.news_time{position:absolute;bottom:1.625rem;color:#999999;}

.news_time .icon-shijian{font-size:1.5rem;margin-right:.5rem;}



.index_case{width:26%;margin-top:-20px;}

.picScroll-left{ overflow:hidden; position:relative;}

.picScroll-left .hd{ overflow:hidden;  height:35px;}

.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:35px; height:35px; float:right; margin-right:5px; overflow:hidden;

			 cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat;}

.picScroll-left .hd .next{ background-position:0 -41px;  }

.picScroll-left .hd .prev{ background-position:0 0;  }

.picScroll-left .hd .prevStop{ background-position:-60px 0; }

.picScroll-left .hd .nextStop{ background-position:-60px -50px; }



.picScroll-left .bd{}

.picScroll-left .bd ul{ overflow:hidden; zoom:1; }

.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; text-align:left; margin:2rem 0; }

.hd_more a{color:#F90;}



/*--全国网点--*/

.network{width: 100%;margin:80px 0;}

.network ul{display:flex;padding:0 10%;}

.network li{width:180px;height:180px;border:#999999 1px solid; border-radius:50%;text-align: center;margin:0 60px;}

.network li h1{font-size:48px;line-height: 1;font-family:'DIN-Regular.otf';color:#224086;margin:45px 0 14px;min-height: 48px;}

.network li h1 b{font-size:36px;}

.network li p{font-size:16px;color: #333;line-height: 1; font-weight:bold;}

.ourclicents_list ul{}

.ourclicents_list ul li{float:left;width:20%;border:#dcdcdc 1px solid;margin-top:-1px;margin-left:-1px;position: relative;overflow:hidden;}

.ourclicents_list li img,.about_img img,.network_map_pic img,.culture_img img{width: 100%;transition:all .7s;

	-moz-transition:all .7s;

	-webkit-transition:all .7s;}



.ourclicents_list li:hover img,.about_img:hover img,.network_map_pic img,.culture_img:hover img {

    transform:scale(1.1);

	-moz-transform:scale(1.1);

	-webkit-transform:scale(1.1);

	zoom:1.1 \9;

}





/*--内页public--*/

.bannernav{width:100%;text-align: center;overflow: hidden;position: relative;}

.bannernav img {display: block;z-index: -1;width:100%;}



.contentnav{padding:6.25rem 0;}

.neiye_nav{width: 100%; text-align: center;margin-bottom:5.625rem;}

.neiye_nav a{display:inline-block;padding:0 3rem;line-height:38px; background: #e8e8e8;margin:0 1.5rem;}

.neiye_nav .active{background:#224086;color:#ffffff;}



.folio-thumb img{ width:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition-duration:0.7s; -moz-transition-duration:0.7s; -ms-transition-duration:0.7s; -o-transition-duration:0.7s;}

.folio-thumb:hover img{ -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3);}

.mediaholder{ overflow:hidden;}



/*--关于我们--*/

.about_content{padding-bottom:5rem;}

.aboutcon_left{width:510px;}

.aboutcon_title{font-size:2.625rem;font-family: 'SOURCEHANSANSCN-MEDIUM.OTF';position: relative; letter-spacing: .25rem;padding:3rem 0 5.4rem;}

.aboutcon_title:before{width:118px;height:2px; background:#224086;content: '';

    position: absolute;

    left: 0;

    top: 0;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;}

.about_img{width:600px; overflow:hidden; position:relative;}

.aboutcon_lefttext{color: #666666;line-height:1.875rem;}

.aboutcon_lefttext p{margin-bottom: 1.625rem;}



.about_culture{position: absolute;width:80%;left:0;bottom:0;z-index:2;}

.about_culture ul{display: flex;padding:3rem 0 2rem;box-shadow: 0 0 10px rgba(0,0,0,0.3); background:#FFF;}

.about_culture ul li{ flex:1;text-align: center;color:#999999;}

.about_culture .iconfont{color:#224086;font-size:5.125rem;}

.about_culture li .icon-ziyuan{font-weight:bold;font-size:4rem;}

.about_culture h2{font-size:1rem;color:#333;font-weight:bold;margin:1rem 0 .5rem;}

.about_culture em{font-style:normal;display:inline-block;border-right:1px solid #e9e9e9;}



.network_map{display:flex;width:100%;}

.network_map_con{float:left;width:90%;margin-left:10%;}

.network_map_con dl{float:left;width:48%;margin:0 2% 2% 0; display:flex;}

.network_map_con dl dt{width:80px;text-align:center;color:#224086;margin-right:10px;}

.network_map_con dl dt span{ display:block;width:100%;background:#edeff6;}

.network_map_con dl dd{flex:1;}



.network_map_pic{float:left;width:320px;overflow:hidden;border:#e5e5e5 1px solid;}



.honor-con ul{display:flex;margin-bottom:3rem;}

.honor-con ul li{flex:1; text-align:center;}



.culture1{ background:#ffffff;margin:-5rem 0 5rem;}

.culture2{ background:#f5f5f5;padding:5rem 0;}

.culture2 .title_line span{ background:#f5f5f5;}



.honor_list,.culture_list{ text-align:center;margin-bottom:1.5rem;}

.culture_img{

    position: relative;

    width: 100%;

    padding-bottom:60%;

	overflow:hidden;

  }

.culture_img img{

    width: 100%;

    position: absolute;

    height:100%;

    top: 0;

    left: 0;

    object-fit: cover;

  }

.honor_name,.culture_name{padding-top:1rem;}



/*--解决方案、案例--*/

.nav_list{width:100%; text-align:center;margin-top:-3rem;}

.nav_list a{display:inline-block;border:#e8e8e8 1px solid;margin:1rem;padding:.5rem 2rem;}

.nav_list .current{border:#224086 1px solid;color:#224086;font-weight:bold;}



.solutionsnav{width:100%;}

.view_content{}

.view_title{width:100%;text-align:center;}

.view_title h1{font-size:1.5rem;font-weight:bold; text-align:center;margin-bottom:.25rem;}

.view_title span{color:#999999;}

.view_text{width:100%;font-size:1rem;padding:3.75rem 0 3rem;border-bottom:#e5e5e5 1px solid;margin-bottom:3rem;}
.view_text img{max-width:100%;}

.view_pic{border-bottom:#e5e5e5 1px solid;padding:3rem 0;margin-bottom:3rem;}

.view_pic img{max-width:100%;}



.posts_b{width:100%;}

.posts_b .bb{width:80%;}

.posts_b .back{width:20%; text-align:right;}

.posts_b .back a{display:inline-block; background:#f0eeef;padding:.125rem 1.25rem;}



/*--产品页面--*/

.pro_box{display: flex;flex-wrap: wrap;}

.pro_con{width: calc(100%/3);position: relative;top: 0;display: flex;flex-direction: column;align-items: center;margin-bottom: 2.5rem;padding-bottom:2.8rem;text-align: center;}

.pro_img{height:26.875rem;padding:2.5rem 0;}

.pro_img img{object-fit: contain;width:100%;height:100%;}

.pro_con h3{font-size:1.5rem;margin-bottom:0.35rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;width: 100%;padding: 0 10px;}

.pro_con p{font-size:1.125rem;color: #666;margin-bottom:2.5rem;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;width: 100%;padding: 0 10px;}

.pro_con span{font-size:1.125rem;color:#a7b517;}

.pro_con:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1);top:-1.25rem;}

/* 本例子css */

		.slideBox{ width:100%; overflow:hidden; position:relative; }



		.slideBox .bd{ position:relative; width:100%;height:100%; z-index:0; text-align:center;}

		.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%;text-align:center;}



		/* 下面是前/后按钮代码，如果不需要删除即可 */

		.slideBox .prev,

		.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -176px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }

		.slideBox .next{ left:auto; right:0; background-position:-60px 5px; }

		.slideBox .prev:hover,

		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

		.slideBox .prevStop{ display:none;  }

		.slideBox .nextStop{ display:none;  }



/*--productview--*/

.swiper_button{background-image: none;width: auto;height: auto;top: 50%;transform: translateY(-50%);margin: 0;}

.swiper_button img{width:15px;height: auto;}

.swiper_button img:last-child{display: none;}

.swiper_buttonp{left: 0;}

.swiper_buttonn{right: 0;}

.swip_hrevi{padding:1.875rem;}

.swiper_button:hover img:first-child{display: none;}

.swiper_button:hover img:last-child{display: block;}





.dart{padding:5.5rem 0 0;}

.dart_box{display: flex;justify-content: space-between;}

.dart_l{width:50%; position:relative;}

.dart_r{width:480px;height:320px;margin-left:5%; background:#404040; text-align:center;}



.a_td{width:6.25rem;height:6.25rem;border: 1px solid #ddd;cursor: pointer;position: relative;}

.a_td::after{content: '';position: absolute;width: 100%;height: 0px;background: #a7b517;bottom: 0;left: 0;}

.a_td img{width:100%;height:100%;border: 0;vertical-align: middle;object-fit: cover;}

.dart_banner{width:calc(25rem + 60px);}

.dart_banner .swiper-slide{width:6.25rem!important;}

.swiper-slide-active .a_td::after{height: 2px;}

.dart_r360{height: 100%;}

.dart_r360_box{width: 100%;height: 100%;position: relative;}

.dart_r360_img{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}

.dart_r360_img>img{width:25.625rem;height:20.9375rem;margin: auto;}

.swip_but .h_revi_prev{left:3%;}

.swip_but .h_revi_next{right:3%;}

.dart_r_bj{position: absolute;bottom: 0;left:1.25rem;}

.swip_but .swiper-button-prev,.swip_but .swiper-container-rtl .swiper-button-next{ background-image:none;}

.swip_but .swiper-button-next,.swip_but .swiper-container-rtl .swiper-button-prev{ background-image:none;}

@media (max-width: 1900px) {

  .brand_con_p p ,.link_nr ul li a,.dart_txt p{

    font-size: 16px;

  }

}

@media (max-width: 1580px) {

  .brand_con_p p ,.link_nr ul li a,.dart_txt p{

    font-size: 14px;

  }

	.dart_txt p::after{top: 9px;}

}



	/* 360度 */

#c-UV10 {

  position: relative;

}



#c-UV10 .pro_alt {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: 4;

  width: 180px;

  height: 180px;

  background-color: #ffffff;

  box-shadow: 0px 0px 21px 0px rgba(47, 47, 47, 0.2);

  border-radius: 3px;

  padding: 80px 40px;

  display: none;

}

@media (max-width: 1580px) {

  #c-UV10 .pro_alt {

    padding: 40px 30px;

    width: 150px;

    height: 100px;

  }

}

#c-UV10 .pro_alt .xian {

  width: 100%;

  height: 2px;

  background-color: #dddddd;

  position: relative;

  margin-bottom: 16px;

}

@media (max-width: 1580px) {

  #c-UV10 .pro_alt .xian {

    margin-bottom: 12px;

  }

}

#c-UV10 .pro_alt .xian img {

  position: absolute;

  top: 0;

  left: 0;

  transform: translateY(-50%);

  width: 16px;

  -webkit-animation: rit 5s linear infinite;

  animation: rit 5s linear infinite;

}

@media (max-width: 1580px) {

  #c-UV10 .pro_alt .xian img {

    width: 12px;

  }

}

#c-UV10 .pro_alt p {

  text-align: center;

  font-size: 16px;

  color: #00ADBB;

  line-height: 1.1;

}

@media (max-width: 1580px) {

  #c-UV10 .pro_alt p {

    font-size: 14px;

  }

}

#c-UV10 .c-mask {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  z-index: 5;

  width: 100%;

  height: 100%;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}

#c-UV10 .c-mask.on {

  cursor: grab;

}

#c-UV10 .c-bj {

  position: absolute;

  top: 0;

  width: 100%;

  height: 100%;

  object-fit: cover;

}

#c-UV10 .c-img-box {

  margin: 0 auto;

  position: relative;

  width: 9rem;

  height: 6rem;

  overflow: hidden;

}

@media (max-width: 972px) {

  #c-UV10 .c-img-box {

    width: 6rem;

  }

}

#c-UV10 .c-img-box img {

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

	object-fit: contain;

}

#c-UV10 .c-img-box img.on {

  opacity: 1;

}





.productview{width:100%;margin:6rem auto;}

.proview_title{width:100%;height:47px;border-bottom:#dadada 1px solid; text-align:left;}

.proview_title span{ display:inline-block;font-size:1.125rem;color:#224086;line-height:45px;border-bottom:#224086 2px solid;}

.dart_logo h2{text-align:left;color:#333333;}

.dart_logo p{font-size:1.125rem;color:#666666;margin:.5rem 0 2rem;}

.dart_logo i{width: 30px;height: 2px;background: #333;display: block;}

.dart_txt{padding:1.75rem 0;}

.dart_txt ul li{float:left;width:33.3%; display:flex; flex-direction:column;}

.dart_txt .desrip{display:flex;margin:.5rem 0;}

.desrip .desrip_name{width:150px;color:#999999;}

.desrip .desrip_con{flex:1;}







.proview_content{width:100%; text-align:center;}

.proview_content img{max-width:100%;}



/*--服务支持--*/

.joinus{}

.joinus p{font-size:1.785rem;font-weight:bold;line-height:2.5rem; text-align:center;}

.joinus ul{display:flex;margin:4rem 0 0;}

.joinus ul li{width:50%;background:#f5f8ff;padding:2.375rem;margin:0 5.125rem 0 0;}

.joinus ul li:nth-child(2n){margin-right:0;}

.joinus span{display:inline-block;margin-right:1rem;}

.joinus .icon-xunqiuhezuo,.joinus .icon-shangwuhezuo{font-size:4.5rem;color:#224086;}

.joinus_text{display:inline-block;color:#666666;}

.joinus_text h3{font-size:1.125rem;color:#333333;margin-bottom:.75rem;}



.whyus{width:100%; background:#f5f5f5;}

.whyus_con ul li{float:left;width:46.6%; background:#FFF;margin:1rem 6.8% 2rem 0; padding:2.375rem;}

.whyus_con ul li:nth-child(2n){margin-right:0;}

.whyus_con ul li h2{margin-bottom:.75rem;}



.cooperlist{margin-top:5rem;}

.cooperlist_con{width:18%;display:inline-block; background:#224086;padding:.875rem 1.5rem;color:#FFF;font-size:1.25rem;line-height:55px;}

.cooperlist .cooperlist_con span{width:55px;height:55px; text-align:center;border-radius:50%; background:#c8cfe1;margin-right:1rem;}
.cooperlist .cooperlist_con h3{display:inline-block;font-size:1.25rem;}
.cooperlist_con .iconfont{color:#4d639d;font-size:1.85rem;line-height:55px;}

.cooperlist span{display:inline-block;width:102px; text-align:center;}

.cooperlist .icon-web__bitebiyoujiantou{font-size:3rem;color:#bdc5da;line-height:85px;}



.daili{width:100%; background:#f5f5f5;}

.daili_list{margin:5rem auto 2rem;}

.daili_listcon{width:18%; display:inline-block;text-align:center;}

.daili_listcon .iconfont{font-size:4rem;color:#224086;}

.daili_listcon h3{font-size:1.125rem;margin-top:.5rem;}

.daili_list span{display:inline-block;width:102px; text-align:center;}

.daili_list .icon-youjiantou{font-size:3rem;color:#d7d7d7;line-height:80px;}



.servicenav ul li{float:left;width:46.6%;background:#f5f8ff;padding:2.375rem;margin:0 6.8% 3rem 0; display:flex;}

.servicenav ul li:nth-child(2n){margin-right:0;}

.servicenav span{display:inline-block;margin-right:1rem;}

.servicenav .iconfont{font-size:3rem;color:#224086;}

.servicenav .service_text{flex:1;display:inline-block;margin-top:-1rem;}

.service_feedback{background:#f5f5f5;}

.download{width:100%;margin:4rem 0;}

.down_list{text-align:center;margin-bottom:2rem;}

.down_pic a {

    display: block;

    padding-bottom: 80%;

}

.down_pic a img {

    transition: all .6s cubic-bezier(.645, .045, .355, 1);

    -webkit-transition: all .6s cubic-bezier(.645, .045, .355, 1);

}

.down_pic:hover a img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

}



.down_title a{ display:inline-block;font-size:1.125rem;margin-top:.5rem;}



/*--常见问题页面--*/

.faq_content{}

.menu_list{width:100%;}

.menu_head1{width:100%;line-height:65px;font-size:20px;font-weight:bold;color:#224086;cursor:pointer;position:relative;}

.menu_head{width:100%;line-height:65px;font-size:16px;color:#525252;cursor:pointer;border-bottom:1px solid #e1e1e1;position:relative;}

.menu_list .joinname{width:100%; display: inline-block;}

.joinname .question{font-weight:600;color:#224086;font-family:'Barlow-Bold';padding:0 2rem 0 2rem;}

.menu_list .current{background:#224086;color:#FFF;}

.menu_list .current .question{color:#FFF;}

.menu_body{width:100%;height:auto;overflow:hidden;line-height:38px; background:#f2f2f2;padding:4rem 5rem;}

.answer{color:#900;font-family: 'Barlow-Bold';margin:0 3rem 0 -3rem;}

.menu_body a{display:block;line-height:38px;}

.menu_body a:hover{text-decoration:none;}



.agency{margin:3rem 0 0;}

.agency ul li {

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 78px;

    border-bottom: 1px solid #e5e5e5;

	padding:0 2rem;

}

.agency ul{margin-bottom:2rem;}

.agency ul li .down_left {

    display: flex;

    align-items: center;

}

.agency p {

    color: #454545;

    margin-left: 30px;

    max-width: 500px;

    line-height: 24px;

    font-size: 16px;

}

.agency ul li:hover p{

    color: #224086;

}

.agency .icon-xiazai{color:#fb7300;font-size:1.5rem;}





.login{width:100%;margin:0 auto;border:#ededed 1px solid;border-top-left-radius:1rem;border-bottom-right-radius:1rem;}

.login_img{width:50%;}

.login_img img{width:100%;border-top-left-radius:1rem;}

.login_list{width:50%;padding:6rem;font-size:1rem;line-height:35px;}

.login_list ul li{margin-bottom:1rem;}

.login_list .login_input{width:80%;padding-left:1rem;line-height:35px;border:#ededed 1px solid;}

.login_list .login_btn{width:80%;background:#4a90e2;color:#FFF;font-size:1.125rem;line-height:45px;border:none; border-radius:3px; cursor:pointer;margin-top:1rem;}

.login_list .login_btn:hover{ background:#224086;}

/*--联系我们--*/

.contact_content{width:100%;margin-bottom:3rem;}

.contactcon{width:35%;}

.contactcon h1{font-size:1.725rem;padding-bottom:1.5rem;border-bottom:#e5e5e5 1px solid;}

.contactcon ul li{margin-top:1.5rem;color:#666666;}

.contactcon li span{display:inline-block;color:#999999; vertical-align:middle;margin-right:.5rem;}

.contactcon li p{display:inline-block;vertical-align:middle;}

.contactcon .iconfont{font-size:2rem;}



.contact_map{width:60%;}



.career_list{width:100%;padding:2rem 0;}

.career_title{font-size:1.5rem;color:#234189;font-weight:bold;margin-bottom:1rem;}

.career_title .icon-circleyuanquan{margin-right:1rem;}

.career_con{padding:0 2.5rem;}



.feedback p{width:100%; text-align:center;font-weight:bold;font-size:1.125rem;}

.feedback_list{padding:3rem 0;}

.feedback_nav{margin-bottom:2rem; display:flex;}

.feedback_nav .feedback_title{display:inline-block;width:100px; text-align:right;}

.feedback_nav input,.feedback_nav textarea{display:inline-block;flex:1;border:#eeeeee 1px solid;padding-left:1rem;}

.feedback_btn{width:100%;text-align:center;}





/*--搜索页面--*/

.banner_search{width:100%;height:500px;background:url(../images/banner_search.jpg) center bottom no-repeat #f2f2f2; background-size:cover;}

.banner_search .searchnav{padding-top:300px;padding-left:15%;}

.searchnav input{display:inline-block;}

.searchnav .input{border:#cdcdcd 1px solid;width:45%;line-height:33px;padding-left:.25rem;}

.searchnav .search_btn{width:;border:0;font-size:1rem;line-height:35px;background:#eb7c10;color:#FFF;padding:0 1rem; cursor:pointer;}



.search_list{width:100%;margin:1rem 0 2rem;}

.search_list h3{width:100%;background:#f5f5f5;font-size:1.125rem;padding-left:2rem;line-height:3.5rem;color: #1b3e7f;margin:.5rem 0;}

.search_list ul{width:100%;clear:both;margin-bottom:1rem;}

.search_list ul li{float:left;width:50%; border-bottom:#ececec 1px dotted;padding-left:1rem;}

.search_list ul li a{font-size:1rem;line-height:2rem;}



.page{ width:100%; float:left; height:40px; line-height:40px; text-align:center;color:#666; font-family:"Microsoft Yahei","微软雅黑";  font-size:14px;padding-bottom:40px;}

.page a{ color:#666;border:1px solid #ddd; padding:5px 8px; margin:0 8px 15px 0; text-align:center; }

.page a:hover{ color:#224086;}

.page a.hover{color:#ffffff; background:#224086; font-weight:bold;}

.page span.current{color:#ffffff; background:#224086; font-weight:bold;border:1px solid #ddd; padding:5px 10px; margin-right:8px; text-align:center;}

.page span.pageindex{padding:0 3px;}

