@charset "utf-8";
/* CSS Document */
body,html{ margin:0px; padding:0px;}
body{ padding-top: 90px; font-weight: lighter; font-family: "Source Han Sans CN"; font-size:14px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  }
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
 ul{ margin:0px; padding:0px;zoom:1;/*用于IE6*/ }
div {zoom:1;/*用于IE6,要是IE6错位,修复这个.*/}
li{ margin:0px; padding:0px;list-style:none;vertical-align:middle;float:left;}
dl,dt,dd {margin:0;padding:0;}
img{margin:0px auto;border:0;}
a {text-decoration:none;color:#000;}
a:hover {color:#FF3300;}
a img{border:none;border:0;}
p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
.clear {clear:both;width:100%;height:0;font-size:0px; }

input,select {padding:0;margin:0; border:none;}
.wrap {width:1000px;margin:0 auto;height:auto;}
.fl {float:left;}
.fr {float:right;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}
.lh22 {line-height: 22px;}
.lh24 {line-height: 24px;}
.lh26 {line-height: 26px;}
.lh28 {line-height: 28px;}
.lh30 {line-height: 30px;}
.tl {text-align:left;}
.tc {text-align:center;}
.tr {text-align:right;}
.fb {font-weight:bold;}
.fn {font-weight:normal;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt80 {margin-top:80px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml40 {margin-left:40px;}
.m10 {margin:10px;_display:inline;}
.m20 {margin:20px;}
.mb20 {margin-bottom:20px;}
.mb40 {margin-bottom:40px;}
.mb35 {margin-bottom:35px;}
.pl10 {padding-left: 10px;}
.pl20 {padding-left: 20px;}
.pr10 {padding-right: 10px;}
.pr20 {padding-right: 20px;}
.pt15 {padding-top: 15px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}
.pr5 {padding-right: 5px;}
.pl5 {padding-left: 5px;}
.pt5 {padding-top: 5px;}
.pt25 {padding-top: 25px;}
.pb5 {padding-bottom: 5px;}
.p10 {padding: 10px;}
.p20 {padding:20px;}
.p5 {padding: 5px;}
.p1 {padding: 1px;}
.b {display:block;}
.in-b {display:inline-block;zoom:1;*display:inline;}
.por {position:relative;}
.poa {position:absolute;}
.ti {text-indent:-999999px;}
#no {border:none;border:0;}
.red{ color:#e40f41 !important;}
.clear{ clear:both;}
.ml3{ margin-left:3%;}
.mr3{ margin-right:3%;}
.white{ color:#fff !important;}
.bgf0{ background:#f0f0f0;}
.ml1{ margin-left:1%;}
.mr1{ margin-right:1%;}
.mt10{ margin-top:10px;}
.fn{ float:none !important;}
.mr4{ margin-right:4%;}
.pl3{ padding-left:3%;}
.pr3{ padding-right:3%;}
.strong{ font-weight:bold;}
.red{ color:#da261d;}
.blue{ color:#0080ff !important;}
.yellow{ color:#ff8800 !important;}
.grey{ color:#abaaa9 !important;}
.text-center{ text-align:center;}
.hidden{ visibility:hidden;}
.text-right{ text-align:right;}
a:hover{ text-decoration:none !important;}

.mt25{ margin-top:25px !important;}
a:focus{ text-decoration:none;}
.w100{ width:100% !important;}
.pl0{ padding-left:0px;}
.pr0{ padding-right:0px;}
.p0{ padding:0px;}
.w100{ width:100%;}
.pr{ position:relative;}
.po{ position:absolute;}

.scale{ transition:all 0.5s ease; overflow:hidden;}
.scale:hover img{ transform:scale(1.1); transition:all 0.5s ease;}
.pr{ position:relative;}
.pa{ position:absolute;}
input:focus,textarea:focus,button:focus{ outline: none; }

.ban_lay p a{ 
    position: relative;
    padding-right: 20px;
}
.ban_lay p a::before{
    content: ">";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
right: 7px;
}
.ban_lay p a:last-child::before {
    display: none;
}#page li.active {
    border: 1px solid #074fa2 !important;
    background-color: #074fa2 !important;
    color: #FFFFFF;
}
/*菜单1*/
@keyframes run{

	from{  bottom: 30px; }
	to{  bottom: 20px; opacity: 0; }
}


.ban_lay{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); color: #fff;  text-align: center;}
.ban_lay h3{ font-size: 27px; margin-bottom: 10px; margin-top: 10%; }
.ban_lay p,.ban_lay p a{color: #fff;  font-size: 15px; }
.content{ padding: 50px 0;  }
.case_list{ margin-bottom: 20px; }
.case_list a{ display: block; border: 1px solid #f3f3f3;  }
.case_list h3{   border-top: 1px solid #f3f3f3;  font-size: 15px; color: #5f5f5f; text-align: center; padding: 15px 0;}
.load{ background: #f3f3f3; height: 56px; line-height: 56px;  }
.load_ul{ display: inline-block; }
.load_ul li a{ display: block; padding: 0 30px;  font-size: 16px; color: #313131;}
.load_ul li.active a,.load_ul li:hover a{ color: #fff; background: #084da1;  }
.pro_list{ margin-bottom: 30px; }
.proin{ box-shadow: 0px 0px 4px 0px rgb(226, 222, 222); border: 1px solid transparent; padding: 20px; text-align: center; position: relative; }
.proin h3{ font-size: 17px; color: #000000;  text-align: center; margin: 20px 0;}
.proin a{ display: inline-block; border: 1px solid #e4e4e3; padding: 5px 30px; color: #b2b2b2; font-size: 12px;}
.prodes_l{ border: 1px solid #eaeaea; padding: 20px;  margin-bottom: 20px;}
.prodes_r{  margin-bottom: 20px; }
.prodes_r_title{  font-size: 24px; color: #000000; }
.procon01{  font-size: 16px; color: #6c6c6c; line-height: 30px; padding: 20px 0; border-bottom: 1px solid #eaeaea; }
.pro_zx{ margin-top: 35px; display: inline-block; background: #084da1; color: #fff; padding: 12px 17px 6px; font-size: 15px; }
.pro_zx i{ font-size: 24px;  float: left; margin-top: -7px;}
.pro_b_h3{ font-size: 17px; color: #000000;  background: #f6f6f6; padding: 12px 40px; border: 1px solid #eaeaea; border-bottom: none; border-top: 3px solid #eaeaea;  display: inline-block;}
.pro_b{  font-size: 15px; color: #5c5c5c; line-height: 25px; }
.page_w{ padding: 20px 0; }
.page_span{ display: block;  color: #606060; margin-bottom: 10px;}
.return_a{ padding:7px 36px; background: #a1a1a1; color: #fff; font-weight: bold; border-radius: 4px;  position: absolute; top: 20px; right: 0;}
.pro_bin{ padding: 20px; border: 1px solid #eaeaea;}
.fzlc_ul li{ float: none;  font-size: 16px; color: #000000;  padding: 10px 0; border-bottom: 1px solid #e8e8e8;}
.fzlc_ul li:nth-child(2n){ background: #f0f0f0; }
.fz01{ display: inline-block; width: 150px; text-align: center; float:left}
.fz02{ margin-left:24%; display:block}
.fzlc_ul li:nth-child(1) .fz02{ margin-left: 24%; }
.ab_con{ font-size: 15px; color: #5f5f5f; line-height: 35px;  }
.lx_p{  font-size: 17px; color: #1b1b1b; margin-bottom: 25px;}
.lx_list{ text-align: center;  font-size: 15px; color:#1b1b1b; margin-bottom: 30px;}
.lx_list i{ color: #074fa2; font-size: 40px; }
.map{  margin-bottom: 30px; }
.lxcon_list p{   font-size: 16px; color: #1b1b1b; margin-bottom: 5px;}
.lxcon_list p span{  color: #e00000;}
.lxcon_list input{ width: 100%; height:42px; border: 1px solid #ebebeb;   margin-bottom: 10px; padding-left: 10px;}
.lxcon_list textarea{  width: 100%; height:163px; border: 1px solid #ebebeb; margin-bottom: 10px; resize: none; padding: 10px;}
.lxcon_list button{ font-size: 15px; background: #074fa2; color: #fff; padding: 8px 50px; border-radius: 40px; border: none; }
.zhao_con{  font-size: 16px; color: #5f5f5f; line-height: 35px; margin: 30px 0;}
.zhao_dl{ border: 1px solid #dce0e6;  margin-bottom: 15px;}
.zhao_dl dt{ padding: 15px 45px;  overflow: hidden; position: relative; font-weight: normal;}
.zhao_dl dt h3{ display: inline-block;  font-size: 20px; color: #5f5f5f; }
.zhao_dl dt p{float: right; display: inline-block; font-size: 17px; color: #5f5f5f;}
.zhao_dl dt p span{ display: inline-block; margin-right: 25px;}
.zhao_dl dt i{ font-size: 24px; position: absolute; top: 10px; right: 10px; color: #074fa2; font-weight: lighter;}
.zhao_dl.active dt{ background: #074fa2;  color: #fff; }
.zhao_dl.active dt h3,.zhao_dl.active dt p,.zhao_dl.active dt i{ color: #fff; }
.zhao_dl.active dd{  }
.zhao_dl dd{ color: #5f5f5f;   padding: 30px 40px; border: 1px solid #074fa2; border-top: none; display: none;}
.zhao_ul li{ width: 50%; line-height: 30px; }
.zhao_ul h3{  font-size: 17px; margin-bottom: 10px; }
.tdjl{ position: relative; display: inline-block; border: 2px solid #074fa2; padding:8px 33px 8px 53px; border-radius: 30px; color: #074fa2;  margin-top:20px; }
.tdjl i{  color: #074fa2; font-size: 24px; position: absolute; left: 20px; top: 2px;}
.zao01{ padding-right: 0px; }
.zao02{ padding-left: 10px; }
.zao03{ margin-bottom: 10px; }
.zao03,.zao04{ padding: 0; }
.new_l{  border: 8px solid #074fa2;  padding: 10px; height: 250px;}
.zxtj{ position: absolute; right: 20px; bottom: 30px; border-bottom: 3px solid #074fa2;padding-bottom: 5px; }
.new_r{  border: 1px solid #074fa2;}
.new_rr{ padding: 20px;  height: 250px;    border-left: 1px solid #074fa2; }
.new_rr h3{ font-size: 17px; color: #2c2c2c; }
.new_rr span{  font-size: 15px; color: #2c2c2c; margin:10px 0 10px; display: block; }
.new_rr p{ font-size: 15px; color: #585858; line-height: 30px;  }
.new_rr_a{border: 1px solid transparent;  margin-top: 10px;  display: inline-block; padding: 5px 28px; background: #074fa2; color: #fff; text-transform: uppercase;}
.new_list{  background: #eeeeee;  margin-bottom: 20px; overflow: hidden;}
.new_list .new_list_l{ background: #074fa2; padding: 30px 0; text-align: center; color: #fff;}
.new_list .new_list_l h3{ font-size: 17px;  }
.new_list .new_list_l p{ font-size: 18px;   margin: 15px 0 10px; display: inline-block; border-bottom: 1px solid #fff; padding-bottom: 5px;}
.new_list .new_list_l span{ display: block; font-size: 15px; text-transform: uppercase; }
.new_list .new_list_r h3{ font-size: 17px; color: #2c2c2c; margin-bottom: 10px; }
.new_list .new_list_r{padding: 20px;  font-size: 15px; color: #585858; line-height: 25px; }
.new_r .next_newban,.new_r .prev_newban{ width: 20px; height: 53px; }
.new_r .next_newban{  background: url("../images/next.jpg") no-repeat; background-size: contain; right: 0; }
.new_r .prev_newban{  background: url("../images/next.jpg") no-repeat; background-size: contain; left: 0;}
.new_l h3{  font-size: 17px; color: #2c2c2c; font-weight: lighter; line-height: 25px; }
.new_rr1{ padding:10px 10px 10px 25px;  }
.new_wrap{ margin-bottom: 30px; }
.newdes_titl{ text-align: center; color: #2c2c2c;  font-size: 17px; }
.newdes_time{ font-size: 12px; display: block; text-align: center; margin:10px 0;}
.newdes{ line-height: 25px; color: #585858; }
.newdes img{ max-width: 100%; }
.banner_lay{ position: absolute; left: 0; right: 0; top: 50%; text-align: center; color: #fff;}
.banner_lay h3{ font-size: 40px; font-weight: bold;  margin-bottom: 10px; text-shadow: 0px 1px 0px rgb(148, 145, 145); }
.banner_lay p{ font-size: 19px; font-weight: lighter; text-shadow: 0px 1px 0px rgb(148, 145, 145);}
header{  background: #fff; height: 90px; box-shadow: 0px 0px 8px 0px rgb(199, 195, 195); position: fixed; top: 0; left: 0; right: 0; z-index: 10;}
.logo{ display: inline-block; margin-left: 120px; margin-top: 15px;}
.menu_ul { float: right; margin-right: 30px; }
.menu_ul > li > a{ display: block;  font-size: 16px; color: #363636; line-height: 90px; padding:0 17px;}
.head_r span{ cursor: pointer; height: 90px; line-height: 90px; display: inline-block; width: 75px; text-align: center; border-left: 1px solid #ebebeb;}
.head_r span i{  color: #222222;}
.pagination_banner .swiper-pagination-bullet{ background: #949494; opacity: 1; }
.pagination_banner .swiper-pagination-bullet-active{  background: #0f6db5; }
.index_pro{ padding: 60px 0;  }
.index_titl{ display: inline-block; width: 670px; margin-bottom: 15px;}
.line01,.line02{ display: inline-block; width: 219px; height: 1px; background: #d9d9d9; position:relative; float: left; margin-top: 25px;}
.line01:after{ content: ""; width: 35px; height: 3px; background: #0f6db5; position: absolute; top: -1px; right: 0; }
.line02:after{ content: ""; width: 35px; height: 3px; background: #0f6db5; position: absolute; top: -1px; left: 0; }
.line02{ float: right; }
.index_in{ display: inline-block; }
.index_in dl dt{ font-size: 50px; color: #0f6db5; float: left;  font-weight: normal; margin-top: -14px; }
.index_in dl dd{ float: left; text-align: left;}
.index_in dl dd h3{  color: #0f6db5; font-size: 24px; margin-left: 5px; }
.index_in dl dd p{ font-size: 16px; color: #cbcbcb; text-transform: uppercase; padding-left: 5px;}
.index_p{  font-size: 15px; color: #363636; line-height: 30px;  text-align: center; margin-bottom: 40px;}
.xtimg01{ display: block; }
.xt_ul li{ width: 360px; position: absolute;  }
.xt_ul li dt{ float: right; }
.xt_ul li dt span{border-radius: 100%; display: inline-block; width: 75px; height: 75px; text-align: center; line-height: 75px; background: #949494; }
.xt_ul li dt i{ color: #fff; font-size: 34px; font-weight: normal;}
.xt_ul li dd{ text-align: right; float: left; width: 75%;  }
.xt_ul li dd h3{  font-size: 18px; color: #0f6db5; margin-bottom: 10px; }
.xt_ul li dd p{ font-size: 14px; color: #363636; line-height: 25px; }
.xt_ul li:nth-child(2n) dt{ float: left; }
.xt_ul li:nth-child(2n) dd{ float: right; text-align: left; }

.xt_ul li:nth-child(1){ top: 0; left: 0; }
.xt_ul li:nth-child(2){ top: 0; right: 0; }
.xt_ul li:nth-child(3){ bottom: 0; left: 0; }
.xt_ul li:nth-child(4){ bottom: 0; right: 0; }
.index_pro .pagination_index_pro{ position: absolute; left: 0; right: 0; bottom: -20px; }
.pagination_index_pro .swiper-pagination-bullet{ background: #6a6a6a; opacity: 1; margin: 0 3px; width: 11px; height: 11px;}
.pagination_index_pro .swiper-pagination-bullet-active{ background: #f8991d; }
.index_pro01{ padding:0px 0 30px; margin-top: 30px;  }
.index_pro .proin{ margin: 5px; }
.index_aboutin{ overflow: hidden; background: #0f6db5; color: #fff; }
.index_aboutin_lin{ width: 575px; float: right;  line-height: 25px; font-size: 15px; padding-top: 70px; padding-right: 50px;}
.index_aboutin_lin h3{ font-size: 23px; }
.index_aboutin_lin span.jsspan{ font-size: 13px; text-transform: uppercase;  margin: 5px 0 20px; display: block;}
.index_aboutin_lin a{ display: inline-block; color: #fff; padding: 4px 42px; border-radius: 40px; border: 1px solid #fff; margin-top: 50px; }
.index_aboutin_l,.index_aboutin_r{ width: 50%; }
.index_about{ padding-top: 60px; }
.index_new{ background: #f6f6f6; padding: 60px 0;  }
.index_new_ul li{ width: 48%; margin-bottom:15px;  background: #fff; }
.index_new_ul li:nth-child(2n){ float: right; }
.index_new_ul li dl{ position: relative;  height: 130px; padding: 15px 15px 0px 15px; padding-left: 190px;}
.index_new_ul li dt{ width: 180px; height: 130px; position: absolute; top: 0; left: 0; }
.index_new_ul li dt img{height: 130px;}
.index_new_ul li h3{ font-size: 16px; color: #0f6db5; }
.index_new_ul li span{ display: block;  font-size: 12px;color: #0f6db5;  margin-top: 10px; margin-bottom: 5px;}
.index_new_ul li p{ font-size: 15px; color: #363636; line-height: 25px; }
.new_more{ display: inline-block; color: #0f6db5; border-radius: 40px; border: 1px solid #0f6db5; padding: 6px 42px;  margin-top: 30px;}
.index_lx{  background: #0f6db5; overflow: hidden; }
.index_lx_l,.index_lx_r{ width: 50%; }
.index_lx_r_ul{ width: 575px; float: left; }
.index_lx_r_ul li{ padding: 50px 0 0; width: 50%; text-align: center; color: #fff; border-right: 1px solid #0f61bd;border-bottom: 1px solid #0f61bd;}
.index_lx_r_ul li span{ border-radius: 100%; display: inline-block; width: 50px; height: 50px; border: 1px solid #fff; text-align: center; line-height: 50px; margin-bottom: 20px;}
.index_lx_r_ul li span i{ font-size: 28px; }
.index_lx_r_ul li p{ font-size: 15px; line-height: 30px;  }
.index_lx_r_ul li:nth-child(3),.index_lx_r_ul li:nth-child(4){ border-bottom: none; }
footer{ background: #313131; padding: 25px 0;  color: #888888; overflow: hidden;}
footer p.copy{ margin-top: 5px; }
footer p a{ color: #888888; }
.share_w span{ margin-left: 5px; display: inline-block; width: 29px; height: 29px; border-radius: 100%; text-align: center; line-height: 29px; background: #7f7f7f;}
.share_w span i{ color: #fff;  font-size: 20px;}
.menu_ul > li{ position: relative; }
.sec_ul{ position: absolute; top: 100%; left: 0; width: 100%; background: #fff; z-index: 10;   display: none;box-shadow: 0px 0px 8px 0px rgb(199, 195, 195);}
.sec_ul li { float: none;  text-align: center; border-top: 1px solid #eee; position: relative;}
.sec_ul li:after{ width: 100%; height: 0; content:""; position: absolute; top: 0; left: 0; background: #274fa2;}
.sec_ul li a{ position: relative;z-index: 2; }
.sec_ul li:hover:after{ height: 100%;  }
.sec_ul li:hover a{ color: #fff; }
.sec_ul a{ display: block; padding: 10px 0; color: #363636;}
.menu_ul > li:after{content: ""; width: 0; height: 3px; background: #274fa2;  position: absolute; top: 0; left: 0;   z-index: 1;}
.menu_ul > li.active:after,.menu_ul li:hover:after{ width: 100%; }
.searchbox {
    padding: 44px 0 38px;
    box-shadow: 0px 0px 7px 0px rgb(207, 207, 207);
    background: #fff;
    position: fixed;
    left: 0;
    width: 100%;
    right: 0;
    top: 90px;
    border-top: 2px solid #274fa2;
    text-align: center;
    z-index: 44;
    display: none;
}
.searchs {
    max-width: 600px;
    margin: 0 auto;
}
.searchs .sertext {
    display: block;
    float: left;
    padding: 0;
    outline: none;
    padding-left: 12px;
    width: 460px;
    float: left;
    border: 1px solid #274fa2;
    color: #a2a2a2;
    font-size: 12px;
    height: 52px;
    line-height: 52px;
    transition: 0.4s;
}
.serbtn {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    width: 129px;
    float: right;
    height: 52px;
    text-align: center;
    line-height: 52px;
    background: #274fa2;
    color: #ffffff;
    font-size: 15px;
    cursor: pointer;
    transition: 0.44s;
}
.index_in01 dl dt{ margin-top: -24px;  }

.index_in dl dt{  font-family: "Times NewRoman"; }
.logo_phone{ position: absolute; top: 3px; left:10px;  display: inline-block;}
.logo_phone img{ max-width: 100%; }
.head-right{ margin-top: 5px;  }
.app-btn i{ font-size: 30px; }
.mdui-list li{ float: none; }
.mdui-drawer-right{ background: #fff; }

.index_new_ul li h3,
.xt_ul li dd h3,
.case_list h3,
.new_list .new_list_r h3,
.new_rr h3
{
	overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}


.index_new_ul li p,
.xt_ul li dd p
{

	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;

 display: -moz-box;
-moz-box-orient: vertical;
-moz-line-clamp: 2;

 display: -ms-box;
-ms-box-orient: vertical;
-ms-line-clamp: 2;

 display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 2;

overflow: hidden;
}

.new_list_r p,
.new_rr p
{
		display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

 display: -moz-box;
-moz-box-orient: vertical;
-moz-line-clamp: 3;

 display: -ms-box;
-ms-box-orient: vertical;
-ms-line-clamp: 3;

 display: -o-box;
-o-box-orient: vertical;
-o-line-clamp: 3;

overflow: hidden;
}



.xt_ul li dt span,
.xt_ul li dt span:after,
.xt_ul li dt span i,
.proin a,
.xian01:before,
.xian01:after,
.xian02:before,
.xian02:after,
.index_aboutin_lin a:after,
.index_aboutin_lin a,
.new_more,
.new_more:after,
.index_lx_r_ul li span,
.menu_ul > li:after,
.sec_ul li:after,
.sec_ul li a,
.load_ul li a,
.fzlc_ul li,
.new_rr_a,
.new_list,
.tdjl,
.case_list h3,
.xz_ul li,
.lxcon_list button,
.return_a
{


transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;

}


.xz_ul li{ float: none;  padding: 10px 10px; overflow: hidden; border-bottom: 1px solid #eee;}
.xz_ul li a{ display: block; }
.xz_ul li span.xznam{ display: inline-block; width: 60%; float: left; }
.xz_ul li span.time{ float: right; }
.xt_ul li dt span{ position: relative; }
.xt_ul li dt span i{ position: relative; z-index: 2;  display: inline-block;}
.xt_ul li dt span:after{ content: ""; width: 100%; height: 100%; transform: scale(0); background: #0f6db5; border-radius: 100%; position: absolute; top: 0; left: 0;  }


.xt_ul li dt:hover span:after{   transform: scale(1);    }
.xt_ul li dt:hover span i{ color: #fff; transform: rotateY(180deg); }
.proin:hover a{ color: #fff; box-shadow: inset 0 0 0 15px #0f6db5;  }

.xian01:before, .xian01:after, .xian02:before, .xian02:after {
    background: #0f6db5;
}

.xian01:before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.xian01:after {
    content: "";
    width: 0;
    height: 1px;

    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.xian02:before {
    content: "";
    width: 1px;
    height: 0;

    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.xian02:after {
    content: "";
    width: 1px;
    height: 0;

    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

.proin:hover .xian01:before,
.proin:hover .xian01:after{ width: 100%; }
.proin:hover .xian02:before,
.proin:hover .xian02:after{ height: 100%; }

.index_aboutin_lin a{ position: relative;  }
.index_aboutin_lin a:after,.new_more:after{ content:""; width: 0%; height:35px;background: #fff;  position: absolute; top: -1px; left: 0;   border-radius: 30px;}
.index_aboutin_lin a span{ display: block; position: relative;z-index: 2; }
.index_aboutin_lin a:hover:after{ width: 100%; }
.index_aboutin_lin a:hover{ color:#0f6db5; }
.new_more{ position: relative; }
.new_more:hover{ color:#fff; }
.new_more:hover:after{ width: 100%; background:#0f6db5; }
.new_more span{ display: block; position: relative; z-index: 1; }
.index_new_ul li:hover p{ color: #0f6db5; }
.index_lx_r_ul li:hover span{ transform: rotateY(180deg); }
footer p.copy a:hover{  color: #0f6db5;}
.rightfix {
    position: fixed;
    top: 200px;
    right: 0px;
    width: 40px;
    border: 1px solid #dee2e7;
    border-right: none;
    z-index: 2;
    border: 1px solid #dee2e7;
    background: #fff;
}

.fix_ul li {
    font-size: 12px;
    color: #696d73;
    text-align: center;
    float: none;
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0px;
    color: #fff;
}
.fix_ul li i {
    font-size: 20px;
        color: #848484;
}

.fix_ul li:nth-child(2n){    background: #eaeaea;}

.right_div {
    opacity: 0;
    position: absolute;
    right: -100px;
    top: 0px;
    background: #fff;
    padding: 5px;
    line-height: 30px;
    transition: all .2s ease-in-out;
    min-width: 120px;
    border: 1px solid #dee2e7;
}

.fix_ul li:hover a{ color: #848484;}
.fix_ul li:hover .right_div{  opacity: 1; right: 40px;}
.fix_ul li:hover{    background: #274fa2;}
.fix_ul li:hover i{ color: #fff; }
.fzlc_ul li:hover{ background: #084da1; color: #fff;}
.new_rr_a:hover{ color:#074fa2; background: #fff; border:1px solid #074fa2;  }
.new_list:hover{ background: #074fa2; }
.new_list:hover .new_list_l{ background: #00397a;  }
.new_list:hover h3,.new_list:hover p{ color: #fff; }
.tdjl{ cursor: pointer; }
.tdjl:hover{ color: #fff;  background: #074fa2; }
.tdjl:hover i{ color: #fff; }
.case_list:hover h3{ color: #fff; box-shadow: inset 0 0 0 22px rgba(0,0,0,0.4); background: #274fa2;  }
.xz_ul li:hover{ color: #fff; background: #274fa2;}
.xz_ul li:hover a{ color: #fff; }
.lxcon_list button:hover{ box-shadow: inset 0 0 0 18px rgba(0,0,0,0.3); }
.return_a:hover{ box-shadow: inset 0 0 0 17px #274fa2; color: #fff; }
.page_span:hover a{ color: #274fa2; }

#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; margin-top:20px}
#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}


#page li a{ color:#666; display: block; }
#page li.active{border:1px solid #f67d38; background-color:#f67d38; color:#FFFFFF}
#page li.active a{ color:#fff}
#page .thisclass,#page li:hover{ background-color:#074fa2; color:#FFFFFF}
#page .thisclass a,#page li:hover a{ color: #fff; }

.zhao_ul{ overflow: hidden; }
.new_rr_w{ display: none; }
.new_rr_w.active{ display: block; }
.lx_con{ margin-top: 40px; }
.ss_w{ width: 150px; height: 30px; line-height: 30px;  position: relative; margin-top: 30px;}
.ss_w input{ width: 100%; height: 30px; line-height: 30px; background: #eee;  padding-left: 10px; border-radius: 4px;}
.ss_w button{ width: 30px; height: 30px; text-align: center; line-height: 30px; border: none; background: transparent;  position: absolute; top: 0; right: 0;}


.sha_w{ position: relative; }
.sha_w span{ margin: 0px; }
.sha_w,.sha_w a{width: 29px; height: 29px !important;  background: transparent; padding: 0px !important; text-align: center; line-height: 29px; border-radius: 100%; display: inline-block; background: #7f7f7f;}
.sha_w a{ background-image: none !important; margin: 0px !important;  position: absolute; top: 0; left: 0; opacity: 0; z-index: 2;}
.bd_weixin_popup_foot{ display: none !important; }
#bdshare_weixin_qrcode_dialog{ height: 246px !important; }


@media(max-width: 1600px){
.menu_ul > li > a{ padding: 0 15px; }
.index_lx_r_ul li{ padding-top: 20px; }
.index_lx_r_ul li p{ line-height: 25px; margin-bottom: 10px;}
.logo{ margin-left: 80px; }

}

@media(max-width: 1440px){

  .menu_ul > li > a{ padding: 0 10px;  }
  .sec_ul li a{ font-size: 14px; }

}

@media(max-width: 1200px){
.menu_ul > li > a{ padding: 0 5px; font-size: 14px; }

}


@media(max-width: 1100px){

	body{ padding-top: 60px; }
	.header{ display: block !important; }
	header{ display: none !important; }
	.xtimg01{display: none; }
	.xt_w { height: 200px; }
	.xt_ul li{ width: 46%; }
	.index_aboutin_lin{ width:485px; padding-top: 35px; padding-right: 20px;  font-size: 13px; line-height: 20px; padding-bottom: 20px;}
	.index_aboutin_lin span.jsspan{ margin-bottom: 10px; }
    .index_aboutin_lin a{ margin-top: 20px; }
    .index_lx_l { display: none; }
    .index_lx_r,.index_lx_r_ul{ width: 100%; }
    .index_lx_r_ul li{ padding-bottom: 20px; }







}


@media(max-width: 1023px){

   .banner_lay h3{ font-size: 30px; }
   .banner_lay p{ font-size: 14px; }
   .banner_lay{ top: 39%; }
   .index_aboutin_l,.index_aboutin_r,.index_aboutin_lin{ width: 100%; }
   .index_aboutin_lin{ padding: 40px 20px; }
   .index_new_ul li{ width: 100%; }
   .new_l,.rightfix{ display: none; }
   .new_r_w{ width: 100%; }
   .new_rr{ height: 215px; }

	}


@media(max-width: 480px){

   .logo_phone{ width: 250px; }
   .banner_lay h3{ font-size: 20px; margin-bottom: 5px; }
   .banner_lay p{ font-size: 12px; }
   .index_titl{ width: 350px; }
   .line01, .line02{ width: 80px; }
   .index_p{ font-size: 14px; line-height: 25px; }
   .index_pro,.index_new{ padding: 30px 0; }
   .xt_ul li{ width: 100%;  position: initial; margin-bottom: 30px;  }
   .xt_ul li dd p{ font-size: 13px;  }
   .xt_ul li dd h3{ font-size: 16px; }
   .xt_w {height: auto;  overflow: hidden;}
   .index_pro .proin{ padding: 10px; }
   .index_about{ padding-top: 30px; }
   .index_aboutin_lin{ font-size: 14px; line-height: 25px; text-align: center; }
   .index_new_ul li dl{ padding: 15px; height: auto; }
   .index_new_ul li dt{ position: initial;  width: 100%; height: auto;  margin-bottom: 15px;}
   .index_new_ul li dt img{ height: auto; }
   .index_lx_r_ul li{ padding: 20px 15px; }
   .index_lx_r_ul li p{ font-size: 12px; line-height: 20px; }
   footer{ padding: 10px 0; font-size: 12px;}
   .index_lx_r_ul li span{ width: 40px; height: 40px; line-height: 40px; }
   .index_lx_r_ul li span i{ font-size: 22px; }
   .case_list,.pro_list{ margin-bottom: 15px; }
   .case_list h3{ font-size: 13px; padding: 10px 5px; }
   .case_list:nth-child(2n+1),.pro_list:nth-child(2n+1){ padding-right: 7.5px; }
   .case_list:nth-child(2n),.pro_list:nth-child(2n){ padding-left: 7.5px; }
   .ban_lay h3{ font-size: 20px;  margin-top: 8%;}
   .ban_lay p, .ban_lay p a{ font-size: 12px; }
   .load_ul li a{ padding: 0 7px; font-size: 12px; }
   .load{ height: 40px; line-height: 40px; }
   .proin{ padding: 15px; }
   .procon01{ font-size: 14px; line-height: 25px;}
   .pro_bin{ padding: 15px; }
   .page_span a{ font-size: 12px; }
   .prodes_r_title{ font-size: 22px; }
   .fzlc_ul li{ font-size: 14px; }
   .fz01{ width: 100px; }
   .fz02{ margin-left: 10%; }
   .ab_con{  font-size: 14px; line-height: 25px;  margin-bottom: 20px;}
   .lx_p{ text-align: center; }
   .new_rr1 { padding: 10px 25px 10px 25px;}
   .new_rr{ border-left: none; }
   .new_list{ margin: 0 15px 15px 15px; }
   .new_list .new_list_r{ padding: 15px;  font-size: 14px;}
   .new_list .new_list_l{ padding: 20px 0; }
   .new_list .new_list_l p{ font-size: 16px; }
   .new_list .new_list_l span{ font-size: 13px; }
   .zao01{ padding-right: 15px; margin-bottom: 10px; }
   .zao02{ padding-left: 15px; }
   .zhao_con{ font-size: 14px; line-height: 30px; }
   .zhao_dl dt{ padding: 10px 20px;}
   .zhao_dl dt p{ margin-top: 5px; float: left; font-size: 15px; }
   .zhao_dl dd{ padding: 20px 15px; }
   .zhao_ul li{ width: 100%; margin-bottom: 15px; font-size: 14px; }




}