body{font-size:13px;font-family:arial,"Microsoft YaHei",sans-serif;color:#333;background:#fff;width: 100%;float: left;overflow-x: hidden;}


*{margin:0;padding:0;text-decoration:none;}
ol,ul{list-style:none;margin-bottom: 0;}
a{color:#51504f;text-decoration:none;}
a:hover{color:#51504f;text-decoration:none;}
img{border:none;}
p{margin-bottom: 0;}
label{font-weight: normal;}
h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;}
input{outline: none;}

/*去除iphone的样式*/
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"],input[type="password"] {
-webkit-appearance: none;border-radius: 0;}
textarea {-webkit-appearance: none;border-radius: 0;} 

/* 公共 */
.fl{float:left;}
.fr{float:right;}
.fl,#fl{float:left;}
.fr,#fr{float:right;}
.mr20{margin-right: 20px;}
.mb20{margin-bottom: 20px;}
.ml20{margin-left: 20px;}
.mt20{margin-top: 20px;}
.mt0,#mt0{margin-top: 0;}
.mr0,#mr0,.mR0,#mR0{margin-right: 0px;}
.mr20,#mr20,.mR20,#mR20{margin-right: 20px;}
.mt20,#mt20,.mT20,#mT20{margin-top: 20px;}
.mt10,#mt10,.mT10,#mT10{margin-top: 10px;}
.mb10,#mb10,.mB10,#mB10{margin-bottom: 10px;}
.w100{width: 100%;}
.bw{background: #fff;}
.container{padding-right: 0;padding-left: 0;}
.alldiv{float: left;width: 100%;float: left;}
.dn{display: none;}

/* head_20 */
.head_20{width:100%;height:100px;position: fixed;z-index: 999;background: #fff;transition:0.5s;}
.head_20 .box{width:100%;height:100px;transition:0.5s;}
.head_20 .box h1{float:left;padding:0;transition:0.5s;}
.head_20 .box h1 a{float:left;transition:0.5s;}
.head_20 .box h1 a img{float:left;margin: 18px 100px 0 00 ;height: 64px;transition:0.5s;}
.head_20 .box .apply{float: right;line-height: 38px;border: 1px solid #0d86c3;border-radius: 6px;color: #0d86c3;font-size: 14px;padding: 0 30px;margin: 30px 0 0;transition:0.5s;}
.head_20 .box .apply:hover{background: #0d86c3;color: #fff;transition:0.5s;border-radius: 34px;}
.head_20 .box .navv{float: left;transition:0.5s;}
.head_20 .box .navv .m{ float:left;  position:relative;  border-top:0; border-bottom:0; margin-left:-1px;height: 100px;transition:0.5s;   }
.head_20 .box .navv h3{ float:left;  font-size:100%; font-weight:normal; font-size:15px; height:100px; overflow:hidden;transition:0.5s;  }
.head_20 .box .navv h3 a{ display:block; color:#333;vertical-align:top;height: 100px;line-height: 100px;float: left;width: 130px;text-align: center;transition:0.5s;}
.head_20 .box .navv .cur a{color: #0d86c3;}
.head_20 .box .navv .on{background: #0d86c3; }
.head_20 .box .navv .on h3 a{font-weight:bold;}
.head_20 .box .navv .sub{ width:130px; padding:0px 0 20px 0px;position:absolute; left:0; top:70px; background:#fff;text-align: center;z-index: 999;display: none;}
.head_20 .box .navv .sub li{ height:40px; line-height:40px;float:left; width:100%;   }
.head_20 .box .navv .sub li a{ display:block;color:#333;width: 100%;float: left;}
.head_20 .box .navv .sub li a:hover{ color:#0d86c3;}
.head_20.on{width:100%;height:60px;box-shadow: 0 0 10px #ddd;position: fixed;z-index: 999;background: #fff;transition:0.5s;}
.head_20.on .box{width:100%;height:60px;transition:0.5s;}
.head_20.on .box h1 a img{float:left;margin: 10px 100px 0 00 ;height: 40px;transition:0.5s;}
.head_20.on .box .apply{float: right;line-height: 32px;border: 1px solid #0d86c3;border-radius: 34px;color: #0d86c3;font-size: 14px;padding: 0 30px;margin: 14px 0 0;transition:0.5s;}
.head_20.on .box .apply:hover{background: #0d86c3;color: #fff;transition:0.5s;}
.head_20.on .box .navv{float: left;transition:0.5s;}
.head_20.on .box .navv .m{ float:left;  position:relative;  border-top:0; border-bottom:0; margin-left:-1px;height: 60px;transition:0.5s;   }
.head_20.on .box .navv h3{ float:left;  font-size:100%; font-weight:normal; font-size:15px; height:60px; overflow:hidden;transition:0.5s;  }
.head_20.on .box .navv h3 a{ display:block; color:#333;vertical-align:top;height: 60px;line-height: 60px;float: left;width: 130px;text-align: center;transition:0.5s;}
.head_20.on .box .navv .cur a{color: #0d86c3;}
.head_20.on .box .navv .on{background: #0d86c3; }
.head_20.on .box .navv .on h3 a{font-weight:bold;}
.head_20.on .box .navv .sub{ width:130px; padding:10px 0 20px 0px;position:absolute; left:0; top:60px; background:#fff;text-align: center;z-index: 999;display: none;}
.head_20.on .box .navv .sub li{ height:40px; line-height:40px;float:left; width:100%;   }
.head_20.on .box .navv .sub li a{ display:block;color:#333;width: 100%;float: left;}
.head_20.on .box .navv .sub li a:hover{ color:#0d86c3;}
@media (max-width: 1320px) {
.head_20 .box h1 a img{float:left;margin: 18px 40px 0 00 ;height: 64px;}
.head_20 .box .navv h3 a{width: 110px;}
.head_20 .box .navv .sub{ width:110px;}
.head_20.on .box h1 a img{margin: 10px 40px 0 0;}
}
@media (max-width: 992px) {
.head_20{display: none;}
}



.blank60{height: 60px;width: 100%;float: left;display: none;}
@media (max-width: 992px) {
.blank60{display: block;}
}

.blank_60{height: 60px;width: 100%;float: left;}
@media (max-width: 992px) {
.blank_60{height: 25px;}
}

/* head_m_1 */
.head_m_1{width:100%;height:60px;background:#fff;float: left;z-index: 8000;display: none;position: relative;box-shadow: 0 0 4px #ddd;position: fixed;}
.head_m_1 .box{width:100%;height:60px;float: left;padding:10px 20px;}
.head_m_1 .box .logo{float: left;max-width: 50%;}
.head_m_1 .box .logo img{float: left;height: 36px;margin-top: 2px;}
.head_m_1 .box .r{float: right;}
.head_m_1 .box .r .menu{float: left;height: 24px;margin: 10px 0 0 0;}
.head_m_1 .box .r .menu img{float: left;height: 24px;}
@media (max-width: 992px) {
.head_m_1{display: block;}
}
/*m_head_1*/
.m_head_1_nav{display: none;background:rgba(11,82,138,0.95);width: 100%;height: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;}
.m_head_1_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 60px 25px 0 30%;text-align: center;}
.m_head_1_nav .abox .menu_hover{float: left;width: 100%;text-align: right;height: 40px;position: absolute;top: 25px;right: 25px;}
.m_head_1_nav .abox .menu_hover img{float: right;height: 24px;}
.m_head_1_nav .abox .a{width: 100%;float: left;line-height: 44px;font-size: 15px;color: #fff;text-align: right;}
.m_head_1_nav .abox .tel{width: 100%;float: left;border-top: 1px solid #fff;text-align: right;margin-top: 20px;padding-top: 30px;}
.m_head_1_nav .abox .tel p{display: inline-block;height: 30px;}
.m_head_1_nav .abox .tel p img{height: 24px;float: left;margin: 3px 3px 0 0;}
.m_head_1_nav .abox .tel p span{height: 30px;line-height: 30px;color: #fff;font-size: 18px;display: inline-block;float: left;margin-left: 10px;}
@media (max-width: 992px) {
.m_head_1_bt{display: block;}
}


/* head_m_2 */
.head_m_2{width:100%;height:54px;background:#0b528a;float: left;z-index: 8000;display: none;position: relative;}
.head_m_2 .box{width:100%;height:54px;float: left;padding:0 15px;}
.head_m_2 .box .home{float: left;border-right: 1px solid #0c4b7d;height: 54px;}
.head_m_2 .box .home img{float: left;height: 30px;margin: 12px 15px 0 0;}
.head_m_2 .box .a{float: left;height: 54px;line-height: 54px;font-size: 14px;color: #fff;padding: 0 10px;border-right: 1px solid #0c4b7d;}
.head_m_2 .box .img{float: left;height: 54px;}
.head_m_2 .box .r{float: right;}
.head_m_2 .box .r .menu_page{float: left;height: 24px;margin: 15px 0 0 0;position: absolute;right: 15px;}
.head_m_2 .box .r .menu_page img{float: left;height: 24px;}
.head_m_2 .box .r .menu_page_hover{float: left;height: 24px;margin: 15px 0 0 0;position: absolute;right: 15px;display: none;}
.head_m_2 .box .r .menu_page_hover img{float: left;height: 24px;}
.head_m_2 .box .r .menu{float: left;height: 24px;margin: 15px 0 0 0;}
.head_m_2 .box .r .menu img{float: left;height: 24px;}
@media (max-width: 992px) {
.head_m_2{display: block;}
}
.m_head_page_nav{display: none;background:rgba(0,0,0,0.9);width: 100%;position: fixed;z-index: 9800;background-size: 100%;padding:0px 0px;border-top: 0;top: 54px;}
.m_head_page_nav .abox{float: left;width: 100%;margin-top:0px;position: relative;height: 100%;padding: 20px;text-align: center;}
.m_head_page_nav .abox a{width: 33.333%;float: left;line-height: 36px;font-size: 14px;color: #fff;text-align: center;}


/* friendLink_03 */
.friendLink_03{width: 100%;float: left;}
.friendLink_03 .box{width: 100%;float: left;border-top: 1px solid #e5e5e5;padding: 40px 0;}
.friendLink_03 .box .t{float: left;width: 100%;font-size: 18px;color: #333;}
.friendLink_03 .box .c{width: 100%;float: left;margin: 20px 0 0 0px}
.friendLink_03 .box .c .text{float: left;margin: 0 40px 20px 0;line-height: 20px;color: #666;}
.friendLink_03 .box .c .img{float: left;margin: 0 20px 20px 0;width: 188px;height: 69px;overflow: hidden;}
.friendLink_03 .box .c .img img{width: 188px;height: 69px;overflow: hidden;border:1px solid #eee;}
@media (max-width: 992px) {
.friendLink_03{display: none;}
}

/* footer_21 */
.footer_21{width: 100%;float: left;color: #999;line-height: 30px;font-size: 14px;}
.footer_21 .box{width: 100%;float: left;padding: 40px 0;border-top: 1px solid #e5e5e5;}
.footer_21 .box .l{width: 50%;float: left;}
.footer_21 .box .l b{width: 100%;float: left;line-height: 30px;font-size: 18px;font-weight: normal;color: #333;margin-bottom: 15px;}
.footer_21 .box .l p{width: 100%;float: left;}
.footer_21 .box .r{float: left;width: 50%;}
.footer_21 .box .r .dingyue{width:100%;float: left;margin: 0 0 30px;}
.footer_21 .box .r .dingyue form{float: right;}
.footer_21 .box .r .dingyue form .input{float:left;width:240px;height: 44px;line-height:44px;border:none;border-right:0;background: #f4f4f4;color: #666;font-size: 14px;padding:0 12px;border-radius: 0;margin-right: 0;transition:0.5s;}
.footer_21 .box .r .dingyue form .input:focus{width: 300px;color: #fff;background: #f90;}
.footer_21 .box .r .dingyue form .submit{float:left;padding: 0 20px;height: 44px;background:#0d86c3;border: none;color: #fff;text-align: center;border-radius: 0;border: 0;line-height: 44px;}
.footer_21 .box .r p{float: left;width: 100%;text-align: right;}
.footer_21 .box .r .p{display: none;}
@media (max-width: 992px) {
.footer_21{width: 100%;float: left;color: #999;line-height: 30px;font-size: 14px;}
.footer_21 .box{width: 100%;float: left;padding: 0px 0;border-top: 1px solid #e5e5e5;}
.footer_21 .box .l{display: none;}
.footer_21 .box .r{float: left;width: 100%;padding: 25px;}
.footer_21 .box .r .dingyue{width:100%;float: left;margin: 0 0 10px;}
.footer_21 .box .r .dingyue form{float: right;width: 100%;}
.footer_21 .box .r .dingyue form .input{float:left;width:70%;height: 44px;line-height:44px;border:none;border-right:0;background: #f4f4f4;color: #666;font-size: 14px;padding:0 12px;border-radius: 0;margin-right: 0;transition:0.5s;}
.footer_21 .box .r .dingyue form .input:focus{color: #fff;background: #f90;width: 70%;}
.footer_21 .box .r .dingyue form .submit{float:left;padding: 0 20px;height: 44px;background:#0d86c3;border: none;color: #fff;text-align: center;border-radius: 0;border: 0;line-height: 44px;width: 30%;}
.footer_21 .box .r p{display: none;}
.footer_21 .box .r .p{float: left;width: 100%;text-align: center;display: block;line-height: 20px;color: #ddd;}
}

/* dingyue */
.dingyue{width:100%;float: left;}
.dingyue form{float: right;}
.dingyue form .input{float:left;width:240px;height: 44px;line-height:44px;border:none;border-right:0;background: #f4f4f4;color: #666;font-size: 14px;padding:0 12px;border-radius: 0;}
.dingyue form .submit{float:left;padding: 0 20px;height: 44px;background:#0d86c3;border: none;color: #fff;text-align: center;border-radius: 0;border: 0;line-height: 44px;}

/*cateNav_1*/
.cateNav_1{float:left;width:100%;height: 81px;line-height: 80px;border-bottom: 1px solid #ddd;margin-bottom: 40px;}
.cateNav_1 .box{float:left;width:100%;}
.cateNav_1 .box a{line-height: 80px;margin: 0 70px 0 0;float: left;font-size: 16px;color: #666}
.cateNav_1 .box a.cur{border-bottom: 1px solid #0d86c3;color: #0d86c3;}
@media (max-width: 992px) {
.cateNav_1{display: none;}
}

/* focusBar */
#focusBar{width:100%;height:768px;clear:both;position:relative;background:#0b528a;overflow:hidden;float: left;margin-top: 100px;}
#focusBar .dotbox{width:100%;position: absolute;z-index: 2;height: 40px;bottom: 0;text-align: center;}
#focusBar .dotbox i{height: 12px;width: 12px;margin: 0 5px;display: inline-block;background: rgba(255,255,255,0.5);border-radius: 100%;}
#focusBar li{width:100%;clear:both;height:768px;display:none;position:absolute;/* position:relative;*/}
#focusBar .focusL{height:768px;position:absolute;z-index:9;/*left:-1000px;*/ top:0px;left:-600px;margin-left:50%;}
#focusBar .focusR{height:768px;position:absolute;z-index:19;/* right:1000px;*/top:0px;left:-600px;margin-left:50%;}
a.arrL,a.arrR{display:block;width:52px;height:134px;position:absolute;top:320px;z-index:99;cursor:pointer;background:url(../Images/images/bt_arr.png) no-repeat;}
a.arrL{left:-52px;background-position:0px 0px;}
a.arrR{right:-52px;background-position:-68px 0px;}
a.arrL:hover{background-position:0px -144px;}
a.arrR:hover{background-position:-68px -144px;}
@media (max-width: 992px) {
#focusBar{display: none;}
}


/* fullSlide */
.fullSlide{ width:100%;  position:relative;  height:768px; float: left;z-index: 100; margin-top: 120px;background: #111;display: none; }
.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:768px; overflow:hidden; text-align:center; background-position: center top;background-repeat: no-repeat;background-size: 1920px;}
.fullSlide .bd li a{ display:block; height:768px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; 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:20px; height:1px; margin:0 2px; overflow:hidden; background:#fff;filter:alpha(opacity=40);opacity:0.4;  line-height:999px; }
.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1;   }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:50px; height:50px; background:url(../Images/arrow_yuan_left.png) no-repeat;  cursor:pointer; filter:alpha(opacity=20);opacity:0.8; display:block;  }
.fullSlide .next{ left:auto; right:10%; background:url(../Images/arrow_yuan_right.png) no-repeat; }
@media (max-width: 1380px) {
.fullSlide{ width:100%;  position:relative;  height:552px; background:#000;float: left;  }
.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:552px; overflow:hidden; text-align:center;background-size: 1380px;  }
.fullSlide .bd li a{ display:block; height:552px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:20px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:1px; margin:1px 2px; overflow:hidden; background:#fff;filter:alpha(opacity=40);opacity:0.4;  line-height:999px; }
.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1;   }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:50px; height:50px; background:url(../Images/arrow_yuan_left.png) no-repeat;  cursor:pointer; filter:alpha(opacity=20);opacity:0.8; display:block;  }
.fullSlide .next{ left:auto; right:10%; background:url(../Images/arrow_yuan_right.png) no-repeat; }
}
@media (max-width: 1200px) {
.fullSlide{ width:100%;  position:relative;  height:480px; background:#000;float: left;  }
.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:480px; overflow:hidden; text-align:center;background-size: 1200px;  }
.fullSlide .bd li a{ display:block; height:480px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:20px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:1px; margin:1px 2px; overflow:hidden; background:#fff;filter:alpha(opacity=40);opacity:0.4;  line-height:999px; }
.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1;   }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:50px; height:50px; background:url(../Images/arrow_yuan_left.png) no-repeat;  cursor:pointer; filter:alpha(opacity=20);opacity:0.8; display:block;  }
.fullSlide .next{ left:auto; right:10%; background:url(../Images/arrow_yuan_right.png) no-repeat; }
}
@media (max-width: 990px) {
.fullSlide{ width:100%;  position:relative;  height:396px; background:#000;float: left;  }
.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:396px; overflow:hidden; text-align:center;background-size: 990px;  }
.fullSlide .bd li a{ display:block; height:396px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:30px; left:0; height:20px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:1px; margin:1px 2px; overflow:hidden; background:#fff;filter:alpha(opacity=40);opacity:0.4;  line-height:999px; }
.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1;   }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:10%;  z-index:1; width:50px; height:50px; background:url(../Images/arrow_yuan_left.png) no-repeat;  cursor:pointer; filter:alpha(opacity=20);opacity:0.8; display:block;  }
.fullSlide .next{ left:auto; right:10%; background:url(../Images/arrow_yuan_right.png) no-repeat; }
}
@media (max-width: 992px) {
.fullSlide{display: none;}
}

/*mfullSlideBox*/
.mfullSlideBox{ position:relative; overflow:hidden;max-width:100%;display: none;float: left;width: 100%;position: relative;z-index: 8881;}
.mfullSlideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1;text-align: center;width: 100%; }
.mfullSlideBox .hd li{ display:inline-block; width:8px; height:8px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#fff; text-indent:-9999px; overflow:hidden; margin:0 3px;opacity: 0.4;}
.mfullSlideBox .hd li.on{opacity: 1;}
.mfullSlideBox .bd{ position:relative; z-index:0; }
.mfullSlideBox .bd li{ position:relative; text-align:center;  }
.mfullSlideBox .bd li img{ background:url(https://www.ghostcloud.cn/Public/Common/Css/images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.mfullSlideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.mfullSlideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(https://www.ghostcloud.cn/Public/Common/Css/images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }
@media (max-width: 992px) {
.mfullSlideBox{display: block;}
}

/*foot_news*/
.foot_news{width: 100%;float: left;padding-top: 40px;padding-bottom: 80px;background:#fff;}
.foot_news .t{width: 100%;float: left;height:50px;position: relative;transition:0.5s;margin-top: 30px;font-size: 18px;color: #333;}
.foot_news .box{width: 100%;float: left;transition:0.5s;}
.foot_news .box .ul{float: left;margin:0px 0px 0px;width:100%;font-size:12px;padding: 0px 0 0px 0;}
.foot_news .box .ul li{width:31%;overflow:hidden;padding: 20px 0;float: left;margin: 0 3.5% 0 0;transition: 0.5s;border-top: 1px solid #e5e5e5;}
.foot_news .box .ul li:nth-child(3){margin-right: 0;}
.foot_news .box .ul li:hover{background: #0b528a;}
.foot_news .box .ul li:hover .text{padding: 0 20px;}
.foot_news .box .ul li:hover .text .tt{color: #fff;}
.foot_news .box .ul li:hover .text .tt{color: #fff;}
.foot_news .box .ul li:hover .text .desc{color: #fff;}
.foot_news .box .ul li:hover .text p{color: #fff;}
.foot_news .box .ul li .text{width: 100%;float: left;transition: 0.5s;padding-right: 40px;}
.foot_news .box .ul li .text .desc{width: 100%;float: left;line-height: 30px;color: #aaa;font-size: 16px;}
.foot_news .box .ul li .text .tt{width: 100%;float: left;font-size: 18px;font-weight: normal;line-height: 20px;margin:20px 0px;color: #333;height: 20px;overflow: hidden;transition: 0.5s;}
.foot_news .box .ul li .text  p{width: 100%;float: left;font-size: 12px;color: #666;line-height: 24px;}
@media (max-width: 992px) {
.foot_news{display: none;}
}

.aboutHtml01{float: left;width: 100%;margin-bottom: 60px;}
.aboutHtml01 .box{float: left;width: 100%;padding-left: 260px;background: url(../Images/about1.png) no-repeat left 0;}
.aboutHtml01 .box p{float: left;width: 100%;line-height: 30px;font-size: 14px;margin-bottom: 40px;color: #333;}
@media (max-width: 992px) {
.aboutHtml01{float: left;width: 100%;margin-bottom: 0px;padding:25px;}
.aboutHtml01 .box{float: left;width: 100%;padding-left: 0px;background: none;}
.aboutHtml01 .box p{float: left;width: 100%;line-height: 30px;font-size: 15px;margin-bottom: 40px;color: #333;}
}

/*popub_13 pc*/
.popub_13_bg{width: 100%;height: 100%;background:rgba(0,0,0,0.7);position: fixed;z-index: 9997;display: none;}
.popub_13{position: fixed;display: none;padding: 0px 30%;z-index: 9998;height:100%; left: 0;width: 100%;}
.popub_13 .box{float: left;background: #fff;position: absolute; top:50%; margin-top: -315px; width:506px; border-radius: 10px;}
.popub_13 .box .closes{height: 64px;width: 64px;right: 0px;top: -10px;position: absolute;text-align: center;}
.popub_13 .box .closes img{float: left;margin: 20px;width: 24px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.popub_13 .box .closes:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.popub_13 .box .title{float: left;width: 100%;line-height: 64px;color: #fff;font-size: 18px;background: #0d86c3;height: 64px;text-indent: 20px;border-radius: 10px 10px 0 0;margin-top: -10px;}
.popub_13 .box .c{float: left;width: 100%;padding:40px 80px 60px;}
.popub_13 .box .c .input{float: left;width: 100%;;height: 56px;border:none;background: #eee;margin-bottom: 15px;padding-left: 20px;line-height: 56px;font-size: 14px;}
.popub_13 .box .c .select{float: left;width: 100%;;height: 56px;border:none;background: #eee;margin-bottom: 15px;padding-left: 20px;line-height: 56px;font-size: 14px;}
/*.popub_13 .box .c .input:nth-child(1){background:#eee url(/Public/Common/Images/form_user.png) no-repeat 12px 12px;}
.popub_13 .box .c .input:nth-child(2){background:#eee url(/Public/Common/Images/form_tel.png) no-repeat 12px 12px;}
.popub_13 .box .c .input:nth-child(3){background:#eee url(/Public/Common/Images/form_email.png) no-repeat 12px 12px;}
.popub_13 .box .c .input:nth-child(4){background:#eee url(/Public/Common/Images/form_time.png) no-repeat 12px 12px;}*/
.popub_13 .box .c .submit{width: 100%;;float: left;background: #0d86c3;height: 50px;line-height: 50px;box-shadow: 0 10px 10px #ddd;border: none;border-radius: 4px;font-size: 16px;}
@media (max-width: 992px) {
.popub_13{position: fixed;display: none;padding:80px 35px 0;z-index: 9998;top: 0px;left: 0;width: 100%;height: 100%;}
.popub_13 .box{float: left;width: 100%;background: #fff;position: relative;border-radius: 10px;}
.popub_13 .box .closes{height: 50px;width: 50px;right: 0px;top: -10px;position: absolute;text-align: center;}
.popub_13 .box .closes img{float: left;margin:12px 0px;width: 24px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.popub_13 .box .closes:hover img{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.popub_13 .box .title{float: left;width: 100%;line-height: 50px;color: #fff;font-size: 16px;background: #0d86c3;height: 50px;text-indent: 20px;border-radius: 10px 10px 0 0;margin-top: -10px;}
.popub_13 .box .c{float: left;width: 100%;padding:30px 30px 40px;}
.popub_13 .box .c .input{float: left;width: 100%;;height: 40px;border:none;background: #eee;margin-bottom: 10px;padding-left: 36px;line-height: 44px;font-size: 14px;}
.popub_13 .box .c .select{float: left;width: 100%;;height: 40px;border:none;background: #eee;margin-bottom: 10px;padding-left: 36px;line-height: 44px;font-size: 14px;}
/*.popub_13 .box .c .input:nth-child(1){background:#eee url(/Public/Common/Images/form_user.png) no-repeat 10px 9px;background-size: 20px;}
.popub_13 .box .c .input:nth-child(2){background:#eee url(/Public/Common/Images/form_tel.png) no-repeat 10px 9px;background-size: 20px;}
.popub_13 .box .c .input:nth-child(3){background:#eee url(/Public/Common/Images/form_email.png) no-repeat 10px 9px;background-size: 20px;}
.popub_13 .box .c .input:nth-child(4){background:#eee url(/Public/Common/Images/form_time.png) no-repeat 10px 9px;background-size: 20px;}*/
.popub_13 .box .c .submit{width: 100%;;float: left;background: #0d86c3;height: 50px;line-height: 50px;box-shadow: 0 10px 10px #ddd;border: none;border-radius: 4px;font-size: 16px;}
}

/*aboutHtml02*/
.aboutHtml02{float: left;width: 100%;padding: 100px 0 100px;background: #f9f9f9;display: none;}
.aboutHtml02 .box{float: left;width: 100%;}
.aboutHtml02 .box .tab-hd {float: left;width: 100%;;margin: 0 0 80px;}
.aboutHtml02 .box .tab-hd ul {float: left;width: 100%;text-align: center;border-bottom: 1px solid #eee;padding: 0 10%;}
.aboutHtml02 .box .tab-hd li{float: left;width: 25%; }
.aboutHtml02 .box .tab-hd li:nth-child(1){border: none;}
.aboutHtml02 .box .tab-hd li a{float: left;width: 100%;padding: 0 20%;text-align: center;}
.aboutHtml02 .box .tab-hd li a img{border-radius: 100%;width: 100%;background: #eee;transition:0.5s;border: 3px solid #f9f9f9;}
.aboutHtml02 .box .tab-hd li b{float: left;width: 100%;padding:0;line-height: 40px;margin-top: 20px;opacity: 0;color: #0d86c3;}
.aboutHtml02 .box .tab-hd li i{float: left;width: 100%;padding:0;height: 10px;}
.aboutHtml02 .box .tab-hd li i em{display: inline-block;height: 10px;width: 10px;border-radius: 10px;background:#0d86c3;opacity: 0; }
.aboutHtml02 .box .tab-hd li.on a img{box-shadow: 0 20px 20px #ccc;border: 3px solid #fff;}
.aboutHtml02 .box .tab-hd li.on b{ opacity: 1;}
.aboutHtml02 .box .tab-hd li.on i em{ opacity: 1;}
.aboutHtml02 .box .tab-bd{float: left;width: 100%; }
.aboutHtml02 .box .tab-bd ul{float: left;width: 100%; }
.aboutHtml02 .box .tab-bd li{float: left;width: 100%;position: relative;transition:0.5s;cursor: pointer;}
.aboutHtml02 .box .tab-bd li p{float: left;width: 100%;font-size: 14px;color: #333;margin-bottom: 20px;list-style: none;line-height: 30px;}
@media (max-width: 992px) {
.aboutHtml02{float: left;width: 100%;padding: 40px 25px 40px;background: #f9f9f9;}
.aboutHtml02 .box{float: left;width: 100%;}
.aboutHtml02 .box .tab-hd {float: left;width: 100%;;margin: 0 0 40px;}
.aboutHtml02 .box .tab-hd ul {float: left;width: 100%;text-align: center;border-bottom: 1px solid #eee;padding: 0 0%;}
.aboutHtml02 .box .tab-hd li{float: left;width: 25%; }
.aboutHtml02 .box .tab-hd li:nth-child(1){border: none;}
.aboutHtml02 .box .tab-hd li a{float: left;width: 100%;padding: 0 5px;text-align: center;}
.aboutHtml02 .box .tab-hd li a img{border-radius: 100%;width: 100%;background: #eee;transition:0.5s;border: 3px solid #f9f9f9;}
.aboutHtml02 .box .tab-hd li b{float: left;width: 100%;padding:0;line-height: 40px;margin-top: 20px;opacity: 0;color: #0d86c3;}
.aboutHtml02 .box .tab-hd li i{float: left;width: 100%;padding:0;height: 10px;}
.aboutHtml02 .box .tab-hd li i em{display: inline-block;height: 10px;width: 10px;border-radius: 10px;background:#0d86c3;opacity: 0; }
.aboutHtml02 .box .tab-hd li.on a img{box-shadow: 0 20px 20px #ccc;border: 3px solid #fff;}
.aboutHtml02 .box .tab-hd li.on b{ opacity: 1;}
.aboutHtml02 .box .tab-hd li.on i em{ opacity: 1;}
.aboutHtml02 .box .tab-bd{float: left;width: 100%; }
.aboutHtml02 .box .tab-bd ul{float: left;width: 100%; }
.aboutHtml02 .box .tab-bd li{float: left;width: 100%;position: relative;transition:0.5s;cursor: pointer;}
.aboutHtml02 .box .tab-bd li p{float: left;width: 100%;font-size: 14px;color: #333;margin-bottom: 20px;list-style: none;line-height: 30px;}
}

.aboutHtml03{float: left;width: 100%;background: #fff;padding: 0px 0 100px;border-top: 1px solid #eee;display: none;}
.aboutHtml03.on .t{margin-top: -40px;opacity: 1;}
.aboutHtml03.on .box{margin-top: 140px;opacity: 1;}
.aboutHtml03 .t{float: left;width: 100%;text-align: center;margin-top: -30px;position: relative;opacity: 0;bottom: 0;transition:0.5s;}
.aboutHtml03 .t b{display: inline-block;line-height: 70px;font-size: 20px;color: #666;font-weight: normal;text-transform: uppercase;background: #eee;padding: 0 100px;}
.aboutHtml03 .box{float: left;width: 100%;margin-top: 80px;position: relative;opacity: 0;bottom: 40px;transition:0.5s;}
.aboutHtml03 .box .c{width: 50%;float: left;}
.aboutHtml03 .box .c .li{width: 100%;float: left;cursor: pointer;}
.aboutHtml03 .box .c .li:last-child .r i{border: 3px solid #0d86c3;}
.aboutHtml03 .box .c .li:hover .r i{border: 3px solid #f90;}
.aboutHtml03 .box .c .li:hover .l b{color: #f90;}
.aboutHtml03 .box .c .li:hover .r p{color: #f90;}
.aboutHtml03 .box .c .li:hover .r{padding-left: 10px;}
.aboutHtml03 .box .c .li .l{float: left;width: 20%;text-align: right;padding-right: 20px;}
.aboutHtml03 .box .c .li .l b{float: left;width: 100%;line-height: 22px;color: #333;font-size: 14px;font-weight: normal;transition:0.5s;}
.aboutHtml03 .box .c .li .r{float: left;width: 80%;border-left: 1px solid #eee;padding: 0 0 30px 20px;color: #aaa;position: relative;transition:0.5s;}
.aboutHtml03 .box .c .li .r i{width: 12px;height: 12px;border-radius: 100%;background: #fff;position: absolute;left: -6px;top: 4px;border: 3px solid #ddd;transition:0.5s;}
.aboutHtml03 .box .c .li .r span{float: left;width: 100%;line-height: 18px;color: #aaa;}
.aboutHtml03 .box .c .li .r p{float: left;width: 100%;line-height: 22px;font-size: 14px;color: #666;transition:0.5s;}
.aboutHtml03 .box .rr{float: right;width: 50%;line-height: 30px;font-size: 14px;color: #333;padding-top: 60px;}
@media (max-width: 992px) {
.aboutHtml03{float: left;width: 100%;background: #fff;padding: 0px 0 40px;display: block;}
.aboutHtml03.on .t{margin-top: -40px;opacity: 1;}
.aboutHtml03.on .box{margin-top: 80px;opacity: 1;}
.aboutHtml03 .t{float: left;width: 100%;text-align: center;margin-top: -30px;position: relative;opacity: 0;bottom: 0;transition:0.5s;}
.aboutHtml03 .t b{display: inline-block;line-height: 60px;font-size: 18px;color: #666;font-weight: normal;text-transform: uppercase;background: #eee;padding: 0 60px;}
.aboutHtml03 .box{float: left;width: 100%;margin-top: 80px;position: relative;opacity: 0;bottom: 40px;transition:0.5s;padding: 0 45px;}
.aboutHtml03 .box .c{width: 100%;float: left;}
.aboutHtml03 .box .c .li{width: 100%;float: left;cursor: pointer;}
.aboutHtml03 .box .c .li:last-child .r i{border: 3px solid #0d86c3;}
.aboutHtml03 .box .c .li:hover .r i{border: 3px solid #f90;}
.aboutHtml03 .box .c .li:hover .l b{color: #f90;}
.aboutHtml03 .box .c .li:hover .r p{color: #f90;}
.aboutHtml03 .box .c .li:hover .r{padding-left: 20px;}
.aboutHtml03 .box .c .li .l{float: left;width: 30%;text-align: right;padding-right: 20px;}
.aboutHtml03 .box .c .li .l b{float: left;width: 100%;line-height: 22px;color: #333;font-size: 14px;font-weight: normal;transition:0.5s;}
.aboutHtml03 .box .c .li .r{float: left;width: 70%;border-left: 1px solid #eee;padding: 0 0 30px 20px;color: #aaa;position: relative;transition:0.5s;}
.aboutHtml03 .box .c .li .r i{width: 12px;height: 12px;border-radius: 100%;background: #fff;position: absolute;left: -6px;top: 4px;border: 3px solid #ddd;transition:0.5s;}
.aboutHtml03 .box .c .li .r span{float: left;width: 100%;line-height: 18px;color: #aaa;}
.aboutHtml03 .box .c .li .r p{float: left;width: 100%;line-height: 22px;font-size: 14px;color: #666;transition:0.5s;}
.aboutHtml03 .box .rr{display: none;}
}

/*index_news*/
.index_news{width: 100%;float: left;padding-top: 40px;padding-bottom: 80px;background:#fff;}
.index_news .b{width: 100%;float: left;height:50px;position: relative;text-align: center;transition:0.5s;margin-top: 30px;}
.index_news .b a{display: inline-block;line-height: 50px;padding: 0 80px;border:1px solid #0b528a;color: #0b528a;border-radius: 50px;font-size: 16px;transition: 0.5s;}
.index_news .b a:hover{background: #0b528a;box-shadow: none;color: #fff;}
.index_news .box{width: 100%;float: left;transition:0.5s;}
.index_news .box .ul{float: left;margin:0px 0px 0px;width:100%;font-size:12px;padding: 0px 0 0px 0;}
.index_news .box .ul li{width:49.2%;overflow:hidden;padding: 0px;float: left;background: #f4f4f4;margin: 0 0 20px 0;transition: 0.5s;}
.index_news .box .ul li:nth-child(2n){float: right;}
.index_news .box .ul li:hover{background: #0b528a;}
.index_news .box .ul li:hover .text .tt{color: #fff;}
.index_news .box .ul li:hover .text .tt{color: #fff;}
.index_news .box .ul li:hover .text .desc{color: #fff;}
.index_news .box .ul li:hover .text p{color: #fff;}
.index_news .box .ul li .img{width:35%;float: left;}
.index_news .box .ul li .img img{width:100%;float: left;}
.index_news .box .ul li .text{width: 65%;float: right;padding: 20px 20px 0;}
.index_news .box .ul li .text .desc{width: 100%;float: right;line-height: 30px;color: #aaa;font-size: 13px;}
.index_news .box .ul li .text .tt{width: 100%;float: right;font-size: 17px;font-weight: normal;line-height: 20px;margin-bottom: 4px;color: #333;height: 20px;overflow: hidden;transition: 0.5s;}
.index_news .box .ul li .text  p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 24px;}
.index_news_m{width: 100%;float: left;padding-top: 5px;background:#fff;height: auto;margin-bottom: 30px;display: none;}
.index_news_m .b{width: 100%;float: left;height:40px;position: relative;text-align: center;padding: 0 15px;}
.index_news_m .b a{display: inline-block;line-height: 40px;padding: 0 50px;border:1px solid #0b528a;color: #0b528a;border-radius: 40px;font-size: 14px;transition: 0.5s;float: left;width: 100%;}
.index_news_m .b a:hover{background: #0b528a;color:#fff;}
.index_news_m .box{width: 100%;float: left;}
.index_news_m .box .ul{float: left;margin:10px 0px 0px;width:100%;font-size:12px;padding: 0px 15px 0;}
.index_news_m .box .ul li{width:100%;overflow:hidden;padding: 0px 0px 0px;float: left;background: #fff;margin: 0 0 15px 0;}
.index_news_m .box .ul li:nth-child(2n){float: left;}
.index_news_m .box .ul li .img{width:35%;float: left;}
.index_news_m .box .ul li .img img{width:100%;float: left;}
.index_news_m .box .ul li .text{width:65%;float: right;padding: 0px 10px 0;}
.index_news_m .box .ul li .text .desc{width: 100%;float: right;line-height: 20px;color: #aaa;font-size: 13px;}
.index_news_m .box .ul li .text .tt{width: 100%;float: right;font-size: 15px;font-weight: normal;line-height: 24px;color: #333;overflow: hidden;margin-bottom: 2px;}
.index_news_m .box .ul li .text .tt:hover{color: #000}
.index_news_m .box .ul li .text  p{width: 100%;float: right;font-size: 12px;color: #666;line-height: 20px;display: none;}
@media (max-width: 992px) {
.index_news{display: none;}
.index_news_m{display: block;}
}

/* indexBd */
.indexBd{float: left;width: 100%;background: url(../Images/indexBd.jpg) no-repeat center top;height: 300px;background-attachment: fixed;}

.indexBd.on .scp_box{display: flex;justify-content: center; align-items: center;flex-direction: column;height:100%;margin-top:72px;}
.indexBd.on .scp_box .title{ color:#fff;text-align: center;font-size: 42px;}
.indexBd.on .scp_box .desc{color:#fff;text-align: center;font-size: 26px;margin-top:24px;opacity: 0.9;}

.indexBd.on .box .l p{opacity: 1;padding-top: 110px;}
.indexBd.on .box .l span{opacity: 1;padding-top: 0;}
.indexBd.on .box em{opacity: 1;margin-top: 120px;}
.indexBd .box{width: 100%;float: left;}
.indexBd .box .l{width: 60%;float: left;}
.indexBd .box .l p{width: 60%;float: left;line-height: 40px;font-size:24px;height: 160px;color: #fff;padding:0px 0 0px;opacity: 0;position: relative;transition:0.3s;}
.indexBd .box .l span{width: 60%;float: left;line-height: 40px;font-size: 18px;color: #fff;position: relative;transition:1s;opacity: 0;height: 60px;padding: 20px 0 0 0;text-transform: uppercase;}
.indexBd .box em{float: right;line-height: 50px;text-align: center;margin: 140px 0 0;transition:1s;opacity: 0;}
.indexBd .box em a{float: right;;height: 64px;border-radius: 6px;color: #fff;padding: 0 80px;line-height: 64px;font-size: 18px;background: #0d86c3;transition:0.5s;}
.indexBd .box em a:hover{background: #0b528a;color: #fff;border-radius: 64px;}
@media (max-width: 992px) {
.indexBd{background-attachment: fixed;height: auto;padding: 0 0 40px;background-size: cover;}

.indexBd.on .scp_box{display: flex;justify-content: center; align-items: center;flex-direction: column;height:100%;margin-top:36px;}
.indexBd.on .scp_box .title{ color:#fff;text-align: center;font-size: 26px;}
.indexBd.on .scp_box .desc{color:#fff;text-align: center;font-size: 14px;margin-top:14px;opacity: 0.9;}

.indexBd.on .box .l p{opacity: 1;padding-top: 40px;}
.indexBd.on .box .l span{opacity: 1;padding-top: 40px;}
.indexBd.on .box em{opacity: 1;margin-top: 20px;}
.indexBd .box{width: 100%;float: left;}
.indexBd .box .l{width: 100%;}
.indexBd .box .l p{width: 100%;float: left;line-height: 60px;font-size: 20px;height: 60px;text-align: center;color: #fff;padding:40px 0 20px;opacity: 1;position: relative;transition:0.3s;}
.indexBd .box .l span{width: 100%;float: left;line-height: 22px;font-size: 14px;text-align: center;color: #fff;letter-spacing: 0px;position: relative;transition:1s;opacity: 1;height: auto;padding: 40px 20px 0;text-transform: uppercase;}
.indexBd .box em{width: 100%;float: left;line-height: 50px;text-align: center;margin: 20px 0 0;transition:1s;opacity: 1;margin-top: 20px;}
.indexBd .box em a{display: inline-block;height: 50px;border-radius: 50px;color: #fff;padding: 0 80px;line-height: 50px;font-size: 15px;transition:0.5s;float: none;}
}


/*index_two*/
.index_two{width: 100%;float: left;padding-top: 80px;padding-bottom: 80px;background:#eee;}
.index_two.on .t{opacity: 1;margin-top: 0;}
.index_two .b{width: 100%;float: left;height:50px;position: relative;text-align: center;}
.index_two .b a{display: inline-block;line-height: 50px;padding: 0 80px;border:1px solid #0b528a;color: #0b528a;border-radius: 50px;font-size: 16px;transition:0.5s;}
.index_two .b a:hover{background: #0b528a;color: #fff;}
.index_two .box{width: 100%;float: left;}
.index_two .t{width:100%;height:50px;float: left;font-size: 14px;line-height: 34px;text-align: center;opacity: 0;position: relative;transition:0.5s;margin-top: 20px;}
.index_two .t .btns{width: 400px;display: inline-block;height: 50px;font-size: 18px;}
.index_two .t .btns li{height: 50px;;float:left;cursor:pointer;color:#666;width: 50%;border-radius: 50px 0 0 50px;text-align: center;line-height: 50px;background: #fff;color: #0b528a;}
.index_two .t .btns li:nth-child(2){border-radius: 0 50px 50px 0;}
.index_two .t .btns li.hover{background: #0b528a;color: #fff;}
.index_two .tbox{width:100%;float:left;padding-top: 60px;position: relative;}
.index_two .tbox .ul1{float: left;width: 100%;padding: 0 0px;margin-bottom: 50px;}
.index_two .tbox .ul1 li{float: left;width:23%;margin: 0 1% 0 ;position: relative;padding: 0px 0px 40px;background: #fff;transition:0.5s;}
.index_two .tbox .ul1 li:hover{background: #0b528a;}
.index_two .tbox .ul1 li:hover .tit{color: #fff;}
.index_two .tbox .ul1 li:hover em{color: #fff;}
.index_two .tbox .ul1 li:hover span i{background: #fff;}
.index_two .tbox .ul1 li:hover .learnmore{color: #fff;}
.index_two .tbox .ul1 li .img{float: left;width:100%;padding: 0 0%;}
.index_two .tbox .ul1 li .img img{float: left;width:100%;}
.index_two .tbox .ul1 li .tit{float: left;width:100%;line-height: 44px;color: #333;overflow: hidden;font-size: 16px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 15px;transition:0.5s;}
.index_two .tbox .ul1 li em{float: left;width:100%;text-align: center;color: #999;}
.index_two .tbox .ul1 li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 10px 0 12px;}
.index_two .tbox .ul1 li span i{float: left;width:100%;height: 1px;background: #666;}
.index_two .tbox .ul1 li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;;color: #666;float: left;margin-top: 0;transition:0.5s;}
.index_two .tbox .ul2{float: left;width: 100%;padding: 0 20px;margin-bottom: 50px;}
.index_two .tbox .ul2 li{float: left;width:31.333%;margin: 0 1% 0 ;position: relative;padding: 0 0px 10px;background: #fff;transition:0.5s;}
.index_two .tbox .ul2 li:hover{background: #0b528a;}
.index_two .tbox .ul2 li:hover .tit{color: #fff;}
.index_two .tbox .ul2 li:hover .learnmore{background: #0b528a;color: #fff;border: 1px solid #fff;}
.index_two .tbox .ul2 li .img{float: left;width:100%;padding: 0 0%;}
.index_two .tbox .ul2 li .img img{float: left;width:100%;}
.index_two .tbox .ul2 li .tit{float: left;width:100%;line-height: 54px;color: #333;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 54px;text-align: center;margin-top: 10px;transition:0.5s;}
.index_two .tbox .ul2 li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;;color: #666;float: left;margin-top: 15px;border: 1px solid #ddd;transition:0.5s;}
@media (max-width: 992px) {
.index_two{width: 100%;float: left;padding-top: 30px;padding-bottom: 30px;background:#ddd;height: auto;}
.index_two .b{width: 100%;float: left;height:50px;position: relative;text-align: center;padding: 0 15px;}
.index_two .b a{display: inline-block;line-height: 40px;padding: 0 50px;border:1px solid #0b528a;box-shadow:none;color: #0b528a;border-radius: 40px;font-size: 14px;transition: 0.5s;float: left;width: 100%;}
.index_two .b a:hover{background: #f60;box-shadow: none;}
.index_two .box{width: 100%;float: left;}
.index_two .t{width:100%;height:40px;float: left;font-size: 14px;line-height: 34px;text-align: center;padding: 0 15px;}
.index_two .t .btns{width: 100%;display: inline-block;height: 40px;font-size: 14px;}
.index_two .t .btns li{height: 40px;;float:left;cursor:pointer;color:#666;width: 50%;border-radius: 40px 0 0 40px;text-align: center;line-height: 40px;background: #fff;color: #0b528a;}
.index_two .t .btns li:nth-child(2){border-radius: 0 40px 40px 0;}
.index_two .t .btns li.hover{background: #0b528a;color: #fff;}
.index_two .tbox{width:100%;float:left;padding-top: 20px;}
.index_two .tbox .ul1{float: left;width: 100%;padding: 0 15px;margin-bottom: 20px;}
.index_two .tbox .ul1 li{float: left;width:48%;margin: 0 1% 10px ;position: relative;padding: 0px 0 20px;background: #fff;transition:0.5s;}
.index_two .tbox .ul1 li:hover{background: #0b528a;}
.index_two .tbox .ul1 li:hover .tit{color: #fff;}
.index_two .tbox .ul1 li:hover em{color: #fff;}
.index_two .tbox .ul1 li:hover span i{background: #fff;}
.index_two .tbox .ul1 li:hover .learnmore{background: #0b528a;color: #fff;border: 1px solid #fff;}
.index_two .tbox .ul1 li .img{float: left;width:100%;padding: 0 0%;}
.index_two .tbox .ul1 li .img img{float: left;width:100%;}
.index_two .tbox .ul1 li .tit{float: left;width:100%;line-height: 44px;color: #333;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;transition:0.5s;}
.index_two .tbox .ul1 li em{float: left;width:100%;text-align: center;color: #999;}
.index_two .tbox .ul1 li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;}
.index_two .tbox .ul1 li span i{float: left;width:100%;height: 1px;background: #666;}
.index_two .tbox .ul1 li .learnmore{width: 100%;height: 34px;line-height: 32px;text-align: center;;color: #666;float: left;margin-top: 15px;border: 1px solid #ddd;transition:0.5s;display: none;}
.index_two .tbox .ul2{float: left;width: 100%;padding: 0 15px;margin-bottom: 20px;}
.index_two .tbox .ul2 li{float: left;width:48%;margin: 0 1% 10px ;position: relative;padding: 15px 25px 20px;background: #fff;transition:0.5s;}
.index_two .tbox .ul2 li:hover{background: #0b528a;}
.index_two .tbox .ul2 li:hover .tit{color: #fff;}
.index_two .tbox .ul2 li:hover .learnmore{background: #0b528a;color: #fff;border: 1px solid #fff;}
.index_two .tbox .ul2 li .img{float: left;width:100%;padding: 0 10%;}
.index_two .tbox .ul2 li .img img{float: left;width:100%;}
.index_two .tbox .ul2 li .tit{float: left;width:100%;line-height: 44px;color: #333;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;transition:0.5s;}
.index_two .tbox .ul2 li .learnmore{width: 100%;height: 34px;line-height: 32px;text-align: center;;color: #666;float: left;margin-top: 0px;border: 1px solid #ddd;transition:0.5s;}
}

/* 侧边导航 */
.cateNav_8 {width: 100%;float: left;}
.cateNav_8 a{height: 70px;line-height: 70px;color: #444;width: 100%;float: left;font-size: 16px;text-align: center; transition:0.5s;margin-bottom: 10px;background: #eee;}
.cateNav_8 a.cur,
.cateNav_8 a.cur:hover{background:#0d86c3;color: #fff;}
.cateNav_8 a:hover{background:#0d86c3;color: #fff;}
@media (max-width: 992px) {
.cateNav_8 {display: none;}
.cateNav_8 .b{border:none;margin-bottom: 0px;height: 50px;line-height: 50px;}
.cateNav_8 a{height: 44px;line-height: 44px;color: #444;width: 100%;float: left;font-size: 16px;border:none;text-align: center; }
.cateNav_8 a.cur{border:none;}
}

/*addressNav_1*/
.addressNav_1{float: left;width: 100%;height:50px;line-height: 30px;font-size: 16px;color: #333;border-bottom: 3px solid #eee;margin-bottom: 30px;}
.addressNav_1 a{color: #666;float: left;transition:0.5s;}
.addressNav_1 a:hover{color: #0b528a}
.addressNav_1 span{color: #ddd;float: left;padding: 0 12px;}
.addressNav_1 b{color: #333;float: left;font-weight: normal;}
.addressNav_1 p{color: #333;float: left;font-weight: normal;}
@media (max-width: 992px) {
.addressNav_1{display: none;}
}

/*slideBox_banner_wrap*/
.slideBox_banner_wrap{width: 100%;float: left;margin-top: 20px;}
.slideBox_banner_wrap .box{width: 100%;float: left;}
.slideBox_banner_wrap .box .slideBox_banner{ width:100%;  overflow:hidden; position:relative;   }
.slideBox_banner_wrap .box .slideBox_banner .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:20px; z-index:1; }
.slideBox_banner_wrap .box .slideBox_banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox_banner_wrap .box .slideBox_banner .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; text-indent: -9999px;border-radius: 100%;opacity: 0.5}
.slideBox_banner_wrap .box .slideBox_banner .hd ul li.on{ opacity: 1; }
.slideBox_banner_wrap .box .slideBox_banner .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_banner_wrap .box .slideBox_banner .bd li{ zoom:1; vertical-align:middle; }
.slideBox_banner_wrap .box .slideBox_banner .bd img{ width:100%;  display:block;  }
.slideBox_banner_wrap .box .slideBox_banner .prev,
.slideBox_banner_wrap .box .slideBox_banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(https://www.ghostcloud.cn/Public/Common/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox_banner_wrap .box .slideBox_banner .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox_banner_wrap .box .slideBox_banner .prev:hover,
.slideBox_banner_wrap .box .slideBox_banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox_banner_wrap .box .slideBox_banner .prevStop{ display:none;  }
.slideBox_banner_wrap .box .slideBox_banner .nextStop{ display:none;  }
@media (max-width: 992px) {
.slideBox_banner_wrap{display: none;}
}

/* list_3_img */
.list_3_img{float: left;width:100%;font-size:13px;}
.list_3_img li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 40px;margin-bottom: 40px;border-bottom: 1px solid #eee;}
.list_3_img li .img{width:25%;float: left;margin: 0 0 0 0;}
.list_3_img li .img img{width:100%;float: left;transition:0.5s;}
.list_3_img li .lir{width: 75%;padding-left: 15px;float: left;transition:0.5s;}
.list_3_img li .lir:hover{padding-left: 25px;}
.list_3_img li .lir .desc{width: 100%;float: right;line-height: 50px;color: #ccc;font-size: 13px;}
.list_3_img li .lir .tt{width: 100%;float: right;font-size: 18px;font-weight: normal;line-height: 30px;color: #333;}
.list_3_img li .lir  p{width: 100%;float: right;font-size: 14px;color: #666;line-height: 24px;}
.list_3_img li:hover .img img{border-radius: 15px;}
.list_3_img li:hover .lir .tt{color: #000}
@media (max-width: 992px) {
.list_3_img{display: none;}
}

/* list_3_event */
.list_3_event{float: left;width:100%;font-size:13px;}
.list_3_event li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.list_3_event li .img{width:25%;float: left;margin: 0 0 0 0;}
.list_3_event li .img img{width:100%;float: left;transition:0.5s;}
.list_3_event li .lir{width: 75%;padding-left: 15px;float: left;transition:0.5s;}
.list_3_event li .lir:hover{padding-left: 25px;}
.list_3_event li .lir .desc{width: 100%;float: right;line-height: 30px;color: #aaa;font-size: 13px;}
.list_3_event li .lir .tt{width: 100%;float: right;font-size: 17px;font-weight: normal;line-height: 30px;color: #333;}
.list_3_event li .lir  p{width: 100%;float: right;font-size: 13px;color: #666;line-height: 24px;}
.list_3_event li:hover .img img{border-radius: 15px;}
.list_3_event li:hover .lir .tt{color: #000}
@media (max-width: 992px) {
.list_3_event li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 10px;margin-bottom: 10px;border-bottom: 1px solid #eee;}
.list_3_event li .img{width:30%;float: left;margin: 0 0 0 0;}
.list_3_event li .img img{width:100%;float: left;transition:0.5s;}
.list_3_event li .lir{width: 70%;padding-left: 10px;float: left;transition:0.5s;}
.list_3_event li .lir:hover{padding-left: 25px;}
.list_3_event li .lir .desc{width: 100%;float: right;line-height: 30px;color: #ccc;font-size: 13px;}
.list_3_event li .lir .tt{width: 100%;float: right;font-size: 16px;font-weight: normal;line-height: 22px;color: #333;margin-bottom: 8px;}
.list_3_event li .lir  p{width: 100%;float: right;font-size: 13px;color: #ddd;line-height: 20px;display: none;}
.list_3_event li:hover .img img{border-radius: 15px;}
.list_3_event li:hover .lir .tt{color: #000}
}


/*note_3 咨询页面详情*/
.note_3{width: 100%;float: left;}
.note_3 .li{width: 100%;float: left;margin-bottom: 15px;}
.note_3 .li .lil{width: 0%;float: left;}
.note_3 .li .lir{width: 100%;float: left;}
.note_3 .li .lir .reset{width: 24%;height: 42px;float: left;line-height: 40px;border: 1px solid #ddd;background: #fff;color: #333;}
.note_3 .li .lir .submit{width: 24%;height: 42px;float: left;line-height: 40px;border: 1px solid #f80;background: #f80;color: #fff;margin-right: 2%;}
.note_3 .li .lir .textarea{width: 80%;height:128px;background: #fff; line-height:32px;padding:6px;outline: none;color: #aaa;font-size: 13px;float: left;border: 1px solid #ddd;}
.note_3 .li .lir .input{width: 50%;background: #fff;line-height: 40px;outline: none;color: #aaa;font-size: 13px;float: left;height: 42px;border: 1px solid #ddd;margin: 0;}
.note_3 .li .lir .select{width: 50%;background: #fff;line-height: 40px;outline: none;color: #aaa;font-size: 13px;float: left;height: 42px;border: 1px solid #ddd;}
.note_3 .li .lir .province{width: 24%;margin-right: 2%;}
.note_3 .li .lir .city{width: 24%;}
.note_3 .li .lir .short{width: 24%;margin-right: 20px;}
.note_3 .li .lir .verify{width: 24%;border-right: none;margin-right: 0;}
.note_3 .li .lir .code{float: left;margin: 0px  0 0 0;cursor: pointer;height: 42px;border: 1px solid #ddd;padding: 2px;border-left: none;}
.note_3 .li .lir .input:focus{outline: none;box-shadow: 0 0 4px #E77817 ;}
.note_3 .li .lir label{float: left;margin: 0 10px 0 0;height: 20px;}
.note_3 .li .lir label .radio{float: left;margin-right: 5px;}
.note_3 .li .lir label i{float: left;font-style: normal;}
@media (max-width: 992px) {
.note_3 .li{width: 100%;float: left;margin-bottom: 15px;}
.note_3 .li .lil{width: 0%;float: left;}
.note_3 .li .lir{width: 100%;float: left;}
.note_3 .li .lir .reset{width: 49%;float: right;}
.note_3 .li .lir .submit{width: 49%;margin-right: 0px;}
.note_3 .li .lir .textarea{width: 100%;}
.note_3 .li .lir .input{width: 100%;}
.note_3 .li .lir .select{width: 100%;}
.note_3 .li .lir .province{width: 49%;margin-right: 0;}
.note_3 .li .lir .city{width: 49%;float: right;margin-right: 0;}
.note_3 .li .lir .short{width: 24%;}
.note_3 .li .lir .verify{width: 50%;}
}

/*htmlPn_02*/
.htmlPn_02{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:0px 0 20px;color: #666;padding:0 0px 0 0;}
.htmlPn_02 a{color: #333;background: #eee;line-height: 60px;float: left;text-align: center;width: 50%;color: #999;font-size: 20px;transition:0.5s;}
.htmlPn_02 a:hover{background: #aaa;color: #fff;}
.htmlPn_02 a:nth-child(2){border-left: 1px solid #fff;}
@media (max-width: 992px) {
.htmlPn_02{display: none;}
}

/*htmlPn_03*/
.htmlPn_03{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:0px 0 20px;color: #666;padding:15px 15%;background: #f4f4f4;}
.htmlPn_03 a{color: #333;background: #f4f4f4;line-height: 36px;float: left;text-align: center;width: 29.333%;color: #666;font-size: 14px;transition:0.5s;margin: 0 2%;border: 1px solid #ddd;border-radius: 4px;}
.htmlPn_03 a:hover{background: #fff;color: #333;}
@media (max-width: 992px) {
.htmlPn_03{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:0px 0 0px;color: #666;padding:15px;background: #f4f4f4;}
.htmlPn_03 a{color: #333;background: #f4f4f4;line-height: 36px;float: left;text-align: center;width: 29.333%;color: #666;font-size: 14px;transition:0.5s;margin: 0 2%;border: 1px solid #ddd;border-radius: 4px;}
.htmlPn_03 a:hover{background: #fff;color: #333;}
}

.video_pc{float: left;width: 100%;margin-bottom: 20px;}
.video_pc iframe{float: left;width: 100%;height: 400px;}
@media (max-width: 992px) {
.video_pc{display: none;}
}
.video_m{float: left;width: 100%;display: none;margin-bottom: 20px;}
.video_m iframe{float: left;width: 100%;height: 200px;}
@media (max-width: 992px) {
.video_m{display: block;}
}

/* institutionOne */
.institutionOne{float: left;width: 100%;background: url(https://www.ghostcloud.cn/Public/Common/Images/bg3.jpg) no-repeat center top;height: 450px;background-attachment: fixed;}
.institutionOne .box{width: 100%;float: left;}
.institutionOne .box b{width: 100%;float: left;text-align: center;height: 60px;margin-top: 100px;}
.institutionOne .box b img{display: inline-block;}
.institutionOne .box p{width: 100%;float: left;line-height: 36px;font-size: 16px;height: 120px;text-align: center;color: #fff;padding:0px 0 20px;opacity: 1;position: relative;transition:0.3s;}
.institutionOne .box span{width: 100%;float: left;height: 2px;text-align: center;margin: 50px 0 30px;padding: 0 49%;}
.institutionOne .box span i{width: 30px;height: 2px;background: #fff;display: inline-block;width: 100%;float: left;}
@media (max-width: 992px) {
.institutionOne{float: left;width: 100%;background: url(https://www.ghostcloud.cn/Public/Common/Images/bg3.jpg) no-repeat center top;height: auto;background-attachment: fixed;}
.institutionOne .box{width: 100%;float: left;}
.institutionOne .box b{width: 100%;float: left;text-align: center;height: 40px;margin-top:40px;}
.institutionOne .box b img{display: inline-block;height: 40px;}
.institutionOne .box p{width: 100%;float: left;line-height: 24px;font-size: 13px;height: auto;text-align: center;color: #fff;padding:0px 15px 30px;opacity: 1;position: relative;transition:0.3s;}
.institutionOne .box span{width: 100%;float: left;height: 2px;text-align: center;margin: 10px 0;padding: 0 48%;}
.institutionOne .box span i{width: 30px;height: 2px;background: #fff;float: left;width: 100%;}
}


/*institutionTwo*/
.institutionTwo{float: left;width: 100%;padding: 80px 0;background: #fff;}
.institutionTwo .ul{float: left;width: 100%;}
.institutionTwo .ul li{float: left;width:23.5%;margin: 0px 2% 20px 0 ;background: #eee;position: relative;}
.institutionTwo .ul li:nth-child(4n){margin-right: 0;}
.institutionTwo .ul li .img{float: left;width:100%;overflow: hidden;z-index: 1;}
.institutionTwo .ul li .img img{float: left;width:100%;transition: 0.3s;}
.institutionTwo .ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.institutionTwo .ul li .title{float: left;width:100%;line-height: 36px;color: #333;overflow: hidden;font-size: 14px;height: 36px;padding:0 10px;margin: 10px 0 0px;}
.institutionTwo .ul li p{float: left;width:100%;line-height: 20px;color: #666;overflow: hidden;font-size: 14px;padding:0px 10px 15px;}
.institutionTwo .ul li p em{float: left;font-style: normal;color: #aaa;line-height: 20px;margin-right: 15px;}
.institutionTwo .ul li p span{float: left;font-style: normal;color: #aaa;line-height: 20px;top: 0;margin-right: 4px;}
@media (max-width: 992px) {
.institutionTwo{float: left;width: 100%;padding: 15px 15px;background: #fff;}
.institutionTwo .ul{float: left;width: 100%;}
.institutionTwo .ul li{float: left;width:49%;margin: 0px 2% 10px 0 ;background: #eee;position: relative;}
.institutionTwo .ul li:nth-child(2n){margin-right: 0;float: right;}
.institutionTwo .ul li .img{float: left;width:100%;overflow: hidden;z-index: 1;}
.institutionTwo .ul li .img img{float: left;width:100%;transition: 0.3s;}
.institutionTwo .ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
.institutionTwo .ul li .title{float: left;width:100%;line-height: 20px;color: #333;overflow: hidden;font-size: 14px;height: 40px;padding:0 10px;margin: 10px 0 10px;}
.institutionTwo .ul li p{float: left;width:100%;line-height: 20px;color: #666;overflow: hidden;font-size: 14px;padding:0px 10px 15px;display: none;}
.institutionTwo .ul li p em{float: left;font-style: normal;color: #aaa;line-height: 20px;margin-right: 15px;}
.institutionTwo .ul li p span{float: left;font-style: normal;color: #aaa;line-height: 20px;top: 0;margin-right: 4px;}
}


/* institutionThree */
.institutionThree{ overflow:hidden; position:relative;width:100%;float: left;background: url(https://www.ghostcloud.cn/Public/Common/images/bg1.jpg) no-repeat center top;padding: 80px 0;  }
.institutionThree.on .box .t{top: 0;}
.institutionThree.on .box .p{opacity: 1;}
.institutionThree .box{ width:100%;  float: left; }
.institutionThree .box .p{float: left;width: 100%;text-align: center;line-height: 36px;font-size: 15px;color: #666;margin-bottom: 50px;-webkit-transition: 0.5s;opacity: 0;padding: 0 100px;}
.institutionThree .box .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;top: -200px;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.institutionThree .box .t b{float: left;width: 100%;line-height: 80px;font-size:26px;color: #0b528a;font-weight: normal;text-transform: uppercase;}
.institutionThree .box .t p{float: left;width: 100%;height:3px;padding: 0 48.5%;}
.institutionThree .box .t p i{display: inline-block;width: 100%;height: 3px;background: #0b528a;float: left;}
.institutionThree .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("https://www.ghostcloud.cn/Public/Common/images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;transition: 0.3s;}
.institutionThree .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("https://www.ghostcloud.cn/Public/Common/images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;transition: 0.3s;}
.institutionThree .box .hd{ overflow:hidden;height:30px; padding:0 10px;  }
.institutionThree .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;width: 100%;text-align: center; }
.institutionThree .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#0b528a; border-radius: 100%;opacity: 0.5;}
.institutionThree .box .hd ul li.on{ opacity: 1;}
.institutionThree .box .bd{overflow:hidden;  float: left;width: 100%;}
.institutionThree .box .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; }
.institutionThree .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.institutionThree .box .bd ul li{float: left;width: 20%;text-align: center;color: #555;cursor: pointer;margin-bottom: 20px;}
.institutionThree .box .bd ul li .img{float: left;width: 100%;padding: 0 5%;}
.institutionThree .box .bd ul li .img img{float: left;width: 100%;transition: 0.3s;}
.institutionThree .box .bd ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
@media (max-width: 992px) {
.institutionThree{ overflow:hidden; position:relative;width:100%;float: left;background: url(https://www.ghostcloud.cn/Public/Common/images/bg1.jpg) no-repeat center top;padding: 20px 0;  }
.institutionThree.on .box .t{top: 0;}
.institutionThree.on .box .p{opacity: 1;}
.institutionThree .box{ width:100%;  float: left; }
.institutionThree .box .p{float: left;width: 100%;text-align: center;line-height: 24px;font-size: 13px;color: #666;margin-bottom: 20px;-webkit-transition: 0.5s;opacity: 0;padding: 0 15px;}
.institutionThree .box .t{float: left;width: 100%;text-align: center;padding-bottom: 0px;position: relative;top: -200px;-webkit-transition: 0.5s;border-bottom: 1px solid #ddd;margin-bottom: 30px;}
.institutionThree .box .t b{float: left;width: 100%;line-height: 60px;font-size:22px;color: #0b528a;font-weight: normal;text-transform: uppercase;}
.institutionThree .box .t p{float: left;width: 100%;height:3px;padding: 0 46%;}
.institutionThree .box .t p i{display: inline-block;width: 100%;height: 3px;background: #0b528a;float: left;}
.institutionThree .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("https://www.ghostcloud.cn/Public/Common/images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;transition: 0.3s;}
.institutionThree .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("https://www.ghostcloud.cn/Public/Common/images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;transition: 0.3s;}
.institutionThree .box .hd{ overflow:hidden;height:40px; padding:0 10px;  }
.institutionThree .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1;width: 100%;text-align: center; }
.institutionThree .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.5;}
.institutionThree .box .hd ul li.on{ opacity: 1;}
.institutionThree .box .bd{overflow:hidden;  float: left;width: 100%;padding: 0 15px;}
.institutionThree .box .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; }
.institutionThree .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.institutionThree .box .bd ul li{float: left;width: 20%;text-align: center;color: #555;cursor: pointer;margin-bottom: 2px;}
.institutionThree .box .bd ul li .img{float: left;width: 100%;padding: 0 1%;}
.institutionThree .box .bd ul li .img img{float: left;width: 100%;transition: 0.3s;}
.institutionThree .box .bd ul li:hover .img img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);}
}

/*institutionFour*/
.institutionFour{width: 100%;float: left;padding: 80px 0;background: #e5e5e5;}
.institutionFour.on .box .l{left: 0;}
.institutionFour .box{width: 100%;float: left;}
.institutionFour .box .r{float: right;width: 700px;padding: 0px 0px 0 20px;text-transform: uppercase;}
.institutionFour .box .r b{float: left;width: 100%;line-height: 80px;font-size: 30px;font-weight: normal;color: #0b528a;}
.institutionFour .box .r span{float: left;width: 100%;line-height: 80px;font-size: 24px;color: #333;}
.institutionFour .box .r em{float: left;width: 30px;height: 3px;background: #0b528a;}
.institutionFour .box .r p{float: left;width:100%;color: #333;font-size: 15px;line-height: 30px;}
.institutionFour .box .l{float: left;position: relative;left: -100%;-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;transition: 1s;}
@media (max-width: 992px) {
.institutionFour{width: 100%;float: left;padding: 0px 0;background: #e5e5e5;}
.institutionFour.on .box .l{left: 0;}
.institutionFour .box{width: 100%;float: left;}
.institutionFour .box .r{float: right;width: 100%;padding: 15px;text-transform: uppercase;}
.institutionFour .box .r b{float: left;width: 100%;line-height: 60px;font-size: 20px;font-weight: normal;color: #0b528a;}
.institutionFour .box .r span{float: left;width: 100%;line-height: 60px;font-size: 16px;color: #333;}
.institutionFour .box .r em{float: left;width: 30px;height: 3px;background: #0b528a;}
.institutionFour .box .r p{float: left;width:100%;color: #333;font-size: 14px;line-height: 24px;margin-bottom: 10px;}
.institutionFour .box .l{float: left;position: relative;left: -200%;-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: 1s;-o-transition: 1s;transition: 1s;width: 100%;}
.institutionFour .box .l a{float: left;width: 100%}
.institutionFour .box .l a img{float: left;width: 100%}
}


/* institutionFive */
.institutionFive{ overflow:hidden; position:relative;width:100%;float: left;background:#fff;padding: 80px 0;  }
.institutionFive.on .box .p{opacity: 1;}
.institutionFive .box{ width:100%;  float: left; }
.institutionFive .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("https://www.ghostcloud.cn/Public/Common/images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;transition: 0.3s;}
.institutionFive .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("https://www.ghostcloud.cn/Public/Common/images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;transition: 0.3s;}
.institutionFive .box .hd{ overflow:hidden;height:30px; padding:0 10px;  }
.institutionFive .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;width: 100%;text-align: center; }
.institutionFive .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#0b528a; border-radius: 100%;opacity: 0.5;}
.institutionFive .box .hd ul li.on{ opacity: 1;}
.institutionFive .box .bd{overflow:hidden;  float: left;width: 100%;margin-bottom: 20px;}
.institutionFive .box .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; }
.institutionFive .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.institutionFive .box .bd ul li{float: left;width: 33.3333%;border-right: 1px solid #fff;margin-bottom: 1px;background: #0b528a;position: relative;}
.institutionFive .box .bd ul li:hover .img{opacity: 0;}
.institutionFive .box .bd ul li:hover .text{opacity: 1;}
.institutionFive .box .bd ul li .text{float: left;width: 100%;position: absolute;z-index: 2;padding: 50px 30px 0 30px;color: #fff;opacity: 0;}
.institutionFive .box .bd ul li .text b{float: left;width: 100%;font-size: 20px;color: #fff;line-height: 30px;font-weight: normal;margin: 0 0 0px;}
.institutionFive .box .bd ul li .text span{float: left;width: 100%;font-size: 14px;color: #fff;line-height: 30px;}
.institutionFive .box .bd ul li .img{float: left;width: 100%;position: relative;z-index: 1;transition: 0.3s;}
.institutionFive .box .bd ul li .img img{float: left;width: 100%;}
@media (max-width: 992px) {
.institutionFive{ overflow:hidden; position:relative;width:100%;float: left;background:#fff;padding:15px;  }
.institutionFive.on .box .p{opacity: 1;}
.institutionFive .box{ width:100%;  float: left; }
.institutionFive .box .prev{ display:block;width:50px; height:80px; float:left;display: none; overflow:hidden;cursor:pointer; background:url("https://www.ghostcloud.cn/Public/Common/images/prev_arrow_60.png") no-repeat;position: absolute;left: 5px;z-index: 9999;top: 41%;opacity: 0.4;transition: 0.3s;}
.institutionFive .box .next{ display:block;width:50px; height:80px; float:right;display: none; overflow:hidden;cursor:pointer; background:url("https://www.ghostcloud.cn/Public/Common/images/next_arrow_60.png") no-repeat;position: absolute;right: 5px;z-index: 9999;top: 41%;opacity: 0.4;transition: 0.3s;}
.institutionFive .box .hd{ overflow:hidden;height:40px; padding:0 10px;  }
.institutionFive .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:20px; zoom:1;width: 100%;text-align: center; }
.institutionFive .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.5;}
.institutionFive .box .hd ul li.on{ opacity: 1;}
.institutionFive .box .bd{overflow:hidden;  float: left;width: 100%;margin-bottom: 20px;}
.institutionFive .box .bd ul{ overflow:hidden; zoom:1; width:100%;  float:left; }
.institutionFive .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.institutionFive .box .bd ul li{float: left;width: 33.3333%;border-right: 1px solid #fff;margin-bottom: 1px;background: #0b528a;position: relative;}
.institutionFive .box .bd ul li:hover .img{opacity: 0;}
.institutionFive .box .bd ul li:hover .text{opacity: 1;}
.institutionFive .box .bd ul li .text{float: left;width: 100%;position: absolute;z-index: 2;padding: 50px 30px 0 30px;color: #fff;opacity: 0;}
.institutionFive .box .bd ul li .text b{float: left;width: 100%;font-size: 20px;color: #fff;line-height: 30px;font-weight: normal;margin: 0 0 0px;}
.institutionFive .box .bd ul li .text span{float: left;width: 100%;font-size: 14px;color: #fff;line-height: 30px;}
.institutionFive .box .bd ul li .img{float: left;width: 100%;position: relative;z-index: 1;transition: 0.3s;}
.institutionFive .box .bd ul li .img img{float: left;width: 100%;}
}



.contents{padding:100px 0;min-height:720px;background:#0d86c3;width:100%;position:relative;float: left;}
.contents .wrapper{position:relative;background:url("https://www.ghostcloud.cn/Public/Common/Images/time/release-bg.png") no-repeat right top;width:960px;margin:0 auto;}
.contents .light{position:absolute;left:55px;top:-50px;width:152px;height:191px;background:url("https://www.ghostcloud.cn/Public/Common/Images/time/light-top.png") no-repeat top center;}
.contents .light i{position:absolute;width:100%;height:100%;top:0;background:url("https://www.ghostcloud.cn/Public/Common/Images/time/light.png") no-repeat top center;}
.contents .line-left{position:absolute;left:0;top:15px;width:70px;}
.contents .line-right{position:absolute;right:0;top:15px;width:460px;}
.contents .main{background:url("../Images/time/line-bg.png") repeat-y 249px 0;width: 100%;float: left;}
.contents .main .title{position:absolute;line-height:40px;padding-left:67px;left:230px;top:0;color:#fff;font-size:24px;background:url("../Images/time/clock.png") no-repeat left top;}
.contents .main .year{position:relative;z-index:100;float: left;width: 100%;}
.contents .main .year h2{height:40px;width:170px;padding-right:30px;font-size:24px;line-height:40px;text-align:right;}
.contents .main .year h2 a{color:#fff;}
.contents .main .year h2 i{display:block;position:relative;height:0;width:0;left:190px;top:-20px;border-width:6px;border-style:solid;border-color:#59a7fb transparent transparent transparent;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:6px 3px;-moz-transform-origin:6px 3px;-ms-transform-origin:6px 3px;-o-transform-origin:6px 3px;transform-origin:6px 3px}
.contents .main .year .list{margin:10px 0;position:relative;overflow:hidden;-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s}
.contents .main .year .list ul{bottom:0;}
.contents .main .year .list ul li{background:url("../Images/time/circle.png") no-repeat 235px 31px;padding:30px 0;color:#fff;}
.contents .main .year .list ul li.highlight{background-image:url(../Images/time/circle-h.png);}
.cls{zoom:1;}
.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.contents .main .year .list ul li.highlight .date, .contents .main .year .list ul li.highlight .intro{color:#fff;}
.contents .main .year .list ul li .date,.contents .main .year .list ul li .version{float:left;display:block;clear:left;width:200px;line-height:24px;text-align:right}
.contents .main .year .list ul li .date{font-size:18px;line-height:32px;color:#fff}
.contents .main .year .list ul li .intro, .contents .main .year .list ul li .more{float:left;display:block;width:400px;margin-left:100px;line-height:24px;}
.contents .main .year .list ul li .intro{font-size:18px;line-height:32px;color:#fff;}
.contents .wrapper:first-child .main .year.close h2 i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg)}
.contents .wrapper:first-child .main .year.close .list{opacity:0;height:0!important;}
@media (max-width: 992px) {
.contents{display: none;}
}


/* institutionSix */
.institutionSix{float: left;width: 100%;background: url(https://www.ghostcloud.cn/Public/Common/Images/bg4.jpg) no-repeat center top;height: 450px;background-attachment: fixed;}
.institutionSix.on .box p{opacity: 1;padding-top: 130px;}
.institutionSix.on .box span{opacity: 1;padding-top: 0;}
.institutionSix.on .box em{opacity: 1;margin-top: 20px;}
.institutionSix .box{width: 100%;float: left;}
.institutionSix .box p{width: 100%;float: left;line-height: 60px;font-size: 40px;height: 210px;text-align: center;color: #fff;padding:0px 0 0px;opacity: 0;position: relative;transition:0.3s;}
.institutionSix .box span{width: 100%;float: left;line-height: 60px;font-size: 24px;text-align: center;color: #fff;letter-spacing: 4px;position: relative;transition:1s;opacity: 0;height: 60px;padding: 20px 0 0 0;text-transform: uppercase;}
.institutionSix .box em{width: 100%;float: left;line-height: 50px;text-align: center;margin: 20px 0 0;transition:1s;opacity: 0;margin-top: 40px;}
.institutionSix .box em a{display: inline-block;height: 50px;border-radius: 5px;background: none;color: #fff;padding: 0 60px;line-height: 50px;font-size: 15px;border: 1px solid #fff;}
@media (max-width: 992px) {
.institutionSix{background-attachment: fixed;height: auto;padding: 0 0 40px;background-size: cover;}
.institutionSix.on .box p{opacity: 1;padding-top: 40px;}
.institutionSix.on .box span{opacity: 1;padding-top: 40px;}
.institutionSix.on .box em{opacity: 1;margin-top: 20px;}
.institutionSix .box{width: 100%;float: left;}
.institutionSix .box p{width: 100%;float: left;line-height: 60px;font-size: 18px;height: 60px;text-align: center;color: #fff;padding:30px 0 20px;opacity: 1;position: relative;transition:0.3s;}
.institutionSix .box span{width: 100%;float: left;line-height: 22px;font-size: 14px;text-align: center;color: #fff;letter-spacing: 0px;position: relative;transition:1s;opacity: 1;height: auto;padding: 20px 20px 0;}
.institutionSix .box em{width: 100%;float: left;line-height: 40px;text-align: center;margin: 20px 0 0;transition:1s;opacity: 1;margin-top: 20px;}
.institutionSix .box em a{display: inline-block;height: 40px;border-radius: 40px;background: none;color: #fff;padding: 0 40px;line-height: 40px;font-size: 15px;}
}


/*bd_tab*/
.bd_tab{float: left;width: 100%;margin: 40px 0 100px;height: 900px;overflow: hidden;}
.bd_tab .box{float: left;width: 100%;}
.bd_tab .box .tab-hd {float: left;width: 100%;;height: 14px;color: #404040;text-align: center;font-size: 14px ;margin: 0 0 80px;}
.bd_tab .box .tab-hd ul {float: left;width: 100%;text-align: center; }
.bd_tab .box .tab-hd li{ display: inline-block; height: 14px; line-height: 14px;border-left: 1px solid #ddd; }
.bd_tab .box .tab-hd li:nth-child(1){border: none;}
.bd_tab .box .tab-hd li a{ display:block; padding:0 40px;  }
.bd_tab .box .tab-hd li a:hover{ color:#f60; text-decoration:underline;   }
.bd_tab .box .tab-hd li.on a{ color: #0d86c3; }
.bd_tab .box .tab-bd{float: left;width: 100%; }
.bd_tab .box .tab-bd ul{float: left;width: 100%; }
.bd_tab .box .tab-bd li{float: left;width: 23.5%;margin: 0 2% 20px 0;background: #eee;position: relative;transition:0.5s;cursor: pointer;}
.bd_tab .box .tab-bd li:hover{background:#0d86c3 }
.bd_tab .box .tab-bd li:hover .img{opacity: 0;}
.bd_tab .box .tab-bd li:hover .text{opacity: 1;}
.bd_tab .box .tab-bd li:nth-child(4n){margin-right: 0;}
.bd_tab .box .tab-bd li .text{float: left;width: 100%;position: absolute;z-index: 1;padding: 30px;transition:0.5s;opacity: 0;}
.bd_tab .box .tab-bd li .text b{float: left;width: 100%;line-height: 30px;font-size: 16px;color: #fff;font-weight: normal;}
.bd_tab .box .tab-bd li .text i{float: left;width: 5%;height: 2px;background: #fff;margin: 10px 0;}
.bd_tab .box .tab-bd li .text p{float: left;width: 100%;line-height: 20px;font-size: 14px;color: #fff;}
.bd_tab .box .tab-bd li .img{float: left;width: 100%;transition:0.5s;}
.bd_tab .box .tab-bd li .img img{float: left;width: 100%;margin: 40px 0;}
@media (max-width: 992px) {
.bd_tab{float: left;width: 100%;margin: 0px 0 20px;}
.bd_tab .box{float: left;width: 100%;padding: 0 25px;}
.bd_tab .box .tab-hd {float: left;width: 100%;;height: 14px;color: #404040;text-align: center;font-size: 14px ;margin: 0 0 40px;padding: 0 0px;}
.bd_tab .box .tab-hd ul {float: left;width: 100%;text-align: center; }
.bd_tab .box .tab-hd li{ display: inline-block; height: 14px; line-height: 14px;border-left: 1px solid #ddd; float: left;width: 25%;}
.bd_tab .box .tab-hd li:nth-child(1){border: none;}
.bd_tab .box .tab-hd li a{ display:block; padding:0 0px;  }
.bd_tab .box .tab-hd li a:hover{ color:#f60; text-decoration:underline;   }
.bd_tab .box .tab-hd li.on a{ color: #0d86c3; }
.bd_tab .box .tab-bd{float: left;width: 100%; }
.bd_tab .box .tab-bd ul{float: left;width: 100%; }
.bd_tab .box .tab-bd li{float: left;width: 48%;margin: 0 0% 15px 0;background: #eee;position: relative;transition:0.5s;cursor: pointer;}
.bd_tab .box .tab-bd li:hover{background:#0d86c3 }
.bd_tab .box .tab-bd li:hover .img{opacity: 0;}
.bd_tab .box .tab-bd li:hover .text{opacity: 1;}
.bd_tab .box .tab-bd li:nth-child(2n){float: right;}
.bd_tab .box .tab-bd li .text{float: left;width: 100%;position: absolute;z-index: 1;padding:20px 0 0 0px;transition:0.5s;opacity: 0;}
.bd_tab .box .tab-bd li .text b{float: left;width: 100%;line-height:30px;font-size: 14px;color: #fff;font-weight: normal;padding-left: 20px;}
.bd_tab .box .tab-bd li .text i{display: none;}
.bd_tab .box .tab-bd li .text p{display: none;}
.bd_tab .box .tab-bd li .img{float: left;width: 100%;transition:0.5s;}
.bd_tab .box .tab-bd li .img img{float: left;width: 100%;margin: 10px 0;}
}

/*casesList*/
.casesList{float: left;width: 100%;margin:80px 0 0;}
.casesList li{float: left;width:100%;margin: 0 0 60px 0;position: relative;background: #fff;transition:0.5s;box-shadow: 0 20px 20px #eee;}
.casesList li:hover{box-shadow: 0 30px 30px #ddd;}
.casesList li:hover i em{width: 100%;}
.casesList li:hover .img img{border-radius: 40px 0 40px 0;}
.casesList li .img{float: left;width:30%;padding:0;}
.casesList li .img img{float: left;width:100%;transition:0.5s;border-radius: 20px 0 20px 0;}
.casesList li .text{float: right;width:70%;padding: 0 50px;}
.casesList li .text .tit{float: left;width:100%;line-height: 24px;color: #333;font-size: 20px;height: 44px;transition:0.5s;}
.casesList li .text p{float: left;width:100%;line-height: 24px;color: #999;transition:0.5s;}
.casesList li .text .lil{float: left;width: 48%;border: 1px dashed #ddd;}
.casesList li .text .lil .ti{float: left;line-height: 34px;padding: 0 20px;background: #0d86c3;color: #fff;border-radius: 0 0 6px 0;}
.casesList li .text .lil .texts{float: left;width: 100%;padding: 20px;color: #333;height: 420px;}
.casesList li .text .lil .texts p{float: left;width: 100%;color: #333;line-height: 24px;}
.casesList li .text .lil .texts p strong{float: left;width: 100%;font-weight: normal;line-height: 24px;padding-left: 20px;background: url(../Images/dot.png) no-repeat 0 8px;}
.casesList li .text .lil .texts p em{float: left;width: 100%;font-weight: normal;line-height: 24px;color: #666;padding-left: 20px;}
.casesList li .text .lir{float: right;width: 48%;border: 1px dashed #ddd;}
.casesList li .text .lir .ti{float: left;line-height: 34px;padding: 0 20px;background: #f90;color: #fff;border-radius: 0 0 6px 0;}
.casesList li .text .lir .texts{float: left;width: 100%;padding: 20px;color: #333;height: 420px;}
.casesList li .text .lir .texts p{float: left;width: 100%;color: #333;line-height: 24px;}
.casesList li .text .lir .texts p strong{float: left;width: 100%;font-weight: normal;line-height: 24px;padding-left: 20px;background: url(../Images/dot2.png) no-repeat 0 8px;}
.casesList li .text .lir .texts p em{float: left;width: 100%;font-weight: normal;line-height: 24px;color: #666;padding-left: 20px;}
.casesList li i{float: left;width:100%;height: 2px;background: #eee;margin-top: 0px;}
.casesList li i em{float: left;width:0%;height: 2px;background: #0d86c3;transition:0.5s;}
@media (max-width: 1300px) {
.casesList li .text .lil{margin-bottom: 40px;}
.casesList li .text .lir{margin-bottom: 40px;}
.casesList li .text .lil .texts{height: auto;}
.casesList li .text .lir .texts{height: auto;}
}
@media (max-width: 992px) {
.casesList{float: left;width: 100%;margin:25px 0 0;padding: 0 0;}
.casesList li{float: left;width:100%;margin: 0 0 20px 0;position: relative;background: #fff;transition:0.5s;padding: 25px 25px 0;box-shadow: 0 20px 20px #ddd;}
.casesList li:hover i em{width: 100%;}
.casesList li:hover .img img{border-radius: 20px 0 20px 0;}
.casesList li .img{float: left;width:100%;padding:0;}
.casesList li .img img{float: left;width:100%;transition:0.5s;border-radius: 0}
.casesList li .text{float: left;width:100%;padding: 10px 0;}
.casesList li .text .tit{float: left;width:100%;line-height: 24px;color: #333;font-size: 16px;height: auto;transition:0.5s;margin-top: 10px;margin-bottom: 10px;}
.casesList li .text .lil{float: left;width: 100%;border: 1px dashed #ddd;margin-bottom: 20px;}
.casesList li .text .lil .ti{float: left;line-height: 34px;padding: 0 20px;background: #0d86c3;color: #fff;border-radius: 0 0 6px 0;}
.casesList li .text .lil .texts{float: left;width: 100%;padding: 20px;color: #333;height: auto;}
.casesList li .text .lil .texts p{float: left;width: 100%;color: #333;line-height: 24px;}
.casesList li .text .lil .texts p strong{float: left;width: 100%;font-weight: normal;line-height: 24px;padding-left: 20px;background: url(../Images/dot.png) no-repeat 0 8px;}
.casesList li .text .lil .texts p em{float: left;width: 100%;font-weight: normal;line-height: 24px;color: #666;padding-left: 20px;}
.casesList li .text .lir{float: right;width: 100%;border: 1px dashed #ddd;}
.casesList li .text .lir .ti{float: left;line-height: 34px;padding: 0 20px;background: #f90;color: #fff;border-radius: 0 0 6px 0;}
.casesList li .text .lir .texts{float: left;width: 100%;padding: 20px;color: #333;height: auto;}
.casesList li .text .lir .texts p{float: left;width: 100%;color: #333;line-height: 24px;}
.casesList li .text .lir .texts p strong{float: left;width: 100%;font-weight: normal;line-height: 24px;padding-left: 20px;background: url(../Images/dot2.png) no-repeat 0 8px;}
.casesList li .text .lir .texts p em{float: left;width: 100%;font-weight: normal;line-height: 24px;color: #666;padding-left: 20px;}
.casesList li i{float: left;width:100%;height: 2px;background: #eee;margin-top: 20px;display: none;}
.casesList li i em{float: left;width:0%;height: 2px;background: #0d86c3;transition:0.5s;}
}


/*fieldList*/
.fieldList{float: left;width: 100%;margin:80px 0 0;}
.fieldList li{float: left;width:23.5%;margin: 0 2% 20px 0;position: relative;background: #fff;transition:0.5s;background: #f4f4f4}
.fieldList li:nth-child(4n){margin-right: 0;}
.fieldList li:hover{box-shadow: 0 30px 30px #ddd;}
.fieldList li:hover .text{background: #0d86c3;color: #fff;}
.fieldList li:hover .text .tit{color: #fff;}
.fieldList li:hover .text p{color: #fff;}
.fieldList li .img{float: left;width:100%;padding:0;}
.fieldList li .img img{float: left;width:100%;transition:0.5s;}
.fieldList li .text{float: left;width:100%;padding:10px 20px;transition:0.5s;}
.fieldList li .text .tit{float: left;width:100%;line-height: 34px;color: #333;font-size: 16px;height: 34px;transition:0.5s;}
.fieldList li .text p{float: left;width:100%;line-height: 30px;color: #999;transition:0.5s;margin-bottom: 10px;}
@media (max-width: 992px) {
.fieldList{float: left;width: 100%;margin:25px 0 0;padding: 0 25px;}
.fieldList li{float: left;width:48%;margin: 0 0% 20px 0;position: relative;background: #fff;transition:0.5s;padding: 0 0;box-shadow: 0 20px 20px #ddd;}
.fieldList li:nth-child(2n){float: right;}
.fieldList li:hover i em{width: 100%;}
.fieldList li:hover .img img{border-radius: 20px 0 20px 0;}
.fieldList li .img{float: left;width:100%;padding:0;}
.fieldList li .img img{float: left;width:100%;transition:0.5s;}
.fieldList li .text{float: left;width:100%;padding: 10px;}
.fieldList li .text .tit{float: left;width:100%;line-height: 44px;color: #333;font-size: 18px;height: auto;transition:0.5s;margin-top: 0px;}
.fieldList li .text .desc{float: left;width:100%;line-height: 20px;color: #ccc;margin: 0px 0 10px;transition:0.5s;}
.fieldList li .text p{float: left;width:100%;line-height: 24px;color: #999;transition:0.5s;height: 24px;overflow: hidden;}
}

/*pageFocusBig*/
.pageFocusBig{float: left;width: 100%;background-image: url(https://www.ghostcloud.cn/Public/Common/Images/page.jpg) ;height: 500px;background-repeat: no-repeat;background-position: center top;margin-bottom: 0px;background-attachment: fixed;margin-top: 100px;}
.pageFocusBig .box{height: 500px;width: 100%;}
.pageFocusBig .box .c{height: 500px;padding-top: 180px;width: 100%;float: left;position: relative;}
.pageFocusBig .box .c p{float: left;width: 100%;line-height: 50px;font-size: 30px;color: #fff;margin-top: 30px;}
.pageFocusBig .box .c .img{position: absolute;z-index: 1;right: 0;bottom: -44px;display: none;}
.pageFocusBig .box .c span{float: left;width: 100%;line-height: 30px;font-size: 48px;color: #fff;text-transform: uppercase;}
.pageFocusBig .box .c .description{float: left;width: 100%;line-height: 30px;font-size: 15px;color: #fff;text-transform: uppercase;margin-top: 20px;}
.pageFocusBig .box .c .desc{float: left;width: 100%;line-height: 20px;font-size: 12px;color: #fff;text-transform: uppercase;margin-top: 5px;display: none;}
.pageFocusBig .box .desc{height: 56px;float: left;width: 60%;line-height: 30px;font-size: 14px;color: #fff;margin: 30px 0 0;}
.pageFocusBig .box .desc2{display: none;}
.pageFocusBig .box .cateNav{width: 100%;float: left;margin:140px 0 0px;}
.pageFocusBig .box .cateNav a{height: 56px;float: left;margin: 0 40px 0 0;transition:0.5s;}
.pageFocusBig .box .cateNav a b{height: 56px;line-height: 56px;color: #fff;float: left;font-size: 26px;text-align: center;font-weight: normal;}
.pageFocusBig .box .cateNav a.cur{border-bottom:1px solid #fff;}
.pageFocusBig .box .cateNav a:hover{border-bottom: 1px solid #fff;}
@media (max-width: 992px) {
.pageFocusBig{float: left;width: 100%;background-image: url(https://www.ghostcloud.cn/Public/Common/Images/page.jpg) 100%;height: 250px;background-repeat: no-repeat;background-position: center top;margin-bottom: 0px;background-attachment: fixed;margin-top:0px;background-size: cover;position: relative;z-index: 8881;}
.pageFocusBig .box{height: 250px;width: 100%;}
.pageFocusBig .box .c{height: 250px;padding: 60px 25px 0;width: 100%;float: left;position: relative;}
.pageFocusBig .box .c p{float: left;width: 100%;line-height: 40px;font-size: 18px;color: #fff;margin-top: 0px;}
.pageFocusBig .box .c .img{display: none;}
.pageFocusBig .box .c span{float: left;width: 100%;line-height: 52px;font-size: 32px;color: #fff;text-transform: uppercase;}
.pageFocusBig .box .c .description{display: none;}
.pageFocusBig .box .c .desc{display: block;}
.pageFocusBig .box .desc{display: none;}
.pageFocusBig .box .desc2{height: 56px;float: left;width: 100%;line-height: 20px;font-size: 12px;color: #fff;margin:20px 0 0;padding: 0 25px;display: block;}
.pageFocusBig .box .cateNav{width: 100%;float: left;margin:60px 0 0px;padding: 0 25px;}
.pageFocusBig .box .cateNav a{height: 56px;float: left;margin: 0 40px 0 0;transition:0.5s;}
.pageFocusBig .box .cateNav a b{height: 56px;line-height: 56px;color: #fff;float: left;font-size: 18px;text-align: center;font-weight: normal;}
.pageFocusBig .box .cateNav a.cur{border-bottom:1px solid #fff;}
.pageFocusBig .box .cateNav a:hover{border-bottom: 1px solid #fff;}
}



/*weifuwu_img*/
.weifuwu_img{float: left;width: 100%;padding: 50px 0;background: #fafafa;margin-bottom: 100px;}
.weifuwu_img.on .box .img1{opacity: 1;top: 27px;} 
.weifuwu_img.on .box .img2{opacity: 1;right: 219px;}
.weifuwu_img.on .box .img3{opacity: 1;top: 139px;}
.weifuwu_img.on .box .img4{opacity: 1;}
.weifuwu_img .box{width: 100%;position: relative;float: left;transition:0.5s;height: 700px;}
.weifuwu_img .box .img1{position: absolute;z-index: 4;left: 431px;transition:0.5s;opacity: 0;transition-delay:1s;top: -50px;}
.weifuwu_img .box .img2{position: absolute;z-index: 3;left: 736px;top: 219px;transition:1s;opacity: 0;transition-delay:2s;right: -200px;}
.weifuwu_img .box .img3{position: absolute;z-index: 2;left: 147px;top: 139px;transition:1s;opacity: 0;transition-delay:3s;top: 183px;}
.weifuwu_img .box .img4{position: absolute;z-index: 1;left: 425px;top: 133px;transition:0.5s;opacity: 0;}
/*.weifuwu_img .box .img5{width: 1000px;position: absolute;z-index: 1;top: 0;left: 100px;}*/
@media (max-width: 992px) {
.weifuwu_img{display: none;}
}
.weifuwu_img_m{float: left;width: 100%;padding:25px 25px 50px;background: #fafafa;margin-bottom: 25px;display: none;}
.weifuwu_img_m img{float: left;width: 100%;} 
@media (max-width: 992px) {
.weifuwu_img_m{display: block;}
}

/*devops_img*/
.devops_img{float: left;width: 100%;padding: 50px 0px;background: #fafafa;margin-bottom: 100px;}
.devops_img.on .box .img1{opacity: 1;top: 10px;} 
.devops_img.on .box .img2{opacity: 1;left: 647px;}
.devops_img.on .box .img3{opacity: 1;left: 169px;}
.devops_img.on .box .img4{opacity: 1;top: 330px}
.devops_img.on .box .img5{opacity: 1;}
.devops_img .box{width: 100%;position: relative;float: left;transition:0.5s;height: 600px;}
.devops_img .box .img1{position: absolute;z-index: 4;left: 403px;top: 10px;transition:0.5s;opacity: 0;transition-delay:1s;}
.devops_img .box .img2{position: absolute;z-index: 3;left: 667px;top: 218px;transition:1s;opacity: 0;transition-delay:2s;}
.devops_img .box .img3{position: absolute;z-index: 2;left: 149px;top: 174px;transition:1s;opacity: 0;transition-delay:3s;}
.devops_img .box .img4{position: absolute;z-index: 1;left: 434px;top: 340px;transition:0.5s;opacity: 0;transition-delay:4.5s;}
.devops_img .box .img5{position: absolute;z-index: 1;left: 436px;top: 147px;transition:0.5s;opacity: 0;}
@media (max-width: 992px) {
.devops_img{display: none;}
}
.devops_img_m{float: left;width: 100%;padding:25px 25px 50px;background: #fafafa;margin-bottom: 25px;display: none;}
.devops_img_m img{float: left;width: 100%;} 
@media (max-width: 992px) {
.devops_img_m{display: block;}
}

/*qiyefuwu_img*/
.qiyefuwu_img{float: left;width: 100%;padding: 100px 0;background: #fafafa;margin-bottom: 100px;}
.qiyefuwu_img.on .box .img1{opacity: 1;top: 27px;} 
.qiyefuwu_img.on .box .img2{opacity: 1;right: 0;}
.qiyefuwu_img.on .box .img3{opacity: 1;top: 173px;}
.qiyefuwu_img.on .box .img4{opacity: 1;}
.qiyefuwu_img .box{width: 100%;position: relative;float: left;transition:0.5s;height: 800px;}
.qiyefuwu_img .box .img1{width: 424px;position: absolute;z-index: 4;left: 368px;transition:0.5s;opacity: 0;transition-delay:1s;top: -50px;}
.qiyefuwu_img .box .img2{width: 436px;position: absolute;z-index: 3;right: 0px;top: 276px;transition:1s;opacity: 0;transition-delay:2s;right: -200px;}
.qiyefuwu_img .box .img3{width: 945px;position: absolute;z-index: 2;left: 0;top: 173px;transition:1s;opacity: 0;transition-delay:3s;top: 183px;}
.qiyefuwu_img .box .img4{width: 583px;position: absolute;z-index: 1;left: 360px;top: 164px;transition:0.5s;opacity: 0;}
.qiyefuwu_img .box .img5{width: 1200px;position: absolute;z-index: 1;top: 0;}
@media (max-width: 992px) {
.qiyefuwu_img{display: none;}
}
.qiyefuwu_img_m{float: left;width: 100%;padding:25px 25px 50px;background: #fafafa;margin-bottom: 25px;display: none;}
.qiyefuwu_img_m img{float: left;width: 100%;} 
@media (max-width: 992px) {
.qiyefuwu_img_m{display: block;}
}


/*shixunpingtai_img*/
.shixunpingtai_img{float: left;width: 100%;padding: 100px 0 0px;background: #ddd;}
.shixunpingtai_img.on .box .img1{opacity: 1;top: 39px;} 
.shixunpingtai_img.on .box .img2{opacity: 1;top: 150px;}
.shixunpingtai_img.on .box .img3{opacity: 1;top: 128px;}
.shixunpingtai_img .box{width: 100%;position: relative;float: left;transition:0.5s;height: 700px;}
.shixunpingtai_img .box .img1{position: absolute;z-index: 4;left: 673px;top: 29px;transition:0.5s;opacity: 0;transition-delay:2s;}
.shixunpingtai_img .box .img2{position: absolute;z-index: 3;left: 193px;top: 140px;transition:1s;opacity: 0;transition-delay:1s;}
.shixunpingtai_img .box .img3{position: absolute;z-index: 2;left: 323px;top: 140px;transition:1s;opacity: 0;}
@media (max-width: 992px) {
.shixunpingtai_img{display: none;}
}
.shixunpingtai_img_m{float: left;width: 100%;padding:25px 25px 50px;background: #fafafa;margin-bottom: 25px;display: none;}
.shixunpingtai_img_m img{float: left;width: 100%;} 
@media (max-width: 992px) {
.shixunpingtai_img_m{display: block;}
}


/*dashuju_img*/
.dashuju_img{float: left;width: 100%;padding: 150px 0 0px;background: #f4f4f4;}
.dashuju_img.on .box .img1{opacity: 1;top: 3px;} 
.dashuju_img.on .box .img2{opacity: 1;top: 92px;}
.dashuju_img.on .box .img3{opacity: 1;top: 83px;}
.dashuju_img .box{width: 100%;position: relative;float: left;transition:0.5s;height: 700px;}
.dashuju_img .box .img1{position: absolute;z-index: 4;left: 578px;top: -10px;transition:0.5s;opacity: 0;transition-delay:2s;}
.dashuju_img .box .img2{position: absolute;z-index: 3;left: 300px;top: 82px;transition:1s;opacity: 0;transition-delay:1s;}
.dashuju_img .box .img3{position: absolute;z-index: 2;left: 239px;top: 93px;transition:1s;opacity: 0;}
@media (max-width: 992px) {
.dashuju_img{display: none;}
}
.dashuju_img_m{float: left;width: 100%;padding:25px 25px 50px;background: #fafafa;margin-bottom: 25px;display: none;}
.dashuju_img_m img{float: left;width: 100%;} 
@media (max-width: 992px) {
.dashuju_img_m{display: block;}
}

/*service_1_1*/
.service_1_1{float: left;width: 100%;padding-bottom: 100px;background: #fafafa;}
.service_1_1 .box{height: 340px;width: 100%;border-radius: 10px;box-shadow: 0 10px 10px #eee;position: relative;margin-top: -100px;background: #fff;padding: 100px;float: left;transition:0.5s;}
.service_1_1 .box:hover{border-radius: 20px;box-shadow: 0 20px 10px #ddd;}
.service_1_1 .box:hover .img{background: #f90;}
.service_1_1 .box .img{float: left;width: 130px;height: 130px;background: #0d86c3;text-align: center;border-radius: 100%;transition:0.5s;}
.service_1_1 .box .img img{float: left;width: 64px;height: 64px;margin: 33px;}
.service_1_1 .box .text{float: left;width: 60%;padding-left: 100px;}
.service_1_1 .box .text b{float: left;width: 100%;font-size: 24px;color: #0d86c3;line-height: 40px;font-weight: normal;margin-top: 5px;}
.service_1_1 .box .text i{float: left;width: 40px;margin: 10px 0 15px;background: #0d86c3;height: 2px;}
.service_1_1 .box .text p{float: left;width: 100%;font-size: 16px;color: #666;line-height: 28px;}
@media (max-width: 992px) {
.service_1_1{float: left;width: 100%;padding: 0 25px 25px;background: #fafafa;}
.service_1_1 .box{height: auto;width: 100%;border-radius: 10px;box-shadow: 0 20px 20px #eee;position: relative;margin-top: -30px;background: #fff;padding: 40px 15px 35px;float: left;transition:0.5s;z-index: 8881;text-align: center;}
.service_1_1 .box:hover{border-radius: 20px;box-shadow: 0 20px 10px #ddd;}
.service_1_1 .box:hover .img{background: #f90;}
.service_1_1 .box .img{float:none;display: inline-block;width:64px;height: 64px;background: #0d86c3;text-align: center;border-radius: 100%;transition:0.5s;}
.service_1_1 .box .img img{float: left;width: 30px;height: 30px;margin: 17px;}
.service_1_1 .box .text{float: left;width: 100%;padding-left: 0px;}
.service_1_1 .box .text b{float: left;width: 100%;font-size: 16px;color: #0d86c3;line-height: 40px;font-weight: normal;margin-top: 5px;}
.service_1_1 .box .text i{float: left;width: 100%;height: 2px;background:none;padding:0 45%;}
.service_1_1 .box .text i em{float: left;width: 100%;height: 2px;background: #0d86c3;}
.service_1_1 .box .text p{float: left;width: 100%;font-size: 12px;color: #666;line-height: 20px;}
}

/*service_1_2*/
.service_1_2{float: left;width: 100%;margin-bottom: 100px;}
.service_1_2 .t{float: left;width: 100%;text-align: center;margin-bottom: 60px;}
.service_1_2 .t b{float: left;width: 100%;line-height: 40px;font-size: 26px;color: #333;font-weight: normal;}
.service_1_2 .t p{float: left;width: 100%;line-height: 20px;font-size: 15px;color: #999;}
.service_1_2 .box{float: left;;width: 100%;}
.service_1_2 .box .li{float: left;width: 20%;padding:100px 0px;background: #e5e5e5;transition:0.5s;cursor: pointer;}
.service_1_2 .box .li:nth-child(2n){background: #f4f4f4;}
.service_1_2 .box .li:hover{background: #0d86c3;}
.service_1_2 .box .li:hover b{color: #fff;}
.service_1_2 .box .li:hover em i{background: #fff;}
.service_1_2 .box .li:hover p{color: #fff;}
.service_1_2 .box .li:hover .img .img1{margin-top: -64px;}
.service_1_2 .box .li .img{width: 64px;text-align: center;margin: 0 auto;height: 64px;overflow: hidden;}
.service_1_2 .box .li .img .img1{float: left;width: 64px;height: 64px;transition:0.5s;}
.service_1_2 .box .li .img .img2{float: left;width: 64px;height: 64px;transition:0.5s;}
.service_1_2 .box .li b{float: left;width: 100%;font-size: 18px;color: #333;line-height: 40px;font-weight: normal;text-align: center;margin: 20px 0 0;transition:0.5s;}
.service_1_2 .box .li em{float: left;width: 100%;margin: 10px 0 30px;height: 6px;text-align: center;}
.service_1_2 .box .li em i{display: inline-block;height: 6px;width: 6px;border-radius: 100%;background: #666;transition:0.5s;}
.service_1_2 .box .li p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 25px;height: 75px;padding: 0 30px;text-align: center;transition:0.5s;}
@media (max-width: 992px) {
.service_1_2{float: left;width: 100%;margin-bottom: 40px;}
.service_1_2 .t{float: left;width: 100%;text-align: center;margin-bottom: 20px;}
.service_1_2 .t b{float: left;width: 100%;line-height: 40px;font-size: 26px;color: #333;font-weight: normal;}
.service_1_2 .t p{float: left;width: 100%;line-height: 20px;font-size: 15px;color: #999;}
.service_1_2 .box{float: left;;width: 100%;padding: 0 25px;}
.service_1_2 .box .li{float: left;width: 100%;padding:25px 15px;background: #f4f4f4;transition:0.5s;cursor: pointer;}
.service_1_2 .box .li:nth-child(2n){background: #fff;}
.service_1_2 .box .li:hover{background: #0d86c3;}
.service_1_2 .box .li:hover b{color: #fff;}
.service_1_2 .box .li:hover em i{background: #fff;}
.service_1_2 .box .li:hover p{color: #fff;}
.service_1_2 .box .li:hover .img .img1{margin-top: -64px;}
.service_1_2 .box .li .img{width: 64px;text-align: center;margin: 0px auto 0;height: 64px;overflow: hidden;float: left;}
.service_1_2 .box .li .img .img1{float: left;width: 44px;height: 44px;transition:0.5s;margin: 10px;}
.service_1_2 .box .li .img .img2{float: left;width: 44px;height: 44px;transition:0.5s;margin: 10px;}
.service_1_2 .box .li b{float: right;width: 70%;font-size: 18px;color: #333;line-height: 30px;font-weight: normal;text-align: left;margin: 0px 0 0;transition:0.5s;}
.service_1_2 .box .li em{display: none;}
.service_1_2 .box .li p{float: right;width: 70%;font-size: 12px;color: #666;line-height: 20px;padding:0px;text-align: left;transition:0.5s;height: auto;}
}

/*service_1_2_2*/
.service_1_2_2{float: left;width: 100%;margin-bottom: 100px;}
.service_1_2_2 .t{float: left;width: 100%;text-align: center;margin-bottom: 60px;}
.service_1_2_2 .t b{float: left;width: 100%;line-height: 40px;font-size: 26px;color: #333;font-weight: normal;}
.service_1_2_2 .t p{float: left;width: 100%;line-height: 20px;font-size: 15px;color: #999;}
.service_1_2_2 .box{float: left;;width: 100%;}
.service_1_2_2 .box .li{float: left;width: 25%;padding:100px 0px;background: #e5e5e5;transition:0.5s;cursor: pointer;}
.service_1_2_2 .box .li:nth-child(2n){background: #f4f4f4;}
.service_1_2_2 .box .li:hover{background: #0d86c3;}
.service_1_2_2 .box .li:hover b{color: #fff;}
.service_1_2_2 .box .li:hover em i{background: #fff;}
.service_1_2_2 .box .li:hover p{color: #fff;}
.service_1_2_2 .box .li:hover .img .img1{margin-top: -64px;}
.service_1_2_2 .box .li .img{width: 64px;text-align: center;margin: 0 auto;height: 64px;overflow: hidden;}
.service_1_2_2 .box .li .img .img1{float: left;width: 64px;height: 64px;transition:0.5s;}
.service_1_2_2 .box .li .img .img2{float: left;width: 64px;height: 64px;transition:0.5s;}
.service_1_2_2 .box .li b{float: left;width: 100%;font-size: 18px;color: #333;line-height: 40px;font-weight: normal;text-align: center;margin: 20px 0 0;transition:0.5s;}
.service_1_2_2 .box .li em{float: left;width: 100%;margin: 10px 0 30px;height: 6px;text-align: center;}
.service_1_2_2 .box .li em i{display: inline-block;height: 6px;width: 6px;border-radius: 100%;background: #666;transition:0.5s;}
.service_1_2_2 .box .li p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 25px;height: 75px;padding: 0 30px;text-align: center;transition:0.5s;}
@media (max-width: 992px) {
.service_1_2_2{float: left;width: 100%;margin-bottom: 40px;}
.service_1_2_2 .t{float: left;width: 100%;text-align: center;margin-bottom: 20px;}
.service_1_2_2 .t b{float: left;width: 100%;line-height: 40px;font-size: 26px;color: #333;font-weight: normal;}
.service_1_2_2 .t p{float: left;width: 100%;line-height: 20px;font-size: 15px;color: #999;}
.service_1_2_2 .box{float: left;;width: 100%;padding: 0 25px;}
.service_1_2_2 .box .li{float: left;width: 100%;padding:25px 15px;background: #f4f4f4;transition:0.5s;cursor: pointer;}
.service_1_2_2 .box .li:nth-child(2n){background: #fff;}
.service_1_2_2 .box .li:hover{background: #0d86c3;}
.service_1_2_2 .box .li:hover b{color: #fff;}
.service_1_2_2 .box .li:hover em i{background: #fff;}
.service_1_2_2 .box .li:hover p{color: #fff;}
.service_1_2_2 .box .li:hover .img .img1{margin-top: -64px;}
.service_1_2_2 .box .li .img{width: 64px;text-align: center;margin: 0px auto 0;height: 64px;overflow: hidden;float: left;}
.service_1_2_2 .box .li .img .img1{float: left;width: 44px;height: 44px;transition:0.5s;margin: 10px;}
.service_1_2_2 .box .li .img .img2{float: left;width: 44px;height: 44px;transition:0.5s;margin: 10px;}
.service_1_2_2 .box .li b{float: right;width: 70%;font-size: 18px;color: #333;line-height: 30px;font-weight: normal;text-align: left;margin: 0px 0 0;transition:0.5s;}
.service_1_2_2 .box .li em{display: none;}
.service_1_2_2 .box .li p{float: right;width: 70%;font-size: 12px;color: #666;line-height: 20px;padding:0px;text-align: left;transition:0.5s;height: auto;}
}




/*products_1_1*/
.products_1_1{float: left;width: 100%;margin-bottom: 100px;position: relative;}
.products_1_1.on .box{bottom: 0;opacity: 1;}
.products_1_1 .t{float: left;width: 100%;text-align: center;margin-bottom: 60px;position: relative;}
.products_1_1 .t b{display: inline-block;width:300px;line-height: 70px;font-size: 20px;font-weight: normal;position: relative;margin-top: -30px;background: #eee;border-bottom: 4px solid #0d86c3;z-index: 1;}
.products_1_1 .box{float: left;;width: 100%;transition:0.5s;position: relative;bottom: -30px;opacity: 0;}
.products_1_1 .box .li{float: left;width: 25%;padding:60px 0px;transition:0.5s;cursor: pointer;border: 1px solid #fff;}
.products_1_1 .box .li:hover{border: 1px solid #0d86c3;}
.products_1_1 .box .li:hover .img{border: 2px solid #0d86c3;}
.products_1_1 .box .li:hover b{color: #0d86c3;}
.products_1_1 .box .li:hover em i{background: #0d86c3;}
.products_1_1 .box .li:hover p{color: #0d86c3;}
.products_1_1 .box .li:hover .img .img1{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.products_1_1 .box .li .img{width: 114px;text-align: center;margin: 0 auto;height: 114px;overflow: hidden;border: 2px solid #eee;border-radius: 100%;}
.products_1_1 .box .li .img .img1{float: left;width: 110px;height: 110px;transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.products_1_1 .box .li b{float: left;width: 100%;font-size: 18px;color: #333;line-height: 40px;font-weight: normal;text-align: center;margin: 20px 0 0;transition:0.5s;}
.products_1_1 .box .li em{float: left;width: 100%;margin: 10px 0 30px;height: 6px;text-align: center;display: none;}
.products_1_1 .box .li em i{display: inline-block;height: 6px;width: 6px;border-radius: 100%;background: #666;transition:0.5s;}
.products_1_1 .box .li p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 25px;height: 75px;padding: 0 50px;text-align: center;transition:0.5s;}
@media (max-width: 992px) {
.products_1_1{float: left;width: 100%;margin-bottom: 20px;position: relative;}
.products_1_1 .t{float: left;width: 100%;text-align: center;margin-bottom: 20px;position: relative;}
.products_1_1 .t b{display: inline-block;width:200px;line-height: 50px;font-size: 16px;font-weight: normal;position: relative;margin-top: -30px;background: #eee;border-bottom: 3px solid #0d86c3;z-index: 8881;}
.products_1_1 .box{float: left;;width: 100%;transition:0.5s;position: relative;bottom: -30px;opacity: 0;padding: 0 25px;}
.products_1_1 .box .li{float: left;width: 50%;padding:20px 0px;transition:0.5s;cursor: pointer;border: 1px solid #fff;height: 220px;overflow: hidden;}
.products_1_1 .box .li:hover{border: 1px dashed #0d86c3;}
.products_1_1 .box .li:hover .img{border: 2px solid #0d86c3;}
.products_1_1 .box .li:hover b{color: #0d86c3;}
.products_1_1 .box .li:hover em i{background: #0d86c3;}
.products_1_1 .box .li:hover p{color: #0d86c3;}
.products_1_1 .box .li:hover .img .img1{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.products_1_1 .box .li .img{width: 64px;text-align: center;margin: 0 auto;height: 64px;overflow: hidden;border: 2px solid #eee;border-radius: 100%;}
.products_1_1 .box .li .img .img1{float: left;width: 60px;height: 60px;transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.products_1_1 .box .li b{float: left;width: 100%;font-size: 16px;color: #333;line-height: 24px;font-weight: normal;text-align: center;margin:15px 0 10px;transition:0.5s;padding: 0 10px;}
.products_1_1 .box .li em{float: left;width: 100%;margin: 10px 0 30px;height: 6px;text-align: center;display: none;}
.products_1_1 .box .li em i{display: inline-block;height: 6px;width: 6px;border-radius: 100%;background: #666;transition:0.5s;}
.products_1_1 .box .li p{float: left;width: 100%;font-size: 12px;color: #666;line-height: 20px;height: 60px;padding: 0 10px;text-align: center;transition:0.5s;}
}



/*products_1_2*/
.products_1_2{float: left;width: 100%;margin-bottom: 100px;}
.products_1_2.on .li{bottom: 0;opacity: 1;}
.products_1_2 .li{float: left;width: 100%;padding:80px 0px;transition:0.5s;background: #fafafa;transition:0.5s;position: relative;bottom: -30px;opacity: 0;}
.products_1_2 .li:nth-child(2n){background: #fff;}
.products_1_2 .li:nth-child(2n) .img{float: left;}
.products_1_2 .li:nth-child(2n) .text{float: right;}
.products_1_2 .li:hover{background: #dfedf7;}
.products_1_2 .li:hover .text strong{color: #0d86c3;}
.products_1_2 .li:hover .text b{color: #0d86c3;}
.products_1_2 .li:hover .text em i{background: #0d86c3;width: 5%;}
.products_1_2 .li:hover .text p{color: #0d86c3;}
.products_1_2 .li:hover .img{padding-top: 0;}
.products_1_2 .li:hover .img img{margin-bottom: 10px;}
.products_1_2 .li .img{width: 30%;text-align: center;float: right;padding-top: 10px;transition:0.5s;}
.products_1_2 .li .img img{transition:0.5s;}
.products_1_2 .li .text{float: left;width: 70%;}
.products_1_2 .li .text strong{float: left;width: 100%;font-size: 18px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_1_2 .li .text b{float: left;width: 100%;font-size: 28px;color: #333;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_1_2 .li .text em{float: left;width: 100%;margin: 10px 0 30px;height: 1px;}
.products_1_2 .li .text em i{float: left;;height: 1px;width: 30%;background: #ddd;transition:0.5s;}
.products_1_2 .li .text p{float: left;width: 100%;font-size: 16px;color: #666;line-height: 25px;height: 75px;padding: 0 0px;transition:0.5s;}
@media (max-width: 992px) {
.products_1_2{float: left;width: 100%;margin-bottom: 20px;}
.products_1_2.on .li{bottom: 0;opacity: 1;}
.products_1_2 .li{float: left;width: 100%;padding:30px 25px 50px;transition:0.5s;background: #fafafa;transition:0.5s;position: relative;bottom: -30px;opacity: 0;}
.products_1_2 .li:nth-child(2n){background: #fff;}
.products_1_2 .li:nth-child(2n) .img{float: right;}
.products_1_2 .li:nth-child(2n) .text{float: left;}
.products_1_2 .li:hover{background: #dfedf7;}
.products_1_2 .li:hover .text strong{color: #0d86c3;}
.products_1_2 .li:hover .text b{color: #0d86c3;}
.products_1_2 .li:hover .text em i{background: #0d86c3;width: 5%;}
.products_1_2 .li:hover .text p{color: #0d86c3;}
.products_1_2 .li:hover .img{padding-top: 0;}
.products_1_2 .li:hover .img img{margin-bottom: 10px;}
.products_1_2 .li .img{width: 100%;text-align: center;float: right;padding-top: 10px;transition:0.5s;}
.products_1_2 .li .img img{transition:0.5s;width: 50%;}
.products_1_2 .li .text{float: left;width: 100%;text-align: center;margin-top: 10px;}
.products_1_2 .li .text strong{float: left;width: 100%;font-size: 14px;color: #aaa;line-height: 18px;font-weight: normal;margin: 0px 0 0;transition:0.5s;text-transform: uppercase;}
.products_1_2 .li .text b{float: left;width: 100%;font-size: 18px;color: #333;line-height: 50px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_1_2 .li .text em{float: left;width: 100%;margin: 0px 0 10px;height: 1px;padding: 0 45%;}
.products_1_2 .li .text em i{float: left;height: 1px;width: 100%;background: #333;transition:0.5s;}
.products_1_2 .li .text p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 26px;height: auto;padding: 0 0px;transition:0.5s;}
}


/*products_01*/
.products_01{float: left;width: 100%;padding:50px 0px;transition:0.5s;cursor: pointer;background: #fff;position: relative;height: 400px;}
.products_01.on .img{bottom: 0;opacity: 1;}
.products_01.on .text{opacity: 1;}
.products_01 .img{width: 40%;text-align: right;float: right;position: relative;transition:0.5s;opacity: 0;bottom: -200px;}
.products_01 .img img{}
.products_01 .text{float: left;width: 60%;padding: 40px 0 0 0;position: relative;transition:0.5s;opacity: 0;}
.products_01 .text strong{float: left;width: 100%;font-size: 18px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_01 .text b{float: left;width: 100%;font-size: 32px;color: #333;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_01 .text i{float: left;;height: 1px;width: 70%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 30px;}
.products_01 .text p{float: left;width: 100%;font-size: 16px;color: #666;line-height: 25px;height: 75px;padding: 0 0px;transition:0.5s;}
@media (max-width: 992px) {
.products_01{float: left;width: 100%;padding:20px 0px;transition:0.5s;cursor: pointer;background: #fff;position: relative;height: auto;text-align: center;}
.products_01.on .img{bottom: 0;opacity: 1;}
.products_01.on .text{opacity: 1;}
.products_01 .img{width: 100%;text-align: center;float: right;position: relative;transition:0.5s;opacity: 1;bottom: -200px;}
.products_01 .img img{width: 60%;}
.products_01 .text{float: left;width: 100%;padding: 0px 25px;position: relative;transition:0.5s;opacity: 1;}
.products_01 .text strong{float: left;width: 100%;font-size: 16px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_01 .text b{float: left;width: 100%;font-size: 24px;color: #333;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_01 .text i{float: left;;height: 1px;width: 100%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 10px;}
.products_01 .text p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 25px;height: auto;padding: 0 0px;transition:0.5s;}
}

.products_02{float: left;width: 100%;padding:50px 0px;transition:0.5s;cursor: pointer;background: #fafafa;height: 400px;}
.products_02.on .img{opacity: 1;}
.products_02.on .text{opacity: 1;}
.products_02 .img{width: 40%;text-align: left;float: left;opacity: 0;position: relative;transition:0.5s;}
.products_02 .img img{}
.products_02 .text{float: right;width: 60%;padding: 40px 0 0 0;position: relative;transition:0.5s;opacity: 0;}
.products_02 .text strong{float: left;width: 100%;font-size: 18px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_02 .text b{float: left;width: 100%;font-size: 32px;color: #333;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_02 .text i{float: left;;height: 1px;width: 70%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 30px;}
.products_02 .text p{float: left;width: 100%;font-size: 16px;color: #666;line-height: 25px;height: 75px;padding: 0 0px;transition:0.5s;}
@media (max-width: 992px) {
.products_02{float: left;width: 100%;padding:20px 0px;transition:0.5s;cursor: pointer;background: #fafafa;position: relative;height: auto;text-align: center;}
.products_02.on .img{bottom: 0;opacity: 1;}
.products_02.on .text{opacity: 1;}
.products_02 .img{width: 100%;text-align: center;float: right;position: relative;transition:0.5s;opacity: 0;bottom: -200px;}
.products_02 .img img{width: 60%;}
.products_02 .text{float: left;width: 100%;padding: 0px 25px;position: relative;transition:0.5s;opacity: 0;}
.products_02 .text strong{float: left;width: 100%;font-size: 16px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_02 .text b{float: left;width: 100%;font-size: 24px;color: #333;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_02 .text i{float: left;;height: 1px;width: 100%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 10px;}
.products_02 .text p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 25px;height: auto;padding: 0 0px;transition:0.5s;}
}


.products_03{float: left;width: 100%;padding:50px 0px;transition:0.5s;cursor: pointer;background: #fff;position: relative;height: 400px;}
.products_03.on .img{right: 0;opacity: 1;}
.products_03.on .text{left: 0;opacity: 1;}
.products_03 .img{width: 40%;text-align: right;float: right;position: relative;transition:0.5s;opacity: 0;right: 30%;}
.products_03 .img img{}
.products_03 .text{float: left;width: 60%;padding: 40px 0 0 0;position: relative;transition:0.5s;opacity: 0;left: 30%;}
.products_03 .text strong{float: left;width: 100%;font-size: 18px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_03 .text b{float: left;width: 100%;font-size: 32px;color: #333;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_03 .text i{float: left;;height: 1px;width: 70%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 30px;}
.products_03 .text p{float: left;width: 100%;font-size: 16px;color: #666;line-height: 25px;height: 75px;padding: 0 0px;transition:0.5s;}
@media (max-width: 992px) {
.products_03{float: left;width: 100%;padding:20px 0px;transition:0.5s;cursor: pointer;background: #fff;position: relative;height: auto;text-align: center;}
.products_03.on .img{bottom: 0;opacity: 1;}
.products_03.on .text{opacity: 1;}
.products_03 .img{width: 100%;text-align: center;float: right;position: relative;transition:0.5s;opacity: 0;bottom: -200px;right: 0;}
.products_03 .img img{width: 60%;}
.products_03 .text{float: left;width: 100%;padding: 0px 25px;position: relative;transition:0.5s;opacity: 0;left: 0%;}
.products_03 .text strong{float: left;width: 100%;font-size: 16px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_03 .text b{float: left;width: 100%;font-size: 24px;color: #333;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_03 .text i{float: left;;height: 1px;width: 100%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 10px;}
.products_03 .text p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 25px;height: auto;padding: 0 0px;transition:0.5s;}
}

.products_04{float: left;width: 100%;padding:50px 0px;transition:0.5s;cursor: pointer;background: #fafafa;height: 400px;}
.products_04.on .img{left:0;opacity: 1;}
.products_04.on .text{right:0;opacity: 1;}
.products_04 .img{width: 40%;text-align: left;float: left;opacity: 0;position: relative;transition:0.5s;left: -30%;}
.products_04 .img img{}
.products_04 .text{float: right;width: 60%;padding: 40px 0 0 0;position: relative;transition:0.5s;opacity: 0;right: -30%;}
.products_04 .text strong{float: left;width: 100%;font-size: 18px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_04 .text b{float: left;width: 100%;font-size: 32px;color: #333;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_04 .text i{float: left;;height: 1px;width: 70%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 30px;}
.products_04 .text p{float: left;width: 100%;font-size: 16px;color: #666;line-height: 25px;height: 75px;padding: 0 0px;transition:0.5s;}
@media (max-width: 992px) {
.products_04{float: left;width: 100%;padding:20px 0px;transition:0.5s;cursor: pointer;background: #fafafa;position: relative;height: auto;text-align: center;}
.products_04.on .img{bottom: 0;opacity: 1;}
.products_04.on .text{opacity: 1;}
.products_04 .img{width: 100%;text-align: center;float: right;position: relative;transition:0.5s;opacity: 0;bottom: -200px;left: 0;}
.products_04 .img img{width: 60%;}
.products_04 .text{float: left;width: 100%;padding: 0px 25px;position: relative;transition:0.5s;opacity: 0;right: 0;}
.products_04 .text strong{float: left;width: 100%;font-size: 16px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_04 .text b{float: left;width: 100%;font-size: 24px;color: #333;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_04 .text i{float: left;;height: 1px;width: 100%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 10px;}
.products_04 .text p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 25px;height: auto;padding: 0 0px;transition:0.5s;}
}

.products_05{float: left;width: 100%;padding:50px 0px;transition:0.5s;cursor: pointer;background: #fff;position: relative;height: 400px;}
.products_05.on .img{right: 0;opacity: 1;}
.products_05.on .text{left: 0;opacity: 1;}
.products_05 .img{width: 40%;text-align: right;float: right;position: relative;transition:0.5s;opacity: 0;right: 30%;}
.products_05 .img img{}
.products_05 .text{float: left;width: 60%;padding: 40px 0 0 0;position: relative;transition:0.5s;opacity: 0;left: 30%;}
.products_05 .text strong{float: left;width: 100%;font-size: 18px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_05 .text b{float: left;width: 100%;font-size: 32px;color: #333;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_05 .text i{float: left;;height: 1px;width: 70%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 30px;}
.products_05 .text p{float: left;width: 100%;font-size: 16px;color: #666;line-height: 25px;height: 75px;padding: 0 0px;transition:0.5s;}
@media (max-width: 992px) {
.products_05{float: left;width: 100%;padding:20px 0px;transition:0.5s;cursor: pointer;background: #fff;position: relative;height: auto;text-align: center;}
.products_05.on .img{bottom: 0;opacity: 1;}
.products_05.on .text{opacity: 1;}
.products_05 .img{width: 100%;text-align: center;float: right;position: relative;transition:0.5s;opacity: 0;bottom: -200px;right: 0;}
.products_05 .img img{width: 60%;}
.products_05 .text{float: left;width: 100%;padding: 0px 25px;position: relative;transition:0.5s;opacity: 0;left: 0;}
.products_05 .text strong{float: left;width: 100%;font-size: 16px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_05 .text b{float: left;width: 100%;font-size: 24px;color: #333;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_05 .text i{float: left;;height: 1px;width: 100%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 10px;}
.products_05 .text p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 25px;height: auto;padding: 0 0px;transition:0.5s;}
}

.products_06{float: left;width: 100%;padding:50px 0px;transition:0.5s;cursor: pointer;background: #fafafa;height: 400px;}
.products_06.on .img{opacity: 1;bottom: 0;}
.products_06.on .text{opacity: 1;bottom: 0;}
.products_06 .img{width: 40%;text-align: left;float: left;opacity: 0;position: relative;transition:0.5s;bottom: -30%;}
.products_06 .img img{}
.products_06 .text{float: right;width: 60%;padding: 40px 0 0 0;position: relative;transition:0.5s;opacity: 0;bottom: -30%;}
.products_06 .text strong{float: left;width: 100%;font-size: 18px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_06 .text b{float: left;width: 100%;font-size: 32px;color: #333;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_06 .text i{float: left;;height: 1px;width: 70%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 30px;}
.products_06 .text p{float: left;width: 100%;font-size: 16px;color: #666;line-height: 25px;height: 75px;padding: 0 0px;transition:0.5s;}
@media (max-width: 992px) {
.products_06{float: left;width: 100%;padding:20px 0px;transition:0.5s;cursor: pointer;background: #fafafa;position: relative;height: auto;text-align: center;}
.products_06.on .img{bottom: 0;opacity: 1;}
.products_06.on .text{opacity: 1;}
.products_06 .img{width: 100%;text-align: center;float: right;position: relative;transition:0.5s;opacity: 0;bottom: -200px;}
.products_06 .img img{width: 60%;}
.products_06 .text{float: left;width: 100%;padding: 0px 25px;position: relative;transition:0.5s;opacity: 0;}
.products_06 .text strong{float: left;width: 100%;font-size: 16px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_06 .text b{float: left;width: 100%;font-size: 24px;color: #333;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_06 .text i{float: left;;height: 1px;width: 100%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 10px;}
.products_06 .text p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 25px;height: auto;padding: 0 0px;transition:0.5s;}
}

.products_07{float: left;width: 100%;padding:50px 0px;transition:0.5s;cursor: pointer;background: #fff;position: relative;height: 400px;}
.products_07.on .img{right: 0;opacity: 1;}
.products_07.on .text{left: 0;opacity: 1;}
.products_07 .img{width: 40%;text-align: right;float: right;position: relative;transition:0.5s;opacity: 0;right: 30%;}
.products_07 .img img{}
.products_07 .text{float: left;width: 60%;padding: 40px 0 0 0;position: relative;transition:0.5s;opacity: 0;left: 30%;}
.products_07 .text strong{float: left;width: 100%;font-size: 18px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_07 .text b{float: left;width: 100%;font-size: 32px;color: #333;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_07 .text i{float: left;;height: 1px;width: 70%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 30px;}
.products_07 .text p{float: left;width: 100%;font-size: 16px;color: #666;line-height: 25px;height: 75px;padding: 0 0px;transition:0.5s;}
@media (max-width: 992px) {
.products_07{float: left;width: 100%;padding:20px 0px;transition:0.5s;cursor: pointer;background: #fff;position: relative;height: auto;text-align: center;}
.products_07.on .img{bottom: 0;opacity: 1;}
.products_07.on .text{opacity: 1;}
.products_07 .img{width: 100%;text-align: center;float: right;position: relative;transition:0.5s;opacity: 0;bottom: -200px;right: 0;}
.products_07 .img img{width: 60%;}
.products_07 .text{float: left;width: 100%;padding: 0px 25px;position: relative;transition:0.5s;opacity: 0;left: 0;}
.products_07 .text strong{float: left;width: 100%;font-size: 16px;color: #aaa;line-height: 40px;font-weight: normal;margin: 20px 0 0;transition:0.5s;text-transform: uppercase;}
.products_07 .text b{float: left;width: 100%;font-size: 24px;color: #333;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.products_07 .text i{float: left;;height: 1px;width: 100%;border-bottom: dashed 1px #ddd;transition:0.5s;margin: 10px 0 10px;}
.products_07 .text p{float: left;width: 100%;font-size: 14px;color: #666;line-height: 25px;height: auto;padding: 0 0px;transition:0.5s;}
}

.indexBdList{float: left;width: 100%;padding:100px 0px;transition:0.5s;background: #fff;position: relative;border-top: 1px solid #ddd;}
.indexBdList.on .ul{right: 0;opacity: 1;}
.indexBdList.on .text{left: 0;opacity: 1;}
.indexBdList .text{float: left;width: 15%;padding: 0px 0 0 0;position: relative;transition:0.5s;opacity: 0;left: 100%;text-align: right;}
.indexBdList .text strong{float: left;width: 100%;font-size: 24px;color: #666;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;text-transform: uppercase;}
.indexBdList .text b{float: left;width: 100%;font-size: 80px;color: #ddd;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.indexBdList .text i{float: right;height: 3px;width: 25%;transition:0.5s;margin: 10px 0 20px;background: #0b528a;}
.indexBdList .text p{float: left;width: 100%;font-size: 36px;color: #ddd;line-height: 75px;height: 75px;padding: 0 0px;transition:0.5s;}
.indexBdList .ul{float: right;width: 80%;position: relative;right: -30px;opacity: 0;transition:0.5s;}
.indexBdList .ul li{float: left;width: 23.5%;margin: 0 2% 20px 0;background: #eee;position: relative;transition:0.5s;cursor: pointer;overflow: hidden;}
.indexBdList .ul li:hover{background:#0d86c3 }
.indexBdList .ul li:hover .img3{bottom: 100%}
.indexBdList .ul li:hover .img2{bottom: 0%}
.indexBdList .ul li:hover .img{opacity: 0;}
.indexBdList .ul li:hover .text{opacity: 1;}
.indexBdList .ul li:nth-child(4n){margin-right: 0;}
.indexBdList .ul li .img1{float: left;width: 100%;transition:0.5s;opacity: 0;}
.indexBdList .ul li .img1 img{float: left;width: 100%;margin: 0px 0;}
.indexBdList .ul li .img2{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 2;bottom: -100%;}
.indexBdList .ul li .img2 img{float: left;width: 100%;margin: 0px 0;}
.indexBdList .ul li .img3{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 3;bottom: 0;}
.indexBdList .ul li .img3 img{float: left;width: 100%;margin: 0px 0;opacity: 0.7;}
@media (max-width: 992px) {
.indexBdList{float: left;width: 100%;padding:40px 0px;transition:0.5s;background: #fff;position: relative;border-top: 1px solid #eee;margin-top: 20px;}
.indexBdList.on .ul{right: 0;opacity: 1;bottom: 0}
.indexBdList.on .text{left: 0;opacity: 1;bottom: 0}
.indexBdList .text{float: left;width: 100%;padding: 0px 0 0 0;position: relative;transition:0.5s;opacity: 0;left: 0%;text-align: center;bottom: -30px;}
.indexBdList .text strong{float: left;width: 100%;font-size: 24px;color: #666;line-height: 40px;font-weight: normal;margin: 0px 0 0;transition:0.5s;text-transform: uppercase;}
.indexBdList .text b{float: left;width: 100%;font-size: 80px;color: #ddd;line-height: 60px;font-weight: normal;margin: 0px 0 0;transition:0.5s;}
.indexBdList .text i{float: left;height: 3px;width: 20%;transition:0.5s;margin: 10px 40% 20px;background: #0b528a;}
.indexBdList .text p{float: left;width: 100%;font-size: 36px;color: #ddd;line-height: 75px;height: 75px;padding: 0 0px;transition:0.5s;}
.indexBdList .ul{float: right;width: 100%;position: relative;right: 0px;opacity: 0;transition:0.5s;padding: 0 25px;bottom: -30px;}
.indexBdList .ul li{float: left;width: 48%;margin: 0 4% 15px 0;background: #eee;position: relative;transition:0.5s;cursor: pointer;overflow: hidden;}
.indexBdList .ul li:hover{background:#0d86c3 }
.indexBdList .ul li:hover .img3{bottom: 100%}
.indexBdList .ul li:hover .img2{bottom: 0%}
.indexBdList .ul li:hover .img{opacity: 0;}
.indexBdList .ul li:hover .text{opacity: 1;}
.indexBdList .ul li:nth-child(2n){margin-right: 0;}
.indexBdList .ul li .img1{float: left;width: 100%;transition:0.5s;opacity: 0;}
.indexBdList .ul li .img1 img{float: left;width: 100%;margin: 0px 0;}
.indexBdList .ul li .img2{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 2;bottom: -100%;}
.indexBdList .ul li .img2 img{float: left;width: 100%;margin: 0px 0;}
.indexBdList .ul li .img3{float: left;width: 100%;transition:0.5s;opacity: 1;position: absolute;z-index: 3;bottom: 0;}
.indexBdList .ul li .img3 img{float: left;width: 100%;margin: 0px 0;opacity: 0.7;}
}

.indexCases{float: left;width: 100%;padding:0px 0px 80px;transition:0.5s;background: #fff;position: relative;display: none;}
.indexCases.on .ul{bottom: 0;opacity: 1;}
.indexCases .ul{float: left;width: 100%;position: relative;bottom: -30px;opacity: 0;transition:0.5s;}
.indexCases .ul li{float: left;width:23.5%;margin: 0 2% 40px 0;position: relative;padding: 0 0 20px;transition:0.5s;background: #f4f4f4;}
.indexCases .ul li:nth-child(4n){margin-right: 0;}
.indexCases .ul li:hover{background: #0b528a;}
.indexCases .ul li:hover .img img{opacity: 0.2;}
.indexCases .ul li:hover .tit{color: #fff;}
.indexCases .ul li:hover .tag{opacity: 1;padding-top: 25%;}
.indexCases .ul li:hover p{color: #fff;}
.indexCases .ul li .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 44% 0;opacity: 0;transition:0.5s;}
.indexCases .ul li .tag img{float: left;}
.indexCases .ul li .img{float: left;width:100%;padding:0;background: #000;}
.indexCases .ul li .img img{float: left;width:100%;transition:0.5s;}
.indexCases .ul li .tit{float: left;width:100%;line-height: 44px;color: #333;overflow: hidden;font-size: 16px;padding:0px 15px 0;height: 44px;margin-top: 10px;transition:0.5s;}
.indexCases .ul li p{float: left;width:100%;color: #666;padding:0px 15px 0;line-height: 24px;height: 24px;overflow: hidden;transition:0.5s;}
@media (max-width: 992px) {
.indexCases{float: left;width: 100%;padding:0px 25px 25px;transition:0.5s;background: #fff;position: relative;}
.indexCases.on .ul{bottom: 0;opacity: 1;}
.indexCases .ul{float: left;width: 100%;position: relative;bottom: -30px;opacity: 0;transition:0.5s;}
.indexCases .ul li{float: left;width:100%;margin: 0 0% 20px 0;position: relative;padding: 0 0 20px;transition:0.5s;background: #f4f4f4;}
.indexCases .ul li:nth-child(4n){margin-right: 0;}
.indexCases .ul li:hover{background: #0b528a;}
.indexCases .ul li:hover .img img{opacity: 0.2;}
.indexCases .ul li:hover .tit{color: #fff;}
.indexCases .ul li:hover .tag{opacity: 1;padding-top: 25%;}
.indexCases .ul li:hover p{color: #fff;}
.indexCases .ul li .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 44% 0;opacity: 0;transition:0.5s;}
.indexCases .ul li .tag img{float: left;}
.indexCases .ul li .img{float: left;width:100%;padding:0;background: #000;}
.indexCases .ul li .img img{float: left;width:100%;transition:0.5s;}
.indexCases .ul li .tit{float: left;width:100%;line-height: 44px;color: #333;overflow: hidden;font-size: 16px;padding:0px 15px 0;height: 44px;margin-top: 10px;transition:0.5s;}
.indexCases .ul li p{float: left;width:100%;color: #666;padding:0px 15px 0;line-height: 24px;height: 24px;overflow: hidden;transition:0.5s;}
}

















.mTeamList{float: left;width: 100%;display: none;}
.mTeamList .htitle{height:50px; width: 100%;display: block;overflow: hidden;text-align: center;line-height: 50px;font-size: 20px;color: #333;}
.mTeamList .hd{height:50px; width: 100%;display: block;overflow: hidden;}
.mTeamList .hd ul{float: left;width: 100%;text-align: center;}
.mTeamList .hd ul li{ display: inline-block;height: 20px;width: 20px;border-radius: 100%;background: #ddd;margin: 0 5px; }
.mTeamList .hd ul .on{ background: #0b528a;}
.mTeamList .bd { width: 100%  }
.mTeamList .bd ul{ padding:10px 0 10px 10px;  }
.mTeamList .bd li{float: left;width: 33.333%;text-align: center;color: #555;cursor: pointer;padding: 10px;}
.mTeamList .bd li .img{float: left;width: 100%;padding: 0 4%;}
.mTeamList .bd li .img img{float: left;width: 100%;background: #fff;overflow: hidden;border-radius: 100%;}
.mTeamList .bd li .info{float: left;width: 100%;padding: 0 4%;}
.mTeamList .bd li .info .text{float: left;width: 100%;margin-top: 10px;}
.mTeamList .bd li .info .text span{float: left;line-height: 20px;font-size: 12px;width: 100%;margin: 0 0 10px;color: #666;}
.mTeamList .bd li .info .text h3{float: left;line-height: 20px;font-size: 15px;width: 100%;margin:10px 0 0;color: #333;}
.mTeamList .bd li .info .text em{width: 100%;padding: 0 45%;height: 1px;float: left;margin:5px 0;}
.mTeamList .bd li .info .text em i{width: 100%;height: 1px;background: #666;float: left;}
@media (max-width: 992px) {
.mTeamList{display: block;}
}


/* friendLink_scroll */
.friendLink_scroll{width: 100%;background: #ddd;float: left;padding: 60px 0;}
.friendLink_scroll .box{width: 100%;float: left;}
.friendLink_scroll .box .t{float: left;width:100%;font-size: 18px;color: #666;}
.friendLink_scroll .box .c{width: 100%;float: left;margin: 20px 0 0 0px}
.friendLink_scroll .box .scroolbox{ float: left; margin-top: 0px;width: 100%;}
.friendLink_scroll .box .scroolbox .hd{ overflow:hidden;  height:50px;float: left;width: 100%;border-bottom: 1px solid #ddd;display: none;}
.friendLink_scroll .box .scroolbox .hd b{float: left;height: 50px;font-size: 16px;color: #d30;font-weight: normal;line-height: 50px; }
.friendLink_scroll .box .scroolbox .hd .prevStop{ background-position:-60px 0; }
.friendLink_scroll .box .scroolbox .hd .nextStop{ background-position:-60px -50px; }
.friendLink_scroll .box .scroolbox .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1; }
.friendLink_scroll .box .scroolbox .hd ul li{ float:left;  width:16px; height:16px; overflow:hidden; margin-left:10px; text-indent:-999px; cursor:pointer; background:#ddd; border-radius: 100%;}
.friendLink_scroll .box .scroolbox .hd ul li.on{ background: #aaa;}
.friendLink_scroll .box .scroolbox .prev,
.friendLink_scroll .box .scroolbox .next{ display:block;  width:50px;  float:left; overflow:hidden; cursor:pointer; background:url("https://www.ghostcloud.cn/Public/Common/Images/allBox_4.png") no-repeat 0 50px;height: 200px;margin-left: 40px;}
.friendLink_scroll .box .scroolbox .next{ background-position:-50px 50px;float: right;margin-right: 40px;  }
.friendLink_scroll .box .scroolbox .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 0;}
.friendLink_scroll .box .scroolbox .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.friendLink_scroll .box .scroolbox .bd ul li{float: left;width: 16.666%;text-align: center;color: #555;cursor: pointer;}
.friendLink_scroll .box .scroolbox .bd ul li img{float: left;width: 100%;padding-right: 5px;}
@media (max-width: 992px) {
.friendLink_scroll{display: none;}
}

/* mainBody */
.mainWrap{width: 100%;float: left;margin: 0px 0 40px;}
.main{width: 100%;margin:0px auto 0 ;}
@media (max-width: 992px) {
.mainWrap{margin-top: 0;margin-bottom: 15px;}
}

/* wap底部电话 */
.fixbar_09{z-index:999;position: fixed;bottom: 0px;left:0px;width: 100%;height: 54px;display: none;text-align: center;background: #0b528a;}
.fixbar_09 p{display: inline-block;height: 54px;}
.fixbar_09 a{float: left;color: #fff;font-size: 14px;width:100%;height: 54px;line-height: 54px;}
.fixbar_09 a img{height: 30px;float: left;float: left;margin: 12px 10px 0 0;}
.fixbar_09 a i{height: 54px;font-style: normal;float: right;line-height: 54px;overflow: hidden;font-size: 18px;}
@media (max-width: 992px) {
.fixbar_09{display: block;}
}

/*fbar_m*/
.fbar_m{position: fixed;bottom: 0;height: 54px;background:#fff;width: 100%;border-top: 1px solid #eee;display: none;z-index: 999;}
.fbar_m a{float: left;width: 20%;text-align: center;height: 50px;}
.fbar_m a .span{float: left;width: 100%;margin-top: 4px;text-align: center;font-size: 18px;}
.fbar_m a .span img{width:24px;}
.fbar_m a span{float: left;line-height: 12px;color: #555;text-align: center;width: 100%;margin-top: 4px;font-size: 12px;}
@media (max-width: 992px) {
.fbar_m{display: block;}
}


/* 通栏导航 */
.cateNav_9{width: 100%;float: left;margin:20px 0 40px;}
.cateNav_9 a{height: 56px;float: left;margin: 0 40px 0 0;transition:0.5s;}
.cateNav_9 a b{height: 56px;line-height: 56px;color: #555;float: left;font-size: 15px;text-align: center;font-weight: normal;}
.cateNav_9 a.cur{border-bottom: 3px solid #0b528a;}
.cateNav_9 a:hover{border-bottom: 3px solid #0b528a;}
.cateNav_9 .search{height:56px;float: right;font-size: 13px;}
.cateNav_9 .search .input{width: 180px;height:56px;float: left;font-size: 14px;line-height: 54px;margin: 0 0;border: 1px solid #ddd;outline: none;border-right: none;padding-left: 15px;background: #eee;}
.cateNav_9 .search .submit{width: 52px;height:56px;float: left;line-height: 30px;border:1px solid #ddd;border-left: none;background: none;color: #666;outline: none;background: #eee;}
@media (max-width: 992px) {
.cateNav_9{width: 100%;float: left;margin:0px 0 0px;background: #fff;padding: 0 0 0 15px;box-shadow: 0 3px 3px #ccc;position: relative;}
.cateNav_9 a{height: 50px;line-height: 50px;float: left;font-size: 16px;margin-right: 10px;width: auto;}
.cateNav_9 a:last-child{margin-right: 0;}
.cateNav_9 a b{height: 50px;line-height: 50px;color: #999;float: left;font-size: 15px; width: auto;background: #fff;text-align: center;font-weight: normal;}
.cateNav_9 a.cur{border-bottom: 3px solid #0b528a;color: #0b528a;}
.cateNav_9 a:hover b{color:#0b528a;background: #fff;border-bottom: 3px solid #0b528a;}
.cateNav_9 a.cur b{color:#0b528a;background: #fff;border-bottom: 3px solid #0b528a;}
.cateNav_9 .search{display: none;}
}

/*cateNav_3*/
.cateNav_3{width: 100%;float: left;margin:0px 0 0px;background: #fff;padding: 0 25px;position: relative;display: none;border-bottom: 1px solid #eee;}
.cateNav_3 a{height: 60px;line-height: 60px;color: #999;float: left;font-size: 14px;margin-right: 30px;}
.cateNav_3 a.cur{border-bottom: 3px solid #0b528a;color: #0b528a;}
@media (max-width: 992px) {
.cateNav_3{display: block;}
}


/* 通栏导航 */
.cateNav_10{width: 100%;float: left;margin:20px 0 40px;text-align: center;}
.cateNav_10 a{height: 56px;margin: 0 40px 0 0;transition:0.5s;display: inline-block;}
.cateNav_10 a b{height: 56px;line-height: 56px;color: #555;float: left;font-size: 15px;text-align: center;font-weight: normal;}
.cateNav_10 a.cur{border-bottom: 3px solid #0b528a;}
.cateNav_10 a:hover{border-bottom: 3px solid #0b528a;}

/* 通栏导航 */
.cateNav_11{width: 100%;float: left;margin:80px 0 0px;text-align: center;}
.cateNav_11 p{width: 100%;float: left;text-align: center;line-height: 40px;color: #ccc;margin-top: 40px;font-size: 16px;}
.cateNav_11 a{ display: inline-block; height: 16px; line-height: 16px;border-left: 1px solid #ddd;padding:0 40px;font-size: 16px; color: #666;}
.cateNav_11 a b{font-weight: normal;}
.cateNav_11 a:nth-child(1){border: none;}
.cateNav_11 a:hover{ color:#0d86c3;}
.cateNav_11 a.cur{ color: #0d86c3; }
@media (max-width: 992px) {
.cateNav_11{width: 100%;float: left;margin:40px 0 0px;text-align: center;padding: 0 25px;}
.cateNav_11 p{display: none;}
.cateNav_11 a{ display: inline-block; height: 16px; line-height: 16px;border-left: 1px solid #ddd;padding:0 0px;font-size: 16px; color: #666;float: left;width: 33.333%;}
.cateNav_11 a b{font-weight: normal;}
.cateNav_11 a:nth-child(1){border: none;}
.cateNav_11 a:hover{ color:#0d86c3;}
.cateNav_11 a.cur{ color: #0d86c3; }
}

/*casesul*/
.casesul{float: left;width: 100%;margin:80px 0 0;}
.casesul li{float: left;width:31%;margin: 0 3.5% 40px 0;position: relative;padding: 0 0 40px;transition:0.5s;background: #f4f4f4;}
.casesul li:nth-child(3n){margin-right: 0;}
.casesul li:hover{background: #0b528a;}
.casesul li:hover .img img{opacity: 0.2;}
.casesul li:hover .tit{color: #fff;}
.casesul li:hover .tag{opacity: 1;padding-top: 30%;}
.casesul li:hover p{color: #fff;}
.casesul li .tag{float: left;width:100%;position: absolute;z-index: 1;padding: 0% 44% 0;opacity: 0;transition:0.5s;}
.casesul li .tag img{float: left;}
.casesul li .img{float: left;width:100%;padding:0;background: #000;}
.casesul li .img img{float: left;width:100%;transition:0.5s;}
.casesul li .tit{float: left;width:100%;line-height: 44px;color: #333;overflow: hidden;font-size: 16px;padding:0px 15px 0;height: 44px;margin-top: 20px;transition:0.5s;}
.casesul li p{float: left;width:100%;color: #666;padding:0px 15px 0;line-height: 24px;height: 48px;overflow: hidden;transition:0.5s;}
@media (max-width: 992px) {
.casesul{float: left;width: 100%;margin-bottom:0px;padding:15px 15px 0;}
.casesul li{float: left;width:48.5%;margin: 0 2% 10px 0;position: relative;padding: 0 0px 20px;background: #fff;transition:0.5s;}
.casesul li:nth-child(2n){margin-right: 0;float: right;}
.casesul li:hover{background: #0b528a;}
.casesul li:hover .tit{color: #fff;}
.casesul li:hover p{color: #fff;}
.casesul li .img{float: left;width:100%;padding: 0 0%;}
.casesul li .img img{float: left;width:100%;}
.casesul li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 0px;color: #666;transition:0.5s;}
.casesul li p{float: left;width:100%;text-align: center;color: #999;}
}

.casesulshow{float: left;width: 100%;padding: 0 0px 0 0;margin-bottom:10px;}
.casesulshow li{float: left;width:100%;position: relative;padding: 25px 35px 40px;background: #f4f4f4;transition:0.5s;}
.casesulshow li:nth-child(4n){margin-right: 0;}
.casesulshow li:hover{background: #0b528a;}
.casesulshow li:hover .tit{color: #fff;}
.casesulshow li:hover em{color: #fff;}
.casesulshow li:hover span i{background: #fff;}
.casesulshow li:hover .learnmore{background: #0b528a;color: #fff;border: 1px solid #fff;}
.casesulshow li .img{float: left;width:100%;padding: 0 6%;}
.casesulshow li .img img{float: left;width:100%;}
.casesulshow li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;color: #666;transition:0.5s;}
.casesulshow li em{float: left;width:100%;text-align: center;color: #999;}
.casesulshow li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;}
.casesulshow li span i{float: left;width:100%;height: 1px;background: #666;}
.casesulshow li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;;color: #666;float: left;margin-top: 15px;border: 1px solid #ddd;transition:0.5s;}
@media (max-width: 992px) {
.casesulshow{float: left;width: 100%;padding: 0 0px 0 0;margin-bottom:10px;border-bottom: 1px solid #eee;}
.casesulshow li{float: left;width:100%;position: relative;padding: 0 25px 25px;background: #fff;transition:0.5s;}
.casesulshow li:nth-child(4n){margin-right: 0;}
.casesulshow li:hover{background: #0b528a;}
.casesulshow li:hover .tit{color: #fff;}
.casesulshow li:hover em{color: #fff;}
.casesulshow li:hover span i{background: #fff;}
.casesulshow li:hover .learnmore{background: #0b528a;color: #fff;border: 1px solid #fff;}
.casesulshow li .img{float: left;width:100%;padding: 0;}
.casesulshow li .img img{float: left;width:100%;}
.casesulshow li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;color: #666;transition:0.5s;}
.casesulshow li em{float: left;width:100%;text-align: center;color: #999;}
.casesulshow li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;}
.casesulshow li span i{float: left;width:100%;height: 1px;background: #666;}
.casesulshow li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;;color: #666;float: left;margin-top: 15px;border: 1px solid #ddd;transition:0.5s;}
}

/*通栏面包削导航*/
.addressNavAll{float: left;width: 100%;margin-bottom: 30px;margin-top: 30px;}
.addressNavAll .box{float: left;width: 100%;height: 20px;color: #888;line-height: 20px;}
.addressNavAll .box b{float: left;font-weight: normal;}
.addressNavAll .box a{float: left;color: #888;}
.addressNavAll .box span{float: left;color: #aaa;padding: 0 10px;}
@media (max-width: 992px) {
.addressNavAll{display: none;}
}
/* ganhuoul */
.ganhuoul{float: left;width:100%;font-size:13px;margin: 80px 0 0;}
.ganhuoul li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 40px;margin-bottom: 40px;border-bottom: 1px solid #eee;}
.ganhuoul li .img{width:25%;float: left;margin: 0 0 0 0;}
.ganhuoul li .img img{width:100%;float: left;transition:0.5s;}
.ganhuoul li .lir{width: 75%;padding-left: 15px;float: left;transition:0.5s;}
.ganhuoul li .lir:hover{padding-left: 25px;}
.ganhuoul li .lir .desc{width: 100%;float: right;line-height: 50px;color: #ccc;font-size: 13px;}
.ganhuoul li .lir .tt{width: 100%;float: right;font-size: 18px;font-weight: normal;line-height: 30px;color: #333;}
.ganhuoul li .lir  p{width: 100%;float: right;font-size: 14px;color: #666;line-height: 24px;}
.ganhuoul li:hover .img img{border-radius: 15px;}
.ganhuoul li:hover .lir .tt{color: #000}
@media (max-width: 992px) {
.ganhuoul{float: left;width:100%;font-size:13px;margin: 40px 0 0;padding: 0 25px;}
.ganhuoul li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 30px;margin-bottom: 30px;border-bottom: 1px solid #eee;}
.ganhuoul li .img{width:100%;float: left;margin: 0 0 0 0;}
.ganhuoul li .img img{width:100%;float: left;transition:0.5s;}
.ganhuoul li .lir{width: 100%;padding-left: 0;float: left;transition:0.5s;}
.ganhuoul li .lir:hover{padding-left: 0;}
.ganhuoul li .lir .desc{width: 100%;float: right;line-height: 30px;color: #ccc;font-size: 13px;}
.ganhuoul li .lir .tt{width: 100%;float: right;font-size: 18px;font-weight: normal;line-height: 30px;color: #333;margin-top: 10px;}
.ganhuoul li .lir  p{width: 100%;float: right;font-size: 14px;color: #666;line-height: 24px;}
.ganhuoul li:hover .img img{border-radius: 15px;}
.ganhuoul li:hover .lir .tt{color: #000}
}

/*dakaul*/
.dakaul{float: left;width: 100%;margin:80px 0 0;}
.dakaul li{float: left;width:31%;margin: 0 3.5% 40px 0;position: relative;padding: 0 0 20px;background: #fff;transition:0.5s;border-bottom: 1px solid #eee;}
.dakaul li:nth-child(3n){margin-right: 0;}
.dakaul li:hover{background: #0b528a;}
.dakaul li:hover .tit{color: #fff;}
.dakaul li:hover em{color: #fff;}
.dakaul li:hover span i{background: #fff;}
.dakaul li:hover .learnmore{background: #0b528a;color: #fff;border: 1px solid #fff;}
.dakaul li .img{float: left;width:100%;padding:0;}
.dakaul li .img img{float: left;width:100%;}
.dakaul li .tit{float: left;width:100%;line-height: 44px;color: #333;overflow: hidden;font-size: 15px;padding:0px 0px 0;height: 44px;text-align: center;margin-top: 10px;transition:0.5s;}
.dakaul li em{float: left;width:100%;text-align: center;color: #ccc;}
.dakaul li span{float: left;width:100%;padding: 0 48%;height: 1px;text-align: center;margin: 0 0 12px;}
.dakaul li span i{float: left;width:100%;height: 1px;background: #666;}
@media (max-width: 992px) {
.dakaul{float: left;width: 100%;margin-bottom:0px;padding:0 25px 0;margin-top: 40px;}
.dakaul li{float: left;width:100%;margin: 0 0% 10px 0;position: relative;padding: 0 0px 20px;background: #fff;transition:0.5s;}
.dakaul li:nth-child(2n){margin-right: 0;float: right;}
.dakaul li:hover{background: #0b528a;}
.dakaul li:hover .tit{color: #fff;}
.dakaul li:hover em{color: #fff;}
.dakaul li:hover span i{background: #fff;}
.dakaul li:hover .learnmore{background: #0b528a;color: #fff;border: 1px solid #fff;}
.dakaul li .img{float: left;width:100%;padding: 0 0%;}
.dakaul li .img img{float: left;width:100%;}
.dakaul li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 20px 0;height: 44px;text-align: center;margin-top: 0px;color: #666;transition:0.5s;}
.dakaul li em{float: left;width:100%;text-align: center;color: #999;}
.dakaul li span{float: left;width:100%;padding: 0 46%;height: 1px;text-align: center;margin: 0 0 12px;}
.dakaul li span i{float: left;width:100%;height: 1px;background: #666;}
}

/*instituteul*/
.instituteul{float: left;width: 100%;margin:80px 0 0;}
.instituteul li{float: left;width:31%;margin: 0 3.5% 40px 0;position: relative;padding: 0 0 40px;transition:0.5s;background: #f4f4f4;}
.instituteul li:nth-child(3n){margin-right: 0;}
.instituteul li:hover{background: #0b528a;}
.instituteul li:hover .img img{opacity: 0.2;}
.instituteul li:hover .tit{color: #fff;}
.instituteul li:hover .tag{opacity: 1;padding-top: 30%;}
.instituteul li:hover p{color: #fff;}
.instituteul li .tag{float: left;width:100%;position: absolute;z-index: 0;padding: 0% 44% 0;opacity: 0;transition:0.5s;}
.instituteul li .tag img{float: left;}
.instituteul li .img{float: left;width:100%;padding:0;background: #000;}
.instituteul li .img img{float: left;width:100%;transition:0.5s;}
.instituteul li .tit{float: left;width:100%;line-height: 44px;color: #333;overflow: hidden;font-size: 16px;padding:0px 15px 0;height: 44px;margin-top: 20px;transition:0.5s;}
.instituteul li p{float: left;width:100%;color: #666;padding:0px 15px 0;line-height: 24px;height: 48px;overflow: hidden;transition:0.5s;}
@media (max-width: 992px) {
.instituteul{float: left;width: 100%;margin-bottom:0px;padding:0px 25px 0;margin-top: 40px;}
.instituteul li{float: left;width:100%;margin: 0 0 10px 0;position: relative;padding: 0 0px 20px;background: #f4f4f4;transition:0.5s;}
.instituteul li:hover{background: #0b528a;}
.instituteul li:hover .tit{color: #fff;}
.instituteul li:hover p{color: #fff;}
.instituteul li .img{float: left;width:100%;padding: 0 0%;}
.instituteul li .img img{float: left;width:100%;}
.instituteul li .tit{float: left;width:100%;line-height: 44px;color: #222;overflow: hidden;font-size: 15px;padding:0px 20px 0;height: 44px;margin-top: 5px;color: #666;transition:0.5s;}
.instituteul li p{float: left;width:100%;color: #999;padding: 0 20px;line-height: 20px;height: auto;}
}

/*zsbox_wrap*/
.zsbox_wrap{ float: left;width: 100%;background: #f9f9f9;}
.zsbox.on .box .t{opacity: 1;top: 0;}
.zsbox{ float: left; margin-top: 20px;width: 100%;}
.zsbox .box{ width:100%;position:relative;float: left;margin-top: -50px;}
.zsbox .box .t{float: left;width: 100%;text-align: center;padding-bottom: 80px;opacity: 0;top:0px;position: relative;transition: 0.5s;text-align: center;}
.zsbox .box .t b{display: inline-block;line-height: 70px;font-size:20px;color: #666;font-weight: normal;text-transform: uppercase;background: #eee;padding: 0 100px;}
.zsbox .box .t p{float: left;width: 100%;text-align: center;line-height: 30px;color: #999;margin: 60px 0 0px;font-size: 14px;}
.zsbox .box .hd{ overflow:hidden;  height:120px;float: left;width: 100%;text-align: center;margin-top: 40px;}
.zsbox .box .hd b{float: left;height: 50px;font-size: 16px;color: #d30;font-weight: normal;line-height: 50px; }
.zsbox .box .hd .prevStop{ background-position:-60px 0; }
.zsbox .box .hd .nextStop{ background-position:-60px -50px; }
.zsbox .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1;width: 100%;text-align: center; }
.zsbox .box .hd ul li{ display: inline-block; width:16px; height:16px; overflow:hidden; margin:0 3px; text-indent:-999px; cursor:pointer; background:#ddd; border-radius: 100%;}
.zsbox .box .hd ul li.on{background: #0b528a;}
.zsbox .box .prev{ display:block;  width:60px; cursor:pointer; background: url(../Images/prev_arrow_60.png) no-repeat;height: 90px;position: absolute;left:-60px;top: 340px;opacity: 0.3;}
.zsbox .box .prev:hover{opacity: 0.9;}
.zsbox .box .next{ display:block;  width:60px; cursor:pointer; background: url(../Images/next_arrow_60.png) no-repeat;height: 90px;position: absolute;right: -60px;top: 340px;opacity: 0.3;}
.zsbox .box .next:hover{opacity: 0.9;}
.zsbox .box .bd{ float: left;width:100%;margin: 0 0px;padding: 0px 0%;}
.zsbox .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%; }
.zsbox .box .bd ul li{float: left;width: 16.666%;text-align: center;color: #555;cursor: pointer;}
.zsbox .box .bd ul li:hover a p{opacity: 1;}
.zsbox .box .bd ul li:hover a .img{background: #000;}
.zsbox .box .bd ul li:hover a .img img{opacity: 0.2;}
.zsbox .box .bd ul li a{float: left;width: 100%;background: #fff;border-left: 20px solid #f9f9f9;transition: 0.3s;position: relative;z-index: 1;}
.zsbox .box .bd ul li a p{float: left;width: 100%;position: absolute;z-index: 1;height: 100%;padding: 20px;color: #fff;text-align: left;line-height: 24px;opacity: 0;}
.zsbox .box .bd ul li a .img{float: left;width: 100%;border-right: 10px solid #eee;border-bottom: 10px solid #eee;}
.zsbox .box .bd ul li a .img img{float: left;width: 100%;background: #fff;transition: 0.3s;}
@media (max-width: 992px) {
.zsbox_wrap{display: none;}
.zsbox{display: none;}
}
/*zsbox_m_wrap*/
.zsbox_m_wrap{ float: left;width: 100%;background: #f9f9f9;height: auto;display: none;}
.zsbox_m{ float: left; margin-top: 0px;width: 100%;padding-bottom: 20px;display: none;}
.zsbox_m .box{ width:100%;position:relative;float: left;padding: 40px 0px 0;}
.zsbox_m .box .t{float: left;width: 100%;text-align: center;padding-bottom: 30px;position: relative;transition: 0.5s;}
.zsbox_m .box .t b{float: left;width: 100%;line-height: 24px;font-size:20px;color: #333;font-weight: normal;text-transform: uppercase;}
.zsbox_m .box .hd{ overflow:hidden;  height:50px;float: left;width: 100%;text-align: center;margin-top: 20px;}
.zsbox_m .box .hd b{float: left;height: 50px;font-size: 16px;color: #d30;font-weight: normal;line-height: 50px; }
.zsbox_m .box .hd .prevStop{ background-position:-60px 0; }
.zsbox_m .box .hd .nextStop{ background-position:-60px -50px; }
.zsbox_m .box .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:15px; zoom:1;width: 100%;text-align: center; }
.zsbox_m .box .hd ul li{ display: inline-block; width:12px; height:12px; overflow:hidden; margin:0 2px; text-indent:-999px; cursor:pointer; background:#aaa; border-radius: 100%;opacity: 0.4;}
.zsbox_m .box .hd ul li.on{ opacity: 1;}
.zsbox_m .box .prev{ display:block;  width:60px; cursor:pointer; background: url(../Images/prev_arrow_60.png) no-repeat;height: 90px;position: absolute;left:0px;top: 160px;opacity: 0.3;z-index: 100;}
.zsbox_m .box .prev:hover{opacity: 0.9;}
.zsbox_m .box .next{ display:block;  width:60px; cursor:pointer; background: url(../Images/next_arrow_60.png) no-repeat;height: 90px;position: absolute;right: 0px;top: 160px;opacity: 0.3;z-index: 100;}
.zsbox_m .box .next:hover{opacity: 0.9;}
.zsbox_m .box .bd{ float: left;width:100%;margin: 0 0px;overflow: hidden;padding: 0px 10px;}
.zsbox_m .box .bd ul{ overflow:hidden; zoom:1;float: left;width: 100%;}
.zsbox_m .box .bd ul li{float: left;width: 50%;text-align: center;color: #555;cursor: pointer;}
.zsbox_m .box .bd ul li:hover a p{opacity: 1;}
.zsbox_m .box .bd ul li:hover a .img{background: #000;}
.zsbox_m .box .bd ul li:hover a .img img{opacity: 0.2;}
.zsbox_m .box .bd ul li a{float: left;width: 100%;background: #fff;border-right: 10px solid #f9f9f9;border-left: 10px solid #f9f9f9;transition: 0.3s;position: relative;z-index: 1;}
.zsbox_m .box .bd ul li a p{float: left;width: 100%;position: absolute;z-index: 1;height: 100%;padding: 20px;color: #fff;text-align: left;line-height: 24px;opacity: 0;}
.zsbox_m .box .bd ul li a .img{float: left;width: 100%;border-right: 10px solid #eee;border-bottom: 10px solid #eee;}
.zsbox_m .box .bd ul li a .img img{float: left;width: 100%;background: #fff;transition: 0.3s;}
@media (max-width: 992px) {
.zsbox_m_wrap{display: block;}
.zsbox_m{display: block;}
}


.fixbar_07{width: 100%;height: 60px;display: none;float: left;}
.fixbar_07 a{float: left;color: #fff;font-size: 17px;width:50%;text-align: center;height: 60px;line-height: 60px;}
.fixbar_07 a.tel{background:#3487bb;width: 50%;}
.fixbar_07 a.mapnav{background:#f80;width: 50%;}
@media (max-width: 992px) {
.fixbar_07{display: block;padding: 0 15px;}
}

.serviceBox{float: left;width: 100%;margin: 20px 0 15px;border: 1px dashed #ddd;padding: 15px;line-height: 26px;background: #fafafa;}
.serviceBox img{max-width: 100%;}


.zybox{float: left;width: 100%;margin-top: 20px;}
.zybox img{max-width: 100%;}


/*plus_contact*/
.plus_contact{float: left;width: 100%;background: #3487bb;padding:40px 10%;}
.plus_contact .tel{float: left;width: 100%;background: url(../Images/telphone.png) center top no-repeat;height: 50px}
.plus_contact .text{float: left;width: 100%;text-align: center;line-height: 24px;font-size: 14px;color: #fff;}
.plus_contact .b{float: left;width: 100%;text-align: center;line-height: 50px;font-size: 30px;color: #fff;padding: 0 15px;}
@media (max-width: 992px) {
.plus_contact{display: none;}
}


#mR0{margin-right: 0;}
#allmap{float: left;width: 100%;height: 300px;}

/*pageFocus*/
.pageFocus{float: left;width: 100%;background-image: url(https://www.ghostcloud.cn/Public/Common/Images/page.jpg) ;height: 310px;background-repeat: no-repeat;background-position: center top;margin-bottom: 0px;}
.pageFocus .box{height: 310px;width: 100%;}
.pageFocus .box .c{height: 150px;margin-top: 160px;width: 23%;float: left;background:rgba(0, 0, 0, 0.2);padding: 0 40px;}
.pageFocus .box .c p{float: left;width: 100%;line-height: 50px;font-size: 30px;color: #fff;margin-top: 30px;}
.pageFocus .box .c span{float: left;width: 100%;line-height: 30px;font-size: 14px;color: #fff;text-transform: uppercase;}
@media (max-width: 992px) {
.pageFocus{display: none;}
}

/*移动端栏目导航*/
.mPageNavBt{float: left;width: 100%;height: 40px;text-align: center;line-height: 40px;display: none;color: #fff;cursor: pointer;font-size: 18px;background: #999;}
.mPageNav{width:100%;float: left;background: #aaa;display: none;margin-bottom: 15px;}
.mPageNav a{width: 20%; line-height: 40px;text-align: center;color: #fff;float: left;background: #aaa;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.mPageNav a.cur{background:#0b528a;}
@media (max-width: 992px) {
.mPageNav{display: block;}
.mPageNavBt{display: none;}
}

/* 通栏 */
.allBar{float: left;width: 100%;}
.allBar .title{float: left;width: 100%;height: 40px;text-indent: 15px;line-height: 40px;background: #f6f6f6;}
.allBar .content{width: 100%;float: left;}

/* 主体 */
.mainBar{width: 940px;background: #fff;}
.mainBar .box{float: left;width:100%;}
.mainBar .box .t{float: left;width: 100%;height: 50px;line-height: 50px;font-size: 16px;border-bottom: 3px solid #eee;margin-top:20px;}
.mainBar .box .t b{font-weight: normal;color: #333;height: 50px;border-bottom: 3px solid #3487bb;float: left;font-size: 16px;}
.mainBar .box .c{width: 100%;float: left;margin: 0px 0px;padding: 0;}
.mainBar .box .c .newsul{width: 100%;float: left;margin: 10px 0;}
.mainBar .box .c .newsul li{width: 100%;float: left;color: #C1C1C3;}
.mainBar .box .c .newsul li a{line-height:26px;color:#333;text-indent: 15px;float: left;}


@media (max-width: 992px) {
.mainBar{width: 100%;padding: 0 25px;}
}

/* 侧边 */
.sideBar{width: 200px;}
.sideBar .ad{float: left;width: 100%;}
.sideBar .ad img{float: left;width: 100%;margin: 0 0 12px 0;}
.sideBar .box{float: left;width: 100%;margin: 0 0 12px 0;}
.sideBar .box .t{float: left;width: 100%;margin:0 0px;height: 40px;line-height: 40px;font-size: 15px;background: #3487bb;text-indent: 20px;}
.sideBar .box .t strong{font-weight: normal;color: #fff;height: 40px;line-height: 40px;float: left;}
.sideBar .box .c{width: 100%;float: left;}
.sideBar .box .c .newsul{width: 100%;float: left;margin: 10px 0;}
.sideBar .box .c .newsul li{width: 100%;float: left;color: #C1C1C3;line-height: 26px;height: 26px;overflow: hidden;}
.sideBar .box .c .newsul li span{height:26px;color:#555;float: left;width: 10px;margin-left: 20px;}
.sideBar .box .c .newsul li a{height:26px;color:#555;text-indent: 5px;float: left;width: 240px;}
@media (max-width: 992px) {
.sideBar{width: 100%;}
}

/*面包削导航*/
.addressNav{float: left;width: 100%;height: 52px;line-height: 52px;font-size: 14px;color: #888;}
.addressNav a{color: #888;float: left;}
.addressNav span{color: #ddd;float: left;padding: 0 8px;}
.addressNav b{color: #888;float: left;font-weight: normal;}
@media (max-width: 992px) {
.addressNav{display: none;}
}


/* 文档内容页 */
.htmlcontent{float: left;width: 100%;margin:0px 0 0;}
.htmlcontent .hr{float: left;width: 100%;background: #eee;height: 1px;margin: 25px 0;}
.htmlcontent h1{float: left;width: 100%;line-height:60px;font-size: 24px;color: #333;}
.htmlcontent .b{float: left;width: 100%;line-height:26px;font-size: 14px;color: #333;font-weight: bold;}
.htmlcontent .info{float: left;width: 100%;line-height: 20px;color: #ddd;margin-bottom: 20px;}
.htmlcontent .info a{color: #ddd;}
.htmlcontent .text{float: left;width: 100%;line-height: 30px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;}
.htmlcontent .text p{float: left;width: 100%;line-height: 30px;font-size: 15px;margin: 0;padding: 0;}
.htmlcontent .text p img{max-width: 100%;}
.htmlcontent .text img{max-width: 100%;}
@media (max-width: 992px) {
.htmlcontent{margin-bottom: 20px;margin-top: 20px;}
.htmlcontent h1{line-height:30px;font-size: 18px;margin-bottom: 15px;margin-top: 10px;}
}
.video_pc{float: left;width: 100%;}

/* 文档内容页 */
.contactcontent{float: left;width: 100%;margin:0px 0 100px;}
.contactcontent .map{float: left;width: 50%;}
.contactcontent .map img{width: 100%;}
.contactcontent .text{float: left;width: 50%;line-height: 30px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;padding-left: 50px;}
.contactcontent .text p{float: left;width: 100%;line-height: 30px;font-size: 15px;margin: 0;padding: 0;}
.contactcontent .text p img{max-width: 100%;}
.contactcontent .text img{max-width: 100%;}
@media (max-width: 992px) {
.contactcontent{padding: 0 25px;margin: 20px 0;}
.contactcontent .map{float: left;width: 100%;}
.contactcontent .text{float: left;width: 100%;line-height: 30px;font-size: 15px;margin:0px 0 0 ;padding: 0;color: #444;padding-left: 00px;text-align: center;}
}



/* list_42 */
.list_42{float: left;width:100%;font-size:12px;padding: 0px 0 0 0;display: none;}
.list_42 li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-top: 20px;border-bottom: 1px solid #eee;}
.list_42 li .img{width:32%;float: right;}
.list_42 li .img img{width:100%;float: left;}
.list_42 li .text{float: left;width: 68%;padding-right: 15px;}
.list_42 li .text .desc{width: 100%;float: left;line-height: 20px;color: #ccc;font-size: 14px;}
.list_42 li .text .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 22px;margin-bottom: 8px;color: #333;height: 44px;}
.list_42 li .text .tt:hover{color: #000}
.list_42 li .text  p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;}
@media (max-width: 992px) {
.list_42{display: block;}
}

/*share_01*/
.share_01{float: left;width: 100%;margin-bottom: 20px;}

/*htmlPn_01*/
.htmlPn_01{float: left;width: 100%;line-height: 30px;font-size: 14px;font-weight: normal;margin:10px 0;color: #666;border-top: 1px solid #e5e5e5;margin-top: 20px;padding-top: 15px;}
.htmlPn_01 p{float: left;width: 100%;}
.htmlPn_01 p a{color: #333;}

/*list_1*/
.list_1{float: left;width: 100%;}
.list_1 .li{float: left;width: 100%;margin-bottom: 20px;background: #eee;}
.list_1 .li:hover{background: #E77817;}
.list_1 .li:hover .tt{color: #fff;border-bottom: 1px solid #fff;}
.list_1 .li:hover p{color: #fff;}
.list_1 .li .img{float: left;width:300px;height: 180px;}
.list_1 .li .img img{float: left;width:300px;height: 180px;}
.list_1 .li .tt{float: left;width:440px;height:60px;margin: 25px 50px 0px;line-height: 60px;text-align: center;color: #222;font-size: 18px;border-bottom: 1px solid #ddd;overflow: hidden;}
.list_1 .li p{float: left;width:440px;height:60px;margin: 14px 50px 0;text-align: center;line-height: 22px;}

/* list_2 */
.list_2{float: left;width:100%;font-size:12px;margin:0 0px 15px;}
.list_2 li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px dotted #ccc;}
.list_2 li .tt{width: 100%;;float: left;font-size: 16px;line-height: 20px;margin-bottom: 5px;color: #222;}
.list_2 li span{width: 100%;float: left;font-size: 13px;color: #999;line-height: 22px;margin-top: 5px;}
.list_2 li p{width: 100%;float: left;font-size: 13px;color: #555;line-height: 22px;}
.list_2 li .more{width: 100%;float: left;font-size: 13px;color: #999;line-height: 26px;margin-top: 7px;}
.list_2 li .more i{height: 26px;width: 26px;float: left;line-height: 26px;text-align: center;background: #3487bb;color: #fff;font-family: simsun;font-style: normal;}
.list_2 li .more em{height: 26px;float: left;line-height: 26px;color:#fff;background: #000;padding: 0 15px;font-style: normal;}

/* list_3 */
.list_3{float: left;margin:0px 0px 0px;width:100%;font-size:12px;padding: 0px 0 0 0;}
.list_3 li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.list_3 li .lir{float: left;width: 100%}
.list_3 li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;}
.list_3 li .lir .desc a{color: #aaa;}
.list_3 li .lir .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 24px;margin-bottom: 4px;color: #333;}
.list_3 li .lir .tt:hover{color: #000}
.list_3 li .lir p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;}
.list_3 li .lir span{display: none;}
@media (max-width: 992px) {
.list_3{float: left;margin:10px 0px 0px;width:100%;font-size:12px;padding: 0px 0 0 0;display: none;}
.list_3 li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.list_3 li .lir{float: left;width: 100%}
.list_3 li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;display: none;}
.list_3 li .lir .desc a{color: #aaa;}
.list_3 li .lir .tt{width: 100%;float: left;font-size: 14px;font-weight: normal;line-height: 20px;margin-bottom: 4px;color: #333;}
.list_3 li .lir .tt:hover{color: #000}
.list_3 li .lir p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;display: none;}
.list_3 li .lir span{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;display: block;}
}

.list_3_institution{float: left;margin:10px 0px 0px;width:100%;font-size:12px;padding: 0px 0 0 0;}
.list_3_institution li{width:100%;overflow:hidden;clear:both;padding: 0px 0px 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.list_3_institution li .lir{float: left;width: 100%}
.list_3_institution li .lir .desc{width: 100%;float: left;line-height: 40px;color: #aaa;font-size: 13px;}
.list_3_institution li .lir .desc a{color: #aaa;}
.list_3_institution li .lir .tt{width: 100%;float: left;font-size: 16px;font-weight: normal;line-height: 24px;margin-bottom: 4px;color: #333;}
.list_3_institution li .lir .tt:hover{color: #000}
.list_3_institution li .lir p{width: 100%;float: left;font-size: 13px;color: #666;line-height: 24px;}
.list_3_institution li .lir span{display: none;}



/*list_6*/
.list_6{width: 100%;float: left;padding: 0 0 0 20px;}
.list_6 .li{width: 110px;height: 144px;float: left;margin: 0 15px 15px 0;}
.list_6 .li p{float: left;width: 100%;height: 34px;line-height: 34px;text-align: center;background: #f4f4f4;overflow: hidden;padding: 0 10px;}
.list_6 .li .img{width: 110px;height: 110px;float: left;}

/*list_7*/
.list_7{float: left;width: 70%;overflow: hidden;padding-top: 12px;}
.list_7 li{float: left;width: 100%;line-height: 30px;overflow: hidden;}
.list_7 li a{float: left;overflow: hidden;font-size: 14px;}
.list_7 li span{float: right;overflow: hidden;color: #ddd;}

/* list_16 */
.list_16 {float: left;width: 1050px;}
.list_16  li{float: left;width:260px;margin: 0 35px 20px 0 ;position: relative;height: 385px;border: 1px solid #eee;padding: 15px;}
.list_16  li:hover{background: #fafafa;border: 1px solid #E77817;}
.list_16  li:hover .learnmore{background: #E77817;color: #fff;}
.list_16  li .img{float: left;width:100%;}
.list_16  li .img img{float: left;width:100%;}
.list_16  li .tit{float: left;width:100%;line-height: 34px;color: #222;overflow: hidden;font-size: 15px;padding:10px 0px 0;height: 44px;text-align: center;}
.list_16  li p{float: left;width:100%;line-height: 24px;color: #555;padding: 0 0px;height: 24px;overflow:hidden;margin-top: 5px;text-align: center;}
.list_16 li .learnmore{width: 100%;height: 40px;line-height: 40px;text-align: center;background: #ddd;color: #555;float: left;margin-top: 5px;}

.list_4{float: left;width: 100%;margin-top: 17px;padding: 0 20px;}
.list_4 li{float: left;width: 100%;height: 20px;margin: 0 0 13px;}
.list_4 li a{float: left;line-height: 20px;width: 100%;overflow: hidden;height: 20px;}


/* pageSize_1 */
.pageSize_1{float: left;line-height: 34px;border: 1px solid #ddd;border-right: 0;margin-bottom: 20px;overflow: hidden;font-size: 14px;background: #fff;}
.pageSize_1 a,.pageSize_1 b,.pageSize_1 .current{padding:0 15px;line-height: 34px;height: 34px;text-align: center;color: #555;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;border-right: 1px solid #ddd;float: left;}
.pageSize_1 .current{background: #ddd;color: #333;}
@media (max-width: 992px) {
.pageSize_1{display: none;}
}

/* pageSize_2 */
.pageSize_2{float: right;line-height: 24px;border-right: 0;margin-bottom: 20px;overflow: hidden;font-size: 14px;}
.pageSize_2 a,.pageSize_2 b,.pageSize_2 .current{padding:0 8px;line-height: 24px;height: 24px;text-align: center;color: #888;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;float: left;}
.pageSize_2 .current{color: #E77817;}

.pageSize_4{float: left;margin-bottom: 15px;overflow: hidden;font-size: 14px;display: none;padding:0 15px;width: 100%;}
.pageSize_4 a{padding:0 15px;line-height: 44px;height: 44px;text-align: center;color: #999;font-weight: normal;border: 1px solid #d4d4d4;float: left;background: #ddd;width: 100%;border-radius: 44px;}
.pageSize_4 a:nth-child(2){margin-top: 10px;}
@media (max-width: 992px) {
.pageSize_4{display: block;}
}

/*html_re_1*/
.html_re_1{float: left;width: 100%;}
.html_re_1 .ttt{float: left;width: 100%;border-bottom: 1px solid #e5e5e5;line-height: 50px;color: #3487bb;font-size: 16px;margin-top: 20px;}


/* 侧边导航 */
.cateNav_2{width: 100%;float: left;}
.cateNav_2 a{height: 80px;line-height: 80px;color: #333;width: 100%;float: left;margin: 0 0 1px;font-size: 16px;background: #fff; text-align: center;transition: 0.3s;}
.cateNav_2 a.cur{background:#3487bb;color: #fff}
.cateNav_2 a:hover{background:#959595;color: #fff}
@media (max-width: 992px) {
.cateNav_2  a{display: none;}
}

.taglist_1{width: 100%;float: left;margin-bottom: 20px;}
.taglist_1 b{float: left;line-height: 30px;height: 30px;background: #eee;padding: 0 16px;margin: 0 1px 0 0;}
.taglist_1 a{float: left;line-height: 30px;height: 30px;background: #eee;padding: 0 16px;margin: 0 1px 0 0;}
.taglist_1 a:hover{background: #c00;color: #fff;}


.contentuser{float: left;width: 100%;line-height: 34px;}
.ad1200wrap{float: left;width: 100%;}
.ad1200{width: 1200px;margin: 0 auto;}

.ad100{float: left;width: 100%;margin-top: 20px;}
.ad100 .box{width: 100%;float: left;}
.ad100 .box a{width: 100%;float: left;}
.ad100 .box a img{width: 100%;float: left;}
.ad100 .box img{width: 100%;float: left;}
@media (max-width: 992px) {
.ad100{display: none;}
}

.indexad100{float: left;width: 100%;margin-top: 15px;}
.indexad100 .box{width: 100%;float: left;}
.indexad100 .box a{width: 49%;float: left;}
.indexad100 .box a img{width: 100%;float: left;}



/*common*/
.len_10{width: 10%;}
.len_20{width: 20%;}
.len_30{width: 30%;}
.len_40{width: 40%;}
.len_50{width: 50%;}
.len_60{width: 60%;}
.len_80{width: 80%;}
.len_100{width: 100%;}
.hei_10{height: 10px;}
.hei_20{height: 20px;}
.hei_30{height: 30px;}
.hei_40{height: 40px;}
.hei_50{height: 50px;}
.hei_60{height: 60px;}
.hei_80{height: 80px;}
.hei_100{height: 100px;}
.hei_120{height: 120px;}

.len_20{width: 20%;}
.len_30{width: 30%;}
.len_40{width: 40%;}
.len_50{width: 50%;}
.len_60{width: 60%;}
.len_70{width: 70%;}
.len_80{width: 80%;}
.len_90{width: 90%;}
.len_100{width: 100%;}


@media (max-width: 992px) {
.len_10{width: 100%;}
.len_20{width: 100%;}
.len_30{width: 100%;}
.len_40{width: 100%;}
.len_50{width: 100%;}
.len_60{width: 100%;}
.len_70{width: 100%;}
.len_80{width: 100%;}
.len_90{width: 100%;}
.len_100{width: 100%;}
.btn{width: 100%;}
}





.contentuser{float: left;width: 100%;line-height: 34px;}
.ad1200wrap{float: left;width: 100%;}
.ad1200{width: 1200px;margin: 0 auto;}



.guess{width:920px;background-color:white;float: left;}
.guessP{height:24px;font-size:13px;float: right;margin: 8px 0 0 0;}
.cirpage{height:22px;width:22px;border-radius:50%;float:left;background-color:#E3393B;line-height:22px;text-align:center;color:white;margin-left:8px;border:1px solid #A9A9A9;cursor:pointer;font-weight: normal;color: #ddd;}
.guess_sp{width:100%;overflow: hidden;float: left;}

.mT10{margin-top: 10px;}
.mT20{margin-top: 20px;}
.mL10{margin-left: 10px;}

iframe{width:100%;height:100%;border:none;}
table{width:100%;}
table,th,td{ border-collapse: collapse;color: #555;}
th{ text-align: right;}
th,td{padding:10px 6px;}
label{float: left;}
.checkbox{width: auto;height: auto;float: left;margin: 4px 0 0 0;}
.input{ border:solid 1px #e5e5e5;height:36px;padding:6px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;line-height: 20px;}
.button{ border:solid 1px #e5e5e5;height:32px;padding:6px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;}
.submit {
background: #555;
height: 30px;
padding: 0px 17px;
line-height: 28px;
color: #fff;
font-size: 14px;
cursor: pointer;
border: none;

border-radius: 3px;
}
.radio{float: left;vertical-align:middle; margin: 3px 5px 0 0;}
.select{ border:solid 1px #e5e5e5;height:36px;padding:7px 6px;color:#888;background:#fff; vertical-align: middle;margin-right: 10px;float: left;}
.inputlong{width: 400px;}
textarea{ border:solid 1px #e5e5e5;height:30px;padding:3px 6px;color:#888;background:#fff; vertical-align: middle;font-size: 14px;outline: none;}
select{border:solid 1px #ccc;}
.file{float: left;margin: 7px 10px 0 0;}
img{border:none; vertical-align: middle;}
.len55{width:55px;}
.len70{width:70px;}
.len90{width:90px;}
.len100{width:100px;}
.len150{width:159px;}
.len200{width:200px;}
.len250{width:250px;}
.len220{width:220px;}
.len300{width:300px;}
.len350{width:350px;}
.len400{width:400px;}
.tip{float: left;line-height: 36px;margin-right: 15px;color: #ccc;}
.tip em{color: #3487bb;font-style: none;float: left;line-height: 36px;}
.tipred{float: left;line-height: 35px;margin-right: 15px;color: #f00;}
.l{float:left;}
.r{float:right;}
em{color:#3487bb;font-style:normal;border-collapse:collapse;}/**红星**/
.submit{background:#E77817;height:36px;padding:0px 25px;line-height:36px;color:#fff;font-size:14px; cursor: pointer;border: none;border-radius: 3px;}
.error{padding:3px;line-height: 1.2em;margin-top:8px; font-size:12px;color:#f00;}
span.msg{color:#666;border:solid 1px #e5e5e5;padding:6px;margin-left:10px;}
.content{padding:10px;}
/*****分页处理*******/

.page {font-size:12px;color:#666;PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px;}
.page .count,.page .nowpage{margin-right:10px;}
.page .selfpage {background:#2E6AB1;color:#fff;BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none}
.page a {BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none}
.page a:hover {BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow}
.page a:active {BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow}
.page span.current {BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1}
.page span.disabled {BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid}
.page #pagekeydown{}
.page input{height:22px;line-height:16px;padding:0px 0px;margin:0px;margin-right: 5px;}
.page button{height:22px;line-height: 6px;display: inline;}
.page select{}

/****表格样式2********/
.tableborder{width:100%;margin: 0px 0 20px 0px;float: left;background: #f1f1f1}
.tableborder,.tableborder td{border:solid 1px #fff;}
.tableborder th{border:solid 1px #fff;}
.tableborder thead tr td{background: #eee;color:#ddd;}

/****表格样式1********/
.table{width:100%;margin:0 0 0 0;float: left;}
.table,.table td{border:solid 1px #fff;}
.table th{border:solid 1px #fff;width:100px;}
.table thead tr td{background: #fff;color:#ddd;}

.tablenew{width:100%;margin:0 0 0 0;float: left;}
.tablenew td{border-bottom:solid 1px #f1f1f1;line-height: 24px;}
.tablenew th{border:solid 1px #eee;background: #eee;border-top: 3px solid #ddd;text-align: left;}
.tablenew thead tr td{background: #eee;color:#ddd;}

.tablenewborder{width:100%;margin:0 0 0 0;float: left;}
.tablenewborder td{border:solid 1px #e5e5e5;line-height: 24px;}
.tablenewborder th{border:solid 1px #ddd;background: #eee;text-align: left;}
.tablenewborder tr .td{background: #f4f4f4;}
.tablenewborder tr .td1{background: #f8f8f8;}

/******按钮*******/
.bt1{padding:8px 15px;margin-right:6px; background: #ccc;color:#000;border-radius: 3px; text-align: center;float:left;display: block;cursor: pointer;}
.bt2{padding:8px 15px;margin-right:6px; background: #4884D5;color:#fff;border-radius: 3px; text-align: center;float:left;display: block;cursor: pointer;}

.pagesize{float: left;line-height: 34px;border: 1px solid #ddd;border-right: 0;overflow: hidden;font-size: 14px;}
.pagesize a,.pagesize b,.pagesize .current{padding:0 15px;line-height: 34px;height: 34px;text-align: center;color: #555;text-shadow:1px 1px 0 #fff;display: inline-block;font-weight: normal;border-right: 1px solid #ddd;float: left;}
.pagesize .current{background: #e3e3e3;color: #222;}

/******子导航列表*******/
.navsonlist{float: left;width: 90%;margin:20px 20px 0;}
.navsonlist a{float: left;height: 26px;padding:0 10px;background: #ddd;line-height: 26px;text-align: center;color: #888;margin-right: 5px;border-radius: 3px;font-size: 12px;}
.navsonlist a:hover{background: #aaa;color: #fff;}
.navsonlist a.cur{background: #aaa;color: #fff;}

/**容器**/
.containers{float: left;width: 100%;margin: 0px 0px 0;padding: 0;font-size: 13px;color: #666;}
.containers .h2{float: left;width: 100%;line-height: 36px;color: #555;border-bottom: 1px solid #ddd;font-size: 14px;font-weight: normal;padding: 0;margin: 0 0 10px;}
.containers .box{float: left;width: 100%;line-height: 26px;}
.containers .box .hr{float: left;width: 100%;margin: 15px 0;border-bottom: 1px dashed #ddd;}
.containers .table{width:100%;margin: 10px 0 0 0px;float: left;}
.containers .table{border:solid 1px #ddd;}
.containers .table td{border:solid 1px #ddd;}
.containers .table thead tr td{background: #eee;color:#ddd;}
.containers .tablenoborder{width:100%;margin: 10px 0 0 0px;float: left;}
.containers .tablenoborder{border:none;}
.containers .tablenoborder td{border:none;}
.containers .tablenoborder thead tr td{background: #eee;color:#ddd;}
.containers .p{float: left;width: 100%;float: left;line-height: 26px;}
.containers .form{float: left;width: 100%;color: #666;}
.containers .form .li{float: left;width: 100%;margin: 0 0 10px;}
.containers .form .li .textarea{height: 80px;}
.containers .form .li .button{border-radius: 3px;height: 30px;}
.tablef12{font-size: 12px;}
.tip2 {float: left;line-height: 37px;margin-right: 15px;color: #aaa;}

/**文字颜色**/
.tred{color:#3487bb}
.torange{color:#f00}
.tgreen{color:green}
.tgrey{color:grey}
.tccc{color:#ccc}
.tccc:hover{color:#3487bb}

.star{float: left;line-height: 34px;color: #3487bb;}
.guess{width:920px;background-color:white;float: left;}
.guessP{height:24px;font-size:13px;float: right;margin: 8px 0 0 0;}
.cirpage{height:22px;width:22px;border-radius:50%;float:left;background-color:#E3393B;line-height:22px;text-align:center;color:white;margin-left:8px;border:1px solid #A9A9A9;cursor:pointer;font-weight: normal;color: #ddd;}
.guess_sp{width:100%;overflow: hidden;float: left;}

/****表格 表单********/
.tableform{width:100%;margin: 0px 0 20px 0px;float: left;}
.tableform,.tableform td{border:solid 1px #fff;}
.tableform th{border:solid 1px #fff;width:100px;}
.tableform tr td{padding:7px 5px;}
.tableform tr td label{margin-bottom: 0;}
.tableform tr td .labeltext{float: left;margin-right: 20px;}
.tableform tr td .em{float: left;color: red;line-height: 36px;margin-right: 5px;}

.tbox{width:100%;float:left;}
.jquerytip{float: left;line-height: 36px;}

@media (max-width: 992px) {
.alert{    padding-top: 8px;padding-bottom: 8px;padding-left: 8px;margin-bottom: 10px;}
}

@media (max-width: 992px) {
.backToTop{display: none;}
}