/* CSS Document */
/*===========================================通用========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0; }
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0; padding:0px; margin:0px;}
ol,ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}
body{color:#666;font-family:PingFang SC,MicrosoftYaHei;}
a{ color:#333; text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.show{ display:block;}
.hide{ display:none;}
.cl{ clear:both;}
*{ outline:none;}
a:hover{ color:#009b4d;}


/*=========================================== 全屏banner ========================================*/
.banner{ width:100%; height:670px; overflow:hidden; position:relative;font-size:0; min-width:1300px; z-index: 9;}
.b-img{ height:500px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:670px; float:left;}

.b-list{ height:50px; padding-top:570px; position:relative; margin:0 auto; z-index:9990;}
.b-list span{width:150px; height:0px; border:3px solid #fff;margin:0 5px; _margin:0 3px; display:inline-table;}
.b-list .spcss{border:3px solid #3366ff;}

.bar-left{ position:absolute; z-index:9990; display:block; width:50px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:9990; display:block; width:50px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:15px; height:30px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-right em{ display:block; width:15px; height:30px; background:url(../images/arrow.png) -15px 0px no-repeat; margin:0 auto; margin-top:325px;}
.bar-left .emcss{ background-position:0px -30px;}
.bar-right .emcss{ background-position:-15px -30px;}

.bannertxt{ max-width:1300px; margin:130px auto 0px auto; position:relative;}
.bantxt{max-width:750px; z-index:9990; position:absolute; left:0px; top:0px;}
.bannertxt .titletxt{ font-size:55px; line-height:70px; color:#fff; display:block;}
.bannertxt .txtsm{ font-size:18px; line-height:30px; display:block;color:rgba(255,255,255,0.8); margin-top:20px;}

.ljgd-but{ margin-top:40px; z-index:9990;}
.ljgd-but-l{ background:#0066ff; border:none; text-align:center; width:200px; display:inline-table; line-height:50px; color:#FFF; margin-right:20px;border-radius:3px; font-size:18px;}
.ljgd-but-l:hover{ background:#3399ff;border:none;}
.ljgd-but-l:focus{ background:#3399ff;border:none;}
.ljgd-but-k{ background:none;border:none; text-align:center; width:200px; display:inline-table; line-height:50px; color:#FFF; margin-right:20px; font-size:18px;}
.ljgd-but-k:hover{ background:none;border:none;color:#FFF;}
.ljgd-but-k:focus{ background:none;border:none;color:#FFF;}
.icoimg-gksp{ margin-right:20px;}

.banner-img{ position:absolute; left:500px; top:-70px; z-index:1; width:804px; height:628px; background:url(../images/shouji.png) 0px 0px no-repeat;}
.banner-img2{ position:absolute; left:150px; top:-130px; z-index:1; width:1300px; height:658px; background:url(../images/shouji2.png) 0px 0px no-repeat;}

@media screen and (max-width:1300px)
{

.banner-img{ display:none;}
.banner-img2{ display:none;}
}

.vclosebut{ position:absolute; right:35%; top:50px; border-radius:100%; cursor: pointer; }
.videosbut{ background-color:rgba(0,0,0,0.8); display:none; position: fixed;  z-index:99999; 
	left:0%; top:0%; width:100%; height:100%; text-align: center; padding-top:50px;}

.but-k{ position: absolute; left:300px;top:470px; width: 150px; height: 50px; z-index: 9999;}

.vclose5{ position:absolute; right:35%; top:50px; border-radius:100%; cursor: pointer; }
.videos5{ background-color:rgba(0,0,0,0.8); display:none; position: fixed;  z-index:99999; 
	left:0%; top:0%; width:100%; height:100%; text-align: center; padding-top:50px;}
.imgtit5{ width:150px; height:50px; overflow:hidden;}

.sjbox{position:absolute; width:100%; top:620px; z-index:9990; min-width:1300px;}
.shuju{ width:100%; position:relative;}
.shujubox{ max-width:1300px; margin:0px auto; }
.sj{ width:24%;height:20px; line-height:20px; color:#FFF; font-size:18px; display:inline-block;}
.sj span{ width:30px; text-align:left; display: inline-block;} 
.sj1{ text-align:left; border-right:1px solid rgba(255,255,255,0.4);}
.sj2{ text-align:center; border-right:1px solid rgba(255,255,255,0.4);}
.sj3{ text-align:right;}



/*=========================================== end 全屏banner ========================================*/



/*=========================================== 视频案例 ========================================*/
.albox{ width:100%; display: block;}
.anli-more{ width:100%; text-align:right; display:block; height:50px;}
.anli{ width:1300px; margin:50px auto 10px auto; display:block;}
.moreico{ width:200px; float:right; font-size:18px; color:#333;}
.moreico:hover{color:#0067ed;}
.anli-more .icoimg{ font-size:20px; display:inline-table; height:50px; line-height:30px;}

.anli-list{ width:313px;box-shadow: 0px 3px 3px #dbdbdb;border-radius:5px; height:290px; display:inline-table; margin:0px 4px;}
.anli-img{ height:160px; overflow:hidden;}

/* µ¯³ö */
.video{position:relative;}
.videolist:hover{ cursor: pointer; }
.videoed { display:block; width:50px; height:50px; position: absolute; left:45%; top:35%; z-index:99; border-radius:100%; }
.videolist { position:relative; width:100%; height:160px;}
.imgtit{ width:100%; height:160px; overflow:hidden;}
.video{position:relative; width:100%;}

.videos{ display:none; position: absolute; left:-5px; top:-100%;width:310px; height:551px; z-index:9990;
	border-radius:20px; border:10px solid #000;}
.vclose{ position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

.img-detail{ width:260px;margin:15px auto; display:block;height: 103px; border-top-width: 0; border-radius: 0 0 4px 4px;
	text-align: left;}
  
.news-label{ width:260px; display:block; margin-top: 20px;}

.news-label-icon {width:260px; display:block; height:32px;}
.iconlabel{  height: 25px; color: #0067ed; padding:0px 10px; line-height:25px; border-bottom:1px solid #4f96f3;
 border-left:1px solid #4f96f3; border-top:1px solid #4f96f3; display:block; float:left; }
.labelxie{ display:block; float:left;}

.detail {display:block; width:100%; line-height: 25px; font-size: 18px; color: #222; margin: 10px 0 7px 0px;}

.gkbf{ width:250px; height:24px; display:inline-table; }


.ljgd-but{ margin-top:40px; z-index:9999;}

.gkbf-but-l{ background:#0066ff; float: left; border:none; text-align:center; width:200px; display:inline-table; line-height:50px; color:#FFF; margin-right:20px;border-radius:3px; font-size:18px;}
.gkbf-but-l:hover{ background:#3399ff;border:none;}
.gkbf-but-l:focus{ background:#3399ff;border:none;}


.gkbf-but-k{text-align:center; float: left; width:200px; display:inline-table; line-height:50px; color:#FFF; margin-right:20px; font-size:18px;}
.gkbf-but-k:hover{ background:none;border:none;color:#FFF;}
.gkbf-but-k:focus{ background:none;border:none;color:#FFF;}

.icoimg-gkbf{ margin-right:10px;}

/*=========================================== end 视频案例 ========================================*/


/*=========================================== 应用场景 ========================================*/
.yingyong{ width:1300px; margin: 80px auto; height: 530px; position:relative; display:block;}

.left1box{width:610px; position: absolute; left: 0px; top: 0px;}

.lefthead{ width:100%; height:70px; display: block; text-align: left; margin-bottom: 40px;}
.headimg{margin-right: 10px; float: left;}
.headtitle{line-height: 70px; color: #211f21; font-size: 20px; margin-right: 10px; float: left;}
.headbz{ line-height: 70px;color: #9d9d9d; font-size: 14px; float: left;}

.left-title{ width: 100%; font-size: 40px; color: #211f21; display: block; margin-bottom: 30px; line-height: 60px;}
.left-txt{ width: 100%; font-size: 18px; color: #211f21; display: block; line-height: 35px;}
.left-but{ width:100%; display: block; margin-top: 50px;}
.but{width: 160px; height: 50px; display: inline-block;line-height: 50px;text-align: center; border-radius:5px; font-size: 18px; font-weight:100;}
.but1{ background-color:#5b4aef; color: #fff;margin-right: 20px;}
.but2{ border:1px solid #e7e7e7; color: #211f21;;margin-right: 20px;}


.right1box{ position: absolute; right: 0px; top: 0px; width: 680px; height: 530px;}

/*=========================================== end 应用场景 ========================================*/




/*=========================================== 全新产品全新体验 ========================================*/

.but3{ background-color:#0067ed; color: #fff;margin-right: 20px;}

/*=========================================== end 全新产品全新体验 ========================================*/


/*=========================================== 让等待产生更大的价值 ========================================*/


.jiazhi{ width:1300px; margin: 80px auto; height: 500px; position:relative; display:block;}
.left2box{ position: absolute; left: 0px; top: 0px; width: 680px; height: 530px;}
.right2box{width:610px; position: absolute; right: 0px; top: 0px;}
.but4{ background-color:#ff6f27; color: #fff;margin-right: 20px;}

/*=========================================== end 让等待产生更大的价值 ========================================*/



/*=========================================== 视频彩铃开通便捷 ========================================*/

.bjbox{background-color: #f7f9fb; width: 100%; display: block; padding: 50px 0px 50px 0px;}
.ktbj{ width: 1300px; margin: 0px auto; text-align: center;}
.kjtitle{ width: 100%; text-align: center; margin: 20px 0px;}
.kjtitle span{ display: block; font-size: 32px;text-align: center; color:#211f21; margin: 20px 0px;}
.kjtitle small{ display: block; font-size: 18px;text-align: center; color:#8f9296;margin-bottom: 50px;}

/*=========================================== end 视频彩铃开通便捷 ========================================*/


/*=========================================== 报价 ========================================*/
.baojiabox{width: 100%; display: block; padding: 50px 0px 0px 0px;}
.baojia{ width: 1300px; margin: 0px auto; text-align: center; display: block;}

.d_list{ width: 420px; margin: 0px 4px;height: 260px; display: inline-block;}

.list1{ background-color: #5b4aef;border-radius:5px;}
.list1 img{ height: 66px; width: 213px;margin: 7px auto 0px auto;}

.list2{ background-color: #0067ed;border-radius:5px;}
.list2 img{ height: 66px; width: 238px;margin: 7px auto 0px auto;}

.list3{ background-color: #ff6f27;border-radius:5px;}
.list3 img{ height: 65px; width: 244px;margin: 7px auto 0px auto;}

.d_list h1{ width: 100%; height:80px; text-align: center;}

.d_list table{ margin: 10px auto; width: 90%;}
.d_list table tr{ width: 100%; height: 40px;}
.d_list table tr th{ padding: 5px 10px; color: #3c3c3c;}
.d_list table tr td{ padding: 5px 10px; color: #7f7f7f;}
.listtxt{ width: 1300px; text-align: center; margin:50px auto 30px auto;}
.listtxt span{ font-size: 30px; color: #333; }
.listimg{ width: 100%;height:320px; background:url(../images/index5_231.png) center no-repeat;}

.listp{ width: 100%; text-align: center; padding-top: 60px; }
.listptxt{ height: 80px; text-align: center;  width: 100%; color: #fff; line-height:80px;}
.listimgtxt1{ font-size: 40px; }
.listimgtxt2{ font-size: 50px; }



/*=========================================== end 报价 ========================================*/

.listsp{ width: 100%; text-align: center; margin-bottom:50px;}
.listsp .spspan{ width: 30%; height: 160px; display:inline-table; margin: 0px 10px;}
.listsp .imgtitsp{ width: 100%; height: 100%; border-radius:5px;}



.vclosesp{ position:absolute; right:10%; top:50px; border-radius:100%; cursor: pointer; }
.videossp{ background-color:rgba(0,0,0,0.8); display:none; position: fixed;  z-index:99999; 
	left:0%; top:0%; width:100%; height:100%; text-align: center; padding-top:50px;}

/*==================================foot begin==================================*/


.foot{ background:#23262b; margin-top:0px; float:left; width:100%; height:650px;}
.foot_con{ width:1200px; margin:0px auto; padding-top:50px;}
.foot_l{ float:left; width:260px; text-align:left;}
.foot_phone{ width:300px; margin:0px auto;}
.foot_phone i{ float:left; width:42px; height:35px; padding-top:25px;}
.foot_phone strong{ float:left; width:300px; height:35px; line-height:45px; color:#cbd6e6; font-size:30px;}
.foot_phone p{ float:left; width:300px; line-height:20px; color:#cbd6e6; font-size:12px; text-align:left;}

.foot_r{ float:right;}
.Aunav{ margin:0px 28px; float:left;}
.Aunav strong{ display:block; line-height:30px; height:30px; margin-bottom:10px; color:#cbd6e6; text-align: left; text-decoration:blink;text-decoration:underline}
.Aunav a{ display:block; line-height:25px; height:25px; margin-bottom:10px; color:#657080; display:block;text-decoration:none; font-size:14px;}
.Aunav a:hover{ color:#cbd6e6;}

.foot_C{ width:1200px; padding:20px 0px; border-bottom:#30333b 1px solid; border-top:#30333b 1px solid; float:left; color:#657080; height:115px; margin-top:20px;}
.foot_City{ width:1150px; color:#657080; float:right; text-align:right;}
.foot_City strong{ font-size:16px; float:left; line-height:30px;}
.foot_City a{ font-size:14px; float:left; line-height:30px; padding:0px 8px; display:block; color:#657080; text-decoration:none;}
.foot_City a:hover{ color:#cbd6e6;}
.foot_xkz{ width:1200px; float:left; height:50px; color:#657080; text-align:center; font-size:14px; line-height:50px;}

@media screen and (max-width:1000px)
{
.foot{ background:#23262b; margin-top:0px; float:left; width:100%; height:320px;}
.foot_con{ width:100%; margin:0px auto; padding-top:30px; }
.foot_l{ width:100%; text-align: center; float: left;}
.foot_phone{ width:100%; margin:0px auto;}
.foot_phone i{ float:left; width:42px; height:35px; padding-top:25px;}
.foot_phone strong{ float:left; width:100%; height:35px; line-height:45px; color:#cbd6e6; font-size:30px;}
.foot_phone p{ float:left; width:100%;line-height:20px; color:#cbd6e6; font-size:12px; text-align: center;}
.foot_r{ margin:0 auto; float:left; display:none;}
.Aunav{ margin:0px 28px; float:left; height:360px;}
.Aunav strong{ display:block; line-height:30px; height:30px; margin-bottom:10px; color:#cbd6e6; text-align: left; text-decoration:blink;text-decoration:underline}
.Aunav a{ display:block; line-height:25px; height:25px; margin-bottom:10px; color:#657080; display:block;text-decoration:none; font-size:14px;}
.Aunav a:hover{ color:#cbd6e6;}

.foot_C{ width:100%; padding:20px 0px; border-bottom:#30333b 1px solid; border-top:#30333b 1px solid; float:left; color:#657080; height:115px; margin-top:20px; display:none;}
.foot_City{ width:1150px; color:#657080; float:right; text-align:right;}
.foot_City strong{ font-size:16px; float:left; line-height:30px;}
.foot_City a{ font-size:14px; float:left; line-height:30px; padding:0px 8px; display:block; color:#657080; text-decoration:none;}
.foot_City a:hover{ color:#cbd6e6;}
.foot_xkz{ width:100%; float:left; height:50px; color:#657080; text-align:center; font-size:14px; line-height:20px; padding-top:10px;}
	}


/*==================================foot end==================================*/