@charset "utf-8";
/* CSS Document */
/* 企业直播客户操作指导 CSS Document 
 * ver：2.0
 * By：liuyang.
 * ICQ：1845676808
 * Date：2020/04/01
*/

/**common**/
*{ margin:0; padding:0;}
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {padding:0; margin:0; font:12px/1.5 Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;}
table,td,tr,th{font-size:13px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clear{*zoom:1;}
.clear:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}
.fl {float:left;}
.fr {float:right;}


/**banner start**/
@media screen and (min-width:1201px) {
	.ly_banner { width:100%; height:480px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/banner.jpg) center top no-repeat;}
}
@media screen and (min-width:1081px) and (max-width:1200px) {
	.ly_banner { width:100%; height:320px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/banner.jpg) center center no-repeat; background-size:1280px 320px;}
}
@media screen and (max-width:1080px) {
	.ly_banner { width:100%; height:270px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/banner.jpg) center center no-repeat; background-size:1080px 270px;}
}
@media screen and (max-width:750px) {
	.ly_banner { width:100%; height:188px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/banner.jpg) center center no-repeat; background-size:750px 188px;}
}
@media screen and (max-width:560px) {
	.ly_banner { width:100%; height:140px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/banner.jpg) center center no-repeat; background-size:560px 140px;}
}
/**banner end**/

