@charset "utf-8";
@font-face {      font-family: 'Univers Condensed';      
src: url('Univers Condensed.eot'); /* IE9 Compat Modes */      
src: url('Univers Condensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */              
url('Univers Condensed.woff') format('woff'), /* Modern Browsers */              
url('Univers Condensed.ttf')  format('truetype'), /* Safari, Android, iOS */              url('Univers Condensed.svg#MicrosoftYaHei') format('svg'); /* Legacy iOS */    }

body {

  font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

  font-size: 14px;

  line-height: 1.428571429;

  color: #000000;

  margin-top:85px;

}



.navbar {

    position: relative;

    margin-bottom: 0px;

    border-bottom: 0px solid #BEBCBC;

}





.navbar-inverse {

    background-color: #090808;

    border-color: #090808;

}



.navbar-brand {

   margin-top:0px;

   padding:0px;

}



.navbar-nav > li > a {

    padding-top: 10px;

    padding-bottom: 10px;

	padding-left:20px;

	padding-right:20px;

    line-height: 65px;

}



.nav {

    padding-left: 283px;

}





.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {

    color: #FFF;

	background-color:#d71618;

}

a {

    color: #000000;

    text-decoration: none;

}



a:hover {

   text-decoration: none;
   transition: all 300ms ease-in 0ms;

   }





.navbar-inverse .navbar-nav > li > a {

    color: #9e9e9f;

}



.navbar-toggle {

    position: relative;

    float: right;

    padding: 9px 10px;

    margin-top: 8px;

    margin-right: 15px;

    margin-bottom: 8px;

    background-color: #000;

    border: 1px solid transparent;

    border-radius: 4px;

}





.menu ul.sub_menu{position:absolute; width:600px; display:none; z-index:999; margin-left:0px;}

.menu ul.sub_menu a{ color:#ffffff;}

.menu ul.sub_menu a:hover{ color:#ffffff; background:none;}

.bg{ background:url(../images1/bg.png) repeat; height:40px; display:none; width:100%; z-index:99; position:absolute;}

.menu ul.sub_menu li {

    float:left;

	width:100px;

    line-height: 40px;

	list-style-type:none;

	background:none;

}

.menu ul.sub_menu li a{ 

    color:#ffffff;

	font-size:12px;

	}

	



.kq1 {-webkit-animation-delay: 0.4s;}
.kq2 {-webkit-animation-delay: 0.8s; -webkit-animation-duration: 0.8s;}
.kq3 {-webkit-animation-delay: 1.2s; -webkit-animation-duration: 1.2s;}
.kq4 {-webkit-animation-delay: 1.6s; -webkit-animation-duration: 1.6s;}
.kq5 {-webkit-animation-delay: 2s; -webkit-animation-duration: 2s;}
.kq6 {-webkit-animation-delay: 2.4s; -webkit-animation-duration: 2.4s;}



.top {

   width:100%;

   background-color:#0152a4;

   }



.kuanping {

   width:1200px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.kkt {

   width:100%;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.guding {

   position:fixed;

   top:0px;  

   }


.bannerx {

   background:url(../images1/bannerx.jpg) top center;

   padding-top:200px;

   padding-bottom:150px;

   }


.bannerx h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:90px;

   font-weight:bold;

   text-align:center;

   margin:0px;

   margin-bottom:10px;

   color:#d70c18;

   }


.bannerx h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:44px;

   font-weight:bold;

   text-align:center;

   margin:0px;

   margin-bottom:35px;

   color:#FFFFFF;

   }

.bannerx h4 {

   width:280px;

   height:50px;

   line-height:50px;

   margin:0 auto;

   text-align:center;

   font-weight:bold;

   font-size:20px;

   color:#a2a2a3;

   border:1px solid #a2a2a3;

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   border-radius: 20px;

   margin-bottom:170px;

   }


.anniu {

   width:61px;

   height:61px;

   margin:0 auto;

   }



.huibj {

   background-color:#fafafb;

   height:auto; overflow:hidden;

   padding-top:120px;

   }


.tuandui {

   width:1584px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.tuandui-lie {

   width:14.28%;

   }


.fenlan {

   width:20%;

   border-right:1px solid #dddede;

   }



.effects { padding-left: 15px; }

.effects .img { position: relative; margin-bottom: 0px; position: relative; z-index: 1; overflow: hidden; }

.effects .img:nth-child(n) { margin-right: 5px; }

.effects .img:first-child { margin-left: -15px; }

.effects .img:last-child { margin-right: 0; }

.effects .img img { display: block; margin: 0; padding: 0; height: auto; }

.overlay { display: block; position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.8); overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }

.overlay2 { display: block; position: absolute; z-index: 20; background:url(../images1/pingjia.png) center; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }

a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; }

a.close-overlay.hidden { display: none; }

a.expand { display: block; position: absolute; z-index: 100; text-align: center; color: #fff; font-weight: 600; font-size: 14px; text-transform: uppercase; line-height: 30px; }

.overlay-effect .img i { font-size: 30px; }

.overlay-effect .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; }

.overlay-effect .overlay2 { bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; }

.overlay-effect .overlay a.expand { left: 0; right: 0; bottom: 47%; margin: 0 auto -30px auto; }

.overlay-effect .overlay2 a.expand { left: 0; right: 0; bottom: 47%; margin: 0 auto -30px auto; }

.overlay-effect .img.hover .overlay { height: 100%; opacity: 1; }

.overlay-effect .img.hover .overlay2 { height: 100%; opacity: 1; }

.img img { width: -webkit-calc(100% + 10px) !important; width: calc(100% + 10px) !important; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); -ms-transform: translate3d(-10px, 0, 0); }

.img:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(-10px, 0, 0); }


.biao {

   width:83px;

   height:83px;

   margin:0 auto;

   }


.fenlan p {

   margin-top:25px;

   text-align:center;

   font-size:16px;

   }


.fenlan a {



      padding-top:85px; padding-bottom:120px;

   }


.fenlan a:hover {

   background-color:#FFFFFF;

   }



.albj {

   padding-top:60px;

   padding-bottom:85px;

   }


.altit {

   background:url(../images1/altit.png) center; background-repeat:no-repeat;

   height:80px;

   }


.tp {

   margin-top:30px;

   }


.fdj {

   font-size:20px;}



.nwbj {

   background-color:#fafafb;

   padding-top:50px;

   padding-bottom:135px;

   }


.newtit {

   background:url(../images1/newtit.png) center; background-repeat:no-repeat;

   height:85px;

   }


.newtp {

   margin-top:80px;}


.xwbj {

   width:100%;

   background:url(../images1/nwbj1.png); background-repeat:no-repeat;

   height:auto; overflow:hidden;

   }


.xwbj:hover {

   background:url(../images1/nwbj2.png); background-repeat:no-repeat;

   color:#FFFFFF;

   }


.xwbj h2 {

   margin-top:0px;

   margin-bottom:15px;

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   }


.xw-time {

   width:62px;

   height:70px;

   margin-left:36px;

   color:#FFFFFF;

   margin-top:10px;

   text-align:right;

   }


.xwbj-n {

   padding:30px;

   }


.xwbj-n p {

   overflow:hidden;

   height:66px;

   }




.dazi {

  font-size:18px;}

  

.newtp a:hover {

   text-decoration: none;

   }

  

.more {

   margin-top:66px;

   }



.abanniu {

    text-align: center;

}



.btn-primary {

    color: #FFF;

    background-color: #272c32;

    border-color: #272c32;

	width:232px;

	height:34px;

}



.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {

    color: #FFF;

    background-color: #30353b;

    border-color: #30353b;

}



.lxbj {

   background:url(../images1/lxbj.jpg) top center;

   padding-top:66px; padding-bottom:86px;

   color:#FFFFFF;

   }

  

.lxtit {

   background:url(../images1/lxtit.png) center; background-repeat:no-repeat;

   height:90px;

   }


.ttp {

   margin-top:95px;

   }


.btt {

   width:60px;

   height:60px;

   margin:0 auto;

   }


.ttp p {

   text-align:center;

   margin-top:15px;

   margin-bottom:30px;

   }


.bottom {

   background-color:#000;

   height:auto; overflow:hidden;

   padding-top:36px; padding-bottom:36px;

   line-height:25px;

   color:#FFFFFF;

   }

