@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{display:block; height:100px;padding:10px 0; line-height:normal; padding-left:15px;}
#top_Header>.container>.navbar-header>.navbar-brand>img{display:block;width:auto; height:100%; }
#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;}
#topLogin{ margin-top:15px;}

#top_menu{background:#fff;  border:none; 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; width:100%;}
#top_menu>.container>div>ul>li{border:none;}
#top_menu>.container>div>ul>li:first-child{width:30%; max-width:200px; background:#ffd368; margin-right:20px; border-radius:5px 5px 0px 0px;}
#top_menu>.container>div>ul>li>strong{ width:100%; font-size:18px; cursor:pointer; font-weight:bold; line-height:50px; color:#fff;padding:0px 50px;display:block;}
#top_menu>.container>div>ul>li>a{font-size:16px; font-weight:bold; line-height:50px; color:#333; padding:0px 25px;}
#top_menu>.container>div>ul>li>a:hover{background:#ffd368;color:#fff; border-radius:5px 5px 0px 0px;}
#top_menu>.container>div>ul>li>a.active{background:#ffd368; color:#fff; border-radius:5px 5px 0px 0px;}

#top_menu>.container>div>ul>li:last-child{min-width:300px;}

.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:200px; top:50px; display:none;z-index:9999; background:#fff; padding:10px; border:solid 1px #dddddd;border-top:none;}
#top_menu>.container>div>ul>li>.submenu>dl{display:block;overflow: hidden; border-bottom: 1px solid #D1D1D1; padding: 5px 0;}
#top_menu>.container>div>ul>li>.submenu>dl>dt{ float: left; height: 22px; line-height: 22px; margin-right: 10px; font-weight: normal; color: #707070; font-size: 14px; 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: 14px; }


