/*.wp_dtul ul{ overflow:hidden;}*/
.wp_dtul ul li{ float:left; overflow:hidden; text-align:center; width:18%; margin:2% 1% 0 1%}
.wp_dtul ul li a{ font-size:16px; color:#333333;}
.wp_dtul .xban{ margin-top:2%;}
.mtm .fl{ width:43%; margin-left:5%; float:left;}
.mtm .fr{ width:43%; margin-right:5%; float:right;}
.mtm {margin-top: 20px !important; width: 100%; overflow: hidden;}


.se table{ overflow:hidden;}
.se table th{ background:#005291; border:1px solid #3fb6cf; height:40px; text-align:center; font:14px "微软雅黑"; color:#fff;}
.se table td{ border:1px solid #eeeeee; height:40px; font:14px "微软雅黑"; color:#f8603d; text-align:center;}
.se table td.hei{ color:#999;}


/*7/29*/
.wp_titr{  overflow:hidden; color:#fff; position:relative; height:48px; line-height:48px;background:url(./yk_files/wap_index_xb_71.jpg) repeat-x;}
.wp_titr h2{ float:left; width:20%; padding:0 1%; text-align:center; font-size:26px; background:url(./yk_files/wap_index_xb_73.jpg) repeat-x;}
.wp_titr span{ float:left; color:#fff; font-size:20px; padding-left:2%;}
.wp_titr span b{ color:#f0ff48; font-weight:normal;}
.wp_titr .fr{ color:#fff; font-size:0.18rem; padding-right:3%;}
@media  screen  and (max-width:320px){.wp_titr h2{ font-size:16px; width:25%;}.wp_titr span{ font-size:14px;}}  
@media  screen  and (max-width:414px){.wp_titr h2{ font-size:16px; width:25%;}.wp_titr span{ font-size:14px;}}
@media  screen  and (max-width:450px){.wp_titr h2{ font-size:16px; width:25%;}.wp_titr span{ font-size:14px;}}

.wpn { max-width: 640px; margin: 0 auto; }  	/* 4 列 * 300 */
.wpf-row { width: 93.6507936%; margin: 0 3.1746031%;}   /*1180/1260,40/1260*/
.row { width: 100% }


.wp_jb{ width:100%; margin:0 auto;}
.wp_jb dl{ background-color:#f5f5f5; padding:2%; overflow:hidden; margin-top:3%}
.wp_jb dl dt img{ width:100%}
.wp_jb dl dt .fl{ width:38.2%}
.wp_jb dl dt .fr{ width:59.09%;}
.wp_jb dl dd ul{ width:100%}
.wp_jb dl dd ul li{ font-size:1.2rem; text-align:center; background-color:#cccccc;  float:left; margin:2% 1% 0 1%; line-height:2; width:31.33%;}
.wp_jb dl dd ul li:hover{ background-color:#d1e1fe;}
.wp_jb dl dd ul li a{ color:#666666;}


/*特色技术*/

.tit{ width:98%;  height:1.125rem;}
.right {
    float: right;
}
.left {
    float: left;
}
.w630 {
    width: 100%;
    height: auto;
    margin: 0 auto;
}


.mt20 {
    width: 100%;
    margin-top: .5rem;
}
.tit_sl{   
	 height:2.5rem;
    float: left;
    border-bottom: .05rem #0556a8 solid;
	width:4.rem;
	}
.tit_sr{   
	 height:2.5rem;
    float: left;
    border-bottom: .05rem #c0c1c3 solid;
	width:68%;
	}		
.tit img { width:2rem; height:2rem; }
.tit p { font-size:1.6rem; font-weight:bold; color:#0556a8; padding-left:.125rem;}
.tit span{ width:15%; height:2.5rem;text-align:center; line-height:3.5rem;}
.tit span a{    font-size: .6925rem;color: #6a6a6a;}
.tit span a img{ width:15%; height:.775rem;}
	
	


	
/*.tsjs{ height:28.375rem;}*/
.tsjs ul li{ height:15% !important; overflow: hidden;  /*background-size: 2.15rem !important;*/}

.tsjs  ul li:nth-child(1) ul li{height:15%; float:left;}

.tsjs  ul li:nth-child(1) ul li:nth-child(1){

    background: url(./yk_files/js.png);
    background-repeat: no-repeat;
    width: 14%;
    margin-left: .05rem;
    text-align: center;
    font-size: .6rem;
    font-weight: bold;
    color: #fff;
    line-height: 5.63rem;
    background-size: 100% 100%;
	
	
	}
.tsjs  ul li:nth-child(1) ul li:nth-child(2){
	width: 82%;
    background-color: #e8e8e8;
    background-image: url(./yk_files/js1.png);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 97%;
    margin-bottom: .375rem;
    background-size: 37%;
    overflow: hidden;
	
	}	

.tsjs  ul li:nth-child(1) ul li:nth-child(2) h3 { font-size: 1rem; font-weight:bold; color:#2a2a2a;    height:1.65rem;padding-top: .14rem;padding-left: 1.35rem;}

.tsjs  ul li:nth-child(1) ul li:nth-child(2) p{padding-top: .25rem;padding-left: 1.35rem;font-size:.8rem;color:#2a2a2a; width: 50%;}




div.tsjs.w630 > ul:nth-child(5) > li > ul > li:nth-child(2){
background-image: url(./yk_files/js2.png);
}

div.tsjs.w630 > ul:nth-child(6) > li > ul > li:nth-child(2){
background-image: url(./yk_files/js3.png);
}

div.tsjs.w630 > ul:nth-child(7) > li > ul > li:nth-child(2){
background-image: url(./yk_files/js4.png);
}






.tsjs_js{clear: both;}
.tsjs_js img{ margin:.5rem 0;}
.tsjs_js p{
    padding: 1rem;
    font-size: 1rem;
    color: #4c4c4c;
    text-indent: 2rem;
}
.tsjs_js span img { height:1rem;}

.tsjs_zxzj {
    width: 87%;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 1rem;
    background-color: #ff6600;
    border-radius: .75rem;
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
}






#vid li{
	width: 48%;
	padding: 1%;

	float:left;
	}
	
#vid li p{
	padding:5px 0;
	text-align: center;
	font-size:14px;
	}	
	
	
#vid a {
    position: relative;
    display: block;
}
	
	#vid li a:before{content:'';position:absolute;width:64px;height:63px;background:url(/img2/img/spbtn.png) no-repeat center center;background-size: 60% auto;left:50%;top:50%; margin-left:-32px; margin-top:-44px;-webkit-animation:pulsed 2s .2s ease both infinite;-moz-animation:pulsed 2s .2s ease both infinite;-o-animation:pulsed 2s .2s ease both infinite;-ms-animation:pulsed 2s .2s ease both infinite;}
	
@-webkit-keyframes pulsed{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{-webkit-transform:scale(1)}}@-moz-keyframes pulsed{0%{-moz-transform:scale(1)}50%{-moz-transform:scale(1.1)}100%{-moz-transform:scale(1)}}@-ms-keyframes pulsed{0%{-ms-transform:scale(1)}50%{-ms-transform:scale(1.1)}100%{-ms-transform:scale(1)}}@-o-keyframes pulsed{0%{-o-transform:scale(1)}50%{-o-transform:scale(1.1)}100%{-o-transform:scale(1)}}