.conter{overflow: hidden;}
/*banner*/
.banner {position: relative;height: 220px;overflow:hidden}
.banner img {position: absolute;left: 50%;margin-left: -960px;width: 1920px;height: 220px;}

.main{position: relative;}

/* position */
.position { text-align: right; border-bottom: 1px solid #e3e3e3; padding-left: 30px; line-height: 60px; vertical-align: middle; }
.position strong { float: left; font-size: 22px; color: #1e88e5; font-weight: 500; }
.position a { font-size: 12px; color: #616161; padding: 0 10px; }
.position a:last-child { background: none; }
.position a:hover { color: #1e88e5; }

/* pro */
.sidebg { position: absolute; top: 0; left: 50%; width: 340px; height: 150px; margin-left: -630px; background: url(../images/sidebg.png) no-repeat center; z-index: 11; }
.sidebar { position: relative; overflow: hidden; width: 240px; z-index: 111 }
.sidebar h2 { display: block; height: 70px; padding: 25px 0 0 35px; font-size: 24px; color: #fff; font-weight: bold; }
.sidebar h2 span { text-transform: uppercase; font: 500 14px/24px Arial, Helvetica, sans-serif; display: block; }

.sidenav { padding: 50px 0 250px; background: #F4F6F8; background: linear-gradient(0deg, #fff 0%, #f1f1f1 30%, #F4F6F8 100%); overflow: hidden; }
.sidenav h3 { height: 38px; margin-top: 5px; padding-left: 10px; color: #2c3035; background: #e3e3e3; cursor: pointer; font: normal 14px/38px "Microsoft YaHei"; }
.sidenav h3 em { float: right; display: block; width: 40px; height: 38px; background: url(../images/add.png) 16px 16px no-repeat; cursor: pointer; }

.sidenav h3.on { background: #1e88e5; color: #fff }
.sidenav h3.on a{ color: #fff }
.sidenav h3.on em { background-position: 16px -53px; }
.sidenav ul { padding: 8px 20px; color: #999; display: none; /* 默认都隐藏 */ }
.sidenav ul li { line-height: 22px; padding-left: 20px; background: url(../images/tb.gif) no-repeat left center; color: #7D7D7D; }

.sidemenu { padding: 50px 0 200px; background: #F4F6F8; background: linear-gradient(0deg, #fff 0%, #f1f1f1 50%, #eee 100%); overflow: hidden; }
.sidemenu li { height: 38px; margin-top: 5px; padding: 0 10px; background: #e3e3e3; cursor: pointer; font: normal 14px/38px "Microsoft YaHei"; }
.sidemenu li a { display: block; color: #2c3035; background: url(../images/jt.png) no-repeat center right; }
.sidemenu li.on { background: #1e88e5; }
.sidemenu li.on a { color: #fff; background: url(../images/jt_w.png) no-repeat center right; }

.mainbar { width: 840px; min-height: 500px; overflow: hidden; }

.product { width: 820px; padding: 34px 0 34px 20px; overflow: hidden; }
.product ul li { float: left; width: 258px; margin: 0 20px 25px 0; padding-bottom: 8px; overflow: hidden; text-align: center; background: #fff; border: 1px solid #e3e3e3; border-bottom: 4px solid #e3e3e3; -webkit-transition: all 0.3s ease-in-out; }
.product ul li img { margin-top: 10px; border-bottom: 2px solid #ecf1f2; }
.product ul li h2 { font-size: 14px; color: #727272; padding: 10px 8px 5px 8px; }
.product ul li:hover { border-bottom: 4px solid #1e88e5; }
.product ul li:hover h2 { color: #1e88e5; }

.gallery{ width: 820px; padding: 34px 0 0 20px; overflow: hidden;}

.gall { width: 448px; height: 448px; border: 1px solid #d7d7d7; overflow: hidden;}
.gall a, .gall img { display: block; width: 448px; height: 448px; }

.gallery .fr { position: relative; display: inline; width: 350px; height: 450px }
.gallery .fr h1 { font: bold 24px/30px 'Microsoft YaHei', Arial; color: #333; margin-bottom: 5px; }
.gallery .fr ul { height: 302px; padding: 10px 0; }
.gallery .fr ul li { line-height: 40px; }
.gallery .fr ul li.xian { border-bottom: 1px dashed #ccc; margin: 1.5rem 0; }
.gallery .fr ul li span { font-size: 14px; color: #1F66A4 }

.btn { position: absolute; bottom: 0; left: 0; height: 80px }
.btn a { width: 168px; height: 40px; font-size: 16px; line-height: 40px; border: 1px solid transparent; overflow: hidden; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: -moz-inline-stack; display: block; zoom: 1; color: white; background: #e00200; }
.btn a:hover { color: #fff; background: #f82828; }

.tab { margin-left: 20px; }
.tab .hd { height: 38px; padding: 4px 0 2px; overflow: hidden; }
.tab .hd  ul li { float: left; width: 140px; height: 38px; line-height: 38px; font-size: 17px; color: #fff; text-align: center; margin-right: 1px; background: #2c3035; cursor: pointer; }
.tab .hd  .back { float: right; width: 397px; height: 38px; background: #e3e3e3; }
.tab .hd  .back a { display: block; float: right; width: 126px; height: 44px; line-height: 44px; font-size: 16px; color: #fff; padding-left: 28px; margin-top: -4px; background: url(../images/back.png) no-repeat; }
.tab .hd  ul li:hover, .tab .hd  ul li.on { background: #1e88e5; }
.tab .bd .tabitem { padding: 15px 0 30px; zoom: 1; }
.tab .bd .tabitem p { font-size: 14px; color: #333; line-height: 30px; text-align: left; }
.tab .bd .tabitem strong{ font-weight: bold; }

.tuijian { overflow: hidden; zoom: 1; width: 100%; }
.tuijian li { float: left; width: 258px; margin: 0 20px 25px 0; padding-bottom: 8px; overflow: hidden; text-align: center; background: #fff; border: 1px solid #e3e3e3; border-bottom: 4px solid #e3e3e3; -webkit-transition: all 0.3s ease-in-out; }
.tuijian li img { margin-top: 10px; border-bottom: 2px solid #ecf1f2; }
.tuijian li h2 { font-size: 14px; color: #727272; text-align: left; padding: 10px 8px 5px 8px; }
.tuijian li:hover { border-bottom: 4px solid #1e88e5; }
.tuijian li:hover h2 { color: #1e88e5; }

/* news */
.new { overflow: hidden; padding-bottom: 45px; background: #fff; }
.new ul li { padding: 25px 30px; border-bottom: 1px dashed #e3e3e3; overflow: hidden; -webkit-transition: all 0.3s ease-in-out; }
.new ul li span { display: block; width: 75px; float: left; font-size: 56px; color: #d1d1d1; font-family: sans-serif; text-align: center; }
.new ul li span em { display: block; font-size: 16px; margin-top: -8px; }
.new .item { overflow: hidden; float: left; padding-right: 80px; width: 570px; margin-left: 20px; padding-top: 10px; }
.new .item h2 { font-size: 16px; color: #2c3035; -webkit-transition: all 0.3s ease-in-out; padding-bottom: 5px; }
.new .item p { font-size: 12px; color: #666; line-height: 20px; }
.new ul li:hover { background: #eee; }
.new ul li:hover .item { background: url(../images/new_bj.png) no-repeat center right; }
.new ul li:hover h2 { color: #1e88e5; }

.conbox { width: 810px; min-height: 500px; padding: 20px 10px 40px 20px; overflow: hidden; }
.conbox h1 { height: 45px; color: #333; font: 24px/45px "Microsoft YaHei"; text-align: center; }
.conbox .time { text-align: center; height: 42px; line-height: 42px; border-bottom: dotted 1px #aaa; }
.conbox .info { overflow: hidden; margin: 20px 0; line-height: 24px; }
.conbox .info img{ width: 100%;}
.conbox .info strong{ font-weight: bold; }
.conbox .fanye { padding-top: 10px; line-height: 32px; border-top: dotted 1px #aaa; }
.conbox .fanye strong { color: #1e88e5; font-weight: bold; }

/* album */
.album { width: 820px; padding: 34px 0 34px 20px; overflow: hidden; }
.album ul li { float: left; width: 266px; margin: 0 11px 25px 0; overflow: hidden; text-align: center; background: #eee; display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; }
.album ul li a, .album ul li img { display: block; }
.album ul li h2 { font-size: 14px; color: #333; line-height: 24px; padding: 10px;}
.album ul li:hover, .album ul li:focus, .album ul li:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); }
.album ul li:hover h2 { background: #1e88e5; color: #fff; }

.honorlist ul li{width:248px;margin-right:38px}

/* case */
.case { width: 820px; padding: 34px 0 34px 20px; overflow: hidden; }
.case ul li { float: left; width: 252px; margin: 0 29px 29px 0; padding: 20px 0px 30px 0px; border: 1px solid #e3e3e3; text-align: center; -webkit-transition: all 0.3s ease-in-out; }
.case ul li:hover { border: 1px solid #1e88e5; }
.case ul li a { display: block; cursor: pointer; }
.case ul li img { display: block; width: 200px; height: 160px; margin: 0 auto; padding: 10px 0; }
.case ul li h2 { display: block; color: #2c3035; padding: 10px 0 31px; }
.case ul li i { display: block; width: 40px; height: 3px; margin: 0 auto; background: #2c3035; -webkit-transition: all 0.3s ease-in-out; }
.case ul li:hover i { background: #1e88e5; }

/* download */
.downbox { width: 820px; padding: 34px 0 0 20px; }
.download { overflow: hidden; }
.download li { margin-bottom: 20px; overflow: hidden }
.download li em { float: left; width: 80px; height: 80px; color: #fff; background: #1e88e5; text-align: center; }
.download li em .fa { line-height: 80px; }
.download li span { display: inline-block; float: left; width: 560px; height: 78px; font-size: 14px; color: #666; line-height: 78px; padding-left: 30px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #f2f2f2; overflow: hidden }
.download li a { display: inline-block; float: left; width: 148px; height: 78px; font-size: 14px; color: #333; line-height: 78px; border: 1px solid #e6e6e6; }
.download li a .fa { font-size: 30px; line-height: 78px; padding: 0 18px 0 22px; }
.download li a:hover { color: #1e88e5 }

/* singlepage */
.topnav { width: 100%; overflow: hidden; background-color: #F7FBFB; box-shadow: inset 0 -1px 0 #e3e3e3; }
.topnav li { float: left; width: 183px; list-style: none; }
.topnav li:first-child { border-left: 1px solid #e3e3e3; }
.topnav a, .topnav span { color: #555; width: 182px; font-size: 16px; text-transform: uppercase; padding: 20px 0; float: left; text-align: center; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #F7FBFB; letter-spacing: .5px; transition: all 0.2s ease-in-out }
.topnav a:hover { color: #1e88e5; background-color: #FFF; }
.topnav .active span { color: #1e88e5; font-weight: bold; background-color: #FFF; border-bottom: 1px solid #FFF; }
.topnav a:after, .topnav span:after { content: ""; clear: both }

.single { min-height: 500px; padding: 40px 0; overflow: hidden; }
.single h1 { font-weight: normal; color: #1c2334; margin-top: 0; margin-bottom: 20px; font-size: 30px; }
.single .md { margin: 30px 0; background-color: #FFF; background-image: -webkit-linear-gradient(right, #FFF, #dedede); background-image: linear-gradient(to left, #FFF, #dedede); display: block; height: 1px; width: 100%; }
.single .info { overflow: hidden; margin: 20px 0; line-height: 24px; }

/*page*/
.pagination { clear: both; padding: 10px 0; margin: 10px 0; text-align: center; }
.page { display: inline-block; *display: inline; *zoom: 1; font-size: 12px; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.page li { list-style: none; display: inline; float: left; line-height: 1em; text-decoration: none; border: 1px solid #ddd; border-left-width: 0; }
.page li a { display: inline-block; padding: .8em; background-color: #f9f9f9; color: #999; }
.page li a:link { background: #fff; color: #4C78A5; }
.page li a:hover { text-decoration: none; }
.page li a:link:hover { color: #000; }
.page li.thisclass { padding: .8em; background-color: #1e88e5; color: #fff; }
.page li.thisclass a { padding: 0; background-color: #1e88e5; color: #fff; }
.page li:first-child { border-left-width: 1px; border-radius: 3px 0 0 3px; padding: .8em; }
.page li:first-child a { padding: 0; }
.page li:last-child { border-radius: 0 3px 3px 0; padding: .8em; }
.page li:last-child a { padding: 0; }
.page .pageinfo { color: #444; }