.bottom a {

   color:#FFFFFF;}


.juyou {

   text-align:right;

   }



.newst {

    width: 48%;

    margin-left: 1%;

    margin-right: 1%;

    background-color: #f3f3f3;

    color: #a0a0a0;

    padding: 10px;

}



.newst:hover {

   color:#ffffff;

   background-color: #272c32;

   }



.newst h2 {

    font-size: 14px;

    font-weight: bold;

    margin-top: 5px;

	margin-bottom: 10px;

    color: #000000;

}



.newst:hover h2 {

   color:#ffffff;

   }


.newst:hover a {

   color:#ffffff;

   }



.jx {

    margin-bottom: 20px;

}



/* 案例展示 */


.case-lan {

   height:auto; overflow:hidden;

   line-height:50px;

   background-color:#1e1d1d;

   }


.dhh {

   width:1200px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.dhh li {

   padding-left:20px;

   padding-right:20px;

   list-style-type:none;

   float:left;

   }


.dhh li a {

   display:block;

   font-size:12px;

   color:#9e9e9f;

   }


.dhh li a:hover {

   color:#FFFFFF;

   background:url(../images1/xiahua.png) center; background-repeat:no-repeat;

   }


.dhh li.hover a {

   color:#FFFFFF;

   background:url(../images1/xiahua.png) center; background-repeat:no-repeat;

   }


.casebj {

   background-color:#f9f9f9;

   padding-top:80px; padding-bottom:185px;

   }


.casex {

   width:1730px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.tukong {

   margin-bottom:40px;

   }


.box {

    width: 100%;

	left: 0px;

    bottom: 0px;

    float: left;

    position: relative;

}


.box_hover {

    position: absolute;

    bottom: 0px;

    left: 0px;

    background: transparent url("../images1/touming.png") repeat scroll 0% 0%;

    width: 100%;

    height: 58px;

    display: none;

	padding:2%;

    color: #FFF;

    z-index: 9999;

}


.box img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} 

.box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   } 
section {
    display: block;
} 
.box a section {
   overflow: hidden;
   }
.tukong p {
   margin-top:10px;
   font-size:18px;
   height:100px;
   text-align:center;
   font-weight:bold;
   }



/* 关于我们 */

.abx {

   padding-top:55px;

   padding-bottom:85px;

   }



.abtit {

   background:url(../images1/abtit.png) center; background-repeat:no-repeat;

   height:85px;

   }



.about {

   width:1340px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.abnei {

   margin-top:60px;

   line-height:23px;

   }


.gunbj {

   background-color:#f9f9f9;

   height:auto; overflow:hidden;

   padding-top:55px; padding-bottom:116px;

   }


.tdtit {

   background:url(../images1/tdtit.png) center; background-repeat:no-repeat;

   height:85px;

   }


.gundong {

   width:1500px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.gundongx {

   width:1200px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.tdnei {

   margin-top:70px;

   }




    .img-scroll { position:relative; margin:0px auto; width:1500px; float:left; height:auto; overflow:hidden;}

    .img-scroll .prev,.img-scroll .next { position:absolute; display:block; width:85px; height:140px; margin-top:82px; background-color:#000;

    top:0; color:#FFF; text-align:center;}

    .img-scroll .prev { left:0; background:url(../images1/zuo.png) no-repeat; width:85px; height:140px;}

    .img-scroll .next { right:0; background:url(../images1/you.png) no-repeat; width:85px; height:140px;}

	.img-scroll .prev:hover { left:0; background:url(../images1/zuo.png) no-repeat; width:85px; height:140px;}

	.img-scroll .next:hover { right:0; background:url(../images1/you.png) no-repeat; width:85px; height:140px;}

    .img-list { position:relative; width:1180px; height:auto; overflow:hidden; margin-left:136px; overflow:hidden}

    .img-list ul { width:9999px;}

    .img-list li { float:left; display:inline; margin-left:25px; margin-right25px; height:auto; overflow:hidden;}



.cptu {

   width:256px;

   height:auto; overflow:hidden;

   }


.cptu h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   text-align:center;

   margin-top:20px; margin-bottom:20px;

   }


.cptu p {

   margin:0px;

   font-size:12px;

   }


.xzi {

   font-size:12px;

   color:#717071;

   }

.qywhbj {

   background:url(../images1/qywhbj.jpg) top center;

   padding-top:78px; padding-bottom:185px;

   color:#FFFFFF;

   }


.qywhtit {

   background:url(../images1/qywhtit.png) center; background-repeat:no-repeat;

   height:85px;

   }


.qywhnei {

   margin-top:110px;

   }


.whkuai {

   padding-top:39px;

   padding-bottom:39px;

   text-align:center;

   color:#a2a2a2;

   font-size:16px;

   }


.whkuai:hover {

   background:url(../images1/whtou.png);

   color:#FFFFFF;

   }


.whkuai h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:20px;

   margin-top:10px;

   padding-bottom:30px; margin-bottom:30px;

   text-align:center;

   }


.whb1 {

   width:90px;

   height:75px;

   margin:0 auto;

   }


.pjbj {

   background-color:#f9f9f9;

   padding-top:60px;

   padding-bottom:60px;

   }


.pjtit {

   background:url(../images1/pjtit.png) center; background-repeat:no-repeat;

   height:80px;

   }


.pjnei {

   margin-top:36px;

   }


.flex-control-nav {

    width: 100%;

    position: relative;

    text-align: center;

	margin-top:20px;

}



.flex-control-paging li a.flex-active {

    background: #c8151d none repeat scroll 0% 0%;

    cursor: default;

}





/* 联系我们 */

.kkxi {

   padding-left:0px;

   }


.nav-tabs {

    border-bottom: 0px solid #DDD;

}


.nav-tabs > li {

   width:33%;

   margin-top:26px;

   }


.nav-tabs > li.active > a, .nav-tabs > li.active, .nav-tabs > li.active > a:focus {

    color: #d71618;

    cursor: default;

	background-color:#f9f9f9;

    border-width: 1px;

	text-align:center;

    border-style: solid;

	height:auto; overflow:hidden;

	border:1px solid #f9f9f9;

    border-color: none;

    -moz-border-top-colors: none;

    -moz-border-right-colors: none;

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    border-image: none;

	border-radius: 20px;

}



.nav-tabs > li > a {

    margin-right: 2px;

    line-height: 1.42857;

	padding-top:20px; padding-bottom:20px;

	border:none;

	font-size:28px;

    border-radius: 0px 0px 0px 0px;

    height:auto; overflow:hidden;

	background:url(../images/kong.png);

	background-color:#none;

	text-align:center;

	color: #ffffff;

	border-radius: 20px;

}



.nav-tabs > li > a:hover {

    border-color: #none;

	color: #d71618;

	border:1px solid #f9f9f9;

}



.bd {

   border:1px solid #e0e1e1;

   }


.qienei {

   height:auto; overflow:hidden;

   line-height:23px;

   padding:30px;

   }


.qienei h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:20px;

   color:#595757;

   line-height:80px;

   border-bottom:1px solid #e4e5e5;

   font-weight:bold;

   color:#595757;

   margin:0px;

   }


.lxbiao {

   width:50px;

   height:50px;

   margin:0 auto;

   }

  

.lxy {

   margin-top:37px;

   }  


.lxy p {

   margin-top:10px;

   text-align:center;

   }


.feedback {

   padding-top:136px;

   padding-bottom:90px;

   }




.bky {

	line-height:30px;

	margin-bottom:30px;

}



.ttanniu {

    width: 150px;

}




.form-control {

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.42857;

    color: #555;

    vertical-align: middle;

    background-color: #f9f9f9;

    background-image: none;

    border: 1px solid #CCC;

}



.hhtt {

  height:70px;

  }

  

.ant {

   width:380px;

   height:66px;

   font-size:20px;

   margin-top:28px;

   }



/* 新闻列表 */

.newsbj {

   background-color:#202020;

   padding-top:60px;

   padding-bottom:130px;

   }


.fenlanx {

    padding-top: 0px;

    padding-bottom: 50px;

}



.fenlanx li {

    width: 9%;

    float: left;

    list-style-type: none;

    margin-right: 1%;

}



.fenlanx li a {

    display: block;

    height: 30px;

    line-height: 30px;

	color:#606660;

    text-align: center;

    text-decoration: none;

	border-radius: 10px;

}



.fenlanx li a:hover {

   background-color:#e7090b;

   color:#FFFFFF;

   }


.fenlanx li.hover a {

   background-color:#e7090b;

   color:#FFFFFF;

   }


.nlanx {

   background-color:#232323;

   color:#c3cdcd;

   margin-bottom:20px;

   }


.nlanx:hover {

   border:1px solid #323232;

   }


.nlanx-kk {

   padding:15px;

   }


.nlanx-kk2 {

   padding:15px;

   }


.nlanx-kk2 a {

   color:#FFFFFF;

   }

.nlanx-kk:hover {

   background-color:#e7090b;

   }


.nlanx h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;
   height: auto;
overflow: hidden;
   white-space: nowrap;
text-overflow: ellipsis;

   margin-top:20px; margin-bottom:20px;

   color:#FFFFFF;

  }

  

.shijian {

   font-size:25px;

   }


.anniuw {

   width:85px;

   height:40px;

   background:url(../images1/anniu1.jpg);

   margin-top:20px;

   }

.anniuw:hover {

   width:85px;

   height:40px;

   background:url(../images1/anniu2.jpg);

   }


/* 新闻内页 */  

.nss {

   color:#ffffff;

   }
   
.nss img {
    border: 0px none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

.nss h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:24px;

   margin-top:65px; margin-bottom:15px;

   text-align:center;

   color:#FFFFFF;

   }


.nss h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   color:#3f3f3f;

   font-size:12px;

   padding-bottom:47px;

   text-align:center;

   border-bottom:1px dotted #282828;

   margin-bottom:40px;

   }



/* 服务 */
.tixi {

   padding-top:70px;

   padding-bottom:100px;

   color:#666666;

   line-height:23px;

   font-size:12px;

   text-align:center;

   }


.tixi h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:22px;

   margin-top:0px; margin-bottom:80px;

   color:#666666;

   text-align:center;

   }


.tixi h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   margin-top:20px; margin-bottom:8px;

   color:#666666;

   text-align:center;

   }


.quan { border-radius: 50%; margin:0 auto;}





.fuwubj {

   padding-top:80px;

   padding-bottom:45px;

   background:url(../images1/standard_bg.jpg) top center;

   }


.fuwubj h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:36px;

   color:#FFFFFF;

   margin:0px; margin-bottom:30px;

   text-align:center;

   }


.fuwukk {

   width:760px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


#slidingBlock {

	height:auto; overflow:hidden;

}



#slidingBlock span {

    float:left; width:100%; height:33px;line-height:33px; font-weight:bold; text-align:center; font-size:14px; over-flow:hidden;

}

#slidingBlock span.menuNo {

    font-weight:normal; width:100%; height:33px; line-height:33px; color:#ffffff; border:1px solid #ff7800; text-align:center;

}

#slidingBlock span.menuOn {

    font-weight:normal; width:100%; height:33px; line-height:33px; color:#ffffff; text-align:center; background-color:#ff7800;

}

#slidingBlock DIV.slidingList_none {

    display:none

}

#slidingBlock DIV.slidingList {

    width:100%;

    margin:0px; padding:0px; height:278px;

	margin-top:55px;

}



.fuwu-lan {

   width:50%;

   height:33px;

   margin:0 auto;

   }


.fuwu-lan li {

   width:50%;

   float:left;

   list-style-type:none;

   }



.liulan {

   padding-top:40px;

   padding-bottom:65px;

   line-height:23px;

   text-align:center;

   }


.liulan h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:36px;

   color:#000000;

   margin:0px; margin-bottom:30px;

   font-weight:bold;

   text-align:center;

   }


.juzhong {

   margin:0 auto;

   }


.liulan p {

   margin-top:30px;

   margin-bottom:30px;

   text-align:center;

   }


.lankk {

   height:80px;

   background-color:#eeeeee;

   }


.bztp {

   margin-top:20px; margin-bottom:80px;

   }


.bzlie {

   padding-top:39px; padding-bottom:39px;

   height:auto; overflow:hidden;

   border-bottom:1px solid #f0f0f0;

   }


.bzlie-zuo {

   width:20%;

   float:left;

   }


.bzlie-you {

   width:76%;

   float:right;

   }


.bzlie-you h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:24px;

   color:#000000;

   margin:0px; margin-bottom:10px;

   }




.huix {

   background-color:#f5f5f5;

   padding-top:75px;

   padding-bottom:75px;

   text-align:center;

   }


.huix h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:36px;

   margin-bottom:20px;

   }


.kyy {

   margin-top:60px;}


.kyy p {

   font-size:16px;

   text-align:center;

   margin-top:10px;

   }


.liubj {

   background:url(../images1/bg.png) top center;

   padding-top:60px; padding-bottom:98px;

   line-height:23px;

   text-align:center;

   }


.liubj h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   color:#b9bbb9;

   font-size:24px;

   margin-top:0px; margin-bottom:10px;

   }


.liubj h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:36px;

   color:#5c5c5c;

   margin-top:0px; margin-bottom:30px;

   }


.best img {

    margin-top: 50px;

}



.liucheng {

   padding-top:70px;

   padding-bottom:60px;

   text-align:center;

   }


.liucheng h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:36px;

   color:#000000;

   margin:0px; margin-bottom:20px;

   }


.huiss {

   font-size:14px;

   color: #B9BBB9;

   }


/* 效果 */

.page_rnav {

    top: 43%;

    right: 40px;

    z-index: 100;

    position: fixed;

}



.page_rnav .current {

    color: #E83828;

    background: transparent url("../images1/pageroll_mav_ico1.png") no-repeat scroll left center;

}



.page_rnav li {

    margin-bottom: 8px;

    text-align: left;

    background: transparent url("../images1/pageroll_mav_ico2.png") no-repeat scroll left center;

    width: 76px;

    padding-left: 20px;

    display: block;

    height: 20px;

    color: #6F6F6F;

    font-weight: bold;

    cursor: pointer;

    font-size: 14px;

}



.page_rnav a:hover li {

    background: transparent url("../images1/pageroll_mav_ico1.png") no-repeat scroll left center;

    color: #E83828;

}



.toptu {

   padding-top:94px;

   padding-bottom:66px;

   height:auto; overflow:hidden;

   background:url(../images1/albnr.jpg) top center;

   }



.shuju {

   width:820px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.shuju li {

   list-style-type:none;

   float:left;

   margin-left:9px;

   margin-right:9px;

   background:url(../images1/txx.png);

   color:#FFFFFF;

   border-radius: 10px;

   }


.kuai {

   padding-top:35px;

   padding-bottom:20px;

   padding-left:30px; padding-right:30px;

   font-size:16px;

   text-align:center;

   }


.kuai h2 {

   text-align:center;

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:66px;

   font-weight:bold;

   color:#FFFFFF;

   margin-top:0px;

   margin-bottom:20px;

   }


.bfh { font-size:20px;}


.qyy { border-radius: 10px;}



/*Waypoints

========================================================================== */

.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }

.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }

.delay-02s { animation-delay: 0.2s; -webkit-animation-delay: 0.2s; }

.delay-04s { animation-delay: 0.4s; -webkit-animation-delay: 0.4s; }

.delay-06s { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }

.delay-08s { animation-delay: 0.8s; -webkit-animation-delay: 0.8s; }

.delay-12s { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }

.delay-14s { animation-delay: 1.4s; -webkit-animation-delay: 1.4s; }





.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }

.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }

.delay-1bs { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }

.delay-2s { animation-delay: 2s; -webkit-animation-delay: 2s; }

.delay-2bs { animation-delay: 2.5s; -webkit-animation-delay: 2.5s; }

.wp3 { background: url('../img/iphone-bg.png') no-repeat center center; background-position: 200px 10px; height: 100%; background-color:#FFFFFF; }



.yd {

   display:none;

   }


.yc {

   display:block;

   }


.lxkuai {

   height:200px;

   color:#a2a2a2;

   }





.lxkuai:hover {

    background: transparent url("../images1/whtou.png") repeat scroll 0% 0%;

	color:#ffffff; border-radius: 50%;

}



/* �?*/

.imdd img {

    width:130px;

}



.imdd img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.imdd:hover img { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); }





/* 案例内页 */



.anlitt {

   background-color:#2a2b2f;

   padding-top:60px; padding-bottom:60px;

   line-height:25px;

   color:#FFFFFF;

   }


