@charset "UTF-8";
body{}
.bgcolor{width:100%;background-color: #fff;padding-bottom: 20px;}
.clearfix {
    +height: 1%;
}
.title{height: auto;opacity: 0;text-align: center; padding:50px 0 20px 0;position: relative;top:-100px;}
.title img{display: block;margin:0px auto;}
.title h3{font-size: 30px;color: #333;font-weight: 500;margin:10px 0;}
.title h3 img{display: inline-block;}
.title h3 img:first-child{margin-right: 10px;}
.title h3 img:last-child{margin-left: 10px;}
.title p{font-size: 14px;color: #999;}
.title.current{top:0; opacity:1;}
/*统一设置背景的background-attchment属性*/ 
.article{ 
 width: 100%; 
 margin: 0 auto; 
 height: auto; 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: center center; 
 background-size: cover; 
} 
.anim{ 
 -webkit-transition : all 1s ease-in; 
 -moz-transition : all 1s ease-in; 
 -ms-transition : all 1s ease-in; 
 transition : all 1s ease-in; 
 text-indent:3em; 
}
/*产品中心*/
.hpnavbox{/*width: 1310px;*/width: 1090px;height: 40px;margin:10px auto 30px;}
.hpnavbox a{width: 206px;height: 100px;float: left;margin:0 6px;display: block;transition:0.5s;position: relative;overflow: hidden;background: url(../images/pbtn1.jpg) no-repeat;}
.hpnavbox a:hover,.hpnavbox .proon{color: #365486;background: url(../images/pbtn2.jpg) no-repeat;}
.hpnavbox a span{display: block;font-size: 14px;color: #999;margin-top: 20px;margin-left: 20px;}
.hpnavbox a span b{font-size: 18px;display: block;color: #666;font-weight: 500;margin-top:10px;}
.hpnavbox a img{position: absolute;top:23px;right: 10px;display: block;}
.hpnavbox a:hover span,.hpnavbox a:hover span b,.hpnavbox .proon span,.hpnavbox .proon span b{color: #365486;}
.hpnavbox a:hover span b,.hpnavbox .proon span b{font-weight: 700;}
div.proCon{width: 1300px;margin:0px auto;overflow: hidden;}
.hproimg{float: left;width: 650px;}
.hproimg a{display: block;float: left;width:311px;height: 217px;margin:0 14px 14px 0;position: relative;overflow: hidden;}
.hproimg a img{width: 311px;height: auto;position: absolute;top:0;right: 0;left: 0;bottom: 0;margin:auto;text-align: center;}
.hproimg a span{display: block;width: 100%;height: 0px;line-height: 0px;font-size: 14px;color: #fff;text-align: center;position: absolute;left: 0;bottom: 0;background: url(../images/tou.png) repeat;transition: 0.5s;opacity: 0;}
.hproimg a:hover span{opacity: 1;height: 40px;line-height: 40px;}
.hproinfo{width: 540px;padding:55px;background-color: #fff;float: right;height: 340px;box-shadow: 2px 2px 5px -2px #ddd;}
.hproinfo h3{font-size: 24px;color: #333;text-align: center;font-weight: 100;}
.hproinfo p{font-size: 14px;color: #666;line-height: 30px;margin-top: 30px;}
a.hprobtn{width: 148px;height: 45px;display: block;background-color: #2d56a7;border:1px solid #2d56a7; margin:40px auto 0;color: #fff;text-align: center;font-size: 16px;line-height: 45px;position: relative;overflow: hidden;}   
a.hprobtn:hover{background-color: #fff;color: #2d56a7;}
a.hprobtn:after,.hpnavbox a:after,a.hnbtn:after,.featureUL li span:after,a.hcabtnmore:after{
  background: #2d56a7;
  content: "";
  height: 250px;
  left: -125px;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 100;
}
a.hprobtn:hover:after,.hpnavbox a:hover:after,a.hnbtn:hover:after,.featureUL li:hover span:after,a.hcabtnmore:hover:after{
  left: 120%;
  -webkit-transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.proCon.current .hproimg{margin-left: 0;opacity: 1;}
.proCon.current .hproinfo{margin-right: 0;opacity: 1;}
/*广告1*/
.guangbox1{width: 100%;min-width: 1300px;background: url(../images/gbg.jpg) top center no-repeat;height: 159px;}
.gbox1left{width: 440px;float: left;color: #fff;}
.gbox1left h2{font-size: 36px;margin-top: 30px;}
.gbox1left span{display: block;font-size: 16px;margin-left: 45px;margin-top: 10px;}
.gbox1left span em{font-size: 24px;font-weight: 700;display: inline-block;}
.gbox1right{width: 860px;float: right;}
.gbox1right span{display: block;width:90px;height: 115px;float: left;margin-top: 30px;margin-left: 53px;transition: 0.5s;position: relative;}
.gbox1right span i{display: block;width:90px;height: 90px;
  -webkit-transition: All 0.7s ease-in-out;
  -moz-transition: All 0.7s ease-in-out;
  -o-transition: All 0.7s ease-in-out;}
.gbico1 i{background: url(../images/gico1.png) no-repeat;}
.gbico2 i{background: url(../images/gico2.png) no-repeat;}
.gbico3 i{background: url(../images/gico3.png) no-repeat;}
.gbico4 i{background: url(../images/gico4.png) no-repeat;}
.gbico5 i{background: url(../images/gico5.png) no-repeat;}
.gbico6 i{background: url(../images/gico6.png) no-repeat;}
.gbico1:hover i{background: url(../images/gico1-1.png) no-repeat;}
.gbico2:hover i{background: url(../images/gico2-1.png) no-repeat;}
.gbico3:hover i{background: url(../images/gico3-1.png) no-repeat;}
.gbico4:hover i{background: url(../images/gico4-1.png) no-repeat;}
.gbico5:hover i{background: url(../images/gico5-1.png) no-repeat;}
.gbico6:hover i{background: url(../images/gico6-1.png) no-repeat;}
.gbox1right span em{display: block;font-size: 14px;color: #333;position: absolute;bottom: 0px;text-align: center;width: 100%;}
.gbox1right span:hover em{color: #2d56a7;}
.gbox1right span:hover i{ transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);}
/*案例展示*/
.hcasebtn{/*width: 940px;*/width: 780px;margin:20px auto;height: 45px;}
.hcasebtn a{width: 138px;height: 43px;line-height: 43px;display: block;float: left;border:1px solid #d2d2d2;font-size: 15px;color: #666;text-align: center;margin:0 8px;position: relative;overflow: hidden;}
.hcasebtn a:hover{background-color:#2d56a7;color: #fff;}
#featureContainer{width:1300px; margin:0px auto;}
#featureContainer a{ position:relative;}
#feature{position: relative;height: 265px;width: 100%;}
#block {z-index: 0; position: relative; overflow: hidden; width:1300px; height:265px; margin:0 auto;}
#botton-scroll{z-index: 0; margin: 0px auto; width:1300px; height:265px;}
#feature .featurebtn{text-indent: -9999px;width:51px;height:54px;display: block;position: absolute;top:40%; transition:0.5s;}
#feature .prev{background: url(../images/l.png) 0 0 no-repeat;left:-30px;}
#feature .next{background: url(../images/r.png) 0 0 no-repeat;right:-30px;}
.featureUL{ position: relative; list-style-type: none; margin: 0px; padding-left: 0px; width: 2900px; float: left; left: 0px;}
.featureUL li{width:300px;float: left;height:265px;overflow: hidden;margin:0px 10px;position: relative;transition:0.5s;cursor: pointer;}
#featureContainer a.li_img{width:288px;height:208px;display: block;padding:5px;text-align:center;overflow:hidden;position: relative;display: block;border:1px solid #d2d2d2;}
#featureContainer a.li_img img{ width:289px;height:auto;display: block;overflow:hidden;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;text-align: center;}
.featureUL li:hover .li_img img{-webkit-transform: scale(1.08);
  -moz-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}
.featureUL li span{width: 298px; display: block;font-size: 16px;color: #fff;text-align: center;height: 38px;line-height: 38px;position: absolute;bottom: 0;left: 0;background-color: #365486;border:1px solid #365486;overflow: hidden;}
.featureUL li:hover span{color: #365486;background-color: #fff;}
a.hcabtnmore{display: block;margin:30px auto;font-size: 15px;color: #fff;transition: 0.5s; background-color: #365486;width: 120px;height: 35px;line-height: 35px;border:1px solid #365486;border-radius: 5px;text-align: center;position: relative;overflow: hidden;}
a.hcabtnmore:hover{background-color: #fff;color: #365486;}
/*优势*/
.ysbox{width: 1200px;margin:0px auto;position: relative;}
.ysleft{width: 580px;float: left;}
.ysright{width: 587px;height: 363px;float: right;}
div.bigeyeBox{width: 100%;height: 363px;position:relative;top:8px;}
div.bigeyeLong{width: 100%;height: 363px;position:relative;overflow: hidden;}
.ystop span{width: 60px;height: 77px;line-height: 77px; background: url(../images/yico.png) no-repeat;display: inline-block;font-size: 23px;color: #fff;text-align: center;}
.ystop h4{font-size: 22px;color: #333;display: inline-block;position: relative; top: 28px;margin-left: 10px;}
.ystop h4 em{display: block;font-size: 14px;color: #999;font-weight: 500;}
.bigeyeBox li p{width: 100%;font-size: 16px;color: #666;line-height: 30px;margin-top: 30px;}
.bigeyeBox .bd{height: 363px;}
.slide_nav{width: 580px;height: 19px;clear: both;position: absolute;left: 0;top:250px;}
.slide_nav a{width: 130px;height: 19px;display: block;float: left;background: url(../images/ysbtn1.png) no-repeat;margin-right: 14px;transition: 0.5s;}
.slide_nav a:last-child{margin-right: 0;}
.slide_nav a:hover,.slide_nav a.on{background: url(../images/ysbtn2.png) no-repeat;cursor:pointer;}
.ystel{ height:61px; background:url(../images/tel1.png) left no-repeat; padding-left:71px;position: absolute;left: 0;bottom: 0;}
.ystel span{ color:#666; display:block; line-height:25px;font-size: 14px;}
.ystel em{ color:#365486; font-size:24px; font-family:Arial;font-weight: bolder;}
.ysbtn_pre{width: 48px;height: 46px;background: url(../images/t.jpg) 0 0 no-repeat;display: block;
  position: absolute;bottom:0px;text-indent: -999em;right:135px;transition: 0.5s;z-index: 999;}
.ysbtn_next{width: 48px;height: 46px;background: url(../images/b.jpg) 0 0 no-repeat;display: block;
  position: absolute;bottom:-46px;text-indent: -999em;right:135px;transition: 0.5s;z-index: 999;}
.ysbtn_pre:hover{background-position: 0 -46px;}
.ysbtn_next:hover{background-position: 0 -46px;}
/*企业简介*/
.abimg{margin-left: -100px;opacity: 0;}
.abimg.current{margin-left: 0px;opacity: 1;} 
.habtxt{width: 580px;float: right;margin-right: -100px;opacity: 0;}
.habtxt.current{margin-right: 0px;opacity: 1;}
.habtxt h3{font-size: 24px;color: #333;font-weight: 500;background: url(../images/line1.png) left bottom no-repeat;padding-bottom: 20px;}
.habtxt p{font-size: 14px;color: #333;line-height: 30px;margin:30px 0 40px 0;}
a.habbtn{color: #365486;font-size: 14px;display: inline-block;float: right;}
a.habbtn:hover{color: #feae17;}
.habbtnbox a{display: block;float: left;margin-right: 32px;transition: 0.5s;width: 88px;height: 88px;}
.habbtnbox a:last-child{margin-right: 0;}
.habbtnbox a:hover{box-shadow: 5px 5px 10px -4px #666;}
a.aico1{background: url(../images/aico1.png) no-repeat;}
a.aico2{background: url(../images/aico2.png) no-repeat;}
a.aico3{background: url(../images/aico3.png) no-repeat;}
a.aico4{background: url(../images/aico4.png) no-repeat;}
a.aico1:hover{background: url(../images/aico1-1.png) no-repeat;}
a.aico2:hover{background: url(../images/aico2-1.png) no-repeat;}
a.aico3:hover{background: url(../images/aico3-1.png) no-repeat;}
a.aico4:hover{background: url(../images/aico4-1.png) no-repeat;}
/*营销网络*/
.hyxnavbox{width: 425px;}
.hyxnavbox a{width:210px;height: 64px;background: url(../images/yxico1.png) no-repeat;display: block;float: left;
font-size: 24px;color: #365486;line-height: 64px;text-align: center; }
.hyxnavbox a.yxon,.hyxnavbox a:hover{background: url(../images/yxico2.png) no-repeat;color: #fff;}
.yxbox,.yxCon{width: 1190px;margin:0px auto;position: relative;}
.yxinfo{width: 560px;font-size: 16px;color: #333;line-height: 30px;}
.yxinfo h3{font-size: 24px;color: #365486;margin:50px 0 30px 0;}
.yxinfo h3 em{font-size: 14px;font-weight: 500;display: block;line-height: 30px;}
.yxinfo h3 i{display: block;width: 45px;height: 2px;background-color: #365486;}
.yxCon img.fr{margin-top: -80px;}
/*广告条2*/
.guangbox2{width: 100%;min-width: 1300px;background: url(../images/ggbg.png) top center no-repeat;height: 327px;}
.guangbox2 p{font-size: 24px;color: #fff;text-align: right;padding-top: 45px;}
.guangbox2 h2{display: block;font-size: 38px;color: #fff;text-align: right;line-height: 70px;}
.guangbox2 h2 em{color: #feae17;display: inline-block;}
.guangbox2 span{display: block;font-size: 18px;color: #365486;width: 280px;height: 45px;line-height: 45px;float: right;text-align: center;background-color: #fff;margin-top: 20px;}
.guangbox2 .container{overflow: hidden;}
.guangbox2 .container div{margin-right: -100px;opacity: 0;}
.guangbox2.current .container div{margin-right: 0;opacity: 1;}
/*新闻*/
.hnewleftbox{width: 661px;float: left;}
.hnewrightbox{width: 610px;float: right;}
.nlefttit{width: 100%;height: 40px;background: url(../images/ntbg.png) top left no-repeat;line-height: 35px;}
.nlefttit span{float: left;font-size: 20px;color: #fff;text-indent: 20px;}
.nlefttit a.nl_more{float: right;font-size: 14px;color: #365486;transition:0.5s;}
.nlefttit a.nl_more:hover{color: #333;}
.hnllist li{height: 125px;margin-top: 25px;background-color: #fff;}
.hnlimg{display: block;float: left;width:187px;height: 125px;position: relative;overflow: hidden;}
.hnlimg img{width: auto;height: 125px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;text-align: center;transition: 0.5s;}
.hnllist div{width: 455px;float: right;position: relative;}
a.hnltit{font-size: 18px;color: #333;display: block;margin: 10px 0;transition:0.5s;}
.hnllist div p{font-size: 15px;color: #666;line-height: 23px;}
.hnllist div i{width: 34px;height: 32px;background: url(../images/nico.png) no-repeat;position: absolute;top:0;right: 0;}
.hnllist li:hover .hnlimg img,.hninfo:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);} 
.hnllist li:hover a.hnltit{color: #365486;font-weight: 700;}
.hninfo{margin-top: 25px;height: 162px;background-color: #fff;padding:20px;border-bottom: 1px dashed #c6c6c6;}
.hnrimg{display: block;float: left;width: 252px;height: 162px;overflow: hidden;}
.hnrimg img{width: 252px;height: auto;transition: 0.5s;}
.hninfo_txt{width: 290px;float: right;margin-top:5px;}
.hninfo_txt span{display: block;font-size: 18px;color: #333;line-height: 35px;width: 100%;overflow: hidden;height: 35px;}
.hninfo_txt p{font-size: 14px;color: #666;}
a.hnbtn{margin-top: 20px;font-size: 14px;color: #fff;float: right; width: 100px;height: 30px;line-height: 30px;text-align: center;display: block;background-color: #365486;border:1px solid #365486;position: relative;overflow: hidden;}
a.hnbtn:hover{background-color: #fff;color: #365486;}
.hnr_list{overflow: hidden;margin:0 auto;clear: both;background-color: #fff;padding:10px 20px 10px 20px;}
.hnr_list li{width: 100%;height: 34px;line-height: 34px;position: relative;}
.hnr_list li a{font-size: 15px;color: #333;display: block;float: left;transition:0.5s;width: 80%;height: 34px;overflow: hidden;text-indent: 25px;}
.hnr_list li a:hover{color: #365486;text-indent: 15px;}
.hnr_list li span{font-size: 14px;color: #b2b2b2;display: block;float: right;}
.hnr_list li i{width: 7px;height: 7px;background: url(../images/dian.png) no-repeat;display: block;float: left;position: absolute; top: 15px;}




@-webkit-keyframes twinkling {
  0% {-webkit-transform:scale(1);}
  50% {-webkit-transform:scale(0.90);}
  100% {-webkit-transform:scale(1);}
}
@keyframes twinkling {
  0% {-webkit-transform:scale(1);transform:scale(1);}
  50% {-webkit-transform:scale(0.90);transform:scale(0.90);}
  100% {-webkit-transform:scale(1);transform:scale(1);}
}


@media screen and (max-width: 1400px) { 

}
@media screen and (max-width: 1280px) { 

}