﻿*html{background-image:url(about:blank);background-attachment:fixed;height:100%}body,html{width:100%;height:100%;margin:0;font-family:"open_sanslight",Helvetica,Arial,sans-serif,"宋体";font-size:14px;color:#666;line-height:1.7;background:#FFF;-webkit-text-size-adjust:none}:focus{outline:0}a{color:#666;text-decoration:none;outline:0}a:hover{text-decoration:none}i{font-style:normal}dd,dl,dt,h1,h2,h3,h4,h5,h6,input,li,p,td,th,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}dd,dl,dt,li,ol,ul{list-style:none}.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl{zoom:1}table{border-collapse:collapse;border-spacing:0}th{font-weight:400}button,img,input,select,textarea{vertical-align:middle}fieldset,img{border:0}.left{float:left}.right{float:right}.navigation{position:absolute;width:1100px;z-index:100;left:50%;margin-left:-550px;top:20px;height:73px}.navigation .logo{position:absolute;top:4px}.navigation .logo img{width:550px;height:70px}.navigation .quick-menu{position:absolute;right:0;top:7px}.navigation .quick-menu li{float:left;padding:7px;font-weight:700;font-size:12px}.navigation .quick-menu li a{color:#FFF}.navigation .quick-menu li a:hover{color:#58bbda}.navigation .nav{position:relative;right:0;top:37px;float:right}.navigation .nav li{float:left;font-size:18px}.navigation .nav li a{color:#FFF;padding:7px;display:block}.navigation .nav li .on,.navigation .nav li a:hover{color:#58bbda}.navigation .nav li a.navbg{color:#58bbda;background:#FFF;padding:7px;display:block}.navigation .nav .sub{position:absolute;background:#FFF;padding:10px 20px;display:none}.navigation .nav .sub li,.navigation .nav .sub-last li{float:none;font-size:16px}.navigation .nav .sub li a,.navigation .nav .sub-last li a{color:#666;padding:3px 0}.navigation .nav .sub li a:hover,.navigation .nav .sub-last li a:hover{color:#58bbda;padding:3px 0}.navigation .nav .sub-last{position:absolute;background:#FFF;padding:10px 20px;display:none;right:0}.navigation .nav .sub-pro{position:absolute;background:#FFF;padding:10px 20px;display:none;right:0;width:700px;clear:both}.navigation .nav .sub-pro li{width:340px;float:left}.navigation .nav .sub-pro li h1{color:#000;margin-bottom:10px}.navigation .nav .sub-pro li h2{font-size:14px;margin-bottom:15px}.navigation .nav .sub-pro li a{font-size:14px;padding:0;color:#58bbda;margin-bottom:20px}.wrapper{position:relative;width:100%}.container{width:1100px;position:relative;z-index:10;height:100%;margin:0 auto}.title{font-size:32px;padding:20px 0}.blue{color:#002e5b}.white{color:#FFF}.more{padding:10px;background:#58bbda;color:#FFF;font-size:12px;font-weight:700;line-height:30px}.wrapper-1{padding:50px 0}.wrapper-1 .about-content{float:left;width:380px}.wrapper-1 .about-content .about-view{margin-bottom:20px}.wrapper-1 .about-mac{background:url(../images/img_mac.png) no-repeat;float:right;width:603px;height:359px;position:relative;margin-top:35px;}.wrapper-1 .about-video{position:absolute;top:26px;left:75px;width:467px;height:302px;overflow:hidden; background:#000}.wrapper-1 .about-video i{position:absolute;top:50%;left:50%;margin-left:-37px;margin-top:-37px;background:url(../images/img_video_play.png) no-repeat;z-index:10;width:75px;height:75px}.wrapper-2{padding:50px 0;background:url(../images/img_wrapper_2.jpg) center center #4a83b8;background-size:cover}.wrapper-2 .hxjs{position:relative;width:100%;margin:0 auto}.wrapper-2 .hxjs li{width:215px; padding:0 30px;text-align:center;color:#FFF;float:left}.wrapper-2 .hxjs li h1{font-size:18px;padding:20px 0}.wrapper-2 .hxjs li h2{font-size:14px;margin-bottom:30px}.wrapper-1 .yjzs{position:relative;width:1080px;margin:0 auto}.wrapper-1 .yjzs li{width:240px;padding:0 60px;text-align:center;float:left}.wrapper-1 .yjzs li img{width:240px;height:184px}.wrapper-1 .yjzs li h1{font-size:18px;padding:20px 0}.wrapper-1 .yjzs .prev{background:url(../images/img_arrow_prev.png) no-repeat;width:21px;height:22px;display:block;position:absolute;left:50%;bottom:-20px;margin-left:-30px}.wrapper-1 .yjzs .next{background:url(../images/img_arrow_next.png) no-repeat;width:21px;height:22px;display:block;position:absolute;left:50%;bottom:-20px;margin-left:10px}.wrapper-3{padding:50px 0;background:url(../images/img_wrapper_3.jpg) center center #024071}.wrapper-3 .contact{float:left;width:340px}.wrapper-3 .message{float:right;width:630px}.wrapper-3 .f-title{font-size:18px;padding:20px 0;color:#FFF;font-weight:700}.wrapper-3 .contact-view{color:#FFF;line-height:30px}.wrapper-3 .message li{margin-bottom:15px}.wrapper-3 .message .message-input{width:610px;border:1px #FFF solid;padding:8px 10px;color:#666;font-size:14px;font-family:"open_sanslight",Helvetica,Arial,sans-serif,"宋体";}.wrapper-3 .message .message-btn{padding:10px 15px;background:#58bbda;color:#FFF;font-size:12px;font-weight:700;border:0;cursor:pointer}.footer{width:1100px;position:relative;z-index:10;height:100%;margin:0 auto;text-align:center;color:#FFF;padding-top:30px}.footer a { color:#FFF;}.banner-box{width:100%;height:100%;position:relative;overflow:hidden}.banner-box .bd{width:100%}.banner-box .bd li{position:absolute;width:100%;height:100%;display:block}.banner-box .bd li a{display:block;background-size:auto}.banner-btn{width:100%;position:absolute;bottom:40px}.banner-box .hd{position:absolute;top:0;right:200px}.banner-box .hd ul li{width:8px;height:8px;border-radius:50%;text-indent:-9999px;display:inline-block;margin:0 2px;cursor:pointer;border:1px solid #FFF}.banner-box .hd ul li.on{background:#FFF}.wrapper-p{padding-top:10px;padding-bottom:60px}.p-sitemap{font-size:12px;color:#666}.p-sitemap a{color:#666;margin:5px}.p-right{width:230px;position:relative;float:right}.p-left{width:820px;position:relative;float:left}.p-title{font-size:32px;padding-top:20px;padding-bottom:40px}.p-nav{border-bottom:1px solid #024071;padding-bottom:10px}.p-nav .p-sitename{border-bottom:1px solid #024071;border-top:3px solid #024071;display:block;padding:12px 0;font-size:18px;color:#002e5b;margin-bottom:10px}.p-nav li a{display:block;padding:3px 0}.p-nav li a:hover{display:block;padding:3px 0;color:#58bbda}.p-nav li .on{font-weight:700;color:#024071}.p-nav .parent{background:url(../images/img_parent.png) 210px 12px no-repeat}.p-nav .p-sub{position:relative;display:none}.p-nav .p-sub li a{display:block;padding:3px 0;padding-left:25px}.p-transition li{margin-bottom:45px}.p-transition .p-transition-left{float:left;width:170px}.p-transition .p-transition-left img{width:170px;height:96px}.p-transition .p-transition-right{float:right;width:640px}.p-transition .p-transition-right h1 a{font-weight:700;color:#58bbda;font-size:18px}.p-transition .p-transition-right h3 a{color:#58bbda}.p-view{line-height:27px}.p-view h1{font-size:25px;display:block;margin-bottom:10px;color:#333}.p-news li{margin-bottom:45px}.p-news li h1 a{font-weight:700;color:#58bbda;font-size:18px}.p-news li h4{text-align:right}.p-news li h4 a{color:#58bbda}.p-date{margin-bottom:20px}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}

.title-1 { font-size:32px; padding-bottom:15px;}
.title-2 { font-size:32px; padding-top:20px;padding-bottom:15px;}

.about-news {margin-bottom:20px;}
.about-news span { position:absolute; top:0px; left:0px; }
.about-news li { position:relative; padding-left:85px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; border-bottom:1px dashed #CCC; margin:5px 0}

.banner-box .banner-1 { position:absolute; z-index:10; bottom:50px; right:50%; margin-right:-100px; width:651px; height:469px; background:url(../images/img_banner_2.png); }
.banner-box .banner-1 span{ position:absolute; top:180px; left:100px; width:500px; font-size:48px; color:#FFF; text-align:left}
.banner-box .banner-2 { position:absolute; z-index:10; bottom:50px; left:50%; margin-left:-100px; width:705px; height:431px; background:url(../images/img_banner_1.png); }
.banner-box .banner-2 span{ position:absolute; top:120px; left:130px; width:500px; font-size:48px; color:#FFF; text-align:left}
.banner-box .banner-3 { position:absolute; z-index:10; bottom:50px; right:50%; margin-right:-100px; width:651px; height:472px; background:url(../images/img_banner_3.png); }
.banner-box .banner-3 span{ position:absolute; top:160px; left:100px; width:500px; font-size:48px; color:#FFF; text-align:left}
.banner-box .banner-4 { position:absolute; z-index:10; bottom:50px; left:50%; margin-left:-100px; width:651px; height:469px; background:url(../images/img_banner_2.png); }
.banner-box .banner-4 span{ position:absolute; top:200px; left:100px; width:500px; font-size:48px; color:#FFF; text-align:left}


.p-banner-2{ width:100%;height:345px;position:relative;overflow:hidden; background:url(../images/img_p_banner_2.jpg) no-repeat center center; background-size:cover}
.p-banner-2 .p-banner-bg { position:absolute; z-index:10; bottom:-90px; left:50%; margin-left:30px; width:651px; height:472px; background:url(../images/img_banner_3.png);}
.p-banner-2 .p-banner-bg span{ position:absolute; top:190px; left:160px; width:340px; font-size:35px; color:#FFF; text-align:left}

.p-banner-3{ width:100%;height:345px;position:relative;overflow:hidden; background:url(../images/img_p_banner_3.jpg) no-repeat center center; background-size:cover}
.p-banner-3 .p-banner-bg { position:absolute; z-index:10; bottom:-90px; left:50%; margin-left:30px; width:651px; height:472px; background:url(../images/img_banner_3.png);}
.p-banner-3 .p-banner-bg span{ position:absolute; top:190px; left:160px; width:340px; font-size:35px; color:#FFF; text-align:left}

.p-banner-4{ width:100%;height:345px;position:relative;overflow:hidden; background:url(../images/img_p_banner_4.jpg) no-repeat center center; background-size:cover}
.p-banner-4 .p-banner-bg { position:absolute; z-index:10; bottom:-90px; left:50%; margin-left:30px; width:651px; height:472px; background:url(../images/img_banner_3.png);}
.p-banner-4 .p-banner-bg span{ position:absolute; top:190px; left:160px; width:340px; font-size:35px; color:#FFF; text-align:left}

.p-banner-5{ width:100%;height:345px;position:relative;overflow:hidden; background:url(../images/img_p_banner_5.jpg) no-repeat center center; background-size:cover}
.p-banner-5 .p-banner-bg { position:absolute; z-index:10; bottom:-90px; left:50%; margin-left:30px; width:651px; height:472px; background:url(../images/img_banner_3.png);}
.p-banner-5 .p-banner-bg span{ position:absolute; top:190px; left:160px; width:340px; font-size:35px; color:#FFF; text-align:left}

.p-banner-6{ width:100%;height:345px;position:relative;overflow:hidden; background:url(../images/img_p_banner_6.jpg) no-repeat center center; background-size:cover}
.p-banner-6 .p-banner-bg { position:absolute; z-index:10; bottom:-90px; left:50%; margin-left:30px; width:651px; height:472px; background:url(../images/img_banner_3.png);}
.p-banner-6 .p-banner-bg span{ position:absolute; top:190px; left:160px; width:340px; font-size:35px; color:#FFF; text-align:left}

.p-banner-7{ width:100%;height:345px;position:relative;overflow:hidden; background:url(../images/img_p_banner_7.jpg) no-repeat center center; background-size:cover}
.p-banner-7 .p-banner-bg { position:absolute; z-index:10; bottom:-90px; left:50%; margin-left:30px; width:651px; height:472px; background:url(../images/img_banner_3.png);}
.p-banner-7 .p-banner-bg span{ position:absolute; top:190px; left:160px; width:340px; font-size:35px; color:#FFF; text-align:left}

.p-banner-44{ width:100%;height:345px;position:relative;overflow:hidden; background:url(../images/img_p_banner_44.jpg) no-repeat center center; background-size:cover}
.p-banner-44 .p-banner-bg { position:absolute; z-index:10; bottom:-90px; left:50%; margin-left:30px; width:651px; height:472px; background:url(../images/img_banner_3.png);}
.p-banner-44 .p-banner-bg span{ position:absolute; top:190px; left:160px; width:340px; font-size:35px; color:#FFF; text-align:left}

.p-banner-40{ width:100%;height:345px;position:relative;overflow:hidden; background:url(../images/img_p_banner_40.jpg) no-repeat center center; background-size:cover}
.p-banner-40 .p-banner-bg { position:absolute; z-index:10; bottom:-90px; left:50%; margin-left:30px; width:651px; height:472px; background:url(../images/img_banner_3.png);}
.p-banner-40 .p-banner-bg span{ position:absolute; top:190px; left:160px; width:340px; font-size:35px; color:#FFF; text-align:left}

.p-tech-nav{margin:30px 0}
.p-tech-nav li { float:left; margin-right:2px; margin-bottom:2px;}
.p-tech-nav li a{ padding:10px; background:#e2e7eb; display:block}
.p-tech-nav li a:hover{background:#c6d0d5}
.p-tech-nav li a.on{background:#58bbda;color:#FFF}
.p-pro li{float:left;margin-right:10px;width:154px;margin-bottom:15px}
.p-pro li img{width:154px;height:116px}
.p-pro li h1{color:#58bbda;font-weight:700;text-align:center;margin-top:5px}
.p-page{margin-top:30px;text-align:center}
.p-page li{display:inline-block;margin:0 5px}
.p-page li a{color:#58bbda}
.p-page li a.on{font-weight:700;color:#666}

.paperclip{display:inline-block;overflow:hidden;margin-right:7px;margin-bottom:-2px;width:13px;height:14px;background:url(/manage/images/img_paperclip.gif) no-repeat;background-position:0 0}
.paperclip_txt{font-size:14px;line-height:31px}
.sitemap_n{margin-bottom:5px;padding-right:15px;padding-left:15px;border-bottom:1px solid #DDD}
.sitemap_n h1{font-weight:700;font-size:14px;line-height:31px}
.sitemap_n li{float:left;margin-right:10px;line-height:31px}

/*分页*/
.pages { height:35px; overflow:hidden; padding:2px 0 1px 0; text-align:center; color:#CCC; vertical-align:top; clear:both; }
	.pages div { float:right; padding-right:12px; }
	.pages a, .pages strong { float:left; height:18px; overflow:hidden; margin:0 1px; padding:2px 6px 1px; border:1px solid #999999; color:#000000; text-decoration:none !important; line-height:18px;}
	.pages strong  { border:1px solid #999999; background:#EEEEEE; color:#000000; font-weight:700; }
	.pages a:hover{ border:1px solid #000000; }
	.pages .prev { padding:2px 0 1px 16px; background:url(../../../manage/images/arrow_left.gif) no-repeat 29% 50%; }
	.pages .next { padding:2px 16px 1px 5px; background:url(../../../manage/images/arrow_right.gif) no-repeat 93% 50%; *background-position:93% 45%; font-size:simsun; *line-height:21px; }