.anliw {

   width:1500px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.anliw a {

   color:#FFFFFF;

   }


.anliw h2 {

   font-size:28px;

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-weight:bold;

   margin-top:10px; margin-bottom:10px;

   color:#FFFFFF;

   }


.yst {

   margin-top:30px;

   }





.ysw {

   width:1100px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.ysw h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:24px;

   line-height:55px;

   margin-top:35px; margin-bottom:35px;

   font-weight:bold;

   text-align:center;

   background-color:#FFFFFF;

   border:1px solid #efefef;

   }


.xiahua {

   height:100px;

   line-height:100px;

   border-bottom:1px solid #d2d2d2;

   }


.xhdazi {

   font-size:26px;

   color:#000000;

   font-weight:bold;

   }


.huisst {

   background-color:#f7f7f7;

   }


.xkong {

   padding-bottom:50px;

   }


.xkong img {

    border: 0px none;

    height: auto;

    max-width: 100%;

    vertical-align: middle;

	}

	

.pager a {

   color:#FFFFFF;}



/* �?*/
.qqnei {

   height:auto; overflow:hidden;

   }


.qqnei b {

   text-align:center;

   }






/* jQuery jcImgScroll css */

.jcImgScroll { position:relative; height:405px;  }

.jcImgScroll li { border:1px solid #ccc; }

.jcImgScroll li a { background:#fff; display:block; height:405px; }

.jcImgScroll li.loading a { background:#fff url(../img/loading.gif) no-repeat center center;} 

.jcImgScroll li img,.jcImgScroll li,.jcImgScroll em,.jcImgScroll dl { display:none; border:0 none;}

.jcImgScroll em.sPrev { background:url(../images/zuot.png) no-repeat left center; }

.jcImgScroll em.sNext { background:url(../images/yout.png) no-repeat right center;}

.jcImgScroll dl dd { background:url(../images/NumBtn.png) no-repeat 0 bottom; text-indent:-9em; }

.jcImgScroll dl dd:hover,.jcImgScroll dl dd.curr { background-position:0 0; }







.qhtt {

   height:140px;

   background:url(../images1/lants.jpg) center;

   }



.xu {

   width:33%;

   float:left;

   text-align:right;

   font-size:60px;

   }


.xuzi {

   width:60%;

   float:right;

   text-align:left;

   line-height:18px;

   }


.xuzi h5 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:28px;

   margin-top:15px; margin-bottom:5px;

   }


.xziy {

   font-size:14px;

   }



.pjbjx {

   background-color:#f9f9f9;

   padding-top:100px;

   padding-bottom:100px;

   font-size:16px;

   }


.pjbjx h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:20px;

   color:#595757;

   line-height:80px;

   border-bottom:1px solid #e4e5e5;

   font-weight:bold;

   color:#595757;

   margin-top:0px; margin-bottom:40px;

   }


.pjbjx-xx {

   height:40px;

   line-height:40px;

   margin-top:10px;

   border-bottom:1px solid #ebebeb;

   }



/* 法律声明 */  



.falv {

    padding-top: 60px;

    padding-bottom: 60px;

    color: #333333;

    line-height: 23px;

} 



.falv h2 {

    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

    font-size: 30px;

	font-weight:bold;

    margin-top: 20px;

    margin-bottom: 60px;

    color: #666666;

    text-align: center;

}



.flan {

   width:600px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.flan li {

   list-style-type:none;

   float:left;

   width:31%;

   margin-right:2%;

   }


.flan li a {

   display:block;

   width:100%;

   height:40px;

   line-height:40px;

   text-align:center;

   background-color:#000000;

   color:#FFFFFF;

   }


.flan li a:hover {

   background-color:#d71618;

   }


.flan li.hover a {

   background-color:#d71618;

   }



.fktt {

   width:700px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }



.fankui {

    padding-top: 60px;

    padding-bottom: 60px;

    color: #333333;

    line-height: 23px;

} 



.fankui h2 {

    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

    font-size: 30px;

	font-weight:bold;

    margin-top: 20px;

    margin-bottom: 10px;

    color: #666666;

    text-align: center;

}



.fankui h3 {

    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

    font-size: 18px;

    margin-top: 0px;

    margin-bottom: 30px;

    color: #cfcecf;

    text-align: center;

}







/*在线留言*/

.bky {

    margin: 20px 5px 5px;

	line-height:30px;

}



.ttanniu {

    width: 150px;

}





/*汇款方式*/



.huikuan {

   width:700px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }



.hhk {

   padding-top:40px;

   padding-bottom:40px;

   height:auto; overflow:hidden;

   border-bottom:1px solid #f2f2f2;

   }


.juzhong {

   margin:0 auto;

   }


.zuokong {

   padding-left:50px;

   }


.dahong {

   color:#FF0000;

   }


/* 视频 */

.swag {

    background: url('../images/banner1.jpg') no-repeat top center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    background-attachment: fixed;

    color: #FFFFFF;

    padding: 150px 0;

}



.xingxiang {

   width:100%;

   max-height: 620px;

   overflow: hidden;

   }


.md {

    z-index: 99 !important;

    height: 620px;

}



.sysf_sha2 {

    font-size: 28px;

    line-height: 1.6em;

    color: #fff;

    text-align: center;

    background: url(../images1/sysf1.png) no-repeat;

    background-position: center;

    margin: auto;

    height: 400px;

    letter-spacing: 6px;

    position: absolute;

    left: 50%;

    width: 570px;

    margin-left: -287px;

    top: 50%;

    margin-top: -200px;

}



.sysf_sha2 b {

    font-size: 46px;

    display: block;

    letter-spacing: 0;

    padding-bottom: 10px;

    padding-top: 120px;

}



.syvideo {

    width: 100%;

    height: auto;

    margin: 0;

    -webkit-transition: all 2s;

    -moz-transition: all 2s;

    -ms-transition: all 2s;

    -o-transition: all 2s;

    transition: all 2s;

}

.sysf3_1 {

    position: absolute;

    top: -125px;

    left: 0;

    bottom: auto;

}



.pr {

    position: relative;

}



.sysf3_1 {

    width: 100%;

    height: 730px;

    z-index: 0 !important;

}



.sysf3_3 {

    background: url(../images1/sf22.png) repeat;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    position: absolute;

    z-index: 2;

}





/* 新闻�?*/

.nww {

   height:auto; overflow:hidden;

   background-color:#232323;

   border:1px solid #232323;

   padding:10px;

   margin-bottom:15px;

   }


.nww a {

   color:#eeeeee;

   }


.nww h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   color:#FFFFFF;

   margin-top:0px; margin-bottom:10px;

   background:url(../images1/biaox.png) left; background-repeat:no-repeat;

   padding-left:10px;

   padding-bottom:10px;

   border-bottom:1px solid #eeeeee;

   }


.nww li {

   height: auto;

overflow: hidden;

   white-space: nowrap;

text-overflow: ellipsis;

   line-height:40px;

   border-bottom:1px dashed #323232;

   }


.anlix {

   width:100%;

   height:auto; overflow:hidden;

   margin-bottom:10px;

   }


.anlix-aa {

   width:40%;

   float:left;

   }



.anlix-bb {

   width:55%;

   float:right;

   }  


.anlix-bb h3 {

    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

	font-size:14px;

	font-weight:bold;

	margin-top:0px; margin-bottom:3px;

	}

	

.nntp {

   margin-top:30px;

   }



.nee {

   height:auto; overflow:hidden;

   background-color:#232323;

   border:1px solid #232323;

   padding:10px;

   } 


.nee a {

   color:#eeeeee;

   }  



.nee h4 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   color:#ffffff;

   height:auto; overflow:hidden;

   margin-top:0px; margin-bottom:10px;

   background:url(../images1/biaox.png) left; background-repeat:no-repeat;

   padding-left:10px;

   padding-bottom:10px;

   border-bottom:1px solid #eeeeee; 

   }


.nee li {

   height: auto;

overflow: hidden;

   white-space: nowrap;

text-overflow: ellipsis;

   line-height:40px;

   border-bottom:1px dashed #323232;

   }	



.cpk {

   height:auto; overflow:hidden;

   margin-top:30px;

   }

.cpgun {

   height:auto; overflow:hidden;

   background-color:#232323;

   padding:10px;

   margin-top:30px;

   color:#FFFFFF;

   }


.cpgun a {

   color:#eeeeee;

   }


.cpgun li {

   list-style-type:none;

   float:left;

   margin-left:15px; margin-right:15px;

   }


.cpgun h4 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   color:#FFFFFF;

   margin-top:0px; margin-bottom:10px;

   background:url(../images1/biaox.png) left; background-repeat:no-repeat;

   padding-left:10px;

   padding-bottom:10px;

   border-bottom:1px solid #eeeeee;

   }



    .img-scroll2 { position:relative; margin:20px auto; width:100%; float:left; height:auto; overflow:hidden;}

    .img-scroll2 .prev2,.img-scroll2 .next2 { position:absolute; display:block; width:40px; height:40px; margin-top:50px; background-color:#000;

    top:0; color:#FFF; text-align:center;}

    .img-scroll2 .prev2 { left:0; background:url(../images1/zuox.png) no-repeat; width:40px; height:40px; z-index:99;}

    .img-scroll2 .next2 { right:0; background:url(../images1/youx.png) no-repeat; width:40px; height:40px; z-index:99;}

	.img-scroll2 .prev2:hover { left:0; background:url(../images1/zuox.png) no-repeat; width:40px; height:40px;}

	.img-scroll2 .next2:hover { right:0; background:url(../images1/youx.png) no-repeat; width:40px; height:40px;}

    .img-list2 { position:relative; width:500px; height:auto; overflow:hidden; margin-left:0px; overflow:hidden}

    .img-list2 ul { width:9999px;}

    .img-list2 li { float:left; display:inline; margin-left:10px; margin-right:10px; height:auto; overflow:hidden;}

	

	

.altu {

   width:200px;

   height:auto; overflow:hidden;

   }


.altu p {

   text-align:center;

   margin-top:10px;

   }


.altu a {

   color:#FFFFFF;

   }


.altuw {

   width:180px;

   height:auto; overflow:hidden;

   }


.altuw p {

   text-align:center;

   margin-top:10px;

      height: auto;

overflow: hidden;

   white-space: nowrap;

text-overflow: ellipsis;

   }


.altuw a {

   color:#FFFFFF;

   }



.fenlany {

    height:auto; overflow:hidden;

    padding-top: 0px;

    padding-bottom: 20px;

	color:#eeeeee;

}



.fenlany a {

	color:#eeeeee;

}





#scrollbox {height:600px;overflow:hidden;}

.scrollcon {height:800%;}







.cpgunx {

   height:auto; overflow:hidden;

   background-color:#ffffff;

   padding:10px;

   margin-top:30px;

   color:#333333;

   }


.cpgunx a {

   color:#333333;

   }


.cpgunx li {

   list-style-type:none;

   float:left;

   margin-left:15px; margin-right:15px;

   }


.cpgunx h4 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   color:#333333;

   margin-top:0px; margin-bottom:10px;

   background:url(../images1/biaox.png) left; background-repeat:no-repeat;

   padding-left:10px;

   padding-bottom:10px;

   border-bottom:1px solid #eeeeee;

   }


.altux {

   width:200px;

   height:auto; overflow:hidden;

   }


.altux p {

   text-align:center;

   margin-top:10px;

   }


.altux a {

   color:#333333;

   }







/* 猜你喜欢 */

.xihuan {

   margin-top:50px;

   height:auto; overflow:hidden;

   }


.xihuan h3 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:18px;

   margin-top:20px; margin-bottom:20px;

   padding-left:15px;

   background:url(../images1/biaox.png) left; background-repeat:no-repeat;

   }


.xihuan li {

   list-style-type:none;

   float:left;

   margin-left:10px; margin-right:10px;

   }



.yrr {

   margin-top:10px;

   height:auto; overflow:hidden;

   }


.yrr-left {

   width:50%;

   float:left;

   }


.yrr-right {

   width:50%;

   float:left;

   }




.nqq {

   height:auto; overflow:hidden;

   background-color:#eeeeee;

   border:1px solid #eeeeee;

   padding:10px;

   } 


.nqq a {

   color:#333333;

   }  



.nqq h4 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:16px;

   color:#333333;

   height:auto; overflow:hidden;

   margin-top:0px; margin-bottom:10px;

   background:url(../images1/biaox.png) left; background-repeat:no-repeat;

   padding-left:10px;

   padding-bottom:10px;

   border-bottom:1px solid #555555; 

   }


