@charset "utf-8";

/* CSS Document */

body,html{ margin:0px; padding:0px;}

body{ padding-top: 100px; font-family:   "Source Han Sans CN","noto sans","PingFang SC" !important; 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;

}

input, textarea, select, button {font-family:  "Source Han Sans CN","noto sans","pingfang SC" !important;}

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;}

.xit_in_wrap{    background: #f1f0f0;padding-top: 25px;padding-bottom: 25px;  line-height: 30px;}

 .xit_in_wrap>.container{background: #fff; border-radius: 20px; padding-top:20px; padding-bottom: 20px;

 }

/*菜单1*/ 

@keyframes run{



	from{  bottom: 30px; }

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

}  

.ban_lay{ position: absolute; top: 45%; left: 0px; right: 0px; text-align: center;    }

.ban_lay h3{ font-size: 48px; color: #fff; font-weight: bold; margin-bottom: 10px;text-shadow: 1.5px 2.598px 5px rgb(86, 80, 82);}

.ban_lay p{font-size: 18px; color: #fff;   text-shadow: 1.5px 2.598px 3px rgb( 37, 15, 26 );}

.ban_lay p a{  color: #fff; }

.head.active{ background: #fff; border-bottom: 1px solid #eee; }

 



 

.head.active .img02{ display: inline-block; }

.head.active .head_share{      margin-top: 16px;}

.head.active .logo_w { margin-top: 8px;}

.head.active .head_ul > li{ position: relative;     padding: 20px 25px;} 

.img02{ display: none; }

.head.active .logo_name_w:before{ background: #dcdcdc;     height: 23px; } 

.more{ text-align: center; margin-top: 20px;}

.more a{ display: inline-block; color: #991e27; border-radius: 3px; padding: 10px 20px; margin-right: 10px; }

.more_name,.more_name:hover{ color: #b61a29; }

.more a:hover{background: #991e27; color: #fff;}  

.head{ position: fixed; top: 0px; left: 0px; right: 0px;   z-index: 100;   background: #fff;  }

.logo_w{margin-top: 25px;  transition: all .2s ease-in-out;}

.logo_name_w{ position: relative; display: inline-block; padding-left: 20px; margin-left: 20px;}

.logo_name_w:before{ position: absolute; top: 0px; left: 0px;  content: ""; display: inline-block; width: 1px; height: 35px; background: #fff;   }

.head_ul{ }

.head_ul li{ float: left; padding: 39px 25px; position: relative; transition: all .2s ease-in-out;}

.head_ul li a{ font-size: 16px; color: #515050; }

 

.ban_arr{ position: absolute; left: 50%; margin-left:-12px; bottom: 25px; z-index: 10; }  

.logo_w_foot{ margin-top: 0px; } 

.sec_ul{ position: absolute; top: 105px; left: 0px; background: #fff; min-width: 120px; display: none; background: #fff;  }

.sec_ul li{ float: none; padding: 5px 0px; text-align: left; padding: 5px 10px; }

.sec_ul li a{    color: #32363f;}

.sec_ul li:hover{    background: #515050;  }

.sec_ul li:hover a,.head.active .sec_ul li:hover a{ color: #fff; }

.head_phone,.h3_p,.tse02,.swiper-button-next01,.swiper-button-prev01,.menu_p{ display: none; }  

.menu_p{  position: fixed; top: 40px;  width: 100%; right: -100%;transition: all .2s ease-in-out; background: #f7f6f4; bottom: 0px; z-index: 100; padding: 0px 10px; }

.menu_ul_p li{ float: none; border-bottom: 1px solid #cecdc9; padding: 10px 0px; position: relative;}

.menu_ul_p li a{ color: #484a51; }

.menu_ul_p li span{ float: right; background: #dfdeda; width: 50px; text-align: center; line-height: 40px; top: 0px; right: 0px;  height: 40px; display: inline-block; position: absolute;}

.menu_ul_p li span i{ color: #181817; }

.sec_ul_p{ margin-top: 10px; display: none; }

.sec_ul_p li{ float: none;  border-bottom: none; padding: 5px 0px 5px 10px;  }

.menu_ul_p li.active span{ background: #988e30; }

.menu_ul_p li.active span i{ color: #fff; }

.menu_p.active{ right: 0px; } 

.head.active .sear_w i{ color: #000; }

.head.active .sear_w{ margin-top: 0px; }

.sear_w {margin-top: 45px;cursor: pointer;} 

.sear_w i { color: #fff;} 

.sear_pa {background: #fff;width: 200px; height: 30px; line-height: 30px;position: absolute; top: 60px; right: 0px;opacity: 0;transition: all .2s ease-in-out;}

   

.sear_pa input {width: 100%;height: 30px; line-height: 30px;border: 1px solid #eee;text-indent: 1em;} 

.sear_pa i {cursor: pointer; position: absolute;top: -1px; right: 10px;z-index: 2;color: #000;} 

.sear_pa.active {top: 45px;opacity: 1;}

.head_ul li{ border-bottom: 5px solid transparent; }

.head_ul > li.active,.head_ul > li:hover{ background: #515050; border-bottom: 5px solid #ffe600;}

.head_ul li.active > a,.head_ul li:hover > a{ color: #fff; }

.head_share{ margin-left: 70px; margin-top: 33px; transition: all .2s ease-in-out;}

.head_share i{ color: #cccaca; font-size: 20px; }

.head_share li{ padding:3px 10px; border-right: 1px solid #e5e5e5;  position: relative;}

.head_share li span{transition: all .2s ease-in-out;  opacity: 0; position: absolute; top: 60px; left: 0px; padding: 5px; border: 1px solid #eee; background: #fff;    }

.head_share li img{ width: 100px; }

.head_share li input{  position: absolute; top: 40px; left: 0px; }

.head_share li:nth-child(1) span{ min-width: 134px; }

.head_share li:hover span{ display: block;  top: 40px; opacity: 1; }







.kt_titl h3{ font-size: 36px; color: #6c6c6c; font-weight: bolder; margin-bottom: 5px; position: relative; z-index: 2;}

.kt_titl p{ font-size: 13px; color: #6c6c6c;position: relative; z-index: 2; }

.kt_titl img.titl_img_fl{ position: absolute; left: -13px; top: -10px; }

.kt_titl img.titl_img_fr{ position: absolute; right: -4px; bottom: 0px; }



.jz_wrap .kt_titl img.titl_img_fl{  left: 6px;}

.case_wrapin .kt_titl img.titl_img_fl{  left: 38px;}

.xing_wrap .kt_titl img.titl_img_fl{  left: 7px;}

.news_wrap .kt_titl img.titl_img_fl{  left: 32px;}



.kt_wrap{ padding: 60px 0px 80px; background: #fafafa; }

.kt_list{ box-shadow: 2.5px 4.33px 10px 0px rgb( 225, 222, 223 ); background: #fff; }

.kt_list dl{ padding:27px 20px; border-top: 1px solid #eeeeee; min-height: 105.8px;}

.kt_list dt{  font-size: 18px; color: #0d0c00; margin-top: 5px; }

.kt_list dd a{ color: #929191;display: inline-block; padding-right: 10px; }

.kt_titl{ width: 400px; left: 50%; margin-left: -200px; margin-bottom: 60px;}

.jz_wrap{ padding: 50px 0px; box-shadow: 2.5px 4.33px 10px 0px rgb( 225, 222, 223 );}

.jianzhu_list{ background: #fafafa; border-radius: 4px; padding: 0px;  box-shadow: 2.5px 4.33px 10px 0px rgb( 225, 222, 223 ); margin-bottom: 20px;}

.jianzhu_list h3{ font-size: 17px; color: #585757; margin-bottom: 10px; font-weight: bold; padding-top:12px}

.jianzhu_list p{ color: #929191; margin-bottom: 20px; }

.casein_ul{ display: inline-block; margin-bottom: 20px;}

.casein_ul li a{ font-size: 16px; color: #000000;  }

.casein_ul li{  background-color: rgb( 250, 250, 250 );box-shadow: 2.5px 4.33px 10px 0px rgb( 225, 222, 223 ); margin-right: 10px; padding: 5px 20px;}

.casein_ul li:last-of-type{ margin-right: 0px; }

.casein_ul li.active,.casein_ul li:hover{ background: #ffe500; }

.container_casein a,.case_inner a{ display: block; }

.container_casein a h3,.case_inner a h3{ color: #585757; background: #fafafa; padding: 10px; text-align: center; font-size: 14px;}

.container_casein a:hover h3,.case_inner a:hover h3{ background: #858584; color: #fff; }

.case_wrapin{ padding: 60px 0 80px; }

.swiper-pagination.on .swiper-pagination-bullet{ width: 14px; height: 14px; background: #eeeeee; border-radius: 100%; margin: 0px 3px; opacity: 1; }

.swiper-pagination.on .swiper-pagination-bullet-active{ background: #ffe500;}

.swiper-pagination.on .swiper-pagination-bullet:focus{ outline: none; }

.case_wrap .swiper-pagination.on{ left: 0px; right: 0px; bottom: 30px;}

.xing_wrap{ background: #988e30; padding: 60px 0px; }

.xing_w{ background: #ffe500; }

.xing_fl h3{ font-size: 18px; color: #000000; font-weight: bold; margin-bottom: 20px;  }

.xing_fl p{ color: #000000; line-height: 25px; margin-bottom: 10px; }

.xing_fl a{ display: inline-block; background: #000; color: #fff; padding: 10px 30px;}

.xing_fr{ background: #fff; padding: 0px;}

.xing_fr h3{   font-size: 18px; color: #000000; font-weight: bold; margin-bottom: 10px;  margin-top: 80px; text-align: center;}

.xing_fr p{  color: #a3a2a2; line-height: 25px; text-align: center;}

.xing_fl{ padding: 40px; }

.xing_fr .col-md-6{ padding: 0px; }

.xing_fr .row{ margin: 0px; }

.kt_titl_xing{ width: 280px; margin-left: -140px;}

.new_list{box-shadow: 2.5px 4.33px 10px 0px rgb( 225, 222, 223 ); padding: 30px 10px; min-height: 210px;}

.new_list a{ display: block;}

.new_list h3{ font-size: 16px; color: #5e5e5d; margin-bottom: 10px;height:30px; }

.new_list span{ color: #8f8f8e; display: block; margin-bottom: 15px; }

.new_list p{ color: #8f8f8e; line-height: 25px; }

.news_wrap{  padding: 40px 0;}

.foot{  background: #404141; padding: 40px 0;}

.foot_ul li{ width: 16.5%; }

.foot_ul li h3{ font-size: 16px; color: #a3a3a3; margin-bottom: 15px; }

.foot_ul li a{ display: block;   color: #7b7b7b; }

.foot_ul li { color: #7b7b7b; line-height: 25px; }

.copy{ color: #7b7b7b; text-align: center; padding: 10px 0; border-top: 1px solid #525353;background: #404141; }

.case_inner{ margin-top: 20px; }

.case_inner .col-md-2{ margin-bottom: 20px; min-height: 230px;}

.casein_ul_in li{ padding: 15px 20px; box-shadow: none; border-bottom: 4px solid transparent; background: transparent; margin-right: 0px;}

.casein_ul_in li.active,.casein_ul_in li:hover{  border-bottom: 4px solid #ffe600; background: #fff; }

 

.casein_ul_in{ margin-bottom: -6px; }

.casein_ul_in li a{ color: #7b7b7b; }

.case_ul_wrap{  box-shadow: 0px 0px 5px 0px rgb( 178, 173, 174 ); }

.page_w{ margin: 20px 0px; }

.contact_wrap{ padding: 40px 0; }

.map{ box-shadow: 2.5px 4.33px 10px 0px rgb( 225, 222, 223 ); margin-bottom: 40px;}

.contact_w h3{ font-size: 18px; color: #333333; text-align: center; margin-bottom: 10px; }

.contact_w p{ color: #929191; text-align: center; margin-bottom: 30px; }

.contact_w dt{ width:80px; text-align: right;  float: left; height: 35px; font-weight: normal; padding-right: 10px;}

.contact_w dd input{ width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #e8e8e8; text-indent: 10px;}

.contact_w dd textarea{ width: 100%; height: 140px; border: 1px solid #e8e8e8; resize: none;text-indent: 10px;}

.contact_w dd button{background: #ffe500; color: #000; padding: 10px 40px; border: none;}

.contact_w dd{ text-align: center; float: left; width: 350px; }

.contact_w dl{ margin-bottom: 20px;  display: block; }

.contact_w { text-align: center; }

.form{ display: inline-block;}

.xit_list{ background: #fff; box-shadow: 2.5px 4.33px 10px 0px rgb( 225, 222, 223 );  margin-bottom: 30px;    padding-right: 14px;}

.xit_list h3{ font-size: 18px; color: #0d0c00; font-weight: bold; text-align: center; margin-top: 90px;  line-height: 25px; }

.xt_ul_wrap{ background: #fff; padding: 27px 40px; min-height: 215px;}

.xt_ul li{ float: none;  padding: 10px 0px; }

.xt_ul a{ color: #929191; }

.xit_wrap{ padding: 40px 0; }

.xt_ul li a:hover{ color: #000;}

.xit_des_wrap{ background: #ffe600; color: #000; line-height: 25px; margin: 0px; margin-bottom: 40px;}

.xit_des_wrap .col-md-6:nth-child(2){ padding: 100px 80px; }

.xit_des_wrap .col-md-6:nth-child(1){ padding: 0px; }

.new_dl{ box-shadow: 1px 1.732px 13px 0px rgb( 225, 222, 223 );  padding: 20px;}

.new_dl dt{ display: inline-block; float: left;  background: #eeeeee; padding: 20px 10px;}

.new_dl dt span{ display: block; font-size: 16px; color: #000;}

.new_dl dt h3{  font-size: 20px; color: #000; font-weight: normal;}

.new_dl dd h3{ font-size: 16px; color: #5e5e5d; margin-bottom: 15px; }

.new_dl dd p{ color: #8f8f8e; line-height: 25px;  }

.new_dl dd { padding-left: 20px;  float: right; width: 95%;}

.new_dl{ margin-bottom: 20px; }

.news_w,.about_w{ padding: 40px 0px; }

.new_dl:hover dt{ background: #ffe600;  }

.about_w {  color: #353535; line-height: 25px;}

.head_ul li:nth-child(2) .sec_ul{ width: 220px; }

.sec_ul li a{ font-size: 14px; }

.head.active .sec_ul{ top: 68px; }

.sear_wrap {position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;background: rgba(0,0,0,0.5); z-index: 9999; display: none;}

.sear_wrap i{ cursor: pointer; position: absolute; top: 10px; right: 10px; color: #fff; }

.sear_wrap  input{ width: 100%;  height: 40px; line-height: 40px; text-indent: 2em;}

.sear_in button{ width: 100px; text-align: center; color: #fff; height: 40px; line-height: 40px; background: #515050; border: none; position: absolute; top: 0px; right: 0px;}

.sear_in{ width: 80%; left: 10%; position: absolute; top: 10%; }

.sha_a{ width: 29px; height: 29px; text-align: center;  position: relative; display: inline-block;}

.sha_a span{ display: inline-block; width: 29px; height: 29px; line-height: 29px; text-align: center; position: absolute; top: 0px; left: 0px; z-index: 1;}

.sha_a a{ margin: 0px !important; padding: 0px !important; display: inline-block; width: 29px; height: 29px; line-height: 29px; text-align: center; position: absolute; top: 0px; left: 0px; z-index: 2; opacity: 0;}

.sha_a span i{ font-size: 30px;}

.share_wrap{ margin-top: 10px; }

.xing_w .row{ margin: 0px; }

.new_titl{ font-size: 16px;

    color: #5e5e5d; margin-bottom: 15px;}



 .about_wrap img{ max-width: 100%; }

 .new_time{ display: block; }

 .xit_wrap .col-md-6:nth-child(2) .xt_ul_wrap{ padding: 59px 33px; }

 .xit_wrap .col-md-6:nth-child(3) .xt_ul_wrap{ padding: 45px 33px; }

 .xit_wrap .col-md-6:nth-child(4) .xt_ul_wrap{ padding: 59px 33px; }

 



 .about_wrap{  padding-top: 40px; }

 .about_wrap .about_w{ line-height: 30px; }

 .honner{  text-align: center; }

 .honner img{ max-width: 100%; display: block;}





   .jianzhu_list{ text-align: center; }

 .jianzhu_list image{ max-width: 100%; display: block; }



 .jianzhu_list img{ max-width: 100%; }



.jiao02,.jiao01{ position: absolute; }

.jiao02{ right: 10px; top: 10px; }

.jiao01{ left: 10px; bottom: -58px; }











/*菜单1*/ 



/*banner1*/

.swiper-pagination_ban .swiper-pagination-bullet,.swiper-pagination01 .swiper-pagination-bullet{ width: 54px; height: 11px; background: #fff; opacity: 1; border-radius: 0px; }

.swiper-pagination_ban .swiper-pagination-bullet-active,.swiper-pagination01 .swiper-pagination-bullet-active{ background: #ffe600; }

.banner .swiper-container_ban .swiper-pagination_ban{   left: 0px; right: 0px; bottom: 15px;} 

/*banner1*/  



/*foot1*/

 

.foot_p{ display: none; position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 90; background: #c4c5c7; padding: 10px;}

.foot_p a{ display: inline-block; background: #988e30; font-size: 12px; color: #fff; padding: 7px 0px; width: 48%; text-align: center; border-radius: 4px; position: relative; }

.foot_p a i{ color: #fff; font-size: 25px; }

.foot_p a span{ display: inline-block; position: absolute; top: 0px; left: 19%;}

.foot_p a:nth-child(2) span{ left: 10%; }

/*foot1*/



/*分页1*/  

.tc {

    text-align: center;

}

.page_ul {

    display: inline-block;

}

.page_ul li {

    border: 1px solid #eae6e2;

    padding: 5px 15px;

    margin: 0px 3px;

    background: #f8f8f8;

}

.page_ul li a {

    color: #000;

}

.page_ul li:hover, .page_ul li.active {

    background: #4c81a5;

    border-color: #cccccc;

}

.page_ul li:hover a, .page_ul li.active a {

    color: #fff !important;

}



/*分页1*/  

@media(max-width: 1600px){

 

.head_ul > li{    padding: 39px 10px;  }

.head.active .head_ul > li{padding: 20px 10px;  }

.kt_list dl{ padding: 16px 20px; }

.xing_fl {padding: 20px 10px;}
.kt_list dl{
    min-height: 84px;
}

.new_dl dd{ width: 92%; } 
.xing_fr h3{   font-size: 18px;
    color: #000000;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 45px;
    text-align: center;}

    



}



@media(max-width: 1440px){

	 

.xit_wrap .col-md-6:nth-child(2) .xt_ul_wrap,.xit_wrap .col-md-6:nth-child(4) .xt_ul_wrap {

    padding: 40px 14px;

}

.xt_ul_wrap{ min-height: auto;    padding: 6px 30px; }

.xit_list h3{     margin-top: 69px; }

.xit_wrap .col-md-6:nth-child(3) .xt_ul_wrap{     padding: 27px 33px; }

.xt_ul li{  padding: 8px 0px;}

.xt_ul_wrap{ min-height: 174px; }

.xing_fr h3{     margin-top: 52px; }

.jiao01{ bottom: -49px; }



}



@media(max-width: 1366px){



.kt_list dt{     font-size: 16px; }

.kt_titl h3{  font-size: 28px;}

.kt_titl p{ font-size: 12px; }

}



@media(max-width: 1300px){

.head_share{    margin-left: 20px;  }

.head_ul > li {padding: 39px 3px;}

.head.active .head_ul > li {padding: 20px 5px;}

.xt_ul_wrap{ padding: 12px 10px; min-height: auto;}

.xt_ul li{ padding: 4px 0px;}

.xit_list h3{margin-top: 56px;}

.xit_wrap .col-md-6:nth-child(2) .xt_ul_wrap{ padding: 40px 5px; }

.xit_wrap .col-md-6:nth-child(3) .xt_ul_wrap{ padding: 26px 5px; }

.xit_wrap .col-md-6:nth-child(4) .xt_ul_wrap{ padding: 39px 5px; }

.kt_list dl{
    min-height: 102px;
}

    



    







}



@media(max-width: 1280px){



.kt_list dl{     padding: 5px 20px; }

.kt_list dt{ font-size: 15px; }

.xing_fr p{  font-size: 12px;     line-height: 17px; }

.jiao01 { bottom: -32px;}

.jianzhu_list{ min-height: 278px;}



   



}

@media(max-width: 990px){
    .kt_list dl{
        min-height: 58px;
    }
}

@media(max-width: 1000px){

   body{ padding-top: 40px; padding-bottom:51px;  }

   .head,.h3_pc,.more,.ban_arr,.tse01,.logo_w_foot,.foot,.copy{ display: none; }

   .menu_p,.h3_p,.foot_p{ display: block; } 

   .head_phone{ display: block; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; padding: 10px; background: #fff; height: 40px;}

   .logo_p{ position: absolute; left: 0px; right: 0px; text-align: center; top: 5px; }

   .logo_p img{ display: inline-block; width: 110px;}

   .menu_span{ float: right; position: absolute; top: 9px; right: 10px;z-index: 20; }

   .menu_span i{ color: #666; } 

   .ban_lay h3{ font-size: 19px; font-weight: normal; line-height: 25px; }

   .ban_lay {top: 33%;}

   .banner .swiper-container_ban .swiper-pagination_ban{ margin-left: 0px; left: 0px; right: 0px; width: auto; text-align: center; }

   .swiper-pagination_ban .swiper-pagination-bullet, .swiper-pagination01 .swiper-pagination-bullet{ height: 5px; }

   .banner .swiper-container_ban .swiper-pagination_ban{ bottom: 20px; } 

   .foot_ul li{ width: 100%; }

   .foot{ padding: 20px 10px; }

   .foot .container,.foot .container > div{ padding: 0px; }

   .foot_ul{ margin-top: 0px; }

   .foot_ul li p { font-size: 12px; }

   .foot_ul li{ margin-bottom: 10px; }

   .casein_ul li{     padding: 5px 7px; }

   .casein_ul_in li{padding: 10px 7px;  }

   .news_w, .about_w{ padding: 20px 0px; }

   .xit_list .row{ margin: 0px; }

   .xit_list .col-md-5{ padding: 0px; }

   .xit_list{ padding-right: 0px; }

   .xit_list h3{ margin-top: 40px; margin-bottom: 40px; }

   .xt_ul_wrap{padding: 20px 30px;} 

   .new_dl dd { width: 88%;}

   .new_dl{ padding: 10px; }

   .new_dl dd {width: 79%;}

   .xt_ul_wrap{    min-height: 153px;}

   .xit_wrap .col-md-6:nth-child(2) .xt_ul_wrap,.xit_wrap .col-md-6:nth-child(3) .xt_ul_wrap,.xit_wrap .col-md-6:nth-child(4) .xt_ul_wrap{ padding: 20px 30px; }

  .new_list p{ height: 50px; overflow: hidden; }



}



@media(max-width: 770px){



.jiao01 {

    bottom: -78px;

}

.xing_fr h3 {

    margin-top: 79px;

}
.new_list{
    min-height: auto;
}

}





@media(max-width: 480px){

   .container{ width:auto; }

   .kt_titl{ width: 300px; margin-left: -150px;     margin-bottom: 20px;}

   .kt_titl h3{     font-size: 20px; }

   .kt_titl img.titl_img_fl{ width: 50px; }

   .kt_wrap{ padding: 20px 0px 20px; }

   .kt_list dl {padding: 4px 20px;}

   .casein_ul li{ margin-bottom: 10px; }

   .jz_wrap{ padding: 20px 0px; }

   .xing_fr p{ margin-bottom: 20px; }

   .xing_fr h3{ margin-top: 20px; }

   .news_wrap  .col-md-3:nth-child(2n+1){ padding-right: 7.5px; }

   .news_wrap  .col-md-3:nth-child(2n){ padding-left: 7.5px; }

   .new_list span{ margin-bottom: 5px; font-size: 12px;}

   .new_list p{     line-height: 21px; }

   .kt_titl_xing{  width: 150px; margin-left: -75px; }

   .casein_ul_in li{ margin-bottom: 0; }

   .case_ul_wrap{ display: none; }

   .xit_in_wrap,.case_inner,.contact_wrap{ padding: 20px 0; }

   

   .ban_lay p,.ban_lay p a{ font-size: 12px; }

   .ban_lay h3{ font-size: 16px; margin-bottom: 0px; }

   .xit_des_wrap .col-md-6:nth-child(2){ padding: 20px; }

   .container_casein a h3, .case_inner a h3{ font-size: 14px; }

   .case_inner .col-md-2:nth-child(2n+1){ padding-right: 7.5px; }

   .case_inner .col-md-2:nth-child(2n){ padding-left: 7.5px; }

   .contact_w dd{ width: 230px; }

   .about_wrap{  padding-top: 20px; }

.xit_in_wrap img{ max-width:100%;}

.new_list p{     height: 39px;

}

.new_list h3{ height: 17px; overflow: hidden;

}

.jiao01 {

    bottom: -12px;

}

.jiao02 {

    right: 10px;

    top: -11px;

}

    



}



#page{ clear:both; height:40px; margin:0 auto; text-align:center; display: table; }

#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}

#page li:hover{border:1px solid #0060ad;}

#page li:hover a{color:#0060ad}

#page li a{ color:#666}

#page li.active{border:1px solid #0060ad; background-color:#0060ad; color:#FFFFFF}

#page li.active a{ color:#fff}

#page .thisclass{ background-color:#0060ad; color:#FFFFFF}



.case_wrap{ display: none; }

.case_wrap.active{ display: block; }