﻿@charset "utf-8";
@import "globle.css";
/*globle*/
::-webkit-scrollbar-track-piece{
    background-color:#f2f2f2;
    -webkit-border-radius:0;
}
::-webkit-scrollbar{
    width:12px;
    height:12px;
}
::-webkit-scrollbar-thumb{
    height:50px;
    background-color:#999;
    -webkit-border-radius:4px;
    outline:2px solid #ffffff;
    outline-offset:-2px;
    border: 2px solid #ffffff;
}
::-webkit-scrollbar-thumb:hover{
    height:50px;
    background-color:#9f9f9f;
    -webkit-border-radius:4px;
}
body { color: #333; font: 13px/24px "微软雅黑","华文细黑",Arial,sans-serif;}
a,a:link,a:visited { color: #333;}
a:hover { color: #ee0000;}
/*public*/
.siteW{ width: 1200px; margin: 0 auto;}
.mart20{ margin-top: 20px;}
.site-header,.index-banner,.ipro,.iabout,.iprokj,.inews,.icase,.site-footer,.site-nav,.iflink{ min-width: 1200px;}

.site-header{}
.header-link{ height:32px; font:12px/32px "微软雅黑","华文细黑",Arial,sans-serif;color:#666; background-color: #f3f3f3; border-bottom: 1px solid #ededed;}
.header-link a:link,.header-link a:visited{ color:inherit;}
.header-link a:hover{ color:#f00;}
.header-link-right{ float: right; position: relative; z-index: 60;}
.header-link-left{ float: left;}
.header-link-ico-home{ display:inline-block; width: 16px; height: 16px; vertical-align: middle; background: url(../img/icon_home.gif); margin-right: 3px;}
.header-link-ico-ewm{ display:inline-block; width: 20px; height: 20px; vertical-align: middle; background: url(../img/icon_ewm.gif); margin-right: 3px;}
.ewmopen{ position: relative; display: block;}
.ewmopen .ewmimg{ display:none; position: absolute; top: 100%; right: 0; width: 168px; height:168px; padding:5px;background: #fff;}
.ewmopen .ewmimg img{ width:168px; height:168px;}
.ewmopen:hover .ewmimg{ display: block;}
.header-name{ width:1200px; margin:0 auto; height: 72px; padding:16px 0;}
.header-name .header-name-img{ height: 72px; width:820px; float: left;}
.header-name .header-name-img a{ display:block; height: 100%;}
.header-name .header-name-tel{ float:right; padding-right: 5px; padding-top: 10px;}
.header-name-ico-tel{ display: inline-block; width:52px; height:52px; vertical-align: middle; background: url(../img/icon_tel.png); margin-right: 5px;}
.header-name-tel-txt{ display: inline-block; vertical-align: middle; text-align: center; font-size: 24px; color: #cc2628; font-weight: 600; line-height: 26px;}

.header-menu{ background: url(../img/menubg.gif); height: 62px; border-bottom: 2px solid #fff; min-width: 1200px; position: relative;z-index: 50;}
.menuFixed{ position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 100;}
.header-menu-bg{ width:100%; position:absolute; right:50%; top:0; overflow:hidden; display:none;}
.menu-son-bg{ position:absolute; width:100%; left:0; top:55px; height:0px; overflow:hidden;}
.menuleft-bg{}
.menuFixed .menuleft-bg{ box-shadow:none; background-color:transparent;}
.menu-wrap{ position:relative; z-index:99;}
.menu{ padding:0px 0px 0px 10px; position:relative;}
.menu ul li{ z-index:9; float:left; position: relative; margin-right:0px; margin-top: -2px;}
.menu ul li a.first:link,.menu ul li a.first:visited{ display:block;padding:22px 20px 22px 20px; height:20px;text-align:center; font:18px/15px "微软雅黑","华文细黑",Arial,sans-serif; color:#fff; font-weight:600; position:relative; z-index:11;}
.menu ul li a.first:hover,.menu ul li a.hover:link,.menu ul li a.hover:visited{  background: #f7d101 no-repeat center 0; color:#ee0000;}
.menu ul li.menu-search{ margin-left:10px; margin-right:0; padding-right:0; float: right;
}
.menu ul li.menu-search .semenuBox{ background-color: #f7d101; width:292px;}
.menu ul li.menu-search form{ padding:8px; font-size:0; margin:0px;}
.menu ul li.menu-search .keyword{ border:0; width: 200px; height: 36px; padding: 0 3px; vertical-align: middle; background-color:#efefef; font-size:15px; float:left;}
.menu-search .menu-search-item{ display:inline-block; border: 0; width: 22px; height:22px; background: url(../img/ico-tsearch.png) 100% 50% no-repeat; vertical-align: middle; cursor: pointer;}
.menu-search input.menu-search-item{ border-left:0; margin-left:0; height:36px; padding:0px 20px; background-image:none; background-color:#0b1565; color:#fff; font-size:15px; width:auto; float:left;}
.menu ul li.menu-search .searchblank{ display: none; width: 2px; height: 22px; vertical-align: middle;}
.menuFixed .menu ul li a.first:hover,.menuFixed .menu ul li a.hover:link,.menuFixed .menu ul li a.hover:visited{background-position:50% 2px;}
.menu ul li.menu-search a.first:link,.menu ul li.menu-search a.first:visited{ width:62px; height:62px; background-color: #f7d101; padding:0; background-position:0 0; margin-top: 2px;}
.menu ul li.menu-search a.first:hover .menu-search-item,.menu ul li.menu-search a.hover .menu-search-item{ padding:0;}
.menu ul li.menu-search a.first:link i{ width:36px; height:36px; background: url(../img/icon_search.png); margin-top:11px;}
#sitesearch{ margin:0px;}

.semenuBox:hover img{/*-webkit-transition:-webkit-transform 2.2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2.2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);*/}

.semenuBox{ position: absolute; top: 64px; left: 0px; z-index: 1; min-width: 130px; height: 0; overflow:hidden;}
.semenuTopLine{	width: 386px; height: 9px;	line-height: 9px; overflow: hidden; display:none;}
.semenuConLine{	width: 386px; height: 19px;	line-height: 19px; overflow: hidden; display:none;}
.semenuCon{/*	width: 376px; padding: 2px 0px 0 10px;	background: url(../img/semenu_bg.png) repeat-y;*/ display:block; width:100%;}
.semenuConL{ position: relative; z-index: 10; width: 100%; display:block; background-color:#f7d101; vertical-align:top; padding-bottom: 15px; min-height: 75px;}
.semenuConL a{	display: block; height: 32px; color: #000; font-size: 13px;	line-height: 32px; text-align: center; white-space: nowrap; /* background: url(../img/secma.png) no-repeat 0 9px;*/}
.semenuConL a:hover{/* background: url(../img/secmao.png) no-repeat 0 9px;*/ color: #013696;}
.secmItem{ padding:0 15px;}
.semenuConR{ width: 220px;	padding-left: 15px; overflow: hidden; display:none;}
.semenuConR a.semenuPic{ display: inline-block; width: 216px; overflow: hidden; margin-top:10px;}
.semenuConR a.semenuPic img{ width:216px; height:122px; display:block;}
.semenuConRcon{ width: 170px; line-height: 23px; color: #757575;}
.semenuConRcon p{ font-size:12px;}

.semenuConPro{ width: 564px;}
.semenuConPro .semenuTopLine{ width: 564px;/* background: url(../img/semenu_topbg2.png) no-repeat;*/}
.semenuConPro .semenuCon{ width: 564px; padding-left:0px;/* background: url(../img/semenu_bg2.png) repeat-y;*/}
.semenuConPro .semenuConL{	width: 286px;}
.semenuConPro .semenuConL .secmItem{ float: left; width:118px;}
.semenuConPro .semenuConLine{ width: 564px;/* background: url(../img/semenu_botbg2.png) no-repeat;*/}
.semuBoxbg2 .semenuCon{/* background: url(../img/semenu_bg3.png) repeat-y;*/}
.semuBoxbg2 .semenuConLine{/* background: url(../img/semenu_botbg3.png) no-repeat;*/}
.semenuConPro .menuFixed .semenuBox{ top:68px;}

.index-banner{ width:100%; margin:0 auto; position:relative; height:498px; overflow:hidden; background:url(../img/load.gif) no-repeat center;}
.index-banner ul{ width:100%; height:100%; left:0; top:0; position:absolute; z-index:0;}
.index-banner ul li{ display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
.index-banner ul li a{ display:block; width:100%;height:100%;}
.ban-num{ position:absolute; left:50%; bottom:12px; text-align:center;}
.ban-num a{ display:inline-block; *display:inline; margin:0px 5px; width:10px; height:10px; background:#fff; overflow:hidden; cursor:pointer; box-shadow:1px 1px 2px #333333; border-radius:100%;}
.ban-num a.cur{ background:#FF6C00;}
.pagination{ position: absolute; left:50%; bottom:12px; text-align:center; height:10px;}
.pagination .pageitem { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:10px; background:#FFF; overflow:hidden; box-shadow:1px 1px 2px #333333; border-radius:5px; transition: all 300ms ease-in-out 0s;}
.pagination .pageitem a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
.pagination .pageitem.current { background:#ff6600; width: 40px;}
.index-banner.secbanner{ height:300px;}

.iflink{ background:#404548; padding:30px 0;}
.iflink-item{ float: left; width:850px;}
.iflink-item dl{ float:left; margin:0px 10px; min-width:90px;}
.iflink-item dl dt{ height:36px; line-height:36px; padding:0px 5px; font-size:16px; color:#b6b5b5;}
.iflink-item dl dt a:link,.iflink-item dl dt a:visited{ color:#b6b5b5;}
.iflink-item dl dd{ padding:5px;}
.iflink-item dl dd a:link,.iflink-item dl dd a:visited{ color:#b6b5b5; line-height:22px; height:22px; font-size:12px;}
.iflink-item dl dd a:hover{ color:#e94127;}
.iflink-wx{ width:300px; padding-left:10px; float: right; color: #b6b5b5; text-align: left;}
.iflink-wx img{ width: 100px; height: 100px; display: block; margin: 15px auto 5px;}
.iflink-wx .ibot-tel{ background:url(../img/icon_ftel.png) no-repeat 0 0; padding-left:40px; line-height:16px; font-size:12px; color:#fff;}
.iflink-wx .ibot-tel h2{ font-size:16px; font-weight:600;}
.iflink-wx .ibot-lx{ margin-top:10px; display:table; font-size:12px; width:100%;}
.iflink-wx .ibot-lx dt{/* float:left;*/ width:40px; text-align:center; display:table-cell; vertical-align:middle;}
.iflink-wx .ibot-lx dt i{ display:block; width:20px; height:20px; margin:0 auto;}
.iflink-wx .ibot-lx dd{ display:table-cell; vertical-align:middle; line-height:18px;}
.ico-lxr{ background:url(../img/icon_lxr.png) no-repeat;}
.ico-add{ background:url(../img/icon_add.png) no-repeat;}
.site-footer{ background:#191919; padding:10px 0; height:22px; line-height:22px; color:#404548;}
.site-footer a:link,.site-footer a:visited{ color:#404548;}
.site-footer a:hover{ color:#e94127;}
.footer-icp{ float:right;}
.footer-text{ float:left;}
/*public end*/

.ipartM{ margin-top: 20px;}
.itpart{
	width: 386px;
	height: 360px;
	float: left;
}
.itpart h2{
	font-size: 20px;
	line-height: 40px;
	font-weight: 600;
}
.itpart p{
	font-size: 13px;
	line-height: 20px;
}
.itpart dd{
	padding:10px 15px;
}
.p2,.p3{
	margin-left:21px;
	color:#fff;
}
.p1{
	background-color: #f5d302;
}
.p2{
	background-color: #013696;
}
.p3{
	background-color: #cc2628;
}
.p1 a:link,.p1 a:visited{
	color:#000;
}
.p2 a:link,.p3 a:link,.p2 a:visited,.p3 a:visited{
	color:#fff;
}
.ipleft{ float:left; width:258px;}
.ipltitle{ height:36px;}
.ipltitle h2{ padding:0 30px; line-height: 36px; font-size: 16px; font-weight: 600;}
.ipltitle.t1{ background-color: #013696; color:#fff;}
.ipltitle.t2{ background-color: #cc2628; color:#fff;}
.ipltitle.t3{ background-color: #f5d302; color:#000;}
.iplcon{ border:1px solid #d5d5d5; font-size: 14px;}
.ipltlist{ padding: 10px 5px;}
.ipltlist li{ height: 35px; border-bottom: 1px dashed #d5d5d5; line-height: 35px;}
.ipltlist li a:link,.ipltlist li a:visited{ background: url(../img/dot1.png) no-repeat 0 50%; padding-left:20px; height: 35px; line-height: 35px;}
.ipllx{ padding:10px 15px; line-height: 20px; min-height: 215px;}
.ipllx p{ margin:5px 0;}
.ipright{ float:left; width:942px;}
.iyyly{}
.iyylist{ margin: 0px; padding:0; list-style: none;}
.iyylist li{ float:left; margin-left: 21px; width:450px; margin-bottom:20px; background-color: #f6f6f6;}
.iyylist li a:link,.iyylist li a:visited{ display: block;}
.iyy-txt{ padding:5px 10px;}
.iyy-txt h3{ margin:0; font-weight: 600;}

.ipartcp,
.ipartqa,
.ipartcase,
.ipartnews,
.ipartrykh,
.ipartlinks{ min-width: 1200px;}
.ititle{ border-bottom:1px solid #f0f1f2;}
.ipcpt1,.ipcpt2,.ititle ul,.ititle ul li{ display: inline-block; vertical-align: middle;}
.ipcpt2{ margin-left:10px;}
.ititle h2{ display: inline-block; vertical-align: middle; padding:0px 8px; line-height: 35px; font-size: 16px; font-weight: 400; color:#000; margin-right:5px;}
.ititle h2{ border-bottom:3px solid #f5d302;}
.ipcpt1 h2{ font-weight: 600;}
.ipcpt2 h2{ border-bottom:3px solid #dddddd; font-weight: 600;}
.ititle ul li{ padding:0 5px 2px; font-size: 14px;}
.ititle ul li a:hover{ color:#013696}
.ipcpt1 li a,.ipcpt2 li a{ font-size: 13px;}
.icpimglist{ padding:20px 0;}
.icpimglist li{ float: left; padding: 0px 10px; text-align: center;}
.icpimglist li .icpimg,.icpimglist li .icpimg img{ width:220px; height: 220px;}
.icpimglist li .icptxt{ line-height: 40px; height: 40px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.icpimglist li a:link,.icpimglist li a:visited{ display: block;}
.icpimglist li a:hover{ background: #013696; color:#fff;}

.iqaleft{ width:470px; float: left;}
.iqaright{ width:710px; float: left; background: #f6f6f6; min-height: 450px; margin-left: 20px;}
.iqaleft .ititle{ border: 0; height: 40px; padding:10px; background:#f5d302; font-size: 20px;}
.iqaleft .ititle h2{ font-size: 20px; line-height: 40px; padding:0 15px; font-weight: 400;}
.ititle .imore{ float: right; font-size: 13px; line-height: 38px;}
.iqalist{ border:1px solid #d2d2d2; padding:15px 10px; font-size: 14px;}
.iqalist dl dt{ background: url(../img/icon_q.gif) no-repeat 0 50%; padding-left:30px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.iqalist dl dd{ background: url(../img/icon_a.gif) no-repeat 0 50%; padding-left:30px; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.iqalist dl dt a:link,.iqalist dl dt a:visited{ color: #013696;}
.iqalist dl dt a:hover{ color:#f00;}
.iqaright .ititle{ border-bottom:2px solid #f5d302; height: 38px; padding:10px; font-size: 20px; margin:0 20px;}
.iqaright .ititle h2{ font-size: 20px; line-height: 40px; padding:0px; border: 0; font-weight: 400;}
.ixxlist{ padding:10px 20px;}
.ixxlist ul li{ float: left; width:50%; height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ixxlist ul li a{ background: url(../img/secma.png) no-repeat 0 50%; line-height: 36px; padding-left:16px;}
.ixximg { padding:0 10px;}
.ixximg li{ width:33.3333%; float: left; text-align: center;}
.ixximg li img{ width:215px; height:141px;}
.ipartcase{ background-color: #eef2f5;}
.ipartcase .ititle{ background-color: #fff;}

/*首页案例*/
.ipartcase .bd{ position: relative; overflow:hidden; zoom:1; padding:30px 0;}
.ipartcase .siteW ul{ overflow:hidden; zoom:1; position: relative;}
.ipartcase .ikoubei-item{ padding: 0px 10px; width: 280px; float: left;}
.ipartcase .ikoubei-item a:link,.ipartcase .ikoubei-item a:visited{ display: block; border: 1px solid #e2e8ec; padding:10px; background: url(../img/ikoubei-itembg.png) 100% 100% #fff no-repeat; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.ipartcase .ikoubei-item .ikoubei-img{ width:258px; height: 163px;}
.ipartcase .ikoubei-item .ikoubei-img img{ padding: 0; border: 0; width:258px; height: 163px;}
.ipartcase .ikoubei-item .ikoubei-name{ font-size: 18px; border-bottom: 1px solid #ebebeb; padding:15px 0; width:258px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ipartcase .ikoubei-item .ikoubei-desc{ color: #999; font-size: 12px; margin:15px 0; height:70px; overflow: hidden;}
.ipartcase .ikoubei-item a:hover{ background: url(../img/ikoubei-itembgo.png) 100% 100% #013696 no-repeat; color:#fff;-webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;}
.ipartcase .ikoubei-item a:hover .ikoubei-img img{ padding: 0; border: 5px solid #e9c801; width: 248px; height:153px;-webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;}
.ipartcase .ikoubei-item a:hover .ikoubei-desc{ color: #bbeacc;}

/*首页新闻*/
.inews-pic{background: #f5f5f5; margin: 20px 0; width: 480px; position: relative; overflow: hidden; float:left;}
.inews-pic .inews-pic-wrap { z-index: 1; white-space: nowrap; width: 480px; height: 422px; }
.inews-pic .inews-pic-wrap li {position:relative;  display: inline-block; width: 480px; height: 422px; overflow: hidden; }
.inews-pic .inews-pic-wrap li img{ width: 480px; height: 275px;}
.inews-pic .inews-item-bg { position: absolute; right: 0; bottom: 0; width: 100%; height: 150px; z-index: 10; }
.inews-pic .inews-item-txt { position: absolute; right: 0; bottom: 0; width: 100%; height: 150px; padding: 0; overflow: hidden; z-index: 20; white-space: normal; word-wrap: break-word; }
.inews-pic .inews-item-txt h2 { color: #333; font-size: 18px; padding: 15px;}
.inews-pic .inews-item-txt h2 a, .inews-pic .inews-item-txt h2 a { color: #333;}
.inews-pic .inews-item-txt .t_info { color:#999; line-height: 20px; height: 40px; overflow: hidden; padding:5px 15px;}
.inews-pic .inews-item-txt .t_info a { color:#999;}
.inews-pic .e_sep { color: #81d6d3; position: absolute; bottom: 20px; right: 20px; width: 235px; z-index: 20; }	
.inews-pic .e_sep a { color: #81d6d3; }	
.inews-pic .prev, .inews-pic .next { position: absolute; z-index: 30; display: block; }
.inews-pic .prev { bottom: 15px; right: 40px; }
.inews-pic .next { bottom: 15px; right: 10px; }	
.inews-pic .prev a, .inews-pic .next a { display: block; width: 25px; height: 25px; overflow: hidden; background: url(../img/ico_prevnext.png) no-repeat scroll 0 0; }	
.inews-pic .prev a { background-position: 0 -5px; }	
.inews-pic .prev a:hover { background-position: 0 -45px; }	
.inews-pic .next a { background-position: 0 -85px; }	
.inews-pic .next a:hover { background-position: 0 -125px; }
.inews-list{ background: #f5f5f5; width:660px; height:382px; padding:20px; float:right; margin:20px 0px 20px 20px;}
.inews-list li{ margin-bottom:25px;}
.inews-list .itime{ background:#f5d302; color:#fff; width:70px; height:55px; padding-top:15px; float:left; text-align:center; font-size:12px;}
.inews-list .itime strong{ font-size:20px;}
.inews-list .inews-txt{ margin-left:30px; width:560px; float:left; border-bottom:1px dashed #e0e0e0; padding-bottom:8px; font-size:14px;}
.inews-list .inews-txt h2{ display:block; line-height:32px; font-size:16px; color:#333; font-weight:400; margin-bottom:0;}
.inews-desc{ color:#999; font-size:13px; line-height:18px; height:36px; margin:0 0 5px 0; overflow:hidden;}
.orange,a.orange:link,a.orange:visited{ color:#013696; background:url(../img/icon_more.png) no-repeat 90% 50%; padding-right:30px; float:right;}
a.orange:hover{ color:#f00;}
.irykhlist{ padding:10px 0;}
.irykhlist li{ padding:10px 9px; width: 182px; float:left;}
.irykhlist li a:link,.irykhlist li a:visited{ border:1px solid #c6c6c6; display: block;}
.irykhlist li a img{ width:180px; height:80px;}
.ilinkslist{ padding:10px 0;}
.ilinkslist li{ float:left; padding:10px;}

.site-nav{ height:50px; text-align:center; background:#eff0f1; border-bottom:1px solid #cacaca; position:relative; z-index:20;}
.site-nav .siteW{ position:relative; height:100%;}
.site-nav .{ width:230px; text-align:center; height:40px; color:#fff; background:url(../img/.png) 0 0 no-repeat; position:absolute; top:-40px; left:0; padding-top:30px;}
.site-nav . .site-caton{ background:url(../img/ico_nav.png); width:48px; height:48px; display:inline-block; vertical-align:middle; margin-right:10px;}
.site-nav . h2{ display:inline-block; vertical-align:middle; padding-top:0px; font-size:24px; line-height:26px; color:#333;}
.site-nav . span{ font-size:15px; color:#666; display:block; font-weight:400;}
.site-nav .site-navlist{ padding:10px; text-align:center; padding-left:240px;}
.site-nav .site-navlist a:link,.site-nav .site-navlist a:visited{ display:inline-block; font-size:14px; line-height:30px; padding:0px 20px; border-radius:30px; color:#333;}
.site-nav .site-navlist a:hover{ background-color:rgba(255,255,255,.4);}
.site-nav .site-navlist a.on:link,.site-nav .site-navlist a.on:visited{  background:#013696; color:#fff;}
.site-nav .site-navlist a.on:hover{}
.site-nav .site-navlist .position a:link,.site-nav .site-navlist .position a:visited{ padding:0;}
.site-nav .site-navlist .position a:hover{ background-color:transparent; color:#e00;}
.site-lpro{ position:absolute; left:0; top:100%;}
.pro-leftnav{ background:url(../img/site-navprobg.png) repeat-y; min-height:100px; width:220px; padding:10px 5px 0;}
.pro-leftnav .pro-lnitem{ border-bottom:1px solid #fff; text-align:left; margin:0px 5px;}
.pro-leftnav .pro-lnitem dt a:link,.pro-leftnav .pro-lnitem dt a:visited{ background:url(../img/pro_leftnavbg1.png) no-repeat 5px 50%; padding:5px 10px 5px 20px; display:block;}
.pro-leftnav .pro-lnitem dd{ background:#fff; line-height:0; font-size:0; zoom:1;}
.pro-leftnav .pro-lnitem dt a:hover{ background:url(../img/pro_leftnavbg2.png) #013696 no-repeat 5px 50%; color:#fff;}
.pro-leftnav .pro-lnitem.on dt a:link,.pro-leftnav .pro-lnitem.on dt a:visited{ background:url(../img/pro_leftnavbg3.png) #013696 no-repeat 5px 50%; color:#fff;}
.pro-leftnav .pro-lnitem.on dd{ display:block;}
.pro-leftnav .pro-lnitem.on dd a:link,.pro-leftnav .pro-lnitem.on dd a:visited{ display:inline-block; width:90px; font-size:13px; line-height:26px; background:url(../img/secma.png) no-repeat 5px 50%; padding:3px 0 3px 15px;}
.pro-leftnav .pro-lnitem dd a.on:link,.pro-leftnav .pro-lnitem dd a.on:visited{ color:#f00;}
.pro-leftnavbot{ background:url(../img/site-navprobot.png) repeat-y; height:25px; width:230px;}
.site-nav.navFixed{ position:fixed; width:100%; left:0; top:72px; right:0;}
.site-nav .site-navlist2{ padding:10px; text-align:center; padding-left:240px;}

.site-body{ padding-top:20px;}
.site-content{ line-height:2.2; font-size:15px; padding:15px;}
.site-page{ width:1200px; margin:0px auto; margin-bottom: 20px; position:relative;}

/*产品列表*/
.page-Rpro{ margin-left:235px; min-height:400px;}
.prolist{ padding-top:15px; }
.prolist li{ width:218px; height:254px; margin:0 20px 20px 0px; float:left; position:relative; overflow:hidden;}
.prolist li:nth-child(4n+4){ margin-right:0;}
.proli-img{ height:216px; width:216px; border:1px solid #eee; overflow:hidden;}
.proli-img img{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s; width:216px; height:216px;}
.proli-des{ position:absolute; width:212px; height:150px; top:100%; left:0; padding:20px; background-color:rgba(233,65,29,.65); color:#fff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;}
.proli-txt{ text-align:center; font-size:16px; height:40px; line-height:40px;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.prolist li a{ -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.prolist li a:hover .proli-img img{ opacity:1; -webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1); top:0px; left:0px;}
.prolist li a:hover .proli-des{ -webkit-transform: translate(0,-230px); -moz-transform:translate(0,-230px); transform: translate(0,-230px);animation-duration:2s;
-webkit-animation-duration:2s;}
.prolist li a:hover .proli-txt{ color:#ee0000; position:relative;}


/**/
.pblist{ position:relative;}
.pblist .list-item{ float:left; width:296px; overflow:hidden; text-align:center;}
.pblist .list-item img{ width:100%;}
.pblist .list-item a.img{ font-size:0px; display:block; width:296px; height:197px; overflow:hidden;}
.pblist .list-item a.img img{ margin:auto; width:296px; height:197px; -webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s;}
.pblist .list-item a.img:hover img{ -webkit-transform: scale3d(1.2,1.2,1);transform:  scale3d(1.2,1.2,1);}
.pblist .list-item h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:22px;}

/*相册详情页*/
.pic_box{ width:1000px; text-align:center; margin:0px auto; position:relative;}
.image_detail img{ max-width:600px; max-height:500px; display:block; margin:0 auto;}
.pic_box .prev_link{ cursor:pointer;}
.pic_box .next_link{ cursor:pointer;}
.pic_box #PREV_LINK{ width:30px; height:100%; display:block; position:absolute; left:0; top:0px; z-index:10;  background:url(about:blank)9; }
.pic_box #NEXT_LINK{ width:30px; height:100%; display:block; position:absolute; right:0; top:0px; z-index:10; background:url(about:blank)9; }
.pic_box .prev_link span{ position:absolute; left:1px; top:45%; display:none; width:28px; height:42px; background:url(../img/photo-scan-layer.png) no-repeat left -2px;}
.pic_box .next_link span{ position:absolute; right:1px; top:45%; display:none; width:28px; height:42px; background:url(../img/photo-scan-layer.png) no-repeat 0px -47px;}
.pic_box .prev_link:hover span{ background-position:-28px -2px;}
.pic_box .next_link:hover span{ background-position:-29px -47px;}

.pic_tool{ padding:10px 0px; color:#fff;}
.pic_tool a:link,.pic_tool a:visited{ color:#fff; text-decoration:none;}
.pic_tool a:hover{ color:#f90;}

.pic_group{}
			 .pic_group .smallImgTab{ position:relative;}
			 .pic_group .smallImgTab .smallImgScroll{ margin:0px 30px;}
			 .pic_group .smallImgTab .roll_bar{ position:absolute; top:0px;}
			 .pic_group .smallImgTab .roll_left{ left:0px;}
			 .pic_group .smallImgTab .roll_right{ right:0px;}

/* DB_gallery */
#DB_gallery{}
#DB_gallery .DB_imgSet {}
#DB_gallery .DB_imgSet .DB_imgWin{}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:-32px; left:40px; color:#999;}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#f00;}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#CCC;}
#DB_gallery .DB_imgSet .DB_prevBtn{/*position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;*/}
#DB_gallery .DB_imgSet .DB_nextBtn{/*position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;*/}

#DB_gallery .DB_thumSet {position:relative;margin:10px auto;width:80%;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline;margin-right:8px}
#DB_gallery .DB_thumSet .DB_thumMove li a img{ width:110px; height:73px;}
#DB_gallery .DB_thumSet .DB_pagebtn{position:absolute;top:0;cursor:pointer; width:17px; height:73px; display:block;}
#DB_gallery .DB_thumSet .DB_pagebtn span{ background:url(../img/photo-scan-layer.png) no-repeat 0px -102px; width:100%; height:73px; display:block;}
#DB_gallery .DB_thumSet .DB_prevPageBtn{left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{right:0;_right:-1px;}
#DB_gallery .DB_thumSet .DB_prevPageBtn span{ background-position:0px -102px;}
#DB_gallery .DB_thumSet .DB_nextPageBtn span{ background-position:-17px -102px;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:63px;border:5px solid #f00;left:0;top:0}			 

/*左侧图片右侧名称*/
.lpicList{ margin:10px 0 0px 0px;}
.lpicList li{ padding:20px 0; border-bottom:1px dotted #989898;}
.lpicList .lpic{ background:#e6e6e6; width:210px; height:130px; padding:0px; float:left; text-align:center; font-size:15px;}
.lpicList .lpic img{ width:210px; height:130px;}
.lpicList .lpic-txt{ margin-left:240px; padding-bottom:8px; font-size:14px;}
.lpicList .lpic-txt h2{ display:block; line-height:32px; font-size:16px; color:#000; font-weight:600;}
.lpicList li:hover .lpic{ background:#e00; color:#fff;}
.lpicList li:hover .lpic-txt h2{ color:#e00}

/*左侧图片右侧名称 *2*/
.l2picList{ margin:10px 0 0px 0px;}
.l2picList li{ padding:20px 1%;/* border-bottom:1px dotted #989898;*/ width:23%; float:left;}
.l2picList .lpic{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3); width:160px; height:130px; padding:0px; text-align:center; font-size:15px; margin:0 auto;}
.l2picList .lpic img{ max-width:160px; max-height:130px;}
.l2picList .lpic-txt{/* margin-left:180px;*/ padding-top:8px; font-size:14px; display:block; text-align:center;}
.l2picList .lpic-txt h2{ display:block; line-height:32px; font-size:16px; color:#000; font-weight:600;}
.l2picList li:hover .lpic{ background:#e00; color:#fff;}
.l2picList li:hover .lpic-txt h2{ color:#e00}

.downBtn:link,.downBtn:visited{ display:inline-block; padding:2px 8px; background:#e00; color:#fff; font-size:15px; border-radius:5px;}

/*左侧图片或日期右侧名称*/
.ltpList{ margin:10px 0 0px 0px;}
.ltpList li{ padding:20px 0; border-bottom:1px dotted #989898;}
.ltpList .lpic{ background:#e6e6e6; width:200px; height:120px; padding:3px; float:left; text-align:center; font-size:15px;}
.ltpList .lpic img{ width:200px; height:120px;}
.ltpList .lpic-txt{ margin-left:240px; padding-bottom:8px; font-size:14px;}
.ltpList .lpic-txt h2{ display:block; line-height:32px; font-size:16px; color:#000; font-weight:600;}
.ltpList li:hover .lpic{ background:#e00; color:#fff;}
.ltpList li:hover .lpic-txt h2{ color:#e00}
.ltpList .ltptime{ background:#e00; padding:20px 0; text-align:center; font-size:15px; color:#fff;}
.ltpList .ltptime strong{ display:block; color:#fff; font-size:36px;}

.site-content .ke-zeroborder{ width:100%;}
.site-content .ke-zeroborder td{ border:1px solid #CCC; padding:2px;}

/*产品详情图片放大*/
    .proshow{overflow: hidden;box-sizing: border-box;background: #fff; margin-top:10px;}
    .bg_left{width: 430px;height:auto;float: left}
    .bg_right{ margin-left:430px; position:relative;}
    .show{width: 430px;height: 430px;margin-bottom: 10px;position: relative;border:1px solid #E8E8E8;cursor:move}
    .show img{width: 430px;height: 430px;}
    .mask{width: 215px;height: 215px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
    .bigshow{width: 430px;height: 430px;overflow: hidden; display: none;border:1px solid #E8E8E8; position:absolute; top:0; left:0;}
    .bigshow img{width: 860px;height: 860px;margin-right: 10px;}
    .smallshow{width: 100%;height: 70px;position: relative}
    .smallshow img{width:100%; height: 100%;  border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
    .smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:370px;overflow: hidden;height: 70px;}
    .smallshow .middle{overflow: hidden;transition: all 0.5s;height: 70px;}
    .smallshow .middle>li{width: 64px;height: 64px;float: left;cursor:pointer;padding:0 5px;}
    .smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
    .smallshow>.prev{left: 0;background: url(../img/hover-prev.png) no-repeat;transition: all 0.5s}
    .smallshow>.next{right: 0;background: url(../img/hover-next.png) no-repeat;transition: all 0.5s}
    .smallshow>.prev.prevnone{left: 0;background: url(../img/prev.png) no-repeat;cursor: not-allowed}
    .smallshow>.next.nextnone{right: 0;background: url(../img/next.png) no-repeat;cursor: not-allowed}
	
.proshow-con{ margin-left:30px;}
.proshow-ptitle{ padding:15px 10px; margin-top:20px; text-align:center; border-bottom:1px dashed #e0e0e0; }
.proshow-ptitle h1{ font-size:18px; font-weight:600;}
.proshow-base{ line-height:1.6; background-color:#efefef; padding:15px;}
.proshow-base p{ margin:10px 0;}
.proshow-base p:first-child{ margin-top:0;}
.proshow-other{ padding:15px 0;}
.proshow-other .list-none li{ display: inline-block; width:31%; vertical-align: middle; float: inherit;}
.proshow-service{ padding:15px; margin:10px -10px 10px 0px;font-size:10px; line-height:16px;}
.proshow-service h2{font-size: 18px;line-height: 32px;color:#27449b; margin-bottom:10px;}
.proshow-binfo{ font-size: 13px; line-height: 1.6; padding:5px 10px; background-color:#efefef; min-height: 22px;}
.proshow-binfo p{ margin:8px 0; line-height: 1.4}
.proshow-binfo p:first-child{ margin-top:0;}
.proshow-binfo dt{width: 75px; float: left;}
.proshow-binfo dd{ margin-left:75px;}
#showproduct.active{ border-top: 1px dashed #efefef}
#metbox.editor img{ max-width: 100%;}

.proshow-service ul{}
.proshow-service li{ width: 33.3333%; height:40px; float:left;}
.proshow-service li span{ display:inline-block; float:left; width:36px; height:36px;}
.proshow-service li span.fi{background: url(../img/icon_1.jpg) no-repeat;}
.proshow-service li span.se{background: url(../img/icon_2.jpg) no-repeat;}
.proshow-service li span.th{background: url(../img/icon_3.jpg) no-repeat;}
.proshow-service li .int{float: left;height: 36px; padding-left:5px; font-size:12px;}
.proshow-service li .int p{ margin:0px;}
.proshow-service li p.fz15{	font-size: 15px;line-height: 20px;color: #1e1e1e;}

.site-page table{ border-collapse:collapse;}
.site-page th,.site-page td{ border-style:solid;}

/*新闻列表-date*/
.newsList{ margin:10px 0 0px 0px;}
.newsList li{ padding:20px 0; border-bottom:1px dotted #989898;}
.newsList .itime{ background:#e6e6e6; color:#808080; width:100px; height:100px; padding-top:10px; float:left; text-align:center; font-size:15px;}
.newsList .itime strong{ font-size:24px;}
.newsList .inews-txt{ margin-left:130px; padding-bottom:8px; font-size:14px;}
.newsList .inews-txt h2{ display:block; line-height:32px; font-size:16px; color:#000; font-weight:600;}
.newsList li:hover .itime{ background:#e00; color:#fff;}
.newsList li:hover .inews-txt h2{ color:#e00}
/*newsshow*/
#shownews{ padding:0px 15px 15px;}
#shownews .editor{ line-height:2; padding:0px 10px; font-size:14px;}
#shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px; color:#333;}

/*工具栏*/
.met_hits{ padding:0px 5px; height:35px; line-height:35px; margin-top:10px; border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;}
.met_hits a{ color:#666;}
.met_hits .metjiathis{ position:absolute; left:5px; top:8px;}
.met_page{ text-align:center;}
.met_page a{ margin-right:50px; color:#1C57C4; text-decoration:underline;}

.editor{ line-height:2; color:#333;}
.editor ul,.editor ol{ padding:0px 0px 0px 25px; margin:0px;}
.editor a{ color:#1C57C4; text-decoration:underline;}
/*相关文章*/
h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #efefef; margin:15px 0px 10px 0px;}
h4.related span{ float:left; display:inline; background:#efefef; min-width:70px;_width:70px; white-space:nowrap; text-align:center; color:#4d6e95; padding:0px 10px;}
.relatedlist li{ float:left; width:30%; margin-right:10px; height:27px; line-height:27px; padding-left:12px; background:url(../diantb.jpg) no-repeat 3px 12px; overflow:hidden; }
.relatedlist li a:hover{ text-decoration:underline; }
.relatedlist li img{ margin-top:8px;}

.arttitle{ text-align:center; font-size:24px; color:#1f1f1f; font-weight:100; padding:15px 0;}
.arttime{ border-bottom: 1px solid #e0e2e4; margin-bottom:20px; padding-bottom: 5px;}
.artcon{ font-size: 16px; line-height: 1.5; color: #000; min-height: 260px;}
.artcon img{ max-width: 100%;}
.artcon p{ margin: 8px 0;}
.artturn{ margin-top: 40px; padding-top:15px; border-top:1px solid #bcbcbc; position:relative; color:#848484;}
.artback,.artback:link,.artback:visited{ display:block; width:133px; height:45px; line-height:45px; color:#fff; font-size:16px; background:url(../img/back.png) no-repeat; padding-left:28px; position:absolute; right:0px; top:20px;}
.artimg{ text-align: center; margin-bottom: 15px;}

/*搜索结果*/
.img-txt li{ margin-bottom:10px; padding-bottom:10px; border-bottom:#CCC dashed 1px; overflow:hidden;}
.img-txt .l_img{ margin-right:12px; width: 160px; height: 100px; text-align: center; display: block; border: 1px solid #efefef;}
.img-txt img{ max-width:160px; max-height:100px; display: block; margin:0 auto;}
.img-txt .imgtit .seadesc{ padding: 5px 0; color:#999; line-height: 20px;}
.img-txt .imgtit .seatime{ color: #555; background: url(../img/ikoubei-icont.png) no-repeat 0 50%; padding-left: 20px;}
.img-txt .imgtit .seatime span{ margin-right: 10px;}
.img-txt .haveimg{ margin-left: 180px;}

/**/
.piclistcon .ikoubei-item{ padding: 0px 10px; width: 280px; float: left;}
.piclistcon .ikoubei-item a:link,.piclistcon .ikoubei-item a:visited{ display: block; border: 1px solid #e2e8ec; padding:10px; background: url(../img/ikoubei-itembg.png) 100% 100% #fff no-repeat; box-shadow: 0 0 5px rgba(0,0,0,0.1);}
.piclistcon .ikoubei-item .ikoubei-img{ width:258px; height: 163px;}
.piclistcon .ikoubei-item .ikoubei-img img{ padding: 0; border: 0; width:258px; height: 163px;}
.piclistcon .ikoubei-item .ikoubei-name{ font-size: 18px; border-bottom: 1px solid #ebebeb; padding:15px 0; width:258px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.piclistcon .ikoubei-item .ikoubei-desc{ color: #999; font-size: 12px; margin:15px 0; height:70px; overflow: hidden;}
.piclistcon .ikoubei-item a:hover{ background: url(../img/ikoubei-itembgo.png) 100% 100% #013696 no-repeat; color:#fff;-webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;}
.piclistcon .ikoubei-item a:hover .ikoubei-img img{ padding: 0; border: 5px solid #e9c801; width: 248px; height:153px;-webkit-transition: all .1s linear; -moz-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear;}
.piclistcon .ikoubei-item a:hover .ikoubei-desc{ color: #bbeacc;}

.site-nav .site-navtitle { width:230px; text-align:center; height:40px; color:#fff; background:url(../img/site-navtitle.png) 0 0 no-repeat; position:absolute; top:-40px; left:0; padding-top:30px;}
.site-nav .site-navtitle .site-caton{ background:url(../img/ico_nav.png); width:48px; height:48px; display:inline-block; vertical-align:middle; margin-right:10px;}
.site-nav .site-navtitle h2{ display:inline-block; vertical-align:middle; padding-top:0px; font-size:24px; line-height:26px; color:#333;}
.site-nav .site-navtitle { width:230px; text-align:center; height:40px; color:#fff; background:url(../img/site-navtitle.png) 0 0 no-repeat; position:absolute; top:-40px; left:0; padding-top:30px;}
.site-nav .site-navtitle2{ background:url(../img/site-navprobg.png) repeat-y; width:220px; padding:10px 5px 0;}
.site-nav .site-navtitle2 .site-caton{ background:url(../img/ico_nav.png); width:48px; height:48px; display:inline-block; vertical-align:middle; margin-right:10px;}
.site-nav .site-navtitle2 h2{ display:inline-block; vertical-align:middle; padding-top:0px; font-size:24px; line-height:26px; color:#333;}

.contact-us{}
.contact-us img{ vertical-align:middle; margin-right:5px;}
.proshow-binfo-files{ border-top: 1px dashed #ddd; padding-top: 5px;}
.proshow-binfo-files li{ display: inline-block; vertical-align: middle; margin: 0px 0 0 20px;}
.proshow-binfo-files li a:link,.proshow-binfo-files li a:visited{ line-height: 30px;}
.proshow-binfo-files li a:hover{color:#f00;}

.tecDownbtn,.tecDownbtn:link,.tecDownbtn:visited{ background-color: #ee0000; color:#fff; font-size: 15px; padding:2px 5px; border-radius: 5px; text-decoration: none; display: inline-block;}
.tecDownbtn:hover{ color: #F8DA3C !important;}

/* page */
.page { padding: 20px 6px 0; height: 30px; line-height: 30px; text-align:center;}
.page a { margin: 0 3px; color: #434343; border:1px solid #e8e8e8;padding:4px 10px;}
.page a:hover,.page a.current { color: #fff; background:#005bac; text-decoration: none; }
.page span { padding:4px 0px;}
.page strong { color: #2190d7; font-size: 14px; }
.page span .page_item_current{ color: #fff; background:#005bac; text-decoration: none; display: inline-block; padding:0px 10px;}