@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#393939; font-size:14px; height:auto; box-sizing:border-box; background-color:#ffffff;}
.course{-moz-user-select: none; /*火狐*/
  -webkit-user-select: none;  /*webkit浏览器*/
  -ms-user-select: none;   /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;}
a{ color:#393939; text-decoration:none;}
a:hover{ text-decoration:none; color:#393939;}
i,em{ font-style:normal;}


.about1_fr .p,
.service_con5_list .p,
.service2_con1_bottom .text,
.service2_con4 .h3,
.news_list .img,
.service_con1_bottom .p strong,
.service2_con4 .p{
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}





.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:25px;right:0px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before {
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after {
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}


.wp{ margin:0 auto; width:1400px; position:relative;}

.logo{ background:url(../images/logo.png) no-repeat; width:180px; height:44px; display:block; position:absolute; left:0px; top:50px;}

.header{position:absolute; left:0px; top:0px; right:0px; z-index:9999; height:94px;}
.menu{ padding:53px 100px 0 0; float:right;}
.menu li{ float:left; margin-right:15px; position:relative;}
.menu .h3 a{ font-size:18px; line-height:34px; padding:0 18px; height:34px; border-radius:17px; color:#fff; display:block; border:1px solid rgba(255,255,255,0);}
.menu .curr .h3 a,.menu .h3 a:hover{ border:1px solid #fff;}

.menu .box{ position:absolute; text-align:left; left:20px; top:34px; right:0px; font-size:16px; display:none; padding-top:10px;}
.menu .box a{ display:block; color:#fff;}
.menu li:hover .box{ display:block;}


.menu li .h3 em{ display:none; font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; right:6%; top:0px; width:40px; height:40px; text-align:center; line-height:40px; cursor:pointer; color:#fff;}
.menu li .h3 em:before { content: "\e604"; }
.menu li .h3 em.active:before { content: "\e606"; }


.language{ display:block; position:absolute; right:0px; top:55px; width:84px; line-height:30px; color:#fff; height:30px; border:1px solid #fff; text-align:center;}
.language:after{content:"English";}
.language:hover{ background-color:#fff; color:#595757;}

.language2{ display:block; position:absolute; right:0px; top:55px; width:84px; line-height:30px; color:#fff; height:30px; border:1px solid #fff; text-align:center;}
.language2:after{content:"中文";}
.language2:hover{ background-color:#fff; color:#595757;}

.body2,.fp-viewing-page2,.fp-viewing-page3{}
.body2 .logo,.fp-viewing-page2 .logo,.fp-viewing-page3 .logo{ background-position:bottom left;}
.body2 .menu .h3 a,.fp-viewing-page2 .menu .h3 a,.fp-viewing-page3 .menu .h3 a{ color:#595757;}
.body2 .menu .curr .h3 a,.fp-viewing-page2 .menu .curr .h3 a,.fp-viewing-page3 .menu .curr .h3 a,
.body2 .menu .h3 a:hover,.fp-viewing-page2 .menu .h3 a:hover,.fp-viewing-page3 .menu .h3 a:hover{ border:1px solid #595757;}
.body2 .language,.fp-viewing-page2 .language,.fp-viewing-page3 .language{ color:#595757;border:1px solid #595757;}
.body2 .language:hover,.fp-viewing-page2 .language:hover,.fp-viewing-page3 .language:hover{ background-color:#595757; color:#fff;}
.body2 .banner_about .h3 strong,.fp-viewing-page2 .banner_about .h3 strong,.fp-viewing-page3 .banner_about .h3 strong{ border-left:2px solid #595757; border-right:2px solid #595757; font-weight:normal; color:#595757;}
.body2 .menu .box a,.fp-viewing-page2 .menu .box a,.fp-viewing-page3 .menu .box a{ color:#595757;}

.ibanner{ position:relative;}
.ibanner .slick-slide{ background:no-repeat top center; background-size:cover;}
.ibanner .img{ position:relative; z-index:9;}
.ibanner .img img{ width:100%; height:auto;}
.ibanner .text{ position:absolute; z-index:11; left:50%; top:50%; margin:-45px 0 0 -700px; text-align:center; width:1400px;transform: translate(0,50px); opacity:0;}
.ibanner .text{
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;

transition-delay: 0.5s;
}
.ibanner .text img{ width:60%; height:auto; display:block; margin:0 auto;}
.ibanner .text2 img{ width:40%;}
.ibanner .text3 img{ width:40%;}

.ibanner .slick-slide{ position:relative;}
.ibanner .single-item{ position:relative;}
.ibanner .slick-arrow{ position:absolute; top:50%; margin-top:-50px; z-index:9; background:none; border:none; color:#FFF; cursor:pointer; width:100px; height:100px; text-align:center; line-height:100px; color:#fff; padding:0px;
  font-family:"iconfont" !important;
  font-size:102px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ibanner .slick-prev{ left:6%; margin-left:-12px;}
.ibanner .slick-next{ right:6%; margin-right:-12px;}
.ibanner .slick-prev:before { content: "\e618"; }
.ibanner .slick-next:before { content: "\e61c"; }

.ibanner .slick-current .text{transform: translate(0,0); opacity:1;}



.icon1_tit{ padding:60px 0;}
.icon1_tit .em{ font-size:86px; font-family:Arial; color:#565757; font-weight:bold; position:relative; line-height:1; padding-bottom:20px;}
.icon1_tit .em:after{content:'\20'; background:url(../images/line1.png) no-repeat; width:110px; height:10px; left:0px; bottom:0px; position:absolute; display:block;}
.icon1_tit .p{ font-size:16px; color:#717071; width:370px; padding-top:10px;}
.icon1_tit_fl{ float:left;}
.icon1_tit .ul{ float:right; padding-top:80px;}
.icon1_tit li{ float:left; margin-left:54px;}
.icon1_tit i{ width:54px; height:54px; font-size:54px; display:block; margin:0 auto; line-height:54px;}
.icon1_tit strong{ padding-top:10px; font-weight:normal;}

.icon1_con{ background:url(../images/bg1.png) #fff no-repeat left top; text-align:center; padding-top:266px;}
.icon1_con .p1{ margin-bottom:76px;}
.icon1_con .p1 img{ width:38%; min-width:150px;}
.icon1_con .p2{ margin-bottom:50px;}
.icon1_con .p2 img{ width:80%; min-width:200px;}
.icon1_con .p3{ font-size:15px; line-height:36px; position:relative; padding-bottom:80px;}
.icon1_con .p3:after{content:"\e60a"; font-family:"iconfont" !important;font-size:36px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; width:36px; height:36px; bottom:0px; position:absolute; left:50%; margin-left:-18px; bottom:20px;}

.icon2{}
.icon2_tit{ background-color:#383d42; padding:60px 0 120px 0; color:#fff; text-align:center;}
.icon2_tit li{ width:25%; float:left; text-align:center;}
.icon2_tit .img{ padding-bottom:70px; position:relative;}
.icon2_tit .img:after{content:'\20'; width:1px; position:absolute; left:50%; bottom:0px; background-color:#fff; height:50px;}
.icon2_tit i{ font-size:72px; width:72px; height:72px; text-align:center; line-height:72px;}
.icon2_tit .text{ font-size:18px; padding:16px 0 30px 0; position:relative;}
.icon2_tit .text:after{content:'\20'; width:12px; height:12px; position:absolute; left:50%; margin-left:-6px; bottom:0px; background-color:#fff; border-radius:50%;}

.icon2_con{ background-color:#231815;}
.icon2_con li{ width:50%; float:left; position:relative;}
.icon2_con .img{ opacity:1; position:relative; z-index:9;}
.icon2_con .img img{ width:100%; height:auto;}
.icon2_con .text{ bottom:50px; left:50px; right:50px; position:absolute; z-index:11;}
.icon2_con .h3{ padding-bottom:15px;}
.icon2_con .h3 strong{ border-left:2px solid #FFF; border-right:2px solid #FFF; font-weight:normal; color:#fff; padding:0 24px; font-size:54px;}
.icon2_con .p img{ display:block; width:48%; height:auto; min-width:150px;}


.banner_about{ position:relative;}
.banner_about .img{ position:relative; z-index:9;}
.banner_about .img img{ width:100%; height:auto;}
.banner_about .p img{ display:block; width:35%; height:auto; min-width:150px; margin:0 auto;}

.banner_about .h3{ padding-bottom:15px;}
.banner_about .h3 strong{ border-left:2px solid #FFF; border-right:2px solid #FFF; font-weight:normal; color:#fff; padding:0 24px; font-size:54px;}
.banner_about .em{ margin-bottom:45px;}
.banner_about .em img{ width:60%; min-width:200px; display:block; margin:0 auto;}
.banner_about .text{ position:absolute; z-index:11; left:50%; top:50%; margin:-60px 0 0 -700px; width:1400px; text-align:center;}


.banner_about .service_nav li a{ color:#383d42;}
.banner_about .service_nav li.curr a,.banner_about  .service_nav li a:hover{ color:#fff;}


.about1{ padding:50px 0 110px 0;}
.about1_fl{ float:left; width:33.33%; font-size:18px; line-height:26px;}
.about1_fr{ margin-left:33.33%;}
.about1_fr ul{ overflow:hidden; padding-left:74px;}
.about1_fr li{ float:left; width:33.33%;}
.about1_fr .pd{ margin-left:26px;}
.about1_fr .h3{ text-align:center; background-color:#2ea7e0; border-radius:5px; cursor:pointer; color:#fff; padding:14px; margin-bottom:18px;}
.about1_fr .h3 strong{ font-size:22px; font-weight:normal; display:block;}
.about1_fr .h3 em{ font-size:15px; display:block;}
.about1_fr .p{ background-color:#efefef; border-radius:5px; padding:30px 18px; font-size:16px; visibility:hidden; opacity:0;transform: translate(0,100px);}
.about1_fr li:hover .p{ visibility:inherit; opacity:1;transform: translate(0,0);}


.about2{ background:#383d43; color:#fff; padding:70px 0 160px 0;}
.about2_fl{ float:left; width:42%; font-size:18px; line-height:26px;}
.about2_fl em{ font-size:22px;}
.about2_fr{ margin-left:42%; padding-left:250px; position:relative;}
.about2_fr .h3{ position:absolute; left:180px; width:50px; text-align:center; font-size:48px; line-height:1.2;}
.about2_fr .p{ font-size:18px; line-height:34px; font-weight:lighter;}

.about3{ padding:20px 0 120px 0;}
/*.about3 .h3{ width:220px; height:38px; line-height:38px; text-align:center; font-size:24px; color:#fff; background-color:#2ea7e0; border-radius:19px; margin-bottom:40px;}*/
/*.about3_fl{ width:50%; float:left;}*/
.about3 .h3{
  height: 38px;
  line-height: 38px;
  font-size: 24px;
  text-align: left;
  padding-left: -1px;
  color: #2ea7e0;
  margin-bottom: 8px;
  /* margin-top: 24px; */
  padding-top: 24px;
  clear:both;
}
.about3 .h3:before{
  content: '';
  width: 0;
  height: 8px;
  margin-top: 6px;
  margin-right: 12px;
  background-color:#2ea7e0;
  border: 8px solid transparent;
  border-bottom: 8px solid #fff;
  float: left;
}
.about3_fl{float:left;}
.about3_fr{ width:50%; float:left;}
.about3 img{ max-width:100%; height:auto;}
.about3 .p{ margin-right:50px;}

.banner_news{ position:relative;}
.banner_news .img{ position:relative; z-index:9;}
.banner_news .img img{ width:100%; height:auto;}
.banner_news .p img{ width:36%; height:auto; min-width:150px; display:block; margin:0 auto;}
.banner_news .h3{ padding-bottom:15px;}
.banner_news .h3 strong{ border-left:2px solid #FFF; border-right:2px solid #FFF; font-weight:normal; color:#fff; padding:0 24px; font-size:54px;}
.banner_news .em{ margin-bottom:45px;}
.banner_news .text{ position:absolute; z-index:11; left:50%; top:50%; margin:-63px 0 0 -700px; width:1400px; text-align:center;}


.news{ background:url(../images/bg4.png) right bottom no-repeat; padding:110px 0;}
.news_list{}
.news_list .pd{ margin:0 5px; background-color:#2ea7e0; display:block; position:relative;}
.news_list .img{ position:relative; z-index:9;}
.news_list .img img{ width:100%; height:auto;}
.news_list .text{ position:absolute; left:15px; top:0px; right:15px; z-index:11; text-align:center; color:#fff; padding-top:90px;}
.news_list .h3{ font-size:14px; font-weight:bold;}
.news_list .em{ font-size:12px;}
.news_list .p{ font-size:12px; line-height:22px; display:none; height:66px; overflow:hidden;}

.news_list a:hover .text{ padding-top:40px;}
.news_list a:hover .p{ display:block;}
.news_list a:hover .img{ opacity:0.6;}


.news_list .single-item{ position:relative;}
.news_list .slick-arrow{ position:absolute; top:50%; margin-top:-50px; z-index:9; background:none; border:none; color:#FFF; cursor:pointer; width:100px; height:100px; text-align:center; line-height:100px; color:#b5b5b6; padding:0px;
  font-family:"iconfont" !important;
  font-size:102px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.news_list .slick-prev{ left:-80px;}
.news_list .slick-next{ right:-80px;}
.news_list .slick-prev:before { content: "\e618"; }
.news_list .slick-next:before { content: "\e61c"; }


.contact_top{ background-color:#fff; padding:50px 0;}
.contact_bottom{ background-color:#ddd; padding:50px 0;}
.contact{}
.contact .h3{ float:left; width:40%;}
.contact .h3 strong{ border-left:2px solid #595757; border-right:2px solid #595757; font-weight:normal; color:#595757; padding:0 24px; font-size:48px;}
.contact .h3 em{ display:block; padding-top:15px;}
.contact .h3 em img{ width:68%; height:auto; display:block;}
.contact .ul{ margin-left:40%;}
.contact li{ width:50%; float:left; margin-bottom:12px;}
.contact li.half_li{ width:50%; float:left; margin-bottom:12px;}
.contact li.w100{ width:100%;}
.contact ul{ margin-right:-30px;}
.contact .pd{ margin-right:30px;}

.pro_flex{
    display: -webkit-flex;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.pro_flex_item{
    width: 43%;
    font-size: 16px;
    margin-bottom: 60px;
    border:1px solid rgba(204,204,204,0.58);
    padding: 35px 10px;
    position: relative;
}
.pro_flex_item p{
    padding: 0 0 25px 0;
}
.pro_flex_item:hover{
    border:1px solid #2ea7e0;
    box-shadow: 0 0 2px #2ea7e070;
}
.pro_flex_item:hover, .pro_flex_item:hover a{
    color: #2ea7e0;
}
.pro_flex_item:hover a img{
    display: block;
}
.pro_flex_item a img{
    position: absolute;
    top:5px;
    right:5px;
    display: none;
}
.contact.procurement .pro_flex_item_content{
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.ipt_t1{ width:100%; box-sizing:border-box; height:50px; border:1px solid #e7e7e7; border-radius:5px; font-size:14px; padding:0 15px; background:#f7f8f8; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.half_li img{ height:50px;}
.textarea1{ width:100%; height:118px; resize:none; box-sizing:border-box; padding:10px 15px; border:1px solid #e7e7e7; background:#f7f8f8; border-radius:5px; font-size:14px; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.ipt_b1{ background:url(../images/bt.png) repeat-y #02a0e5; width:100%; border-radius:5px; height:54px; border:none; cursor:pointer; text-align:center; line-height:54px; font-size:24px; color:#fff; font-weight:lighter; position:relative; display:block;}
.ipt_b1:after{content:'\20'; height:40px; position:absolute; left:0px; bottom:-40px; right:0px; background:url(../images/btbg.png) no-repeat top center ; background-size:100% auto; z-index:999;}

.job{}
.job_list{ overflow:hidden; padding:40px 0 ;}
.job_list ul{ margin-right:-1px;}
.job_list li{ float:left; width:50%; margin-bottom:100px;}
.job_list li.clearfix{ width:100%; margin:0px;}
.job_list li .pd{ padding:10px 40px; border-right:1px solid #dcdddd;}
.job_list .h3{ font-size:24px; color:#2ea7e0; margin-bottom:30px;}
.job_list .p{ font-size:16px; line-height:28px; color:#888;}
.job_list .m{ padding-top:20px;}
.job_list .m a{color:#2ea7e0; font-size:16px;}

.job_bottom{ background:url(../images/job_bottom.png) right bottom no-repeat #383d43; padding:90px 0; font-size:14px; line-height:24px; color:#fff;}
.job_bottom strong{ font-size:16px; font-weight:bold;}
.job_bottom a{ color:#fff;}



.privacy {}
.privacy .h3 { font-size:24px; margin-top:20px;color:#2ea7e0;text-align: center;line-height: 74px;height: 55px;}

.service_nav{ position:absolute; bottom:0px; z-index:11; width:1400px; left:50%; margin-left:-700px;}
.service_nav li{ float:left;}
.service_nav li a{ height:100px; line-height:100px; display:block; border-radius:10px 10px 0 0; font-size:54px; text-align:center; color:#fff; padding:0 20px; margin-right:1px;}
.service_nav li.curr a,.service_nav li a:hover{ background:#383d42;}

.service_con1{ background:url(../images/bg3.png) no-repeat bottom left #383d42; padding:2px; color:#fff;}
.service_con1_fl{font-size:21px; line-height:1.7;}
.service_con1_fr{ margin-left:60%; text-align:center;}
.service_con1_fr ul{ position:relative; width:448px; height:307px; display:block; margin:0 auto;}
.service_con1_fr li{ width:172px; height:150px; background:url(../images/service_con1_fr.png) no-repeat; background-size:cover; text-align:center; line-height:150px; font-size:24px; font-weight:bold; position:absolute;}
.service_con1_fr li a{ color:#fff; display:block;}
.service_con1_fr li:hover,.service_con1_fr li.curr{ background-position:bottom center;}
.service_con1_fr li:hover a,.service_con1_fr li.curr a{ color:#383d42;}

.service_con1_fr li.li1{ left:0; top:50%; margin-top:-75px;}
.service_con1_fr li.li2{ left:50%; top:0; margin-left:-86px;}
.service_con1_fr li.li3{ right:0; top:50%; margin-top:-75px;}
.service_con1_fr li.li4{ left:50%; bottom:0; margin-left:-86px;}

.service_con1_fr img{ max-width:80%; display:block; margin:0 auto; height:auto; position:relative;}
.service_con1_top{margin-bottom: 90px;margin-top: 80px;}

.service_con1_bottom{}
.service_con1_bottom .h3{ text-align:center; margin-bottom:260px;}
.service_con1_bottom .h3 strong{ display:block; font-size:42px; line-height:1; margin-bottom:10px; font-weight:normal;}
.service_con1_bottom .h3 em{ display:block;}
.service_con1_bottom .h3 em img{ width:24%; display:block; margin:0 auto;}
.service_con1_bottom .p{}
.service_con1_bottom .p ul{ width:1130px; margin:0 auto;}
.service_con1_bottom .p li{ float:left; margin:0 40px;}
.service_con1_bottom .p strong{ width:200px; height:200px; border-radius:50%; border:1px solid #FFF; text-align:center; display: table-cell; vertical-align: middle; font-size:26px; font-weight:normal;}
.service_con1_bottom .p strong:hover{ background-color:rgba(255,255,255,0.6); color:#383d42;}

.service_con2_top{ padding:90px 0 110px 0; background:url(../images/bg4.png) no-repeat right bottom;}
.service_con2_top .h3 strong{border-left:2px solid #595757; border-right:2px solid #595757; font-weight:normal; color:#595757; padding:0 24px; font-size:54px;}

.service_con2_top .h3 em{ display:block; padding-top:15px;}
.service_con2_top .h3 em img{ display:block; width:30%; height:auto;}
.service_con2_top .p{ padding-top:40px; font-size:21px; line-height:1.7; width:65%;}
.service_con2_con li{ background-color:#e4f7ff; padding:64px 0; overflow:hidden;}
.service_con2_con li.even{ background-color:#fff;}
.service_con2_con li .p{ width:33.33%; float:left; text-align:center;}
.service_con2_con li .p img{}
.service_con2_con li .p1 img{ width:40%;}
.service_con2_con li .p2 img{ width:30%;}
.service_con2_con li .p3 img{ width:30%;}


.service_con3{ position:relative; background:url(../images/service_con3_bg.jpg) no-repeat top center; padding:60px 0; background-size:cover;}
.service_con3 .tit1 strong{ border-color:#fff;}
.service_con3 .tit1 strong,.service_con3 .tit1 i{ color:#fff;}
.service_con3 .p{margin-bottom:45px;}
.service_con3 .p img{ width:36%; display:block; height:auto;}
.service_con3 .h3{ padding-bottom:15px;}
.service_con3 .h3 strong{font-weight:normal; color:#fff; padding:0 24px; font-size:54px;}
.service_con3 .em{ font-size:21px; line-height:1.7; color:#fff; width:65%;}
/******201906*******/

.service_con3.box_list{ padding: 0}
.service_con3.box_list hr{display: none}
.service_con3 .p .data_box img{ width: 100px; display:block; height:auto;margin:0 auto}
.service_con3 .p .data_box { color:#fff;text-align: center;padding: 60px;transition: .5s;height: 350px}
.data_content p{ font-size: 32px;}

.data_content span{ font-size: 18px; display: block;}
.data_content ul{ list-style-type: disc; width: 100%;}
.data_content .data_info span{font-size: 14px;}
.service_con1_bottom .p .data_content ul,
.service_con1_bottom .p .data_content ul li{ width: 100%}
.service_con1_bottom .p .data_content ul li{ float: none;  margin: 0;}


.underline { border-bottom: 4px solid #fff;  width: 20%; margin: 30px auto;transition: .5s}

.service_con1_bottom .p ul li.data_list{ margin: 0; width: 33%; height:450px;}
.data_box .data_title,.data_box .data_info{margin: 20px auto}

.service_con3 .p ul li.data_list:hover .data_box .underline{margin: 20px auto;transition: .5s}
.data_box .data_title,.service_con3 .p ul li.data_list:hover .data_box .data_info{display: block}
.data_box .data_info{display: none;line-height: 14px;margin-top: 40px;}
.service_con1_bottom .p ul li.data_list:hover{background:rgba(41,171,226,0.3);}
.service_con3 .p ul li.data_list:hover .data_box{ padding: 40px 60px; transition: .5s;}

.service_con1_bottom .p ul.show_list li{ margin: 0; width: calc(33% - 2px);}

ul.show_list p{ font-size: 80px;line-height: 80px;text-align: center;color: #2ea7e0;}
ul.show_list span{
    display: block;
    text-align: center;
    padding-top: 20px;
    font-size: 18px;
    color: #fff;
}

ul.show_list li{border-right: 1px solid #d2cdcd;}
ul.show_list li:last-child{border:none}

.service_con5 .h3{
    font-size: 32px;
    text-align: center;

}
.sub_title{font-size: 18px;margin: 20px}

.service_con3.show_box{
    background: url(../images/data_bg3.png) no-repeat;
    background-color: #000;
    background-size: 100%;
}
.web_img{display: inline-block}
.phone_img{display: none}

/******201906*******/
.service_con4{}
.service_con4 li{ padding:80px 0; border-bottom:1px solid #e5e6e6;}
.service_con4 .img{ float:left; width:12%; text-align:center;}
.service_con4 .text{ width:64%; float:right;}
.service_con4 .img img{ width:100%; height:auto;}
.service_con4 .text img{ width:100%;}

.service_con5{ padding:110px 0 70px 0;}
.tit1{}
.tit1 strong{ border-left:2px solid #383d42; border-right:2px solid #383d42; font-weight:normal; color:#383d42; padding:0 24px; font-size:54px;}
.tit1 i{ font-size:48px; display:block; text-transform:uppercase; font-family:Arial;}
.tit1 em img{ width:30%; min-width:150px; height:auto;}

.service_con5_list{ overflow:hidden; padding-top:100px;}
.service_con5_list ul{ margin-right:-22px;}
.service_con5_list li{ float:left; width:30.66%;}
.service_con5_list .pd{ margin-right:22px;}
.service_con5_list .h3{ text-align:center; background-color:#2ea7e0; border-radius:5px; cursor:pointer; color:#fff; padding:14px; margin-bottom:12px; overflow:hidden;}
.service_con5_list .h3 strong{ font-size:14px; font-weight:bold; line-height:34px;}
.service_con5_list .h3 i{ font-size:34px;float:left; height:34px; line-height:34px;}
.service_con5_list .p{color:#b5b5b6; background:#efefef; border-radius:5px; padding:30px 18px; font-size:16px; visibility:hidden; opacity:0;transform: translate(0,100px); min-height:100px;}
.service_con5_list li:hover .p{ visibility:inherit; opacity:1;transform: translate(0,0);}


.service_ly .contact_top{ background-color:#383d42;}
.service_ly .contact .h3 strong{ border-left:2px solid #fff; border-right:2px solid #fff; color:#fff;}

/*********201906start********/
.service_con5_list li{ float:left; width:45.66%;}
.service_con5_list li:last-child{ float:right; }


.service_con5_list .h3 strong{
    font-size: 24px;
}
.service_con5_list .p{color:#39383a;}
.margin_center{margin: 0 auto;text-align: center}
.min_img{width: 50%}
.middle_img{width: 60%}
/*********201906end********/
.service2_con1{ background:url(../images/bg2.png) right top no-repeat #383d42;padding: 90px 0 50px 0;}
.service2_con1_top{ color:#fff; font-size:21px; line-height:1.7;margin-bottom:160px;}
.service2_con1_bottom{ overflow:hidden;}
.service2_con1_bottom .h1{ text-align:center; font-size:42px; color:#fff; margin-bottom:85px;}
.service2_con1_bottom ul{ margin-right:-60px;}
.service2_con1_bottom li{ width:25%; float:left;}
.service2_con1_bottom .pd{ margin-right:60px;}
.service2_con1_bottom .img{ border-radius:10px; position:relative; margin-bottom:6px;}
.service2_con1_bottom .img img{ width:100%; height:auto;}
.service2_con1_bottom .img:after{content: "\e623";font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; left:100%; bottom:24px; width:60px; text-align:center; line-height:60px; height:60px; font-size:34px; color:#fff;}
.service2_con1_bottom .text{ background-color:rgba(46,167,224,0.5); padding:0; border-radius:10px; font-size:22px; line-height:1.7; color:#fff; visibility:hidden; opacity:0;transform: translate(0,100px);}
.service2_con1_bottom .text img{ display:block; width:100%; height:auto;}
.service2_con1_bottom li:hover .text{ visibility:inherit; opacity:1;transform: translate(0,0);}


.service2_con2_top{ text-align:center; background-color:#2ea7e0; padding:100px 0 80px 0;}
.service2_con2_top strong{ font-size:54px; line-height:1; display:block; font-weight:normal; color:#fff;}
.service2_con2_top em{ padding-top:20px; display:block;}
.service2_con2_top em img{ width:40%; height:auto; display:block; margin:0 auto;}
.service2_con2_bottom{ padding:100px 0; background-color:#f7f8f8;}
.service2_con2_bottom .h3{ text-align:center; font-size:36px; margin-bottom:100px;}
.service2_con2_bottom .p{ text-align:center;}
.service2_con2_bottom .p img{ max-width:100%; height:auto;}

/*********201906start*********/
.service2_con2_bottom.data_1{
    background: none;
    /*background:url(../images/bg4.png) no-repeat right bottom;*/
}
.service2_con2_bottom.data_2,.white .service2_con2_bottom{
    background: #fff;
}
.service2_con2_bottom.data_1 img,.service2_con2_bottom.data_2 img{
    width: 80%;
}
.service2_con2_top em img{
    width: 25%;
}

.img_list{
    width: 60%;margin: 0 auto;
}
.img_list img.small { width: 40%}
.img_list img.big { width: 60%}

/*********201906end*********/
.service2_con3{ padding:100px 0; background-color:#fff;}
.service2_con3 .h3{ text-align:center; font-size:36px; margin-bottom:100px;}
.service2_con3{ overflow:hidden;}
.service2_con3 ul{ margin-right:-100px;}
.service2_con3 li{ width:50%; float:left; margin-bottom:44px;}
.service2_con3 li .pd{ margin-right:100px;}
.service2_con3 li img{ max-width:100%; height:auto;}

.service2_con4{ background:url(../images/service2_con4.png) no-repeat top center; background-size:cover; padding:100px 0 90px 0;}
.service2_con4 .h1{text-align:center; font-size:36px; margin-bottom:100px; color:#fff;}
.service2_con4 .ul{}
.service2_con4 ul{ margin-right:-125px;}
.service2_con4 li{ width:33.33%; float:left; overflow:hidden;}
.service2_con4 .pd{ margin-right:125px;}
.service2_con4 .h3{ background-color:#2ea7e0; font-size:36px; color:#fff; border-radius:10px; text-align:center; height:138px; line-height:138px; margin-bottom:10px;}
.service2_con4 .p{ padding:20px; background-color:#fff; border-radius:10px;  font-size:21px; line-height:1.6; min-height:200px;}
.service2_con4 .p strong{ font-weight:bold; color:#2ea7e0;}




.service2_con5{ padding:90px 0 0 0;}
.service2_con5 .h1{text-align:center; font-size:36px; margin-bottom:80px;}
.service2_con5 li{ border-bottom:1px solid #dcdddd; overflow:hidden; padding:65px 0;}
.service2_con5 .img{ float:left; width:35%;}
.service2_con5 .img img{ width:25%; display:block; margin:0 auto;}
.service2_con5 .text{ float:left; width:65%;}
.service2_con5 .text img{ width:85%; display:block; margin:0 auto;}

.service2_con4.data_bg6{background:url(../images/service2_con6.jpg) no-repeat; background-size:cover; padding:80px 0;}
.service2_con6{background:url(../images/service2_con6.jpg) no-repeat; background-size:cover; padding:80px 0;}
.service2_con6 .h1{text-align:center; font-size:36px; margin-bottom:100px; color:#fff;}
.service2_con6 .ul{ width:1125px; margin:0 auto; overflow:hidden;}
.service2_con6 ul{ margin-right:-74px;}
.service2_con6 li{ float:left; width:25%;}
.service2_con6 .img{ margin-right:74px; position:relative;}
.service2_con6 .img:after{content: "\e623";font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; left:100%; top:0px; width:74px; text-align:center; line-height:74px; height:74px; font-size:34px; color:#2ea7e0;}
.service2_con6 .img img{ width:100%; height:auto;}

.service2_con7{}

.service2_con7_bottom{ padding:80px 0;}
.service2_con7_bottom .h1{text-align:center; font-size:36px; margin-bottom:80px;}
.service2_con7_bottom .p{ text-align:center; width:60%; margin:0 auto; overflow:hidden;}
.service2_con7_bottom .p img{ max-width:100%;}
.service2_con7_bottom .p li{ width:33.33%; float:left;}
.service2_con7_bottom .p ul{ margin-right:-74px;}
.service2_con7_bottom .p .img{ margin-right:74px; position:relative;}
.service2_con7_bottom .p .img:after{content: "\e623";font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; left:100%; top:20%; width:74px; text-align:center; line-height:74px; height:74px; font-size:34px; color:#2ea7e0;}
.service2_con7_bottom .p .img:before{content: "\e623";font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; position:absolute; left:100%; bottom:20%; width:74px; text-align:center; line-height:74px; height:74px; font-size:34px; color:#2ea7e0;}
.service2_con7_bottom .p .img img{ width:100%; height:auto;}

.service2_con8{ background-color:#f7f8f8; padding:120px 0 100px 0;}
.service2_con8 .h1{text-align:center; font-size:36px; margin-bottom:80px;}
.service2_con8_tit li{ float:left; width:20%; text-align:center;}
.service2_con8_tit li a{ width:140px; display:block; margin:0 auto; padding-bottom:40px; position:relative;}
.service2_con8_tit li a img{ width:100%; height:auto;}
.service2_con8_tit li a:after{ display:none; content:'\20'; width:44px; height:22px; background:url(../images/sj.png) no-repeat; position:absolute; bottom:0px; left:50%; margin-left:-22px;}
.service2_con8_tit li.curr a:after{ display:block;}

.service2_con8_con{ padding:15px 30px; background-color:#dcdddd; border-radius:30px; font-size:20px; line-height:1.7; color:#898989;}
.service2_con8_con li{ display:none;}

.footer{ text-align:center; padding:20px 0; background-color:#383d42; color:#fff; border-top:1px solid #555; font-size:14px;}

.footer .record-link{color:#fff;}
.footer .record-link:hover{text-decoration:underline}
.section1{ background:url(../images/b1.jpg) no-repeat top center; background-size:cover;}
.section2{ background:url(../images/b2.jpg) no-repeat top center; background-size:cover;}
.section3{ background:url(../images/b3.jpg) no-repeat top center; background-size:cover;}

.nwp{ width:62%; margin:0 auto; position:relative; padding-bottom: 30px;}

.main1{ text-align:center; color:#fff;}
.main1 .text .p1{ margin-bottom:30px;}
.main1 .text .p1 img{ width:87%; height:auto; display:block; margin:0 auto;}
.main1 .text .p2{ font-size:22px; line-height:1.2; width:42%; margin:0 auto; font-weight:lighter;}

.main1_bottom{ position:absolute; left:50%; bottom:15px; margin-left:-183px; color:#fff; padding-bottom:75px;}
.main1_bottom li{ float:left; margin:0 25px;}
.main1_bottom i{ width:54px; height:54px; font-size:54px; display:block; margin:0 auto; line-height:54px;}
.main1_bottom strong{ padding-top:10px; font-weight:normal;}
.main1_bottom:before { position:absolute; bottom:0px; left:50%; margin-left:-24px; font-family:"iconfont" !important;font-size:48px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\e605"; width:48px; height:48px; line-height:48px; text-align:center;}






.main2{ text-align:center;}
.main2 .p1{ margin-bottom:76px;}
.main2 .p1 img{ width:38%; min-width:150px;}
.main2 .p2{ margin-bottom:50px;}
.main2 .p2 img{ width:80%; min-width:200px;}
.main2 .p3{ font-size:15px; line-height:2; position:relative; padding-bottom:80px;}
.main2 .p3:after{ font-family:"iconfont" !important;font-size:36px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; width:36px; height:36px; bottom:0px; position:absolute; left:50%; margin-left:-18px; bottom:20px;}



.main2_bottom{ background-color:#383d42; padding:50px 0 0 0; color:#fff; text-align:center; position:absolute; bottom:0px; left:0px; right:0px;}
.main2_bottom li{ width:25%; float:left; text-align:center;}
.main2_bottom .img{ position:relative;}
.main2_bottom i{ font-size:68px; width:68px; height:68px; text-align:center; line-height:68px;}
.main2_bottom .text{ font-size:18px; padding-top:16px; position:relative; font-weight:lighter;}

.main3{}
.main3 ul{ margin-right:-40px;}
.main3 .pd{ display:block; margin-right:40px;}
.main3 li{ float:left; width:50%;}
.main3 .img img{ display:block; width:100%; height:auto;}
.main3 .text{ background-color:#2ea7e0; text-align:center; padding:30px 0;}
.main3 .text .p img{ width:50%; height:auto; display:block; margin:0 auto;}


.main3 .text .h3{ padding-bottom:15px;}
.main3 .text .h3 strong{ border-left:2px solid #FFF; border-right:2px solid #FFF; font-weight:normal; color:#fff; padding:0 20px; font-size:36px;}

.main3 .footer{ position:absolute; bottom:0px; left:0px; right:0px;}

.dh{transform: translate(0,80px); opacity:0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;}


.swiper-slide-active .dh{transform: translate(0,0); opacity:1;}
.swiper-slide-active .swiper-slide .dh{transform: translate(0,80px); opacity:0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;}
.swiper-slide-active .swiper-slide-active .dh{transform: translate(0,0); opacity:1;}

.dh1{ transition-delay: 0.3s;}
.dh2{ transition-delay: 0.4s;}
.dh3{ transition-delay: 0.5s;}
.dh4{ transition-delay: 0.6s;}
.dh5{ transition-delay: 0.7s;}
.dh6{ transition-delay: 0.8s;}


.news_info{ padding:50px 0;}
.news_info_top{ text-align:center;}
.news_info_top .h3{ font-size:24px; color:#000;}
.news_info_top .em{ font-size:12px; color:#999;}
.news_info_con{ font-size:14px; line-height:1.8; padding-top:30px;}
.news_info_con img{ max-width:100%; height:auto; display:block; margin:0 auto;}
.news_info_em{ padding-top:30px;}
.news_info_em li{ float:left; width:50%;}

.service2_con2_top strong,.icon2_con .h3 strong,.banner_about .h3 strong,.banner_news .h3 strong,.contact .h3 strong,.service_con2_top .h3 strong,.service_con3 .h3 strong,.tit1 strong,.service_nav li a{ font-size:32px;}
.service_con1_bottom .h3 strong,.service2_con2_bottom .h3,.service2_con3 .h3,.service2_con4 .h1,.service2_con5 .h1,.service2_con6 .h1,.service2_con7_bottom .h1,.service2_con8 .h1,.service2_con4 .h3{ font-size:32px;}
.service2_con2_top strong{ font-size:54px;}










.html,.html body {
position: relative;
height: 100%;
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
background:no-repeat top center;
background-size:cover;
}
.swiper-container-v {
background: #eee;
}
.swiper-slide{ position:relative; overflow:hidden;}
.main1_bottom{ z-index:999;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:200px;}
.btext img{ width:54%; display:block; margin:0 auto;}


.main1_bottom:before,.main2 .p3:after{
animation:FmovefadeInDown 1.5s 1s infinite ease both;
}
@keyframes FmovefadeInDown{
	0%{opacity:0;transform:translateY(-15px)}
	70%{opacity:1;transform:translateY(0)}
	100%{opacity:0;transform:translateY(10px)}
}

.service_con2_top .h3 i,.service_con3 .h3 i{ margin-left:20px; font-size:24px; color:#888; font-weight:lighter;}
.service_con3 .h3 i{ color:#FFF;}

.service2_con2_con{}

.waveBox1{
    width: 50px;
    height: 26px;
    margin: 0px auto;
    overflow: hidden;
    position: relative;
    background-color: inherit;}

.waveBox1 span i {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #8a8687;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.waveBox1 span{
     width:35px;
     display: block;
     color: #fff;
     font-size: 20px
 }
.fix_arrow_top{
    position: absolute;
    z-index: 9;
    top: 5%;
}
.fix_arrow_bottom{
    position: absolute;
    z-index: 9;
    bottom: 42%;
}
.top_left{
    left: 27%;
}
.top_right{
    left: 66%;
}
.bottom_left{
    left: 16%;
}
.bottom_middle{
    left: 47%;
}
.bottom_right{
    left: 80%;
}
.transformThree{
    transform: rotate(270deg);
}
.transformOne{
    transform: rotate(90deg);
}
@keyframes move {
    0% {left: 0%;  opacity: 0; }
    65% { left: 65%; opacity: 1 }
    90% {left: 90%;opacity: 0;}
    100% {left: 90%;opacity: 0;}
}
.move{animation-name:move;position:relative;margin-left:-16px;}
.ar-animated{animation-duration:1.5s;animation-fill-mode:both;animation-iteration-count:infinite;font-style:inherit;animation-timing-function:linear;}
.ar-delay-1s{animation-delay:0.1s;}
.ar-delay-2s{animation-delay:0.2s;}
.ar-delay-3s{animation-delay:0.3s;}
.ar-delay-4s{animation-delay:0.4s;}
.ar-delay-5s{animation-delay:0.5s;}
.ar-delay-6s{animation-delay:0.6s;}
.ar-delay-7s{animation-delay:0.7s;}
.ar-delay-8s{animation-delay:0.8s;}
.ar-delay-9s{animation-delay:0.9s;}
.ar-delay-10s{animation-delay:0.10s;}


@media screen and (max-width:1600px){
.news_list{ padding:0 100px;}
.news_list .h3{}
.news_list .text{ padding-top:80px;}

.main2 .p1{ margin-bottom:40px;}
.main2 .p2{ margin-bottom:40px;}
.main2_bottom{ padding:40px 0;}
.main3 .text{ padding:25px 0;}
.main3 .text .h3 strong{ font-size:32px;}
}
@media screen and (max-width:1440px){
.icon2_con .h3 strong,.banner_about .h3 strong,.banner_news .h3 strong,.contact .h3 strong,.service_con2_top .h3 strong,.service_con3 .h3 strong,.tit1 strong{ font-size:32px; padding:0 15px;}
.ibanner .text,.banner_about .text,.banner_news .text,.service_nav{ width:1300px; margin-left:-650px;}
.service_con1_fl,.service_con2_top .p,.service_con3 .em,.service2_con1_top,.service2_con1_bottom .text,.service2_con4 .p,.service2_con8_con{ font-size:18px;}
.service_con1_bottom .h3 strong,.service2_con1_bottom .h1,.tit1 i,.service2_con2_top strong{ font-size:32px;}

.wp{ width:1300px;}
.menu .h3 a{ font-size:16px;}

.banner_about .text,.banner_news .text{/* bottom:80px;*/}
.banner_news .text{ /*top:inherit;*/}
.banner_about .em{ margin-bottom:10px;}

.service_nav li a{ font-size:32px; height:64px; line-height:64px;}

.service_con1_top{ margin-bottom:60px;}
.service_con1_bottom .h3 {margin-bottom:220px;}
.service_con1_bottom .p strong{ font-size:24px;}

.service2_con2_bottom,.service2_con4,.service_con2_top,.service2_con8{ padding:80px 0;}
.service2_con2_bottom .h3{ margin-bottom:80px;}
.service2_con5{ padding-top:80px;}

/*.main1 .text .p1 img{ width:60%;}
.main1 .text .p2{ font-size:18px; width:30%;}
.main2 .p1 img{ width:30%;}
.main2 .p2 img{ width:60%;}
.main3 .text .p img{ width:40%;}*/
.main2 .p1{ margin-bottom:30px;}
.main2 .p2{ margin-bottom:30px;}
.main2 .p3{ font-size:14px;}

.main3 .text .h3 strong{ font-size:24px; padding:0 10px;}

.main2_bottom .text{ font-size:16px;}
.main1 .text .p2{ font-size:16px;}
}
@media screen and (max-width:1366px){
.ibanner .text,.banner_about .text,.banner_news .text,.service_nav{ width:1200px; margin-left:-600px;}
.menu .h3 a,.menu .box,.language,.icon1_tit .p,.icon2_tit .text,.icon1_con .p3,.about1_fl,.about1_fr .p,.about2_fl,.about2_fr .p,.job_list .p,.service_con1_fl,.service_con2_top .p,.service_con3 .em,.service_con5_list .p,.service2_con1_top,.service2_con1_bottom .text,.service2_con4 .p,.service2_con8_con{ font-size:14px;}
.service_con5_list .h3 strong,.icon2_con .h3 strong,.banner_about .h3 strong,.banner_news .h3 strong,.contact .h3 strong,.service_con2_top .h3 strong,.service_con3 .h3 strong,.tit1 strong{ font-size:18px; padding:0 15px;}
.service2_con2_top strong,.service_con1_bottom .h3 strong,.service2_con2_bottom .h3,.service_con5 .h3,.data_content p,.service2_con3 .h3,.service2_con4 .h1,.service2_con5 .h1,.service2_con6 .h1,.service2_con7_bottom .h1,.service2_con8 .h1,.service2_con4 .h3{ font-size:18px;}
/********201906start********/
.data_content span,.sub_title{font-size: 14px}
.data_box .data_info{font-size: 12px}
.service2_con2_top strong{ font-size:32px;}

.service2_con2_bottom,.service2_con3,.service2_con2_top,.service2_con4,.service2_con1,.service_con4 li,.service_con5,.service2_con6,.service2_con8,.service2_con2_bottom,.service_con2_top{ padding:50px 0;}

.service2_con5{ padding-top:50px;}
.service2_con7_bottom{ padding:50px 0;}


.service2_con1_bottom .h1,.service2_con2_bottom .h3,.service_con5 .h3,.service2_con3 .h3,.service2_con4 .h1,.service2_con5 .h1,.service2_con6 .h1,.service2_con7_bottom .h1,.service2_con8 .h1,.service2_con1_top{ margin-bottom:50px;}
/***********201909end**********/
.wp{ width:1200px;}
.logo{ top:20px;}
.language{ top:30px;}
.menu{padding: 30px 100px 0 0}

.service_con5_list .p{ padding:15px;}
.about2_fr .h3{ font-size:32px;}
.about2_fr .p{ line-height:26px;}
.about1_fr .h3 strong{ font-size:16px;}
.news_list .h3{}


.about1_fr .h3 em{ font-size:12px;}
.icon1_con .p3{ line-height:24px;}

.service_nav li a{ font-size:18px; height:48px; line-height:48px;}

.icon1_tit .em{ font-size:64px;}
.icon1_tit .ul{ padding-top:60px;}
.icon1_con{ padding-top:150px;}
.about1_fl{ line-height:24px;}
.about1_fr .p{ padding:15px;}
.about2_fr{ padding-left:150px;}
.about2_fr .h3{ left:80px;}
.about1{ padding:50px 0;}

.about2{ padding:50px 0 160px 0;}

.about3 .h3{ font-size:18px; width:160px;}


.news_list{ padding:0 50px;}
.news_list .text{ padding-top:70px;}
.news_list a:hover .text{ padding-top:40px;}


.job_list .h3{ font-size:18px; margin-bottom:15px;}
.job_list li{ margin-bottom:50px;}


.service_con1_bottom .p ul{ width:810px;}
.service_con1_bottom .p li{ margin:0 30px;}
.service_con1_bottom .p strong{ font-size:18px; width:140px; height:140px;}
.service_con1_bottom .h3{ margin-bottom:160px;}

.service_con3 .p{ margin-bottom:0px;}

.service_con3 .em{ padding-top:30px;}


.service_con5_list ul{ margin-right:0px;}
.service_con5_list .pd{ margin-right:5px;}
.service_con5_list .h3 i,.service2_con1_bottom .h1{ font-size:24px;}

.service2_con1_bottom .text{ padding:15px;}

.service2_con1_bottom ul,.service2_con6 ul{ margin-right:-30px;}
.service2_con1_bottom .pd,.service2_con6 .img{ margin-right:30px;}
.service2_con1_bottom .img:after,.service2_con6 .img:after{ width:30px; height:30px; font-size:24px; line-height:30px;}




.service2_con3 li .pd{ margin-right:50px;}
.service2_con3 ul{ margin-right:-50px;}

.service2_con4 ul{ margin-right:-60px;}
.service2_con4 .pd{ margin-right:60px;}

.service2_con5 li{ padding:40px 0;}

.service2_con6 .ul{ width:auto;}

.service2_con2_top em{ padding-top:15px;}

.service2_con8_tit li a{ width:120px;}

.ipt_t1{ height:40px;}
.half_li img{ height:40px;}
.ipt_b1{ height:40px; line-height:40px; font-size:18px;}


.main3 .text .h3 strong{ font-size:18px;}
.main2_bottom .text{ font-size:14px;}
.main1 .text .p2{ font-size:14px;}


.service2_con4 li{}
.service2_con4 .h3{ height:58px; line-height:58px;}
.service2_con4 .p{min-height:120px;}

.service_con4 .img img{ width:70%; height:auto;}
.service_con4 .text img{ width:70%;}
.service2_con2_bottom .p img{ width:80%;}
.service2_con3 li img{ width:85%; margin:0 auto; display:block;}



.service2_con6 .img img{ width:70%; margin:0 auto; display:block;}
.service2_con7_bottom .p img{ width:70%; margin:0 auto; display:block;}


 ul.show_list p{font-size: 60px; line-height: 60px;}
 ul.show_list span{font-size: 14px;}
}

@media screen and (max-width:1280px){
.ibanner .text,.banner_about .text,.banner_news .text,.service_nav{ width:1100px; margin-left:-550px;}

.wp{ width:1100px;}


.menu{padding: 30px 100px 0 0}


.news_list .text{ padding-top:90px;}
.news_list a:hover .text{ padding-top:60px;}

.service_con5_list li{ width:45.66%; margin-bottom:50px;}
.min_img{width: 60%}
.img_list{width: 70%}
.waveBox1 span i {
    border-left: 14px solid #8a8687;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
}
.fix_arrow_top {
    top: 4%;
}
}
@media screen and (max-width:1152px){
.ibanner .text,.banner_about .text,.banner_news .text,.service_nav{ width:980px; margin-left:-490px;}

.wp{ width:980px;}
.about1_fr ul{ padding-left:30px;}
.about1_fr .pd{ margin-left:20px;}

.news_list .text{ padding-top:80px;}
.news_list a:hover .text{ padding-top:40px;}
}
.service2_con2_bottom .p img{
    width:90%
}
@media screen and (max-width:1024px){
.ibanner .text,.banner_about .text,.banner_news .text,.service_nav{ width:88%; margin-left:-44%;}
.service2_con1_bottom .h1,.service2_con2_bottom .h3, .service2_con3 .h3,.service2_con4 .h1,.service2_con5 .h1,.service2_con6 .h1,.service2_con7_bottom .h1,.service2_con8 .h1{ margin-bottom:30px;}
.service2_con5 .h1{ margin-bottom:0px;}

body{ padding-top:60px;}
.header{ background-color:#000; height:60px; position:fixed; left:0px; top:0px; right:0px; box-shadow:0 0 10px rgba(255,255,255,0.5);}
.language{ width:32px;}
.language:after{content:"En";}

.body2 .logo,.fp-viewing-page2 .logo,.fp-viewing-page3 .logo{ background-position:top left;}
.body2 .language,.fp-viewing-page2 .language,.fp-viewing-page3 .language{ color:#fff; border-color:#fff;}
.body2 .menu .h3 a,.fp-viewing-page2 .menu .h3 a,.fp-viewing-page3 .menu .h3 a{ color:#fff;}
.body2 .menu .box a,.fp-viewing-page2 .menu .box a,.fp-viewing-page3 .menu .box a{ color:#fff;}

.wp{ width:88%;}

.menu{ display:none; position:fixed; left:0px; right:0px; top:60px; padding:0px; background:rgba(0,0,0,0.8);}
.menu ul{ padding:0 0 15px 0;}
.menu li{ padding:0px 6%;}
.menu .h3 a{ border:none !important; border-bottom:1px solid #fff !important; border-radius:0; line-height:40px; height:40px;}
.menu li .h3 em{ display:block;}
.menu ul{}
.menu li{ float:none; width:auto; margin:0px;}
.menu li:hover .box{ display:none;}
.menu .box{ position:static;}
.menu-link{ display:block; top:12px;}
.language{ right:50px; top:15px;}
.logo{ top:18px; width:108px; height:30px; background-size:108px; height:30px;}

.ibanner .text{ margin-top:-30px;}

.icon1_tit .ul{ padding-top:0px;}

.icon1_tit,.icon2_tit{ padding:40px 0;}
.icon1_con{ padding-top:40px;}
.icon1_con .p1,.icon1_con .p2{ margin-bottom:40px;}
.icon2_con .h3 strong{ font-size:24px; padding:0 10px;}


.banner_about .text,.banner_news .text{}
.banner_news .p img{ display:block;}

.about1_fl{ width:auto; float:none;}
.about1_fr{ margin:0px; padding-top:20px; overflow:hidden;}
.about1_fr ul{ padding:0px; margin-right:-20px;}
.about1_fr .pd{ margin:0 20px 0 0;}


.about2_fl{ width:auto; float:none; margin-bottom:20px;}
.about2_fr{ padding:0px; margin:0px;}
.about2_fr .h3{ position:static; width:auto; text-align:left; font-size:24px; margin-bottom:10px;}


.about2{ padding:50px 0;}
.about3{ padding:20px 0;}
.about3_fl{ margin-bottom:50px;}
.about3 .h3{ font-size:16px;}
.about3_fl,.about3_fr{ width:auto; float:none;}
.about3 .p{ text-align:center; margin:0px;}

.news_list .text{ padding-top:120px;}
.news_list a:hover .text{ padding-top:80px;}

.job_list li{ width:auto; float:none; margin:0px;}
.job_list li .pd{ padding:0; border-right:none; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #dcdddd;}

.service_con1_fl,.service2_con1_top{ width:auto; float:none;}
.service_con1_top{ margin-bottom:40px;margin-top: 40px;}
.service_con1_fr{ margin:0px; padding-top:20px;}

.service_con2_top .p,.service_con3 .em{ width:auto; padding-top:20px;}

.service_con2_con li{ padding:30px 0;}

.service_con5_list li{ margin-bottom:20px;}
.service_con5_list{ padding-top:50px;}

.service_con5_list .p,.service2_con1_bottom .text,.about1_fr .p{ opacity:1; visibility:inherit; transform: translate(0,0);}

.service2_con1{ padding:40px 0;}


.service2_con3 li{ margin-bottom:30px;}
.service2_con3 ul,.service2_con4 ul{ margin-right:-30px;}
.service2_con3 li .pd,.service2_con4 .pd{ margin-right:30px;}

.service2_con4 .h3{ height:60px !important; line-height:60px !important;}
.service2_con4 .p{ display:block !important;}

.service2_con8_tit li a{ width:100px; padding-bottom:20px;}
.service2_con8_tit li a:after{ width:22px; height:11px; background-size:22px 11px; margin-left:-11px;}


.nwp{ width:80%;}
.main1 .text .p2{ font-size:12px; width:50%;}
.main2 .p3{ font-size:14px;}
.main3 .text .h3{ padding-bottom:10px;}
.main3 .text .p img{ width:80%;}
.main3 .text .h3 strong{ font-size:14px;}
.main3 .text{ padding:20px 0;}
.main3 ul{ margin-right:-20px;}
.main3 .pd{ margin-right:20px;}

.news_info_em li{ width:auto; float:none;}
.news_info_top .h3{ font-size:18px;}
/*******201906s********/
.min_img{width: 70%}
.img_list{width: 80%}
/*******201906e********/
}
@media screen and (max-width:960px){
.icon1_tit_fl{ float:none;}
.icon1_tit .p{ width:auto; padding-top:5px;}
.icon1_tit .ul{ width:330px; margin:0 auto; float:none; overflow:hidden; padding-top:20px;}
.icon1_tit li{ width:33.33%; margin:0px; text-align:center;}
.icon1_tit .em{ text-align:center; font-size:32px; padding-bottom:10px;}
.icon1_tit .em:after{ left:50%; margin-left:-55px; height:5px;}
.icon1_tit .p{ text-align:center;}

.news_list .text{ padding-top:100px;}
.news_list a:hover .text{ padding-top:70px;}

.service_con1_bottom .p li{ margin:0 10px;}
.service_con1_bottom .p ul{ width:690px;}
.service_con1_bottom .p strong{ font-size:14px;}

.box_list .wp,.box_list .service_con1_bottom .p ul{width: 100%}

.waveBox1 span i{
    border-left: 8px solid #8a8687;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
    .waveBox1 {
        width: 36px;
    }
    .fix_arrow_top {
        top: 2%;
    }
    .fix_arrow_bottom {
        bottom:41%
    }
    .bottom_left {
        left: 10%;
    }
    .bottom_right {
        left: 80%;
    }
}
@media screen and (max-width:860px){
.icon2_tit li{ width:50%;}
.icon2_tit .img{ padding-bottom:0px;}
.icon2_tit .img:after,.icon2_tit .text:after{ display:none;}
.icon2_tit .text{ padding:15px 0;}

.news_list .text{ padding-top:90px;}
.news_list a:hover .text{ padding-top:60px;}
/****201906s*****/
.img_list{width: 90%}
ul.show_list p {
    font-size: 40px;
    line-height: 40px;
}
.service_con1_bottom .h3 {
    margin-bottom: 100px;
}
.waveBox1 {
    width: 36px;
}
.waveBox1 span i{
    border-left: 8px solid #8a8687;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
/****201906s*****/
}
@media screen and (max-width:768px){
.icon2_con .h3 strong,.banner_about .h3 strong,.banner_news .h3 strong,.contact .h3 strong,.service_con2_top .h3 strong,.service_con3 .h3 strong,.tit1 strong{ font-size:16px; padding:0 10px;}
.about2_fr .h3,.service2_con1_bottom .h1,.tit1 i,.service2_con2_top strong,.service_con1_bottom .h3 strong,.service2_con2_bottom .h3,.service2_con3 .h3,.service2_con4 .h1,.service2_con5 .h1,.service2_con6 .h1,.service2_con7_bottom .h1,.service2_con8 .h1,.service2_con4 .h3{ font-size:16px;}

.service2_con2_top strong{ font-size:18px;}

.icon1_con .p1{ margin-bottom:10px;}
.icon1_con .p2{ margin-bottom:20px;}


.service_nav li a{ font-size:18px; height:40px; line-height:40px;}

.icon2_con li{ width:auto; float:none;}

.about1_fr ul{ margin:0px;}
.about1_fr li{ width:auto; float:none; margin-bottom:20px;}
.about1_fr .pd{ margin:0px;}
.about1_fr .h3{ margin-bottom:5px;}



.news_list .text{ padding-top:60px;}
.news_list a:hover .text{ padding-top:30px;}

.contact .h3{ float:none; width:auto;}
.contact .ul{ margin:0px; padding-top:20px;}

.service_con1_bottom .p strong{ width:120px; height:120px;}
.service_con1_bottom .p ul{ width:570px;}

.service_con5_list li{ width:50%;}
.service2_con1_bottom li{ width:50%; margin-bottom:20px;}

.service2_con4 li{ width:auto; height:auto; float:none; margin-bottom:20px;}
.service2_con4 .p{ height:auto !important; opacity:1; visibility:visible;}
.service2_con4 .h3{ height:40px !important; line-height:40px !important;}



.service2_con5 .img{ float:none; width:auto;}
.service2_con5 .img img{ display:block; margin:0 auto; width:150px;}
.service2_con5 .text{ margin:0px; padding:40px 0 0 0;}

.service2_con6 li{ width:50%; margin-bottom:20px;}

.icon2_tit i{ font-size:54px;}

.ibanner .slick-arrow{ width:54px; height:54px; line-height:54px; text-align:center; font-size:54px; margin-top:-27px;}

/*******201906start********/
.service2_con2_bottom .p img{ width:100%;}
.service2_con2_bottom.data_1 img{width: 100%;}

.service_con3 .p .data_box img{width: 80px}
.underline{width: 30%; margin: 20px auto;}
.data_content p,.service_con5_list .h3 strong{font-size: 14px}

.service_con3 .p ul li.data_list .data_box .data_info{display: block}
.service_con3 .p .data_box{padding: 20px}

.service_con3 .p ul li.data_list:hover .data_box .underline{margin: 20px auto;}

.data_box .data_info{display: none}
.service_con1_bottom .p ul li.data_list:hover{background:inherit}
.service_con3 .p ul li.data_list:hover .data_box{ padding: 20px;}
ul.show_list p{font-size: 35px;line-height: 35px}
    .min_img{width: 90%}
    .img_list{width: 100%}
/*******201906end********/

.service2_con3 li img{ width:100%;}
.service2_con5 .img{ width:100px; margin:0 auto;}
.service2_con5 .img img{ width:100%; height:auto;}
.service2_con5 .text{ width:100%;}
.service2_con5 .text img{ width:100%;}
.service2_con7_bottom .p img{ width:100%;}


.service2_con7_bottom .p{ width:100%;}
.service2_con7_bottom .p ul{ margin-right:-34px;}
.service2_con7_bottom .p .img{ margin-right:34px;}
.service2_con7_bottom .p .img:before,.service2_con7_bottom .p .img:after{ width:34px; height:34px; font-size:24px; line-height:34px;}
.contact.procurement img{
    display: block;
}
}
@media screen and (max-width:640px){
.ibanner .text{ margin-top:-62px;}
.banner_about .text,.banner_news .text{bottom:80px; margin-top:0px; top:inherit;}
.icon2_con .h3,.banner_about .h3,.banner_news .h3{ padding-bottom:5px;}
.contact .h3 em,.service_con2_top .h3 em{ padding-top:5px;}

.service2_con2_top em{ padding-top:5px;}

.news_list .text{ padding-top:120px;}
.news_list a:hover .text{ padding-top:90px;}
.news_list .pd{ margin:0px;}

.service_con1_bottom .p li{ margin:0 5px;}
.service_con1_bottom .p strong{ width:100px; height:100px;}
.service_con1_bottom .p ul{ width:450px;}

.service_con4 .img{ float:none; margin:0 auto; width:120px}
.service_con4 .img img{ width:100%;}
.service_con4 .text{ margin:0px; padding:20px 0 0 0; float:none; width:auto;}
.service_con4 .text img{ width:100%; display:block; margin:0 auto;}

.service2_con8_tit li a{ width:auto; margin:0 5px;}
.service2_con8_con{ border-radius:10px;}

/*****201906start********/
.show_box .wp,.show_box .service_con1_bottom .p ul{width: 100%}
.service_con1_bottom .h3 {
    margin-bottom: 60px;
}
ul.show_list p {
    font-size: 30px;
    line-height: 30px;
}

    .waveBox1 {
        width: 30px;
    }
    .fix_arrow_bottom.bottom_right{
        left: 80%;
        bottom: 36%;
    }
.data_content{
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}


/*****201906end********/
}
@media screen and (max-width:540px){
.news_list .text{ padding-top:80px;}
.news_list a:hover .text{ padding-top:40px;}

.service_con1_bottom .p ul{ width:370px;}
.service_con1_bottom .p strong{ width:80px; height:80px; font-size:12px;}

.service_con5_list li{ width:auto; float:none;}
.service_con5_list .pd{ margin:0px;}

.service_con1_fr ul{ width:280px; height:192px;}
.service_con1_fr li{ width:110px; height:94px; font-size:12px; line-height:94px;}
.service_con1_fr li.li1{ margin-top:-47px;}
.service_con1_fr li.li2{ margin-left:-55px;}
.service_con1_fr li.li3{ margin-top:-47px;}
.service_con1_fr li.li4{ margin-left:-55px;}

.service_nav li a{ padding:0 15px;}
.banner_about .text, .banner_news .text{ bottom:50px;}
    .service_con1_bottom .h3 {
        margin-bottom: 40px;
    }
    .waveBox1 {
        width: 18px;
        height: 20px;
    }
    .fix_arrow_bottom{
        width: 18px;
        height: 18px;
    }
    .fix_arrow_top {
        top: 0;
    }
    .fix_arrow_bottom {
        bottom: 43%;
    }
    .bottom_middle {
        left: 46%;
    }
    .top_left {
        left: 25%;
    }
    .top_right {
        left: 68%;
    }
    .fix_arrow_bottom.bottom_right{
        left: 80%;
        bottom: 36%;
    }

    .pro_flex_item {
        margin-bottom: 50px;
        width: 100%;
        font-size: 14px;
    }

}
@media screen and (max-width:440px){
.icon2_con .h3 strong,.banner_about .h3 strong,.banner_news .h3 strong,.contact .h3 strong,.service_con2_top .h3 strong,.service_con3 .h3 strong,.tit1 strong{ font-size:14px; padding:0 5px; border-width:1px;}
.about1,.about3,.about2,.contact_top,.contact_bottom,.job_list,.service2_con5 li{ padding:30px 0;}
.service2_con2_bottom,.service2_con3,.service2_con2_top,.service2_con4,.service2_con1,.service_con4 li,.service_con5,.service2_con6,.service2_con8,.service2_con2_bottom,.service_con2_top,.icon1_tit, .icon2_tit{ padding:30px 0;}


.icon1_tit .ul{ width:auto;}
.service_nav li a{ font-size:14px;}

.news_list{ padding:0 20px;}
.news_list .text{ padding-top:80px;}
.news_list a:hover .text{ padding-top:40px;}
.news_list .slick-arrow{ width:50px; height:50px; line-height:50px; font-size:50px; margin-top:-25px;}
.news_list .slick-next{ right:-40px;}
.news_list .slick-prev{ left:-40px;}

.contact ul{ margin:0px;}
.contact li{ width:auto; float:none;}
.contact .pd{ margin:0px;}

.service_con1_bottom .p ul{ width:346px;}
.service_con1_bottom .p li{ margin:0 2px;}

.service2_con1_bottom .text{ font-size:12px; padding:10px;}
.service2_con1_top{ margin-bottom:20px;}
.service2_con1_bottom .h1{ font-size:14px; font-weight:bold; margin-bottom:20px;}

.service2_con3 ul{ margin:0px;}
.service2_con3 li{ width:auto; float:none; margin-bottom:10px;}
.service2_con3 li .pd{ margin:0px;}


.service2_con5 .text{ padding:20px 0 0 0;}

.job_list .h3{ margin-bottom:10px;}
.news{ padding:112px 0;}

.service_con5_list .h3{ padding:10px;}
.service_con5_list .p{ min-height:inherit;}
.service_con5_list{ padding-top:30px;}
.service2_con5{ padding-top:30px;}

.icon2_con .text{ left:30px; right:30px; bottom:30px;}
.icon1_con{ padding-top:30px;}
.contact li{ margin-bottom:10px;}
.ipt_b1{ font-size:16px;}
.icon2_tit .text{ font-size:12px;}

.nwp{ width:88%;}
.main1 .text .p1 img{ width:100%;}
.main1 .text .p2{ width:80%;}
.main1 .text .p1{ margin-bottom:15px;}

.main1_bottom{ padding-bottom:50px;}
.main1_bottom:before{ font-size:32px; width:32px; height:32px; line-height:32px; margin-left:-16px;}
.main1_bottom strong{ font-size:12px;}

.main2{ padding-bottom:60px;}
.main2_bottom{ padding:30px 0;}
.main2_bottom i{ font-size:48px; height:48px; width:48px; line-height:48px;}
.main2_bottom .text{ font-size:14px; padding-top:10px;}

.main2 .p1{ margin-bottom:15px;}
.main2 .p2{ margin-bottom:15px;}

.footer{ font-size:12px;}

#fp-nav.right{ right:6%;}
#fp-nav ul li, .fp-slidesNav ul li{ width:12px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width:8px; height:8px;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ width:8px; height:8px;}

.main3 .text .h3 strong{ border-width:1px;}

.main1_bottom i{ font-size:48px; height:48px; width:48px; line-height:48px;}

.main1_bottom{ left:6%; margin:0px; right:6%;}
.main1_bottom li{ width:33.33%; margin:0px;}

.service2_con2_bottom .p img{ width:100%;}
.service2_con3 li img{ width:100%;}
.service_con2_con li .p1 img{ width:80%;}
.service_con2_con li .p2 img{ width:80%;}
.service_con2_con li .p3 img{ width:80%;}

.service_con4 .img{ width:80px;}
.service2_con5 .img{ width:80px;}

.btext img{ width:80%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:150px;}


.service2_con6 .img img{ width:90%;}
.banner_about .img img,.banner_news .img img{ width:140%; margin-left:-20%;}
.banner_about .text, .banner_news .text{ bottom:70px;}


    /*****201906start********/
    .web_img{display: none}
    .phone_img{display: inline-block}
    .service2_con2_bottom .h3{font-size: 14px}

    .service2_con1_top,.data_content .data_info span,.sub_title,.service_con1_fl,ul.show_list span {font-size: 12px }
    .underline{margin: 30px auto}

    .data_content p{font-size: 15px}
    ul.show_list span{padding: 0}
   .service_con3 .p .data_box img{
        width: 40%;}
    ul.show_list p{font-size: 20px;line-height: 40px;}
    .box_list .wp{
        width: 80%;}
    .service_con1_bottom .p ul li.data_list{height: 360px}
    .service2_con2_top em img{width: 30%}
    .service_con1_bottom .p ul li.data_list{width: 100%}
    .service_con3 .p .data_box{padding: 40px 20px}
    .min_img{width: 100%}
    .img_list{text-align: center}
    .img_list img.small{width: 60%}
    .img_list img.big{width: 80%;margin-top: 30px}

    .service_con3.box_list hr{display: block;
        border-color: #ccc;}
    /*****201906end********/

}
@media screen and (max-width:375px){
.service_con1_bottom .p ul{ width:288px;}
.service_con1_bottom .p strong{ width:68px; height:68px; font-size:10px;}
.service_con1_bottom .p li{ margin:0 1px;}

.news{ padding:96px 0;}


.main1_bottom i{ font-size:32px; height:32px; width:32px; line-height:32px;}
.main2_bottom i{ font-size:32px; height:32px; width:32px; line-height:32px;}
.main2 .p3{ font-size:10px;}
.main1 .text .p2{ font-size:10px;}
.main2_bottom .text{ font-size:10px;}
.main3 .text{ padding:15px 0;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:130px;}


.news_list .text{ padding-top:70px;}

.service_nav li a{ padding:0 5px;}
}
@media screen and (max-width:320px){

.news_list .text{ padding-top:70px;}
.news_list a:hover .text{ padding-top:30px;}

.service_con1_bottom .p ul{ width:auto;}
.service_con1_bottom .p strong{ width:64px; height:64px;}

.news{ padding:73px 0;}

.main2 .p3{ font-size:10px; padding-bottom:40px;}
.main2 .p3:after{ font-size:24px; height:24px; width:24px; line-height:24px; bottom:0px;}
.main2_bottom{ padding:15px 0;}
.main2_bottom .text{ font-size:8px;}

.footer{ font-size:10px;}
.main3 .text .h3{ padding-bottom:5px;}


.main2 .p3{ font-size:8px;}
.main1 .text .p2{ font-size:8px;}
.main2_bottom .text{ font-size:8px;}
.main3 .text{ padding:10px 0;}

.news_list .h3{ font-size:12px;}
.news_list .p{ font-size:10px; line-height:15px; height:45px;}
}






@media only screen
and (max-width: 1024px)
and (orientation : landscape){


.main1_bottom{ bottom:10px; padding-bottom:0px;}
.main1_bottom:before{ font-size:14px; width:24px; height:24px; margin-left:-12px; line-height:24px; position:absolute; left:-40px; margin:0px; bottom:0px; background-color:#fff; border-radius:50%; color:#000;}
.main2 .p3:after{ font-size:14px; width:24px; height:24px; margin-left:-12px; line-height:24px; bottom:60px;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ text-align:right; bottom:10px; right:10px; width:auto;}

.main1_bottom{ margin-left:-159px;}
.main1_bottom i{ font-size:32px; width:32px; height:32px; line-height:32px;}
.main1_bottom strong{ font-size:14px;}

/*.main1_bottom:before,.main2 .p3:after{
animation-play-state:paused;
}
@keyframes FmovefadeInDown{
	0%{opacity:1;transform:translateY(0)}
	70%{opacity:1;transform:translateY(0)}
	100%{opacity:1;transform:translateY(0)}
}*/


.main2_bottom{ padding:10px 0;}
.main2_bottom i{ font-size:24px; width:24px; height:24px; line-height:24px;}
.main2_bottom .text{ font-size:12px; padding-top:3px; height:18px; line-height:18px; overflow:hidden;}
.main2 .p3{ padding-bottom:90px; line-height:1.2; font-size:8px;}
.swiper-slide-active .p3.dh{ font-size:8px;}

.main2_bottom .text{ font-size:8px;}

.main2 .p2{ margin-bottom:10px;}
.main2 .p1{ margin-bottom:5px;}

.main2 .p1 img{ display:block; margin:0 auto;}
.main2 .p2 img{ display:block; margin:0 auto;}


.main3 .footer{ padding:10px 0; font-size:8px;}
.main3 .text{ padding:10px 0;}
.main3 ul{ padding-bottom:60px;}

.main2 .p1{ margin-bottom:10px;}
.main2 .p2{ margin-bottom:15px;}

.main3 .text{ padding:10px 0;}
.main3 .text .h3{ padding-bottom:5px; line-height:1;}




.btext{ padding-bottom:50px;}

.main3 ul{ width:60%; margin:0 auto;}
}



@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}


.img_max{ display:block !important; margin:0 auto;}
.img_min{ display:none !important; margin:0 auto;}
@media screen and (max-width:440px){
.img_max{ display:none !important; margin:0 auto;}
.img_min{ display:block !important; margin:0 auto;}
}


/*.about3{}*/
/*.about3 .p{ overflow:hidden;}*/
/*.about3 p{ float:left; width:25%; box-sizing:border-box;}*/
/*.about3 p img{ width:100%;}*/

.about3 p{
  float: left;
  box-sizing: border-box;
  width: 138px;
  height: 138px;
  border: 1px dotted #e0dfdfcc;
  border-radius: 5px;
  margin-top: 10px;
  margin-right: 5px;
}



.ewm{ width:140px; height:auto; display:block;}
.ewm2{ width:140px; height:auto; float:left; margin-right:20px;}

@media screen and (max-width:440px){
.ewm{ margin:0 auto; display:block;}
.ewm2{ margin:0 auto 20px auto; float:none; display:block;}
.about3 .h3{ width:auto;}
.about3_fl{ margin-bottom:30px;}
}

/* self start */

/* start 分页样式 */
.th.page_self{
    text-align: right;
    padding-right: 8%;
}
.th.page_self a,.th.page_self span{
    display: inline-block;
    padding: 0px 7px;
    border: 1px solid #ccc;
    color: #aba7a7;
}
.th.page_self a.page_up{
    border:none; 
}
.th.page_self span,.th.page_self a:hover{
    border-color: #2ea7e0;
    color: #2ea7e0
}
/* end 分页样式 */
/* self end */