﻿body{ width:100%; min-width:1240px;margin:0;padding:0;font-family:/*"PingFang SC",*/"Microsoft Yahei"; font-size:14px; color:#444; background:#fff; m-webkit-tap-highlight-color:transparent;/*去除苹果链接带边框*/ -webkit-text-size-adjust:none;}
input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#444}
a:active,a:focus,a:hover{outline:none; color:#e1000b}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}

.boxMax{ width:100%;margin:0 auto; position:relative}

.boxTop{ background:#fff; height:120px; position:relative}
.boxTop_t{  width:100%;  margin:0 auto;height:40px; border-bottom:#efefef 1px solid;}
.boxTop_l{  width:1250px;  margin:0 auto;height:40px; border-bottom:#efefef 1px solid;}
.boxTop_l span{ font-size:14px; font-family:"微软雅黑"; line-height:40px;}
.boxTop_r{height:40px; float:right;}
.boxTop1{position:relative; height:100px;text-align:right; box-sizing:border-box; width:100%; max-width:1250px; margin:0 auto}
.logo{ position:absolute; left:0; margin:0!important; border:0;}
.bgTop{ box-shadow:0 2px 2px rgba(0,0,0,0.1)}


@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}
.boxNav{height:90px; text-align:center;display:inline-block;  vertical-align:middle; }
.boxNav li{display:inline-block;position:relative; padding:0 12px; }
.boxNav li span a{display:block;font-size:15px;color:#555;line-height:110px;}
.boxNav li span a:hover{color:#0168b7}
.boxNav li span i{ height:3px; background:#0168b7; width:100%; position:absolute;bottom:-3px; left:0; display:none}
.boxNav li .on i{ display:block;animation:ANavI 0.2s}
.boxNav li .on a{color:#0168b7}
.boxNav li div{position:absolute; top:90px; left:0;width:150px;    background-color: rgba(0, 32, 75, .9);z-index:2; display:none; opacity:0.95; }
.boxNav li div a{display:block;font-size:14px; padding:0;color:#fff;line-height:50px;}
.boxNav li div a:hover{color: #00A2FF}
.search{ float:right; margin:40px 50px 0 0;width:230px; height:34px; border:1px solid #cccccc; overflow:hidden;}
.inputSerach{ width:189px; height:34px; line-height:34px; text-indent:8px; float:left; border:0}



.toTop{ display:block;position:fixed; right:10px; bottom:72px; width:57px; height:57px;background:url(../images/btnTop.png) no-repeat; z-index:1000; display:none}
.toTop:hover{background:url(../images/btnTopHover.png) no-repeat}
.msg{ display:block;position:fixed; right:10px; bottom:10px; width:57px; height:57px;background:url(../images/btnMsg.png) no-repeat; z-index:1000}
.msg:hover{background:url(../images/btnMsgHover.png) no-repeat}
.msgCard{background:url(../images/btnMsgHover.png) no-repeat!important}
.boxMask{position:fixed; right:0; bottom:0; width:82px; height:67px; z-index:999;}
.qq{display:block;position:fixed; right:10px; bottom:72px; width:57px; height:57px;background:url(../images/bgMsg.png) no-repeat; z-index:1001; overflow:hidden; display:none;
border-radius:6px; 
behavior:url(../js/PIE.htc);}
.qq a{display:block; width:57px; height:57px;}
.qq a span{width:57px; height:57px; line-height:57px; text-align:center; color:#fff; display:none}
.qq a:hover span{display:block}
.q1{ background:#0dbf8b}
.q2{ background:#3698c5}
.q3{ background:#d1933b}
.q4{ background:#e84c62}

/* banner*/
.banner{width:100%; /*height:calc(100vh - 390px);*/ height:512px;overflow:hidden; position:relative;color:#fff;  margin:0 auto;}
.banner .swiper-slide div{ width:100%; height:100%; position:relative; overflow:hidden}
.banner .swiper-pagination{bottom:20px!important; left:50%!important; margin-left:-600px!important; width:1200px!important; text-align:right;}
.banner .swiper-pagination-bullet{width:20px; height:6px;background:#fff; opacity:0.8;border-radius:6px;}
.banner .swiper-pagination-bullet-active{opacity:1.0;  background:#e1000b}
.banner .swiper-button-prev{left:20px; margin-top:-22px; width:60px; height:60px;  background:url(../images/btnL.png);background-size:100% 100%;}
.banner .swiper-button-prev:hover{background:url(../images/btnLHover.png);background-size:100% 100%;}
.banner .swiper-button-next{right:20px;margin-top:-22px;width:60px; height:60px;background:url(../images/btnR.png);background-size:100% 100%;}
.banner .swiper-button-next:hover{background:url(../images/btnRHover.png);background-size:100% 100%;}
.banner .bannerImg{background-position:center center!important;}

.banner1{width:100%; height:313px;overflow:hidden; margin:0 auto;}
.banner1 .bannerImg{background-position:center center!important;}


.indS{width:100%; font-size:0; line-height:0}
.indS img{width:25%;}
.indS a{ display:inline-block;width:25%; height:220px;}

/*服务项目*/
.navHxtc{ font-size:24px; line-height:24px;  /*border-bottom:2px solid #0061b3;*/ color:#0061b3; margin:0 auto; text-align:center; }
.navHxtc span{width:60px; height:2px; font-size:0; line-height:0; background:#0061b3; display:block; margin:20px auto 0 auto;}
.indJjfa{ width:1200px; margin:0 auto; text-align:center; padding:50px 0 0 0}
.indJjfaList{ display:block; padding:50px 0 80px 0; overflow:hidden; width:100%; font-size:0}
.indJjfaList a{ display:inline-block; width:112px; height:152px; font-size:16px; margin:0 29px;}
.indJjfaList a i{ display:block; width:112px; height:112px; overflow:hidden; position:relative; margin-bottom:18px;
border-radius:50%; behavior:url(../js/PIE.htc);top:0;left:0;}
.indJjfaList a i img{ width:112px; height:112px; border:0;}
.indJjfa1 i{ background:#d74343}
.indJjfa2 i{ background:#ef9b49}
.indJjfa3 i{ background:#f2b453}
.indJjfa4 i{ background:#de8b54}
.indJjfa5 i{ background:#3faba4}
.indJjfa6 i{ background:#4c87b9}
.indJjfa7 i{ background:#7d6ba1}
.indJjfa1:hover{ color:#d74343}
.indJjfa2:hover{ color:#ef9b49}
.indJjfa3:hover{ color:#f2b453}
.indJjfa4:hover{ color:#de8b54}
.indJjfa5:hover{ color:#3faba4}
.indJjfa6:hover{ color:#4c87b9}
.indJjfa7:hover{ color:#7d6ba1}

/*anli*/
.indCase{ width:100%; background:#e6e6e6; overflow:hidden; padding:40px 0 0 0;}
.caseList{width:1200px; overflow:hidden; margin:40px auto 0 auto;}
.caseList li{float:left; display:inline-block; width:280px; height:235px; margin:0 20px 20px 0; position:relative; text-align:center; border:#eaeaea solid 1px;}
.caseList li span{width:200px; padding:0 40px; height:235px; background:url(../images/bgBlackCase.png); position:absolute; top:0; left:0; z-index:1; color:#fff; display:none}
.caseList li:hover span{display:block}
.caseList h1{ font-size:18px; padding:60px 0 10px 0; line-height:26px}
.caseList h2{font-size:14px; padding:0; line-height:20px;}
.caseList h3{border-top:1px dotted #ffffff; }
.caseList h3 a{ width:33px; height:33px; display:inline-block; margin:20px 5px;}
.btnDet{ background:url(../images/btnDet.png) no-repeat}
.btnDet:hover{background:url(../images/btnDetHover.png) no-repeat}
.btnLink{ background:url(../images/btnLink.png) no-repeat}
.btnLink:hover{background:url(../images/btnLinkHover.png) no-repeat}
.caseList img{width:280px; height:235px; }
.more{ display:block; margin:10px auto 40px auto; width:70px; height:32px; line-height:32px; text-align:center; background:#cfcfcf; color:#666;
position:relative;
border-radius:16px; 
behavior:url(/js/PIE.htc);
}
.more:hover{background:#0061b3; color:#fff}

/* 建站流程 */
.items {padding: 60px 0;overflow: hidden;width:100%; }
.main-wrap {width: 1230px;margin: 0 auto;position: relative;min-width: 1200px;
}
.items-flow .items-block { margin-top: 60px;justify-content: space-between;position: relative;}
.items-flow .item {position: relative;z-index: 1;box-sizing: border-box;width: 254px;height: 322px;background-color: #fff;border: 2px solid #E5E5E5;text-align: center;
transition: all .3s ease; float:left; margin:0 26px;}
.items-flow .item:hover, .items-flow .item:hover + .item { border-color: #0061b3;}
.items-flow .item:not(:last-child):before {content: ""; position: absolute; width: 32px;height: 32px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigzOSwgMjA0LCAyNTUpIiBkPSJNMTYuMDAwLC0wLjAwMCBDMjQuODM2LC0wLjAwMCAzMi4wMDAsNy4xNjMgMzIuMDAwLDE2LjAwMCBDMzIuMDAwLDI0LjgzNyAyNC44MzYsMzIuMDAwIDE2LjAwMCwzMi4wMDAgQzcuMTYzLDMyLjAwMCAtMC4wMDAsMjQuODM3IC0wLjAwMCwxNi4wMDAgQy0wLjAwMCw3LjE2MyA3LjE2MywtMC4wMDAgMTYuMDAwLC0wLjAwMCBaIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIGQ9Ik0xMS45OTYsMjEuOTk3IEwxNy45NTIsMTUuOTk5IEwxMS45OTYsMTAuMDAxIEwxNS4wNDgsMTAuMDAxIEwyMS4wMDQsMTUuOTk5IEwxNS4wNDgsMjEuOTk3IEwxMS45OTYsMjEuOTk3IFoiLz48L3N2Zz4=) no-repeat center;
    right: 0;top: calc(50% - 16px);transform: translateX(150%); transition: all .3s ease;}
.items-flow .item:hover:not(:last-child):before {transform: translateX(150%) scale(1.2);}
.items-flow .img-block { margin-top: 26px;}
.items-flow .item-title {margin-top: 20px;font-size: 20px;}
.items-flow .item-p {padding: 0 1.8em;margin-top: 20px;color: #666;line-height: 1.8em;}


/*index_new*/
.indBlue{ width:100%; background:#0061b3; height:430px;}
.indBlue1{ width:1200px; margin:0 auto;}

.indNews{ float:left;width:580px; padding:0 20px 0 0;}
.navIndNews{border-bottom:2px solid #66a0d1; font-size:22px; color:#fff; line-height:58px; padding:10px 0 0 0;}
.navIndNews span{float:right}
.navIndNews span a{display:block; width:30px; height:30px; background:url(../images/icoMore.png) center no-repeat; margin-top:20px;filter:alpha(opacity=40); opacity:0.4;}
.navIndNews span a:hover{filter:alpha(opacity=100); opacity:1.0}

.indNewsList{}
.indNewsList li{border-bottom:1px dotted #80b0d9; padding:15px 0; width:580px; overflow:hidden}
.indNewsList li span{float:left; display:inline-block; width:70px; height:70px;background:#fff; text-align:center;
position:relative;
border-radius:50%; 
behavior:url(/js/PIE.htc);
}
.indNewsList h1{ font-size:30px; color:#666; line-height:30px; margin:13px 0 0 0}
.indNewsList h2{ font-size:12px; color:#666; line-height:16px;}
.indNewsList a{float:left; display:inline-block; margin-left:20px; width:470px; color:#fff;}
.indNewsList h3{ font-size:18px; line-height:18px; margin:5px 0 5px 0}
.indNewsList h4{ color:#99c0e1; line-height:20px;}

.indContact{ float:left;width:580px; padding:0 0 0 20px;}
.map{ width:580px; height:284px; position:relative; overflow:hidden; margin-top:19px;}
.indContact1{ width:266px; height:284px; background:url(../images/bgContact.png) no-repeat; position:absolute; top:0; left:0; z-index:1; font-size:14px; color:#fff; line-height:30px;}
.indContact1 span{padding:30px 0 0 30px; display:block}


/*foot*/
.boxFoot{width:100%; height:180px; background:#1b2a3a; color:#adaeae;  }
.boxFoot a{color:#adaeae}
.boxFoot a:hover{color:#fff}
.boxFoot1{width:1200px; margin:0 auto; position:relative;text-align:center}
.footLink{display:inline-block; border-bottom:2px solid #5b5d5d; margin:35px 0 10px 0; padding-bottom:20px; font-size:0}
.footLink a{display:inline-block;font-size:13px; font-weight:bold; padding:0 8px 0 0; margin-right:8px; border-right:2px solid #adaeae; line-height:14px; }
.footText{line-height:26px;font-size:13px; margin:45px auto 10px auto;display:inline-block; text-align:center }


/*内页*/
.subBanner{ width:100%; height:130px; overflow:hidden}
.boxMain{width:100%; overflow:hidden}
.boxMain1{width:1200px;overflow:hidden;margin:0 auto;}
.boxMain2{ width:1200px;overflow:hidden; margin:0 auto;}

.subNav{ display:block; background-color:rgba(255,255,255,0.15); height:60px; text-align:center; margin-top:-60px; position:relative; z-index:1}
.subNav a{font-size:15px; padding:0 33px; display:inline-block; color:#fff; line-height:60px; font-weight:bold; position:relative; left:300px;}
.subNav a:hover{color:#fff}
.subNav a i{height:100%;  background-color: rgba(0, 32, 75, .9); width:100%; position:absolute; top:0; left:0; display:none; z-index:-1; opacity:0.9}
.subNav .on i{display:block;animation:ANavI 0.3s}

.boxR{width:1200px; overflow:hidden; margin:0 auto;}

.navCur{ height:99px; position:relative; margin:30px auto;}
.navCur h1{font-size:30px; font-weight:bold;color:#222222;height:99px; background:url(../images/title_img.png) center no-repeat; line-height:99px; overflow:hidden; text-align:center;}

.navCur1{height:98px; position:relative; background:url(../images/bgCur1.jpg); padding-left:60px; overflow:hidden}
.navCur1 h1{font-size:28px; font-weight:normal; color:#c3ccda;font-family:ancona; margin-top:15px; height:35px; line-height:40px; overflow:hidden;text-transform:uppercase; display:none}
.navCur1 h2{font-size:17px;color:#0e4e8f; display:inline-block;height:40px; line-height:98px;}
.navCur1 span{position:absolute; right:15px; top:45px; color:#9b9ea1}
.navCur1 span a{color:#9b9ea1}
.navCur1 span a:hover{color:#0e4e8f}
.rCon{padding:40px 0 20px 0; width:100%; overflow:hidden;position:relative; }

.rCon p{line-height:26px; margin-bottom:10px; font-size:14px;}
.csr{ width:100%; overflow:hidden}
.csrCon{ float:right; width:640px;}
/*.csrCon p{line-height:26px; margin-bottom:10px; font-size:14px;}*/
.csrCon span{ display:block; text-align:right; font-size:14px; color:#bababa}
.csrCon span i{font-size:26px; color:#444}

.navCur_con{ height:99px; position:relative; margin:30px auto;}
.navCur_con h1{font-size:30px; font-weight:bold;color:#222222;height:99px; background:url(../images/title_con.png) center no-repeat; line-height:99px; overflow:hidden; text-align:center;}

.navCur_job{ height:99px; position:relative; margin:30px auto;}
.navCur_job h1{font-size:30px; font-weight:bold;color:#222222;height:99px; background:url(../images/title_job.png) center no-repeat; line-height:99px; overflow:hidden; text-align:center;}

.navCur_m{ height:99px; position:relative; margin:30px auto;}
.navCur_m h1{font-size:30px; font-weight:bold;color:#222222;height:99px; background:url(../images/title_m.png) center no-repeat; line-height:99px; overflow:hidden; text-align:center;}

.navCur_fuwu{ height:99px; position:relative; margin:30px auto;}
.navCur_fuwu h1{font-size:30px; font-weight:bold;color:#222222;height:99px; background:url(../images/title_f.png) center no-repeat; line-height:99px; overflow:hidden; text-align:center;}

.navCur_w{ height:99px; position:relative; margin:30px auto;}
.navCur_w h1{font-size:30px; font-weight:bold;color:#222222;height:99px; background:url(../images/title_w.png) center no-repeat; line-height:99px; overflow:hidden; text-align:center;}

.navCur_anli{ height:99px; position:relative; margin:30px auto;}
.navCur_anli h1{font-size:30px; font-weight:bold;color:#222222;height:99px; background:url(../images/title_anli.png) center no-repeat; line-height:99px; overflow:hidden; text-align:center;}




/*内页产品*/

.syList{ width:100%; margin:0 auto; overflow:hidden; padding:40px 0 0 0}
.syList a{float:left; display:inline-block; width:300px; height:300px; margin:0 10px 0 0px; vertical-align:top}
.syList a img{width:300px; height:233px; border-bottom:10px solid #29a7e2}
.syList a span{ font-size:15px; display:block; margin:8px 0 5px 0; text-align:center;}
.syList a i{font-size:18px; color:#777}
.syList a:hover span{color:#29a7e2}



/*内页新闻*/
.subNav_new{ display:block; background-color:rgba(15,15,15,0.35); height:60px; text-align:center; margin-top:-60px; position:relative; z-index:1}
.subNav_new a{font-size:15px; padding:0 33px; display:inline-block; color:#fff; line-height:60px; font-weight:bold; position:relative; left:300px;}
.subNav_new a:hover{color:#fff}
.subNav_new a i{height:100%;  background-color: rgba(0, 32, 75, .9); width:100%; position:absolute; top:0; left:0; display:none; z-index:-1; opacity:0.9}
.subNav_new .on i{display:block;animation:ANavI 0.3s}

.navCur_new{ height:99px; position:relative; margin:30px auto;}
.navCur_new h1{font-size:30px; font-weight:bold;color:#222222;height:99px; background:url(../images/title_new.png) center no-repeat; line-height:99px; overflow:hidden; text-align:center;}


.newsList{ width:1200px; overflow:hidden}
.newsList a{display:block; background:url(../images/bgLine.jpg) bottom repeat-x; padding:30px 0; overflow:hidden}
.newsList div{ float:left;width:63px; height:87px; background:#9dbad3;color:#fff; text-align:right; padding:0 12px; font-size:15px; font-family: Impact; overflow:hidden;box-sizing:content-box; }
.newsList i{display:inline-block; height:50px; border-bottom:2px solid #fff; font-size:40px; line-height:50px; margin-bottom:0px}
.newsList span{float:left; width:1000px; padding-left:20px;}
.newsList h1{font-size:18px; margin:5px 0 3px 0; line-height:30px; color:#444; font-weight:bold}
.newsList h2{font-size:13px; color:#999; line-height:22px; font-weight:normal}
.newsList a:hover{background-color:#f5f5f5;}
.newsList a:hover div{background:#0e4e8f; color:#fff}
.newsList a:hover i{color:#fff}
.newsList a:hover h1{color:#0e4e8f}

.text-secondary{width:100%; overflow:hidden; margin:20px 0 40px 0;}
.text-secondary a{ font-size:14px; font-family:"微软雅黑"; line-height:40px;}

.boxPage{width:100%; overflow:hidden; margin:20px 0 40px 0;}
.boxPage a{ display:inline-block;font-size:14px; float:left;color:#99a1a7;background-color:#e6e6e6;position:relative;  
border-radius:5px; 
behavior:url(/js/PIE.htc);
box-sizing:content-box;
}
.boxPage a:hover{ color:#fff; background-color:#0168b7;}
.curPage{color:#fff!important; background-color:#3f82b7!important;}
.numPage{float:left;}
.numPage a{ width:75px; height:40px;text-align:center; line-height:40px; margin-right:8px;}
.btnPage{float:right; }

.showTitle{ font-size:26px; padding:30px 0 0 0; line-height:36px;}
.showTitle1{ font-size:18px; padding:8px 0 0 0; line-height:26px;}
.showInfo{ border-bottom:2px solid #ebebeb; color:#999; margin-bottom:20px; line-height:40px; padding-bottom:10px; position:relative;}
.btnShare{position:absolute; top:7px; right:0;font-size:0; height:26px; line-height:26px;}
.btnShare i{font-size:12px; display:inline-block; vertical-align:middle}
.btnShare a{display:inline-block; width:26px; height:26px; border-radius:50%; overflow:hidden; margin-left:5px;vertical-align:middle}
.btnShare a img{width:26px; height:26px}
.shareWx{background:#4cc54f}
.shareWb{background:#dc5353}
.shareQz{background:#e3972a}
.shareQq{background:#5899d9}
.showCon{ line-height:28px; font-size:14px;}

.jobList{ width:1200px; margin:30px auto; overflow:hidden;}
.jobList a{width:540px; min-height:120px; border:1px solid #d8d8d8; background:#fff; padding:20px; margin:0 20px 20px 0; display:inline-block; vertical-align:top; position:relative; float:left;}
.jobList a:nth-child(2n+2){ margin-right:0}
.jobList a h1{ font-size:18px; font-weight:bold; line-height:18px; padding:15px 0;}
.jobList a h2{ font-size:13px; line-height:22px; color:#888;}
.jobList a i{ position:absolute; right:20px; top:85%; width:62px; height:32px; margin:-16px 0 0 0; background:url(../images/icoJtJob.png) center no-repeat; background-size:100% 100%;}
.jobList a:hover{border:1px solid #004593}
.jobList a:hover i{background:url(../images/icoJtJobHover.png) center no-repeat; background-size:100% 100%;}
.job_c a{ display:block;width:120px; height:40px; background-color:#0168b7;border-radius: 5px;color:#fff; line-height:40px; text-align:center; margin-bottom:50px; }
.job_c a:hover{color:#fff;}
.jobCon{ line-height:20px; font-size:14px;}

.downList{width:100%; margin:0 auto; overflow:hidden; padding:30px 0 ;font-family:"微软雅黑";}
.downList p{font-size:15px; line-height:30px; font-weight:bold;padding-left:10px;  }
.down{ font-size:12px; line-height:30px; padding-left:10px; }
.down span{ display:block;width:80px; height:30px; background-color:#0168b7;border-radius: 5px;color:#fff; line-height:30px; text-align:center; }
.down a{color:#fff;}

.boxGz{ position:absolute; top:50px; right:0; font-size:0}
.boxGz i{font-size:13px; font-weight:bold; display:inline-block; line-height:30px; margin-right:5px; }
.boxGz a{display:inline-block; font-size:13px; line-height:30px; padding:0 20px 0 35px;}
.icoWx{ background:url(../images/icoWx.png) left center no-repeat;}
.icoWx:hover{ background:url(../images/icoWxHover.png) left center no-repeat;}
.icoWb{ background:url(../images/icoWb.png) left center no-repeat;}
.icoWb:hover{ background:url(../images/icoWbHover.png) left center no-repeat;}
.icoFx{ background:url(../images/icoFx.png) left center no-repeat;}
.icoFx:hover{ background:url(../images/icoFxHover.png) left center no-repeat;}

.imgEwmWx{ position:absolute; top:-90px; right:150px; background:url(../images/bgEwmWx.png) no-repeat;  padding:17px 17px 26px 17px;width:100px; height:100px;box-sizing:content-box; display:none; z-index:100}
.imgEwmWb{ position:absolute; top:-90px; right:70px; background:url(../images/bgEwmWx.png) no-repeat;  padding:17px 17px 26px 17px;width:100px; height:100px;box-sizing:content-box; display:none; z-index:100}



.curL{ float:left;}
.icoHome{background:url(../images/icoHome.png) center no-repeat; background-color:#e1000b; width:70px; height:70px; vertical-align:middle; display:inline-block}
.curL span{display:inline-block;vertical-align:middle}
.curL span a{display:inline-block; background:url(../images/icoCur.png) right center no-repeat;line-height:70px; padding:0 17px 0 0;margin-left:15px; font-size:13px; color:#666}
.curL span a:hover{color:#e1000b; }
.curL .on{color:#e1000b!important; font-weight:bold; background:none!important}

.curR{float:right}
.curR a{display:inline-block; padding:0 8px; margin:0 0 0 20px;line-height:70px; font-size:15px; color:#666; font-weight:bold}
.curR a:hover{color:#e1000b}
.curR .on{ background:url(../images/bgLine1.jpg) bottom repeat-x}


.navTitle{ text-align:center; padding:30px 0;}
.navTitle h1{ font-size:22px; font-weight:bold; color:#e1000b}
.navTitle h2{ font-size:18px; font-weight:normal; font-family:fontAnt; color:#bbb}

.boxGray{background:#f3f3f3; width:100%; overflow:hidden}


.boxAbout{width:1200px; margin:0 auto; font-size:0}

.aboutL{display:inline-block; width:800px; padding:60px 40px 60px 0; font-size:15px}
.aboutL p{ line-height:26px; padding-bottom:15px; text-align:justify}
.aboutL strong{display:block; padding-bottom:15px}
.aboutL img{padding-bottom:10px}

.boxHide{display:none}


.aboutR{ display:inline-block; width:360px; vertical-align:top; padding-top:60px;}
.aboutR li{ height:120px; background:#e3e3e5; margin-bottom:2px; position:relative}
.aboutR li:first-of-type{ background:#e1000b; color:#fff; text-align:right; padding-right:30px;}
.aboutR h1{font-size:30px; font-family:fontAnt; padding-top:25px;}
.aboutR h2{font-size:17px; font-weight:bold;}
.aboutR h3{ font-size:17px; line-height:120px; font-weight:bold; padding:0 0 0 30px; color:#777}
.aboutR i{position:absolute; right:60px; top:0; line-height:120px; font-size:60px; color:#e1000b; font-family:fontAnt}
.aboutR span{ position:absolute; top:65px; left:305px; font-size:17px; font-weight:bold; color:#e1000b; line-height:17px;}

.boxDsz{ width:1200px; margin:60px auto; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.05); font-size:0}
.imgDsz{display:inline-block; vertical-align:top; width:320px; height:425px;}
.boxDsz1{ width:800px; padding:0 40px; display:inline-block;vertical-align:top;}
.boxDsz h1{ font-size:16px; font-weight:bold; display:block; padding:60px 0 30px 0}
.boxDsz h1 i{ font-size:22px; display:inline-block; margin-right:10px;font-weight:bold}
.boxDsz p{ font-size:15px; line-height:26px; padding: 0 15px 15px 0; text-align:justify;}
.boxDsz2{ width:100%; height:230px; overflow:hidden; overflow-y:scroll}

.honorList{ width:1200px; margin:60px auto 0 auto;background:url(../images/bgLineHonor.jpg) center repeat-y; overflow:hidden}
.honorList li{ background:url(../images/icoHonor.jpg) center no-repeat; padding:0 0 0 700px; position:relative; width:500px; margin:45px 0; font-size:0}
.honorList li h1{ position:absolute; top:50%; left:350px; margin-top:-40px; line-height:80px; font-size:80px; color:#e1000b; font-family:fontAnt}
.honorList li i{ width:1px; height:100%; min-height:150px; display:inline-block; vertical-align:middle}
.honorList li .boxHonor1{background:url(../images/bgLineHonor1_1.jpg) left repeat-y;line-height:26px; font-size:15px; display:inline-block; width:499px;vertical-align:middle}
.honorList li .boxHonor2{background:url(../images/bgLineHonor1_2.jpg) left center no-repeat;}
.honorList li .boxHonor3{background:url(../images/bgLineHonor1_3.jpg) left top no-repeat}
.honorList li .boxHonor4{background:url(../images/bgLineHonor1_4.jpg) left bottom no-repeat; padding:0 0 0 50px;}

.honorList li:nth-child(even){ padding:0 700px 0 0; }
.honorList li:nth-child(even) h1{left:710px;}
.honorList li:nth-child(even) .boxHonor1{background:url(../images/bgLineHonor2_1.jpg) right repeat-y;text-align:right}
.honorList li:nth-child(even) .boxHonor2{background:url(../images/bgLineHonor2_2.jpg) right center no-repeat;}
.honorList li:nth-child(even) .boxHonor3{background:url(../images/bgLineHonor2_3.jpg) right top no-repeat}
.honorList li:nth-child(even) .boxHonor4{background:url(../images/bgLineHonor2_4.jpg) right bottom no-repeat;padding:0 50px 0 0;}


.boxHistory{ background:url(../images/bgHistory.jpg) center no-repeat; height:790px; font-size:0; width:100%; overflow:hidden}


.historyList{width:1200px; height:520px; position:relative;margin:30px auto; overflow:hidden}
.historyList .swiper-slide{width:1200px; height:520px;text-align:center}
.historyList .swiper-button-prev{left:0; margin-top:-30px; width:33px; height:60px;  background:url(../images/btnLeft2.png);background-size:100% 100%;}
.historyList .swiper-button-prev:hover{background:url(../images/btnLeft2Hover.png);background-size:100% 100%;}
.historyList .swiper-button-next{right:0;margin-top:-30px;width:33px; height:60px;background:url(../images/btnRight2.png);background-size:100% 100%;}
.historyList .swiper-button-next:hover{background:url(../images/btnRight2Hover.png);background-size:100% 100%;}

.historyHeight{ width:1px; font-size:0; height:520px; vertical-align:middle; display:inline-block}
.historyText{ width:470px; padding:0 60px 0 0; display:inline-block; vertical-align:middle; text-align:left}
.historyText i{font-size:80px; font-family:fontAnt; display:inline-block; line-height:80px; vertical-align:middle; color:#e1000b}
.historyText img{vertical-align:middle; margin:0 5px}
.historyText h2{ font-size:40px;}
.historyText div{border-bottom:2px solid #e1000b; display:inline-block; padding-bottom:15px;}
.historyText span{display:block; font-size:15px; line-height:26px; padding-top:15px; text-align:justify}
.historyImg{ width:400px; height:260px; display:inline-block; vertical-align:middle;}

.historyYears{width:1200px; height:100px; overflow:hidden; margin:0 auto; font-size:0;}
.historyYears a{width:400px; height:100%;text-align:center; display:inline-block; color:#8f8f8f; padding-top:20px}
.historyYears a h1{ font-size:26px; font-family:fontAnt; }
.historyYears a h2{ font-size:16px; display:block}
.historyYears .on{ background:url(../images/bgLine2.png) top repeat-x}
.historyYears .on h1{color:#e1000b;}


@keyframes ANewsTitle{0%{top:253px;}100%{top:75px;}}
.picNews{font-size:0; text-align:center; padding:60px 0}
.picNews a{ display:inline-block; margin:0 15px; width:380px; height:253px; position:relative; overflow:hidden; background:#e1000b}
.picNews a img{ width:380px; height:253px}
.picNews a div{position:absolute;width:350px;left:15px;top:75px;animation:ANewsTitle 0.5s;z-index:3; display:none; text-align:left}
.picNews a div h1{ font-family:fontAnt; font-size:30px; font-weight:normal; color:#ebbabb;}
.picNews a div h2{font-size:20px; font-weight:bold; color:#fff; line-height:30px; }
.picNews a:hover img{opacity:0.2}
.picNews a:hover div{display:block}

.picList{font-size:0; width:1230px; margin:60px auto 0 auto}
.picList a{display:inline-block; width:380px; height:315px; margin:0 15px; position:relative}
.picList a div{ width:380px; height:253px; overflow:hidden; background:#000}
.picList a div img{width:380px; height:253px;transition:transform 1s;}
.picList a span{ width:340px; height:60px; position:relative; margin:-30px 0 0 20px; background:#fff; z-index:2; display:block; box-shadow:0 3px 3px rgba(0,0,0,0.05); }
.picList a h1{ width:1px; height:60px; vertical-align:middle;display:inline-block}
.picList a h2{ padding:0 10px; width:319px; text-align:center; line-height:20px; color:#666; font-size:15px; vertical-align:middle; display:inline-block}
.picList a i{display:block; width:380px; height:253px; position:absolute; top:0; left:0; background:url(../images/icoVideo.png) center no-repeat; z-index:1; display:none}
.picList a:hover img{transform:scale(1.2);opacity:0.5;}
.picList a:hover i{ display:block}



.showVideo{width:100%; height:530px; margin:10px auto 0 auto;}

.btnShare1{position:absolute;top:444px; left:50%;/* margin-left:-530px;*/  margin-left:380px;width:220px;font-size:0; z-index:100}
.btnShare1 i{font-size:12px; display:block; border-bottom:2px solid #cccccc; color:#999; text-indent:5px; line-height:30px; margin-bottom:15px}
.btnShare1 a{display:block; margin-bottom:10px; font-size:16px; color:#444; line-height:40px; height:40px; overflow:hidden}
.btnShare1 div{width:40px; height:40px; text-align:center;border-radius:6px; display:inline-block; margin-right:10px;}
.btnShare1 a img{ vertical-align:middle}
.btnShare1 .shareWx div{background-color:#6ac334}
.btnShare1 .shareWb div{background-color:#ff4444}
.btnShare1 .shareQz div{background-color:#f1a718}
.btnShare1 .shareQq div{background-color:#27a0f5}
.btnShare1 .shareWx:hover div{background-color:#7fde46}
.btnShare1 .shareWb:hover div{background-color:#ff6767}
.btnShare1 .shareQz:hover div{background-color:#ffc34f}
.btnShare1 .shareQq:hover div{background-color:#4fb6fe}


.btnShare1Fixed{position:fixed!important;top:100px!important; left:50%; margin-left:380px; }

.boxEwm{ position:fixed; width:222px; height:248px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1000; background:url(../images/bgWxEwm.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none; box-sizing:content-box}
.boxEwm a{display:block;height:26px; width:100%;}
.boxEwm img{ width:178px; height:178px; display:inline-block; margin:22px 0 0 22px}
.boxBlack{background:url(../images/bgBlack.png); width:100%; height:100%; position:fixed; z-index:999; top:0; left:0; display:none}


.boxDc{width:1200px; height:605px; margin:0 auto; font-size:0; overflow:hidden}
.dcText{float:left;width:415px;}
.dcText h1{ border-bottom:2px solid #e1000b; font-weight:bold; font-size:22px; color:#e1000b; line-height:20px; padding:80px 0 20px 0; margin-bottom:20px;}
.dcText span{}
.dcText p{ font-size:15px; line-height:28px; padding-bottom:15px; text-align:justify}
.dcMap{float:right;width:690px; height:600px; display:inline-block; background:url(../images/bgMap.jpg?v=1.3) no-repeat}


.navDc{width:1200px; font-size:0;background:#dbdbdf; margin:0 auto}
.navDc a{display:inline-block; width:298px; border-right:2px solid #f3f3f3; line-height:50px; font-size:17px; text-align:center}
.navDc .on{font-weight:bold; color:#fff; background:#c60c15}


.searchPro{font-size:0; position:absolute; top:1225px; left:50%; margin-left:260px; width:340px; height:44px;border-radius:3px; background:#fff;box-sizing:border-box; z-index:10; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.inputSearchPro{line-height:44px; border:none; width:270px; color:#999; text-indent:13px; vertical-align:top}
.submitSearchPro{height:44px; border:none;width:70px;cursor:pointer; font-weight:bold; background:#e1000b; vertical-align:top; background:url(../images/icoSearch.png) center no-repeat; background-color:#e1000b}
.submitSearchPro:hover{background:url(../images/icoSearch.png) center no-repeat; background-color:#c60c15}

.navSearchPro{ width:1200px;margin:0 auto; padding:40px 0 28px 0;}
.navSearchPro li{ position:relative; margin:0 0 12px 0; font-size:0; padding:0 0 0 45px;}
.navSearchPro i{position:absolute; left:0; top:0; font-size:14px;line-height:28px; font-weight:bold}
.navSearchPro a{font-size:15px; display:inline-block; padding:0 12px; margin:0 2px; line-height:28px; border-radius:3px;}
.navSearchPro a:hover{background:#e1000b; color:#fff}
.navSearchPro .on{ background:#e1000b; color:#fff}
.navSearchPro .on:hover{color:#fff}

.proList{ width:1230px; margin:0 auto; font-size:0}
.proList a{display:inline-block; margin:0 15px 30px 15px; background:#fff; border-bottom:2px solid #bebebe; width:380px; height:430px; overflow:hidden}
.proList a div{width:380px; height:253px; overflow:hidden}
.proList a img{ width:100%; height:100%;transition:transform 1s;}
.proList a span{ display:block; padding:0 30px; color:#555}
.proList a h1{ font-weight:bold; font-size:22px; line-height:22px; padding:30px 0 15px 0}
.proList a p{ font-size:14px; line-height:22px}
.proList a:hover{border-bottom:2px solid #e1000b;}
.proList a:hover h1{ color:#e1000b}
.proList a:hover img{transform:scale(1.2);}

.proBanner{ margin:0 auto; width:100%;}
.proBanner img{width:100%}

.proInfo{ background:url(../images/bgPro.jpg) center repeat-y; min-height:360px}
.proInfo1{ width:1200px; margin:0 auto; font-size:0}
.proInfoL{ width:360px; padding:0 40px 40px 0; display:inline-block; vertical-align:top}
.proLogo{ padding:30px 0; border-bottom:1px solid #cfcfcf}
.proLogo img{ min-height:50px;max-height:80px}
.proLogo i{ font-size:30px; font-weight:bold;}
.proInfoL span{font-size:14px; color:#444; display:block; padding:20px 0 0 0; line-height:26px;}
.proInfoL span i{font-size:26px; color:#e1000b; font-family:fontAnt}
.proInfoL span img{width:120px; height:120px; margin:10px 0 0 0}

.proText{ width:760px; padding:0 0 0 40px; display:inline-block; position:relative}
.proText h1{ padding:20px 0 15px 0;line-height:60px; font-size:22px; font-weight:bold}
.proText1{ font-size:15px; color:#666; line-height:26px; min-height:70px;}
.proText1 p{ margin-bottom:15px;}

.proNumber{ width:100%; overflow:hidden}
.proNumber li{ float:left;width:25%; line-height:33px; font-size:15px;}
.proNumber h2{font-weight:bold;color:#666; }
.proNumber h3{font-size:30px; color:#666; font-weight:bold; font-family:fontAnt}
.proNumber h4{color:#999}

.proCydj{ position:absolute; right:0; top:28px;display:block; width:90px; padding:0 40px 0 0; line-height:42px; border-radius:21px; background:url(../images/icoJt1.png) 97px center no-repeat; background-color:#fff; font-size:17px; color:#e1000b; font-weight:bold; text-align:right}
.proCydj:hover{background:url(../images/icoJt1Hover.png) 97px center no-repeat;background-color:#e1000b; color:#fff}

.proCon{ padding:100px 0 60px 0; text-align:center; font-size:0; background:#fbfbfb}
.proCon li{ display:inline-block; width:376px; border:2px solid #e7e7e7; margin:0 15px; background:#fff; vertical-align:top}
.proCon li img{ margin-top:-40px;}
.proCon li h1{font-size:22px; line-height:22px; font-weight:bold; padding:15px 0;}


.proCon1{ padding:0 20px; font-size:15px; line-height:30px; text-align:left; margin:0 0 15px 0; height:180px; overflow:hidden}
.moreText{display:block;height:48px; background:url(../images/icoJh1.png) center no-repeat; background-color:#f9f9f9}
.moreText:hover {background:url(../images/icoJh1Hover.png) center no-repeat; background-color:#e1000b}
.lessText{display:block; height:48px; background:url(../images/icoJh2.png) center no-repeat; background-color:#f9f9f9}
.lessText:hover{background:url(../images/icoJh2Hover.png) center no-repeat; background-color:#e1000b}


.navProTitle{ line-height:100px; color:#fff; font-size:22px; font-weight:bold; text-align:center}
.navProTitle1{ line-height:100px; font-size:22px; font-weight:bold; text-align:center}
.navProTitle2{ padding:50px 0 0 0;color:#fff; font-size:22px; font-weight:bold; text-align:center}

.proImg{background:#484d6f; padding:0 0 50px 0;}
.proImg1{width:1200px; margin:0 auto; font-size:0}

.navPro{font-size:0; text-align:center}
.navPro a{ display:inline-block; width:120px; font-size:14px; text-align:center; line-height:44px; border-radius:22px; background:#fff; margin:0 5px;}
.navPro .on{ background:#6981d8!important; color:#fff;}


.proImg2{width:1200px;height:500px; padding:40px 0 50px 0;overflow:hidden; position:relative; display:none}
.proImg2 i{ position:absolute; bottom:50px; font-size:14px; color:#fff; text-align:center; display:block; width:100%; line-height:40px; z-index:100; opacity:0.5}
.proImg2 .swiper-slide{ text-align:center}
.proImg2 .swiper-slide img{height:500px;}
.proImg2 .swiper-pagination{ bottom:0!important}
.proImg2 .swiper-pagination-bullet{width:10px; height:10px; background:#fff; opacity:0.5}
.proImg2 .swiper-pagination-bullet-active{width:24px; height:10px;opacity:1.0; border-radius:6px; background:#ffba00}
.proImg2 .swiper-button-prev{left:0; margin-top:-8px; width:50px; height:50px; background:url(../images/icoJtL.png) center no-repeat}
.proImg2 .swiper-button-prev:hover{background:url(../images/icoJtLHover.png) center no-repeat}
.proImg2 .swiper-button-next{right:0;margin-top:-8px; width:50px; height:50px; background:url(../images/icoJtR.png) center no-repeat}
.proImg2 .swiper-button-next:hover{background:url(../images/icoJtRHover.png) center no-repeat}

.proMap{ width:1200px; height:400px; margin:0 auto 60px auto; position:relative}
.proMap1{position:absolute; width:400px; height:400px; background:url(../images/bgBlack1.png); text-align:center}
.proMap1 a{display:inline-block; width:150px; padding:100px 0 0 0; height:40px; background:url(../images/icoMap.png) top center no-repeat; font-size:16px; font-weight:bold; color:#fff; text-align:center; margin:140px 0 0 0;}
.proMap1 a:hover{background:url(../images/icoMapHover.png) top center no-repeat;}


.w_1200{width:1200px; margin:0 auto; overflow:hidden}

.boxJz1{height:500px; background:url(../images/imgJz1.jpg?v=1.0) center no-repeat; background-color:#ecf3ef}
.jzText{font-size:15px; line-height:26px;}
.jzText h1{ font-weight:bold; font-size:22px; color:#218c5a; border-bottom:2px solid #218c5a; padding:0 0 15px 0; margin:0 0 15px 0; display:inline-block;}
.jzText p{padding-bottom:15px; text-align:justify}

.boxJz2{height:500px; background:url(../images/imgJz2.jpg) center no-repeat; background-color:#edeef5; }
.boxJz3{height:500px; background:url(../images/imgJz3.jpg) center no-repeat; color:#fff}
.boxJz3 h1{color:#fff!important; border-bottom:2px solid #fff!important; }

.boxJz4{height:500px; background:url(../images/imgJz4.jpg?v=1.0) center no-repeat; text-align:center}
.boxJz5{height:500px; background:url(../images/imgJz5.jpg) center no-repeat; text-align:center}
.boxJz5 h1{color:#fff!important; border-bottom:2px solid #fff!important; }

.boxWy1{ text-align:center; padding:60px 0;}

.wyText{font-size:15px; line-height:26px;}
.wyText h1{font-weight:bold; font-size:22px; color:#e1000b; border-bottom:2px solid #e1000b; padding:0 0 15px 0; margin:0 0 15px 0; display:inline-block;}
.wyText h2{ font-size:20px;  margin:10px 0 20px 0; font-weight:bold; text-align:center}
.wyText p{padding-bottom:15px; text-align:justify}


.wyNumber{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0 0 0}
.wyNumber li{ float:left; width:25%;}
.wyNumber li h1{font-size:16px; font-weight:bold; color:#e1000b}
.wyNumber li i{font-size:60px; font-family:fontAnt}
.wyNumber li h2{ font-weight:bold; color:#999; font-size:16px;}

.wyText1{font-size:15px; line-height:26px; color:#fff}
.wyText1 h1{ font-weight:bold; font-size:22px;  border-bottom:2px solid #fff; padding:0 0 15px 0; margin:0 0 15px 0; display:inline-block;}
.wyText1 p{padding-bottom:15px; text-align:justify}

.boxWy2{height:500px;background-color:#db5651; width:100%; max-width:1680px; position:relative;}
.boxWy3{height:500px;background-color:#ed764c; width:100%; max-width:1680px; position:relative}
.boxWy4{height:500px;background-color:#4d80bf; width:100%; max-width:1680px; position:relative}
.boxWy5{height:500px;text-align:center}

.imgWy1{position:absolute; top:0; left:0; width:50%; height:500px; background:url(../images/imgWy1.jpg) center no-repeat;}
.imgWy2{position:absolute; top:0; right:0; width:50%; height:500px; background:url(../images/imgWy2.jpg) center no-repeat;}
.imgWy3{position:absolute; top:0; left:0; width:50%; height:500px; background:url(../images/imgWy3.jpg) center no-repeat;}

.btnLink1{ text-align:center; padding:20px 0 0 0}
.btnLink1 a{display:inline-block; padding:0 45px; background:#d6d8d9; color:#8a8a8a; line-height:50px; border-radius:30px;}
.btnLink1 a:hover{ background:#e1000b; color:#fff}




.boxDjgz1{ background:url(../images/bgSlogan1.jpg) center no-repeat; width:1200px; margin:0 auto; height:173px;}
.boxDjgz1 h1{ font-size:22px; font-weight:bold; color:#e1000b; line-height:30px; padding:55px 0 0 140px}
.boxDjgz2{ width:100%;height:436px; background:url(../images/imgDjgz.jpg?v=1.0) center no-repeat; margin-bottom:60px; position:relative}
.boxDjgz2 span{ position:absolute; top:70px; left:50%; margin-left:20px; width:560px; display:inline-block;line-height:26px; color:#fff;text-align:justify}
.boxDjgz2 span p{ padding-bottom:15px; }

.boxQywh1{ padding:60px 0; margin:0 auto; text-align:center}
.boxQywh1 h1{ font-size:22px; font-weight:bold; display:inline-block; text-align:right;}
.boxQywh1 i{ font-size:18px; display:block;padding:10px 0 0 0; }

.navTitle1{ font-weight:bold; font-size:22px; color:#e1000b; width:1200px; margin:0 auto}
.boxQywhList{width:1200px; margin:0 auto; position:relative}
.boxQywhList li{ width:100%; height:100px; background:url(../images/bgQywhList.jpg) top no-repeat; position:relative}
.boxQywhList i{ width:51px; height:90px; line-height:90px; text-align:center; color:#fff; font-size:17px; font-weight:bold; display:inline-block;}
.boxQywhList span{ position:absolute; left:230px; top:22px; font-size:14px; line-height:26px;}
.boxQywhList h1{ font-weight:bold; font-size:16px;}
.boxQywhList img{position:absolute; right:50px; top:30px; z-index:1}

.boxQywh2{ height:90px; line-height:90px; color:#fff; font-size:15px; background:url(../images/bgQywhList1.jpg) center no-repeat; width:1200px; margin:0 auto; text-indent:200px;}


.boxShzr1{ width:1200px; margin:50px auto; }
.boxShzr1 h1{ font-size:22px; font-weight:bold; color:#e1000b; line-height:30px;}
.boxShzr1 span{ line-height:26px; padding:10px 0 0 0; display:block}
.boxShzr2{ height:396px; background:url(../images/bgShzr.jpg) center no-repeat; margin-bottom:60px;}
.boxShzr3{ width:318px; height:412px; background:url(../images/bgShzr1.png) no-repeat; position:absolute; top:60px; left:50%; margin-left:22px; padding:40px 30px 0 230px}
.boxShzr3 div{width:318px; height:412px; overflow:auto; overflow-x:hidden; line-height:28px;}



.picList1{font-size:0; width:1230px; margin:60px auto 0 auto}
.picList1 a{display:inline-block; width:380px; height:325px; margin:0 15px; position:relative}
.picList1 a div{ width:380px; height:253px; overflow:hidden; background:#000}
.picList1 a div img{width:380px; height:253px;transition:transform 1s;}
.picList1 a span{ width:340px; height:80px; position:relative; margin:-40px 0 0 20px; background:#fff; z-index:2; display:block; box-shadow:0 3px 3px rgba(0,0,0,0.05); }
.picList1 a h1{ width:1px; height:80px; vertical-align:middle;display:inline-block}
.picList1 a h2{ padding:0 15px; width:309px; text-align:justify; line-height:20px; color:#666; font-size:15px; vertical-align:middle; display:inline-block}
.picList1 a i{display:block; width:380px; height:253px; position:absolute; top:0; left:0; background:url(../images/icoLook.png) center no-repeat; z-index:1; display:none}
.picList1 a:hover img{transform:scale(1.2);opacity:0.5;}
.picList1 a:hover i{ display:block}

.boxFspt1{ padding:40px 0; text-align:center}
.boxFspt2{ width:100%;height:456px; background-color:#e1000b; margin-bottom:60px; position:relative}
.boxFspt2 .fsptText{ position:absolute; top:60px; left:50%; margin-left:-600px; width:560px; display:inline-block;color:#fff;text-align:justify}
.boxFspt2 .fsptText h1{ margin-bottom:20px;}
.boxFspt2 .fsptText i{ font-size:22px; font-weight:bold}
.boxFspt2 .fsptText div{ width:100%; height:270px;overflow:hidden; overflow-y:scroll}
.boxFspt2 .fsptText div p{line-height:27px; padding: 0 15px 15px 0; display:block}
.fsptImg{ width:50%; height:456px; position:absolute; top:0; right:0; background:url(../images/imgFspt.jpg?v=1.2) center no-repeat}





.boxJoin1{ width:1200px; margin:50px auto; }
.boxJoin1 h1{ font-size:22px; font-weight:bold; color:#e1000b; line-height:30px;}
.boxJoin1 span{ line-height:26px; padding:10px 0 0 0; display:block}

.boxJoin2{ height:436px; background:url(../images/bgJoin.jpg) center no-repeat; position:relative; margin-bottom:60px;}
.boxJoin2 span{ position:absolute; left:50%; color:#fff; line-height:30px;}

.navJoin{width:1200px; font-size:0;background:#dbdbdf; margin:0 auto}
.navJoin a{display:inline-block; width:398px; border-right:2px solid #f3f3f3; line-height:50px; font-size:17px; text-align:center}
.navJoin .on{font-weight:bold; color:#fff; background:#c60c15}

.boxJoin3{ font-size:0; text-align:center; display:none}

.boxBrands{background:url(../images/bannerBrands1.jpg) top center no-repeat; background-color:#f3f3f3; padding-top:360px; font-size:0; text-align:center}
.boxBrands a{ width:540px; height:390px; background:#fff; margin:0 20px 40px 20px; display:inline-block; padding:0 0 0 40px;}
.boxBrands a span{display:block; height:110px; font-size:16px; text-align:left; line-height:22px; background:url(../images/icoJt2.png) 495px center no-repeat; color:#444}
.boxBrands a span i{display:block; font-weight:bold; font-size:22px; color:#e1000b; padding:30px 0 8px 0}
.boxBrands a div{ width:540px; height:237px; overflow:hidden; background:#000}
.boxBrands a div img{width:100%; height:100%;transition:transform 1s;}
.boxBrands a:hover span{background:url(../images/icoJt2Hover.png) 495px center no-repeat;}
.boxBrands a:hover img{transform:scale(1.2);opacity:0.5;}

.navZmt{ width:1196px; margin:50px auto 20px auto; border-left:4px solid #e1000b; line-height:23px; font-size:22px; text-indent:10px; }
.zmtList{ width:1200px; margin:0 auto; background:#fff; overflow:hidden; padding:20px 0;box-shadow:3px 3px 8px rgba(0,0,0,0.02)}
.zmtList li{float:left; width:25%; text-align:center; padding:10px 0;}
.zmtList li i{ font-size:16px; display:block}
.zmtList li img{ width:160px; height:160px;}



.tableMsg{ margin:0 auto 50px auto;}
.tableMsg td{ line-height:40px; padding:10px 0; font-size:16px}
.tRight{text-align:right}
.inputMsg{ border:1px solid #cbcbcb; line-height:40px; height:40px; padding:0 8px; font-size:14px; color:#666; width:300px;font-family:"Microsoft Yahei";border-radius:4px;}
.inputMsg:hover{border:1px solid #e13427;}
.tableMsg i{font-style:normal; color:#ff1010; margin:0 10px;}
.inputMsgSort{width:100px!important; margin-right:5px}
.textareaMsg{border:1px solid #cbcbcb; line-height:26px; height:150px; padding:8px; font-size:14px; color:#666; width:600px;font-family:"Microsoft Yahei";border-radius:4px;}
.textareaMsg:hover{border:1px solid #e13427;}
.tableMsg label{display:inline-block; margin-right:10px}
.selectMsg{ border:1px solid #cbcbcb; line-height:40px; height:40px; padding:0 8px; font-size:14px; color:#666; width:318px;font-family:"Microsoft Yahei";border-radius:4px;}
.selectMsg:hover{border:1px solid #e13427;}

.btnMsgSubmit{border-radius:4px; background:#283a75; color:#fff; width:150px;font-size:18px;line-height:46px; cursor:pointer; margin:0 0 20px 0}
.btnMsgSubmit:hover{background:#314ca4; color:#fff}


.navContact{ width:1196px; margin:50px auto 20px auto; border-left:4px solid #e1000b; line-height:23px; font-size:22px; text-indent:10px; }

.contactJt{ width:1200px; height:380px; padding:10px; box-sizing:border-box; background:#fff;box-shadow:3px 3px 8px rgba(0,0,0,0.02); margin:0 auto; position:relative}
.contactJt span{display:block; width:1180px; height:60px; background:url(../images/bgRed.png);position:absolute; left:10px; bottom:10px; z-index:1; line-height:60px; font-size:16px; color:#fff; text-indent:15px;}

.contactList1{ width:1200px; margin:0 auto; font-size:0}
.contactList1 li{ display:inline-block; width:585px; margin-right:30px;}
.contactList1 li:nth-child(even){ margin-right:0}
.contactList1 li h1{margin:50px auto 20px auto; border-left:4px solid #e1000b; line-height:23px; font-size:22px; text-indent:10px; }
.contactList1 li div{ width:100%;height:200px; border-top:3px solid #e1000b; padding:0 30px; box-sizing:border-box; background:#fff;box-shadow:3px 3px 8px rgba(0,0,0,0.02); }
.contactList1 li div i{ width:1px; height:200px; display:inline-block; vertical-align:middle;}
.contactList1 li div span{ width:calc(100% - 1px); font-size:16px; line-height:30px; vertical-align:middle; display:inline-block}

.contactList{ width:1200px; margin:0 auto -30px auto; font-size:0}
.contactList li{ display:inline-block; width:380px; height:200px; margin:0 30px 30px 0;border-top:3px solid #e1000b; padding:0 30px; box-sizing:border-box; background:#fff;box-shadow:3px 3px 8px rgba(0,0,0,0.02); vertical-align:top}
.contactList li:nth-child(3n){ margin-right:0}
.contactList li i{ display:block; font-size:18px; font-weight:bold; padding:20px 0 10px 0}
.contactList li span{display:block; line-height:30px; font-size:16px}


.boxSyPro{ position:relative; margin-bottom:60px;}
.syPro{width:1200px;height:698px;overflow:hidden; margin:0 auto}
.syPro .swiper-slide{font-size:0;}
.syPro .swiper-slide img{width:1200px;height:698px;}
.syPro .swiper-pagination{ top:20px; width:1160px!important; text-align:right!important; left:50%!important; margin-left:-580px!important;}
.syPro .swiper-pagination-current{ font-size:30px; color:#d2ab67}
.syPro .swiper-pagination-bullet{width:10px; height:10px; background:#fff; opacity:0.5}
.syPro .swiper-pagination-bullet-active{width:24px; height:10px;opacity:1.0; border-radius:6px; background:#ffba00}
.syPro .swiper-button-prev{left:50%; margin-left:-650px; width:33px; height:60px; background:url(../images/btnLeft3.png) center no-repeat}
.syPro .swiper-button-prev:hover{background:url(../images/btnLeft3Hover.png) center no-repeat}
.syPro .swiper-button-next{right:50%;margin-right:-650px; width:33px; height:60px; background:url(../images/btnRight3.png) center no-repeat}
.syPro .swiper-button-next:hover{background:url(../images/btnRight3Hover.png) center no-repeat}

.boxLaw{ width:1200px; margin:50px auto;}
.boxLaw strong{ font-size:16px; color:#e1000b; display:block; margin-bottom:8px;}
.boxLaw p{ font-size:16px; line-height:26px; padding-bottom:20px}