.phone{ display: none;}









.mode_about{ padding:0 0 60px 0; background: url(../images/bg4.jpg) no-repeat center center; background-size:cover;}

.mode_about .top_title{ text-align: center;  }

.mode_about .top_title .en{ text-transform: uppercase; color: #bababa;  line-height: 1.2; }

.mode_about .top_title h2{ color: #f38929 }

.mode_about .about_main{  position: relative; }



.mode_about .about_main .videoL{ width: 42.5%; float: left; position: relative;margin:10% 0 0; }

.mode_about .about_main .videoL img{ position: relative; z-index: 2; width: 100%; }

.mode_about .about_main .videoL .btn{ position: absolute; cursor: pointer;  transition: 0.4s; width: 78px; height: 78px; left: 50%;top: 50%; margin-left: -39px;margin-top: -39px; background: url(../images/btn1.png);background-size: 100% 100% ; z-index: 3; }

.mode_about .about_main .videoL .bg{ position: absolute; width: 90%; height: 100%; bottom: -5%; right: -5% ; background: #f38929; opacity: .3;}

.mode_about .about_main .videoL .btn:hover{ transform: scale(1.1); }

.mode_about .about_main .videoL .box2{  height: 100%; width: 100%; z-index: 4; position: absolute; top: 0; left: 0; display: none;background:#000; }

.mode_about .about_main .videoL video{  height: 100%; width: 100%;display: block; background:#000; }





.mode_about .about_main .r_txt{ float: right;  width: 50%; padding-top:20px; }





.mode_about .about_main .r_txt h4 span{ color: #cacaca; text-transform: uppercase; padding-left: 5px; }

.mode_about .about_main .r_txt .p{ overflow:hidden; border-top: solid 1px #dedede; font-size:14px; line-height: 30px; padding-top:34px; text-indent:2em;}
.mode_about .about_main .r_txt .p p{padding:0 0 20px;}
.mode_about .about_main .r_txt .a_more{color: #999; text-transform: uppercase; display: inline-block; border: solid 1px #dedede; text-align: center; line-height: 32px; width: 150px; margin-top: 2em;  }

.mode_about .about_main .r_txt img{ max-width: 80%;  margin-top: 26px;}

.mode_about .about_main .r_txt .a_more:hover{ background: #f38929; color: #fff; }



.i_title{ font-size:36px;color:#00447c; line-height: 40px;}

.i_title2{ font-size:18px; color:#333; padding-bottom:30px;}

.more-about{margin:20px 0 0;clear:both;display: block;}
.more-about a{background:#0d509a;color:#fff;padding:10px 30px;}
.more-about a:hover{background:#397ecb}
.main{ background: url(../images/img_1_23.jpg) no-repeat center top; position: relative;    padding-bottom: 62px;}

.main_left{ float:left; width:100%;}

.main_right{  position: absolute; right:0;bottom:20px;width:322px; height:341px; background: url(../images/img_3_03.jpg) no-repeat center top; font-size:16px; color:#333333; line-height:40px; }
.main_right p{ margin-left:40px; padding-top:40px;}


.main_left p{ font-size:14px; color:#fff; line-height: 30px;}

.main_left .i_title2{ padding-bottom:10px; font-size:24px; padding-top:10px;}

.main_left .i_title{ padding-top:58px;text-transform: Uppercase;}

.main_left ul li{ float:left;margin-right:14px; text-align: center; color:#333; font-size:22px;    width: 18.9%; color:#fff;}
.main_left ul li a{ color:#fff;}
.main_left ul li img{ display:block; width:100%;}

.main_left ul { margin-top:18px;}



.n_titleleft{ float:left;}

.n_titleright{ float:right; font-size:16px; color:#333; padding-top:45px;}

.news_title .i_title2{ padding-bottom:10px; font-size:24px; }

.news_title .i_title{ text-transform: Uppercase;}



.n_cenleft { width:59%; float:left;}

.n_cenleft h4{ }

.n_cenleft span{font-size:26px; color:#333; display:inline-block; margin-top:20px;
text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 overflow: hidden;

}

.n_cenleft p{ font-size:16px; color:#999; margin-top:10px; width:96%;}



.n_cenright{ width:41%; float:right;}

.n_cenright ul li{ padding:16px 34px;}

.n_cenright ul li:hover{ background: #00447c;}

.n_cenright ul li h4{ font-size:18px; line-height: 34px;
	text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;
 overflow: hidden;

}

.date2{ color:#858585;}

.n_cenright ul li p{ margin-bottom:2px;
	text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;

}

.n_cenright ul li:hover a{ color:#fff;}



.news_center{ margin-top:30px;}

.news{ padding-top:70px;}







.menu {

  width: 22.5%;

  float: left;

  border-top: 1px solid #eaeef4;

}

.ovh {

  overflow: hidden;

  display: block;

}

.menu li {

  overflow: hidden;

  display: block;

}

.menu a:hover, .menu .meon a {

  background: #0d509a;

  color: #fff;

}



.menu a {

  overflow: hidden;

  display: block;

  padding: 5.5% 12% 5.5% 18%;

  font-weight: bold;

  font-size: 16px;

  color: #333333;

  line-height: 30px;

  border-bottom: 1px solid #eaeef4;

}





.con_title {

  position: relative;

  margin-bottom: 3.3%;

  font-weight: normal;

  font-size: 40px;

  color: #565656;

  line-height: 84px;

  background: url(../images/con_title.jpg) left bottom repeat-x;

}

.ny_right {

  width: 75%;

  overflow: hidden;

  display: block;

  float: right;



}

.con_title:after {

  content: '';

  width: 101px;

  height: 2px;

  background: #000;

  position: absolute;

  left: 0;

  bottom: 0;

  z-index: 1;

}



.ny_centent{ padding-top:60px;}

.ditu{height:500px;width:100%;display:block;position:relative;background:#fff;z-index:0;}



/*案例*/

.container{ padding-top:60px;}

.bus_img {

  width: 50%;

  position: relative;

  display: table-cell;

  vertical-align: top;

}

.bus_img p {



  position: absolute;

  top: 0;

  left: 0;

  font-size: 20px;

  color: #fff;

  line-height: 50px;

  text-align: center;

  padding: 0 6px;

  background: #0079cf;

}

.bus_pro {

  width: 50%;

  padding: 0 4%;

  display: table-cell;

  background: #ecf2f8;

  vertical-align: middle;

}

.bus_pro h3 {

  padding-bottom: 6px;

  font-size: 18px;

  color: #333;

  line-height: 20px;

}

.bus_pro p {

  padding-bottom: 5px;

  font-size: 18px;

  color: #666;

  line-height: 36px;

  display: -webkit-box;

  overflow: hidden;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

}

.bus_more {

  font-size: 18px;

  color: #0079cf;

  line-height: 30px;

}

.bus_info {

  margin-left: -3%;

  padding-top: 4%;

}

.bus_info li {

  width: 30.33%;

  float: left;

  margin-left: 3%;

  margin-bottom: 3%;

}

.bus_img {

  width: 50%;

  position: relative;

  display: table-cell;

  vertical-align: top;

}

.bus_img p {



  position: absolute;

  top: 0;

  left: 0;

  font-size: 20px;

  color: #fff;

  line-height: 50px;

  text-align: center;

  padding:0 22px;

  background: #0079cf;

}





/*新闻中心*/

.news_fl{ text-align:center;margin-top:42px;}

.news_fl .news_all{ height:24px; line-height:24px;   padding:0 15px; background:#340064; color:#fff;  border:none;}

.news_fl a{ border-left:1px solid #333;  padding:0 27px; height:24px; line-height:24px;}

.news_nr ul{ margin-top:30px;}

.news_nr ul li{

    width: 31%;

    border-bottom: 1px solid #eaeaea;

    

    transition: 0.8s;
height:320px;
    float:left;
    margin:0 1% 40px;
}

.news_nr ul li:hover{

    background:#fff;

    box-shadow: 0 16px 70px rgba(149, 149, 149, 0.3);

}
.news_nra ul li{height:450px;}
.news_imga{ float: left; width:100%;height:360px;}

.news_imga img{ display: block; width:100%;height:360px;}

.news_img{ float: left; width:100%;height:190px;overflow: hidden;text-align: center;
    border: 1px solid #ccc;}

.news_img img{ display:inline-block; width:auto;height:100%;object-fit: cover;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.news_img a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}


.news_wz{ float: right; width:100%;margin-top:20px; text-align: center;} 

.news_wz h4{ float: left; font-size:14px; font-weight:100; border-right:1px solid #e6e6e6; width:11%; }

.news_wz h4 i{ font-size:24px; color:#333; display: block;}

.news_wz span{  width:100%; font-size:16px; display: block;margin-right:2%; font-weight:bold;}

.news_wz span a{ color:#333;}

.news_wz p{ width:95%; color:#666; line-height:20px; margin-top:10px; margin-left:2%;text-align: left;}





.case_list1 span{ font-size:20px; font-weight:bold;}

.case_list1 p{ font-size:16px;line-height: 26px;}





/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:12px;margin:20px 0 40px;}
.page_list li{display:inline-block;}
.page_list a{display:inline-block;color:#333;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 16px;margin:0 6px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list .active span{color:#333;border:1px solid #ccc;background:#ccc;text-align:center;padding:0 16px;margin:0 1px;display: inline-block;}


/*联系方式*/

.con_nr {

  text-align: center;

}

.con_nr ul li {

  display: inline-block;

  padding: 0 5%;

  position: relative;

  width:23%;
    float:left;

}

.ny_content img {

  display: inline-block;

  max-width: 100%;

}

.con_nr ul li span {

  display: inline-block;

  font-size: 16px;

  color: #000;

  line-height: 46px;

}

.con_nr ul li p {

  font-size: 16px;

  color: #333;

}

.con_nr ul li:nth-of-type(2){width:33%;}
.con_nr ul li:nth-of-type(3){width:13%;}

.con_nr ul li:nth-of-type(3):after {display: none;}

.con_nr ul li:after {

  content: "";

  display: table;

  height: 60px;

  width: 1px;

  position: absolute;

  bottom: 0;

  right: 0;

  background: #eeeeee;

}

.con_map {

  margin-top: 84px;
    width:90%;padding:0 5%;

}



.con_nr_list {

  padding: 54px 0;

}

.con_nr_list dl {

  float: left;

  width: 38%;

  margin: 2%;

  background: #fff;

  box-shadow: 3px 8px 20px rgba(177, 177, 177, 0.3);

  border-bottom: 3px solid #0d509a;

  padding: 4%;height:150px;

}

.con_nr_list dl dd {

  float: left;

  width:64%;

}

.con_nr_list dl dt {

  float: right;

}

.con_nr_list dl dd h4 {

  font-size:18px;

  color: #000;

  font-weight: normal;

  margin-bottom: 14px;

}

.con_nr_list dl dd p {

  font-size: 14px;

  color: #333;

  margin-bottom: 14px;

}

.con_nr_list dl dd p img{ margin-right:6px; margin-top:-4px;}

.con_nr_list dl dd h4 img {

  display: inline-block;

  margin-right: 14px;

}







.list_sciencepage{ padding-bottom: 90px;  }

.list_science{margin-right: -13px;position: relative;  }

.list_science li{ float: left;width: 256px; margin-right: 13px; margin-bottom: 30px; height: 360px; padding: 9px; border:1px solid #d3d3d3; }

.list_science dl{ }

.list_science dl dt{ position: relative; height: 295px;}

.list_science dl dt a{ }

.list_science dl dt .img{width: 256px;height: 295px; overflow: hidden; position: relative; }

.list_science dl dt .img img{ width: 100%;height: 100%;  -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; }

.list_science dl dt .txt{ position: absolute; left: 50%; top: 50%;margin-left: -61px; margin-top: -61px; 

    width: 122px; height: 122px; background: url(../images/science_circle.png) no-repeat center;     display: table;  }

.list_science dl dt .txt span{ 

     line-height: 24px; 

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    color: #ffffff;

     text-shadow: 0px 1px 3px rgba( 0, 0, 0,0.75 ); 

    width: 90%; padding: 0 5%;

    display: table-cell;

    vertical-align: middle;



     }

.list_science dl dd{overflow: hidden;height: 65px; }

.list_science dl dd a{float: left;width: 50%;height: 65px; line-height: 65px; background: #0062bf; text-align: center; font-size: 15px;color: #fff; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s;  }

.list_science dl dd a i{font-family: "SimSun";font-size: 14px;padding-left: 12px;font-weight: bold;}

.list_science dl dd a.btn2{background: #153373;   }





.list_science dl dt a:hover .img img{ transform:scale(1.05);  -webkit-transform:scale(1.05);}

.list_science dl dd a:hover{ background: #3381cc;  }



.floatAd{position:fixed;right:0;top:35%;z-index:999;}

.span_close{position:absolute;right:0;top:0;width:40px;height:40px;cursor:pointer;}







.izl-rmenu{position:fixed; right:0; margin-right:20px; top:208px; padding-bottom:20px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:62px; height:62px;  cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/customer_service.png) no-repeat center center; background-color:#333333;}
.izl-rmenu .btn-qq:hover{background-color:#00447c;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/customer_service.png) no-repeat center center; background-color:#333333; text-decoration:none;    border-bottom: 1px solid rgb(65, 65, 65); display:block;}
.izl-rmenu .btn-wx{background:url(../images/erewima3.png) no-repeat center center; background-color:#333333;    border-bottom: 1px solid rgb(65, 65, 65);border-top: 1px solid rgb(35, 35, 35);}
.izl-rmenu .btn-wx:hover{background-color:#00447c;}
.izl-rmenu .btn-bj{ background-color:#333333;    border-bottom: 1px solid rgb(65, 65, 65);border-top: 1px solid rgb(35, 35, 35); text-align:center; padding-top:16px; height: 62px;}
.izl-rmenu .btn-bj:hover{background-color:#00447c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-153px; top:0px; display:none;width:153px;height:183px;}
.btn-wx:hover .pic{ display: inline-block !important;max-width: 150px !important;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) no-repeat center center; background-color:#333333;border-top: 1px solid rgb(35, 35, 35);}
.izl-rmenu .btn-phone:hover{background-color:#00447c;}
.izl-rmenu .btn-phone .phone{
	background-color: #333333;
    position: absolute;
    width: 160px;
    left: -202px;
    top: 0px;
    line-height: 62px;
    padding: 0 20px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    display: none;
}
.izl-rmenu .btn-top{background:url(../images/bottom_price_top.png) no-repeat center center; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}






.phone_bottom{ display: none;}


.pny_banner{ display: none;}




