/**top_title start**/
@media screen and (min-width:1201px) {
	.top_title { width:100%; height:80px; margin:0 auto; padding:40px 0; background-color:#fff; box-shadow:0 8px 10px rgba(4, 0, 0, 0.1);}
	.top_title p { width:100%; height:48px; overflow:hidden; line-height:48px; color:#202020; font-size:44px; font-weight:bold; text-align:center; margin:0 auto 12px; padding:0;}
	.top_title p font { color:#003fde;}
	.top_title span { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#898989; font-size:18px; text-align:center; margin:0 auto; padding:0;}
}
@media screen and (min-width:1081px) and (max-width:1200px) {
	.top_title { width:100%; height:80px; margin:0 auto; padding:40px 0; background-color:#fff; box-shadow:0 8px 10px rgba(4, 0, 0, 0.1);}
	.top_title p { width:100%; height:48px; overflow:hidden; line-height:48px; color:#202020; font-size:44px; font-weight:bold; text-align:center; margin:0 auto 12px; padding:0;}
	.top_title p font { color:#003fde;}
	.top_title span { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#898989; font-size:18px; text-align:center; margin:0 auto; padding:0;}
}
@media screen and (max-width:1080px) {
	.top_title { width:100%; height:70px; margin:0 auto; padding:30px 0; background-color:#fff; box-shadow:0 4px 5px rgba(4, 0, 0, 0.1);}
	.top_title p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#202020; font-size:36px; font-weight:bold; text-align:center; margin:0 auto 10px; padding:0;}
	.top_title p font { color:#003fde;}
	.top_title span { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#898989; font-size:16px; text-align:center; margin:0 auto; padding:0;}
}
@media screen and (max-width:750px) {
	.top_title { width:100%; height:70px; margin:0 auto; padding:30px 0; background-color:#fff; box-shadow:0 4px 5px rgba(4, 0, 0, 0.1);}
	.top_title p { width:100%; height:40px; overflow:hidden; line-height:40px; color:#202020; font-size:36px; font-weight:bold; text-align:center; margin:0 auto 10px; padding:0;}
	.top_title p font { color:#003fde;}
	.top_title span { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#898989; font-size:16px; text-align:center; margin:0 auto; padding:0;}
}
@media screen and (max-width:560px) {
	.top_title { width:100%; height:54px; margin:0 auto; padding:18px 0; background-color:#fff; box-shadow:0 4px 5px rgba(4, 0, 0, 0.1);}
	.top_title p { width:100%; height:28px; overflow:hidden; line-height:28px; color:#202020; font-size:24px; font-weight:bold; text-align:center; margin:0 auto 6px; padding:0;}
	.top_title p font { color:#003fde;}
	.top_title span { display:block; width:100%; height:20px; overflow:hidden; line-height:20px; color:#898989; font-size:14px; text-align:center; margin:0 auto; padding:0;}
}
/**top_title end**/

/**ly_step start**/
@media screen and (min-width:1201px) {
	.ly_step { width:1200px; height:auto; margin:80px auto; padding:0;}
	.step_tit { width:100%; height:80px; overflow:hidden; margin:0 auto 40px; padding:0;}
	.step_tit p { width:100%; height:55px; line-height:70px; color:#202020; font-size:40px; font-weight:bold; text-align:center; margin:0 auto 19px; padding:0;}
	.step1 p { background:url(../images/step1.png) center top no-repeat;}
	.step2 p { background:url(../images/step2.png) center top no-repeat;}
	.step3 p { background:url(../images/step3.png) center top no-repeat;}
	.step_tit img { display:block; width:80px; height:6px; overflow:hidden; margin:0 auto; padding:0;}
	
	.step_main { width:1200px; height:auto; margin:0 auto; padding:0 40px 40px; background-color:#fff; border-radius:20px; box-shadow:0 12px 24px rgba(29, 48, 83, 0.2); box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_main h3 { width:100%; overflow:hidden; margin:0 auto; padding:20px 0; color:#202020; font-size:28px; font-weight:bold;}
	.step_main h3 span { color:#f00;}
	.step_main img.step_img1 { display:block; width:100%; overflow:hidden; margin:0 auto; padding:0; border:1px solid #d8e6ff; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_main img.step_img2 { display:block; width:1040px; overflow:hidden; margin:0; padding:0; border:1px solid #d8e6ff; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_main .step_tips { width:100%; overflow:hidden; margin:0 auto; padding:20px 0; background-color:#ebf2ff;}
	.step_main .step_tips2 { padding:40px 0;}
	.step_tips h5 { width:16%; overflow:hidden; line-height:64px; color:#0059ff; font-size:16px; font-weight:bold; text-align:center; margin:0; padding:0; float:left;}
	.step_tips2 h5 { line-height:160px;}
	.step_tips p { width:80%; overflow:hidden; line-height:32px; color:#565656; font-size:16px; margin:0; padding:0; float:left;}
	.step_tips2 p, .step_tips2 span { display:block; width:42%; float:left;}
	.step_tips2 p { margin:32px 0;}
	.step_main h6 { width:100%; overflow:hidden; margin:0 auto; padding:10px 0 20px; color:#202020; font-size:24px; text-align:center;}
	.step_tips2 span img { width:420px; height:160px; overflow:hidden; margin:0 auto; padding:0; border:1px solid #d8e6ff;}
	
	.step_main ul li { width:50%; overflow:hidden; margin:0 0 20px; padding:0; text-align:center; float:left;}
	.step_main ul li p { width:100%; height:30px; overflow:hidden; line-height:30px; margin:0 auto 10px; padding:0; color:#045cfe; font-size:24px; text-align:center;}
	.step_main ul li img { display:block; max-width:100%; overflow:hidden; margin:0 auto; padding:0;}
}
@media screen and (min-width:1081px) and (max-width:1200px) {
	.ly_step { width:100%; height:auto; margin:80px auto; padding:0 40px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_tit { width:100%; height:80px; overflow:hidden; margin:0 auto 40px; padding:0;}
	.step_tit p { width:100%; height:55px; line-height:70px; color:#202020; font-size:40px; font-weight:bold; text-align:center; margin:0 auto 19px; padding:0;}
	.step1 p { background:url(../images/step1.png) center top no-repeat;}
	.step2 p { background:url(../images/step2.png) center top no-repeat;}
	.step3 p { background:url(../images/step3.png) center top no-repeat;}
	.step_tit img { display:block; width:80px; height:6px; overflow:hidden; margin:0 auto; padding:0;}
	
	.step_main { width:100%; height:auto; margin:0 auto; padding:0 40px 40px; background-color:#fff; border-radius:20px; box-shadow:0 12px 24px rgba(29, 48, 83, 0.2); box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_main h3 { width:100%; overflow:hidden; margin:0 auto; padding:20px 0; color:#202020; font-size:28px; font-weight:bold;}
	.step_main h3 span { color:#f00;}
	.step_main img.step_img1, .step_main img.step_img2 { display:block; width:100%; overflow:hidden; margin:0 auto; padding:0; border:1px solid #d8e6ff; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_main .step_tips { width:100%; overflow:hidden; margin:0 auto; padding:20px 0; background-color:#ebf2ff;}
	.step_tips h5 { width:20%; overflow:hidden; line-height:64px; color:#0059ff; font-size:16px; font-weight:bold; text-align:center; margin:0; padding:0; float:left;}
	.step_tips p { width:80%; overflow:hidden; line-height:32px; color:#565656; font-size:16px; margin:0; padding:0; float:left;}
	.step_main h6 { width:100%; overflow:hidden; margin:0 auto; padding:10px 0 20px; color:#202020; font-size:24px; text-align:center;}
	.step_main .step_tips2 { padding:40px 0;}
	.step_tips2 h5 { line-height:160px;}
	.step_tips2 p, .step_tips2 span { display:block; width:42%; float:left;}
	.step_tips2 p { margin:32px 0;}
	.step_tips2 span img { width:100%; overflow:hidden; margin:0 auto; padding:0; border:1px solid #d8e6ff; box-sizing:border-box;}
	
	.step_main ul li { width:50%; overflow:hidden; margin:0 0 20px; padding:0; text-align:center; float:left;}
	.step_main ul li p { width:100%; height:30px; overflow:hidden; line-height:30px; margin:0 auto 10px; padding:0; color:#045cfe; font-size:24px; text-align:center;}
	.step_main ul li img { display:block; max-width:100%; overflow:hidden; margin:0 auto; padding:0;}
}
@media screen and (max-width:1080px) {
	.ly_step { width:100%; height:auto; margin:40px auto; padding:0 20px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_tit { width:100%; height:72px; overflow:hidden; margin:0 auto 20px; padding:0;}
	.step_tit p { width:100%; height:48px; line-height:64px; color:#202020; font-size:32px; font-weight:bold; text-align:center; margin:0 auto 18px; padding:0;}
	.step1 p { background:url(../images/step1.png) center top no-repeat; background-size:489px 48px;}
	.step2 p { background:url(../images/step2.png) center top no-repeat; background-size:489px 48px;}
	.step3 p { background:url(../images/step3.png) center top no-repeat; background-size:489px 48px;}
	.step_tit img { display:block; width:80px; height:6px; overflow:hidden; margin:0 auto; padding:0;}
	
	.step_main { width:100%; height:auto; margin:0 auto; padding:0 20px 20px; background-color:#fff; border-radius:16px; box-shadow:0 8px 16px rgba(29, 48, 83, 0.2); box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_main h3 { width:100%; overflow:hidden; margin:0 auto; padding:16px 0; color:#202020; font-size:24px; font-weight:bold;}
	.step_main h3 span { color:#f00;}
	.step_main img.step_img1, .step_main img.step_img2 { display:block; width:100%; overflow:hidden; margin:0 auto; padding:0; border:1px solid #d8e6ff; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_main .step_tips { width:100%; overflow:hidden; margin:0 auto; padding:20px; background-color:#ebf2ff; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_tips h5 { width:100%; overflow:hidden; color:#0059ff; font-size:16px; font-weight:bold; margin:0 0 10px; padding:0; float:left;}
	.step_tips p { width:100%; overflow:hidden; line-height:32px; color:#565656; font-size:16px; margin:0; padding:0; float:left;}
	.step_main h6 { width:100%; overflow:hidden; margin:0 auto; padding:8px 0 16px; color:#202020; font-size:18px; text-align:center;}
	
	.step_tips2 p { margin:0 0 10px;}
	.step_tips2 span { display:block; width:100%; overflow:hidden;}
	.step_tips2 span img { max-width:100%; overflow:hidden; margin:0 auto; padding:0; border:1px solid #d8e6ff; box-sizing:border-box;}
	
	.step_main ul li { width:50%; overflow:hidden; margin:0 0 20px; padding:0; text-align:center; float:left;}
	.step_main ul li p { width:100%; height:30px; overflow:hidden; line-height:30px; margin:0 auto 10px; padding:0; color:#045cfe; font-size:22px; text-align:center;}
	.step_main ul li img { display:block; max-width:100%; overflow:hidden; margin:0 auto; padding:0;}
}
@media screen and (max-width:750px) {

}
@media screen and (max-width:560px) {
	.ly_step { width:100%; height:auto; margin:30px auto; padding:0 16px; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_tit { width:100%; height:60px; overflow:hidden; margin:0 auto 16px; padding:0;}
	.step_tit p { width:100%; height:36px; line-height:50px; color:#202020; font-size:22px; font-weight:bold; text-align:center; margin:0 auto 18px; padding:0;}
	.step1 p { background:url(../images/step1.png) center top no-repeat; background-size:367px 36px;}
	.step2 p { background:url(../images/step2.png) center top no-repeat; background-size:367px 36px;}
	.step3 p { background:url(../images/step3.png) center top no-repeat; background-size:367px 36px;}
	.step_tit img { display:block; width:60px; overflow:hidden; margin:0 auto; padding:0;}
	
	.step_main { width:100%; height:auto; margin:0 auto; padding:0 16px 16px; background-color:#fff; border-radius:8px; box-shadow:0 8px 16px rgba(29, 48, 83, 0.2); box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_main h3 { width:100%; overflow:hidden; margin:0 auto; padding:16px 0; color:#202020; font-size:18px; font-weight:bold;}
	.step_main h3 span { color:#f00;}
	.step_main img.step_img1, .step_main img.step_img2 { display:block; width:100%; overflow:hidden; margin:0 auto; padding:0; border:1px solid #d8e6ff; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_main .step_tips { width:100%; overflow:hidden; margin:0 auto; padding:16px; background-color:#ebf2ff; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
	.step_tips h5 { width:100%; overflow:hidden; color:#0059ff; font-size:15px; font-weight:bold; margin:0 0 8px; padding:0; float:left;}
	.step_tips p { width:100%; overflow:hidden; line-height:22px; color:#565656; font-size:14px; margin:0; padding:0; float:left;}
	.step_main h6 { width:100%; overflow:hidden; margin:0 auto; padding:8px 0 16px; color:#202020; font-size:14px; text-align:center;}
	
	.step_tips2 p { margin:0 0 10px;}
	.step_tips2 span { display:block; width:100%; overflow:hidden;}
	.step_tips2 span img { width:100%; overflow:hidden; margin:0 auto; padding:0; border:1px solid #d8e6ff; box-sizing:border-box;}
	
	.step_main ul li { width:100%; overflow:hidden; margin:0 auto 16px; padding:0; text-align:center; float:left;}
	.step_main ul li p { width:100%; height:20px; overflow:hidden; line-height:20px; margin:0 auto 8px; padding:0; color:#045cfe; font-size:18px; text-align:center;}
	.step_main ul li:nth-child(2n+2) p { display:none;}
	.step_main ul li img { display:block; max-width:100%; overflow:hidden; margin:0 auto; padding:0;}
}
/**ly_step start**/

/**foot start**/
@media screen and (min-width:1201px) {
	.ly_foot a { display:block; width:100%; height:140px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/ft_img1.jpg) center top no-repeat;}
}
@media screen and (min-width:1081px) and (max-width:1200px) {
	.ly_foot a { display:block; width:100%; height:117px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/ft_img1.jpg) center center no-repeat; background-size:1600px 117px;}
}
@media screen and (max-width:1080px) {
	.ly_foot a { display:block; width:100%; height:160px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/ft_img2.jpg) center center no-repeat; background-size:1080px 160px;}
}
@media screen and (max-width:768px) {
	.ly_foot a { display:block; width:100%; height:114px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/ft_img2.jpg) center center no-repeat; background-size:768px 114px;}
}
@media screen and (max-width:560px) {
	.ly_foot a { display:block; width:100%; height:61px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/ft_img2.jpg) center center no-repeat; background-size:414px 61px;}
}
/**foot end**/