/*程序制作:www.webjiu.com*/
@import url(anim.css);
@charset "utf-8";
/*选中背景色*/
::selection {background:#970F12;color:white;}
::-moz-selection {background:#970F12;color:white;}
/*全局控制*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div,dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1,h2,h3,h4,h5,h6,
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p,blockquote,th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化
*/
table,td,tr,th{font-size:12px;}
caption,th {text-align:left;}
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
li{list-style-type:none;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-weight:normal; font-style:normal;}
del,ins{text-decoration:none;}
/** 重置文本格式元素 **/
a {color:#333;text-decoration:none;outline:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {color:#E41715;text-decoration:none;}
a:active {color:#E41715;}
/** 重置表单元素 **/
legend { color: #666; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/** 清除浮动 **/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body{background:#fff;font:14px/20px microsift yahei,Tahoma,Arial,Helvetica,sans-serif; color:#333;}
input[type="text"],textarea{-webkit-appearance:none;}
input{_background:#fff;}
textarea{background:#fff;}
select{*background:#fff;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;overflow:hidden;display:block;background:#fff;}
.fl{float:left;}
.fr{float:right;}
.bl1 {clear:both; height:1px; overflow:hidden; display:block; background:#fff;}
.lines {clear:both; height:1px; overflow:hidden; display:block; background:#f1f1f0;}
.bl5 {clear:both; height:5px; overflow:hidden; display:block;}
.bl10 {clear:both; height:10px; overflow:hidden; display:block;}
.bl15 {clear:both; height:15px; overflow:hidden; display:block;}
.bl20 {clear:both; height:20px; overflow:hidden; display:block;}
.bl30 {clear:both; height:30px; overflow:hidden; display:block;}
.bl40 {clear:both; height:40px; overflow:hidden; display:block;}
.bl50 {clear:both; height:50px; overflow:hidden; display:block;}
.bl60 {clear:both; height:60px; overflow:hidden; display:block;}
.bl80 {clear:both; height:80px; overflow:hidden; display:block;}
.bl100 {clear:both; height:100px; overflow:hidden; display:block;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.disno{display:none;}
.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.pzr{ position: relative;}
.wrap{width:1200px;margin:0 auto;min-width:1200px;}
/*头部区域*/
.head{position:relative;width:100%;height:140px;background:url(../images/headbg.png) no-repeat center top;}
.head .logo{width:382px;height:140px;float:left;margin-left:-15px;}
.head .logo a{display:block;width:382px;height:140px;background:url(../images/logo.png) no-repeat;}
.head .search{float:right;width:330px;margin:25px 0 0;}
.head .search p{text-align:right;padding:10px 0;}
.head .search p a{font-size:16px;color:#FCF0B2;margin:0 0 0 20px;}
.head .search p a:first-child{margin:0;}
.head .search .key{width:270px;height:32px;padding:0 0 0 10px;line-height:32px;border:0;float:left;}
.head .search .key[type="text"]:focus{outline:none;}
.head .search .sub{float:right;width:50px;height:32px;background:url(../images/searchbg.png) no-repeat center center;border:none;cursor:pointer;text-indent:-9999px;}


.navbg{width:100%;height:40px;line-height:40px;position:relative;float:left;background:url(../images/navbg.gif) repeat-x #F3F3F3;z-index:10;}
.navs{height:40px;margin:0 auto;line-height:40px;}
.navs li{float:left;margin:0;width:120px;}
.navs li a{display:block;text-align:center;font-size:18px;color:#333;background:url(../images/navlibg.png) no-repeat left center;position: relative}
.navs li:last-child a:after{content:""; position: absolute;bottom:0;right:0;height:40px;background:url(../images/navlibg.png) no-repeat right center;width:2px;}
.navs li a:hover{color:#940608;}
.navs li a.on,.navs li.on a{color:#940608;}
.navs li:hover.on,.navs li:hover a{color:#940608;text-decoration:none;}
.navs li ul{display:none;position:absolute;z-index:9999;}
.navs li ul li{float:none;display:block;position:relative;line-height:40px;_display:inline;}
.navs li ul li .s{position:absolute;top:0;left:140px;border-left:1px solid transparent;}
.navs li ul li .s li{float:none;}
.navs li ul li a{display:block;width:123px;height:42px;line-height:42px;text-align:center;background:#BCC747;font-size:14px;color:#fff;}
.navs li ul li a:hover{color:#940608;}
.navs .t,.navs .t:hover{background:url(../images/nav_ico.gif) no-repeat 120px center #970F12;}

.sbanner{width:100%;clear:both; display:block;overflow:hidden;background:#fff;height:300px;}


/*首页*/
.index{background:url(../images/index.png) no-repeat;height:1981px;}
.index-ad{margin:20px 0;width:100%;float:left;}
.index-ad img{width:100%;height:auto;}
.indexl{float:left;width:840px;}
.indexr{float:right;width:340px;}
.index-title{background:#F4F4F4;height:35px;line-height:35px;width:100%;border-top:2px solid #E41715;border-bottom:1px solid #DCDCDC;}
.index-title h4{padding:0 0 0 18px;float:left;}
.index-title h4 a{font-size:16px;color:#E41715;font-weight:bold;}
.index-title span{float:right;padding:0 10px 0 0;}
.index-title span a{color:#666;font-size:12px;}
.index-pic{float:left;width:200px;padding:20px 0 0;text-align: center;}
.index-pic .pic{width:200px;height:150px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.index-pic .pic img{vertical-align:middle;max-height:150px;max-width:200px;}
.index-pic p{font-size:12px;}
.index-lists{float:right;width:620px;padding:10px 0 0;}
.index-lists ul li{overflow:hidden;height:32px;line-height:32px;width:100%;float:left;}
.index-lists ul li h3{float:left;font-size:16px;height:32px;line-height:32px;background:url(../images/dian.gif) no-repeat left center;padding:0 0 0 10px;background-size:3px auto;}
.index-lists ul li span{float:right;font-size:14px;color:#999;}
.index-lists ul li a{display: block;height:32px;line-height:32px;width:100%;}

.index-lists-b{padding:10px 0 0;}
.index-lists-b ul li h3{font-size:16px;background:url(../images/dian.gif) no-repeat left center;padding:0 0 0 10px;background-size:3px auto;}
.index-lists-b ul li a{display: block;height:32px;line-height:32px;width:100%;}

.index-pic-name,.index-pic-nameb{float:left;width:30px;height:115px;}
.index-pic-name a,.index-pic-nameb a{background-image: linear-gradient(#B41515, #E3131E);text-align:center;display:block;padding:16px 0 0;color:#fff;font-size:16px;writing-mode:lr-tb;width:30px;height:99px;}

.index-pic-b{float:left;}
.index-pic-b ul li{width:124px;float:left;height:115px;text-align:center;margin:0 0 0 10px;}
.index-pic-b .pic{width:122px;height:88px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.index-pic-b .pic img{vertical-align:middle;max-height:88px;max-width:122px;}
.index-pic-b ul li p{padding:5px 0 0;height:20px;overflow:hidden;}


.index-pic-c{padding:20px 0;}
.index-pic-c ul li{width:150px;float:left;height:135px;text-align:center;padding:0 10px;}
.index-pic-c .pic{width:150px;height:88px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;border:1px solid #ccc;overflow:hidden;}
.index-pic-c .pic img{vertical-align:middle;max-height:88px;max-width:150px;}
.index-pic-c ul li p{padding:5px 0 0;}

.index-pic-d{float:left;width:1170px;height:117px;background:#F4F4F4;padding:27px 20px;}

.index-search-a{width:320px;margin:0 auto;padding:0 10px;height:140px;background:url(../images/searchbg-b.png) repeat-x #E4131E;}
.index-search-a p{color:#fff;font-size:16px;padding:5px 0;}
.index-search-a .k{background:#FCF0B2;padding:10px;}
.index-search-a form{width:300px;height:37px;}
.index-search-a .key{width:229px;height:30px;padding:0 0 0 10px;line-height:30px;border:1px solid #999;float:left;border-right:none;}
.index-search-a .key[type="text"]:focus{outline:none;}
.index-search-a .sub{float:right;width:60px;height:32px;background:url(../images/searchbg-c.png) repeat-x;color:#FCF0B2;border:none;cursor:pointer;}

.index-search-c{width:320px;margin:0 auto;padding:0 10px;height:100px;background:url(../images/searchbg-b.png) repeat-x #E4131E;}
.index-search-c p{color:#fff;font-size:16px;padding:5px 0;}
.index-search-c form{background:#FCF0B2;width:300px;height:32px;padding:10px;}
.index-search-c .key{width:229px;height:30px;padding:0 0 0 10px;line-height:30px;border:1px solid #999;float:left;border-right:none;}
.index-search-c .key[type="text"]:focus{outline:none;}
.index-search-c .sub{float:right;width:60px;height:32px;background:url(../images/searchbg-c.png) repeat-x;color:#FCF0B2;border:none;cursor:pointer;}

.index-nav{width:304px;margin:0 auto;padding:20px 0 0;}
.index-nav ul li{width:150px;height:30px;float:left;margin:0 4px 4px 0;}
.index-nav ul li:nth-child(2n){margin-right:0;}
.index-nav ul li a{display: block;width:148px;height:28px;line-height:28px;text-align: center;color:#333;background:#FCF0B2;border:1px solid #E2C878}
.index-search-b{width:304px;margin:0 auto;}
.index-search-b p{color:#333;font-size:14px;padding:5px 0;}
.index-search-b .company{width:292px;height:30px;padding:0 0 0 10px;line-height:30px;border:1px solid #999;float:left;margin:0 0 7px 0;}
.index-search-b .key{width:233px;height:30px;padding:0 0 0 10px;line-height:30px;border:1px solid #999;float:left;border-right:none;}
.index-search-b .key[type="text"]:focus{outline:none;}
.index-search-b .sub{float:right;width:60px;height:32px;background:url(../images/searchbg-c.png) repeat-x;color:#FCF0B2;border:none;cursor:pointer;}

.index-search-d{width:100%;margin:10px auto;height:80px;}
.index-search-d .company{width:188px;height:30px;padding:0 0 0 10px;line-height:30px;border:1px solid #999;float:left;margin:0 0 7px 0;}
.index-search-d .key{width:129px;height:30px;padding:0 0 0 10px;line-height:30px;border:1px solid #999;float:left;border-right:none;}
.index-search-d .key[type="text"]:focus{outline:none;}
.index-search-d .sub{float:right;width:60px;height:32px;background:url(../images/searchbg-c.png) repeat-x;color:#FCF0B2;border:none;cursor:pointer;}


/* banner */
.banners {height:470px;width:100%;margin:0 auto;clear:both;background:#fff;position:relative;max-width:100%; z-index:0;}
.banner a{display:block;background-repeat:no-repeat;background-position:center top;height:470px;}
.banner .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px;}
.banner .slick-arrow{position: absolute;border:none;top:40%; cursor:pointer;height:50px;width:50px;z-index:100;text-indent:-9999px;background:url(../images/pcontrol.png) 0px 0px no-repeat;border-radius:50%;cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.banner .slick-prev{left:2%;}
.banner .slick-next{right:2%;background-position:-50px 0px;}
.banner .slick-arrow:hover{background-color:#333;}
.banner .slick-dots{ position: absolute;left: 50%;bottom:30px;transform: translateX(-50%); z-index: 1000;}
.banner .slick-dots li{width:8px;height:8px;background:#fff;float:left;margin:0 5px;border-radius:50%;}
.banner .slick-dots li.slick-active{background:#970F12;}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:			0;
    padding:		0;
    list-style:		none;
}
.sf-menu {
    line-height:	1.0;
}
.sf-menu ul {
    position:		absolute;
    top:			-999em;
    width:			7em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:			100%;
}
.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:			left;
    position:		relative;
}
.sf-menu a {
    display:		block;
    position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:			0;
    top:			1.8em; /* match top ul list item height */
    z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:			7em; /* match ul width */
    top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:			7em; /* match ul width */
    top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {float:left;margin:7px 0 0 20px;}
.sf-menu a {
    border-left:	1px solid #fff;
    border-top:		1px solid #F33541;
    padding:.4em 1em;
    text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:			#fff;
}
.sf-menu li {
    background:		#F33541;
}
.sf-menu li li {
    background:		#E6313C;
}
.sf-menu li li li {
    background:		#E10B17;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:		#F33541;
    outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 	2.25em;
    min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-menu > li > ul > li > ul > li > ul > li > ul > li{width:50%;float:left;}
.sf-menu > li > ul > li > ul > li > ul > li > ul > li > a {padding:.4em 0 .4em .4em;font-size:12px;}
.sf-sub-indicator {
    position:		absolute;
    display:		block;
    right:			.75em;
    top:			1.05em; /* IE6 only */
    width:			10px;
    height:			10px;
    text-indent: 	-999em;
    overflow:		hidden;
    background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:			.5em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background:	url('../images/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

/*内页*/
.local{width:100%;height:40px;line-height:40px;position:relative;float:left;border-bottom:1px solid #ccc;margin:0 0 30px;}
.local .now{float:left;}
.local .now i{font-style: normal;}
.local .search{float:left;width:298px;height:24px;margin:7px 0 0 65px;border:1px solid #CDCCCC}
.local .searcha{margin:7px 0 0 10px;}
.local .search .key{width:140px;height:24px;line-height:24px;margin:0 0 0 5px;border:0;float:left;}
.local .search .key[type="text"]:focus{outline:none;}
.local .search .sub{float:right;width:30px;height:24px;background:url(../images/search.png) no-repeat center center;background-size:auto 15px;border:none;cursor:pointer;text-indent:-9999px;}
.local .searchb{margin:7px 0 0 10px;float:left;height:26px;line-height:26px;}
.local .searchb .key{width:140px;height:24px;line-height:24px;padding:0 0 0 5px;margin:0 0 0 5px;border:1px solid #CDCDCD}
.local .searchb .key[type="text"]:focus{outline:none;}
.local .searchb .sub{float:right;width:65px;height:26px;border:1px solid #CDCDCD;text-align:left;padding:0 10px;background:url(../images/search.png) no-repeat 42px center;background-size:auto 15px;cursor:pointer;}
.local .searchb .chose{width:15px;height:15px;margin:5px 0 0 5px;border:0;background:#eee;}
.local .searchb .choseb{margin:5px 10px 0 5px;height:15px;line-height:15px;font-weight:bold;}

.pnavtit{display: none}
/*案例筛选*/
.qrm-pinming{float:left;height:24px;line-height:24px;border:1px solid #ccc;position: relative;width:240px;padding:0 0 0 4px;margin:7px 0 0 65px;background: url(../images/qrm-arrow-down.png);background-repeat: no-repeat;background-position:right center;background-color:#fff;}
.qrm-pinming:hover{cursor: pointer;}
.qrm-pinming input:hover{cursor: pointer;}
.qrm-pinming-panel{position: absolute;top:24px;left: -1px;z-index: 99999;width:100%;height:120px;border: 1px solid #dc5843;background:url(../images/qrm-bg.gif) repeat-y center #ffffff;overflow: hidden;}
.qrm-border{float: left;width:50%;height:118px;overflow-y: scroll; /*margin-left: 5px;*/}
.qrm-lev-1,.qrm-lev-2{float: left;width:100%;margin:0;padding:0;font-size:14px;}
.qrm-lev-1 li{width:98%;position: relative;display: block;padding:0 0 0 2%;}
.qrm-lev-2 li{width:100%;position: relative;display: block;padding:0;}
.qrm-lev-1 li a{width:100%; display: block;}
.qrm-lev-2 li a{width:98%; display: block;padding:0 0 0 2%;}
.qrm-lev-1 li a:hover,.qrm-lev-2 li a:hover{background: #dc5843;color: #ffffff;}
.qrm-arrow-right{display: inline-block;width: 7px;height: 14px;background: url(../images/qrm-arrow-left.png) no-repeat;position: absolute;right: 5px;top:7px;}
.qrm-lev-1>li.active{background: #dc5843;color: #ffffff;}
.qrm-lev-2>li.active{background: #f8b1a5;color: #ffffff;}


.col{float:left;width:200px;position:relative;}
.col dl{width:100%;margin:0 0 20px 0;}
.col dl dt{font-size:16px;color:#fff;background:url(../images/colbg.png) repeat-x;height:37px;line-height:37px;padding:0 0 0 18px;}
.col dl dd{font-size:14px;color:#E41714;background:#F4F4F4;border-bottom:1px solid #DCDCDC;height:35px;line-height:35px;padding:0 0 0 18px;}
.col dl dd a.on{color:#E41715}

.cor{float:right;width:950px;}
.lists ul li h3{float:left;font-size:16px;width:800px;overflow:hidden;height:35px;background:url(../images/dian.gif) no-repeat left center;padding:0 0 0 10px;background-size:3px auto;}
.lists ul li span{float:right;font-size:14px;color:#999;}
.lists ul li a{display: block;height:35px;line-height:35px;width:100%;}

.pic-lists{width:100%;float:left;display: block;}
.pic-lists ul li{float:left;width:150px;heigth:150px;margin:0 50px 0 0;}
.pic-lists ul li .pic{float:left;width:148px;height:98px;display:table-cell;border:1px solid #ccc;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;}
.pic-lists ul li .pic img{vertical-align:middle;width:100%;height:98px;object-fit:cover;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.pic-lists ul li p{padding:10px 0;text-align: center;float:left;width:100%;clear:both;}
.pic-lists ul li:nth-child(5n){margin-right:0;}

.pic-lists-b{width:100%;overflow:hidden;float:left;display: block;}
.pic-lists-b ul li{float:left;width:130px;height:125px;margin:0 34px 0 0;}
.pic-lists-b ul li a{ background:#fff;width:130px;height:125px;display:block;overflow:hidden;position: relative;text-align:center;}
.pic-lists-b ul li a .pic{width:130px;height:95px;display:table-cell;border:1px solid #ccc;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;}
.pic-lists-b ul li a .pic img{vertical-align:middle;max-width:130px;max-height:95px;}
.pic-lists-b ul li p{height:30px;line-height:30px;text-align: center;float:left;width:100%;clear:both;}
.pic-lists-b ul li:nth-child(6n){margin-right:0;}




.pic-lists-c{width:100%;float:left;display: block;}
.pic-lists-c ul li{float:left;width:140px;heigth:240px;margin:0 34px 0 0;}
.pic-lists-c ul li .pic{float:left;width:140px;height:200px;display:table-cell;border:1px solid #ccc;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;}
.pic-lists-c ul li .pic img{vertical-align:middle;width:100%;height:200px;object-fit:cover;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.pic-lists-c ul li p{padding:10px 0;text-align: center;float:left;width:100%;clear:both;}
.pic-lists-c ul li:nth-child(5n){margin-right:0;}

/*关于我们*/
.about-pic img{width:100%;height:auto;}
.about-title{border-bottom:2px solid #ccc;line-height:66px;height:66px;width:100%;float:left;position: relative;}
.about-title h3{font-size:26px;position: absolute;font-weight:bold;border-bottom:2px solid #E41715;width:160px;}
.about-content{padding:20px 0 30px;width:100%;float:left;font-size:16px;}
.about-content p{line-height:36px;padding:0 0 10px 0;}


/*广东省名牌企业查询*/
.dsearch{background:url(../images/data-search-bg.png) no-repeat top center;height:320px;width:90%;text-align: center;padding:70px 5% 0;}
.dsearch h4{color:#C71A1B;font-size:26px;padding:0 0 40px 0;background:url(../images/line.gif) repeat-x bottom;}
.dsearch p{padding:20px 0 0}
.dsearch p span{color:#E41714;font-weight:bold;padding:0 10px 0 0;}
.zidian {background: #F4F4F4;height:240px;}
.dsearch #search{width:655px;margin:0 auto;height:50px;}
.dsearch #searcha{width:855px;margin:0 auto;height:50px;}
.dsearch .key{width:500px;height:48px;display:inline-block;float:left;border:1px solid #999;padding:0 0 0 20px;color:#999;font-size:14px;margin:0 10px;}
.dsearch .sub{width:99px;height:50px;display:inline-block;float:left;background:url(../images/searchbgb.png) no-repeat center center;border:none;cursor:pointer;font-size:20px;color:#fff;padding:0 0 0 30px;}
.jingying h4{background:#F4F4F4}

.dsearch .keya{width:380px;height:48px;display:inline-block;float:left;border:1px solid #999;padding:0 0 0 20px;color:#999;font-size:14px;margin:0 10px;}
.dsearch .keyb{width:280px;height:48px;display:inline-block;float:left;border:1px solid #999;padding:0 0 0 20px;color:#999;font-size:14px;margin:0 10px 0 0;}
/*列表内容页*/
.listConts{line-height:26px;color:#666;width:100%;padding:20px 0 0;}
.listConts .title{font-size:26px;color:#333;text-align: center;font-weight:bold;}
.listConts .info{font-size:12px;text-align:center;padding:20px 0;color:#666;background:url(../images/infobg.gif) repeat-x bottom;}
.listConts .desc{background:#f1f1f1;font-size:12px;padding:10px 0 15px;color:#999;margin:0 auto;height:30px;}
.time{background:url(../images/time.png) no-repeat 0 center;padding:0 0 0 20px;width:80px;float:left;}
.hits{background:url(../images/views.png) no-repeat 0 center;padding:0 0 0 20px;width:25px;float:left;}
.listConts .share{float:left;width:200px;}
.listConts .share span{float:left;}

.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}
.listConts .post{padding:20px 0 30px;width:100%;float:left;font-size:18px;}
.listConts .post p{line-height:36px;padding:0 0 10px 0;}
.listConts .post img{max-width:750px;}
.listConts .post table td{border:1px solid #ccc;}

.listConts .prenext{border-top:1px solid #ccc;padding:10px 0;width:100%;float:left;}
.listConts .prenext ul li{font-size:12px;line-height:21px;}

.listConts .dpic{text-align: center;}
.listConts .dpic img{border:1px solid #eee;}


/*重点名企资质查询*/
.s-title{font-size:20px;color:#999;border-bottom:1px solid #C9C9C9;padding:20px 0;font-weight:bold;}
.s-title span{padding:0 10px;}
.s-list ul li{width:100%;float:left;border-bottom:1px solid #DCDCDC;border-top:1px solid #fff;background:#F4F4F4;padding:10px 0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display: -webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content: center;justify-content: center;}
.s-list ul li:first-child span{font-size:16px;font-weight:bold;}
.s-list ul li span{float:left;font-size:14px;color:#333;width:20%;text-align:center;}
.s-list ul li span.a1{width:20%;}
.s-list ul li span.a2{width:30%;}
.s-list ul li span.a3{width:30%;}
.s-list ul li span.a4{width:10%;}
.s-list ul li span.a5{width:10%;}


.s-lista ul li span.a1{width:20%;}
.s-lista ul li span.a2{width:20%;}
.s-lista ul li span.a3{width:40%;text-align:left;}
.s-lista ul li span.a4{width:10%;}
.s-lista ul li span.a5{width:10%;}
.s-lista ul li:first-child span.a3{text-align:left;}
/*feedback*/
.feedback{padding:20px 0 50px;width:100%;float:left;}
.feedback ul li{float:left;width:100%;padding:5px 0;}
.feedback ul li label{float:left;width:100px;padding:10px;font-size:16px;text-align: right}
.feedback ul li input{float:left;width:250px;padding:10px;border:1px solid #C8C8C8;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;}
.feedback ul li textarea{float:left;width:480px;padding:10px;height:250px;border:1px solid #C8C8C8;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;}
.feedback ul li button{background: #970F12;border: 1px solid #970F12;-moz-border-radius: 2px 2px 2px 2px;-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;-webkit-border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;border-radius: 2px 2px 2px 2px;box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset;color: #FFFFFF;display:inline-block;font-size:16px;height:42px;line-height:42px;padding:0 60px;cursor: pointer;}
.feedback ul li input.finput{width:120px;}

/*分页样式*/
.page_list{width:100%;height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:14px;margin:30px 0;display:block;float:left;clear: both;}
.page_list li{display:inline-block;}
.page_list a{display:inline-block;color:#333;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 3px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list .active span{color:#333;border:1px solid #ccc;background:#ccc;text-align:center;padding:0 8px;margin:0 1px;display: inline-block;}
.page_list a.on{color:#fff;border:1px solid #F22C19;background:#F22C19;}
.page_info{width:100%;margin:30px 0;height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:14px;display:block;float:left;clear: both;display:none;}
#menua{display:none;}

.ditu{float:left;width:100%;height:400px; }
/*页脚区域*/
.footer{background:url(../images/footbg.png) repeat-x #F2301F;width:100%;height:111px;padding:50px 0 0;float:left;clear:both;color:#fff;text-align: center;margin:30px 0 0;}
.footer p{padding:0;line-height:26px;}
.footer a{color:#fff;}.footer a:hover{color:#FFA9A2}
.footnav{display:none;}
/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;z-index:10;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}

.rnav{width:60px;float:right;height:auto;position:fixed;right:5px;top:30%;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;z-index:10;}/*解决IE6下不兼容 position:fixed 的问题*/
.rnav ul li{position:relative;cursor:pointer;width:60px;height:60px;margin:0 0 10px 0;}
.rnav ul li a{width:60px;height:22px;border-radius:10px;padding:38px 0 0 0;background-color:#fff;background-repeat:no-repeat;background-position:center 8px;background-size:auto 32px;-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2); box-shadow:0px 0px 3px rgba(0,0,0,0.2);}
.rnav .lweixin{background-image:url(../images/rweixin.png);}
.rnav .ltel{background-image:url(../images/rtel.png);}
.rnav .lqq{background-image:url(../images/rqq.png);}
.rnav .ldaohan{background-image:url(../images/rdaohan.png);}
.rnav .lcode{background-image:url(../images/rcode.png);}
.rnav #gotop{background-image:url(../images/rtop.png);}
.rnav #gotop:hover{ text-decoration:none;background-color:#f5d089;}
.rnav .show{position:absolute;left:-150px;top:0px;width:150px;height:60px;background:#fff;-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2); box-shadow:0px 0px 3px rgba(0,0,0,0.2);display:none;line-height:60px;padding:0; text-align:center;font-size:18px;color:#333;}
.rnav .show:after{content:''; position:absolute; top:26px; right:-6px; width:0; height:0; margin-left:-6px; border:6px solid transparent; border-right:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-left-color:rgba(0,0,0,0.2);}
.rnav .shows{position:absolute;left:-150px;top:0px;width:150px;height:160px;background:#fff;-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.2); box-shadow:0px 0px 3px rgba(0,0,0,0.2);display:none;line-height:24px;padding:0; text-align:center;font-size:18px;color:#333;}
.rnav .shows:after{content:''; position:absolute; top:28px; right:-6px; width:0; height:0; margin-left:-6px; border:6px solid transparent; border-right:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;border-left-color:rgba(0,0,0,0.2);}
.rnav .shows i{display:block;width:125px;height:125px;margin:0 auto;margin-top:8px;}
.rnav .shows p{color:#333;margin-top:5px;font-size:12px;;}
.rnav .shows .q1{font-size:12px;line-height:16px;}
.rnav .shows .q2{font-size:14px;line-height:22px;}
.rnav a{ text-align:center;display:block;color:#333;font-size:12px;}
.rnav a:hover{background-color:#eee;}
.rnav ul li:hover .shows,.rnav ul li:hover .show,.rnav ul li:hover .showsb{display:block;}


@media (max-width:768px) {
    .bl10 {height:0px;}
    .bl20 {height:5px;}
    .bl30 {height:5px;}
    .bl40 {height:5px;}
    .bl50 {height:10px;}
    .bl60 {height:0px;}
    .bl80 {height:20px;}

    .wrap{width:100%;min-width:100%;}
    .col{width:100%;}
    .pnav{display:none;}
    .pnavtit{position:relative;width:96%;padding:0 2%;height:30px;line-height:30px;cursor:pointer;color:#fff;background:url(../images/downs.png) no-repeat center right #D5141B;background-size:15px auto;display: block;}
    .current{background:url(../images/ups.png) no-repeat center right #D5141B;background-size:15px auto;}
    .cor{width:96%;float:left;padding:0 2%;}

    .head{height:50px;background-size:auto 50px;}
    .head .logo{width:109px;height:40px;margin:5px 0 0;}
    .head .logo a{width:109px;height:40px;background-size:auto 40px;}
    .head .search{float:right;width:110px;margin:13px 50px 0 0;}
    .head .search p{display:none;}
    .head .search .key{width:70px;height:24px;line-height:24px;}
    .head .search .key[type="text"]:focus{outline:none;}
    .head .search .sub{float:right;width:30px;height:24px;background-size:auto 24px;}

    .head .menu{background:url(../images/menus.png) no-repeat; text-indent:-9999px;display: block;width: 40px;height:40px; position: absolute; top:5px; right:0px;}
    #menua{ display:block;}
    .navbg{display:none;}

    /*首页*/

    .index-ad{margin:10px 0;width:100%;float:left;}
    .indexl{float:left;width:100%;}
    .indexr{float:right;width:100%;}
    .index-title{height:30px;line-height:30px;border-top:1px solid #E41715;}
    .index-title h4{padding:0 0 0 10px;}
    .index-title h4 a{font-size:14px;}
    .index-title a span{font-size:10px;}
    .index-pic{width:96%;padding:5px 2% 0;}
    .index-pic .pic{width:100%;display:block}
    .index-pic .pic img{max-width:100%;}

    .index-lists{float:left;width:96%;padding:5px 2% 0;}
    .index-lists ul li h3{font-size:12px;width:80%;}
    .index-lists ul li span{font-size:12px;}

    .index-lists-b{width:96%;padding:5px 2% 0;}
    .index-lists-b ul li h3{font-size:12px;}


    .dsearch{height:auto;width:90%;padding:10% 5%;}
    .dsearch h4{font-size:18px;padding:0 0 4% 0;}
    .dsearch #search{width:100%;height:30px;}
    .dsearch #searcha{width:100%;height:30px;}
    .dsearch .key{width:76%;height:30px;line-height:30px;margin:0;padding:0 0 0 2%;}
    .dsearch .sub{width:18%;float:right;font-size:12px;background-size:auto 30px;padding:0 0 0 5%;height:30px;}


    .pic-lists ul li{width:48%;heigth:150px;margin:0 4% 2% 0;}
    .pic-lists ul li .pic{width:99%;height:98px;}
    .pic-lists ul li .pic img{width:100%;max-height:98px;}
    .pic-lists ul li:nth-child(2n){margin-right:0;}
    .pic-lists ul li:nth-child(5n){margin-right:4%;}

    .pic-lists-b{padding:2% 0 0;}
    .pic-lists-b ul li{width:48%;heigth:auto;margin:0 4% 2% 0;}
    .pic-lists-b ul li .pic{border:1px solid #ccc;width:240px;height:100px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;}


    .pic-lists-b ul li .pic img{vertical-align:middle;max-height:100px;max-width:100%;}
    .pic-lists-b ul li:nth-child(2n){margin-right:0;}

    .index-pic-name{float:left;width:8%;height:200px;}
    .index-pic-name a{padding:50px 0 0;font-size:12px;width:20px;height:150px;}
    .index-pic-nameb{float:left;width:8%;height:115px;}
    .index-pic-nameb a{padding:16px 0 0;font-size:12px;width:20px;height:99px;}

    .index-pic-b{width:92%;padding:0;}
    .index-pic-b ul li{width:31.3333%;margin:0;padding:0 1%;}
    .index-pic-b .pic{width:100%;height:75px;}
    .index-pic-b .pic img{max-width:100%;max-height:75px;}
    .index-pic-b ul li p{padding:5px 0 0;font-size:10px;}


    .index-search-a{width:96%;padding:0 2%;}
    .index-search-a p{font-size:14px;}
    .index-search-a .k{padding:2%;width:96%;}
    .index-search-a form{width:100%;}
    .index-search-a .key{width:75%;padding:0 0 0 2%;border-right:1px solid #999;}
    .index-search-a .sub{width:20%;}

    .index-search-c{width:96%;padding:0 2%;}
    .index-search-c p{font-size:14px;}
    .index-search-c form{width:96%;padding:2%;}
    .index-search-c .key{width:75%;padding:0 0 0 2%;border-right:1px solid #999;}
    .index-search-c .sub{width:20%;}


    .index-pic-c{width:96%;padding:2%;}
    .index-pic-c ul li{width:48%;float:left;height:120px;text-align:center;padding:0 1%;}
    .index-pic-c .pic{width:99%;height:88px;margin:0 auto;display: block}
    .index-pic-c ul li p{font-size:10px;}

    .index-pic-d{float:left;width:90%;height:117px;background:#F4F4F4;padding:27px 20px;}
    /*内页*/
    .local{width:96%;height:auto;line-height:30px;margin:0;padding:0 2%;}
    .local span i{display:none;}
    .local .search{float:left;width:130px;height:20px;margin:4px 0 0 15px;border:1px solid #CDCCCC}
    .local .search .key{width:90px;height:20px;line-height:20px;margin:0 0 0 5px;border:0;float:left;}
    .local .search .sub{height:20px;}
    .local .searchb{margin:2px 0 5px 0;height:auto;line-height:20px;}
    .local .searchb .key{width:90px;height:20px;line-height:20px;margin:0;}
    .local .searchb .sub{float:left;margin:5px 0 0;}

    .local .searchb .choseb{margin:5px 10px 0 5px;height:15px;line-height:15px;font-weight:100;font-size:10px;}
    .sf-menua{width:100%;float:left;}
    .sf-menu {margin:0;}
    .sf-menu a.sf-with-ul{padding-right:25px;}
    .lists ul li h3{font-size:12px;width:80%;height:30px;}
    .lists ul li span{font-size:12px;}
    .lists ul li a{height:30px;line-height:30px;}

    .listConts{line-height:20px;width:100%;padding:20px 0 0;}
    .listConts .title{font-size:16px;}
    .listConts .post{padding:2%;width:96%;font-size:12px;}
    .listConts .post p{line-height:20px;padding:0 0 10px 0;}
    .listConts .post img{max-width:100%;width:100%;}

    /*分页样式*/
    .page_list{height:24px;line-height:24px;font-size:10px;margin:10px 0;}
    .page_list a{padding:0 5px;margin:0 1px;}
    .page_list .active span{padding:0 5px;}
    
    /*页脚区域*/
    .footer{height:auto;padding:20px 0 50px;float:left;clear:both;color:#fff;text-align: center;margin:30px 0 0;}
    .footer p{line-height:18px;font-size:12px;}
    .footnav{position:fixed;bottom:0;left:0;width:100%;height:45px;background:#970F12;z-index:1000;display: block;}
    .footnav a{width:25%;line-height:15px;display: block; text-align: center;float:left;padding:5px 0 0 0;}
    .footnav a img{height:20px;width:auto;}
    .footnav a p{color:#fff;padding:0px;font-size:12px;}
    .rnav{display:none;}
}

@keyframes slideInLeft {
    from {
        transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}
@keyframes slideInUp {
    from {
        transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}