﻿@charset "utf-8";
/* CSS Document */

/*banner*/
.banner{ overflow:hidden; width:100%; height:520px; position:relative; z-index:1; margin-top:-25px;}
#flashs{ position:relative; height:520px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:7; bottom:25px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:#0568C4;}
/*search*/
.search { overflow:hidden; height:40px; margin:20px auto 30px auto;}
.search p{ float:left; line-height:40px; font-size:15px; color:#000}
.search p a{ font-size:12px; color:#0f0f0f; margin:0 8px;}
.search p a:hover{ color:#0568c4;}
.search .sbox{ overflow:hidden; float:right; width:322px; height:40px; background:url(Img/Index/search.png) no-repeat center top;}
.search input{ float:left; margin-left:20px; width:252px; height:40px; line-height:40px; font-size:12px; color:#ccc; outline:none; border:none; background:none}
.search span{ display:block; width:50px; height:40px; cursor:pointer; float:right;}

/*pro*/
.pro { overflow:hidden; margin-bottom:35px;}

.proLeft { overflow:hidden; position:relative; float:left; width:200px; background-color:#0568c4; border-radius:0 0 3px 3px;}
.proLeft h3{ font-size:20px; font-weight:normal; padding-left:15px; padding-top:20px; padding-bottom:14px; background-color:#18c151; margin-bottom:15px; border-radius:0 0 3px 3px;}
.proLeft h3 a{ color:#fff;}
.proLeft h3 p{ font-size:13px; color:#fff;}
.proLeft dl{ overflow:hidden; width:160px; margin:0 auto; margin-bottom:14px; position:relative; z-index:2}
.proLeft dt{ font-size:16px; margin-bottom:10px; padding:5px 0; padding-left:35px;}
.proLeft dt a{ color:#fff;}
.proLeft .dt01{ background:url(Img/Index/pro_left_01.png) no-repeat center left}
.proLeft .dt02{ background:url(Img/Index/pro_left_02.png) no-repeat left center;}
.proLeft dd{ overflow:hidden; margin-left:35px;}
.proLeft dd a{ display:block; font-size:13px; color:#fff; line-height:29px;}
.proLeft em{ display:block; width:1px; height:450px; background-color:#3786d0; position:absolute; left:34px; top:110px; z-index:1}

.proRight { overflow:hidden; width:784px; float:right; border-radius:3px; background-color:#f5f5f5}
.proRight .title{ overflow:hidden; height:70px; background-color:#efefef; margin-bottom:30px;}
.proRight .title ul{ overflow:hidden; float:left}
.proRight .title .more{ float:right; margin-right:30px; margin-top:30px; font-size:13px; color:#757575;}
.proRight .title li{ float:left; width:210px; text-align:center; padding-top:20px; background:url(Img/Index/pro_right_menu.png) right top repeat-y; height:50px;}
.proRight .title li a{ font-size:13px; color:#000;}
.proRight .title li p{ font-size:13px; color:#999}
.proRight .title li.cur{ background:url(Img/Index/pro_right_menu_cur.png) no-repeat center top; background-color:#f5f5f5;}
.proRight .title li.cur a{ color:#0568c4; font-weight:bold;}
.proRight .proBox{ overflow:hidden; width:742px; margin:0 auto;}
.proRight .proBox ul{ overflow:hidden; width:110%;}
.proRight .proBox li{ float:left; width:234px; margin-right:20px; height:320px;}
.proRight .proBox li img{ display:block; border:1px solid #e4e4e4; margin-bottom:25px;}
.proRight .proBox li p{ font-size:13px; color:#666; text-align:center}

/*特点*/
.tedian{ overflow:hidden; width:998px; border:1px solid #e6e6e6; padding:20px 0; height:60px; margin:0 auto; margin-bottom:30px;}
.tedian dl{ overflow:hidden; float:left; width:332px; height:60px; border-right:1px dotted #ccc;}
.tedian dl.last{ border:none}
.tedian dt{ overflow:hidden; float:left; width:125px; height:60px;}
.tedian .dt01{ background:url(Img/Index/td01.png) no-repeat center top;}
.tedian .dt02{ background:url(Img/Index/td02.png) no-repeat center top;}
.tedian .dt03{ background:url(Img/Index/td03.png) no-repeat center top;}
.tedian dd{ overflow:hidden; float:left}
.tedian h4{ font-size:18px; color:#252525; font-weight:normal; margin-top:5px;}
.tedian p{ font-size:13px; color:#666; margin-top:5px;}
.tedian dl:hover dt{ background-position:bottom}

/*领域*/
.lingyu{ overflow:hidden; margin-bottom:40px;}
.lingyu ul{ overflow:hidden;}
.lingyu li{ float:left; overflow:hidden; margin-right:2px; margin-bottom:2px;}
.lingyu li img{ display:block;}
.lingyu .li04{ overflow:initial; width:184px; height:200px; margin-right:0; background-color:#0568c4; position:relative; padding-left:30px;}
.lingyu .li04 img{ display:block; position:absolute; left:50%; margin-left:-10px; bottom:-12px;}
.lingyu p{ font-size:18px; color:#338ee3; font-family:Arial; margin-top:45px;}
.lingyu h3{ font-weight:normal; font-size:28px; color:#fff; margin-bottom:10px;}
.lingyu b{ display:block; font-size:28px; color:#fff; padding-bottom:5px; border-bottom:1px solid #2484dc; float:left}
.lingyu .last{ width:214px; margin-right:0; height:200px; background:url(Img/Index/lingyu06.jpg) no-repeat center bottom;}
.lingyu .last a{ display:block; width:158px; height:48px; text-align:center; line-height:48px; border:1px solid #ccc; border-radius:3px; font-size:20px; color:#434343; margin:0 auto; margin-top:80px;}

/*证书*/
.zhengshu { overflow:hidden; width:100%; height:709px; background:url(Img/Index/zsBg.jpg) no-repeat center top;}
.zhengshu h3{ text-align:center; font-size:28px; color:#3c3c3c; margin-top:60px; font-weight:normal;}
.zhengshu .more{ display:block; width:238px; height:36px; text-align:center; line-height:36px; background:url(Img/Index/zs_more.png) no-repeat -7px center; margin:0 auto; font-size:13px; color:#434343; margin-top:15px; margin-bottom:55px;}
.zhengshu .zsBox{ overflow:hidden; margin:0 auto; margin-bottom:44px; width:1000px; height:380px; position:relative}
.zhengshu .zsBox ul{ overflow:hidden; position:absolute}
.zhengshu .zsBox li{ float:left; width:230px; height:380px; background:url(Img/Index/zs_p.png) no-repeat center bottom; margin-right:26px;}
.zhengshu .zsBox li img{ display:block; margin-bottom:16px;}
.zhengshu .zsBox li p{ font-size:15px; color:#fff; text-align:center;}
.zhengshu .zsBox li a{ display:block; text-decoration:none;} 
.zhengshu .menu{ overflow:hidden; width:624px; padding:3px; background:url(Img/Index/zs_menu.png) no-repeat center; margin:0 auto;}
.zhengshu .menu li{ float:left; width:156px; text-align:center; line-height:48px; font-size:15px;}
.zhengshu .menu li img{ position:relative; left:-5px; top:10px;}
.zhengshu .menu li a{ color:#a5cef4; text-decoration:none}
.zhengshu .menu li:hover{ background:url(Img/Index/zs_menu_cur.png) no-repeat center;}
.zhengshu .menu li:hover a{ color:#fff;}

/*优势*/
.ysBox{position:relative; height:1767px; background:url(Img/Index/ysBox.jpg) no-repeat center;}
.ysBox dl{position:absolute;}
.ysBox dt{margin-bottom:22px; font-size:20px; font-weight:bold; color:#0071c9;}
.ysBox dt span{color:#d4171e;}
.ysBox dd p{padding-left:26px; margin-bottom:22px; line-height:22px; font-size:14px; color:#333; background:url(Img/Index/ysP_ico.png) no-repeat left 7px;}
.ysBox .ys01{left:96px; top:232px; width:356px;}
.ysBox .ys02{left:480px; top:516px;}
.ysBox .ys03{left:96px; top:838px; width:366px;}
.ysBox .ys04{left:480px; top:1226px;}
.ysBox .ys05{left:96px; top:1522px;}
.ysBox .ys02 dd p , .ysBox .ys04 dd p{margin-bottom:12px;}


.contTit{height:64px; line-height:64px; background:url(Img/Index/contTit.png) repeat-x center; font-weight:normal; font-size:20px;}
.contTit .titA{margin-left:20px; padding-left:24px; color:#333; background:url(Img/Index/titA_ico.png) no-repeat left center;}

/*评价*/
.pingjia { overflow:hidden; margin-bottom:50px;}
.pingjia .movie{ overflow:hidden; float:left; width:561px; height:363px; padding-bottom:30px; background:url(Img/Index/pj_yy.png) no-repeat center bottom;}
.pingjia .pjright{ overflow:hidden; float:right; width:380px;}
.pingjia .title{ overflow:hidden; position:relative; width:100%; margin-bottom:20px;}
.pingjia .title i{ display:block; width:100%; height:1px; background-color:#ccc; position:absolute; left:0; bottom:6px; z-index:1}
.pingjia .title h3{ float:left; font-size:18px; position:relative; z-index:2; padding-bottom:24px; background:url(Img/Index/pj_s.png) no-repeat left bottom}
.pingjia .title h3 a{ color:#0568c4}
.pingjia .title .more{ float:right; margin-top:10px; font-size:13px; color:#a5a5a5}
.pingjia .pjBox{ overflow:hidden; width:100%; height:290px; position:relative;}
.pingjia dl{ overflow:hidden; width:100%; padding-bottom:20px; margin-bottom:15px; border-bottom:2px dotted #f0f0f0;}
.pingjia dt{ float:left; overflow:hidden}
.pingjia dd{ overflow:hidden; float:right; width:205px;padding-left:20px;}
.pingjia dd h4{ font-size:18px; font-weight:normal;}
.pingjia dd h4 a{ color:#000;}
.pingjia dd em{ display:block; font-size:15px; color:#8a8a8a; margin-top:3px; margin-bottom:20px;}
.pingjia dd p{ font-size:13px; color:#000; line-height:22px; height:66px; overflow:hidden; width:100%;}

/*合作*/
.hezuo { overflow:hidden; margin-bottom:40px;}
.hezuo h3{ text-align:center; background:url(Img/Index/hezuo_h.png) no-repeat center; font-size:28px; font-weight:normal; margin-bottom:30px;}
.hezuo h3 a{ color:#3c3c3c;}
.hezuo .hzBox{ overflow:hidden; width:100%; height:130px; position:relative}
.hezuo .hzBox span{ cursor:pointer; display:block; width:27px; height:27px; position:absolute; top:32px;}
.hezuo .hzLeft{ background:url(Img/Index/hezuoBtn.jpg) no-repeat center top; left:10px}
.hezuo .hzRight{ background:url(Img/Index/hezuoBtn.jpg) no-repeat center bottom; right:10px}
.hezuo .hzWin{ overflow:hidden; width:863px; margin:0 auto; height:130px; position:relative}
.hezuo .hzWin ul{ overflow:hidden; position:absolute}
.hezuo .hzWin li{ float:left; width:163px; height:130px; margin-right:12px;}
.hezuo .hzWin li img{ display:block; border:2px solid #e8e8e8; margin-bottom:15px;}
.hezuo .hzWin li p{ font-size:13px; color:#646464; text-align:center;}
.hezuo .hzWin li a{ display:block; text-decoration:none}

/*about*/
.about { overflow:hidden; width:100%; padding-top:70px; background-color:#f5f5f5; margin-bottom:50px;}
.about dl{ overflow:hidden; margin-bottom:40px;}
.about dt{ float:left; width:490px; overflow:hidden}
.about dt h3{ font-size:35px; font-weight:normal;}
.about dt h3 a{ color:#0568c4;}
.about dt b{ display:block; font-size:58px; color:#dfdfdf; margin-bottom:}
.about dt p{ font-size:13px; line-height:24px; color:#000; height:240px; overflow:hidden}
.about dt .more{ float:right; font-size:13px; color:#0568c4; margin-top:20px;}
.about dd{ overflow:hidden; float:right}
.about .title{ overflow:hidden; width:1000px; margin:0 auto; position:relative; margin-bottom:35px;}
.about .title ul{ overflow:hidden; float:left; position:relative; z-index:2}
.about .title i{ display:block; width:100%; height:1px; background-color:#ccc; position:absolute; left:0; bottom:6px; z-index:1}
.about .title li{ float:left; width:117px; text-align:center; margin-right:30px; font-size:18px; padding-bottom:25px;}
.about .title li a{ color:#000}
.about .title li.cur{ font-weight:bold; background:url(Img/Index/pj_s.png) no-repeat center bottom;}
.about .title li.cur a{ color:#0568c4;}
.about .jdBox { overflow:hidden; width:1000px; margin:0 auto; height:240px; position:relative}
.about .jdBox ul{ overflow:hidden; position:absolute}
.about .jdBox li{ float:left; width:240px; height:240px; margin-right:13px;}
.about .jdBox li img{ display:block; margin-bottom:20px;}
.about .jdBox li p{ font-size:13px; color:#646464; text-align:center;}
.about .jdBox li a{ display:block; text-decoration:none}

/*news*/
.news { overflow:hidden; margin-bottom:40px}
.news .nleft{ overflow:hidden; float:left; width:615px; height:450px;}
.news .nright{ overflow:hidden; float:right; width:355px; height:450px; border:1px solid #ccc}
.news .title{ overflow:hidden; width:100%; margin:0 auto; position:relative; margin-bottom:35px;}
.news .title ul{ overflow:hidden; float:left; position:relative; z-index:2}
.news .title i{ display:block; width:100%; height:1px; background-color:#ccc; position:absolute; left:0; bottom:6px; z-index:1}
.news .title li{ float:left; width:117px; text-align:center; margin-right:30px; font-size:18px; padding-bottom:25px;}
.news .title li a{ color:#000}
.news .title li.cur{ font-weight:bold; background:url(Img/Index/pj_s.png) no-repeat center bottom;}
.news .title li.cur a{ color:#0568c4;}
.news .title .more{ float:right; margin-top:10px; font-size:13px; color:#a5a5a5}
.news .nBox{ overflow:hidden; width:100%; height:375px;}
.news .nList{ overflow:hidden; width:100%; height:375px;}
.news .nList dl{ overflow:hidden; width:100%; height:135px; margin-bottom:25px;}
.news .nList dt{ overflow:hidden; float:left}
.news .nList dd{ overflow:hidden; float:right; width:350px;}
.news .nList dd h4{ font-size:18px; font-weight:normal; margin-bottom:20px; margin-top:5px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .nList dd h4 a{ color:#000}
.news .nList dd p{ font-size:12px; text-align:justify; color:#4f4f4f; line-height:22px; height:88px; overflow:hidden;}
.news .nList ul{ overflow:hidden; width:110%;}
.news .nList li{ width:300px; float:left; overflow:hidden; margin-right:15px; font-size:12px; color:#414141; line-height:33px; border-bottom:1px dashed #ddd; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.news .nList li em{ margin-right:10px;}
.news .nList li:hover a{ color:#0568c4}
.news .qt { overflow:hidden; width:305px; margin:0 auto; margin-top:25px; margin-bottom:30px;}
.news .qt h3{ float:left; font-weight:normal; font-size:18px;}
.news .qt h3 a{ color:#000}
.news .qt .more{ float:right; font-size:13px; color:#a5a5a5;}
.news .qBox { overflow:hidden; width:305px; margin:0 auto; height:350px; position:relative}
.news .qList { overflow:hidden; width:100%; padding-bottom:15px; margin-bottom:25px; border-bottom:1px dashed #ddd;}
.news .qList h5{ font-size:13px; font-weight:normal; background:url(Img/Index/news_q.png) no-repeat left center; padding-left:33px; line-height:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px;}
.news .qList h5 a{ color:#000}
.news .qList p{ background:url(Img/Index/news_d.png) no-repeat left top; line-height:22px; height:44px; overflow:hidden; font-size:13px; color:#414141; padding-left:33px;}

/*留言*/
.liuyan { overflow:hidden; width:100%; height:419px; background:url(Img/Index/liuyan_bg.jpg) no-repeat center top;}
.liuyan .wen{ overflow:hidden; float:left; margin-top:65px;}
.liuyan .wen h3{ font-size:28px; color:#fff;}
.liuyan .wen span{ display:block; font-size:26px; color:#1a2530;}
.liuyan .wen p{ width:364px; height:44px; font-size:18px; color:#fff; line-height:22px; padding:15px 20px; background:url(Img/Index/liuyan_q.png) no-repeat center; margin-top:10px; margin-bottom:55px;}
.liuyan .wen .phone{ background:url(Img/Index/liuyan_phone.png) no-repeat left center; padding-left:45px;}
.liuyan .wen em{ display:block; font-size:15px; color:#fff;}
.liuyan .wen h4{ font-size:22px; color:#fff;}
.liuyan .wen img{ position:relative; top:3px; left:10px;}
.liuyan .lyBox { overflow:hidden; float:right; width:512px; margin-top:30px;}
.liuyan .lyBox input{ width:410px; margin-left:5px; height:58px; padding-left:85px; padding-right:7px; line-height:58px; font-size:15px; color:#6a6a6a; margin-bottom:10px; border:none; outline:none;}
.liuyan .lyBox .name{ background:url(Img/Index/liuyan_01.png) no-repeat center top;}
.liuyan .lyBox .numb{ background:url(Img/Index/liuyan_02.png) no-repeat center top;}
.liuyan .lyBox textarea{ padding:10px 7px 10px 85px; background:url(Img/Index/liuyan_03.png) no-repeat left bottom; width:410px; height:143px; border:none; outline:none; margin-bottom:13px; margin-left:5px; resize:none;font-size:15px; color:#6a6a6a;}
.liuyan .lyBox span{ display:block; cursor:pointer; width:512px; height:51px; background:url(Img/Index/liuyan_btn.png) no-repeat center;}

/*link*/
.link{ position:relative; width:1000px; margin:0 auto; overflow:hidden; margin-top:40px; margin-bottom:25px;}
.link h3{ position:absolute; z-index:2; padding-top:30px; background:url(Img/Index/link.png) no-repeat center top; width:90px; background-color:#fff; left:0; top:0; padding-right:10px;}
.link h3 a{ display:block; width:100%; height:30px; text-align:center; line-height:30px; background-color:#0568c4; font-size:15px; color:#fff;}
.link .linkBox{ overflow:hidden; position:relative; width:934px; height:67px; border:1px solid #ccc; float:right}
.link ul{ overflow:hidden; float:left; margin-top:10px; margin-left:45px;}
.link li{ float:left; white-space:nowrap; margin:5px 15px; font-size:13px;}
.link li a{ color:#383838}
.link .rk{ display:block; width:100px; height:27px; background:url(Img/Index/link_rk.png) no-repeat center; position:absolute; right:0; bottom:0}

/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}