@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1200px;margin:0 auto;}
.header{width:100%;height:110px;background: url(../Images/header_bg.jpg) no-repeat;background-size: 100% 100%;}

.Unable_to_view {
 display: block;
 width: 0px;
 eight: 1px;
 overflow: hidden;
 osition: relative;
 z-index: -1000;
 color: transparent;
}

.Unable_to_view a{
    color: transparent;
}
#instructor .i_shonor_ll li i img {
    width: 270px;
    height: 305px;
}
.logo{float:left;margin-left: 5%;}
.lianxinwenh{text-align: center;}
.i_nav{width: 80%;float:right;height:110px;}
/*.i_nav li{width:105px; height:110px;  float:left;}
.i_nav li > a{display:block; height:104px; width:105px; color:#FFF; line-height:110px; font-size:16px; border-bottom:6px solid #222; text-align:center;}
.i_nav li > a:hover{color:#e60012; border-bottom:6px solid #e60012;}
.i_nav li > a.on{color:#e60012; border-bottom:6px solid #e60012;}*/

/*.i_banner_box{position:relative; width:100%; height:500px; overflow:hidden;}*/
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:500px;}
.i_banner li a{display:block; width:100%; height:500px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center; z-index:9000;}
.i_banner_p span{ display:block; width:100%; margin:0 auto;}
.i_banner_p a{display:inline-block; margin:0 10px; width:10px; height:10px; border-radius:100%; background:#FFF; overflow:hidden;}
.i_banner_p a:hover{background:#e42537; }
.i_banner_p a.on{background:#e42537; }*/

.i_container{padding:40px 0; overflow:hidden;}

.nmdef{width:1200px; margin:0 auto;}
.box01{width:1200px; margin:0 auto; padding:30px 0;}

.i_video{float:left; width:495px;}
.i_about{float:right; width:660px;}
.i_about_c{ margin-top:30px; line-height:24px; font-size:14px; padding-right:20px;}

.i_idea{width:1200px; margin:0 auto; padding:50px 0 80px;}
.i_idea_l{ margin-top:35px; height:209px; overflow:hidden;}
.i_idea_l ul{width:1218px; }
.i_idea_l li{float:left; display:inline; margin-right:18px; width:388px; overflow:hidden;}
.i_idea_l li img{ width:388px; height:209px;}
.i_idea_l li:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); }

.i_project{width:100%; height:550px; padding-top:50px; background:url(../Images/bg01.png) no-repeat center top;}
.i_project_l{width: 100%;margin:35px auto 0;}
.i_project_l li{float:left;display:inline-block;width: 25%;height:300px;padding-top:15px;text-align:center;margin: 10px 4% 0;background:#FFF;-webkit-box-shadow:0 0 5px rgba(0, 0, 0, .32);-moz-box-shadow:0 0 5px rgba(0, 0, 0, .32);box-shadow:0 0 5px rgba(0, 0, 0, .32);}
.i_project_l li img{width:188px; height:188px; border:1px solid #e42439; border-radius:100%;}
.i_project_l li span{ display:block; margin-top:18px; line-height:36px; color:#333; font-size:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_project_l li ins{ display:block; text-decoration:none; color:#666666; font-size:16px; text-decoration:none; line-height:27px; height:54px; overflow:hidden;}
.i_project_l li:hover{ margin-top:0;}

.i_trai{width:1200px; margin:0 auto;    padding: 50px 0 80px;}
.i_trai_l{ position:relative; margin:40px auto 0; width:1200px;}
.i_trai_ll{width:1200px; overflow:hidden;}
.i_trai_ll ul{width:1212px; overflow:hidden;}
.i_trai_ll li{float:left; display:inline; margin-right:13px; width:290px; height:190px; overflow:hidden;}
.i_trai_ll li img{width:290px; height:190px;}
.i_trai_ll li a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); }

.i_instructor{width:1200px; margin:0 auto; padding:80px 0;}
.i_instructor_l{width:1200px;}
.i_instructor_l dl{float:left; margin-top:55px; width:570px; padding-right:30px;}

.i_instructor_l dl dt{
    float: left;
    display: inline-block;
    width: 92px;
    height: 92px;
    margin: 0 25px 0 10px;
    border: 2px solid #ed0000;
    overflow: hidden;
    border-radius: 100%;
background: #fff;
text-align: center;
}

#index .i_shonor_ll li ins {
    display: block;
    position: absolute;
    left: 53px;
    top: 170px;
    width: 91px;
    height: 31px;
    font-size: 14px;
    line-height: 31px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background: rgba(230, 0, 18, .7);
    z-index: 900;
}#index .i_shonor_ll li i {
    display: block;
    width: 183px;
    height: 205px;
    overflow: hidden;
}

