/* reset */
* {box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,table,th,td,form,input,button,textarea{margin:0;padding:0;}
body{font:12px/24px 'Microsoft YaHei';}
h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
img,iframe{border:0;vertical-align:top;}
i,cite,em{font-style:normal;}
ol,ul{list-style:none;}
input,button,select,textarea{outline:none;}
textarea{overflow:auto;resize:none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#FF0000;}
.w1200 {width: 1200px;margin: 0 auto;}
.fl {float: left;}
.fr {float: right;}
.clear{ clear:both;}
i{-webkit-text-stroke: 1px #e5292e; color:#e5292e; font-size: 1em}
.w1100{ width:1100px; margin:0 auto;}

/*tab切换*/
ul{margin: 0;padding: 0;}
.clearfloat{zoom: 1;}
.clearfloat::after{display: block;clear: both;content: "";visibility: hidden;height: 0;}
.tab-list{position: relative;}
.tab-list .tab-itom{float: left;list-style: none;margin-right: 4px;}
.tab-itom .test-label{position: relative;display: block;width: 85px;height: 27px;border: 1px solid transparent;/* border-top-left-radius: 5px;border-top-right-radius: 5px;*/line-height: 27px;text-align: center;/* background: #e7e8eb;*/background: #f9f9f9;background: -moz-linear-gradient(top, #f9f9f9 0%, #d6d8d9 100%);background: -webkit-linear-gradient(top, #f9f9f9 0%,#d6d8d9 100%);background: linear-gradient(to bottom, #f9f9f9 0%,#d6d8d9 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#d6d8d9',GradientType=0 );}
.tab-itom .tab-box{/* 设置绝对定位方便定位相对于tab-list栏的位置，同时为了可以使用z-index属性*/position: absolute;left: 0;top: 28px;width: 260px;height: 260px;border: 1px solid #cbcccc;background: #fff;/* 设置层级最低方便选中状态遮挡*/z-index: 0;}
.tab-itom .tab-box .dgepp{ color: #999999;}
.tab-itom .tab-box ul{ padding:10px;}
.tab-itom .tab-box ul li{ padding-bottom:4px; border-bottom:1px solid #cbcccd;}

/* 用绝对定位使按钮脱离文档流，透明度设置为0将其隐藏*/input[type="radio"]{position: absolute;opacity: 0;}
/* 利用选择器实现 tab切换*//* 当radio为选中状态时设置它的test-label兄弟元素的属性*/
input[type="radio"]:checked + .test-label{/* 为了修饰存在的边框背景属性*/border-color: #cbcccc;border-bottom-color: #fff;background: #fff;/* 为了修饰存在的层级使下边框遮挡下方div的上边框*/z-index: 10;}
/* 当radio为选中状态时设置与它同级的tab-box元素的显示层级*/
input[type="radio"]:checked ~ .tab-box{/* 选中时提升层级，遮挡其他tab页达到选中切换的效果*/z-index: 5;}
/*网站地图*/
.clear{ clear:both;}
.co1{ width:1200px; margin:auto;}
.dt1 { /*border:1px solid #CCCCCC;*/ margin:5px; height: auto; min-height:30px;}
.dt1 li{ list-style:none; width:13%; float:left;}
.dt1 li a{ height:30px;line-height:30px;text-align:center;}
.dt2{margin:5px;border:1px solid #CCCCCC; padding-left:10px;}
.dt2 li{ list-style:none; line-height:30px;}
/*网站地图end*/


/*menu开始*/
.imenu_bg{height:50px;margin:60px auto 0 auto;position:relative;}
.imenu{height:50px;line-height:50px;text-align:center;font-size:14px;cursor:pointer;color:#FFF;float:left;margin-right:1px;}
.imenu a{ display:block; padding:0 8px;color:#FFF;text-decoration:none}
.imenu a:hover{display:block;text-decoration:none;color:#fff;background-color:#687178;}
.imenu_on{display:block; padding:0 10px;height:50px;line-height:50px;background-color:#687178;color:#fff;cursor:pointer;float:left;text-align:center;font-size:16px;margin-right:1px;font-weight:bold;}
.imenu_on a{color:#fff;text-decoration:none;font-size:14px;}/*
.imenu_on a:hover{color:#fff;background-color:#687178;text-decoration:none; }
*/
.submnu{width:1100px;*width:1100px;_width:1100px; height:auto; color:#FFFFFF; font-weight: 300; text-align:left;margin:0 auto;display:none;position:absolute;left:-130px;top:48px;z-index:1000;/*渐变背景*/background: #677077;
background: -moz-linear-gradient(top,  #677077 0%, #3f484f 100%);background: -webkit-linear-gradient(top,  #677077 0%,#3f484f 100%);
background: linear-gradient(to bottom,  #677077 0%,#3f484f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#677077', endColorstr='#3f484f',GradientType=0 ); 
border:1px solid #e0e2e3;/*描边*/-moz-box-shadow:0px 2px 5px #757575; -webkit-box-shadow:0px 2px 5px #757575; box-shadow:0px 2px 5px #757575;/*阴影*/}
.imenu .semore a{ width:110px; height:30px; line-height:30px; line-height:30px;/* padding:5px 25px; */color:#FFFFFF; background: #f80304;
background: -moz-linear-gradient(top, #f80304 0%, #b41a2b 100%);background: -webkit-linear-gradient(top, #f80304 0%,#b41a2b 100%);
background: linear-gradient(to bottom, #f80304 0%,#b41a2b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80304', endColorstr='#b41a2b',GradientType=0 );}
.imenu .semore a:hover{width:110px; height:30px; line-height:30px; line-height:30px;/*padding:5px 25px; */color:#FFFFFF; background: #f80304;
background: -moz-linear-gradient(top, #b41a2b 0%, #f80304 100%);background: -webkit-linear-gradient(top, #b41a2b 0%,#f80304 100%);
background: linear-gradient(to bottom, #b41a2b 0%,#f80304 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41a2b', endColorstr='#f80304',GradientType=0 );}


/*导航*/
#header{height: 108px;/* border-bottom: #c9c9c9 2px solid;*/ position: relative; z-index: 10; background: #697279;
background: -moz-linear-gradient(top, #697279 0%, #3b454c 100%);background: -webkit-linear-gradient(top, #697279 0%,#3b454c 100%);
background: linear-gradient(to bottom, #697279 0%,#3b454c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#697279', endColorstr='#3b454c',GradientType=0 );}
#header_logo{ width:130px; left: 2px; background:#FFFFFF; float:left; display:block;}
#header_nav{ width:650px;float:left;}
#header_menu_list{ height: 108px;line-height:88px;/*margin-left: 208px;*/ margin-bottom: 0; left:0;}
.header_menu_list{top:60px; height:48px; line-height:48px;float: left;font-size: 14px; color: #8e8e8e; position: relative;}
.header_menu_list_checked{border-bottom: #d8251b 2px solid;}
.header_menu_list a {padding:0 10px; top:20px; height: 48px; line-height:48px; width: 100%;  display: block; color:#fff; text-decoration: none; transition: font-size 0.2s, color 0.5s;}
.header_menu_list_checked a{ font-size: 18px; color: #d8251b;}
.header_menu_list span{height: 22px; width: 1px; background-color: #6c7a85; position: absolute; left: 0; top: 15px;}/*导航字后面的竖线*/
.header_menu_list a:hover{font-size: 14px; color: #d8251b;border-bottom: #d8251b 2px solid;}
#header_menu_details{/*overflow: hidden;*/ display:none; position: absolute;width: 1100px; height: auto;padding-bottom:1rem;margin-left:-130px;/*渐变背景*/background: #677077;
background: -moz-linear-gradient(top,  #677077 0%, #3f484f 100%);background: -webkit-linear-gradient(top,  #677077 0%,#3f484f 100%);
background: linear-gradient(to bottom,  #677077 0%,#3f484f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#677077', endColorstr='#3f484f',GradientType=0 ); 
border:1px solid #e0e2e3;/*描边*/-moz-box-shadow:0px 2px 5px #757575; -webkit-box-shadow:0px 2px 5px #757575; box-shadow:0px 2px 5px #757575;/*阴影*/}
.header_detail_container{/*width: 1100px; height:auto;*/ position: absolute; top: 0; left: 0;color:#FFFFFF;}
#header_menu_details_box{ width: 1100px; height:450px; margin: 0 auto; overflow: hidden; position: relative;}
#header_menu_details_mask{width:8000px; height: 450px;position: absolute;}
.sw{width:355px; float:left;margin-left:20px; }
.se{width:680px; float:left; margin-left:20px; line-height:35px; font-size:14px;}
.ser{width:1100px;margin-left:20px; margin-top:20px; }
.ser li{ width:250px; height:50px; line-height:40px;float:left; background:#343d44; margin-right:16px; margin-bottom:5px;}
.ser li a{ font-size:14px;display:block; padding:0 5px; color:#FFFFFF; margin-left:10px;margin-right:6px;} 
.ser li:hover{ background:#1c262c;}
.ser i{-webkit-text-stroke: 1px #FFFFFF; color:#FFFFFF; font-size: 1em;}
.ser span{ float: right;}
.semore a{ padding:5px 25px; color:#FFFFFF; background: #f80304;
background: -moz-linear-gradient(top, #f80304 0%, #b41a2b 100%);background: -webkit-linear-gradient(top, #f80304 0%,#b41a2b 100%);
background: linear-gradient(to bottom, #f80304 0%,#b41a2b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80304', endColorstr='#b41a2b',GradientType=0 );}
.semore a:hover{padding:5px 25px; color:#FFFFFF; background: #f80304;
background: -moz-linear-gradient(top, #b41a2b 0%, #f80304 100%);background: -webkit-linear-gradient(top, #b41a2b 0%,#f80304 100%);
background: linear-gradient(to bottom, #b41a2b 0%,#f80304 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41a2b', endColorstr='#f80304',GradientType=0 );}

/* banner */
.banner{height:500px;}
.banner .ban_c img{position:absolute;/*width:1920px;left:50%;margin-left:-960px;*/ width:1114px; margin:0 auto;top:0;}
.banner .ban_nav{display:none;}
.banner .Left,.banner .Right{position:absolute;width:38px;height:38px;background:url(../images/cir_white.gif) no-repeat #aaa;right:50%;bottom:15px;}
.banner .Left{margin-right:-450px;background-position:5px 0}
.banner .Right{margin-right:-490px;background-position:-33px 0;background-color:#e6292f;}
.bann_ext{position:relative;}
.frontCover{position:absolute;top:-120px;padding:0 0 16px;border-bottom:5px solid #de0000;}
.frontCover li{float:left;width:82px;padding:3px;background:#000;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover p{text-align:center;height:14px;line-height:18px;overflow:hidden;}
.frontCover .img{position:relative;height:50px;overflow:hidden;}
.frontCover img{position:absolute;width:192px;height:50px;left:-50px;}
.frontCover .open{background:#e60013;}
.wrap{width:980px;margin-left:auto;margin-right:auto;}

/*幻灯片(组件)*/
.slide{position:relative;width:100%;}
.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.ban_c img{width:100%;height:100%;}
.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}
.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}
.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}
.ban_nav .on{background:#f90;color:#fff;}
.Left,.Right{cursor:pointer;}

.maince{ background:#FFFFFF; height:700px;}
.maincw{ width:1060px; margin:auto; padding-top:20px; }
.maincw1{ float:left; margin-right:20px;}
.maincw2{ float:left; margin-right:20px;}
.maincw3{ width:250px; float:left; margin-right:20px;}
.maincw4{ float:left; }
.maincw4 p{margin:5px 10px; font-size:14px;}
.maincw5{ float:left; margin-right:20px; margin-top:20px;}
.maincw5 .t2{ font-size:16px; width:96%; margin-left:2%; height:40px; line-height:40px;}
.maincw5 .t3{font-size:14px; width:97%; margin-left:2%;}
.maincw5 .t4{ font-size:14px;width:97%; margin-left:2%;}
.maincw5 .t4 li{ height:30px; line-height:30px;}
.maincw5 .t4 a:hover{ color:#FF0000;}
.maincw6{ float:left;margin-top:20px;}
.maincw6 .t2{ font-size:16px; width:96%; margin-left:2%; height:40px; line-height:40px;}
.maincw6 .t3{font-size:14px; width:97%; margin-left:2%;}
.maincw6 .t4{ font-size:14px;width:97%; margin-left:2%;}
.maincw6 .t4 li{ height:30px; line-height:30px;}
.maincw6 .t4 a:hover{ color:#FF0000;}

.tim{ border:1px solid #CCCCCC; height:290px; width:248px;}
.tim img{ width:100%;}
.tim2{ border:1px solid #CCCCCC; height:290px; width:518px;}
.tim2 img{width:100%;}

.tt1{ font-size:16px; margin:5px 10px;}
.tt2{ margin:5px 10px;}
.tt3{ font-size:16px;margin:5px 10px;}

.foot{height:200px; background:#333c43; padding-top:20px;}
.foote{}
.footf{ color:#fff; border-top:1px solid #666666;}
.foof1{ width:700px;}
.foof1 li{ float:left;}
.foof1 li a{ color:#efeeee; padding:5px 10px;}
.foot2{ width:390px;}
.foottl{ width:790px; }
.foottr{ width:300px; text-align:right;}

#header_search{width: 310px; height: 32px;float:left; right:0; }
div.search { padding-top:30px; } 
form{position: relative;width: 300px;margin: 0 auto;}
.d3 {}
.d3 form {}
.d3 input, .d3 button{border: none;outline: none;background: transparent;}
.d3 input{color:#FFFFFF;width: 100%;background: #1b252b;border:1px solid #999999;height: 35px;padding-left: 15px;}
.d3 button{height: 35px;width: 35px;position: absolute;top: 0;right: 0;cursor: pointer;}
.d3 button:before{content: "\f002";font-family: FontAwesome;font-size: 16px;color: #fff;} 


.login{ width:250px; float:right;text-align:right; margin-top:10px;}
.outlogin{ color:#FFFFFF; text-align:right; }
.dl { text-align:left; padding:20px; width:250px; height:300px;background: #fff;
background: -moz-linear-gradient(top,  #fff 0%, #a9aeb0 100%);background: -webkit-linear-gradient(top,  #fff 0%,#a9aeb0 100%);
background: linear-gradient(to bottom,  #fff 0%,#a9aeb0 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#a9aeb0',GradientType=0 ); }
#box .dl2{ font-size:18px;}
#box .dltt{ font-size:14px; font-weight:bold;}
#box .logininput{ width:210px; height:27px;}
#box .dl
#box .bset{ text-align:right;}

#box .bset input{ margin-bottom:10px; margin-top:10px; border:0;text-align:right; padding:5px 25px; color:#FFFFFF; background: #f80304;
background: -moz-linear-gradient(top, #f80304 0%, #b41a2b 100%);background: -webkit-linear-gradient(top, #f80304 0%,#b41a2b 100%);
background: linear-gradient(to bottom, #f80304 0%,#b41a2b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80304', endColorstr='#b41a2b',GradientType=0 );}
#box .bset input:hover{ border:0;text-align:right;padding:5px 25px; color:#FFFFFF; background: #f80304;
background: -moz-linear-gradient(top, #b41a2b 0%, #f80304 100%);background: -webkit-linear-gradient(top, #b41a2b 0%,#f80304 100%);
background: linear-gradient(to bottom, #b41a2b 0%,#f80304 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41a2b', endColorstr='#f80304',GradientType=0 );}
/*
#box .bset a{text-align:right; padding:5px 25px; color:#FFFFFF; background: #f80304;
background: -moz-linear-gradient(top, #f80304 0%, #b41a2b 100%);background: -webkit-linear-gradient(top, #f80304 0%,#b41a2b 100%);
background: linear-gradient(to bottom, #f80304 0%,#b41a2b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80304', endColorstr='#b41a2b',GradientType=0 );}
#box .bset a:hover{text-align:right;padding:5px 25px; color:#FFFFFF; background: #f80304;
background: -moz-linear-gradient(top, #b41a2b 0%, #f80304 100%);background: -webkit-linear-gradient(top, #b41a2b 0%,#f80304 100%);
background: linear-gradient(to bottom, #b41a2b 0%,#f80304 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41a2b', endColorstr='#f80304',GradientType=0 );}*/
#box .bset p a:hover{ color:#FF0000;}

[class*="hint--"]{position: relative;display: inline-block;/** * tooltip arrow*//** * tooltip body*/}
[class*="hint--"]:before, [class*="hint--"]:after{position: absolute;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);visibility: hidden;opacity: 0;z-index: 1000000;pointer-events: none;-webkit-transition: 0.3s ease;-moz-transition: 0.3s ease;transition: 0.3s ease;-webkit-transition-delay: 0ms;-moz-transition-delay: 0ms;transition-delay: 0ms;}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after{visibility: visible;opacity: 1;}
[class*="hint--"]:hover:before, [class*="hint--"]:hover:after{-webkit-transition-delay: 100ms;-moz-transition-delay: 100ms;transition-delay: 100ms;}
[class*="hint--"]:before{content: '';position: absolute;background: transparent;border: 6px solid transparent;z-index: 1000001;}
[class*="hint--"]:after{background: #383838;color: white;padding: 8px 10px;font-size: 12px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;line-height: 12px;white-space: nowrap;}
[class*="hint--"][aria-label]:after{content: attr(aria-label);}
[class*="hint--"][data-hint]:after{content: attr(data-hint);}
[aria-label='']:before, [aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after{display: none !important;}
.hint--bottom:before{margin-top: -11px;}
.hint--bottom:before, .hint--bottom:after{top: 100%;left: 50%;}
.hint--bottom:before{left: calc(50% - 6px);}
.hint--bottom:after{-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);transform: translateX(-50%);}
.hint--bottom:hover:before{-webkit-transform: translateY(8px);-moz-transform: translateY(8px);transform: translateY(8px);}
.hint--bottom:hover:after{-webkit-transform: translateX(-50%) translateY(8px);-moz-transform: translateX(-50%) translateY(8px);transform: translateX(-50%) translateY(8px);}


.main{ background:#dbdedf;overflow:hidden;}
.segrt{ background:#FFFFFF;overflow:hidden; width:1120px; margin:0 auto; padding-top:20px;}
.mainl{ width:800px; margin-left:20px; margin-right:20px; float:left;}
.mainl .tit{ font-size:24px; line-height:40px;}
.mainl .titdj{ border-bottom:1px  solid #e5e8e9; margin-bottom:10px; padding-bottom:10px;}
.mainl .qlx{ background:#3b454c; height:180px;  color:#FFFFFF; padding-left:30px;}
.mainl .qlx .tit{ padding-top:20px;}
.mainl .qlx .bot{ text-align:right; margin-right:20px;}
.mainl .qlx .bot  a{ padding:5px 25px; color:#FFFFFF; background: #f80304;
background: -moz-linear-gradient(top, #f80304 0%, #b41a2b 100%);background: -webkit-linear-gradient(top, #f80304 0%,#b41a2b 100%);
background: linear-gradient(to bottom, #f80304 0%,#b41a2b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80304', endColorstr='#b41a2b',GradientType=0 );}
.mainl .qlx .bot  a:hover{padding:5px 25px; color:#FFFFFF; background: #f80304;
background: -moz-linear-gradient(top, #b41a2b 0%, #f80304 100%);background: -webkit-linear-gradient(top, #b41a2b 0%,#f80304 100%);
background: linear-gradient(to bottom, #b41a2b 0%,#f80304 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b41a2b', endColorstr='#f80304',GradientType=0 );}

.mainr{ width:260px; margin-right:20px;float:left;}
.mainr .xsed{ font-size:14px; padding:20px;border:1px solid #dbdedf; }
.mainr .xsed ul{line-height:30px;}
.mainr .xsed a:hover{ color:#FF0000;}
.mainr .ttsxd{ font-size:16px; line-height:30px; margin-top:10px;}

.footer{  background:#dbdedf; overflow:hidden;}
.footss{width:1100px; margin:0 auto;} 
.footss .footerl{ width:200px; float:left;padding-bottom:20px; padding-top:10px; }
.footerl a{padding:5px;}
.footss .dy{ border:0;}

/*产品列表*/
.pavilion-container a{text-decoration: none;color: inherit}
.pavilion-container ul{list-style: none}
.overflow-hide{overflow: hidden}
.col-sm-3{width: 25%;float: left;position: relative}
.pavilion-container{padding-bottom: 50px;background-position: center;}
/*tab分类*/
.pavilion-container .pavilion-inner{max-width: 1200px;margin: 0 auto}
.pavilion-container .pavilion-inner .tabs{}
.pavilion-container .pavilion-inner .tabs i{-webkit-text-stroke: 1px #6e777f; color:#6e777f; font-size: 1em;}
.pavilion-container .pavilion-inner .tabs i:hover{-webkit-text-stroke: 1px #fff; color:#fff; font-size: 1em;}
.pavilion-container .pavilion-inner .tabs span{ float: right;}
.pavilion-container .pavilion-inner .tabs li{width:23%;float: left; background:#e3e5e6; line-height: 55px;font-size: 14px;color: #000000;letter-spacing: .35px;  padding-left:10px; padding-right:10px; margin-bottom:10px; margin-left:18px;}
.pavilion-container .pavilion-inner .tabs li.on{background: #3b454c;color: #fff}
.pavilion-container .pavilion-inner .tabs li .hot-icon{width: 18px;height: 24px;background: url(../images/marketplace-selected-fire-leave.svg);margin-right: 10px;background-repeat: no-repeat}
.pavilion-container .pavilion-inner .tabs li.on .hot-icon{background: url(../images/marketplace-selected-fire.svg)}
.pavilion-container .pavilion-inner .tabs li>span{display: inline-block;vertical-align: middle}
/*tab内容*/
.pavilion-container .tab-content-wrap{margin-top: 20px;height: auto;}
.pavilion-container .tab-content{transition: all .7s linear;opacity: 0;z-index: -1;height: 0;width: 100%}
.pavilion-container .tab-content.show{height: auto;opacity: 1;top: 0;z-index: 1}
/*中卡片*/
.pavilion-container .tab-content .col-sm-3 { margin-top:30px; width:250px; height:220px; float:left; margin-right:20px;}
.pavilion-container .tab-content .col-sm-3 .tab-card{border-top:1px solid #333333;}
.pavilion-container .tab-content .col-sm-3 .tab-card img{ width:230px; padding-left:10px;}
.pavilion-container .tab-content .col-sm-3 .tab-card a{ font-size:14px; line-height:40px;margin-top: 15px;}
.sgerok{ margin-left:20px;}
.mainp{ background:#dbdedf;overflow:hidden;}
.segrtp{overflow:hidden; width:1120px; margin:0 auto; padding-top:20px;}
.mainp .titr{ padding:10px 20px; font-size:26px;}
.mainp .titrdc{ padding:6px 20px; font-size:16px; color:#666666;}
.mainp .titpic{ width:300px; float:left; margin-left:20px;}
.mainp .titpic img{ width:300px;}
.mainp .titeg{ width:760px; margin-left:20px; float:left; margin-right:20px; font-size:14px;}

/*产品列表end*/
/*about*/
.content {padding:30px;}
.tabsfg{width: 600px;float: none;list-style: none;/*position: relative;*/text-align: left;}
.tabsfg li{float: left;display: block;}
.tabsfg input[type="radio"]{position: absolute;top: -9999px;left: -9999px;}
.tabsfg label{display: block;padding: 14px 21px;border-radius: 2px 2px 0 0;font-size: 20px;font-weight: normal;text-transform: uppercase;background: #6A9E52;cursor: pointer;position: relative;top: 4px;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.tabsfg label:hover{background: #508438;}
.tabsfg .tab-content{z-index: 2;display: none;overflow: hidden;width: 100%;font-size: 17px;line-height: 25px;padding: 25px;position: absolute;top: 53px;left: 0;background: #376B1F;}
.tabsfg [id^="tab"]:checked + label{top: 0;padding-top: 17px;background: #376B1F;}
.tabsfg [id^="tab"]:checked ~ [id^="tab-content"]{display: block;}
/*
.sdpo{ height:600px;}
.sdpo ul{ width: 300px; margin: 100px auto;}
.sdpo ul li{ list-style: none;}
.sdpo ul li input{ display: none;}
.sdpo ul li label{ float: left; width: 100px; text-align: center; line-height: 30px; border: 1px solid #000; border-right: 0; box-sizing: border-box; cursor: pointer; transition: all .3s;}
.sdpo ul li input:checked+label{ color: #fff; background-color: #000;}
.sdpo ul li:last-child label{ border-right: 1px solid #000;}
.sdpo ul li .content{ opacity: 0; visibility:hidden; position: absolute; left: 0;  width: 100%; height: 300px; margin-top:40px; box-sizing: border-box; font-size: 24px; text-align: center;  color: #fff; transition: all .3s;}
.sdpo ul li input:checked~.content{ opacity: 1; visibility:visible;}
*/
.hrdb{ background:#FFFFFF; overflow:hidden;padding:20px; }
.hrdb .tit{ font-size:24px; line-height:40px; margin-bottom:20px;}
.hrdb ul{margin:0 auto;}
.hrdb li{ background:#dbdedf; margin-right:20px; width:134px; float:left; text-align:center; height:40px; line-height:40px; margin-bottom:10px;}
.hrdb li a{ display:block;}
.hrdb li a.on{background:#333333;color:#FFFFFF;}
.hrdb li:hover{ background:#333333; }
.hrdb li a:hover{color:#FFFFFF;}
.pok{ background:#FFFFFF; padding:20px; font-size:14px; line-height:30px;}
.pokdl{ background:#FFFFFF; overflow:hidden; padding:60px 0; margin:0 auto;}

/*新闻列表*/
.mainl .list{ margin-top:30px;}
.mainl .list li{ margin-bottom:10px; border-bottom:1px solid #e5e8e9; padding-bottom:10px;}
.mainl .list li a{ font-size:15px;}
.mainl .list li a:hover{ color:#FF0000;}

/*页码*/
.pages{margin:20px 0;text-align:center}
.pages a,.pages span{padding:2px 8px;border:1px solid #999;margin:0 5px;color:#999}
.pages a:hover,.pages span:hover{border:1px solid red;color:red}
.pages .current{background-color:red;border:1px solid red;color:#fff}
.pages .current:hover{color:#fff}
/*页码 end*/