.Isubmenu{position:relative; width:100%; display:block;z-index:99;  padding:0px; }
.Isubmenu .d3{ margin-left: 50px; display:block; margin-top:-10px; width: 0;  height: 0; border-width: 20px; border-style: solid; border-color: transparent #ffffff transparent transparent; transform: rotate(90deg); /*顺时针旋转90°*/}
.Isubmenu>dl{display:block; overflow: hidden;background:#fff; padding:0px 15px;}
.Isubmenu>dl>dd{ padding:8px;border-bottom:dashed 1px #e5e5e5;}
.Isubmenu>dl>dd>a{ display: block; color: #606060;  font-size: 16px; line-height:2em; font-weight:bold;}
.Isubmenu>dl:last-child{border:none; padding-bottom:30px;}

#top_search.navbar-form .input-group{width:100%!important;}
#top_search{margin-top:8px; width:100%; border:none;box-shadow:none;padding-right:15px;}
#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:#ffd368; color:#fff; border-color:#ffd368;}

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

#bar_Show{margin-top:30px; }
#bar_Show .bg{background:#fff; width:100%;  padding:15px; overflow:hidden;}
.swiper-bar a{display:block; width:100%; height:520px; background-position:center center; background-repeat:no-repeat; background-size:cover;}

.swiper-bar .swiper-pagination-bullet{width:15px; height:15px;}
@media(max-width:760px) 
{
.swiper-bar a{ height:300px; 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%;}

}



.tfarme{background:#f4f4f4;padding-top:15px; padding-bottom:15px; }


.Adtfarme .container a{display:block; margin:15px 10px; padding:15px; background:#fff;}

#tframe1{}
#tframe1 .pnk{display:block; text-align:center;background:#ffd368; padding-top:50px; padding-bottom:50px; border-right:solid 1px #eaeaea; }
#tframe1 .pnk:nth-child(2){background:#fb0563}
#tframe1 .pnk:nth-child(3){background:#005fb0}
#tframe1 .pnk:nth-child(4){background:#c9e392}
#tframe1 .pnk:last-child{border:none;}
#tframe1 .pnk img{display:inline-block; width:64px; margin-right:20px;}
#tframe1 .pnk .text{display:inline-block; max-width:200px; text-align:left;}
#tframe1 .pnk .text h4{display:block;font-size:20px; color:#fff; font-weight:bold;}
#tframe1 .pnk .text span{display:block;font-size:16px; color:#fff;}


.tejiaLiuYan{display:block; margin-top:25px;background:#fff;}

.TeJiaPro{ padding:0px 15px 25px 15px; margin-bottom:25px;}
.TeJiaPro .title{margin-top:25px; margin-bottom:0px;}
.TeJiaPro .title h3 {font-size:22px; color:#333333;}
.TeJiaPro .list{display:block;  padding-top:20px;}
.TeJiaPro .list .thumbnail{display:block;padding:0px; border-radius:0px;}
.TeJiaPro .list .thumbnail a{display:block;}
.TeJiaPro .list .thumbnail a .mouseover-1{display:block;width:100%; height:auto;}
.TeJiaPro .list .thumbnail a .mouseover-1 img{display:block;width:100%; height:auto; max-height:214px; }
.TeJiaPro .list .thumbnail a .caption{display:block;width:100%; }
.TeJiaPro .list .thumbnail a .caption h4{display:block;font-size:14px; color:#606060; margin-bottom:15px;line-height:1.5em; height:4.5em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.TeJiaPro .list .thumbnail a .caption b{font-size:22px; color:#4d4d4d;font-weight:bold;}
.TeJiaPro .list .thumbnail a .caption span{font-size:14px; color:#4d4d4d;text-decoration:line-through;}

.leftAds{background:#fff; padding:15px; margin:0px 20px; margin-bottom:25px;}
.leftAds div.leftAdsImg{padding:0px;}
.leftAds img{width:100%; height:auto; display:block;box-shadow:0px 0px 5px #eaeaea;}

.LeftLiuYan{background:#fff; padding:0px 15px 25px 15px; margin-bottom:25px;}
.LeftLiuYan .title{margin-top:25px; margin-bottom:0px;}
.LeftLiuYan .title h3 {font-size:22px; color:#333333;}
.LeftLiuYan .LeftLiuYanContent{padding:0px; padding-top:5px;}
.LeftLiuYan .LeftLiuYanContent input{display:block; border:solid 1px #eaeaea; height:40px; line-height:40px;font-size:14px;color:#333333; width:100%; margin-top:15px; padding:0px 10px;}
.LeftLiuYan .LeftLiuYanContent textarea{display:block; border:solid 1px #eaeaea; height:100px; line-height:30px;font-size:14px;color:#333333; width:100%; margin-top:15px; padding:0px 10px;}
.LeftLiuYan .LeftLiuYanContent button{display:block; border:solid 1px #eaeaea; height:40px; width:150px; text-align:center; font-size:18px;line-height:40px; background:none; margin:15px auto;}




.coHotList{background:#fff; padding:0px 25px 25px 25px; margin-bottom:25px;}
.coHotList .title{margin-top:25px; margin-bottom:25px;}
.coHotList .title h3 {font-size:22px; color:#333333; margin-bottom:0px; line-height:40px; }
.coHotList .title h3 span{display:inline-block;font-size:16px; margin-left:15px; color:#999999;}
.coHotList .title .next_jinxuan{background:#dddddd; border-radius:50%; width:35px; height:35px;text-align:center;}
.coHotList .title .next_jinxuan i{display:block; font-size:16px; line-height:35px; }
.coHotList .title .prev_jinxuan{background:#dddddd; border-radius:50%; width:35px; height:35px;text-align:center; right:60px; left:auto;}
.coHotList .title .prev_jinxuan i{font-size:16px; line-height:35px;transform:rotate(180deg);display:block;}
.coHotList .title .prev_jinxuan:hover{background:#fb0563;}
.coHotList .title .prev_jinxuan:hover i{color:#ffffff;}
.coHotList .title .next_jinxuan:hover{background:#fb0563;}
.coHotList .title .next_jinxuan:hover i{color:#ffffff;}

.coHotList .title .next_Company{background:#dddddd; border-radius:50%; width:35px; height:35px;text-align:center;}
.coHotList .title .next_Company i{font-size:16px; line-height:35px;}
.coHotList .title .prev_Company{background:#dddddd; border-radius:50%; width:35px; height:35px;text-align:center; right:60px; left:auto;}
.coHotList .title .prev_Company i{font-size:16px; line-height:35px;transform:rotate(180deg);display:block;}
.coHotList .title .prev_Company:hover{background:#fb0563;}
.coHotList .title .prev_Company:hover i{color:#ffffff;}
.coHotList .title .next_Company:hover{background:#fb0563;}
.coHotList .title .next_Company:hover i{color:#ffffff;}

.coHotList .title .next_NewPro{background:#dddddd; border-radius:50%; width:35px; height:35px;text-align:center;}
.coHotList .title .next_NewPro i{font-size:16px; line-height:35px;}
.coHotList .title .prev_NewPro{background:#dddddd; border-radius:50%; width:35px; height:35px;text-align:center; right:60px; left:auto;}
.coHotList .title .prev_NewPro i{font-size:16px; line-height:35px;transform:rotate(180deg);display:block;}
.coHotList .title .prev_NewPro:hover{background:#fb0563;}
.coHotList .title .prev_NewPro:hover i{color:#ffffff;}
.coHotList .title .next_NewPro:hover{background:#fb0563;}
.coHotList .title .next_NewPro:hover i{color:#ffffff;}

.coHotList .NewPro_list{padding:0px;}
.coHotList .Company_list{padding:0px;}



.coHotList .jinxuan_list{padding:0px;}
.coHotList .list{padding:0px 10px;border:none;}
/*.coHotList .list:nth-child(3n+2){clear:both;}*/
.coHotList .list .thumbnail{padding:10px; border-radius:0px; border-color:#eaeaea;box-shadow:0px 0px 5px #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:0px 0px 5px #eaeaea;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; height:100vw; max-height:195px; background:#fff; 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)}

#peijinlist .mouseover-1{max-height:320px;}




.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:14px; font-weight:normal; line-height:1.5em; height:3em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.coHotList .list .thumbnail .caption b{color:#999999; font-size:12px; font-weight:normal; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height:2em;}
.coHotList .list .thumbnail .caption p{ margin-top:5px;color:#999999; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}


.coHotList .list .thumbnail .hdImage{display:block; width:100%; height:375px; background-size:100% 100%;}

.coHotList .ilist{display:block;}
.coHotList .ilist .thumbnail{padding:15px; border-radius:0px; border-color:#eaeaea;}
.coHotList .ilist .thumbnail img{display:inline-block; width:150px; height:auto; margin-right:20px;}
.coHotList .ilist .thumbnail .caption{display:inline-block; width:calc(100% - 170px);}
.coHotList .ilist .thumbnail .caption h4{color:#333333; font-size:16px; font-weight:600; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.coHotList .ilist .thumbnail .caption p{ font-size:14px; margin-top:10px;color:#999999;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.coHotList .ilist .thumbnail:hover{border-color:#df523f;}



.swiper_Company .ilist{display:block;}
.swiper_Company .ilist .thumbnail{padding:15px; border-radius:0px; background:#f7f4f3; border-color:#eaeaea;box-shadow:0px 0px 5px #eaeaea;}
.swiper_Company .ilist .iComImg{display:block; width:80px; height:80px; position:relative; margin:0px auto; background:#fff; border-radius:50%;border:solid 1px #dddddd; overflow:hidden;}
.swiper_Company .ilist .iComImg img{display:block; position: absolute; width: 100%;height: auto;top: 50%; left:50%; transform: translate(-50%,-50%);}
.swiper_Company .ilist .text{display:block; margin-top:20px; text-align:center;}
.swiper_Company .ilist .text h4{color:#333333; font-size:14px; font-weight:600; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.swiper_Company .ilist .text p{ font-size:12px; margin-top:10px;color:#999999; line-height:2em; height:4em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.swiper_Company .ilist .TprList{display:block; margin-top:20px;}
.swiper_Company .ilist .TprList .list{float:left; width:calc(100% / 3); margin:0; padding:0px 5px;}
.swiper_Company .ilist .TprList .list img{display:block; width:100%; height:auto; max-height:95px; border:solid 1px #eaeaea;box-shadow:0px 0px 5px #eaeaea;}
.swiper_Company .ilist .comMore{display:block; margin-top:15px;}
.swiper_Company .ilist .comMore a{display:block; width:100px; border:solid 1px #ff3f52; border-radius:5px; text-align:center; font-size:12px; line-height:2em; color:#ff3f52; margin:0 auto; }
.swiper_Company .ilist .comMore a:hover{background:#fff;}

.swiper_Company .ilist:hover .comMore a{background:#fff;}

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


.iNewHotList{background:#fff; padding:0px 25px 25px 25px; margin-bottom:25px;}


.iNewHotList .title{margin-top:25px; margin-bottom:15px;border-bottom:solid 1px #eaeaea;}
.iNewHotList .title h3 {font-size:22px; color:#333333; margin-bottom:10px;}
.iNewHotList .title h3 span{font-size:16px; margin-left:15px; color:#999999;}
.iNewHotList .title .next_Newslist{background:#dddddd; border-radius:50%; width:35px; height:35px;text-align:center;}
.iNewHotList .title .next_Newslist i{font-size:16px; line-height:35px;}
.iNewHotList .title .prev_Newslist{background:#dddddd; border-radius:50%; width:35px; height:35px;text-align:center; right:60px; left:auto;}
.iNewHotList .title .prev_Newslist i{font-size:16px; line-height:35px;transform:rotate(180deg);display:block;}
.iNewHotList .title .prev_Newslist:hover{background:#fb0563;}
.iNewHotList .title .prev_Newslist:hover i{color:#ffffff;}
.iNewHotList .title .next_Newslist:hover{background:#fb0563;}
.iNewHotList .title .next_Newslist:hover i{color:#ffffff;}
.iNewHotList .News_list{padding:0px;}
.iNewHotList .newlist .thumbnail{border-radius:0px; padding:0px;box-shadow:0px 0px 5px #eaeaea;}
.iNewHotList .newlist .thumbnail .date{position:absolute;top:10px;left:0px; background:#ffd368;width:150px; z-index:9;}
.iNewHotList .newlist .thumbnail .date span{font-size:14px; display:block;text-align:center;color:#fff; line-height:2em;}
.iNewHotList .newlist .thumbnail .newsimg{display:block; overflow:hidden;}
.iNewHotList .newlist .thumbnail .newsimg img{display:block;  width:100%; height:auto; max-height:260px; -webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
.iNewHotList .newlist .thumbnail .caption{display:block; margin-top:10px; }
.iNewHotList .newlist .thumbnail .caption h4{display:block; font-size:14px;color:#333333;font-weight:normal; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.iNewHotList .newlist .thumbnail .caption p{display:block; font-size:14px;color:#999999; margin-top:5px; line-height:1.5em; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.iNewHotList .newlist .thumbnail .caption i{display:block; margin:10px auto; width:35px; text-align:center;}
.iNewHotList .newlist .thumbnail:hover{border-color:#fb0563;}
.iNewHotList .newlist .thumbnail:hover .newsimg img{transform:scale(1.2)}


.logoList{background:#fff; padding:25px 15px 25px 15px; }
.logoList .thumbnail{border-radius:0px; padding:0px; height:100vw; max-height:223px;}

.logoList .thumbnail img{position: relative;width:100%;height:auto;top:50%;transform:translateY(-50%);}
.logoList .next_logolist{background:#dddddd; border-radius:50%; width:35px; height:35px;text-align:center;right:0px; left:auto;}
.logoList .next_logolist i{font-size:16px; line-height:35px;}
.logoList .prev_logolist{background:#dddddd; border-radius:50%; width:35px; height:35px;text-align:center; left:0px; right:auto;}
.logoList .prev_logolist i{font-size:16px; line-height:35px;transform:rotate(180deg);display:block;}
.logoList .prev_logolist:hover{background:#fb0563;}
.logoList .prev_logolist:hover i{color:#ffffff;}
.logoList .next_logolist:hover{background:#fb0563;}
.logoList .next_logolist:hover i{color:#ffffff;}



#footer{background:#eeeeee; margin-top:25px; padding-top:25px; padding-bottom:25px; }
#footer .fck1 .Fck_code{float:left; width:33%; padding:0px 10px;}
#footer .fck1 img{ padding:10px; width:100%; height:auto; background:#fff;}
#footer .fck1 span{display:block; line-height:2em; color:#ff6a00;font-size:16px; text-align:center;}

#footer .fck dl{float:left; width:25%; }
#footer .fck dl dt{ display:block; font-weight: bold; color: #606060; font-size: 20px; line-height:2em; cursor: pointer; }
#footer .fck dl dd a { display: block; color: #606060; font-size:14px; line-height:2em; }

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

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



#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{ padding-top:25px;}
#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 .coHotList{margin:0 10px; padding:0px 15px 15px 15px; }
.companylist .coHotList .list{display:block;}
.companylist .thumbnail{overflow:hidden; box-shadow:0px 0px 10px 2px #eaeaea!important;}
.companylist .thumbnail .img{width:170px;height:170px;float:left;}
.companylist .thumbnail .caption{width:calc(60% - 170px);float:left;padding:0px 15px 0px 15px;}
.companylist .thumbnail .caption p{ font-size:12px;line-height:2em; max-height:4em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; white-space:normal!important; }
.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{display:block; height:2em; font-size:14px; font-weight:bold;}
.companylist .thumbnail .caption .tag{margin-top:15px;display:block; height:36px; overflow:hidden;}
.companylist .thumbnail .caption .tag>span{display:inline-block;height:26px;line-height:26px;padding:0 8px; margin-bottom:10px; background-color:#eee;margin-right:10px;font-size:12px;color:#596789;}

.companylist .thumbnail .caption .txt{display:block;width:100%; margin-top:0px;float:left;}
.companylist .thumbnail .caption .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; white-space:normal;}
.companylist .thumbnail .TprList{float:right; display:inline-block;width:30%; margin-top:10px;}
.companylist .thumbnail .TprList .list{padding:0px 4px; }
.companylist .thumbnail .TprList .list:last-child{margin-right:0px;}
.companylist .thumbnail .TprList .list .thumbnail{padding:0px; margin:0px;}
.companylist .thumbnail .TprList .list .thumbnail img{max-height:100%;}

@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;font-size:12px;}
 
}

.companylive .thumbnail .caption{ width:calc(100% - 170px);float:right;}

#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; float:left; 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{display:inline-block; width:49%;}
#hdhbnew ul li:first-child{display:block; width:100%;}
#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:18px; 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:16px;color:#666666;font-weight:bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.NewHotList .newlist .thumbnail .caption p{display:block; font-size:14px;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;}

 .saixuan{display:block;}
  .saixuan a{display:block; background:#fff; border:solid 1px #eaeaea; padding:10px;}

 #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){}
 .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; }



#left_nav{overflow:hidden;margin-bottom:30px;}
#left_nav>dt{position:relative;margin:0px 0px 30px 0px;padding:10px 20px;background-color:#fff;color:#292929;text-transform:uppercase;font-size:20px;}
#left_nav>dt a{float:right; color:#666666; font-size:14px; line-height:2em; font-weight:normal;}
#left_nav>dd h3{position:relative;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid #e7e7e7; font-size:20px; color:#292929;font-weight:bold;}
#left_nav>dd h3::after{position:absolute;bottom:-2px;left:0;width:43%;height:3px;background-color:#fb0563;content:'';}
#left_nav>dd h3 a{float:right; color:#666666; font-size:14px; line-height:2em; font-weight:normal;}
#left_nav>dd{position:relative;padding:30px 25px;background-color:#fff;cursor:pointer;}
#left_nav>dd:not(:last-child){margin-bottom:30px;}
#left_nav>dd>a{position:relative;display:block;padding:10px 40px 10px 25px;border-bottom:1px solid #eee;font-size:17px;line-height:30px;}
#left_nav>dd>i{position:absolute;top:10px;right:5px;display:inline-block;width:30px;height:30px;text-align:center;}
#left_nav>dd>i:before{display:block;width:30px;height:30px;content:"\e9e1";font-size:16px;line-height:30px;}
#left_nav>dd.active>i:before{content:"\e9e2";}
#left_nav>dd.active>a,#left_nav>dd:hover>a{color:#213e96;}
#left_nav>dd ul{overflow-y:scroll;height:200px;transition:all 0s;}
#left_nav>dd ul::-webkit-scrollbar{width:1px;height:10px;border-radius:10px;background-color:#f0f0f0;}
#left_nav>dd ul::-webkit-scrollbar-thumb{background-color:#fb0563;}
#left_nav>dd.active ul{display:block;}
#left_nav>dd ul>li{margin-right:10px;border-bottom:1px dotted #e7e7e7;}
#left_nav>dd ul>li>a{display:block;font-size:16px;line-height:2.5em; font-weight:400; color:#606060;}
#left_nav>dd ul>li>a em{display:inline-block; vertical-align:middle; width:0px; height:3px; background:#ff3f52;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-ms-transition:all .3s}
#left_nav>dd ul>li>a:hover{color:#ff3f52;}
#left_nav>dd ul>li>a:hover em{width:20px!important; margin-right:10px;}

#left_nav>dd ul>li>a.active{color:#ff3f52;}
#left_nav>dd ul>li>a.active em{width:20px!important; margin-right:10px;}

#left_nav>dd ul>li>a span{display:inline-block; vertical-align:middle; width:15px; height:15px; margin-right:10px;}

.coHotList .title.sxbiaoqian{ padding-bottom:15px;}
.coHotList .title.sxbiaoqian strong{display:inline-block; font-size:14px;  color:#333333; font-weight:normal;line-height:2em; background:#eaeaea; padding:2px 10px; margin-right:5px;}

.proCateList{padding:0px 10px;}
.proCateList ul{background:#fff;margin:0px; padding:20px 30px;}
.proCateList ul li a{display:block; font-size:16px; color:#666666; line-height:2em; padding:0px 10px;}
.proCateList ul li a.active{background:#eaeaea; color:#ff3f52;}
.proCateList ul li a:hover{background:#eaeaea; color:#ff3f52;}

#top_ruzhu{margin-top:30px;}
#top_ruzhu a.ruzhulink{display:block;  margin-bottom:20px; padding:15px; background:#fff;}
#top_ruzhu a.ruzhulink img{display:block; max-height:275px; width:100%; height:auto;}

.gonggao{background:#fff; padding:15px; height:275px;}
.gonggao h3{display:block; line-height:2em;}
.gonggao ul{display:block; }
.gonggao ul li{display:block; }
.gonggao ul li a{display:block; line-height:2em;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}


@media(min-width:1400px) and (max-width:1550px) {
    #top_menu>.container>div>ul>li:first-child{max-width:200px;}
}
@media(min-width:1200px) and (max-width:1400px) {
    #top_menu>.container>div>ul>li:first-child{max-width:200px;}
    #top_menu>.container>div>ul>li>a{padding:0px 15px; font-size:14px;}
}
@media(min-width:960px) and (max-width:1200px) {
    .tfarme .container{width:100%!important;}
    #top_menu .container{width:100%!important;}
    #top_Header .container{width:100%!important;}
    #top_menu>.container>div>ul>li:first-child{max-width:180px; margin-right:0px;}
    #top_menu>.container>div>ul>li>strong{padding:0px 30px;}

}
@media(min-width:768px) and (max-width:960px) {
    .tfarme .container{width:100%!important;}
    #top_menu .container{width:100%!important;}
    #top_Header .container{width:100%!important;}
    #top_menu>.container>div>ul>li:first-child{max-width:150px; margin-right:0px;}
    #top_menu>.container>div>ul>li>strong{padding:0px 30px;}
    #top_menu>.container>div>ul>li>a{padding:0px 15px; font-size:14px;}
    #top_search{display:none;}
}
@media(min-width:1px) and (max-width:768px) {
    .gonggao{background:#fff; padding:15px; height:auto;}
    .tfarme .container{width:100%!important;}
    #nbfarme .container{width:100%!important;}
    #top_menu {width:100%!important; display:none;}
    #ntframe{display:block;}
    #top_Header .container{width:100%!important;}
    .Isubmenu{display:none;}
    #bar_Show{margin-top:10px; padding:0px;}
    #tframe1 .pnk{padding-top:25px; padding-bottom:25px; border-bottom:solid 1px #eaeaea;}
    #tframe1 .pnk .text{text-align:center;}
    .leftAds{padding:15px 5px;}
    .leftAds .advertising{ margin-bottom:20px;}
    .leftAds .advertising img{display:block; width:100%;}
    .coHotList .title h3{font-size:20px;}
    .coHotList .title h3 span{font-size:14px;display:none;}
    .coHotList .list .thumbnail{padding:0px; margin-bottom:10px; }
    .thumbnail .caption{padding:9px 5px;}
    .coHotList .list .thumbnail .caption h4{ line-height:1.2em; font-weight:normal; font-size:14px;color:#000; white-space: normal;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
    .coHotList .list .thumbnail .caption p{font-size:12px;}
    .coHotList .Company_list{padding:0px 10px;}
    .coHotList .ilist .thumbnail{padding:5px;}
    .coHotList .ilist .thumbnail img{margin-right:10px; width:100px;}
    .coHotList .ilist .thumbnail .caption{width:calc(100% - 110px);}
    .coHotList .ilist .thumbnail .caption h4{ font-size:14px; line-height:2em;}
    .coHotList .ilist .thumbnail .caption p{ margin-top:0px; white-space: normal;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
    .coHotList .ilist .thumbnail .caption p:last-child{display:none;}
    #footer .fck dl{display:block; width:100%;}
    #footer .fck1{ width:100%;}
    #footer .fck1 span{font-size:12px;}
    .coHotList .list .thumbnail .hdImage{height:150px;}
    #top_hotNews{}

    #hdhbnew ul li{width:100%;}
    #hdhbnew ul li a{font-size:14px;}
    .NewHotList .newlist .thumbnail .caption a{font-size:14px;}
    .newdetail_xglist ul.xglist li{width:100%;}
    .newsfooter a{white-space: normal;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
    .hotchicknew{margin-top:15px;}
    #singpagePage{background:#fff; border-top:solid 1px #eaeaea;}
    #singpagePage article{padding:0px;}
    #rframe{padding:0px;border-top:solid 1px #eaeaea;}
    .register{background:#fff; padding:25px;}

    .mouseover-1,#peijinlist .mouseover-1{max-height:153px;}
    .logoList .thumbnail{max-height:138px;}
    .coHotList .list .thumbnail .caption h4{font-size:12px; line-height:1.3em;}
    .coHotList .list .thumbnail .caption b{font-size:12px}
    #CompanyDetail .basicinfo table.table tr td:first-child{width:100px;}
    #CompanyDetail .basicinfo article .tag>span{margin-bottom:10px;}
    #CompanyDetail .basicinfo table.table tr:last-child td a{padding:3px 10px; font-weight:normal; font-size:12px;}
#myTabContent{float:left; padding-top:25px;}
#CompanyDetail .tab-pane{}
#CompanyDetail .tab-pane .list{float:left;}
}

.swiper-nbar{background:#fff; padding:15px;}
#tframe4 .coHotList{background:none; padding:0px 10px;}
#tframe4 .coHotList_bg{padding:0px 15px;background:#fff;}

.swiper_ProImg{margin-top:15px;}
.swiper_ProImg img{border:solid 1px #eaeaea; cursor:pointer;}
#ProImgLeft{background:#fff; padding:20px;}
#ProImgRight{background:#fff; padding:20px;}
#ProImgLeft .bigImg a.boxer{border:solid 1px #eaeaea;display:block;}
#ProImgLeft .bigImg a.boxer img{display:block; width:100%; height:auto;}  
.pro_detail_remark h3{display:block;font-size:24px;}
.pro_detail_remark dl{display:block; margin-top:15px;}
.pro_detail_remark dl dd{display:block;}
.pro_detail_remark dl dd{display:block; font-size:16px; line-height:2em;color:#666666}
.pro_detail_remark dl dd span{font-size:16px; line-height:2em;color:#666666}
.pro_detail_remark dl dd p{display:block; font-size:16px; line-height:2em;color:#666666}
.pro_detail_remark em{display:block;height:1px; background:#eaeaea; margin-top:25px;}
.pro_detail_remark ul{display:block; margin-top:15px;}
.pro_detail_remark ul li a{color:#fff;font-weight:bold; background:#e1a858; padding:5px 15px; float:left;}
.pro_detail_remark ul li a:hover{background:#ff3f52;}
.pro_detail_remark ul li p{display:block; font-size:16px; line-height:3em;color:#333333}
#CompanyDetail .details .title{display:block;}
#CompanyDetail .details .title h2{display:block; font-size:24px;color:#333333; font-weight:bold; line-height:2em;}
#CompanyDetail .details .title em{display:block;height:1px; background:#eaeaea; margin-bottom:15px;}
#CompanyDetail .details .Pro_details{display:block;}
#CompanyDetail .details .Pro_details img{display:block; max-width:100%;  height:auto;}

@media(min-width:1600px){
.tfarme .container{width:80%;}
#bframe .container{width:80%;}
#top_Header .container{width:80%;}
#top_menu .container{width:80%;}
#nbfarme .container{width:80%;}
#singpagePage .container{width:80%;}
.Adtfarme .container{width:80%;}
}
@media(min-width:1400px){
.tfarme .container{width:90%;}
#bframe .container{width:90%;}
#top_Header .container{width:90%;}
#top_menu .container{width:90%;}
#nbfarme .container{width:90%;}
#singpagePage .container{width:90%;}
.Adtfarme .container{width:90%;}
}
@media(min-width:1201px) and (max-width:1400px) {
.tfarme .container{width:100%;}
#bframe .container{width:100%;}
#top_Header .container{width:100%;}
#top_menu .container{width:100%;}
#nbfarme .container{width:100%;}
#singpagePage .container{width:100%;}
.Adtfarme .container{width:100%;}
#footer{padding:25px 15px;}
.mouseover-1{max-height:146px;}
#top_Header>.container>.navbar-header>.navbar-brand>img{height:95%;}
#top_menu>.container>div>ul>li>a{font-size:18px;}
}
@media(min-width:961px) and (max-width:1200px) {
.tfarme .container{width:100%;}
#bframe .container{width:100%;}
#top_Header .container{width:100%;}
#top_menu .container{width:100%;}
#nbfarme .container{width:100%;}
#singpagePage .container{width:100%;}
.Adtfarme .container{width:100%;}
#footer{padding:25px 15px;}
.mouseover-1{max-height:248px;}
#topLogin{margin-top:5px;}
#top_Header>.container>div>ul>li>p{padding:10px;font-size:12px;}
#top_Header>.container>div>ul>li>a{line-height:1.5em;}
#top_Header>.container>.navbar-header>.navbar-brand>img{height:60%;}
#top_menu>.container>div>ul>li>a{font-size:14px; padding:0px 11px;}
#top_menu>.container>div>ul>li:last-child{min-width:250px;}
.swiper_Company .ilist .TprList .list img{max-height:122px;}
}
@media(min-width:769px) and (max-width:960px) {
.tfarme .container{width:100%;}
#bframe .container{width:100%;}
#top_Header .container{width:100%;}
#top_menu .container{width:100%;}
#nbfarme .container{width:100%;}
#singpagePage .container{width:100%;}
.Adtfarme .container{width:100%;}
#footer{padding:25px 15px;}
.mouseover-1{max-height:201px;}
#topLogin{margin-top:5px;}
#top_Header>.container>div>ul>li>p{padding:10px; display:none;}
#top_Header>.container>div>ul>li>a{line-height:1.5em;}
#top_Header>.container>.navbar-header>.navbar-brand{height:70px;}
#top_menu>.container>div>ul>li>a{font-size:14px; padding:0px 11px;}
#top_menu>.container>div>ul>li:last-child{display:none;}
.swiper_Company .list:nth-child(2n){clear:none;}
.swiper_Company .ilist .TprList .list img{max-height:122px;}
.TeJiaPro .list .thumbnail a .mouseover-1{max-height:337px!important;}
.TeJiaPro .list .thumbnail a .mouseover-1 img{height:337px;max-height:337px;}
.swiper-bar a{height:300px;}
}
@media(min-width:1px) and (max-width:768px) {
    body,.tfarme{background:#fff;}

.tfarme .container{width:100%;}
#bframe .container{width:100%;}
#top_Header .container{width:100%;}
#top_menu .container{width:100%;}
#nbfarme .container{width:100%;}
#singpagePage .container{width:100%;}
.Adtfarme .container{width:100%;}
.tfarme .xsBgDiv{padding:0px;}

#footer{padding:25px 15px;}
.coHotList,.iNewHotList,.TeJiaPro{margin-bottom:0px;}
.mouseover-1{max-height:163px;}
#topLogin{margin-top:5px;}
#top_Header>.container>div>ul>li>p{padding:10px; display:none;}
#top_Header>.container>div>ul>li>a{line-height:1.5em;}
#top_Header>.container>.navbar-header>.navbar-brand{height:70px;}
#top_menu>.container>div>ul>li>a{font-size:14px; padding:0px 11px;}
#top_menu>.container>div>ul>li:last-child{display:none;}
.swiper_Company .list:nth-child(2n){clear:none;}
.swiper_Company .ilist .TprList .list img{max-height:163px;}
.TeJiaPro .list .thumbnail a .mouseover-1{max-height:163px!important;}
.TeJiaPro .list .thumbnail a .mouseover-1 img{height:163px;max-height:163px;}
.swiper-bar a{height:180px;}
.sidebar-nav>.sidebar-brand{height:auto; line-height:normal;}
.sidebar-nav>.sidebar-brand img{width:100%; height:auto; padding:25px 15px;}

.coHotList .title{ margin-top:0px; margin-bottom:0px;}
.companylist .coHotList{padding:0px; margin:0px;}
.companylist .thumbnail{padding:10PX;}
.companylist .thumbnail .TprList{width:100%;}
.companylist .thumbnail .TprList .list{margin:0PX 0PX;}
.companylist .thumbnail .TprList .list .thumbnail{margin:5PX; padding:5PX;}
.companylist .coHotList .list:nth-child(2n){clear:none;}
.proCateList ul{padding:20px  0px;}
#left_nav{overflow:visible;}
#left_nav>dt{display:none;}
#left_nav>dd{padding:0px; width:25%; float:left;border:none; position:relative;}
#left_nav>dd h3{display:block;font-size:12px;line-height:2em; margin:0px; background:url(../images/xjd.png) no-repeat 90% 10px;}
#left_nav>dd ul{display:block; height:300px;border:none;}
#left_nav>dd ul li{display:block;border:none;}
#left_nav>dd ul li a{display:block;font-size:12px; padding:0px 5px;}
#left_nav>dd ul>li>a em{display:none;}
#left_nav>dd .clearlink{display:block;}
#left_nav>dd .clearlink a{font-size:12px;}
#left_nav>dd .sx{display:none;}
#left_nav>dd .sx{position:absolute;top:35px; left:0px; background:#fff;z-index:999; width:100%; height:350px;}
.coHotList .title.sxbiaoqian strong{font-size:12px;}
.categroy_list{padding-left:0px; padding-right:0px;}
.categroy_list .list .thumbnail .caption h4{line-height:1.5em; height:4.5em;}
#singpagePage article{ padding:0px 15px;}
.Adtfarme .container a{padding:0px;}
.swiper-nbar{background:#fff; padding:0px;}
#tframe4 .coHotList{background:none; padding:0px 0px;}
#tframe4 .coHotList_bg{padding:0px 0px;background:#fff;}
#ProImgLeft{background:#fff; padding:0px;}
#ProImgRight{background:#fff; padding:0px;}
#CompanyDetail .details{padding:0px;}
#CompanyDetail .details .title{padding:0px;}
#CompanyDetail .details .Pro_details{padding:0px;}
.pro_detail_remark h3{margin-top:15px;}
}

.coHotList .list .thumbnail a{position:relative;}
.coHotList .list .thumbnail a .kjzg{position:absolute; top:10px; right:10px; width:40px; height:40px; border-radius:50%; font-size:14px; background:#3773ff; color:#fff; line-height:40px;border:solid 1px #3773ff; text-align:center;}