﻿/* CSS Document */
@charset "gb2312";

body {font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";margin:0;padding:0;font-size:12px;color:#000; background:#fff;}
div,form,img,ul,ol,li,dl,dt,dd,p,iframe{margin:0;padding:0;border:0;}

ul,li{list-style-type:none;}
img{border:0;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
/* Link */
a{color:#333333;text-decoration:none;} 
a:hover {text-decoration:none;-webkit-transition: .8s;} 
/* Other */
.clear{ clear:both;font-size:1px;width:1px;height:0;visibility:hidden; overflow:hidden;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.img{vertical-align:middle;}

/*mobile_top*/
.mobile_top{ width:100%; height:36px; background:#484848;}
.top_all{ width:1200px; height:auto; margin:0 auto;}
.top_all p{ float:left; font-size:12px; color:#fff; line-height:36px;}
.top_all_right{ float:right; height:36px;}
.top_all_right li{ float:left;}
.top_right span{ font-size:14px; color:#fff;line-height: 36px;}
.top_right_im{ margin: 8px 12px 8px 18px;}
.top_right_in{ width:170px; height:24px; background:#f7f7f7;margin: 6px 0px; border-radius: 5px;}
.top_right_text{ border-radius: 5px;width:140px; height:22px; background:#f7f7f7; border:0; font-size:12px; color:#aaa; padding-left:7px; float:left;}
.top_right_sou{ float: left; margin: 6px 0px;width:12px; height:12px; background: url(../images/fangdajing.png) center no-repeat; border:none;}
.topweixin { width: 120px; height: 120px; position: absolute; top: 15px; right: -45px; z-index: 999; background: url(../images/top_weixinbg.png) center no-repeat; text-align: center; padding-top: 20px;display:none;
}
.topweixin img{ padding-top:6px;}
.weixin{ position:relative; cursor:pointer;}

/*mobile_nav*/
.mobile_nav{ width:100%; height:94px;display: inline-block;}
.nav_all{ width:1200px; height:auto; margin:0 auto;}
.nav_left{ height:90px; float:left; text-align: left;margin-right: 20px;margin-top:10px;}

.nav_right li{ float:left;  height:90px;margin-top:5px;}
.nav_right li a{ font-size:15px; color:#333;padding: 0 10px;height:90px; line-height:90px;display:block ;font-family: "Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";}
.nav_right li a:hover{ color:#368be1;  height:86px;display:block}
.nav_right li:hover{ font-weight:bold;height:86px;}
.u_our{ position:relative;}
.us{ width:93px; height:88px; position:absolute;top: 86px; left: 0px; background:#fff;border: 1px #edebeb solid; overflow:hidden;display: none;z-index: 100;}
.us p{ width:93px; height:40px; text-align:center;}
.u_st{ height:44px !important; line-height:44px !important; border-bottom: 1px #edebeb solid; width: 93px;padding: 0 !important;text-align: center;}
.u_st:hover{ background:#368be1; color:#fff !important;}

/*滚动*/
.channel_first_q{ width:100%; height:auto; position:relative;}
.banner{ width:100%; height:480px; position:relative;}
.banner .list{ width:100%; height:480px; overflow:hidden; position:relative; z-index:1;}
.banner .list li{ width:100%; height:480px; position:absolute; left:0px; top:0px; display:none;}
.banner .list li.bg1{ background:#2398f8;}
.banner .list li.bg1 a .text1{ width:200px; left:180px; height:200px; top:60px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text1.hover{animation: img1 1s ease-out;-webkit-animation: img1 1s ease-out;}
.banner .list li.bg1 a .text2{ right:90px; top:95px; position:absolute; z-index:3; width:423px;}
.banner .list li.bg1 a .text2.hover{animation: img2 0.7s ease-out;-webkit-animation: img2 0.7s ease-out;}
.banner .list li.bg1 a .text3{ right:220px; width:286px; top:165px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text3.hover{animation: img3 1s ease-out;-webkit-animation: img3 1s ease-out;}
.banner .btn{ position:absolute; bottom:20px; left:50%; z-index:100;}
.banner .btn li{ margin-left: 12px; background: #fff; text-indent: -999em; float: left; width: 12px; height: 12px; cursor: pointer; border-radius:50%; }
.banner .btn li.hover{ background: #2984e1; }

.guding{width:1200px; height:auto;margin: 0 auto; position:absolute;top:0px;z-index:2;}
.banner_left{ width:295px; height:403px; background: url(../images/sishi.png) repeat;text-align:center; margin:0 auto; position: absolute; top: 40px; left: 0;}
.banner_left_h{ color:#fff; font-size:28px; font-weight:bold; padding:14px 0;}
.biaodan{ width:254px; height:auto; margin:0 auto;    display: inline-block;}
.biao_xing{ width:106px; height:38px; background:#fff;float: left;border-radius: 4px; margin-bottom:10px;}
.biao_xing input{width: 94px; height: 36px; border: 0; border-radius: 4px; font-size: 16px; background: 0; float:left;font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei"; padding-left: 12px;}
.biao_la{ width:130px; height:38px; background:#fff; float:right; border-radius:4px; position:relative;margin-bottom:10px;}
.biao_la select{ width:130px; height:38px; border: 0;border-radius: 4px;font-size: 16px; background: 0; font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei"; cursor:pointer; padding: 0 15px;}
.dang{ position: absolute; top: 12px; right: 2px;}
.biao_hang{width: 242px; height: 36px; border: 0; border-radius: 4px; font-size: 16px; background:#fff;font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei"; padding-left: 12px; margin-bottom:10px; clear:both;}
.biao_jiao{width: 254px; height: 42px; border-radius: 4px; color: #fff; font-size: 18px; background: 0;font-family:"Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei"; padding:0; cursor:pointer; border:1px #fff solid;margin-bottom:10px; margin-top:10px;}
.banner_left_ke{ width:254px; height:42px; border-radius:4px; color:#fff; font-size:18px; background:#2984e1; margin-bottom:10px; line-height:42px; text-align:center; display:block; margin-left:auto; margin-right:auto; border:1px #2984e1 solid;}
.banner_left_tui{font-size:16px; color:#fff; text-align:center; }
/*mobiule_star*/
.mobiule_star{ width:1200px; height:auto; display:table; margin:0 auto; text-align:center; border:1px #e5e3e3 solid;}
.mobiule_star li{ float:left; width:299px; height:85px; border-right:1px #ddd solid; padding:26px 0;}
.star_da{ font-size:64px; color:#ff6161;float: left;}
.star_zhong{ color:#ff6161; font-size:22px;display: block; text-align: left; margin-top: 18px;margin-left: 80px;}
.star_xiao{ font-size:16px; color:#999; text-align: left; display: block; margin-left: 80px;}
.star_da2{ font-size:65px; color:#e2944e;float: left;}
.star_zhong2{ color:#e2944e; font-size:22px;display: block; text-align: left; margin-top: 18px;margin-left: 80px;}
.star_da3{ font-size:65px; color:#33c78d;float: left;}
.star_zhong3{ color:#33c78d; font-size:22px;display: block; text-align: left; margin-top: 18px;margin-left: 80px;}
.star_da4{ font-size:66px; color:#368be1;float: left;}
.star_zhong4{ color:#368be1; font-size:22px;display: block; text-align: left; margin-top: 18px;margin-left: 124px;}
.star_xiao2{ font-size:16px; color:#999; text-align: left; display: block; margin-left: 124px;}
.star_ju{float: left;padding: 0px 38px;}
.star_ju2{float: left;padding: 0px 13px;}
.star_ju3{float: left;padding: 0px 45px;}
.star_ju4{float: left;padding: 0px 39px;}
.mobile_channel{ width:1200px; height:auto; margin:0 auto; display:table;padding-top: 40px;}
.channl_jing{ width:826px; height:390px; float:left;}
.jing_xuan{ font-size:32px; color:#333;padding-bottom: 20px;}
.jing_shu{ color:#c3bebe; font-size:11px; margin: 0 5px;}
.jing_cai{ font-size:18px; color:#368be1;}
.jing_shi{ font-size:14px; color:#666;}
.jing_hua{ width:550px; height:320px; float:left; overflow:hidden;}
.jing_shan{ width:264px; height:320px; float:right;}
.jing_jia{ width:826px; height:153px; display:table;}
.jing_jia img{-webkit-transition: .8s;}
.free_div{ width:550px; height:320px;overflow:hidden;position:relative;}
.dian01{ width:540px; height:46px; background:url(../images/sishi.png) repeat; font-size:16px; color:#fff; line-height:46px; text-align:left; position:absolute; bottom:0px; left:0; padding-left:10px;}
.free_div:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.free_div img{-webkit-transition: .8s;}
.gao_ye{ width:550px; height:320px;overflow:hidden;position:relative;}
.gao_ye:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.gao_ye img{-webkit-transition: .8s;}

.mark{background: rgba(0,0,0,0.5);width:550px;height:320px; cursor:pointer;  position:absolute; left:0; top:0; z-index:15;overflow:hidden; display:none;}
.mark a{text-align:center;display:block;width:550px; height:320px; background: url(../images/shipin.png) center no-repeat;}

.shan_div{ width:264px; height:153px;overflow:hidden;position:relative;}
.dian02{ width:254px; height:40px; background:url(../images/sishi.png) repeat; font-size:14px; color:#fff; line-height:40px; text-align:left; position:absolute; bottom:0px; left:0; padding-left:10px;}
.shan_div:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.shan_div img{-webkit-transition: .8s;}

.mark_o{background: rgba(0,0,0,0.5);width:264px;height:153px; cursor:pointer;  position:absolute; left:0; top:0; z-index:15;overflow:hidden; display:none;}
.mark_o a{text-align:center;display:block;width:264px; height:153px; background: url(../images/shipin.png) center no-repeat;}

.jing_mei{ width:550px; height:46px; background: url(../images/nan.png) center no-repeat; position:absolute; bottom:0; left:0;}

.mobile_school{ width:355px; height:390px; float:right;}
.school_more{ font-size:12px; color:#999797; float:right;font-family: 宋体; margin-top:20px; margin-right: 5px;}
.school_tiao{ width:355px; height:310px; display:table;background:url(../images/shuzi.png) 12px 8px no-repeat;}
.school_tiao li{ height:auto; border-bottom:1px #c5bcbc dashed; display:table; margin:0 auto; line-height:38px; padding-left:22px;}
.school_span{ display:block; width:20px; height:20px; background:#368be1; border-radius:50%; text-align:center; color:#fff; line-height:20px; float:left;}
.school_p{ font-size:14px; color:#666; float:left; width:298px; padding-left:10px;}
.school_p:hover{ color:#368be1;}
.school_hui{ display:block; width:20px; height:20px; background:#ccc; border-radius:50%; text-align:center; color:#fff; line-height:20px; float:left;}
.school_all{ width:355px; height:310px; background:#f7f7f7;padding-top: 10px; overflow: hidden;}
/*mobile_class*/
.mobile_class{ width:1200px; height:auto; margin:0 auto; text-align:center;    padding-top: 40px;}
.mobile_class_h2,.kai_duan_h2,.c5_c_h2,.zhu_shi_h2,.mobile_su_h2{ font-size:32px; color:#333;}
.mobile_class p,.kai_duan p,.c5_c p,.zhu_shi p,.mobile_su p{ font-size:14px; color:#686868;}
.class_cui{ font-size:18px; color:#37a5d8;}
.class_bo{ width:1200px; height:auto; display:table;padding-top: 34px; padding-bottom: 25px;}
.class_bo li{ width:290px; height:174px; text-align:center; float:left; margin-right: 13px; overflow:hidden;}

#video1,#video2,#video3,#video4{width:600px;height:400px;padding: 15px 10px 10px 10px;overflow:hidden}
.class_bo li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.class_bo img{-webkit-transition: .8s;}

/*mobile_kai*/
.mobile_kai{ width:100%; height:auto; background:#f7f7f7;}
.kai_duan{ width:1200px; height:auto; margin:0 auto; text-align:center; padding: 30px 0;}
.class_qian{ font-size:20px; color:#3dade1;}
.kai_shuan{ width:1200px; height:auto; display:table; border-top:1px #dbd8d8 solid; margin-top:30px;}
.kai_shuan li{ width:290px; height:190px; float:left;margin: 0 5px; margin-top: 20px;}
.kai_gua{ width:290px; height:auto; display:table;margin: 10px 0;}
.kai_kuang{ width:40px; height:20px; background:#368be1; border-radius:6px; font-size:14px; color:#fff; line-height:20px; text-align:center; display:block; float:left;margin: 0 10px;}
.kai_ming{ color:#333; font-size:14px; float:left; width:110px; text-align:left;}
.kai_ming:hover{color:#368be1;}
.kai_time{color:#333; font-size:14px; float:left; width: 50px; text-align: left;}
.kai_people{ font-size:14px; color:#9e9fa0; float:left; width: 70px; text-align: left;}

.kai_kuang_fen{ width:40px; height:20px; background:#f4658a; border-radius:6px; font-size:14px; color:#fff; line-height:20px; text-align:center; display:block; float:left;margin: 0 10px;}
.kai_baoman{ font-size:14px; color:#e44848; float:left; width: 70px; text-align: left;}
.kai_kuang_lv{ width:40px; height:20px; background:#69b631; border-radius:6px; font-size:14px; color:#fff; line-height:20px; text-align:center; display:block; float:left;margin: 0 10px;}
.kai_kuang_zong{ width:40px; height:20px; background:#b1ab8b; border-radius:6px; font-size:14px; color:#fff; line-height:20px; text-align:center; display:block; float:left;margin: 0 10px;}
.kai_kuang_lan{ width:40px; height:20px; background:#1ec0b3; border-radius:6px; font-size:14px; color:#fff; line-height:20px; text-align:center; display:block; float:left;margin: 0 10px;}
.kai_kuang_zi{ width:40px; height:20px; background:#a878da; border-radius:6px; font-size:14px; color:#fff; line-height:20px; text-align:center; display:block; float:left;margin: 0 10px;}

/*师资*/
.c5_c{ width:1200px; height:auto; margin:0 auto; text-align:center; padding-top:30px;}
.con5{ overflow:hidden; height:430px; position:relative;margin: 30px 0; text-align:left;}

.c5_left{ width:933px; float:right; height:430px;background:#368be1; }

.c5_l_1{ width:933px; height:168px;}

.c5_l_2{ width:933px; height:124px;}

.c5_l_3{ width:933px; height:138px;}

.c5_left a{ display:inline-block; position:relative; overflow:hidden; cursor:pointer; }

.c5_left a span{ width:100%; height:100%; position:absolute; display:block; top:0; left:0; background:#368be1; opacity:.53;filter:alpha(opacity=53);}

.c5_left .c5_pic2 span,.c5_left .c5_pic31 span,.c5_left .c5_pic7 span,.c5_left .c5_pic10 span{ background:#368be1; opacity:.53;filter:alpha(opacity=53);} 

.c5_left a .disblcok{display:none;}

.c5_left img{ display:block;}

.c5_pic1{ width:196px; height:168px; float: left;}

.c5_pic2{ width:195px;height:168px; float: left;}

.c5_pic3{ width:194px; height:168px;float: left;}

.c5_pic31{ width:180px; height:168px;float: left;}

.c5_pic32{ width:168px; height:168px;float: left;}



.c5_pic4{ width:500px; height:124px; float:left; display:none; overflow:hidden;}
.woq{width:433px; height:124px; float:left;display:inline-block; overflow:hidden;}
.c5_word{ width:403px; height:120px;background:#1a6dc2; color:#fff; padding:4px 14px 0 16px; display:none; }

.c5_color{background:#b6995e;}

.c5_word span{ color:#fff; font-size:18px; display:block; line-height:38px;}
.c5_word p{ color:#fff; font-size:14px; display:block; line-height:24px;}
.c5_pic4_h{ font-size:26px; color:#fff; font-family: "Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei"; font-weight:normal;padding: 5px 0px 0px 0; margin: 0 16px 0 20px;}
.c5_pic4 p{color:#fff; font-size:14px; display:block; line-height:24px;padding: 5px 16px 10px 20px;}
.c5_zi{ font-size:16px; color:#fff;font-family: "Microsoft YaHei", Arial, Tahoma,"Microsoft YaHei";margin-left: 14px;}



.c5_pic5{ width:128px; height:138px; float:left; }

.c5_pic6{ width:130px; height:138px;float:left;}

.c5_pic7{ width:174px; height:138px;float:left;}

.c5_pic8{ width:156px; height:138px;float:left;/* left:500px; top:-183px; _top:-180px;*/}

.c5_pic9{ width:180px; height:138px;float:left;/*top: -273px;  left: 500px;_top:-270px;*/}

.c5_pic10{ width:165px; height:138px;float:left;}



.c5_right{ width:267px; position:absolute; left:0; top:0; background: url(../images/mobile_aq.jpg) no-repeat; height:430px;  display:none;}

.c5_right1{background:url(../images/yjy_321.jpg) no-repeat;}

.c5_right img{ display:block;}

/*mobile_zhu*/
.mobile_zhu{ width:100%; height:auto; background:#f7f7f7; text-align:center;}
.zhu_shi{ width:1200px; height:auto; margin:0 auto; padding:30px 0;}
.zhu_ke{ width:1200px; height:auto; display:table; padding-top:20px; padding-bottom:20px;}
.zhu_ke li{ width:270px; height:auto; float:left;margin: 0 15px;}
.zhu_pian{ width:270px; height:165px; overflow:hidden;}
.zhu_pian:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.zhu_pian img{-webkit-transition: .8s;}
.zhu_bai{ width:260px; height:130px; background:#fff; padding-left:10px;}
.zhu_bai_h3{ font-size:18px; color:#333; text-align:left; padding-top:20px;}
.zhu_bai_h3:hover{ color:#368be1;}
.zhu_bai p{ font-size:12px; color:#999; text-align:left; padding: 10px 0px;}
.zhu_shu{ color:#368be1;}
.zhu_heng{ font-size:12px;margin: 0 6px;}
.zhu_ting{ width:84px; height:32px; float:left; font-size:14px; color:#fff; line-height:32px; background:#2095f2; border-radius:4px;}
.zhu_cha{ font-size:14px; color:#000; float:left; line-height:32px; margin-left:30px;}
.zhu_you{ display: inline-block; position: relative; top: 2px; margin-left:4px;}

/*就业*/
.mobile_jiuye{ width:355px; height:auto; float:right;}
.school_more{ font-size:12px; color:#999797; float:right;font-family: 宋体; margin-top:20px; margin-right: 5px;}
.jiuye_tiao{ width:355px; height:auto; background:#f7f7f7; display:table;padding-top: 10px;}
.jiuye_tiao li{ width:330px; height:auto; border-bottom:1px #c5bcbc dashed; display:table; margin:0 auto; padding:8px 0;}
.tiao_span{ display:block; width:15px; height:20px;float:left; margin: 4px 3px 0px 3px;}
.school_p{ font-size:14px; color:#666; float:left; width:298px; padding-left:10px;}
.school_p:hover{ color:#368be1;}
.school_hui{ display:block; width:20px; height:20px; background:#ccc; border-radius:50%; text-align:center; color:#fff; line-height:20px; float:left;}
.tiao_xue{ font-size:12px; color:#aaaaaa; padding-left:10px; float:left;line-height: 27px;}
.tiao_shu{ font-size:10px; color:#aaa; margin:0 5px;line-height: 20px;}
/*上滚*/
.mobile_gao{ width:826px; height:auto; float:left; display:table;}
.gao_xin{ width:826px; height:284px; background:#000; float:left; overflow:hidden;margin-top: 26px;}
.list_lh{ height:240px; overflow:hidden;}
.list_lh li{ width:826px; height:40px; text-align:center;}
.xin_biao{ width:826px; height:44px;}
.xin_hang{ width:100%; height:44px; background:#368be1; font-size:16px; color:#fff; text-align:center;}
.xin_lie{ width:72px; height:44px;}
.xin_lie2{ width:52px; height:44px;}
.xin_lie3{ width:84px; height:44px;}
.xin_lie4{ width:166px; height:44px;}
.xin_lie5{ width:176px; height:44px;}
.xin_lie6{ width:68px; height:44px;}
.xin_lie7{ width:82px; height:44px;}
.xin_lie8{ width:126px; height:44px;}
.list_sh{ width:72px; height:40px; line-height:40px; font-size:13px; color:#333; float:left;}
.list_sh2{ width:83px; height:40px; line-height:40px; font-size:13px; color:#333; float:left;}
.list_sh3{ width:84px; height:40px; line-height:40px; font-size:13px; color:#333; float:left;}
.list_sh4{ width:209px; height:40px; line-height:40px; font-size:13px; color:#333; float:left;}
.list_sh5{ width:194px; height:40px; line-height:40px; font-size:13px; color:#333; float:left;}
.list_sh6{ width:95px; height:40px; line-height:40px; font-size:13px; color:#333; float:left;}
.list_sh7{ width:82px; height:40px; line-height:40px; font-size:13px; color:#333; float:left;}
.list_sh8{ width:126px; height:40px; line-height:40px; font-size:13px; color:#333; float:left;}

/*mobile_su*/
.mobile_su{ width:1200px; height:auto; margin:0 auto; text-align:center; padding:30px 0;}
.mr_frbox{ width:1200px; height:auto; position:relative; display:table;}
.mr_frUl{ width:1200px; height:410px; float:left; overflow:hidden;}
.as { display: inline; float: left; height: 410px;overflow: hidden; width:393px; position:relative;margin-right: 4px;}
.as2 { display: inline; float: left; height: 410px;overflow: hidden; width:260px; position:relative; margin:0 4px;}
.mr_frUl li{ margin: 0 3px; width:1200px; height: 410px;overflow: hidden;}
.anniu{ width:66px; height:24px; border:1px #b5b5b5 solid;float: right; margin: 0 10px 15px 10px;}
.zuo{ color:#b5b5b5; font-size:13px; width:32px; float:left; border-right:1px #b5b5b5 solid; height:24px; line-height:24px;cursor:pointer;}
.you{ color:#b5b5b5; font-size:13px; width:32px; float:left; height:24px; line-height:24px; cursor:pointer;}

/*mobile_zeng*/
.mobile_zeng{ width:100%; height:525px; background:url(../images/huijing.jpg) center no-repeat;}
.zeng_zhi{ width:1200px; height:auto; margin:0 auto; text-align:center;}
.zeng_zhi_h2{ font-size:32px; color:#fff;padding:30px 0;}
.zeng_xin{ width:1200px; height:auto; display:table; padding-top:74px;}
.zeng_xin li{ width:274px; height:auto; text-align:left; float:left; margin-right:34px;}
.zeng_xin li img{ float:left;}
.zeng_shuo{ width:172px; height:170px; float:left; margin-left: 14px;}
.zeng_shuo_h3{ font-size:21px; color:#fff; padding-bottom:12px; padding-top:4px;}
.zeng_shuo p{ font-size:14px; color:#fff; line-height:20px;}

/*mobile_he*/
.mobile_he{ width:1200px; height:auto; margin:0 auto; text-align:center;}
.mobile_he_h2{ font-size:32px; color:#000; padding-top:48px; padding-bottom:20px;}
.channel_all_y{ width:1200px; height:235px; overflow:hidden; position:relative; margin: 36px 0;}
.channel_all_t{ width:1090px; height:235px; margin:0 auto; overflow:hidden;}
.channel_all_t ul{ width:1090px; overflow:hidden;}
.channel_all_t li{ width:155px; height:235px;; float:left;    margin: 0px 13px; overflow:hidden;}
.he_hua{ position:relative; width:155px; height:66px; overflow:hidden; margin:12px 0;}
.he_hua div{ width:153px; height:66px; background: rgba(0,0,0,0.67); margin:0 auto;position: absolute;top: 66px;left: 0px;}
.he_hua div p{ font-size:14px; color:#fff; line-height:66px; text-align:center;}
.topic_ten_kuang{ position:absolute;width: 38px; height: 38px; top: 100px; left: 0; cursor:pointer;}
.topic_ten_kuang_q{ position:absolute;width: 38px; height: 38px; top: 100px; right: 0; cursor:pointer;}

/*mobile_line*/
.mobile_line{ width:100%; height:auto; background:#f1f1f1; padding-bottom: 14px;}
.line{ width:1200px; height:auto; margin:0 auto;}
.line_h4{ font-size:16px; color:#000; padding:24px 20px 18px 20px;}
.line_ad{ width:1200px; height:80px;padding:0 20px;}
.line_ad a{ font-size:14px; color:#888; display:inline-block; padding-right:10px; padding-bottom:10px;}
.tabnav01{ width:100%; height:auto; display:table;}
.tabnav01 li{ float: left; margin-right: 10px; height:40px;}
.tabnav01 li a{ padding: 0 10px;text-align: center; display: block; background: #e2e2e2; line-height: 35px;}
.tabnav01 li.hover a { background: #368be1; color: #fff;}
.tabnav01 li.hover { color: #fff; background: url(../images/tab_libg.png) bottom no-repeat;}


/*mobile_foot*/
.mobile_foot{ width:100%; height:auto; background:#454545;}
.foot{ width:1200px; height:auto; margin:0 auto;}
.fen_city{width:1200px;height:100%;overflow:hidden;padding: 50px 0 20px;background:url(../images/bottom_line.png) bottom repeat-x ;}
.fen_city li{width:335px;height:auto;padding:5px 0;float:left; text-align:center;padding-left:30px; padding-right: 35px;}
.fen_city li span{width:70px;height:50px;lien-height:50px;float:left;color:#fff;font-size:30px;background:url(../images/line-right.png) right no-repeat;}
.fen_city li p{float:left;color:#fff; padding:5px 0 0 10px;}
.fen_city li p em{width:18px;height:13px;background:url(../images/tel_icon.png) left no-repeat;display:inline-block;padding:0 5px 0 0;}

.cnzz_a {padding: 0 0 20px;}
.cnzz_a a{color:#fff;text-decoration:none;}
.cnzz_a a:hover {color:#fff;text-decoration:none;}

/*客服*/
.k_sev{ width:62px; height:412px; position:fixed; right:20px; bottom:145px; z-index:100;}
.k_sev ul{ width:62px; height:auto;}
.k_sev li{ width:62px; height:62px; border-bottom:2px #fff solid; text-align:center; position:relative;}
.k_fir{ width:62px;padding: 10px 0; background:#eda14a; font-size:16px; color:#fff; display:block;}
.k_all span.k_di{ background: url(../images/k_lc3.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_all span.k_dc{ background:url(../images/k_lc5.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_all span.k_dv{ background:url(../images/k_lc4.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_all span.k_db{ background:url(../images/k_lc1.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_all span.k_dn{ background:url(../images/k_lc2.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_tit{ font-size:16px; color:#fff;width:62px;padding: 10px 0;position: absolute; top: 0; left:0; background:#eda14a; display:none;}
.icon_s{ background:url(../images/k_lv.jpg) center no-repeat;display:block; width:62px; height:28px;    cursor: pointer;}
.li6{ height:28px !important; border-bottom:0 !important;}
.k_all span.k_dz{ background:url(../images/xinma02.jpg) center no-repeat;display:block; width:62px; height:62px;}
.k_did span{font-size:16px; color:#fff;width:62px;padding: 10px 0;position: absolute; top: 0; left:0; background:#eda14a;}
.k_did img{position: absolute; top: 0; right: 70px; z-index: 99;}

/*技术知识库*/
.technology{ width:1200px; height:auto; margin:0 auto;}
.technology_left{ width:826px; height:auto;float:left;margin-top: 48px;}
.technology_title{ width:826px; height:42px; margin-bottom: 12px;}
.technology_title span{ font-size:32px; color:#333; display:block; float:left;}
.technology_tab{ width:auto; height:auto; float:left;margin-top: 10px; margin-left: 10px;}
.technology_tab li{ float:left; font-size:14px; color:#4d555d; background:#f3f5f7; padding: 5px 10px; margin: 0 4px;}
.technology_tab li.hover{ background:#368be1; color:#fff;}
.technology_more{ font-size:12px; color:#777; float:right; line-height:42px;}
.technology_more:hover{ color:#368be1;}
.technology_down{ width:826px; height:auto; background:#f7f7f7; display: table;}
.technology_down ul{ width:777px; height:auto; margin:0 auto; text-align:left;}
.technology_down li{ width:100%; height:auto;}
.technology_first{ border-bottom:1px #ddd solid;padding-top:24px;}
.technology_first_title{ font-size:20px; color:#333;line-height: 30px;}
.technology_first_title:hover{ color:#2a88e6;}
.technology_first p{ font-size:14px; color:#666;margin: 12px 0; line-height:24px; height: 48px; overflow: hidden;}
.technology_first p span{ color:#aaa;}
.technology_first p a{ color:#368be1;}
.technology_time{ float:right;}
.technology_all{ height:24px !important;}
.technology_clock{ font-size:16px; color:#2a88e6; width:188px; height:38px; line-height:38px; border:1px #2a88e6 solid; border-radius:8px; display:block; margin:26px auto; text-align:center;}
.technology_clock:hover{ background:#2a88e6; color:#fff;}
.technology_right{ width:356px; height:auto; float:right; margin-top:48px;}
.technology_right span{ font-size:32px; color:#333; display:block; text-align:left; margin-bottom: 12px;}
.technology_right a{ width:356px; height:185px; overflow:hidden; display:block;margin-bottom: 12px;}
.technology_right a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);transition: .8s;-webkit-transition: .8s}
.technology_right a img{-webkit-transition: .8s;}

#pageApp{

}

/*-----顶部广告-----*/
.adBox{
	width: 1200px;
	margin:0 auto;
}
.adBox img{
	width: 100%;
	border:0;display: block;
}
/*-----顶部广告-----*/

/*-----遮罩广告-----*/
.maskBox{
	position: fixed;
	top:0;
	left:0;
	z-index: 99999;
	width:100vw;
	height:100vh;
	background: rgba(0,0,0,0.3);
	transition:background .3s 0s; 
}
.maskBox.cur{
	background: rgba(0,0,0,0);
	z-index: -10;
}
.maskBox .inner{
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	opacity: 1;
	transition: top .3s 0s,opacity .2s 0s; 
}
.maskBox .inner img{
	width:100%;
	border:0;display: block;
}
.maskBox .inner span.close{
	width:50px;
	height:50px;
	border:2px solid #fff;
	border-radius: 50%;
	position: absolute;
	top:-40px;
	right:-40px;
	opacity: .5;
}
.maskBox .inner .close::before,.maskBox .inner .close::after{
    position: absolute;
    top:50%;
    left:50%;
    content: "";
    width:5px;
    height:30px;
    background:#fff; 
    border-radius: 4px;
    transform: translate(-50%,-50%) rotate(45deg);
}
.maskBox .inner .close::after{
    width:30px;
    height:5px;
}
.maskBox .inner span.close:hover{
	opacity: 1;
}

.maskBox .inner.cur{
	top: 0;
	opacity: 0;
}
/*-----遮罩广告-----*/

/*header*/
.header_title{ width:100%; height:40px; background:#474747; min-width:1200px;}
.header_left{ float:left;}
.header_jituan{ font-size:14px; color:#ddd; line-height:22px; text-align:left; float:left; width:422px;margin-top: 11px;}
.header_phone{ font-size:14px; color:#fff; width:152px; height:40px; background:#219bed; float:left;line-height: 40px;}
.header_phone img{  margin-right: 10px; position: relative; top: 3px;}


.header_right{ float:right;}
.header_a{ font-size:14px; color:#fff;line-height: 40px;}
.laiweixin { width: 120px; height: 120px; position: absolute; top: 15px; right: -40px; z-index: 999; background: url(../images/top_weixinbg.png) center no-repeat; text-align: center;margin-top: 20px;display:none;}
.laiweixin img{ margin-top: 15px;}
.header_right li{ position:relative; cursor:pointer; float:left;}
.laiqq { width: 120px; height: 120px; position: absolute; top: 15px; right: -40px; z-index: 999; background: url(../images/top_weixinbg.png) center no-repeat; text-align: center;margin-top: 20px;display:none;}
.laiqq img{ margin-top: 15px;}
.header-img{ margin-top: 10px;margin-right: 10px;}
.div_center{ width:1200px; height:auto; margin:0 auto; text-align:center; position:relative;} 

.footer-select {float:left;margin-left:130px;text-align:left;position:relative;width:162px;height:40px;}
.bordered{ width:162px; height:40px; background:#f0f0f0; font-size:14px; color:#888; line-height:40px; display:block; transition: all 0.2s; outline: 0; font-family:"微软雅黑", Arial, Tahoma,"微软雅黑"; padding:0; margin:0; border:none; text-align:left;cursor: text;}
button.bordered img{ margin-left:16px; float:left; margin-top:13px; margin-right:14px;}
.dropdown-menu {position: absolute;z-index: 9999999;display: none;opacity: 0;top: 0;left: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.2s;transition: opacity 0.2s, transform 0.2s;-webkit-transform: translateY(-20px) scale(0.93);transform: translateY(-20px) scale(0.93);border-radius: 3px}
.dropdown-menu ul {width: 162px;list-style: none;background: #FFF;box-shadow: 0 8px 29px rgba(14,5,10,0.26);overflow: auto;margin: 0;    padding-bottom: 10px;  padding-top: 6px;
}
.dropdown-menu ul li {list-style: none;padding: 0;margin: 0;line-height: 18px;}
.dropdown-menu ul li>a {display: block;color: #575757;text-decoration: none;line-height: 29px;padding: 0px 16px;white-space: nowrap;transition: all 0.1s; font-size:14px;}
.dropdown-menu ul li>a:hover{ color:#219bed;}
.dropdown-menu ul li>a img{position: relative; top: 1px; margin-right:12px;}
.dropdown-menu.dropdown-opened {opacity: 1;-webkit-transform: none !important;transform: none !important;}
.dropdown-menu.dropdown-anchor-top-left.dropdown-anchor-top-left .dropdown-anchor{display:none !important;}

/*nav*/
.nav_title{ width:100%; height:94px;min-width:1200px; border-bottom:1px #e4e3e3 solid;}
.nav_logo{ width:380px; float:left; height:auto; text-align:left; margin-top:28px;}
ul.nav_right0{width:820px;height:94px;float:left;}
ul.nav_right0 li{padding:0px 8px;float:left;font-size:15px; line-height:94px;}
/*ul.nav_right0 li:hover{ cursor:pointer;}*/
ul.nav_right0 li a{color:#333;}
ul.nav_right0 li:hover a{color:#219bed; font-weight:bold;}
/*ul.nav_right0 li.liFirst :hover{cursor:pointer;}*/
.dh_menu{width:1200px;height:210px;position:absolute;top:95px; left:0; background:#fff; z-index:99; display:none;}
.dh_menu ul{width:1200px;height:auto;}
.dh_menu ul li{ float:left; line-height:normal; text-align:left;position: relative; height:210px; margin-top:0px;}
.dh_new{ width:90px; left: 777px;height: 150px;}
.dh_new p{line-height: 50px; font-size: 15px;color:#333333; font-weight:normal;}
.dh_new p:hover{ background:#f2f2f2; color:#219bed;}
.dh_add{ height:200px;left: 1096px;}
.lifirst_sead{ font-size:14px; color:#9b9b9b; margin-right:15px;line-height: 25px; font-weight:normal;}
.down{ margin-left: 4px; position: relative; top: -2px;}
.bold{ font-size:16px; font-weight:bold; color:#219bee; border-bottom:2px #219bee solid;padding-bottom: 8px; margin-right: 14px;}
.hui{ font-size:12px; color:#bbb8b8;}
.lifirst_title{ width:96px;text-align:right;color:#777777; display:inline-block;font-size: 13px;margin-top: 3px;margin-right: 15px;    line-height: 25px;}
.lifirst_sead:hover,.lifirst_title:hover{ color:#219bed;}
.hold_div{ height:34px;margin-bottom: 10px;margin-top: 20px;}
.hold{ float:left; height:40px; margin-right:20px;}
.hold_font{ width:1px; background:#d8d5d7; height:143px; position:absolute; top:36px; right:8px; z-index:1;}
.hold_img{ position:absolute; bottom:8px; right:32px; z-index:1;}
.moust01{ width:330px;}
.moust02{ width:294px;}
.moust03{ width:250px;}
.moust04{ width:205px;}
.onelist{ margin-right:0; display:inline-block; width:78px;}
.seandlist{ display:inline-block; width:88px; margin-right:0;}
.lif_new{ width:188px;}

/*new*/
.seadnew-ie{ display:block;}
.farsi-mu{ width:201px; padding:0 15px !important;}
.farsi-a{ right:20px;}
.farsi-b{margin-right: 0; display: inline-block; width:150px;}
.farsi-mu02{width: 310px; padding: 0 22px !important;}
.farsi-c{ width:166px; display:inline-block; margin-right:0;}
.farsi-d{ width:355px; padding:0 15px !important;}
.farsi-e{ width:180px; display:inline-block; margin-right:0;}
.farsi-f{ width:200px;padding:0 15px !important;}
.farsi-g{ width:711px; height:183px; left:224px;}
.farsi-h{ width:156px;padding:0 22px !important;}
.farsi-b img,.farsi-i img{ margin-right: 10px;  position: relative;  top: 2px;}
.farsi-i{ width:130px; display:inline-block; margin-right:0px;}
.farsi-j{ width:278px;padding:0 15px !important;}
.farsi-k{width:170px;padding:0 15px !important;}
.farsi-g ul li{ height:183px;}
.farsi-n{ height:118px;}

/*add*/
.header_link{ float:left; margin-left:35px; height:40px;width: 228px;}
.header_link li{padding: 0px 8px; float:left; position:relative;margin: 0 4px; cursor:pointer;}
.header_link li a{ font-size:14px; line-height:40px; color:#fff;}
.header_link li:hover a{color:#219bed; font-weight:bold;}
.hea_menu{ position:absolute; top:40px;left: -6px; width: 110px;height:105px; box-shadow:0 0 30px 1px rgba(14,5,10,0.21);}
.hea_menu p,.hea_scj p{ color:#333;    line-height: 35px;}
.hea_menu a,.hea_scj p{ font-weight: normal !important;}
.hea_scj{ position:absolute; top:40px; width:100px;box-shadow:0 0 30px 1px rgba(14,5,10,0.21);}
.hea_scj a{ display:inline-block;padding: 0 6px;}
.hea_scj p:hover{color:#219bed;}
.hea_menu p:hover{color:#219bed; background:#f2f2f2;}
/*.header_link a{font-size:14px; color:#ddd; line-height:40px;}
.heard_link_a{ background:#ddd; width:1px; height:12px; display:inline-block; margin:0 4px;position: relative; top: 2px;}*/
.dh_new_chuang{width: 90px; left:536px; height: 50px;}
.dh_new_chuang p { line-height: 50px;font-size: 15px; color: #333333; font-weight: normal;}
.dh_new_chuang p:hover{ background:#f2f2f2; color:#219bed;}
.high_down_left:hover .high_over em{background: url(../images/zixun02.png) center no-repeat;-webkit-transition:.8s;}
.high_down_left:hover .high_over{ background:none; border:1px #fff solid;}

/*后*/
.online_last{ width:100%; height:auto; background:#262829; text-align:center; margin:0 auto;padding-top:30px;}
.online_lo{ width:100%; height:auto; display:table;}
.online_lo li{ float:left;}
.online_go{ width:228px; height:155px; border-right:1px #7d7e81 solid; text-align:left;}
.online_go span{ font-size:14px; color:#fff; display:block;}
.online_go img{ margin-top:40px;margin-bottom: 4px;}
.online_ad{ width:544px; height:155px;border-right:1px #7d7e81 solid; text-align:left; padding-left: 45px; padding-right: 5px;}
.online_ab{ float:left; width:105px;margin: 0 30px; text-align:left;}
.online_ab a{ font-size:14px; color:#aca9a9;margin-bottom: 6px; display: inline-block;text-decoration: none;}
.online_ab a:hover{ border-bottom:1px #fff solid; color:#fff; -webkit-transition:.8s;text-decoration: none;}
.online_ab span{ font-size:16px; color:#fff; font-weight:bold; display:block; margin-bottom:8px;}
.online_ter{ width:154px;}
.online_ter span{ text-align:center;}
.online_ter a{ margin-left:10px;margin-right:10px; position:relative;}
.online_bo { width: 246px; margin-left: 62px;}
.online_wei{ margin-left:20px;}
.online_are{ margin-left: 44px !important;}
.online_bo b{ margin-left:14px;}
.online_nose{ width:1200px; height:auto; text-align:center; padding:30px 0;}
.online_nose span{ font-size:14px; color:#898686; display:inline-block; margin-right:30px; line-height:24px;}
.online_yin{ font-size:14px; color:#7e7a7a; background:#e8e9ef; border-radius:5px; position: absolute; top: 26px; width: 390px; z-index: 10; padding: 6px 10px;left: -195px; display:none;}
.online_yin b{ display:inline-block; margin-left:18px; font-weight:normal;}
.online_cang{ position: absolute;top: 20px; left: 9px; display:none;}
.online_bo b{font-size: 14px; font-weight:normal;color: #aca9a9;}
.cnzz a{padding-top:5px;font-size: 14px; color: #898686;display: inline-block;}
.online_nose span h1{display:inline; font-size:14px;}








