@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;}
.copyright a{ color: #fff;}
/*@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: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 66;max-width: 1200px;color: #fff;text-align: left;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) ----------- */
/*字体*/

.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: 66;max-width: 1200px;color: #fff;text-align: left;height:70px;padding: 0px 10px;}
.word1{width: 100%;font-size: 14px;line-height: 20px;}
.word2{width: 100%;font-size:12px;line-height: 16px;}

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


}





/*ipad*/
@media only screen 
and (min-width : 769px) 
and (max-width : 1023px){
.common1200{width: 100%;overflow: hidden;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: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: auto;z-index: 66;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: hidden;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: 66;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: hidden;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: 66;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;}

	.box1 .common1200{width: 900px;}
.abb1{background-image: url(../images/bg1.jpg);width:190px;padding:25px 25px;background-size: cover;height:auto;position: absolute;top: 50px;left: 10px;}
.abb2{background-image: url(../images/bg1.jpg);width:190px;padding: 15px;background-size: cover;height:auto;position: absolute;top: 50px;right: 10px;}
.abt{width: 100%;overflow: hidden;text-align: center;color: #fff;background-image: url(../images/abbg.png);font-size: 18px;line-height: 42px;background-size:100% 100%;}
.abt4{width: 100%;overflow: hidden;text-align: center;color: #fff;background-image: url(../images/abbg.png);font-size: 18px;line-height: 42px;background-size:100% 100%;}
.abbaimg{width: 100%;overflow: hidden;}
.abbaimg img{width: 100%;margin: 15px 0px;}
.abbt1{width: 100%;text-align: left;color: #fff;font-size: 16px;border-bottom: 1px solid #eee;line-height: 30px;}
.ab2t1{width: 100%;text-align: left;color: #fff;font-size: 15px;border-bottom: 1px solid #eee;line-height: 20px;padding: 5px 0px;}
.ab2t2{width: 100%;text-align: left;color: #fff;font-size: 14px;line-height: 20px;padding: 5px 0px;color: #30e3ff;height: 40px;overflow: hidden;}
.abbt3{width: 100%;text-align: left;color: #fff;font-size: 15px;border-bottom: 1px solid #eee;line-height: 18px;padding: 5px 0px;}
.mar30{margin-top: 50px;}
.abbt2{width: 100%;text-align: left;color: #fff;font-size: 14px;line-height: 20px;height: 40px;overflow: hidden''}
.mar50{margin-top: 30px;}
.abb2l{width: 100%;}
.abb2l li{width: 100%;background: rgba(255,255,255,0.1);margin: 20px 0px;padding: 10px;}



}
@media only screen 
and (min-width : 1440px) 
and (max-width : 1660px) {
.box1{width: 100%;}
	.box1 .common1200{width: 1100px;}




}