﻿/*js代码(www.jsdaima.com)是IT资源下载与IT技能学习平台。我们拒绝滥竽充数，只提供精品IT资源！*/
@charset "UTF-8";
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {
	margin: 0px;
}
input, button, ul, ol {
	margin: 0px;
	padding: 0px;
}
body, input, button, form {
	font-size: 14px;
	line-height: 28px;
	font-family: "microsoft yahei", "Arial";
	color: #333333;
}
h1, h2, h3, h4, h5, h6, font {
	
}
ul, ol, li {
	list-style: none;
}
input {
	background: none;
	border: 0 none;
}
img, iframe {
	border: 0px;
}
em, i {
	font-style: normal;
}
button, input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.red {
	color: #ba292e;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.poa {
	position: absolute;
}
.por {
	position: relative;
}
.hidden {
	display: none;
}
.w1200 {
	width: 1200px;
	margin: 0 auto;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #3fb150;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
.ease, .ease * {
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.noease, .noease * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
:-moz-placeholder {
color: #aaa;
}
::-moz-placeholder {
color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #aaa;
}
/*清除浮动*/
.clearfix {
*zoom: 1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.wrapper { width: 100%; padding: 30px 0 0 0;  float:left;}
.wrapper .sitepath { color: #d9d9d9; text-transform: uppercase }
.wrapper .sitepath .home { width: 14px; height: 16px; display: inline-block; background-position: -114px -122px; margin-right: 10px }
.wrapper .sitepath a { display: inline-block; white-space: nowrap; color: #2f4056 }
.wrapper .sitepath a:hover { color: #62981e }
.wrapper .sitepath span { color: #2f4056 }
.wrapper .w1200 { position: relative; z-index: 5 }
.wrapper .left { width: 240px }
.wrapper .left .submenubox { padding-bottom: 20px }
.wrapper .left .submenubox .left_title { height: 80px; background: #62981e; color: #fff }
.wrapper .left .submenubox .left_title h3 { font-size: 24px; font-weight: 700; line-height: 80px; padding-left: 26px; text-transform: uppercase }
.wrapper .left .submenubox .left_title s { background-position: -248px -76px; vertical-align: middle; width: 28px; height: 28px; margin-right: 30px; margin-top: 28px }
.wrapper .left .submenu { position: relative }
.wrapper .left .submenu li { display: block }
.wrapper .left .submenu li a.sub1 { height: 55px; line-height: 55px; display: block; padding-left: 28px; background: url(../images/jtou.png) no-repeat 90% center #fff; font-size: 18px; border: 1px solid #eee; border-top: 0; overflow: hidden }
.wrapper .left .submenu li a.sub1:hover { background: url(../images/jtou_a.png) no-repeat 90% center #fff; border-left: 2px solid #62981e; border-right: 1px solid #f5f5f5; color: #62981e }
.wrapper .left .submenu li.hover a.sub1 { background: url(../images/jtou_a.png) no-repeat 90% center #fff; border-left: 2px solid #62981e; border-right: 1px solid #f5f5f5; color: #62981e }
.wrapper .left .submenu s { width: 2px; height: 61px; display: block; background: #62981e; position: absolute; left: 0; top: 0 }
.wrapper .left .submenu .box { padding-bottom: 0; background: #f9f9f9; border: 1px solid #eee; border-top: 0; display: none }
.wrapper .left .submenu .box a { color: #333; line-height: 40px; display: block; height: 40px; padding-left: 28px; overflow: hidden }
.wrapper .left .submenu .box a s { width: 10px; height: 10px; margin-right: 8px; display: inline-block; background-position: 2px -178px }
.wrapper .left .submenu .box a:hover, .wrapper .left .submenu .box a.hover { color: #62981e }
.wrapper .left .submenu li.hover .box { display: block }
.wrapper .left .leftbox { padding: 10px; position: relative; margin-bottom: 20px; border: 1px solid #eee }
.wrapper .left .leftbox .left_title { padding-bottom: 10px; border-bottom: 1px solid #eee; padding-left: 5px }
.wrapper .left .leftbox .left_title h3 { font-size: 18px; font-weight: 400; color: #62981e; display: block; text-transform: uppercase }
.wrapper .left .leftbox .leftprocomt { padding-top: 10px }
.wrapper .left .leftbox .leftprocomt li { float: left; text-align: center; width: 104px; margin-right: 10px }
.wrapper .left .leftbox .leftprocomt li:nth-child(2n){ margin:0;}
.wrapper .left .leftbox .leftprocomt li img { width: 104px; height: 78px; border-radius: 3px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.wrapper .left .leftbox .leftprocomt li p { font-size: 12px; line-height: 30px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.wrapper .left .leftbox .leftprocomt li:hover img { -webkkit-filter: brightness(105%); filter: brightness(105%) }
.leftprocomt li:hover p { color: #62981e }
.wrapper .left .leftbox .cont { padding-top: 18px; white-space: normal }
.wrapper .left .leftbox .cont .img { float: left; display: block; border: 1px solid #e5e5e5; margin: 0 auto 10px }
.wrapper .left .leftbox .cont img { width: 216px; height: 216px }
.wrapper .left .leftbox .cont p { white-space: normal; word-break: break-all; word-wrap: break-word }
.wrapper .left .leftbox .cont .zx { width: 100%; height: 50px; font-size: 20px; line-height: 50px; background: #62981e; color: #fff; display: block; margin-top: 10px }
.wrapper .left .leftbox .cont .zx em { width: 50px; height: 50px; display: inline-block; background-position: -152px -152px; vertical-align: top; border-right: 1px solid #fff; margin-right: 35px }
.wrapper .left .leftbox .cont .zx:hover { background: #ed8e06 }
.wrapper .right { width: 930px }
.wrapper .right .right_title { padding-bottom: 10px; border-bottom: 1px solid #eee; text-transform: uppercase }
.wrapper .right .right_title h3 { color: #62981e; font-size: 18px; border-left: 3px solid #62981e; height: 20px; line-height: 20px; padding-left: 14px; margin-top: 5px }
.single p{ /*text-indent: 2em;*/ margin-bottom: 30px; line-height: 27px !important; font-size: 16px;}
.wrapper .right .cont { padding: 40px 0; color: #666 }
.wrapper .right .cont .t1 { padding: 0 0 25px; color: #62981e; font-size: 20px }
.wrapper .right .cont .t2 { color: #62981e; font-size: 30px; display: block; padding: 30px 0 }
.wrapper .Productlist { }
.wrapper .Productlist .list { width: 100% }
.wrapper .Productlist .item { float: left; width: 288px; margin-right: 30px; margin-bottom: 30px; display: block; position: relative; text-align: center; border: 1px solid #eee; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms }
.wrapper .Productlist .item:nth-child(3n){ margin-right:0;}
.wrapper .Productlist .item a { display: block; width: 100% }
.wrapper .Productlist .item img { width: 288px; height: 216px; display: block }
.wrapper .Productlist .item h3 { display: block; border-top: 0; height: 66px; line-height: 66px; overflow: hidden; text-align: center; font-size: 18px }
.wrapper .Productlist .item:hover { box-shadow: 1px 2px 15px rgba(0,0,0,.2) }
.wrapper .single img { max-width: 100%; display: inline }
.wrapper .showinfo img { max-width: 100%; display: inline }
.wrapper .showinfo .Article-title { border-bottom: 1px solid #92e9ff; padding-bottom: 20px; text-align: center }
.wrapper .showinfo .Article-title h1 { font-size: 24px }
.wrapper .showinfo .Article-title .mark span { font-size: 12px; padding: 0 5px }
.wrapper .showinfo .newsinfo { padding: 20px 0 }
.wrapper .reLink { height: 48px; line-height: 48px; padding: 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin: 20px auto }
.wrapper .reLink .prevLink, .wrapper .reLink .nextLink { width: 50% }
.wrapper .reLink .nextLink { text-align: right }
.wrapper .thumblist .item { width: 430px; height: 144px; margin-right: 38px }
.wrapper .thumblist .item a { width: 414px; height: 128px; padding: 8px }
.wrapper .thumblist .item img { width: 180px; height: 127px; display: block }
.wrapper .thumblist .item .txt { width: 212px; height: 127px; overflow: hidden; position: relative }
.wrapper .thumblist .item .txt h3 { height: 30px; line-height: 30px; overflow: hidden }
.wrapper .thumblist .item .txt p { padding-top: 8px; color: #737373; line-height: 22px }
.wrapper .thumblist .item .txt .jia { display: none }
.wrapper .thumblist .item .di { width: 430px; height: 144px; border: 1px solid #e5e5e5; position: absolute; right: -10px; bottom: -10px }

.wrapper1 { position: relative; width: 100%; padding: 30px 0 0 0; float:left; background:#f7f7f7;}
.wrapper1 .sitepath { color: #d9d9d9; text-transform: uppercase }
.wrapper1 .sitepath .home { width: 14px; height: 16px; display: inline-block; background-position: -114px -122px; margin-right: 10px }
.wrapper1 .sitepath a { display: inline-block; white-space: nowrap; color: #2f4056 }
.wrapper1 .sitepath a:hover { color: #62981e }
.wrapper1 .sitepath span { color: #2f4056 }
.wrapper1 .w1200 { position: relative; z-index: 5 }
.wrapper1 .left { width: 240px }
.wrapper1 .left .submenubox { padding-bottom: 20px }
.wrapper1 .left .submenubox .left_title { height: 80px; background: #62981e; color: #fff }
.wrapper1 .left .submenubox .left_title h3 { font-size: 24px; font-weight: 700; line-height: 80px; padding-left: 26px; text-transform: uppercase }
.wrapper1 .left .submenubox .left_title s { background-position: -248px -76px; vertical-align: middle; width: 28px; height: 28px; margin-right: 30px; margin-top: 28px }
.wrapper1 .left .submenu { position: relative }
.wrapper1 .left .submenu li { display: block }
.wrapper1 .left .submenu li a.sub1 { height: 55px; line-height: 55px; display: block; padding-left: 28px; background: url(../images/jtou.png) no-repeat 90% center #fff; font-size: 18px; border: 1px solid #eee; border-top: 0; overflow: hidden }
.wrapper1 .left .submenu li a.sub1:hover { background: url(../images/jtou_a.png) no-repeat 90% center #fff; border-left: 2px solid #62981e; border-right: 1px solid #f5f5f5; color: #62981e }
.wrapper1 .left .submenu li.hover a.sub1 { background: url(../images/jtou_a.png) no-repeat 90% center #fff; border-left: 2px solid #62981e; border-right: 1px solid #f5f5f5; color: #62981e }
.wrapper1 .left .submenu s { width: 2px; height: 61px; display: block; background: #62981e; position: absolute; left: 0; top: 0 }
.wrapper1 .left .submenu .box { padding-bottom: 0; background: #f9f9f9; border: 1px solid #eee; border-top: 0; display: none }
.wrapper1 .left .submenu .box a { color: #333; line-height: 40px; display: block; height: 40px; padding-left: 28px; overflow: hidden }
.wrapper1 .left .submenu .box a s { width: 10px; height: 10px; margin-right: 8px; display: inline-block; background-position: 2px -178px }
.wrapper1 .left .submenu .box a:hover, .wrapper .left .submenu .box a.hover { color: #62981e }
.wrapper1 .left .submenu li.hover .box { display: block }
.wrapper1 .left .leftbox { padding: 10px; position: relative; margin-bottom: 20px; border: 1px solid #eee }
.wrapper1 .left .leftbox .left_title { padding-bottom: 10px; border-bottom: 1px solid #eee; padding-left: 5px }
.wrapper1 .left .leftbox .left_title h3 { font-size: 18px; font-weight: 400; color: #62981e; display: block; text-transform: uppercase }
.wrapper1 .left .leftbox .leftprocomt { padding-top: 10px }
.wrapper1 .left .leftbox .leftprocomt li { float: left; text-align: center; width: 104px; margin-right: 10px }
.wrapper1 .left .leftbox .leftprocomt li:nth-child(2n){ margin:0;}
.wrapper1 .left .leftbox .leftprocomt li img { width: 104px; height: 78px; border-radius: 3px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.wrapper1 .left .leftbox .leftprocomt li p { font-size: 12px; line-height: 30px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.wrapper1 .left .leftbox .leftprocomt li:hover img { -webkkit-filter: brightness(105%); filter: brightness(105%) }
.leftprocomt li:hover p { color: #62981e }
.wrapper1 .left .leftbox .cont { padding-top: 18px; white-space: normal }
.wrapper1 .left .leftbox .cont .img { float: left; display: block; border: 1px solid #e5e5e5; margin: 0 auto 10px }
.wrapper1 .left .leftbox .cont img { width: 216px; height: 216px }
.wrapper1 .left .leftbox .cont p { white-space: normal; word-break: break-all; word-wrap: break-word }
.wrapper1 .left .leftbox .cont .zx { width: 100%; height: 50px; font-size: 20px; line-height: 50px; background: #62981e; color: #fff; display: block; margin-top: 10px }
.wrapper1 .left .leftbox .cont .zx em { width: 50px; height: 50px; display: inline-block; background-position: -152px -152px; vertical-align: top; border-right: 1px solid #fff; margin-right: 35px }
.wrapper1 .left .leftbox .cont .zx:hover { background: #ed8e06 }
.wrapper1 .right { width: 930px }
.wrapper1 .right .right_title { padding-bottom: 10px; border-bottom: 1px solid #eee; text-transform: uppercase }
.wrapper1 .right .right_title h3 { color: #62981e; font-size: 18px; border-left: 3px solid #62981e; height: 20px; line-height: 20px; padding-left: 14px; margin-top: 5px }
.single p{ /*text-indent: 2em;*/ margin-bottom: 30px; line-height: 27px !important; font-size: 18px;}
.wrapper1 .right .cont { padding: 40px 0; color: #666 }
.wrapper1 .right .cont .t1 { padding: 0 0 25px; color: #62981e; font-size: 20px }
.wrapper1 .right .cont .t2 { color: #62981e; font-size: 30px; display: block; padding: 30px 0 }
.wrapper1 .Productlist { }
.wrapper1 .Productlist .list { width: 100% }
.wrapper1 .Productlist .item { float: left; width: 288px; margin-right: 30px; margin-bottom: 30px; display: block; position: relative; text-align: center; border: 1px solid #eee; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms }
.wrapper1 .Productlist .item:nth-child(3n){ margin-right:0;}
.wrapper1 .Productlist .item a { display: block; width: 100% }
.wrapper1 .Productlist .item img { width: 288px; height: 216px; display: block }
.wrapper1 .Productlist .item h3 { display: block; border-top: 0; height: 66px; line-height: 66px; overflow: hidden; text-align: center; font-size: 18px }
.wrapper1 .Productlist .item:hover { box-shadow: 1px 2px 15px rgba(0,0,0,.2) }
.wrapper1 .single img { max-width: 100%; display: inline }
.wrapper1 .showinfo img { max-width: 100%; display: inline }
.wrapper1 .showinfo .Article-title { border-bottom: 1px solid #92e9ff; padding-bottom: 20px; text-align: center }
.wrapper1 .showinfo .Article-title h1 { font-size: 24px }
.wrapper1 .showinfo .Article-title .mark span { font-size: 12px; padding: 0 5px }
.wrapper1 .showinfo .newsinfo { padding: 20px 0 }
.wrapper1 .reLink { height: 48px; line-height: 48px; padding: 0; border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin: 20px auto }
.wrapper1 .reLink .prevLink, .wrapper .reLink .nextLink { width: 50% }
.wrapper1 .reLink .nextLink { text-align: right }
.wrapper1 .thumblist .item { width: 430px; height: 144px; margin-right: 38px }
.wrapper1 .thumblist .item a { width: 414px; height: 128px; padding: 8px }
.wrapper1 .thumblist .item img { width: 180px; height: 127px; display: block }
.wrapper1 .thumblist .item .txt { width: 212px; height: 127px; overflow: hidden; position: relative }
.wrapper1 .thumblist .item .txt h3 { height: 30px; line-height: 30px; overflow: hidden }
.wrapper1 .thumblist .item .txt p { padding-top: 8px; color: #737373; line-height: 22px }
.wrapper1 .thumblist .item .txt .jia { display: none }
.wrapper1 .thumblist .item .di { width: 430px; height: 144px; border: 1px solid #e5e5e5; position: absolute; right: -10px; bottom: -10px }

.abouttab{ line-height:27px; font-size:16px; overflow:hidden;}
.abouttab p{ line-height:27px; font-size:16px;}
.abouttab td{ border:1px solid #ddd; padding:5px;}

.showNews .title { font-size: 24px; color: #333; text-align: center; margin: 10px 0 22px; font-weight: 700 }
.showNews .mark { color: #999; height: 38px; line-height: 38px; text-align: center; margin-bottom: 20px; border-top: 1px dashed #e5e5e5; border-bottom: 1px dashed #e5e5e5 }
.showNews .showContxt { color: #666; padding: 0 0 30px; line-height: 30px; overflow:hidden;}
.showNews .showContxt img { max-width: 100% }

.showNews .showContxt table{ord-wrap: break-word; word-break:break-all; width:100%; float:left;}
.showNews .showContxt table td { border:#ddd solid 1px;}
.showContxtA{ line-height: 23px;}
.showContxtA p{ margin: 20px 0; text-indent:0 !important;}
.showContxtA p img{ margin: 20px 0;}
.exhibition_hall { text-align: center; position: relative; overflow: hidden }

.thumblist1 .item { border-bottom: 1px dotted #b0b0b0; padding: 30px 0; font-family: pingfang sc, microsoft yahei, arial }
.thumblist1 .item:first-child { padding-top: 0 }
.thumblist1 .item a { display: block }
.thumblist1 .item .img { width: 200px; height: 150px; overflow: hidden }
.thumblist1 .item .img img { width: 100%; display: block; height: 100%; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms }
.thumblist1 .item .img:hover img { transform: scale(1.06, 1.06) }
.thumblist1 .item .txt { width: 700px }
.thumblist1 .item .txt h3 { font-size: 18px; line-height: 30px }
.thumblist1 .item .txt .desc { padding-top: 10px; color: #999; height: 70px; overflow: hidden; line-height: 24px; margin-bottom: 12px }
.thumblist1 .item .txt>span { display: inline-block; font-size: 12px; color: #b7b7b7; padding-right: 26px }
.thumblist1 .item .txt span em { width: 20px; height: 18px; display: inline-block; margin-right: 10px; background-position: -196px -120px }
.thumblist1 .item .txt span .time { background-position: -174px -121px }
.leftnews .cont li { line-height: 30px; height: 30px; overflow: hidden }
.leftnews .cont li a { display: block }

.pglist { padding: 30px 0 15px; width: 100%; text-align: center; clear: both }

.pglist a {
	color: #666;
	padding: 0 15px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #edebeb;
}
.pglist * {
	display: inline-block;
	vertical-align: middle;
	line-height: 34px;
	padding-bottom: 1px;
}
.pglist a:hover, .pglist .hover{
	display: inline-block;
	color: #fff;
	background: #3fb150;
	border-color: #3fb150;
}
.pglist span{padding: 0 15px; margin: 0 3px; border: 1px solid #edebeb; color: #fff !important;
    background: #3fb150 !important;
    border-color: #3fb150 !important;
}


.showCase_content {
	width:1200px;
	float:left;
}
.tttts{width:1150px;height:60px; float:left; margin-left:50px; overflow:hidden;}
.tttts li{float:left;width:150px;height:40px;background:#227b39;margin-right:12px;text-align:center;line-height:40px;cursor:pointer;font-size:14px;font-weight:700; color:#fff;}
.tttts li a{ color:#fff;}
.tttts li.hover{background:#de0025;font-weight:bold;color:#fff;}
.tttts li.hover a{font-weight:bold;color:#fff;}
.tabconttb{width:1200px;float:left;height:auto;clear:both;}
.tabconttb .tabcb{width:1200px;float:left;height:auto;clear:both;}
.tabconttb .tabcb ul{width:280px;height:auto;float:left;overflow:hidden;padding:0px; margin-right:20px; margin-bottom:20px;}
.tabconttb .tabcb ul li{width:280px;height:auto;float:left;overflow:hidden;}
.tabconttb .tabcb ul li.tu1{width:280px;float:left;}
.tabconttb .tabcb ul li.tu1 img{width:280px;height:210px;}
.tabconttb .tabcb ul li.tu2{width:254px;padding:2px 0px 5px;margin:0px;float:left;}
.tabconttb .tabcb ul li.tu2 img{float:left;}
.tabconttb .tabcb ul li.wz{text-align:center;height:auto;line-height:34px; width:285px; height:34px; float:left; background:#111;}
.tabconttb .tabcb ul li.wz a{color:#fff ;font-size:14px;font-family: microsoft yahei;font-weight:bold;}
.tabconttb .tabcb ul li.wz a span{color:#666;font-weight:400;}
