.conter{zoom: 1; background: #fff}

.bg{background: #efefef}

/* banner */
.banner{position: relative; height: 220px; overflow: hidden;}
.banner img{position: absolute; top: 0; left: 50%; width: 1920px; height: 220px; margin-left: -960px;}
.banner h3{ position: absolute; top: 80px;width: 100%; margin: 0 auto; text-align: center; color: #000;font-size: 32px;}
.banner span{ position: absolute; top: 130px;width: 100%; line-height: 20px; margin: 0 auto; text-align: center; color: #999;font-size: 14px;}
.banner span a{color: #999}
.banner span i{display: inline-block; width: 20px; height: 20px; margin-right: 5px; vertical-align: top; background: url(../images/map.png) no-repeat;}

/* subnav */
.subnav { text-align: center; }
.subnav a { position: relative; display: inline-block; width: 135px; height: 48px; margin-right: 5px; line-height: 48px; color: #333; background: #ccc }
.subnav a span { display: block; height: 0px; position: absolute; z-index: 2; top: 0px; left: 0; width: 135px; background: url(../images/subnavon.png) center top no-repeat; }
.subnav a strong { display: block; position: relative; z-index: 4; }
.subnav a span, .subnav a strong { -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }
.subnav a:hover, .subnav .on { color: #4f9431; }
.subnav a:hover span, .subnav .on span { height: 58px; }
.subnav a:hover strong, .subnav .on strong { color: #fff; }

/* pro */
.prolist { overflow: hidden; }
.prolist li{ float: left; margin-right: 20px; width: 260px; height: 388px; }
.prolist li .item { display: block; }
.prolist li .item { width: 260px; height: 358px; overflow: hidden; background-color: #fff; text-align: center; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.prolist li .item:hover { background-color: #3e94db; color: #fff; -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) }
.prolist li .item .pic { display: block; width: 260px; height: 220px; margin-bottom: 4px; overflow: hidden; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.prolist li .item .pic img { padding-top: 10px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.prolist li .item h4 { padding-top: 19px; font-size: 18px; color: #333; }
.prolist li .item p { padding: 13px 0 25px; font-size: 14px; }
.prolist li .item .more { display: inline-block; width: 105px; height: 35px; line-height: 35px; background-color: #fff; color: #fff; font-style: normal; text-align: center; text-transform: uppercase; -webkit-transform: translateY(35px); -ms-transform: translateY(35px); -o-transform: translateY(35px); transform: translateY(35px); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.prolist li:hover .item h4, .prolist li:hover .item p { color: #fff; }
.prolist li:hover .item .more { color: #2db8ee; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }

.gallery .gall { width: 494px; height: 400px; border: 1px solid #e5e5e5; overflow: hidden;}
.gallery .gall a{display: block; width: 400px; height: 400px; padding: 0 46px;}
.gallery .gall img { display: block; width: 400px; height: 400px;}

.gallery .fr { position: relative; display: inline; width: 584px; height: 402px }
.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: #3e94db }

.qq { position: absolute; bottom: 0; left: 0; display: block; width: 160px; height: 45px; background: url(../images/zx.png) no-repeat; text-indent: -999em; }

.tab .hd { position: relative; border-bottom: 1px solid #dfdfdf; }
.tab .hd ul { font-size: 0; cursor: pointer; }
.tab .hd ul li { display: -moz-inline-stack; display: inline-block; _display: inline; *display: inline; *zoom: 1; vertical-align: middle; zoom: 1; width: 150px; height: 40px; padding-top: 5px; background: #fcfcfc; }
.tab .hd ul li a { display: -moz-inline-stack; display: inline-block; vertical-align: middle; zoom: 1; width: 148px; height: 40px; line-height: 40px; text-align: center; border-left: 1px solid #fcfcfc; border-right: 1px solid #fcfcfc; border-bottom: 1px solid #dfdfdf; color: #666; font-size: 16px; background: #fcfcfc; }
.tab .hd ul li.on { background: #3e94db; }
.tab .hd ul li.on a { color: #3e94db; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #fcfcfc; background: #fff; }
.tab .hd a.back { position: absolute; top: 7px; right: 0; color: #fff; padding: 0 15px; line-height: 30px; cursor: pointer; font-size: 12px; text-transform: uppercase; background-color: #3e94db; border-radius: 4px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; }
.tab .hd a.back:hover { background-color: #1dba9b; color: #fff; }
.tab .bd .tabitem { padding: 20px 0; zoom: 1; }
.tab .bd .tabitem p { line-height: 24px; }
.tab .bd .tabitem img { max-width: 100%;}

.tab .prolist ul li .item{ background: #efefef}

/* news */
.newslist { overflow: hidden; }
.newslist li { float: left; position: relative; width: 530px; height: 96px; margin: 0 36px 25px 0; padding: 15px 0; border: 1px solid transparent; background: #f1f1f1; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s }
.newslist li .txt { width: 380px; float: left; padding-left: 15px; transition: all .3s ease-out 0s }
.newslist li .txt span { font-size: 16px; color: #717171; display: block; height: 24px; overflow: hidden; margin-bottom: 20px; transition: all .3s ease-out 0s }
.newslist li .txt p { height: 52px; color: #A2A2A2; line-height: 24px; display: block; overflow: hidden; transition: all .3s ease-out 0s }
.newslist li .date { width: 80px; float: right; color: #999; text-align: left; padding-right: 15px; transition: all .3s ease-out 0s }
.newslist li .date span { height: 26px; font-size: 24px; }
.newslist li .date em { font-size: 13px; }
.newslist li .but { position: absolute; top: 72px; right: 58px; width: 35px; height: 35px; border-radius: 18px; text-align: center; border: 1px solid #dedfe1; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; }
.newslist li .but i { width: 15px; height: 9px; background: url(../images/newsjt.png) no-repeat 0 0; display: block; margin: 13px 0 0 11px; }
.newslist li:hover { border: 1px solid #efefef; box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08) }
.newslist li:hover .txt { padding-left: 25px; }
.newslist li:hover .txt span { color: #333 }
.newslist li:hover .txt i { color: #999 }
.newslist li:hover .date { padding-right: 25px; }
.newslist li:hover .but { background: #3e94db; border: 1px solid #3e94db; right: 15px; }
.newslist li:hover .but i { background-position: 0 -26px }

.news{ width: 780px; padding: 19px; border: 1px solid #d5d5d5; font-size: 14px; line-height: 24px; overflow: hidden; }
.news h1 { color: #333; font: 24px/45px "Microsoft YaHei"; text-align: center; }
.news .time { text-align: center; height: 42px; line-height: 42px; border-bottom: dotted 1px #aaa; }
.news .info { overflow: hidden; width: 760px; margin: 20px 10px; }
.news .info img{ max-width: 100%; }
.news .fanye { line-height:32px;}
.news .fanye strong { color: #3e94db;}

.sidebar{ width: 260px}
.sidebar .sidenews{ width: 258px; border: 1px solid #d5d5d5; }
.sidebar .sidenews h3{ height: 49px; line-height: 49px; padding-left: 20px; font-size: 16px; border-bottom: 1px solid #d5d5d5; background: #f9f9f9; color: #333;}
.sidebar .sidenews ul{ padding: 20px; }
.sidebar .sidenews ul li { width: 218px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sidebar .sidenews ul li a { font-size: 14px; line-height: 2.3;}

/* case */
.case { padding: 10px 0; overflow: hidden; color: #fff;zoom: 1;}
.case li { float: left; width: 250px; height: 205px; margin: 0 20px 20px 0; padding: 5px 5px 0; background: #efefef; color: #333; }
.case li a, .case li a img { display: block; width: 250px; height: 160px; }
.case li a h4 { height: 40px; line-height: 40px; text-align: center; }
.case li:hover{background: #3e94db; }
.case li:hover a{color: #fff; }

/* honor */
.honor { padding: 10px 0; overflow: hidden; color: #fff;zoom: 1;}
.honor li { float: left; width: 185px; height: 298px; margin: 0 25px 20px 0; padding: 5px 5px 0; background: #efefef; color: #333; }
.honor li a, .honor li a img { display: block; width: 185px; height: 252px; }
.honor li a h4 { height: 40px; line-height: 40px; text-align: center; }
.honor li:hover{background: #3e94db; }
.honor li:hover a{color: #fff; }

/* contact */
#contact .subtitle { color: #696969; font-weight: normal; font-size: 15px; margin: 0 auto 40px; line-height: 30px; }
#contact .touch{width: 500px;}
#contact .touch h2 { font-size: 18px; text-align: left;  color: #000; font-weight: 400; margin: 0; padding-bottom: 15px; margin: 0; text-transform: uppercase; border-bottom: 1px solid #e7eaf1; }
#contact .touch .bor{ width: 220px; border-bottom: 2px solid #016fc6; text-align: center; margin-bottom: 30px; margin-top: -2px; }
#contact .touch .row{ width: 100%;height: 320px; line-height: 24px; overflow: hidden;}
#contact .msg{width: 550px;}
#contact .msg .pr30{padding-right: 30px;}
#contact .msg .col { float: left; width: 260px;}
#contact .msg .col .colcon { width: 100%; }

#contact-form label { color: #696969; font-size: 13px; display: block; margin-bottom: 10px; font-weight: normal; }
#contact-form input[type="text"] { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 5px; background-color: #f7f9fc; border: solid 1px #e7eaf1; color: #696969; font-size: 14px; width: 100%; text-indent: 15px; padding: 10px 0; margin-bottom: 15px; }
#contact-form textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 5px; background-color: #f7f9fc; border: solid 1px #e7eaf1; color: #696969; font-size: 14px; width: 100%; text-indent: 15px; padding: 10px 0; margin-bottom: 20px; height: 120px; }
#contact-form input[type="submit"] { font-size: 12px; color: #fff; font-weight: 400; text-transform: uppercase; display: block; text-align: center; padding: 10px 0; width: 120px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #368BD7; border: 0; }
#contact-form input[type="submit"]:hover { background: #3ba0f8; color: #fff; }

.map{width: 100%; height: 500px; margin: 45px 0; overflow: hidden;}

/* page */
.pagination { clear: both; 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: #3e94db; color: #fff; }
.page li.thisclass a { padding: 0; background-color: #3e94db; 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; }

/*==========以下部分是Validform必须的===========*/
.Validform_checktip{ margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; }
.Validform_right{ color:#71b83d; padding-left:20px; background:url(../images/right.png) no-repeat left center; }
.Validform_wrong{ color:red; padding-left:20px; white-space:nowrap; background:url(../images/error.png) no-repeat left center; }
.Validform_loading{ padding-left:20px; background:url(../images/onLoad.gif) no-repeat left center; }
.Validform_error{ background-color:#ffe7e7; }
#Validform_msg{ color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); }
#Validform_msg .iframe{ position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title{ line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#3e94db; }
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{ line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover{ color:#cc0; }
#Validform_msg .Validform_info{ padding:8px; border:1px solid #3e94db; border-top:none; text-align:left; }