@charset "utf-8";
@import url('../fonts/iconfont.css');
body{background:#f4f4f4;font-family:'Microsoft YaHei',"微软雅黑",tahoma,arial,"Hiragino Sans GB",宋体,sans-serif}
a{font-family:'Microsoft YaHei',"微软雅黑",tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;outline:medium none;color:#333;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
a:link,a:visited{text-decoration:none}
a:hover{color:#da4343;text-decoration:none}
img,li{border:0;vertical-align:top}
.clear{clear:both;width:0;height:0;font-size:0;line-height:0}
*{margin:0;padding:0}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0;font-family:'Microsoft YaHei',"微软雅黑",tahoma,arial,"Hiragino Sans GB",宋体,sans-serif}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0;font-family:'Microsoft YaHei',"微软雅黑",tahoma,arial,"Hiragino Sans GB",宋体,sans-serif}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both}


#top_Header{background:#fff; border:none; margin:0px 0px 0px 0px;border-radius:0px;}
#top_Header>.container>.navbar-header{padding:0px;}
#top_Header>.container>.navbar-header>.navbar-brand{ height:80px;padding:0px; line-height:normal; padding-left:15px;}
#top_Header>.container>.navbar-header>.navbar-brand>img{display:block;width:100%; height:auto; margin-top:10px;}
#top_Header>.container>div{margin-left:10px; margin-right:10px;}
#top_Header>.container>div>ul>li>a{color:#333;line-height:2em; }
#top_Header>.container>div>ul>li>a>i{color:#3773ff;}
#top_Header>.container>div>ul>li>p{color:#666666; line-height:2em;padding:15px 15px;}
#top_Header>.container>div>ul>li>p>i{color:#f25153;}
#top_Header>.container>div>ul>li>a:hover{color:red;}

#top_menu{background:#fff;  border:none; border-top:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea; margin:0px;min-height:45px; height:52px; border-radius:0px; }
#top_menu>.container{height:50px;}
#top_menu>.container>div{margin-left:10px; margin-right:10px;}
#top_menu>.container>div>ul,#top_menu>.container>div{height:50px; border:none;}
#top_menu>.container>div>ul>li{border:none;}
#top_menu>.container>div>ul>li>strong{font-size:18px; cursor:pointer; font-weight:bold; line-height:50px; color:#fff;padding:0px 50px; margin-right:25px; background:#e72d1b; display:block;}
#top_menu>.container>div>ul>li>a{font-size:16px; font-weight:bold; line-height:50px; color:#333333; padding:0px 25px;}
#top_menu>.container>div>ul>li>a:hover{background:#ff6a00;color:#fff;}
#top_menu>.container>div>ul>li>a.active{background:#ff6a00; color:#fff;}

.topsearchbtn{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}
.topsearchbtn:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#2098d1;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.topsearchbtn:active:before,.topsearchbtn:focus:before,.topsearchbtn:hover:before{right:0}


#top_menu>.container>div>ul>li>.submenu{position:absolute; width:400px; display:none;z-index:9999; background:#fff; padding:10px; border:solid 1px #dddddd;}
#top_menu>.container>div>ul>li>.submenu>dl{display:block;overflow: hidden; border-bottom: 1px solid #D1D1D1; padding: 10px 0;}
#top_menu>.container>div>ul>li>.submenu>dl>dt{ float: left; height: 22px; line-height: 22px; margin-right: 10px; font-weight: bold; color: #707070; font-size: 12px; cursor: pointer; }
#top_menu>.container>div>ul>li>.submenu>dl>dd>a { display: block; float: left; border-left: 1px solid #707070; padding: 0 5px; color: #707070; height: 14px; line-height: 14px; margin: 3px 0; font-size: 11px; }

#top_search{margin-top:8px;border:none;box-shadow:none;padding-right:0px;}
#top_search input{border-radius:0px;box-shadow:none;border-color:#eaeaea; font-size:12px; color:#666666}
#top_search button{border-radius:0px;  box-shadow:none; background:#e72d1b; color:#fff; border-color:#ff6a00;}

@media(max-width:960px) {
#top_Header>.container>div>ul{margin-right:0px; margin-top:15px;}
#top_Header>.container>div>ul>li>a{padding:10px 5px;}
#top_menu>.container>div>ul>li>strong{font-size:16px; padding:0px 20px;}
#top_menu>.container>div>ul>li>a{font-size:14px;padding:0px 10px;}
}
@media(max-width:760px) {

#top_Header{ margin:0px 0px 0px 0px; min-height:60px;}
#top_Header>.container>.navbar-header{display:inline-block;float:left!important;margin-left:-5px;}
#top_Header>.container>.navbar-header>.navbar-brand{ height:60px; width:auto;}
#top_Header>.container>.navbar-header>.navbar-brand>img{ max-height:40px; width:auto!important}

#top_Header>.container>div{display:inline-block;float:right!important; padding-right:50px;}
#top_Header>.container>div>ul{display:block;  margin:5px 0px 0px 0px;}
#top_Header>.container>div>ul>li{display:inline-block; margin-left:15px;}
#top_Header>.container>div>ul>li>a{padding:5px 0px; font-size:12px; text-align:center;}
#top_Header>.container>div>ul>li>a>i{display:block;font-size:28px;}

#top_menu>.container>div>ul{margin:0px;display:inline-block;float:left!important; }
#top_menu>.container>div>ul>li{display:inline-block; }
#top_menu>.container>div>ul>li.navli{display:none;}
#top_menu>.container>div>ul>li>strong{font-size:12px; padding:0px 15px;margin-right:15px;}
#top_menu>.container>div>ul>li>a{font-size:12px;padding:0px 10px;}
#top_menu>.container>div>ul>li>.submenu{width:385px;}
#top_search{display:inline-block; max-width:240px;float:right!important; margin:0px!important; padding:8px 0px;border:none;box-shadow:none; }
}

