@charset "UTF-8";
::-webkit-scrollbar-track-piece {width:5px;background-color:#f8f8f8;}
::-webkit-scrollbar {width:5px;background-color:#53000a;}
::-webkit-scrollbar-thumb {width:5px;background-color:#53000a;}
::-webkit-scrollbar-thumb:hover {width:5px;background-color:#53000a;}
*{box-sizing: border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.basef{color: #011d66;}
.basebg{background: #011d66;}
.normalblock{width: 100%;overflow: hidden;}
.common1200{width: 100%;max-width: 1200px;margin: auto;position: relative;overflow: visible;}
.clearfix{clear: both;}
.corange{color: #ff8c6a;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.normalblockimg{width: 100%;display: block;}
.normalblockimg img{width: 100%;transition: all 500ms;}
.imginline img{display: inline-block;}
.imginline2 a{display: inline-block;}
.aline a{display: inline-block;}
.aline {width: 100%;overflow: hidden;}
.imginline2 {text-align: center;}
/*@author zhaoxue*/
/*字体*/
.f10{font-size: 10px;}
.f11{font-size: 11px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f19{font-size: 19px;}
.f20{font-size: 20px;}
.f21{font-size: 21px;}
.f22{font-size: 22px;}
.f23{font-size: 23px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f28{font-size: 28px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f34{font-size: 34px;}
.f35{font-size: 35px;}
.f36{font-size: 36px;}
.f38{font-size: 38px;}
.f40{font-size: 40px;}
.f50{font-size: 50px;}
.f60{font-size: 60px;}
.f70{font-size: 70px;}
.f80{font-size: 80px;}
/*字体颜色*/
.c0{color: #000;}
.c1{color: #111;}
.c2{color: #222;}
.c3{color: #333;}
.c4{color: #444;}
.c5{color: #555;}
.c6{color: #666;}
.c7{color: #777;}
.c8{color: #888;}
.c9{color: #999;}
.ca{color: #aaa;}
.cf{color: #fff;}
/*背景颜色*/
.bgf{background: #fff;}
.bg0{background: #000;}
.bg3{background: #222;}
.bg4{background: #444;}
.bg5{background: #555;}
.bg6{background: #666;}
.bgfa{background: #fafafa;}
.bgf1{background: #f1f1f1;}
.bge{background: #eee;}
.bgd{background: #ddd;}
/*字体粗细*/
.fontb{font-weight: 600;}
/*位置*/
.tcenter{text-align: center;}
.tleft{text-align: left;}
.tright{text-align: right;}
.tccpl{text-align: center;}
.tccpr{text-align: center;}
.tcrpc{text-align: right;}
.tclpc{text-align: left;}
.tcrpl{text-align: right;}
.tclpr{text-align: left;}
/*placeholder*/
.inputboxs input[type=text]::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */
.inputboxs input[type=text]:-moz-placeholder{}                  /* Firefox版本4-18 */
.inputboxs input[type=text]::-moz-placeholder{}                  /* Firefox版本19+ */
.inputboxs input[type=text]:-ms-input-placeholder{}           /* IE浏览器 */

/*yichu*/
.elli{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

/*动画延迟*/
.delay100{animation-delay: 100ms;}
.delay200{animation-delay: 200ms;}
.delay300{animation-delay: 300ms;}
.delay400{animation-delay: 400ms;}
.delay500{animation-delay: 500ms;}
.delay600{animation-delay: 600ms;}
.delay700{animation-delay: 700ms;}
.delay800{animation-delay: 800ms;}
.delay900{animation-delay: 900ms;}
.delay1000{animation-delay: 1000ms;}
.delay1100{animation-delay: 1100ms;}
.delay1200{animation-delay: 1200ms;}
.delay1300{animation-delay: 1300ms;}
.delay1400{animation-delay: 1400ms;}
.delay1500{animation-delay: 1500ms;}
.delay1600{animation-delay: 1600ms;}
.delay1700{animation-delay: 1700ms;}
.delay1800{animation-delay: 1800ms;}
.delay1900{animation-delay: 1900ms;}
.delay2000{animation-delay: 2000ms;}
.delay2100{animation-delay: 2100ms;}
.delay2200{animation-delay: 2200ms;}
.delay2300{animation-delay: 2300ms;}
.delay2400{animation-delay: 2400ms;}
.delay2500{animation-delay: 2500ms;}
.delay2600{animation-delay: 2600ms;}
.delay2700{animation-delay: 2700ms;}
.delay2800{animation-delay: 2800ms;}
.delay2900{animation-delay: 2900ms;}
.delay3000{animation-delay: 3000ms;}
.delay4000{animation-delay: 4000ms;}
.delay5000{animation-delay: 5000ms;}
.delay6000{animation-delay: 6000ms;}
.delay7000{animation-delay: 7000ms;}
.delay8000{animation-delay: 8000ms;}
.delay9000{animation-delay: 9000ms;}
.delay10000{animation-delay: 10000ms;}

/*********/


/*动画延迟*/
.delay li:nth-child(1){animation-delay: 100ms;}
.delay li:nth-child(2){animation-delay: 200ms;}
.delay li:nth-child(3){animation-delay: 300ms;}
.delay li:nth-child(4){animation-delay: 400ms;}
.delay li:nth-child(5){animation-delay: 500ms;}
/*********/
/*布局pc*/
.cloumn-pc{display: block;}
.cloumn-1-pc{width: 8.333333%;float: left;padding: 8px;position: relative;}
.cloumn-2-pc{width: 16.666666%;float: left;padding: 8px;position: relative;}
.cloumn-3-pc{width: 24.999999%;float: left;padding: 8px;position: relative;}
.cloumn-4-pc{width: 33.333333%;float: left;padding: 8px;position: relative;}
.cloumn-5-pc{width: 41.666666%;float: left;padding: 8px;position: relative;}
.cloumn-6-pc{width: 49.999999%;float: left;padding: 8px;position: relative;}
.cloumn-7-pc{width: 57.333333%;float: left;padding: 8px;position: relative;}
.cloumn-8-pc{width: 66.666666%;float: left;padding: 8px;position: relative;}
.cloumn-9-pc{width: 74.999999%;float: left;padding: 8px;position: relative;}
.cloumn-10-pc{width: 83.333333%;float: left;padding: 8px;position: relative;}
.cloumn-11-pc{width: 91.666666%;float: left;padding: 8px;position: relative;}
.cloumn-12-pc{width: 100%;float: left;padding: 8px;position: relative;}
/*布局*/





/*边距margin*/
.marc10p10{margin: 0px 10px;}
.marbotc20p10{margin-bottom: 20px;}
/*边距margin*/

/*边距pad*/
.padpc20ph10{padding: 20px;}
/*边距pad*/

/*边框*/
.nobor{border: 0px;}
.borderb1sce{border-bottom: 1px solid #eee;}
.borderb2sce{border-bottom: 2px solid #eee;}
.borderb4sce{border-bottom: 4px solid #eee;}
.borderb1scd{border-bottom: 1px solid #ddd;}
.borderb2scd{border-bottom: 2px solid #ddd;}
.borderb4scd{border-bottom: 4px solid #ddd;}
.borderb1scf{border-bottom: 1px solid #fff;}
.borderb2scf{border-bottom: 2px solid #fff;}
.borderb4scf{border-bottom: 3px solid #fff;}
.borderb1sc0{border-bottom: 1px solid #000;}
.borderb2sc0{border-bottom: 2px solid #000;}
.borderb4sc0{border-bottom: 4px solid #000;}
.borderb1sc6{border-bottom: 1px solid #666;}
.borderb2sc6{border-bottom: 2px solid #666;}
.borderb4sc6{border-bottom: 4px solid #666;}
/*边框*/

/*bannerpage*/
.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 500px;position: relative;}
.bannerword{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height: 100px;}
.word1{width: 100%;font-size: 30px;line-height: 45px; display: none;}
.word2{width: 100%;font-size: 20px;line-height: 35px; display: none;}
/*bannerpage*/

@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 480px) {

/* Smartphones (portrait and landscape) ----------- */
/*字体*/
.f10{font-size: 10px;}
.f11{font-size: 10px;}
.f12{font-size: 12px;}
.f13{font-size: 12px;}
.f14{font-size: 12px;}
.f15{font-size: 14px;}
.f16{font-size: 14px;}
.f18{font-size: 14px;}
.f19{font-size: 16px;}
.f20{font-size: 16px;}
.f21{font-size: 16px;}
.f22{font-size: 16px;}
.f23{font-size: 16px;}
.f24{font-size: 16px;}
.f26{font-size: 16px;}
.f28{font-size: 18px;}
.f30{font-size: 18px;}
.f32{font-size: 18px;}
.f34{font-size: 20px;}
.f35{font-size: 30px;}
.f36{font-size: 20px;}
.f38{font-size: 22px;}
.f40{font-size: 24px;}
.f50{font-size: 28px;}
.f60{font-size: 32px;}
.f70{font-size: 36px;}
.f80{font-size: 40px;}

.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 700px;position: relative;}
.bannerword{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height: 100px;}
.word1{width: 100%;font-size: 30px;line-height: 45px;}
.word2{width: 100%;font-size: 20px;line-height: 35px;}

/*布局shouji*/
.cloumn-sj{display: none;}
.cloumn-1-sj{width: 8.333333%;float: left;padding: 8px;position: relative;}
.cloumn-2-sj{width: 16.666666%;float: left;padding: 8px;position: relative;}
.cloumn-3-sj{width: 24.999999%;float: left;padding: 8px;position: relative;}
.cloumn-4-sj{width: 33.333333%;float: left;padding: 8px;position: relative;}
.cloumn-5-sj{width: 41.666666%;float: left;padding: 8px;position: relative;}
.cloumn-6-sj{width: 49.999999%;float: left;padding: 8px;position: relative;}
.cloumn-7-sj{width: 57.333333%;float: left;padding: 8px;position: relative;}
.cloumn-8-sj{width: 66.666666%;float: left;padding: 8px;position: relative;}
.cloumn-9-sj{width: 74.999999%;float: left;padding: 8px;position: relative;}
.cloumn-10-sj{width: 83.333333%;float: left;padding: 8px;position: relative;}
.cloumn-11-sj{width: 91.666666%;float: left;padding: 8px;position: relative;}
.cloumn-12-sj{width: 100%;float: left;padding: 8px;position: relative;}
/*布局*/


}




/*手机*/
@media only screen 
and (min-width : 480px) 
and (max-width : 767px){

.common1200{width: 100%;overflow: hidden;max-width: auto;padding-left: 10px;padding-right: 10px; margin: auto;position: relative;}
/*布局pad768*/
.cloumn-spad{display: none;}
.cloumn-1-spad{width: 8.333333%;float: left;padding: 8px;position: relative;}
.cloumn-2-spad{width: 16.666666%;float: left;padding: 8px;position: relative;}
.cloumn-3-spad{width: 24.999999%;float: left;padding: 8px;position: relative;}
.cloumn-4-spad{width: 33.333333%;float: left;padding: 8px;position: relative;}
.cloumn-5-spad{width: 41.666666%;float: left;padding: 8px;position: relative;}
.cloumn-6-spad{width: 49.999999%;float: left;padding: 8px;position: relative;}
.cloumn-7-spad{width: 57.333333%;float: left;padding: 8px;position: relative;}
.cloumn-8-spad{width: 66.666666%;float: left;padding: 8px;position: relative;}
.cloumn-9-spad{width: 74.999999%;float: left;padding: 8px;position: relative;}
.cloumn-10-spad{width: 83.333333%;float: left;padding: 8px;position: relative;}
.cloumn-11-spad{width: 91.666666%;float: left;padding: 8px;position: relative;}
.cloumn-12-spad{width: 100%;float: left;padding: 8px;position: relative;}
/*布局*/


.index_news .cloumn-3{width: 100%;margin: 10px 0px;}
.index_news .cloumn-6{width: 100%;margin: 10px 0px;}
/*字体位置*/
.tccpl{text-align: left;}
.tccpr{text-align: left;}
.tcrpc{text-align: center;}
.tclpc{text-align: center;}
.tcrpl{text-align: left;}
.tclpr{text-align: right;}
/*边距margin*/
.marc10p10{margin: 0px 5px;}
.marbotc20p10{margin-bottom: 10px;}
/*边距margin*/

/*边距pad*/
.padpc20ph10{padding: 10px;}
/*边距pad*/
	
.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 250px;position: relative;}
.bannerword{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height: 80px;}
.word1{width: 100%;font-size: 20px;line-height: 35px;}
.word2{width: 100%;font-size: 18px;line-height: 25px;}

}
/*ipad*/
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px){
.common1200{width: 100%;overflow: hidden;max-width: 960px;padding-left: 10px;padding-right: 10px; margin: auto;position: relative;}

/*布局pad*/
.cloumn-pad{display: none;}
.cloumn-1-pad{width: 8.333333%;float: left;padding: 8px;position: relative;}
.cloumn-2-pad{width: 16.666666%;float: left;padding: 8px;position: relative;}
.cloumn-3-pad{width: 24.999999%;float: left;padding: 8px;position: relative;}
.cloumn-4-pad{width: 33.333333%;float: left;padding: 8px;position: relative;}
.cloumn-5-pad{width: 41.666666%;float: left;padding: 8px;position: relative;}
.cloumn-6-pad{width: 49.999999%;float: left;padding: 8px;position: relative;}
.cloumn-7-pad{width: 57.333333%;float: left;padding: 8px;position: relative;}
.cloumn-8-pad{width: 66.666666%;float: left;padding: 8px;position: relative;}
.cloumn-9-pad{width: 74.999999%;float: left;padding: 8px;position: relative;}
.cloumn-10-pad{width: 83.333333%;float: left;padding: 8px;position: relative;}
.cloumn-11-pad{width: 91.666666%;float: left;padding: 8px;position: relative;}
.cloumn-12-pad{width: 100%;float: left;padding: 8px;position: relative;}
/*布局*/

/*字体位置*/
.tccpl{text-align: left;}
.tccpr{text-align: left;}
.tcrpc{text-align: center;}
.tclpc{text-align: center;}



.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 300px;position: relative;}
.bannerword{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height: 80px;}
.word1{width: 100%;font-size: 20px;line-height: 35px;}
.word2{width: 100%;font-size: 18px;line-height: 25px;}

}
/*笔记本*/
@media only screen 
and (min-width : 1025px) 
and (max-width : 1370px){

.common1200{width: 100%;overflow: hidden;max-width: 1000px;padding-left: 10px;padding-right: 10px; margin: auto;position: relative;}
/*布局*/

.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 400px;position: relative;}
.bannerword{position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height: 80px;}
.word1{width: 100%;font-size: 26px;line-height: 40px;}
.word2{width: 100%;font-size: 18px;line-height: 25px;}
/*布局笔记本*/
.cloumn-1-spc{width: 8.333333%;float: left;padding: 8px;position: relative;}
.cloumn-2-spc{width: 16.666666%;float: left;padding: 8px;position: relative;}
.cloumn-3-spc{width: 24.999999%;float: left;padding: 8px;position: relative;}
.cloumn-4-spc{width: 33.333333%;float: left;padding: 8px;position: relative;}
.cloumn-5-spc{width: 41.666666%;float: left;padding: 8px;position: relative;}
.cloumn-6-spc{width: 49.999999%;float: left;padding: 8px;position: relative;}
.cloumn-7-spc{width: 57.333333%;float: left;padding: 8px;position: relative;}
.cloumn-8-spc{width: 66.666666%;float: left;padding: 8px;position: relative;}
.cloumn-9-spc{width: 74.999999%;float: left;padding: 8px;position: relative;}
.cloumn-10-spc{width: 83.333333%;float: left;padding: 8px;position: relative;}
.cloumn-11-spc{width: 91.666666%;float: left;padding: 8px;position: relative;}
.cloumn-12-spc{width: 100%;float: left;padding: 8px;position: relative;}
/*布局*/

	.videoboxs{padding: 50px 20px 20px 20px;}

}