/*****Reset Css  2014.5.29 by Changl*****/

body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}

body{ font:12px/1.5 arial,"Microsoft Yahei"; color:#333;}

img{vertical-align: middle; border:none;}

ul,ol{list-style:none outside none;}

table{border-collapse:collapse; border-spacing:0;}

button, input, select, textarea {font-size: 100%; vertical-align:middle;}

a{ color:#333; text-decoration:none; blr:expression(this.onFocus=this.blur());}

a:hover{ text-decoration:none; }

:focus {outline: 0 none;}

h1,h2,h3{ font-size:100%;}

input[type="reset"]::-moz-focus-inner,

input[type="button"]::-moz-focus-inner,

input[type="submit"]::-moz-focus-inner,

input[type="file"] > input[type="button"]::-moz-focus-inner{

border:none;padding:0;

}



/***** common css *****/

.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}

.clearfix{*zoom:1;}

.text{ border:none;}

.btn{ cursor:pointer; border:none;}

.core{ color:#9b0a00;}

em,i{ font-style:normal;}

#loading{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 999999999; background: #fff;}

.base {

  height: 9em;

  left: 50%;

  margin: -7.5em;

  padding: 3em;

  position: absolute;

  top: 50%;

  width: 9em;

  transform: rotateX(45deg) rotateZ(45deg);

  transform-style: preserve-3d;

}



.cube,

.cube:after,

.cube:before {

  content: '';

  float: left;

  height: 3em;

  position: absolute;

  width: 3em;

}



/* Top */

.cube {

  background-color: #0556ba;

  position: relative;

  transform: translateZ(3em);

  transform-style: preserve-3d;

  transition: .25s;

  -webkit-transform: translateZ(3em);

  -webkit-transform-style: preserve-3d;

  -webkit-transition: .25s;

  box-shadow: 13em 13em 1.5em rgba(0, 0, 0, 0.1);

  animation: anim 1s infinite;

  -webkit-animation: anim 1s infinite;

}

.cube:after {

  background-color: #0556ba;

  transform: rotateX(-90deg) translateY(3em);

  transform-origin: 100% 100%;

  -webkit-transform: rotateX(-90deg) translateY(3em);

  -webkit-transform-origin: 100% 100%;

}

.cube:before {

  background-color: #0556ba;

  transform: rotateY(90deg) translateX(3em);

  transform-origin: 100% 0;

  -webkit-transform: rotateY(90deg) translateX(3em);

  -webkit-transform-origin: 100% 0;

}

.cube:nth-child(1) {-webkit-animation-delay: 0.05s; animation-delay: 0.05s;}

.cube:nth-child(2) {-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}

.cube:nth-child(3) {-webkit-animation-delay: 0.15s; animation-delay: 0.15s;}

.cube:nth-child(4) {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}

.cube:nth-child(5) {-webkit-animation-delay: 0.25s; animation-delay: 0.25s;}

.cube:nth-child(6) {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}

.cube:nth-child(7) {-webkit-animation-delay: 0.35s; animation-delay: 0.35s;}

.cube:nth-child(8) {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}

.cube:nth-child(9) {-webkit-animation-delay: 0.45s; animation-delay: 0.45s;}



@keyframes anim {

  50% {

    transform: translateZ(0.5em);

  }

}

@-webkit-keyframes anim {

  50% {

    -webkit-transform: translateZ(0.5em);

  }

}

/* head */

.head{  background:url(../images/headbj.png) left top; width:100%; position:absolute; left:0; top:0;z-index:9999;}

.head_inner{ width:1180px; margin:0 auto; position:relative;}

.head_inner h1{ float:left; margin:28px 0 0 18px;}

.head_right{ float:right;}

.language{ color:#fff; position:absolute; top:27px; right:13px;  z-index:99999;display:none; }

.language a{ color:#fff;}

.language a:hover{ text-decoration:underline;color:#1b6bc1}

.nav_ul{ float:right;}

.nav_ul li{ float:left; width:106px; margin-left:5px; font-size:15px; position:relative; height:100px;}

.nav_ul li a{ font-size:15px; color:#fff!important; display:block; line-height:140px; text-align:center; height:100px; width:106px;}

.nav_ul li a:hover,.cur a{     color: #fff!important;

    border-bottom: 2px solid #fff;height: 98px; }





/*.subnav{ padding: 15px 0; background:url(../images/navli.png) left top; position: absolute; left: 0; top: 100px;   z-index: 999999; display:none;}

.nav_ul li .subnav a{ float: left; color: #fff!important; font-size: 14px; margin-left: 32px; line-height: 24px; width: auto; height: auto; display:inline-block; background:none;}

.nav_ul li .subnav a:hover{ color: #1b6bc1!important; background: none; padding: 0; }

.cur .subnav{ display: block;}

.ie8 .subnav{ background: #fff; filter:alpha(opacity=70);}

.tes a{ margin-bottom: 10px;}

.sub_inner{ float:left; padding:0 20px;}*/

.nav_ul .tog #pro{ width:52px; padding:0 27px; position:absolute; left:0; top:100px; z-index:999;*z-index:9999; display:none; background:url(../images/navli.png) left top; color:#fff; text-align:center;}

.nav_ul .tog #pro a{ color:#fff; border:none;  height:30px;  line-height:30px; margin-left:0; border-bottom:1px solid #fff medium; display:inline-block; width:auto; font-size:12px;}

.nav_ul .tog #pro a:hover{ color:#1b6bc1; border-bottom:1px solid #1b6bc1;}





/* foot */

.foot{ background:#2464b4; padding:31px 0 70px 0; overflow:hidden; margin:0 auto; width:100%;}

.foot_inner{ width:1180px; margin:0 auto;}

.foot_left{ width:400px; float:left; margin:36px 0 0 80px;}

.foot_left .code{ width:118px; float:left; margin-right:10px;}

.foot_left .code img{ width:108px; height:108px; overflow:hidden; margin-top:12px;}

.contact{ float:left; width:269px; color:#fff;}

.contact span{ display:block; font-size:20px; height:26px; line-height:26px; overflow:hidden;}

.contact em{display:block; font-size:14px; height:26px; line-height:26px; overflow:hidden;}

.contact p{ font-size:12px; height:21px; line-height:21px; overflow:hidden;}

.contact a{ color:#fff; font-size:14px; display:block; height:24px; overflow:hidden; line-height:24px;}

.foot_right{ float:right; width:680px;} 

.foot_nav{ float:left; width:20%;}

.foot_nav span{ display:block; color:#fff; font-size:14px; margin-bottom:16px;}

.foot_nav a{ display:block; font-size:12px; color:#fff; height:26px; line-height:26px; overflow:hidden; width:80px;}

.foot_nav a:hover{ text-decoration:underline;}

.add{ background:#112c6f; height:68px; line-height:68px; margin:0 auto;overflow:hidden;  width:100%;}

.add_inner{ width:1080px; margin:0 auto; text-align:center; color:#fff;}

.add_inner a{ color:#fff; margin-left:10px;}

.add_inner a:hover{ text-decoration:underline;}

.add_inner .foot_tech{ margin-right:150px;}



/* wrap */

.wrap{ width:1180px; margin:0 auto;}

.catalog{ width:240px; margin:18px 0 0 0; float:left;}

.catalog a{ background:#f4f4f4; height:60px; line-height:60px; text-align:center; font-size:16px; color:#193c67; display:block; margin-bottom:1px; border-bottom:1px solid #e9e9e9;}

.catalog a:hover,.catalog a.for{ color:#fff; background:#0556ba url(../images/cata.png) 3px 38px no-repeat; border-bottom:1px solid #0556ba;}

.details{ width:900px; float:right; margin:21px 0 0 0; min-height:500px;}

.deta_tit{ border-bottom:1px solid #f4f4f4; height:51px; overflow:hidden;}

.deta_tit .current{ float:left; width:116px; border-bottom:2px solid #0556ba;  font-size:16px; color:#0556ba; padding:10px 0 12px 0; text-align:center;}

.deta_tit  .current .curr_left{ /*background:url(../images/deta1.png) left top no-repeat;*/ width:19px; height:20px;display:inline-block;}

.deta_tit  .current .curr_right{ /*background:url(../images/date2.png) left top no-repeat;*/ width:19px; height:20px; display:inline-block; margin-left:9px;}

.deta_tit  .home{ float:right; line-height:50px; overflow:hidden; color:#808080; padding-right:12px;}

.deta_tit  .home a{ color:#808080;}

.deta_tit  .home a:hover,.deta_tit .home .blue{ color:#0556ba;}

.atricle{ padding:40px 0 50px 0; line-height:24px; font-size:14px; color:#666666;}



/* case1 */

.case1_ul{ margin:5px 0 0 -33px;}

.case1_ul li{ float:left; margin:30px 0 0 51px; width:250px; height:315px; position:relative; border:2px solid #fff;  overflow:hidden;}

.case1_ul li img{ width:250px; height:315px; overflow:hidden;transition:all 0.5s ease 0s;}

.case1_ul li .case_hover{ width:100%; height:41px; line-height:41px; text-align:center; position:absolute; left:0px; bottom:0px; background:url(../images/casebj.png) left top repeat; font-size:14px; text-align:center; color:#fff;}

.case1_ul li:hover{ border:2px solid #0556ba;transition:all 0.5s ease 0s;}

.case1_ul li:hover img{ transform:scale(1.1,1.1)}

.case1_ul li .case_hover:hover{ background:#0556ba;}



/* case */

.case_ul{ margin:5px 0 0 -33px;}

.case_ul li{ float:left; margin:34px 0 0 33px; width:426px; height:281px; position:relative; border:2px solid #fff; overflow:hidden;}

.case_ul li img{ width:426px; height:281px; overflow:hidden;transition:all 0.5s ease 0s;}

.case_ul li .case_hover{ width:100%; height:41px; line-height:41px; text-align:center; position:absolute; left:0px; bottom:0px; background:url(../images/casebj.png) left top repeat; font-size:14px; text-align:center; color:#fff;}

.case_ul li:hover{ border:2px solid #0556ba;transition:all 0.5s ease 0s;}

.case_ul li:hover img{ transform:scale(1.1,1.1)}

.case_ul li .case_hover:hover{ background:#0556ba;}







#show{ margin:70px 0; display:block; font-size:14px; color:#193c67; background:#eaeaea; height:34px; line-height:34px; width:100%; text-align:center;}

#show:hover{ transition:all 0.5s ease 0s; background:#193c67; color:#eaeaea;}

.call{ width:243px; height:202px; overflow:hidden; margin-top:25px;}

.call img{ width:243px; height:202px; overflow:hidden;}



/* case_info */

.case_info{ line-height:24px; font-size:14px; color:#666666;}

.return{ width:85px; height:25px; display:block; float:right; background:#0556ba; color:#fff; line-height:25px; text-align:center; margin:20px 0 40px;border:1px solid #fff;}

.return:hover{ color:#0556ba; background:none; border:1px solid #0556ba; transition:all 0.5s ease 0s;}



/* service */

.service{ padding-bottom:60px;}

.service_tit{ height:86px; line-height:86px; text-align:right; padding-right:16px; color:#808080;}

.service_tit a{color:#808080;}

.service_tit .blue{ color:#0556ba;}

.service_tit a:hover{color:#0556ba; transition: all 0.4s ease 0s;}

.service_ul li{ margin:0 64px 50px; width:260px; float:left;}

.service_ul li .ser_div{ background:url(../images/service.jpg) left top no-repeat; width:257px; height:241px; margin-bottom:18px; display:block; padding:19px 0 0 3px;}

.service_ul li .ser_div img{ width:236px; height:236px; overflow:hidden;}

.service_ul li .ser_tit{ background:#dde1e5 url(../images/line.png) center center no-repeat; width:208px; height:54px; line-height:54px; text-align:center; display:block;  color:#fff; margin:0 auto 15px; font-size:22px;}

.service_ul li .ser_word{ display:none;background:url(../images/line1.png) center center no-repeat; width:184px; height:18px; margin:0 auto; text-align:center; color:#666666; display:block; font-family:Arial; overflow:hidden; padding:0 12px;}

.service_ul li:hover .ser_word{ color:#5295e7; transition:all 0.5s ease 0s;}



/* news */

.news_dl{ padding:39px 0 31px; border-bottom:1px solid #f4f4f4;}

.news_dl dt{ float:left; border:1px solid #2464b4; margin-right:34px; width:382px; height:207px; overflow:hidden;}

.news_dl dt img{width:382px; height:207px; overflow:hidden;}

.news_dl dd{ float:left; width:480px;}

.news_dl dd .news_tit{ display:block; font-size:16px; height:46px; line-height:46px;}

.news_dl dd a:hover{color:#2464b4; transition:all 0.6s ease 0s;}

.news_dl dd .news_infor{ font-size:14px; line-height:26px; color:#808080; height:100px; overflow:hidden;}

.news_dl dd .news_see{ display:block; width:80px; height:24px; line-height:24px; text-align:center; color:#fff; background:#2464b4; margin-top:25px; border:1px solid #2464b4;}

.news_dl dd .news_see:hover{ background:none; color:#2464b4; transition:all 0.6s ease 0s;}

.news_cont dl{ padding-top:28px; display:none;}

.news_cont dl dt{ float:left; width:105px; height:95px; background:#f4f4f4; margin-right:23px; text-align:center; color:#666666;}

.news_cont dt em{ display:block; font-size:24px; color:#2464b4; margin-top:14px; height:60px; line-height:60px;}

.news_cont dt span{ display:block; font-size:14px; height:28px; line-height:28px;}

.news_cont dd{ float:left; width:760px; height:95px; overflow:hidden;}

.news_cont dd .xinwen{ height:40px; line-height:40px; font-size:14px; display:block;}

.news_cont dd a:hover{color:#2464b4; transition:all 0.6s ease 0s;}

.news_cont dd .news_a{ line-height:22px; height:40px; color:#808080; display:block;}



/* news_info */

.release{ background:url(../images/newsline.png) center bottom no-repeat; padding:40px 0 13px; margin-bottom:20px; }

.release h3{ height:40px; line-height:40px; font-size:24px; text-align:center; font-weight:normal; overflow:hidden;}

.release span{  overflow:hidden;height:36px; line-height:36px; text-align:center; display:block; color:#808080;}

.news_content{line-height:24px; font-size:12px; color:#666666; font-size:14px;}

 

/* contact */

.mode_left{ float:left; width:365px; margin:99px 23px 0 0;}

.mode_left  li{ height:50px; line-height:50px;}

.mode_left  li em{ display:block; float:left; font-size:14px; color:#808080; margin-left:14px; width:332px; overflow:hidden; height:50px;}

.mode_left  li span{ display:block; background:url(../images/dz.png) left center no-repeat; float:left; width:13px; height:50px; line-height:50px;}

.mode_left  li .pop{ width:11px; background-position:-13px 18px;}

.mode_left  li .email{ width:13px; background-position:-26px 18px;}

.mode_left  li .dh{ width:13px; background-position:-42px 18px;}

.mode_left  li .dz{ width:13px; background-position:-55px 18px;}

.mode_right{ width:510px; float:right; margin-top:57px;}

.mode_right img{ width:510px; height:348px; overflow:hidden;}



/* join */



.recu{ padding:30px 0 66px 0px;}

.recu .scb{ cursor:pointer;}

.pos dt{ font-size:18px; color:#2464b4; background:url(../images/join.jpg) 14px center no-repeat; padding-left:26px; height:77px; line-height:77px;}

.pos dd .scb li{ line-height:38px; color:#333; height:38px;padding-left:23px; font-size:14px;  position:relative; margin-bottom:2px;background:#f0f0f0 url(../images/round.png) 20px center no-repeat; color:#666666;}

.Requirement em{ font-size:14px; color:#333; font-weight:600;}

.Requirement{ border-bottom:none; color:#333; line-height:30px; margin:22px 0 22px 20px; display:none; font-size:14px; color:#666; }

.pos li .jia{ position:absolute; top:6px; right:11px; background:url(../images/add.png) left center no-repeat; width:25px; height:25px;}

.recu dd .act li{ color:#9f0117;} 

.recu dd .act li .jia{position:absolute; top:6px; right:11px; background:url(../images/add1.png) left center no-repeat; width:25px; height:25px;}




.pos dd .scb li p.w3{ width:30%; float:left; z-index:99999;}
.w4 td{ font-weight:bold; padding:8px 0; padding-left:3%;}
.w4{ margin-bottom:10px; background-color:#ddd;}

/* office */

.off{ display:none;}

.off a{ height:40px; line-height:40px;}

.off a:hover,.off a.on{ background:none; color:#0556ba;}

.off_ul li{ float:left; width:20%; margin-top:44px;}

.off_ul li .off_img{ display:block; margin:0 auto; width:110px; height:108px; background:#f0f0f0; border-radius:5px; line-height:110px; text-align:center;}

.off_ul li .off_img img{ width:53px; height:64px; overflow:hidden; transition:all 1s ease 0s;}

.off_img:hover{ -webkit-box-shadow: 2px 2px 3px #bdbdbd;  

  -moz-box-shadow: 2px 2px 3px #bdbdbd;  

  box-shadow: 2px 2px 3px #bdbdbd; transform:scale(1.01,1.01)  }

.off_ul li .off_word{ height:48px; line-height:48px; text-align:center; font-size:14px; color:#666666; display:block; overflow:hidden;}

.off_ul li .off_word:hover{ color:#2464b4; transition:all 0.5s ease 0s;}

.off_ul li .off_word span{ text-decoration:underline; color:#2464b4;}

.off_ul{ display:none; padding-bottom:30px;} 



/* honor */

.honor_ul{ margin-left:-49px;}

.honor_ul li{ width:266px; height:225px; float:left; margin:44px 0 0 49px; display:none;}

.honor_ul li a{ display:block; padding:1px; border:1px solid #dedede;display: flex; justify-content: center; align-items: center; background:#FFF; overflow:hidden; transition:transform 1.8s ease-in-out;}

.honor_ul li a img{ width:262px; height:176px; overflow:hidden;max-height:176px; height:auto; width:auto; max-width:100%;}

.honor_ul li span{ display:block; height:45px; line-height:45px; background:#eaeaea; text-align:center; font-size:16px; color:#666666;}

.honor_ul li:hover a{ border:1px solid #0556ba; transition:all 0.5s ease 0s;} 

.honor_ul li:hover span{ background:#0556ba; color:#fff; transition:all 0.5s ease 0s;}
.honor_ul li:hover a img{ transform: scale(1.05);} 

/* index */

.flex-control-nav {position: absolute;   left: 50%;   top: 89%;   width:120px;   z-index: 99999;    margin-left: -60px;}

.flex-control-nav li{    margin: 0px 10px 0; cursor:pointer; display:inline-block; *display:block;*zoom:1;}

.flex-control-nav li a {background:#fff; width: 10px; height: 10px;display: block; font-size: 0; border-radius:10px;}

.flex-control-nav li a.flex-active{ background:#ffff49; }

.flexslider {position: relative; width: 100%; overflow: hidden; height:100%;}

.slides li img{ width:100%; height:100%; overflow:hidden;}

.slides li{width:100%; height:100%; overflow:hidden;}

.slides{width:100%; height:100%; overflow:hidden;}

.flex-viewport{width:100%; height:100%; overflow:hidden;}

html,body{ width:100%; height:100%;}

.pages1{ width:100%; height:100%; position:relative; overflow:hidden;}

.flex-direction-nav{ display:none;}

.banner{ width:100%; height:100%; position:relative;}

.index_head{ z-index:9999999; width:100%; left:0; margin:0;}

.focus { z-index:999999; position:absolute; left:0; bottom:0; height:63px; background:url(../images/foucs.png) left top; width:100%;}

.focus_inner{ width:1180px; margin:0 auto;}

.nt{  height:63px; float:left; line-height:63px; font-size:18px;  width:100px; background:url(../images/jd.png) 19px center no-repeat; padding-left:63px; color:#fff;}

.nt a{color:#fff; font-size:22px;}

.nt a:hover{ color:#2464b4;}

.scbox{ float:left; padding-left:30px;  height:63px;}

#s3{ height:63px; line-height:63px;  float:left; overflow:hidden; _display:inline;}

#s3 li{ height:63px; overflow:hidden;}

#s3 li a{ color:#fff; font-size:18px; width:480px; float:left; display:block; text-decoration:underline;}

#s3 li:hover a,#s3 li:hover span{ color:#2464b4;}

#s3 li span{  color:#fff; display:block; float:right;}

.focus_inner .scbox_more{ display:block; float:right; background:url(../images/jd1.png) left top no-repeat; width:17px; height:17px; margin:11px 36px 0 0;}



.pages2{width:100%; height:100%; position:relative; overflow:hidden; background:url(../images/pages2.jpg) left top no-repeat; background-size:cover; }

.index_about{ position:absolute; width:1000px; left:50%;  top:50%; 

  -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);

 



 }

.index_tit{ text-align:center; padding:78px 0 27px 0;}

.introduce p{ line-height:28px; font-size:16px; color:#fff; text-indent:2em; margin-bottom:15px;}

.introduce { height:350px; overflow:hidden;}

.duce .about_see{ display:block; margin:10px auto 0; width:200px; height:58px; line-height:61px; text-align:center; font-size:30px; color:#fff; border:1px solid #ffffff;transition:all 0.4s ease 0s;    border-radius:50px;}

.duce .about_see:hover{ background-color: rgba(255,255,255,0.8); color:#2665b5;transition:all 0.5s ease 0s; width:330px;}

/*.pages3{width:100%; height:100%; position:relative; overflow:hidden;}*/

.pages3{width:100%; height:100%; position:relative; ;background:url(../images/pages5.jpg) left top no-repeat;background-size:cover; }

.index_case{ width:1000px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.classlc_ul li{ float:left; margin:0 1px 1px 0; width:332px; height:220px;}

.classlc_ul li .caseli{ position:relative; overflow:hidden; width:100%; text-align:center;}

.caseli img{width:332px; height:220px; overflow:hidden; transition:0.5s;}

.text-desc{ background:url(../images/casslc.png) left top no-repeat; width:100%; height:100%; position:absolute; left:0; top:0;}

.caseli .text-desc {background:url(../images/casslc.png) left top;top: -100%;transition: 0.5s;}

.caseli:hover img{transform: scale(1.2);}

.caseli.effect-1:hover .text-desc{top: 0;}

.text-desc h3{ color:#fff; font-size:18px; font-weight:normal; height:30px; line-height:30px; text-align:center; padding:68px 0 29px 0; overflow:hidden;}

.text-desc a{ width:145px; height:35px; line-height:35px; text-align:center; display:block; border:1px solid #ffffff; margin:0 auto; font-size:14px; color:#fff;}

.text-desc a:hover{ background:#fff; color:#2464b4; transition:all 0.4s ease 0s;}

.index_case .case_more{display:block; margin:60px auto 0; width:281px; height:61px; line-height:61px; text-align:center; font-size:30px; color:#09569d; border:2px solid #09569d;transition:all 0.5s ease 0s;}

.index_case .case_more:hover{transition:all 0.5s ease 0s; width:330px;background:#09569d; color:#fff;}



.pages4{width:100%; height:100%; position:relative; overflow:hidden; background:url(../images/pages4.jpg) left top no-repeat; background-size:cover;}

.index_service{width:1000px; position:absolute; top:50%; left:50%;  -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}

.fuwu_ul{ padding-top:100px;}

.fuwu_ul li{ float:left; width:16.6%; text-align:center;}

.fuwu_ul li em{ font-size:18px; display:block; overflow:hidden; height:60px; line-height:60px; color:#fff;}

.fuwu_ul li em:hover{ color:#2665b5;transition:all 0.5s ease 0s;}

.fuwu_ul li img{ width:139px; height:139px; overflow:hidden; border-radius:139px;transition:all 0.5s ease 0s;}

.fuwu_ul li:hover img{-webkit-animation:scale-up 0.6s linear;  -ms-animation:scale-up 0.6s linear;  animation:scale-up 0.6s linear;} 

/*.pages5{width:100%; height:100%; position:relative; overflow:hidden;}*/

.pages5{width:100%; height:100%; position:relative; ;background:url(../images/pages5.jpg) left top no-repeat;background-size:cover; }
.company{width:1000px; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}



.pages6{width:100%; height:100%; position:relative; overflow:hidden;background:url(../images/pages5.jpg) left top no-repeat;background-size:cover; }

.index_news{position:absolute; width:100%; left:50%;  top:0; -webkit-transform:translate(-50%,0%); -ms-transform:translate(-50%,0%); transform:translate(-50%,0%); height:100%;}

.index_news .index_tit{ padding-top:150px;}

.news_div{ position:relative; height:248px; width:1000px; margin:0 auto;}

.news_srcoll{ position:absolute; left:0; top:0;height:248px; width:1000px; overflow:hidden;}

.news_srcoll ul{ width:100000px;}

.news_srcoll ul li{ float:left; width:320px; height:248px; overflow:hidden; margin-right:20px;}

.news_srcoll li .news_hover{ width:320px; height:203px; overflow:hidden;}

.news_hover img{width:320px; height:203px; overflow:hidden;transition:all 1s ease 0s;}

.news_srcoll li .news_hover:hover img{ transform:scale(1.1,1.1)}

.news_srcoll li .news_infor{ height:45px; line-height:45px; background:#f6f6f6; padding:0 17px;}

.news_infor em{ display:block; float:left; font-size:16px; width:200px; height:45px; overflow:hidden; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.news_infor em:hover{color:#0481eb;transition:all 0.5s ease 0s;}

.news_infor span{ display:block; float:right; color:#0481eb;}

#left{ background:url(../images/right.png) left top no-repeat; width:35px; height:34px; position:absolute; display:block; top:103px; left:-45px;}

#right{ background:url(../images/left.png) left top no-repeat; width:35px; height:34px; position:absolute; display:block; top:103px; right:-45px;}

.index_foot { position:absolute; left:0; bottom:0; width:100%;}

.index_foot .foot{ width:100%; max-width:100%;}

.index_foot .add{ width:100%; max-width:100%;}

.comp_inner{ position:relative; width:1000px; height:456px;}

.comp_inner .comp_scroll{ position:absolute; left:0px; top:0px; width:1000px; height:456px; overflow:hidden;}

.comp_inner .comp_scroll ul{ width:10000px;}

.comp_scroll ul li{ float:left; height:456px; width:310px; margin-right:25px;}

.comp_scroll ul li a{ display:block; width:310px; padding:0; height:200px; border:1px solid #666666; border-bottom:none; position:relative; margin-bottom:33px;display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.6); overflow:hidden; transition:transform 1.8s ease-in-out;}

.comp_scroll ul li a img{/*width:308px;*/ max-height:200px; height:auto; width:auto; max-width:100%;}

.comp_scroll li a span{ height:35px; line-height:35px;background-color: rgba(0,0,0,0.6); display:block; font-size:16px; text-align:center; color:#fff; width:100%; position:absolute; left:0; bottom:0;}

.comp_scroll li a:hover{ border:1px solid #0556ba; background-color: rgba(0,0,0,0.6); border-bottom:none; }
.comp_scroll li a:hover img{ transform: scale(1.1); }

.comp_scroll li a:hover span{color:#fff;background-color: rgba(5,86,186,0.8); }

.comp_inner .left{ background:url(../images/j_left.png) left top no-repeat; width:35px; height:35px; position:absolute; display:block; left:-43px; top:200px;}

.comp_inner .right{ background:url(../images/j_right.png) left top no-repeat; width:35px; height:35px; position:absolute; display:block; right:-43px; top:200px;}


.comp_inner2{ position:relative; width:1000px; height:456px;}
.comp_inner2 .comp_scroll2{ position:absolute; left:0px; top:0px; width:1000px; height:456px; overflow:hidden;}

.comp_inner2 .comp_scroll2 ul{ width:10000px;}

.comp_scroll2 ul li{ float:left; height:456px; width:310px; margin-right:25px;}

.comp_scroll2 ul li a{ display:block; width:310px; padding:4px 4px 0; height:200px; border:1px solid #666666; border-bottom:none; position:relative; margin-bottom:33px;background-color: rgba(0,0,0,0.6);}

.comp_scroll2 ul li a img{ width:308px; height:165px;}

.comp_scroll2 li a span{ height:35px; line-height:35px; background:#666666; display:block; font-size:16px; text-align:center; color:#fff; width:100%; position:absolute; left:0; bottom:0;}

.comp_scroll2 li a:hover{ border:1px solid #0556ba; background:#0556ba; border-bottom:none; }

.comp_scroll2 li a:hover span{color:#fff;background:#0556ba; }
.comp_inner2 .left{ background:url(../images/j_left.png) left top no-repeat; width:35px; height:35px; position:absolute; display:block; left:-43px; top:200px;}

.comp_inner2 .right{ background:url(../images/j_right.png) left top no-repeat; width:35px; height:35px; position:absolute; display:block; right:-43px; top:200px;}


@-webkit-keyframes scale-up {

  0% {

    -webkit-transform: translateY(0);

  }

  20%{

  	-webkit-transform: translateY(-15px);

  }

  60%{

  	-webkit-transform: translateY(15px);

  }

  100%{

  	-webkit-transform: translateY(0);

  }

}

@-ms-keyframes scale-up {

  0% {

 
   -ms-transform: translateY(0);

  }

  20%{

  	-ms-transform: translateY(-15px);

  }

  60%{

  	-ms-transform: translateY(15px);

  }

  100%{

  	-ms-transform: translateY(0);

  }

}

@keyframes scale-up {

  0% {

    transform: translateY(0);

  }

  20%{

  	transform: translateY(-15px);

  }

  60%{

  	transform: translateY(15px);

  }

  100%{

  	transform: translateY(0);

  }

}



.active .comp_inner .left,.active #left{-webkit-animation:fadeInLeft 1s linear 0.2s both; animation:fadeInLeft 1s ease 0.2s both;}

.active .comp_inner .right,.active #right{-webkit-animation:fadeInRight 1s linear 0.2s both; animation:fadeInRight 1s ease 0.2s both;}



@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px)}

100%{opacity:1;-webkit-transform:translateX(0)}}

@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translateX(-30px)}

100%{opacity:1;-moz-transform:translateX(0)}}

@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px)}

100%{opacity:1;-webkit-transform:translateX(0)}}

@-moz-keyframes fadeInRight{0%{opacity:0;-moz-transform:translateX(30px)}

100%{opacity:1;-moz-transform:translateX(0)}}



.active .index_tit{ color:#FFF!important; -webkit-animation:fadeInDown 1s linear 0.3s both; animation:fadeInDown 1s ease 0.3s both;}



@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-50px)}

100%{opacity:1;-webkit-transform:translateY(0)}}

@-moz-keyframes fadeInDown{0%{opacity:0;-moz-transform:translateY(-50px)}

100%{opacity:1;-moz-transform:translateY(0)}}



.active .duce{-webkit-animation:up 1s linear 0.3s both; animation:up 1s ease 0.3s both;}

.active .fuwu_ul li:nth-child(1){-webkit-animation:shang 0.6s linear 0.2s both; animation:shang 0.6s linear 0.2s both;}

.active .fuwu_ul li:nth-child(2){-webkit-animation:shang 0.6s linear 0.4s both; animation:shang 0.6s linear 0.4s both;}

.active .fuwu_ul li:nth-child(3){-webkit-animation:shang 0.6s linear 0.6s both; animation:shang 0.6s linear 0.6s both;}

.active .fuwu_ul li:nth-child(4){-webkit-animation:shang 0.6s linear 0.8s both; animation:shang 0.6s linear 0.8s both;}

.active .fuwu_ul li:nth-child(5){-webkit-animation:shang 0.6s linear 1s both; animation:shang 0.6s linear 1s both;}

.active .fuwu_ul li:nth-child(6){-webkit-animation:shang 0.6s linear 1.2s both; animation:shang 0.6s linear 1.2s both;}

.active .case_div{-webkit-animation:up 1s linear 0.3s both; animation:up 1s ease 0.3s both;}

.active .index_foot{-webkit--animation:up 1s linear 0.3s both; -animation:up 1s ease 0.3s both;}

@-webkit-keyframes shang{0%{opacity:0;-webkit-transform:translateY(40px)}

100%{opacity:1;-webkit-transform:translateY(0)}}

@-moz-keyframes shang{0%{opacity:0;-moz-transform:translateY(40px)}

100%{opacity:1;-moz-transform:translateY(0)}}



@-webkit-keyframes up{0%{opacity:0;-webkit-transform:translateY(50px)}

100%{opacity:1;-webkit-transform:translateY(0)}}

@-moz-keyframes up{0%{opacity:0;-moz-transform:translateY(50px)}

100%{opacity:1;-moz-transform:translateY(0)}}

/*.nav_ul li a:hover{-webkit-animation:down 0.5s linear 0.1s both; animation:down 0.5s ease 0.1s both;}

*/@-webkit-keyframes down{0%{opacity:0;-webkit-transform:translateY(10px)}

100%{opacity:1;-webkit-transform:translateY(0)}}

@-moz-keyframes down{0%{opacity:0;-moz-transform:translateY(10px)}

100%{opacity:1;-moz-transform:translateY(0)}}



.nav{ display:none;}

.banquan{ margin-right:10px;}



.begin .language{ top:10px;}

.begin .head_inner h1{ margin-top:16px;}

.begin .nav_ul li a{ height:72px; line-height:100px;}

.begin .nav_ul li{ height:72px;}

.begin .index_tit{ padding:67px 0 10px 0;}

.begin .index_case .case_more{ margin-top:5px;}

.begin .index_foot .foot,.begin .foot{ padding:6px 0 4px 0;}

.begin .foot_nav span{ margin-bottom:8px;}

.begin .subnav{ top:72px;}

.begin .nav_ul .tog #pro{ top:72px;}

.begin .nav_ul li .subnav a{ line-height:24px; height:24px; margin-left:25px;}

.begin .index_foot .add,.begin .add{ height:40px; line-height:40px;}

.begin .index_news .index_tit{ padding-top:78px;}

.all .index_tit img{ height:60px; width:auto;}

.all .index_foot .foot{ padding:5px 0;}

.all .index_foot .foot_nav a{ height:22px; line-height:22px; font-size:12px;}

.all .index_foot .foot_nav span{ margin-bottom:8px;}

.all .index_case .case_more{ height:40px; line-height:40px; font-size:20px;}

.all .duce .about_see{ height:40px; line-height:40px; font-size:20px;}

.all .classlc_ul li{ height:200px; overflow:hidden;}

.all .classlc_ul li img{ height:auto;}

.all .text-desc h3{ padding-top:51px;}

.all .index_tit{ padding:71px 0 10px 0;}

.php{ display:none;}

.all .index_news .index_tit{ padding-top:50px;}

.all .index_foot .foot,.begin .foot{ padding:4px 0 3px 0;}

.all .foot_nav span{ margin-bottom:5px;}

.hang{ width:48px; position:fixed; z-index:999999; top:87%; right:0;}

.hang span{ display:block; margin-bottom:12px; position:relative; cursor:pointer;}

.hang span .what{ position:absolute; left:-115px; top:-32px; display:none;}

.hang a{ display:block; margin-bottom:12px;}

.hang .call{ 

    position: absolute;

    top: -25px;

    left: -105px;

    width: 100px;

    background: #0556ba;

    height: 20px;

    line-height: 20px;

    text-align: center;

    padding: 5px 0;

    color: #fff;

    border-radius: 5px;

    font-size: 14px;

    display: none;

}


.hang1{ width:48px; position:fixed; z-index:999999; bottom:2%; right:0;}

.hang1 span{ display:block; margin-bottom:12px; position:relative; cursor:pointer;}

.hang1 span .what{ position:absolute; left:-115px; top:-32px; display:none;}

.hang1 a{ display:block; margin-bottom:12px;}

.hang1 .call{ 

    position: absolute;

    top: -25px;

    left: -105px;

    width: 100px;

    background: #0556ba;

    height: 20px;

    line-height: 20px;

    text-align: center;

    padding: 5px 0;

    color: #fff;

    border-radius: 5px;

    font-size: 14px;

    display: none;

}



.background {

    background: #000;

    opacity: 0.7;

    width: 100%;

    height: 100%;

    position: fixed;

    left: 0;

    top: 0;

    filter: alpha(opacity=70);

    position: fixed;

    top: 0;

    z-index: 999999;

	 display:none;

    }

.member{ border-radius:5px; width:1006px; height:349px; position:fixed; top:50%; left:50%; margin-left:-503px; margin-top:-174.5px; z-index:99999999;  /*box-shadow:0 0 3px 2px #ffffff;*/ background:#fff; display:none;}

.member_inner{ padding:30px;}

.member_left{ float:left; width:459px; height:290px; margin-right:64px;}

.member_left img{ width:459px; height:290px; overflow:hidden;}

.member_right{ width:384px; float:left;}

.member_right .member_logo{ margin:40px 0 31px 0;}

.meber_div{ margin:17px 0; height:40px;}

.meber_div em{ display:block; float:left; height:40px; line-height:40px; overflow:hidden; width:78px; font-size:16px;}

.meber_div .meber_txt{ width:300px; padding-left:6px; height:40px; line-height:40px; float:left; background:#ebebeb; border:none; border-radius:3px; font-size:14px;}

.member_sub{ color:#2464b4; float:right; background:none; border:none; cursor:pointer; margin-top:10px;}



.member_bnt{ width:134px; height:40px; line-height:40px; text-align:center; background:#2464b4; font-size:18px; color:#fff; position:absolute; top:0px; right:0px; border-radius:3px 3px 0 0;}

.member_sub:hover{text-decoration:underline; }

.off_close{ background:url(../images/off.png) left top no-repeat; width:33px; height:33px; position:absolute; right:-10px; top:-10px; cursor:pointer;}







/*cl 2017.6.28*/

.index_about,.index_service,.index_case,.company,.index_news{ top: 50%!important; -webkit-transform:translate(-50%,-50%)!important; -ms-transform:translate(-50%,-50%)!important; 

  transform:translate(-50%,-50%)!important; height: 510px;}

.caseli img,.classlc_ul li{ width: 300px; height: 185px; }

.classlc_ul{ width: 904px; margin:auto; }

.text-desc h3{ padding:42px 0 15px; }

.index_tit img{ height: 90px; }

.fixs{ height: 60px; }

.fixs .head_inner h1{ margin-top: 9px; }

.fixs .language{ top: 6px; }

.fixs .nav_ul li{ height: 60px; }

.fixs .nav_ul li a{ height: 60px; line-height: 82px; }

.fixs .nav_ul .tog #pro{ top: 62px; }

.comp_inner{ margin-top: 20px; }

.news_div{ margin-top: 40px; }

.fp-auto-height{height:362px!important; height: auto;}



.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {    height: auto !important;}

.index_foot{ position: static; }

.index_case .case_more,.duce .about_see{ width:180px; height:42px; line-height: 42px; font-size: 20px; }

.index_case .case_more:hover,.duce .about_see:hover{ width: 200px; }

.introduce{ margin-bottom: 50px; }


.mode img{ max-width: 100%; }

.inde_wenzi{ width:100%; text-align:center;}
.inde_wenzi img{ width:100%;}

.cont_flg{ width:49%; float:left;}
.cont_frg{ width:49%; float:right;}

@media screen and (max-width:1020px){
.cont_flg{ width:100%!important; float:left;}
.cont_frg{ width:100%!important; float:right;}
.catalog{ margin:1px 0 0 0;}

}