@charset "utf-8";

/* 注意：以下长度用em换算，1em=10px。特别注意文字大小，父子层级会继承，所以不要在div中定义字体大小，只能用span修改字体。
------------------------------------------------------------------------------------------------------ */

/* 全局样式
-------------------------------------------------------------- */
html,body,a,span,ul,img{ padding:0; margin:0; list-style:none; border:none;font-size: 0.95rem; line-height:26px; font-family:"SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif; color:#666;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break: break-word;}
p{line-height:25px;margin-bottom: 5px}
img{ border:none; vertical-align:middle;max-width: 100%}
td{ vertical-align:center; font-size:14px;}
body{ background:#fff; overflow-x:hidden;}
/* 链接样式 */
a {text-decoration:none; outline:none;}
a:visited {text-decoration:none; outline:none;}
a:hover {text-decoration:none; outline:none;}
h1,h2,h3,h4 { margin:0;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

/* 层浮动 */
.left { float: left; }
.right{ float: right; }
.center { margin: 0 auto; }

/* 文字对齐 */
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter {text-align:center; }


/* 主体内容开始
-------------------------------------------------------------- */

.content{ width:100%; margin: 0 auto;}
/*pagelist*/
.page{text-align: center;margin:15px 0}
.page a{border: 1px solid #ededed; border-radius: 2px;color: #3d3d3d;  height: 35px; line-height: 35px; margin-left:5px; min-width: 9px; padding: 0 13px; text-align: center; text-decoration: none; vertical-align: top;display: inline-block}

.page a.current{background-color: #eee;  color: #3177e0; }
.page a:hover{color: #3177e0}
.fany{overflow: hidden;}
.fany .prev{float: left;width: 50%}
.fany .next{float: right;width: 50%;text-align: right;}

/*--地图--*/
.wzdt_xt { float:left; width:75%;}
.wzdt_xt ul li { float:left; padding-left:20px;line-height: 40px;}
.wzdt_xt ul li a{ font-size:14px;}
.sitemapz {line-height:40px; overflow:hidden;  border:1px #ddd solid;width:98%;margin:0 auto;margin-bottom:15px; }
.sitemapy {width:25%; float:left; line-height:40px;border:1px solid #A57230; color:#fff; background:#A57230; font-size:16px; text-align:center;}
.sitemapy h3 { margin:0; line-height:40px; height:40px;}
.sitemapy h3 a { font-size:16px; color:#fff; line-height:40px;}


/*头部导航*/
header.head{  width: 100%;}
header.mhead{display: none;}
.masthead-bar { border-bottom:1px solid #EBEBEB;}
.heatoplink { float:right; padding:15px 0;}
.heatoplink a { text-transform:uppercase; font-size:16px; color:#000000; padding:0 26px;}
.heatoplink a:hover { color:#264f7d;}
.heatoplink a.on { color:#264f7d;}

.searchz { position:relative;float:right; margin-top:14px;}
.header-button {  background:url(../images/search.png) no-repeat; width:17px; height:17px; border:none; font-size:0; outline:0;}
.login { float:right; padding-top:17px; padding-right:40px;}
.login i { background:url(../images/login.png) no-repeat; width:17px; height:17px; display:block;}

#search-form {
  position: absolute;
  top:-6px;
  right:24px;
   height: 35px;
   opacity:0;
  background:#EEEEEE;
  overflow: hidden;
  width: 0;
    border-radius:18px;
	transition:.6s;-webkit-transition:.6s
 }
#search-form.open { opacity:1;width: 208px;}
#search-form fieldset {
  position: relative;
  padding: 0;
  border: none;
}
#search-form input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 35px;
}
#search-form .search-terms {
  width: 80%;
  padding: 0 5px 0 10px;
  background:#EEEEEE;
  border: none;
  outline:none;
}
#search-form input[type="submit"] {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 36px;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;outline:none;
}

.head_top img{max-width: 100%;max-height: 100%;}
.head_top{height: 120px;}
.masthead-nav-logo { float:left;    padding-top: 20px;}
.masthead-nav-logo a{display: block; height: 80px; line-height: 80px;}
.masthead-nav-tel{float: right;overflow: hidden;}
.masthead-nav-tel .wx{width: 100px; height: 100px; margin-top: 10px;float: left; }
.masthead-nav-tel .tel{float: left;    margin-top: 40px;margin-left: 15px;font-size: 18px;letter-spacing: 1px;}
.masthead-nav-tel .tel .p1{background: url(../images/tel.png) no-repeat left center;padding-left: 30px;  }
.masthead-nav-tel .tel .p2{background: url(../images/yx.png) no-repeat left center;padding-left: 30px;  }
.masthead{    width: 100%; background: #494949; z-index: 5; margin: 0 auto; position: relative;;}
.masthead .nav{float: left;  }
.masthead .nav .nav_pc{ width: 100%;}
.masthead .nav ul li{float: inherit;padding:0 30px; display:inline-block; position: relative; z-index: 999;}
.masthead .nav ul li .f_a{ display:block; height:45px; line-height:45px;font-size:16px;color:#e4e4e4; position:relative;}

.masthead .nav ul li a.f_a:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: #eee;
  left: 0%;
  right: 0;
  width: 0%;
  bottom: 0;
  height: 2px;
  -webkit-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}

.masthead .nav ul li:hover a:before {  width: 100%;}

.masthead .nav ul li:hover .f_a{ color: #fff; transition:all .3s}
.masthead .nav ul li.on .f_a{ color: #fff; transition:all .3s}
.masthead .nav ul li.on a:before {  width: 100%;}

.masthead .nav ul li .s_navbox{display:none;position: absolute;left:-20%;width: 140%; background:#3e3e3e;z-index: 9999;}
.masthead .nav ul li .s_navbox .s_a a{color:#c7c5c5; line-height:20px;font-size:14px;display:block;text-align: center;padding: 10px 0;}
.masthead .nav ul li .s_navbox .s_a a:hover{background-color: #252525; color: #fff;}
.masthead .nav_fr{float: right; color: #e4e4e4; font-size: 14px; line-height: 45px;background: url(../images/nav-add.png) no-repeat left center;padding-left: 30px; }



/*banenr*/
.pc_b{display: block;}
.m_b{display: none;}

.pcbanner .owl-nav { display:none;}
.pcbanner .owl-dots { position:absolute; width:100%; bottom:10px;}
.pcbanner .item img { max-width:100%;}
.pcbanner .item img{ transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
/*缩小停止*/
@-webkit-keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
.secbanner { padding-top:75px;}
.secbanner .owl-nav { display:none;}
.secbanner .owl-dots { position:absolute; width:100%; bottom:10px;}
.secbanner .item img { max-width:100%;}


/*底部*/
footer { background:#282828;padding-top: 25px;}
.footnav { padding:19px 0;border-bottom:1px solid #717171; line-height:30px;overflow: hidden;}
.footnav .f_nav{    float: left; width: 12%;}
.footnav .f_nav .o_chid{    display: block; width: 100%; font-size: 17px; padding-bottom: 5px;color: #b1b1b1;}
.footnav .f_nav .proSide_menu{}
.footnav .f_nav .proSide_menu a{    display: block; width: 100%; font-size: 14px;}

.footnav a { text-transform:uppercase; color:#999999; }
.footnav a:hover { color:#fff}
.footcopy { text-align:center; color:#999999; font-size:14px; line-height:25px; padding:10px 0;}
.footcopy a {color:#999999; font-size:14px; overflow:hidden;}
.footcopy p,.footcopy a{ color:#999;}
/*通知公告*/


/*首页正文*/
/*.index_about*/

.index_about{    background: url(../images/about.jpg) no-repeat center 120px;     margin-top: 50px;}
.index_about .ab_san{width: 80%; margin: auto; text-align: center; background: #f9f9f9; overflow: hidden;}
.index_about .ab_san li{width: 33.333%; float: left; border-right: 1px solid #eee;padding: 50px 0;}
.index_about .ab_san li .sum{    font-size: 60px; line-height: 2; position: relative;color: #000;    font-weight: bold;}
.index_about .ab_san li .sum span{position: absolute; top: 20%; font-size: 30px; padding-left: 10px;color: #000;    font-weight: 100;}
.index_about .ab_san li p{color: #000}
.index_about .w80{width: 80%;margin: auto;    padding-top: 30px;}
.index_about .w80 .ab_t{width: 38%;margin: auto;text-align: center;    padding: 30px 0;}
.index_about .w80 .ab_t img{max-height: 100%;max-width: 100%;}
.index_about .w80 .ab_txt{text-indent: 2em;}
.index_about .w80 .ab_txt p{color: #fff;}
.index_about .w80 .ab_txt span{color: #fff;}
.index_about .w80 .more{display: block; width: 100px; text-align: center; border: 1px solid #fff; line-height: 33px; margin: 25px auto; color: #fff;}


/**/
/*品牌项目*/
.index_box2{padding-bottom: 30px;}
.firstsub { padding-top:60px;  font-size:30px; color:#111111; text-align:center;}
.firsttwo { color:#111111;font-size:20px; text-align:center; padding:25px 0;}
.firstdes { font-size:30px; color:#111111; width:80%; margin:0 auto; text-align:center; line-height:40px;}
.newlist { padding-top:15px; margin-bottom:20px;}
.newlist ul { margin-left:-21px; margin-right:-21px;}
.newlist ul li { padding:25px 21px; width:33.33%; float:left; }
.newlist ul li a { display:block; position:relative;overflow:hidden;}
.newpic { overflow:hidden;}
.newpic img { width:100%;}

.pt50 { padding-top:50px;}

.newmeng { position:absolute; background:url(../images/newmeng.png) repeat; width:100%; height:100%; left:0; top:0; padding-left:35px; padding-right:35px; padding-top:28%;}
.newmeng h3 { color:#fff; font-size:24px; line-height:27px; height:81px; font-weight:bold; text-transform:uppercase; text-align:center;display: -webkit-box;    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; 
    overflow: hidden;}
.newp {  height:100%;padding-top:15%; overflow:hidden;padding-left:35px; padding-right:35px; background:url(../images/newmengh.png) repeat;  width: 100%; 
       position: absolute; 
	   left: 0; top: -100%; 
	   color: #ffffff;
        z-index: 2; }
.newp p {  color:#fff; margin-bottom:15px; height:140px; font-size: 18px; line-height:27px;display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5; 
    overflow: hidden; text-align: center;}
.newp span { text-transform:uppercase; color:#fff; border:1px solid #fff; background-color:rgba(255,255,255,0.3); width:165px; height:34px; line-height:34px; text-align:center; font-weight:bold; display:block; border-radius:20px; margin:0 auto;}
.newlist ul li:hover h3 { display:none;transition:all .3s}
.newlist ul li:hover .newmeng {  display:none;}

.newmore { text-align:center; }
.newmore a { display:inline-block; background:#264F7D; border:1px solid #264F7D; color:#fff; width:200px; height:36px; line-height:36px; text-align:center; border-radius:20px; font-weight:bold;}
.newmore a:hover { background:#fff; color:#264F7D;}



/*品牌项目 end*/

/*园区运营*/
.index_yuqu{}
.index_yuqu .yuqulist{width: 70%; margin: 15px auto 0; overflow: hidden;}
.index_yuqu .yuqulist li{width: 50%; float: left; padding: 3%;}
.index_yuqu .yuqulist li .yy_img{overflow: hidden; width: 100%; text-align: center;}
.index_yuqu .yuqulist li .yy_img img{max-width: 100%;max-height: 100%}
.index_yuqu .yuqulist li p{    font-size: 20px; text-align: center; padding-top: 20px;}

/*end*/

.focussub { text-align:center; font-size:30px; color:#000000; font-weight:bold; text-transform:uppercase;}
.focusbg { background:#F1F3F5; padding:40px 0; margin-top:50px;}
/*会员企业/*/

.partern { padding-top:50px; }
.partern .partern_box{background: #e6e6e6;overflow: hidden;padding: 10px 0;}
.partern .index_des{text-align: center;padding: 15px 0;font-size: 14px}
.partern .par_num{float: left;width: 35%}
.partern .par_num .sum{font-size: 12rem; line-height: 12rem; color: #656565; font-weight: bold;position: relative;text-align: center; margin-top: 50px;}
.partern .par_num .sum span{font-size: 2.3rem; font-weight: 100; position: absolute; padding-left: 10px;    top: 10px;}
.partern .par_num .par1{font-size: 1.8rem; padding: 15px 0; text-align: center; letter-spacing: 4px;}
.partern .par_num .par2{width: 60%; background: #656565; text-align: center; margin: 0 auto; padding: 10px;}
.partern .par_num .par2 p{color: #fff;font-size: 12px;margin: 0}
.partern .par_num .more{    width: 80px; display: block; background: #656565; color: #fff; text-align: center; line-height: 30px; margin: 40px auto 30px;}


.idwek { padding:30px 0 30px 0;    float: right; width: 60%;}
.idwek ul { overflow:hidden;}
.idwek ul li { float:left; width:20%; text-align:center; padding: 20px 10px;}
.idwek ul li img { max-width:100%;}
.idweks { 
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.idweks:hover{-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;}

/*
@media screen and (max-width:991px){
.idwek ul li { float:left; width:20%; }
}
@media screen and (max-width:767px){
.contone { width:100%; float:left; margin-bottom:15px;}
.partern { padding-top:30px; padding-bottom:10px;}
}
@media screen and (max-width:414px){
.idwek ul li { float:left; width:33.33%; margin-bottom:15px; }
}
*/

/*
end

*/


/*个人会员*/
.index_hy{    padding: 50px 0;overflow: hidden;}
.index_hy .focussub{padding-bottom: 35px;}
.index_hy .hy_box .disabled{display: none;}
.hy_time .hy_time_img{overflow: hidden;width: 100%;height: 100%;}
.hy_time .hy_time_img img{max-width: 100%;max-height: 100%;transition: all 0.6s;}
.hy_time .hy_time_img img:hover{transform: scale(1.05);}
.index_hy .hy_time .hy_tit{font-size: 16px; padding: 10px;}
.index_hy .hy_time .hy_tit span{display: block; float: right; width: 60px; border: 1px solid #a8a8a8; text-align: center; font-size: 12px;
    color: #a0a0a0;}
.index_hy .hy_time:hover .hy_tit span{color: #000}
.index_hy .hy_box {position:relative;}
.index_hy .hy_box .owl-nav {position:absolute;top:-50px;right:58px;}
.index_hy .hy_box .owl-dots{position:absolute;top:-30px;right:58px;}


/*/end*/

.rightnav { position: fixed;bottom: 10%;  right: 10px;  color: #fff;z-index: 9999;}
.contact { position:relative; background:#C6C6C6; width:30px; height:30px; margin-bottom:10px; line-height:30px;border-radius: 50%; text-align:center;}
.contact i { background:url(../images/contact.png) no-repeat center; width:16px; height:16px; background-size:100%; display:inline-block; position:relative; z-index:99;}
.contact span { position:absolute; right:0; top:0; line-height:30px; height:30px; overflow:hidden; padding-right:30px; z-index:9; background:#C6C6C6; display:block; padding-left:10px; border-radius:22px; opacity:0; width:0px; color:#fff;    text-align: center;}
.contact:hover span{ opacity:1; width:215px; text-align:left; font-size:14px; transition:all 0.5s;background-color: #333333;}
.contact:hover {background-color: #333;}

.back-top {
  display: block;
  width: 30px;
  height: 30px;
  line-height:20px;
  text-align: center;
  vertical-align: middle;
  background-color: #c6c6c6;
  border-radius: 50%;
  padding: 6px 0;
   }

.back-top i {
  color: #fff; }
.back-top:hover {
  cursor: pointer;
  background-color: #333333;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease; }





.borertop{ padding-top:15px;}
.bottom_link{ width:75%; float:left;}
.bottom_link p,.bottom_link a{font-size:14px; padding:0; color:#666;line-height:30px; text-transform:uppercase;text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}
.bottom_link a:hover{ color:#60718F;}
.return{ float:right; width:120px; height:35px; line-height:35px; background-color:#EEEEEE; text-align:center; display:inline-block; border-radius:3px; color:#000; transition:all 0.5s; text-transform:uppercase;}
.return:hover{  background-color:#60718F; color:#ededed; }
/*@media screen and (max-width:1099px){
.bottom_link{ width:70%;}
}

@media screen and (max-width:767px){
.borertop { padding-top:0;}	
.bottom_link{ width:100%; padding-bottom:10px;}
}*/
/*focus*/
.focuspage {}
.focuspage p { color:#333333; line-height:26px; padding-bottom:40px;}
.focuspage img { max-width:100%;}

/*@media screen and (max-width:767px){
.focuspage { padding-top:20px;}
.focuspage p { padding-bottom:20px;}
.sbanner{ margin-top:83px;}
}*/



/*新闻动态*/
/*4.16*/
.index_news{overflow: hidden;background: #f2f2f2}
.index_news .caslist { padding-top:15px;}
.index_news .caslist ul { margin-left:-21px; margin-right:-21px;}
.index_news .caslist ul li { padding:25px 21px; width:33.33%; float:left; }
.index_news .caslist ul li .in_news_nav {overflow: hidden;padding: 0px 0px 15px;}
.index_news .caslist ul li .in_news_nav a{display: block; font-size: 22px;    color: #3c3c3c;}
.index_news .caslist ul li .in_news_nav a span{display: block; width: 70px; height: 24px; background: #fff; float: right; font-weight: 100; color: #666; font-size: 14px; line-height: 24px; border-radius: 20px;text-align: center;}
.index_news .caslist ul li a { display:block; position:relative;overflow:hidden;}
/*.index_news .caslist ul li span { text-transform:uppercase; color:#fff; border:1px solid #fff; background-color:rgba(255,255,255,0.3); width:165px; height:34px; line-height:34px; text-align:center; font-weight:bold; display:none; border-radius:20px; margin:0 auto;}
.index_news .caslist ul li:hover span{ display:block;}*/

.index_news .caslist ul li img { transition: 300ms; -webkit-transition: 300ms;}
.index_news .caslist ul li:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
.ppt50 { padding-top:50px;}
.index_news .caslist .news_more{width: 100px;line-height: 35px;border: 1px solid #dbdbdb;text-align: center;margin: 15px auto;display: block;}

.index_news .newmeng2 {overflow: hidden;padding: 20px; background: #fff;}
.index_news .newmeng2 .newmeng_fl{float: left; width: 90px; text-align: center;}
.index_news .newmeng2 .newmeng_fl .new_da{    font-size: 18px; line-height: 35px; color: #666}
.index_news .newmeng2 .newmeng_fl .new_date{font-size: 40px; line-height: 36px; color: #000;}

.index_news .newmeng2 .newmeng_fr{float: right;    width: calc(100% - 100px);overflow: hidden;}
.index_news .newmeng2 .newmeng_fr h3 {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-bottom: 8px; font-size: 20px;}
.index_news .newmeng2 .newmeng_fr span{-webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden;    line-height: 1.5; }


/*@media screen and (max-width:767px){
.caslist ul li { width:100%;}

}

*/

/*内页banner*/

.n_banner{width: 100%;overflow: hidden;text-align: center;}
.n_banner img{max-width: 100%;max-height: 100%;}

/*==面包屑↓==*/
.site{width:100%;padding:10px 0 10px 0;margin: 0 0 0px 0;line-height:35px;border-bottom: 1px #ddd solid;background: #f9f9f9;}
.site h3{float:left;padding-left: 15px;color:#555;font-size:18px;margin-top: 11px;line-height: 15px;border-left: 3px #1e88e5 solid;}
.site .frame{color: #999;font-size:13px;line-height:35px;padding-left:20px;background:url(../images/add.png) no-repeat left 6px;}
.site .frame:before{margin-right:5px;font-size: 18px;color: #999;}
.site a{display:inline-block;color: #999;font-size:13px;}
.site a.icon-home:before{font-size:15px;color: #999;}
.site a:hover,.site .frame a:last-child{color:#000}

/*page_content*/
.marketInside {background: #f8f8f8;    padding-top: 35px; }


/**/

/*list_news*/

.marketBread {
  font-size: 12px;
  color: #666666;
  margin: 18px 0;
}
.marketBread a {
  color: #666666;
}
.marketBread a:hover {
  color: #1e88e5;
  text-decoration: underline;
}
.marketBread span {
  color: #e41f2b;
}

.marketDetailLeft {
  width: 74%;
  float: left;
  background: #fff;
  
  min-height: 793px;

}
.marketDetailContact {
  width: 24.5%;
  float: right;
}
.marketDetailContact .box {
  border: 1px #e5e5e5 solid;
  background-color: #f7f8fa;
  padding: 30px;
}
.marketDetailContact .box li {
  padding-bottom: 30px;
}
.marketDetailContact .zxkf {
  font-weight: 400;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px;
  margin-bottom: 15px;
}
.marketDetailContact .label {
  color: #666666;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 5px;
}
.marketDetailContact .icon-qq {
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.marketDetailContact .a-01 {
  color: #1e88e5;
}
.marketDetailContact .a-01:hover {
  text-decoration: underline;
}
.marketDetailContact .box01 {
  background: #fff;
  margin-bottom: 20px;
}
.marketDetailContact .box01 .pic {
  margin-top: 15px;
  margin-bottom: 15px;
}
.marketDetailContact .box01 .pic img{max-height: 100%;max-width: 100%;}
.marketDetailContact .box01 .txtbox {
  padding: 20px;
  color: #666;

}
.marketDetailContact .box01 .txtbox p{  line-height: 30px;margin-bottom: 0}
.marketDetailContact .box01 .txtbox p.pic{margin-bottom: 10px;} 
.marketDetailContact .box02 {
  background: #fff;
  margin-bottom: 20px;
}
.marketDetailContact .box02 ul {
  padding: 20px;
}
.marketDetailContact .box02 li {
  background: #f0f0f0;
  border-radius: 100px;
  padding: 6px 15px;
  display: inline-block;
  margin: 0 10px 10px 0;
  font-size: 12px;
}
.marketDetailContact .box03 {
  background: #fff;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.marketDetailContact .box03 li:first-child {
  border-top: 0;
  margin-top: 10px;
}
.marketDetailContact .box03 li {
  text-align: center;
  padding: 20px 0;
  border-top: dashed 1px #ddd;
  margin: 0 20px;
}
.marketDetailContact .box03 li .pic {
  width: 168px;
  height: 80px;
  margin: 0 auto;
  position: relative;
}
.marketDetailContact .box03 li .tit {
  color: #333;
  line-height: 14px;
  margin-bottom: 10px;
  padding: 0 16px;
  margin-top: 20px;
}
.marketDetailContact .box03 li .txt {
  font-size: 18px;
  color: #e20000;
  line-height: 18px;
}
.marketDetailContact .box04 {
  background: #fff;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.marketDetailContact .box04 ul {
  padding: 20px;
}
.marketDetailContact .box04 li {
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}
.marketDetailContact .box04 li a {
  display: block;
  position: relative;
  padding-left: 15px;
}
.marketDetailContact .box04 li a:before {
  content: "";
  width: 5px;
  height: 5px;
  left: 0;
  top: 50%;
  border-radius: 100%;
  margin-top: -2px;
  background: #999;
  position: absolute;
}
.marketDetailContact .boxtit {
  height: 62px;
  line-height: 62px;
  padding-left: 33px;
  border-bottom: 1px solid #e2e2e2;
  font-size: 16px;
  color: #333;
  position: relative;
}
.marketDetailContact .boxtit:before {
  content: "";
  position: absolute;
  background: #1e88e5;
  width: 4px;
  height: 14px;
  top: 22px;
  left: 20px;
}


.news {
  padding-top: 0px;
  padding-bottom: 50px;
}
.news .info {
  clear: both;
  padding: 0 30px;
  padding-bottom: 50px;
  background: #fff;
  padding-right: 0;
  border-bottom: solid 20px #f8f8f8;
}
.news .details {
  color: #4a4a4a;
  line-height: 1.8;
  clear: both;
  padding: 0 30px;
}
.news .details img{max-width: 100%;}
.news .details .tabsMenu {
  color: #4a4a4a;
  border-bottom: 1px #e5e5e5 solid;
  font-size: 16px;
}
.news .details .tabsMenu li {
  position: relative;
  padding: 18px 1%;
  display: inline-block;
  cursor: pointer;
}
.news .details .tabsMenu li a{font-size: 16px}
.news .details .tabsMenu li:after {
  content: "";
  display: block;
  width: 0;
  border-bottom: 2px #1e88e5 solid;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.news .details .tabsMenu .active {
  color: #1e88e5;
}
.news .details .tabsMenu .active a{color: #000}
.news .details .tabsMenu .active:after {
  width: 100%;
}
.news .details .tabsCon .item {
  /*display: none;*/
}
.news .details .title {
  color: #1e88e5;
  border-bottom: 1px #e5e5e5 solid;
  font-size: 16px;
}
.news .details .title span {
  position: relative;
  padding: 18px 13px;
  display: inline-block;
}
.news .details .title span:after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 2px #1e88e5 solid;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.news .details .a-01 {
  color: #1e88e5;
}
.news .details .a-01:hover {
  text-decoration: underline;
}
.news .details .nr {
  padding: 30px 0;
}
.news .details .table-box {
  width: 100%;
  border: 1px solid #e5e5e5;
}
.news .details .table-box th,
.news .details .table-box td {
  border: 1px solid #e5e5e5;
  text-align: center;
  padding: 10px 0;
}
.news .details .table-box thead {
  background: #f5f6f7;
}
.news .details .tit01 {
  padding-top: 15px;
}
.news .details .tit01 img {
  margin-top: 5px;
  margin-right: 5px;
  vertical-align: top;
}
.news .details .table01 {
  margin-top: 10px;
}
.news .details .table01 th {
  background: #f8f8f8;
}
.news .details .table01 th,
.news .details .table01 td {
  padding: 5px 10px;
  padding-left: 30px;
  text-align: left;
}

.com-3-article-panel {
  position: relative;
  padding: 25px 0;
  border-bottom: 1px solid #E1E3E9;
  cursor: pointer;
}
.com-3-article-panel:hover {
    background: linear-gradient(to right,rgba(243,245,249,0),rgba(243,245,249,100) 15%,rgba(243,245,249,100) 85%,rgba(243,245,249,0));
}
.com-3-article-panel:hover .com-3-article-panel-title{color: #000}
.com-3-article-panel>.panel-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.com-3-article-panel-media {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.com-3-article-panel-body {
    display: table-cell;
    vertical-align: top;
}
.com-3-article-panel-title {
    font-size: 16px;
    line-height: 26px;
    color: #333;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.com-3-article-panel-desc {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    word-wrap: break-word;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    max-height: 48px;
}
.com-3-article-panel-infos {
    position: relative;
    z-index: 2;
    margin-top: 10px;
    font-size: 0;
}
.com-3-article-panel-source {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-right: 15px;
    font-size: 12px;
    line-height: 18px;
    color: #999;
}
.com-3-article-panel-source .author {
    max-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.com-3-article-panel-source .item {
    display: inline-block;
    vertical-align: middle;
    vertical-align: middle;
    color: inherit;
}
.com-3-article-panel-source .item:before {
    content: '';
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    width: 2px;
    height: 2px;
    background-color: #999;
    border-radius: 50%;
}
.com-v-box {
    position: fixed;
    left: 0;
    top: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}

.com-3-article-panel-tags {
    display: inline;
    vertical-align: middle;
    position: relative;
    top: 3px;
}
.com-tag-links {
    position: relative;
    margin-bottom: 17px;
    padding-left: 20px;
    font-size: 12px;
    color: #888;
}
.com-3-article-panel-object {
    display: table-cell;
    vertical-align: top;
    padding-left: 5px;
    width: 150px;
}
.com-3-article-panel-thumbnail {
    width: 150px;
    height: 112px;
}
.com-thumbnail {
    display: block;
    width: 145px;
    /*height: 177px;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/**/

/*show_news*/
.xz-list {padding: 20px 20px 10px; overflow: hidden; border-bottom: solid 1px #f2f2f2; text-align: center;}
.xz-list h1{    font-size: 22px; padding-bottom: 15px;} 
.xz-list p{font-size: 12px;}


/*n_page*/
#n_page .marketInside{    padding-top: 15px;}

.neipage{
  width:100%;
  margin-top:120px;
  overflow:hidden;
}
#about-menu{height:auto;position:relative;}
#about-menu-c{height:auto;width:auto;margin:0px auto;overflow: hidden;}

#about-menu-c .p_nav{    padding: 0px;  float: right;padding-bottom: 20px;}
#about-menu-c .p_nav a{padding: 0 20px 15px;position: relative;font-size: 16px;}
#about-menu-c .p_nav a.about-menu-hover{color: #000}
#about-menu-c .p_nav a.about-menu-hover::after {display: inline-block; content: ''; width: 35px;border-top: 2px solid #1e88e5;position: absolute;    bottom: 0; margin-left: -50%; margin-right: 50%;}

.about-title{margin-top:20px;}
.case1_box{
  margin: 0px auto 50px;
}
 .case1_title{
  font-size: 26px;
  color: #333;
  visibility: visible;
}
.case1_box .case1_text{
  color: #6b6b6b;
  line-height: 30px;
  margin-top: 15px;
  letter-spacing: 1px;
}


/*联系我们*/

/*===内页框↓==*/
.rack{width:100%;padding: 50px 0 50px 0;}
.rack .lefter{width:240px;}
.rack .righter{width:930px;}
.rack .container{max-width: 1200px;}

.ConLongBox{ position:relative;}
.ConLongBox .pos .contactFont2 h3{color:#fff;}
.ConLongBox .pos{ position:absolute; top:0;left:0;height:1px;width:100%;z-index:99;}
.ConLongBox .pos .contactFont2{float:right; width:500px;padding:30px; height:300px;color:#fff;line-height:25px; font-size:14px;     background: rgb(51 51 51 / 90%);}

/* 内页留言样式 */
.cl:after,.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.cl,.clearfix { zoom:1;} 
.contactFont{overflow:hidden;margin-bottom:30px;}
#dituContent{width:100%;height:300px;}
.feedback{margin-top:50px;margin-bottom:20px;overflow:hidden;}
.rack .title{text-align:center;font-size:22px;font-weight:600;margin-bottom:25px;color:#333;}
.rack .title span{background:#fff;padding:0 30px;position:relative;top:-10px;    font-size: 22px; font-weight: 600; color: #000;}
.rack .title::before{content:"";border-bottom:1px solid #e1e1e1;height:12px;vertical-align:top;width:100%;display:block;}
#feedback_form{position:relative;}
#feedback_form label{display:block;float:left;height:32px;line-height:32px;margin-bottom:30px;padding-left:40px;background:url(../picture/contact.png) no-repeat;font-size:14px;}
#feedback_form label.name{background-position:0 -32px;}
#feedback_form label.email{background-position:0 -64px;}
#feedback_form label.city{background-position:0 -96px;}
#feedback_form label.msg_title{background-position:0 -128px;}
#feedback_form label.address{background-position:0 -160px;}
#feedback_form label.message{background-position:0 -192px;margin-bottom:10px;}
#feedback_form input{width: calc(100% - 150px);height:30px;line-height:30px;float:left;margin:0 37px 30px 0;padding:0 10px;border:1px solid #dbdbdb;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form .lx{width: 33.333%;float: left;position: relative;}
#feedback_form textarea{height:125px;width:1175px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form i{font-style:normal;color:#ff1f19;position:absolute;font-size:14px;right: 30px;top:0px;}
#feedback_form .f2{left: 750px;}
#feedback_form .f3{left:auto;right: 57px;}
#feedback_form .f4{left: 120px;top:162px;}
#feedback_form .btns{width:120px;height:40px;margin-right:10px; background:#1e88e5;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#333;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:70px;height:30px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#df2128;}



/*list_image*/


.list_image_centert{overflow: hidden;}
.list_image_centert .list_box{width: 25%; float: left; text-align: center; padding: 10px;}
.list_image_centert .list_box .img{border: 1px solid #eee;overflow: hidden;}
.list_image_centert .list_box .img img{max-width: 100%;max-height: 100%;transition: all 0.4s;}
.list_image_centert .list_box .list_tit{line-height: 36px;}
.list_image_centert .list_box:hover img{transform: scale(1.1);}



@media (max-width:1500px) {
.masthead .nav ul li{padding:0 15px;}

}
@media (max-width:1199px) {
.masthead .nav ul li{padding:0 10px;}
.index_news .caslist ul li{padding: 25px 5px;}
.newmeng h3{font-size:16px;}
.index_about .ab_san li .sum{font-size:50px;}
#about-menu-c .p_nav a{padding: 0 15px 15px;}
}
@media (max-width:1050px) {
.masthead .nav ul li{padding:0 5px;}
.index_about{    background-size: 100% 100%;}
.newlist ul li{    padding: 25px 5px;}
.index_yuqu .yuqulist{width:80%;}
.partern .par_num .sum{    font-size: 5rem; line-height: 4rem;}
.partern .par_num .par1{font-size:1rem;}

}
@media (max-width:950px) {
.masthead .nav ul li .f_a{font-size:14px;}
.masthead .nav ul li{padding:0 3px;}
.index_hy .hy_box .owl-nav,.index_hy .hy_box .owl-dots{display:none;}

}
@media (max-width:768px) {
header.head{ display: none;}
header.mhead{display: block;}


/*nav*/
	.header-m {
		display: block!important;
		z-index: 888;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 65px;
		background: #fff;
		box-shadow: 1px 1px 20px rgba(0,0,0,0.1)
	}

	.header-m::after {
		display: none;
		position: fixed;
		content: '';
		top: 65px;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5)
	}

	.header-m .logo {
	position: absolute;
    left: 3%;
	height:65px; 

    font-size: 24px;display: flex; align-items: center; justify-content: space-between;
	}

.header-m .logo img{max-width:95%;max-height: 95%; border:0;vertical-align:middle}


	.header-m .m-menu-b {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 60px;
		height: 65px;
		cursor: pointer;z-index: 10;background: #fff
	}
		

	.header-m .m-menu-b::before,.header-m .m-menu-b::after {
		position: absolute;
		top: 50%;
		left: calc(35px / 2);
		content: '';
		width: 25px;
		height: 1px;
		z-index: 9999;
		-webkit-transition: all .3s ease-out .3s;
		transition: all .3s ease-out .3s;
		background: #999
	}

	.header-m .m-menu-b::before {
		-webkit-transform: translateY(-4px) rotate(0);
		transform: translateY(-4px) rotate(0)
	}

	.header-m .m-menu-b::after {
		-webkit-transform: translateY(4px) rotate(0);
		transform: translateY(4px) rotate(0)
	}

	.header-m .m-menu {
		display: none;
		z-index: 1;
		position: fixed;
		width: 100%;
		width: 260px;
		height: 100%;
		top: 0;
		right: -260px;
		opacity: 1;
		background: #fff;
		text-align: left;
		padding-top: 65px
	}

	.header-m .m-menu::after {
		position: absolute;
		content: '';
		width: 100%;
		height: 1px;
		background: #ebebeb;
		top: 65px
	}

	.header-m .nav {
		height: 100%;
		overflow-x: hidden;
		overflow-y: auto;background: #fafafa;

	}

	.header-m .nav>li {
		border-bottom: 1px solid #ebebeb;
		-webkit-animation: resize .5s both;
		animation: resize .5s both
	}

	.header-m .nav>li>a {
		position: relative;
		display: block;
		font-size: 15px;
		padding: 0 20px 0 40px;
		color: #666;
		height: 50px;
		line-height: 50px
	}

	.header-m .nav>li>a::after {
		position: absolute;
		left: 20px;
		top: 50%;
		margin-top: -5px;
		content: '';
		width: 8px;
		height: 8px;
		border: 1px solid #999;
		border-radius: 50%;
		background: transparent;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.header-m .nav>li .sub-nav {
		display: none
	}

	.header-m .nav>li .sub-nav a.cn {
		position: relative;
		display: block;
		height: 50px;
		line-height: 50px;
		padding: 0 40px;
		background: #ebebeb;
		color: #4e4e4e
	}

	.header-m .nav>li .ucn {
		background: #fff;
		border-bottom: 1px solid #ccc;
	}

	.header-m .nav>li .ucn li a.cn1 {
		background: #f2f2f2;
	}

	.header-m .nav>li .sub-nav a {
		position: relative;
		display: block;
		height: 34px;
		line-height: 30px;
		padding: 0 40px;
		background: #ebebeb;
		color: #4e4e4e
	}

	.header-m .nav>li .sub-nav a::before,.header-m .nav>li .sub-nav a::after {
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		left: 20px;
		top: 50%;
		border: 5px solid transparent;
		overflow: hidden;
		-webkit-transition: all .3s;
		transition: all .3s;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.header-m .nav>li .ucn li a::before,.header-m .nav>li .ucn li a::after {
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		left: 20px;
		top: 50%;
		border: 5px solid transparent;
		overflow: hidden;
		-webkit-transition: all .3s;
		transition: all .3s;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.header-m .nav>li .sub-nav a.cn::before {
		left: 21px;
		border-top: 5px solid #555
	}

	.header-m .nav>li .sub-nav a::before {
		left: 21px;
		border-left: 5px solid #555
	}

	.header-m .nav>li .sub-nav a::after {
		border-left: 5px #ebebeb solid
	}

	.header-m .nav>li.cur {
		position: relative
	}

	.header-m .nav>li.cur::after,.header-m .nav>li.cur::before {
		position: absolute;
		content: '';
		background: #999;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.header-m .nav>li.cur::before {
		top: 19px;
		right: 25px;
		width: 2px;
		height: 12px
	}

	.header-m .nav>li.cur::after {
		top: 24px;
		right: 20px;
		width: 12px;
		height: 2px
	}

	.header-m .nav>li.active::after {
		background: #fff
	}

	.header-m .nav>li.active>a {
		color: #fff;
		background: #555
	}

	.header-m .nav>li.active>a::after {
		background: #fff;
		border-color: #fff
	}

	.header-m .nav>li.active .sub-nav li {
		-webkit-animation: ReturnToNormal .5s both;
		animation: ReturnToNormal .5s both
	}

	.header-m .m-language {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		text-align: center
	}

	.header-m .m-language a {
		color: #666;
		line-height: 40px;
		font-size: 16px;
		display: block;
		border-bottom: 1px solid #ebebeb;
		-webkit-animation: slideInUp 1.5s both;
		animation: slideInUp 1.5s both
	}

	.header-m .m-search-ba {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 35px;
		height: 65px;
/*background:url(../images/m_search.png) no-repeat left center;*/
		background-size: 18px;
		cursor: pointer;
		background: url(../picture/mhome.png)no-repeat left center;
	}

	.header-m .m-search-ba a {
		display: block;
		width: 100%;
		height: 100%
	}

	.header-m .m-search {
		display: none;
		position: fixed;
		top: 75px;
		left: 3%;
		width: 94%;
		height: 40px;
		border-radius: 5px;
		border: 1px solid #ccc;
		padding: 0 2%;
		overflow: hidden;
		background: #fff
	}

	.header-m .m-search .txt {
		float: left;
		width: 82%;
		margin-top: 8px;
		font-size: 14px;
		background: transparent
	}

	.header-m .m-search .btn {
		float: right;
		width: 40px;
		height: 40px;
		cursor: pointer;
		font-size: 0;
		background: url(../images/m_search.png) no-repeat 70% center;
		background-size: 20px
	}

	html.active {
		height: 100%;
		overflow: hidden
	}

	html.active body {
		height: 100%;
		overflow: hidden
	}

	html.active .header-m {
		/*left: 260px*/
	}

	html.active .header-m::after {
		display: block
	}


	html.active .header-m .m-menu-b::before,html.active .header-m .m-menu-b::after {
		background: #000
	}

	html.active .header-m .m-menu-b::before {
		-webkit-transform: translateY(0) rotate(225deg);
		transform: translateY(0) rotate(225deg)
	}

	html.active .header-m .m-menu-b::after {
		-webkit-transform: translateY(0) rotate(-225deg);
		transform: translateY(0) rotate(-225deg)
	}

	html.active .header-m .m-menu {
		display: block;
		right: 0
	}

/**/
.container{width: 96%;}
/*banner*/
.n_banner{padding-top: 65px;}
.pc_b{display: none;}
.m_b{display: block;}

/*index*/

.index_about .w80 .ab_t{width: 60%;padding:1rem 0;}
.news .details .tabsMenu li a{font-size: 14px;}
.index_news .caslist ul,.newlist ul{margin:0;}
.index_news .caslist ul li{width: 100%}
.newlist ul li{width: 50%}
/*page*/
.marketDetailContact{display: none;}
.marketDetailLeft{width: 100%}
.rightnav{display: none;}

/*feedback*/

#feedback_form .lx{width: 50%}
.mcont{    padding-top: 2rem; overflow: hidden;}
#feedback_form textarea{width: 100%;}
#feedback_form .msg{position: relative;}
#feedback_form .f4{left: 120px; top: 26px;}
#feedback_form .f2{    left: auto;}
}

@media (max-width:540px) {

/*index*/
.index_about .ab_san{width: 90%}
.index_about .ab_san li{padding: 2rem 0;}
.index_about .ab_san li .sum{font-size: 2rem;}

.index_about {background: url(../images/about.jpg) no-repeat center 85px; } 
.newlist ul li{width: 50%}
.index_yuqu .yuqulist{width: 100%}
.partern .par_num,.idwek{width: 100%;}
.partern .par_num .more{display: none;}
.partern .par_num .sum{margin-top: 30px;}
.partern .index_des{padding: 15px;}
.index_hy .hy_time .hy_tit{text-align: center;}
.index_hy .hy_time .hy_tit span{float: inherit;    margin:10px  auto 0;}



/*page*/
.site a{font-size: 12px;}
.site h3{font-size: 16px}

/*footer*/
.footnav .f_nav{width: 100%;padding: 0 0.5rem;}
.footnav .f_nav .proSide_menu a{font-size: 0.75rem;}
.footnav .f_nav .o_chid{font-size: 0.9rem;border-bottom: 1px solid #5f5f5f;    line-height: 2;}
.footnav .f_nav .proSide_menu{display: none;}


#feedback_form .lx{width: 100%}
}

@media (max-width:420px) {
.index_about .ab_san{width: 100%}
.index_about .ab_san li .sum{font-size: 1.5rem;}
.index_about .w80 .ab_t{width: 85%;padding:0;}
.index_about .w80{padding-top: 15px;}
.newlist ul li{width: 100%;}
.news .details{padding: 0 15px;}
.news .details .tabsMenu li{    padding: 18px 0.2rem;}
.news .details .tabsMenu li a{    font-size: 0.9rem;}

}
@media (max-width:400px) {
.site h3{    margin-bottom: 20px;}
.site .frame{    float: left;}
.news .details .tabsMenu li{    padding: 18px 0.3%;}

.com-3-article-panel-object{display: none;}
}