.nqq li {

   height: auto;

overflow: hidden;

   white-space: nowrap;

text-overflow: ellipsis;

   line-height:40px;

   border-bottom:1px dashed #555555;

   color:#333333;

   }


.ymm {

   width:100px;

   background-color:#eeeeee;

   color:#333;

   }


/* 增加 */

.jianshe {

   background-color:#2cbcb1;

   padding-top:30px;

   padding-bottom:45px;

   color:#FFFFFF;

   text-align:center;

   line-height:27px;

   } 


.jianshe h2 {

   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;

   font-size:36px;

   color:#ffffff;

   margin-top:0px; margin-bottom:15px;

   }  


.shuzi {

   margin-top:20px;

   }


.sz-aa {

   width:20%;

   padding-left:30px;

   }


/* 新关于我�?*/

.abhui {
   height:auto; overflow:hidden;
   padding-top:33px;
   padding-bottom:60px;
   background-color:#e8e8e8;
   }

.gykk {

   width:1516px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }
.gymm {
   margin-bottom:30px;
   background-color:#FFFFFF;
   }
.gymm-aa {
   padding:50px;
   color:rgba(0, 0, 0, 0.6);
   line-height:30px;
   padding-right:120px;
   } 
.gymm-aa h2 {
   height:auto; overflow:hidden;
   margin-top:25px;
   margin-bottom:18px;
   }  
.gymm-aa h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   height:auto; overflow:hidden;
   font-size:16px;
   color:rgba(0, 0, 0, 0.8);
   margin-top:0px;
   margin-bottom:45px;
   }
.gymm-bb {
   background-color:#df2327;
   padding:50px;
   color:#FFFFFF;
   padding-bottom:100px;
   }
.gymm-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   color:#FFFFFF;
   margin-top:25px;
   padding-bottom:18px;
   margin-bottom:35px;
   font-size:23px;
   background:url(../images1/ywxia.png) left bottom; background-repeat:no-repeat;
   }
.gymm-bb h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:14px;
   margin-top:0px;
   margin-bottom:26px;
   color:rgba(255, 255, 255, 0.6);
   }
.gymm-k li {
   list-style-type:none;
   float:left;
   margin-left:1%;
   margin-right:1%;
   width:31.3%;
      height:50px;
   line-height:50px;
   font-size:12px;
   border-bottom:1px solid rgba(255, 255, 255, 0.6);
   }
.jiagou {
   padding:40px;
   height:auto; overflow:hidden;
   padding-top:80px;
   padding-bottom:80px;
   }
.jiagou h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:33px;
   font-weight:bold;
   color:#333333;
   text-align:center;
   margin-top:0px;
   margin-bottom:10px;
   }
.jiagou h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:16px;
   font-weight:bold;
   color:rgba(0, 0, 0, 0.6);
   text-align:center;
   margin-top:0px;
   margin-bottom:45px;
   }
.tuanduix {
   padding:80px;
   color:rgba(0, 0, 0, 0.6);
   }
.tuanduix h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   color:#df2327;
   font-size:23px;
   margin-top:0px;
   padding-bottom:20px;
   background:url(../images1/tmxia.jpg) left bottom; background-repeat:no-repeat;
   margin-bottom:20px;
   }
.tuanduix h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   color:#df2327;
   font-size:14px;
   margin-top:0px;
   margin-bottom:68px;
   }
.hezuo {
   background-color:#f0f0f0;
   height:auto; overflow:hidden;
   padding:50px;
   }
.jigou {
   height:auto; overflow:hidden;
   color:rgba(0, 0, 0, 0.6);
   line-height:30px;
   }
.jigou h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:23px;
   color:#df2327;
   margin-top:36px;
   padding-bottom:20px;
   background:url(../images1/tmxia.jpg) left bottom; background-repeat:no-repeat;
   margin-bottom:36px;
   }
.shujux {
   height:auto; overflow:hidden;
   margin-top:40px;
   }
.shujux li {
   list-style-type:none;
   float:left;
   width:33.3%;
   }
.bbk {
   margin-top:40px;
   }.biaow {
   margin-top:40px;
   }
.biaow:hover img {
    -webkit-transform: rotatey(360deg);
    -moz-transform: rotatey(360deg);
   }
.biaow img {
    -webkit-transition: 1.2s ease;
    -moz-transition: 1.2s ease;
    max-width: 100%;
    margin: 0 auto;
}


.gyss section {
    overflow: hidden;
}section {
    display: block;
}


.gyss img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}  

.gyss:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   }
.gunbjx {
   height: auto;
   overflow: hidden;
   padding-top: 55px;
   padding-bottom: 60px;
   }
.kongbai {
   height:auto; overflow:hidden;
   padding-top:50px;
   padding-bottom:50px;
   background-color:#FFFFFF;
   }


.abhui2 {
   height:auto; overflow:hidden;
   background-color:#e8e8e8;
   }
.page {
    margin: 20px auto;
}

.page-m {
    position: relative;
    top: -1px;
    +display: inline !important;
}

.page a {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.page-m a {
    display: inline-block;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
	border:1px solid #eeeeee;

}

.page-m a:hover {
    color: #fff;
    background: #dc0101;
	border:1px solid #dc0101;
}

.mss a {
   color:#FFFFFF;

}

.hover {
    color: #fff;
    background: #dc0101;
	border:1px solid #dc0101;
}

.page-m a.active {
    color: #fff;
    background: #dc0101;
	border:1px solid #dc0101;
}  

/* 官网案例详情�?*/
.casebnn {
   height:auto; overflow:hidden;
   }
 
.casebnn section {
   overflow: hidden;
   }	 
	
section {
    display: block;
}  
.jianjie {
   padding-top:40px;
   padding-bottom:40px;
   background-color:#d71618;
   color:#FFFFFF;
   line-height:23px;
   }
.jianjie h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:30px;
   color:#FFFFFF;
   font-weight: 500;
   margin-top:0px;
   margin-bottom:12px;
   }
.jianjie h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:12px;
   color:rgba(255, 255, 255, 0.6);
   font-weight:bold;
   margin-top:0px;
   margin-bottom:18px;
   }
.lightww {
   width:100%;
   height:auto; overflow:hidden;
   }
.lightbox {
   float:left;
   margin-left:40px;
   width:100px;
   height:auto; overflow:hidden;
   }
.icon_block {
    background-color: #EFEFEF;
    background-position: 0 0;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: block;
    height: 100px;
    margin: 0 auto 15px;
    position: relative;
    transition: background-color 0.3s ease-in-out 0s;
    width: 100px;
}

.icon_block a {
    width: 100px;
    height: 100px;
    display: block;
    z-index: 999;
	text-align:center;
    font-size: 12px;
    line-height: 130px;
	color: #797979;
    position: relative;
}

.icon_block:before {
    border: 0 none;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-in-out 0s;
}
.icon_block:before {
    border: 2px solid #C3C3C3;
    bottom: 4px;
    left: 4px;
    right: 4px;
    top: 4px;
}
.lightbox:hover .icon_block:before {
    border: 6px solid #FFFFFF;
    bottom: 4px;
    left: 4px;
    right: 4px;
    top: 4px;
}

.lightbox:hover a{
	color: #fff;
}
.lightbox:hover .icon_block {
background-color: #967ADE;
background-position: 0 -100px;
}

.icon7 {
    background-color: #fff;
    background-image: url("../images1/icon7.png");
}

.icon8 {
    background-color: #fff;
    background-image: url("../images1/icon8.png");
}

.fenxiang {
    width: 50%;
	margin:0 auto;
}


.yswk {

   width:1230px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;
   margin-top:15px;

   }
.yswk p {
   margin:0px;
   }
.sskk img {
   width:100%;
   border: 0px none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
   }
.pulse {
    animation-duration: 3s;
}


#bg {
    width: 100%;
    height: 100%;
	background:url(../images1/huudon_pic5.jpg) top center;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: -10;
}

 
.casennt {
   height:auto; overflow:hidden;
   margin-top:40px;
   } 
 
 

.anl_prev1 {
    position: fixed;
    top: 55%;
	left: 40px;
    width: 62px;
    height: 128px;
    z-index: 1000;
    text-indent: -9999px;
	background:url(../images1/zuott.png);
}

.anl_prev1 a {
   display:block;
   width: 62px;
   height:128px;

}


.anl_next1 {
    position: fixed;
    top: 55%;
	right: 40px;
    width: 62px;
    height: 128px;
    z-index: 1000;
    text-indent: -9999px;
	background:url(../images1/youtt.png);
} 

.anl_next1 a {
   display:block;
   width: 62px;
   height:128px;

}


.xihuan h4 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 15px;
	text-align:center;
	color:#FFFFFF;
}

.xihuan h4 a {
	color:#FFFFFF;
}


.casebnn div, .casebnn img {
    -webkit-animation: scaleBigToDefault 1.5s ease-in-out;
    animation: scaleBigToDefault 1.5s ease-in-out;
}

.hiddenx {
   overflow: hidden;
   }
/* 招聘 */

.zplieb{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	border-bottom:1px rgba(0,0,0,.1) solid;
}
.zplieb span{
	display:block;
	font-weight:bold;
	text-align:center;
	font-size:1.5rem;
	line-height:30px;
	padding:15px 0px;
	overflow:hidden;
}
.zplieb span:nth-of-type(1){
	width:10%;
}
.zplieb span:nth-of-type(2){
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	width:45%;
}
.zplieb span:nth-of-type(3){
	width:15%;
}
.zplieb span:nth-of-type(4){
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	width:15%;
}
.zplieb span:nth-of-type(5){
	width:15%;
}
.zplieb span:nth-of-type(2):after{
	content:"";
	display:block;
	width:1px;
	height:12px;
	background:rgba(0,0,0,.4);
	margin:9px 0px;
}
.zplieb span:nth-of-type(2):before{
	content:"";
	display:block;
	width:1px;
	height:12px;
	background:rgba(0,0,0,.4);
	margin:9px 0px;
}
.zplieb span:nth-of-type(4):after{
	content:"";
	display:block;
	width:1px;
	height:12px;
	background:rgba(0,0,0,.4);
	margin:9px 0px;
}
.zplieb span:nth-of-type(4):before{
	content:"";
	display:block;
	width:1px;
	height:12px;
	background:rgba(0,0,0,.4);
	margin:9px 0px;
}

.zplb{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	border-bottom:1px rgba(0,0,0,.1) solid;
	transition:.5s;
	cursor:pointer;
}
.bse{
	background:#fff;
}
.jobct-ct section:hover .zplb{
	background:#fff;
}
.zplb span{
	display:block;
	text-align:center;
	font-size:1.5rem;
	line-height:30px;
	padding:15px 0px;
	overflow:hidden;
}
.zplb span font:after{
	content:"+";
	font-size:2.4rem;
	color:#7eb112;
}
.bse span font:after{
	content:"-";
	font-size:2.4rem;
	color:#7eb112;
}
.zplb span:nth-of-type(1){
	width:10%;
}
.zplb span:nth-of-type(2){
	width:45%;
}
.zplb span:nth-of-type(3){
	width:15%;
}
.zplb span:nth-of-type(4){
	width:15%;
}
.zplb span:nth-of-type(5){
	width:15%;
}
.zkzpxq{
	display:none;
	background:#f9f9f9;
	padding-bottom:30px;
}
.zpxq{
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
	background:#f9f9f9;
}
.zpxq .yaoqiu{
	width:45%;
	margin-right:2%;
}
.zpxq .zhize{
	width:45%;
}
.zpxq>div{
	padding:20px 0px;
	color:rgba(0,0,0,.7);
}
.zpxq>div>big{
	display:block;
	font-weight:bold;
	font-size:1.6rem;
	line-height:30px;
	padding-bottom:5px;
}
.zpxq>div>span{
	display:block;
	line-height:24px;
	font-size:1.4rem;
}
.zkzpxq>a{
	background:#7eb112;
	color:#fff;
	line-height:38px;
	width:120px;
	text-align:center;
	font-size:1.4rem;
	margin:0px 0px 0px 4%;
	display:block;
}
.zkzpxq>a:hover{
	color:#fff;
}  


/* 新闻新增 */ 
.idx-sign {
   height:auto; overflow:hidden;
   background:url(../images1/dibai.jpg) bottom; background-repeat:no-repeat;
   position:relative;
   z-index:99;
   margin-top:-950px;
   }
