@charset "utf-8";
/* CSS Document */

/**一**/
.ProCont ul{width:100%;float:left;margin-top:78px;padding-bottom:50px;}
.ProCont ul li{width:290px;float:left;margin:25px 13px 0 0;position:relative;overflow:hidden;}
.ProCont ul li.active{margin-right:0;}
.ProCont ul li mark{width:288px;height:288px;border:1px solid #ccc;}
.ProCont ul li h3{width:290px;text-indent:1em;font-size:16px;color:#2250a9;line-height:75px;float:left;height:75px;background:url(../images/productImgBG.jpg) no-repeat center top;}

.productList{background:#FFF;border-top:5px solid #0089e1;padding-bottom:44px}
/**产品分类头部**/
.OterClassTop{background:#3d4550;height:80px;}
.otherMenuLeft{height:40px;border-left:5px solid #f38100;margin:20px  0 0 0;}
.otherMenuLeft h3{line-height:40px;font-size:22px;color:#FFF;margin-left:18px;}
.OterClassTop h4,.OterClassTop h4 a{color:#6b798c;font-size:12px;margin-top:56px;}
/**产品头部**/
.OterTop{text-align:center;}
.OterTop h3{background:rgba(0,0,0,0);display:inline-block;margin:44px 0 7px;}
.OterTop h3 mark{padding:0 16px;font-size:30px;color:#444;line-height:30px;float:left;}
.OterTop h3 span{width:69px;height:1px;background:#ccc;display:inline-block;margin-top:14px;float:left;}
.OterTop h4{color:#aaaaaa;font-size:14px;line-height:26px;}
/**产品分类**/
.proClass{float:left;height:35px;overflow:hidden;text-align:center;margin-top:48px;}
.proClass h4{width:100%;height:1px;background:#dddddd;margin-top:17px;}
.proClass ol{display:inline-block;margin-top:-18px;}
.proClass ol li{float:left;margin-left:23px;}
.proClass ol li:first-child{margin:0;}
.proClass ol li a{display:block;background:#eeeeee;padding:0 30px;border:1px solid #dddddd;border-radius:35px;font-size:16px;color:#3d4550;line-height:33px;}
.proClass ol li.hover a,.proClass ol li:hover a{background:#2250a9;color:#FFF;border:1px solid #0089e1;}

/**产品内容**/
.ProListCont .ProCont ul{margin-top:60px;}

/**产品-新闻推荐**/
.proNews{width:100%;height:370px;border:1px solid #ccc;box-sizing:border-box;background:#FFF;overflow:hidden;float:left;}
.proNews h3{width:1140px;height:25px;overflow:hidden;float:left;margin:18px 0 22px 29px;}
.proNews h3 span{height:25px;display:block;font-size:18px;color:#005e99;line-height:25px;text-indent:1em;border-left:5px solid #f38100;}

.proNews dl{width:264px;margin-left:29px;float:left;}
.proNews dl dd.title{font-size:14px;color:#666;margin:16px 0 10px;}
.proNews dl dd{font-size:12px;color:#ccc;line-height:20px;}
.proNews ul{width:810px;float:left;margin-left:59px;}
.proNews ul li{width:373px;height:27px;border-bottom:1px dotted #ccc;float:left;margin-bottom:12px;line-height:27px;}
.proNews ul li.active{float:right;}

.proNews ul li mark{width:7px;height:7px;display:inline-block;border-radius:50%;background:#444;margin:10px 12px 0 2px;float:left;}
.proNews ul li a{width:260px;height:27px;display:inline-block;font-size:14px;color:#666;text-overflow: ellipsis;overflow:hidden;float:left;white-space: nowrap;line-height:none}
.proNews ul li time{width:86px;height:27px;display:inline-block;font-size:12px;color:#aaa;float:right;}
.proNews ul li:hover a{color:#005e99;}

/**产品详情**/
.proShowTop{height:540px;}
.borBack{width:1198px;border:1px solid #ccc;background:#FFF;margin:35px 0 24px;float:left;}
.proShowSame{width:1132px;margin:35px 0 0 33px;overflow:hidden;}
.proShowSameLeft{width:98px;margin-right:30px;}
.proShowSameMiddle{width:452px;}
.proShowSameRight{width:522px;;}
.proShowSameLeft ul{width:98px;float:left;}
.proShowSameLeft ul li{width:98px;height:98px;border:1px solid #ccc;box-sizing:border-box;margin-bottom:17px;}
.proShowSameLeft ul li img{width:100%;}

#divcss5 { width: 440px; height: 440px;border: 1px solid #ccc; position: relative; }
#divcss5 .small_pic { width: 440px; height: 440px; background: #eee; position: relative; }
#divcss5 .float_layer { width: 100px; height: 100px; border: 1px solid #000; background: #fff; filter: alpha(opacity: 30); opacity: 0.3; position: absolute; top: 0; left: 0; display:none; }
#divcss5 .mark {width:100%; height:100%; position:absolute; z-index:2; left:0px; top:0px; background:red; filter:alpha(opacity:0); opacity:0;}
#divcss5 .big_pic { position: absolute; top: -1px; left: 480px; width:440px; height:440px; overflow:hidden; border:1px solid #CCC; display:none;background:rgba(255,255,255,.9);opacity:.9;}
#divcss5 .big_pic img {width:600px; height:600px;position:absolute; top: -30px; left: -80px;transition:none;}

.proShowSameRight h3{border-bottom:2px solid #d1d1d1;line-height:55px;font-size:25px;color:#2250a9;}
.proShowSameRight ul{width:100%;float:left;margin:50px 0 100px;}
.proShowSameRight ul li{border-bottom:1px solid #ededed;padding-bottom:10px;margin-bottom:10px;float:left;}
.proShowSameRight ul li p{width:261px;float:left;line-height:20px;margin-top:0;}
.proShowSameRight ul li span{width:70px;padding-right:10px;display:block;float:left;font-size:14px;color:#0f68b4;font-weight:bold;}
.proShowSameRight ul li mark{width:180px;display:block;float:left;font-size:14px;color:#444;/*text-overflow: ellipsis;overflow: hidden;white-space: nowrap;*/}

.proShowSameRight section{width:520px;height:100px;border:1px solid #dedede;background:#f2f2f2;float:left;text-align:center;}
.proShowSameRight section p{width:310px;margin:0 auto;}
.proShowSameRight section span{font-size:18px;line-height:18px;color:#3d4550;display:inline-block;float:left;margin:41px 0 0 43px;margin:41px 0 0 ;}
.proShowSameRight section mark{font-size:40px;line-height:40px;color:#444;display:inline-block;font-family:BebasNeue;float:left;margin-top:30px;}
@font-face
{
font-family:BebasNeue;
src: url(../font/BebasNeue.otf); /* IE9 */
}
.proShowSameRight section a{width:110px;height:35px;font-size:18px;line-height:35px;color:#FFF;display:block;float:left;margin:32px 0 0 47px;background:#3d4550;text-align:center;border-radius:5px;display:none;}


.proShowInfoTop{height:40px;background:#dddddd;}
.proShowInfoTop span{width:130px;background:#2250a9;line-height:40px;font-size:16px;color:#fdf0ea;display:block;text-align:center;}
.proShowInfo{padding-bottom:50px;}
.proShowInfo p{font-size:16px;color:#444;line-height:40px;margin-top:30px;}
.proShowInfo img{display:block;margin:50px auto 0;}



.proShowInfoCont ul li{width:274px;overflow:hidden;margin-right:12px;background:#99F;float:left;}
.proShowInfoCont ul li mark{width:272px;overflow:hidden;}
.proShowInfoCont ul li h3{width:274px;overflow:hidden;}



/*****列表分页***/
/**列表1**/
.page{text-align:center;float:left;border-top:1px solid #ccc;}
.page ul{display:inline-block;margin:34px 0 40px;}
.page ul li{float:left;width:46px;height:46px;margin:0 5px;}
.page ul li a,.page ul li span{width:44px;heihgt:44px;line-height:44px;text-align:center;border:1px solid #ccc;display:block;transition:all 0.3s ease-in 0s;background:#f2f2f2;color:#666;}
.page ul li span{display:none;}
.page ul li:hover a,.page ul li.hover a{background:#2250a9;color:#FFF;border:1px solid #3a82af;}
/**列表2**/
.pageTwo{text-align:center;float:left;border-top:1px solid #ccc;}
.pageTwo ul{display:inline-block;margin:34px 0 40px;}
.pageTwo ul li{float:left;margin:0 5px;}
.pageTwo ul li a,.pageTwo ul li span{width:44px;heihgt:44px;line-height:44px;text-align:center;border:1px solid #ccc;display:block;font-size:14px;transition:all 0.3s ease-in 0s;background:#f2f2f2;color:#666;}
.pageTwo ul li span{display:none;}
.pageTwo ul li:hover a,.pageTwo ul li.hover a{background:#005e99;color:#FFF;border:1px solid #3a82af;}
.pageTwo ul li.butLeft a,.pageTwo ul li.butRight a{width:80px;}
/**列表3**/
.pageThree{text-align:center;float:left;border-top:1px solid #ccc;}
.pageThree .button{margin-left:5px;height:32px;padding:0 15px;font-size:14px;line-height:32px;margin:0 0;border:1px solid #ccc;display:inline-block;transition:all 0.3s ease-in 0s;box-sizing:border-box;}
.pageThree ul{display:inline-block;/*max-width:260px*/;margin: 0;}
.pageThree ul li{height:32px;display:inline-block;float:left;margin:34px 3px;}
.pageThree ul li a{line-height:30px;display:block;padding:0 10px;font-size:14px;border:1px solid #ccc;transition:all 0.3s ease-in 0s;box-sizing:border-box;float:left;}
.pageThree a:hover,.pageThree ul li.hover a{background:#194395;color:#FFF;}





/**新闻综合**/
.newsTop{height:56px;text-align:right;line-height:56px;font-size:14px;color:#716b6b;background:#f6f6f6;}
.newsTop a{color:#194395;}

.aboutTop{height:40px;border-bottom:1px solid #ebebeb;margin-top:35px;}
.aboutTop ul li{float:left;margin-right:20px;}
.aboutTop ul li.hover a{color:#194395;}

/**新闻详情**/
.newsShow{margin:0 0 40px;float:left;}
.newsShow img{display:block;margin:30px auto;}
.newShowTop{width:100%;height:110px;border-bottom:4px solid #ccc;text-align:center;margin-top:60px;float:left;}
.newShowTop h3{font-size:20px;font-weight:bold;color:#333;}
.newShowTop h4{font-size:14px;color:#333;margin-top:20px;}
.newShowTop h4 mark,.newShowTop h4 time{font-size:14px;color:#888;margin-right:10px;}
.newShowCont h3{border-bottom:1px solid #ccc;width:100%;height:54px;line-height:54px;display:none;}
.newShowCont h3 time{font-size:14px;color:#999;}
.newShowCont h3 mark{font-size:14px;color:#333;margin-left:5px;}
.newShowCont p{font-size:14px;color:#444;line-height:32px;margin:10px 0;}

/**详情分页**/
.showEnd h3{width:100%;height:50px;border:1px solid #e7e7eb;border-left:none;border-right:none;margin:60px 0 40px;}
.showEnd h3 mark,.showEnd h3 mark a{width:600px;font-size:14px;line-height:50px;display:block;float:left;height:50px;}
.showEnd h3 mark.prev a{width:570px;padding-left:30px;background:url(../images/showArray.png) no-repeat left center;}
.showEnd h3 mark.next a{width:570px;padding-right:30px;background:url(../images/showArray2.png) no-repeat right center;text-align:right;}
.showEnd h3 mark a{color:#333;}
.showEnd h4{width:100%;}
.showEnd h4 a{width:125px;height:40px;background:#194395;line-height:40px;text-align:center;font-size:14px;color:#FFF;display:block;float:right;}

/**新闻列表**/
.newsContTwo ul{margin-top:40px;float:left;}
.newsContTwo ul li{width:380px;height:400px;background:#FFF;float:left;margin-right:30px; transition:all 0.6s linear 0s;margin-bottom:30px;}
.newsContTwo ul li.active{margin:0 0 0 0;}
#WholeNewsImg{width:380px;height:210px;overflow:hidden;display:block;position:relative;}
.newsContTwo time{display:block;width:100px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#FFF;background:#666;position:absolute;left:32px;bottom:0;}
.newsContTwo time span{font-size:24px;}
#WholeNewsImg img{width:380px;height:210px;}
.newsContTwo ul li:hover #WholeNewsImg img{width:110%;height:110%;margin:-5%;}
.newsContTwo ul li h3 a{width:360px;display:block;font-size:16px;margin:30px auto 20px;color:#333;}
.newsContTwo ul li .WholeNewsCont a{width:360px;margin:15px auto;display:block;font-size:14px;color:#888;line-height:24px;}



/**头部**/
.OtherTop{text-align:center;margin-top:38px;}
.OtherTop h3{font-size:35px;font-weight:bold;color:#363636;}
.OtherTop h4{font-size:14px;color:#888;}
.OtherTop hr{width:90px;background:#ccc;border:none;height:1px;margin:15px auto;}

/**联系我们**/
.contactCont address{max-width:500px;float:left;font-size:14px;color:#666;line-height:24px;}
.contactCont address section{margin-bottom:20px;}
.contactCont img{border:1px solid #ccc;}
/**在线留言**/
.OnMessage{margin:50px 0;}
.OnMessage input,.OnMessage textarea{width:100%;height:35px;border:1px solid #ccc;padding-left:10px;color:#666;box-sizing:border-box;margin-bottom:10px;float:left;}
.OnMessage input{width:460px;}
.OnMessage p{width:540px;height:35px;float:left;overflow:hidden;font-size:14px;color:#666;margin:0 0 30px 0;}
.OnMessage mark{width:80px;float:left;display:block;color:#666;font-size:14px;line-height:35px;}
.OnMessage p.active{float:right;}
.OnMessage section{width:100%;float:left;}
.OnMessage section mark{width:100%;float:left;}
.OnMessage textarea{height:150px;max-height:150px;max-width:1200px;line-height:30px;}
.OnMessage button{background:#194395;border:none;width:140px;height:34px;font-size:14px;line-heihgt:34px;text-align:center;cursor:pointer;color:#FFF;margin-top:30px;}


/**关于我们**/
/**公司概况**/
.aboutBridfCont p{font-size: 16px;color: #666;line-height:40px;}
.aboutBriefing mark{width:100%;height:215px;float:left;margin:78px 0 50px;}

/**企业宣传片**/
.aboutTwo{height:356px;background:url(../images/aboutTwoImg.jpg) no-repeat center top;margin:110px 0 56px;}
.aboutTwo p{font-size:26px;color:#FFF;text-align:center;line-height:480px;}

/**公司文化**/
.aboutCulture{margin-bottom:40px;}
.aboutCultureCont{width:458px;float:left;margin:150px 0 0 0;}
.aboutCultureCont p{width:436px;text-align: left;padding-left: 22px;background: url(../images/aboutCulture.png) no-repeat left center;color: #555555;line-height: 22px;font-size:14px;margin-bottom: 10px;}
.aboutCulture img{margin:0 auto;display:block;}
.aboutCulture p.active{text-indent:6em;}

/**发展历程**/
.aboutHistory{height:700px;background-color:#f9f9f9;overflow:hidden;}
.aboutHistoryContTop{background:#;margin-top:100px;}
.aboutHistoryContTop span{width: 13px;height: 20px;display: block;cursor: pointer;background: url(../images/aboutArray.png) no-repeat;}
.aboutHistoryContTop span.prev{float:left;}
.aboutHistoryContTop span.next{ transform:rotate(180deg);float:right;}
.aboutHistoryContTop section{width:1080px;float:left;display:inline-block;margin:0 47px;overflow:hidden;position:relative;}
.aboutHistoryContTop section h3{width:20px;height:20px;position:absolute;right:0;top:0;}
.aboutHistoryContTop ul{width:1000%;}
.aboutHistoryContTop ul li{width:240px;height:108px;line-height:40px;margin:0 0 0 0;padding:0;float:left;}
.aboutHistoryContTop ul li mark{display:block;width:20px;height:20px;background:#666666;border-radius:50%;cursor:pointer;}
.aboutHistoryContTop ul li p{font-size:14px;color:#555;}
.aboutHistoryContTop ul li.hover mark{display:block;width:20px;height:20px;background:url(../images/aboutHistoryArray.png) no-repeat center top;background:#194395;border-radius:20px;}
.aboutHistoryContTop div{width:100%;height:0px;margin-bottom:-10px;}
.aboutHistoryContTop div hr{width:1062px;margin:10px 69px 0;height:0px;border:none;border-top:1px dashed #ccc;}

.aboutHistoryContMain{width:100%;height:268px;background:#FFF;}
.aboutHistoryContMain section{width:100%;float:left;display:none;}
.aboutHistoryContMain section.hover{display:block;}
.aboutHistoryContMain p{width:496px;float:left;margin:65px 0 0 45px;font-size:16px;color:#555;line-height:35px;}

.aboutStructureCont img{display:block;margin:0 auto 60px;}

/**一起走过的日子**/
.aboutStrCont{margin-top:90px;height:640px;float:left;text-align:center;}
.aboutStrCont dl{width:100%;min-height:460px;float:left;display:none;}
.aboutStrCont dl dt,.aboutStrCont dl dd.sevMonthWord{width:630px;margin:0 auto;font-size:24px;color:#363636;}
.aboutStrCont dl dd.sevMonthWord,.aboutStrCont dl dd{font-size:16px;line-height:32px;margin:28px auto 50px;}
.aboutStrCont dl dd img{border:1px solid #ccc;}
.aboutStrCont dl dd.sevMonth img{float:left;margin-right:20px;}
.aboutStrCont dl dd img.active{margin-right:0;}
.aboutStrCont dl dd.aboutStrImg img.active{margin:0 70px;}

.aboutStrCont dd.aboutStrImg{width:870px;margin:0 auto;}
.aboutStrCont dd p{width:347px;text-align:center;}
.aboutStrCont dd p mark{display:block;width:100%;float:left;}
.aboutStrCont dd.ThrMonth p{width:545px;}
.aboutStrCont dd.ThrMonth p img{width:100%;}

.aboutStrCont dl.hover{display:block;}


.StrBotton{width:100%;float:left;text-align:center;margin:20px 0 40px;}
.StrBotton ul{display:inline-block;}
.StrBotton ul li{width:10px;height:10px;background:#ccc;border-radius:50%;float:left;transition:all 0.3s ease-in 0s;margin:0 5px;}
.StrBotton ul li.hover{background:#192567;}

/**荣誉证书**/
.otherBorder{float:left;margin:0 auto 50px;}
.thrInOne ul li{width:346px;height:;float:left;margin:40px 81px 0 0;}
.thrInOne ul li.active{margin:40px 0 0 0;}
.thrInOne ul li mark{height:238px;width:346px;overflow:hidden;display:block;}
.thrInOne ul li mark #caseList{height:238px;width:346px;text-align:center;display: table-cell;vertical-align:middle;}
.thrInOne ul li img{cursor:pointer;}
.caseList{width:100%;}
.thrInOne ul li h3{height:45px;width:346px;background:#f5f5f5;line-height:45px;text-align:center;color:#333;font-size:14px;}
.thrInOne ul li mark #caseList{height:238px;width:346px;text-align:center;display: table-cell;vertical-align:middle;}
.thrInOne ul li:nth-child(2){animation-delay:0.2s;-webkit-animation-delay:0.2s;-moz-animation-delay:0.2s;-moz-animation-delay:0.2s;-o-animation-delay:0.2s;}
.thrInOne ul li:nth-child(3){animation-delay:0.4s;-webkit-animation-delay:0.4s;-moz-animation-delay:0.4s;-moz-animation-delay:0.4s;-o-animation-delay:0.4s;}
.thrInOne ul li:nth-child(4){animation-delay:0.6s;-webkit-animation-delay:0.6s;-moz-animation-delay:0.6s;-moz-animation-delay:0.6s;-o-animation-delay:0.6s;}
.thrInOne ul li:nth-child(5){animation-delay:0.8s;-webkit-animation-delay:0.8s;-moz-animation-delay:0.8s;-moz-animation-delay:0.8s;-o-animation-delay:0.8s;}
.thrInOne ul li:nth-child(6){animation-delay:1s;-webkit-animation-delay:1s;-moz-animation-delay:1s;-moz-animation-delay:01s;-o-animation-delay:1s;}

.StepList ul li h3{height:55px;overflow:hidden;}
.maskGray{width:100%;height:100%;background:rgba(0,0,0,.6);position:fixed;left:0px;top:0px;display:none;}
.bigImg{background:#FFF;position:absolute;display:none;}
.bigImg h3{font-size:12px;font-weight:600;padding:5px 0 15px;margin-left:15px;}
.bigImg h3 img{width:50px;float:right;margin-right:15px;cursor:pointer;}
.bigImg img.left{position:absolute;left:-80px;top:170px;}
.bigImg img.right{position:absolute;right:-80px;top:170px;}
/**荣誉证书**/
.aboutHonor ul li mark{width:344px;height:246px;border:1px solid #ccc;margin-bottom:14px;display:block;overflow:hidden;}
.aboutHonor ul li img{height:218px;margin:14px auto 0;}
.aboutHonor .productImgimg{width:100%;max-height:880px;}
#bigImg{position:fixed;text-align:center;display:none;}
#bigImg img{vertical-align:middle; display:table;}
.aboutHonor .more,.OverTeamTwo a.more{width:150px;height:50px;line-height:50px;text-align:center;display:block;font-size:16px;background:#f5f5f5;clear:both;color:#9b9b9b;margin:50px 504px 0;float:left;}

/**解决方案**/
.solCaseOne img{width:100%;float:left;}

.solCaseTwoCont,.solCaseThr{margin:70px 0 40px;}
.solCaseTwo ul li{width:273px;height:259px;float:left;margin-right:36px;}
.solCaseTwo ul li.active{margin-right:0;}
.solCaseTwo ul li mark{width:273px;height:203px;display:block;}
.solCaseTwo ul li h3{width:273px;height:56px;display:block;font-size:14px;color:#888888;text-align:center;line-height:56px;}

.solCaseThr{width:100%;height:536px;float:left;position:relative;}
.solCaseThr span{width:50px;height:99px;display:block;position:absolute;top:50%;cursor:pointer;margin-top:-45px;background:url(../images/array.png) no-repeat center top;display:;}
.solCaseThr span.prev5{left:-79px;}
.solCaseThr span.next5{right:-79px;transform:rotate(180deg);}

.solCaseThrFlash ul{width:400%;float:left;}
.solCaseThr ul li{width:25%;height:536px;float:left;}
.solCaseThr ul li p{width:273px;height:268px;float:left;overflow:hidden;margin-right:27px;}
.solCaseTwo ul li p.active{margin-right:0;}
.solCaseThr ul li mark{width:273px;height:212px;display:block;float:left;overflow:hidden;}
.solCaseThr ul li mark img{width:100%;}
.solCaseThr ul li font{width:273px;height:56px;display:block;float:left;font-size:14px;color:#888888;text-align:center;line-height:56px;}

.solCaseThrFlash{width:100%;overflow:hidden;}