@charset "utf-8";
*{ margin:0; padding:0;}
body{  margin:0 auto; padding:0; width:100%; color:#333; font:14px/1.5;  font-family: "Arial","Microsoft YaHei","����","����",sans-serif; text-align:center; -webkit-font-smoothing:antialiased;}
a:link, a:visited{ text-decoration:none;}
a:hover{_color:#ff0000;}
ul,dt,dd { list-style:none;}
a{ color:#666;}
.hidden{ display:none;}
.clear{clear:both;}
img{ border:none;}

.header .active{ background-image: url(../img/ys_current.png); background-repeat:no-repeat;  }
.header #menu .active a{color:#FFFFFF; }
 #menu .active .line{ display:none;}
 #warp{ width:100%; position:relative; overflow:hidden; }
 .botton{clear:both; position:relative; top:50px; border:3px solid #329CEB; border-radius:4px;  padding:9px 56px; color:#329CEB;  }

.headerbg{ background-color:#FFFFFF ; _display:none; position:fixed; top:0px; width:100%; height:80px; z-index: 70;}

.header{ width:1420px; margin:0 auto;  height:70px;     }
@media screen and (max-width: 1366px){
    .header {
        width: 100%;
        margin: 0 auto;
        height: 70px;
    }

}
.header .logo{  float:left;color:#999999;margin-top:0px;}
.header .logo img{ margin-left:100px; margin-top:26px; float:left; }
.header .logo .logoline{float:left; margin-left:20px;   margin-top:27px; height:31px;   border-left:solid 1px #999999;}
.header .logo .logotext{ float:left; margin-left:20px; margin-top:24px;   line-height:20px; font-size:14px; text-align:left;}
.header .logo .logotext p{ font-size:13px;}
.header #menu{  float:right;  width:820px; height:74px;  }
 #menu{  margin-top:20px;margin-left:40px; }
 #menu  li{  float:left; margin:auto auto; height:45px; padding:0px 37px; position:relative ; text-align:center;  position:relative; }
 #menu  li a{ position:absolute; margin:auto;top:0px;right:0px; bottom:0px; left:0px; font-weight: 400; font-size: 15px;line-height:40px; color:#000000; }
 #menu .line{ position:absolute; right:-1px;  height:19px; top:10px;border-left:1px solid #CCCCCC}
 
 
 .conbg{ width:100%; background-image:url(../img/footerbg.png);overflow:hidden; }


.section { text-align: center; }

#webwidth{  margin:0 auto;  width:1420px; }


/*移动*/
.mobile_con{ margin-left:auto; margin-right:auto; padding-bottom:150px;padding-top: 130px; }
.mobile_con .con_center { width:757px; margin-left:auto; margin-right:auto;}
.mobile_con .con_center .tit{ font-weight: 400; font-style: normal; font-size: 20px; }
.mobile_con .con_center .tit_info{ margin-top:10px;margin-bottom:20px; font-weight: 400; font-style: normal; font-size: 14px; color: rgb(153, 153, 153); }
.mobile_con .con_center .con_container { margin-top: 40px; }
.mobile_con .con_center .con_container .con_item { overflow: hidden; width: 679px; margin-bottom: 15px; }
.mobile_con .con_center .con_container .vitem{ float: right; width: 70px; height: 461px; border-radius: 3px; background-color: #99cc33; cursor: pointer; display:table; }
.mobile_con .con_center .con_container .con_item .item_left{ width: 68px; height: 88px; float: left; display: table;border-radius: 3px;}
.mobile_con .con_center .con_container .con_item .item_left p,.mobile_con .con_center .con_container .vitem p{ display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; }
.mobile_con .con_center .con_container .con_item .item_right{ width: 609px; height: 90px; float: right; margin: 0; }
.mobile_con .con_center .con_container .con_item .item_right li{ float:left; width: calc(50% - 8px); height: 41px; margin-top: 0; margin-left: 8px; margin-bottom: 8px; background-color: #329ceb; border-radius: 3px; line-height: 41px; color: #fff; cursor: pointer;}

.mobile_con .con_center .con_container .item_mobile .item_left {     border: 1px solid #329ceb;color: white; background-color: #329ceb; }
.mobile_con .con_center .con_container .item_mobile .item_right li { background-color: #329ceb; }

.mobile_con .con_center .con_container .item_process .item_left { border: 1px solid #ff6600; color: white; background-color: #ff6600; }
.mobile_con .con_center .con_container .item_process .item_right li { background-color: #ff6600; }

.mobile_con .con_center .con_container .item_share .item_left { border: 1px solid #00c232;color: white; background-color: #00c232;  }
.mobile_con .con_center .con_container .item_share .item_right li { background-color: #00c232; }

.mobile_con .con_center .con_container .item_crm .item_left { border: 1px solid #b279df; color: white; background-color: #b279df; }
.mobile_con .con_center .con_container .item_crm .item_right li { background-color: #b279df; }

.mobile_con .item_crm_more{ height: 41px; background-color: #e66a79; line-height: 41px;color: white;width: 679px;border-radius: 3px;}


/*角色*/
.role_con{ margin-left:auto; margin-right:auto; padding-bottom:150px;padding-top: 130px; }
.role_con .con_center {   margin-left:auto; margin-right:auto;}
.role_con .con_center .tit{     font-weight: 400; font-style: normal; font-size: 20px; }
.role_con .con_center .tit_info{ margin-top: 10px;margin-bottom:20px; font-weight: 400; font-style: normal; font-size: 14px; color: rgb(153, 153, 153); }
/*.role_con .con_center ul{ margin-left:30px;}
.role_con .con_center ul li{ width:197px; height:65px; line-height:65px; float:left; margin-left:10px; margin-top:20px;}
.role_con .con_center ul li a{ font-weight: 400; font-style: normal; font-size: 18px; color:#FFFFFF;   }*/
.role_con .con_center .ic_li1{ width:363px; background-color: #2555b1; border:1px solid #2555b1 }
.role_con .con_center .ic_li2{ width:363px; background-color: #ff9900; border:1px solid #ff9900 }
.role_con .con_center .ic_li3{ background-color: #2db3b3; border:1px solid #2db3b3 }
.role_con .con_center .ic_li4{ background-color: #66cc00; border:1px solid #66cc00 }
.role_con .con_center .ic_li5{ background-color: #7c35b0; border:1px solid #7c35b0 }
.role_con .con_center .ic_li6{ background-color: #cc9933; border:1px solid #cc9933 }
.role_con .con_center .ic_li7{ background-color: #0099cc; border:1px solid #0099cc }
.role_con .con_center .ic_li8{ background-color: #ffcc00; border:1px solid #ffcc00 }
.role_con .con_center .ic_li9{ width:363px; background-color: #66cc00; border:1px solid #66cc00 }
.role_con .con_center .ic_li10{ width:363px; background-color: #2db3b3; border:1px solid #2db3b3 }

.role_con .con_center .unfold .ic_li1{ background-color: transparent; color: #2555b1; border-radius: 33px; margin-top:20px; height:50px; line-height:50px; }
.role_con .con_center .unfold .ic_li2{ background-color: transparent; color: #ff9900; border-radius: 33px; margin-top:20px; height:50px; line-height:50px; }
.role_con .con_center .unfold .ic_li3{ background-color: transparent; color: #2db3b3; border-radius: 33px; margin-top:20px; height:50px; line-height:50px; width:208px; margin-left:20px; margin-right:20px; }
.role_con .con_center .unfold .ic_li4{ background-color: transparent; color: #66cc00; border-radius: 33px; margin-top:20px; height:50px; line-height:50px; width:208px; margin-right:20px; }
.role_con .con_center .unfold .ic_li5{ background-color: transparent; color: #7c35b0; border-radius: 33px; margin-top:20px; height:50px; line-height:50px; width:208px; }
.role_con .con_center .unfold .ic_li6{ background-color: transparent; color: #cc9933; border-radius: 33px; margin-top:20px; height:50px; line-height:50px; width:208px; margin-left:20px; margin-right:20px; }
.role_con .con_center .unfold .ic_li7{ background-color: transparent; color: #0099cc; border-radius: 33px; margin-top:20px; height:50px; line-height:50px; width:208px; margin-right:20px; }
.role_con .con_center .unfold .ic_li8{ background-color: transparent; color: #ffcc00; border-radius: 33px; margin-top:20px; height:50px; line-height:50px; width:208px; }
.role_con .con_center .unfold .ic_li9{ background-color: transparent; color: #66cc00; border-radius: 33px; margin-top:20px; height:50px; line-height:50px; }
.role_con .con_center .unfold .ic_li10{ background-color: transparent; color: #2db3b3; border-radius: 33px; margin-top:20px; height:50px; line-height:50px; }



/*场景*/
.con_center_bg{ background-color:#f1f1f1; height:617px; width:10000px; left:-5000px; position:absolute;}
.scene_con{ margin-left:auto; margin-right:auto; padding-bottom:170px;padding-top: 130px; position:relative; }
.scene_con .con_center {  width:1107px;  margin-left:auto; margin-right:auto;}
.scene_con .con_center .tit{     font-weight: 400; font-style: normal; font-size: 20px; }
.scene_con .con_center .tit_info{ margin-top:10px;font-weight: 400; font-style: normal; font-size: 14px; color: rgb(153, 153, 153); }

.scene_con .con_center .list_ul{ width: 651px;    margin-top: 67px;margin-left: 225px;float:left;display:none;}
.scene_con .con_center .list_ul li{float:left; width: 207px;padding: 12px 0px;margin:5px auto 5px 10px; cursor:pointer; }
.scene_con .con_center .list_ul a{ font-weight: 400; font-style: normal; font-size: 15px; color:#FFFFFF;}
.scene_con .con_center .ul1{ display:block;}
.scene_con .con_center .ul1 li{ background-color: #1296DB;}
.scene_con .con_center .ul2 li{ background-color:rgb(255,12,12);}
.scene_con .con_center .ul3 li{ background-color:rgb(170,170,46);}
.scene_con .con_center .ul4 li{background-color:rgb(70,163,24);}
.scene_con .con_center .ul5 li{background-color:rgb(170,46,46);}
.scene_con .con_center .ul6 li{background-color:rgb(163,27,209);}
.scene_con .con_center .ul7 li{background-color:rgb(235,156,8);}
.scene_con .con_center .ul8 li{background-color:rgb(76,210,210);}

.scene_con .con_center .main_ul2{ margin-top:70px;    margin-left: 15px;margin-right:15px;display: flex;justify-content: space-around; }
.scene_con .con_center .main_ul2 li{cursor:pointer; /*float:left;*/ width:95px; height:95px; border-radius:50%; border:2px solid; /*margin-right: 35px;*/ background-color:white; line-height:130px; background-repeat:no-repeat; background-position:center; background-position-y:14px;}
.scene_con .con_center .main_ul2 .ic_li1{border-color:rgb(23,124,191);background-image:url(../img/scene_icon1.png);}
.scene_con .con_center .main_ul2 .ic_li2{border-color:rgb(255,12,12);background-image:url(../img/scene_icon2.png);}
.scene_con .con_center .main_ul2 .ic_li3{border-color:rgb(170,170,46);background-image:url(../img/scene_icon3.png);}
.scene_con .con_center .main_ul2 .ic_li4{border-color:rgb(70,163,24);background-image:url(../img/scene_icon4.png);}
.scene_con .con_center .main_ul2 .ic_li5{border-color:rgb(170,46,46);background-image:url(../img/scene_icon5.png);}
.scene_con .con_center .main_ul2 .ic_li6{border-color:rgb(163,27,209);background-image:url(../img/scene_icon6.png);}
.scene_con .con_center .main_ul2 .ic_li7{border-color:rgb(235,156,8);background-image:url(../img/scene_icon7.png);}
.scene_con .con_center .main_ul2 .ic_li8{border-color:rgb(76,210,210);background-image:url(../img/scene_icon8.png);}
.scene_con .con_center a.botton{ top: 65px;}



.scene_con .con_bottom{margin-top: 180px;width:788px;margin-left: 222px;display:none;}
.scene_con .con_bottom .c_left{float:left;margin-top:50px; width:95px; height:95px; border:1px solid; border-radius:50%; background-color:white; line-height:130px; background-repeat:no-repeat; background-position:center; background-position-y:14px;}
.scene_con .con_bottom ul{ width: 621px;    margin-top: 57px;margin-left: 70px;float:left;}
.scene_con .con_bottom ul li{float:left; width: 197px;padding: 10px 0px;margin-left: 10px; margin-bottom:5px; }
.scene_con .con_bottom a{ font-weight: 400; font-style: normal; font-size: 15px; color:#FFFFFF;}
.scene_con .con_bottom .c_left1{border-color:rgb(255,12,12);background-image:url(../img/scene_icon2.png); }
.scene_con .con_bottom .ul1{}
.scene_con .con_bottom .ul1 li{ background-color:rgb(255,12,12);}
.scene_con .con_bottom .c_left2{border-color:rgb(170,170,46);background-image:url(../img/scene_icon3.png);}
.scene_con .con_bottom .ul2{}
.scene_con .con_bottom .ul2 li{ background-color:rgb(170,170,46);}
.scene_con .con_bottom .c_left3{border-color:rgb(70,163,24);background-image:url(../img/scene_icon4.png);}
.scene_con .con_bottom .ul3{}
.scene_con .con_bottom .ul3 li{background-color:rgb(70,163,24);}
.scene_con .con_bottom .c_left4{border-color:rgb(170,46,46);background-image:url(../img/scene_icon5.png);}
.scene_con .con_bottom .ul4{}
.scene_con .con_bottom .ul4 li{background-color:rgb(170,46,46);}
.scene_con .con_bottom .c_left5{border-color:rgb(163,27,209);background-image:url(../img/scene_icon6.png);}
.scene_con .con_bottom .ul5{}
.scene_con .con_bottom .ul5 li{background-color:rgb(163,27,209);}
.scene_con .con_bottom .c_left6{border-color:rgb(235,156,8);background-image:url(../img/scene_icon7.png);}
.scene_con .con_bottom .ul6{}
.scene_con .con_bottom .ul6 li{background-color:rgb(235,156,8);}
.scene_con .con_bottom .c_left7{border-color:rgb(76,210,210);background-image:url(../img/scene_icon8.png);}
.scene_con .con_bottom .ul7{}
.scene_con .con_bottom .ul7 li{background-color:rgb(76,210,210);}

.SceneModalBox{ display:none;}




.footerbg{ background-image:url(../img/ys_footerbg.png); width:100%;  }
.subfooterbg{ position:static; }
.footer{ padding-top:20px;   width:1420px;  margin-left:auto; margin-right:auto; }

.footer_leftbox{ float:left; margin-left:33px; text-align:left; }
.footul{ float:left; margin-left:95px;}
.footul li { margin-top: 7px; color:rgb(153, 153, 153); font-style: normal;font-size:1em; font-weight: 400;    font-size: 14px;}
.footul li:first-child {font-weight: 400;font-size: 16px;margin-bottom:30px;color:#FFFFFF }
.footul li a{color:rgb(204, 204, 204); }

.footer .footer_line{float:left; height:116px; margin-left:100px;  margin-top:66px;border-left:1px solid #CCCCCC}

.footer_rightbox{ float:right; margin-right:145px; height:auto; margin-top:70px;   }
.footer_rightbox .ercode{ padding:10px 20px 10px 75px; background-image:url(../img/ys_ercode.png); background-repeat:no-repeat; color:#FFFFFF; font-size:13p; }
.footer_rightbox .tel{ margin-top:8px; padding:14px 20px 14px 75px; background-image:url(../img/ys_tel.png); background-repeat:no-repeat; color:#FFFFFF; font-size:13px;   }


.copyright{ width:100%; margin-top:30px; background-image:url(../img/footerbg.png); font-weight: 400;font-size: 12px; height:40px; line-height:42px;}

/*弹出层样式*/
body .web_login{background-color:white; border-radius:18px;    }
.web_login .web_login_topleft{ float:left; width:50%; height:44px; line-height:44px; border-top-left-radius:18px;}
.web_login .web_login_topright{ border-top-left-radius:18px; float:right; width:100%; height:44px; line-height:44px;background-color:rgb(224,228,232)}
.web_login .con{   }
.web_login .con #web_login_tab1 p{ margin:10px auto 0px auto; text-align:left ; width:373px;  font-size: 14px;  }
.web_login .con #web_login_tab1 .reg_form {width: 373px;height: 340px;margin: 10px auto 0px auto; text-align: left;padding-top: 1px;border: 1px solid #cccccc;border-radius: 5px;}
.web_login .con #web_login_tab1 .reg_form .tr{width:327px; height:47px; text-align:left; border-bottom:1px solid #CCCCCC; margin-left:auto; margin-right:auto;   }
.web_login .con #web_login_tab1 .reg_form .tr .td_l{ float:left; padding-top:13px;    font-size:14px;   }
.web_login .con #web_login_tab1 .reg_form .tr .td_r{ float:left; }
.web_login .con #web_login_tab1 .reg_form .tr img{ float:right; margin-right:0px; }
.web_login .con #web_login_tab1 .reg_form .tr .td1{ width:260px;    }
.web_login .con #web_login_tab1 .reg_form .tr .td2{ width:155px;    }
.web_login .con #web_login_tab1 .reg_form .tr .td3{ width:120px;    }
.web_login .con #web_login_tab1 .reg_form .tr .td4{ width:275px;    }
.web_login .con #web_login_tab1 .reg_form .tr .td5{ width:247px;    }
.web_login .con #web_login_tab1 .reg_form .tr .td6{ width:272px;    }
.web_login .con #web_login_tab1 .reg_form .tr .getpvcode{ float:right; margin-top:10px; background-image:url(../img/login_getcode.png); width:110px; height:27px; font-size:14px; text-align:center; line-height:27px;   }
.web_login .con #web_login_tab1 .reg_form .tr .getpvcode a{color:white;}
.web_login .con #web_login_tab1 .reg_form .tr .img_vcode{ margin-top:9px; float:right;  }
.web_login .con #web_login_tab1 .reg_form .tr font{color:red;}
.web_login .con #web_login_tab1 .reg_form .tr input{ height:40px; border:none; width:100%; margin-top:2px; }
.web_login .con #web_login_tab1 .reg_form .regsub{background-image:url(../img/login_button.png); width:373px; height:39px; color:white; border:none; margin-top:25px;}

.web_login .con #web_login_tab2 .login_form .tr{width:320px; height:47px; text-align:left; margin-left:auto; margin-right:auto; margin-top:60px;   }
.web_login .con #web_login_tab2 .login_form .tr .td_l{ float:left; padding-top:10px;    font-size:14px;   }
.web_login .con #web_login_tab2 .login_form .tr .td_r{ float:left; }
.web_login .con #web_login_tab2 .login_form .loginsub{background-image:url(../img/login_button.png); width:373px; height:39px; color:white; border:none; margin-top:25px;}
.web_login .con #web_login_tab2 .login_form .tr input{ height:30px;  width:260px; margin-top:2px; }

.web_login .con #web_login_tab2 { display:none;   }

.footer_rightbox{ float:right; margin-right:103px; height:auto; margin-top:15px; }


.footer_rightbox .footer_gzh{  margin-top:30px; background-image:url(../img/tel_bg.png); width:180px; height :40px; background-repeat:no-repeat;  }
.footer_rightbox .footer_gzh img{ margin-top:7px; float:left;margin-left:20px;   }
.footer_rightbox .footer_gzh .t{ float:left;margin-top: 9px; margin-left: 15px;font-size: 14px;  }

.footer_rightbox .footer_gzh2{ display:none;  margin-top:30px; background-image:url(../img/tel_bg2.png); width:180px; height :40px; background-repeat:no-repeat;  }
.footer_rightbox .footer_gzh2 img{ margin-top:7px; float:left;margin-left:20px;    }
.footer_rightbox .footer_gzh2 .t{ float:left;  margin-top:9px; margin-left:15px; color:#FFFFFF; font-size: 14px; }

.footer_rightbox .footer_tel{    margin-top:10px; background-image:url(../img/tel_bg.png); width:180px; height :40px; background-repeat:no-repeat;  }
.footer_rightbox .footer_tel img{ margin-top:5px; float:left;margin-left:19px;   }
.footer_rightbox .footer_tel .t{ float:left; margin-top:11px; margin-left:8px;  font-size:14px; }

.footer_rightbox .footer_tel2{ display:none;   margin-top:10px; background-image:url(../img/tel_bg2.png); width:180px; height :40px; background-repeat:no-repeat;  }
.footer_rightbox .footer_tel2 img{ margin-top:5px; float:left; margin-left:19px;   }
.footer_rightbox .footer_tel2 .t{ float:left; margin-top:11px; margin-left:8px; color:#FFFFFF; font-size:14px; }

.footer_rightbox .lang{display:none;  margin-top:10px; margin-left:5px; background-image:url(../img/lang_bg.png);  width:159px; height:23px; line-height:22px; background-repeat:no-repeat; color:#FFFFFF;  }
.footer_rightbox .lang a{ color:#333; font-size:13px;  color:#FFFFFF;   }
.footer_rightbox {position:relative;}
.footer_rightbox #alert_ercode{position:absolute;top:-142px;display:none;}