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

body{ min-width:1366px; font-family: Arial,Microsoft YaHei; color:#333;}
a,a:hover,a:visited{ color:inherit; text-decoration:none;}
.clear{ clear:both; float:none !important; width:0 !important; height:0 !important; margin:0 !important; padding:0 !important; border:none !important;}
.clearfix:after{ content:"."; height:0; display:block; clear:both; visibility:hidden;}
.flex-display{ display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:-moz-flex; display:flex;}
.flex-wrap{ -webkit-flex-wrap:wrap; -webkit-box-flex-wrap:wrap; -ms-flex-wrap:wrap; -moz-flex-wrap:wrap; flex-wrap:wrap;}
.flex-alignC{-webkit-align-items:center; -webkit-box-align:center;  -moz-align-items:center; align-items:center; -ms-flex-align:center;}
.flex-flex1{ -webkit-flex:1; -webkit-box-flex:1; -ms-flex:1; -moz-flex:1; flex:1;}
.flex-flex2{ -webkit-flex:2; -webkit-box-flex:2; -ms-flex:2; -moz-flex:2; flex:2;}
img{ vertical-align:bottom;}
input,textarea,button{ font-family: Arial, Microsoft YaHei;}

.widthBlock{ width:1366px; margin:0 auto;}

/*top*/
.top{ position:relative; z-index:10;}
.top1{ background-color:#000; color:#fff; height:106px; line-height:106px;}
.top1 .logo2{ padding-top:46px; margin-left:244px; line-height:1;}
.top1 .logo2 img{ vertical-align:top;}
.top1 .tel{ font-size:26px; height:106px; overflow:hidden; font-style:italic; padding-left:52px; background:url(../images/tel.png) left center no-repeat;}
.top1 .tel span{ display:inline-block; vertical-align:middle;}
.top1 .tel.anima span{ animation:telanimate 0.5s linear; -moz-animation:telanimate 0.5s linear; -webkit-animation:telanimate 0.5s linear;}
.top1 .tel .tel1{}
.top1 .tel.anima .tel2{ animation-delay:0.1s; -moz-animation-delay:0.1s; -webkit-animation-delay:0.1s;}
.top1 .tel.anima .tel3{ animation-delay:0.2s; -moz-animation-delay:0.2s; -webkit-animation-delay:0.2s;}
.top1 .tel.anima .tel4{ animation-delay:0.7s; -moz-animation-delay:0.7s; -webkit-animation-delay:0.7s;}
.top1 .tel.anima .tel5{ animation-delay:0.8s; -moz-animation-delay:0.8s; -webkit-animation-delay:0.8s;}
.top1 .tel.anima .tel6{ animation-delay:0.9s; -moz-animation-delay:0.9s; -webkit-animation-delay:0.9s;}
.top1 .tel.anima .tel7{ animation-delay:1s; -moz-animation-delay:1s; -webkit-animation-delay:1s;}
.top1 .tel.anima .tel8{ animation-delay:1.5s; -moz-animation-delay:1.5s; -webkit-animation-delay:1.5s;}
.top1 .tel.anima .tel9{ animation-delay:1.6s; -moz-animation-delay:1.6s; -webkit-animation-delay:1.6s;}
.top1 .tel.anima .tel10{ animation-delay:1.7s; -moz-animation-delay:1.7s; -webkit-animation-delay:1.7s;}
.top1 .tel.anima .tel11{ animation-delay:1.8s; -moz-animation-delay:1.8s; -webkit-animation-delay:1.8s;}

@keyframes telanimate
{
0% { margin-top:0;}
50% { margin-top:-12px;}
100% { margin-top:0;}
}

@-moz-keyframes telanimate /* Firefox */
{
0% { margin-top:0;}
50% { margin-top:-12px;}
100% { margin-top:0;}
}

@-webkit-keyframes telanimate /* Safari 和 Chrome */
{
0% { margin-top:0;}
50% { margin-top:-12px;}
100% { margin-top:0;}
}

.top2{ background-color:#888888;}
.top2 .widthBlock{ position:relative;}
.top2 .logo{ position:absolute; top:-106px; left:0;}
.top2 .logo .logoBlock{ position:relative;}
.top2 .logo img{ width:100%;}
.top2 .logo .img2{ position:absolute; top:0; left:0;}
.top2 .logo .img3{ position:absolute; top:0; left:0;}
.top2 .topNav{ height:60px; line-height:60px; padding-right:30px; position:relative;}
.top2 .topNav ul{ position:relative; z-index:12;}
.top2 .topNav li{ font-size:22px; float:left; height:60px;}
.top2 .topNav li a{ display:block; padding:4px 50px; margin-top:-4px;}
.top2 .topNav .frame{ position:absolute; z-index:11; top:-4px; left:0; width:0; height:69px; background-color:rgba(255,255,255,0.6);}
.top2 .topNav .frame img{ width:108%; height:87px; margin-top:-10px; margin-left:-4%;}
.top2 .topNav .frame.shining img{ animation:shining 3s linear infinite; -moz-animation:shining 3s linear infinite; -webkit-animation:shining 3s linear infinite; opacity:0.55; filter:alpha(opacity=55);}

@keyframes shining
{
0% { opacity:0.55; filter:alpha(opacity=55);}
50% { opacity:1; filter:alpha(opacity=100);}
100% { opacity:0.55; filter:alpha(opacity=55);}
}

@-moz-keyframes shining /* Firefox */
{
0% { opacity:0; filter:alpha(opacity=0);}
50% { opacity:1; filter:alpha(opacity=100);}
100% { opacity:0; filter:alpha(opacity=0);}
}

@-webkit-keyframes shining /* Safari 和 Chrome */
{
0% { opacity:0; filter:alpha(opacity=0);}
50% { opacity:1; filter:alpha(opacity=100);}
100% { opacity:0; filter:alpha(opacity=0);}
}

/*banner*/
.banner{ width:100%; min-width:1366px; margin:0 auto; height:796px; position:relative; z-index:9; position:relative;}
#sangar-example{ height:796px !important;}
#sangar-example a{ background-position:center; background-repeat:no-repeat;}
#sangar-example > .default ul.sangar-pagination-bullet > li { width: 60px; height: 5px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #a1a1a0;}
#sangar-example > .default ul.sangar-pagination-bullet > li.sangar-pagination-active { background-color: #4075a0; border:none;}
#sangar-example .sangar-pagination-wrapper.wrapper-bullet{ bottom:94px;}

.otherBanner{ width:100%; overflow:hidden; background-position:center; background-repeat:no-repeat;}
.otherBanner img{ opacity:0; filter:alpha(opacity=0);}

.DArrow{ position:absolute; color:#fff; font-size:40px; bottom:12px; left:50%; margin-left:-23px; width:42px; height:42px; line-height:42px; text-align:center; cursor:pointer; border:2px solid #fff; border-radius:50%; overflow:hidden;}
.DArrow.DA2{ color:#333; border-color:#333;}
.DArrow:hover{ border-color:rgba(0,0,0,0); transition:all 0.5s; -webkit-transition:all 0.5s;}

.contain{}
/*index*/
.indexCont{}
.indexCont1{ padding-bottom:66px; position:relative; padding-top:66px;}
.indexCont1 .title{ font-size:26px; line-height:46px; text-align:center; color:#7a7a7a; margin-bottom:30px;}
.indexCont1 .more{ display:block; margin:0 auto; width:180px; height:38px; line-height:38px; text-align:center; color:#fff; background-color:#7a7a7a; font-size:18px; position:relative; border:1px solid #7a7a7a; margin-bottom:75px;}
.indexTitle{ text-align:center; font-size:40px; color:#3c3c3c;}
.indexTitle span{ color:#084c97;}
.indexTitle .border{ padding-top:35px; text-align:center;}
.indexTitle .border b{ display:inline-block; vertical-align:middle; width:27px; height:5px; background-color:#3c3c3c;}
.indexTitle .border b:last-child{ background-color:#084c97; border-left:1px solid #3e6692;}
.indexCont1 .list{}
.indexCont1 .list ul{ padding:90px 83px 65px 83px;}
.indexCont1 .list li{ float:left; text-align:center; width:200px; padding:0 20px;}
.indexCont1 .list li .img{ position:relative; width:128px; height:141px; margin:0 auto; margin-bottom:30px;}
.indexCont1 .list li .img img{}
.indexCont1 .list li .himg{ position:absolute; width:128px; height:141px; overflow:hidden; transition:0.5s all; -webkit-transition:0.5s all;}
.indexCont1 .list li .himg img{ position:absolute; width:128px; height:141px;}
.indexCont1 .list li .imgeffect1{}
.indexCont1 .list li .imgeffect1 .himg{ left:0; top:0; opacity:0; filter:alpha(opacity=0);}
.indexCont1 .list li .imgeffect1 .himg img{ left:0; top:0;}
.indexCont1 .list li:hover .imgeffect1 .himg{ opacity:1; filter:alpha(opacity=100);}
.indexCont1 .list li .imgeffect2{}
.indexCont1 .list li .imgeffect2 .himg{ left:0; top:0; width:0;}
.indexCont1 .list li .imgeffect2 .himg img{ left:0; top:0;}
.indexCont1 .list li:hover .imgeffect2 .himg{ width:128px;}
.indexCont1 .list li .imgeffect3{}
.indexCont1 .list li .imgeffect3 .himg{ right:0; top:0; width:0;}
.indexCont1 .list li .imgeffect3 .himg img{ right:0; top:0;}
.indexCont1 .list li:hover .imgeffect3 .himg{ width:128px;}
.indexCont1 .list li .imgeffect4{}
.indexCont1 .list li .imgeffect4 .himg{ right:0; top:0; height:0;}
.indexCont1 .list li .imgeffect4 .himg img{ right:0; top:0;}
.indexCont1 .list li:hover .imgeffect4 .himg{ height:141px;}
.indexCont1 .list li .imgeffect5{}
.indexCont1 .list li .imgeffect5 .himg{ right:0; bottom:0; height:0;}
.indexCont1 .list li .imgeffect5 .himg img{ right:0; bottom:0;}
.indexCont1 .list li:hover .imgeffect5 .himg{ height:141px;}
.indexCont1 .list li h1{ margin-bottom:10px;}
.indexCont1 .list li p{ font-size:12px; color:#7a7a7a; line-height:20px;}
.indexCont1 .IC1Bottom{ background-color:#252524; color:#fff; font-size:24px;}
.indexCont1 .IC1Bottom ul{}
.indexCont1 .IC1Bottom li{ float:left; width:455px; box-sizing:border-box; padding:15px 0; padding-left:90px; line-height:44px;}

.indexCont2{ padding-bottom:66px; position:relative; padding-top:86px; background:url(../images/IC2_bg.jpg) center no-repeat; background-size:cover;}
.indexCont2 .flipBlock{ height:650px; padding-top:60px;}
.indexCont2 .flip-container{ width:254px; perspective: 1000; -webkit-perspective: 1000; margin-top:-20px; margin-right:24px; transition:0.2s margin-top; -webkit-transition:0.2s margin-top;}
.indexCont2 .flip-container:nth-of-type(2n){ margin-top:20px;}
.indexCont2 .flip-container:last-child{ margin-right:0;}
.indexCont2 .flip-container:hover{ margin-top:0;}
.indexCont2 .flip-container:hover .flipper,.indexCont2 .flip-container.hover .flipper {transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.indexCont2 .flip-container, .indexCont2 .front, .indexCont2 .back { width: 254px; height: 467px;}
.indexCont2 .flipper { transition: 0.3s 0.2s  cubic-bezier(0.68, -0.55, 0.27, 1.55); -webkit-transition: 0.3s 0.2s  cubic-bezier(0.68, -0.55, 0.27, 1.55); transform-style: preserve-3d; -webkit-transform-style: preserve-3d; position: relative;}
.indexCont2 .front,.indexCont2 .back {backface-visibility: hidden; -webkit-backface-visibility: hidden; position: absolute;top: 0;left: 0;}
.indexCont2 .front { z-index: 2; background-color:#fff; text-align:center;}
.indexCont2 .front .img{ text-align:center; padding:33px 0;}
.indexCont2 .front .img img{ width:239px; height:191px;}
.indexCont2 .front .sign{ width:71px; height:81px; text-align:center; line-height:81px; background:url(../images/IC2_bg02.png) center no-repeat; margin:0 auto; font-size:38px; color:#fff; margin-bottom:25px;}
.indexCont2 .front h1{ font-size:18px; margin-bottom:7px;}
.indexCont2 .front p{ font-size:14px; line-height:22px; color:#7a7a7a;}

.indexCont2 .back { display:block; color:#fff; text-align:center; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); background-color:#0076db; }
.indexCont2 .back h1{ font-size:18px; margin-bottom:7px; padding-top:63px;}
.indexCont2 .back p{ font-size:14px; line-height:22px; margin-bottom:115px;}
.indexCont2 .back .sign{ width:71px; height:81px; text-align:center; line-height:81px; background:url(../images/IC2_bg02_h.png) center no-repeat; margin:0 auto; font-size:30px; color:#0076db; margin-bottom:55px;}
.indexCont2 .back .more{ font-size:14px; font-weight:normal;}

.indexCont3{ padding-bottom:66px; position:relative; padding-top:62px; background:url(../images/IC3_bg.jpg) center no-repeat; background-size:cover;}
.indexCont3 .title{ text-align:center; margin-bottom:35px;}
.indexCont3 .list{ padding:40px 0;}
.indexCont3 .list ul{ text-align:center; padding-top:50px;}
.indexCont3 .list li{ display:inline-block; width:186px; height:186px; background-color:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); box-shadow:3px 0 5px #333; overflow:hidden; position:relative; margin-right:85px; margin-top:-50px;}
.indexCont3 .list li img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg);}
.indexCont3 .list li:first-child,.indexCont3 .list li:nth-child(10),.indexCont3 .list li:nth-child(14){ margin-left:85px;}
.indexCont3 .list li:nth-child(9){ margin-right:0;}
.indexCont3 .list li .liHover{ position:absolute; background-color:#0076db; top:0; left:0; width:0; height:0; transition:0.5s all; -webkit-transition:0.5s all; overflow:hidden;}
.indexCont3 .list li .liHover p{ font-size:50px; color:#fff; display:inline-block; position:absolute; left:0; top:0; transform: rotate(-45deg); white-space:nowrap; width:186px; height:186px; line-height:186px;}
.indexCont3 .list li:hover .liHover{ width:186px; height:186px;}
.indexCont3 .list li:nth-child(even) .liHover{ top:auto; left:auto; bottom:0; right:0;}
.indexCont3 .list li:nth-child(even) .liHover p{ top:auto; left:auto; bottom:0; right:0;}

.indexCont4{ padding-bottom:66px; position:relative; padding-top:66px; background:url(../images/IC4_bg2.png) center no-repeat; background-size:auto 100%; box-sizing:border-box; height:964px;}
.indexCont4 .title{ font-size:26px; line-height:46px; text-align:center; color:#7a7a7a;}
.indexCont4 .title span{ color:#0076db;}
.indexCont4 .imgs{ height:740px; position:relative;}
.indexCont4 .imgs img{ position:absolute; bottom:30px;}
.indexCont4 .imgs .img1{ z-index:10; left:110px; bottom:65px;}
.indexCont4 .imgs .img2{ z-index:12; left:473px;}
.indexCont4 .imgs .img3{ z-index:12; left:190px;}
.indexCont4 .imgs .img4{ z-index:12;}

.indexCont5{ padding-bottom:50px; position:relative; padding-top:35px; background:url(../images/IC5_bg.jpg) center no-repeat; background-size:cover;}
.indexCont5 .form{ padding-top:30px; text-align:center;}
.indexCont5 .form .formBlock{ display:inline-block; text-align:left; vertical-align:middle; margin:0 11px; width:580px; height:302px;}
.indexCont5 .form .formBlock textarea{ width:580px; height:302px; box-sizing:border-box; padding:10px; border:1px solid #999; line-height:22px; font-size:18px; color:#7a7a7a; resize:none;}
.indexCont5 .form .formBlock input{ width:580px; height:64px; padding:0 10px; box-sizing:border-box; border:1px solid #999; font-size:18px; color:#7a7a7a;}
.indexCont5 .form .formBlock .inputBlank{ height:16px;}
.indexCont5 .form .formBlock button{ width:580px; height:62px; padding:0; box-sizing:border-box; border:1px solid #b5b5b5; background-color:#084c97; color:#fff; font-size:24px; cursor:pointer;}
.indexCont5 .form .formBlock img{ height:64px; margin:0 17px;}
.indexCont5 .form .formBlock a{ vertical-align:middle; font-size:18px; color:#084c97;}
.indexCont5 .inputBlock{ position:relative;}
.indexCont5 .inputBlock label{ position:absolute; left:0; bottom:-14px; font-size:12px; color:#f30;}

.indexCont6{ height:262px; background:url(../images/IC6_bg.jpg) center no-repeat; background-color:#5f6e7e;}
.indexCont6 .IC6Block{ padding:0 25px; color:#fff;}
.indexCont6 .IC6Block h1{ font-size:34px; padding:35px 0 30px 0;}
.indexCont6 .IC6Block h2{ font-size:18px; padding-bottom:30px;}
.indexCont6 .IC6Block ul{ font-size:18px; width:730px;}
.indexCont6 .IC6Block li{ float:left; min-width:300px; line-height:33px; margin-bottom:20px;}
.indexCont6 .IC6Block li img{ margin-right:15px;}

/*botttom*/
.bottom{ background:url(../images/bottom_bg.jpg) left top repeat; height:200px; color:#fff; text-align:center; font-size:20px;}
.bottomNav{ padding:44px 0 30px 0;}
.bottomNav a{ margin:0 18px;}

/*menu*/
#menu{ position:fixed; left:0; top:22%; z-index:999;}
#menu ul{ width:150px;}
#menu li{ position:relative; display:block !important; padding-right:2.2em; font-size:15px; box-sizing:border-box; height:38px; line-height:38px; cursor:pointer; margin-bottom:23px; padding-left:40px; background-color:#a1a1a1; border-radius:0 19px 19px 0;}
#menu li a{ display:block;}
#menu li:before{ color:#fff;}
#menu li:after{ content:""; position:absolute; left:12px; top:11px; width:11px; height:11px; border:2px solid #404040; background-color:#fff; transition:all 0.5s; -webkit-transition:all 0.5s; border-radius:50%;}
#menu li.curr:after{ background-color:#d54840;}

/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/*about*/
.aboutCont{ padding:80px 0 0 0;}
.otherTitle{ text-align:center; background-position: center bottom; background-repeat:no-repeat; font-size:36px; padding-bottom:50px;}
.aboutCont .otherTitle{ color:#ed525d; background-image:url(../images/title_border_about.jpg);}

.aboutCont1{ padding-top:125px;}
.aboutCont1 .img{ padding-top:42px; margin-left:85px;}
.aboutCont1 .text{ width:522px; margin-right:85px;}
.aboutCont1 .text h1{ color:#ee535e; text-align:center; font-weight:bold; font-size:24px; margin-bottom:50px;}
.aboutCont1 .text p{ color:#666; line-height:30px; text-indent:2em; margin-bottom:25px; letter-spacing:3px;}

.aboutCont2{ height:1832px; background:url(../images/about_bg01.png) center no-repeat;}
.aboutCont2 .AC21,.aboutCont2 .AC22{ padding:0 85px;}
.aboutCont2 .AC21 .text{ padding-left:200px; padding-top:65px;}
.aboutCont2 .AC21 .text h1{ color:#ee535e; font-size:24px; font-weight:bold; margin-bottom:40px;}
.aboutCont2 .AC21 .text p{ color:#666; line-height:30px; letter-spacing:3px;}
.aboutCont2 .AC21 .img{ padding-top:35px;}

.aboutCont2 .AC22 .img{}
.aboutCont2 .AC22 .text{ width:520px; color:#fff; padding-top:280px; padding-right:180px;}
.aboutCont2 .AC22 .text h1{ font-size:24px; font-weight:bold; margin-bottom:40px;}
.aboutCont2 .AC22 .text p{ line-height:30px; letter-spacing:3px;}

.aboutCont2 .AC23 .text{ padding-top:300px;}
.aboutCont2 .AC23 .img{ padding-top:17px;}

.aboutCont3{ padding-top:60px;}
.aboutCont3 .AC31{ height:445px; background:url(../images/about_bg02.jpg) center bottom no-repeat;}
.aboutCont3 .AC31 .text{ width:560px; padding-top:115px; padding-left:720px; color:#666; line-height:30px; letter-spacing:3px;}
.aboutCont3 .AC32{ height:400px; background:url(../images/about_bg03.jpg) center bottom no-repeat;}
.aboutCont3 .AC32 .text{ width:560px; padding-top:115px; padding-left:68px; color:#666; line-height:30px; letter-spacing:3px;}
.aboutCont3 .AC33{ height:400px; background:url(../images/about_bg04.jpg) center bottom no-repeat;}
.aboutCont3 .AC33 .text{ width:560px; padding-top:115px; padding-left:720px; color:#666; line-height:30px; letter-spacing:3px;}
.aboutCont3 .AC34{ height:400px; background:url(../images/about_bg05.jpg) center bottom no-repeat;}
.aboutCont3 .AC34 .text{ width:560px; padding-top:115px; padding-left:68px; color:#666; line-height:30px; letter-spacing:3px;}

/*case*/
.caseCont{ padding:85px 0;}
.caseTitle{ width:1001px; border-bottom:1px solid #dedede; margin:0 auto; text-align:center; position:relative; font-size:36px;  color:#787878; font-weight:bold; padding-bottom:49px;}
.caseTitle a{ display:inline-block; padding-bottom:7px; border-bottom:3px solid #0076ca;}
.caseTitle b{ display:block; width:1px; height:40px; background-color:#dedede; position:absolute; left:500px; bottom:0;}

.caseNav{ width:1217px; margin:0 auto;}
.caseNav ul{ padding-top:55px;}
.caseNav li{ width:213px; border:1px solid #898989; border-radius:5px; height:50px; line-height:50px; text-align:center; float:left; font-size:24px; color:#333; margin-right:35px; cursor:pointer; position:relative; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:10; background-color:#fff;}
.caseNav li:last-child{ margin-right:0;}
.caseNav li a{ display:block; position:relative; z-index:10; background-color:#fff; border-radius:5px;}
.caseNav li b{ display:block; width:1px; height:40px; background-color:#dedede; position:absolute; top:-56px; left:107px; cursor:default;}
.caseNav li i{ font-size:52px; position:absolute; left:92.5px; bottom:-32px; color:#0076ca; opacity:0; transition:all 0.5s; -webkit-transition:all 0.5s; z-index:9;}
.caseNav li:hover,.caseNav li.curr{ border-color:#0076ca; color:#fff;}
.caseNav li:hover a,.caseNav li.curr a{ background-color:#0076ca;}
.caseNav li:hover i,.caseNav li.curr i{ opacity:1;}

.caseBanner{ padding-top:90px; overflow:hidden; position:absolute; top:0; left:0; opacity:0; z-index:10;}

/*contact*/
.contactCont{ padding:80px 0 160px 0;}
.contactCont .otherTitle{ color:#0076db; border-bottom:1px solid #0076db; width:1000px; margin:0 auto;}
.contactCont1{ padding:95px 0 105px 0;}
.contactCont1 ul{}
.contactCont1 li{ float:left; width:33.3%; text-align:center;}
.contactCont1 li .img{ text-align:center; margin-bottom:18px;}
.contactCont1 li .img img{}
.contactCont1 li h1{ color:#999; margin-bottom:14px;}
.contactCont1 li p{ font-size:26px; line-height:34px; color:#666;}
.contactCont1 li a{ display:inline-block; width:92px; height:32px; line-height:32px; border:1px solid #0076db; font-size:14px; color:#0076db;}
.contactCont2{ text-align:center; margin-bottom:70px;}
.contactCont2 div{ display:inline-block; vertical-align:middle;}
.contactCont2 .img{ padding-right:65px; text-align:right; width:45%; box-sizing:border-box;}
.contactCont2 .img img{}
.contactCont2 .border{ width:1px; height:366px; background-color:#666;}
.contactCont2 .text{ text-align:left; color:#666; padding-left:65px; width:45%; box-sizing:border-box;}
.contactCont2 .text h1{ font-size:36px; padding-bottom:15px;}
.contactCont2 .text p{ font-size:26px; margin-top:30px;}
.contactCont3{ width:1366px; margin:0 auto; height:660px; border-radius:10px; overflow:hidden;}

/*news*/
.newsCont{ padding:80px 0 40px 0; background-color:#eee;}
.newsCont .newsTitle{ font-size:36px; color:#787878; border-bottom:3px solid #0076ca; padding-bottom:10px; width:144px; text-align:center; margin:0 auto; margin-bottom:65px;}
.newsCont .list{}
.newsCont .list ul{}
.newsCont .list li{ padding:20px; float:left; background-color:#fff; width:370px; box-shadow:5px 5px 10px #aaa; transition:all 0.5s; -webkit-transition:all 0.5s; margin:0 68px 50px 0;}
.newsCont .list li:nth-of-type(3n){ margin-right:0;}
.newsCont .list li:hover{ background-color:#56abf4;}
.newsCont .list li .img{ width:370px; height:268px; margin-bottom:20px;}
.newsCont .list li .img img{ width:370px; height:268px;}
.newsCont .list li h1{ font-size:24px; color:#20170d; margin-bottom:15px; transition:all 0.5s; -webkit-transition:all 0.5s;}
.newsCont .list li h2{ font-size:19px; color:#929190; margin-bottom:15px; text-align:right; transition:all 0.5s; -webkit-transition:all 0.5s;}
.newsCont .list li p{ font-size:19px; color:#929190; line-height:30px; height:90px; overflow:hidden; transition:all 0.5s; -webkit-transition:all 0.5s;}
.newsCont .list li:hover h1,.newsCont .list li:hover h2,.newsCont .list li:hover p{ color:#fff;}

/*pages*/
.pages{ text-align:center;}
.pagination{ display:inline-block; margin:0 auto;}
.pagination li{ float:left;}
.pagination a{ display:inline-block;padding-left: 10px; padding-right: 10px;line-height:44px; min-width:44px; box-sizing:border-box; margin:0 10px; font-size:18px; background-color:#0076db; color:#fff; text-decoration:none; border-radius:22px;}
.pagination .prev,.pagination .next{}
.pagination .active a{ background-color:rgba(0,0,0,0); color:#333;}

/*news detail*/
.NDCont{ padding:60px 0; background-color:#eee;}
.NDCont .NDTitle{ color:#787878; text-align:center; margin-bottom:40px;}
.NDCont .NDTitle h1{ font-size:48px; margin-bottom:25px;}
.NDCont .NDTitle h2{ font-size:36px;}
.NDCont .NDEdit{ padding:40px 20px; font-size:24px; line-height:32px; background-color:#fff; box-shadow:3px 3px 10px #999 inset;}
.NDCont .NDEdit img{ max-width:100%;}


/*弹框样式*/
.imgzoom_pack{
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    background:rgba(0,0,0,.7);
    display:none;
    z-index:199;
}
.imgzoom_pack .imgzoom_x{
    color:#fff;
    height:30px;
    width:30px;
    line-height:30px;
    background:#000;
    text-align:center;
    position:absolute;
    right:5px;
    top:5px;
    z-index:200;
    cursor:pointer;
}
.imgzoom_pack .imgzoom_img{
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    overflow:hidden;
}
.imgzoom_pack .imgzoom_img img{
    width:100%;
    position:absolute;
    top:50%;
}