﻿@charset "utf-8";
.pagban{ height:300px; position:relative; z-index:0;}

.sidebar{width:220px; margin-top:25px; float:left;}
.sidebar > h1{width:100%; font-weight:normal; background-color:#0b4bac; text-align:center; padding:40px 0px; float:left; color:#FFF; font-size:24px;}
.sidebar > ul{width:100%; margin-top:1px; float:left; text-align:left;}
.sidebar > ul > li{width:100%; float:left; margin:1px 0px;}
.sidebar > ul > li > a{width:100%; text-indent:18px; display:inline-block; color:#505050; font-size:14px; padding:15px 0px; float:left; background:#e8e8e8 url(../images/icon1.png) 200px center no-repeat;}
.sidebar > ul > li > a:hover{background:#f91a36 url(../images/icon2.png) 200px center no-repeat; color:#FFF;}
.sidebar > ul > li > a.side_hv{background:#f91a36 url(../images/icon2.png) 200px center no-repeat; color:#FFF;}
.sidebar > h2{width:100%; margin-top:15px; font-weight:normal; background-color:#f5f5f5; border-top:solid 3px #0578eb; border-bottom:#ddd dashed 1px; text-align:center; padding:14px 0px; float:left; color:#585757; font-size:18px;}
.sidebar > ol{width:208px; padding-top:16px; background-color:#f5f5f5; padding-left:12px; float:left; text-align:center; height:210px;}
.sidebar > ol > li{width:98px; height:94px; overflow:hidden; border-bottom:solid 2px #FFF; border-right:solid 2px #FFF; float:left;}
.sidebar > ol > li > a{width:100%; display:inline-block; padding-top:60px; height:34px; color:#FFF; font-size:14px; float:left;}
.sidebar > ol > li.bar_icon1{background:#0e53ae url(../images/item1.png) center 24px no-repeat;}
.sidebar > ol > li.bar_icon2{background:#0e53ae url(../images/item2.png) center 20px no-repeat;}
.sidebar > ol > li.bar_icon3{background:#0e53ae url(../images/item3.png) center 21px no-repeat;}
.sidebar > ol > li.bar_icon4{background:#0e53ae url(../images/item4.png) center 23px no-repeat;}
.sidebar > ol > li.bar_icon1:hover{background:#f91a36 url(../images/item1.png) center 24px no-repeat;}
.sidebar > ol > li.bar_icon2:hover{background:#f91a36 url(../images/item2.png) center 20px no-repeat;}
.sidebar > ol > li.bar_icon3:hover{background:#f91a36 url(../images/item3.png) center 21px no-repeat;}
.sidebar > ol > li.bar_icon4:hover{background:#f91a36 url(../images/item4.png) center 23px no-repeat;}

.content{width:948px; overflow:hidden; margin-top:25px; float:right;}
.content .subnav{width:100%; float:left; height:36px; background:url(../images/cent_line.png) left bottom no-repeat;}
.content .subnav span{width:288px; float:left; padding-top:2px; display:inline-block; color:#6b6a6a; font-size:18px;}
.content .subnav p{background:url(../images/home2.png) left center no-repeat; padding:5px 0px 5px 20px; display:inline-block; float:right; text-align:right; color:#6b6a6a; font-size:13px;}
.content .subnav p a{color:#6b6a6a; font-size:13px;}
.content .subnav p label{display:inline-block; padding:0 10px;}
.content .onlycen{width:100%; margin-top:20px; line-height:180%; float:left; color:#333; font-size:14px;}
.content .isolist{width:968px; float:left; text-align:left;}
.content .isolist  dl{width:438px; margin-top:20px; background-color:#f5f5f5; padding:13px; margin-right:20px; float:left;}
.content .isolist  dl  dt{width:228px; height:140px; position:relative; overflow:hidden; float:left;}
.content .isolist  dl  dt  img{width:228px; height:140px; display:block;}
.content .isolist  dl  dd{width:190px; height:140px; float:right;}
.content .isolist  dl  dd  a{width:100%; padding-bottom:5px; border-bottom:solid 1px #e6e6e6; color:#383737; font-size:14px; font-weight:bold; display:inline-block; float:left;}
.content .isolist  dl  dd  a:hover{color:#0b4bac;}
.content .isolist  dl  dd  p{width:100%; color:#676767; font-size:12px; line-height:20px; margin-top:5px; float:left;}
.content .isolist  dl:hover{background-color:#eee;}

.content .aboutof{width:100%; float:left; margin-top:20px;}
.content .aboutof > ul{width:100%; float:left; text-align:left;}
.content .aboutof > ul > li{width:100%; float:left; line-height:180%; color:#333; font-size:14px;}
.content .aboutof > h1{width:100%; margin-top:22px; font-weight:normal; text-align:center; color:#292929; font-size:24px; padding:10px 0px; float:left;}
.content .aboutof > h2{width:100%; font-weight:normal; text-align:center; color:#898988; font-size:14px; padding-bottom:15px; padding-top:10px; float:left;}
.content .aboutof > form{width:860px; margin:0 auto;}
.content .aboutof > form > label{width:92px; color:#545454; font-size:16px; margin-top:22px; display:block; height:38px; float:left; line-height:38px; vertical-align:middle; text-indent:34px;}
.content .aboutof > form > label.fr_man{ background:url(../images/man.png) left center no-repeat;}
.content .aboutof > form > label.fr_mail{background:url(../images/email.png) left center no-repeat;}
.content .aboutof > form > label.fr_yzm{text-indent:21px;}
.content .aboutof > form > label.fr_tel{background:url(../images/tel2.png) left center no-repeat; width:122px; margin-left:80px;}
.content .aboutof > form > label.fr_type{background:url(../images/type.png) left center no-repeat; width:122px; margin-left:80px;}
.content .aboutof > form > label.fr_cent{background:url(../images/cent.png) left center no-repeat;}
.content .aboutof > form > img{width:100px; cursor:pointer; height:38px; margin-left:15px; display:block; float:left; margin-top:22px;}
.content .aboutof > form > input.fr_inp2{width:100px; height:36px; color:#666; font-size:14px; display:block; line-height:36px; float:left; vertical-align:middle; text-indent:10px; border:solid 1px #e9e5e5; margin-top:22px;}
.content .aboutof > form > input.fr_inp{width:278px; height:36px; color:#666; font-size:14px; display:block; line-height:36px; float:left; vertical-align:middle; text-indent:10px; border:solid 1px #e9e5e5; margin-top:22px;}
.content .aboutof > form > textarea.fr_txt{width:760px; height:200px; color:#666; font-size:14px; float:left; display:block; line-height:20px; border:solid 1px #e9e5e5; margin-top:22px;}
.content .aboutof > form > h3{width:100%; float:left; margin-top:30px; text-align:center; font-weight:normal;}
.content .aboutof > form > h3 > input.fr_sbt{padding:7px 30px; display:inline-block;color:#a42618; background-color:#fff; cursor:pointer; font-size:16px; border:1px #a42618 solid; border-radius:10px;}
.content .aboutof > form > h3 > input.fr_sbt:hover{color:#FFF; border:1px #a42618 solid; background-color:#a42618;}

.content .prolist{width:981px; float:left; text-align:left;}
.content .prolist ul{width:294px; margin-right:33px; overflow:hidden; position:relative; height:220px; z-index:0; margin-top:20px; float:left;}
.content .prolist ul li.pro_pc{width:294px; height:220px; position:absolute; z-index:1; overflow:hidden; left:0px; top:0px;}
.content .prolist ul li.pro_pc img{width:294px; height:220px; display:block;}
.content .prolist ul li.pro_tx{width:294px; height:36px; text-align:center; line-height:36px; vertical-align:middle; position:absolute; z-index:1; overflow:hidden; left:0px; top:184px;}
.content .prolist ul li.pro_tx a{color:#FFF; font-size:14px;}
.content .prolist ul li.pro_tx2{width:294px; height:220px; position:absolute; z-index:1; overflow:hidden; left:0px; top:220px;}
.content .prolist ul li.pro_tx2 a{width:254px; text-align:center; padding:0px 20px; height:220px; float:left; display:block;}
.content .prolist ul li.pro_tx2 a:hover{color:#0e53ae;}
.content .prolist ul li.pro_tx2 a span{color:#FFF; font-size:14px; height:38px; margin-top:25px; line-height:38px; vertical-align:middle; border-bottom:solid 2px #FFF; display:block;}
.content .prolist ul li.pro_tx2 a p{width:100%; word-break:break-all; overflow:hidden; color:#FFF; text-align:left; height:80px; font-size:12px; margin-top:10px; line-height:20px; float:left;}
.content .prolist ul li.pro_tx2 a em{color:#FFF; font-style:normal; font-size:13px; height:20px; vertical-align:middle; line-height:20px; text-align:right; float:right; display:inline-block;}

.content .prlist{width:100%; padding-top:10px; float:left; text-align:left;}
.content .prlist dl{width:100%; float:left; border-bottom:#CCC dashed 1px; background:url(../images/icon_2.png) 10px center no-repeat;}
.content .prlist dl dt{width:85%; float:left; padding:10px 0px;}
.content .prlist dl dt a{width:100%; display:inline-block; text-indent:20px; float:left; color:#333; font-size:14px;}
.content .prlist dl dd{width:12%; float:right; color:#333; font-size:14px; text-align:center; padding:10px 0px;}

.content .honor{width:100%; overflow:hidden; float:left; text-align:center;}
.content .honor dl{width:976px; padding-top:20px; float:left;}
.content .honor dl dd{width:216px; float:left; margin-right:28px;}
.content .honor dl dd h2{width:216px; height:306px; float:left; position:relative; overflow:hidden;}
.content .honor dl dd h2 img{width:216px; height:306px; display:block;}
.content .honor dl dd h3{width:100%; font-weight:normal; float:left; padding:15px 0px;}
.content .honor dl dd h3 a{color:#333; font-size:14px;}
.content .honor dl dd h3 a:hover{color:#0e53ae;}

.content .scene{width:100%; overflow:hidden; float:left; text-align:center;}
.content .scene dl{width:972px; padding-top:20px; float:left;}
.content .scene dl dd{width:300px; float:left; margin-right:24px;}
.content .scene dl dd h2{width:300px; height:194px; float:left; position:relative; overflow:hidden;}
.content .scene dl dd h2 img{width:300px; height:194px; display:block;}
.content .scene dl dd h3{width:100%; font-weight:normal; float:left; padding:15px 0px;}
.content .scene dl dd h3 a{color:#333; font-size:14px;}
.content .scene dl dd h3 a:hover{color:#0e53ae;}

.content .nslist{width:100%; float:left; text-align:left;}
.content .nslist dl{width:100%; float:left; border-bottom:#CCC dashed 1px; padding:20px 0px;}
.content .nslist dl dt{width:282px; height:182px; position:relative; overflow:hidden; float:left;}
.content .nslist dl dt img{width:282px; height:182px; display:block;}
.content .nslist dl dd{width:640px; float:right;}
.content .nslist dl dd a{width:100%; color:#000; font-size:16px; padding-top:5px; font-weight:bold; display:inline-block; float:left;}
.content .nslist dl dd a:hover{color:#0e53ae;}
.content .nslist dl dd p{width:100%; color:#666; font-size:14px; line-height:180%; margin-top:5px; float:left;}
.content .nslist dl:hover{background-color:#f5f5f5;}

.content .query{width:948px; float:left; text-align:left;}
.content .query h3{width:948px; float:left; text-align:center; padding:15px 0px 10px 0px;}
.content .query h4{width:948px; float:left; color:#000; font-weight:normal; line-height:180%; font-size:15px; text-align:left; text-indent:370px;}
.content .query form{width:700px; float:left; margin-top:20px; padding:10px 124px; background-color:#ddd;}
.content .query form label{width:150px; padding-right:10px; float:left; height:24px; color:#333; font-size:14px; display:block; text-align:right; line-height:24px; vertical-align:middle;}
.content .query form input.qry{width:400px; height:24px; line-height:24px; vertical-align:middle; background-color:#FFF; text-indent:10px; color:#666; font-size:12px; float:left;}
.content .query form input.btn{width:70px; height:24px; cursor:pointer; margin-left:10px; line-height:24px; vertical-align:middle; background-color:#0e53ae; color:#FFF; font-size:12px; float:left;}
.content .query table{color:#333; font-size:13px;}

.content .showpr{width:100%; position:relative; float:left;}
.content .showpr > h1{width:100%; padding:20px 0px; text-align:center; font-size:20px; color:#333; font-weight:normal; text-align:center; float:left;}
.content .showpr > h2{width:100%; position:relative; z-index:0; padding:5px 0px 15px 0px; overflow:hidden; border-bottom:solid 1px #ddd; border-top:solid 2px #999; height:20px; text-align:left; font-weight:normal; float:left;}
.content .showpr > h2 > span{padding-right:20px; color:#666; font-size:13px;}
.content .showpr > ul{width:100%; padding:15px 0px; text-align:left; float:left;}
.content .showpr > ul > li{width:100%; word-break:break-all; overflow:hidden; line-height:180%; color:#333; font-size:14px; float:left;}
.content .showpr > ol{width:100%; position:relative; padding:15px 0px; border-top:#CCC dashed 1px; text-align:left; float:left;}
.content .showpr > ol li.prev_next{width:650px; height:30px; line-height:30px; vertical-align:middle; background:url(../images/icon_2.png) left center no-repeat; text-indent:10px; float:left;}
.content .showpr > ol li.prev_next a{color:#333;font-size:13px;}
.content .showpr > ol li.prev_next a:hover{color:#f91a36;}
.content .showpr > ol li.back{width:220px; position:absolute; right:0px; top:15px; height:60px; text-align:right;}
.content .showpr > ol li.back a{border:solid 2px #f91a36; padding:5px 30px; border-radius:10px; margin-top:13px; color:#f91a36; font-size:14px; display:inline-block;}
.content .showpr > ol li.back a:hover{border:solid 2px #f91a36; color:#FFF; background-color:#f91a36;}

.content .partner{width:948px; padding-bottom:20px; overflow:hidden; float:left;}
.content .partner ul{width:987px; position:relative; float:left; text-align:left;}
.content .partner ul li{width:288px; border:solid 1px #ddd; height:288px; margin-top:24px; float:left; margin-right:35px;}
.content .partner ul li > h2{width:228px; padding:10px 0px; float:left; margin-left:30px; display:block; margin-top:10px; font-size:14px; color:#333;}
.content .partner ul li > h4{width:228px; height:102px; margin-left:30px; float:left;}
.content .partner ul li > h4 img{width:228px; height:102px; display:block;}
.content .partner ul li > h5{width:228px; font-weight:normal; margin-left:30px; height:60px; text-align:left; float:left; line-height:20px; margin-top:10px; color:#666; font-size:13px;}
.content .partner ul li > h3{width:228px; text-align:left; margin-left:30px; float:left; margin-top:10px; font-weight:normal;}
.content .partner ul li > h3 a{padding:5px 20px; display:inline-block; border-radius:10px; background-color:#0e53ae; color:#FFF; font-size:14px;}
.content .partner ul li > h3 a:hover{background-color:#d31e31;}

.fypage{position:relative; width:100%;  float:left; margin:20px auto; text-align:center; z-index:0;}
.fypage li{ float:left;}
.fypage li a{color:#333; font-size:14px; display:inline-block; border:solid 1px #ddd; padding:4px 9px; margin:0 5px;}
.fypage li a:hover{background-color:#0b4bac; color:#FFF; border:solid 1px #0b4bac;}
.fypage .page-active a{background-color:#0b4bac; color:#FFF;}
.fypage > span{color:#666; margin:0 5px; font-size:14px; display:inline-block; padding:5px 10px;}
.fypage > label{color:#666; margin:0 5px; font-size:14px; display:inline-block; padding:5px 10px 5px 0px;}
.fypage > select{color:#333; border:solid 1px #ddd; padding:4px 10px; margin:0 10px; display:inline-block; font-size:14px;}