﻿@charset "utf-8";
.f-yh{font-family:Microsoft YaHei!important}
/* Style Reset
-----------------------------------------------------------------------------------------------------*/
*{ margin:0px; padding:0px;font-family:Simsun,Arial,sans-serif} 
html{overflow-x:hidden;}
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote 
{font-size: 12px;_background-image:url(about:blank);_background-attachment:fixed;}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{border:0;}
.clear {clear:both;height: 0; }
.clear-fix:after{content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
a{text-decoration:none;outline:0;}
.pl35{ padding-left:35px}

/* header */
.header{ width:100%; height:548px; border-top:4px solid #048ac7; position:relative; background:url(../images/header.jpg) left top repeat-x; position:relative; overflow:hidden; }
.top{ width:1000px;height:124px; margin:0 auto; padding-bottom:33px; }
.logo{width:550px; height:124px;float:left;}
.toptel{ width:450px; height:124px; float:right; text-align:right;}
.toptel .tel{ width:220px;height:58px; background:url(../images/index_07.png) left top no-repeat;float:right;color:#005da7; text-align:left; padding-left:48px; padding-top:10px;}
.toptel .tel span{display:block;font-family:impact; font-size:26px; vertical-align:middle;}
.search{height:38px;float:right; padding-right:3px; }
.text2{float:left;width:180px;padding-left:13px; background:url(../images/index_10.png) left bottom no-repeat;height:38px; line-height:38px;border:0;font-size:14px;color:#666666}
.btn{float:left;background:url(../images/index_13.png) no-repeat center center;width:51px;height:38px;border:0;cursor:pointer;}
.select{float:left; height:38px; line-height:38px;background:url(../images/index_09.png) left top no-repeat; position:relative; }

.banner{ width:100%;height:390px; overflow:hidden}
.slides{margin:0px auto;width:100%; height:390px; overflow:hidden; position: relative;  }
.slide-pic {margin:0;padding:0px; width:100%; overflow: hidden; list-style: none; text-align:center; }
.slide-pic li { display: none; }
.slide-pic  img{ margin:0 auto;}
.slide-pic li.cur { display: block; }


.navgrp{ width:1000px; height:60px;margin:0 auto;position:absolute; left:50%; top:124px; margin-left:-500px; z-index:10}
.nav{width:1000px;height:58px;border:1px solid #e2e2e2;border-radius:10px; background:url(../images/index_03.jpg) left top repeat-x;box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); }
.nav li{width:100px; float:left;text-align:center; position:relative; }
.nav li a{ color:#034a88;font-size:14px;height:58px;line-height:58px;width:100px;display:block; font:300 16px/58px 'microsoft yahei';}
.nav li a:hover{ color:#e71f10;}
.menu a{ color:#e71f10;}

#navChild{ position:absolute;left:0; width:90px; top:55px; display:none; padding-top:5px;z-index:9999999; }
#navChild a{ width:90px; height:30px; line-height:30px; display:block;  text-align:center; font-size:14px; color:#fff!important; background:#0489c6;}
#navChild a:hover{color:#004277!important;}

/*section*/
.section{ width:100%; margin:auto; position:relative; clear:both; overflow:hidden;}
.picbg{width:100%; background:url(../images/picbg.jpg) left top repeat-x;}
.proBg{width:100%; height:400px; background:url(../images/index_07.jpg)  center top no-repeat;}
.proBd{ width:1000px; height:370px; margin:0 auto;padding-top:30px;}
.bodyNav{width:1000px; height:70px; background:#048ac7; }
.bodyNav ul{ width:998px; height:70px;margin:0 auto;}
.bodyNav ul li{ width:172px; padding-left:160px; height:65px; border-right:1px solid #25a9e5; float:left; font-size:24px;color:#fff; line-height:40px; padding-top:5px;position:relative;font-family:"Simsun";}
.bodyNav ul li a{ color:#fff;}
.bodyNav ul li span{display:block;font-size:12px; color:#004277; text-transform:uppercase; line-height:20px;font-family:"Simsun";}
.bodyNav ul li img{ border-radius:50%;border:1px solid #048ac7;position:absolute;left:40px; top:-17px;}
.prolist{ width:1000px; height:210px; padding-top:35px; background:#024981; padding-bottom:9px;border-bottom:1px solid #105388; overflow:hidden}
.prolist .left,.prolist .right{ width:20px; height:78px; padding:50px 12px;float:left}
.prolist .proPicList{width:912px;height:210px; float:left; overflow:hidden; position:relative}
.prolist .proPicList .piclist{ height:165px;position:absolute; left:0px; top:0px}
.prolist .proPicList .piclist li { width:220px; height:165px; float:left; margin-right:10px;background:#FFF}
.prolist .proPicList .piclist li img{ padding:2px!important; border:1px solid #c9c9c9;background:#fff;}
.prolist .proPicList .piclist li .title{width:220px; height:45px; line-height:45px; text-align:center; color:#34c0ff; font-size:16px; font-weight:bold}
.prolist .proPicList .piclist li a:hover img{border:1px solid #2a88d4;}
.prolist .proPicList .piclist li a:hover .title{ color:#c50200}
.swaplist{ position:absolute; left:-3000px; top:0px}



.notice{border-top:1px solid #134b7d; height:44px; padding:0 40px;width:920px;background:#003d72;color:#fff;}
.notice .title{ width:80px; float:left;font-size:14px; line-height:44px;}
.notice .noticenr{width:840px; float:left;font-size:14px; line-height:44px;}


.Ttitle { width:100%; height:50px; line-height:50px; font-family:'Simsun'; }
.Ttitle a{font-size:24px; color:#034a88}
.Ttitle a .red{color:#cc0203;}
.Ttitle a .gray{color:#999999;font-size:18px; font-weight:normal; text-transform:uppercase}
.Ttitle2 { width:100%; height:50px; line-height:50px; font-family:'Simsun'; }
.Ttitle2 a{font-size:24px; color:#00bfe3}
.Ttitle2 a .gray{color:#2a8cd0;font-size:18px; font-weight:normal; text-transform:uppercase}


.picbg2{ background:url(../images/index_50.png) center top no-repeat #ecf1f5;}
.caseList{ width:1000px; height:310px; padding-top:20px; margin:0 auto}

#picList{width:1000px;height:210px;padding-top:20px; float:left; overflow:hidden}
#picListIn{ width:758%;float:left;}
#picList1,#picList2{ float:left;}
#picList li { width:220px; height:165px; float:left; margin-right:10px;background:#fff;}
#picList li img{ padding:2px!important; border:1px solid #c9c9c9;background:#fff;}
#picList li .title{width:220px; height:45px; line-height:45px; text-align:center; color:#34c0ff; font-size:14px;}
#picList li a:hover img{border:1px solid #2a88d4;}
#picList li a .title{ color:#023f7c}
#picList li a:hover .title{ color:#c50200}



.ncBy{ width:1000px; height:230px; margin:0 auto; padding-top:30px; }
.company{ width:290px; height:230px; float:left;}
.companyCon{ width:290px; height:175px; padding-top:5px; font-size:14px; color:#666; line-height:28px; overflow:hidden}
.news{width:330px;height:230px; float:left; padding:0 30px; position:relative;}
.news ul{width:290px; height:180px;  overflow:hidden}
.news ul li{ font-size:14px; height:40px; line-height:40px; border-bottom:1px dashed #858585}
.news ul li a{ color:#666}
.news ul li a:hover{ color:#c50200}
.contact{ width:320px; height:230px; float:left;overflow:hidden;}
.contactnr dl{width:320px;  display:block;clear:both;}
.contactnr dl dt,.contact dl dd{font-size:14px; color:#666666; line-height:32px; }
.contactnr dl dt{ width:45px; float:left; padding-left:25px;}
.contactnr dl dd{width:230px; float:left;padding-right:10px;}

.sbBg{ width:100%; height:350px; padding-top:20px; background:url(../images/index_501.png) center top no-repeat #004277; border-bottom:1px solid #145182}
.sbBd{ width:1000px; height:350px; margin:0 auto; background:url(../images/index_54.jpg) right 60px  no-repeat;}
.service{ width:420px;height:350px; float:left}
.serviceList{ width:420px; height:350px;}
.serviceList dl{ width:420px; height:100px; padding-top:20px;}
.serviceList dl dt{ width:124px; height:86px; padding:2px;border:1px solid #bcc1c4;background:#ffffff; float:left;}
.serviceList dl dd{ width:280px; padding-left:10px; float:left; overflow:hidden}
.serviceList dl dd a{ font-weight:bold; line-height:20px;}
.serviceList dl dd .intro{color:#36a1d2; font-size:12px; line-height:24px; padding-top:5px;}
.serviceList dl dd .num{color:#36a1d2;line-height:24px;}
.serviceList ul {padding-top:10px; width:380px;}
.serviceList ul li{ width:380px; height:38px; line-height:38px;border-bottom:1px dotted #0e708a}
.serviceList a {color:#ffffff;font-size:14px;line-height:40px;}
.serviceList a:hover { color:#36a1d2}

/* footer*/
.footer{ width:100%; height:255px; background:#2d2d2d}
.link{width:100%;height:50px;background:#005da7; border-top:1px solid #1d6fb1;}
.linkkj{ width:1000px; height:50px; margin:0 auto;background:#005da7; line-height:50px; overflow:hidden;}
.link_title{ font-size:18px;color:#06c8e5;float:left;font-weight:bold}
.link_title span{font-size:14px;color:#06c8e5;text-transform:uppercase;padding-left:10px;}
.link_list{float:left;}
.link_list a{ padding-left:15px;color:#fff;font-size:12px;}

.copyright{width:1000px; height:160px; padding-bottom:20px;margin:0 auto;padding-left:15px;}
.btnav{ font-size:14px; color:#474747;text-align:center}
.btnav a{color:#bababa;line-height:70px;font-size:14px; padding-right:8px; padding-left:8px; font-weight:bold }
.btnav a:hover{color:#fff;}
.copyrightnr{font-size:12px; line-height:30px; color:#bababa; text-align:center}
.copyrightnr a{color:#bababa}
.copyrightnr a:hover{color:#005da7}


/* 分页样式 contact*/
.mainbg{width:100%; height:275px;background:url(../images/index_07.jpg) center top no-repeat #015da8; position:absolute; left:0; top:0;}
.main{ width:960px; padding:20px; margin:0 auto; margin-top:6px; position:relative; background:#fff }
.left{ width:230px; float:left;overflow:hidden;}
.leftTitle1{width:210px;height:55px; line-height:55px; background:#015da8; font-size:22px; font-weight:bold; color:#fff; padding-left:20px; }
.procla_list{ width:228px; border:1px solid #cbcbcb; border-bottom:3px  solid #cbcbcb; background:url(../images/probg.jpg) center top repeat-y; margin-bottom:10px;}
.procla_list ul li{ width:228px; display:block;  line-height:45px; text-indent:60px; color:#034a88;  border-bottom:1px solid #cbcbcb;background:url(../images/arrow.png) 195px 18px no-repeat;}
.procla_list a{font-size:14px; color:#034a88; }
.procla_list ul  ul{ clear:both}
.procla_list ul  ul li{width:228px; height:45px;  line-height:45px; text-indent:90px; background:url(../images/arrow.png) 195px 18px no-repeat; font-size:14px; color:#000; border-top:1px solid #cbcbcb; border-bottom:none;}
.procla_list ul li.open{ background:url(../images/arrow2.png) 195px 18px no-repeat; }

.leftnews_list{width:228px;margin-top:5px; border:1px solid #cbcbcb; border-bottom:3px  solid #cbcbcb; background:#eff3f6;margin-bottom:10px; padding:5px 0;}
.leftnews_list ul li { width:208px;padding:0 5px; margin:0 5px; height:40px; line-height:40px; border-bottom:1px dotted #a2bac2; }
.leftnews_list ul li a{ color:#666; font-size:12px;}

.leftcon_list{width:228px;margin-top:5px; border:1px solid #cbcbcb; border-bottom:3px  solid #cbcbcb; background:#eff3f6;margin-bottom:10px; padding:10px 0;}
.leftcon_list dl{width:228px; display:block;clear:both;}
.leftcon_list dl dt,.leftcon_list dl dd{font-size:12px; color:#666666; line-height:24px;}
.leftcon_list dl dt{ width:40px; padding-left:30px; float:left;}
.leftcon_list dl dd{width:143px; float:left;padding-right:10px;}

.main_con{width:700px; float:left;padding-left:30px;}
.mainConTitle{width:700px; height:30px; background:url(../images/mainTbg.jpg) left bottom no-repeat; padding-bottom:10px;}
.mainConTitle .title{display:block; float:left;font-size:18px;color:#034a88; line-height:30px; font-weight:bold}
.mainConTitle .position{display:block; float:right; color:#666; line-height:30px;}
.mainConTitle .position a{color:#666;}
.mainConTitle .position a:hover{color:#034a88}
.mainConList .pic1{float:left; margin-right:20px; margin-top:10px;}
.mainConList .pic1 dt{ width:214px;height:159px; padding:2px; border:1px solid #c9c9c9; background:#fff}
.mainConList .pic1 dd{ width:220px; height:30px; line-height:30px;text-align:center;font-size:14px;}
.mainConList .pic1 dd a{color:#034a88}
.mainConList .bodyBd {width:700px; border:1px solid #c9c9c9;background:#fff}
.mainConList .pic2{ padding-bottom:14px; padding-top:14px;  height:116px; border-bottom:1px dotted #a2bac2}
.mainConList .pic2 dt{ width:146px; height:109px; padding:2px;border:1px solid #c9c9c9;float:left}
.mainConList .pic2 dd{ width:528px; padding-left:20px; float:left;}
.mainConList .pic2 dd a{color:#034a88;font-size:14px; line-height:36px; font-weight:bold;}
.mainConList .pic2 .intro{font-size:12px;color:#666666;line-height:24px}
.mainConList .pic2 .time{font-size:12px;color:#999;line-height:30px;}
.mainConList ul{padding-top:10px;clear:both;  padding-bottom:10px;}
.mainConList ul li{padding:0;height:50px;line-height:50px;border-bottom:1px dotted #c9c9c9}
.mainConList ul li a{ color:#666; font-size:14px;}
.mainConList ul li a:hover{ color:#000;}
.mainConList ul li span{ float:right;color:#999;}

.pglist{ width:100%;clear:both;height:100px;}
.pglist ul{ width:100%;text-align:center; padding-top:40px;}
.pglist ul li{ display:inline-block;*display:inline; *zoom:1; *margin-left:5px;_display:inline; _zoom:1; _margin-left:5px; width:26px;height:26px; line-height:26px; border:1px solid #d8d8d8; text-align:center;font-family:Arial;font-size:14px;}
.pglist ul li a{color:#707070; display:block}
.pglist ul li.last{ width:56px; padding-left:10px; height:26px; border:1px  solid #d8d8d8;background:url(../images/lastBg.jpg) 6px center no-repeat;}
.pglist ul li.next{ width:56px; padding-right:10px; height:26px; border:1px  solid #d8d8d8;background:url(../images/nextBg.jpg) 56px center no-repeat;}
.pglist ul li.font{ width:246px; padding-right:10px; height:26px; border:none;color:#979797;}
.pglist ul li.font .page{ width:40px; height:25px; line-height:25px; border:1px solid #d8d8d8; text-align:center; margin:0 10px;}
.pglist ul li.font .botton{ width:50px; height:26px; line-height:26px; border:1px solid #004983; text-align:center; margin:0 10px; background:#005da7; color:#fff;}

.pglist ul li.on{background:#c80202;border:1px  solid #c80202;}
.pglist ul li.on a{color:#fff;}

.mainContect{padding:15px 0 0 0;color:#666666}
.mainContect a{color:#666666}