@import url(http://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700);

@import url(http://fonts.googleapis.com/css?

family=Raleway:400,100,100italic,200,200italic,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,900,80

0italic,900italic);

/* http://www.jqueryfuns.com */

body {

  font-family: 'Poppins', sans-serif;

  font-family:Arial, Helvetica, sans-serif, "雅黑",'Microsoft Yahei';

  font-size: 14px;

  color: #9C9C9C;

  overflow-x: hidden;

}

h1, h2, h3, h4, h5, h6 {

  font-family: 'Raleway', sans-serif, "雅黑",'Microsoft Yahei'; 

}



.clearfloat{*zoom:1;}

.clearfloat:before,.clearfloat:after{content:""; display:table; line-height:0;visibility:hidden;}

.clearfloat:after{ clear:both;}

.wrap {width: 1200px; height: auto; margin: 0 auto;}

/*垂直对齐*/

.m-list-flex{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: 

center; align-items: center; }

.m-list-flex .m-cell-bd{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; overflow: hidden; }

/*文字截取*/

.single-line{ text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }

.multi-line{min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-

overflow:clip;overflow:hidden;}

.multi-line1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;}

/*图片*/

.pic {width: 100%; overflow: hidden;}

.pic img  {  width: 100%;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s 

ease-in;transition: all 0.3s ease-in;}



/*top*/

#top {width: 100%; position: fixed; left: 0; top: 0; z-index: 999;}