.xwkk {
   width:1600px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
.idx-sign-list {
    position: relative;
    z-index: 1;
    margin-top: -14%;
    padding: 3% 7%;
    background: #f0f0f0;
}

#canvas {
    width: 100%;
    height: 38vw;
    overflow: hidden;
}

#box canvas {
    width: 100%;
    height: 155% !important;
}

.xwtit h2 {
    font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
	font-size:40px;
	font-weight:bold;
	margin-top:0px; margin-bottom:6px;
	text-align:center;
	color:#FFFFFF;
   }
.xwtit {
   padding-top:88px;
   }
.idx-sign .xwtit .line {
    display: block;
    margin: .4rem auto 0;
    width: 4px;
    height: 16px;
    background: #e0e0e0;
}

.f22 {
    font-size: 22px;
	text-align:center;
	color:#FFFFFF;
}

#box {
    margin-top: -12%;
    width: 100%;
    height: 75%;
}


.keli {
   position:relative;
   }
.idx-sign-list a {
    display: inline-block;
    padding: 15% 0;
    width: 82%;
    text-align: left;
}

.idx-sign-list a:hover h4 {
   color: #FF0000;
   }

.idx-sign-list .ff-lum {
    padding: 0 8px;
    background: #1a1a1a;
    color: #fff;
}

.f14 {
    font-size: 14px;
}
.idx-sign-list h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   margin-top:10px;
   margin-bottom:24px;
    color: #1a1a1a;
    font-size: 24px;
	
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.block {
    display: block;
}

.idx-sign-list p {
    margin-bottom: 0;
    height: 50px; overflow:hidden;
	color:#ababab;
}
.xwhang {
   height:auto; overflow:hidden;
	font-size:16px;
	color:#ababab;
	line-height:24px;
}

.line2 {
   border-top: 1px solid #dcdcdc;
   }
.lxdibu {
   height:auto; overflow:hidden;
   line-height:30px;
   color:#ababab;
   }
.lxdibu a {
   color:#ababab;
   }
.lxdibu a:hover {
   color: #ff0000;
   }
.lxzz {
   padding-top:40px;
   padding-bottom:30px;
   height:auto; overflow:hidden;
   }
.lxzz h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
font-size: 20px;
color: #fff;
text-transform: uppercase;
margin-top:0px;
margin-bottom:15px;
   }


.zuohua {
  border-left: 1px solid #333;
  height:268px;
  padding-left:40px;
  }
  
.weixin {
   width:145px;
   float:right;
   }  

.white {
    color: #fff;
	font-weight:bold;
}

.f20x {
    font-size: 20px;
	color:#FFFFFF;
}

.xiaozi {
   font-size:14px;
   color:#585858;
   }

.copyright {
    padding: 18px 0;
    border-top: 1px solid #333;
    line-height: 21px;
}

#dongbj {
	position: absolute;
	height: 485px;
	width: 100%;
	        background-attachment: scroll;
        background-size: auto auto;
    background-size: cover;
    background-attachment: fixed;
}
#output {
	width: 100%;
	height: 100%;
} 


/* 新头�?*/
.rstop {
   width:100%;
   position:fixed;
   top:0px;
   z-index:9999;
   }
.rsdh {
   width:1330px;
   height:auto; overflow:hidden;
   margin:0 auto;
   }
.rsdh-logo {
   width:30%;
   float:left;
   }
.rsdh-dh {
   width:70%;
   float:right;
   display: flex;
   justify-content: flex-end;
   }
.dh-lan {
   width:575px;
   float:left;
    height: auto;
    overflow: hidden;
    line-height: 66px;
}

.rsdh-dh .dh-lan ul {
    display: flex;
	margin:0px;
	padding:0px;
}

.rsdh-dh .dh-lan ul li {
    margin: 0px 25px;
}

.rsdh-dh .dh-lan ul li a {
    display: block;
    height: 66px;
    line-height: 64px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
    color: #ffffff;
}

.rsdh-dh .dh-lan ul li a::after {
    width: 0;
    transition: width .3s;
    height: 2px;
    display: block;
    margin: 0 auto;
    content: "";
    background-color: #FFFFFF;
}

.rsdh-dh .dh-lan ul li a:hover:after{
	width:100%;
	height:2px;
	display:block;
	content:"";
	transition:width .3s;
	background-color:#FFFFFF;
}


.fudong {
    width:80%;
	height:auto; overflow:hidden;
	position: absolute;
	top: 35%;
	left:10%;
	margin:0 auto;
    color: #FFF;
    z-index: 99;
} 


.fudong-aa {
   width:50%;
   float:left;
   }
.fudong-aa h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:40px;
   margin-top:20px;
   color:#FFFFFF;
   height:auto; overflow:hidden;
   margin-bottom:20px;
   }
.fudong-aa h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   margin-top:0px;
   color:#FFFFFF;
   margin-bottom:0px;
   }
.fudong-bb {
   width:50%;
   background:url(../images1/ytt.png) right top; background-repeat:no-repeat;
   float:right;
   }
.fudong-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:14px;
   margin-top:482px;
   color:#FFFFFF;
   margin-bottom:0px;
   text-align:right;
   }
   
.fudong-aa h3 span.line {
   background: #fb7a21;
   display: block;
   height: 4px;
   width: 93px;
   margin-top: 30px;
}   

.fudong-aa h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   margin-top:30px;
   color:#FFFFFF;
   margin-bottom:0px;
   }
   
.fudong-kk {
    width: 100%;
}

.fudong-kk h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:40px;
   margin-top:20px;
   color:#FFFFFF;
   text-align:center;
   height:auto; overflow:hidden;
   margin-bottom:20px;
   }
.fudong-kk h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   margin-top:0px;
   color:#FFFFFF;
   text-align:center;
   margin-bottom:0px;
   }
   
.fudong-kk h3 span.line {
   background: #fb7a21;
   display: block;
   height: 4px;
   width: 93px;
   margin:30px auto 0px;
} 
   
.fudong-kk h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   margin-top:30px;
   text-align:center;
   color:#FFFFFF;
   margin-bottom:0px;
   }
   
   
.fudong-ww {
    width: 60%;
	float:right;
}

.fudong-ww h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:40px;
   margin-top:20px;
   color:#FFFFFF;
   text-align:right;
   height:auto; overflow:hidden;
   margin-bottom:20px;
   }
.fudong-ww h3 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   margin-top:0px;
   color:#FFFFFF;
   text-align:right;
   margin-bottom:0px;
   }
   
.fudong-ww h3 span.line {
   background: #fb7a21;
   display: block;
   height: 4px;
   width: 93px;
   float:right;
   margin-top:30px;
} 
   
.fudong-ww h4 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:18px;
   margin-top:30px;
   text-align:right;
   color:#FFFFFF;
   margin-bottom:0px;
   }
   
   
.dian .swiper-pagination-bullet {
    width: 2px;
    height: 10px;
    display: inline-block;
    border-radius: 1px;
    background: #FFFFFF;
    opacity: .8;
}

.dian .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 52px;
    height: 53px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 52px 53px;
    background-position: center;
    background-repeat: no-repeat;

}


.dian .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 52px;
    height: 53px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 52px 53px;
    background-position: center;
    background-repeat: no-repeat;

}


.dian .swiper-pagination-bullet-active {
    opacity: 1;
    background: #FFFFFF;
	height: 20px;
	transition: all 500ms ease-in 0ms;
}

.dian .swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    background-image: url("../images1/left.png");
    left: 150px;
    right: auto;
    z-index:999;
}



.dian .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("../images1/right.png");
    right: 150px;
    left: auto;
	z-index:999;
}

ul {
  margin:0px;
  }
  
  
/* 荣誉 */
.rykk {
   margin-top:15px;
   height:auto; overflow:hidden;
   background-color:#FFFFFF;
   }
   
section {
    display: block;
}

.rykk section {
    overflow: hidden;
}   
   
.rykk img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}  

.rykk:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
	transition: all 500ms ease-in 0ms;
   } 
   
.rynei {
   height:auto; overflow:hidden;
   padding-top:70px;
   font-size:18px;
   color:rgba(0, 0, 0, 0.8);
   line-height:45px;
   } 
   
.rynei li {
   list-style-type:none;
   width:50%;
   float:left;
   padding-left:40px;
   }
   
.zkzpxq h3 {
    display: flex;
    justify-content: center;
    padding: 30px 0px;
} 

.zkzpxq h3 a {
    line-height: 50px;
    display: flex;
    background: #da251c;
    color: #fff;
    font-size: 1.8rem;
    padding: 0px 30px;
    margin: 0px 10px;
}

.zkzpxq h3 a:first-child::before {
    content: "";
    display: block;
    background: url(../images1/toudi.png) center no-repeat;
        background-size: auto auto;
    width: 22px;
    background-size: 100% auto;
    margin-right: 20px;
}  

.zkzpxq h3 a:last-child::before {
    content: "";
    display: block;
    background: url(../images1/shouc.png) center no-repeat;
        background-size: auto auto;
    width: 22px;
    background-size: 100% auto;
    margin-right: 20px;
}



/* 服务 */
.service {
    margin-top: 70px;

}

.fixed, .clearfix, .cf, .header, .main, .footer {
    *zoom: 1;
}

.service .serv_con01 {
    background: #fff;
}

.service h3 em.en {
    color: #7d7d7d;
    display: block;
    line-height: 1;
}

.service .serv_con {
    height: 760px;
    position: relative;
}

.serv_con01 .serv_c01_right {
    position: absolute;
    left: 50%;
    right: -100px;
    opacity: 0;
    top: 15%;
}

.serv_con01 .serv_c01_right .c01_r_con {
    float: right;
}

.serv_con01 .serv_c01_left {
    width: 50%;
    position: relative;
    left: -100px;
    opacity: 0;
}

.serv_con01 .serv_c01_left .c01_l_con {
    width: 600px;
    float: right;
}

.service h3 {
    color: #000;
    margin-top: 100px;
    position: relative;
}

.mt_20 {
    margin-top: 20px;
}

h3 span.line {
    display: block;
    height: 1px;
    width: 100px;
}

.service h3 span.line {
    background: #000;
}

.service div.p {
    color: #7d7d7d;
}

.service ul {
    margin-top: 15px;
	margin:0px;
	padding:0px;
	height:auto; overflow:hidden;
}

.service li {
    list-style-type:none;
    width: 130px;
    float: left;
    color: #fff;
    margin-right: 65px;
    margin-top: 30px;
}

.serv_con01 .serv_c01_left li p {
    color: #7d7d7d;
}


.n_body div.more {
    margin-top: 61px;
    position: relative;
    overflow: hidden;
}

.n_body div.more a {
    overflow: hidden;
    color: #000;
    display: block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #000;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
}

.n_body div.more a span {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    position: relative;
}

.n_body div.more a span::after {
    content: attr(data-tit);
    position: absolute;
    height: 50px;
    top: 0px;
    left: 0px;
    right: 0;
    color: transparent;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    transform: translate(0,100%);
}

