@charset "utf-8";
@import url("font-awesome.min.css");
/* common style */
*{padding:0;margin:0}
body{font-family:"微软雅黑";font-size:14px;color:#333;padding:0;margin:0;background-color:#fff;min-width:1190px;}
:after, :before{border-size:inherit}
.clearfix{overflow:hidden;_zoom:1}
ul li{list-style:none}
input,button,select,textarea{outline:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.grid li{float:left}
.col2 li{width:50%}
.col3 li{width:33.33333%}
.col4 li{width:25%}
.col5 li{width:20%}
.col6 li{width:16.66666%}
.pad10{padding:10px}
.mb20{margin-bottom:20px}
.mt20{margin-top:20px}
.columcnt{padding:10px 20px 10px;overflow:hidden}
.text-right{text-align:right}
.text-center{text-align:center}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.left{float:left}
.right{float:right}
.red{color:red !important;}

/* 默认链接颜色 */
a:link		{color:#424242; text-decoration:none;}
a:visited	{color:#777; text-decoration:none;}
a:hover		{color:#d0121b}
a:active	{color:#424242;}

/* container style */
main .container{position:relative;}
aside{float:right;width:350px;padding-left:20px;border-left:1px solid #ddd}
article{float:left;width:calc(100% - 391px);padding-right:20px}
.detail article{min-height:1050px}
.container{max-width:1190px;margin:0 auto}
section{overflow:hidden;margin-bottom:15px}
section .layui-tab{margin:0}
section .layui-tab .layui-tab-title{height:44px}
section .layui-tab .layui-tab-title span{top:15px;right:15px;font-size:14px;display:inline-block;position:absolute}
section .layui-tab .layui-tab-title .layui-this{color:#d0121b}
section .layui-tab .layui-tab-title li{line-height:44px;font-size:18px}
section .layui-tab .layui-tab-title .layui-this:after{height:45px;border-top:0}
section .layui-tab .layui-tab-title .layui-this:first-child:after{border-left:0}
section .layui-tab-content{padding:10px 0 0}
section section{margin:0}
.onecol{min-height:300px}
.twocol{margin-bottom:0}
.twocol,.threecol{position:relative}
.threecol .box_l{left:0;top:0;position:absolute}
.twocol .box_r,.threecol .box_r{right:0;top:0;position:absolute}
.columnbox,.subcolumnbox{position:relative;overflow:hidden}
.threecol .box_l{width:420px;margin-top:20px}
.threecol .box_m{padding:0 20px 0;margin:20px 400px 10px 440px;border:1px solid #ddd;border-width:0 1px}
.threecol .box_r{width:380px;margin-top:20px}
.twocol .box_l{margin:20px 400px 0 0}
.twocol .box_r{width:350px;border-left:1px solid #ddd;padding-left:20px}
.subcolumnbox .box_l{margin:10px 250px 0 0}
.subcolumnbox .box_r{width:240px;padding-left:10px;margin-top:10px;border-left:1px solid #ddd}
section.twocol section .box_l{width:280px;padding:0 0 0 20px}
section.twocol section .box_m{margin:20px 0 20px 320px;border-width:0 0 0 1px}
.focusbox{border:1px solid #eee;height:280px;border-top:none}
.focusbox .box_l{margin:15px 740px 15px 15px}
.focusbox .box_r{width:720px;border-left:none;padding-left:0}

/* top style */
.top{background-color:#ebebeb;border-bottom:1px solid #c4c4c4;height:30px;line-height:30px;font-size:12px;color:#666}
.top a{display:inline-block;color:#000;padding:0 10px}
.top a.this,.top a:hover{background-color:#d3d3d3}
.top p:first-child{float:left}
.top p:last-child{float:right}
.detail .top{background-color:#d0121b;border-bottom:none;color:#ddd}
.detail .top a.this,.detail .top a:hover{background-color:#910d13}

/* header style */
header{padding:5px 0;height:90px}
header .logo{overflow:hidden;float:left}
header .logo a{background:url(../images/logo.png) no-repeat 0 50%;float:left;width:180px;height:60px;line-height:60px;margin-top:15px;text-indent:-10000px;display:inline-block}
header .logo span{float:left;line-height:45px;margin-left:5px;margin-top:25px;font-size:20px;color:#666}
header .logo span:before{content:"|";padding-right:4px}
header p{float:right;color:#333;padding-top:25px}
header p a{color:#333;padding:0 8px}
header fieldset{float:right;width:80px;height:88px;border:1px solid #dcdcdc;text-align:center}
header legend{padding:0 5px;font-size:12px;color:#9a9a9a}
header .layui-field-box {padding:0 5px 5px}
header .layui-field-box img{max-width:100%}
header .search{float:right;width:604px;margin-right:80px;margin-top:15px}
header .searchform{border:2px solid #d0121b;width:600px;height:40px}
header .searchform .seltype{float:left;display:inline-block;width:75px;position:relative;vertical-align:middle;padding:0;overflow:hidden;background-color:#fff;color:#555;text-shadow:none;border-radius:4px;	transition:box-shadow 0.25s ease;z-index:2} 
header .seltype:before{content:"";position:absolute;width:0;height:0;border:5px solid transparent;border-top-color:#ccc;top:16px;right:5px;cursor:pointer;z-index:-2}
header .seltype select{cursor:pointer;padding:8px 10px;width:100%;border:none;font-size:14px;background:transparent;background-image:none;-webkit-appearance:none;-moz-appearance:none}
header .seltype select:focus{outline:none}
header .searchform .sinput{float:left}
header .searchform input{width:459px;height:40px;padding-left:10px;border:none;font-size:14px}
header .searchform button{background-color:#d0121b;height:40px;border:none;color:#fff;font-size:22px;line-height:40px;text-align:center;width:54px;float:right;cursor:pointer}
header .topkeywords{width:600px}
header .topkeywords a{display:inline-block;width:calc(16.66666% - 6px);padding:0 3px;overflow:hidden;*zoom:1;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#999}
header .topkeywords a:hover{font-size:13px;color:#d0121b}

/* nav style */
nav .container{background-color:#d0121b;height:48px;line-height:48px;color:#eee}
nav li a{font-size:16px;padding:0 20px;margin-right:1px;display:inline-block;color:#eee}
nav li a:link{color:#eee}
nav li a:hover,nav li a:visited,nav li span{background-color:#b90f17;color:#fff}
nav li{float:left}
nav li span{padding:0 20px;margin-right:1px;font-size:16px;display:inline-block}
nav li.allcat{background:#83080e;width:182px;font-size:16px;color:#fff;text-align:center}
nav li.hotline{float:right;background:#83080e;padding:0 15px}
nav li.hotline span{background:none;padding:0}
.hyq nav .submenu.container{background-color:#333;height:42px;line-height:42px}
.hyq nav .submenu a,.hyq nav .submenu li span{font-size:14px}
.hyq nav .submenu.container a:hover,.hyq nav .submenu.container li span{background-color:#111}

.list nav li,.hyq nav li{border-color:#aa2722}
.list nav li a,.hyq nav li a{color:#fff}
.list nav li a:hover,.hyq nav li a:hover,.list nav li.active a,.hyq nav li.active a{background-color:#aa2722}

nav.navbar{background:none;border:none;float:right;margin-top:15px}
nav.navbar a{padding:0 10px;color:#333}
nav.navbar a:hover{background:none;color:#d0121b}

/* cat-leftmenu style */
.lfmenu .sidemenu{background-color:#333;width:48px;height:685px;top:20px;left:20px;position:fixed;z-index:9999;text-align: center;border-radius:5px;overflow:hidden;}
.lfmenu .sidemenu li a{padding:5px 10px;color:#fff;display:block;line-height:18px}
.lfmenu .sidemenu li:nth-child(odd) a{background-color:#555}
.lfmenu .sidemenu li a:hover,.lfmenu .sidemenu li a.current{background-color:#d0121b}

/* right style */
.bgbox1-r-box ul{padding:10px 15px}
.tit{height:40px;padding-right:10px;border-bottom:1px solid #c9c9c9;line-height:40px}
.tit h2{color:#d0121b;font-size:24px;padding:0 10px;border-bottom:2px solid #d0121b;display:block;float:left;position:absolute;z-index:2}
.sub-column .tit h2{font-size:20px}
.tit span{float:right;color:#999}
.tit a{padding:0 5px;color:#d0121b}
.tit a.more{font-size:12px;color:#666}
.tite{border-color:#d0121b}
.tite h3{padding-left:10px;font-size:18px;color:#333}

/* newslist style */
.newsbox{padding:15px 0}
.newslist{padding:5px 0}
.newslist li{line-height:28px;height:28px;overflow:hidden;*zoom:1;white-space:nowrap;text-overflow:ellipsis}
.newslist li span{float:right;color:#999;font-size:12px}
.newslist li:before{content:"";margin-bottom:3px;margin-right:5px;display:inline-block;width:3px;height:3px;line-height:28px;background-color:#999;border-radius:50%}
.newslist.nodot li:before{background:none;content:none}
.newsbox .newslist li{line-height:32px}
.newsbox .newslist li:nth-child(5n+0){margin-bottom:15px}
.newsbox .newslist li a{font-size:15px}

/* piclist style */
.ulpic li{text-align:center}
.ulpic li a{margin:5px;display:block}
.ulpic li a .imgdiv{background-color:#fff;overflow:hidden}
.ulpic li a .imgdiv img{max-width:100%;height:auto;vertical-align:middle;transition:all 0.6s}
.ulpic li a:hover .imgdiv img{transform:scale(1.4)}
.ulpic li a p.pruduct-title{height:18px;line-height:18px;padding:5px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.fullhotpro .ulpic li a .imgdiv{height:185px;line-height:185px}
.hyq .ulpic li a .imgdiv{height:130px;line-height:130px}
.qqq .box_r .ulpic li a .imgdiv{height:165px;line-height:165px}
.index .ulpic.col2 li a .imgdiv,.qqq .rightbox .ulpic.col2 li a .imgdiv{height:120px;line-height:120px}
.hyq .ulpic.col3 li a .imgdiv{height:110px;line-height:110px}
.hyq .ulpic.col5 li a .imgdiv,aside .ulpic li a .imgdiv,.company-product .ulpic li a .imgdiv{height:100px;line-height:100px}

/* slider style */
.flexslider{margin:0px auto;position:relative;width:100%;height:320px;overflow:hidden;zoom:1}
.flexslider .slides li{width:100%;height:100%}
.flex-direction-nav a{width:47px;height:48px;line-height:99em;overflow:hidden;margin:-25px 10px 0 10px;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;border-radius:35px}
.flex-direction-nav .flex-next{background-position:0 -48px;right:0}
.flex-direction-nav .flex-prev{left:0}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25)}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50)}
.flex-control-nav{width:100%;position:absolute;bottom:30px;text-align:center}
.corpbanner .flex-control-nav{bottom:10px}
.flex-control-nav li{margin:0 2px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a{background-position:0 0}
.flexslider .slides a img{width:100%;height:320px;display:block}

/*当前位置*/
.position{height:30px;background-color:#eee;line-height:30px;padding:0 15px;margin-bottom:10px;font-size:12px;color:#999;position:relative}

/* footer style */
footer{text-align:center;margin-top:20px;color:#999;clear:both;}
footer .container{padding:10px 0;border-top:2px solid #c9c9c9;text-align:center}
footer p{padding:5px 0;margin:0;font-size:12px}
footer p img{vertical-align:top}
footer a{padding:0 5px;color:#333}

/* footer style */
.gg{margin-bottom:15px}
.gg img{max-width:100%;height:auto;vertical-align:text-bottom}

/* 首页 style */
.focusbox{height:340px;margin-bottom:15px}
.focusbox .box_l{width:180px;margin:0}
.focusbox.threecol .box_m{padding:10px;margin:0 262px 0 180px}
.focusbox .box_r{width:230px;padding:0 15px 15px;margin:0}
.catbox{background:#f5f5f5;height:340px}
.catbox ul{padding:10px 0}
.catbox li { text-align: center}
.catbox li a{height:31px;line-height:31px;border-bottom:1px dotted #ddd;display:inline-block;text-align:center;font-size:15px}
.catbox li:last-child a{border-bottom:none}
.fullhotpro{border:1px solid #ddd}
.fullhotpro ul{padding:15px}
.indexhotkey{background-color:#f5f5f5;padding:0 15px}
.indexhotkey a{width:calc(10% - 10px);padding:5px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.index .twocol section h2{margin:15px 15px 0 15px;font-size:24px;color:#d0121b}
.index .twocol section h2 span{float:right;font-size:14px}
.twocol .indexhotkey{background:none;float:left;width:calc(55% - 30px)}
.twocol .indexhotkey a{width:calc(50% - 10px)}
.index .twocol .ulpic{float:left;width:45%;height:316px}
.tjcompany{background-color:#f5f5f5;clear:left}
.tjcompany ul{min-height:84px;padding:10px;overflow:hidden}
.tjcompany ul li{float:left;width:calc(50% - 20px);padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tjcompany ul li a{line-height:26px}
.twocol section.infonews,.twocol section.industrynews{height:335px;border-top:3px solid #d0121b}
.flink h2{border-bottom:2px solid #d0121b}

/* 分类浮动 style */
.navcatbox{background:#f5f5f5;height:80px;border:1px solid #ddd;border-top:0}
.navcatbox ul{padding:10px 0}
.navcatbox ul li{float:left;width:20%}
.navcatbox ul li a{height:31px;line-height:31px;display:block;text-align:center;font-size:15px}
.navcatbox.fixDiv{background:#333;width:100%;height:40px;position:fixed;top:0;left:0;z-index:9999;border:none}
.navcatbox.fixDiv ul{padding:0}
.navcatbox.fixDiv ul li{width:10%}
.navcatbox.fixDiv ul li a{line-height:40px;color:#fff;font-size:12px}
.navcatbox.fixDiv ul li a:hover{color:#fff200;font-size:16px}

/* 企业库首页 style */
.qyk section .columnbox{margin-bottom:30px;border-bottom:1px solid #ddd}
.qyk .twocol .columnbox .box_l{margin:0 310px 0 0}
.qyk .twocol .columnbox .box_r{width:280px;padding:15px 15px 10px}
section .columnbox .box_l .hotcom{float:left;width:calc(50% - 31px);padding:10px 15px;border:1px solid #eee;border-width:0 0 1px 1px}
section .columnbox .box_l .hotcom:nth-child(odd){border-left:none}
section .columnbox .box_l .hotcom:nth-child(3),section .columnbox .box_l .hotcom:last-child{border-bottom:none}
section .columnbox h3{margin-bottom:5px;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.desc-txt{padding-bottom:3px;margin-bottom:3px;height:34px;color:#999;font-size:12px;border-bottom:1px dotted #ddd}
.desc-sx p{padding-bottom:3px;color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.desc-sx p span{padding-right:3px;color:#666}
.hotcom .hotpro p{border:none;font-size:12px}
.hotpro .ulpic li .imgdiv{height:75px;line-height:75px}
.qyk .twocol .columnbox .box_r .com2list{padding-top:6px}
.qyk .twocol .columnbox .box_r .com2com-item{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ddd}
.qyk .twocol .columnbox .box_r .com2com-item:last-child{padding-bottom:0;margin-bottom:0;border:none}
.qyk .twocol .columnbox .box_r .com2com-item h3{font-size:16px}
.qyk .twocol .columnbox .box_r .com2com-item p{font-size:12px;color:#999}
.moreCat .catbox{background:none;border:none}
.sytit{position:relative}
.company .tjcompic ul li{width:33.333%;float:left}
.companynum{padding:15px 25px;margin-top:10px;border-top:1px dotted #ddd;color:#999;text-align:center}
.companynum .numtj{color:red;font-size:24px}
.qyk .onecol .ulpic{padding-top:10px}
.qyk .keywords{background:#f5f5f5;margin-top:10px}
.qyk .keywords .xtitle{background:#ddd;padding:5px 10px;font-size:16px}
.qyk .keywords .xtitle span{margin-left:10px;color:#999}
.qyk .keywords .newslist{padding:10px}

/* topic页面 */
.topic .box_l{max-width:200px;float:left;}
.topic .box_r{padding-left:210px;}
.topic .catbox{height:auto;}
.topic .leftbox{background-color:#f5f5f5;margin-bottom:15px;}
.topic .leftbox ul{padding:10px;}
.topic .leftbox ul li:before{content:"▪";float:left;padding-left:5px;margin-top:5px;color:#999;}
.topic .leftbox ul li a{padding:5px 5px 5px 15px;height:auto;line-height:20px;border-bottom:1px dotted #ddd;display:block}
.topic .leftbox ul li:last-child a{border-bottom:none;}
.topic .leftboxtit{background-color:#83080e;padding:10px 15px;line-height:20px;font-size:16px;color:#fff}
.topic .productky{background-color:#f5f5f5;padding:10px;margin:0;border:1px solid #ddd;font-size:13px;}
.topic .productky b{color:#f60;padding:0 3px;font-size:14px;}
.topic .pruduct-title{height:26px;margin-top:10px;font-size:14px;text-align:left;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.topic .product-price{float:none;width:100%;line-height:24px;text-align:left;color:#f60;}
.topic .company-name{height:24px;font-size:12px;text-align:left;color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.productbox{margin-bottom:10px;border-left:1px solid #ddd;}
.productbox .product-item{width:calc(25% - 21px);float:left;border:1px solid #ddd;border-width:0 1px 1px 0;padding:10px;}
.productbox .card{position:relative;width:220px;height:220px;margin:0 auto;}
.productbox .card .imgdiv{position:absolute;top:0;left:0;width:100%;height:100%;}
.productbox .card .imgdiv .imgBx{position:absolute;top:0;left:0;width:100%;height:100%;}
.productbox .card .imgdiv .imgBx img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.productbox .card .imgdiv .contentBx{width:100%;height:100%;align-items:center;}
.productbox .card .imgdiv .contentBx div{padding:20px;min-height:180px;background:#fff}
.productbox .card .imgdiv .contentBx div p{height:120px;color:#333;font-size:12px;overflow-y:auto;}
.productbox .card .imgdiv .contentBx div a{background-color:#f60;width:100px;padding:0 10px;margin:10px auto;line-height:30px;color:#fff;display:block;text-align:center;}
.productbox .card .imgdiv .contentBx div a:hover{background-color:#d45500}
.productbox .card .imgdiv .contentBx .div.front{background-color:#fff}
.topic .newslist{padding:0 25px;}

/*产品翻转*/
@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.front{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.back{-webkit-animation: flipInYtest 0.75s linear;animation: flipInYtest 0.75s linear;-webkit-animation-fill-mode: both;animation-fill-mode: both}

/* 产品库首页 style */
.cpk main section:target{padding-top:60px}

/* 行业圈首页 style */
.hyq .focusbox .box_l{width:420px;margin:15px}
.hyq .focusbox .box_r{width:720px;padding:0}
.hyq section .columnbox{min-height:320px}
.hyq section.twocol section .box_l{padding:0 0 10px 20px}
.hyq .focusbox{height:320px}
.xfhd{margin-bottom:10px;text-transform:uppercase;color:#999;position:relative}
.xfhd span{background-color:#f60;padding:5px;color:#fff;border-radius:5px;display:inline-block;font-size:12px}
.xfhd:after{content:'';position:absolute;top:52%;left:190px;background:#ddd;width:240px;height:1px}
.xfocus{min-height:80px;padding-bottom:10px;margin:5px 0;border-bottom:1px dotted #ddd;overflow:hidden}
.xfocus img{float:left;margin-right:15px;margin-top:5px;width:auto;max-width:150px;height:auto;max-height:85px;border-radius:5px;}
.xfocus .xtit{margin-bottom:5px;height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hyq .subcolumnbox .xfocus{padding:0}
.hyq .focusbox .xfocus .xtit{margin-bottom:10px}
.xfocus h1{font-size:18px}
.xfocus h3{font-size:16px}
.xfocus p{line-height:18px;font-size:12px;color:#999;overflow:hidden}
.xtitle{height:24px;line-height:24px;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.twocol section{border:1px solid #ddd;width:586px;float:left;margin-bottom:15px}
.twocol section:nth-child(even){float:right}
.twocol section:nth-child(odd){clear:left}
.mbox .tit{padding-top:10px}
.mbox .tit a{padding-right:15px}
.mbox_b{padding:15px;border-top:1px solid #ddd;background-color:#f8f8f8}

/* 各行业圈 */
.qqq{background-position:50% 0;background-repeat:no-repeat}
.qqq .top{background-color:rgba(0,0,0,0.5);border-bottom:none}
.qqq .top a,.detail .top a{color:#fff}
.qqq .top p{color:#fff}
.qqq .top a.this,.qqq .top a:hover{background-color:#000}
.qqq .header .logo{margin-top:25px}
.qqq header .logo span{color:#eee}
.qqq header .logo a{background-image:url(../images/logo_w.png);color:#fff}
.stit{background-color:red;padding:5px;display:inline-block;border-radius:3px;color:#fff}
.qqq .focusbox.twocol{width:100%}
.qqq .focusbox.twocol .box_m{margin:20px 15px 0 735px;border:none}
.qqq .xfhd:after{width:290px;left:150px}
.qqq .xfocus{min-height:90px}
.qqq .leftbox{background:#fff;margin-right:300px}
.qqq .rightbox{width:300px;right:0;top:0;position:absolute}
.qqq .rightbox h2{padding:0 10px;font-size:16px}
.qqq .rightbox .ulpic{padding-top:10px;padding-bottom:0}
.qqq .rightbox ul{padding:10px 15px}
.qqq section{background:#f5f5f5}
.qqq .twocol{width:878px;border:none}
.qqq .twocol .box_m{margin:20px 0 0 510px;border-width:0 0 0 1px}
.qqq .rightbox button{width:200px;height:32px;font-size:18px;color:#fff;background-color:#f39800;border:none;margin-left:50px;cursor:pointer}
.qqq .rightbox button a{color:#fff}
.qfaq .twocol .box_l{padding:0;margin:10px 400px 0 0}
.hotshop li a{color:#f60}
.hotkey{background:#f5f5f5;padding:10px}
.hotkey .xtitle{font-size:16px}
.key{line-height:24px;font-size:12px;color:#999}
.key a{padding:0 5px}
.key strong{font-weight:normal}
.picul{padding:10px;overflow:hidden}
.picul li{float:left;width:50%;text-align:center}
.picul li a{padding:10px;display:block}
.picul li img{max-width:100%;height:auto}
.picul li:nth-child(even){margin-right:0}
.flink{font-size:12px;line-height:24px;border:1px solid #ddd}
.flink h2{background:#f5f5f5;padding:0 15px;height:30px;line-height:30px;font-size:16px}
.flink a{margin-right:15px;display:inline-block}
.flinkcnt{padding:10px 20px}

/*资讯列表*/
.psearch{position:absolute;right:0;top:-14px}
.psearch span{width:13px;height:46px;background:url(../images/png.png) no-repeat;display:block;float:left}
.psearch .searbox{height:44px;width:350px;float:left;background-color:#d0121b}
.psearch input{height:28px;width:275px;border:none;margin:7px 12px;margin-right:4px;padding-left:6px;float:left}
.psearch button{width:44px;height:28px;border:none;float:left;margin-top:7px;cursor:pointer}
.ullistz{padding:15px 0}
.ullistz li a{width:580px}
.ullistz span{width:80px}
.list_r ul{padding:20px 25px}

/* 页码 */
.page{margin:5px 0 15px;overflow:hidden}
.page ul li{float:left}
.page ul li a{padding:0 10px;line-height:30px;display:block;color:#666}
.page ul .ff a{color:#999}
.page ul .active a,.page ul .active a:hover{background-color:#999;color:#fff}
.page ul li a:hover{background-color:#eee;color:#d0121b}

/* 详细页 */
.detail header.fixDiv{background:#333;width:80%;padding:0 10%;height:42px;line-height:42px;margin-top:0;position:fixed;top:0;left:0;color:#ddd;z-index:999;text-align:center}
.detail header.fixDiv .logo a{background-image:url(../images/logo_w.png);background-size:120px 40px;width:120px;height:40px;margin-top:0}
.detail header.fixDiv a{color:#fff;font-size:13px}
.detail header.fixDiv nav{margin:0;line-height:42px}
.ydbtxtbox{min-height:500px;}
.ydbtxtit h1{padding:10px 20px 15px;text-align:center;color:#d0121b;font-size:28px;line-height:32px}
.ydbtxtit .datebox{text-align:center;font-size:12px;padding-bottom:10px;color:#999}
.ydbtxtit .datebox span{padding:0 10px}
.ydbtxtcnt{font-size:16px;line-height:32px}
.ydbtxtcnt p{padding-top:15px;text-indent:2em}
.ydbtxtcnt img{max-width:100%;text-indent:0;}
.bqsm h4{font-size:16px;padding-bottom:10px}
.bqsm p{color:#666;font-size:13px;line-height:1.6}
.summary{background-color:#f7f7f7;border:1px solid #ddd;padding:15px;margin:10px 0;color:#444;}
.tkeywords{margin:20px 0;}
.tkeywords a{padding:0 5px;}

/* 延伸阅读 */
.ysread{padding:20px 0}
.ysread .tit h2{color:#333;font-size:18px}
.ysread .newslist li{float:left;width:50%}
.ysread .newslist li span{float:left;padding-left:10px}

/* 企业资讯 */
.info .twocol section{min-height:345px}
.info .focusbox{height:320px;margin-bottom:15px;border-left:none}
.info .focusbox .box_r{width:300px;margin-top:0}
.info .focusbox .box_m{margin:20px 15px 0 735px;border:none}
.info .xfhd:after{left:170px;width:260px}
.hyq .xfocus img,.info .xfocus img{max-height:110px}
.corpbanner .flexslider .slides a img{height:320px}
.corpbanner{float:left;width:720px;height:320px}
.zxbox_r{width:300px;height:300px;float:right}
.zxbox_r img{width:300px;height:300px}
.mbox .tit .blacka{color:#333}
.corp1 .mbox{height:390px}
.corpbox{padding:15px 20px}
.corpbox img{width:auto;height:118px;float:left;margin-right:25px}
.cropbox4_l{width:280px;float:left}
.sdata .subcolumnbox .box_r{width:300px}
.sdata .subcolumnbox .box_r .xfocus{padding:5px;border:none}
.sdata .subcolumnbox .box_r .xfocus img{float:none;width:290px;height:190px}
.hotspec .xfocus img{width:152px;height:auto}
.hotspec .xfocus:nth-child(2){border:none;margin-bottom:0}
.hotspot .subcolumnbox .box_l{margin-top:15px}
.hotspot .subcolumnbox .box_r{width:270px;margin-top:10px}
.hotspot .newslist li strong{color:#999;font-weight:normal;margin-right:5px}
.hotspot .ulpic{padding-bottom:5px}
.keywords .newslist{padding:12px 20px}
.keywords .newslist li{float:left;width:33.33333%}
.keywords .newslist li a{background:url(../images/tag.png) no-repeat 0 50%;padding-left:20px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}

/* 企业列表 */
.cplist{background-color:#f5f5f5}
.cplist header,.cplist nav,.cplist footer{background:#fff}
.cplist nav{border-bottom:1px solid #ddd}
.cplist footer{border-top:1px solid #ddd}
.cplist footer .container{border:none}
.cplist .position{background:#fff;border:1px solid #ddd;border-top:0}
.filter{background:#fff;padding:15px;border:1px solid #ddd;border-top:3px solid #f00;margin-bottom:10px}
.filter .hylist{overflow:hidden}
.filter .hylist a{padding:0 10px;margin:2px;line-height:30px;display:inline-block;color:#666}
.filter .hylist a span{margin-left:3px;color:#999;font-size:12px}
.filter .hylist a:hover,.filter .hylist a.selected{background:#f00;color:#fff}
.filter .hylist a:hover span,.filter .hylist a.selected span{color:#f5f5f5}
.filter .cat-item{padding:10px;border-bottom:1px dotted #ddd;clear:both;overflow:hidden}
.filter .cat-item:last-child{border-bottom:0}
.filter .catname{padding:10px 0;font-size:16px;line-height:20px;color:#f00}
.num-result{color:#666}
.num-result span{color:#f60;padding:0 3px;font-size:16px}
.list-item{background:#fff;padding:20px;margin:10px 0;overflow:hidden;border:1px solid #ddd}
.company-logo{float:left;width:160px;height:160px;line-height:160px;text-align:center}
.company-logo img{max-width:160px;max-height:160px;vertical-align:middle}
.company-detail{padding-left:170px}
.company-info{float:left;width:65%}
.company-info h3{font-size:18px;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.company-product{float:right;width:30%}
.qyk .company-detail{padding-left:0}
.cplist .catbox{background-color:#fff}

/* 商铺列表 */
.shop-list{margin-top:15px}
.shop-list .list-item{float:left;width:calc(50% - 47px);min-height:140px;margin:0 0 10px}
.shop-list .list-item:hover{border-color:#f60}
.shop-list .list-item:nth-child(even){float:right}
.shop-list .company-info{float:none;width:auto}

/* 产品列表 */
.product-img{float:left;width:200px;height:200px;line-height:200px;text-align:center}
.product-img img{max-width:200px;max-height:200px;vertical-align:middle}
.product-detail{padding-left:220px}
.product-info{float:left;width:85%}
.product-info h3{font-size:18px;margin-bottom:10px}
.product-price{float:right;width:10%;line-height:50px;text-align:right;font-size:12px;color:#999}
.product-price span{font-size:16px;color:#666}
.sx_dl{width:524px;border:1px solid #ededed;border-bottom-color:#ededed;border-bottom:none;border-right:none;margin:15px 0 0 0;font-size:12px;overflow:hidden}
.sx_dl *{overflow:hidden;word-break:break-all}
.sx_dl dt{background:#fafafa;width:90px;color:#999;padding-right:7px;margin:0;text-align:right}
.sx_dl dd{width:150px;padding:0 10px;color:#333}
.sx_dl dt, .sx_dl dd{float:left;height:31px;line-height:31px;padding:0 5px;border-bottom:1px solid #ededed;border-right:1px solid #ededed;margin:0}

/* 资讯列表 */
.info-list{background:#fff;padding:0 20px;margin:10px 0;overflow:hidden;border:1px solid #ddd}
.info-list .list-item{background:none;padding:20px;margin:10px 0;overflow:hidden;border:none;border-bottom:1px solid #ddd}
.info-list .list-item:last-child{border:none}
.info-info h3{font-size:24px;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.info-info .desc-txt{height:auto;border:none}
.info-info .pdate{color:#999;font-size:12px}

/* 问答列表 */
.faq-item{padding:15px 0;border-bottom:1px solid #ddd}
.faq-tit{font-size:18px;font-weight:600;line-height:1.6}
.faq-cnt{margin:10px 0 5px;color:#999}
.faqcnt-item{padding:15px;border-bottom:1px solid #ddd}
.faqcnt-item:last-child{border:none}
.faqcnt-item h2{font-size:18px}
.faqcnt-item p{color:#666}
.relatecomp{background:#fff;border:1px solid #ddd}
.relatecomp h3{background:#f5f5f5;padding:10px;font-size:18px;border-bottom:1px solid #ddd;text-align:center}
.relatecomp .towebsite a{background:#ddd;width:150px;padding:10px 0;margin:0 auto 10px;text-align:center;display:block}
.relatecomp .towebsite a:hover{background-color:#ccc}
.compdt{padding:15px 15px 5px}
.compdt p{padding:5px 0;color:#666}
.compdt p span{color:#888}
.faqdetail aside{width:300px;border:none}
.faqdetail aside .bgbox1-r-box{margin-bottom:15px}

/* 禁售说明 */
aside .bgbox1-r-box.fixDiv{top:0;position:fixed}
.jshow-item{margin-bottom:15px}
.jshow-item img{max-width:100%}
.jsbox{min-height:400px}
.jsbox h3{font-size:20px;padding-bottom:10px}
.jsbox h4{font-size:16px;padding:15px 0 5px 10px}
.jsbox h5{font-size:15px;padding:5px 0 5px 20px}
.jsbox h4 a{font-size:14px;margin-left:15px;color:#d0121b}
.jsbox p{padding:5px 0;color:#666;padding-left:20px}
.jsbox p.red{color:red}
.jsbox p a{color:red}
.tips{background:#f5f5f5;border:1px solid #ddd;padding:15px;margin:10px 0}
.tips p{padding:0}
.tips p a{color:red;}
.jinshou .newslist li.active a{font-size:16px;color:#d0121b}

.fullpage article{float:none;width:100%;padding:0;}

/* 404 */
.fzfpage{background-color:#f2f3f5;margin:0 auto;text-align:center}
.fzf-content{background-color:#fff;width:450px;padding:50px;margin-top:25px;display:inline-block;border-radius:10px}
.fzf-content p{margin:15px 0;}
.error .fzf-content{width:550px;margin:0 auto;}
.fzfpage a{background-color:red;padding:10px 15px;display:inline-block;color:#fff;border-radius:5px}
.fzfpage a:hover{background-color:#d0111a}
.fzftips{background:#fffbda;padding:10px;margin:10px 0;border:1px dotted #f3ad4e;text-align:left;}
.fzftips p{padding:5px 0;}


/***** 多终端适应样式 *****/
@media(max-width:1200px){
}
@media(max-width:1024px){
}
@media(max-width:820px){
}
@media(max-width:768px){ 
}
@media(max-width:576px){
	.productbox .product-item{width:calc(100% - 21px);float:none;}
	header .logo span,header fieldset,header .search,.topic .box_l,.tit span,.navcatbox,.focusbox,nav li.allcat{display:none;}
	.topic .box_r{padding:0;margin:0 auto;float:none;}
	nav li a{padding:0 10px;}
	main section{padding:10px;}
	.navcatbox ul li,.col6 li,.col5 li,.navcatbox.fixDiv ul li,.col3 li{width:50%}
	.indexhotkey a{width:calc(50% - 10px)}
	.navcatbox,.hyq nav .submenu.container{height:auto;}
	.qyk .twocol .columnbox .box_l{margin:0;}
	.qyk .twocol .columnbox .box_r{width:calc(100% - 20px);padding:10px;}
	.twocol .box_r, .threecol .box_r{position:static;}
	section .columnbox .box_l .hotcom{float:none;width:calc(100% - 31px);}
	.twocol section{width:calc(100% - 22px);float:none;}
	.twocol .indexhotkey{width:calc(100% - 30px);float:none;}
	.index .twocol .ulpic,.threecol .box_r{width:100%;float:none;}
	.twocol section:nth-child(even){float:none;}
	.subcolumnbox .box_r{width:calc(100% - 10px);border:none;}
	article,aside{float:none;width:calc(100% - 20px);padding:10px;}
	.newsbox{padding:0}
}

/** 首页案例  **/
.excellent {border: 1px solid #ddd;}
.excellent h2 {
  padding: 2px 15px;
  font-size: 24px;
  border-bottom: 2px solid #d0121b;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
}
.excellent h2 span {
  float: right;
  font-size: 14px;
}

.excellent .case-list {
  width: 1168px;
  margin: auto;
  padding: 10px 10px;
  overflow: hidden;
}
.excellent .case-list .case-item:last-child {
  margin-right: 0; }
.excellent .case-list .case-item {
  position: relative;
  margin-right: 2px;
  margin-bottom: 5px;
  float: left;
  width: 193px;
}
.excellent .case-list .case-item img {
  width:100%;
  height:154px;
  border-radius: 5px;
}
.excellent .case-list .case-item .case-item-info {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 10px 5px;
  width:182px;
  border-radius: 0 0 5px 5px;
  background: rgba(0, 0, 0, 0.4); }
.excellent .case-list .case-item .case-item-info p {
  font-size: 14px;

  font-weight: 700;
  text-align: left;
  color: #ffffff;
  line-height: 18px;
  overflow: hidden; }
.excellent .case-list .case-item .case-item-info span {
  overflow: hidden;
  font-size: 12px;
  color: #fff; }

