.pro_banner{ position: relative; top:73px; width: 100%; }
.pb_img{ width: 100% }
.procuct_ba{ width: 100%; position: relative; }
.pro_img{ display: block; width:100%; }
.pro_nav{ background: rgba(0,0,0,.4);background: #4c4a4f\9; width: 100%; height: 118px;left:0px;padding-top: 12px; position: absolute; bottom: 0px;}
.pro_tit{float: left; width: 135px; text-align: right;font-size: 16px; color: #bfc7d1;line-height: 30px;font-weight: 300;margin-right: 10px; }
.pro_tit .name{color: #009900;}


.pro_menu{ float: left }
.pro_menu li{ float: left;text-align: center;position: relative; bottom: 0px;height: 106px; #bottom:-11px;}
.pro_menu li a{ margin-right: 2px;width:208px; height: 100%;  display: block;}
.pro_menu h3{ font-size: 18px; color: #fff; line-height: 40px;text-align: left; padding-left:10px; position: relative;z-index: 3}
.pro_menu p{ float: left;text-align: left;line-height: 20px; width: 100px; overflow: hidden; padding-left:10px;}
.pro_imgs{ width: 130px; float: right; margin-top: -81px;#margin-top: -80px; }

.pro_menu li:hover,.pro_menu .slected_pro{height: 169px;bottom: 63px;#bottom:51px;  -webkit-transition:bottom 800ms; transition:bottom 800ms; }
.pro_menu li a:hover h3 ,.slected_pro  h3{font-size: 24px;line-height: 60px;}
.pro_menu li a:hover p ,.slected_pro  p{ display: none; }
.pro_menu li a:hover .pro_imgs ,.slected_pro .pro_imgs { width: 208px;float: none; text-align: center;margin-top: -60px; -webkit-transition:margin-top 800ms; transition:margin-top 800ms;} 


.pro_con{ background-color: #f6f8f9; width: 100%;padding-top: 30px;margin-top: 70px;}
.pro_l{float: left;width:620px;}
.pro_con h1,.pro_con h3{ color: #104093; }
.pro_con h1{ font-size: 26px; }
.pro_con h3{ font-size: 16px;margin: 20px 0px 10px; }
.pro_con h3 b{ font-size: 48px; }
.pro_con h4{font-size: 16px;margin: 20px 0px 10px; color: #ff8400}

.pro_con img{ float: right;width: 580px; }
.pro_more{ display: block; margin-top: 30px; padding: 8px; background-color: #104093;;color: #fff;width: 200px;  }


.pro1{   background: #6d56e6;background: -webkit-radial-gradient(#8769fd,#6d56e6); background: -o-radial-gradient(#8769fd,#6d56e6); 
	background: -moz-radial-gradient(#8769fd,#6d56e6); background: radial-gradient(#8769fd,#6d56e6);  background: radial-gradient(#8769fd,#6d56e6);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8769fd', endColorstr='#6d56e6',GradientType=0 );}
:root .pro1{filter:none;}
.pro1 p{color: #8769fd; }
.pro2{   background: #027c9e;background: -webkit-radial-gradient(#009aca,#027c9e); background: -o-radial-gradient(#009aca,#027c9e); 
	background: -moz-radial-gradient(#009aca,#027c9e); background: radial-gradient(#009aca,#027c9e);  background: radial-gradient(#009aca,#027c9e);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009aca', endColorstr='#027c9e',GradientType=0 );}
:root .pro2{filter:none;}
.pro2 p{color: #009aca; }
.pro3{   background: #2b3478;background: -webkit-radial-gradient(#4e57a6,#2b3478); background: -o-radial-gradient(#4e57a6,#2b3478); 
	background: -moz-radial-gradient(#4e57a6,#2b3478); background: radial-gradient(#4e57a6,#2b3478);  background: radial-gradient(#4e57a6,#2b3478);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e57a6', endColorstr='#2b3478',GradientType=0 );}
:root .pro3{filter:none;}
.pro3 p{color: #4e57a6; }
.pro4{   background: #004bc3;background: -webkit-radial-gradient(#0261da,#004bc3); background: -o-radial-gradient(#0261da,#004bc3); 
	background: -moz-radial-gradient(#0261da,#004bc3); background: radial-gradient(#0261da,#004bc3);  background: radial-gradient(#0261da,#004bc3);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0261da', endColorstr='#004bc3',GradientType=0 );}
:root .pro4{filter:none;}
.pro4 p{color: #0261da; }
.pro5{   background: #ff8400;background: -webkit-radial-gradient(#ffb01f,#ff8400); background: -o-radial-gradient(#ffb01f,#ff8400); 
	background: -moz-radial-gradient(#ffb01f,#ff8400); background: radial-gradient(#ffb01f,#ff8400);  background: radial-gradient(#ffb01f,#ff8400);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb01f', endColorstr='#ff8400',GradientType=0 );}
:root .pro5{filter:none;}
.pro5 p{color: #ffb01f; }

.pro_kx{ background: rgba(0,0,0,.4); width:100%; height: 118px;padding-top: 12px; position: absolute; bottom: 0px; margin: 0 auto; left: 0px;background: #4c4a4f\9}
.pro_kx .pro_tit{ margin-left: 610px; }
.kx_wrap { width:1200px; margin: 0 auto;  }
.pro_menu li .kx_a{ width: 434px; }
.kx_wrap li .pro_imgs{ width: 200px;margin-top: -35px;}
.kx_wrap li a:hover .pro_imgs ,.kx_wrap .slected_pro .pro_imgs {  width: 434px;height: 192px; float: none; text-align: center;margin-top: -67px; -webkit-transition:margin-top 800ms; transition:margin-top 800ms;} 

/* 云计算 */
.yun_banner {  position: relative;  top: 73px; width: 100%;min-width: 1200px;height:575px;background: url(../images/yun_banner.jpg) center  no-repeat;}
.yun_img1{ width: 100%; position: relative;z-index:2; }
.yun_con{ overflow: hidden; }
.yun_img2{ float: left; width: 792px;margin:20px 0px; }
.yun_img3{ float: right; width: 385px; margin:20px 0px;}
.yun_list{ overflow: hidden; }
.yun_list img{ float: left; width: 385px; }
.yun_img4{margin: 0px 23px 40px 21px;}


/* 7.03修改 */
.sjsh_news{ background-color:#f6f8f9;width: 100%; padding: 30px 0px 60px; }
.sjsj_news_hot{  width: 575px; margin-left: 20px; float: left; color: #000; font-size: 12px; }
.sjsj_news_hot h3{ font-size: 16px;color: #104093; line-height: 40px; font-weight: bold;}
.sjsj_news_hot p{ line-height: 30px; height: 150px; overflow: hidden;margin-top: 25px; }

.sjsh_list{ float: left; width: 525px; margin-left: 55px;}
.sjsh_list h3{ color: #000; font-size: 14px;line-height: 40px; border-bottom: 2px solid #e9e9ee; }
.sjsh_list ul{width: 500px; margin-top: 25px;height: 150px; overflow: hidden; }
.sjsh_list li{ display: block; line-height: 30px;color: #000;overflow: hidden; }
.sjsh_list li span{ padding-right: 20px;float: left; }
.sjsh_list li a{color: #000;width: 400px;float: left; }

.sjsh_all{overflow: hidden; width: 1200px;margin: 0 auto 40px; }
.sjsh_all .bd{ width: 1200px; overflow: hidden; height:400px;   }
.bd_pro{ width: 100%; height:400px; overflow: hidden;}
.pro_left{ width: 600px; float: left; height:400px; text-align: center; background-color: #e9e9ee;}
.pro_right{float: left; width: 500px; margin-left: 55px;}
/*.pro_left img{ display: block; margin:65px auto;}*/
.pro_right h1{ font-size: 50px;padding: 40px 0px 20px; }
.pro_right h3{ font-size: 16px; line-height: 60px;}
.pro_right p{color: #878787;}
.pro_right a{margin-top:30px ;background-color: #1399f0;display: block; width: 105px; height: 30px; line-height: 28px; color: #fff; font-size: 18px;text-align: center; border-radius: 20px;}

.prohd{ width: 240px; position: relative;height: 221px;float: left; }
.prohd img{display: block;width: 240px; position: absolute;height: 221px; }
.prohd .bg{  width: 240px; height: 221px;  background:url(../images/new_pro_bg.png) repeat;position: absolute; }
.pro_hd_con{ text-align: center; position: relative;z-index: 2;padding-top: 60px;}
.pro_hd_con h3{ font-size: 20px; color: #fff;line-height: 40px; }
.pro_hd_con p {font-size: 22px;  line-height: 25px; color: #fff;}
/* .pro_hd_con .pro_hd1{color: #886bf9;}
.pro_hd_con .pro_hd2{color: #25a8d0;}
.pro_hd_con .pro_hd3{color: #313d9e;}
.pro_hd_con .pro_hd4{color: #2a75d9;}
.pro_hd_con .pro_hd5{color: #fcc25e;} */
/* .prohd:hover .bg,.sjsh_all .hd .on .bg{display: block;}
.prohd:hover .pro_hd_con,.sjsh_all .hd .on .pro_hd_con { padding-top: 60px;text-align: center; }
.prohd:hover .pro_hd_con p,.sjsh_all .hd .on .pro_hd_con p{ font-size: 18px;color: #fff; }
 */


.prohd:hover .bg,.sjsh_all .hd .on .bg{display: none;}
.prohd:hover .pro_hd_con,.sjsh_all .hd .on .pro_hd_con {padding:20px 0px 0px 20px;text-align: left; }
.prohd:hover .pro_hd_con p,.sjsh_all .hd .on .pro_hd_con p{ font-size: 18px;color: #fff; }
.prohd:hover .pro_hd_con .pro_hd1,.sjsh_all .hd .on .pro_hd_con .pro_hd1{color: #957bfa;}
.prohd:hover .pro_hd_con .pro_hd2,.sjsh_all .hd .on .pro_hd_con .pro_hd2{color: #09e2fb;}
.prohd:hover .pro_hd_con .pro_hd3,.sjsh_all .hd .on .pro_hd_con .pro_hd3{color: #4a58bd;}
.prohd:hover .pro_hd_con .pro_hd4,.sjsh_all .hd .on .pro_hd_con .pro_hd4{color: #35abfd;}
.prohd:hover .pro_hd_con .pro_hd5,.sjsh_all .hd .on .pro_hd_con .pro_hd5{color: #50e8ad;}

.sjsh_more{  font-size: 12px;color: #104093;  float: right;}

.kxkj_a{ float: left; width: 50%; }
.kxkj_a img{ width: 100%; }


/* 开心轮播 */
.kaixin_banner {  overflow: hidden; position: relative;width: 100%;top: 90px;}
.kaixin_banner .hd {bottom: 25px; height: 15px;overflow: hidden; position: absolute; z-index: 1;width: 125px; margin: 0 -62px;left: 50%;}
.kaixin_banner .hd ul {float: left; overflow: hidden;}
.kaixin_banner .hd ul li {background: #fff;cursor: pointer; float: left;
    height: 14px;  margin-right: 10px;text-align: center;width: 14px; border-radius: 7px;}
.kaixin_banner .hd ul li.on {background: #0051bb;}
.kaixin_banner .bd {height: 100%; position: relative; z-index: 0;}
.kaixin_banner .bd  a{ display: block; }
.kaixin_banner .bd li {  vertical-align: middle;}
.kaixin_banner .bd img {display: block; height:  100%; width: 100%;}
.kaixin_banner .prev,  .kaixin_banner .next {
      height: 72px;   left: 0px; margin-top: -25px;
    position: absolute; top: 50%; width: 42px; color: #333;  text-align: center;line-height: 40px;background-image: url(../images/icons.png);}
.kaixin_banner .prev{  background-position: 0 -20px;}

.kaixin_banner .next {  left: auto;   right: 0px;  background-position: -42px -20px;}

.kaixin_banner .prevStop {  display: none}
.kaixin_banner .nextStop {   display: none;}
.mar_top{ margin-top: 100px; }
.kaixin_banner .prev:hover  {   background-position: 0 -92px;}
.kaixin_banner .next:hover  {  background-position: -42px -92px;}


.jingyu_news{ background-color:#f6f8f9;width: 100%; padding: 125px 0px 60px; }