.n_body div.more a:hover{border:1px solid #f60;}
.n_body div.more a:hover span{color: transparent;transform: translate(0,-100%);}
.n_body div.more a:hover span:after{background-color: #f60;color:#fff;}



.n_body div.morex {
    margin-top: 61px;
    position: relative;
    overflow: hidden;
}

.n_body div.morex a {
    overflow: hidden;
    color: #FFF;
    display: block;
    width: 220px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #FFF;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
}

.n_body div.morex a span {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
    position: relative;
}

.n_body div.morex a span::after {
    content: attr(data-tit);
    position: absolute;
    height: 50px;
    top: 0px;
    left: 0px;
    right: 0;
    color: transparent;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    transform: translate(0,100%);
}

.n_body div.morex a:hover{border:1px solid #FFF;}
.n_body div.morex a:hover span{color: transparent;transform: translate(0,-100%);}
.n_body div.morex a:hover span:after{background-color: #FFF;color:#000;}


.service .serv_con02 {
    background: #f60;
}

.serv_con02 .serv_c02_left {
    width: 50%;
    height: 100%;
}

.serv_con02 .serv_c02_left .c02_l_con {
    width: 100%;
    height: 100%;
    position: relative;
}

.serv_con02 .serv_c02_left .c02_l_con p:nth-child(1) {
    left: 60%;
}

.serv_con02 .serv_c02_left .c02_l_con p {
    position: absolute;
}

img {
    border: 0;
    display: inline-block;
}

.serv_con02 .serv_c02_left .c02_l_con p:nth-child(2) {
    left: 40%;
    top: 40%;
}

.serv_con02 .serv_c02_left .c02_l_con p {
    position: absolute;
}

.serv_con02 .serv_c02_left .c02_l_con p:nth-child(3) {
    left: 5%;
    bottom: 30px;
}

.serv_con02 .serv_c02_left .c02_l_con p:nth-child(4) {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.serv_con02 .serv_c02_right {
    position: absolute;
    left: 50%;
    right: 0px;
    top: 0px;
    opacity: 0;
}

.serv_con02 .serv_c02_right .c02_r_con {
    width: 600px;
    float: left;
    margin-left: 80px;
}

.service .serv_text_w h3 {
    color: #fff;
}
.service h3 {
    color: #000;
    margin-top: 100px;
    position: relative;
}

h3 p.f_title {
    line-height: 0.9;
}

.service .serv_text_w h3 em.en {
    color: #fff;
}

.service h3 em.en {
    color: #7d7d7d;
    display: block;
    line-height: 1;
}

.fnt_24 {
    font-size: 24px;
}

.mt_15 {
    margin-top: 15px;
}

em, cite, address, i {
    font-style: normal;
}

.service .serv_text_w h3 span.line {
    background: #fff;
}

.service .serv_text_w div.p {
    color: #fff;
}

.fnt_16 {
    font-size: 16px;
}


.service .serv_text_w div.more a {
    color: #fff;
    border: 1px solid #fff;
}


.service .serv_con03 {
    background: #000;
}

.service .serv_con {
    height: 760px;
    position: relative;
}


.serv_con03 .serv_c03_right {
    position: absolute;
    left: 50%;
    top: 50%;
    right: -100px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}

.serv_con03 .serv_c03_right .c03_r_con {
    float: right;
}

.serv_con03 .serv_c03_right .c03_r_con img {
    width: 100%;
}

.serv_con03 .serv_c03_left {
    width: 50%;
    height: 100%;
    position: relative;
    left: -100px;
    opacity: 0;
}

.serv_con03 .serv_c03_left .c03_l_con {
    width: 600px;
    float: right;
}

.service .serv_text_w h3 {
    color: #fff;
}

.fnt_30 {
    font-size: 30px;
    line-height: 1.3;
}

.serv_con03 .serv_c03_left h3 em.en {
    color: #7d7d7d;
}

.serv_con03 .serv_c03_left h3 span.line {
    background: #7d7d7d;
}

.serv_con03 .serv_c03_left div.p {
    color: #7d7d7d;
}

.serv_con03 .serv_c03_left li p {
    color: #7d7d7d;
}

.service li p {
    line-height: 1.8;
    height: 45px;
    color: #fff;
	text-align:center;
}

.fnt_16 {
    font-size: 16px;
}


.service .serv_con04 {
    background: #333;
}

.serv_con04 .serv_c04_left {
    width: 50%;
    height: 100%;
    opacity: 0;
}

.serv_con04 .serv_c04_left .c04_l_con {
    width: 100%;
    height: 100%;
    position: relative;
}

.serv_con04 .serv_c04_left .c04_l_con p:nth-child(1) {
    left: 20%;
    top: 80px;
}

.serv_con04 .serv_c04_left .c04_l_con p {
    position: absolute;
}

.serv_con04 .serv_c04_left .c04_l_con p:nth-child(2) {
    top: 80px;
    z-index: 5;
    left: 45%;
}

.serv_con04 .serv_c04_left .c04_l_con p:nth-child(3) {
    left: 20%;
    bottom: 50px;
}

.serv_con04 .serv_c04_left .c04_l_con p:nth-child(4) {
    left: 40%;
    top: 0px;
    z-index: 4;
    opacity: 0;
}

.serv_con04 .serv_c04_right {
    position: absolute;
    left: 50%;
    right: 0px;
    top: 0px;
}

.serv_con04 .serv_c04_right .c04_r_con {
    width: 600px;
    float: left;
    margin-left: 80px;
    position: relative;
    right: -100px;
    opacity: 0;
}

.serv_con04 h3 {
    margin-top: 200px;
}

.serv_con04 .serv_c04_right h3 em.en {
    color: #c4c4c4;
}

.serv_con04 .serv_c04_right h3 span.line {
    background: #c4c4c4;
}

.serv_con04 .serv_c04_right div.p {
    color: #c4c4c4;
}


.fixed::after, .clearfix::after, .cf::after, after, .header::after, .main::after, .footer::after {

    content: '';
    display: table;
    clear: both;

}



.wrap {
    width: 1280px;
    margin-left: auto;
    margin-right: auto;
}


.ser_ico{height: 860px;background: url(../images1/ser_ico_bg.jpg) no-repeat center top; padding-top:1px;}
.ser_ico h3{text-align: center;}
.ser_ico h3 span.line{background: #000;margin-left: auto;margin-right:auto;}

.ser_ico_con .s2_r_con{
  width: 48%;float: left;
  position: relative;
  -webkit-transition:all 0.3s ease-out;
  -moz-transition:all 0.3s ease-out;
  -ms-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
  height: 190px;
  margin-top: 70px;
  margin-right: 4%;
  opacity: 0;
}
.ser_ico_con .s2_r_con:nth-of-type(3n){
  margin-right: 4%;
}
.ser_ico_con .s2_r_con:nth-of-type(2n){
  margin-right: 0%;
}
.ser_ico_con .s2_r_con dl{position: absolute;left: 50%;top: 50%;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width: 100%;}
.ser_ico_con .s2_r_con dl dt{margin:0 auto;position: relative;}
.ser_ico_con .s2_r_con dl dd{text-align: center;margin-top: 30px;height: 120px;}
.ser_ico_con .s2_r_con dl dd h4{height: 40px;color: #2e2d33;position: relative;}
.ser_ico_con .s2_r_con dl dd h4 span{display:inline-block;
  position: absolute;left: 50%;bottom: 0px;
  width: 30px;height: 1px;background: #2e2d33;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -webkit-transition:width 0.5s ease-out;
  -moz-transition:width 0.5s ease-out;
  -ms-transition:width 0.5s ease-out;
  transition:width 0.5s ease-out;
}
.ser_ico_con .s2_r_con dl dd div.p{color: #7d7d7d;line-height: 1.8;margin-top: 12px;opacity: 1;
  -webkit-transition:opacity 0.3s ease-out;
  -moz-transition:opacity 0.3s ease-out;
  -ms-transition:opacity 0.3s ease-out;
  transition:opacity 0.3s ease-out;
}
.ser_ico_con .s2_r_con dl dd div.p span{padding:0 10px;white-space:nowrap;}

.ser_ico_con .s2_r_con01 dt{width: 46px;height: 39px;}
.ser_ico_con .s2_r_con01 dt span{position: absolute;}
.ser_ico_con .s2_r_con01 dt span:nth-child(1){top: 6px;left: 50%;
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%);
}
.ser_ico_con .s2_r_con01 dt span:nth-child(2){top: 15px;left: 7px;}
.ser_ico_con .s2_r_con01 dt span:nth-child(3){top: 18px;left: 7px;}

.ser_ico_con .s2_r_con02 dt{width: 55px;height: 40px;}
.ser_ico_con .s2_r_con02 dt span{position: absolute;}
.ser_ico_con .s2_r_con02 dt span:nth-child(1){top: 10px;left: 120%;}

.ser_ico_con .s2_r_con03 dt{width: 45px;height: 36px;}
.ser_ico_con .s2_r_con03 dt span{position: absolute;}
.ser_ico_con .s2_r_con03 dt span:nth-child(1){top: 4px;left: 44px;}
.ser_ico_con .s2_r_con03 dt span:nth-child(2){top: -1px;left: 45px;}
.ser_ico_con .s2_r_con03 dt span:nth-child(3){top: -6px;left: 46px;}

.ser_ico_con .s2_r_con04 dt{width: 34px;height: 31px;}
.ser_ico_con .s2_r_con04 dt span{position: absolute;height:17px;display: inline-block;}
.ser_ico_con .s2_r_con04 dt span:nth-child(1){top: 14px;left: 25px;}
.ser_ico_con .s2_r_con04 dt span:nth-child(2){top: 18px;left: 31px;}

.ser_ico_con .s2_r_con05 dt{width: 46px;height: 32px;}
.ser_ico_con .s2_r_con05 dt span{position: absolute;}
.ser_ico_con .s2_r_con05 dt span:nth-child(1){top: 16px;left: 33px;}
.ser_ico_con .s2_r_con05 dt span:nth-child(2){top: 15px;left: 44px;}

.ser_ico_con .s2_r_con06 dt{width: 30px;height: 31px;}
.ser_ico_con .s2_r_con06 dt span{position: absolute;}
.ser_ico_con .s2_r_con06 dt span:nth-child(1){top: -10px;left: 20px;}
.ser_ico_con .s2_r_con06 dt span:nth-child(2){top: -10px;left: 35px;}


.ser_ico_con .s2_r_con:hover dl dd h3 span{width: 95px;background: #f60;}
.ser_ico_con .s2_r_con:hover dl dd div.p{opacity: 1;}

.ser_ico_con .s2_r_con01:hover dt span:nth-child(1){
  -webkit-animation: ico_o 1s infinite linear alternate;
  animation: ico_o 1s infinite linear alternate;
}
.ser_ico_con .s2_r_con02:hover dt span:nth-child(1){
  -webkit-animation: ico_t 1.5s infinite ease-out;
  animation: ico_t 1.5s infinite ease-out;
}
.ser_ico_con .s2_r_con03:hover dt span:nth-child(1){
  -webkit-animation: ico_th 1.5s infinite linear alternate;
  animation: ico_th 1.5s infinite linear alternate;
}
.ser_ico_con .s2_r_con03:hover dt span:nth-child(2){
  -webkit-animation: ico_th 1.5s 0.4s infinite linear alternate;
  animation: ico_th 1.5s 0.4s infinite linear alternate;
}
.ser_ico_con .s2_r_con03:hover dt span:nth-child(3){
  -webkit-animation: ico_th 1.5s 0.8s infinite linear alternate;
  animation: ico_th 1.5s 0.8s infinite linear alternate;
}
.ser_ico_con .s2_r_con04:hover dt span:nth-child(1){
  -webkit-animation: ico_f 1s infinite ease-out;
  animation: ico_f 1s infinite ease-out;
}
.ser_ico_con .s2_r_con05:hover dt span:nth-child(2){
  -webkit-animation: ico_fi 1s infinite ease-out alternate;
  animation: ico_fi 1s infinite ease-out alternate;
}
.ser_ico_con .s2_r_con06:hover dt span:nth-child(2){
  -webkit-animation: ico_s 1s infinite ease-out alternate;
  animation: ico_s 1s infinite ease-out alternate;
}


.s4_join{position: relative;height:0px;padding-bottom: 25%;background-size:cover;background-repeat: no-repeat;background-color: #000; padding-top:1px;}
.s4_join>p{position: absolute;top:0px;bottom: -10px;left: 0;right: 0;background: rgba(0,0,0,0.7);}
.n_join.s4_join>p{background: rgba(0,0,0,0.7);}

.s4_join .join_text{text-align: center;position: relative;z-index: 5;}
.s4_join .join_text>h3{height: 80px;position: relative;font-weight: normal;color:#fff;margin-top:100px;}
.s4_join .join_text>h3 span{display: inline-block;position: absolute;bottom: 0px;
  left: 50%;width: 100px;height: 1px;background-color: #fff;
  transition:width 0.5s ease-out;
  transform:translateX(-50%);
}
.s4_join .join_text:hover>h3 span{width: 50px;}
.s4_join .join_text div.p{color: #fff;line-height: 2;margin-top: 30px;}
.s4_join .join_text div.more{margin-top: 70px;position: relative;}
.s4_join .join_text div.more a{overflow: hidden;
  display: block;width: 226px;height: 50px;margin:0 auto;
  line-height: 50px;text-align: center;border:1px solid #fff;
  transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860);
  color:#fff;
}
.s4_join .join_text div.more a span{
  display:block;width:100%;height: 50px;line-height: 50px;
  text-align: center;
  transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 100ms;
  position: relative;
}
.s4_join .join_text div.more a span:after{content:attr(data-tit);
    position: absolute;height: 50px;
    top:0px;left:0px;right:0;
    color:transparent;
    transition: all 0.6s cubic-bezier(0.785,0.135,0.150,0.860) 200ms;
    transform: translate(0,100%);
}
.s4_join .join_text div.more a:hover span{color: transparent;transform: translate(0,-100%);}
.s4_join .join_text div.more a:hover{border:1px solid #fff;}
.s4_join .join_text div.more a:hover span:after{background-color: #fff;color:#333;}






.idx-coop {
    padding: 8rem 0;
	padding-bottom:0px;
	height:auto; overflow:hidden;
	background-color:#f2f2f2;
	position:relative;
}

.idx-coopx {
    padding: 0px 0;
	}

.youshik {
    margin: 0 7.8%;
}

.idx-coop .bigtitle {
    margin-bottom: 4.5%;
}

.f60 {
    font-size: 3.125vw;
    font-family: "Microsoft Yahei" !important;
}

.idx-coop .about2 {
    padding: 0 0 .3rem;
}


.f130 {
    font-size: 6.8vw;
}

.gray999 {
    color: #999;
	text-align:center;
}


.about2 h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size: 26px;
   margin-top:0px;
   margin-bottom:30px;
   text-align:center;
   }
   
.about2 h4 {
   font-family: 'Univers Condensed', Arial, sans-serif;
   font-size: 6.8vw;
   margin-top:0px;
   margin-bottom:40px;
   color:#df2327;
   text-align:center;
   }
   
.nian {
   font-size:24px;
   }
   
.clearfix {
    *zoom: 1;
}

.idx-coop .col-xs-6 {
    overflow: hidden;
    height: 112px;
}

.idx-coop .col-xs-6 .img {
    position: absolute;
    left: 50%;
    top: 0;
    width: 126px;
    height: 112px;
    margin-left: -61px;
    background: no-repeat center center;
        background-image: none;
        background-size: auto;
    background-size: contain;
    -webkit-transition: all .7s;
    transition: all .7s;
}

.idx-coop .col-xs-6 .after {
    left: 0;
    opacity: 0;
}

.clearfix::after {
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
    content: "\200B";
}

.idx-coop .col-xs-6::before {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ff0000;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .7s cubic-bezier(0.23, 1, .38, 1);
    transition: all .7s cubic-bezier(0.23, 1, .38, 1);
}



@media (min-width: 1200px){
.idx-coop .col-xs-6:hover::before{-webkit-transform: scale(1); transform: scale(1);}
.idx-coop .col-xs-6:hover .before{opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.idx-coop .col-xs-6:hover .after{left: 50%; opacity: 1;}
}

/* 网站建设�?*/
.adpic .weui-cell {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.scaleBigToSmall {
    -webkit-animation-name: scaleBigToSmall;
    animation-name: scaleBigToSmall;
    transform-origin: 50% 50%;
}

.weui-cell {
    padding: 10px 30px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.weui-cell__bd {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.weui-cell_primary {
    min-width: 1px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.adpic .textbox {
    margin: 0 10%;
    display: inline-block;
    color: #fff;
    font-size: 0.938vw;
    line-height: 1.46vw;
}

.col-6x {
    width: 25%;
}

.adpic .textbox p {
    margin-top: 2.7vw;
    margin-bottom: 8vw;
}

.adpic .scheme-line {
    background: #fff;
}

.scheme-line {
    margin: 0 auto;
    width: 4px;
    height: 16px;
    line-height: 1.1;
    background: #000;
}

.adpic {

}

   
.pa {
    position: absolute;
}

.cl_con02 {
    height: 700px;
    background: #262626 url(../images/cl_logo_bg.jpg) no-repeat center;
}
.cl_box {
    position: relative;
    z-index: 9;
}


.cl_con02 .cl_c02_logo {
    float: left;
    position: relative;
    top: -60px;
    top: 0px;
    opacity: 0;
}

.cl_con02 .cl_c02_text {
    float: right;
    width: 560px;
    position: relative;
    left: -20px;
    opacity: 0;
}

.cl_con02 .cl_c02_text h3 {
    color: #fff;
    line-height: 1;
    margin-top: 120px;
    position: relative;
}

.cl_con02 .cl_c02_text h3 p {
    display: inline-block;
}

.cl_con02 .cl_c02_text h3 em.en {
    color: #cecece;
    padding-left: 15px;
}

em.en {
    font-family: "YourWebFontName";
    display: inline-block;
}

.cl_con02 .cl_c02_text h3 span.line {
    background: #7d7d7d;
    width: 100px;
}

.mt_40 {
    margin-top: 40px;
}

.cl_con02 .cl_c02_text div.p {
    color: #cecece;
}

.cl_con02 .cl_c02_bottom {
    margin-top: 30px;
}

.cl_con02 .cl_c02_bottom dl:first-child {
    margin-left: 20px;
}
.cl_con02 .cl_c02_bottom dl {
    float: left;
    width: 125px;
    text-align: center;
    margin-left: 100px;
    position: relative;
    top: 10px;
    opacity: 0;
}

.cl_con02 .cl_c02_bottom dl dd {
    margin-top: 25px;
    line-height: 1;
    color: #cecece;
}


.cl_con03{height:700px;background: #e4e4e4; padding-top:80px;}
.cl_con03 .cl_c03_text{width: 550px;margin:0px auto;text-align: center;}
.cl_con03 .cl_c03_text h3{position: relative;/*入场动画*/top:10px;opacity: 0;}
.cl_con03 .cl_c03_text h3 p{color: #262626;}
.cl_con03 .cl_c03_text h3 span.line{margin-left:auto;margin-right:auto;background: #383838;}
.cl_con03 .cl_c03_text div.p{color: #7d7d7d;position: relative;/*入场动画*/top:10px;opacity: 0;}

.brand_con03 .c03_bottom_line {
    bottom: 302px;
}

.left_line span {
    display: inline-block;
    background: #f60;
    width: 0%;
    height: 100%;
    position: absolute;
}

.c03_bottom_line {
    width: 17%;
    height: 1px;
    background: #acacac;
    position: absolute;
}

.left_line {
    left: 0px;
}

.right_line {
    right: 0px;
}

.cl_c03_bottom {

    margin-top: 90px;
    position: relative;

}

.cl_c03_bottom .c03_lay {

    width: 1020px;
    margin: 0 auto;

}

.cl_c03_bottom dl {

    width: 237px;
    float: left;
    position: relative;
    display: inline-block;

}

.cl_c03_bottom dl dt {

    height: 51px;
    line-height: 51px;
    width: 51px;
    margin-left: 4px;
    position: relative;

}

::placeholder {

    color: #ababab;
    opacity: 1;

}

.cl_c03_bottom dl dt img {

    vertical-align: middle;

}

.cl_c03_bottom dl dt em {

    position: absolute;
    left: 0px;
    top: 0;
    width: 0px;
    overflow: hidden;

}

.cl_c03_bottom dl dd.dian {

    border: 1px solid #acacac;
        border-top-color: rgb(172, 172, 172);
        border-right-color: rgb(172, 172, 172);
        border-bottom-color: rgb(172, 172, 172);
        border-left-color: rgb(172, 172, 172);
    width: 18px;
    height: 18px;
    border-radius: 100%;
    position: relative;
    margin: 20px 0 20px 18px;

}

.cl_c03_bottom dl dd.dian span{display:inline-block;position: absolute;left: 3px;top:3px;
  width: 12px;height: 12px;border-radius: 100%;background: #acacac;}
  
.cl_c03_bottom dl dd.line{width: 86%;height: 1px;background: #acacac;
  position: absolute;top: 80px;left: 45px;
}
.cl_c03_bottom dl dd.line span{position: absolute;background: #f60;display: inline-block;width: 0%;height: 1px;}
.cl_c03_bottom dl dd.text{}
.cl_c03_bottom dl:last-child{width: auto;}
.cl_c03_bottom dl:last-child dd.line{display: none;}



.xq_bnt {

    text-align: center;
    margin-top: 70px;

}

.xq_bnt a {

    display: inline-block;
    width: 280px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #f60;
    border-radius: 10px;

}


.solution-industry {
    position: relative;
    background: no-repeat center center;
        background-image: none;
        background-size: auto;
    background-size: cover;
}


.solution-industry::before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}

.solution-box {
    padding-top: 6.5vw;
    padding-bottom: 6.5vw;
}

.solution-box .bigtitle {
    margin-bottom: 4.5%;
}

.white {
    color: #fff;
}

.ff-lum {
    font-family: "Trump" !important;
    font-style: normal !important;
    letter-spacing: 1px;
}

.clearfix::after {
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
    content: "\200B";
}

.solution-industry .col-sm-3 {
    width: 20%;
}

.solution-box .imgtext {
    margin-top: 2.3vw;
    margin-bottom: 2.3vw;
}

.solution-industry .imgtext-icon {
    width: 50px;
    height: 50px;
}

.solution-box .imgtext-icon {
    margin: 0 auto 20px;
}

.solution-box .imgtext-title {
    font-size: 1.25vw;
    white-space: nowrap;
}

.solution-industry .imgtext-icon {
    width: 50px;
    height: 50px;
}


.pb0 {
    padding-bottom: 0 !important;
}
.pt0 {
    padding-top: 0 !important;
}


.solution-box .bigtitle {
    margin-bottom: 4.5%;
}


.weui-cell {
    padding: 10px 30px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}


.mb {
    margin-bottom: 0 !important;
}

.line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.weui-cell__ft {
    text-align: right;
    color: #999999;
}


.cl_box {
    position: relative;
    z-index: 9;
}




.cl_con04>div{position: relative;}
.cl_con04>div .text{position: absolute;z-index: 5;}
.cl_con04>div .text p{margin-top: 10px;}
.cl_con04 .cl_con04_img{height: 700px;overflow: hidden;}
.cl_con04 .cl_con04_img .text{color: #fff;left: 65%;top: 50%;}
.cl_con04 .cl_con04_img a{
  display: block;width:100%;height: 100%;
  background-position:center top;
  background-repeat: no-repeat;
  background-color: #2a2a2a;
  position: relative;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  transition:all 0.5s;
  box-sizing:border-box;
}
.cl_con04 .cl_con04_img a:hover{
  -webkit-transform:scale(1.02);
  -moz-transform:scale(1.02);
  -ms-transform:scale(1.02);
  transform:scale(1.02);
}
.cl_con04 .cl_con05_img{height:700px;overflow: hidden;}
.cl_con04 .cl_con05_img .text{
  width: 305px;
  padding:35px 60px;
  background: rgba(0,0,0,0.8);
  color: #fff;left: 20%;top: 50%;
}
.commer_con04 .cl_con04_img .text{left:20%;}
.commer_con04 .cl_con05_img .text{left:65%;}
.cl_con04 .cl_con05_img a{
  display: block;width:100%;height: 100%;
  background-position:center top;
  background-repeat: no-repeat;
  background-color: #c9c9cb;
  position: relative;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  transition:all 0.5s;
  box-sizing:border-box;
}
.cl_con04 .cl_con05_img a:hover{
  -webkit-transform:scale(1.02);
  -moz-transform:scale(1.02);
  -ms-transform:scale(1.02);
  transform:scale(1.02);
}

.cl_con04 .cl_con06_a{background: #fff;text-align: center;}
.cl_con04 .cl_con06_a a{color: #131313;line-height: 1;display: inline-block;width:100%;padding:105px 0;}
.cl_con04 .cl_con06_a:hover{background: #f60;
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  transition:all 0.5s;
}
.cl_con04 .cl_con06_a:hover a{color: #fff;}

.p_f_04 .cl_con04{position: fixed;z-index:4; left:0; top:0; right:0; margin-top:0 !important;}

.fnt_32 {
    font-size: 32px;
    line-height: 1.3;
}

.fnt_18 {
    font-size: 18px;
}




.p_f_02 .cl_con02{position: fixed;z-index:2; left:0; top:0; right:0; margin-top:0 !important;}
.p_f_03 .cl_con03{position: fixed;z-index:3; left:0; top:0; right:0; margin-top:0 !important;}



@media only screen and (max-width: 1366px){
  .serv_con01 h3{margin-top: 70px;}
}
@media only screen and (max-width: 1280px){
  .serv_con01 .serv_c01_left .c01_l_con{width: 95%;}
}
@media only screen and (max-width: 1024px){
  .serv_con01 .serv_c01_right{top: 25%;}
}
@media only screen and (max-width: 650px){
  .serv_con01 h3{margin-top: 20px;}
  .serv_con01 .serv_c01_left .c01_l_con{width: 100%;padding:0 20px;box-sizing:border-box;}
  .serv_con01 .serv_c01_right{position: static;}
  .serv_con01 .serv_c01_right .c01_r_con{float: none;}
  .serv_con01 .serv_c01_left{width:100%;}

  .serv_con01 .serv_c01_left li:nth-child(3) img{margin-left: 15px;}

}
@media only screen and (max-width: 320px){
  .serv_con01 .serv_c01_left li:nth-child(4){padding-right: 1%;}
}

@media only screen and (max-width: 1600px){
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(2){left: 20%;top:40%;}
}
@media only screen and (max-width: 1280px){
  .serv_con02 .serv_c02_right .c02_r_con{width: 95%;}
}
@media only screen and (max-width: 1024px){
  .serv_con02 .serv_c02_right .c02_r_con{width: 95%;margin-left: 0px;padding-left: 60px;
    box-sizing:border-box;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(2){left: 5%;top:30%;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(3){left: 60%;}

}
@media only screen and (max-width: 650px){
  .serv_con02 .serv_c02_left{width: 100%;}
  .serv_con02 .serv_c02_left .c02_l_con p{position: static;}
  .serv_con02 .serv_c02_left .c02_l_con p img{max-width: 100%;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(1){position: absolute;top: 0px;left: 0px;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(2){display: none;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(3){display: none;}
  .serv_con02 .serv_c02_left .c02_l_con p:nth-child(4){
    -webkit-transform:translateY(0px);
    -moz-transform:translateY(0px);
    -ms-transform:translateY(0px);
    transform:translateY(0px);
    padding:10px;
  }
  .serv_con02 .serv_c02_right{width: 100%;position: static;}
  .serv_con02 .serv_c02_right .c02_r_con{padding:0 20px;width: 100%;}
  .serv_con02 .serv_c02_right li:nth-child(3) img{margin-left: 20px;}
}

@media only screen and (max-width: 1280px){
  .serv_con03 .serv_c03_left .c03_l_con{width: 95%;}
}
@media only screen and (max-width: 650px){
  .serv_con03 .serv_c03_left{float: none;width:100%;padding:20px 20px 0;box-sizing:border-box;}
  .serv_con03 .serv_c03_left .c03_l_con{width:100%;}
  .serv_con03 .serv_c03_right{float: none;width: 100%;
    position: static;
    -webkit-transform:translate(0,0);
    -moz-transform:translate(0,0);
    -ms-transform:translate(0,0);
    transform:translate(0,0);
    box-sizing:border-box;padding:20px 0 0 20px;
  }
  .serv_con03 .serv_c03_left li:nth-child(3) img{margin-left: 8px;}

}

@media only screen and (max-width: 1440px){
  .serv_con04 .serv_c04_left{
    -webkit-transform:translateX(-100px);
    -moz-transform:translateX(-100px);
    -ms-transform:translateX(-100px);
    transform:translateX(-100px);
  }
}
@media only screen and (max-width: 1366px){
  .serv_con04 li{margin-right: 100px;}
}
@media only screen and (max-width: 1280px){
  .serv_con04 .serv_c04_right .c04_r_con{width: 95%;}
}
@media only screen and (max-width: 1024px){
  .serv_con04 h3{margin-top: 70px;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-child(1){top:50px;z-index: 5;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-child(2){top: 30px;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-child(3){bottom:0;display: none;}
  .serv_con04 .serv_c04_right .c04_r_con{margin-left: 0;padding-left: 50px;box-sizing:border-box;}
  .serv_con04 li{margin-right: 0px;padding-right: 70px;box-sizing:border-box;}
}
@media only screen and (max-width: 1000px){
  .serv_con04 .serv_c04_right .c04_r_con{padding-left: 85px;}
  .serv_con04 li{padding-right: 20px;}
}
@media only screen and (max-width: 650px){
  .serv_con04 h3{margin-top: 20px;}
  .serv_con04 li{padding-right: 18px;}
  .serv_con04 .serv_c04_left{width: 100%;height: auto;
    -webkit-transform:translate(0px,0px);
    -moz-transform:translate(0px,0px);
    -ms-transform:translate(0px,0px);
    transform:translate(0px,0px);
    box-sizing:border-box;padding-left: 30px;padding-right: 10px;padding-top: 20px;
  }
  .serv_con04 .serv_c04_left .c04_l_con p{position: static;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-of-type(1){position: absolute;top: 5px;left: 75px;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-of-type(1) img{max-width: 85%;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-child(2) img{max-width: 60%;}
  .serv_con04 .serv_c04_left .c04_l_con p:nth-child(4){display: none;}
  .serv_con04 .serv_c04_right{position: static;width: 100%;margin-top: 20px;}
  .serv_con04 .serv_c04_right .c04_r_con{padding: 0 20px;}
  .serv_con04 .serv_c04_right li{width: 33.33%;text-align: center;}
  .serv_con04 .serv_c04_right li:nth-child(1){text-align: left;}
  .serv_con04 .serv_c04_right li:nth-child(1) img{margin-left: 10px;}
  .serv_con04 .serv_c04_right li:nth-child(2) img{margin-left: 0;}
  .serv_con04 .serv_c04_right li:nth-child(3) img{margin-left: 0;}
}

@media only screen and (max-width: 1024px){
  .ser_ico{height: 550px;}
  .ser_ico_con .s2_r_con{margin-top: 20px;height: 180px!important;
  background-color: #f4f4f4;}
  .ser_ico_con .s2_r_con dl dd{margin-top: 10px;}
  .ser_ico_con .s2_r_con dl dd h4{height: 45px;line-height: 1.2;}
  .ser_ico h3{margin-top: 50px;margin-bottom: 40px;}
}
@media only screen and (max-width: 650px){
  .ser_ico{padding-bottom: 30px;height: auto;}
  .ser_ico_con .s2_r_con{width: 50%;box-sizing:border-box;margin-right: 0;padding-left: 5%;}
  .ser_ico_con .s2_r_con dl dd div.p{line-height: 1.2;font-size: 12px;}
  .ser_ico_con .s2_r_con dl dd div.p br{display: none;}

  .ser_ico_con .s2_r_con dl dd h4 i{display: none;}
  .ser_ico_con .s2_r_con dl dd h4 em{display: block;line-height: 1;margin-top: 5px;}
  .ser_ico_con .s2_r_con dl dd div.p br{display: none;}
  .ser_ico_con .s2_r_con dl dd div.p span{padding:0 5px;}

  .ser_ico_con .s2_r_con:nth-of-type(3n){
    margin-right: 0%;
  }
  .ser_ico_con .s2_r_con dl dd h4{height: 60px;}
  .ser_ico_con .s2_r_con dl dd h4 em{font-size: 12px;}
}
@media only screen and (max-width: 340px){
  .ser_ico_con .s2_r_con dl dd h4{height: 55px;}
}

@media (min-width: 1200px) and (max-width: 1600px) {
.c03_bottom_line {
    width: 17%;
    height: 0px;
    background: #acacac;
    position: absolute;
}
}



.liebiao {
    height: auto;
    overflow: hidden;
	margin-top:20px;
}

.liebiao-aa {
    width: 80%;
    line-height: 30px;
    color: #666666;
    float: left;
}

.shangy {
    height: auto;
    overflow: hidden;
    line-height: 32px;
    color: #666666;
    border-bottom: 1px dotted #ececec;
}

.xiay {
    height: auto;
    overflow: hidden;
    color: #666666;
    line-height: 32px;
}

.liebiao-bb {
    width: 16%;
    float: right;
}   

.fanhui {
    width: 142px;
    height: 43px;
    margin-top: 6px;
    float: right;
}

.fanhui a {
    display: block;
    width: 142px;
    height: 43px;
    line-height: 43px;
    color: #FFFFFF;
    background-color: #e62129;
    font-size: 14px;
    text-align: center;
    border-radius: 20px;
}  


@media (min-width: 1600px) and (max-width: 1800px) {
.rsdh {
  width:80%;
}

.fudong {
  width:97%;
  top: 30%;
  left: 1%;
}




  }


@media (min-width: 1200px) and (max-width: 1600px) {

.tuandui {

   width:100%;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.casex {

    width:100%;

    padding-right: 15px;

    margin-right: auto;

    margin-left: auto;

    padding-left: 15px;

}



.anliw {

   width:1200px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }
.gymm-aa {
    padding: 40px;
        padding-right: 50px;
    color: rgba(0, 0, 0, 0.6);
    line-height: 30px;
    padding-right: 100px;
}.tuanduix {
   padding:60px;
   color:rgba(0, 0, 0, 0.6);
   }


.abx {

   padding-top:20px;

   padding-bottom:20px;

   }


.xihuan {

   margin-top:10px;

   height:auto; overflow:hidden;

   }


.anlitt {

   background-color:#2a2b2f;

   padding-top:40px; padding-bottom:40px;

   line-height:25px;

   color:#FFFFFF;

   }
.gykk {
   width:100%;
}

.img-scroll { position:relative; margin:0px auto; width:100%; float:left; height:auto; overflow:hidden;}

.img-list { position:relative; width:80%; height:auto; overflow:hidden; margin-left:136px; overflow:hidden}

.xwkk {
   width:100%;
}

.rsdh {
  width:96%;
}

.fudong {
  top: 25%;
}


.fudong-bb h2 {
   font-family: Microsoft YaHei, Helvetica, Arial, sans-serif;
   font-size:14px;
   margin-top:452px;
   color:#FFFFFF;
   margin-bottom:0px;
   text-align:right;
   }
.idx-sign {
    height: auto;
    overflow: hidden;
    background: url(../images1/dibai.jpg) bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 99;
    margin-top: -800px;
}
.xwtit {
   padding-top: 50px;
}

.idx-sign-list {
    position: relative;
    z-index: 1;
    margin-top: -10%;
    padding: 3% 7%;
    background: #f0f0f0;
}

}



@media (min-width: 1000px) and (max-width: 1199px) {



.anliw {

   width:1000px;

   padding-right: 15px;

   margin-right: auto;

   margin-left: auto;

   padding-left: 15px;

   }


.abx {

   padding-top:20px;

   padding-bottom:20px;

   }


.xihuan {

   margin-top:10px;

   height:auto; overflow:hidden;

   }
.gykk {
   width:100%;
}


.yswk {
   width:100%;
}

.xwkk {
   width:100%;
} 

.rsdh {
  width:96%;
}

.fudong {
  width:97%;
  top: 10%;
  left:1%;
}

.service h3 {
    color: #000;
    margin-top: 60px;
    position: relative;
}
.n_body div.morex {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}

.wrap {
    width: 100%;
}

.ser_ico {
    height:auto; overflow:hidden;
}

}



@media (min-width: 0px) and (max-width: 768px) {



.navbar-nav > li > a {

    padding: 10px 20px;

    line-height: 20px;

}



.nav {

    padding-left: 0px;

}



.top {

   width:100%;

   background-color:#0152a4;

   }



.kuanping {

   width:100%;

   }


.bannerx h2 {

   font-size:40px;

   }


.bannerx h3 {

   font-size:25px;

   }


.tuandui {

   width:100%;

   }


.tuandui-lie {

   width:100%;

   }


.fenlan {

  width:100%;

}



.dhh {

  width:100%;

}



.casex {

   width:100%;

   }


.about {

   width:100%;

   }


.gundong {

   width:100%;

   }

.gundongx {

   width:100%;

   }

.fuwukk {

   width:100%;

   }


.shuju {

   width:100%;

   }


.anliw {

   width:100%;

   }

.ysw {

   width:100%;

   }
.yswk {
   width:100%;
}


.fenlanx li {

    width: 30%;

    float: left;

    list-style-type: none;

    margin-right: 1%;

}

.yc { display:none;}



.yd { display:block;}



.shuju li {

   width:96%;

   list-style-type:none;

   float:left;

   margin-left:2%;

   margin-right:2%;

   margin-bottom:5px;

   background:url(../images1/txx.png);

   color:#FFFFFF;

   border-radius: 10px;

   }

.abx {

   padding-top:20px;

   padding-bottom:20px;

   }

.flan {

   width:100%;

   }

.fktt {

   width:100%;

   }

.testNews ul li .nBox{ width: 80%; height: 300px; position: absolute; left: 10%; top: 30%; margin-top: -20px;}


.xingxiang {

   width:100%;

   height:500px;

   }

.sysf3_1 {

    position: absolute;

    top: 0px;

    left: 0;

    bottom: auto;

}


.sysf_sha2 {

    margin-top: -150px;

}

.sz-aa {

   width:100%;

   }

.gykk {
   width:100%;
}


}





