body,ul,li,p,h1,h2,h3,h4,h5,button,submit,form,img,p{color:#444;font-size:12px;margin:0px;padding:0px;list-style:none;font-family: "Microsoft YaHei";}

body{background:#fff;min-width:1200px;}

.bodygray{background:#f1f1f1}
img,a{border:0px;outline-style:none;}

a{color:#444;text-decoration:none;font-family: "Microsoft YaHei";}

a:hover{color:#00b5f7;text-decoration:none}

.fl { float:left}

.fr { float:right}

.red{color:#e1150e}
.w1000 { width:1000px; margin:0 auto}
.middler{width:1280px;height:auto;margin:0px auto;}

.middler1920{width:1920px;height:auto;margin:0px auto;}

.header{float:left;width:100%;min-width:1280px;height:66px;background-color:rgba(255,255,255,0.8); position:absolute; top:0; z-index:1000}
.trip-navWrap{ width: 100%; z-index:999999; height:98px;box-shadow:0 0px 6px -3px #333;-webkit-box-shadow:0 0px 6px -3px #333;-moz-box-shadow:0 0px 6px -3px #333; background:#fff }
.fixtop{ position:fixed; top:0px; z-index:99990; _position:absolute; _top:expression(documentElement.scrollTop + "px");}

.fixside{ position: fixed; top: 30px; left: 50%; margin-left: 440px; z-index:80; _position:absolute; _top:expression(documentElement.scrollTop + "px");}
.bottomline{border-bottom:1px solid #e7e7e7;}

.top { height:98px; width:1280px; margin:0 auto; background:#fff;}
.top .logo { width:286px; float:left; margin-top:15px;}
.top .you { width:790px; float:right;}
.top .sou { width:780px; margin-top:20px; float:right}
.top .daohl { width:790px;}
.top .daohl .yy { width:130px; float:right}
.top .daohl .dhl { width:550px; float:left;}
.top .daohl .ssl { width:30px; float:left; height:98px; margin-left:30px;}
.top .daohl .ssl .ss { width:30px; height:98px; position:relative;}
.search-user b{ width:30px; height:98px;background:url(../images/icon-img1-2.png) center no-repeat;}
.search-user{height:98px;}
.search-user a{width:30px;height:98px;display:inline-block;position:relative;top:0;overflow:hidden;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

.search-user a b{width:30px;height:98px;display:block;position:absolute;top:0;left:0;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;}
.search-user a.search:hover b,.search-user a.search.current b{background:url(../images/icon-img1-2.png) center no-repeat;}
.search-user a.user b{background-position:-43px 0;}
.search-user a.user b img{width:30px;height:90px;}
.search-user a.user:hover b,.search-user a.user.current b{background-position:-43px -43px;}
 .vivo-search{height:96px;width:100%;background:#ebf0f5;position: absolute;z-index:9999;display:none; left:0; top:98px;}

.vivo-search .search-box{width:500px;height:40px;position:absolute;top:28px;left:50%;margin-left:-250px;-webkit-box-shadow:0 1px 2px rgb(102,102,102);-moz-box-shadow:0 1px 2px rgb(102,102,102);-ms-box-shadow:0 1px 2px rgb(102,102,102);box-shadow:0 1px 2px rgb(102,102,102);position:relative;z-index:9999;}
.vivo-search .search-box input{width:410px;height:20px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}
.vivo-search .search-box button{width:50px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#fff url(../images/ss1.png) center no-repeat;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{background:#fff url(../images/ss1s.png) center no-repeat;}
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../images/vivo-head-ico.png) -86px 0 no-repeat;_background-image:url(../images/vivo-head-ico.gif);}
.vivo-search .search-box a.close:hover{background-position:-86px -25px;}
/*menu*/
#nav {
     margin:0 0 0 ; 
     width:550px; 
     display:block;
	 font-size:18px; 
	 font-family:"微软雅黑";
}
#nav .mainlevel {
      background:url(../images/d2.jpg) 0 0 repeat-x; 
	  float:left; 
	  margin:0 22px;
	  
/*IE6 only*/}
#nav .mainlevel a {
      color:#00b5f7; 
	  text-decoration:none; 
	  line-height:98px; 
	  display:block; 
	  padding:0;  font-size:16px;
	  text-align:center;
	  }
#nav .mainlevel a:hover {
      color:#00b5f7;
	  line-height:98px;
	  text-decoration:none; 
	  background:url(../images/hover.png) left bottom repeat-x;
	  }
#nav .mainlevel1 {
      background:#ebf0f5;
	  float:left; text-align:left; 
	  margin-right:4px; z-index:100000; padding:30px 30px;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;
	 
/*IE6 only*/}
#nav .mainlevel1.cpzx { /*width:999px;*/width:1180px; /*margin-left:-230px;*/margin-left:-415px; padding-left:45px}
#nav .mainlevel1 .box { width:160px; margin-right:25px; float:left}
#nav .mainlevel1 .box h3 a { line-height:30px; font-size:16px; color:#333; display:block; font-weight:normal; width:100%; margin-bottom:10px; text-align:left}
#nav .mainlevel1 .box h3 a:hover { color:#00b5f7}
#nav .mainlevel1 .box p a { line-height:33px; font-size:14px; color:#333; width:100%;text-align:left}
#nav .mainlevel1 .box p a:hover { color:#00b5f7}
#nav .mainlevel1.jjfa { width:830px; margin-left:-45px; padding-left:45px}
#nav .mainlevel1.fwzc { width:596px; margin-left:-44px;padding-left:45px}
#nav .mainlevel1.hzhbdh { width:488px; margin-left:-43px; padding-left:45px;}
#nav .mainlevel1.gyys { width:379px; margin-left:-42px; padding-left:45px}
#nav .mainlevel1 a {
      color:#333; 
	  text-decoration:none; 
	  line-height:30px; 
	  display:block; 
	  padding:0; 
	  width:81px;
	  text-align:center;
	  }
#nav .mainlevel1 a:hover {
      color:#000000;
	  line-height:30px;
	  text-decoration:none; 
	  background:url(../images/slide-panel_03.png) 0 0 repeat-x;
	  }
#nav .mainlevel ul {
      display:none; 
	  position:absolute;
	  }
#nav .mainlevel li {
      background:#ebf0f5; 
	  width:81px;
	  /*IE6 only*/}


.inner{float:left;width:1280px;height:auto;}
.nav{width:130px;height:35px;margin:31px auto 0;}
.nav p{display:block;padding-left:20px;line-height:35px;  font-size:16px; color:#00b5f7}
.set{background:url(../images/top9.png) right 0 no-repeat;}
.select{background:url(../images/top9.png) right 0 no-repeat;}
.new{width:124px;position:absolute;display:none; z-index:999999; padding:20px; background:#ebf0f5; top:98px}
.nav ul li{line-height:40px;color:#00b5f7; padding-left:36px; font-size:13px}
.nav ul li.bjz { background:url(../images/zw.jpg) 2px center no-repeat}
.nav ul li.bjy { background:url(../images/yw.jpg) 2px center no-repeat; text-transform:uppercase}
.nav ul li:hover{color:#333;}

.weixin{ width:40px; height:40px; margin:0;position:relative; font-size:12px; text-align:center;}
.weixin a{width:40px; height:40px; display:block; position:absolute; left:0; top:0;background:url(../images/tb1.png) no-repeat center top; background-size:100% }
.weixin .weixin_nr{width:100px; height:100px; padding:10px; background:#fff; text-align:center; position:absolute; left:-45px; top:-140px; display:none; z-index:9999}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-top:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:120px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{background:url(../images/tb1.png) no-repeat center top; background-size:100%}
.login{float:right;color:#c0c0c0;font-size:14px;margin-right:25px;}


.logo{float:left;width:auto;height:66px;}

.logoimg{float:left;width:auto;height:auto;}

/* fullSlide */
.fullSlide{width:100%;position:relative;height:610px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:610px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:610px;}
.fullSlide .bd li a span {display:block;width: 154px; height: 48px;border: #fff 1px solid;border-radius: 24px;line-height: 48px;font-size: 1.167em;margin:390px auto 0; color:#fff; text-align:center;transition: all 0.9s;background: transparent;}
.fullSlide .bd li a span:hover {background: #00b3fe;
	opacity: 0.8;
	border-color:#5f6972;
}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:60px;height:6px;margin:5px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:58%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;transition:background 0.9s linear 0s; -webkit-transition:background 0.9s linear 0s; -moz-transition:background 0.9s linear 0s; -ms-transition:background 0.9s linear 0s }
.fullSlide .next{left:auto;right:5%;background-position:-6px -137px;transition:background 0.9s linear 0s; -webkit-transition:background 0.9s linear 0s; -moz-transition:background 0.9s linear 0s; -ms-transition:background 0.9s linear 0s}

.fullSliden{width:100%;position:relative;height:442px;background:#000;}
.fullSliden .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSliden .bd ul{width:100% !important;}
.fullSliden .bd li{width:100% !important;height:442px;overflow:hidden;text-align:center;}
.fullSliden .bd li a{display:block;height:442px;}
.fullSliden .bd li .nbanw { width:100%; top:200px; position:absolute;}
.fullSliden .bd li .nbanw .dwz { line-height:50px; font-size:30px; color:#fff; text-align:left}
.fullSliden .bd li .nbanw .xwz { font-size:14px; color:#fff; padding-top:20px; line-height:30px; width:800px;text-align:left} 
.fullSliden .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSliden .hd ul{text-align:center;}
.fullSliden .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px;height:12px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius:50%;-moz-border-radius:50%;
-webkit-border-radius:50%; }
.fullSliden .hd ul .on{background:#f00;}
.fullSliden .prev,.fullSliden .next{display:block;position:absolute;z-index:1;top:58%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;transition:background 0.9s linear 0s; -webkit-transition:background 0.9s linear 0s; -moz-transition:background 0.9s linear 0s; -ms-transition:background 0.9s linear 0s }
.fullSliden .next{left:auto;right:5%;background-position:-6px -137px;transition:background 0.9s linear 0s; -webkit-transition:background 0.9s linear 0s; -moz-transition:background 0.9s linear 0s; -ms-transition:background 0.9s linear 0s}

/* end */




.banner{float:left;width:100%;min-width:1280px;height:600px;text-align:center}

.main{float:left;width:100%;min-width:1280px;height:auto;}

/* .whitebg{background:url(../images/bg_main_white.gif) #ffffff repeat-x left top} */

.graybg{background:url(../images/bg_main_gray.gif) #f1f1f1 repeat-x left top}

.Main1{ max-width:1280px; margin:0 auto;}

/*index*/

.HomeTile{ text-align: left; margin-bottom:70px; position:relative; margin-top:1px;}

.HomeTile .cn{ display:block;  font-size:3em; line-height:1.25; color:#333;}
.HomeTile p { font-size:16px; margin-top:6px;}

.HomeTile .cn .blue{ color:#00b5f7;}

.HomeTile .conf{ color:#666; line-height:30px;}

.HomeTile .home_more{ position:absolute; right:0; bottom:0; display:block; width:110px; height:36px; line-height:36px; border:#206eb9 1px solid; text-align:center; border-radius:18px; color:#206eb9; font-size:1.167em;transition: all 0.8s;}

.HomeTile .home_more .more_wz{

	position: relative;

	z-index: 5;

	background: transparent;

	border-radius:18px;

	-webkit-transition: all .5s;

	-o-transition: all .5s;

	transition: all .5s;

}



.home_more span{

	background: #00b3fe;

	display: none;

	width:110px;

	height: 0;

	border-radius:18px;

	position: absolute;

	top: 100%;

	right: 0;

	left: 0;

	-webkit-transition: 0.8s;

	-moz-transition: 0.8s;

	-o-transition: 0.8s;

	transition: 0.8s;

	z-index: 3;

	content: '';

}

.home_more:hover .more_wz{

	/*border:#00b3fe 1px solid;*/

	color: #fff;

	background: #00b3fe;

}

/*.home_more:hover span{

	height: 100%;

	top: 0;

}*/

.cpzxsy { width:1280px; margin:0 auto;}
.cpzxsy ul li { width:410px; height:560px; position:relative; float:left; margin-right:25px; margin-bottom:25px;}
.cpzxsy ul li a { width:410px; height:560px; display:block; background:none; z-index:999; position:absolute; left:0; top:0;transition:linear 0.3s;}
.cpzxsy ul li img { width:100%; height:560px;}
.cpzxsy ul li a .gd {width:100px; height:30px;border:solid 1px #fff; font-size:14px; color:#ffffff; text-align:center; line-height:30px;
margin:180px auto 0;display:none;transition:linear 0.3s;}
.cpzxsy ul li a .tit { width:100%; /*height:78px;*/height:186px; padding:15px 20px; background: url(../images/tm.png); color:#fff; font-size:16px; line-height:24px; position:absolute; left:0;bottom:0;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}

.p_txt{padding-top:5px;}

.p_txt a{color:#666;line-height:20px;font-size:12px;}
.fl{float:left;display:inline;}

.fr{float:right;display:inline;}

.jjfabj { background: url(../images/vip-bg.jpg) center no-repeat; padding:45px 0 70px}
.inBody_1 .inBy_1_right{margin-left:24px;float:left;width:280px;}

.HomeService{ padding-top:25px; padding-bottom:35px;}

.main-container {
    width: 1280px;
    margin:0 auto;
}
.index-list-2 {
 height:450px;
 text-align:center;
 white-space:nowrap
}
.index-list-2 .list-item {
 width:380px;
 height:433px;
 display:inline-block;
 position:relative;
 white-space:normal; margin-right:30px
}
.index-list-2 .list-item .img-bg,.index-list-2 .list-item .main-content,.index-list-2 .list-item .mask {
 width:100%;
 height:100%;
 position:absolute;
 top:0;
 left:0
}
.index-list-2 .list-item .img-bg {
 z-index:10
}
.index-list-2 .list-item .mask {
 z-index:11;
 background-color:#1c1c1c;
 opacity:.3;
 filter:alpha(opacity=80)
}
.index-list-2 .list-item .main-content {
 z-index:12;
 padding:91px 60px 0;
 -webkit-transition:.5s;
 -o-transition:.5s;
 transition:.5s;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;
}
.index-list-2 .list-item .main-content .icon {
 height:82px;
 text-align:center
}
.index-list-2 .list-item .main-content .icon img {
 height:100%
}
.index-list-2 .list-item .main-content .line {
 width:40px;
 height:2px;
 margin:30px auto 39px;
 background:#fff;
 -webkit-transition:.5s;
 -o-transition:.5s;
 transition:.5s
}
.index-list-2 .list-item .main-content .title {
 text-align:center;
 font-size:24px;
 color:#FFF;
 letter-spacing:.75px;
 margin-bottom:10px;
 -webkit-transition:.5s;
 -o-transition:.5s;
 transition:.5s
}
.index-list-2 .list-item .main-content .short-description {
 font-size:14px;
 color:#F1F1F1;
 text-align:center
}
.index-list-2 .list-item .main-content .description {
 font-size:14px;
 color:#F1F1F1;
 text-align:center;
 opacity:0;
 margin-bottom:29px;
 -webkit-transition:.5s;
 -o-transition:.5s;
 transition:.5s
}
.index-list-2 .list-item .main-content .more1 {
 font-size:14px;
 color:#FFF;
 width:86px;
 height:30px;
 line-height:30px;
 text-align:center;
 border:1px solid #fff;
 margin:auto;
 opacity:0;
 -webkit-transition:.5s;
 -o-transition:.5s;
 transition:.5s;
 display:block
}
.index-list-2 .list-item .main-content .more1:hover {
 background:#fff;
 color:#960a00
}
.index-list-2 .list-item:hover .mask {
 background-color:#00b5f7;
 opacity:.8
}
.index-list-2 .list-item:hover .main-content {
 padding-top:50px
}
.index-list-2 .list-item:hover .main-content .line {
 margin:26px auto 27px
}
.index-list-2 .list-item:hover .main-content .title {
 margin-bottom:14px
}
.index-list-2 .list-item:hover .main-content .short-description {
 opacity:0
}
.index-list-2 .list-item:hover .main-content .description,.index-list-2 .list-item:hover .main-content .more1 {
 opacity:1
}
.albj { padding:5px 0 35px; overflow:hidden;}

/*新闻̬*/

.index_news{ margin-top:30px; width:1280px; margin:0 auto}

/* add */
.jrwm { width:100%; position:relative; height:665px; clear:both}
.jrwm img { width:100%; position:absolute; top:0; left:0; z-index:1}
.jrwm .wz { font-size:55px; color:#fff; position:absolute; top:460px; left:0; z-index:20; text-align:center; width:100%}
.jrb { width:100%; font-size:45px; text-align:center; line-height:70px; color:#00b5f7; padding-top:50px; padding-bottom:110px; overflow:hidden}
.jrb .an a { width:190px; height:60px; line-height:60px; font-size:30px; color:#00b5f7; display:block; border:#00b5f7 2px solid; text-align:center; margin:30px auto;border-radius:45px;-moz-border-radius:45px;
-webkit-border-radius:45px; }
.jrb .an a:hover { background:#00b5f7; color:#fff;}
.ywtx { width:100%; height:300px; background:url(../images/shouye_bg_19.jpg) top center no-repeat; margin-top:35px;}
.p5 { padding-top:55px; width:1200px; margin:0 auto;}
.p5 .title {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 15px;}
.p5 .dec {
    font-size: 16px;
    color: #ffffff;
    margin-bottom: 40px;
}
.p5 .join{display: inline-block;padding: 10px 40px 10px 60px;color: #ffffff;font-size: 14px;border: 1px solid #ffffff;border-radius: 3px;transition: 0.3s all ease }
.p5 .join .join_jiantou{display: inline-block;width: 16px;height: 13px;background: url(../images/index_jiantou.png);margin-left: 15px}
.p5 .join:hover{background:#00b5f7;border-color: #1a3296}


/*anli*/
.coursebox_y{width:1200px; margin-top:30px; margin-bottom:50px; overflow:hidden}
.coursebox_y1{width:380px;height:214px;background:url(../images/index_j_1.png) no-repeat; background-size:cover;margin-right:30px;  float:left}
.coursebox_y2{width:277px;height:400px;background:url(../images/index_j_2.png) no-repeat;background-size:cover;margin-right:30px; float:left}
.coursebox_y3{width:277px;height:400px;background:url(../images/index_j_30.png) no-repeat;background-size:cover;margin-right:30px; float:left}
.coursebox_y4{width:277px;height:400px;background:url(../images/index_j_3.png) no-repeat;background-size:cover;margin-right:0px; float:left}

.coursebox_y1n{width:277px;height:400px;background:rgba(0,116,197,0); text-align:center;overflow:hidden;transition:linear 0.3s;}
.coursebox_y1n h3{font-size:22px;color:#ffffff; margin-top:120px;transition:linear 0.3s;
background:url(../images/index_p30.png) no-repeat right;}
.coursebox_y1n h2{font-size:12px;color:#ffffff;font-family: 'Arial'; margin-top:10px;}
.coursebox_y1n h1{font-size:14px;color:#ffffff; margin-top:30px;}
.coursebox_y1n p{font-size:13px; color:#ffffff; line-height:22px; width:257px; margin:0 auto; display:none;transition:linear 0.3s;}
.coursebox_y1n i{ width:123px; height:30px;border:solid 1px #fff; font-size:14px; color:#ffffff; text-align:center; line-height:30px;
margin:0 auto;display:none;transition:linear 0.3s;}

.coursebox_y1n:hover{background:rgba(0,116,197,0.8);}
.coursebox_y1n:hover h2,.coursebox_y1n:hover h1{ display:none;}
.coursebox_y1n:hover h3{background:url(../images/index_p30.png) no-repeat left 35px; padding-bottom:10px; margin-top:80px;}
.coursebox_y1n:hover p{display:block;margin-top:0px;}
.coursebox_y1n:hover i{display:block;margin-top:25px;}

.coursebox_y2n{width:277px;height:400px;background:rgba(0,116,197,0); text-align:center;overflow:hidden;transition:linear 0.3s;}
.coursebox_y2n:hover{background:rgba(0,116,197,0.8);}

.coursebox_y3n{width:277px;height:400px;background:rgba(0,116,197,0); text-align:center;overflow:hidden;transition:linear 0.3s;}
.coursebox_y3n:hover{background:rgba(0,116,197,0.8);}

.coursebox_y4n{width:277px;height:400px;background:rgba(0,116,197,0); text-align:center;overflow:hidden;transition:linear 0.3s;}
.coursebox_y4n:hover{background:rgba(0,116,197,0.8);}

.xzzx {  font-size:3em; color:#333; margin:30px auto 40px;  clear:both;}
.fwzc { overflow:hidden}
.fwzc ul li { width:410px; float:left; margin-right:25px; padding:0 0 10px; margin-bottom:30px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; background:#f6f6f6; padding:10px 20px; height:480px; position:relative;}
.fwzc ul li .tit { font-size:20px; line-height:50px; color:#00b5f7; }
.fwzc ul li p { line-height:35px; font-size:16px;}
.fwzc ul li .sm a { line-height:30px; float:left; display:block;color:#00b5f7; float:left; position:absolute; left:20px; bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.fwzc ul li .jh { width:40px; float:right; margin-right:15px; margin-top:15px; position:absolute; right:20px; bottom:10px;}
.fwzc ul li .jh img { width:40px;}

.hzhb { padding-top:20px; padding-bottom:20px; overflow:hidden}
.hzhb ul li { width:20%; float:left; text-align:center; padding-bottom:20px;}

.hzhbny { width:1280px; margin:30px auto 0;}
.hzhbny ul li { width:410px; height:420px; position:relative; float:left; margin-right:25px; margin-bottom:30px;}
.hzhbny ul li a { width:410px; height:420px; display:block; background:none; z-index:999; position:absolute; left:0; top:0;transition:linear 0.3s;}
.hzhbny ul li img { width:100%; height:420px;}
.hzhbny ul li a .tit { width:100%; height:78px; padding:15px 20px; background: url(../images/tm.png); color:#fff; font-size:17px; line-height:24px; position:absolute; left:0;bottom:0;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}
.hbbd { text-align:left}
.hbbd span { line-height:40px; font-size:14px;}
.hbbdwk { height:50px; line-height:50px;}
.hbbdwk p { font-size:14px; float:left; width:200px; display:block}
.hbbdwk input{ float: left; width:610px;  color: #666; box-sizing: border-box; border: none; height:30px; line-height:30px; margin-top:10px; border:#ccc 1px solid}
.hbbdly { line-height:50px; font-size:14px; overflow:hidden}
.hbbdly textarea{ font-size: 16px; line-height: 22px; width:610px; margin-left:200px; float: left; border: none; height: 198px; padding: 5px; box-sizing: border-box; border:#ccc 1px solid }
.hzhbtj a { width:140px; height:32px; margin:35px auto; border:#00b5f7 2px solid; line-height:32px; display:block; text-align:center; color:#00b5f7; font-size:16px; font-weight:bold;border-radius:20px;-moz-border-radius:20px;
-webkit-border-radius:20px; }

.xinw { width:1280px; margin:0 auto;}
.xinw .lm1 { width:100%; overflow:hidden }
.xinw .lm1 .left { width:50%; height:362px; background:#00b5f7; float:left; position:relative; overflow:hidden}
.xinw .lm1 .left a h3 { font-size:18px; color:#fff; line-height:30px; padding:0 20px; margin-top:180px;transition:linear 0.3s; font-weight:normal; width:560px;}
.xinw .lm1 .left a .time { padding-left:20px; font-size:12px; color:#fff}
.xinw .lm1:hover .left a h3 { margin-top:160px;} 
.xinw .lm1 .left a p { font-size:14px; margin-top:0px; color:#fff; padding:0 20px; opacity:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; height:60px; margin-left:-500px}
.xinw .lm1:hover .left a p { opacity:1; margin-left:0; margin-top:20px}
.xinw .lm1 .left a .biao{background-color: rgba(0,0,0,0);color: #fff;display: inline-block;line-height: 1em;margin: 0;padding: 3px 5px;position: absolute;left: 20px;top: 20px;pointer-events: none; z-index:9999;font-size: 14px;}
.xinw .lm1 .left img { width:100%; height:362px;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.xinw .lm1:hover .left img {-webkit-transform:scale(1.09); -moz-transform:scale(1.09); -o-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.xinw .lm2 { width:100%; margin-top:25px;}
.xinw .lm2 .left { width:845px; float:left; height:560px; margin-right:25px; position:relative; overflow:hidden}
.xinw .lm2 .left img { width:100%; height:560px;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.xinw .lm2 .left:hover img {-webkit-transform:scale(1.09); -moz-transform:scale(1.09); -o-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.xinw .lm2 .left .wzc { position:absolute; z-index:99; height:100%; top:0; left:0; background:url(../images/wzc.png); width:100%}
.xinw .lm2 .left a h3 { font-size:18px; color:#fff; line-height:30px; padding:0 20px; margin-top:474px;transition:linear 0.3s;font-weight:normal; width:560px;}
.xinw .lm2 .left a p {font-size:14px; margin-top:-20px; color:#fff; padding:0 20px; opacity:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; height:60px; margin-left:-500px}
.xinw .lm2 .left a .biao{background-color: rgba(0,0,0,0.75);color: #fff;display: inline-block;line-height: 1em;margin: 0;padding: 3px 5px;position: absolute;left: 20px;top: 20px;pointer-events: none; z-index:9999;font-size: 14px;}
.xinw .lm2 .left:hover a p { opacity:1; margin-left:0; margin-top:20px}
.xinw .lm2 .left:hover a h3 { margin-top:415px;}
.xinw .lm2 .right { width:410px; float:right; height:560px; position:relative; overflow:hidden}
.xinw .lm2 .right .wzc { position:absolute; z-index:99; height:100%; top:0; left:0; background:url(../images/wzc.png)}
.xinw .lm2 .right a h3 { font-size:18px; color:#fff; line-height:30px; padding:0 20px; margin-top:474px;transition:linear 0.3s;font-weight:normal}
.xinw .lm2 .right a p {font-size:14px; margin-top:-20px; color:#fff; padding:0 20px; opacity:0;-webkit-transition:.5s;-o-transition:.5s;transition:.5s; height:60px; margin-left:-500px}
.xinw .lm2 .right:hover a p { opacity:1; margin-top:20px; margin-left:0}
.xinw .lm2 .right:hover a h3 { margin-top:415px;}
.xinw .lm2 .right img { width:100%; height:560px;-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.xinw .lm2 .right:hover img {-webkit-transform:scale(1.09); -moz-transform:scale(1.09); -o-transform:scale(1.09); -ms-transform:scale(1.09); transform:scale(1.09); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.xinw .lm2 .right a .biao{background-color: rgba(0,0,0,0.75);color: #fff;display: inline-block;line-height: 1em;margin: 0;padding: 3px 5px;position: absolute;left: 20px;top: 20px;pointer-events: none; z-index:9999;font-size: 14px;}

/* end add */

.footer{float:left;width:100%;min-width:1200px;height:auto;background:#00b5f7;color:#fff; padding-top:30px}
.fotl { width:350px; float:left}
.logb { width:286px; float:left; margin-top:40px; clear:both}
.logb img { width:100%;}
.dzwz {line-height:25px;color:#fff;font-size:14px; float:left; width:350px; margin-top:20px;}
.dzwz p { line-height:25px; padding-left:30px;color:#fff;font-size:14px;}
.dzwz p.p1 { background: url(../images/fd-img2.png) left center no-repeat}
.dzwz p.p2 { background: url(../images/fd-img1.png) left center no-repeat}
.dzwz p.p3 { background: url(../images/fd-img4.png) left center no-repeat}
.ewmtp { width:110px; float:left; margin-top:40px;}
.ewmtp img { width:100%}
.about{float: right;width:100%;width:750px;height:auto;padding-top:20px;padding-bottom:20px;}

.about li{float:left;width:167px;height:auto;border:0px solid #fff; margin-top:20px;}
.about li.kuan { width:220px;}

.about li.pro{width:190px;}

.about li h3{float:left;width:100%;height:auto;color:#fff;font-size:16px;padding-bottom:8px;}

.about li h3.ls{width:auto;}

.about li p{float:left;width:100%;height:auto;line-height:25px;color:#606060;padding-top:8px;}

.about li p a{float:left;width:100%;height:auto;line-height:25px;color:#fff;font-size:14px}

.about li p a:hover{color:#fff;text-decoration:none}

.copyright{width:1280px;height:50px;line-height:50px;text-align:center; margin:100px auto 30px; font-size:15px;font-family: "Microsoft YaHei"; font-family:"微软雅黑"}
.copyright .bq { display:block; float:left;}
.copyright span{font-family:Arial}
.copyright .yb { width:460px; float:right;}
.copyright .yb span a { line-height:25px; float:left; display:block; padding:0 15px; color:#fff; border-right:1px solid #fff; margin-top:7px}
.copyright .yb .tb { float: left; padding:0 10px; width:40px;}
.copyright .yb .tb img { width:100%}
.wzxx { width:1280px; margin:10px auto; line-height:35px; font-size:16px; color:#333}
.content{float:left;width:100%;height:auto}

.centertitle{line-height:26px;font-weight:normal;font-size:24px;text-align:center}

.centertitle b{font-weight:normal;color:#9d0000}

.centertitle p{line-height:20px;margin-top:10px;font-size:14px;color:#565656;text-align:center}

.centertitle p a.email{color:#f34848;text-decoration:none}

.info{float:left;width:100%;height:auto;margin-top:20px}

.navigate{float:left;width:100%;height:30px;line-height:30px;border-left:5px solid #e1120b;margin:10px 0px 10px 0px}

.navigate h2{float:left;width:auto;height:30px;line-height:30px;padding-left:15px;font-weight:normal;font-size:26px}

.navigate b{float:left;width:auto;height:30px;line-height:30px;font-weight:normal;font-size:22px;color:#f00}

.navigate b.zf{color:#444}


/* about ҳĿ¼ */

.w1200 { width:1280px; margin:0 auto}
.nban {  height:440px; width:100%; position:relative}
.nbanw { width:100%; top:200px; position:absolute;}
.nbanw .dwz { line-height:50px; font-size:30px; color:#fff;}
.nbanw .xwz { font-size:14px; color:#fff; padding-top:20px; line-height:30px; width:800px;} 
.gyhx { padding-top:200px; width:300px; text-align:center;}

.aboutus{float:left;width:100%;height:auto;margin-top:10px;padding-bottom:40px;}

.mleft{float:left;width:200px;height:auto;}

.leftmenu{float:left;width:100%;height:auto;}

.leftmenu li{float:left;width:100%;height:auto;margin-bottom:10px}

.leftmenu li a{float:left;width:100%;height:45px;line-height:45px;text-align:center;font-weight:bold;font-size:16px;color:#4f4f4f;border-left:4px solid #ddd;background:#eee;text-decoration:none}

.leftmenu li a:hover{border-left:4px solid #f00;background:#f7f7f7;text-decoration:none; color:#d00000}

.leftmenu li.cur a{color:#d00000;border-left:4px solid #f00;background:#f7f7f7}

.alnr {width:960px; margin-top:15px;}

.alnr ul li { width:300px; margin-right:30px; float:left; margin-bottom:30px;}
.alnr ul li img {width:300px; height:200px;}
.alnr ul li .bt a {font-size:14px; color:#333333; line-height:38px; display:block; text-align:center}
.alnr ul li .bt a:hover {color:#008ae3;}
.alnr ul li:hover {background:#eee; overflow:hidden}


.fflf a img{ -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}

.fflf:hover a img{ -webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}
.page{ text-align:center; margin:30px auto;}

.page a{ height:21px; line-height:21px; display:inline-block; font-size:14px; color:#5a5a5a; border:#ccc 1px solid; margin:0 3px; padding:0 5px;}

.page a:hover{ background:#0679af; border:#0679af 1px solid; color:#FFF;}

.page a.hover{ background:#0679af; border:#0679af 1px solid; color:#FFF;}

/*案例*/


.ntit { height:42px; background:#333; width:100%}
.ntit ul li { display:inline}
.ntit ul li a { display: block;padding: 0 40px;font-size:14px; color: #fff; float:left; height:42px; line-height:42px; }
.ntit ul li a:hover {color: #5297e9; background:url(../images/hover.png) bottom repeat-x}
.ntit ul li a.on {color: #5297e9; background:url(../images/hover.png) bottom repeat-x}
.mright{width:1200px;height:auto; padding-bottom:30px; overflow:hidden}

.mright .intro{float:left;width:auto;height:auto;line-height:28px;font-size:16px;color:#555;padding-bottom:15px;border-bottom:0px solid #efefef}

.mright .intro h1{color:#010101;font-size:18px;padding-bottom:15px;text-align:center}
.mright .tit { line-height:38px; font-size:16px; border-bottom:#ccc 1px solid;}
.mright .tit span { width:260px; text-align:right; line-height:38px; float:right; display:block; font-size:12px}
.mright .nr { padding:10px 0; line-height:36px; font-size:14px}


.r_list{ width:380px; height:240px; float:left; overflow:hidden; margin:30px 30px 0 0;}

.r_list a { display:block}

.r_list .txt1{ background-color:rgba(0,0,0,0.75); height:38px; line-height:38px; padding:0 15px; margin-top:-38px; position:relative; z-index:1; display:block}

.r_list .txt1 .p1{ color:#FFF; font-size:14px;}

.r_list .txt2{ background-color:rgba(0,0,0,0.75); height:150px; padding:0 15px; position:relative; z-index:1;}

.r_list .txt2 .p1{ color:#FFF; font-size:14px; line-height:30px; padding-top:5px;}

.r_list .txt2 .p2{ color:#FFF; line-height:20px; font-size:12px}

.r_list .txt2 a{ color:#FFF; float:right; display:block}

/*产品*/

.pro_list { width:960px; margin-top:25px;}
.pro_listl { width:462px; border:#eee 1px solid; box-shadow:0 0 6px #CCC; overflow:hidden;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; padding:20px; margin-top:35px;}
.pro_listl:hover { box-shadow:0 0 6px #999;}
.pro_listl .tp { width:50%; float:left; padding-right:20px;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box;}
.pro_listl .tp img { width:100%}

.pro_listl .pro_des {
	width: 50%;
	float: right;
}
.pro_listl .pro_des .pro_tit {
	font-size: 18px;
	color: #555;
	border-bottom: 1px solid #e5e6e8;
	padding: 6px 0;
	margin-bottom: 20px;
}
.pro_listl .pro_des .pro_tex {
	line-height: 24px;
	color: #666;
	font-size: 12px;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.l_more2 {
    color: #0679af;
    border: 1px solid #0679af;
    padding: 4px 20px;
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    font-size: 12px;
}
.l_more2:hover, .l_more:hover {
	background: #0679af;
	color: #fff;
	text-decoration: none;
}
.mar_t20 {
    margin-top: 20px;
}


.Activsbf1_lb{ width:100%; margin-top:10px;}

.Activsbf1_lb dl{ width:97%; border:1px solid #ebebeb; padding:10px; float:left; margin:0 0 20px; display:inline;}

.Activsbf1_lb dt{ width:20%; float:left; height:150px;overflow:hidden;}

.Activsbf1_lb dt a{ width:580px; height:150px;overflow:hidden;display:table-cell; text-align:center; vertical-align:middle;}

.Activsbf1_lb dt img{ vertical-align:middle; width:100%;}

.Activsbf1_lb dd{ width:75%; float:right; margin-top:15px;}

.Activsbf1_lb dd .newNrtit{ width:100%; line-height:30px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.Activsbf1_lb dd .newNrtit a{font-size:16px; color:#333;}

.Activsbf1_lb dd .newNrjs{ width:100%; margin-top:5px; line-height:32px; color:#707070; font-size:13px; height: 70px; overflow: hidden;}

.Activsbf1_lb dd .Acdltj_time{width:100%; margin:5px 0 0; color:#a9a9a9; font-size:12px}



.Activsbf1_lb dl:hover dt img{-webkit-transition: -webkit-transform 0.3s ease 0s;

	transition: transform 1s ease 0s;

	-webkit-transform-origin: center;

	transform-origin: center;}

.Activsbf1_lb dl:hover dt img{

	-webkit-transform: scale(1.08);

	transform: scale(1.08);

}

/*在线留言*/

.m_msg{ padding-bottom: 100px; margin-top:35px; }

.m_msg h2{ font-size: 36px; text-align: center; margin: 30px 0 60px; }

.m_msg .top1{ margin-bottom: 27px; overflow:hidden }

.m_msg .top1 .item{ position: relative; border: 1px solid #dedede; overflow: hidden; width: 31%; float: left; margin-left: 3.5%; height: 42px; box-sizing: border-box; }

.m_msg .top1 .item:first-child{ margin-left: 0; }

.m_msg .top1 .item span,.m_msg .msg span{ max-width: 60px; display: block; position: absolute; height: 100%; width: 23%; height: 100%; font-size: 0; }

.m_msg .top1 .item input{ padding-left: 10px; float: right; width: 77%; font-size: 16px; color: #666; box-sizing: border-box; border: none; height: 40px; line-height: 40px; }

.m_msg .name span{ background: #e7e8ec url(../images/icon33.png) center no-repeat;}

.m_msg .email span{ background: #e7e8ec url(../images/icon34.png) center no-repeat;}

.m_msg .mobile span{ background: #e7e8ec url(../images/icon35.png) center no-repeat;}

.m_msg .msg span{ width: 10.9%; background: #e7e8ec url(../images/icon36.png) center no-repeat;}

.m_msg .msg{ float: left; position: relative; width: 65.5%; height: 200px; box-sizing: border-box; border: 1px solid #dedede; }

.m_msg .msg textarea{ font-size: 16px; line-height: 22px; width: 89.1%; float: right; border: none; height: 198px; padding: 5px; box-sizing: border-box; }

.m_msg .text1{ padding-top: 20px; width: 31%; margin-left: 3.5%; float: left; color: #666; text-align:left }

.m_msg .text1 .red{ color: #0679af; margin: 14px 0 57px; }

.m_msg .text1 .btn input{ cursor: pointer; border: none; width: 92px; height: 35px; font-size: 16px; color: #fff; padding: 0; text-align: center; background: #999; margin-right: 10px; }

.m_msg .text1 .btn input[type="submit"]{ background: #47a94f; }

.proj_casenr{ padding-top:20px; position:relative; margin-bottom:30px;}

.blk_18{ width:100%; float:left;display:inline; position:relative;}

.LeftBotton{width:39px;height:39px; background:url(../images/jiantzuo.png) left center no-repeat;position:absolute;left:-40px; top:100px; z-index:10000}

.RightBotton {width:39px;height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute;right:-40px; top:100px;}

.blk_18 .pcont{width:100%;float:left;display:inline;overflow:hidden; margin-left:0;}

.blk_18 .ScrCont {width:32766px;zoom:1;}

.blk_18 #List1_1, .blk_18 #List2_1 {float:left; }

.blk_18 dl{ width:255px; float:left; margin:0 16px;  display:inline; line-height:36px; text-align:center;display:inline; position:relative; border:1px solid #eaeaea;border-bottom:2px solid #eaeaea; padding:5px; background:#fff; font-family:microsoft yahei;}

.blk_18 dt{ width:100%; height:180px; float:left; overflow:hidden;}

.blk_18 dt a{ width:100%; height:180px; text-align:center; display:table-cell; vertical-align:middle;}

.blk_18 dt img{ width:100%; vertical-align:middle;}



.blk_18 dd{ width:100%; padding:10px 0 10px; float:left; text-align: center; margin:0}

.blk_18 dd .procase_tu01{ width:100%; text-align:center; font-size:15px;}

.blk_18 dd .procase_tu02{ width:100%; line-height:25px; color:#a4a4a4; font-size:12px;}

.procase_tu03{ width:88px; height:26px; border:1px solid #d2d2d4; display:inline-block; line-height:26px; margin:10px 0 0 78px; border-radius: 50px; text-transform:uppercase; font-size:12px;}

.blk_18 dl:hover .procase_tu03{ background:#ba0f14; color:#fff;}

.blk_18 dl img{

	-webkit-transition: -webkit-transform 1s ease 0s;

	transition: transform 1s ease 0s;

	-webkit-transform-origin: center;

	transform-origin: center;

}

.blk_18 dl:hover img{

	-webkit-transform: scale(1.08);

	transform: scale(1.08);

}

/* gognsijianjie */
.gsjj { margin-top:15px; line-height:40px; font-size:20px; padding-top:60px}
.gsjj h3 { font-size:16px; color:#333; line-height:35px; text-align:left; margin:15px 0; text-align:center}
.gsjj p { font-size:22px; margin-bottom:60px; text-align:center}
.gsjjwc { overflow:hidden; width:100%;}
.gsjjgyw { float:left;display:block; overflow:hidden; width:100%}
.gsjjgy { width:50%; float: left; line-height:40px; text-align:center;-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;vertical-align: baseline; height:100%; overflow:hidden}
.gsjjgy .text { margin:0 auto;content: " ";
display: block;
clear: both; width:65%;}
.gsjjgy .text .wenzi { margin-top:25%;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
    font-weight: inherit;
    outline: 0 none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; font-size:22px
}
.gsjjgy img { width:100%; float:left;}
.gsjjtp img { width:100%}
.gsjjtp { margin-bottom:100px}
.gsjjtp2 { height:420px;}
.gsjjtp2 img {width:100%}
.gsjjtp3 {height:600px;}

.gywmny { width:1280px; margin:60px auto 0; overflow:hidden; clear:both}
.gywmny ul li { width:410px; float:left; margin-right:25px; margin-bottom:25px;}
.gywmny ul li img { width:100%; height:420px; margin-bottom:25px}
.gywmny ul li .wz {line-height:35px; font-size:16px; overflow:hidden}

.padd { padding-top:80px;}
.gsjjgy .wzjz {display: table-cell;vertical-align: middle; height:100%}
.map img { width:100%; margin-bottom:30px; margin-top:15px;}

.ctas li{

	width:25%;

	float:left; margin-bottom:35px;

	}

.ctas li .icob{

	width:65px;

	height:65px;

	background:#578dd4;

	border-radius:100%;

	margin:0 auto;

	overflow:hidden;

	}

.ctas li .ico{

	display:block;

	background-position:center center;

	width:100%;

	height:100%;

	background-repeat:no-repeat;

	transition:300ms;

	-webkit-transition:300ms;

	}

.ctas .cta1 .ico{

	background-image:url(../images/ctaico1.png);

	}

.ctas .cta2 .ico{

	background-image:url(../images/ctaico2.png);

	}

.ctas .cta3 .ico{

	background-image:url(../images/ctaico3.png);

	}

.ctas .cta4 .ico{

	background-image:url(../images/ctaico4.png);

	}

.ctas li .en{

	text-align:center;

	text-transform: capitalize; font-size:15px;

	color:#b3b3b3;

	margin-top:7px;

	}

.ctas li .ch0{

	text-align:center;

	margin-top:12px; font-size:15px;

	}

.ctas li:hover .ico{

	transform:translateY(-5px);

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

	}

.ctas{ margin-top:2.5%;}

.cta_words{

	background:#f6f6f6;

	padding:5% 0 5% 0;

	margin-top:5%;

	}






/* ҳ */

.solu{float:left;width:100%;height:705px;}

.solu ul{float:left;width:100%;height:423px;text-align:center;margin-top:70px;margin-bottom:70px;}

.solu ul li{float:left;width:20%;margin-top:70px;transition:all ease 0.5s;-ms-transition:all ease 0.5s;padding-bottom:20px;text-align:center;}

.solu ul li b{width:47px;height:4px;background:#b6b6b6;display:block;margin:0 auto;margin-top:36px;margin-bottom:10px;}

.solu ul li h3{font-size:20px;font-family:"ͤڼ";line-height:60px;}

.solu ul li p{display:none;width:100%;font-family:"΢ź";font-size:16px;line-height:22px;margin-bottom:15px;}

.solu ul li a{display:none;}

.solu ul li:hover{margin-top:0;}

.solu ul li:hover b{background:#f00;}

.solu ul li:hover p{display:block;}

.solu ul li:hover a{display:block;} 



/* ҳJOIN US */

.picture{float:left;width:100%;height:auto;text-align:center;margin:0 auto;background:#171b26;}

.picontent{width:100%;height:605px;background: url(../images/bgpicture.jpg) no-repeat;}

.picontent .part{width:206px;height:auto;margin-left:70px;margin-top:70px;}

.picontent .joinus{font-size:40px;color:#fff;font-family: Times New Roman, Verdana, Arial, Helvetica, sans-serif;}

.picontent .joinus span{color:#fe0000;}

.picontent .joinus1 a{width:110px;font-size:19px;color:#fefeff;font-family: '΢ź';margin-top:10px;margin-left:40px;border:1px solid #fefeff;border-radius:8px;padding:2px;transition:all ease 0.4s;}

.picontent .joinus1 a:hover{border:1px solid #b80e09;color:#fff;background:#b80e09;font-weight:normal;}



/* ҳ */

.solutiontitle{line-height:30px;color:#010101;font-size:30px;padding-left:20px;margin:50px auto 0 auto;font-weight:normal;background:url(../images/bok.gif) no-repeat left center;}

.solutiontitle a{float:right;font-size:16px;color:#666;text-decoration:none;}

.solution{float:left;background:#fff;}

.solution .info{float:left;width:100%;height:auto;margin-top:20px;background:#fff;}

.solution .info .left h1{font-size:26px}

.solution .info .left h1 span{color:#333;font-size:48px;line-height:48px;border-bottom:2px solid #d20001;margin-right:20px;}

.solution  .info .up{float:left;height:auto;width:100%;}

.solution .info .xian{float:right;height:1px;width:99%;border-bottom:1px solid #bbb;padding-top:10px;}

.solution .info .up h2{margin-left:7px;font-size:18px;line-height:30px;font-weight:normal;padding-top:10px;padding-bottom:10px;}

.solution  .info .left{float:left;width:645px;height:auto;margin-left:15px;margin-right:15px;margin-top:30px;}

.solution  .info .left h1{font-size:24px;font-weight:normal;}

.solution  .info .left p{font-size:15px;line-height:28px;padding-top:20px;}

.solution  .info .left b{width:79px;height:31px;background:url(../images/triangle.png) no-repeat left center;display:block;margin-top:10px;padding-left:25px;margin-bottom:10px;color:#000;font-size:18px;text-align:center;line-height:32px;}

.solution  .info .left ul{float:left;width:655px;height:auto;}

.solution  .info .left ul li{float:left;width:220px;font-size:16px;line-height:35px;margin-top:5px;padding-left:25px;}

.solution  .info .left ul .b{background:url(../images/case_dian.jpg) no-repeat left center;}

.solution  .info .right{float:right;width:520px;padding-bottom:35px;margin-top:80px}

.solution  .info .right img{width:515px;height:312px;}



.success{float:left;width:100%;height:780px;background:#e8edf4;}

.success .v_content{position:relative;width:1200px;height:600px;overflow:hidden;}

.success .v_content_list{position:absolute;width:3600px;height:600px;}

.success .fr_page ul{display:block;width:1200px;}

.success .fr_page ul li{float:left;width:600px;height:220px;margin-top:60px;}

.success .fr_page{float:left;}

.success .fr_page ul li img{float:left;}

.success .fr_page ul li h3{float:left;width:48%;color:#333;font-size:24px;line-height:30px;font-weight:normal;margin-left:28px;}

.success .fr_page ul li p{float:left;width:48%;margin-left:28px;font-size:14px;color:#666;margin-top:15px;}

.success .highlight2{width:100px;margin:0 auto;margin-top:20px;}

.success .highlight2 span.prev2,.success .highlight2 span.next2{width:20px;height:20px;background:#b9c1ce;text-indent:-9999px;display:inline-block;margin-right:18px;border-radius:50px;}

.success .highlight2 span.prev2.current,.success .highlight2 span.next2.current{background:#fc685e;}



/* success end */



/* ҳ Ƶ */

input{font-size:12px;font-size:100%;font-family:microsoft yahei;outline:none;line-height:normal;color:#444;}

.ipt{border:solid 1px #d2d2d2;border-left-color:#ccc;border-top-color:#ccc;border-radius:2px;box-shadow:inset 0 1px 0 #f8f8f8;background-color:#fff;padding:4px 6px;height:21px;line-height:21px;color:#555;width:180px;vertical-align:baseline;}

.ipt:focus{border-color:#95C8F1;box-shadow:0 0 4px #95C8F1;}

.theme-popover-mask{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;display:none;}

.theme-popover{display:none;z-index:9;position:absolute;top:35%;left:50%;width:651px;height:482px;margin:-180px 0 0 -330px;border-radius:5px;border:solid 2px #e4e4e4;background-color:#fff;box-shadow:0 0 10px #666;background:#fff;}

.theme-popover1{display:none;z-index:9;position:absolute;top:110%;left:50%;width:651px;height:482px;margin:-180px 0 0 -330px;border-radius:5px;border:solid 2px #e4e4e4;background-color:#fff;box-shadow:0 0 10px #666;background:#fff;}

.theme-poptit{border-bottom:1px solid #ddd;padding:12px;position:relative;height:24px;}

.theme-poptit .close{float:right;color:#999;padding:5px;margin:-2px -5px -5px;font:bold 14px/14px simsun;text-shadow:0 1px 0 #ddd;cursor:pointer;}

.theme-poptit .close:hover{color:#444;}

.theme-popover span{float:left;width:651px;height:433px; background:#000;cursor:pointer}

/* end */



/*  jobҳ  */

.partner{width:100%;height:auto;background:#fff;}

.fp_banner{width:100%;height:738px;background:#151515;}

.fp_change{width:100%;height:57px;background:#2d2c2d;margin-top:-57px;z-index:200;text-align:center;

cursor:pointer;-moz-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;}

.fp_change ul{width:510px;margin:0 auto;}

.fp_change ul li{float:left;width:250px;height:45px;margin:5px 5px 5px auto;color:#fff;line-height:45px;}

.fp_change ul li.cur{background:#535353;border-radius:10px;width:250px;height:45px;color:#fff;line-height:45px;}

.fp_table{width:100%;height:470px;}

.fp_content{width:100%;height:377px;margin-top:24px;background:#eef3f7;border-radius:10px;display:none;}

.xixi1{background:#535353;border-radius:10px;width:250px;height:45px;color:#fff;line-height:45px;}





/* ɹҳ successcase*/

.case_mright{float:right;width:960px;height:auto;}

.case_mright ul {float:left;width:960px;height:auto;}

.case_mright ul li{float:left;width:480px;height:177px;margin-bottom:30px;font-size:18px;line-height:30px;}

.case_mright h3{float:left;width:100%;background:url('../images/lx.png') no-repeat left center;padding-left:20px;margin-bottom:15px;font-size:16px;color:#d20001;line-height:30px;}

.case_mright img{float:left;width:188px;height:174px;overflow:hidden;}

.case_mright h4{float:left;width:240px;margin-left:15px;font-size:18px;line-height:18px;color:#333;font-weight:normal;}

.case_mright p{float:left;width:240px;margin-left:15px;font-size:14px;line-height:20px;color:#666;margin-top:10px;}



/* ¼ҳ story*/

.dsj_left{float:left;width:135px;height:145px;font-size:30px;color:#000101;text-align:center;border-right:2px solid #000;line-height:50px;}

.dsj_left b{float:right;display:block;width:24px;height:24px;background: url(../images/dsj_cir.png) no-repeat center center;margin-right:-12px;margin-top:10px;transition:background,0.4s;}

.dsj_right{position:relative;float:left;width:730px;height:135px;padding-left:30px;transition:all ease 0.4s;overflow:hidden; padding-top:10px;  }

.dsj_right .filter{height:65px;

	z-index:10;

	margin-top:80px;

	width:100%;

	position:absolute;

	background-color: rgba(255,255,255,0.3); 

    background-image: -moz-linear-gradient(100% 100% 90deg, rgba(255,255,255,1), rgba(255,255,255,0.1));

    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.1)), to(rgba(255,255,255,1)));

}

.dsj_right h4{float:left;width:115px;height:39px;font-size:24px;color:#da0000;line-height:30px;background:url(../images/dsj_head.png) no-repeat;padding:3px 6px;font-weight:normal;margin-bottom:8px;padding-left:10px;}

.dsj_right p{line-height:25px;background:url(../images/dsj_p.png) no-repeat left center;padding-left:10px;}

.dsj_rightall{display:none;float:left;width:730px;min-height:135px;height:auto;padding-left:30px;padding-top:10px;}

.dsj_rightall h4{float:left;width:115px;height:39px;font-size:24px;color:#da0000;line-height:30px;background:url(../images/dsj_head.png) no-repeat;padding:3px 6px;font-weight:normal;margin-bottom:8px;padding-left:10px;}

.dsj_rightall p{line-height:25px;background:url(../images/dsj_p.png) no-repeat left center;padding-left:10px;}

.mright ul li:hover .dsj_left{font-size:50px;}

.mright ul li:hover .dsj_left b{background:url(../images/dsj_cirhover.png) no-repeat center center;}

.mright ul li:hover .dsj_left span{margin-left:-25px;}

.mright ul li:hover .dsj_rightall{display:block;}

.mright ul li:hover .dsj_right{display:none;}



/* ----------------------------------3ҳʱ л------------------------------------- */

.wrapper {  position: relative;  width: 100%;  height: 760px;  overflow: hidden;}

.sub-nav {  overflow: hidden;  position: absolute;  left: 0;  top: 62px;  z-index: 999;  width: 100%;  background-color: #fff;}

.sub-nav__wrap {  position: absolute;  left: 0;  top: 0;  display: none;}

.slider-box {  position: absolute;  z-index: 1;  left: 0;  top: 0;  overflow: hidden;}

.slider {  position: absolute;  left: 0;  top: 0;}

.slider-box .btn-box {  position: absolute;  bottom: 10px;  width: 100%;  text-align: center;  font-size: 0;}

.slider-box .btn-item {  display: inline-block;  width: 20px;  height: 20px;  margin: 0 12px;  border-radius: 50%;  background-color: #b9c1ce;}

.slider-box .btn-item__cur {  width: 20px;  height: 20px;  background: #fc685e;}

.btn, .slider-title, .btn-box {  z-index: 999;}

.theme-white .slider-box .btn-item {  background-color: #b9c1ce;}

.theme-white .slider-box .btn-item__cur {  background-color: #fc685e;}



/* Ʒcombined-operation */

.combined-product{margin-left:85px;}






/*图片效果*/

.imgHover {overflow:hidden;background:url(../images/footer_bj.png);}

.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);width:110%!important;max-width: 110%;}

.imgHover:hover img{margin-left: -10px;opacity:.6;}

.imgHover .title{-moz-transform: translateY(50%);-ms-transform: translateY(50%);-webkit-transform: translateY(50%);transform: translateY(50%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}

.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}

.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0);opacity:1;}


.cen_box6 .pbox img{transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;-ms-transition:all 0.5s ease;}

.xx4 {position:relative; margin-top:35px;}
.xx4 .hd .prev {width:39px; height:39px; background:url(../images/jiantzuo.png) left center no-repeat; position:absolute; left:-45px; top:50%; margin-top:-20px; z-index:10000}
.xx4 .next{width:39px; height:39px; background:url(../images/jiantyou.png) left center no-repeat; position:absolute; right:-45px; top:50%; margin-top:-20px; z-index:10000}
.xx4 .bd {width:1200px; margin:0 auto;}
.xx4 .bd ul li{display:inline-block; width:278px; float:left; margin:0 10px; border:#eee 1px solid;}
.xx4 .bd ul li img {width:100%; height:auto;}
.xx4 .bd ul li .wz { width:100%; padding:8px 10px;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; text-align: left }
.xx4 .bd ul li .wz h3 { font-size:16px; color:#333; line-height:35px;}
.xx4 .bd ul li .wz span { font-size:12px; line-height:26px; color:#999}
.xx41 li{ display:inline-block;}
.procase_tu03{ width:88px; height:26px; border:1px solid #d2d2d4; display:inline-block; line-height:26px; margin:10px 0 12px 78px; text-align: center; border-radius: 50px; text-transform:uppercase; font-size:12px;}
.xx4 .bd ul li:hover .procase_tu03{ background:#ba0f14; color:#fff;}


.rollBox {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH:1200px; PADDING-RIGHT: 0px; background-image:url(home_caset.gif); background-repeat:no-repeat; OVERFLOW: hidden; PADDING-TOP: 0px; padding-bottom:30px;
}
.rollBox .LeftBotton1 {
	MARGIN: 15px 0px 0px; WIDTH: 30px; DISPLAY: inline; BACKGROUND: url(../images/left_btn.gif) no-repeat 0px 0px; FLOAT: left; HEIGHT:50px; OVERFLOW: hidden; CURSOR: pointer
}
.rollBox .RightBotton1 {
	MARGIN: 15px 0px 0px; WIDTH: 30px; DISPLAY: inline; BACKGROUND: url(../images/right_btn.gif) no-repeat 10px 0px; FLOAT: left; HEIGHT: 50px; OVERFLOW: hidden; CURSOR: pointer; margin-left:10px;
}
.rollBox .Cont {
	WIDTH: 1100px; FLOAT: left; MARGIN-LEFT: 3px; OVERFLOW: hidden
}
.rollBox .ScrCont {
	WIDTH: 1342177.27px
}
.rollBox .Cont .pic {
	TEXT-ALIGN: center; WIDTH: 183px; FLOAT: left
}
.rollBox .Cont .pic IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN: 0px auto; WIDTH: 140px; DISPLAY: block; HEIGHT: 60px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.rollBox .Cont .pic P {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #505050; PADDING-TOP: 0px; font-size:12px;
}
.rollBox .Cont A:link {
	COLOR: #626466; TEXT-DECORATION: none
}
.rollBox .Cont A:visited {
	COLOR: #626466; TEXT-DECORATION: none
}
.rollBox .Cont A:hover {
	COLOR: #f00; TEXT-DECORATION: underline
}
.rollBox #List1 {
	FLOAT: left
}
.rollBox #List2 {
	FLOAT: left
}
.rollBox_1 {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 227px; PADDING-RIGHT: 0px; BACKGROUND: url(subproduct_t.gif) no-repeat; OVERFLOW: hidden; PADDING-TOP: 35px
}
.rollBox_1 .LeftBotton {
	MARGIN: 15px 0px 0px; WIDTH: 19px; DISPLAY: inline; BACKGROUND: url(../images/left_btn.gif) no-repeat 0px 20px; FLOAT: left; HEIGHT: 80px; OVERFLOW: hidden; CURSOR: pointer
}
.rollBox_1 .RightBotton {
	MARGIN: 15px 0px 0px; WIDTH: 20px; DISPLAY: inline; BACKGROUND: url(../images/right_btn.gif) no-repeat 10px 20px; FLOAT: left; HEIGHT: 80px; OVERFLOW: hidden; CURSOR: pointer
}
.rollBox_1 .Cont {
	WIDTH: 185px; FLOAT: left; MARGIN-LEFT: 3px; OVERFLOW: hidden
}
.rollBox_1 .ScrCont {
	WIDTH: 100000px
}
.rollBox_1 .Cont .pic {
	TEXT-ALIGN: center; WIDTH: 185px; FLOAT: left
}
.rollBox_1 .Cont .pic IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; MARGIN: 0px auto; DISPLAY: block; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.rollBox_1 .Cont .pic P {
	PADDING-BOTTOM: 0px; LINE-HEIGHT: 26px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #505050; PADDING-TOP: 0px
}
.rollBox_1 .Cont A:link {
	COLOR: #626466; TEXT-DECORATION: none
}
.rollBox .Cont A:visited {
	COLOR: #626466; TEXT-DECORATION: none
}
.rollBox_1 .Cont A:hover {
	COLOR: #f00; TEXT-DECORATION: underline
}
.rollBox_1 #List1 {
	FLOAT: left
}
.rollBox #List2 {
	FLOAT: left
}



.bz { width:100%; height:100%; position:absolute} 
.bzl { width:10%; float: left; background:#eee; height:100%;-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; }
.bzr { width:88%; float:right; height:100%}
.bzr .nr { width:810px; margin:60px auto; line-height:32px;}
.bztit { padding:40px 0; text-align:center}


.cpxqxg { width:1280px; margin:30px auto 17px; overflow:hidden}
.cpxqxg .bia { line-height:30px; font-size:16px; font-weight:bold; color:#00b5f7; text-align:left}
.cpxqxg .lian a { padding:15px 35px 0; float:left; display:block; font-size:14px; color:#333;}