.i_instructor_l dt a {
    display: inline-block;
    height: 96px;
    text-align: center;
    vertical-align: middle;
    line-height: 96px;
    background: #fff;
}
.i_instructor_l dl dt img {
    max-height: 100%;
    display: inline-block;
    vertical-align: middle;    margin-top: -6px;
}

.i_instructor_l dl dd{float:left; width:439px;}
.i_instructor_l dl dd h4{ display:block; font-size:20px; line-height:25px;}
.i_instructor_l dl dd ins{ display:block; font-size:14px; line-height:25px; padding-bottom:5px; text-decoration:none; border-bottom:1px solid #a0a0a0;}
.i_instructor_l dl dd span{ display:block; margin-top:6px; font-size:14px; line-height:25px; height:100px; overflow:hidden;}

.i_shonor{width:100%; height:826px; padding-top:40px; background:url(../Images/bg02.jpg) no-repeat center top;}
.i_shonor_l{width:1200px; margin:40px auto 0;}
.i_shonor_ll{float:left; width:873px; overflow:hidden;}
.i_shonor_ll ul{width:888px; padding:4px 0 0 4px;}
.i_shonor_ll li{float:left; position:relative; display:inline-block; margin-right:17px; margin-bottom:15px; width:183px; padding:10px; background:#FFF; -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .32); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .32); box-shadow:0 0 5px rgba(0, 0, 0, .32);}
.i_shonor_ll li i{display:block;width:183px;height: 305px;overflow:hidden;}
.i_shonor_ll li i img{width:183px; height:179px;}
.i_shonor_ll li span{ display:block; padding:30px 0 5px; width:183px; height:40px; line-height:20px; text-align:center; overflow:hidden;}
.i_shonor_ll li ins{display:block;position:absolute;left: 100px;top: 300px;width:91px;height:31px;font-size:14px;line-height:31px;color:#FFF;text-decoration:none;text-align:center;background:rgba(230, 0, 18, .7);z-index:900;}
.i_shonor_ll li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); }

.i_online{float:right; position:relative; display:inline-block; width:260px; height:523px; padding:20px 25px; margin:4px 4px 0 0; background:rgba(0,0,0,0.78); -webkit-box-shadow:0 0 5px rgba(0, 0, 0, .32); -moz-box-shadow:0 0 5px rgba(0, 0, 0, .32); box-shadow:0 0 5px rgba(0, 0, 0, .32);}
.i_online_img{ position:absolute; left:123px; top:-130px;}
.i_online h3{ font-size:24px; color:#FFF; text-align:center; padding-top:5px; padding-bottom:10px;}
.i_online h3 ins{ display:block; text-decoration:none; font-size:12px; line-height:20px; text-transform:uppercase;}
.i_online_l{width:260px;}
.i_online_l dl{margin-top:20px; padding-bottom:5px; height:32px; line-height:32px;}
.i_online_l dl dt{float:left; width:50px; color:#FFF; font-size:16px;}
.i_online_l dl dd{float:left; width:210px;}
.i_online_l dl dd input{width:208px; height:30px; line-height:30px; border:1px solid #7c8182; font-family:microsoft yahei; margin:0; padding:0; text-indent:5px; font-size:14px; color:#91abc2; background:#FFF;}
.i_online_l dl dd select{width:208px; height:30px; line-height:30px; border:1px solid #7c8182; font-family:microsoft yahei; margin:0; padding:0; text-indent:5px; font-size:14px; color:#91abc2; background:#FFF;}
.i_online_l ul{ margin-top:20px;}
.i_online_l ul li{color:#FFF; font-size:16px; line-height:30px;}
.i_online_l ul li textarea{width:250px; height:80px; padding:5px; line-height:20px; border:1px solid #7c8182; font-family:microsoft yahei; margin:0; font-size:14px; color:#91abc2; background:#FFF;}
.i_online_l span{ display:block; width:260px; margin-top:20px;}
.i_online_l span input{width:260px; height:40px; line-height:40px; font-family:microsoft yahei; margin:0; padding:0; text-align:center; font-size:18px; color:#FFF; background:#e60012; cursor:pointer; border:0;}
.i_online_l span input:hover{ background:#ad000e;}


.i_news{width:1200px; margin:0 auto; padding:80px 0 30px;}
.i_news_l{width:1200px; margin-top:10px;}
.i_news_l dl{float:left; display:inline-block; margin-top:30px; padding-bottom:20px; border-bottom:1px solid #dcdcdc; width:570px; margin-right:30px;}
.i_news_l dl dt{float:left; width:66px; height:66px; padding:10px;  text-align:center; color:#666666; background:#dcdcdc;}
.i_news_l dl dt strong{ display:block; width:66px; height:33px; font-size:24px; font-weight:normal; border-bottom:1px solid #b5b5b5;}
.i_news_l dl dt span{ display:block; width:66px; height:32px; font-size:14px; line-height:32px;}
.i_news_l dl dt:hover{color:#FFF; background:#ff0000;}
.i_news_l dl dt:hover strong{ border-bottom:1px solid #FFF;}
.i_news_l dl dd{float:right; width:454px;}
.i_news_l dl dd a h4{ display:block; font-size:20px; line-height:25px; color:#333; width:454px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_l dl dd a span{ display:block; font-size:14px; margin-top:10px; line-height:20px; height:40px; overflow:hidden;}



.footer{width:100%; padding-top:38px; text-align:center; color:#FFF; background:#201e1d;position: relative;}
.fbox{width:1200px; margin:0 auto;}
.flogo{float:left;}
.footer_nav{float:left;text-align:left;}
.footer_nav dl{float:left; width:90px; padding-right:10px;}
.footer_nav dl dt{ font-size:16px; line-height:30px;}
.footer_nav dl dd{ font-size:14px; line-height:30px;}
.footer_nav dl dd a{color:#dddddd;}

.fcontact{float:right;width:320px;text-align:left;}
.fcontact h3{ display:none; font-size:16px; line-height:30px;margin-left: -100px;
}
.fcontact_c{width:320px; line-height:30px; font-size:14px;}
.fcontact_c span{float:right; display:block; }
.fcontact_c span ins{ display:block; text-decoration:none; line-height:30px;}

.fmap{width:100%;height:510px;margin-top: 85px;background:url(../temp/fmap.jpg) no-repeat center top;}

.copyright{position: relative;line-height:25px;padding-top:15px;font-size:14px;visibility: inherit!important;}
.jsq{line-height:25px; padding-bottom:15px; font-size:14px;}

.footer a{ color:#FFF;}
.footer a:hover {color:#e60012;}
.footer_tel{
    position: absolute;
      right: 9%;
    top: 42px;
    font-size: 18px;
    font-weight: bold;
}
/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box {
    position: relative;
    width: 100%;
    /*height: 800px;*/
    overflow: hidden;
}
.p_banner {
    float: left;
    display: inline;
}
.p_banner_box{height:auto;}
.p_banner img{width:auto !important; max-width:100%;height:auto !important;}


.p_container{padding:60px 0; overflow:hidden;}

.path{ padding:10px 0; height:30px; line-height:30px; font-size:14px; background:#ffecde; color:#666;}
.path a{ color:#666;}
.path a:hover{ color:#e60012;}
.path span{padding:0 10px;}

.sidebar{ text-align:center; margin-top:30px; font-size:16px;}
/*.sidebar a{ display:inline-block; margin:0 7px; padding:0 30px; height:34px; line-height:34px; color:#666666; border-bottom:2px solid #707070;}
.sidebar a:hover{color:#e81020; border-bottom:2px solid #fe0000;}
.sidebar a.on{color:#e81020; border-bottom:2px solid #fe0000;}*/
/*span.nextrecord {
    background: url("/upload/ueditor/image/20170209/14866065845813627.png") no-repeat;
    position: absolute;
    top: 8px;
    left: 800px;
}*/
#menu_40 .prevnext h3{display:none}
#menu_40 .prevnext span a{display: block;opacity: 0;width: 100%;height: 100%;}
#menu_40 .prevrecord{
    background: url("/upload/ueditor/image/20170209/14866065847496183.png") no-repeat;
    width: 16px;
    height: 32px;
    
    /* overflow: hidden; */position: absolute;
    top: 200px;
    color: #fdf2e7;}
#menu_40 .nextrecord {
    background: url("/upload/ueditor/image/20170209/14866065845813627.png") no-repeat;
    width: 16px;
    height: 32px;

    /* overflow: hidden; */position: absolute;
    top: 200px;left:800px;
    color: #fdf2e7;
}
.p_content{padding:0px 25px; margin:0 auto; width:1200px; font-size:14px; line-height:25px;}

/* 内页部分结束 */
#chatframe_1{    z-index: 99;}

.navbar-toggle {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("../Images/icon02.png") no-repeat scroll center center / 70% auto;
    border: 2px solid #DC0112;
    border-radius: 0;
    right: 0;
    height: 65px;
    width: 65px;
    margin: 20px;
}
.navbar-toggle {
    display: none;
}
.i_video object{width: 100%!important;}
@media screen and (max-width: 760px) {
.i_nav{display:none}
.navbar-toggle{display:block;}
}
@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.box01,.i_idea,.i_instructor,.i_shonor_l,.i_news{width: 100%;padding: 30px 0;}
.i_about{width: 50%;}
.i_idea_l li{width: 31.6666%;}
.i_idea_l li:last-child{margin-right:0;}
.i_idea_l li img{width: 100%;}
.i_trai,.i_instructor_l,.i_news_l,.fbox{width: 90%;PADDING: 5%;}
.i_project_l li{width: 29.6%;margin: 10px 11px 0;}
.i_project_l li img{width: 52%;height: AUTO;}
.i_instructor_l dl dd{width: 70%;}
.i_instructor_l dl{width: 50%;padding-right: 0;}
.i_online_img{left: 10%;}
.i_shonor_ll{width: 100%;}
.i_shonor_ll ul{width: 100%;}
.i_shonor_ll li{width:20%;padding-right: 0;}
.i_shonor_ll li i img,.i_shonor_ll li i{width: 96%;height: 134px;}
.i_shonor_ll li ins{left: 49px;top: 125px;}

.i_shonor_ll li span{width: 100%;padding: 70px 0 5px;}
.i_online{width: 34%;left: -24%;margin-top: 14%;}
.i_online_l ul li textarea{width:245px!important;}
.i_news_l dl{margin-left: 10px;}
.i_news_l dl dd a h4,.i_news_l dl dd{width: 75%;padding-right: 5%;}
.fcontact_c img{
    margin-left: 10px!important;
    margin-top: 10px!important;
}
.fcontact_c div:last-child{padding-left: 18px!important;}
.fmap{background-size: contain;height: 272px;}
/*内页*/
.p_content,.p_u_def1 .content{width: 96%;padding: 1%;}
#products .p_p_list li img, #base .p_p_list li img, #philosophy .p_p_list li img{width: 100%;}
#products .p_p_list li .img, #base .p_p_list li .img, #philosophy .p_p_list li .img{width: 100%;}
#products .p_p_list li, #base .p_p_list li, #philosophy .p_p_list li{width: 31.666666%;}
.p_p_list li{    width: 22.6666666%;}
.p_p_list li .img{width: 100%;}
#com_thenm_list .i_shonor_ll li{width: 23%;}
#com_thenm_list .i_shonor_ll li i img,#com_thenm_list .i_shonor_ll li i,#com_thenm_list .i_shonor_ll li span{width: 100%;}
#com_thenm_list .i_shonor_ll li i img{height: 143px;}
.n_n_list dl dt{}

}
@media screen and (max-width: 920px;) and (min-width: 769px;){
.navactive, .navactive:hover,.nava,.nava:hover, .nava.selected{font-size: 14px;}
}
@media screen and (max-width: 768px) { /*当屏幕尺寸小于760px时，应用下面的CSS样式*/
.mfbox{width:100%;}
.i_nav{width:75%;}
.ddsmoothmenu ul li{padding:0 3px;}
  .i_banner{display:none;}
.navactive, .navactive:hover,.nava,.nava:hover, .nava.selected{font-size: 13px;}
.i_video{width: 50%;}
.box01,.i_idea,.i_instructor,.i_shonor_l,.i_news{width: 100%;padding: 30px 0;}
.i_about{width: 350px;}
.i_idea_l{width:100%; height: auto;}
.i_idea_l ul{width:100%;}
.i_idea_l li{width:32%; margin-right:2%; }
    .i_idea_l li:last-child{margin-right:0;}
.i_idea_l li img{width: 100%;height: auto;}
.i_trai,.i_instructor_l, .i_news_l, .fbox{width: 90%;}
.i_project_l li{width: 72%;height: 350px;margin: 10px 14%;}
.i_project_l li img{width:230px;height: 230px;}
.i_project{height: 1350px;background: url(../Images/bg01.png) repeat-y center top;}
.i_instructor_l dl dd{width: 64%;}
.i_instructor_l dl{width: 50%;padding-right: 0;}
.i_online_img{left: -30%;top: 157px;}
.i_shonor_ll{width: 100%;}
.i_shonor_ll ul{width: 100%;}
.i_shonor_ll li{width: 46%;%padding-right: 0;margin-right: 1%;margin-left: 1%;height: 362px;}
.i_shonor_ll li i img,.i_shonor_ll li i{width: 96%;height: 254px;}
.i_shonor_ll li ins{left: 65.5%;top: 65%;}

.i_shonor_ll li span{width: 100%;padding: 70px 0 5px;}
.i_online{width: 52%;left: -15%;}
.i_online_l ul li textarea{width:245px!important;}
.i_news_l dl{margin-left: 10px;margin-right: 0;}
.i_news_l dl dd a h4,.i_news_l dl dd{width: 75%;}
.fcontact_c img{
    margin-left: 130px!important;
    margin-top: 11px!important;
}
.fcontact_c div:last-child{padding-left:139px!important;}
.fmap{background-size: contain;height: 272px;}
.i_shonor{height: 1375px;background: url(../Images/bg02.jpg) repeat center top;}
.footer_tel{right: 40%;margin-top: 111px;font-size: 15px;}
/*内页*/
.path{padding:10px;}
.p_content,.p_u_def1 .content{width: 96%;padding: 2%;}
#products .p_p_list li img, #base .p_p_list li img, #philosophy .p_p_list li img{width: 100%;}
#products .p_p_list li .img, #base .p_p_list li .img, #philosophy .p_p_list li .img{width: 100%;}
#products .p_p_list li, #base .p_p_list li, #philosophy .p_p_list li{width: 30.666666%;}
.p_p_list li{width: 45.666667%;}
.p_p_list li .img{width: 100%;}
#com_thenm_list .i_shonor_ll li{width: 22%;}
#com_thenm_list .i_shonor_ll li i img,#com_thenm_list .i_shonor_ll li i,#com_thenm_list .i_shonor_ll li span{width: 100%;}
#com_thenm_list .i_shonor_ll li i img{height: 143px;}
.n_n_list dl dd{width: 87%;}
.n_n_list dl dt{}
}
@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
#chatframe_1{display: none;}
.i_container{padding:10px;}
.i_nav{width: 30%;height:auto; position:absolute; right:0; top:110px; z-index: 9999;}
.ddsmoothmenu ul li{width: 100%;height: 40px;background: #000;border-bottom: 1px #fff solid;}
.navactive, .navactive:hover{line-height: 40px;height: 40px;}
.nava{height: 40px;line-height: 40px;border: none;}
.navactive, .navactive:hover,.nava,.nava:hover, .nava.selected{font-size: 13px;}
.i_video{width:100%;height:auto;margin-top:20px;}
.i_about{margin-top:20px; width:100%;}
.box01{width:100%;padding:10px 0;}
.i_idea,.i_instructor,.i_shonor_l,.i_news{width:100%;padding:30px 0;}
.i_about{width:100%;}
.i_idea_l li{
    width:100%;
    margin:3% 0;
 }
.i_idea_l li:last-child{margin-right:0;}
.i_idea_l li img{width: 100%;}
.i_trai,.i_instructor_l,.fbox{width: 90%;}
.i_trai{padding:20px 0;}
.i_news_l{width:100%; padding:0;}

.i_project_l li{float:none; width: 95%;height: 350px;margin: 10px 2.5%;}
.i_project_l li img{width:230px;height: 230px;}
.i_project{height:1350px;background: url(../Images/bg01.png) repeat-y center top;}
.i_instructor_l dl dd{width: 90%;}
.i_instructor_l dl{width: 44%;padding-right: 0;padding-left: 5%;}
.i_online_img{left: 4%;top: -33px;}
.i_shonor_ll{width: 100%;}
.i_shonor_ll ul{width:100%; padding:10px 0 0;}
.i_shonor_ll li{width:41%;padding:5px;margin:0 2.5% 15px;HEIGHT: 220PX;}
.i_shonor_ll li i{width:96%; height:160px;}
.i_shonor_ll li i img{width:96%; height:auto;}
.i_shonor_ll li ins{left: 44%;top: 48%;}

.i_shonor_ll li span{width: 100%;padding: 40px 0 5px;}
.i_online{width: 75%;LEFT: -3%;}
.i_online_l ul li textarea{width:245px!important;}
.i_news_l dl{margin-left: 0;margin-right: 0; width:100%;}
.i_news_l dl dd a h4,.i_news_l dl dd{width: 69%;}
.footer{padding-top:20px;}
.fcontact_c img{
    margin-left: 130px!important;
    margin-top: 20px!important;
}
.fcontact_c div:last-child{padding-left:139px!important;}
.fmap{background-size: contain;height:140px;margin-top:80px;}
.i_shonor{height: 1375px;background: url(../Images/bg02.jpg) repeat center top;}
.footer_tel{right: 20%;margin-top:260px;}
.title01 h3{padding: 0 0 0 60px;}
.i_about_c{padding-right:10px;}
.i_idea_l{margin-top:20px; height: auto;}
.i_project_l{width: 100%;}
.i_instructor_l dl dt{
    margin-bottom: 10px;
}
.footer_nav{float:none;}
.footer_nav dl{width:24%; padding-right:1%; padding-bottom:10px;}
.fcontact{ float:none;}

/*内页*/
.p_container{padding:30px 0;}
.p_content,.p_u_def1 .content{width: 96%;padding: 1%;}
#products .p_p_list li img, #base .p_p_list li img, #philosophy .p_p_list li img{width: 100%;}
#products .p_p_list li .img, #base .p_p_list li .img, #philosophy .p_p_list li .img{width: 100%;}
#products .p_p_list li, #base .p_p_list li, #philosophy .p_p_list li{width:100%;margin: 3% 0%;}
.p_p_list li{width: calc(100% / 2 - 20px);padding: 0 0;}
.p_p_list li .img{width: 100%;}
#com_thenm_list .i_shonor_ll li{width: 45%; margin:0 1% 15px;}
#com_thenm_list .i_shonor_ll li i img,#com_thenm_list .i_shonor_ll li i,#com_thenm_list .i_shonor_ll li span{width: 100%;padding: 0;}
#com_thenm_list .i_shonor_ll li i img{height: 143px;}

.n_n_list dl dd{width: 69%;}
.n_n_list dl dt{}

.p_u_def1 .content p img{ display:none;}
.nmdef{width:100%;}

.izl-rmenu{display:none;}
#udesk-feedback-tab{ display:none!important;}
#instructor .i_shonor_ll li ins{top: 40px !important;}
    .i_shonor_ll li i{
        height: 178px;
    }
    #com_thenm_list .i_shonor_ll li i img{
        height: auto;
    }
    .p_p_list li img{height: auto;}

}
@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
#chatframe_1{display: none;}
.i_nav{width: 30%;height: 40px;}
.ddsmoothmenu ul li{width: 100%;height: 40px;background: #000;border-bottom: 1px #fff solid;}
.navactive, .navactive:hover{line-height: 40px;height: 40px;}
.nava{height: 40px;line-height: 40px;border: none;}
.navactive, .navactive:hover,.nava,.nava:hover, .nava.selected{font-size: 13px;}
.i_video{width: 100%;height: 273px;margin-top: 0;}
.box01,.i_idea,.i_instructor,.i_shonor_l,.i_news{width: 100%;padding: 30px 0;}
.i_about{width: 100%;}
.i_idea_l li{
    width: 86.66%;
    margin: 3% 7%;
 }
    .i_idea_l li:last-child{margin-right:0;}
.i_idea_l li img{width: 100%;}
.i_trai,.i_instructor_l,.i_news_l,.fbox{width: 90%;}
.i_project_l li{width: 95.6%;height: 345px;margin: 10px 2%;}
.i_project_l li img{width: 62%;height: 176px;}
.i_project{height: 1350px;background: url(../Images/bg01.png) repeat-y center top;}
.i_instructor_l dl dd{width: 90%;}
.i_instructor_l dl{width: 44%;padding-right: 0;padding-left: 5%;}
.i_online_img{left: 4%;top: -15px;}
.i_shonor_ll{width: 100%;}
.i_shonor_ll ul{width: 100%;}
.i_shonor_ll li{width: 90.4%;padding-right: 0;margin-right: 13px;}
.i_shonor_ll li i img,.i_shonor_ll li i{width: 98%;height: 240px;}
.i_shonor_ll li ins{left: 63.8%;top: 62%;}

.i_shonor_ll li span{width: 100%;padding: 70px 0 5px;}
.i_online{width: 84%;margin: 0;}
.i_online_l ul li textarea{width:245px!important;}
.i_news_l dl{margin-left: 10px;margin-right: 0;}
.i_news_l dl dd a h4,.i_news_l dl dd{width: 70%;font-size: 15px;white-space: normal;}
.fcontact_c img{    margin-left: 130px!important;
    margin-top: -70px!important;
}
.fcontact_c div:last-child{padding-left:139px!important;}
.fmap{background-size: contain;height: 280px;margin-top: 4%;}
.i_shonor{height: 1375px;background: url(../Images/bg02.jpg) repeat center top;}
.footer_tel{right: 15%;font-size: 15px;margin-top: 426px;}
.title01 h3{padding: 0 0 0 60px;}
.i_about_c{padding-right:10px;}
.i_idea_l{height: auto;}
.i_project_l{width: 100%;}
.i_instructor_l dl dt{
    margin-bottom: 10px;
}
.footer_nav{
    margin-left: 10%;
}
.i_news_l dl dt{width: 18%;}
.i_news_l dl dt span,.i_news_l dl dt strong{width: 100%;font-size: 1em;}
/*内页*/
.p_content,.p_u_def1 .content{width: 96%;padding: 2%;}
#products .p_p_list li img, #base .p_p_list li img, #philosophy .p_p_list li img{width: 100%;}
#products .p_p_list li .img, #base .p_p_list li .img, #philosophy .p_p_list li .img{width: 100%;}
#products .p_p_list li, #base .p_p_list li, #philosophy .p_p_list li{width: 86%;margin: 3% 6%;}
.p_p_list li{width: 91.66666%;padding: 0 1%;}
.p_p_list li .img{width: 100%;}
#com_thenm_list .i_shonor_ll li{width: 93%;}
#com_thenm_list .i_shonor_ll li i img,#com_thenm_list .i_shonor_ll li i,#com_thenm_list .i_shonor_ll li span{width: 100%;}
#com_thenm_list .i_shonor_ll li i img{height: 143px;}
.n_n_list dl dd{width: 70%;}
.n_n_list dl dt{}
}

@media screen and (max-width: 320px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/

.i_idea_l li{width:94%; margin:3% 3%;}
.i_shonor{ height:auto;}
.i_shonor_ll{ float:none; padding-bottom:10px;}
.i_shonor_ll li{width:93%; margin:10px 2.5% 0; padding:5px; height:auto;}
.i_shonor_ll li i{width:99%;}
.i_shonor_ll li i img{width:100%;}
.i_shonor_ll li span{width: 100%; padding: 10px 0; line-height: 20px; height: auto;}
.i_shonor_ll li ins{left:66%; top:214px;}
.i_online{float:none; margin: 20px 6% 0; padding: 160px 10px 20px; width: 88%;}
.i_online_img{left:0; top:0; width:100%; padding:15px 0; text-align:center;}

.i_news_l{ padding:0; width:100%;}
.i_news_l dl{ margin-left:0;}
.i_news_l dl dd{width:68%;}
.i_news_l dl dd a h4{width:100%;}

.footer{width:auto; padding:10px;}
.fbox{width:100%; padding:0;}
.footer_nav{ margin-left:0;}

.fcontact_c img{ margin-left: 80px!important; margin-top: 0!important;}

.fcontact_c div:last-child{padding-left: 85px!important;}
.footer_tel{right:5%; margin-top:320px;}
.fmap{ height:160px;}
.copyright{ text-align:left;}

#com_thenm_list .i_shonor_ll li i img{width:100%; height:auto;}
#com_thenm_list .i_shonor_ll li ins{top:175px;}

}

.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 60%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
    font-weight: bold;
}
/*.izl-rmenu a.consult:hover .phone{display:inline !important;}*/
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
/*.izl-rmenu a.cart:hover .pic{display:block;}*/
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: none!important;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 60%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}
#instructor .i_shonor_ll li ins {
    display: block;
    position: absolute;
    left: 100px;
    top: 300px;
    width: 91px;
    height: 31px;
    font-size: 14px;
    line-height: 31px;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    background: rgba(230, 0, 18, .7);
    z-index: 900;
}

.gbook_indexpost{width:320px; margin:0 auto; overflow:hidden;}
.gbook_indexpost dl{padding:10px 0 0;}
.gbook_indexpost dd input{ margin:0; padding:0; width:250px; border:1px solid #666; color:#333; height:35px; text-indent:5px; background:#FFF;}
.gbook_indexpost dd select{ margin:0; padding:0; width:250px; border:1px solid #666; height:35px; line-height:35; text-indent:5px; background:#FFF;}
.gbook_indexpost span{ display:block; padding-top:10px;}
.gbook_indexpost span input{ margin:0; padding:0; border:1px solid #999; height:35px; text-align:center; padding:0 20px; cursor:pointer; background:#FAfAFA; color:#333;}