/* CSS Document */
@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'novecento_sans_widelight';
  src: url('../fonts/Novecentosanswide-Light-webfont.eot');
  src: url('../fonts/Novecentosanswide-Light-webfont_B38582A2.eot') format('embedded-opentype'), url('../fonts/Novecentosanswide-Light-webfont.woff2') format('woff2'), url('../fonts/Novecentosanswide-Light-webfont.woff') format('woff'), url('../fonts/Novecentosanswide-Light-webfont.ttf') format('truetype'), url('../fonts/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'novecento_sans_widenormal';
  src: url('../fonts/Novecentosanswide-Normal-webfont.eot');
  src: url('../fonts/Novecentosanswide-Normal-webfont_B38582A2.eot') format('embedded-opentype'), url('../fonts/Novecentosanswide-Normal-webfont.woff2') format('woff2'), url('../fonts/Novecentosanswide-Normal-webfont.woff') format('woff'), url('../fonts/Novecentosanswide-Normal-webfont.ttf') format('truetype'), url('../fonts/Novecentosanswide-Normal-webfont.svg#novecento_sans_widenormal') format('svg');
  font-weight: normal;
  font-style: normal;
}
body
{
margin:0 auto;
background-color:#FFFFFF;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
background-color:#f9f9f9;
}
img
{
border:0;
}
a
{
text-decoration:none;	
}
a:focus, *:focus 
{
noFocusLine: expression(this.onFocus=this.blur());
} 
ul,li,h1,h2,h3,h4,h5,span,ol,dl,dd,p,form,table,tr,td,th
{
list-style:none;
margin:0;
padding:0;
}
li
{
list-style:none;
}
input,button,select,textarea
{
outline:none;
}
table 
{
border-collapse:collapse;
border-spacing:0;
margin:5px 0;
}
.fullwidth
{
width:100%;
min-width:1003px;
}
.halfwidth
{
width:50%;
}
.contain
{
width:983px;
height:auto;
padding:10px;
margin:0 auto;
background-color:#FFFFFF;
overflow:auto;
}
.contain_left
{
width:726px;
height:auto;
overflow:auto;
float:left;
}
.contain_right
{
width:230px;
height:auto;
overflow:auto;
float:right;
}
.contain2
{
width:100%;
height:auto;
overflow:auto;
}
.contain3
{
width:1003px;
height:auto;
margin:0 auto;
overflow:auto;
}
.contain4
{
width:993px;
height:auto;
padding:10px;
padding-left:0;
margin:0 auto;
background-color:#FFFFFF;
overflow:auto;
}
.header
{
width:100%;
height:107px;
}
.fl
{
float:left;
}
.fr
{
float:right;
}
.header .logo
{
width:167px;
height:107px;
}
.header .tel
{
width:676px;
height:107px;
}
.memu
{
width:1003px;
margin:0 auto;
padding:0;
height:47px;
background-color:#0234c3;
}
.memu ul
{
float:left;
margin-left:10px;
}
.memu li
{
float:left;
padding:0 20px;
line-height:47px;
color:#FFFFFF;
}
.memu li+li
{
background-image:url(../images/memu_line.jpg);
background-repeat:repeat-y;
background-position:left;
}
.memu .l1
{
width:1px;
height:47px;
background-color:#012383;
}
.memu .l2
{
width:1px;
height:47px;
background-color:#023de6;
}
.memu .active
{
background-color:#0b74e8;
}
.memu li a
{
font-size:14px;
color:#FFFFFF;
}
.memu .active a
{
font-weight:400;
}
.memu form
{
padding:0;
margin:0;
float:right;
margin-right:10px;
margin-top:6px;
}
.memu .key
{
width:237px;
height:35px;
float:left;
padding:0 10px;
color:#474747;
line-height:35px;
border:0;
}
.memu .btn
{
width:86px;
height:35px;
float:right;
text-align:center;
line-height:35px;
color:#FFFFFF;
background-color:#0772e9;
border:0;
}
.banner
{
width:1003px;
height:347px;
margin:15px auto;
}
.banner2
{
width:1003px;
height:347px;
}
.bline
{
width:100%;
height:1px;
background-color:#dfdfdf;
margin:20px 0;
}
.prolist
{
width:726px;
margin:0 auto;
height:472px;
overflow:hidden;
}
.prolist2
{
width:726px;
margin:0 auto;
height:auto;
overflow-x:hidden;
}
.listbox
{
width:726px;
height:472px;
overflow:hidden;
float:left;
}
.prolist ul
{
width:750px;
float:left;
margin-left:-12px;
margin-right:-12px;
}
.prolist li
{
width:224px;
height:222px;
display:block;
float:left;
background-color:#ffffff;
border:solid 1px #dfdfdf;
margin:0 12px;
margin-bottom:24px;
}
.prolist li .probox
{
width:224px;
height:164px;
text-align:center;
display:table-cell;
vertical-align:middle;
overflow:hidden;

}
.prolist li .probox img
{
width:224px;
height:164px;
border:0;
}
.prolist li ol
{
width:204px;
height:48px;
padding:5px 10px;
background-color:#dfdfdf;
}
.prolist li h1
{
margin:0;
font-size:14px;
color:#474747;
line-height:24px;
font-weight:normal;
}
.prolist li:hover
{
border:solid 1px #1779d7;
}
.prolist li:hover ol
{
background-color:#1779d7;
color:#FFFFFF;
}
.prolist li:hover h1,.prolist li:hover h2
{
color:#ffffff;
}
.i_about
{
width:726px;
height:226px;
float:left;
}
.i_about img
{
width:200px;
height:181px;
float:left;
}
.i_about ol
{
width:506px !important;
border-bottom:none !important;
height:181px;
float:right;
}
.i_about h1
{
font-size:20px;
color:#1779d7;
font-weight:500;
line-height:30px;
float:left;
}
.i_about h2
{
font-size:12px;
color:#919191;
line-height:16px;
font-weight:normal;
float:left;
margin-left:5px;
margin-top:5px;
}
.i_about h3
{
font-size:14px;
color:#919191;
line-height:20px;
font-weight:normal;
margin-top:10px;
}
.i_pro
{
width:726px;
height:530px;
float:left;
}
.i_pro h1
{
font-size:20px;
color:#1779d7;
font-weight:500;
line-height:30px;
margin-top:10px;
float:left;
}
.i_con,.i_catalog
{
width:230px;
height:auto;
overflow:auto;
}
.i_con h1,.i_catalog h1
{
width:215px;
padding-left:15px;
background-color:#0b74e8;
display:block;
font-size:20px;
color:#ffffff;
font-weight:500;
line-height:40px;
}
.i_con_box,.i_catalog_box
{
padding:10px;
width:208px;
height:auto;
overflow:auto;
border:solid 1px #dfdfdf;
border-top:0;
}
.i_catalog_box
{
padding:0;
width:228px;
}
.i_con ol
{
color:#474747;
line-height:24px;
}
.i_con ol a
{
color:#0234c3;
}
.i_catalog_box li
{
width:208px;
padding:0 10px;
height:36px;
line-height:36px;
color:#474747;
background-color:#e1f5ff;
border-bottom:dotted 1px #939393
}
.i_catalog_box ul ul li
{
width:200px;
padding:0 10px 0 18px;
background-color:#ffffff;
}
.i_catalog_box li a
{
color:#474747;
}
.i_catalog_box li a:hover
{
color:#0234c3;
}
.i_catalog_box .active a
{
color:#0234c3;
font-weight:bold;
}
.mlink
{
display:block;
width:50px;
height:20px;
text-align:center;
background-color:#0234c3;
font-size:12px;
line-height:20px;
float:right;
font-family:Arial, Helvetica, sans-serif;
}
.mlink a
{
color:#ffffff;
}
.mainbody
{
height:auto;
overflow:auto;
}
.body_left
{
width:240px;
height:auto;
float:left;
overflow:auto;
background-color:#FFFFFF;
}
.body_left ol
{
display:block;
width:200px;
height:40px;
color:#FFFFFF;
padding:10px 20px;
background-color:#022897;
}
.body_left dl
{
display:block;
width:200px;
height:20px;
color:#FFFFFF;
padding:10px 20px;
background-color:#022897;
}
.body_left h1
{
line-height:24px;
font-size:18px;
font-weight:300;
}
.body_left p
{
line-height:16px;
font-size:10px;
font-weight:normal;
}
.left_con
{
display:block;
width:238px;
height:auto;
border:solid 1px #022897;
border-top:none;
overflow:auto;
background-color:#f9f9f9;
}
.left_con li
{
display:block;
width:200px;
padding:0 19px;
line-height:40px;
font-size:14px;
text-align:left;
}
.left_con li+li
{
border-top:solid 1px #e0e0e0;
}
.left_con li a
{
color:#484848;
}
.left_con .active,.left_con li:hover
{
color:#ffffff;
background-color:#1779d7
}
.left_con .active a,.left_con li:hover a
{
color:#ffffff;
}
.body_left dd
{
display:block;
width:200px;
height:auto;
border:solid 1px #022897;
border-top:none;
overflow:auto;
padding:20px 19px;
line-height:26px;
font-size:#686868;
background-color:#ffffff;
}
.body_left dd a
{
color:#686868;
}
.body_right
{
width:733px;
height:auto;
float:right;
}
.contain_left ol
{
width:726px;
height:30x;
font-size:12px;
line-height:30px;
border-bottom:solid 1px #e0e0e0;
text-align:left;
}
.contain_left ol p
{
color:#474747px;
}
.contain_left ol p a
{
color:#1779d7;
}
.contain_left dl,.contain_left .procon
{
width:726px;
height:auto;
min-height:400px;
padding:20px 0;
overflow:auto;
}
.contain_left .procon
{
padding-top:0;
}
.contain_left dl h1
{
text-align:center;
font-size:19px;
color:#333333;
line-height:40px;
font-weight:400;
}
.contain_left dl dd
{
font-size:12px;
text-align:center;
color:#919191;
line-height:20px;
}
.contain_left dl il
{
display:block;
font-size:14px;
line-height:24px;
color:#474747;
}
.contain_left dl il img
{
max-width:100% !important;
height:auto !important;
}
.contain_left dl il img+img
{
margin-top:10px;
}
.contain_left .footer
{
width:726px;
border-top:solid 1px #e0e0e0;
line-height:40px;
height:40px;
font-size:12px;
color:#686868;
background-color:#FFFFFF;
}
.contain_left .footer a
{
line-height:40px;
font-size:12px;
color:#686868;
}
.contain_left .footer a:hover
{
color:#1779d7;
}
.contain_left .fr
{
text-align:right;
}
.contain_left dl li
{
width:726px;
height:auto;
overflow:auto;
padding-bottom:15px;
border-bottom:solid 1px #e0e0e0;
}
.contain_left dl li+li
{
padding-top:15px;
}
.contain_left dl li h1
{
font-size:14px;
line-height:30px;
color:#474747;
text-align:left;
}
.contain_left dl li h2
{
font-size:12px;
line-height:24px;
color:#686868;
text-align:left;
font-weight:normal;
}
.contain_left dl li .l1
{
width:726px;
height:1px;
margin:10px auto;
background-color:#e0e0e0;
}
.contain_left dl li .l2
{
width:5%;
height:1px;
background-color:#000000;
-webkit-transition:width 0.5s, -webkit-transform 0.5s;
-moz-transition:width 0.5s, -moz-transform 0.5s;
-o-transition:width 0.5s, -o-transform 0.5s;
transition:width 0.5s, transform 0.5s
}
.contain_left dl li span
{
display:block;
font-size:12px;
color:#919191;
margin-top:10px;
}
.contain_left dl li:hover h1
{
color:#1779d7;
}
.contain_left dl li:hover .l2
{
width:100%;
}
.contain_left .procon ul
{
height:294px;
}
.contain_left .procon ul+ul
{
margin-top:20px;
}
.contain_left .procon li
{
border:solid 1px #e0e0e0;
float:left;
}
.contain_left .procon li+li
{
margin-left:15px;
}
.contain_left .procon li .probox
{
width:232px;
height:232px;
overflow:hidden;
text-align:center;
display:table-cell;
vertical-align:middle;
background-color:#ffffff;
}
.contain_left .procon li .probox img
{
max-height:232px;
max-width:232px;
border:none;
}
.contain_left .procon li ol
{
width:212px;
height:50px;
padding:5px 10px;
background-color:#efefef;
text-align:left;
border-bottom:none;
}
.contain_left .procon li h1
{
font-size:14px;
color:#474747;
line-height:24px;
font-weight:normal;
}
.contain_left .procon li h2
{
font-size:12px;
color:#a5a5a5;
line-height:16px;
font-weight:normal;
}
.contain_left .procon li:hover
{
border:solid 1px #1779d7;
}
.contain_left .procon li:hover ol
{
background-color:#1779d7;
color:#FFFFFF;
}
.contain_left .procon li:hover h1,.contain_left .procon li:hover h2
{
color:#ffffff;
}
.contain_left .services,.contain_left .honer
{
margin-top:20px;
}
.contain_left .services ul
{
height:236px;
}
.contain_left .services ul+ul
{
margin-top:20px;
}
.contain_left .services li
{
border:solid 1px #e0e0e0;
float:left;
}
.contain_left .services li+li
{
margin-left:15px;
}
.contain_left .services li .probox
{
width:232px;
height:174px;
text-align:center;
display:table-cell;
vertical-align:middle;
overflow:hidden;
background-color:#ffffff;
}
.contain_left .services li ol
{
display:block;
width:212px;
height:50px;
padding:5px 10px;
background-color:#efefef;
text-align:left;
border-bottom:none;
}
.contain_left .services li h1
{
font-size:12px;
color:#474747;
line-height:30px;
font-weight:normal;
}
.contain_left .services li h2
{
font-size:12px;
color:#919191;
line-height:20px;
font-weight:normal;
}
.contain_left .services li:hover
{
border:solid 1px #1779d7;
}
.contain_left .services li:hover ol
{
background-color:#1779d7;
color:#FFFFFF;
}
.contain_left .services li:hover h1,.contain_left .services li:hover h2
{
color:#ffffff;
}
.contain_left .honer 
{
width:726px;
height:auto;
overflow-x:hidden;
}
.contain_left .honer ul
{
width: 750px;
height:auto;
overflow:auto;
float: left;
margin-left: -12px;
margin-right: -12px;
}
.contain_left .honer li
{
width: 224px;
height: 204px;
display: block;
float: left;
background-color: #ffffff;
border: solid 1px #dfdfdf;
margin: 0 12px;
margin-bottom: 24px;
}
.contain_left .honer li .probox
{
width:224px;
height:164px;
text-align:center;
display:table-cell;
vertical-align:middle;
overflow:hidden;
background-color:#ffffff;
}
.contain_left .honer li ol
{
display:block;
width:204px;
height:30px;
padding:5px 10px;
background-color:#dfdfdf;
text-align:left;
border-bottom:none;
}
.contain_left .honer li h1
{
font-size:12px;
color:#474747;
line-height:30px;
font-weight:normal;
}
.contain_left .honer li:hover
{
border:solid 1px #1779d7;
background-color:#1779d7;
color:#FFFFFF;
}
.contain_left .honer li:hover ol
{
background-color:#1779d7;
color:#FFFFFF;
}
.contain_left .honer li:hover h1
{
color:#ffffff;
}
.contain_left .coninfo
{
font-size:14px;
color:#333333;
line-height:30px;
border-bottom:solid 1px #e0e0e0;
padding-bottom:15px;
text-align:center;
}
.contain_left form
{
padding:0;
margin:0;
margin-top:30px;
}
.contain_left label
{
display:block;
width:80px;
text-align:right;
font-size:14px;
margin-right:5px;
line-height:40px;
color:#474747;
float:left;
}
.contain_left input
{
width:400px;
height:30px;
padding:5px;
line-height:30px;
color:#686868;
border:solid 1px #e0e0e0;
margin-bottom:20px;
float:left;
}
.contain_left textarea
{
width:600px;
height:88px;
padding:5px;
line-height:22px;
color:#686868;
border:solid 1px #e0e0e0;
margin-bottom:20px;
float:left;
font-family:Arial, Helvetica, sans-serif;
}
.contain_left input:hover,.contain_left textarea:hover
{
border:solid 1px #1779d7;
}
.contain_left .sub
{
width:120px;
height:40px;
background-color:#1779d7;
text-align:center;
color:#FFFFFF;
line-height:40px;
font-size:14px;
padding:0;
margin:0;
margin-left:85px;
border:none;
}
.contain_left .sub:hover
{
background-color:#022897;
}
.w326
{
width:326px;
}
.w400
{
width:400px;
}
.contain_left .proimg
{
width:398px;
height:291px;
text-align:center;
display:table-cell;
vertical-align:middle;
border:solid 1px #e0e0e0;
}
.contain_left .proimg img
{
border:none;
max-height:291px;
max-width:398px;
}
.contain_left .thumbbox
{
width:400px;
height:56px;
margin-top:5px;
}
.contain_left .thumbbox ul
{
width:400px !important;
height:56px !important;
margin:0;
}
.contain_left .thumbbox li
{
width:74px; 
height:54px;
border:solid 1px #e0e0e0;
cursor:pointer;
overflow:hidden;
text-align:center;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
}
.contain_left .thumbbox li+li
{
margin:0;
margin-left:5px;
}
.contain_left .thumbbox li img
{
width:74px;
height:54px;
border:none;
}
.contain_left .thumbbox li:hover,.contain_left .thumbbox .active
{
border:solid 1px #1779d7;
}
.contain_left .proinfo
{
width:311px;
height:354px;
overflow:auto;
margin-left:15px;
}
.contain_left .videobox
{
margin-top:15px;
width:26px;
height:480px;
overflow:hidden;
text-align:center;
}
.contain_left .probody
{
padding:30px 0;
font-size:14px;
color:#666666;
line-height:26px;
}
.contain_left .probody img
{
max-width:100%;
}
.contain_left .probody table
{
border-collapse: collapse;
width:100% !important;
}
.contain_left .probody tr:nth-child(2n)
{
background-color: #ffffff;
}
.contain_left .probody tr:nth-child(2n+1)
{
background-color:#fafafa;
}
.contain_left .probody td
{
border: 1px solid #cccccc;
height:18px;
line-height:18px;
padding:5px;
font-family:Arial, Helvetica, sans-serif !important;
}
.contain_left .proinfo h1
{
font-size:17px;
font-weight:400;
line-height:50px;
border-bottom:solid 1px #e0e0e0;
color:#1779d7;
}
.contain_left .proinfo ol
{
width:311px;
text-align:left;
font-size:12px;
line-height:30px;
margin:0;
padding:0;
margin-top:10px;
padding-bottom:10px;
color:#686868;
border-bottom:solid 1px #e0e0e0;
}
.contain_left .proinfo p
{
display:block;
width:180px;
height:40px;
padding:5px 10px;
background-color:#1779d7;
color:#FFFFFF;
font-size:16px;
font-weight:normal;
text-align:left;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
-o-border-radius: 3px; 
border-radius: 3px;
margin-top:20px;
}
.contain_left .proinfo p span
{
font-size:12px;
line-height:20px;
}
.contain_left .proinfo .active
{
background-color:#f07f05;
font-size:19px;
line-height:40px;
}
.contain_left .proinfo p a
{
color:#FFFFFF;
}
.contain_left .infoline
{
width:726px;
height:auto;
overflow:auto;
}
.pageList
{
text-align:right; 
padding:0;
padding-top:20px;
width:auto;
clear:both;
margin:15px auto;
font-size:12px;
}
.pageList font
{
margin:0; 
text-align:center;
border:1px solid #cccccc;
background-color:#e0e0e0;
padding:8px 10px; 
line-height:30px;
margin-left:5px;
display:inline;
color:#686868; 
}
.pageList a
{
display:inline;
margin:0; 
text-align:center;
border:1px solid #cccccc;
background-color:#e0e0e0;
padding:8px 10px; 
line-height:30px;
margin-left:5px;
color:#686868; 
}
.pageList a.current
{ 
text-align:center;
padding:8px 10px; 
margin-left:5px;
display:inline; 
border:1px solid #022897;
background-color:#1779d7;
color:#ffffff;
}
.mt30
{
margin-top:30px;
}
.mt15
{
margin-top:15px;
}
.mb15
{
margin-bottom:15px;
}
.mb20
{
margin-bottom:20px;
}
.nodata
{
font-size:30px;
color:#686868;
width:auto;
min-width:400;
height:auto;
line-height:60px;
text-align:center;
margin:50px auto;
}
.footer
{
width:1003px;
height:140px;
margin:0 auto;
margin-top:15px;
}
.footer .fleft
{
width:843px;
height:auto;
float:left;
margin-left:10px;
}
.footer .fright
{
width:140px;
height:auto;
float:right;
text-align:right;
margin-right:10px;
}
.footer .fright span
{
font-size:14px;
line-height:30px;
color:#474747;
text-align:right;
}
.footer .fright img
{
width:100px;
height:100px;
}
.footer ul
{
margin-bottom:15px;
}
.footer li
{
float:left;
padding:5px;
font-size:14px;
line-height:20px;
color:#818181;
}
.footer li a
{
color:#474747;
}
.footer li a:hover
{
color:#333333;
}
.footer h1
{
font-size:12px;
line-height:20px;
color:#818181;
font-weight:normal;
}
.footer h1 a
{
color:#818181;
}
.footer h1 a:hover
{
color:#474747;
}
.footer .l1
{
width:100%;
height:1px;
background-color:#959595;
margin:15px auto;
}
.gray
{
background-color:#f9f9f9;
}
.gray_big
{
background-color:#f0f0f0;
}
.padding30
{
padding:10px 0;
}
.mt30
{
margin-top:10px;
}
.mt40
{
margin-top:40px;
}
.mauto
{
margin-left:auto;
margin-right:auto;
}
.clear
{
clear:both;
}