@charset "utf-8";
/* CSS Document */
/*--------------- 
总体 
---------------*/
body { width:100%; font:normal 14px/26px "微软雅黑"; background:#fff; color:#777; }
a { text-decoration:none; color:#777; }
a:hover {  text-decoration:none; }
.wrapper { position:relative; margin:0 auto; width:1200px; }
h1, h2, h3, h4, h5 { font-weight:normal; }
hr { width:100%; height:1px; background:none; border:none; border-bottom:1px #ccc solid; }
.blank{height:20px; overflow: hidden; clear:both; width: 100%;}
.cl{clear: both;}
/*--------------- 
分页
---------------*/
.page { clear:both; display:inline-block; padding:50px 0; width:100%; text-align:center; font-size:12px; }
.page a { display:inline-block; margin:0 5px; padding:2px 12px; border:1px #00a1f2 solid; color:#00a1f2; }
.page a:hover, .page a.current{ background:#00a1f2; color:#fff; }
.page a{ display:inline-block; *display:inline; *zoom:1; }
/*--------------- 

top
---------------*/
header .itop{ background:#333; width:100%; height:50px; line-height:50px;}
header .itop .itop_l{ float:left;}
header .itop .itop_l ul li{ display:inline-block; color:#ff6666; margin-right:10px; font-size:14px;}
header .itop .itop_l ul li:first-child{ color:#fff;}
header .itop_r{ float:right;}
header .itop_r ul li{display:inline-block;  margin-top:10px; margin-right:10px;}
header .itop_r ul li:first-child{position:relative;}
header .itop_r ul li .ico_qr{ display:inline-block;  width:25px; height:25px; background:url(../images/qr_ico.png) no-repeat left center;}
header .itop_r ul li .ico_wb{display:inline-block;  width:25px; height:25px; background:url(../images/wb_ico.png) no-repeat left center;}
header .itop_r ul li .ico_qq{ display:inline-block; width:25px; height:25px; background:url(../images/qq_ico.png) no-repeat left center;}
header .itop_r ul li:first-child img{ position:absolute; top:30px; left:-45px; display:none}
header .itop_r ul li:hover .ico_qr{background:url(../images/qr_ico1.png) no-repeat left center; cursor:pointer;}
header .itop_r ul li:hover .ico_wb{background:url(../images/wb_ico1.png) no-repeat left center;}
header .itop_r ul li:hover .ico_qq{background:url(../images/qq_ico1.png) no-repeat left center;}
header .itop_r ul li:hover:first-child img{ display:block; z-index:2}
header .ilogo{ width:100%; height:120px;}
header .ilogo_l{ background:url(../images/message_ico.png) left center no-repeat; text-indent:2em;float:left; color:#999; line-height:120px; font-size:14px;}
header .ilogo_c{ text-align:center; margin:0 auto; width:490px; float:left}
header .ilogo_c img{padding-top:35px;}
header .ilogo_r{ float:right;padding-top:34px; margin-right:50px; position:relative;}
header .ilogo_r input[type=text]{ border:#ccc 1px solid; border-radius:20px; background:#fff;height:40px; line-height:40px; text-indent:1em; color:#999; width:260px}
header .ilogo_r input[type=submit]{ background:url(../images/ss_ico.png) right center no-repeat; border:0; position:absolute; right:10px; top:43px; width:25px; }
.banner{  position:relative; width:100%; height:520px; text-align: center; }
.banner ul li{ position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom; background-size:cover;  }
.banner_z{ width: 1200px; margin: 0 auto; padding: 0; position: absolute; left: 30px; top: 200px; }
.banner_z h2{ font-size: 50px; color: #fff; font-weight: bold; }
.banner_z p{ width:30%; margin: 25px auto; background: #2ea8e6;font-size: 38px; color: #fff; padding: 10px; }
.banner ol li { float: left; margin:0 5px;width:16px; height:16px; background:#fff; border-radius:20px; cursor:pointer;}
.banner ol li.active { background:#2ea8e6; }
.banner_x{  position:relative; width:100%; height:320px; text-align: center; }
.banner_x ul li{ position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:center bottom; background-size:cover;  }
.pre_next888{ position:absolute; left:46%;bottom:20px; width:auto; }
.pre_next888 .preview{ background:url(../images/arrow_l_banner.png) no-repeat right center;  width:14px; height:16px; float:left}
.pre_next888 .next{ background:url(../images/arrow_r_banner.png) no-repeat left center; width:14px; height:16px; float:right }
.pre_next999{ float:left; padding:0 10px;}
nav{ width:100%; margin: 0 auto; position:relative; padding: 0; height: auto;   }
nav dl { width:100%; border-top:#ccc 1px solid; background:#fff; height:70px; margin: 0 auto; padding: 0; text-align: center;}
nav dl dt{ color: #2ea8e6; /*background: url(../images/nav_bg.png) right center no-repeat;*/ width: 125px; font-size: 15px; display: inline-block; line-height: 70px; text-align: center; position:relative; }
nav dl dt a{ color: #2ea8e6;  }
.mainlevel font{ display:none;}
nav dl dt:last-child{ background: none; }
nav dl dt:hover{ line-height: 70px; cursor: pointer; background:#2ea8e6; }
nav dl dt:hover a{ color:#fff;}
nav dl dt dl{ display:none; position:absolute; left:0; top:70px;  }
nav dl dt:hover dl{ display:block;}
nav dl dt:hover dl dt{ float:left;background:#fff; border-bottom:#ccc 1px solid;z-index:999;}
nav dl dt:hover dl dt a{ color:#777777;}
nav dl dt:hover dl dt:last-child{ border-bottom:0}
nav dl dt:hover dl dt:hover{ background:#66ccff;border-bottom:0 }
nav dl dt:hover dl dt:hover a{ color:#fff;}
nav dl dt.active{ line-height: 70px; cursor: pointer;background:#2ea8e6; color:#fff;border-bottom:0}
nav dl dt.active a{ color:#fff;}
header button{ display:none}
/*--------------- 
首页
---------------*/
.part01{ background:url(../images/bg_03.jpg) center 0 no-repeat; background-size: cover; width: 100%; height: 460px; overflow: hidden; }
.part01_l{ float: left; margin-top:25px; background: url(../images/phone_03.png) left bottom no-repeat; width:308px; height:435px; position:relative;  }
.part01_l img{ position:absolute; left:95px; top:60px; }
.part01_l_z{ position:absolute; text-align:center; bottom:120px; left:125px;}
.part01_l_z p{ color:#777;}
.part01_l_z p font{ color:#2ea8e5;}
.part01_r{ float:right; width:60%; margin-top:100px;}
.part01_r_z h2{ font-size:30px; font-weight:bold; color:#2ea8e5; text-align:center; margin-bottom:20px;}
.part01_r_z p{ color:#000; font-size:14px; text-align:left; text-indent:2em; line-height:28px; margin:50px auto;}
.part01_r_z a{ border:#2ea8e5 1px solid; border-radius:5px; padding:10px ; width:100px; display:block; color:#2ea8e5; text-align:center; margin:0 auto;}
.part01_r_z a:hover{ background:#2ea8e5; border:#fff 1px solid; color:#fff;}
.part02_1{ transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.part02_1:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05);  }
.part02_1 .enter{
-webkit-animation:fadeInLeft 1s .2s ease both;
-moz-animation:fadeInLeft 1s .2s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-200px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-200px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.part02_2{ transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.part02_2:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); }
.part02_2 .enter{
-webkit-animation:fadeInLeft 1s .4s ease both;
-moz-animation:fadeInLeft 1s .4s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.part02_3{ transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.part02_3:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); }
.part02_3 .enter{
-webkit-animation:fadeInLeft 1s .6s ease both;
-moz-animation:fadeInLeft 1s .6s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.part02_4{ transition-duration:.3s; -webkit-transition-duration:.3s; -o-transition-duration:.3s; -ms-transition-duration:.3s; -moz-transition-duration:.3s; }
.part02_4:hover{transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); -moz-transform:scale(1.05); }
.part02_4 .enter{
-webkit-animation:fadeInLeft 1s .8s ease both;
-moz-animation:fadeInLeft 1s .8s ease both;}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;
-webkit-transform:translateX(-20px)}
100%{opacity:1;
-webkit-transform:translateX(0)}
}
@-moz-keyframes fadeInLeft{
0%{opacity:0;
-moz-transform:translateX(-20px)}
100%{opacity:1;
-moz-transform:translateX(0)}
}
.part02{ background:url(../images/bg_04.jpg) center 0 no-repeat; background-size: cover; width: 100%; height: 579px; overflow: hidden; }
.part02_1{ font-size: 20px; color: #fff; height: 60px; line-height: 60px;  position: absolute; top: 110px;left: 240px;}
.part02_2{ font-size: 20px; color: #fff; height: 60px; line-height: 60px; position: absolute; top: 140px;right: 305px;}
.part02_3{ font-size: 20px; color: #fff; height: 60px; line-height: 60px; position: absolute; top: 320px;left: 190px;}
.part02_4{ font-size: 20px; color: #fff; height: 60px; line-height: 60px; position: absolute; top: 340px;right: 245px;}
.part02_n{ width: 1200px; margin: 0 auto;  position: relative;}
.part02 a{ color: #fff; }
.part02_typename{ width: 200px; margin: 0 auto; text-align: center; font-size: 30px; font-weight: bold; position: absolute; top:240px;left: 41.5%;color: #fff;}
.part02_ico{ position:absolute;top: 520px; left: 48.3%; width: 42px; height: 42px;}

.part03{ width: 100%; height: auto; overflow: hidden; }
.part03_n{ width: 1200px; margin:0 auto; position: relative; }
.part03_title{width: 200px; margin: 0 auto; text-align: center; font-size: 30px; font-weight: bold;  color:#2ea8e5;}

.pro_888{text-align:center; width:100%; margin:0 auto; overflow:hidden; background:url(../images/bg_06.jpg) center bottom no-repeat;}
.pro { text-align:center; width:100%; margin:0 auto; overflow:hidden; }
.proTag{position:relative;}
.proNav { position:relative; margin:0 auto; width:1200px; }
.proNav .mask { margin:50px auto; width:1025px; overflow:hidden;position:relative; }
.proNav li{ width:120px; margin-right:10px; height:140px; float:left }
.proNav li:last-child{ margin-right:0}
.pro_ico{ width:110px; height:110px;border-radius:50%; background:#fff; border:#999 1px solid;}
.ico { width:65px; height:65px; margin:25px auto;   background-position: center top; background-repeat:no-repeat;}
/* .ico1{ background-image:url(../images/cgal_ico1.png); }
.ico2{ background-image:url(../images/cgal_ico2.png); }
.ico3{ background-image:url(../images/cgal_ico3.png); }
.ico4{ background-image:url(../images/cgal_ico4.png); }
.ico5{ background-image:url(../images/cgal_ico5.png); }
.ico6{ background-image:url(../images/cgal_ico6.png); }
.ico7{ background-image:url(../images/cgal_ico7.png); }
.ico8{ background-image:url(../images/cgal_ico8.png); } */
.proNav li:hover .ico{ background-position: center bottom;margin:10px auto;}
.proNav li:hover .pro_ico{ background:#2ea8e5; border:#fff 1px solid; cursor:pointer}
.proNav li p{ font-size:16px; color:#777; padding-top:0px;}
.proNav li:hover p{ padding-top:30px; color:#2ea8e5;}
.proNav li.active .ico{ background-position: center bottom;margin:10px auto;}
.proNav li.active .pro_ico{ background:#2ea8e5; border:#fff 1px solid; cursor:pointer}
.proNav li.active p{ padding-top:30px; color:#2ea8e5;}
.pro .preview, .pro .next { top:35px; color:#ccc; position:absolute}
.pro .preview{ background-image:url(../images/arrow_l.png); width:50px; height:50px; background-repeat:no-repeat; background-position:center top;left:0;}
.pro .next{ background-image:url(../images/arrow_r.png); width:50px; height:50px; background-repeat:no-repeat; background-position:center top;  left:auto; right:0;}
.pro .preview:hover, .pro .next:hover { cursor:pointer;  background-position:center bottom; }
.proBoxes{ margin-top:80px;  width: 100%; height:580px; overflow: hidden; }
.proBox{ width:1200px; margin:0 auto;}
.pro_Box_l{float: left; width: 730px; height:500px;  position:relative; }
.pro_Box_l_k{ background: rgba(255,255,255,0); border:#eeeeee 5px solid;  width: 730px; height:500px; position:absolute; left:20px; top:20px;}
.pro_Box_l img{ position:absolute; width:750px; height:500px; left:-20px; top:-10px; }
.pro_Box_r{ width:360px; float:right; margin-right:20px;}
.pro_Box_r h2{ font-size:22px; color:#555; font-weight:bold; text-align:left; margin:30px auto;}
.pro_Box_r p{ font-size:14px; color:#777777; line-height:30px; text-align:left;}
.pro_Box_r  a{ border:#2ea8e5 1px solid; border-radius:5px; padding:5px 10px ; width:100px; float:left; color:#2ea8e5; text-align:center; margin:30px auto;}
.pro_Box_r  a:hover{ background:#2ea8e5; border:#fff 1px solid; color:#fff;}

.app { position:relative; width:1200px; text-align:center; margin:30px auto; text-align:center }
.app .mask { position:relative; margin:20px auto 0 auto; width:1030px; height:150px; overflow:hidden; }
.app ul, .partner ul { position:relative; }
.app li { float:left; width:150px; height:150px; line-height:80px; text-align:center; margin:0 10px; }
.app li img{ width:150px; height:150px;}

.app .preview, .app .next { top:48px; color:#ccc; position:absolute}
.app .preview{ background-image:url(../images/arrow_l.png); width:50px; height:50px; background-repeat:no-repeat; background-position:center top;left:0;}
.app .next{ background-image:url(../images/arrow_r.png); width:50px; height:50px; background-repeat:no-repeat; background-position:center top;  left:auto; right:0;}
.app .preview:hover, .app .next:hover { cursor:pointer;  background-position:center bottom;  }
.ilink{ margin-top:0px;}
.ilink ul li{ text-align:center; float:left; margin:20px 5px 0 0;}
.ilink ul li p{ margin:10px auto;}
.ilink ul li img{ width:150px; height:150px;}

/*--------------- 
footer
---------------*/

.ifooter1{ background:#333; width:100%; margin:0 auto; padding:15px 0 5px 0; height:150px;}
.ifooter_l{ width:1200px; margin:0 auto; padding:0;}
.ifooter_link ul li{ width:45%; margin-right:3%; display:inline-block; color:#ccc; line-height:30px;}
.ifooter_r{ float:right; width:35%; margin-top:20px; }
.ifooter_link{float:left; width:65%; height:135px;}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #ccc;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../images/arrow_f.png") no-repeat scroll 180px center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  color:#ccc;
  padding:8px 0px 8px 10px;
  position:relative;
  width:220px

}
select option{ background:#333;}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.ifooter_r1{ float:right; margin-right:50px;}
.ifooter_r1 ul li{display:inline-block;  margin-top:10px; margin-right:10px;}
.ifooter_r1 ul li:first-child{position:relative;}
.ifooter_r1 ul li .ico_qr{ display:inline-block;  width:25px; height:25px; background:url(../images/qr_ico.png) no-repeat left center;}
.ifooter_r1 ul li .ico_wb{display:inline-block;  width:25px; height:25px; background:url(../images/wb_ico.png) no-repeat left center;}
.ifooter_r1 ul li .ico_qq{ display:inline-block; width:25px; height:25px; background:url(../images/qq_ico.png) no-repeat left center;}
.ifooter_r1 ul li:first-child img{ position:absolute; top:-135px; left:-45px; display:none}
.ifooter_r1 ul li:hover .ico_qr{background:url(../images/qr_ico1.png) no-repeat left center; cursor:pointer;}
.ifooter_r1 ul li:hover .ico_wb{background:url(../images/wb_ico1.png) no-repeat left center;}
.ifooter_r1 ul li:hover .ico_qq{background:url(../images/qq_ico1.png) no-repeat left center;}
.ifooter_r1 ul li:hover:first-child img{ display:block; z-index:2}
.ifooter2{ background:#222; width:100%; margin:0 auto; padding:0; height:70px; }

.ifooter2_t{ width: 1200px; margin: 0 auto;  padding: 0; height: auto; display:none  }
.ifooter2_t dl { width:90%; height:50px; margin: 0 auto; padding: 0; text-align: center;}
.ifooter2_t dl dt{ color: #ccc;/* background: url(../images/nav_bg1.png) right center no-repeat;*/ width: 110px; font-size: 14px; float:left; line-height: 50px; text-align: center; }
.ifooter2_t dl dt a{ color: #ccc; }
.ifooter2_t dl dt:last-child{ background: none; }
.ifooter2_f{ width: 1200px; margin: 0 auto;  padding: 0; height: auto;  clear:both }
.ifooter2_f p{ font-size:14px; text-align:center; color:#ccc; width:90%; margin:0 auto;}
/*--------------- 
左侧通用
---------------*/
.pos{ background:#f5f5f5; width:100%; margin:0 auto; height:50px;  }
.pos_z{ width:1200px; margin:0 auto;}
.pos_z_a{ float:right; color:#777;line-height:50px; margin-right:30px;}
.pos_z_a a{ color:#777;}
.main{ width:1200px; margin:0 auto; padding:0;}
aside{ width:260px; float:left;}
aside .sub_title{ border-radius:0 0 10px 10px  ; width:100%; height:70px; background:#2ea8e6; line-height:70px; font-size:26px; color:#fff; font-weight:bold; text-align:center;}
aside sub ul li{border:#999 1px solid; text-align:center; line-height:45px; height:45px; width:100%; border-radius:5px; margin:10px auto;}
aside sub ul li a{ color:#999; font-size:16px;}
aside sub ul li:hover{ background:#66ccff;border:#66ccff 1px solid; cursor:pointer }
aside sub ul li:hover a{ color:#fff;}
aside sub ul li.active{ background:#66ccff; border:#66ccff 1px solid;}
aside sub ul li.active a{ color:#fff;}
.ilxwm{ border:#ddd 1px solid; border-radius:5px; margin-bottom:20px;}
.ilxwm ul li{ margin:15px auto; padding:0 15px; color:#999;}
.ilxwm ul li img{ margin-top:5px; margin-right:10px;}
/*--------------- 
成功案例
---------------*/
.main_r{ width:830px; float:right; height:auto !important}
.main_r_case_t{ margin-top:60px; color:#2ea8e6; font-size:28px; text-align:center; font-weight:bold;}
.main_r_case_t font{ font-size:50px;}
.pro_case { text-align:center; width:100%; margin:0 auto; overflow:hidden; }
.proTag_case{position:relative;}
.proNav_case { position:relative; margin:0 auto; width:830px; }
.proNav_case .mask { margin:50px auto; width:640px; overflow:hidden;position:relative; }
.proNav_case li{ width:120px; margin-right:10px; height:140px; float:left }
.proNav_case li:last-child{ margin-right:0}
.pro_ico{ width:110px; height:110px;border-radius:50%; background:#fff; border:#999 1px solid;}
.proNav_case li:hover .ico{ background-position: center bottom;margin:10px auto;}
.proNav_case li:hover .pro_ico{ background:#2ea8e5; border:#fff 1px solid; cursor:pointer}
.proNav_case li p{ font-size:16px; color:#777; padding-top:0px;}
.proNav_case li:hover p{ padding-top:30px; color:#2ea8e5;}
.proNav_case li.active .ico{ background-position: center bottom;margin:10px auto;}
.proNav_case li.active .pro_ico{ background:#2ea8e5; border:#fff 1px solid; cursor:pointer}
.proNav_case li.active p{ padding-top:30px; color:#2ea8e5;}
.pro_case .preview, .pro_case .next { top:35px; color:#ccc; position:absolute}
.pro_case .preview{ background-image:url(../images/arrow_l.png); width:50px; height:50px; background-repeat:no-repeat; background-position:center top;left:0;}
.pro_case .next{ background-image:url(../images/arrow_r.png); width:50px; height:50px; background-repeat:no-repeat; background-position:center top;  left:auto; right:0;}
.pro_case .preview:hover, .pro_case .next:hover { cursor:pointer;  background-position:center bottom; }
.proBoxes_case{ margin-top:40px;  width: 100%; overflow: hidden; }
.proBox_case{ width:100%; margin:0 auto;}
.ijob{ margin-top:40px;}
.ijob dl dt{  width:100%; height:50px; margin:10px auto; height:auto;  }
.ijob dl dt h2{background:#f5f5f5; color:#333; line-height:50px; text-align:left; text-indent:2em; font-size:16px;}
.ijob dl dt h2:hover{background:#2ea8e6; color:#fff;}
.ijob dl dt h2.active{background:#2ea8e6; color:#fff;}
.ijob dl dt h2 span{ float:right; background:#ccc; font-size:34px; color:#fff; width:50px; height:50px; line-height:50px; text-align:center; text-indent:0}
.ijob dl dt h2 span img{ margin-top:20px;}
.fck { padding:30px 10px; width:100%; height:auto; }
.proBox_case dl dt{width:100%; margin:10px auto; height:auto; overflow:hidden}
.case_l{ float:left; width:40%;}
.case_r{ float:right; width:57%;}
.case_r h2{ font-size:18px; color:#555; font-weight:bold;text-align:left; margin:10px auto;}
.case_r p{ font-size:14px; color:#777; text-align:left; line-height:30px; text-align:left;}
.case_r a{ border:#2ea8e5 1px solid; border-radius:5px; padding:5px 10px ; width:100px; float:left; color:#2ea8e5; text-align:center; margin:30px auto;}
.case_r a:hover{ background:#2ea8e5; border:#fff 1px solid; color:#fff;}
/*--------------- 
学习园地
---------------*/
.learn ul li{ background:#f9f9f9; height:50px; width:100%; padding:5px 0 0px 30px; margin:20px auto;}
.learn ul li h2{ font-size:16px; text-align:left; color:#333; padding:10px 0}
.learn ul li p{ font-size:14px; text-align:left; color:#777;}
.learn ul li:hover{ background:#2ea8e6;}
.learn ul li:hover h2{ color:#fff;}
.learn ul li:hover p{ color:#fff;}

/*--------------- 
咨询顾问
---------------*/
.pro_gw { text-align:center; width:100%; margin:0 auto; overflow:hidden; }
.proTag_gw{position:relative;margin:0 auto; margin-left:60px;}
.proNav_gw { position:relative;  width:830px;  }
.proNav_gw .mask { margin:50px auto; text-align:center;width:730px;position:relative; overflow:hidden }
.proNav_gw li{ width:235px; margin:0 auto; padding:0 5px; height:200px; float:left;text-align:center}


.pro_gw_ico{ width:110px; height:110px;}
.pro_gw_ico h2{  background:#fff; border:#999 1px solid;}
.pro_gw_ico h2 img{  width:100px; height:100px;}
.proNav_gw li p{ font-size:16px; color:#777; padding-top:5px;}
.proNav_gw li:hover p{ padding-top:5px; color:#2ea8e5;}
.proNav_gw li.active .ico{ background-position: center bottom;margin:10px auto;}
.proNav_gw li.active .pro_ico{ background:#2ea8e5; border:#fff 1px solid; cursor:pointer}
.proNav_gw li.active p{ padding-top:5px; color:#2ea8e5;}
.pro_gw .preview, .pro_gw .next { top:35px; color:#ccc; position:absolute}
.pro_gw .preview{ background-image:url(../images/arrow_l.png); width:50px; height:50px; background-repeat:no-repeat; background-position:center top;left:0;}
.pro_gw .next{ background-image:url(../images/arrow_r.png); width:50px; height:50px; background-repeat:no-repeat; background-position:center top;  left:auto; right:0;}
.pro_gw .preview:hover, .pro_gw .next:hover { cursor:pointer;  background-position:center bottom; }
.proBoxes_gw{ margin-bottom:50px; width: 100%; overflow: hidden; }
.proBox_gw{ width:100%; margin:0 auto;text-align:left; margin-top:30px; }
.proBox_gw p{ text-align:left; line-height:30px; text-indent:2em;}
.gwico { width:100px; height:100px; margin:5px auto;   background-position: center top; background-repeat:no-repeat;}

.list_gw{ width:100%; margin:40px auto;}
.list_gw dl dt{ border-bottom:#ddd 1px dashed; text-align:left; margin:0px auto; font-size:16px; width:100%; height:auto; overflow:hidden; padding:10px 0;}
.list_gw dl dt h3{ float:left;}
.list_gw dl dt span{ float:right;}
.list_gw dl dt a{ color:#333;}
.list_gw dl dt:hover a{ color:#2ea8e5 }
.list_gw dl dt:first-child{ border-top:#ddd 1px solid;}
.list_gw dl dt:last-child{ border-bottom:0}

/*--------------- 
新闻中心
---------------*/
.list_news{ width:100%; margin:30px auto;}
.list_news dl dt{ border-bottom:#ddd 1px dashed; text-align:left; margin:0px auto; font-size:16px; width:100%; height:auto; overflow:hidden; padding:15px 0;}
.list_news dl dt h3{ float:left; font-size:16px;}
.list_news dl dt span{ float:right; font-size:14px; color:#aaa;}
.list_news dl dt p{ display:inline-block; font-size:14px; color:#777; margin-top:10px}

.list_news dl dt h3 a{ color:#333;}
.list_news dl dt:hover h3 a{ color:#2ea8e5 }
.list_news dl dt p a{ color:#777;}
.list_news dl dt:hover p a{ color:#2ea8e5 }

.list_news dl dt:last-child{ border-bottom:0}
/*--------------- 
留言
---------------*/
.liuyan { width:100%; margin:40px auto;} 
.ly_input{ float:left; width:250px; height:50px; border:#ccc 1px solid; border-radius:5px; margin-right:24px;}
.ly_input  span{ width:50px; height:50px; line-height:50px; text-align:center; background:#2ea8e5; display:block; float:left}
.ly_input input{ float:left; text-indent:1em; color:#ccc; background:url(); border:0;line-height:50px;}
.liuyan textarea{ outline: none;
    resize: none;
    width: 800px;
    background: #fff;
    border: #ccc 1px solid;
    text-indent: 0.8em;
	margin:20px auto;
	border-radius:5px;
	}
.ly_submit{ margin-top:10px;}
.ly_text{ float:left; line-height:50px; height:50px;}
.ly_submit button{ background:#2ea8e5; font-size:14px; line-height:50px;color:#fff; text-align:center; float:right; width:120px; height:50px; border-radius:5px; margin-right:20px;}
/*--------------- 
关于我们
---------------*/
.gywm{ margin-top:30px;}
.gywm_title{ font-size:22px; color:#2ea8e5; margin:10px auto;}
.gywm_zw{ margin-top:20px;}
.gywm_zw p,.gywm_title div{ line-height:26px; text-align:left; color:#000;}
.gywm_zw p{line-height: 3em;font-size: 16px;}
.my-map { margin: 10px auto; width: 100%; height: 250px; }
		.my-map .icon { background: url(../images/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}
		.lxwm_list{ margin:20px auto;}
.lxwm_list ul li{ float:left; width:50%;}

.article_zw{ margin-top:60px;}
.article_title{ font-size:26px; text-align:center; color:#555; font-weight:bold; margin:10px auto; line-height:40px;}
.pre_next{ border-top:#ccc 1px solid; padding-top:20px; margin-top:30px; }
.pre_next ul{ float:left; width:80%;}
.pre_next ul li{ line-height:30px;}
.ireturn{ width:50px; height:50px; text-align:center; float:right; background:#2ea8e6; color:#fff; line-height:50px;}
.ireturn a{ color:#fff;}
.iall{ width:100px; height:50px; text-align:center; float:right; background:#2ea8e6; color:#fff; line-height:50px; }
.iall a{ color:#fff;}
.gh_title{ width:100%; margin:0 auto; text-align:center}
.gh_title ul li{ display:inline-block; text-align:center; margin:20px 10px; font-size:16px; color:#ccc;}
.gh_title ul li:hover a{ color:#2ea8e5; text-decoration:underline}
.gh_title ul li.active a{ color:#2ea8e5; text-decoration:underline}
.pro_yg { text-align:center; width:100%; margin:0 auto; height:auto !important; overflow:hidden; }
.proTag_yg{position:relative;}
.proNav_yg { position:relative; margin:0 auto; width:830px; }
.proNav_yg .mask { margin:50px auto; width:770px; overflow:hidden;position:relative; }
.proNav_yg li{ width:120px; margin-right:10px; height:200px; float:left }
.proNav_yg li:last-child{ margin-right:0}
.pro_yg_ico{ width:110px; height:110px; background:#fff; border:#999 1px solid;}
.proNav_yg li p{ font-size:16px; color:#777; padding-top:5px;}
.proNav_yg li:hover p{ padding-top:5px; color:#2ea8e5;}
.proNav_yg li.active .ico{ background-position: center bottom;margin:10px auto;}
.proNav_yg li.active .pro_ico{ background:#2ea8e5; border:#fff 1px solid; cursor:pointer}
.proNav_yg li.active p{ padding-top:5px; color:#2ea8e5;}
.pro_yg .preview, .pro_yg .next { top:35px; color:#ccc; position:absolute}
.pro_yg .preview{ font-size:30px; color:#999; left:0;}
.pro_yg .next{ left:auto; right:0; font-size:30px; color:#999;}
.pro_yg .preview:hover, .pro_yg .next:hover { cursor:pointer;  background-position:center bottom; }
.proBoxes_yg{ margin-bottom:50px;  width: 100%; overflow: hidden; }
.proBox_yg{ width:100%; margin:0 auto;}
.proBox_yg p{ text-align:left; line-height:30px; text-indent:2em;}
	.btn button{ display:none}
.proBox_big{ width:100%; height:500px; position: relative;}
.proBox_big img{ width:100%; margin:0 auto; padding:0 ;}
.proBox_big p{ background:rgba(0,0,0,0.4); width:100%; height:50px; position:absolute; color:#fff; bottom:0; left:0; text-align:left; text-indent:1em; line-height:50px;}

.ilogo_l{ display:none}
.ifooter_link ul li{ width:100%;}
	.ifooter2{ display:none;}
	.ifooter_r1{ float:none}
	.ifooter_link{ height:auto; padding-top:20px; text-align:center; width:100%; position:relative; float:none}
	.ifooter_link ul li{ text-align:center;}
	.ifooter1{ padding:0} 
	.ifooter_r{ margin:0; position:absolute; float:none; right:0; width:auto;}
	.ifooter_r1{ margin:7px 60px; }
     
@media screen and  (max-width:1024px){
	.app{ width:100%;}
	.app .mask{ width:83.6%}
	.ifooter_link{ position:static; padding-top:0}
	.ifooter_r{ position:static}
	.mainlevel font{ display:block; text-align:right; float:right; color:#fff; margin-right:20px;}
	.banner_x{ height:215px;}
	.ifooter2_t{ display:none;}
	.gywm_zw img{ width:100% !important; height:auto !important}

	 header .ilogo_c img{padding-top:25px;}
     header button{display: block; float: right;  margin-top: 35px;	margin-right:15px; width: 35px;height: 24px;text-align: center;	padding:0;background:   url(../images/nav.png) no-repeat center center;
}
.mainNav {  margin-top:0; margin-bottom:0; width:100%; height:auto; display:none;}

.mainNav dl{  width: 100%; background:#2ea8e6; height:auto }

.mainNav dl dt a{width: 100%;}

.mainNav dl dt{ width:100%; text-align:left; background:#2ea8e6;  border-top: #ccc 1px solid; text-indent: 2em; }
.mainNav dl dt a{ color:#fff;}
.mainNav dl dt:hover{background:#2ea8e6; width: 100%; height: auto;}

.mainNav dl dt:after{ background:#2ea8e6;width: 100%;height: auto;}
.mainNav dl dt:hover dl dt{ background:#2a85b4}
nav dl dt:hover dl dt a{ color:#fff;}
.mainNav .navr { margin-left:0px; }
	header .ilogo_c{ float:none; padding:0; width:80%;}
	header .ilogo_c img{ width:70%;}
	header .ilogo_r{ display:none}
	.wrapper{ width:100%;}
	.ilogo_l{ display:none;}
	.main{width:96%;}
	aside{ width:100%; float:none; margin-top:20px;}
	.main_r{ width:100%; float:none; overflow: hidden;}
	.pos_z{ text-align:left; width:100%;}
	.pos_z_a{ float:left; margin-right:0; margin-left:30px;}
	header .itop .itop_l { display:none}

	header .itop_r{ float:left; margin-left:20px;}
	.learn ul li{ padding:0 10px; height:50px;}
	.learn ul li p{ width:96%;}
	.liuyan textarea{ width:98%; margin:10px auto 0 auto;}
	.ly_input{ float:none; width:98%; margin-right:0; margin:10px auto;}
	.ly_text{ margin-top:0; text-align:center; float:none; line-height:30px; height:30px;}
	.ly_submit{ text-align:center;}
	.ly_submit button{ float:none; text-align:center; width:60%; margin:20px auto 0 auto;} 
	.case_l{ float:none; width:100%;}
	.case_r{ float:none; width:90%; margin:0 auto; text-align:center;}
	.case_r a{ float:none; display:inline-block; width:50%;}
	.proNav_gw{ width:100%;}
	.main_r_case_t{ font-size:22px; line-height:40px;}
	.main_r_case_t font{ font-size:40px;}
	.main_r_case_t{ margin-top:20px; text-align:left;}
	
	.proNav{ width:100%;}
	.proNav .mask{ width:70%; margin:30px auto;}
		.pro_ico{ width:90px; height:90px;}
	.gwico{ width:80px; height:80px;}
	.proNav li{ width:80px; height:120px; margin-right:17px;}
	.pro_ico{ width:90px; height:90px;}
	.proNav li.active .ico{ margin:15px auto;}
	.proNavli.active p{padding-top:20px;}
	.pro .preview{ background:url(../images/arrow_l-888.png); width:40px; height:40px;}
	.pro .next{ background:url(../images/arrow_r-888.png); width:40px; height:40px;}
	.proNav li.active p{ padding-top:20px;}
	
	.proNav_case{ width:100%;}
	.proNav_case .mask{ width:71%; margin:30px auto;}
	.proNav_gw .mask{ width:74%;}
	.pro_gw_ico{ width:90px; height:90px;}
	.gwico{ width:80px; height:80px;}
	.proNav_case li{ width:80px; height:120px; margin-right:15px;}
	.pro_ico{ width:90px; height:90px;}
	.proNav_case li.active .ico{ margin:15px auto;}
	.proNav_case li.active p{padding-top:20px;}
	.ico{ width:45px; height:45px;}
	.ico1{ background-image:url(../images/cgal_ico1-888.png) !important; }
	.ico2{ background-image:url(../images/cgal_ico2-888.png) !important; }
	.ico3{ background-image:url(../images/cgal_ico3-888.png) !important; }
	.ico4{ background-image:url(../images/cgal_ico4-888.png) !important; }
	.ico5{ background-image:url(../images/cgal_ico5-888.png) !important; }
	.ico6{ background-image:url(../images/cgal_ico6-888.png) !important; }
	.ico7{ background-image:url(../images/cgal_ico7-888.png) !important; }
	.ico8{ background-image:url(../images/cgal_ico8-888.png) !important; }
	.pro_case .preview{ background:url(../images/arrow_l-888.png); width:40px; height:40px;}
	.pro_case .next{ background:url(../images/arrow_r-888.png); width:40px; height:40px;}
	.pro_gw .preview{ background:url(../images/arrow_l-888.png); width:40px; height:40px;}
	.pro_gw .next{ background:url(../images/arrow_r-888.png); width:40px; height:40px;}
	.proNav_gw li{ width:90px; height:120px;}
	.ifooter1{ height:auto !important; overflow:hidden}
	.ifooter_l{ width:100%; height:auto !important; overflow:hidden;  }
	.ifooter_link{ float:none; width:100%; height:auto !important; overflow:hidden; }
	.ifooter_r{ width:100%; float:none; margin:0 auto;}
	.ifooter_link ul li{ width:100%; text-align:center}
	.ifooter2_t{ width:100%;}
	.ifooter2_t dl dt{ width:50%;}
	.ifooter2_f{ width:100%; }
	.ifooter_r{ text-align:center; }
	.ifooter_r1{ margin-right:20px;}
	.ifooter2{ height:auto !important; overflow:hidden}
	.ifooter2_t dl{ width:100%; }
	.ifooter2_t dl dt{ background:none; border-bottom:#ccc 1px solid;}
	.ifooter2_t dl dt:first-child{ display:none}
	.ifooter2_f p{ margin-top:20px;}
	header .ilogo{ height:100px}
	.part02_n{ width:100%;}
	.part03_n{ width:100%;}
	.part02_1{ left:150px;}
	.part02_2{ right:205px;}
	.part02_3{ left:110px;}
	.part02_4{ right:165px;}
	.part03_title{ width:100%;}
	.part02_typename{ left:40.5%;}
	.proBoxes{ height:auto !important;}
	.proBox{ width:100%;}
	.pro_Box_l{ width:100%; float:none; height:auto;}
	.pro_Box_l_k{ width:100%; position:static; height:auto; border:0; margin:0 auto; text-align:center;}
	.pro_Box_l  img{ position:static; width:80%; height:auto; margin:0 auto; text-align:center;}
	.pro_Box_r{ float:none; width:96%; margin:5% auto;}
.pro_gw_ico{ width:110px; height:110px;}
.pro_gw_ico h2{  background:#fff; border:#999 1px solid;width:100px; height:100px;}
.pro_gw_ico h2 img{  width:100px; height:100px;}
.proNav_gw li{ height:180px; width:110px}
.proNav_gw li p{ font-size:14px; line-height:22px;}
.proBox_gw{ padding-top:50px;}
		.proTag_gw{ margin-left:0; }
		.proNav_gw .mask{ width:90%;}
.proNav_yg{ width:100%;}
.proNav_yg .mask{ width:900px;}
	.proNav_yg li{  height:auto !important;}
	.ifooter_r{ margin-bottom:10px;}
	.ifooter_link{ margin-top:10px;}
	}  
		@media screen and  (max-width:768px){.proNav_gw .mask{ width:620px;}.proNav_yg .mask{ width:640px;}}
	@media screen and  (max-width:640px){
		.pre_next888{ left:40%;}
			.app .mask{ width:80.6%}
				.banner_x{ height:185px}
		header .ilogo_c{ float:none; padding:0; width:100%;}
	header .ilogo_c img{ width:75%; }
		.banner_x{ z-index:99}
		.banner{ height:300px;z-index:99}

		.banner_z{ width:100%; left:0}
					.part01{ height:auto;}
			.part01_l{ float:none; width:100%; margin-left:140px;}
			.part01_r{ float:none; width:96%; margin:40px auto; padding:0;}
		.part02_1 img{ display:none}
     	.part02_2 img{ display:none}
		.part02_3 img{ display:none}
		.part02_4 img{ display:none}
		.part02_1{ position:static; float:left; margin-top:60px; margin-left:10px; font-size:18px;}
		.part02_2{ position:static; float:right; margin-top:100px; margin-right:10px;font-size:18px;}
		.part02_3{ position:static; float:left; margin-top:270px;margin-left:10px;font-size:18px;}
		.part02_4{ position:static; float:right; margin-top:250px;font-size:18px;}
			.part02_typename{ left:34%;}
			.part02_ico{ left:47%;}
			.banner_z h2{ font-size:40px}
			.banner_z p{ width:40%; font-size:22px;}
			.part02_1{margin-top:110px; margin-left:50px; }
			.part02_2{margin-top:140px; margin-right:100px; }
.part02_3{ left:0; margin-top:0; position:absolute}
.part02_4{ right:30px; margin-top:0; position:absolute}
			.pro_gw_ico{ width:90px; height:90px;}
.pro_gw_ico h2{  background:#fff; border:#999 1px solid;}
.pro_gw_ico h2 img{  width:100px; height:100px;}
.proNav_gw li p{ font-size:14px; line-height:22px;}
.proBox_gw{ padding-top:50px;}
		.proTag_gw{ margin-left:0; }
		.proNav_gw .mask{ width:485px;}
		.proBox_gw{ padding-top:0; margin-top:0;}
	.banner_z{ top:100px;}
		.proNav .mask{ width:75%;}
		.proNav_case .mask{ width:77%;}
		.proNav_yg .mask{ width:520px;}
	.proBox_big{ height:450px;}
	.ilink ul li{ margin:20px 4px 0 0}
		}
	@media screen and  (max-width:480px){
			.pre_next888{ left:33%;}
		.ilink ul li img{ width:180px; height:180px;}
			.ilink ul li{ margin:20px 10px 0 8px}
		.app .mask{ width:40.6%}
		.ly_input input{ width:80%; float:none}
		.banner_x{ height:135px}
		header .ilogo_c{ float:left; padding-top:10px; width:85%;}
	header .ilogo_c img{ width:90%;padding-top:25px;}
		.banner{ height:200px;z-index:99}
			.banner_z{ top:50px;}
		.banner_z h2{ font-size:30px;}
		.banner_z p{ width:40%; font-size:18px;}
		.pro_Box_l  img{ width:90%;}
		.part02_1 img{ display:none}
     	.part02_2 img{ display:none}
		.part02_3 img{ display:none}
		.part02_4 img{ display:none}
		.part02_1{ position:static; float:left; margin-top:60px; margin-left:10px; font-size:18px;}
		.part02_2{ position:static; float:right; margin-top:100px; margin-right:10px;font-size:18px;}
		.part02_3{ position:static; float:left; margin-top:270px;margin-left:10px;font-size:18px;}
		.part02_4{ position:static; float:right; margin-top:250px;font-size:18px;}
			.part02_typename{ left:25.5%;}
			.part02_ico{ left:45%;}
			.part01{ height:auto;}
			.part01_l{ float:none; width:100%; margin-left:20px;}
			.part01_r{ float:none; width:96%; margin:40px auto; padding:0;}
				.proTag_gw{ margin-left:0; }
				.pro_gw_ico h2{ width:90px; height:90px;}
				.pro_gw_ico h2 img { width:90px; height:90px;}
						.proNav_gw li{ width:100px;}
						.proNav_gw .mask{ width:325px;}
				.proNav_case .mask{ width:71%;}		
				.proBox_big{ height:300px;}	
					.proNav_yg .mask{ width:260px;}
				.proNav_yg li{ margin-right:30px; height:auto !important;}
		}
		@media screen and  (max-width:375px){	
		.pre_next888{ left:30%;}
		.ilink ul li img{ width:162px; height:162px;}
				.app .mask{ width:43.6%}
		.banner_x{ height:115px}
		.banner_z p{ width:50%; font-size:16px;}
		.proNav_gw .mask{ width:215px;}
		.proNav .mask{ width:77%;}
			.proNav_case .mask{ width:79%;}	
					.proBox_big{ height:250px;}	
					.part02_4{ margin-top:0}
					.banner_z h2{ font-size:24px;}
		}
		@media screen and  (max-width:360px){
			.ilink ul li img{ width:154px;height:154px;}
			.proNav_case .mask{ width:55%;}
					.banner_z p{ width:50%; font-size:16px;}
.app .mask{ width:44.6%}
			.part02_ico{ left:45%;}
			.part02_typename{ left:23%;}
			.proTag_gw{ margin-left:0; }
			.proNav .mask{ width:54%;}
			}
	@media screen and  (max-width:320px){
			.pre_next888{ left:28%;}
		.ilink ul li img{ width:135px; height:135px;}
		.ilink ul li{ margin:10px 10px 0 8px}
				.app .mask{ width:52.6%}
	header .ilogo_c{ float:left; padding-top:15px; width:80%;}
		.proBox_big{ height:220px;}	
			.part02_ico{ left:44%;}
				.proNav .mask{ width:60%;}
		.part02_1{ position:static; float:left; margin-top:60px; margin-left:10px; font-size:14px;}
		.part02_2{ position:static; float:right; margin-top:100px; margin-right:10px;font-size:14px;}
		.part02_3{ position:static; float:left; margin-top:270px;margin-left:10px;font-size:14px;}
		.part02_4{ position:static; float:right; margin-top:250px;font-size:14px;}
		.part02_typename{ left:18%;}
		.proTag_gw{ margin-left:0; }
		.proNav_gw{ height:150px;}
		.proNav_gw .mask{ width:215px; overflow:hidden;}
		.proNav_gw li{ height:180px;}
		.proBox_gw{ margin-top:20px; padding:20px}
		.proNav_case .mask{ width:62%;}
		

	
			}