.topLine {height: 30px;width: 100%; line-height: 30px; background-color: #3385cc; color: #fff; overflow: hidden;}

.topLine h2 {float: left;}

.topLine p {float: right; padding-left: 24px; font-size: 12px; background: url(../images/top_tel.png) no-repeat left 

center;}

.navWrap {/*height: 96px; line-height: 96px;*/  background: #fff; position: relative; top: 0;}

.navWrap .wrap {line-height: 60px; position: relative;}

.logo {font-size: 0;}

.logo img {vertical-align: middle; width: 45%; margin: 10px 0}





.top01_center{ margin-top: 18px; float:right; } 

.top01_center a{ padding: 10px; font-size: 14px}

.top01_center a span{ color: # ; font-size: 20px}

.top01_center img{ vertical-align: -7px;  margin-left: 20px;width: 26px; height: 27px;}



 .serch{ border: 1px solid #ccc;  float: left; border-radius: 20px; margin-top:10px;}

.serchtext{ padding-left: 10px; border: none ; background: none; float: left; height: 40px; width: 200px; line-height: 

40px}

.serchbtn{ display: block; border: none; background: url(../images/searchbtn.png) no-repeat 0 10px ; height:30px; 

width:30px; text-indent: -1000px; float: left; cursor: pointer;  }



.nav {}

.navbox{ background: #6d171a }

.nav > ul > li {display: inline-block;position: relative;}

.nav > ul > li:first-child > a {}

.nav > ul > li > a {display: block;font-size: 16px;font-weight: 600;color: #fff;text-transform: uppercase;padding: 0 

32px;transition: all .3s ease; /*position: relative;*/}



.nav > ul > li:hover,.nav > ul > li.on     {color: #fff; background: #990a0a; display: inline-block; }

.nav > ul > li:hover > ul {opacity: 1;visibility: visible;}

.nav > ul > li > ul {position: absolute;top:100%;left:0;z-index: 999;background: #fff;width: 180px;margin: 0;padding: 

0;opacity: 0;visibility: hidden;box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);transition: all .5s ease;}

.nav > ul > li > ul > li {display: block;line-height: 46px; position: relative;}

.nav > ul > li > ul > li:last-child > a {border-bottom: 0;}

.nav > ul > li > ul > li > a {display: block;font-size: 14px;font-weight: 500;text-transform: capitalize;color: 

#990a0a;text-align: 

 border-bottom: 1px solid #E9E9E9;transition: all .3s ease; width: 90%; padding: 0 5%}

.nav > ul > li > ul > li:hover > a {background: #990a0a;color: #fff;border-color: 0;}

.nav > ul > li > ul > li:hover > ul {opacity: 1;visibility: visible;}

.nav > ul > li > ul > li > ul {position: absolute;top:0;left:100%;width: 240px;margin: 0;padding: 0;opacity: 0;visibility: 

hidden;z-index: 999;background: #fff;box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);transition: all .5s ease;}

.nav > ul > li > ul > li > ul > li {display: block;position: relative;}

.nav > ul > li > ul > li > ul > li:last-child > a {border-bottom: 0;}

.nav > ul > li > ul > li > ul > li > a {display: block;font-size: 14px;font-weight: 500;text-transform: capitalize;color: 

#990a0a;padding: 14px 19px;border-bottom: 1px solid #E9E9E9;transition: all .3s ease;}

.nav > ul > li > ul > li > ul > li:hover > a {background: #186AAB;color: #fff;border-color: 0;}

.nav > ul > li:last-child >ul {left: auto; right: 0;}

.navWrapTop {width: 100%; position: fixed; left: 0; top: -100px; z-index: 999;}



.menu {display: none; width: 40px; padding: 10px 10px; background: #186AAB; position: absolute; top: 50%; right: 10px; 

transform: translateY(-50%); z-index: 1000; box-sizing: border-box;} 

.menu span {display: block; width: 100%; height: 3px; margin-top: 3px; background: #fff;}

.menu span:first-child {margin-top: 0;}



.navBtn {display: none; position: absolute; width: 30px; height: 30px; background: url(../images/web/xq_jt_r.png) no-repeat 

center; background-size: 8px; top: 6px; right: 8px; transition: all .3s ease-in; z-index: 1111;}

.navBtn.on {-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}



.mian {/*position: relative;*/ /*margin-top: 130px;*/}

/*banner*/

.bx-wrapper .bx-viewport {border: none; box-shadow: none; left: 0;}



.bx-viewport .pic img{height:22vh;}

.banner {width: 100%; margin-top: 130px;}

.banner img {display: block; width: 100%;}

.banner li {width: 100%; height: auto; position: relative; overflow: hidden;}

.writ {position: absolute; z-index: 88; left: 20%; top: 50%; transform: translateY(-60%);}

.writ span {display: inline-block;}

.writ h2 {position: relative; left: -100px; opacity: 0;}

.writ h2 span {padding: 2px 10px; line-height: 55px;font-size: 50px;color: #fff; background: #0076D3;}

.writ h3 {position: relative; right: -100px; opacity: 0;}

.writ h3 span {margin: 0px;padding: 0px 10px; line-height: 55px; font-size: 50px; color: #fff; background: #262F36;font-

family: 'Raleway', sans-serif, "微软雅黑",'Microsoft Yahei'; text-transform: uppercase;}

.writ h4 {margin: 18px 0; position: relative; top: 40px; opacity: 0;}

.writ h4 span { line-height: 42px; font-size: 30px; color: #186AAB;}

.writ p {line-height: 28px; font-size: 16px; color: #fff; position: relative; top: 40px; opacity: 0;}

.bannerLink {margin-top: 20px;}

.bannerLink a {float: left; height: 42px; padding: 0 35px; margin-right: 64px; line-height: 42px; font-size: 12px; color: 

#186AAB; background: #fff; border: 2px solid #186AAB; border-radius: 23px; position: relative; opacity: 0;}

.bannerLink a:hover {color: #fff; background: #186AAB;}

.bannerLink a:first-child {color: #fff; background: #186AAB;}

.bannerLink a:first-child:hover {color: #186AAB; background: #fff;}

.bannerLink a.bannerMore1 {left: -60px;}

.bannerLink a.bannerMore2 {right: -60px;}


.check_con{ height:402px;overflow: hidden; }






.probox{  display: block; clear: both; padding-bottom:180px;  overflow: hidden;

 background:url(../images/bg1.jpg) no-repeat center top; }

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

.probox_right{ float: right;  width:100%}



.left_tit{ background:url(../images/titbg1.png) no-repeat center top; overflow: hidden; display: block;color: #fff; font-

size: 20px;text-align: center; height: 48px; padding-top: 75px  }



.left_pro{  z-index: 1; background: #fbfbfb; border: 1px solid #6d171a;  width: 240px; border-top: none; overflow: hidden; 

padding-top: 20px  }

.left_pro ul{ width: 210px; margin: 0 auto }

.left_pro ul p{ background: url(../images/iprod-head2x.png)  no-repeat center left ; color: #fff;

 padding-left:20px; height: 30px; line-height: 30px; margin-bottom: 5px; margin-top: 5px; border-bottom: 1px solid # }

.left_pro ul p a{ float: right; color: #333; padding:0 5px; font-size: 12px }

.left_pro ul p a:hover{ float: right; color: #3d9c06 }

.left_pro ul li{ padding-left: 22px; background: url(../images/leftbg.png) left 8px no-repeat; line-height: 25px; display: 

inline-block; }





.youshi{ background: #6d171a; overflow: hidden; display: block; padding: 5px 0 ; }

.youshi ul li{ float: left;  margin:5px;  text-align: center; color: #fff  }

.youshi ul li img{ width: 50px; height: 50px; border: 1px solid #fff; border-radius: 10px; padding: 8px;  }



.indexcontact{border: 1px solid #6d171a; }

.indexcontact span{ text-align: center; display: block; font-size: 16px; line-height: 50px }

.indexcontact div{ width: 90%; margin:0 auto; }



/*产品分类*/

/*产品*/





.check_tit{  text-align: center;  margin-top: 30px}

.check_tit em{ display:inline-block; cursor: pointer; margin:0  8px 10px 8px; background: #f7f7f7;

 text-align: center; font-size: 14px;   height:30px; line-height:30px; color: #fff;  padding: 0 10px; transition: 

1s;background:#6d171a; color: #fff;

 border-radius: 10px }

.check_tit em:hover,.check_tit em.on{ background:#ffa525; color: #fff; border-radius: 20px }

.check_con ul{ clear:both; overflow: hidden; padding-top: 10px }

.check_con ul li{ float:left; width:380px; margin-right: 26px ;

  background: #fff;  overflow: hidden;  border:1px solid #6d171a;  margin-bottom:30px;  transition: 0.8s; }



.check_con ul li:hover{  background: #6d171a  }

.check_con ul li:nth-child(3n){ margin-right: 0 }

.check_con ul li img{ height: 280px; width: 100%; overflow: hidden;}

.check_con ul li dl { padding:20px 0; display: block; overflow: hidden; }

.check_con ul li dl dt{ float: left; text-align: left; width: 330px; }  

.check_con ul li dl dd{ float: right;  height: 30px; width: 30px;  line-height: 30px; 

  text-align: center; background: #6d171a; color: #fff; border-radius:100px; margin-top: 10px; margin-right: 10px  }



.check_con ul li strong,.check_con ul li p{ padding: 0 10px; color: #333; font-weight: normal; overflow: hidden; }

.check_con ul li strong{ font-size:18px;  display: block;  height:30px; line-height:30px;  }

.check_con ul li:hover strong,.check_con ul li:hover p{ color: #fff }

.check_con ul li:hover dl dd{ color: #000; background: #fff }

.check_con ul li p {  color: #999; font-size: 14px; margin-top:5px; }

.check_tit em:hover,.check_tit em.on{ color: #fff;  }









.about{

    padding-top: 150px;

    background: url(../images/in-abbg.png) no-repeat center top; 

    margin-top:-170px;

}

.in-cTit{

    font-size: 36px;

    line-height: 1;

    text-align: center;

    color: #222;

    padding-bottom: 30px;

    background: url(../images/in-tit2.png) no-repeat center bottom;

}

.about .in-cTit{

    color: #fff;

    background-image: url(../images/in-tit.png);

}

.index-news .in-cTit{

    background-image: url(../images/in-tit3.png);

}

.inab-main{

    margin-top: 90px;

    

}





.in-more{

    margin-top: 40px;

    font-size: 0;

    text-align: center;

}

.in-more a{

    display: inline-block;

    width: 220px;

  height: 56px;

  background-color: #6d171a;

  border-radius: 28px;

    border: solid 1px #eaeaea;

    line-height: 56px;

    font-size: 14px;

    color: #fff;

    transition: 0.3s;

}
.in-more a:hover{background:#d53d42}

.about .in-more a{

    border: solid 1px rgba(250,250,250,0.3);

    background-color: #6d171a;

    color: #fff;

}



.in-more a:hover{

    background-color: #d53d42;

    color: #fff;

    border-color: #6d171a;

}

.about .text{

    width: 1180px;

    margin: 0 auto;

    color: #fff;

    font-size: 16px;   text-indent:30px;

}

.inab-main{

    margin-top: 0px;

    

}

.about .nums{

    margin: auto;

    transition: 0.3s;

    box-shadow:1px 1px 10px #ccc;

    background: #fff;



}

.about .num{

    width: 380px;

    height: 300px;

    padding:10px;

    transition: 0.3s;

    background: #fff;

}

.about .num img{width: 100%; height: 100%} 

.about .num span{

    font-size: 72px;

    line-height: 60px;

}

.about .num p{

    left: 233px;

    top: 59px;

}



.num{

    width: 313px;

    float: left;

    padding: 55px 40px 0;

    height: 225px;

    color: #fff;

    position: relative;

}



.num span{

    font-size: 62px;

    line-height: 1;

    float: left;

    letter-spacing: -2px;

    font-family: Arial;

}

.num span sub{

    font-size: 26px;

}

.num p{

    font-size: 14px;

    line-height: 24px;

    position: absolute;

    left: 193px;

    top: 54px;

    padding-bottom: 12px;

    background: url(../images/ab-numbg.png) repeat-x left bottom;

    width: 160px;

}





.product-num-head{

    font-size: 0;

}



.product-num-item{

    display: inline-block;

    width: 29%;

    font-size: 60px;

    color: #fff;

    line-height: 62px;

    overflow: hidden;

    font-family:sans-serif;

    padding:70px 2% ;

    text-align: center;



    





}



.product-num-item:hover{  }

.product-num-item:hover .product-num-add,.product-num-item:hover .product-num-nub ,.product-num-item:hover .product-num-

inf{color: #fff  }











.product-num-jus{

    display: inline-block;

    margin: 80px 0;

    width: 162px;

    height: 56px;

    font-size: 22px;

    color: #000;

    line-height: 48px;

    letter-spacing: 2px;

    border: 4px solid #000;

    cursor: pointer;

    font-weight: 500;

    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC-Medium,Hiragino Sans 

GB,Microsoft YaHei,SimSun,sans-serif;

    -webkit-transition: all .3s linear;

    -moz-transition: all .3s linear;

    transition: all .3s linear;

    text-decoration: none;

}



.product-num-nub{

    display: inline-block;

    font-size: 60px;

    color: #fff;

    line-height: 62px;

    font-family: -apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Helvetica,PingFangSC,Hiragino Sans GB,Microsoft 

YaHei,SimSun,sans-serif;

}



.product-num-add{

    font-size: 18px;

    color: #fff;

}



.product-num-inf{

    font-size: 20px;

    color: #000;

    line-height: 30px;

    display: block;

    height: 30px;

    font-weight: normal;

}



.product-num-jus:hover{

    background-color: #000;

    color: #3e88f1;

}



.product-num-wan{

    position:absolute;

    right: 55px;

    top: 0px;

}



















.title1 {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  margin-top: 80px;

  margin-bottom: 30px;

}

.title1 h1 {

  margin: 0px;

  color: #000;

  font-size: 32px;

  margin-bottom: 10px;

  font-weight: bold;



}

.title1 h1 em{ color: #6d171a; }

.title1 p {

  margin: 0px;

  font-size: 18px;

}

.index-pro {

  margin-top: 40px;

}

.index-pro-left {

  width: 100%;

  float: left;  

}

.index-pro-left .index-pro-left-nav h2 {

  background: #6d171a;

  color: #fff;

  text-align: center;

  padding: 30px 0px;

  margin: 0px;

  font-size: 26px;

}





.index-pro-left-nav{ background: #6d171a }

.index-pro-left .index-pro-left-nav ul {

  border: 1px solid #6d171a;

  padding: 0px 15px 15px 15px;

  text-align: center;

}

.index-pro-left .index-pro-left-nav ul li {

  margin-top: 15px;

  display: inline-block;



}

.index-pro-left .index-pro-left-nav ul li a {

  display: block;

  text-align: center;

  background: #f5f5f5;

  color: #000;

  padding: 10px 20px;

  font-size: 15px;

  border-radius: 5px;

  margin: 0 5px;

}

.index-pro-left .index-pro-left-nav ul li a:hover {

  background: #6d171a;

  color: #fff;

}

.index-pro-left .ht-lianxi {

  margin-top: 30px;

}

.index-pro-left .ht-lianxi h2 {

  background:#6d171a;

  color: #fff;

  text-align: center;

  padding: 30px 0px;

  margin: 0px;

  font-size: 26px;

}

.index-pro-left .ht-lianxi ul {

  padding: 15px;

  background: #f5f5f5;

}

.index-pro-left .ht-lianxi ul li {

  font-size: 14px;

  line-height: 30px;

}











/*优势*/

.youshi2 {

   background:#ebebeb;

   padding:1px 0 100px 0;

   margin-top:50px;

}

.youshi2 .youshi2-container {

  padding: 0px 0px;

 



}

.youshi2 .youshi2-main {

  width: 1200px;

  margin: 0px auto;

  background: #f5f5f5;

}

.youshi2 .youshi2-main .youshi2-item {

  display: flex;

  justify-content: space-between;

  align-items: center;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-left {

  width: 50%;

  position: relative;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-left img {

  display: block;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-left .youshi2-ico {

  position: absolute;

  width: 100px;

  height: 120px;

  background: #6d171a;

  top: -50px;

  left: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-left .youshi2-ico span {

  font-size: 56px;

  font-family: arial;

  font-weight: 600;

  color: #fff;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-left .youshi2-ico i {

  width: 70%;

  margin: 0px auto;

  height: 4px;

  background: #fff;

  margin-top: 10px;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-left2 .youshi2-ico {

  left: auto;

  right: 50px!important;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-right {

  width: 520px;

  padding: 20px 40px;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-right h2 {

  margin: 0px;

  font-size: 28px;

  color: var(--themeColor);

  color: #6d171a;

  font-weight: bold;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-right p {

  margin: 0px;

  text-transform: uppercase;

  margin-top: 10px;

  color: #888;

  padding-bottom: 10px;

  margin-bottom: 10px;

  border-bottom: 1px dashed #ddd;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-right ul li {

  font-size: 16px;

  line-height: 40px;

  color: #000;

}

.youshi2 .youshi2-main .youshi2-item .youshi2-right ul li span {

  display: inline-block;

  width: 10px;

  height: 10px;

  background: var(--themeColor);

  border-radius: 35px;

  margin-right: 15px;

}







/*新闻中心*/

.case_box{ background: url(../images/casebg.jpg) no-repeat center top; padding-bottom: 100px; display: block; overflow: 

hidden; }



/*新闻中心*/

.homeNews {padding: 80px 0; position: relative; top: 40px; opacity: 0;}

.tit {text-align: center;}

.tit h2 {font-size: 32px;text-transform: capitalize;color: #202A30;font-weight: bold;margin: 0;margin-bottom: 15px;}

.tit h3 {font-size: 16px;color: #747474;margin: 0;margin-bottom: 20px;}

.tit p {width: 12px;height: 12px; border-radius: 50%;border: 2px solid #E6E6E6;background: #fff;display: inline-

block;position: relative;z-index: 1;}

.tit p span {display: block;width: 6px; height: 6px;background: #EAEAEA;border-radius: 50%;display: block;margin: 

auto;margin-top: 3px;}

.tit p:before,

.tit p:after {content: '';position: absolute; top: 5px;width: 50px;height: 2px;background: #E6E6E6;z-index: -1;}

.tit p:before {left: 14px;}

.tit p:after {right: 14px;}

.titLeft {text-align: left;}

.titLeft p {border-color: #186AAB;}

.titLeft p span {background: #186AAB;}

.titLeft p:after {right: -96px;}

.homeNewsWrap {margin-top: 60px;}

.homeNewsList {}

.homeNewsList li {float: left; width: 31.33%; margin-left: 3%; position: relative; top: 40px; opacity: 0;}

.homeNewsList li:first-child {margin-left: 0;}

.picList {position: relative;}

.picList .bg {position: absolute; width: 100%; height: 100%; /*left: 50%; top: 50%; transform: translate(-50%,-50%);*/ top: 

0; left: 0; 

  transform: scale(0); transition: all .5s ease; background: rgba(219,29,29, .75);}

.homeNewsList li .cont {margin-top: 25px;}

.homeNewsList li .cont .left {float: left; width: 16.888%; text-align: center;}

.homeNewsList li .cont .left .time {padding: 14px 0; font-size: 16px; text-transform: uppercase;font-weight: 500;color: 

#fff;line-height: 22px; background: #e62129;}

.homeNewsList li .cont .left .time b {display: block; font-weight: 500; font-size: 24px;}

.homeNewsList li .cont .left .date {font-size: 20px;color: #202A30;line-height: 17px;font-weight: 500;padding: 16px 

0;border: 1px solid #E6E6E6;border-top: 0px;}

.homeNewsList li .cont .right {width: 100%;}

.homeNewsList li .cont .right h2 {font-size: 20px;color: #000000;text-transform: capitalize;margin: 0;line-height: 

26px;font-weight: bold;margin-bottom: 12px;}

.homeNewsList li .cont .right h2 a:hover {color: #1182DF;}

.homeNewsList li .cont .right p {margin: 0 0 10px; font-size: 14px;color: #9C9C9C;line-height: 26px;}

.homeNewsList li .cont .right h3 {color: #222222;font-size: 13px;}

.homeNewsList li .cont .right h3 a {color: #1182DF;}

.hoverBg:hover .picList .bg {transform: scale(1);}

.picList .bg a {position: absolute; width: 40px;height: 40px;line-height: 40px; margin-right: 8px;text-align: center; 

background: #fff; color: #186AAB;border: 1px solid #fff;font-size: 20px;border-radius: 50%;left: 50%; top: 50%; transform: 

translate(-50%,-50%); opacity: .5; z-index: 22;}

.picList .bg a i {display: inline-block; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: 

url(../images/link.png) no-repeat  center 10px; height: 40px; width: 40px; }

.picList .bg a i:after {}

.picList .bg a:hover {background: #6d171a;border-color: #fff;color: #fff;}

/*销售信息*/

.homeInfor {background: #FBFCFC;}

.homeInfor .pic {float: left; width: 49%; position: relative; top: 40px; opacity: 0;}

.homeInfor .right {float: right; width: 50%; position: relative; top: 40px; opacity: 0;}

.homeInforCont {width: 610px; margin: 70px 0 0 90px;}

.homeInforCont h3 {margin-bottom: 20px; font-family: 'Poppins', sans-serif, "微软雅黑",'Microsoft Yahei';font-size: 

28px;text-transform: capitalize;color: #1182DF;font-weight: 300;line-height: 40px;}

.homeInforCont p {margin-bottom: 22px; color: #9C9C9C;line-height: 26px;}

a.detail {display: block; height: 32px; width: 86px; text-align: center; line-height: 32px; font-size: 12px;border: 2px 

solid #D3D3D3;color: #202A30; border-radius: 18px; font-weight: 600;}

a.detail:hover {color: #fff; background: #6d171a; border-color: #6d171a;}

.homeInforBottom {position: relative; top: 40px; opacity: 0;}

.homeInforBottom ul {}

.homeInforBottom ul li {float: left; width: 50%; height: 336px; background: url(../img/offer/2.jpg) 0 0 no-repeat; opacity: 

.9; position: relative;}

.homeInforBottom ul li:after {content: '';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: 

#195db2;opacity: .9;}

.homeInforBottom ul li:first-child {background: url(../img/offer/1.jpg) 0 0 no-repeat;}

.homeInforBottom ul li:first-child:after {background: #0375d3;}

.homeInforBottom ul li:first-child .cont {float: right;}

.homeInforBottom ul li .cont {width: 560px; margin-top: 70px; padding: 0 90px; color: #fff; position: relative; z-index: 

24;}

.homeInforBottom ul li .cont h3 {font-size: 30px;text-transform: capitalize;margin: 0;margin-bottom: 15px;color: #fff;}

.homeInforBottom ul li .cont p {font-size: 14px;line-height: 26px;margin: 0;margin-bottom: 30px;}

.homeInforBottom ul li .cont a.detail {width: 106px; color: #fff; border-color: #fff;}

.homeInforBottom ul li .cont a.detail:hover {color: #6d171a; background: #fff;}

.detail1 {color: #fff; font-size: 12px;}

.detail1:hover {text-decoration: underline;}



.homeCom {padding: 80px 0; position: relative; top: 40px; opacity: 0;}

.homeCom .left {float: left; width: 50%;}

.homeCom .left .cont {width: 90%; margin-top: 16px; position: relative; /*border: 1px solid #000000;*/}

.homeCom .left .cont:before {display: block; content: ""; position: absolute; width: 1px; height: 94%; background: #F1F1F1; 

top: 10px; left: 6px;} 

.homeCom .left .cont h2 {padding-left: 26px; margin: 20px 0;font-size: 20px;color: #202A30; font-weight: 600;cursor: 

pointer;}

.homeCom .left .cont h2 em {font-size: 16px;}

.homeCom .left .cont h2.active .btnY {border-color: #186AAB;}

.homeCom .left .cont h2.active .btnY i {background: #186AAB;}

.homeComSelect {display: none; padding-left: 40px;}

.homeComSelect p {margin-bottom: 21px;font-size: 14px;color: #9C9C9C;line-height: 26px;}

.btnY {display: inline-block; position: relative; left: -26px; width: 10px; height: 10px; background: #fff; border: 2px 

solid #F1F1F1; border-radius: 50%; z-index: 22;} 

.btnY i {position: absolute; width: 4px; height: 4px; background: #F1F1F1; border-radius: 50%; left: 50%; top: 50%; 

transform: translate(-50%,-50%);} 

.homeCom .right {float: right; width: 50%;}

.img-masonary {margin: 20px 0 0 15px;}



.homeJt {padding: 50px 0; position: relative;background: url(../images/fact-counter-bg.jpg) center center no-repeat;

  -webkit-background-size: cover;background-size: cover; top: 40px; opacity: 0; overflow: hidden; display: block;}

.homeJt:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: '';opacity: .95; }

.homeJt .wrap {position: relative; z-index: 22;}

.homeJt .cont {width: 100%;}

.homeJt .cont span{ float: right; color: #fff; font-style: italic;    }

.homeJt .cont span em{ display: block;  font-size:20px; }

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

.homeJt .cont h2{ float: left; font-weight:bold; line-height: 70px;font-style: italic  }

.homeJt h2 {font-size: 36px;line-height: 42px;color: #fff;margin: 0;}

.homeJt a.detail {width: 136px; height: 42px; line-height: 42px; background: #fff; color: #186AAB; border-radius: 23px;}

.homeJt a.detail:hover {color: #fff; background: #186AAB; border-color: #fff;}

























/*链接入口*/

element.style {

    

}

.content5 {

  background-image: url(../images/indexbg.png);

    background-size: cover;

    background-position: center;

    padding: 10rem 0 10rem;

}



.content5 .innerWrap {

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 1200px;

  margin:0 auto;

}

.content5 .left {

  position: relative;

  width: 40%;

  color: #fff;

}

.content5 .left .ctx {

  position: relative;

  z-index: 99;

}

.content5 .left img {

  margin-bottom: 12rem;

}

.content5 .left h2 {

  font-size: 36px;

  margin-bottom: 3rem;

}

.content5 .left .pointContainer {

  position: absolute;

  z-index: 98;

  width: 100%;

  height: 100%;

}

.content5 .left .pointContainer .point {

  display: flex;

  position: absolute;





  background: #fff;

  border-radius: 50%;

}

.content5 .left .pointContainer .point::before {

  content: '';

  position: absolute;





  left: 50%;



  top: 50%;



  border-radius: 50%;

  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8);

  z-index: 3;

  opacity: 0;

  transform-origin: center;

  -webkit-animation: halo 1.5s 0.9s infinite ease-out;

  -moz-animation: halo 1.5s 0.9s infinite ease-out;

  animation: halo 1.5s 0.9s infinite ease-out;

}

.content5 .left .pointContainer .point::after {

  content: '';

  position: absolute;



  left: 50%;



  top: 50%;



  border-radius: 50%;

  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8);

  z-index: 3;

  opacity: 0;

  transform-origin: center;

  -webkit-animation: halo 1.5s 0.9s infinite ease-out;

  -moz-animation: halo 1.5s 0.9s infinite ease-out;

  animation: halo 1.5s 0.9s infinite ease-out;

}

.content5 .left .pointContainer .point.point1 {

  left: 40%;

  top: 60%;

}

.content5 .left .pointContainer .point.point1::after,

.content5 .left .pointContainer .point.point1::before {

  animation-delay: 0.2s;

}

.content5 .left .pointContainer .point.point2 {

  left: 45%;

  top: -30%;

}

.content5 .left .pointContainer .point.point3 {

  left: 20%;

  top: 130%;

}

.content5 .left .pointContainer .point.point3::after,

.content5 .left .pointContainer .point.point3::before {

  animation-delay: 0.3s;

}

.content5 .left .pointContainer .point.point4 {

  left: 25%;

  top: 80%;

}

.content5 .left .pointContainer .point.point5 {

  left: 52%;

  top: 40%;

}

.content5 .left .pointContainer .point.point5::after,

.content5 .left .pointContainer .point.point5::before {

  animation-delay: 0.5s;

}

.content5 .left .pointContainer .point.point6 {

  left: 50%;

  top: 130%;

}

.content5 .left .pointContainer .point.point6::after,

.content5 .left .pointContainer .point.point6::before {

  animation-delay: 0.12s;

}

.content5 .left .pointContainer .point.point7 {

  left: 110%;

  top: 5%;

}

.content5 .left .pointContainer .point.point7::after,

.content5 .left .pointContainer .point.point7::before {

  animation-delay: 0.05s;

}

.content5 .left .pointContainer .point.point8 {

  left: 80%;

  top: 90%;

}

.content5 .left .pointContainer .point.point8::after,

.content5 .left .pointContainer .point.point8::before {

  animation-delay: 0.06s;

}

.content5 .right {

  width: 48.4%;

}

.content5 .right ul {

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

}

.content5 .right ul li {

  position: relative;

  width: 48.4%;

  color: #fff;

  cursor: pointer;

  overflow: hidden;

  height: 300px;

  margin-top: 20px;

}

.content5 .right ul li:hover .bg {

  transform: scale(1.05);

}

.content5 .right ul li .bg {

  position: absolute;

  left: 0;

  top: 0;

  background-size: cover;

  background-position: center;

  box-sizing: border-box;

  width: 100%;

  height: 100%;

  padding:  ;

  transition: all 0.5s;

}

.content5 .right ul li a {

  position: relative;

  z-index: 1;

  display: block;

  color: #fff;

  width: 100%;

  height: 100%;

}

.content5 .right ul li .ctx {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

}

.content5 .right ul li:first-child {

  justify-content: center;

  align-items: center;

  width: 100%;

  height: 300px;



}

.content5 .right ul li:first-child .ctx {

  justify-content: center;

  text-align: center;

}

.content5 .right ul li:nth-child(2) .ctx {

  align-items: center;

  justify-content: center;

  text-align: center;

}

.content5 .right ul li:nth-child(3) .ctx {

     justify-content: center;

     text-align: center;

}

.content5 .right ul li img {

  margin-bottom: ;

}

.content5 .right ul li h2 {

  font-size: 28px;

  font-weight: bold;

  margin-bottom: ;

}

.content5 .right ul li .more {

  text-decoration: underline;

}













/*news*/

.news_index_bg{overflow:hidden; background: #f3f3f3; padding-bottom: 50px; margin:50px auto;}

.news_index{margin:0 auto;width:1200px;color:#a2a2a2}



.news_index .company_news{width:400px;box-sizing:border-box;margin-right:25px;float:left; 

  padding:40px;background:url(../images/linebg.jpg) repeat-x left top #fff; padding-top: 100px} 

  .news_index .company_news img{ width: 100% }

.news_index .company_news>p{font-size:30px;margin-bottom:32px;color:#242424}

.news_index .company_news>p>span{font-size:12px;font-variant:small-caps;font-family:font-variant;color:#a2a2a2}

.news_index .company_news .company_news_more{float:right;font-size:14px;color:#242424}



.company_news_cell{float:left;width:100%;margin-right:40px; }



.company_news_cell img{width:285px;height:210px;border: 1px solid #ccc;}



.newtext a{color:#990a0a;line-height:30px;font-size:18px;margin:10px 0}

.newtext p{overflow:hidden;height:100px;line-height:25px;font-size:16px;margin-top:9px;color:#a2a2a2}





.news_index .product_news{width:735px;float:right;background: #fff; padding:20px;}

.product_news .newtext{ float: left; width: 48%; margin-right:2%; margin-top:20px; margin-bottom: 40px  }

.news_index .date{ text-align: right; display: block; margin-top: 20px; border-bottom: 1px solid #f1f1f1; padding-bottom: 

10px }











/*foot*/

.index-about{

    background: url('../images/index-about.jpg') no-repeat;

    background-size: 100% 100%;

    width: 100%;

    height: 300px;

}

.index-about .about-title{

    width: 32%;

    padding-left: 5%;

    box-sizing: border-box;

    margin-top: 70px;

}

.index-about .about-title h3{

    color: #2a343b;

    font-weight: bold;

    font-size: 36px;

}

.index-about .about-title p{

    font-size: 16px;

    color: #444

}

.index-about .about-title a{

    width: 150px;

    font-size: 16px;

    color: #444;

    line-height: 40px;

    height: 40px;

    border-radius: 30px;

    background: #e5eff6;

    border: 1px solid #b5b5b5;

    display: block;

    margin: 40px 0;

    transition: width 0.5s;

    -webkit-transition: width 0.5s;

    text-align: center;

}

.index-about .about-title a:hover{

    width: 180px;

    background: #001daf;

    color: #fff

}

.index-about .about-txt{

    width: 60%;

    margin-top: 30px;

}

.index-about .about-txt .paged{

    float: left;

    text-align: center;

    margin-right: 7%;

}

.index-about .about-txt .paged b{

    display: block;

    width: 200px;

    display: block;

    text-align: center;

    font-size: 18px;

    color: #444;

    position: relative;

    margin-bottom: 8px;

}

.index-about .about-txt .paged em{

    font-size: 72px;

    color: #004da4;

    font-weight: normal;

    line-height: 72px;

    width: 85px;

    display: inline-block;

    margin-right: 10px;

}

.index-about .about-txt .paged:last-of-type{

    margin-right: 0;

}

.index-about .about-txt .paged:last-of-type em{

    width: 150px;

}

.index-about .about-txt .paged span{

    font-size: 18px;

    color: #444;

}

.index-about .about-txt .paged:nth-of-type(2) b::before{

    content: '+';

    font-size: 22px;

    color: #444;

    position: absolute;

    right: 50px;

    top: 0;

}









footer{

    width: 100%;

    background: url('../images/fooder-bj.jpg') no-repeat ;

    background-size: 100% 100%;

}

.fooder{

    width: 100%;

    position: relative;

    height: 500px;

}

.fooder .fooder-left{

    width: 25%;

    height: 499px;

    background: #0061af;

    position: absolute;

    left: 0;

    bottom: 0;

    text-align: center;

    box-sizing: border-box;

    padding: 30px 20px;

}

.fooder .fooder-left >a img{

    width: 100%;

    height: auto;

    margin-top: 20px;

}

.fooder .fooder-left .das{

    margin-top: 30px;

    

}

.fooder .fooder-left .das .footphone{

    margin-bottom: 30px;

}

.fooder .fooder-left .das .footphone span{

    font-size: 18px;

    color: #fff;

    line-height: 30px;

    padding-top: 100px;

    display: block;

    overflow: hidden;



}

.fooder .fooder-left .das .footphone b{

    font-size: 36px;

    color: #fff;

    line-height: 40px;

}

.fooder .fooder-left .das a{

    width: 60%;

    display: block;

    margin: 0 auto 30px;

    height: 45px;

    line-height: 45px;

    font-size: 18px;

    color: #444;

    border-radius: 23px;

    background: #fff;

    border: 1px solid #fff;

}

.fooder .fooder-left .das a:hover{

    background: #0061af;

    color: #fff;

    

}

.fooder .fooder-left p{

    font-size: 14px;

    color: #749bc9;

    line-height: 28px;

}

.fooder .fooder-left p a{

    color: #749bc9;

}

.fooder .fooder-left p em{

    width: 1px;

    height: 14px;

    display: inline-block;

    vertical-align: middle;

    background: #749bc9;

    margin: 0 10px;

}

.fooder .fooder-left p a:hover{

    color: #fff

}

.fooder-rigth{

    width: 75%;

    margin-top: 80px;

    float:right;

}

.fooder-rigth > p{

    font-size: 14px;

    color: #96999c;

    box-sizing: border-box;

    padding-top: 20px;

    padding-left: 7%;

}

.fooder-rigth > p a{

    font-size: 14px;

    color: #96999c;

    padding-left: 10px;

}

.fooder-rigth > p a:hover{

    color: #fff

}

.fooder-rigth ul{

    width: 100%;

    box-sizing: border-box;

    

}

.fooder-rigth ul li{

    float: left;

    margin-left: 50px;

}

.fooder-rigth ul li .wx {

    text-align: center;

    color: #b7bac5;

    display: block;

    text-align: center;

}

.fooder-rigth ul li .wx p {

    display: block;

    text-align: center;

}

.fooder-rigth ul li .wx img{

    width: 70px;

    margin:0 auto;

   height: auto;

   display: block;

   margin-bottom: 5px;

   margin-top:20px;



}

.fooder-rigth ul li dt{

    font-size: 18px;

    color: #fff;

    font-weight: bold;

    margin-bottom: 31px;

}

.fooder-rigth ul li dd a{

    font-size: 14px;

    color: #b7bac5;

    line-height: 32px;

    cursor: pointer;

}

.fooder-rigth ul li dd a:hover{

    color: #004da4

}

.pro-bananr{

    width: 100%;

    position: relative;

}

.ser-bananr > img{

    width: 100%;

    height: auto;

}

.ser-bananr .ser-bananr-conent{

    position: absolute;

    left: 50%;

    top: 40%;

    transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    text-align: center;

    animation: bnananrtop 1s;

    -webkit-animation: bnananrtop 1s;

    text-align: center

}

.ser-bananr .ser-bananr-conent span{

    font-size: 24px;

    color: #989ba4

}

.case-bananr-conent{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    text-align: center;

    animation: bnananrtop 1s;

    -webkit-animation: bnananrtop 1s;

    text-align: center;

}

.about-bananr-conent{

    position: absolute;

    left: 50%;

    top: 40%;

    transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    text-align: center;

    animation: bnananrtop 1s;

    -webkit-animation: bnananrtop 1s;

    text-align: center;

}

.contact-bananr-conent{

    position: absolute;

    left: 50%;

    top: 40%;

    transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    text-align: center;

    animation: bnananrtop 1s;

    -webkit-animation: bnananrtop 1s;

    text-align: center;

}

.contact-bananr-conent p{

    font-size: 60px;

    font-weight: bold;

    color: #fff

}

.contact-bananr-conent span{

    color: #fff;

    font-size: 24px;

}

.new-bananr-conent{

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    text-align: center;

    animation: bnananrtop 1s;

    -webkit-animation: bnananrtop 1s;

    text-align: center;

}

.new-bananr-conent span{

    color: #fff;

    font-size: 24px;

}

.new-bananr-conent p{

    font-size: 60px;

    font-weight: bold;

    color: #fff

}

.about-bananr-conent span{

    color: #fff;

    font-size: 24px;

}

.about-bananr-conent p{

    font-size: 60px;

    font-weight: bold;

    color: #fff

}

.case-bananr-conent h3{

    font-size: 68px;

    font-weight: bold;

    color: #fff;

    line-height: 68px;

}

.case-bananr-conent p{

    font-size: 24px;

    color: #99c0df;

    line-height: 24px;

    padding-top: 25px;

}

.ser-bananr .ser-bananr-conent p{

    font-size: 60px;

    font-weight: bold;

    color: #444;

    line-height: 72px;

    padding-top: 15px;

}

.pro-bananr>img{

    width: 100%;

    height: auto

}

.pro-bananr .bananr-content{

    position: absolute;

    left: 50%;

    top: 40%;

    transform: translateX(-50%) translateY(-50%);

    -webkit-transform: translateX(-50%) translateY(-50%);

    text-align: center;

    animation: bnananrtop 1.5s;

    -webkit-animation: bnananrtop 1.5s;

}









/*成员企业*/

.homeCyqy {padding-bottom:80px; background: url(../images/app_bg.jpg) no-repeat center top; background-size:auto cover; 

overflow: hidden; }

.homeCyqy .wrap {position: relative; top: 40px; opacity: 0;}

.homeCyqyW {margin-top: 60px;}

.homeCyqyW ul {}

.homeCyqyW ul li {float: left; width: 300px; margin-right: 30px;}

.homeCyqyCont {background: #363636; color:#fff; padding:10px;}

.homeCyqyCont h2 {line-height: 30px; font-size: 20px; font-weight: 600; color: #202A30;}

.homeCyqyCont h3 {line-height: 24px; color: #186AAB; font-weight: 600;}

.homeCyqyCont p {line-height: 28px;}

.homeCyqyCont .line {height: 1px; margin: 12px 0 12px 0; background: #e6e6e6;}

.homeCyqyCont a {margin-top: 10px;}

.bx-controls-direction{  }

.homeCyqyW .bx-wrapper .bx-controls-direction a { width: 42px; height: 42px; margin: 0;

 text-align: center; line-height: 42px; font-size: 20px; background-color: #CCCCCC; background-repeat: no-repeat; 

 background-position: center; background-size: 12px; color: #fff; z-index: 99;}

.homeCyqyW .bx-wrapper .bx-controls-direction a:hover {background-color: #186AAB;}

.homeCyqyW .bx-wrapper .bx-controls-direction a.bx-prev { left: -80px;  background-image: url(../images/xq_jt_l.png);}

.homeCyqyW .bx-wrapper .bx-controls-direction a.bx-next { right: -80px; background-image: url(../images/xq_jt_r.png);}



/*bottom*/

.bottom {padding: 55px 0; background: #2562B3; position: relative; top: 40px; opacity: 0; margin-top:50px;}

.bottom .left {float: left; width: 80%;}

.bottom .left h3 {color: #fff;font-size: 28px;font-weight: 600;margin: 0;line-height: 23px; margin-bottom: 16px;}

.bottom .left p {font-size: 16px;color: #D5E0EE;margin: 0;line-height: 25px;}

.bottom .right {float: right;}

.bottom .right a.detail {width: 100px; margin: 22px 0 0 0; color: #222222; background: #fff; border-color: #fff;} 

.bottom .right a.detail:hover {color: #fff; background: #186AAB;}



/*footer*/





#footer{

    width: 100%;

    background: url(../images/fooder-bj.jpg);

    position: relative;

    overflow: hidden;

}

.footer_main{

    width: 1200px;

    height: inherit;

    top: 0;

    left: 0;

    right: 0;

    margin: auto;

}

.footer_top{

    width: 100%;

    height: 332px;

    box-sizing: border-box;

    border-bottom: 1px solid #cccccc;

    position: relative;

    overflow: hidden;

}

.footer_link{

    width: 100%;

    height: 70px;

    position: absolute;

    top: 0;

    left: 0;

}

.footer_link span{

    color: #ffffff;

    display: block;

    font-size: 16px;

    font-weight: bold;

    line-height: 70px;

    float: left;

}

.footer_link ul{

    width: 1000px;

    height: 70px;

    float: left;

    overflow: hidden;

    margin-bottom: 0;

    margin-left: 20px;

}

.footer_link ul li{

    float: left;

    font-size: 15px;

    margin-right: 24px;

    line-height: 70px;

}

.footer_link ul li:last-child{

    margin-right: 0;

}

.footer_link ul li a{

    color: #ffffff;

    opacity: 0.8;

    transition: .4s;

}

.footer_link ul li a:hover{

    opacity: 1;

}



.footer_top > div h4{

    color: #ffffff;

    font-size: 16px;

    font-weight: bold;

    line-height: 16px;

    margin-top: 85px;

    margin-bottom: 0;

}

.footer_nav{

    width: 304px;

    height: 100%;

    float: left;

    overflow: hidden;

}

.footer_nav h4{

    margin-bottom: 24px!important;

}

.footer_nav ul{

    width: 100%;

    height: auto;

    overflow: hidden;

    margin-bottom: 0;

}

.footer_nav ul li{

    width: 50%;

    height: auto;

    float: left;

    overflow: hidden;

    margin-bottom: 24px;

}

.footer_nav ul li a{

    color: #ffffff;

    font-size: 16px;

    line-height: 16px;

    opacity: 0.8;

    transition: .4s;

}

.footer_nav ul li a:hover{

    opacity: 1;

}

.footer_info{

    width: 442px;

    height: 100%;

    float: left;

    margin-left: 76px;

    overflow: hidden;

}

.footer_info h4{

    margin-bottom: 28px!important;

}

.footer_mob{

    height: 35px;

    box-sizing: border-box;

    background-image: url('../images/foot_mob.png');

    background-position: left center;

    background-repeat: no-repeat;

    color: #ffffff;

    display: block;

    font-size: 26px;

    font-weight: bold;

    line-height: 35px;

    padding-left: 46px;

    margin-bottom: 20px;

}

.footer_info p{

    color: #e5e5e5;

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 8px;

}

.footer_ewm{

    height: 100%;

    float: right;

    overflow: hidden;

}

.footer_ewm h4{

    margin-bottom: 14px!important;

}

.footer_ewm ul{

    height: auto;

    overflow: hidden;

    margin-bottom: 0;

}

.footer_ewm ul li{

    width: 120px;

    height: auto;

    float: left;

    margin-right: 30px;

    overflow: hidden;

}

.footer_ewm ul li:last-child{

    margin-right: 0;

}

.footer_ewm ul li img{

    width: 100%;

    display: block;

    margin-bottom: 8px;

}

.footer_ewm ul li span{

    color: #e5e5e5;

    display: block;

    font-size: 13px;

    text-align: center;

}



.footer_bot{

    width: 100%;

    box-sizing: border-box;

    overflow: hidden;

}

.foot_logo{

    width: 146px;

    height: 174px;

    float: left;

    overflow: hidden;

}

.foot_logo img{

    width: 100%;

}

.foot_text{

    width: 765px;

    height: auto;

    box-sizing: border-box;

    float: left;

    padding-top: 20px;

    margin-left: 75px;

    overflow: hidden;

}

.foot_text p{

    width: 100%;

    color: #cccccc;

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 0;

    text-align: justify;

}



.foot_link{

    width: 166px;

    height: 40px;

    border-radius: 45px;

    background: #ffffff;

    color: #!important;

    display: block;

    float: right;

    font-size: 14px;

    font-weight: bold;

    line-height: 40px;

    text-align: center;

    margin-top: 58px;

    transition: .3s;

}

.foot_link:hover{

    background: #6d171a;

    color: #fff!important;

}



.footer_copy{

    width: 100%;

    height: 50px;

    color: #ffffff;

    font-size: 14px;

    line-height: 50px;

    margin-bottom: 0;

    text-align: center;

    opacity: 0.8;

    bottom: 0;

    left: 0;

}

.footer_copy b{

    font-weight: 500;

}

.footer_copy a{

    color: #ffffff!important;

}



/* footer */

























/**********关于交发*************/

.contBanner { width: 100%; height: 380px; left: 0; z-index: 0;}

.contBannerAbout {background: url(../images/web/zy_banner01.jpg) no-repeat center; background-size: auto 100%; }

.contBannerWrit {height: 252px;width: 294px; text-align: center; color: #fff; position: absolute; top: 50%; left: 50%; 

transform: translate(-50%,-50%); background: url(../images/web/zy_title_bg.png) no-repeat center center;}

.contBannerWritW {position: absolute; top: 50%; right: 18px; transform: translateY(-50%);}

.contBannerWrit h2 {font-size: 36px;border-bottom: #fff solid 1px;display: inline-block;min-width: 200px;height: 

52px;overflow: hidden;color: #fff;}

.contBannerWrit h3 {text-transform: uppercase;font-size: 20px;font-family: arial;line-height: 30px;width: 220px;margin: 8px 

auto 0 auto;}



.contMain { background: #f5f5f5; position: relative; z-index: 1; overflow: hidden; display: block;}

.contWrap {width: 1700px; margin: 0 auto;}

.w1200 {width: 1200px; margin: 0 auto;}



.aboutTit {text-align: center; padding: 60px 0 60px 0; position: relative; top: 40px; opacity: 0;}

.aboutTit ul {}

.aboutTit ul li {display: inline-block; width: 144px; height: 46px; margin: 0 4px; line-height: 46px; }

.aboutTit ul li a {display: block; width: 100%; height: 100%; color: #555; background-color: #f1f1f1; border-radius: 2px;}

.aboutTit ul li a:hover {color: #fff; background-color: #0382db;}

.aboutTit ul li.active a {color: #fff; background-color: #e62129;}

.aboutCont {margin-bottom: 100px;}

.aboutCont li.left {float: left; width: 50%;}

.aboutCont li.right {float: right; width: 50%;}

.aboutContHead {width: 82%; margin: 10px auto 30px; text-align: center;}

.aboutContHead h3 {letter-spacing: 10px; font-family: Arial;font-size: 10px;color: #333;}

.aboutContHead h2 {font-size: 40px;color: #0382db;position: relative;z-index: 1;}

.aboutContHead h2 span {display: inline-block; padding: 0 20px; background: #fff; position: relative; z-index: 4;}

.aboutContHead h2:after {content: ""; display: block; width: 100%; height: 1px; background: #e1e1e1; position: absolute; 

top: 50%; left: 0; z-index: 1;}

.aboutTxt {padding: 0 30px; margin-top: 30px;}

.aboutTxt p {margin-bottom: 30px; font-size: 16px;text-indent: 2em;line-height: 36px; color: #666;}

/**********关于我们-联系我们*************/

.aboutconInfor {padding: 0 0 50px 0; border-bottom: 1px solid #e5e5e5;}

.aboutconInfor ul {padding: 0 50px;}

.aboutconInfor ul li {float: left; width: 25%; text-align: center; }

.aboutconInfor ul li .pic {height: 66px; line-height: 66px; font-size: 0;}

.aboutconInfor ul li .pic img {width: auto; vertical-align: middle;}

.aboutconInfor ul li h2 {color: #888; margin-top: 2px; border-bottom: 14px;}

.aboutconInfor ul li h3 {margin: 10px 0; line-height: 36px;font-family: Arial; font-size: 20px; color: #333;}

.aboutconInfor ul li h3 a {display: inline-block; height: 100%; width: 130px; font-size: 14px; color: #fff; background: 

#1182DF;}

.aboutconInfor ul li h3 a:hover {background: #186AAB;}

.aboutconBottom {margin: 60px 0;}

.aboutconBottom .left {float: left; width: 50%;}

.aboutconBottom .right {float: right; width: 49%;}

.aboutconCont {padding: 30px 10px 30px 50px; background: #f7f7f7;}

.aboutconCont h2 {line-height: 46px;font-size: 26px;color: #222;}

.aboutconCont h3 {line-height: 36px;font-size: 16px;color: #333;margin-bottom: 25px;}

.aboutconCont ul {margin-top: 15px;}

.aboutconCont ul li {float: left; width: 45%; box-sizing: border-box;}

.aboutconCont ul li:first-child {margin-right: 9%; border-right: 1px solid #ececec;}

.aboutconCont ul li .pic {float: left; width: 30%;}

.aboutconInner {float: right; width: 69%;}

.aboutconInner p {line-height: 34px;font-size: 16px;color: #888;margin-top: 5%;}



/**********关于我们-部门分工*************/

.bgF3 {background: #f3f3f3;}

.aboutdepar {padding: 80px 0;}

.aboutdepar ul {}

.aboutdepar ul li {float: left; width: 48%; margin: 0 1% 60px 1%; padding: 30px 0; background: #fff; transition: all .3s 

ease-in;}

.aboutdepar ul li:hover {box-shadow: 0 0 26px 2px #ddd;}

.aboutdepar ul li .pic {float: left; width: 60%; box-sizing: border-box; padding: 3.5% 6.8% 8.42% 7%;; background: url

(../images/about/notebook.png) no-repeat center; background-size: 100%;}

.aboutdepar ul li .cont {float: right; width: 38%; margin-right: 2%;}

.aboutdeparHead {margin-top: 30px;}

.aboutdeparHeadPic {float: left; width: 84px;height: 84px;border: 1px solid #b6c4cd;border-radius: 100%; overflow: hidden;}

.aboutdeparHeadPic img {max-width: 200%; max-height: 200%;}

.aboutdeparHeadCont {float: left; width: 57%; margin: 15px 0 0 4%;}

.aboutdeparHeadCont h2 {font-size: 20px;color: #333;}

.aboutdeparHeadCont h3 {color: #888; margin-top: 8px;}

.aboutdeparHeadTxt {height: 130px;line-height: 26px; font-size: 14px;color: #888;margin-top: 25px;}

.aboutdeparHeadTxt p {}

.aboutdepar ul li .cont a {display: block; width: 130px; height: 42px; line-height: 42px; margin: 0 auto; text-align: 

center; color: #fff; background: #1182DF; border-radius: 2px;}

.aboutdepar ul li .cont a:hover {background: #186AAB;}

/**********关于我们-领导致辞*************/

.aboutlead {}

.aboutlead ul {margin-bottom: 30px;}

.aboutlead ul li {width: 52.444%; color: #333;}

.aboutlead ul li.aboutleadPic {width: 44%;}

.aboutlead ul li.left {float: left;}

.aboutlead ul li.right {float: right;}

.aboutlead ul li:hover .pic img {transform: scale(1.1);}

.aboutlead ul li h3 {font-size: 24px; margin-top: 6px; margin-bottom: 40px; color: #333; line-height: 30px;}

.aboutlead ul li p {font-size: 16px;line-height: 30px;}

.aboutlead ul li a.detail {width: 122px; height: 42px; margin-top: 20px; line-height: 42px; color: #fff; background: 

#186AAB; border-radius: 23px; border-color: #186AAB;}

.aboutlead ul li a.detail:hover {color: #186AAB; background: #fff;}

/**********关于我们-组织架构*************/

.aboutorg {margin-bottom: 60px; text-align: center;}

.aboutorg .pic {width: 80%; margin: 0 auto;}

/*.aboutorg .pic img {width: 100%;}*/

/**********经营业务*************/

.contBannerBusiness {background: url(../images/web/zy_banner06.jpg) no-repeat center; background-size: auto 100%;}

.business .pic {text-align: center; margin-bottom: 50px;}

.business .pic img {width: auto; max-width: 100%;}

/**********经营业务-公交信息*************/



/**********经典项目*************/

.classic img{ height: 200px }

.contBannerClassic {background: url(../images/honorbanner.jpg) no-repeat center; background-size: auto 100%;}

.contBannerProduct{background: url(../images/probanner.jpg) no-repeat center; background-size: auto 100%;}

.contBannerCase{background: url(../images/casebanner.jpg) no-repeat center; background-size: auto 100%;}

.contBannerLeave{background: url(../images/leavebanner.jpg) no-repeat center; background-size: auto 100%;}

.classicList li {float: left; width: 22.5%; margin: 0 1% 50px 1%;}

.classicList li .cont {margin-top: 20px;}

.classicList li .cont h3 {font-size: 14px;text-transform: capitalize;font-weight: bold;color: #222E35;line-height: 

25px;margin: 0;margin-bottom: 4px;}

.classicList li .cont h3 a:hover {color: #1182DF;}

.classicList li .cont span {font-size: 13px; color: #2562B3; text-transform: capitalize; display: block; padding-bottom: 

15px;margin-bottom: 15px;border-bottom: 1px solid #E6E6E6;}

.classicList li .cont p {height: 54px; font-size: 14px;color: #9C9C9C;line-height: 26px; margin: 0; overflow: hidden;}

.classicList li .cont .detail {margin-top: 12px;}





.prolist{ float: right; width: 900px }

.prolist .classicList li{ width: 31.2% }



.nav_h2title{background:url(../images/list_topny.jpg) no-repeat left top; height:70px;margin-bottom:20px;}

.nav_h2title h2{ font-size:24px; color:#fff; margin-left:40px; padding:20px 0; font-weight:bold;line-height: 30px;}



.page {width: 100%; height: 30px; margin:20px 0 50px 0; padding-top: 25px; text-align: center; line-height: 30px; color: 

#D1D1D1; border-top: 1px solid #cecece;}

.page em {display: inline-block; height: 100%; margin: 0 3px; padding: 0 15px; font-size: 20px; border: 1px solid #F1F1F1; 

vertical-align: top; cursor: pointer;}

.page em:hover {color: #333; background: #f5f4f4;}

.page em.active {color: #fff; background: #6d171a;}

.page a {display: inline-block; height: 100%; margin: 0 3px; padding: 0 14px; color: #D1D1D1; border: 1px solid #F1F1F1; 

zoom: 1; *display:inline; float:none;}

.page a:hover {color: #333; background: #f5f4f4;}

.page a.active {color: #fff; background: #6d171a;}

.page p {display: inline-block; height: 100%; margin-left: 20px;zoom: 1; *display:inline; float:none;}  

/**********企业文化*************/

.contBannerEnter {background: url(../images/web/zy_banner03.jpg) no-repeat center; background-size: auto 100%;}

.enter {margin-bottom: 60px;}

.enter .pic {float: left; width: 630px; height: 420px; margin: 0 16px 0 0;}

.enter .txt {font-size: 16px; color: #666;line-height: 36px; text-indent: 2em; text-align: justify;}

/**********人力资源*************/

.contBannerManpower {background: url(../images/web/zy_banner04.jpg) no-repeat center; background-size: auto 100%;}

.manpower {}

.manpower .pic {text-align: center;}

.manpower .pic img {width: auto;}

.manpower .txt {margin: 50px; font-size: 18px;text-indent: 2em; color: #333;}

.manpower p {}



/**********成员企业*************/

.contBannerMember {background: url(../images/aboutbanner.jpg) no-repeat center; background-size: auto 100%;}

.memberW {margin-bottom: 60px;}



.memberW .left .pic {text-align: center;}

.memberW .left .pic img {width: auto; max-width: 100%;}

.memberW .left .textcon h2 {line-height: 40px; text-align: center; font-size: 24px; font-weight: 600; color: #333; 

margin:20px 0 10px 0;}

.memberW .left .textcon span{ display: block; text-align:center; margin-bottom:30px; }

.memberW .left .txt {margin-top: 30px; font-size: 16px;color: #666;line-height: 28px;text-align: justify;}

.memberW .left p {margin: 0 0 10px; text-indent:30px;}

.memberW .left p img {max-width:100%; margin-left:-30px;}

.memberW .right {float: right; width: 30%;}

.memberSearch {height: 54px; margin-bottom: 36px; line-height: 54px; border: 1px solid #F1F1F1; border-radius: 28px; 

overflow: hidden;}

.memberSearch input.text {width: 73%; margin-left: 6%; vertical-align: middle;}

.memberSearch input.sub {float: right; width: 20%; height: 100%; text-align: center; font-size: 12px; font-weight: 600; 

color: #fff; background: #1182DF; cursor: pointer;}

.memberSearch input.sub:hover {background: #186AAB;}

.memberW .right h2 {margin: 25px 0 12px 0; font-size: 24px;font-weight: 600;color: #3F3E3E;text-transform: capitalize;}

.memberList {margin-top: 10px;}

.memberList li {height: 42px; line-height: 42px; font-size: 12px;}

.memberList li a {padding-left: 26px; position: relative; color: #9C9C9C;}

.memberList li a:hover {color: #1182DF;}

.memberList li a:before {content: '';width: 10px;height: 2px;display: block;background: #E3E3E3;position: absolute;top: 

6px;left: 0;}

.memberGjz {}

.memberGjz li {float: left; height: 30px; margin-right: 8px; margin-bottom: 15px; line-height: 30px; border: 1px solid 

#F1F1F1; border-radius: 16px; overflow: hidden;}

.memberGjz li a {display: block; height: 100%; padding: 0 22px; color: #BABABA;}

.memberGjz li a:hover {color: #fff; background: #6d171a;}

/**********新闻中心*************/

.contBannerNews {background: url(../images/newsbanner.jpg) no-repeat center; background-size: auto 100%;}

.newsW {padding: 0;}

.newsList li {width: 100%; padding-bottom: 40px; margin: 0; margin-bottom: 40px; border-bottom: 1px solid #F1F1F1;}

.newsW .left .newsList li .pic img {width: 100%;}

.newsW .left .newsList li .cont h2 {text-align: left;}

.newsList li .cont .left {width: 80px; display: table-cell;vertical-align: middle; padding-right: 25px;}

.newsList li .cont .right {float: none; width: auto; display: table-cell; vertical-align: middle;}

.pageNews {padding-top: 0; border: none;}

.newsWqlist {margin-top: 20px;}

.newsWqlist li {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #F1F1F1;}

.newsWqlist li:last-child {border: none;}

.newsWqlist li:hover img {transform: scale(1.1);}

.newsWqlist li:hover .cont h3 {color: #186AAB;}

.newsWqlist li a {display: block;}

.newsWqPic {display: table-cell;vertical-align: middle;}

.newsWqlist li a .pic { width: 70px; margin-right: 20px;}

.newsWqlist li a .cont {display: table-cell; vertical-align: middle;}

.newsWqlist li a .cont h3 {margin-bottom: 4px; color: #9C9C9C;line-height: 24px; font-family: "微软雅黑";}

.newsWqlist li a .cont p {color: #2562B3; baseline-shift: 26px;}



/**********新闻中心-通知公告*************/

.noticList {}

.notic {margin-bottom: 60px;}

.noticList li {float: left; width: 46%; margin: 0 2% 40px 2%; padding-bottom: 24px; border-bottom: 1px solid #e5e5e5;}

.noticList li .left {display: table-cell;vertical-align: middle; padding-right: 40px;  width: 100px;}

.noticList li .left>*,.noticList li .right>* {font-family: "微软雅黑";}

.noticList li .left h2 {font-size: 16px;color: #666;margin: 10px 0 10px;}

.noticList li .left h3 {font-size: 34px;color: #222;}

.noticList li .right {display: table-cell;vertical-align: middle;}

.noticList li .right h3 {font-size: 20px; line-height: 28px; height: 56px;}

.noticList li .right h3 a:hover {color: #186AAB;}

.noticList li .right p {height: 74px; line-height: 24px;font-size: 14px;color: #888;margin-top: 10px; 

display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;

}



/**********招标信息*************/

.tender {margin: 50px 0 0 0;}

.tenderList {}

.tenderList li {float: left; width: 30%; margin: 0 1.25% 50px 1.25%;}

.tenderList li:hover .left .icon {background: #fff;border-color: #e62129;color: #e62129;}

.tenderList li .left {display: table-cell;vertical-align: top;}

.tenderList li .left .icon {width: 65px;height: 65px;border: 2px solid #e62129;background: #e62129;text-align: 

center;color: #fff;line-height: 63px;margin-right: 27px;position: relative;transition: all .3s ease;}

.tenderList li .left .icon:before {content: '';width: 30px;height: 30px;position: absolute;bottom: -17px;right: -

17px;background: #fff;transform: rotate(45deg);}

.tenderList li .left .icon span {display: inline-block; margin-top: 10px; font: normal normal normal 14px/1 

FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: 

grayscale;}

.tenderList li .left .icon span:before {font-size: 35px;content: "\f044";}

.tenderList li .right {display: table-cell;vertical-align: top;}

.tenderList li .right h3 {height: 50px; font-size: 20px;text-transform: capitalize; color: #202A30; font-weight: 

500;margin: 0; line-height: 24px;margin-bottom: 12px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-

orient:vertical;text-overflow:clip;overflow:hidden;}

.tenderList li .right h3 a:hover {color: #186AAB;}

.tenderList li .right p {color: #9C9C9C;line-height: 24px; margin: 0;margin-bottom: 15px; font-size: 12px; /*display:-

webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:clip;overflow:hidden;*/}

.tenderList li .right a.tenderListD {color: #2562B3;font-size: 14px;text-transform: capitalize;font-weight: 600;}

.tenderList li .right a.tenderListD:hover {color: #5E2A30;}



.animate {position: relative; top: 40px; opacity: 0;}

.aboutdeparHead {height: 88px;} 



/*党群工作*/

.partList {}

.partList li {padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #F1F1F1;}

.partList li .partPic {display: table-cell; vertical-align: top;}

.partList li .partPic .pic {width: 300px; margin-right: 20px;}

.partList li:hover .pic img {transform: scale(1.1);}

.partList li .cont {display: table-cell; vertical-align: top; font-family: "微软雅黑";}

.partList li .cont h3 {margin-top: 6px; margin-bottom: 8px; font-size: 20px; line-height: 32px; font-weight: 600;}

.partList li .cont h3 a:hover {color: #186AAB;}

.partList li .cont h4 {color: #1182DF; font-family: "微软雅黑";}

.partList li .cont p {line-height: 28px;}



/*详情页*/

.detailW {margin-bottom: 60px;}

.detailHead {padding: 10px 0 12px 0; text-align: center; border-bottom: 1px solid #E1E1E1;}

.detailHead h2 {margin-bottom: 20px; line-height: 36px; font-size: 22px; font-weight: 600; font-family: "微软雅黑"; color: 

#333;}

.detailHead p {}

.detailHead p em {display: inline-block; margin: 0 20px;}

.detailHead p em span {display: inline-block; padding: 0 2px; margin-right: 2px; cursor: pointer;}

.detailHead p em span.on {color: #E62129;}

.detailHead p em span.middle {font-size: 18px;}

.detailHead p em span.big {font-size: 20px;}

.detailCont {width: 80%; margin: 30px auto 0;}

.detailCont p {margin-bottom: 20px; color: #333; line-height: 28px; text-indent: 2em;}

.detailCont .pic {margin: 20px 0;}



.jump {margin-top: 36px; padding: 16px 0; color: #333; border-top: 1px solid #E1E1E1;}

.jump p {color: #333; line-height: 32px;}

.jump p a:hover {color: #186AAB;}









/*统计数据*/

.countbg{background:url(../images/countbg.jpg)  no-repeat center top;  background-size:100% 100%;  

  width:100%;  padding:20px 0 80px 0;  }

#wrap {width: 100%;margin:0 auto -25px auto;text-align: left;overflow: hidden;-webkit-box-sizing:

 border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

section {display: block;clear: left;position: relative;width: 100%;}

h1.jumbo {font-size:5em;margin: 0;color: #1366d0; float:left; width:22%; text-align:center; font-weight: bold; }

.countbg .text span{ width:22%; text-align:center; float:left; color:#000;

 font-size:1.5em;   font-weight: bold;  }





/*左边导航*/

.leftmenu,.tab-box{  width: 260px; height: 100%;  margin: 20px auto ;  background: #fff; float:left;  }

.leftmenu ul li{ height:auto; line-height: 56px; border-bottom: 1px solid #eee; font-size: 15px; display: block; width: 

100%  ; clear: both;}

.leftmenu ul li span{ display: block; height: 100%; width: 95%; overflow: hidden; padding-left:5%; }

.leftmenu ul li span a{ display: inline-block; float: left; }

.leftmenu ul li  i{ display: inline-block; height: 20px; width: 20px; background: url(../images/arr.png) no-repeat center 

center; background-size:80% 80%;  

  float: right;margin-right:5%; margin-top: 17px;  transition: all 0.3s ease-out; transform: rotate(0deg);}

.leftmenu ul li  i.action{ transition: all 0.3s ease-out;transform: rotate(180deg);}

.leftmenu ul li>dl{ display: none;  background: #ccc;}

.leftmenu ul li dl dt{ background:#d9d9d9; display: block; overflow: hidden; }


.leftmenu ul li dl dt:hover,.leftmenu ul li dl dt.active{ background:#bdbdbd}

.leftmenu ul li>dl a{ height: 100%;  padding-left:35px;font-size: 14px; color: #222; text-decoration: none; }

.leftmenu ul li .navul{   padding-left: 10px; display: block; overflow: hidden; background: #ccc; display: none;}







.tab-box{ width: 600px; margin-top: 40px; }

.tab-box .tab{border-bottom: 1px solid #eee; }

.tab-box .tab ul li{ width: 33.3%; float: left;  height: 55px; line-height: 55px; text-align: center; }

.tab-box .tab ul li.action{ background: #d8e7f5; }

.tab-box .box{width: 100%; height: 200px; }

.tab-box .box .item{ display: none; padding: 15px;height: 200px; }

.tab-box .box .item:first-child{display: block;}

.rightcon{ padding:10px; background: #fff;float:left; overflow: hidden; display: block; margin-left:20px; margin-top: 20px; 

width: 900px; margin-bottom:30px; }





/*面包屑导航*/

.innerpagetitle{ border-bottom: 1px solid #ccc;color: #000; height:50px; 

  line-height: 50px; width: 100%; margin-bottom:30px;}



.innerpagetitle strong{ font-size:20px; float: left; font-weight:normal; }

.innerpagetitle p{ float: right; line-height: 50px;  }







/*留言板*/

.formbox{   }

.message {

  width: 80%;

  margin: 0 auto;

  background:#fff;

}

.message p{

  text-align: center;

}

.message p strong{

  font-size: 30px;

  display: block;

}

.message p em{

  color: #eeb819;

  font-size: 14px;



}

.message form{

  margin-top: 20px;

  color: #000;

}



.message form label{ 

    display: block;

    margin-bottom: 20px;

    margin-right: 50px;

   }

.message form label:nth-child(3){margin-right: 0  }

.message form label:nth-child(4){width: 100%  }





.message form label span{ 

  width: 100px; 

display: inline-block; 

text-align: left;

font-size: 16px;

margin-bottom:10px;

float: left;

}

.message form input{

  border: none;

  border: 1px solid #ccc;

  border-radius: 5px;

  min-height: : 40px; 

  line-height: 40px;

  padding-left: 5px;

  width: 360px;



}

.message form input.sex{

  border: 1px solid #ccc!important;

  border-radius: 0;

  min-height: auto!important ;

  line-height: auto!important;

  padding-left: auto!important;

  width: 20px!important;

  height: 20px!important;



}

.message form label.button{ 

  width: 100%;

  height: 40px; 

  background: #6d171a;

  color:#fff; 

  display: block;

  border-radius: 5px;

  text-align: center;

  line-height: 40px;





 }

 .message form label.button input{

  border: none;

  background: none;

  color: #fff;

  cursor: pointer;





 }

.message form label textarea{

  border: none;

  border: 1px solid #ccc;

  border-radius: 5px;

  line-height: 40px;

  padding-left: 5px;

  width: 80%}









/*招聘*/



.faq-one {



}



.faq-one__top {

  margin-bottom: 60px;

}



.faq-one__top>p {

  margin: 0;

  font-size: 16px;

  line-height: 28px;

  color: #848484;

  margin-top: 55px;

}



.faq-one .accrodion-grp {

  margin-bottom: 40px;

}



.faq-one .accrodion {

  border: 1px solid #e5e5e5;

}



.faq-one .accrodion+.accrodion {

  margin-top: 20px;

}



.faq-one .accrodion-title {

  padding-top: 18px;

  padding-bottom: 18px;

  padding-left: 30px;

  cursor: pointer;

  padding-right: 30px;

}



.faq-one .accrodion-title h4 {

  font-family: var(--thm-font);

  color: #000;

  font-size: 20px;

  margin: 0;

}



.faq-one .accrodion-content {

  padding-left: 30px;

  padding-right: 30px;

  border-top: 1px solid #e5e5e5;

  padding-top: 25px;

  padding-bottom: 25px;

}

.faq-one .accrodion-content b{ font-weight: normal; font-size: 18px;  margin-top: 20px; margin-bottom:5px; display: 

inline-block; color: #}

.faq-one .accrodion-content p {

  margin: 0;

  font-size: 14px;

  line-height: 28px;

  color: #848484;

}



.faq-one .accrodion-content a{ background: #6d171a; color: #fff; margin-top: 30px; padding: 10px; display: inline-block; 

transition: 0.5s }

.faq-one .accrodion-content a:hover{ background: #0d7fcd; }





.blog-one__single {

  margin-bottom: 30px;

}



.blog-one__image {

  overflow: hidden;

  background-color: var(--thm-black);

}



.blog-one__image>img {

  width: 100%;

  -webkit-transform: scale(1);

          transform: scale(1);

  opacity: 1;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.blog-one__single .blog-one__image>img:hover {

  opacity: 0.5;

  -webkit-transform: scale(1.05);

          transform: scale(1.05);

}



.blog-one__date {

  display: inline-block;

  vertical-align: middle;

  color: #252930;

  line-height: 45px;

  padding-left: 20px;

  padding-right: 20px;

  background-color: #ffffff;

  position: absolute;

  top: 40px;

  left: 40px;

  text-transform: uppercase;

}





.blog-one__date i {

  color: var(--thm-base);

  margin-right: 4px;

}



.blog-one__content {

  position: relative;

  padding-top: 40px;

  padding-bottom: 45px;

  padding-left: 40px;

  padding-right: 40px;

  box-shadow: 0px 20px 50px 0px rgba(33, 37, 43, 0.1);

}



.blog-one__content::before {

  content: "";

  width: 2px;

  height: 40px;

  background-color: var(--thm-base);

  position: absolute;

  top: -20px;

  right: 40px;

  z-index: 10;

  -webkit-transition: all 500ms ease;

  transition: all 500ms ease;

}



.blog-one__single:hover .blog-one__content::before {

  -webkit-transform: rotate(90deg);

          transform: rotate(90deg);

}





.blog-one__content h3 {

  margin: 0;

  font-size: 24px;

  line-height: 34px;

  color: var(--thm-black);

  margin-bottom: 15px;

}



.blog-one__content h3 a {

  color: inherit;

  -webkit-transition: 500ms;

  transition: 500ms;

}



.blog-one__content h3 a:hover {

  color: var(--thm-base);

}



.blog-one__content p {

  margin: 0;

  font-size: 16px;

  line-height: 28px;

  color: #848484;

  margin-bottom: 10px;

}





/*左右分页*/





.pager {

  padding-left: 0;

  margin: 22px 0;

  text-align: center;

  list-style: none

}



.pager li {

  display: inline

}



.pager li>a,

.pager li>span {

  display: inline-block;

  padding: 5px 14px;

  background-color: transparent;

  border: 1px solid #e4eaec;

  border-radius: 3px

}



.pager li>a:focus,

.pager li>a:hover {

  text-decoration: none;

  background-color: #fff

}



.pager .next>a,

.pager .next>span {

  float: right

}



.pager .previous>a,

.pager .previous>span {

  float: left

}



.pager .disabled>a,

.pager .disabled>a:focus,

.pager .disabled>a:hover,

.pager .disabled>span {

  color: #ccd5db;

  cursor: not-allowed;

  background-color: transparent

}



.label {

  display: inline;

  padding: .2em .6em .3em;

  font-size: 75%;

  font-weight: 700;

  line-height: 1;

  color: #fff;

  text-align: center;

  white-space: nowrap;

  vertical-align: baseline;

  border-radius: .25em

}



.print{ margin:20px 0; }









/*下载*/

.xzan{color:#fff; background:#6d171a; text-align:center; height:35px; line-height:35px; margin:25px 0px; font-size:14px;}

.xzan a{ color:#fff; font-size:14px;}



@media (max-width: 1680px) {

  .homeInforCont {margin: 40px 0 0 68px;}

  .homeInforCont h3 {line-height: 36px; margin-bottom: 16px;}

  .homeInforCont p {margin-bottom: 18px;}

  

  .contWrap {width: 1400px;}

  

}

@media (max-width: 1440px) {

  .writ h2 span {font-size: 42px; line-height: 50px;}

  .writ h3 span {font-size: 44px; line-height: 48px;}

  .writ h4 {margin: 15px 0;}

  .noticeW {margin-top: 35px;}

  

  .homeInforCont {margin: 30px 0 0 68px;}

  .homeInforCont h3 {font-size: 24px;}

  .homeInforCont p {margin-bottom: 12px;}

  

  .tit h2 {font-size: 30px; margin-bottom: 10px;}

  

  .contWrap {width: 1280px;}

  .aboutContHead h2 {font-size: 36px;}

  .aboutContHead {margin-bottom: 20px;}

  .aboutTxt {margin-top: 20px;}

  .aboutTxt p {line-height: 32px;}

  .aboutconInfor {padding-bottom: 40px;}

  .aboutdeparHead {height: 78px;}

  .aboutdeparHeadPic {width: 74px; height: 74px;}

  .aboutdeparHeadCont {margin-top: 8px;}

  .aboutdeparHeadCont h2 {font-size: 18px;}

  

}

@media (max-width: 1300px) {

  .wrap {width: 1100px;}

  .nav > ul > li > a {padding: 0 10px;}

  .nav > ul > li > ul {width: 150px;}

  .nav > ul > li > ul > li {line-height: 40px;}

  .writ {left: 15%;}

  .writ h2 span {font-size: 34px; line-height: 42px;}

  .writ h3 span {font-size: 36px; line-height: 44px;}

  .writ h4 span {font-size: 26px; line-height: 36px;}

  .noticeW h3 {font-size: 22px; margin-bottom: 12px;}

  .noticeW a {height: 36px; line-height: 36px;}

  .homeNewsWrap {margin-top: 40px;}

  .homeNews, .homeCom, .homeCyqy, .footer {padding: 60px 0;}

  .homeJt {padding: 66px 0;}

  .tit h2 {font-size: 28px; margin-bottom: 6px;}

  .tit h3 {margin-bottom: 10px;}

  .homeNewsWrap {margin-top: 30px;}

  .homeNewsList li .cont .right h2 {font-size: 18px; margin-bottom: 10px;}

  .homeNewsList li .cont .right p {line-height: 24px;}

  .homeNewsList li {width: 32%; margin-left: 2%;}

  .homeInforCont {width: 97%; margin: 3% 0 0 2%; padding-bottom: 10px;}

  .homeInforCont h3 {font-size: 22px; margin-bottom: 8px;}

  .homeInforCont p {margin-bottom: 8px;}

  .homeInforBottom ul li .cont {width: 92%; padding: 0 5%;}

  .homeInforBottom ul li .cont h3 {font-size: 26px; margin-bottom: 10px;}

  .homeCom .left .cont {width: 94%;}

  .homeCom .left .cont h2 {margin: 15px 0;}

  .homeComSelect p {margin-bottom: 15px; line-height: 24px;}

  .img-masonary {margin-top: 0; margin-left: 10px;}

  .homeJt h2 {font-size: 30px;}

  .homeJt a.detail {width: 126px; height: 38px; line-height: 38px;}

  

  .homeCyqyW ul li {margin-right: 20px;}

  .homeCyqyW {margin-top: 40px;}

  .homeCyqyW .bx-wrapper .bx-controls-direction a {top: -76px;}

  .bottom {padding: 50px 0;}

  .bottom .left h3 {font-size: 26px;}

  .bottom .left p {font-size: 14px;}

  

  .footer .footerJt {width: 264px; margin-right: 15px;}

  .footer .footerLink {width: 180px; margin-right: 10px;}

  .footer .footerNews {width: 270px;}

  .footer .footerContact {width: 350px;}

  .footer .footerContact input, .footer .footerContact textarea {padding: 10px 16px;}

  .footer .footerContact button {height: 40px; line-height: 40px;}

  

  .img-masonary video {height: 372px;}

  

  .contBanner {height: 350px;}

  .contWrap, .w1200 {width: 1100px;}

  .contBannerWrit {height: 226px;width: 260px; background-size: 100%;}

  .contBannerWritW {width: 70%; right: 23px;}

  .contBannerWrit h2 {width: 100%; min-width: auto; font-size: 34px;}

  .contBannerWrit h3 {width: 100%;}

  .contMain {margin-top: 164px;}

  .aboutTit {padding: 40px 0 40px 0;;}

  .aboutTxt {padding: 0 20px;}

  .aboutContHead h2 {font-size: 34px;}

  .aboutCont {margin-bottom: 60px;}

  .aboutTit ul li {width: 130px;}

  .aboutconBottom {margin: 50px 0;}

  .aboutconCont {padding: 20px 10px 30px 30px;}

  .aboutconInner p {line-height: 26px; font-size: 14px;}

  .aboutconCont h2 {font-size: 24px;}

  .aboutconCont h3 {margin-bottom: 20px;}

  .aboutdeparHeadPic {width: 64px; height: 64px;}

  .aboutdeparHead {height: 70px;}

  .aboutdeparHeadCont h2 {font-size: 16px;}

  .aboutdeparHeadTxt {margin-top: 18px; margin-bottom: 10px; overflow: hidden;}

  .aboutdepar {padding: 60px 0;}

  .aboutdepar ul li {margin-bottom: 40px;}

  .aboutlead ul li h3 {font-size: 22px; margin-bottom: 20px;}

  .classicList li .cont h3 {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

  .classicList li .cont span {padding-bottom: 13px; margin-bottom: 10px;}

  .classicList li {margin-bottom: 40px;}

  .page {margin-top: 10px; margin-bottom: 40px;}

  .enter .pic {width: 550px; height: auto;}

  .memberW {margin-bottom: 40px; padding-top: 60px;}

  .memberSearch {height: 44px; line-height: 44px; margin-bottom: 26px;}

  .memberW .left h2 {margin-bottom: 24px;}

  .memberW .left .txt {margin-top: 20px;}

  .memberW .right h2 {font-size: 22px; margin-top: 20px;}

  .memberList li {height: 36px; line-height: 36px;}

  .memberGjz li a {padding: 0 20px;}

  .memberW .left p {font-size: 14px; line-height: 32px;}

  

  .newsList li {width: 100%; padding-bottom: 26px; margin-bottom: 30px;}

  .newsW {padding-top: 30px;}

  .noticList li {padding-bottom: 20px; margin-bottom: 30px;}

  .noticList li .left {padding-right: 20px;}

  .noticList li .right h3 {font-size: 18px;}

  .tenderList li {width: 31.333%; margin: 0 1% 35px 1%;}

  .tenderList li .left .icon {margin-right: 15px;}

  .tender {margin-top: 40px;}

  

  .partList li .partPic .pic {width: 270px;}

  

  

}

@media (max-width: 1024px) {

  .wrap {width: 990px;}

  .logo {width: 250px;}

  .logo img {width: 100%;}

  .nav > ul > li > a {padding: 0 7px;}

  .writ {left: 12%;}

  .writ h2 span {font-size: 30px; line-height: 38px;}

  .writ h3 span {font-size: 32px; line-height: 40px;}

  .writ h4 span {font-size: 24px; line-height: 30px;}

  .writ p {font-size: 14px;}

  .bannerLink a {height: 38px; line-height: 38px; padding: 0 28px;}

  .noticeW h3 {font-size: 20px; line-height: 26px;}

  .noticeW h4 {line-height: 22px;}

  .noticeW p {margin-bottom: 24px;}

  .tit h2 {font-size: 26px;}

  .homeNews, .homeCom, .homeCyqy, .footer {padding: 40px 0;} 

  .homeNewsWrap {margin-top: 20px;}

  .homeNewsList li .cont .left .time {font-size: 15px;}

  .homeNewsList li .cont .left .time b {font-size: 20px;}

  .homeNewsList li .cont .right h2 {font-size: 16px; margin-bottom: 4px;}

  .homeNewsList li .cont .right p {line-height: 22px;}

  .homeNewsList li .cont .left .time {padding: 10px 0;}

  .homeInforCont {margin: 2% 0 0 2%; padding-bottom: 6px;}

  .homeInforCont h3 {font-size: 18px; line-height: 30px;}

  .homeInforCont p {margin-bottom: 6px; line-height: 22px;}

  .homeInforBottom ul li {height: 320px;}

  .homeInforBottom ul li .cont h3 {font-size: 24px;}

  .homeInforBottom ul li .cont {margin-top: 55px;}

  

  .homeCom .left .cont h2 {padding-left: 15px;}

  .btnY {left: -15px;}

  .homeCom .left .cont {margin-top: 10px;}

  .homeComSelect {padding-left: 30px; margin: 12px 0;}

  .homeComSelect p {margin-bottom: 12px;}

  .img-masonary {margin: 0; width: 100%;}

  .homeJt {padding: 50px 0;}

  .homeJt h2 {font-size: 26px; margin-bottom: 20px;}

  .bottom .left h3 {font-size: 24px;}

  

  .footer .footerJt {width: 210px;}

  .footer .footerLink {width: 160px;}

  .footer .footerNews {width: 250px;}

  .footer .footerContact {width: 320px;}

  

  .img-masonary video {height: 348px;}

  

  .contWrap, .w1200 {width: 990px;}

  .aboutdeparHeadPic {width: 56px; height: 56px;}

  .aboutdeparHeadCont {margin-top: 2px;}

  .aboutdeparHeadCont h2 {font-size: 14px;}

  .aboutdeparHeadCont h3 {font-size: 12px; margin-top: 2px;}

  .aboutdeparHead {height: 64px; margin-top: 10px;}

  .aboutdeparHeadTxt {margin-top: 8px; font-size: 12px; line-height: 24px;}

  .aboutdepar {padding: 40px 0;}

  .aboutdepar ul li .cont a {width: 110px; height: 38px; line-height: 38px;}

  .aboutlead ul li h3 {font-size: 20px; margin-bottom: 10px;}

  .aboutlead ul li p {font-size: 14px;}

  .business .pic {margin-bottom: 40px;}

  .enter .pic {width: 470px;}

  .manpower .txt {margin: 40px 10px;}

  

  .partList li .partPic .pic {width: 210px; margin-right: 15px;}

  .partList li .cont h3 {margin-top: 2px; margin-bottom: 4px;}

  .partList li .cont p {margin-bottom: 10px; line-height: 26px;}

  

  .detailCont {width: 90%;}

}

@media (max-width: 992px) {

  .wrap {width: 98%;}

  .logo {width: 24%;}

  .nav > ul > li > a {padding: 0 3px; font-size: 13px;}

  .nav > ul > li > ul {width: 130px;}

  .nav > ul > li > ul > li > a {font-size: 13px;}

  .noticeW a {width: 94px; height: 32px; line-height: 32px;}

  

  .homeNewsList li {width: 32.6%;margin-left: 1%;}

  .homeNewsList li .cont .right {width: 79.222%;}

  .homeNewsList li .cont .right h2 {font-size: 14px;}

  .homeNewsList li .cont .right p {font-size: 12px; margin-bottom: 6px; line-height: 20px;}

  .homeNewsList li .cont .right h3 {font-size: 12px;}

  .homeNewsList li .cont .left .time b {font-size: 18px;}

  .homeNewsList li .cont .left .time {font-size: 14px; padding: 6px 0;}

  .homeNewsList li .cont .left .date {padding: 14px 0;}

  .tit h2 {font-size: 22px;}

  .homeInforCont {margin: 1% 0 0 2%; padding-bottom: 4px;}

  .homeInforCont h3 {font-size: 16px; line-height: 26px; margin-bottom: 4px;}

  .homeInforCont p {font-size: 12px; margin-bottom: 4px;}

  a.detail {height: 28px; line-height: 28px;}

  .homeInforBottom ul li .cont h3 {font-size: 22px; margin-bottom: 5px;}

  .homeInforBottom ul li .cont p {margin-bottom: 20px;}

  .homeInforBottom ul li {height: 280px;}

  .homeInforBottom ul li .cont {margin-top: 36px;}

  .img-masonary {margin-top: 40px;}

  .img-masonary video {height: auto;}

  

  .homeCom .left .cont h2 {font-size: 16px; margin: 8px 0;}

  .homeComSelect p {font-size: 12px; line-height: 20px; margin-bottom: 8px;}

  .homeComSelect {margin: 6px 0;}

  

  .homeJt h2 {font-size: 22px; line-height: 32px;}

  .homeJt a.detail {width: 110px; height: 34px; line-height: 34px;}

  .homeCyqyW {margin-top: 30px;}

  .homeCyqyW .bx-wrapper .bx-controls-direction a {top: -60px;}

  .homeCyqyCont {margin-top: 10px;}

  .homeCyqyCont h2 {font-size: 18px; line-height: 28px;}

  .homeCyqyCont .line {margin: 6px 0;}

  .homeCyqyCont p {line-height: 20px; min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-

orient:vertical;text-overflow:clip;overflow:hidden;}

  .noticeW h3 {font-size: 18px;}

  .homeCyqyW .bx-wrapper .bx-controls-direction a.bx-prev {right: 56px;}

  .homeCyqyW ul li {margin-right: 15px;}

  .bottom .left h3 {font-size: 22px;}

  .footer .footerJt {width: 48%; margin-right: 2%; margin-bottom: 15px;}

  .footer .footerLink {width: 48%; margin-right: 0; margin-bottom: 15px;}

  .footer .footerNews {width: 50%;}

  .footer .footerContact {width: 50%;}

  .footerBottom {padding: 20px 0;}

  .footer .footerJt .contact {margin-top: 26px;}

  .footer h3.title {margin-bottom: 18px;}

  .footer .footerNews ul {margin-top: 30px;}

  

  .contWrap, .w1200 {width: 98%;}

  .contBanner {height: 300px;}

  .contMain {margin-top: 440px;}

  .aboutTit ul li {width: 100px;}

  .aboutCont {margin-bottom: 40px;}

  .aboutContHead h2 {font-size: 30px;}

  .aboutContHead {margin-bottom: 10px;}

  .aboutTxt {margin-top: 10px; padding: 0 15px;}

  .aboutTxt p {font-size: 14px; line-height: 28px; margin-bottom: 20px;}

  .business .pic {margin-bottom: 30px;}

  .aboutconInfor ul li h3 {font-size: 18px;}

  .aboutconCont {padding: 10px 10px 20px 10px;}

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

  .aboutconCont ul li {width: 47%;}

  .aboutconCont ul li:first-child {margin-right: 5%;}

  .aboutconCont h3 {margin-bottom: 10px;}

  .aboutdeparHeadPic {width: 48px; height: 48px;}

  .aboutdeparHeadCont {margin-left: 2%;}

  .aboutdeparHeadCont h2 {font-size: 12px;}

  .aboutdeparHead {height: 60px;}

  .aboutdeparHeadTxt {height: 112px; margin-top: 2px; line-height: 22px;}

  .aboutdepar ul li .cont a {width: 100px; height: 36px; line-height: 36px; font-size: 12px;}

  .aboutdepar ul li {margin-bottom: 30px;}

  .aboutlead ul li {width: 53.444%;}

  .aboutorg .pic {width: 90%;}

  .classicList li {width: 48%; margin: 0 1% 30px 1%;}

  .enter .pic {width: 46%;}

  .enter .txt {font-size: 14px; line-height: 32px;}

  .enter {margin-bottom: 40px;}

  .manpower .txt {font-size: 16px;}

  .memberW {padding-top: 40px;}

  .memberSearch input.text {width: 66%;}

  .memberSearch input.sub {width: 27%;}

  .memberGjz li a {padding: 0 16px; font-size: 12px;}

  

  .newsList li {width: 100%;}

  .newsList li .cont .left {padding-right: 18px;}

  .newsList li .cont .right h2 {font-size: 16px;}

  .memberW {padding-top: 10px;}

  .memberW .right {width: 31.222%;}

  .newsWqlist li {margin-bottom: 16px;padding-bottom: 16px;}

  .newsWqlist li a .pic {margin-right: 10px;}

  .noticList li {width: 100%; margin: 0 0 30px 0; padding-bottom: 10px;}

  .noticList li .right h3 {height: 26px;overflow:hidden;}

  .noticList li .left h3 {font-size: 30px;}

  .noticList li .left {width: 90px; padding-right: 15px;}

  .noticList li .left h2 {margin: 0;}

  .tenderList li {width: 48%; margin: 0 1% 36px 1%;}

  

  .partList li {padding-bottom: 15px; margin-bottom: 22px;}

  .partList li .partPic .pic {width: 180px;}

  .partList li .cont h3 {margin-top: 0px; margin-bottom: 2px; line-height: 28px; font-size: 18px;}

  .partList li .cont p {margin-bottom: 8px; line-height: 24px;}

  

  .detailCont {width: 96%;}

}

@media (max-width: 768px) {

  .bx-viewport .pic img{ height: 15vh }

  .wrap {width: 96%;}

  .logo {width: 90%;}

  .logo img {width: 85%;}

  .navWrap .wrap {width: 100%;padding: 0 10px;  line-height: 80px; box-sizing: border-box;}

  .navWrap{  }

  .nav {position: absolute; width: 220px; right: -220px; top: 0; color: #fff; background: #186AAB;}

  .nav > ul > li {display: block; width: 100%; }

  .nav > ul > li > a {color: #fff; height: 42px; padding: 0 10px; line-height: 42px; font-size: 14px; border-bottom: 

1px solid #fff; box-sizing: border-box;}

  .nav > ul > li:last-child > a {border-bottom: none;}

  .nav > ul > li:first-child > a {height: 42px; padding: 0 10px; line-height: 42px;}

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

  .nav > ul > li > ul {display: none; position: relative; width: 100%; background: #3385cc; opacity: 1; visibility: 

visible; transition: none; }

  .nav > ul > li > ul > li > a {color: #fff; height: 38px; line-height: 38px; border-bottom: 1px solid #CCCCCC;}

  

  .menu {display: block;}

  .navBtn {display: block;}

  

  /*.mian {margin-top: 110px;}*/

  .banner {margin-top: 110px;}

  .writ {width: 90%; left: 8%; transform: translateY(-50%);}

  .writ h2 span,.writ h3 span {font-size: 16px; line-height: 18px;}

  .writ h4 {margin: 2px 0;}

  .writ h4 span {font-size: 14px; line-height: 16px;}

  .writ p {font-size: 12px; line-height: 16px; min-height: 2em; display:-webkit-box;-webkit-line-clamp:2;-webkit-

box-orient:vertical;text-overflow:clip;overflow:hidden;}

  .bannerLink {margin-top: 6px;}

  .bannerLink a {height: 24px; line-height: 24px; padding: 0 16px; margin-right: 12px;}

  .notice ul li {width: 100%; height: auto; padding: 20px 0;}

  .noticeW {margin-top: 0;}

  .noticeW p {margin-bottom: 15px;}

  .noticeW h3 {margin-bottom: 10px;}

  .homeNews, .homeCom, .homeCyqy, .footer {padding: 30px 0;}

  .homeNewsList li {width: 100%; padding-bottom: 10px; margin-left: 0; margin-bottom: 15px; border-bottom: 1px solid 

#ccc;}

  .homeNewsList li .cont {margin-top: 10px;}

  .homeInfor .pic {width: 100%; margin-bottom: 10px;}

  .homeInfor .right {width: 100%; margin-bottom: 20px;}

  .homeInforBottom ul li {width: 100%; height: auto; padding: 20px 0;}

  .homeInforBottom ul li .cont {margin: 0;}

  .homeCom .left {width: 100%;}

  .homeCom .right {width: 100%; margin-top: 20px;}

  .img-masonary {margin: 0;}

  .img-masonary img{ width: 100% }

  .homeJt {padding: 30px 0;}

  .homeJt h2 {font-size: 20px;}

  .homeJt .cont{ width: 100% }

  .homeCyqyW ul li {margin-right: 10px;}

  .homeCyqyW .bx-wrapper .bx-controls-direction a {width: 36px; height: 36px; top: -48px;}

  .homeCyqyW .bx-wrapper .bx-controls-direction a.bx-prev {right: 46px;}

  .bottom {padding: 30px 0;}

  .bottom .left {width: 100%;}

  .bottom .right {float: left;}

  

  .footer .footerJt {width: 100%; margin-right: 2%; margin-bottom: 20px;}

  .footer .footerLink {width: 100%; margin-right: 0; margin-bottom: 20px;}

  .footer .footerNews {width: 100%; margin-bottom: 20px;}

  .footer .footerContact {width: 100%;}

  .footerBottom {padding: 20px 0;}

  .footer .footerJt .contact {margin-top: 26px;}

  .footer h3.title {margin-bottom: 18px;}

  .footer .footerNews ul {margin-top: 30px;}

  

  .footer .footerLink ul li {display: inline-block; margin-right: 10px;}

  .footer .footerNews ul li {margin-bottom: 10px;}

  .footer .footerJt a {display: block; width: 100%; text-align: center;}

  /*.footer h3.title {text-align: center;}*/

  .footerBottom {padding: 12px 0;}

  .footerBottom p {padding: 0 10px;}

  .homeInforBottom ul li .cont h3 {font-size: 20px;}

  

  .nav {overflow: auto;}

  

  .contWrap, .w1200 {width: 96%;}

  .contBanner {height: 280px; top: 114px;}

  .contBannerWrit h2 {font-size: 26px;height: 40px;}

  .contBannerWrit h3 {line-height: 16px; font-size: 16px;}

  .contBannerWrit {width: 200px; height: 176px;}

  .contBannerWritW {right: 8.666%;}

  .contMain {margin-top: 394px;}

  .aboutTit {width: 100%; overflow: scroll; }

  .aboutTit::-webkit-scrollbar-track-piece {  

    background-color: rgba(0, 0, 0, 0);  

    border-left: 1px solid rgba(0, 0, 0, 0);  

}  

  .aboutTit::-webkit-scrollbar {  

    width: 2px;  

    height: 2px;  

    -webkit-border-radius: 0;  

    -moz-border-radius: 0;  

    border-radius: 0;  

}  

.aboutTit::-webkit-scrollbar-thumb {  

    background-color: rgba(0, 0, 0, 0.5);  

    background-clip: padding-box;  

    -webkit-border-radius: 5px;  

    -moz-border-radius: 5px;  

    border-radius: 5px;  

    min-height: 2px;  

}  

.aboutTit::-webkit-scrollbar-thumb:hover {  

    background-color: rgba(0, 0, 0, 0.6);  

    -webkit-border-radius: 0;  

    -moz-border-radius: 0;  

    border-radius: 0;  

}  

  

  .aboutTit ul {/*width: 538px;*/}

  .aboutCont li.right {float: left; width: 100%; margin-bottom: 20px;}

  .aboutCont li.left {width: 100%;}

  .aboutTit ul li {float: left; width: 88px; height: 36px; margin: 0; margin-right: 6px; line-height: 36px; font-

size: 12px;}

  .aboutContHead h2 {font-size: 26px;}

  .aboutCont {margin-bottom: 10px;}

  .aboutconInfor ul {padding: 0;}

  .aboutconInfor ul li {width: 48%; margin: 0 1% 20px 1%;}

  .aboutconInfor ul li h3 {font-size: 16px;}

  .aboutconInfor ul li h3 a {width: 100px;}

  .aboutTit {padding: 30px 0 6px 0; text-align: left; margin-bottom: 20px;}

  .aboutTit ul li {text-align: center;}

  .aboutconInfor {padding-bottom: 10px;}

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

  .aboutconBottom .right {float: left; width: 100%;}

  .aboutconBottom {margin: 30px 0;}

  .aboutdepar ul li {width: 100%; margin: 0 0 20px 0;}

  .aboutdepar ul li .pic {width: 45%; padding: 7.12% 4.99% 10.42% 5.2%;}

  .aboutdepar ul li .cont {width: 52%;}

  .aboutdeparHeadTxt {height: 90px;}

  .aboutlead ul li.left {width: 100%; margin-bottom: 10px;}

  .aboutlead ul li.right {width: 100%;}

  .aboutlead ul li h3 {margin-bottom: 6px; font-size: 18px; line-height: 26px;}

  .aboutlead ul li p {line-height: 24px;}

  .aboutorg .pic {width: 98%;}

  .aboutorg {margin-bottom: 40px;}

  .classicList li {width: 100%; margin: 0 0 30px 0;}

  .classicList li .cont p {height: auto;}

  

  .page a, .page em {margin: 0 2px; padding: 0 8px;}

  

  .enter .pic {width: 100%; margin-bottom: 10px;}

  .enter .txt {line-height: 28px;}

  .manpower .pic img {width: 100%;}

  .manpower .txt {font-size: 14px; margin: 20px 0;}

  .memberW .left {width: 100%;}

  .memberW .right {width: 100%; margin-top: 20px;}

  .memberW {padding-top: 30px;}

  .memberW .left .txt {line-height: 28px; margin-top: 15px;}

  .memberW .left p {margin-bottom: 10px;}

  .memberW .right h2 {font-size: 18px; margin-top: 12px;}

  .memberList li {height: 32px; line-height: 32px;}

  .newsList li .cont .left {width: 66px; padding-right: 10px;}

  .noticList li .left h3 {font-size: 26px;}

  .noticList li .left {width: 74px;}

  .noticList li .right h3 {font-size: 16px;}

  .noticList li .right p {font-size: 12px; margin-top: 5px;}

  .noticList li { margin-bottom: 20px;}

  .notic {margin-bottom: 40px;}

  .tenderList li {width: 100%; margin: 0 0 26px 0; padding-bottom: 10px; border-bottom: 1px solid #F1F1F1;}

  .tenderList li:last-child {border: none;}

  .tenderList li .right h3 {height: 20px;}

  .tender {margin-top: 20px;}

  

  .partList li {padding-bottom: 12px; margin-bottom: 18px;}

  .partList li .partPic .pic {width: 120px;}

  .partList li .cont h3 {margin-top: 0px; margin-bottom: 2px; line-height: 22px; font-size: 16px;}

  .partList li .cont h4 {font-size: 12px;}

  .partList li .cont p {margin-bottom: 4px; line-height: 20px; font-size: 12px;}

  

  .detailCont {margin-top: 20px;}

  .detailCont p {margin-bottom: 12px;}

  .detailCont .pic {margin: 12px 0;}

}









/*block14*/

.Box {position: relative; padding-bottom:50px; }

.Box .content {width: 1200px;margin: 0 auto;}

.Box .Box_con {position: relative;}

.Box .Box_con .btnl {position: absolute;}

.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 80px;cursor: pointer;}

.Box .Box_con .btnl {background: url(../images/jtl02.png) no-repeat center;left: -72px;}

.Box .Box_con .btnr {background: url(../images/jtr02.png) no-repeat center;right: -72px;}

.Box .Box_con .btnl:hover {background: url(../images/jtl03.png) no-repeat center;}

.Box .Box_con .btnr:hover {background: url(../images/jtr03.png) no-repeat center;}

.Box .Box_con .conbox {position: relative;overflow: hidden;}

.Box .Box_con .conbox ul {position: relative;list-style: none;}

.Box .Box_con .conbox ul li {float: left;width: 280px;height: 260px;margin-left: 20px;overflow: hidden;}

.Box .Box_con .conbox ul li:first-child {margin-left: 0;}

.Box .Box_con .conbox ul li .pimg{ width: 280px; height: 200px; overflow: hidden; }

.Box .Box_con .conbox ul li img {display: block;width: 280px;height: 200px;transition: all 0.5s;}

.Box .Box_con .conbox ul li:hover img {transform: scale(1.1); height: 200px;}

.Box .Box_con .conbox ul li span{ line-height: 30px; text-align: center; display:block; color: #000 }

.Box .BoxSwitch {text-align: center;}

.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;

  width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}

.Box .BoxSwitch span.cur {background: #b15300;}