@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: #005bac;}
.basebg{background: #005bac;}
.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*/

.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;}

/*动画延迟*/


/*********/


/*动画延迟*/
.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;}
/*布局*/







/*bannerpage*/
.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 500px;position: relative;}
.bannerword{position: absolute;top: 70px;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;}
/*bannerpage*/

@media only screen 

and (min-device-width : 320px) 

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

/* Smartphones (portrait and landscape) ----------- */
/*字体*/
	.common1200{padding: 0 10px;}
.banner_page{width: 100%;overflow: hidden;}
.bannerbg{width: 100%;height: 700px;position: relative;}
.bannerword{position: absolute;top: 80px;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 6666;max-width: 1000px;color: #fff;text-align: center;height:70px;padding: 0px 10px;}
.word1{width: 100%;font-size: 20px;line-height: 20px;}
.word2{width: 100%;font-size:12px;line-height: 16px;}
	.phonegone{display: none;}
/*布局shouji*/
.cloumn-sj{display: none;}
.cloumn-1-sj{width: 8.333333%;float: left;padding: 4px;position: relative;}
.cloumn-2-sj{width: 16.666666%;float: left;padding: 4px;position: relative;}
.cloumn-3-sj{width: 24.999999%;float: left;padding: 4px;position: relative;}
.cloumn-4-sj{width: 33.333333%;float: left;padding: 4px;position: relative;}
.cloumn-5-sj{width: 41.666666%;float: left;padding: 4px;position: relative;}
.cloumn-6-sj{width: 49.999999%;float: left;padding: 4px;position: relative;}
.cloumn-7-sj{width: 57.333333%;float: left;padding: 4px;position: relative;}
.cloumn-8-sj{width: 66.666666%;float: left;padding: 4px;position: relative;}
.cloumn-9-sj{width: 74.999999%;float: left;padding: 4px;position: relative;}
.cloumn-10-sj{width: 83.333333%;float: left;padding: 4px;position: relative;}
.cloumn-11-sj{width: 91.666666%;float: left;padding: 4px;position: relative;}
.cloumn-12-sj{width: 100%;float: left;padding: 4px;position: relative;text-align: center;}
/*布局*/


}





/*ipad*/
@media only screen 
and (min-width : 769px) 
and (max-width : 1023px){
.common1200{width: 100%;overflow: visible;max-width: 760px;padding-left: 0px;padding-right: 0px; margin: auto;position: relative;}

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

}
/*pad*/
@media only screen 
and (min-width : 1024px) 
and (max-width : 1199px){

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

.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: 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;}
/*布局*/



}

/*笔记本*/
@media only screen 
and (min-width : 1200px) 
and (max-width : 1440px){

.common1200{width: 100%;overflow: visible;max-width: 1200px; margin: auto;position: relative;}
/*布局*/

.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: 80px;}
.word1{width: 100%;font-size: 26px;line-height: 40px;}
.word2{width: 100%;font-size: 18px;line-height: 25px;}



}