@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0px;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

p,ul,li,dl,dd,dt,form,h1,h2,h3,h4,h5,h6{ list-style:none; }

body{ font-family:"微软雅黑"; font-size:12px; color:#333}

a{ color:#333; text-decoration:none}

a:hover{ color:#f00; text-decoration:none}

.orange{color:#f60}

.section{ width:1100px; margin:0 auto; overflow: hidden;}

.top{ width:100%; background:#f5f5f5}

.topArea{padding:.5em 0;border-bottom:1px solid #d8d8d8}

.topArea .bg-topArea{width:1100px; margin:0 auto;position:relative}

.r-arte{position:absolute;right:0;top:0;font-size:0;text-align:right}

.r-arte li{display:inline-block;*display:inline;zoom:1;font-size:13px;}

.r-arte li a{padding-left:.6em;display:inline-block;*display:inline;zoom:1; font-size:12px}

.r-arte li img{     vertical-align: middle;  margin-right: 3px;}

.head{ width:100%; background:#ebebeb; height:115px;}

.logo{ float:left;}

.tel{ float:right}

.nav{ width:100%; height:43px; background:#1960C2; font-size:14px;}

.nav li{ width:92px; height:43px; line-height:43px;  margin:0 15px; float:left; text-align:center}

.nav li a{  color:#FFF; width:100%; height:43px; float:left; font-size:16px;}

.nav li a:hover{background:#fff; color:#00357f;}



.hot{ width:100%; height:40px; line-height:40px; background:#f5f5f5; border-bottom:1px solid #d8d8d8;}

.hot a{ margin:0 10px; color:#f60}



.prolist{ background:url(../images/gbox_bg.jpg) repeat-x left top #F5F5F5; padding-top:20px; margin-bottom:13px;}

.prolist .title{ height:40px; color:#195fc1; text-align:center; font-size:32px; font-weight:bolder; line-height:40px; background:url(../images/t_bg.png) no-repeat center; word-spacing:8px; letter-spacing: 3px;}

.prolist .content{ margin-top:20px; padding:10px; border:1px solid #d9d9d9; }

.prolist .content .hd{ border-bottom:1px solid #d9d9d9; line-height:40px; position:relative; height:40px;}

.prolist .content .hd ul{ left:10px; float:left; position:absolute;}

.prolist .content .hd li{ float:left; padding:0 20px; text-align:center; cursor:pointer; font-size:14px; font-weight:600; color:#999; background:url(../images/index_11.png) no-repeat left center;}

.prolist .content .hd li.on{ background:url(../images/index_14.png) no-repeat center left; color:#195fc1;}

.prolist .content .bd ul{ padding:20px; overflow:hidden}

.prolist .content .bd ul li{ margin:20px 18px; float:left }

.prolist .content .bd ul li .pic{ text-align: center;  display:table-cell; vertical-align:middle; width:221px; height:161px; border:1px solid #d9d9d9;}

.prolist .content .bd ul li .pic img{ vertical-align:middle;  padding:2px;}

.prolist .content .bd ul li .pic a img { vertical-align:middle; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}

.prolist .content .bd ul li .pic a:hover img{ filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}

.prolist .content .bd ul li p{ line-height:30px; text-align:center;}

.prolist .content .bd ul li span{ width:95px; height:35px;  text-align:center; line-height:35px; font-size:14px;}

.d9 a{ background-color:#d9d9d9; color:#000; float:left; width:95px; border:1px solid #fff; border-radius:5px;}

.d9 a:hover{ background:#5a77d3; color:#FFF}

.blue a{ background-color:#5a77d3; color:#FFF; float:right; width:95px; border:1px solid #fff; border-radius:5px}

.blue a:hover{ background-color:#d9d9d9; color:#000;}



.case{ background:url(../images/gbox_bg.jpg) repeat-x left top #F5F5F5; padding-top:20px; margin-bottom:13px;}

.case .title{ height:40px; color:#195fc1; text-align:center; font-size:32px; font-weight:bolder; line-height:40px; background:url(../images/t_bg.png) no-repeat center; word-spacing:8px; letter-spacing: 3px;}

.case .content{ margin-top:20px; padding:10px;}

.case .content li{ margin:0 10px; float:left; width:223px}

.case .content li .pic { text-align:center; display:table-cell; vertical-align:middle; width:221px; height:161px; border:1px solid#d9d9d9;}

.case .content li .pic img{ vertical-align:middle; padding:2px;}

.case .content li .pic a img{ vertical-align:middle; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}

.case .content li .pic a:hover img{ filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}

.case .content li p{ line-height:30px; text-align:center;}



.gg{ width:100%; text-align:center; margin:20px 0px;}



.aboutus{ width:100%; background:#ededed; padding:60px 0px;}

.aboutus .title{ margin-left:-3px; float:left; text-align:right;}

.aboutus .content{ padding:0 25px 20px 25px;}

.aboutus .content .bt{ padding-bottom:10px;}

.aboutus .content dl{ margin-bottom:20px; overflow:hidden}

.aboutus .content dd{ float:left; border:1px solid #d9d9d9; padding:10px;}

.aboutus .content dt{ line-height:24px; float:right; font-family: simsun; width:620px;}

.aboutus .content dt h3{ font-size:16px; font-family:"微软雅黑"; font-weight:bold; margin-bottom:10px;}

.aboutus .content li{ float:left; margin:0px 19px; width:223px;  }

.aboutus .content li .pic { text-align:center; display:table-cell; vertical-align:middle; width:221px; height:161px; border:1px solid #d9d9d9;}

.aboutus .content li .pic img{ vertical-align:middle; padding:2px;}

.aboutus .content li .pic a img{ vertical-align:middle; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}

.aboutus .content li .pic a:hover img{ filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}



.news{ width:100%; margin-top:30px;}



.cjwt{ width:335px; border:1px solid #d2d2d2; float:left}

.cjwt .title{ width:100%; height:37px; background:url(../images/index_24.png) repeat-x;}

.cjwt .title .name{ float:left; text-indent:10px; font-size:16px; color:#3a62c4; line-height:37px;}

.gd{ float:right; padding:0 10px; line-height:37px; font-family: simsun;}

.cjwt .content{ padding:10px;}

.cjwt .content li{ clear:both; padding-bottom:15px; border-bottom:dashed 1px #e1e1e1;}

.cjwt .content h3{ height:24px; overflow:hidden; background:url(../images/wd_w.png) no-repeat 0 4px; padding-left:24px; line-height:24px;}

.cjwt .content p{background:url(../images/wd_d.png) no-repeat 0 4px; padding-left:22px; line-height:20px; font-family: simsun; color:#666}

.cjwt .content h3 a{ color:#015eab; font-weight:bold;  font-family: simsun; font-size:12px;}



.fjdt{ width:749px; float:right;}

.fjdt .title{ width:100%; height:55px; background:url(../images/index_20.png);}

.fjdt .imgnews{ width:305px; float:left; position:relative; left:5px; top:-5px; background:#e09031; border-bottom:10px solid #cd7e21; height:300px;}

.fjdt .imgnews img{ width:100%; height:175px;}

.fjdt .imgnews h3{ font-size:14px; line-height:30px;  padding:0 10px; border-bottom:1px solid #eaad5d; color:#FFF}

.fjdt .imgnews p{ line-height:22px; color:#FFF; padding:0px 10px; font-family: simsun;}



.newslsit{ width:390px; float:right; background:#eeeeee;  position:relative; top:-5px; padding:10px;}

.newslsit li{ width:100%; line-height:40px; border-bottom:1px dashed #dcdcdc; background:url(../images/dot.png) no-repeat center left; text-indent:10px;}

.newslsit li span{ float:right}

.newslsit li:hover{ background:url(../images/dot.png) no-repeat center left #fff;}



.footer{ width:100%; height:240px; background:#1960C2; position:relative;}

.link{ width:1100px; margin:0 auto;}

.link .title{ width:100%; height:58px; background:url(../images/link_11.jpg);}

.link a{ color:#FFF; line-height:30px; margin:0 10px; font-family: simsun;}

.copyright{ text-align:center; line-height:24px; position:absolute; bottom:0px; width:100%; color:#FFF; font-family: simsun;}