@charset "utf-8";

@font-face{
	font-family: 'Roboto-Bold';
	src : url('../roboto/Roboto-Bold-3.ttf');
}

@font-face{
	font-family: 'Roboto';
	src : url('../roboto/Roboto-Regular-14.ttf');
}



*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;color:#666666; font-family:Roboto,  Helvetica, sans-serif; }
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
input,select,option,label,th,textarea{vertical-align: middle;border: none; font-family:Roboto, Helvetica, sans-serif;}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }

select{ appearance:none;  -moz-appearance:none; -webkit-appearance:none;}   
select::-ms-expand { display: none; }  

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}

.fl { float: left;}
.fr { float: right;}
.container{ display: block; max-width:1400px; width:90%;  margin: 0 auto; }
.hidden{ overflow:hidden;}
.hide{ display:none;}

.flex{ display: flex; align-items: center;}
.flex>div{ width: 100%;}

/*header*/
.header{ position: fixed; top:0; left:0; width:100%; z-index:30000; 
	transition: 0.5s;
	-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.header .logos{ height:34px; margin:19px 0; }
.header .logos img{ height:100%; display: block; }
.header .logos img.logo2{ display: none;}

.nav{}
.nav li{ float: left; margin:0 5px;  position: relative; padding:20px 0; }
.nav li>a{ display: block; color:#ffffff; font-size:14px; text-align: center; height:32px; line-height:32px;border-radius:16px; }
.nav li>a.a0{ width:80px;}
.nav li>a.a1{ width:150px;}
.nav li>a.a2{ width:100px;}
.nav li>a.a3{ width:120px;}
.nav li>a.a4{ width:80px;}
.nav li>a.a5{ width:140px;}
.nav li>a.a6{ width:90px;}

.nav li.home>a{ }

.nav li.on>a,.nav li:hover>a{ font-size:16px;  background: rgba(255,255,255,0.2);}

.nav li .sub{ display: none; width:260px;  position: absolute; left:0; top:72px; }
.nav li .sub .subbj{ position: relative; background:#ffffff; border-radius:10px; padding:2px 0; }
.nav li .sub .sub_san{ border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #ffffff; width:0; height:0; margin-left:24px; }
.nav li .sub a{ display:block; padding:0 15px; color:#333333; margin:2px 0; line-height:40px; }
.nav li .sub a span{ display: block; position: relative; font-size:14px; }
.nav li .sub a span i{ float:right; font-size:12px; color:#293976; }
/*.nav li .sub a span:after{ content:""; position: absolute; right:0; height:11px; width:11px; top:50%; margin-top:-5.5px; background: url(../images/sub01.png) no-repeat center center; }*/
.nav li .sub a:hover{ background:#243a7b; color:#ffffff;}
.nav li .sub a:hover span i{ color:#ffffff;}
/*.nav li .sub a:hover span:after{ background-image: url(../images/sub02.png); }*/
.nav li .sub .xian{ margin:0 15px; height:1px; background:#dadde9;}
.nav li:hover .sub{ display:block;}

.lang{ font-size:14px; color:#ffffff; margin-left:30px; margin-top:20px; line-height:32px; width:85px; }
.lang a{ display:block; padding-left:25px; background:url(../images/lang.png) no-repeat left center; background-size:auto 16px;}
.lang a:hover{ font-weight:bold;  }

.header2 .lang a{ background-image:url(../images/lang2.png);}

.nav_btn{ display: none;}


.header2{ background:#f9fbff; border-bottom:1px solid #e3e5ee;}
.header2 .logos img.logo1{ display: none;}
.header2 .logos img.logo2{ display: block;}

.header2 .nav li>a{ color:#293776;}
.header2 .lang{ color:#293776;}
.header2 .nav li.on>a,.header2 .nav li:hover>a{ background:#293776; color:#ffffff;}

/*header*/


/*banner*/
.banner{ width:100%; position: relative; height: calc(100vh);}
.banner img{ width:100%; display: none; }


.bowen01:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/bw01.png) no-repeat right center; background-size:auto 100%; opacity:0.1; }

.nyban{ width:100%; position: relative;}
.nyban img{ display: block; width:100%;  }

.ban_content{ position: absolute; left:0; width:100%; height:100%; top:0; text-align: center; padding-top:100px; z-index:1; }
.ban_content>div{ margin:0 auto; line-height:1;}
.ban_content .bantit01{ font-family: Roboto-Bold; color:rgba(241,243,253,0.41); font-size:68px; }
.ban_content .bantit02{ text-align: center;  font-family: Roboto-Bold; color:rgba(241,243,253,0.41); font-size:95px; padding:2% 0 4% 0; }
.ban_content .bantit02 .tit{ display: inline-block; position: relative;  padding-bottom:3%; }
.ban_content .bantit02 .tit:after{ display:none; content:""; width:0; height:2px; position: absolute; left:0; bottom:0; 
background: rgba(227,229,238,0.28);}
.ban_content .bantit02 .tit.fadeInUp:after{ width:100%;}
.ban_content .bantit03{ color:#ffffff; font-size:36px; letter-spacing:12px; margin-bottom:5%; }
.ban_content .lower{ width:30px; height:60px; margin:0 auto; background: url(../images/lower.png) no-repeat center center; background-size:cover; cursor: pointer; animation: myFade 2s linear infinite; position: relative; }
/*banner*/


/*homeprod*/
.homeprod{ background:#212849; padding:6% 0; overflow: hidden; }

.homeprod .hptiten{ color:#3f445e; font-family:Roboto-Bold; font-size:60px; line-height:1; padding-left:50px; text-transform: uppercase;}
.homeprod .hpleft{ width:32%; position: relative; }
.homeprod .hplist{ margin-top:9%; }
.homeprod .hplist li{ width:72%; overflow: hidden; background: rgba(219,222,227,0.2); margin-top:5px; }
.homeprod .hplist li a{ padding:20px 0; display: block; overflow: hidden;}
.homeprod .hplist li .en{ float: left; margin:0 6%; text-align:center; color: rgba(255,255,255,0.05); display: none; font-family:Roboto-Bold; font-size:90px;  line-height:100px; }
/*.homeprod .hplist li .cn{ font-size:16px; height:100px; line-height:1.7; padding:0 5%; color: rgba(255,255,255,0.7); }*/
.homeprod .hplist li .cn{ font-size:16px;  line-height:1.7; padding:0 5%; color: rgba(255,255,255,0.7); }
.homeprod .hplist li .cn .flex{ height:100%; width:100%; }
.homeprod .hplist li .cn span{ font-family:Roboto-Bold; }

.homeprod .hplist li.on{ width:75%; background: rgba(219,222,227,0.26); box-shadow:5px 5px 10px 0 rgb(0 0 0 / 15%);}
.homeprod .hplist li.on .cn{ font-size:18px; color:#ffffff; }
.homeprod .hplist li.on .en{ font-size:100px; }


.homeprod .hpright{ width:68%; }
.homeprod .hpright .hpmain{ position: relative;}
.homeprod .hpright .hpmain img{  display: block; width:100%;}
.homeprod .hpright .hpmain a{ position: relative; display: block; width:100%; height:100%;}
.homeprod .hpright .hpmain a:after{ content: ""; position: absolute; width:100%; height:100%; left:0; top:0; z-index:10;
    background: rgba(48, 57, 91, 0.36); 
}

.homeprod .hpright .hpmain4 a:after{ display:none;}

.homeprod .hptxt{ display:none; position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(33, 40, 73, 0.8); padding:0 10%; opacity:0; z-index:100;  }
.homeprod .hptxt .tit{ font-size:26px; color:#ffffff; }
.homeprod .hptxt .info{ font-size:13px; margin-top:20px; color:#ffffff; line-height:1.8; }
.homeprod .hptxt ul{ overflow: hidden; }
.homeprod .hptxt ul li{ float: left; border-top:1px solid #6c7080; width:100%; margin-top:50px; position: relative; overflow: hidden; }
.homeprod .hptxt ul li:after{ content:""; width:34px; height:3px; background:#ffffff; position: absolute; left:0; top:0; }
.homeprod .hptxt ul li h3{ font-size:16px; color:#ffffff; line-height:1; margin:25px 0; }
.homeprod .hptxt ul li p{ font-size:13px; line-height:20px; margin-top:10px; color:#d8d9de; position: relative; padding-left:20px; }
.homeprod .hptxt ul li p:after{ content:""; width:6px; height:6px; background:#dbdee3; position: absolute; left:3px; top:50%; margin-top:-3px; border-radius:50%; }

/*.hpmain .hide:hover .hptxt{ opacity:1;}*/


.homeprod .hpnav li,.homeprod .hpnav li:after,.homeprod .hplist li,.homeprod .hplist li .en,.homeprod .hplist li .cn,.hpmain .hide .hptxt{-webkit-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;}

/*homeprod*/


/*homeabout*/
.homeabout{ background:#f9fbff; padding:6% 0; }

.hometit{ line-height:1;}
.hometit .en{ color:#e3e5ee; font-family: Roboto-Bold; font-size:60px; text-transform: uppercase; }
.hometit .cn{ color:#293976; font-size:26px; font-weight:600; margin-left:26px; }
.hometit:after{ content:""; width:40px; height:7px; background:#e3e5ee; display: block; margin-top:2%; }

.hometit01 .en{ color:#40455e; }
.hometit01 .cn{ color:#ffffff; }
.hometit01:after{ background:#40455e; }

.hainfo{ color:#666f8a; font-size:16px; line-height:2; margin:6% 0; text-align: justify;}

.halist{ overflow: hidden; }
.halist li{ float: left; padding:0 35px; position: relative; }
.halist li:after{ content:""; width:2px; height:50%; position: absolute; left:0; top:25%; border-right:2px dashed #e0e2e8; }
.halist li.li01:after{ display: none; }
.halist li .ico{ width:85px; margin:0 auto; }
.halist li .ico img{ display: block; width:100%; }
.halist li .tit{ color:#293976; font-size:16px; text-align: center; line-height:20px; margin-top:20px; }
.halist li.li01{ padding-left:0 !important;}
.halist li.li05{ padding-right:0 !important;}

.hamore{ margin-top:95px;}
/*background: url(../images/hamore.png) no-repeat right center; background-size:14px auto; padding-right:25px;*/
.hamore a{ line-height:30px; height:30px; color:#293977; font-size:14px; position:relative; padding-right:25px; display:inline-block; position:relative; }
.hamore a{  }
.hamore a span{ font-size:16px; line-height:18px; font-weight:bold;margin-left:8px; width:18px; height:18px; position:absolute; top:50%; margin-top:-9px; right:0; }
.hamore a:hover{ font-weight: bold; font-size:14px; }
.hamore a:hover span{ font-size:18px; font-weight: bold; }
/*homeabout*/


/*homenews*/
.homenews{ background:#f3f5fd; background-size:auto 100%; padding:6% 0; position: relative; }
.homenews:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/bw02.png) no-repeat right center; background-size:auto 100%; }

.hnmain{ overflow: hidden; margin-top:8%; }
.hnimg{ height:350px; width:41%; }
.hnimg a{ display: block; height:100%; width:100%; }

.hnlist{ overflow: hidden; width:52%; height:350px; }
.hnlist li{ border-bottom:1px solid #4f5775; }
.hnlist li a{ display: block; height:100%; color:rgba(#293976); font-size:16px; line-height:1; }
.hnlist li a .tit{margin-top:16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.hnlist li:hover a{ color:#293976; }
/*homenews*/

/*partners*/
.partners{ padding:6% 0; background:#f8fbff url(../images/partners.jpg) no-repeat center bottom; background-size:100% auto; overflow: hidden; }

.partnerlist{ margin-top:6%;}
.partnerlist .swiper-slide{ padding:1% 0;}
.partnerlist .img{ width:108px; margin:0 auto; border-radius:50%; overflow: hidden; }
.partnerlist .img img{ display: block; width:100%; }
.partnerlist .tit{ color:#000130; font-size:16px; text-align: center; padding:10% 10%;}

.carousel_paging { position: static; line-height:0; margin-top:4%;}
.carousel_paging .swiper-pagination-bullet{ width:10px; height:10px; border:1px solid #202c70; background:none; opacity:1;}
.carousel_paging .swiper-pagination-bullet-active{ background:#202c70;}
/*partners*/


/*message*/
.message{ background:url(../images/message.jpg) no-repeat center center; background-size:cover; padding:6% 0; overflow: hidden; }

.mtit{ line-height:1.8; text-align:center; width:100%; padding:0 5%; }
.mtit h3{ color:#ffffff; font-size:36px; }
.mtit p{ color:#ffffff; font-size:16px; }

.form_message{ overflow:hidden; width:80%; margin:85px auto 0 auto;}
.form_message li{ float:left; margin-bottom:25px;}
.form_message li.w33{ margin-right:2%; width:32%; }
.form_message li label{ display:block; color:#ffffff; font-size:14px; line-height:50px;}
.form_message li.w33 select,.form_message li.w33 input{ display:block; width:100%; border:1px solid rgba(222,223,227,0.2); line-height:50px; padding:0 15px; color:#ffffff; font-size:16px; background: rgba(33,40,73,0.47); 
	-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}

.form_message li.w33 select{ background:rgba(33,40,73,0.47) url(../images/select_ico.png) no-repeat right center; background-size:auto 100%;}
.form_message li.w100{ width:100%;}
.form_message li.w100 textarea{ height:140px; border:1px solid rgba(222,223,227,0.2); width:100%; padding:10px 15px; color:#ffffff; font-size:16px; line-height:1.6; background: rgba(33,40,73,0.47); 
	-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.form_message li.w100 textarea::placeholder{ color:#ffffff;} 

.form_message li.w33 select:hover,.form_message li.w33 input:hover,.form_message li.w100 textarea:hover{ border:1px solid rgba(222,223,227,0.5);}


.form_message li.submit{ margin-bottom:0;}
.form_message li.submit input{ height:50px; width:220px; display: block; color:#202c70; font-size:15px; cursor: pointer; background:#ffffff;
	-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}
.form_message li.submit:hover input{ background:#202c70; color:#ffffff; }
/*message*/


/*footer*/
.footer{ background:#212849; }
.db_content{ overflow: hidden; padding:8% 0 4% 0;}
.dbtit{ color:#fefefe; font-size:15px; font-weight: 500; margin-bottom:20px; line-height:36px; }


.dbnav,.dbadd,.dbcontact{height:160px;}

.dbnav{ width:28%; }
.dbnav_list{ overflow: hidden; }
.dbnav_list li{ float: left; width:33.33%; }
.dbnav_list li a{ color:#cbced9; font-size:14px; line-height:2.5;}
.dbnav_list li a:hover{ text-decoration: underline; color:#ffffff;}

.dbadd{ width:38%; border-left:2px solid #434867; padding:0 4%;}
.dbadd_nav{ margin-bottom:20px; overflow: hidden; }
.dbadd_nav li{ float: left; color:#fefefe; font-size:15px; font-weight: 500; margin-right:40px; line-height:36px; border-bottom:1px solid #212849; cursor: pointer; }
.dbadd_nav li:hover,.dbadd_nav li.on{border-color:#ffffff; }

.dbadd_tab{color:#cbced9; font-size:14px; line-height:2;}

.dbcontact{ width:34%; border-left:2px solid #434867; padding-left:4%;}
.dbcontact .info{ color:#cbced9; font-size:14px; line-height:2.5;}

.foot_bottom{ overflow: hidden; border-top:2px solid #434867; padding:3% 0;}
.foot_bottom .dblogo{ height:30px;}
.foot_bottom .dblogo img{ display: block; height:100% ;}
.foot_bottom .copy{ color:#c0c5dd; font-size:14px; line-height:30px;}
.foot_bottom .copy a:hover{ text-decoration: underline; color:#ffffff;}
/*footer*/


/*关于我们*/
.who_we_are{ position: relative;}
.who_we_are img{ display: block; width:100%;}

.atit{ line-height:1; }
.atit .en{ color: rgba(227,229,238,0.28); font-family: Roboto-Bold; font-size: 60px; text-transform: uppercase;}
.atit .cn{ color:#ffffff; font-size: 26px; font-weight: 600; margin-top:26px;}

.atit01{ text-align: center;}
.atit01 .en{ color:#e3e5ee; }
.atit01 .cn{ color:#293976; }

.atit02 .en{ color:#e3e5ee; }
.atit02 .cn{ color:#293976; }

.atit03{ text-align: right;}
.atit03 .en{ color:#e3e5ee; }
.atit03 .cn{ color:#293976; }

.who_we_are .txt{  background: rgba(33,40,73,0.68); position: absolute; left:0; width:50%; height:100%; top:0; padding:0 7%; }
.who_we_are .txt .info{ font-size:16px; color:#ffffff; line-height:2; border-top:2px solid #69718d; margin-top:11%; padding-top:10%; text-align: justify;}

.research{ background:#f9fbff; padding:6% 0; }
.research_list{ overflow: hidden; margin-top:5%; }
.research_list li{ float: left; width:25%; position: relative; }
.research_list li:after{ content:""; width:2px; background:#e3e9ff; height:50%; position: absolute; right:0; top:25%;}
.research_list li .ico{ width:85px; margin:0 auto; }
.research_list li .ico img{ display: block; width:100%; }
.research_list li .txt{text-align: center; padding:0 15%; }
.research_list li .txt h3{ color:#293976; font-size:20px; margin:20px 0; }
.research_list li .txt p{ color:#666f8a; font-size:15px; line-height:1.6; }
.research_list li .txt p span{ font-size:16px; color:#293976; }

.development{ background:#1f274b url(../images/development.jpg) no-repeat center bottom; background-size:100% auto; overflow: hidden; position: relative;height: 850px;}

.development_main{ float: left; width:70%; padding-left:10%; height:100%;}

.development_tab{ border-top:2px solid #4e5d95; width:100%; overflow: hidden; margin-top:5%; height:500px; }
.development_tab .hide{ overflow: hidden; }
.development_tab:before{ content:""; width:48px; height:7px; background:#4e5d95; display: block;  }
.development_tab h3{ font-size:50px; color:#ffffff; font-weight: normal; line-height:1; margin:4% 0;}
.development_tab ul{}
.development_tab ul li{ color:#d2d6e8; font-size:16px; line-height:40px; padding-left:40px; position: relative;}
.development_tab ul li:after{ content:""; width:8px; height:8px; position: absolute; left:0; top:50%; margin-top:-4px; background:#d2d6e8; border-radius:50%; }
.development_tab ul li strong{ font-size:20px; margin-right:10px; font-weight: normal;}

.development_nav{ width:30%; height:100%; position: absolute; right:0; top:0; border-radius:50%; z-index:20000;  padding-right:10%; }

.development_nav .circular{ background: url(../images/circular.png) no-repeat center center; background-size:cover; width:1400px; height:1400px; border-radius:50%;  position: absolute; left:-36px; top:50%; margin-top:-700px;
-o-transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -webkit-transition: 1s;}


.course_nav{overflow: hidden; height:500px; position:relative; }
.course_nav .swiper-container{ height:100%;}
.course_nav .swiper-slide{color:#afb0b8; font-size:24px; line-height:100px;height:100px; cursor: pointer; width:100%; padding-left:40%; text-align:center}
.course_nav .swiper-slide.on{color:#ffffff; font-size:30px; }
.course_nav .swiper-pagination{ width:7px; position:absolute; right:0; top:0; line-height:0; height:100%;}
.course_nav .swiper-pagination-bullet{ opacity:1; background:none; width:100%; border-radius:3.5px; height:100px; border-radius:none; float:left; }
.course_nav .swiper-pagination-bullet-active{ background: rgba(78,93,149,0.5); }

.consultant_expert{ background:#f3f5fd; padding:6% 0;}

.consultant_expert_main{ overflow: hidden; position: relative; margin-top:6%; }
.consultant_expert_main .ico{ height:60px; }
.consultant_expert_main .ico img{ display: block; height:100%; }

.consultant_expert_main .introduction{ background:#212849; width:37%; padding:0 5%; position: absolute; height:100%; left:0; top:0; }
.consultant_expert_main .introduction .info{color:#d2d6e8; font-size:16px; line-height:2; margin:10% 0; text-align: justify;}
.consultant_expert_main .introduction .more{ padding:0 35px; border:1px solid #ffffff; border-radius:25px; float: right; color:#ffffff; font-size:16px; line-height: 48px; }
.consultant_expert_main .introduction .more span{ display: inline-block; margin-left:8px; }
.consultant_expert_main .introduction .more:hover{ background:#ffffff; color:#212849; }

.consultant_expert_main .imglist{ width:63%; overflow: hidden;}
.consultant_expert_main .imglist li{ float: left; width:33.33%; position: relative; cursor: pointer;}
.consultant_expert_main .imglist li a{ display:block; position:relative; }
.consultant_expert_main .imglist li a:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(48,57,91,0.3); }

.consultant_expert_main .imglist li img{ display: block; width:100%;}
.consultant_expert_main .imglist li .txt{ position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(33,40,73,0.7); opacity:0; z-index:1;}
.consultant_expert_main .imglist li .txt .entit{ color:#ffffff; font-size:30px; text-align: center;}
.consultant_expert_main .imglist li .txt .cntit{ color:#ffffff; font-size:20px; text-align: center; margin:4% 0 10% 0;}
.consultant_expert_main .imglist li .txt p{ color:#fefefe; font-size:15px; line-height:28px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; height:196px; padding:0 12%; text-align: justify;}
.consultant_expert_main .imglist li:hover .txt{ opacity:1;}

.address{ background:#f9fbff; padding:6% 0; overflow: hidden;}
.address .xian{ height:2px; width:100%; background:#e3e5ee; margin:6% 0;}
.address .txt{ color:#666f8a; font-size:16px; line-height:2; padding-left:150px; position: relative; text-align:justify; }
.address .txt:after{ content:""; position: absolute; left:0; top:0; width:150px; height:60px; background: url(../images/quotation_marks2.png) no-repeat left top; background-size:auto 60px; }

.future{ overflow: hidden; position: relative; background:#f9fbff;}
.future .img{ width:50%; position: absolute; left:0; top:0; height:100%; }
.future .txt{ width:50%; }
.future .txt01{ padding:8% 15%; background:#f9fbff; }
.future .txt02{ padding:8% 15%; color:#666f8a; font-size:16px; line-height:2; background:#f3f5fd; text-align: justify; }
/*关于我们*/


/*加入我们*/
.join_us{ background:#f9fbff; padding:6% 0; overflow:hidden;}
.join_us .info{ color:#666f8a; font-size:16px; line-height:2; margin-top:6%; text-align: center;}

.join_img{ overflow: hidden;}
.join_img li{ float: left; position: relative;}
.join_img li.li01{ width:66.66%;}
.join_img li.li02{ width:33.33%;}
.join_img li img{ display: block; width:100%;}
.join_img li a{ position: absolute; width:100%; height:100%; top:0; left:0; background: rgba(41,57,118,0.5); }

.join_img li.li01 a{ background: rgba(41,57,118,0.3); }
.join_img li.li02 a{ background: rgba(41,57,118,0.5); }

.join_img li a .tit{ color:#ffffff; font-size:28px; text-align: center; opacity:0;}
.join_img li:hover a{background: rgba(41,57,118,0.8);}
.join_img li:hover a .tit{ opacity:1;}

.live_team{ padding:6% 0; background:#f9fbff; overflow: hidden; }
.live_team_list{ margin-top:4%;}
.live_team_list .swiper-slide{ position: relative; }
.live_team_list .swiper-slide:after{ opacity:1; content:""; width:100%; height:100%; position: absolute; top:0; left:0; background: rgba(41,57,118,0.38); }
.live_team_list .swiper-slide img{ display: block; width:100%; }

.employee_benefits{ background:#f3f5fd; padding:6% 0 4% 0; }

.employee_benefits_list{ overflow: hidden; background: url(../images/employee_benefits.jpg) no-repeat center center; background-size:cover; }
.employee_benefits_list li{ width:20%; float: left; background: rgba(42,58,119,0.9); text-align: center; padding:85px 0; cursor: pointer; }

.employee_benefits_list li.li01,.employee_benefits_list li.li02,.employee_benefits_list li.li03{ width:33.33%; }
.employee_benefits_list li.li01,.employee_benefits_list li.li02{ border-right:2px solid rgba(255,255,255,0.23); }
.employee_benefits_list li.li01,.employee_benefits_list li.li02,.employee_benefits_list li.li03{ border-bottom:2px solid rgba(255,255,255,0.23); }
.employee_benefits_list li.li04,.employee_benefits_list li.li05,.employee_benefits_list li.li06,.employee_benefits_list li.li07{ border-right:2px solid rgba(255,255,255,0.23); }
.employee_benefits_list li .ico{ width:85px; margin:0 auto; }
.employee_benefits_list li .ico img{ display: block; width:100%; opacity:0.68; }
.employee_benefits_list li .tit{ color:#ffffff; font-size:16px; line-height:1; margin-top:16px; }

.employee_benefits_list li:hover img{ opacity:1;}
.employee_benefits_list li:hover{ background:#2a3a77;}


.recruit{ background:#f3f5fd; padding:6% 0; overflow: hidden; }

.recruit_list{ margin:6% 0; }
.recruit_list li{ float: left; width:30%; margin-right:5%; background:#f9fbff; padding:0 3%; }
.recruit_list li .tit{ color:#293976; font-size:22px; font-weight:600; padding:14% 0; line-height:1; border-bottom:2px solid #e7e9f1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.recruit_list li .info{ color:#666f8a; font-size:16px; line-height:30px; margin:12% 0 24%; height:210px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:7; overflow: hidden; }
.recruit_list li .info strong{ color:#293976; font-size:18px; font-weight:500; }

.recruit_list li:hover{box-shadow:0 0 25px #dde0e7;}

.recruit_list2{ margin-bottom:0 !important; }
.recruit_list2 li{margin-bottom:5%;}

.recruit_more{ overflow: hidden; text-align: center; }
.recruit_more a{ padding:0 35px; border:1px solid #293977; border-radius:25px; display:inline-block;  line-height: 48px;color: #293977; font-size: 16px; }
.recruit_more a span { font-size:16px; display: inline-block;margin-left: 8px;}
.recruit_more a:hover{ background:#293977; color:#ffffff;}
/*.recruit_more a:hover span{ background-image: url(../images/hamore2.png); color:#ffffff; }*/

.recruit_txt{background:#f9fbff; padding:2% 3%; margin-top:3%; }
.recruit_txt .tit{ color:#293976; font-size:22px; font-weight:600; padding:22px 0; line-height:1; border-bottom:2px solid #e7e9f1; }
.recruit_txt .info{ color:#666f8a; font-size:16px; line-height:30px; margin:16px 0; overflow: hidden;}
.recruit_txt .info strong{ color:#293976; font-size:18px; font-weight:500; }
/*加入我们*/


/*顾问专家*/
.consultant_expert{ padding:6% 0; background:#f9fbff;}

.expert_list{ overflow: hidden; padding:0 4%; margin-top:2%;}
.expert_list li{ float:left; width:49%; margin-right:2%; margin-top:4%; position: relative;}
.expert_list li .img{ width:48%; float: left; position: relative; overflow: hidden;}
.expert_list li .img:after{ content:""; position: absolute; width:100%; height:100%; top:0; left:0; background: rgba(48,57,91,0.3); }
.expert_list li .img img{ display: block; width:100%;}
.expert_list li .txt{ padding:5%; width:48%; background:#535973; height:100%; position: absolute; right:0; top:0; }
.expert_list li .txt .ico{ height:60px; }
.expert_list li .txt .ico img{ height:100%; display: block; }
.expert_list li .txt .entit{ color:#fefefe; font-size:24px; line-height:2; margin-top:10%; }
.expert_list li .txt .cntit{ color:#fefefe; font-size:16px; line-height:2; margin-bottom:12%; }
.expert_list li .txt p{ color:#fefefe; font-size:15px; line-height:28px; height:168px; font-weight: 300;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
/*顾问专家*/


/*新闻资讯*/
.huibj{ background:#f9fbff; overflow: hidden; }
.nynav{ border-top:2px solid #edeff4; margin:9% 0; float: left; position: relative; }
.nynav:after{ content:""; width:1000px; left:-1000px; height:3px; position: absolute; background:#edeff4; top:-3px;}
.nynav li{ float: left; color:#293976; font-size:24px; line-height:28px; font-weight:500; width:200px; text-align: center; margin-right:85px; position: relative; padding-top:42px; }
.nynav li a{ display: block;}
.nynav li:last-child{ margin-right:0;}
.nynav li:after{ content: ""; position: absolute; width:0; height:6px; background:#293976; left:50%; top:0; margin-left:-32px; }

.nynav li:hover,.nynav li.on{ font-size:28px; }
.nynav li.on:after{ width:64px;}

.newslist{ overflow: hidden;}
.newslist li{ float: left; overflow: hidden; padding:5% 0; border-bottom:2px solid #edeff4; width:100%; }
.newslist li a{ display: block; overflow: hidden;}
.newslist li:last-child{ border-bottom:none; padding-bottom:0;}
.newslist li:first-child{ padding-top:0;}

.newslist li .img{ float: left; width:330px; position: relative; }
.newslist li .img img{ display: block; width:100%; }
.newslist li .img .ymd{ position: absolute; right:20px; font-weight:500; bottom:15px; color:#dadce2; font-size:15px; padding-top:15px; line-height:1; z-index:2;}
.newslist li .img .ymd:before{ content:""; width:15px; height:2px; background:#dadce2; position: absolute; right:0; top:0; z-index:2; }
.newslist li .img .d{ color:rgba(218,220,226,0.6); font-size:42px; line-height:1; font-family: Roboto-Bold; position: absolute; right:20px; top:15px; z-index:2; }
.newslist li .img:after{ z-index:1; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(2,57,118,0.38);}


.newslist li .txt{ padding-left:420px;}
.newslist li .txt h3{ color:#5b6581; font-size:18px; line-height:30px; position: relative;}
.newslist li .txt h3:after{ content:""; width:0; height:2px; background:#293976; position: absolute; left:0; top:50%; }
.newslist li .txt p{ color:#666f8a; font-size:14px; line-height:30px; margin:10px 0 15px 0; height:60px;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-align: justify;} 
.newslist li .txt .more{ display: block; width:60px; height:30px; border:2px solid #dde1ed; text-align: center; line-height:28px; color:#293976; font-size:14px; margin-top:10px;}
.newslist li .txt .more:hover{ background:#293976; color:#ffffff; border-color:#293976; }
.newslist li .txt h3:hover{ color:#293976; text-decoration:underline; }
.newslist li .txt h3:hover:after{ width:16px; display:none;}

.news_tit{ position: relative; margin:9% 0; }
.news_tit:after{ content:""; width:1000px; left:-1000px; height:2px; position: absolute; background:#edeff4; top:0;}

.news_tit h3{ font-size:28px; padding-top:42px; line-height:1; color:#293976; font-weight:500; position: relative; }
.news_tit h3:after{ content: ""; position: absolute; width:0; height:6px; width:64px; background:#293976; left:0; top:0;  }

.newslist2{ overflow: hidden; margin-bottom:4%; }
.newslist2 li{ float: left; width:30%; margin-right:5%; margin-bottom:5%; }
.newslist2 li a{ display: block;}
.newslist2 li .img{ position: relative; overflow: hidden;}
.newslist2 li .img .column{ position: absolute; left:0; top:0; width:85px; height:35px; z-index:1; line-height:35px; text-align: center; color:#ffffff; font-size:14px; background: rgba(41,57,118,0.7); display:none; }
.newslist2 li .img img{ display: block; width:100%;}
.newslist2 li .img .mask{ position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(33,40,73,0.3);}
.newslist2 li .img .column2{ color:#ffffff; font-size:28px; text-align: center; opacity:0;}

.newslist2 li .txt{ color:#5b6581; font-size:15px; line-height:30px; padding-top:5%; }
.newslist2 li .txt .time{}
.newslist2 li .txt .tit{height:60px; overflow: hidden;     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.newslist2 li:hover .column{ opacity:0;}
.newslist2 li:hover .img .mask{background: rgba(41,57,118,0.68); }
.newslist2 li:hover .column2{ opacity:1;}

.newslist2 li:hover .tit{ color:#293976;}
/*新闻资讯*/


/*媒体报道*/
.media_main{ background: url(../images/media_main.png) no-repeat center center; background-size:auto 100%; min-height:750px;}
.media_list{ overflow: hidden;}
.media_list li{ width:25%; float: left; margin-bottom:5%;}
.media_list li img{ width:85%; margin:0 auto; display: block;}

.media_column{ overflow: hidden;}
.media_column h3{ color:#293976; font-size:26px; font-weight: 500; line-height:100px; }

.media_tit{ border-top:2px solid #edeff4; position: relative; }
.media_tit:after{ content:""; position: absolute; width:64px; height:6px; background:#293976; position: absolute; top:-9px; left:0; }
.media_tit h3{ color:#293976; font-size:50px; line-height:0.8; padding-top:35px; font-family:Roboto-Bold; }

.media_release{ width:75%; margin-left:25%; margin-bottom:75px;}
.media_release li{ float: left; width:100%;  overflow: hidden; margin-bottom:25px;}
.media_release li a{ display: block; position: relative; padding:20px 40px; overflow: hidden;}
.media_release li .img{ width:210px;}
.media_release li .img img{ width:100%;}

.media_release li .tit{ height:110px; line-height:110px; color:#666f8a; font-size:18px; font-weight: 500; position: absolute; left:0; top:0; width:100%; padding:0 290px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.media_release li .media_name{ width:210px; height:70px; padding:18px 0; overflow: hidden; }
.media_release li .media_name span{ float:right; color:#293976; font-size:16px; line-height:32px; height: 34px; border: 1px solid #b5bbc9; padding:0 12px;}

.media_release li:hover{ box-shadow:0 0 25px #dde0e7;}
.media_release li:hover .tit{ color:#293976; }
/*媒体报道*/


/*学术文章*/
.learning_tit{ position: relative; }
.learning_tit .container{ margin-top:6%; }
.learning_tit:after{ content:""; width:0; height:2px; background:#e3e5ee; position: absolute; left:0; top:32px;
	transition-duration:3s;
	/* Firefox 4 */
	-moz-transition-duration:3s;
	/* Safari and Chrome */
	-webkit-transition-duration:3s;
	/* Opera */
	-o-transition-duration:3s;
}

.learning_tit.on:after{ width:100%;}

.learning_tit .en{ color:#e3e5ee; font-size:60px; font-family: Roboto-Bold; line-height:1; }
.learning_tit .en span{ background:#f9fbff; padding:0 25px; position: relative; z-index:1; }
.learning_tit .cn{ color:#293976; font-size:38px; line-height:1; margin-top:19px; padding:0 25px; }
.learning_tit2 .container{ margin-top:0; }


.learning_list{ overflow: hidden; padding:0 25px; margin:6% 0 5% 0; }
.learning_list li{ float: left; width:100%; margin-bottom:4%; font-weight: 500; line-height:1.8;  font-size:18px;}
.learning_list li:nth-child{ margin-bottom:0; }
.learning_list li .tit{ color:#5b6581; font-weight:600;}
.learning_list li .tit a{ border-bottom:1px solid #5b6581;}
.learning_list li .p01{ color:#5b6581; margin:5px 0; }
.learning_list li .p02{ color:#c0c5d8; font-style: italic; }
.learning_list li .tit a:hover{ color:#293976; border-width:2px; border-color:#293976; }
/*学术文章*/


/*内容页*/
.weizhi{ color:#666f8a; font-size:18px; margin:6% 0 4% 0; }
.weizhi span{ margin:0 10px; }
.weizhi a:hover{ color:#293976; font-family: Roboto-Bold; }
.weizhi a:last-child{color:#293976; font-family: Roboto-Bold; }


.showtop{ overflow: hidden; }
.showtop h1{ color:#293976; font-size:24px; line-height:1.4; }
.showtop .parameter{ color:#666f8a; font-size:20px; line-height:1; margin:2% 0 2.5% 0; }

.showtxt{ font-size:16px; line-height:2; color:#666f8a; overflow: hidden; padding:4% 0; border-top:2px solid #edeff4; border-bottom:2px solid #edeff4;    text-align: justify;}
.showtxt img{ max-width:100%; height: auto !important;}

.paging{ border-top:2px solid #edeff4; border-bottom:2px solid #edeff4; overflow: hidden; font-size:16px; color:#666f8a; line-height:70px;  }
.paging div{ width:49%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.paging div.fr{ text-align:right;}
.paging a:hover{ color:#293976; text-decoration: underline; }


.other_main{ margin:4% 0 6% 0;}
.other_tit{ margin-bottom:3%; }
.other_tit h3{ color:#666f8a; font-size:20px; }


.other_rotation{ position: relative; }
.news-prev,.news-next{ width:60px; height:60px; position: absolute; top:50%; margin-top:-70px;z-index:10; cursor: pointer;  border-radius:50%; }

.news-prev{ background: url(../images/news-prev.png) no-repeat center center; background-size:100%; left:-100px;}
.news-next{ background: url(../images/news-next.png) no-repeat center center; background-size:100%;  right:-100px;}

.news-prev:hover{ background-color:#a1a7c0; background-image:url(../images/news-prevs.png);}
.news-next:hover{ background-color:#a1a7c0; background-image:url(../images/news-nexts.png);}

.newslist3{ margin:0 !important; }
.newslist3 li{ margin-bottom:0 !important; }
/*内容页*/


/*产品页*/
.prodbj{ background:#f3f5fd; padding-top:6%; overflow: hidden;}


.prodtiten{ color:#e3e5ee; font-family:Roboto-Bold; font-size:60px; line-height:1; padding-left:120px; margin-top:25px; text-transform: uppercase; }

.prodmain{ overflow: hidden; position: relative; margin:6% 0;}
#prodtab3 .inout{ opacity:0;-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}
#prodtab3.on .inout{ opacity:1;}
.prodmain .txt{padding-left:120px; width:47%; position: absolute; left:0; top:0; height:100%;}
.prodmain .txt.fr{ left:auto; right:0; padding-left:0; padding-right:120px;}
.prodmain .txt h3{ color:#21273c; font-size:32px; font-family:Roboto-Bold; }
.prodmain .txt .info{ color:#676f8a; font-size:16px; line-height:2; margin:16px 0; text-align: justify;}
.prodmain .txt .info span{ display:inline-block;}
.prodmain .txt .more{ color:#293977; font-size:16px; overflow: hidden; }
.prodmain .txt .more a{  padding-right:24px; position: relative; line-height:30px; float: left; }
.prodmain .txt .more a:after{ position: absolute; right:0; top:50%; margin-top:-6px; content:""; width:14px; height:14px; background: url(../images/more.png) no-repeat center center; background-size:cover;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);    
}

.prodmain .txt .more a:hover{ font-weight:bold;}

.prodmain .txt .more a.on:after{
    transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);        
    
}

.prodmain .img{ width:47%; position:relative;}
.prodmain .img img{ display: block; width:100%;}
.prodmain .img:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background: rgba(48, 57, 91, 0.36); z-index:10; }
.prodtab{ display: none; }

.function{background:#212849; padding:6% 0;}
.ptit{ text-align: center; font-family:Roboto-Bold; line-height:1;}
.ptit .cn{ color:#ffffff; font-size:32px; }
.ptit .en{ font-size:40px; color:rgb(255 255 255 / 23%); margin-top:32px;}

.ptit2 .cn{ color:#2a3a77; }
.ptit2 .en{ color:#e3e5ee; }

.function_list{ overflow: hidden; margin-top:6%; padding:0 120px; }
.function_list li{ width:30%; float: left; margin-right:5%; margin-top:1%; margin-bottom:1%;}
.function_list li .num{ float: left; font-size:90px; font-family:Roboto-Bold; line-height:1;
    background-image:-webkit-linear-gradient(bottom,#252c4d,#3f4662); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.function_list li .txt{ color:#ffffff; font-size:16px; line-height:32px; padding:13px 0; padding-left:140px; }

.function_list3 li{ width:45%; margin-right:10%;}
.function_list12 li:nth-child(4){ margin-left:17%;}
.function_list11 li:nth-child(1){ margin-left:17%;}
.function_list10 li{ width:23.5%; margin-right:2%;}

.advantage{ background:#f9fbff; padding:6% 0; }

.advantage_list{ overflow: hidden; text-align: center; }
.advantage_list li{ display: inline-table; width:33%; margin-top:6%; position: relative; }
.advantage_list li .ico{ width:70px; margin:0 auto; }
.advantage_list li .ico img{ display: block; width:100%; }
.advantage_list li h3{ color:#2a3a77; font-size:24px; line-height:2; }
.advantage_list li p{ color:#858cab; font-size:14px; line-height:2;  padding:0 15%; font-weight:500; }


.advantage_list li:nth-child(1):after,.advantage_list li:nth-child(4):after{ display: none;}
.advantage_list li:after{ content:""; width:100%; width:2px; height:76px; position: absolute; left:0; top:50%; margin-top:-38px; background:#e0e4ee; }

.technology{ background: url(../images/technology.jpg) no-repeat center center; background-size:cover; padding:6% 0; }

.technology_list{ overflow: hidden; margin-top:4%; }
.technology_list li{ float: left; width:48.5%; margin-right:3%; background: rgb(250 252 255 / 90%); padding:2%; margin-top:2%; }
.technology_list li .num{ font-size:36px; color: rgb(42 58 119 / 30%); font-family: Roboto-Bold; text-align: center; line-height:1; }
.technology_list li .info{ color:#676f8a; font-size:16px; line-height:1.8; min-height:150px; margin-top:16px; text-align: justify;}

.technology_list2 li{ width:31.33%;}
.technology_list3 li .info{ min-height:230px; }


.function_list2{ overflow: hidden; margin-top:6%; padding:0 120px; }
.function_list2>li{ float: left; width:49%; margin-right:2%; overflow: hidden; height:300px; }
.function_list2>li .num{ width:170px; text-align:center; height:100%; float:left; }
.function_list2>li .num .serial{  font-size: 90px; font-family: Roboto-Bold; line-height: 1; 
	background-image: -webkit-linear-gradient(bottom,#252c4d,#3f4662); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.function_list2>li .num .tit{ font-size:16px; color:#ffffff; }

.function_list2>li .txt{ padding-left:200px; height:100%;}
.function_list2>li .txt .txtbj{ min-height:210px;  background-image: linear-gradient(to right,#404663 , #212849); padding:0 20px; height:100%; }
.function_list2>li .txt ul{ overflow: hidden; }
.function_list2>li .txt li{ float: left; width:100%; color:#ffffff; font-size:16px; position: relative; line-height:30px; padding-left:20px; margin-bottom:15px; }
.function_list2>li .txt li:last-child{ margin-bottom:0;}
.function_list2>li .txt li:after{ content:""; position: absolute; width:8px; height:8px; background:#ffffff; border-radius:50%; left:0; top:11px; }
/*产品页*/


/*产品页02*/
.prod2main{ background:url(../images/prod2main.png) no-repeat center bottom; background-size:100% auto; position:relative; }

.prod2main .txt{ width:42%; padding-left:120px; overflow:hidden; }
.prod2main .txt h2{ color:#21273c; font-size:32px; margin-top:10%; font-family: Roboto-Bold;}
.prod2main .txt .info{ color:#676f8a; font-size:16px; line-height:2; margin-bottom:10%; margin-top:2%; text-align: justify; }

.prod2main .txt h3{ color:#21273c; font-size:24px; font-family: Roboto-Bold;}

.detection_function{ overflow: hidden; margin-top:2%; width:100%; margin-bottom:10%;}
.detection_function li{ float: left; width:100%; position: relative; line-height:1.8; padding-left:24px; color:#676f8a; font-size:16px; }
.detection_function li:after{ content:""; width:8px; height:8px; position: absolute; left:0; top:12px; background:#213876; border-radius:50%; }
.detection_function li b{ color:#243a7b; font-size:18px; display: block; }

.prod2main .img{ width:58%; position:absolute; bottom:0; right:0; }
.prod2main .img img{ width:100%; }

.prod2advantage{ background:#f9fbff; overflow: hidden; padding:6% 0; }
.prod2advtit{ padding-left:120px; font-family: Roboto-Bold; line-height:1; }
.prod2advtit .cn{ font-size:32px; color:#243a7b; }
.prod2advtit .en{ font-size:40px; color:#e3e5ee; margin-top:32px; }

.prod2advantage_main{position: relative;  overflow: hidden;}

.prod2advantage_main .quan{ width:720px; height:720px; border:3px solid #eef1f8; position: absolute; left:-720px; top:50%; margin-top:-360px; border-radius:50%; }
.prod2advantage_main .quan2{ width:460px; height:460px;  position: absolute; left:50%; top:50%; margin:-230px 0 0 -230px; border:3px solid #eef1f8; border-radius:50%;}
.prod2advantage .img{ width:58%; position: relative; z-index:10; }
.prod2advantage .img img{ width:100%; display:block; }
.prod2advantage .img .gifimg{ width:53.5%; position:absolute; left:23.5%; top:21.7%; }
.prod2advantage .img .gifimg img{ display:block; width:100%;}

.prod2advantage .txt{ width:42%; position: absolute; height:100%; right:0; top:0;}
.prod2advantage .txt .flex{ height:100%;}
.prod2advantage_list{ width:100%; }
.prod2advantage_list li{ float: left; width:100%; line-height:30px; cursor:pointer; min-height:90px; margin:15px 0;}
.prod2advantage_list li .tit{  position: relative; color:#243a7b; font-size:20px; padding:0 40px;}
.prod2advantage_list li .tit:after{ content:""; width:8px; height:8px; border:1px solid #080d1c; border-radius:50%; background:#243a7b; position: absolute; left:0; top:50%; margin-top:-5px; }
.prod2advantage_list li p{ color:#4e546c; font-size:14px; padding-left:40px; }
.prod2advantage_list li:hover .tit{ font-size:22px;}

.prod2advantage_list li .tit,.prod2advantage_list li p{transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

/*.prod2advantage_list li.li01{ margin-left:-170px;}*/
/*.prod2advantage_list li.li02{ margin-left:-76px;}*/
/*.prod2advantage_list li.li03{ margin-left:-28px;}*/
/*.prod2advantage_list li.li04{ margin-left:-8px;}*/
/*.prod2advantage_list li.li05{ margin-left:-12px;}*/
/*.prod2advantage_list li.li06{ margin-left:-40px;}*/
/*.prod2advantage_list li.li07{ margin-left:-98px;}*/

.prod2advantage_list li.li01{ margin-left:-40px;}
.prod2advantage_list li.li02{ margin-left:-8px;}
.prod2advantage_list li.li03{ margin-left:-18px;}
/*产品页02*/


/*产品导航*/
.homeprod .hpnav{ border-bottom:2px solid rgba(255,255,255,0.5); padding-left:50px; overflow: hidden; cursor: pointer; float: left; margin-bottom:1.5%; }
.homeprod .hpnav li{ color:#c0c3c9; font-size:16px; padding:4px 0 25px 0; line-height:1; float: left; position: relative; text-transform: uppercase; }
.homeprod .hpnav li a{ display:block;}
.homeprod .hpnav li .a1{width:130px; }
.homeprod .hpnav li .a2{width:110px; }
.homeprod .hpnav li .a3{width:110px; }
.homeprod .hpnav li .a4{width:130px; }
.homeprod .hpnav li .a5{width:120px; }

.homeprod .hpnav li:after{ content:""; width:0; height:3px; background: rgba(255,255,255,0.5); position: absolute; left:0; bottom:0; }
.homeprod .hpnav li.on{ font-size:20px; color:#ffffff; padding-top:0; font-weight: bold; }
.homeprod .hpnav li.on:after{ width:50%;}

.prodnav{ border-bottom:2px solid #dbdee3; padding-left:120px; overflow: hidden;  float: left; }
.prodnav li{ color:#c0c3c9; font-size:16px; padding:4px 0 25px 0; line-height:1; float: left; position: relative; color:#676f8a; text-transform: uppercase; }
.prodnav li a{ display: block;}
.prodnav li:after{ content:""; width:0; height:3px; background:#2a3a77; position: absolute; left:0; bottom:0; }

.prodnav li:hover,.prodnav li.on{ font-size:20px; padding-top:0; font-weight: bold; color:#2a3a77; }
.prodnav li.on:after{ width:50%;}

.prodnav li .a1{width:130px; }
.prodnav li .a2{width:110px; }
.prodnav li .a3{width:110px; }
.prodnav li .a4{width:130px; }
.prodnav li .a5{width:120px; }

/*产品导航*/


.go-top{ display:none; width:50px; height:50px;  position:fixed; bottom:20px; right:20px; background:url(../images/go-top.png) no-repeat center center; background-size:100%; cursor:pointer; z-index:30000; opacity:1;}
.go-top.on{ opacity:0.5;}

/*.go-top:hover{ opacity:0.5;}*/

.animated2{-webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}

.animated{opacity: 0;}

.zoomIn{ opacity:1}

.nav li,.nav li a,.hnlist li a,.message_list li .submit,.dbnav_list li a,.foot_bottom .copy a,.newslist li .txt h3,.newslist li .txt h3:after,.nynav li,.nynav li:after,.newslist li .txt .more,
.newslist2 li .column,.newslist2 li .img .mask,.newslist2 li .column2,.newslist2 li .tit,.media_release li,.media_release li .tit,.weizhi a,.paging a,
.news-prev,.news-next,.join_img li a,.join_img li .tit,.employee_benefits_list li,.recruit_more a,.consultant_expert_main .introduction .more,.consultant_expert_main .imglist li .txt,.employee_benefits_list li img,.recruit_list li,.live_team_list .swiper-slide:after,.prodnav li,.go-top,.prodmain .txt .more a:after,.message_list li .input,.message_list li .textarea{transition: 0.5s;
-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;}


.expert_list li .img img,.newslist2 li .img img,.employee_benefits_list li .ico img{
-webkit-transition: all .5s ease-in;
-o-transition: all .5s ease-in;
-ms-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;}

.expert_list li .img:hover img,.newslist2 li:hover .img img,.employee_benefits_list li:hover .ico img{
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);}


.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}



@-webkit-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-moz-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@-o-keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}

@keyframes myFade{
	0%{opacity: 1;top:0;}
	25%{top:-10px;opacity: 0.3;}
	50%{top:0px;opacity: 1;}
	75%{top:10px;opacity: 0.3;}
	100%{opacity: 1;top:0px;}
}