﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0; }
li{ text-decoration:none; list-style:none;}
a{ text-decoration:none; color:#5a5a5a;cursor:pointer; }
a:hover{color:#ff0000 !important;}
img{border:none;}
body{color:#5a5a5a; font-size:14px;font-family:"Microsoft Yahei"; background:#fff;}
.clear {clear:both;height:0; font-size:0; line-height:0;  }
/*********************************  通用  ***************************************/
.Universal{ width:1200px; height:auto; margin:0 auto;}
.Universal-a{ position:relative;}
.Universal-b{ overflow:hidden}
/*********************************  头部  ***************************************/
.welcome{ height:32px; line-height:32px; color:#a9a9a9; font-size:12px; background:#eaeaea}
.header{ width:1200px; height:117px; margin:0 auto;}
.logo{ width:596px; float:left; display:inline; height:69px; padding:20px 0 0 0;}
.header-right{ width:200px; height:auto; text-align:right; float:right;}
.header-img{ height:24px;padding:32px 0 0 0;}
.header-img img{ width:25px; height:24px; vertical-align:middle; margin:0 0 0 11px;}
.tel{height:40px; font:24px/40px Impact; color:#ff0b00;}
.tel img{ width:21px; height:20px; vertical-align:middle; margin:-2px 6px 0 0;}
/*********************************  导航  ***************************************/
.nav_div{ height:59px; width:100%; background:#0066b2;}
.nav{ width:860px; height:76px; text-align:center; position:absolute; top:-2px; left:0; z-index:991; background:url(../Images/navbg.png) no-repeat 69px 15px; padding:0 0 0 140px;}
.nav li{ float:left; display:inline;height:76px; font-size:18px;}
.nav li a{ color:#ffffff; display:block; height:46px;text-shadow:2px 2px 1px #000000;line-height:46px;}
.nav li a:hover,.nav li.on a{color:#000 !important; background:url(../Images/nav.png) no-repeat;text-shadow:0 0 0 #000000;}
.nav li.li1{margin-left:-116px;background:url(../Images/navli.png) no-repeat 45px 15px;}
.nav li.li2{margin-left:-104px;background:url(../Images/navli.png) no-repeat 32px 15px;}
.nav li.li1 a{padding:15px 86px 15px 100px;}
.nav li.li2 a{padding:15px 72px 15px 84px;}
.nav_png{ width:222px; height:84px; background:url(../Images/navleft.png) no-repeat; left:-97px; top:-10px; z-index:99; position:absolute}
/********************************* 搜索  ***************************************/
.search_form{ float:right; margin:10px 0 0 0;width:230px; height:42px; background:url(../Images/search.png) no-repeat; padding:0 0 0 48px;position:relative; z-index:9}
.search_form input{ width:182px; height:42px; color:#fff; background:none; border:none}
.search_form .btn{ width:44px !important; height:42px; float:right; background:url(../Images/btn.png) no-repeat 0 center; cursor:pointer;}
/*********************************  首页  广告  ***************************************/
.banner{width:1900px;overflow:hidden;position:relative; height:656px; overflow:hidden; margin-bottom:30px;}
.banner_img{width:20000px}
.banner_img li{float:left;width:1900px;position:relative;height:656px;}
.banner_img li a{ display:block; height:656px;}
.banner_common{position:relative;width:1300px;margin:0 auto; }
.banner_pre{position:absolute;left:0;margin-top:270px;width:39px;height:60px;cursor:pointer;background:url(../Images/left.png) no-repeat;}
.banner_next{position:absolute;right:0;margin-top:270px ;width:39px;height:60px;cursor:pointer;background:url(../Images/right.png) no-repeat}
.banner_pre:hover, .banner_next:hover{opacity:1;filter:alpha(opacity=100)}
.banner .control{width:80px;position:absolute;top:700px;left:50%;margin-left:-40px}
.banner .control li{float:left;margin-left:10px;width:0;height:0;border-radius:50%;cursor:pointer;background:#fff}
.banner .control li a{display:none}
.banner .control li.current{background:#ff7f02}
/*********************************  底部  ***************************************/
.footer-div{ width:100%; height:435px; overflow:hidden; background:url(../Images/footbg.jpg) no-repeat center top; color:#5a5a5a;}
.footer-divimg{ width:139px; height:139px; float:left; display:block; margin:68px 0 0 30px;}
.footer-left{ width:520px; height:auto; float:left; color:#5a5a5a; font-size:16px; line-height:38px; margin:63px 0 0 136px;}
.footer{width:100%; height:auto; background:#000000; color:#5a5a5a; padding:18px 0;}
.footer a{color:#5a5a5a !important;}
.footer-logo{ width:540px; height:auto; float:left; font-size:20px; line-height:57px;}
.footer-logo img{  height:57px; float:left; padding:0 20px 0 0; vertical-align:middle}
.footer-right{ width:618px; height:auto; float:right; text-align:right}
.footer-nav{ height:30px;}
.footer-nav a{ padding:0 0 0 32px;}
.footer-img{ height:24px;}
.footer-img img{ width:24px; height:24px; margin-left:11px; vertical-align:middle}
/********************************* 在线留言  ***************************************/
.Feedback{ width:374px; height:auto; float:left; color:#5a5a5a}
.Feedback .dh{ height:32px; line-height:32px; font-size:16px; padding:20px 0 0 0}
.Feedback p{ height:56px;}
.Feedback input{ width:372px; height:44px; border:1px solid #313131; background:none; color:#5a5a5a; line-height:44px; text-indent:8px}
.Feedback textarea{width:372px; height:80px; border:1px solid #313131; background:none; color:#5a5a5a; line-height:30px; margin-bottom:5px;text-indent:8px}
.Feedback .btn{ width:372px; height:44px;  border:1px solid #313131;background:#ad0a22; text-align:center; font-size:16px; color:#fff}
/********************************* 公司简介  ***************************************/
.Profile-dh{ text-align:center; font-size:24px; color:#ff000c; height:35px; line-height:35px;}
.Profile-logo{ height:56px; text-align:center; padding:12px 0 0 0}
.Profile-logo img{ width:273px; height:36px; margin:0 auto;}
.Profile-txt{ color:#5a5a5a; line-height:28px; height:84px; text-align:center; margin:0 190px 0 190px;}
.Profile-nav{ height:35px; text-align:center;}
.Profile-nav a{ display:inline-block; color:#fff !important; font-size:16px; height:31px; line-height:31px; background:#004c96 url(../Images/li.png) no-repeat 11px 9px; border:1px solid #001a79; margin:0 15px; border:1px solid #001a79; border-radius:5px; padding:0 15px 0 30px;}
.Profile-nav a:hover,.Profile-nav a.on{ background:#ff0024 url(../Images/li.png) no-repeat 11px 9px; border:1px solid #810012;}
.Profile-txta{ color:#ff0024; text-align:center; height:62px; padding:40px 0 0 0}
.Profile-txta span{ display:block; color:#ff0024; font-family:Arial; text-transform:uppercase; font-size:6px;}
.Profile-txta a{color:#ff0024;}
.Profile-p1{width:398px; height:318px; float:left; position:relative; margin-bottom:60px;}
.Profile-p1 img{width:398px; height:318px; display:block;}
.Profile-p2{float:left; width:404px; height:165px;position:relative}
.Profile-p2 img{width:404px; height:165px;}
.Profile-p3{float:left; width:404px; height:153px;position:relative}
.Profile-p3 img{width:404px; height:153px;}
.Profile-p4{ float:right !important}
.Profile-span{ position:absolute; bottom:0; left:0; height:30px; width:100%; text-indent:15px;line-height:30px; overflow:hidden; background:url(../Images/a.png) repeat; color:#fff; }

.Profile-ad{ width:100%; height:305px;}
.Profile-left{ width:229px; height:auto; float:left; margin:-50px 0 50px 0; position:relative; z-index:9}
.Profile-left-dh{ height:51px;line-height:51px; color:#ffffff; font-size:16px; padding:0 0 0 45px; background:#3b95d1 url(../Images/proleft.jpg) no-repeat 165px center;}
.Profile-navb{width:229px; height:auto}
.Profile-navb a{ display:block; height:43px; margin-bottom:1px; line-height:43px; color:#383838; padding:0 0 0 43px; overflow:hidden; background:#d0dbf1}
.Profile-navb a:hover,.Profile-navb a.on{ color:#383838 !important}
.Profile-navb a:hover span,.Profile-navb a.on span{ display:inline-block; height:30px;border-bottom:1px solid #383838; padding-bottom:3px}

.Profile-right{ width:921px; height:auto; float:right; overflow:hidden; margin:30px 0 50px 0}
.Profile-right-dh{ height:46px; line-height:46px; color:#8f0000; font-size:16px; border-bottom:1px solid #cdcdcd; background:url(../Images/navlia.jpg) no-repeat 0 center; padding:0 0 0 22px}
.Profile-right-dh span{ font-size:13px; color:#000000; padding:0 0 0 15px;}
.Profile-detail{ font-size:14px; line-height:28px; padding:10px 0 0 0}

.Profile-v{ width:440px; height:359px; position:relative; margin:30px 10px 0 10px; float:left;}
.Profile-v img{ display:block; width:440px; height:359px;}
.Profile-v .txt{ height:54px; line-height:54px; background:url(../Images/fcbg.png) repeat; position:absolute; bottom:0; left:0; color:#fff; text-align:right;width:400px; padding:0 20px;}
.Profile-v span{ float:left; font-size:16px;}

.Profile-va{ width:390px; height:318px; position:relative; margin:30px 20px 0 0; float:left;}
.Profile-va img{ display:block; width:390px; height:318px;}
.Profile-div{ width:1240px; height:auto; padding-bottom:50px;}
/********************************* 专业设计  ***************************************/
.major-dh{ height:35px; line-height:35px; text-align:center; font-size:22px;}
.major-dh a{ color:#0052fb;}
.major-dha{ height:22px; line-height:22px; text-align:center; color:#5a5a5a}
.major-gd{width:1200px;height:auto;margin:0 auto;}
.major-gd .prevb,.major-gd .nextb{width:0;height:0;float:left;display:inline;cursor:pointer;}
.major-gd .center {width:1200px;height:438px;overflow:hidden;position:relative;float:left;}

.major-list{ width:279px; height:auto; float:left; border:1px solid #cccccc; margin:27px 18px 44px 0; position:relative;}
.major-list img{ display:block; width:279px; height:256px;}
.major-list .dh{ color:#ff0000;height:32px; line-height:32px; text-align:center; font-size:16px; overflow:hidden; margin:8px 0 3px 0}
.major-list .txt{ line-height:22px; height:44px;  text-align:center; padding:0 4px;overflow:hidden;}
.major-list span{ position:absolute; top:0; left:0;width:279px; height:256px; background:url(../Images/b.png) repeat; display:none}
.major-list span img{ display:block; width:38px; height:38px; margin:0 auto; padding:108px 0 0 0}
.major-list a{ display:block;padding:0 0 22px 0;color:#5a5a5a;}
.major-list a:hover{ background:#0052fb; color:#fff !important;}
.major-list a:hover .dh{color:#fff !important;}
.major-list a:hover span{display:block; }
/*********************************  解决方案横向移动  ***************************************/
.solution-gd{width:1200px;height:230px;margin:40px auto 30px auto;}
.solution-gd .preva{width:32px;height:230px;float:left;display:inline;cursor:pointer;background:url(../Images/leftbtn.jpg) no-repeat left center;}
.solution-gd .nexta{width:32px;height:230px;float:left;display:inline;cursor:pointer;background:url(../Images/rightbtn.jpg) no-repeat right center;}
.solution-gd .center {width:1136px;height:230px;overflow:hidden;position:relative;float:left;}
.solution-gd .vp_list{width:auto;height:230px;float:left;display:inline;overflow:hidden; text-align:center; position:relative;}
.solution-gd .vp_list img{width:auto; height:230px;}
.solution-gd .vp_list a{ color:#333333;}
.solution-gd .vp_list .txt{ position:absolute; top:0; left:0; width:100%; height:180px; color:#fff; padding:50px 0 0 0; display:none; background:url(../Images/b.png) repeat}
.solution-gd .vp_list .txt img{ height:50px !important; width:auto !important; display:block; margin:0 auto 10px auto}
.solution-gd .vp_list span{ display:inline-block; height:30px; line-height:30px; border:1px solid #fff; border-radius:15px; padding:0 15px 0 15px;}
.solution-gd .vp_list:hover .txt{ display:block}
/*********************************  4大优势  ***************************************/
.advantage-list{ float:left;width:448px; height:auto; line-height:22px; color:#7c7c7c; margin:0 0 0 8px;}
.advantage-list .dh{ height:32px; line-height:32px; overflow:hidden; color:#ff0000; font-size:16px;}
.advantage-list .dha{height:32px; line-height:32px; overflow:hidden; color:#ff0000; font-size:16px; text-align:right;}
.advantage-lista{ margin-left:129px; margin-right:11px;}
.advantage-p1{ float:left;width:100px; height:117px; background:url(../Images/tjbg.jpg) repeat-y 90px top; color:#fff; margin:0 0 0 505px;}
.advantage-p1 span{ display:inline-block; height:27px; width:62px; line-height:27px; background:url(../Images/ys.png) no-repeat; padding:0 0 0 11px;}
.advantage-p1 b{ font-size:22px; font-family:Impact; font-weight:normal; vertical-align:baseline; margin:0 0 0 2px;}
.advantage-p1 p{ width:13px; height:13px; float:right; background:#0052fb; border:2px solid #14367d; border-radius:50%; margin:6px 0 0 0}
.advantage-p2{ float:left;width:100px; height:27px; background:url(../Images/tjbg.jpg) repeat-y 7px top; color:#fff;padding:0 0 90px 0}
.advantage-p2 span{ display:inline-block; height:27px; width:62px; line-height:27px; background:url(../Images/ysa.png) no-repeat; padding:0 0 0 11px;}
.advantage-p2 b{ font-size:22px; font-family:Impact; font-weight:normal; vertical-align:baseline; margin:0 0 0 2px;}
.advantage-p2 p{ width:13px; height:13px; float:left; background:#fff; border:2px solid #14367d; border-radius:50%; margin:6px 8px 0 0}

.advantage-dh{ height:54px; text-align:center; line-height:54px; color:#000000; font-size:22px; margin-bottom:34px;}
.advantage-dh span{ display:inline-block; height:52px; border-bottom:2px solid #e30505}
/********************************* 视屏  ***************************************/
.vedio-a{ height:205px; width:100%; text-align:center;background:url(../Images/video.jpg) no-repeat center top; color:#969696; margin:40px 0 30px 0}
.vedio-a span{ font-size:12px; font-family:Arial;}
.vedio-a img{ display:block; width:56px; height:56px; margin:0 auto; padding:45px 0 10px 0}
/********************************* 联系我们  ***************************************/
.contacts{ width:100%; height:auto; background:#eaeaea}
.contacts-dt{ height:488px;}
.contacts-txt{ color:#1d0000; font-size:16px; line-height:30px; padding:48px 0 40px 0}
.contacts-left{ height:137px; overflow:hidden; background:url(../Images/contactsbg.jpg) no-repeat; color:#a9a9a9; line-height:26px; padding:3px 0 0 15px;}
.contacts-left span{ color:#dd060a}
/********************************* 内容页面右边  ***************************************/
.Location{ height:42px; line-height:42px; color:#989898; background:#f0f0f0; text-align:right}
.Location a{color:#989898;}
/********************************* 新闻  ***************************************/
.news-nav{ height:40px; line-height:40px; padding:22px 0 0 0; font-size:16px; border-bottom:1px solid #cdcdcd}
.news-nav a{ display:inline-block; height:40px; background:url(../Images/navlia.png) no-repeat 0 center; padding:0 40px 0 23px}
.news-nav a:hover,.news-nav a.on{ background:url(../Images/navlia.jpg) no-repeat 0 center; color:#8f0000 !important}
.news-list{ width:540px; height:auto; float:left; border-bottom:2px solid #e2e2e2; padding:40px 0 40px 0; margin:0 30px 0 30px;}
.news-list .time{ float:left;width:65px; height:79px; background:#3a6fa5; font-size:18px; font-family:Arial; color:#fff; text-align:center; margin:0 15px 0 12px;}
.news-list .time span{ display:block; font-size:35px; padding:4px 0 0 0; background:url(../Images/newline.jpg) no-repeat center bottom}
.news-list .dh{ height:28px; line-height:28px; font-size:16px; overflow:hidden}
.news-list .txt{ color:#7d7d7d; height:44px; line-height:22px; overflow:hidden}
.news-list .txt a{ color:#c60509; text-transform:uppercase;}
.news-list .dh a{ color:#000000}

.news-title{ font-size:20px; text-align:center; line-height:30px;color:#000000; padding:30px 35px 0 35px; }
.news-time{ font-size:13px; text-align:center; color:#989898; height:25px; line-height:25px;}
.news-detail{ color:#4f4f4f; line-height:30px; padding:20px 35px 0 35px;}
.news-page{ line-height:25px; padding:30px 35px 40px 35px;}
.news-page a{color:#000}
.news-page a:hover{ color:#0066b2 !important}
/********************************* 翻页栏  ***************************************/
.Page{ height:90px;  padding:30px 0 0 0;text-align:center; margin-top:15px}
.Page a{ display:inline-block; height:26px;line-height:26px; width:26px; color:#aaaaaa;background:#e3e3e3; margin:0 5px;}
.Page a:hover,.Page a.on{color:#fff !important;background:#afafaf}
.page_case ul li{display:inline;margin-left:10px;}
.page_case{margin:20px 0 20px 40%;}
.page_updown a{display:block;margin:20px 0;}
/********************************* 解决方案  ***************************************/
.solution-div{ width:1260px; height:auto;}
.solution-list{ width:281px; height:auto; float:left; border-bottom:2px solid #c9c9c9; margin:30px 25px 10px 0;}
.solution-list img{ display:block; width:281px; height:169px;}
.solution-list span{ display:block; height:52px; line-height:52px; text-align:center;}
.solution-list a{ color:#272121}
/********************************* 服务  ***************************************/
.service-list{width:921px; height:auto; border-bottom:2px solid #e8e8e8; padding:35px 0;}
.service-list img{ display:block; width:198px; height:169px; float:left; margin-right:42px; border:3px solid #f3f3f3}
.service-list .dh{ height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.service-list .txt{ color:#5a5a5a; line-height:22px; font-size:13px; height:50px; line-height:25px;overflow:hidden;}
.service-list .more{ color:#6bb0da; font-size:12px; height:40px; line-height:40px;}
.service-list .more img{ width:12px; height:12px; display:block; vertical-align:middle; margin:12px 8px 0 0; border:none;}
.service-list a{ color:#8f0000;}

.service-dh{ height:60px; line-height:60px; text-align:center; color:#0066b2; font-size:16px; background:url(../Images/proline.jpg) repeat-x 0 center;}
.service-dh span{ background:#fff; padding:0 20px}
.service-dh b{ color:#8f0000; font-size:18px;}
.service-detail{ color:#707070; line-height:30px; padding:0 35px 20px 35px;}
.service-left{ width:804px; height:395px; float:left; margin:0 20px 30px 35px}

.service-sub{ width:1132px; height:auto; margin:0 auto;} 
.service-sub .service-right-ul{ width:308px; height:auto; float:right;}
.service-sub .service-right-ul li{width:208px; height:78px; line-height:78px; margin-bottom:1px; background:#d7d6d6 url(../Images/sera.png) no-repeat 241px center;padding:0 75px 0 25px;}
.service-sub .service-title-x{ background:#0066b2 url(../Images/ser.png) no-repeat 241px center !important; color:#fff !important}
.service-sub .service-left{ width:804px; height:395px; float:left; margin:0 0 30px 0; display:none}
.service-sub .service-left-s{display:block !important;}
/********************************* 招贤纳士  ***************************************/
.recruit-dh{ height:40px; line-height:40px; overflow:hidden; color:#000000; font-size:16px; padding-top:20px;}
.recruit-dh a{color:#000000}
.recruit-txt{ color:#7c7c7c; line-height:26px;}









