@charset "utf-8";
/* CSS By www.softmoon.com.cn */
body { margin:0 auto; font-size:12px; font-family: Microsoft Yahei, Arial, Helvetica, sans-serif; color: #333;}
td { font-family: Microsoft Yahei, Arial, Helvetica, sans-serif}
th { font-family: Microsoft Yahei, Arial, Helvetica, sans-serif}
div { margin: 0px; padding: 0px;  LIST-STYLE-TYPE: none; border-style:none;}
ul { margin: 0px; padding: 0px; LIST-STYLE-TYPE: none; border-style:none;}
li { margin: 0px; padding: 0px;LIST-STYLE-TYPE: none; border-style:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#0087cd; text-decoration:none;}
* {padding: 0px;margin: 0px;}
img { border:0px; display:inline;}
em {font-style:normal}
button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}


.tophead { width:100%; background:#fff; height:130px;}
.head_box { width:1200px; margin:0 auto;}
.logo { float:left; margin-top:38px}

/* 导航开始 */
.headR { float:right; height:40px; line-height:40px; margin-top:50px; margin-right:-18px;}
.nav { }
.nav li {float: left; position: relative;}
.nav li a { color: #666; padding-left:18px; padding-right: 18px;display: inline-block; height: 40px; font-size:16px;}
.nav .active {color: #fff;background: #00a0ea;}
.nav .last { background: none;}
.nav li ol { position: absolute; left: 0px; top: 40px; z-index: 9999; background: #fafafa; width: 100px; overflow: hidden; display: none;}
.nav li ol.nav_w { width:220px;}
.nav li ol.nav_w li { float: none;}
.nav li ol li { float: none;}
.nav li ol li a { background: none; width: 100%;height: 40px; padding: 0px; color:#333; font-size:14px; padding-left:16px;}
.nav li ol li a:hover { background: #dbdbdb; color: #333;}

/* 首页大图轮播*/
.por { position: relative;}
.ovh { overflow: hidden;}
.i-ban { height: 560px; background: url(../images/loading.gif) no-repeat center; margin-bottom:60px;}


.index_pro { width:1200px; margin:0 auto; overflow:hidden; margin-bottom:50px; padding-top:50px;}
.index_pro li { float:left; width:260px; margin-right:36px;}
.index_pro li dd { width:140px; height:140px; border-radius:50%; background:#59b7ed; margin:0 auto; margin-bottom:15px;}
.index_pro li dt { font-size:18px; text-align:center;}
.index_pro li dt p { font-size:14px; padding-top:5px; color:#b3b3b3;}
.index_pro li.index_pro_4 { margin-right:0px;}
.index_pro li dd:hover { background:#f7c848;}
.index_pro li:hover a { color:#333;}

.index_title { width:1200px; margin:0 auto; margin-bottom:30px;}
.index_title ul { font-size:30px; text-align:center; color:#5a5a5a}
.index_title ul p { font-size:18px; color:#d8d8d8; padding-top:5px;}

.index_service { width:100%; background:#f8f8f8; padding-top:50px; padding-bottom:60px; margin-bottom:40px;}
.index_service ul { overflow:hidden; width:1200px; margin:0 auto;}
.index_service ul li { float:left; margin-right:26px; position:relative; width:562px; height:261px;}
.index_service ul li img { width:562px; height:261px;}
.index_service ul li p { font-size:18px; background-color:rgba(0,0,0,0.5); width:100%; text-indent:20px; position:absolute; z-index:999; bottom:0px; line-height:50px;}
.index_service ul li a { color:#FFF; text-decoration:none;}
.index_service ul li a:hover { color:#c9e6ff; text-decoration:none;}

#tabnews { width:1200px; margin:0 auto; overflow:hidden; margin-bottom:80px;}

/*焦点图*/
.focus { position:relative; width:530px; height:280px; background-color: #000; float: left;}  
.focus img { width: 530px; height: 280px;} 
.focus .shadow .title { width: 260px; height: 40px; padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a { text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn { position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow { width:100%; position:absolute; bottom:-2px; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.4);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a { text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg { bottom:10px; right:15px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;}  

.index_about { width:100%; background:url(../images/index_about.jpg) no-repeat center bottom; padding-bottom:80px; margin-bottom:80px; padding-top:30px;}
.index_about_box { width:1200px; margin:0 auto; overflow:hidden;}
.about_left { float:left; width:600px;}
.about_left .line { width:60px; height:5px; background:#333;}
.about_left .eng { font-size: 20px; color: #4c4c4c;  margin: 20px 0 10px; font-family: Bebas;}
.about_left .chi { font-size: 35px; color: #333;}
.about_left .text { color: #555; font-size: 14px; line-height: 25px; margin: 15px 0px 30px;}
.about_left .text p { margin-bottom:10px;}
.about_left .btn { font-size:14px; text-align:center}
.about_left .btn a { display:block; width:140px; height:40px; background:#e1ca6a; color:#fff; line-height:40px;}
.about_left .btn a:hover { box-shadow:0px 0px 5px #CCCCCC}
.about_right { float:right; margin-top:50px;}


.menubox { border-bottom:1px #e5e5e5 solid; margin-bottom:30px; height:56px;}
.menubox_left { float:left; font-size:35px; color:#333;}
.menubox_left em { font-size:16px; color:#CCC;}
.menubox_right { float:right; overflow:hidden; margin-top:20px;}
.menubox_right li { float:left; font-size:16px; width:100px; text-align:center; cursor:pointer; line-height:35px; color:#666;}
.menubox_right li.hover { border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; border-top:2px #ff6100 solid; background:#fff; line-height:35px;}
.contentbox { float:right; width:620px; height:320px;}
.contentbox ul { font-size:16px; overflow:hidden; margin-bottom:28px; border-bottom:1px #e5e5e5 solid; padding-bottom:28px;}
.contentbox ul li { margin-bottom:10px; font-size:18px;}
.contentbox ul dl { font-size:14px; color:#ccc;}
.contentbox ul dd { font-size:14px; color:#818181; padding-top:10px;}

.piclist {overflow: hidden;width: 1150px;margin: 0 auto;margin-top: 13px; margin-bottom: 60px;}
.piclist li { margin-right:20px; font-size:14px;}
.piclist li p { height:40px;}
.piclist li img { max-width:260px; margin-bottom:15px; border:1px #e5e5e5 solid; max-height:150px;}


.banner_pro { background:url(../images/banner_pro.jpg) no-repeat center; height:300px; min-width:1200px; width:100%; margin-bottom:40px;}


.banner_contact { background:url(../images/banner.jpg) no-repeat center; height:300px; min-width:1200px; width:100%; margin-bottom:40px;}
.banner_service { background:url(../images/banner_service.jpg) no-repeat center; height:300px; min-width:1200px; width:100%; margin-bottom:40px;}
.banner_job {background:url(../images/banner_job.jpg) no-repeat center; height:300px; min-width:1200px; width:100%; margin-bottom:40px;}

.main_body { width:1200px; margin:0 auto; margin-bottom:60px; overflow:hidden;}
.left_box { float:left; width:260px;}
.left_nav { font-size:16px;}
.left_nav ul { padding:26px; font-size:26px; background:#2f99eb; color:#FFF;}
.left_nav ul p { font-size:12px;}
.left_nav li { border:1px #e5e5e5 solid;}
.left_nav li dl { line-height:55px; width:80%; margin:0 auto; border-bottom:1px #e5e5e5 dotted; text-indent:35px; background:url(../images/ico_left_nav.jpg) no-repeat 0px 20px;}
.left_nav li dl a { color:#666; text-decoration:none;}
.left_nav li dl a:hover { color:#0087cd; text-decoration:none;}

.left_nav_2 { font-size:16px;}
.left_nav_2 ul { padding:26px; font-size:26px; background:#2f99eb; color:#FFF;}
.left_nav_2 ul p { font-size:12px;}
.left_nav_2 li { border:1px #e5e5e5 solid; padding-top:20px; padding-bottom:20px;}
.left_nav_2 li dl { line-height:25px; padding-top:10px; padding-bottom:10px; width:70%; margin:0 auto; border-bottom:1px #e5e5e5 dotted; padding-left:35px; background:url(../images/ico_left_nav.jpg) no-repeat 0px 16px;}
.left_nav_2 li dl a { color:#666; text-decoration:none; display:block;}
.left_nav_2 li dl a:hover { color:#0087cd; text-decoration:none;}

.right_box { float:right; width:880px;}
.right_box .here { overflow:hidden; border-bottom:3px #2e578a solid; line-height:50px; margin-bottom:30px;}
.right_box .here h3 { font-size:22px; font-weight:400; border-bottom:3px #FF9900;}
.right_box .here span { float:right; color:#ccc;}
.right_box .here span a { color:#ccc; text-decoration:none;}
.right_box .here span a:hover { color:#cc0000; text-decoration:none;}

.main_contact { width:1200px; margin:0 auto; margin-bottom:40px; background:#fff; padding-bottom:40px;}

.pro_list { background:#f7f7f7; width:100%; overflow:hidden; padding:40px 0px 40px 0px;}
.pro_list_left { float:left;}
.pro_list_left .pro_list_title { margin-left:70px; margin-bottom:40px;}
.pro_list_left .pro_list_title ul { font-size:40px; margin-bottom:20px;}
.pro_list_left .pro_list_title li { font-size:24px; color:#666;}
.pro_list_left .pro_list_info { font-size:14px; line-height:30px; margin-left:70px; margin-bottom:30px; color:#abb1c9}
.pro_list_box { font-size:18px; margin-left:70px;}
.pro_list_box li { line-height:35px;}
.pro_list_box a { color:#cc0000; text-decoration:none;}
.pro_list_box a:hover { color:#cc0000; text-decoration:underline;}

.page { margin-top:60px; text-align:right; font-size:14px; color:#666;}
.page select { border:1px #e5e5e5 solid; color:#666;}

.agent_content { font-size:16px; color:#666; line-height:30px; border-top:none;}
.agent_content p { margin-bottom:15px;}
.agent_content img { max-width:880px;}
.agent_weburl { width:380px; margin:0 auto; margin-top:30px; font-size:16px; padding-bottom:10px;}
.agent_weburl a { display:block; width:100%; height:40px; line-height:40px; text-align:center; background:#ff9600; border-radius:5px; color:#fff;}
.agent_weburl a:hover { display:block; width:100%; height:40px; line-height:40px; text-align:center; background:#ffa320; border-radius:5px; color:#fff; box-shadow:0px 0px 15px #CCC}
/*.daili_index_list {width: 1000px; margin: 0 auto; overflow:hidden;}
.daili_index_list li { float:left; width:280px; text-align:center; margin-bottom:30px; margin-right:40px; font-size:16px; margin-bottom:20px;}
.daili_index_list li img { width:280px; border:1px #e5e5e5 solid; margin-bottom:15px;}
.daili_index_list li.pro_list_3 { margin-right:0px;}
.daili_index_list li.pro_list_6 { margin-right:0px;}*/

.pro_list_right { float:right;}

/*.pro_main { width:1200px; margin:0 auto; background:#fff; padding-bottom:40px;}*/

.pro_box { margin:0 auto; overflow:hidden;}
.pro_box .pro_title { margin-bottom:40px; width:100%; border-bottom:1px #e5e5e5 dashed; padding-bottom:40px; overflow:hidden;}
.pro_box .pro_title ul { font-size:26px; margin-bottom:20px;}
.pro_box .pro_title li { font-size:14px; line-height:26px; color:#898989; overflow:hidden;}
.pro_box .pro_title li p { padding-top:30px; float:right}
.pro_box .pro_title li p a { display:block; width:120px; height:30px; line-height:30px; background:#F60; color:#fff; text-decoration:none; text-align:center; font-size:14px;}
.pro_box .pro_title li p a:hover { display:block; width:120px; height:30px; line-height:30px; background:#ff7d26; color:#fff; text-decoration:none; text-align:center; font-size:14px;}
.pro_content { font-size:14px; line-height:30px;}
.pro_content table { margin:0 auto; margin-top: 36px; border-collapse: collapse; border: 1px solid #ebe7e4; width:100%}
.pro_content table tr { height: 40px; }
.pro_content table tr:first-child { background-color: #f7f7f7; }
.pro_content table tr td { height: 40px; font-family: "微软雅黑"; font-size: 14px; text-align: center; vertical-align: middle; border: 1px solid #efefef; /* efefef */ }
.pro_content table tr:first-child td { font-size: 14px; font-family: "微软雅黑"; color:#666;}
.pro_content p { margin-bottom:10px;}
.pro_content strong { color:#0076d1; font-size:16px;}
.pro_content img { max-width:800px;}

.tit-i { padding: 40px 0; line-height: 20px; overflow: hidden; width: 1000px; margin: 0 auto;}
.tit-i ul { float:left;}
.tit-i ul h3 { font-size: 20px; color: #002; font-weight: normal;}
.tit-i ul h5 { font-size: 14px; color: #cacace; text-transform: uppercase; font-family: Arial; font-weight: normal;}
.tit-i ul h5 span { color: #e4392a;}
.tit-i li { float:right; overflow:hidden; margin-top:10px;}
.tit-i li dl { float:left; padding-left:20px; font-size:14px;}

/* 关于我们页面样式 */
.banner_about { background:url(../images/banner.jpg) no-repeat center; height:300px; min-width:1200px; width:100%; margin-bottom:60px;}

.about_box_1 { width:1200px; margin:0 auto; overflow:hidden; margin-bottom:120px;}
.about_box_1 .left_box_1 { float:left; background: url(../images/ico_logo.png) no-repeat 65px 40px #00a6f1; width:100px; height:100px; color:#fff; font-size:20px; padding:50px; margin-top:30px;}
.about_box_1 .left_box_1 ul { margin-top:70px;}
.about_box_1 .left_box_1 span { font-size:10px;}
.about_box_1 .right_box_1 { float:right; width:800px; font-size:16px; color:#666; line-height:30px; padding-right:80px; padding-top:40px;}
.about_box_1 .right_box_1 p { margin-bottom:20px;}

.about_wenhua { width:100%; background:#f8f8f8; min-width:1200px; padding-top:60px; padding-bottom:60px; margin-bottom:60px;}
.about_box_2 { width:1200px; margin:0 auto; overflow:hidden;}
.about_box_2 .left_box_2 { float:left; width:500px; height:343px; background:url(../images/about_team.jpg) no-repeat; position:relative;}
.about_box_2 .left_box_2 ul { background:url(../images/ico_left.png) no-repeat; width:15px; height:29px; position:absolute; right:0px; top:28px;}
.about_box_2 .right_box_2 { float:right; width:620px; font-size:14px; color:#666; background:#fff; padding:40px; height:265px;}
.about_box_2 .right_box_2 ul { border-bottom:1px #e5e5e5 dashed;line-height:35px; padding-bottom:10px; margin-bottom:30px; font-size:14px; color:#858585;}
.about_box_2 .right_box_2 ul span { color:#fff; background:#00a1ea; padding:5px 15px; font-size:16px;}
.about_box_2 .right_box_2 li { line-height:32px;}

.honor_title { width:1200px; margin:0 auto; margin-bottom:30px;}
.honor_title ul { font-size:30px; text-align:center; color:#5a5a5a}
.honor_title ul p { font-size:14px; color:#d8d8d8; padding-top:5px;}
*+html img {margin-bottom:0!important;} /* Fix IE7 */
html>body img {margin-bottom:-3px;}  /* Fix FireFox */
@media all and (min-width:0px){img {margin-bottom:-2px!important;}}  /*Fix Opera */
.honor_pic { width:1200px; height:200px; position:relative; overflow:hidden; margin:60px auto;}
.piclist { height:200px; position:absolute; top:0; left:0;}
.piclist li { height:200px; margin-right:15px; float:left; overflow:hidden;}
.piclist li img { height:200px;}
.pic_prev,.pic_next{ width:30px; height:50px; background:url(../images/icon2.png) no-repeat; position:absolute; top:75px; cursor:pointer;}
.pic_prev { background-position:0 0; left:0;}
.pic_next { background-position:0 -60px; right:0;}

/* 软件研发 */
.banner_soft { background:url(../images/banner.jpg) no-repeat center; height:300px; min-width:1200px; width:100%; margin-bottom:40px;}
.soft_info { margin-bottom:40px; overflow:hidden; padding-bottom:2px;}
.soft_info ul { float:left; margin-right:20px;}
.soft_info ul img { border:1px #e5e5e5 solid; padding:5px; width:350px;}
.soft_info li { position:relative; float:left; width:480px; height:220px;}
.soft_info li dl { font-size:18px; margin-bottom:10px;}
.soft_info li dd { font-size:14px; color:#666; line-height:22px;}
.soft_info li dt { position:absolute; bottom:0px; overflow:hidden; right:0px;}
.soft_info li dt a { display:block; padding:5px 10px; float:left; background:#F60; color:#fff; font-size:14px; margin-left:10px;}
.soft_info li dt a:hover { background:#F90; color:#fff;}

#tab_soft {}
.tab_soft_menu { background:#f2f9fc; padding-left:10px;}
.tab_soft_menu ul { overflow:hidden;}
.tab_soft_menu li { float:left; font-size:16px; width:120px; text-align:center; cursor:pointer; line-height:45px; color:#666; margin-right:10px;}
.tab_soft_menu li.hover { border-left:1px #e8f8ff solid; border-right:1px #e8f8ff solid; border-top:2px #137db1 solid; background:#fff; line-height:45px; color:#137db1}
.soft_content { font-size:16px; color:#666; line-height:30px; border:1px #e8f8ff solid; padding:30px; border-top:none;}
.soft_content p { margin-bottom:15px;}
.soft_content img { max-width:800px;}

.soft_view_pic { overflow:hidden;}
.soft_view_pic li { float:left; margin:10px;}
.soft_view_pic li img { width:380px; height:220px;}



.job_box_1 { overflow:hidden; width:1000px; margin:0 auto; margin-bottom:60px; }
.job_box_1 ul { float:left;}
.job_box_1 ul img { width:534px; height:216px;}
.job_box_1 li { float:left; background:#0087cd; color:#fff; width:466px; font-size:14px; height:216px;}
.job_box_1 li dl { margin:40px;}
.job_box_1 li dl dd { line-height:27px; border-bottom:1px #00689e solid; padding-bottom:23px; margin-bottom:20px;}
.job_box_1 li dl dt { line-height:26px;}
.job_box_1 li dl dt p strong { line-height:50px; font-size:16px;}
.job_box { width:1000px; margin:0 auto; font-size:14px;}
.job_list { margin-bottom:40px; border-bottom:1px #e5e5e5 dashed; padding-bottom:40px;}
.job_list .job_list_title { margin-bottom:30px;}
.job_list .job_list_title ul { font-size:18px; color:#333; padding-bottom:10px; font-weight:bold;}
.job_list .job_list_title li { font-size:14px; color:#666;}
.job_list .job_content { font-size:14px; line-height:30px; color:#666;}

.contact_box { width: 1000px; margin: 0 auto; font-size:14px; line-height:30px; color:#666;}
.contact_box strong { font-size:18px; color:#009ce5;}


/*新闻资讯*/
.banner_news { background:url(../images/banner.jpg) no-repeat center; height:300px; min-width:1200px; width:100%; margin-bottom:40px;}
.news_list { overflow:hidden; margin-bottom:20px; border-bottom:1px #e5e5e5 dashed; padding-bottom:20px;}
.news_list ul { float:left;}
.news_list ul img { width:220px; height:120px; border:1px #e5e5e5 solid; padding:5px;}
.news_list li { float:right; width:600px;}
.news_list li a:link { font-size:18px; color:#333; text-decoration:none;}
.news_list li a:hover { font-size:18px; color:#cc0000; text-decoration:none;}
.news_list li p { font-size:14px; color:#9d9d9d; padding-top:15px; line-height:22px;}
.news_content { margin: 0 auto;}
.news_content .news_title { text-align:center; color:#333; font-size:24px;}
.news_content .news_info { text-align:center; color:#949494; font-size:14px; border-bottom:1px #e5e5e5 dashed; padding-bottom:20px; padding-top:15px; margin:0 auto; margin-bottom:30px; }
.news_content .news_content_box {  font-size:14px; line-height:35px; color:#666; padding:0px 20px 0px 20px; margin:0 auto; min-height:300px;}

/* 行业案例 */
.banner_case { background:url(../images/banner.jpg) no-repeat center; height:300px; min-width:1200px; width:100%; margin-bottom:40px;}
.case_list { overflow:hidden; margin-bottom:20px; border-bottom:1px #e5e5e5 dashed; padding-bottom:20px;}
.case_list ul { float:left;}
.case_list ul img { width:250px; height:140px; border:1px #e5e5e5 solid; padding:5px;}
.case_list li { float:right; width:590px;}
.case_list li a:link { font-size:18px; color:#333; text-decoration:none;}
.case_list li a:hover { font-size:18px; color:#cc0000; text-decoration:none;}
.case_list li p { font-size:14px; color:#9d9d9d; padding-top:15px; line-height:22px;}
.case_content { width: 840px; margin: 0 auto;}
.case_content .case_title { text-align: center; color: #333;font-size: 24px;}
.case_content .case_content_box { font-size: 14px; line-height: 35px; color: #666; margin: 0 auto; padding-top:40px;}

.flink { width:100%; background:#e9eaee; padding-top:30px; padding-bottom:30px;}
.flink_box { overflow:hidden; width:1200px; margin:0 auto;}
.flink_box li { float:left; margin-right:14px;}
.flink_box li img { width:180px; height:72px;}
.flink_box li.fbox_6 { margin-right:0px;}

.foot { width:100%; background:#333; color:#929aa5; padding-top:60px; padding-bottom:60px;}
.foot_link { width:1200px; margin:0 auto; overflow:hidden; border-bottom:1px #444444 solid; padding-bottom:40px; margin-bottom:40px;}
.foot_link li { float:left; margin-right:30px; font-size:16px;}
.foot_link li a { color:#868686;}
.foot_link li a:hover { color:#ccc;}

.copy { width:1200px; margin:0 auto;}
.copy ul li { line-height:28px; color:#6b6b6b; font-size:14px;}
.copy ul a { color:#6b6b6b; text-decoration:none;}
.copy ul a:hover { color:#fff600; text-decoration:none;}