/* CSS Document */
@import url("common.css");


/* -- header s -- */
.header{ width:100%; min-width:1200px; height:150px; border-top:5px solid #0275c7; background-color:#FFF;}
.header h1{ float:left; width:700px; height:80px; margin-top:35px;}
.header h1:hover a img{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:pulse;animation-name:pulse;}
.header .top{ float:right;}
.header .topNav{ float:right; width: 263px; height:27px; line-height:27px; font-size:12px; overflow:hidden; background:url(../images/top_r.png) no-repeat center top; padding-left:14px; -webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}
.header .topNav a{ float:left; background:url(../images/shu.png) no-repeat right center; padding-right:9px; padding-left:9px; color:#FFF;}
.header .topNav a:hover{ text-decoration:underline;}
.header .topNav .nobg{ background-image: none;}
.header .phone{ float:right; height:27px; line-height:27px; font-size:32px; font-style:italic; color:#f94006;background:url(../images/tel_logo.png) no-repeat left center; padding-left:38px; padding-right:20px; margin-top:26px; clear:both;}
.header .entrance{text-align:center; margin:0 auto; padding-top:20px; clear:both;}
.header .entrance span{ display:inline-block; width:80px; height:29px; line-height:29px; margin-left:20px; background:url(../images/top_btn.png) no-repeat; text-align:center;}
.header .entrance span a{ display:block; width:100%; height:100%; font-family:"瀹嬩綋"; font-weight:bold; font-size:16px; color:white; letter-spacing:1px;}
/* -- header e -- */

/* -- navBar s -- */
.navBar{ width:100%; height:55px; line-height:55px; border-top:1px solid #d2d2d2; color:#333; clear:both; float:none;}
.navBar .box{ height:55px; line-height:55px; padding-left:10px; z-index:1;}
.navBar .nav{ position:relative; width:1200px; margin:0 auto; font-family: "Microsoft YaHei", SimSun, SimHei; font-size:14px;}
.navBar .nav a{ color:#222222;}
.navBar .nav h3{ font-size:100%; font-weight:normal;}
.navBar .nav .m{ float:left; position:relative; z-index:1;}
.navBar .nav .s{ float:left; width:3px; text-align:center; color:#d2d2d2; font-size:12px;}
.navBar .nav h3 a{ display:block; width:168px; font-size:15px; color:#222222; text-align:center; -webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;}
.navBar .nav .sub{ display:none; position:absolute; left:-3px; top:55px; z-index:1; width:172px; background-color:#0275c7 !important; height:auto !important;}
.navBar .nav .sub li{ text-align:center; padding:0 10px; margin-bottom:-1px; overflow:hidden;}
.navBar .nav .sub li:hover{ background-color:#3691d5 !important;}
.navBar .nav .sub li a{ display:block; border-bottom:1px solid #E6E4E3; padding:8px 0; height:44px; line-height:28px; color:#FFF;}
.navBar .nav .sub li a:hover,.navBar .nav .sub li:hover a,.navBar .nav .sub li:last-child a{ color:#FFF; border-bottom:none;}
.navBar .nav .block{ height:55px; width:172px; background:#3691d5; position:absolute; left:0; top:0px; overflow:hidden;}
.navBar .nav h3 a:hover{ color:#FFF;}
.navBar .nav .on h3 a{ color:#FFF;}
.navBar .content{ clear:both; width:1200px; margin:0 auto;}
/* -- navBar e -- */
.dede_pages {margin:20px auto;height:40px;width:100%;text-align:center;overflow:hidden;}
.dede_pages ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.dede_pages ul li {list-style:none;float:left;border:1px solid #ddd;height:35px; line-height:35px;border-radius:3px; margin:0 3px;font-size:14px;}
.dede_pages ul li a,.dede_pages ul li span{color:#333;display:block;padding:0px 14px;}
.dede_pages ul li a:hover{padding:0px 14px;background:#008fde;color:#fff;}
.dede_pages ul li.active{background:#008fde;display:block;color:#fff;}
.dede_pages ul li.active a{color:#fff;display:block;}
@media (max-width: 767px){ 
.dede_pages {height:55px;}
.dede_pages ul li {height:25px; line-height:25px;}
.dede_pages ul li a,.dede_pages ul li span{padding:0px 10px;}
.dede_pages ul li a:hover{padding:0px 10px;}
}
/* -- banner s -- */
.banenr{ height:450px; width:100%; clear:both; float:none;}
.banenr .fullSlide{ min-width:1200px; position:relative; height:450px; overflow:hidden;}
.banenr .fullSlide .bd{ position:relative; z-index:0;}
.banenr .fullSlide .bd ul{ width:100% !important;}
.banenr .fullSlide .bd li{ width:100% !important; height:450px;}
.banenr .fullSlide .bd li .siteWidth{ width:1200px; position:relative; margin:0 auto; height:450px;}
.banenr .fullSlide .bd li a{ position:absolute; width:100%; height:299px; display:block; z-index:1;}
.banenr .fullSlide .bd .txt{position:absolute;width:415px;top:100px;left:22px;font:normal 18px/30px "Microsoft YaHei";}
.banenr .fullSlide .bd .btn{display:block;zoom:1;margin-top:8px;width:72px;padding-right:10px;height:31px;line-height:31px;text-align:center;color:#fff;font-size:12px;background:url(../images/banner-btn.png) 0 0 no-repeat;_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;}
.banenr .fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;text-align:center;}
.banenr .fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:4px;background:url(../images/dot-black.png) 0 0;overflow:hidden;line-height:9999px;border-radius:100%;background-color:#afafaf;line-height:99em;cursor:pointer;box-shadow:1px 1px 2px #3a3a3a inset;}
.banenr .fullSlide .hd ul .on{background-color:#2e86ce;}
/* -- banner s -- */

/* -- title s -- */
.title{ height:130px;}
.title h2{ width:100%; height:100px; line-height:70px; margin:0 auto; padding-top:30px; text-align:center; position:relative; z-index:0;}
.title h2 i{ position:absolute; top:65px; left:0; height:1px; width:100%; background-color:#d9dada; z-index:-1;}
.title h2 p{ display:inline-block; background-color:#FFF; margin:0 auto; padding:0 30px;}
.title h2 p span{ display:inline-block; float:left;}
.title h2 p span.t1{ font-family:arial,helvetica,sans-serif; font-weight:bold; font-size:42px; color:#9fa0a0;}
.title h2 p span.t2{ font-family:"寰蒋闆呴粦"; font-weight:normal; font-size:32px; color:#221815; padding-left:20px;}
/* -- title e -- */

/* -- about s -- */
.about{ height:350px;}
.about .about_l{ float:left; width:575px; height:350px; overflow:hidden;}
.about .about_l img{ height:100%; width:100%; transition:all 3s;}
.about .about_l:hover img{transform: scale(1.1); /* 鏀惧ぇ1.2鍊 */}
.about .about_r{ float:right; width:600px; height:350px;}
.about .about_r h3{ height:35px; border-bottom:1px solid #0a5abd; font-size:16px;}
.about .about_r h3 a{ float:right; margin-right:10px;}
.about .about_r .about_txt{ height:295px; margin-top:20px; font-size:16px; color:#707070; overflow:hidden;}
.about .about_r .about_txt p{ text-indent:32px; line-height:2;}
/* -- about e -- */

/* -- business s -- */
.business{ height:650px;}
.business .box{ height:650px;}
/* -- business e -- */

/* -- product s -- */
.product{ height:310px; background-color:#f5f5f5; padding-top:55px;}
.product ul{ height:212px;}
.product li{ float:left; width:270px; height:212px; margin:0 15px; border-bottom:4px solid #e0e0e0; background-color:#FFF;}
.product li:hover{ border-bottom:4px solid #ce3f3c;}
.product li a{ color:#333;}
.product li img{ width:270px; height:150px;}
.product li h3{ width:270px; height:58px; line-height:58px; text-align:center; font-weight:bold;}
/* -- product e -- */

/* -- news s -- */
.news{ padding-bottom:50px;}
.news li{ float:left; width:570px; height:150px; padding-top:10px; border-bottom:1px solid #f0f0f0;}
.news li.right{ margin-left:60px;}
.news li .news_img{ float:left; width:170px; height:126px; overflow:hidden;}
.news li .news_img img{ width:170px; height:126px; transition:all 3s;}
.news li .news_img:hover img{transform: scale(1.1);}
.news li .news_txt{ float:left; width:390px; margin-left:10px;}
.news li .news_txt h3{ height:35px; font-size:16px;    line-height: 35px;overflow: hidden;}
.news li .news_txt p{ line-height:1.5; font-size:14px; color:#707070; height:40px; overflow:hidden}
.news li .news_txt span{ display:block; height:35px; padding-top:15px;}
.news li .news_txt span a{ display:inline-block; float:right; border:1px solid #f0f0f0; padding:5px 15px; background-color:#FFF; color:#333;}
.news li .news_txt span a:hover{ background-color:#F7F7F7;}
/* -- news e -- */

/* -- link s -- */
.link{ height:60px; background-color:#F7F7F7;}
.link dl{ height:60px; line-height:60px;}
.link dl dt{ float:left; font-size:18px; margin-left:20px;}
.link dl dd{ float:left; font-size:14px; color:#707070; padding-left:20px;}
.link dl dd a{ color:#707070;}
.link dl dd a:hover{ text-decoration:underline;}
.link dl dd i{ display:inline-block; width:3px; height:20px; margin-left:20px;}
.link dl dd i:before{ content:'|';}
/* -- link e -- */

/* -- footer s -- */
.footer{ height:210px; background-color:#008fde; padding:30px 0;}
.footer .copyright{ float:left; width:650px; height:150px;}
.footer .copyright .code{ float:left; width:146px; height:150px; border:2px solid #80c7ef; padding:15px 10px; margin-left:20px;}
.footer .copyright .copy{ float:left; margin-left:15px; margin-top:10px;}
.footer .copyright .copy p{ line-height:1.8; font-size:14px; color:#FFF;}
.footer .logo{ float:right; width:115px; height:150px; margin-right:30px;}
/* -- footer e -- */

/* -- bottom s -- */
.bottom{ height:60px; background-color:#292c31;}
.bottom p{ height:60px; line-height:60px; font-size:16px; color:#b3c0cf; margin-left:20px;}
.bottom a{color:#b3c0cf;}
/* -- bottom e -- */



/* -- list s -- */
.list_tit{ height:75px; line-height:75px;}
.list_tit .box{}
.list_tit span{ float:right;}

.list{ padding-bottom:50px;}
.list .box{}
.list .side{ float:left; width:260px;}
.list .side dl{ width:260px; height:100%; background-color:#F7F7F7; padding-bottom:20px;}
.list .side dt{ height:60px; line-height:60px; font-size:18px; color:#FFF; background-color:#005aab; padding-left:22px; margin-bottom:20px;}
.list .side dt i{ float:right; width:16px; height:60px; background:url(../images/about-left-arrow.png) no-repeat center; margin-right:20px;}
.list .side dd{ width:260px; height:40px; line-height:40px; font-size:16px; color:#7c7c7c; padding-left:36px;}
.list .side dd a{ font-size:16px; color:#7c7c7c;}
.list .side dd a:hover{ color:#0275C7;}
.list .side .message{ width:260px; background-color:#F7F7F7; margin-top:20px; padding-bottom:20px;}
.list .side .message p{ display:inline-block; line-height:2; margin:5px 10px; padding:0 0 0 30px; font-size:12px;}
.list .side .message p.site{ background:url(../images/about-left-icon1.png) no-repeat left center; padding-top:20px;}
.list .side .message p.call{ background:url(../images/about-left-icon2.png) no-repeat left center;}
.list .side .message .scan{ width:260px; height:100px; border-top:1px solid #e9eaeb; padding:15px 10px;}
.list .side .message .scan li{ float:left; width:80px; text-align:center;}
.list .side .message .scan li img{ display:block; margin:0 auto;}
.list .side .message .scan li span{ text-align:center; font-size:12px;}

.main{ float:right; width:900px; background-color:#F7F7F7; padding:40px 30px;}
.main img{ max-width:100%;}
.main dt{ height:52px; line-height:24px; font-size:24px; color:#005aab; border-bottom:1px solid #CCC; margin-bottom:30px;}
.main dt em{ display:inline-block; line-height:36px; font-size:12px; color:#7c7c7c; text-transform:uppercase; padding-left:10px;}
.main .listNews dd{ width:840px; height:154px; border-bottom:1px solid #CCC; padding:10px 0;}
.main .listNews dd .news_img{ float:left; width:175px; height:133px; overflow:hidden;}
.main .listNews dd .news_img img{ width:175px; height:133px; transition:all 3s;}
.main .listNews dd .news_img:hover img{transform: scale(1.1);}
.main .listNews dd .news_con{ float:right; width:635px; height:133px;}
.main .listNews dd .news_con h4{ height:40px; line-height:40px; font-size:16px;}
.main .listNews dd .news_con h4:hover{ color:#0275C7;}
.main .listNews dd .news_con p{ height:50px; line-height:1.8; font-size:14px; color:#707070; overflow:hidden;}
.main .listNews dd .news_con span{ display:block; height:30px; line-height:30px; font-size:12px; color:#707070; margin-top:10px;}
.main .listAbout dd{ width:100%; line-height:2; font-size:16px; text-indent:32px; color:#707070; overflow:hidden; padding:10px 0;}
.main .listAbout dd.pic{ text-align:center;}
.main .listContact dd{ line-height:2; font-size:14px; color:#7c7c7c;}
.main .listContact dd.map{}
.main .listContact dd.tit{ height:50px; font-size:18px; color:#005aab; border-bottom:1px solid #CCC; margin-bottom:20px;}
.main .listProduct dd{ float:left; width:270px; height:212px; margin:15px 5px; border-bottom:4px solid #e0e0e0; background-color:#FFF;}
.main .listProduct dd:hover{ border-bottom:4px solid #ce3f3c;}
.main .listProduct dd a{ color:#333;}
.main .listProduct dd img{ width:270px; height:150px;}
.main .listProduct dd h3{ width:270px; height:58px; line-height:58px; text-align:center; font-weight:bold;}
.main .listBusiness dd{ overflow:hidden;}
.main .listPersonnel h5{ height:70px; line-height:70px; font-size:18px; color:#005aab;}
.main .listPersonnel dd{ line-height:2; color:#7c7c7c;}
.main .listContent{ color:#333;}
.main .listContent h5{ height:50px; line-height:50px; font-size:18px; text-align:center;}
.main .listContent dd.date{ font-size:12px; text-align:center; color:#999;}
.main .listContent dd{ font-size:16px; text-indent:32px; line-height:2;}



/* -- list e -- */