#wrapper{-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;padding-left:0;transition:all .5s ease}
#wrapper.toggled{padding-left:220px}
#wrapper.toggled #sidebar-wrapper{width:220px}
#wrapper.toggled #page-content-wrapper{margin-right:-220px;position:absolute}
#sidebar-wrapper{-moz-transition:all .5s ease;-o-transition:all .5s ease;-webkit-transition:all .5s ease;background:#1a1a1a;height:100%;left:220px;margin-left:-220px;overflow-x:hidden;overflow-y:auto;transition:all .5s ease;width:0;z-index:1000}
#sidebar-wrapper::-webkit-scrollbar{display:none}
#page-content-wrapper{padding-top:70px;width:100%}
.sidebar-nav{list-style:none;margin:0;padding:0;position:absolute;top:0;width:220px}
.sidebar-nav li{display:inline-block;line-height:20px;position:relative;width:100%}
.sidebar-nav li:before{background-color:#ffbb00;content:'';height:100%;left:0;position:absolute;top:0;-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:3px;z-index:-1}
.sidebar-nav li:first-child a{color:#fff;}
.sidebar-nav li:nth-child(2):before{background-color:#ffbb00}
.sidebar-nav li:nth-child(3):before{background-color:#ffbb00}
.sidebar-nav li:nth-child(4):before{background-color:#ffbb00}
.sidebar-nav li:nth-child(5):before{background-color:#ffbb00}
.sidebar-nav li:nth-child(6):before{background-color:#ffbb00}
.sidebar-nav li:nth-child(7):before{background-color:#ffbb00}
.sidebar-nav li:nth-child(8):before{background-color:#ffbb00}
.sidebar-nav li:nth-child(9):before{background-color:#ffbb00}
.sidebar-nav li:hover:before{-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:100%}
.sidebar-nav li a{color:#ddd;display:block;padding:10px 15px 10px 30px;text-decoration:none;text-transform:uppercase;font-size:16px;}
.sidebar-nav li.open:hover before{-webkit-transition:width .2s ease-in;transition:width .2s ease-in;width:100%}
.sidebar-nav .dropdown-menu{background-color:#222;border-radius:0;border:none;box-shadow:none;margin:0;padding:0;position:relative;width:100%; display:block;}
.sidebar-nav .dropdown-menu li a{ padding-left:40px; font-size:14px;}
.sidebar-nav li a:active,.sidebar-nav li a:focus,.sidebar-nav li a:hover,.sidebar-nav li.open a:active,.sidebar-nav li.open a:focus,.sidebar-nav li.open a:hover{background-color:#ffbb00;color:#fff;text-decoration:none}
.sidebar-nav>.sidebar-brand{font-size:35px;height:85px;line-height:85px; text-align:center; background:#fff;}
.sidebar-nav>.sidebar-brand a{padding:0px;}
.sidebar-nav>.sidebar-brand img{ height:100%; width:auto; max-height:80px; }
.sidebar-nav>.sidebar-brand:before{background-color:transparent}
.sidebar-nav>.sidebar-brand a:hover{background-color:transparent!important}


.hamburger{ position:absolute; top:20px; right:15px; height:27px;width:21px;z-index:999; background:none; border:none;}
.hamburger:hover{outline:0}
.hamburger:focus{outline:0}
.hamburger:active{outline:0}
.hamburger.is-closed:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#fff;content:'';display:block;font-size:14px;line-height:27px;opacity:0;text-align:center;width:100px}
.hamburger.is-closed:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1}
.hamburger.is-closed .hamb-top{-webkit-transition:all .35s ease-in-out;background-color:#171717;top:5px}
.hamburger.is-closed .hamb-middle{background-color:#171717;margin-top:-2px;top:50%}
.hamburger.is-closed .hamb-bottom{-webkit-transition:all .35s ease-in-out;background-color:#171717;bottom:5px}
.hamburger.is-closed .hamb-bottom,.hamburger.is-closed .hamb-middle,.hamburger.is-closed .hamb-top,.hamburger.is-open .hamb-bottom,.hamburger.is-open .hamb-middle,.hamburger.is-open .hamb-top{height:2px;left:0;position:absolute;width:100%}
.hamburger.is-open .hamb-top{-webkit-transform:rotate(45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#000;margin-top:-2px;top:50%}
.hamburger.is-open .hamb-middle{background-color:#ddd;display:none}
.hamburger.is-open .hamb-bottom{-webkit-transform:rotate(-45deg);-webkit-transition:-webkit-transform .2s cubic-bezier(.73,1,.28,.08);background-color:#000;margin-top:-2px;top:50%}
.hamburger.is-open:before{-webkit-transform:translate3d(0,0,0);-webkit-transition:all .35s ease-in-out;color:#fff;content:'';display:block;font-size:14px;line-height:32px;opacity:0;text-align:center;width:100px}
.hamburger.is-open:hover before{-webkit-transform:translate3d(-100px,0,0);-webkit-transition:all .35s ease-in-out;display:block;opacity:1}
.overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:10}


#nbfarme{ margin-top:20px;}


.swiper-bar a{display:block; width:100%; height:600px; background-position:center center; background-repeat:no-repeat; background-size:auto 100%;}
.swiper-bar .swiper-pagination-bullet{width:15px; height:15px;}
@media(max-width:760px) 
{
.swiper-bar a{ height:160px; background-position:center center; background-repeat:no-repeat; background-size:auto 100%;}
}
.swiper-nbar a{display:block; width:100%; height:300px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.swiper-nbar .swiper-pagination-bullet{width:15px; height:15px;}
@media(max-width:760px) 
{
.swiper-nbar a{ height:140px;  background-position:center center; background-repeat:no-repeat; background-size:auto 100%;}
.sidebar-nav>.sidebar-brand img{ height:auto; width:90%; max-height:80px;margin:25px 10px 0px 10px;}
}



.tfarme{background:#f4f4f4;padding-top:15px; padding-bottom:15px; }
.tfarme .container{width:95%;}
#top_Header .container{width:95%;}
#top_menu .container{width:95%;}
#nbfarme .container{width:95%;}
#singpagePage .container{width:95%;}
@media(max-width:760px) 
{
#tframe1 .advertising2{margin-top:15px;}
}

#tframe1 img{width:100%!important; height:auto;}


.coHotList{background:#fff;margin-left:10px; margin-right:10px; padding:0px 10px;}
.coHotList .title{margin-top:15px; margin-bottom:15px;}
.coHotList .title h3 {font-size:22px; color:#333333; margin-bottom:10px;}
.coHotList .title h3 span{font-size:14px; line-height:2em; color:#666666; margin-left:15px;}
.coHotList .title h3 a{font-size:14px; line-height:2em;color:#999999;}
.coHotList .title h3 a:hover{color:#ff6a00;}
@media(min-width:1px) and (max-width:959px) 
{
    .coHotList .title h3 span{display:none;}
}
@media(min-width:960px) 
{
.coHotList .ilist{ width:20%!important;}
}
.coHotList .list .thumbnail{padding:0px; border-radius:0px; border-color:#eaeaea;}
.coHotList .list .thumbnail img{width:100%; height:auto; transition: all .3s cubic-bezier(0.8, 0, 0.2, 1); -webkit-transition: all .3s cubic-bezier(0.8, 0, 0.2, 1);}

.coHotList .list .thumbnail{-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;overflow:hidden}
.coHotList .list .thumbnail:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#f09c15;height:5px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.coHotList .list .thumbnail:active:before,.coHotList .list .thumbnail:focus:before,.coHotList .list .thumbnail:hover:before{right:0}

.mouseover-1{position:relative;background:#000;display:block;overflow:hidden;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.mouseover-1 img{display:block;width:100%;height:auto;transition:all .3s cubic-bezier(.8,0,.2,1);-webkit-transition:all .3s cubic-bezier(.8,0,.2,1)}
.mouseover-1 img:nth-child(1){opacity:.7}
.mouseover-1 img:nth-child(2){position:absolute;left:0;top:0}
.mouseover-1:hover img:nth-child(1){transform:scale(1.2);-webkit-transform:scale(1.2)}
.mouseover-1:hover img:nth-child(2){transform:scale(.9);-webkit-transform:scale(.9)}


.coHotList .list .thumbnail .tubiao{position:absolute;top:20px; right:20px;z-index:9; width:40px; height:40px;border-radius:50%;}
.coHotList .list .thumbnail .tubiao img{width:100%; height:auto!important;border-radius:50%;}

.coHotList .list .thumbnail .caption h4{color:#666666; font-size:12px; font-weight:normal; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.coHotList .list .thumbnail .caption b{color:#2479b2; font-size:12px; font-weight:normal; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:2em;}
.coHotList .list .thumbnail .caption p{ margin-top:10px;color:#999999; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}

#tframe3 img{width:100%!important; height:auto;}



#tframe4 .coHotList .col-md-3{width:20%;}
#tframe4 .coHotList .thumbnail img{height:331px;}
#tframe5 .iServer{background:#fff;margin-left:10px; margin-right:10px; padding:20px 10px;}
#tframe5 .iServer .col-md-2{width:20%;}
#tframe5 .iServer p{display:block; margin-top:15px; border-radius:10px; height:50px; width:50px; text-align:center; background:#ffbb00; margin-left:0px;}
#tframe5 .iServer p i{ font-size:35px; line-height:50px; color:#fff; }
#tframe5 .iServer a.a1{display:block; font-size:14px; line-height:2em; margin-top:5px; margin-bottom:5px;}
#tframe5 .iServer ul li a{display:block;font-size:12px; color:#666666;}
@media(max-width:960px) 
{
#tframe4 .coHotList .col-md-3{width:33.33333%;}
#tframe5 .iServer .col-md-2{width:33.33333%;}
}
@media(max-width:760px) 
{
#tframe4 .coHotList .col-md-3{width:50%;}
#tframe4 .coHotList .thumbnail img{height:145px;}
#tframe5 .iServer .col-md-2{width:50%;}
}

#footer{background:#eaeaea; margin-top:0; padding-top:25px; padding-bottom:25px; text-align:center;}
#footer .fck1 div{ text-align:center; padding:0px;}
#footer .fck1 img{ padding:10px; width:100%; height:auto; background:#fff;}
#footer .fck1 span{display:block; line-height:2em; color:#ff6a00;font-size:16px;}
#footer .fck dl{display:block;overflow: hidden; padding: 14px 0;}
#footer .fck dl dt{ float: left; height: 22px; line-height: 22px; margin-right: 10px; font-weight: bold; color: #707070; font-size: 14px; cursor: pointer; }
#footer .fck dl dd a { display: block; float: left; border-left: 1px solid #707070; padding: 0 5px; color: #707070; height: 14px; line-height: 14px; margin: 3px 0; font-size: 14px; }
#footer .fck dl:last-child{border-bottom:none;}

.bycopy em{display:block;height:1px; background:#D1D1D1; margin-top:25px;}
.bycopy p{display:block; margin-top:25px; font-size:12px;color:#666666;}

#hdhbright ul li:first-child{margin-bottom:10px;}
#hdhbright ul li img{max-height:145px; width:100%;}

.hdImage{display:block; height:220px; width:100%; background-size:100% auto; background-repeat:no-repeat; background-position:center top;}
@media(min-width: 992px)
{
#footer .fck1{width:12.5%;}
}
@media(max-width:760px) 
{
    .hdImage{height:150px;}
}

#back-top{position:fixed;bottom:30px;right:10px;z-index:9999;}
#back-top a{width:50px;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;-webkit-transition:1s;-moz-transition:1s;transition:1s}
#back-top a:hover{color:#000}
#back-top span{width:50px;height:50px;display:block;margin-bottom:7px;background:#ddd url(../images/1317.png) no-repeat center center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-transition:1s;-moz-transition:1s;transition:1s}
#back-top a:hover span{background-color:#777}

#ntframe .CateList>.submenu{z-index:9999; background:#fff; padding:10px; border:solid 1px #dddddd;}
#ntframe .CateList>.submenu>dl{display:block;overflow: hidden; border-bottom: 1px solid #D1D1D1; padding: 10px 0;}
#ntframe .CateList>.submenu>dl>dt{ float: left; height: 22px; line-height: 22px; margin-right: 10px; background:#f1f5ff; font-weight: normal; border-right: 1px solid #D1D1D1;color: #999999; font-size: 14px; cursor: pointer;width:80px;text-align:center;}
#ntframe .CateList>.submenu>dl>dt a{color:#999;}
#ntframe .CateList>.submenu>dl>dd{overflow:hidden;}
#ntframe .CateList>.submenu>dl>dd>a { display: block; float: left;  padding: 0 10px; color: #666666; height: 22px; line-height: 22px; margin: 3px 0; font-size: 14px; }
#ntframe .CateList>.submenu>dl>dd>a:hover{color:#ff6a00;}
@media(max-width:760px) {
#ntframe .CateList>.submenu>dl>dt{float:none!important; display:block; width:100%; text-align:left;}
}

#singpagePage{}
#singpagePage article{background-color:#fff;padding:15px 35px;margin:0 10px;}
#singpagePage article .title h2{margin:10px 0 25px;text-align:center;}
article img{max-width:100%;}
.companylist .thumbnail{overflow:hidden;}
.companylist .thumbnail .img{width:170px;height:170px;float:left;}
.companylist .thumbnail .caption{width:calc(100% - 170px);float:right;padding:15px;}
.companylist .thumbnail .caption p{font-size:12px;}
.companylist .thumbnail .caption p span{display:inline-block;padding-right:12px;position:relative;}
.companylist .thumbnail .caption p span:not(:last-child):before{content:"";width:2px;height:14px;background-color:#ddd;position:absolute;top:4px;right:5px;}
.companylist .coHotList .list .thumbnail .caption h4{font-size:12px; font-weight:normal;}
.companylist .thumbnail .caption .tag{margin-top:15px;white-space:nowrap;}
.companylist .thumbnail .caption .tag>span{display:inline-block;height:26px;line-height:26px;padding:0 8px;background-color:#eee;margin-right:10px;font-size:12px;color:#596789;}


@media(max-width:760px) 
{
  #singpagePage article{padding:15px 15px;margin:0 0px;}
  .companylist .thumbnail .img{width:130px; height:130px;}
  .companylist .thumbnail .caption{width:calc(100% - 130px); padding:10px;}
  .companylist .coHotList .list .thumbnail .caption h4{font-size:14px;font-weight:400;}
  .coHotList .list .thumbnail .caption p{margin-top:5px;}
 
}

#CompanyDetail .companyimg{position:relative;}
#CompanyDetail .companyimg img{width:100%;}
#CompanyDetail .companyimg .strlogo{position:absolute; height:80px; top:10px; right:10px;border:solid 1px #eaeaea;}
#CompanyDetail .companyimg .strlogo img{width:auto; height:100%;}
#CompanyDetail .basicinfo{margin-top:10px;}
#CompanyDetail .basicinfo h2{font-size:16px;line-height:24px;padding:8px 20px;display:inline-block;border-bottom:2px solid #3773ff;}
#CompanyDetail .basicinfo article{background-color:#fff;padding:30px 20px;}
#CompanyDetail .basicinfo article h1{height:30px;line-height:30px;font-size:24px;}

#CompanyDetail .basicinfo article p{margin-top:10px;}
#CompanyDetail .basicinfo article p span{display:inline-block;padding-right:12px;position:relative;}
#CompanyDetail .basicinfo article p span:not(:last-child):before{content:"";width:2px;height:14px;background-color:#ddd;position:absolute;top:4px;right:5px;}
#CompanyDetail .basicinfo article .tag{margin-top:15px;}
#CompanyDetail .basicinfo article .tag>span{display:inline-block;height:26px;line-height:26px;padding:0 8px;background-color:#eee;margin-right:10px;font-size:12px;}
#CompanyDetail .basicinfo article .tag>span:first-child{background:#4285c4;color:#fff;}
#CompanyDetail .basicinfo article .tag>span:nth-child(2){background:#6255ce;color:#fff;}
#CompanyDetail .basicinfo article .tag>span:nth-child(3){background:#446cc9;color:#fff;}
#CompanyDetail .basicinfo article .tag>span:nth-child(4){background:#3773ff;color:#fff;}

#CompanyDetail .details{background-color:#fff;margin-top:25px;overflow:hidden;}
#CompanyDetail .p_tab{display:block;width:100%;border-bottom:2px solid #dcdcdc;overflow:hidden;}
#CompanyDetail .p_tab>li{float:left}
#CompanyDetail .p_tab>li>a{display:inline-block;padding:10px 25px;width:100%;color:#666;font-size:16px;transition:none;position:relative;}
#CompanyDetail .p_tab>li.active a{color:#3773ff;}
#CompanyDetail .p_tab>li.active a:before{content:"";width:100%;height:2px;background-color:#3773ff;position:absolute;bottom:0px;left:0;}
#CompanyDetail .tab-pane{padding:20px; line-height:2em;}
#CompanyDetail .tab-pane iframe{display:block; width:100%; margin-top:20px;height:450px; border:none;}
#CompanyDetail .coHotList{margin:25px 0 0;}

#CompanyDetail .basicinfo table.table{ margin-top:15px;}
#CompanyDetail .basicinfo table.table tr td{line-height:2em!important;vertical-align:middle;border: 1px solid #f1f5ff; color:#666666;}
#CompanyDetail .basicinfo table.table tr td:first-child{background:#f9fbff;}
#CompanyDetail .basicinfo table.table tr:last-child td a{color:#fff;font-weight:bold; background:#e1a858; padding:5px 15px; display:inline-block; margin-right:15px;}

#CompanyDetail .right{position:sticky;top:10px;background-color:#f7faff;padding:20px;}
#CompanyDetail .right h3{margin-bottom:8px;font-size:20px;}
#CompanyDetail .right p{margin-bottom:10px;}
#CompanyDetail .right .contacts{display:flex;margin-bottom:15px;justify-content:space-between;}
#CompanyDetail .right .contacts a{width:48%;}
#CompanyDetail .right .contacts a>img{width:100%;}
#CompanyDetail .right .input-field{margin-bottom:15px;}
#CompanyDetail .right .input-field input{width:100%;border:1px solid #eee;height:36px;line-height:36px;outline:none;padding:0 12px;}
#CompanyDetail .right .input-field textarea{width:100%;border:1px solid #eee;height:72px;line-height:24px;outline:none;padding:5px 12px;resize:none;}
#CompanyDetail .right .input-btn{display:block;width:100%;background-color:#3773ff;color:#fff;padding:10px 15px;text-align:center;font-size:16px;line-height:24px;}

/*新闻资讯*/
#top_hotNews{background:#fff; margin:0px 0px; padding:15px 5px;border:solid 1px #dddddd;}
#hdhbnew ul li h3{font-size:22px; color:#333333;}
#hdhbnew ul li em{display:block;height:1px;background:#dddddd; margin:15px 0px;}
#hdhbnew ul li a{display:block;font-size:14px; line-height:2em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
#hdhbnew ul li a span{font-weight:bold; margin-right:10px;}


.NewHotList{background:#fff; padding:0px 10px; margin-left:10px; margin-right:10px; border:none;}
.NewHotList8{background:#fff; margin-left:0px; margin-right:0px; }
.NewHotList .title{margin-top:15px;}
.NewHotList .title ul li{padding-right:35px;}
.NewHotList .title ul li:last-child{padding-right:0px;}
.NewHotList .title ul li a{font-size:18px; color:#333333; line-height:2em;}
.NewHotList .title ul li a.more{font-size:14px; color:#999999; line-height:3em;}
.NewHotList .title em{display:block;height:1px;background:#dddddd; margin:15px 0px;}
.NewHotList .newlist .thumbnail{border-radius:0px;display:block; padding:10px;}
.NewHotList .newlist .thumbnail .date{background:#D1D1D1;display:inline-block; width:70px; height:70px; vertical-align:top;}
.NewHotList .newlist .thumbnail .date b{font-size:24px; display:block;text-align:center;color:#fff;}
.NewHotList .newlist .thumbnail .date span{font-size:14px; display:block;text-align:center;color:#fff;}
.NewHotList .newlist .thumbnail .caption{display:inline-block; margin-top:-10px; width:calc(100% - 80px)!important; padding-bottom:0px;}
.NewHotList .newlist .thumbnail .caption a{display:block; font-size:14px;color:#333333;font-weight:bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.NewHotList .newlist .thumbnail .caption p{display:block; font-size:12px;color:#999999; margin-top:5px; line-height:1.5em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.NewHotList .newlist .thumbnail .images{background:#D1D1D1;display:inline-block; width:70px; height:70px; vertical-align:top;}
.NewHotList .newlist .thumbnail .images img{width:100%; height:auto;}
.NewList_ad img{ max-width:582px;width:100%;  max-height:420px;}


/*新闻分类列表*/
.Cate_news_List{background:#fff; padding:0px 10px;border:solid 1px #ddd;}
.Cate_news_List .title{margin-top:15px; margin-bottom:15px;}
.Cate_news_List .title ul li{padding-right:35px;}
.Cate_news_List .title ul li:last-child{padding-right:0px;}
.Cate_news_List .title ul li strong{font-size:18px; color:#333333; line-height:2em;}
.Cate_news_List .title ul li a.more{font-size:14px; color:#999999; line-height:3em;}
.Cate_news_List .title em{display:block;height:1px;background:#dddddd; margin:15px 0px;}

.Cate_news_List .newlist .thumbnail {border:0px; border-radius:0px; padding:0px;display:block;}
.Cate_news_List .newlist .thumbnail .media{border-bottom:dashed 1px #eaeaea; padding-bottom:20px;}
.Cate_news_List .newlist .thumbnail .media-body{ margin-top:-10px; width:calc(100% - 130px)!important; padding-bottom:0px;}
.Cate_news_List .newlist .thumbnail .media-body a{display:block; font-size:16px;color:#333333;font-weight:bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.Cate_news_List .newlist .thumbnail .media-body p{display:block; font-size:14px;color:#999999; margin-top:5px; line-height:2em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.Cate_news_List .newlist .thumbnail .media-body a.btn{width:100px; text-align:center ; font-weight:normal; font-size:12px; color:#999999;}

.hotchicknew{background:#fff; padding:15px;border:solid 1px #ddd;}
.hotchicknew ul li h3{font-size:18px; color:#333333;}
.hotchicknew ul li em{display:block;height:1px;background:#dddddd; margin:15px 0px;}
.hotchicknew ul li a{display:block;font-size:16px; line-height:2em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.hotchicknew ul li a span{font-weight:bold; margin-right:10px;line-height:2em;}
.hotchicknew2 ul li a span{display:inline-block; font-weight:normal;color:#fff; height:20px; width:20px; text-align:center;line-height:20px; background:#999999;}
.hotchicknew2 ul li:nth-child(2) a span{background:#ffbb00;}
.hotchicknew2 ul li:nth-child(3) a span{background:#ffbb00;}
.hotchicknew2 ul li:nth-child(4) a span{background:#ffbb00;}

.CateList_ad{ margin-bottom:20px; margin-top:20px;}
.CateList_ad img{ height:auto; width:100%;}

#Catetframe{padding-bottom:0px;}
.CateNewList{ background:#fff; padding:15px;}
.CateNewList ul li a{font-size:16px; line-height:2em;}

/*新闻详情*/
.newdetail .panel{border-radius:0px; border:none;}
.newdetail .panel .panel-heading{background:none; text-align:center;}
.newdetail .panel .panel-heading h3{font-size:24px; color:#ff6a00; margin-bottom:15px;}
.newdetail .panel .panel-heading span{font-size:14px;color:#999999; margin-right:20px;}
.newdetail .panel .panel-body{font-size:16px; line-height:2em; padding:15px 0px;}
.newdetail .panel .panel-body img{max-width:100%; height:auto;}
.newdetail .panel .panel-footer{background:none; padding:15px 0px;}

.newdetail_xglist{background:#fff; padding:0px 10px;border:solid 1px #ddd; margin-top:20px;}
.newdetail_xglist .title{margin-top:15px; }
.newdetail_xglist .title ul li{padding-right:35px;}
.newdetail_xglist .title ul li strong{font-size:18px; color:#333333; line-height:2em;}
.newdetail_xglist .title em{display:block;height:1px;background:#dddddd; margin:15px 0px;}
.newdetail_xglist ul.xglist{ margin-bottom:20px;}
.newdetail_xglist ul.xglist li{display:inline-block; width:49.5%;overflow: hidden;}
.newdetail_xglist ul.xglist li a{font-size:14px; line-height:2em;display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.newdetail_xglist ul.xglist li a span{font-weight:bold; margin-right:10px;line-height:2em;}

/*注册界面*/
#rframe{padding:60px 0;}
#rframe .title{margin-bottom:40px;}
#rframe .register .form-control{border-radius:0;height:40px;border-color:#ddd;}
#rframe .register .control-label{padding-top:10px;}
#rframe .register .text-red{color:#ff6a00;}
#rframe .register .btn{width:150px; margin:0 auto;}
#rframe .register .btn-red{background-color:#ff6a00;border-color:#ff6a00;color:#fff;height:40px;font-size:16px;margin-top:0px;}
#rframe .register .btn-red:hover{opacity:0.8;}
#rframe .register #yzm{width:73%;vertical-align:top;float:left;}
#rframe .register .getcode{width:24%;height:40px;border:1px solid #ff6a00;text-align:center;line-height:40px;box-sizing:border-box;background-color:#ff6a00;color:#ffffff;cursor:pointer;float:right;}
#rframe .register .getcode:hover{background-color:#ffffff;color:#ff6a00;}
#rframe .regsuccess{padding:100px 0;overflow:hidden;}
#rframe .regsuccess h1 i{margin-right:10px;color:#4fc733;}
#rframe .regsuccess .btn{margin:0 10px;padding:8px 20px;}
#rframe .regsuccess .btn-primary{background-color:#ff6a00;border-color:#ff6a00;}
#rframe .regsuccess .btn-primary:hover{opacity:0.8;}
@media screen and (min-width:1px ) and (max-width:767px) {
    #rframe{padding:30px 0;}
    #rframe .title{margin-bottom:20px;}
    #rframe .title h1{font-size:24px;}
    #hdhbnew{margin-top:10px;}
.NewHotList .title ul li a{ font-size:16px;}
}



#izhibo{background:url(../images/izhibobg.jpg) no-repeat center center fixed; background-size:cover; text-align:left;padding:0px;}
#izhibo .bg{background:rgba(0,0,0,0.7); height:400px;  margin:0px; padding:0px 15px; }
#izhibo .row h2{ font-size:40px; color:#fff; margin-top:80px; }
#izhibo .row h3{ font-size:25px; color:#fff;}
#izhibo .row p{display:block;max-width:60%; font-size:18px;color:#ffffff; line-height:2em;text-align:left; margin-left:0px; margin:15px 0px 25px 0px;}
#izhibo .row p span{ font-size:20px;color:#ff3f52; line-height:2em;}
#izhibo .row ul.list-inline{ margin-top:20px;}
#izhibo .row ul.list-inline li span{ font-size:34px; color:#ff3f52;}
#izhibo .row ul.list-inline li i{ font-size:34px; color:#ff3f52;}

.button{margin:10px;text-decoration:none;display:inline-block;font-size:18px; margin-top:15px; text-align:center;color:#fff;border:1px solid #9c9c9c;border:1px solid rgba(0,0,0,.3);text-shadow:0 1px 0 rgba(0,0,0,.4);box-shadow:0 0 .05em rgba(0,0,0,.4);-moz-box-shadow:0 0 .05em rgba(0,0,0,.4);-webkit-box-shadow:0 0 .05em rgba(0,0,0,.4)}
.button,.button span{-moz-border-radius:.3em;border-radius:.3em}
.button span{border-top:1px solid #fff;border-top:1px solid rgba(255,255,255,.5);display:block;padding:.5em 2.5em;background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(.25,rgba(0,0,0,.05)),color-stop(.25,transparent),to(transparent)),-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(0,0,0,.05)),color-stop(.25,transparent),to(transparent)),-webkit-gradient(linear,0 0,100% 100%,color-stop(.75,transparent),color-stop(.75,rgba(0,0,0,.05))),-webkit-gradient(linear,0 100%,100% 0,color-stop(.75,transparent),color-stop(.75,rgba(0,0,0,.05)));background-image:-moz-linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent),-moz-linear-gradient(-45deg,rgba(0,0,0,.05) 25%,transparent 25%,transparent),-moz-linear-gradient(45deg,transparent 75%,rgba(0,0,0,.05) 75%),-moz-linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.05) 75%);-moz-background-size:3px 3px;-webkit-background-size:3px 3px;background-size:3px 3px}
.button:hover{box-shadow:0 0 .1em rgba(0,0,0,.4);-moz-box-shadow:0 0 .1em rgba(0,0,0,.4);-webkit-box-shadow:0 0 .1em rgba(0,0,0,.4)}
.button:active{position:relative;top:1px}
.button-orange{background:#ff3f52;background:-webkit-gradient(linear,left top,left bottom,from(#cf2e41),to(#ff3f52));background:-moz-linear-gradient(-90deg,#cf2e41,#ff3f52)}
.button-orange:hover{background:#cf2e41;color:#fff; background:-webkit-gradient(linear,left top,left bottom,from(#ff3f52),to(#cf2e41));background:-moz-linear-gradient(-90deg,#ff3f52,#cf2e41)}
.button-orange:active{background:#ff3f52}


.workshopImg{display:block; margin-top:25px;}
.workshopImg ul li{width:20%;}
.workshopImg ul li img{width:100%; height:auto;}


@media(min-width:1px) and (max-width:959px) 
{
#izhibo .row h2{ font-size:24px; margin-top:45px; text-align:left; }
#izhibo .row h3{ font-size:14px; }
#izhibo .row p{max-width:100%;font-size:14px;}
#izhibo .row p span{font-size:16px;}
#izhibo .bg{height:auto; padding-bottom:45px;}
#izhibo .row ul.list-inline{text-align:left;}
#izhibo .row ul.list-inline li span{ font-size:16px; color:#ff3f52;}
#izhibo .row ul.list-inline li i{ font-size:16px; color:#ff3f52;}

.tfarme .container{padding:0px; margin:0px;width:100%;}
.NewHotList,.coHotList{padding:0PX;}
.companylist .thumbnail .caption .tag{display:none}
 .coHotList .list .thumbnail .caption p:nth-child(4){white-space: normal;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
 .fck1{width:50%;}

 .saixuan{display:block;}
  .saixuan a{display:block; background:#fff; border:solid 1px #eaeaea; padding:10px;}
 .proCateList{display:none;}
 #CompanyDetail .basicinfo article{padding:10px 5px;}
   #CompanyDetail .basicinfo table.table{width:100%;}
 .tableMOB{display:table;}
 .tablePC{display:none;}
 #CompanyDetail .companyimg .strlogo{width:100px; height:auto;}
 #CompanyDetail .companyimg .strlogo img{width:100px; height:auto;}
 .coHotList .list:nth-child(2n){clear:both;}
 .Cate_news_List .newlist .thumbnail .media-body{display:inline-block;vertical-align:middle;}
 .Cate_news_List .newlist .thumbnail .media-left{display:inline-block;vertical-align:middle;}
 .Cate_news_List .newlist .thumbnail .media-right{display:inline-block; vertical-align:middle;}
 .Cate_news_List .newlist .thumbnail .media-body a{font-size:14px;}
 .Cate_news_List .newlist .thumbnail .media-body p{font-size:12px;}
 .Cate_news_List .newlist .thumbnail .media-body a.btn{ margin-top:15px;}
 .hotchicknew ul li a{font-size:14px;}
}
@media(min-width:960px)  {
 .saixuan{display:none;}
 .proCateList{display:block;}
 .tableMOB{display:none;}
 .tablePC{display:table;}
 #youshi{width:calc(95% - 20px);}
 #izhibo{width:calc(95% - 20px);}
 #cxmsyoushi{width:calc(95% - 20px);}
#qptzhic{width:calc(95% - 20px);}
}


#youshi{background:#fff; padding-top:35px; padding-bottom:55px;}
#youshi .title h2{ font-weight:bold;letter-spacing: 8px; font-size:40px;}
#youshi .title h4{font-size:22px;color:#666666;letter-spacing: 8px; line-height:3em;}
.yspck{text-align:center; margin-top:25px;}
.yspck h4{text-align:center;display:block; font-size:20px;font-weight:bold; color:#333;line-height:2em;}
.yspck p{text-align:center;display:block; max-width:160px; font-size:14px; color:#666; margin-top:15px; line-height:1.2em; }
.youshiMore{ margin-top:25px; display:none;}
#cxms{ padding-bottom:0px;}
#cxms img{ width:100%;}
#qptzhic{background:#fff; margin-top:15px;}
#qptzhic img{ width:100%;}

#cxmsyoushi{background:#fff; padding-top:35px; padding-bottom:55px;}
#cxmsyoushi .title h2{ font-weight:bold;letter-spacing: 8px; font-size:40px;}
#cxmsyoushi .title h4{font-size:22px;color:#666666;letter-spacing: 8px; line-height:3em;}
#cxmsyoushi .yspck{text-align:center; margin-top:25px;}
#cxmsyoushi .yspck h4{text-align:center;display:block; font-size:20px;font-weight:bold; color:#333;line-height:2em;}
#cxmsyoushi .yspck p{text-align:center;display:block; max-width:260px; font-size:14px; color:#666; margin-top:15px; line-height:1.2em; }