/**







 * @name	:HTML标签重定义







 * @author	:chongzi(email:5654565@qq.com)







 * @version	:1.0







 * @type	:公共规则







 * @explain	:无







 */







body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquoteth, td { margin: 0px; padding: 0px; }







h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }







ul, ol { list-style: none; }







table { border-collapse: collapse; border-spacing: 0; }







object, input, textarea { outline: none; } 







fieldset, img { border: 0; }







address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }







i { font-style: normal; }







ol, ul { list-style: none; }







capation, th { text-align: left; }







h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }







q:before, q:after { content: ''; }







abbr, acronym { border: 0; } 







/* 以下样式根据不同的网站可能需要改写 */







body { font-family: "Arial","Microsoft YaHei", 微软雅黑 ; font-size: 12px; line-height: 150%; background-color: #111155; }







textarea { font-family: Courier New,sans-serif; font-size: 13px; }







i { font-style: normal; }







a { text-decoration: none; color: #000; }







a:visited { color: #000; }







a:hover { text-decoration: underline; /*text-decoration:none;*/ color: #000; }







/* 须改写样式结束*/







/**







 * @name	:常用原子类







 * @author	:chongzi(email:5654565@qq.com)







 * @version	:1.0







 * @type	:公共规则







 * @explain	:无







 */







/*字体排版*/







.f1 { font-size: 1px; }







.fb { font-weight: bold; }







.fn { font-weight: normal; }







.lh1 { line-height: 1%; }







.lh150 { line-height: 150%; }







.lh180 { line-height: 180%; }







.lh200 { line-height: 200%; }







/*定位*/







.tl { text-align: left; }







.tc { text-align: center; }







.tr { text-align: right; }







.bc { margin-left: auto; margin-right: auto; }







.fl { float: left; }







.fr { float: right; }







.cb { clear: both; }







.cl { clear: left; }







.cr { clear: right; }







 







/*如果一个块级对象内部包含浮动对象，应该给该块级对象使用clearfix*/







.clearfix:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }







.clearfix { display: inline-block; }







*html .clearfix { height: 1%; }







.clearfix { display: block; }







.va-c { vertical-align: center; }







.pr { position: relative; }







.pa { position: absolute; }







.abs-right { position: absolute; right: 0; }







.zoom { zoom: 1; }







.hidden { visibility: hidden; }







.none { display: none; }







.db { display: block; }







/*长度高度*/







.w10 { width: 10px; }







.w { width: 100%; }







.h { height: 100%; }







.h10 { height: 10px; overflow: hidden; }







.h_auto { height: auto; }







.w_auto { width: auto; }







/*边距*/







.m5 { margin: 5px; }







.m10 { margin: 10px; }







.mt10 { margin-top: 10px; }







.mt20 { margin-top: 20px; }







.mt30 { margin-top: 30px; }







.mt120 { margin-top: 120px; }







.ml10 { margin-left: 10px; }







.mr10 { margin-right: 10px; }







.mb10 { margin-bottom: 10px; }







.mb20 { margin-bottom: 20px; }







.mb25 { margin-top: 25px; }







.mb30 { margin-bottom: 30px; }







.mb50 { margin-bottom: 50px; }







.mb100 { margin-bottom: 100px; }







.pa0 { padding: 0px; }







.pa5 { padding: 5px; }







.pa10 { padding: 10px; }







.pa20 { padding: 20px; }







.pa30 { padding: 30px; }







.patb10 { padding: 10px 0; }







.pab30 { padding-bottom: 30px; }







.pab100 { padding-bottom: 100px; }























.toplink{height: 25px;background-image: url(/images/home/toplink.jpg); background-repeat: repeat-x;background-position: left center; width: 100%;background-color: #000; }















.body{width: 1000px;margin: 0 auto;}







.head{background: #66d5fe; border-bottom: 2px solid #c3d7ef; }







.content{background-image: url(/images/home/c_button.jpg); background-repeat: no-repeat;background-position: center top;







height: 696px;background-size: 100% 100%;















}







.content .c_text {text-align:center;padding: 100px 50px 0 50px;}







.content .c_text img{ display: block;margin: 0 auto 0 auto;}







.content .c_text p{padding-top: 30px; display: inline-block;vertical-align: top; font-size: 24px;line-height: 36px; color: #ffffff; text-align: left;font-weight: bold;}







.content .c_button{text-align:center;padding-top:100px;}







.content .c_button a{display:block;width:380px;font-size:0;white-space:nowrap;height:50px;overflow:hidden;







	background-color: #0e0e36;







	border-radius:10px;border:1px solid #868686;font-weight:bold;margin:0 auto 20px auto;	transition:all 0.5s  ease 0s;-webkit-transition:all  0.5s ease 0s;-moz-transition:all  0.5s ease 0s;}







.content .c_button a:hover{border:1px solid #ffffff;}







.content .c_button a span{display:inline-block;vertical-align:top;width:77%;font-size:16px;line-height:50px;color:#ffffff;text-indent:20px;text-align:left;background-image:url(/images/home/urlicon.png);background-repeat:no-repeat;background-position:22px center;}







.content .c_button a i{display:inline-block;vertical-align:top;width:24%;font-size:16px;line-height:50px;color:#131735;position:relative;background-color:#dfdfdf;}







.content .c_button a i::after{content:'';position:absolute;right:100%;top:0;border-color:#dfdfdf transparent transparent transparent;border-style:solid;border-width:50px 0px 0px 30px;height:0px;width:0px;}







.content .c_button a.on i{background-color:#ff0000;color: #ffeeee;}







.content .c_button a.on i::after{border-color:#ff0000 transparent transparent transparent;}







.enterprise{padding:36px 70px 30px 70px;background:#fff;}







.enterprise ul{}







.enterprise ul li{font-size:12px;color:#999999;position:relative;line-height:24px;padding-left:16px;}







.enterprise ul li::after{content:'';position:absolute;left:2px;width:6px;height:6px;top:7px;border-radius:10px;background-color:#999999;}







.enterprise ul a{color:#ff0000;}







.enterprise .cf_button{padding-top:20px;text-align:center;}







.enterprise .cf_button a{display:inline-block;vertical-align: top; font-size: 16px;line-height: 40px;padding: 0 24px; color: #000000;border: 2px solid #ebebeb; border-radius: 40px; text-decoration:none;







	







	transition:all 0.5s  ease 0s;-webkit-transition:all  0.5s ease 0s;-moz-transition:all  0.5s ease 0s;























}







.enterprise .cf_button a:hover{color: #0000cc;border: 2px solid #0000cc;margin-top: 0;border-color:#0000cc ;}







.page-tips{padding: 16px 50px;text-align: center;}

.page-tips-text{color:#fff;font-size: 16px;font-weight: 700;}

.page-share{

    display: flex;

    gap: 16px;

    justify-content: center;

	position: relative;

 }

 .page-share a{

    display: flex;

    width: 140px;

    height: 32px;

    background-size: cover;

 }

 .tel_icon{

    background: url('/images/home/icon_tel.png') no-repeat center center;

 }

 .fb_icon{

    background: url('/images/home/icon_fb.png') no-repeat center center;

 }

 .zalo_icon{

    background: url('/images/home/icon_zalo.png') no-repeat center center;

 }



.p_codeTest{display: block;background: rgba(0, 0, 0, 0.85);padding:5px 10px;font-size: 12px;border-radius: 6px;text-align: center;

margin: 0;color: #fff;position: absolute;width: 40%;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 1000;}













@media screen and (min-width: 0) and (max-width: 373px) {







	.body{width:100%;min-width: 320px}







	.toplink{height: 18px; background-size: auto 100%; }







	.head{height: 42px;}







	.head img{display: block;height: 100%;}







	.content{height: auto;padding-bottom: 56px;}







	.content .c_text{padding: 28px 18px;}







	.content .c_text img{height: 18px;}







	.content .c_text p{font-size: 10px;line-height: 20px;padding-top: 18px;}







	.content .c_button{padding-top: 0;}







	.content .c_button a{width: 205px;height: 32px;}







	.content .c_button a span{font-size: 10px;line-height: 32px;text-indent: 25%;background-position:9% center;background-size: auto 50%; }







	.content .c_button a i{font-size: 10px;line-height: 32px; }















	.content .c_button a i::after{border-width:32px 0px 0px 16px;height:0px;width:0px;}







	.enterprise{padding:  18px  18px 30px  18px;}







	.enterprise ul li{font-size:10px;line-height:20px;padding-left:12px;}







	.enterprise ul li::after{left:2px;width:4px;height:4px;top:7px;}















	.enterprise .cf_button{padding-top:12px;text-align:center;padding-right:0px;}







	.enterprise .cf_button a{font-size: 10px;line-height: 26px;padding: 0 10px;  border-radius: 26px; margin-right: 0; }







	.page-tips{padding: 10px 36px;text-align: center;}

	.page-tips-text{color:#fff;font-size: 10px;font-weight: 700;}

	.page-share{

		display: flex;

		gap: 8px;

		justify-content: center;

	}

	.page-share a{

		display: flex;

		width: 80px;

		height: 24px;

		background-size: cover;

	}

	.tel_icon{

		background: url('/images/home/icon_tel_h5.png') no-repeat center center;

	}

	.fb_icon{

		background: url('/images/home/icon_fb_h5.png') no-repeat center center;

	}

	.zalo_icon{

		background: url('/images/home/icon_zalo_h5.png') no-repeat center center;

	}





}







@media screen and (min-width: 374px) and (max-width: 479px) {







	.body{width:100%;}







	.toplink{height: 22px; background-size: auto 100%; }







	.head{height: 50px;}







	.head img{display: block;height: 100%;}







	.content{height: auto;padding-bottom: 68px;}







	.content .c_text{padding: 34px 22px;}







	.content .c_text img{height: 22px;}







	.content .c_text p{font-size: 12px;line-height: 24px;padding-top: 22px;}







	.content .c_button{padding-top: 0;}







	.content .c_button a{width: 246px;height: 38px;}







	.content .c_button a span{font-size: 12px;line-height: 38px;text-indent: 25%;background-position:9% center;background-size: auto 50%; }







	.content .c_button a i{font-size: 12px;line-height: 38px; }















	.content .c_button a i::after{border-width:38px 0px 0px 20px;height:0px;width:0px;}







	.enterprise{padding:  22px  22px 36px  22px;}







	.enterprise ul li{font-size:12px;line-height:24px;padding-left:14px;}







	.enterprise ul li::after{left:2px;width:4px;height:4px;top:8px;}















	.enterprise .cf_button{padding-top:14px;text-align:center;padding-right:0px;}







	.enterprise .cf_button a{font-size: 12px;line-height: 32px;padding: 0 12px;  border-radius: 32px; margin-right: 0; }







	 

	.page-tips{padding: 10px 36px;text-align: center;}

	.page-tips-text{color:#fff;font-size: 10px;font-weight: 700;}

	.page-share{

		display: flex;

		gap: 8px;

		justify-content: center;

	}

	.page-share a{

		display: flex;

		width: 80px;

		height: 24px;

		background-size: cover;

	}

	.tel_icon{

		background: url('/images/home/icon_tel_h5.png') no-repeat center center;

	}

	.fb_icon{

		background: url('/images/home/icon_fb_h5.png') no-repeat center center;

	}

	.zalo_icon{

		background: url('/images/home/icon_zalo_h5.png') no-repeat center center;

	}





	







}















@media screen and (min-width: 480px) and (max-width: 639px) {







	.body{width:100%;}







	.toplink{height: 26px; background-size: auto 100%; }







	.head{height: 62px;}







	.head img{display: block;height: 100%;}







	.content{height: auto;padding-bottom: 84px;}







	.content .c_text{padding: 42px 26px;}







	.content .c_text img{height: 26px;}







	.content .c_text p{font-size: 14px;line-height: 30px;padding-top: 26px;}







	.content .c_button{padding-top: 0;}







	.content .c_button a{width: 308px;height: 48px;}







	.content .c_button a span{font-size: 14px;line-height: 48px;text-indent: 25%;background-position:9% center;background-size: auto 50%; }







	.content .c_button a i{font-size: 14px;line-height: 48px; }















	.content .c_button a i::after{border-width:48px 0px 0px 24px;height:0px;width:0px;}







	.enterprise{padding:  26px  26px 44px  26px;}







	.enterprise ul li{font-size:14px;line-height:30px;padding-left:18px;}







	.enterprise ul li::after{left:2px;width:6px;height:6px;top:10px;}















	.enterprise .cf_button{padding-top:18px;text-align:center;padding-right:0px;}







	.enterprise .cf_button a{font-size: 14px;line-height: 38px;padding: 0 14px;  border-radius: 38px; margin-right: 0; }







	.page-tips{padding: 14px 54px;}

	.page-tips-text{font-size: 14px;}

	.page-share{

		

		gap: 12px;

		

	}

	.page-share a{

		

		width: 120px;

		height: 36px;

		

	}

	.tel_icon{

		background: url('/images/home/icon_tel_h5.png') no-repeat center center;

	}

	.fb_icon{

		background: url('/images/home/icon_fb_h5.png') no-repeat center center;

	}

	.zalo_icon{

		background: url('/images/home/icon_zalo_h5.png') no-repeat center center;

	}





}















@media screen and (min-width: 640px)and (max-width:1000px) {







	.body{width:100%;}







	.toplink{height: 36px; background-size: auto 100%; }







	.head{height: 84px;}







	.head img{display: block;height: 100%;}







	.content{height: auto;padding-bottom: 84px;}







	.content .c_text{padding: 56px 36px;}







	.content .c_text img{height: 36px;}







	.content .c_text p{font-size: 20px;line-height: 40px;padding-top: 36px;}







	.content .c_button{padding-top: 0;}







	.content .c_button a{width: 308px;height: 48px;}







	.content .c_button a span{font-size: 14px;line-height: 48px;text-indent: 25%;background-position:9% center;background-size: auto 50%; }







	.content .c_button a i{font-size: 14px;line-height: 48px; }















	.content .c_button a i::after{border-width:48px 0px 0px 24px;height:0px;width:0px;}







	.enterprise{padding:  36px  36px 60px  36px;}







	.enterprise ul li{font-size:20px;line-height:40px;padding-left:24px;}







	.enterprise ul li::after{left:4px;width:8px;height:8px;top:14px;}















	.enterprise .cf_button{padding-top:24px;text-align:center;padding-right:0px;}







	.enterprise .cf_button a{font-size: 20px;line-height: 52px;padding: 0 20px;  border-radius: 52px; margin-right: 0; }







	.page-tips{padding: 20px 72px;}

	.page-tips-text{font-size: 20px;}

	.page-share{

		

		gap: 16px;

		

	}

	.page-share a{

		

		width: 160px;

		height: 48px;

		

	}

	.tel_icon{

		background: url('/images/home/icon_tel_h5.png') no-repeat center center;

	}

	.fb_icon{

		background: url('/images/home/icon_fb_h5.png') no-repeat center center;

	}

	.zalo_icon{

		background: url('/images/home/icon_zalo_h5.png') no-repeat center center;

	}







}