@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{margin:0;padding:0;width:auto;min-height:100%;position:relative;font-family:"微软雅黑",verdana;}
ol,ul,li{list-style:none;list-style-type:none;list-style:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6,a{font-size:inherit;font-weight:normal;font-style:normal;color:#000;font-family:"微软雅黑",verdana;}
div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,input,p{padding:0;margin:0;font-family:"微软雅黑",verdana;}
a,em,i{font-style:normal;list-style-type:none;list-style:none;text-decoration:none;border:none;}
.allpage{ overflow:hidden;}
.w1000 { width:1000px; margin:0 auto;}
.w1022 { width:1022px; margin:0 auto;}
.heard { width:100%; height:178px; border-top:#26326c 12px solid; background:url(../index_03.gif) center top no-repeat; }
.heard .heardMiddle { width:1066px; margin:0 auto; padding-top:110px; position:relative;}
.heard .heardMiddle .lg { width:88px; height:14px; overflow:hidden; background:#efefef; position:absolute; right:33px; top:0; text-align:center; font-size:12px; padding:5px 0;}
.heard .heardMiddle .lg a { display:inline-block; font-size:14px; line-height:14px; padding:0 4px; }
.heard .heardMiddle .lg a.curr { border-right:#000 1px solid; color:#26326c;}
.heard .heardMiddle ul { width:1100px;}
.heard .heardMiddle ul li { float:left; position:relative;}
.heard .heardMiddle ul li a.mone { width:152px; height:9px; font-size:16px; text-align:center; display:inline-block; border-right:#26326c 1px solid; margin-top:6px; line-height:8px;}
.heard .heardMiddle ul li a.noborder { border-right:none;}
.heard .heardMiddle ul li.curr .mone { color:#26326c}
.heard .heardMiddle ul li div { width:100%; overflow:hidden; position:absolute; left:0; top:16px;  z-index:9; padding-top:30px; display:none;}
.heard .heardMiddle ul li div ul { width:100%; overflow:hidden; padding:10px 0; background:rgba(255,255,255,.7); border-top:#26326c 2px solid; border-bottom:#26326c 1px solid; display:none;}
.heard .heardMiddle ul li div ul li { width:100%;}
.heard .heardMiddle ul li div a { width:100%; overflow:hidden; display:block; text-align:center; padding:4px 0; font-size:14px;}
.heard .heardMiddle ul li div a:hover { background:#26326c; color:#fff;}

.banner { width:100%; overflow:hidden;}
.banner .bannerbox { width:1020px;  margin:0 auto; position:relative;}
.banner .bannerbox .banbt { width:17px; overflow:hidden; position:absolute; top:180px; z-index:9; cursor:pointer;}
.banner .bannerbox .banbt.lbt { left:-40px;}
.banner .bannerbox .banbt.rbt { right:-40px;}
.banner .bannerbox .banItem { width:1000px; overflow:hidden; border-radius:6px; margin:0 10px; position:relative; float:left;}
.banner .bannerbox .banItem a { width:100%; height:100%; overflow:hidden; display:block; position:absolute; left:0; top:0; background:url(../bannerMask.png);}
.banner .bannerbox .banItem.curr a{ background:none;}

.index_pro { width:100%; height:416px; overflow:hidden; padding-top:35px;}
.index_pro h2 { font-size:28px; color:#26326c; width:100%; text-align:center; font-weight:bold; padding:10px 0;}
.index_pro h2 span { display:block; text-transform:uppercase; color:#009ce3; font-size:20px; font-weight:normal;}
.index_pro ul { width:1100px; overflow:hidden; padding-top:35px;}
.index_pro ul li { width:171px; overflow:hidden; float:left; margin-right:36px;}
.index_pro ul li div { width:171px; height:171px; overflow:hidden;}
.index_pro ul li div img {width:171px;
transition:width .5s, margin .5s;
-moz-transition:width .5s, margin .5s; /* Firefox 4 */
-webkit-transition:width .5s, margin .5s; /* Safari and Chrome */
-o-transition:width .5s, margin .5s;
}
.index_pro ul li div:hover img { width:130%; margin-left:-15%; margin-top:-15%;}
.index_pro ul li em { width:171px; overflow:hidden; display:block; text-align:center; padding-top:25px; font-size:20px;}
.index_about { width:100%; height:686px; overflow:hidden;}
.index_about .idxMiddle { width:1000px; margin:0 auto; position:relative;}
.index_about .idxMiddle em { width:77px; height:306px; overflow:hidden; display:block; position:absolute; right:0; top:268px;}
.index_about .idxMiddle .idxTmg { width:1000px; margin:0 auto;}
.index_about .idxMiddle .idxTmg img { margin-left:-220px;}
.index_about .idxMiddle .idxTxt { width:924px; overflow:hidden; padding-top:50px;}
.index_about .idxMiddle .idxTxt h2 { font-size:24px; font-weight:bold; color:#26326c; line-height:46px;}
.index_about .idxMiddle .idxTxt p { width:100%; height:50px; font-size:14px; color:#3c3c3c;}
.index_about .idxMiddle .idxTxt a { width:138px; height:33px; overflow:hidden; border:#26326c 1px solid; display:block; text-align:center; line-height:33px; color:#3c3c3c;
transition:background .5s, color .5s;
-moz-transition:background .5s, color .5s; /* Firefox 4 */
-webkit-transition:background .5s, color .5s; /* Safari and Chrome */
-o-transition:background .5s, color .5s;
}
.index_about .idxMiddle .idxTxt a:hover { background:#26326c; color:#fff;}
.index_link { width:100%; height:434px; overflow:hidden; background:url(../bg_02.gif);}
.index_link .idxLinkbox { width:1022px; margin:78px auto;}
.index_link .idxLinkbox ul { width:1100px;}
.index_link .idxLinkbox ul li { width:317px; overflow:hidden; float:left; margin-right:25px;}
.index_link .idxLinkbox ul li h2 { width:317px; height:41px; overflow:hidden; font-size:20px; background:#fff; line-height:41px; color:#3c3c3c;}
.index_link .idxLinkbox ul li h2 span { display:block; float:left; margin-right:6px;}
.index_link .idxLinkbox ul li h2 em { font-size:12px; padding-left:5px; text-transform:uppercase;}
.index_link .idxLinkbox ul li a { width:317px; height:228px; overflow:hidden; display:block;}
.index_link .idxLinkbox ul li a img {width:317px;
transition:width .5s,height .5s,margin .5s;
-moz-transition:width .5s,height .5s,margin .5s; /* Firefox 4 */
-webkit-transition:width .5s,height .5s,margin .5s; /* Safari and Chrome */
-o-transition:width .5s,height .5s,margin .5s; /* Opera */}
.index_link .idxLinkbox ul li a:hover img{ width:130%; margin-left:-15%; margin-top:-15%;}

.index_contact { width:100%; height:452px; overflow:hidden;}
.index_contact .idx_cttLeft { width:500px; overflow:hidden; float:left; padding-top:44px;}
.index_contact .idx_cttLeft h2 { font-size:28px; font-weight:bold; color:#26326c;}
.index_contact .idx_cttLeft h2 span { font-size:14px; color:#009ce3; display:block; font-weight:normal; text-transform:uppercase; line-height:14px;}
.index_contact .idx_cttLeft a { width:138px; height:33px; overflow:hidden; border:#26326c 1px solid; display:block; text-align:center; line-height:33px; color:#3c3c3c; margin-top:30px; background:#fff;
transition:background .5s, color .5s;
-moz-transition:background .5s, color .5s; /* Firefox 4 */
-webkit-transition:background .5s, color .5s; /* Safari and Chrome */
-o-transition:background .5s, color .5s;
}
.index_contact .idx_cttLeft a:hover { background:#26326c; color:#fff;}
.index_contact .idx_cttLeft em { font-size:16px; color:#3c3c3c; padding:10px 0; display:block;}
.index_contact .idx_cttLeft em span { font-size:12px; text-transform:uppercase; display:block;}
.index_contact .idx_cttLeft p { font-size:14px; color:#3c3c3c; line-height:160%;}
.index_contact .idx_cttRight { width:500px; overflow:hidden; float:right; padding-top:91px; position:relative;}
.index_contact .idx_cttRight .cttrightaddbyxp { width:489px; height:202px; overflow:hidden; border:#cecece 1px solid; position:absolute; left:0; top:82px; background:#fff;}
.index_contact .idx_cttRight .cttrightaddbyxp em { width:471px; height:186px; overflow:hidden; border:#cecece 1px solid; display:block; margin:8px auto;}
.index_contact .idx_cttRight span { width:491px; height:204px; overflow:hidden; display:block; background:#3c3c3c; float:right;}
.index_contact .cttlink { width:100%; overflow:hidden; border-top:#c9c9c9 1px dashed; float:left; margin:27px 0; padding:27px 0;}
.index_contact .cttlink ul { width:1100px;}
.index_contact .cttlink a { width:180px; height:44px; overflow:hidden; display:block; background:#26326c; color:#fff; line-height:44px; float:left; margin-right:25px; text-align:center; border-radius:8px;
transition:background .5s;
-moz-transition:background .5s; /* Firefox 4 */
-webkit-transition:background .5s; /* Safari and Chrome */
-o-transition:background .5s; /* Opera */
}
.index_contact .cttlink a:hover { background:#999; color:#fff}

.npageTimg { width:100%; height:447px; overflow:hidden;}
.npageTimg span { width:100%; height:20px; display:block; overflow:hidden; background:url(../bg_03.gif);}
.npageTimg .w1000 { height:447px; position:relative;}
.npageTimg .aboutName { width:81px; overflow:hidden; position:absolute; left:0; bottom:23px;}
.npageTimg .nlink { text-align:right; line-height:46px; font-family:"宋体";}
.npageTimg .nlink span { float:right; width:auto; height:46px; display:inline-block; background:url(../nlink_img.gif) left 0 no-repeat; padding-left:30px;}
.npageTimg .nlink a { font-size:14px; color:#3c3c3c}
.aboutText { padding:48px 0; border-bottom:#3c3c3c 1px dashed; margin-bottom:51px; line-height:160%;}
.aboutText p { font-size:14px; color:#3c3c3c; text-align:justify; margin-top:10px;}
.image { padding:40px 0;}
.image ul { width:1100px; overflow:hidden;}
.image li { width:322px; float:left; margin-right:17px; margin-bottom:30px;}
.image li div { width:320px; height:218px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; border:#26326c 1px solid;}
.image li div a { padding:5px; display:inline-block;}
.image li div img { max-width:100%; margin:0 auto;}
.image li em { display:block; width:100%; height:42px; overflow:hidden; background:#26326c; line-height:42px; color:#ffffff; font-size:20px; text-align:center; margin-top:20px;}
.pro {  padding:40px 0;}
.pro .prolist { width:1100px; }
.pro .prolist a { width:auto; height:43px; overflow:hidden; border-radius:6px; display:inline-block; background:#26326c; color:#fff; line-height:43px; margin-right:12px; margin-bottom:12px; padding-right:10px;white-space: nowrap; }
.pro .prolist a span { width:48px; height:43px; overflow:hidden; display:block; float:left;}
.pro .prolist a:hover { background:#3c3c3c}
.pro .prolist a.curr { background:#3c3c3c}
.pro .procon { width:1100px; overflow:hidden; padding-bottom:40px;}
.pro .procon dl { width:321px; height:335px; overflow:hidden; margin-right:19px; float:left; margin-top:52px;}
.pro .procon dl dt { width:319px; height:244px; overflow:hidden; border:#bfc1bb 1px solid;}
.pro .procon dl dt div { width:319px; height:244px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center;}
.pro .procon dl dt div img { max-width:100%; margin:0 auto; display:block;}
.pro .procon dl dd { width:100%; overflow:hidden;}
.pro .procon dl dd em { height:42px; font-size:16px; color:#26326c; display:block; padding:6px 0; text-align:center;}
.pro .procon dl dd a { width:138px; height:33px; overflow:hidden; margin:0 auto; border:#26326c 1px solid; display:block; text-align:center; line-height:33px; color:#3c3c3c;
transition:background .5s, color .5s;
-moz-transition:background .5s, color .5s; /* Firefox 4 */
-webkit-transition:background .5s, color .5s; /* Safari and Chrome */
-o-transition:background .5s, color .5s;
}
.pro .procon.procon_02 { overflow:inherit; padding:70px 0; padding-bottom:135px; float:left;}
.pro .procon .pleft { width:522px; float:left;}
.pro .procon .pleft .pbimg { width:520px; height:397px; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; border:#bfc1bb 1px solid;}
.pro .procon .pleft .pblist { width:522px; padding-top:16px; position:relative;}
.pro .procon .pleft .pblist .pblistbox { width:536px; float:left;}
.pro .procon .pleft .pblist .pblistbox .plitem { cursor:pointer;}
.pro .procon .pleft .pblist .plist_bt { width:58px; height:125px; overflow:hidden; position:absolute; top:16px; z-index:9; cursor:pointer;}
.pro .procon .pleft .pblist .plist_bt.lbt { left:-58px;}
.pro .procon .pleft .pblist .plist_bt.rbt { right:-58px;}
.pro .procon .pleft .pblist div.plitem { width:162px; height:123px; overflow:hidden; border:#bfc1bb 1px solid;}
.pro .procon .pleft .pblist div img { max-width:100%; margin:0 auto; display:block;}
.pro .procon .pright { width:416px; height:540px; overflow:hidden; font-size:18px; color:#26326c; float:left; padding-left:62px; position:relative;}
.pro .procon .pright a { width:140px; height:35px; overflow:hidden; background:#26326c; color:#fff; text-align:center; line-height:35px; display:block; position:absolute; right:0; bottom:0; font-size:16px;}
.pro .procon .pright a:hover { background:#3c3c3c; color:#fff;}
.pro .procon .pright p { margin-bottom:10px;}
.pro .procon dl dd a:hover { background:#26326c; color:#fff;}

.news { padding-top:50px; padding-bottom:80px; overflow:hidden;}
.news .newsbox { width:1100px; overflow:hidden;}
.news .newsbox dl { width:320px; height:457px; overflow:hidden; background:#f5f5f5; float:left; margin-right:23px; margin-bottom:55px;}
.news .newsbox dl dt { width:320px; height:198px; overflow:hidden;}
.news .newsbox dl dt img { width:100%;
transition:width .5s, margin .5s;
-moz-transition:width .5s, margin .5s; /* Firefox 4 */
-webkit-transition:width .5s, margin .5s; /* Safari and Chrome */
-o-transition:width .5s, margin .5s;
}
.news .newsbox dl dd { padding:17px; text-align:justify;}
.news .newsbox dl dd em { font-size:18px; color:#26326c; font-weight:bold;}
.news .newsbox dl dd p { font-size:14px; color:#3c3c3c; line-height:20px; padding:10px 0;}
.news .newsbox dl dd p a { color:#3c3c3c;}
.news .newsbox dl dd span { font-size:18px; color:#26326c; font-weight:bold; display:block; background:url(../newsicon.gif) left no-repeat; padding-left:30px; line-height:30px;}
.news .newsbox dl dd i a { display:block; border:#26326c 1px solid; height:44px; line-height:44px; text-align:center; color:#26326c; font-weight:bold; margin-top:30px;
transition:background .5s, color .5s;
-moz-transition:background .5s, color .5s; /* Firefox 4 */
-webkit-transition:background .5s, color .5s; /* Safari and Chrome */
-o-transition:background .5s, color .5s;
}
.news .newsbox dl:hover dd i a { background:#26326c; color:#fff;}
.news .newsbox dl:hover dt img { width:130%; margin-left:-15%; margin-top:-15%;}

.newscon { padding-top:40px; padding-bottom:74px;}
.newscon h2 { font-size:26px; color:#26326c; font-weight:bold; text-align:center; line-height:30px;}
.newscon h2 span { display:block; font-size:12px; color:#5b5b5b; font-weight:normal;}
.newscon .newscon_txt { width:100%; overflow:hidden; padding-top:30px; font-size:14px; color:#5b5b5b;}
.newscon .newscon_txt p { line-height:22px; margin-top:20px;}
.newscon .newsbtn { width:100%;}
.newscon .newsbtn .backbtn { width:100%; overflow:hidden; padding-top:44px;}
.newscon .newsbtn .backbtn a { width:104px; height:30px; overflow:hidden; display:block; background:#26326c; color:#fff; text-align:center; line-height:30px; float:right;}
.newscon .newsbtn ul{ width:1100px; overflow:hidden; margin-left:-50px; border-top:#e5e5e5 1px solid; padding-top:30px; margin-top:22px;}
.newscon .newsbtn ul li { width:1000px; height:29px; overflow:hidden; background:#f6f6f6; margin:0 auto; margin-bottom:8px; line-height:29px; font-size:14px; color:#2c2c2c;}
.newscon .newsbtn ul li span { width:80px; height:29px; overflow:hidden; display:block; background:#26326c; color:#fff; float:left; text-align:center; margin-right:10px;}
.newscon .newsbtn ul li a:hover { text-decoration:underline;}
.service { padding-top:50px; padding-bottom:87px;}
.service .serbox { width:1100px;}
.service .serbox .serItem { width:270px; height:50px; overflow:hidden; border:#eeeeee 1px solid; float:left; margin-right:30px; margin-bottom:38px; padding:20px;}
.service .serbox .serItem em { font-size:20px; color:#26326c; display:block;}
.service .serbox .serItem span {font-size:14px; color:#3c3c3c;}
.service .serbox .serItem span a { float:right; font-size:14px; color:#3c3c3c;}
.service .serbox .serItem span a:hover { color:#26326c}

.contact { overflow:hidden;}
.contact form { width:750px; overflow:hidden; margin:0 auto; padding:50px 0;}
.contact form div { width:746px; height:43px; overflow:hidden; border:#000 2px solid; margin-bottom:12px;}
.contact form div span { width:80px; height:20px; overflow:hidden; display:block; float:left; margin:12px 0; text-indent:13px; border-right:#000 1px solid; text-transform:uppercase;}
.contact form div input { width:654px; height:43px; overflow:hidden; float:right; border:none;}
.contact form div.tinfo { height:auto; padding-bottom:10px;}
.contact form div.tinfo span { width:168px}
.contact form div.tinfo textarea { width:96%; height:200px; margin:0 auto; overflow:hidden; display:block; border:none;}
.contact form div.yzm { width:100%; height:26px; overflow:hidden; text-align:right; border:none;}
.contact form div.yzm span { height:26px; line-height:26px; font-size:14px; display:inline-block; float:right; margin:0; border:none; color:#26326c;}
.contact form div.yzm input { width:91px; height:26px; overflow:hidden; border:none; background:#efefef;  float:right; margin:0 8px;}
.contact form div.yzm img { display:inline-block; float:right; }
.contact form button { width:94px; height:26px; overflow:hidden; border:#000 1px solid; text-align:center; background:none; float:right; font-size:16px; font-family:"微软雅黑";}
.contact .cttxt { width:820px; overflow:hidden; background:#eeeeee; border-radius:8px; padding:33px 90px; padding-bottom:3px;}
.contact .cttxt .cttLeft { width:346px; overflow:hidden; float:left;}
.contact .cttxt .cttRight { width:346px; overflow:hidden; float:right;}
.contact .cttxt em { font-size:20px; font-weight:bold; color:#26326c; padding-left:30px; background:url(../dizhi.gif) 4px 0 no-repeat;}
.contact .cttxt p { font-size:14px; color:#3c3c3c; line-height:180%; padding-top:10px; padding-bottom:30px;}
.cttMap { width:100%; height:464px; overflow:hidden; padding-top:122px;}
.cttMap div {/* width:100%; height:464px; overflow:hidden;*/}
/*footer*/
.footer { width:100%; overflow:hidden; background:#26326c;}
.footer .ftbox_01{ overflow:hidden; padding:20px 0; padding-top:40px;}
.footer .ftbox_01 ul { width:754px; overflow:hidden; border-bottom:#fff 1px solid;}
.footer .ftbox_01 ul li { width:auto; height:51px; overflow:hidden; float:left; line-height:51px; font-size:14px; color:#fff; margin-right:30px;}
.footer .ftbox_01 ul li img { float:left; margin-right:10px;}
.footer .ftbox_01 span { width:118px; height:118px; overflow:hidden; float:right; display:block;}
.footer .ftbox_01 span img { width:100%; }
.bottomnav { width:754px; overflow:hidden; border-bottom:#fff 1px solid;}
.bottomnav a { font-size:14px; color:#fff; line-height:50px; display:inline-block; color:#fff; margin-right:28px;}
.bottomnav a.curr { border-bottom:#fff 1px solid;}
.footer .ftbox_02 { height:60px; overflow:hidden; line-height:60px; text-transform:uppercase; color:#fff; font-size:14px; background:#26326c;}
.footer .ftbox_02 a {color:#fff}

.pagebtn { text-align:right;}
.pagebtn a { padding:0 10px; line-height:29px; display:inline-block; font-size:13px; margin:0 1px;}
.pagebtn a.curr { background:#26326c; color:#fff;}
.pagebtn a:hover { background:#26326c; color:#fff;}

.tcbox { width:755px; height:550px; overflow:hidden; background:#eeeeee url(../login_01.gif) left no-repeat; position:fixed; left:50%; top:50%;  margin-left:-500px; margin-top:-275px; z-index:9; padding-left:245px; display:none;} 
.tcbox h2 { font-size:30px; text-align:center; color:#26326c; padding-top:50px; padding-bottom:40px; padding-right:30px;}
.tcbox p {overflow:hidden; padding-right:30px; margin-bottom:28px;}
.tcbox p span { font-size:30px; width:138px; display:block; height:52px; line-height:52px; float:left;}
.tcbox p input { width:430px; height:52px; overflow:hidden; display:block; background:#9f9f9f; box-sizing:content-box; padding:0; margin:0; display:block; border:none; outline:none; padding-left:20px;}
.tcbox p.yzm input{ width:218px; float:left;}
.tcbox p.yzm font { width:188px; height:52px; display:block; float:left; margin-left:25px;}
.tcbox p.yzm font img { width:100%; height:52px; cursor:pointer;}
.tcbox p.yzm i { display:block; text-align:right; width:568px; overflow:hidden; }
.tcbox p.yzm i a { color:#26326c; text-decoration:underline; padding-top:10px; display:inline-block;}
.tcbox div.login { padding-left:138px;}
.tcbox div.login a { display:block; width:180px; height:96px; background:#26326c; color:#fff; font-size:40px; padding-left:40px; padding-top:10px; border-radius:12px;}
.tcbox .tcCon { position:relative;}
.tcbox div.login a span { display:block; font-size:23px; line-height:26px;}
.tcbox div.close { width:30px; height:30px; overflow:hidden; position:absolute; right:0; top:0; cursor:pointer;}
.tcbg { width:100%; height:100%; overflow:hidden; background:rgba(0,0,0,.8); position:fixed; left:0; top:0; display:none;}