@charset "UTF-8";
/*
 2017-09-13
 BY xxw
*/
/*common.css*/
a,b,body,canvas,dd,div,dl,dt,em,form,h1,h2,h3,h4,h5,h6,html,img,input,label,li,ol,p,q,span,ul{margin:0;padding:0;outline:0;font-size-adjust:none;-webkit-text-size-adjust:100%!important;-webkit-touch-callout:none;}
*{-webkit-tap-highlight-color:transparent;}
img{border:none}
body,html{background:#f5f8fa;font-size:16px;color: #282828; padding:0;margin:0; font-family:"Microsoft YaHei",微软雅黑,STHeiti,simsun,Helvetica-Light,arial,sans-serif,'Droid Sans Fallback';}
article,aside,dialog,header,section,footer,nav,figure,menu{display:block}
input{-webkit-user-select:auto;outline:0;}
optgroup option{padding: 0;}
::-webkit-input-placeholder{color:#999;}
ol,li,ul{list-style:none;}
a{text-decoration:none;color: #282828;}
em{font-style:normal;}
i{font-style: normal;}
.tar{text-align: right!important;}
.tac{text-align: center!important;}
.tal{text-align: left!important;}
.fl{float:left!important;}
.fr{float:right!important;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; clear:both}	
img{cursor: pointer}
 .popmask{position: fixed; left: 0; top: 0; height: 100%; width:100%; background: rgba(0,0,0,0.5); z-index: 1000; display: none;}
.popbase{position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 13px;  box-sizing: border-box; overflow: hidden; background: #fff;}
	
.btn{color: #fff;cursor: pointer; background-color: #5bc0de;width:54px;height:34px;line-height: 1.42857143; text-align: center;border:none;border-radius: 4px;}
.btn_box{ float:left;width:50%;text-align:center}
.load_title{text-align: center;margin-top:30px;font-weight: bolder;}
/* 头部head*/

.iH_contain{width:1230px; margin: auto;position:relative}
.iH_contain a{display:inline-block; width:90px;text-align:center;height:90px;line-height:90px}
.iH_contain span{height:90px;line-height:90px}
.login_headbox { height:90px;margin-left:20px}
 .iH_contain a:hover{ color: #077BD9; } 
.a_active{color: #077BD9 !important ;}

a.login_btn{
    width: 108px;
    text-align: center;
    border: 1px solid #d8dadf;
    border-radius: 14px;
    height:30px;
    line-height: 30px;
    color: #6b7686;
    margin-top:30px; 
}
a.login_btn:hover{
    color: #fff;
    background-color: #5aaeed;
    cursor:pointer;
}

.iHead,.iHead_en{
    height:90px;
    width:100%;
    background:white;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 1px 3px #ddd;
    transition: all .5s ease-out 0s;
    -moz-transition: all .5s ease-out 0s;
    -webkit-transition: all .5s ease-out 0s;
}
.product_head,.solution_head,.product_enhead{ position:relative}
.a_box{margin-left: 30px; position: relative;}
.product_more,.solution_more{ 
	position: absolute;
    top: 90px;
    left:90px;
    background:#ffffff;
    display:none;
    width: 180px;   
    z-index:999999;
    }
.product_more li,.solution_more li{
    color: #333;
    width: 180px;
    height: 50px;
    padding: 0 16px;
    text-align: left;
    line-height: 50px;
    background: #fff;
    border-bottom: 1px solid #EBEBEB;
    box-sizing: border-box;
}
.product_more li:hover,.solution_more li:hover{
	color:#077BD9
}



/*only.css*/
/*index页  start!*/
.iBox,.chinese_Box,.english_Box{width:100%;overflow:hidden;min-width:960px;position:relative;height:100%}
.english_Box{ display:none}
.logo,.en_logo{width:120px;margin-right:20px;}
.iHead_scrollup { top: -60px;}
.iContent{height:auto; width:100%;position: relative;}
.iPic{ overflow: hidden;width: 100%}
.iOther,.iOther_en{ height:auto; overflow: hidden;padding:20px 0px; background: url('../img/bg.png') repeat;position:relative;}
.iOther_title{text-align: center;font-size: 26px}
.iFooter,.iFooter_en{color: #9d9d9d; font-size: 12px;text-align: center;}


/*  */
.Ibackbox{ position: fixed;right:30px;bottom:30px;z-index: 99999;background:#ffffff;opacity: .8;}
.iOther_listbox{  width: 1000px;margin: auto; }
.iOther_list{  width: 50%;  text-align: center;  float: left;  padding-top: 42px; }
.iOther_list p{  width:90px; height:70px;  margin: auto;  }
.iOther_list .iOther_title{ margin-bottom: 13px;  font-size: 16px;  display: block;  }
.iOther_list .iOther_line{  background-color: #077BD9;  width: 26px;  height: 4px;  margin: auto;  }
.iOther_list .iOther_text{  display: block;  margin-top: 13px;  }
.iOther_img img{width:100%;height:100%;}
.iFooter span,.iFooter_en span{ padding-top: 20px;  display: block;   font-size: 13px;  }
.iIcon-back-top {width: 30px; height: 40px; background-position: -4px 0;}
.iIcon {background: url(../img/icon.png) no-repeat;  display: inline-block;margin-left: 13px}

.index_leader{width: 1200px;overflow: hidden;margin: 10px auto;background: #ffffff }

.index_leader div{float:left; width: 300px;height:190px;overflow: hidden;}
.index_leader span{font-size:20px; color: #0086da;display: inline-block; margin:20px 20px 0px;}
.index_leader img{ width:100%;height: 100%;}
.index_leadms{font-size: 12px; line-height:20px;margin: 10px 20px;}
.iOther_le,.iOther_ri{cursor: pointer}

.head_box{height:60px;}

/*index页  ending!*/
/* banner */
.banner{ width:100%;height:100%;position:relative; overflow: hidden;}
.banner-btn{display:none;}
.banner-btn a{width:30px;height:30px;display:block;position:absolute;top:50%;text-align:center;line-height:30px;margin-top:-15px;
 background:#ffffff;overflow:hidden;z-index:4;border-radius:50%;opacity: 0.8;}
.prevBtn{left:5px;}
.nextBtn{right:5px;}
.banner-img{font-size:0;*word-spacing:-1px;/* IE6、7 */ letter-spacing:-3px;position:relative;}
.banner-img li{ display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align:top;
letter-spacing:normal;word-spacing:normal;font-size:12px;}
.banner i{cursor:pointer;}
.banner .nextBtn i{background-position:-200px -24px;}
.banner .prevBtn i{background-position:-200px 0px;}
.banner-circle{position:absolute;left:50%;bottom:15px;height:13px;text-align:center;font-size:0;border-radius:10px;}
.banner-circle li{border-radius:10px;margin:2px;display:inline-block;display:-moz-inline-block;vertical-align:middle;zoom:1;
    *zoom:1;*display: inline;
}
.banner-circle li a{display:block;padding-top:9px;width:9px;height:0;border-radius:50%;background:#B7B7B7;overflow:hidden;}
.banner-circle .selected a{background:#2FA8E5;}
/*  banner  */

/*product start */
.pro_list{
    width: 980px;
    margin: auto;
    overflow: hidden;
    padding: 70px 70px;
}
.pro_box{
	margin:auto;
	text-align:center;
	width: 1200px;
	height: 660px;
}
.pro_list h3{
    font-size:30px;
    color: #395b81;
    margin: 10px 0;
   font-style: 微软雅黑;
    font-weight: 400;
}
.pro_listle{
    width: 380px;
    float:left;
  	
}
.pro_listri{
    width: 560px;
    overflow: hidden;
    text-align: center;
    float:left;
   
}
.pro_listri img{
    display: block;
    max-width: 90%;
    margin: 0 auto;
}
.pro_listtext{
    color: #6b7686;
    line-height: 32px;
}
/*product ending */
/*aboutus start*/
.about_con{
    width: 1000px; 
    margin: auto;
    box-sizing: border-box;
    overflow: hidden;
}
.about_left{
    padding:13px 50px 0 20px;
   /*  width: 150px; */
    box-sizing: border-box;
}
.about_right{
    border-left: 1px solid #e6e6e6;
    padding-left: 80px;
    padding-top: 72px;
   /*  width: 850px; */
    width: 80%;
    box-sizing: border-box;
}
.about_left .about-left-list{
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
}
.cur{
    color: #077BD9;
}
.about_left .icon-right {
    position: absolute;
}
.about_left .ic-instructions {
    width: 35px;
    height: 24px;
    background-image: url(../img/aboutus_icon.png);
    top: 23px;
    right: -62px;
}
.about_left .icon-right {
    position: absolute;
}
.about_left .ic-point {
    width: 14px;
    height: 14px;
    background-image: url(../img/about_cir.png);
    top: 28px;
    right: -57px;
}
.about_right .about-right-til {
    font-size: 36px;
}
.about_right .about-right-main {
    padding: 32px 0px;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none;
}
.about_right .about-right-main .upark-pic {
    width: 248px;
    height: 156px;
    float: left;
    margin-right: 24px;
    display: inline-block;
    background-size: cover;
}
.about_right .about-right-main span {
    display: block;
    color: #585858;
    font-size: 16px;
    text-indent: 2em;
}
/*aboutus ending*/
/*login start*/
.login_picbox{
    overflow: hidden;
    margin-top: 200px;
    width:660px;
    float:left;
    height: 140px;
}
.login_picbox img,.iOther_ri,.iOther_le{
    -webkit-transition: -webkit-transform 0.8s ease-out;
    transition: transform 0.8s ease-out;
    -moz-transition: -moz-transform 0.8s ease-out;
}
.login_picbox img:hover{
    transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
}
.login_picbox li{
    width: 138px;
    height: 138px;
    float: left;
    margin: 0 36px;
}
.login_regbox{
    float:right;
    width: 320px;
    margin-top:150px;
    margin-right: 30px;
    box-shadow: 0 0 10px 2px hsla(0,0%,59%,.1);
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
}
.login_regbox input{
    width: 300px;
    height:40px;
    line-height:40px;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding-left: 30px;
    box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	-ms-box-sizing:border-box;  /*ie */
    transition: border .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;
}
.go_btn{
    display: inline-block;
    width: 300px;
    height:40px;
    background: #2FA8E5;
    text-align: center;
    line-height: 40px;
    color: white;
    font-size: 18px;
    cursor: pointer;
}
.reg_num,.reg_word,.reg_yzm{
    width:300px;
    height:20px;
    margin: 6px 0;
    line-height:20px;
    color: #ed3f14;
    font-size: 12px;
    text-align: left;
    text-indent: 10px;
   
}
.reg_sr{
    border: 1px solid #2FA8E5 !important;
}
.reg_warn{
    border: 1px solid #ed3f14 !important;
}
.reg_iconsr{
    color: #2FA8E5 !important;
}
.reg_iconwarn{
    color: #ed3f14 !important;
}

i.login_icon{
    position: absolute;
    vertical-align: middle;
    left: 16px;
    top: 12px;
    color: #80848f;
  
}
/*login ending */
#product_imgbox{ padding:0 20px}
/*成功案例*/
.case_box{
    width: 1200px; 
    padding:10px;
    margin: auto;
    background: #fff;
}
.case_box li{
    float:left;
    margin: 12px;
    width: 370px;
    height: 390px;
}
.case_img{
    width: 100%;
    height: 270px;
    overflow: hidden;
}
.case_img img{
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.img_tran{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 0.9s ease-in-out;
    -moz-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}
.case_detail{
    padding: 20px;
    height: 80px;
}
.case_title{
    line-height: 28px;
    font-size: 14px;
    color: #9f9f9f;
}
.case_detail a{
    line-height: 35px;
    color: #9f9f9f;
}
.case_detail a:hover{
    color: #656565;
}
.case_detail p:nth-child(2){
    line-height:26px;
    color: #9f9f9f;

}
.case_detail p:nth-child(2):hover{
    color: #656565;
    cursor: pointer;
}
.detail_title{
    text-indent: 28px;
    line-height: 30px;
    font-weight: bold;
}
.detail_ms{
    /* text-indent: 28px; */
    line-height: 30px;
    /* padding-left: 30px; */
    padding-left: 56px;
}
/*成功案例*/
.yzm_box{
    width: 82px;
    height:40px;
    line-height:40px;
    right:10px;
    top:0;
    position: absolute;
    background: #2FA8E5;
    font-family: Arial;
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    border: 0;
    letter-spacing: 2px;
    color: paleturquoise;
    cursor: pointer;
}
.pic_lb{ 
	width:1200px;
	margin:10px auto;
	position:relative;
	}
.pic_lb div{
	position:relative;
	width:1200px;
	height:280px;
}
.small_picbox div{
	width:100%;
	height:100%;
    position: absolute;
	left:0px;
	top:0px;	
	border: 1px solid #dbdbdb;
}
	    .small_picbox div:nth-child(1){
            /*  background: palevioletred;  */
        }
        .small_picbox div:nth-child(2){
           /*  background: paleturquoise;  */
        }
        .small_picbox div:nth-child(3){
          /*  background: palegoldenrod; */
        }
         .smallpic_icon{
            position: absolute;
		    width: 100%;
		    height: 30px;
		    top: 50%;
		    
		 }
		.smallpic_icon li{
            width: 30px;
            height: 30px;   
            text-align:center;
            line-height:30px;
            top: 46%;
            font-size: 20px;
            cursor:pointer;      
            position: absolute;  
		}
 	   .icon_left{
 	       /*  float:left; */
            left:10px;
        }
       .icon_right{
           /*  float:right; */
            right:10px;
        }
        
        .smallpic_listbox {
        	width:100%;
        	height:260px;
        	overflow:hidden;
        	}
        .small_list{
        	width:300px;
        	float:left;
        	height:230px;
        	margin:30px 50px;
        }
        .small_list img{ 
          width:100%;
         }
         .small_list span{
           display:inline-block;
           line-height: 28px;
		   font-size: 16px;
		   color: #9f9f9f;
         }
        .pic_lbtitle{
        	text-align: center;
    		font-size: 26px;
    		margin-bottom:10px;
        }
        
       
      
      	.small_list span{
      			cursor:pointer;
      	}
      	
      	.introduce_pic{
      		width:1350px;
      		height:220px;
      		margin:30px auto 0;
      		/* background:url('../img/kk.png') center;     */  	
      	}
      	
      	.introduce_pic li{
      		float:left
      	}
      	.news_box {
      		width:980px;
      		height:660px;
      		margin:10px auto;
      		padding-top:10px;
      		box-sizing:border-box;
      		  		
      	}
      	.left_news{
      	    width:260px;
      		float:left;
      		background:#ffffff;
      	}
      	.left_icon li{
      			
      		    color: #333333;   
      		    padding-left: 20px;
			    padding-bottom: 8px;
			    padding-top: 8px;
			    border-bottom: #e3e3e3 1px solid;		    
      	}
      	.left_icon li:hover{
      		    color: #299EE9;
      		    cursor:pointer;     		       		    
      	}
      	
      	.right_news{
      		margin-left:260px;
      		height:660px;
      		position:relative;
      		border-left: #e3e3e3 2px solid;
      	}
      	
      	.right_list{
      		width:100%;
      		position:absolute;
      		top:0;
      		left:0;
      	}   	
      	
        .data-container ul{
            padding: 0;
            margin: 0;
        }
        .data-container li{
            margin-bottom: 5px;
            padding: 5px 20px;
            background: #ffffff;
            border-bottom: #e3e3e3 1px solid;		 
            font-size: 12px;
    		color: #666666;
        }
        .data-container a{
        	    /* font-size: 12px;
    			color: #666666;
    			margin:0px 12px; */
    			font-size:16px;
    			color: #9f9f9f;
    			
        }
        .data-container i{
        	display:inline-block;
        	width:20px;  	       	  
        }
        .data-container span,.right_listdate{
        		font-weight: bold;
    			font-size:12px;
    			color: #5687be;
    			margin-left:10px;
        }		
        .paginationjs .paginationjs-pages {
    		float: right;   
    		 /* 为了使分页数据在右边  */
		}
		.right_list2 p{
			    padding:10px 10px;
			    color: #666666;
			   
		}
		.right_list2 .right_listtitle{
			    font-weight: bold;
    			color: #0c8ecc;
		}
		.list_detailtitle{
			font-weight: bold;
		    font-size: 15px;
		    color: #0066cc;
		    text-align: center;
		    
		}
		.list_detailline{
			height: 1px;
		    background: #0066cc;
		    overflow: hidden;
		    margin:6px 0px;
		}
		.list_detailtime {
			 font-size: 12px;
			 color: #999999;
			 text-align: center;   
			 margin:10px 0; 
		}
		.list_backbox {
			text-align:right;
			margin-bottom: 4px;
		}
		.list_back{			
			width: 60px;
			font-size: 16px;	
    		color: #077BD9;
			cursor:pointer;			
		}
		.list_detailtext{
			font-family: Arial, Helvetica, sans-serif;
		    color: #666666;
		    text-indent: 24px;
		    padding: 0 20px;
		    line-height: 20px;
		    letter-spacing: 0px;
		    text-decoration: none;
		}
		#allmap{height:500px;width:100%;margin-top:32px}
        .productbox li{cursor:pointer}
        #dwy_box,#dwy_enbox{margin:10px auto;position: relative; z-index: 15;}
        #dwy_box img,#dwy_enbox img{ width:30%;margin-left:3%}
        
        #dsy_box,#dsy_enbox{margin:10px auto; position: relative; z-index: 15;}
        #dsy_box img,#dsy_enbox img{width:20%;margin-left:3%;}
        .video_box{width:620px;height:360px;margin:10px auto;}
        .load_detail{padding:30px 40px;margin:10px 0;background:#ffffff}
        .load_detail a.load_a{ float:right}
 		.load_detail li{padding:12px 0;border-bottom:1px solid #c0d9fe;}
 		/* .load_detail li:hover{border-bottom:1px solid #5bc0de;cursor:pointer} */
		.load_close{float:right;margin-right:10px;}
		.load_warn {font-size: 13px; color: red;}
		.load_ul{text-align: center;margin: 30px 0;height: 46px;}
		.app_box{z-index:90;cursor:pointer;color:#ffffff;position:fixed;top:30%;right:30px;width:200px;height:60px;padding-top:10px;background:#79c7fc;border-radius:20px;text-align:center;}
		.app_boxios{z-index:90;cursor:pointer;color:#ffffff;position:fixed;top:30%;left:30px;width:200px;height:60px;padding-top:10px;background:#79c7fc;border-radius:20px;text-align:center;}
		.big_app{width:200px;position:absolute;left:0px;top:72px;}
		.us_ulbox{text-indent:0;padding-left:20px;float:left;}
		.us_ulbox li{margin-bottom:10px;color: #585858;font-size: 16px;}
		#us_picbox{ width:100%;margin-top:12px;}
		#us_picbox img{width:30%;margin-left:3%}
		.index_gs:hover,.index_engs:hover{color:#077BD9;cursor:pointer}
		#xg_box{ width:100%;margin:12px 0px;overflow:hidden;}
		#xg_box img{width:20%;margin-left:3%}
		.footer_detail{margin-top:20px;}
		.footer_detail span{ display:inline;margin-right:6px;}		
		.lo_xz,.news_dt,.lo_us:hover{cursor:pointer}
		iframe.footer_box{width: 100%;}
		.iOther img{position:relative;z-index:15;}
		.add_shdow{position:absolute;width:100%;height:100%;z-index:6}
		video{z-index:10;position:relative}
		.bos_btn{			   
			    cursor: pointer;
			    margin-top:30px;
			    width:60px;
			    padding: 6px 0;
			    color: #6b7686; 
		 }
		 .alert_title1,.alert_title2{
		 	    position: absolute;
			    font-size: 16px;
			    color:white;   					
		 }
		  .alert_title1{
		 	  top: 36px;
		 	  left: 34px;
		 	  width: 120px;    	
		 }
		 .alert_title2{
		  	  left:18px;
		 	  top:34px;
		 	  width:150px;    	
		 }
		 .warn_box1{
		 	position: absolute;
			top: 62px;
			right:172px;
			display:none
		 }
		 .warn_box2{
		 	position: absolute;
			top: 62px;
			right:42px;
			display:none
		 }
		 .warn_box1 img,.warn_box2 img{
		 	width:180px;		 	
		 }
		 .num1_box{width:700px;height:130px; background:url('../img/dwy_1.png') no-repeat center}
		 .dj_box{width:500px;height:286px;background:url('../img/zxdj.jpg') no-repeat center}
		 .num4_box{width:625px;height:440px;background:url('../img/sw_1.png') no-repeat center}
		 .num6_box{width:1025px;height:440px;background:url('../img/shjdshy_jscs.png') no-repeat center}
		 .num2_box{width:655px;height:130px;background:url('../img/dsy_5.png') no-repeat center}
		.load_word{
    			height:24px;
    		    border-color: #c9c9c9; 
    		    border-width: 1px;
			    border-style: solid;
			    background-color: #fff;
			    border-radius: 2px;
    	}