/*产品列表弹出窗口*/
#pro-view { position: fixed; left:0; top: 0; width: 100%; height: 100%; background:#fff; z-index: 99999999; display:none; -webkit-animation: proView linear 0.2s forwards; animation: proView linear 0.2s forwards; overflow: hidden; }
#pro-view > .caption { width: 100%; height: 50px; background:#fff; line-height: 50px; text-align: center; font-size: 18px;color: #000;}
#pro-view > .closed { cursor:pointer ; width: 50px; height: 50px; position: absolute;  top: 0; right: 0; z-index: 10; }
#pro-view > .closed:after { width: 50%; height: 2px; border-radius: 2px; background:#999; display: block; content: ''; position: absolute;  left: 25%; top: 24px; -webkit-transform: rotate(45deg); transform: rotate(45deg);  }
#pro-view > .closed:before { width: 50%; height: 2px; border-radius: 2px; background:#999; display: block; content: ''; position: absolute;  left: 25%; top: 24px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);  }
#pro-view > .main { position: absolute; left:0; top:50px; right:0; bottom:0;}
#pro-view > .main > .mainBox { width: 100%; height: 100%; position: relative; }
@-wekbit-keyframes proView { 
	0% { transform: scale(0.2); }
	100% { transform: scale(1); }
}
@keyframes proView { 
	0% { transform: scale(0.2); }
	100% { transform: scale(1); }
}
#iSlider-wrapper { position: absolute;  left: 0; top: 0; width: 100%; height: 100%; }
#iSlider-wrapper ul { list-style: none; margin: 0; padding: 0; height: 100%; overflow: hidden; }
#iSlider-wrapper li { position: absolute;  margin:  0; padding: 0; height: 100%; overflow: hidden; display: -webkit-box; -webkit-box-pack:center; width:100%;-webkit-box-align:center; list-style: none; }
#iSlider-wrapper li img { max-height: 100%; max-width: 100%; }
/*Q356*/
.product{width: 96%;margin: 0 auto;}
.prolist {
    margin-left: -2%;
    width: 102%;
    overflow: hidden;
    float: left;
    position: relative;
    height: auto;
}
.prolist li {
    float: left;
    width: 50%;padding-left: 2%;
  cursor: pointer;
    height: auto;
    position: relative;
    margin-top: 3%;
}
.prolist li img {
    display: block;
    width: 100%;
    height: auto;
    background-color: #fff;
}
.i_name {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #000;
    -webkit-appearance: none;
    font-style: normal;
   
}
@font-face {
    font-family: novecento_bold;
    src: url(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.eot);
    src: url(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.woff2) format('woff2'), url(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.woff) format('woff'), url(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.ttf) format('truetype'), url(../fonts/novecento-sans/Novecentosanswide-DemiBold-webfont.svg#novecento_sans_widedemibold) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: novecento_light;
    src: url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.eot);
    src: url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.woff2) format('woff2'), url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.woff) format('woff'), url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.ttf) format('truetype'), url(../fonts/novecento-sans/Novecentosanswide-Light-webfont.svg#novecento_sans_widelight) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: modesign;
    src: url(../fonts/icons//modesign.ttf?u35cuf) format('truetype'), url(../fonts/icons//modesign.woff?u35cuf) format('woff'), url(../fonts/icons//modesign.svg?u35cuf#modesign) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
    font-family: modesign!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}





.idea img{width: 100%;display: block;}
.culture{width: 100%;text-align: left;float: left;}
.culture img{width: 35%;display: block;float: left;}
.culture_info{width: calc(65% - 10px);float: right;}
.culture_info h3{color: #9F2925;}
.culture_info i{display: block;width: 30px;height: 2px;margin:10px 0;background: #9F2925;float: left;}
.idea p{width: 100%;clear: both;}
.culture_right{width: 100%;text-align: right;float: right;}
.culture_right img{width: 35%;display: block;float: right;}
.right_info{width: calc(65% - 10px);float: left;}
.right_info h3{color: #9F2925;}
.right_info i{display: block;width: 30px;height: 2px;margin:10px 0;background: #9F2925;float: right;}
.idea_man img{display: block;float: left;width: 45%;}
.man_info{float: left;margin-left: 10px;width: calc(55% - 10px);}
.man_info img{display: block;width: 70px;margin-bottom: 10px;}
.idea_man h3{color: #9F2925;width: 100%;float: left;padding: 5% 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.idea_man p{font-size: 14px;line-height: 1.5;float: left;width: 100%;}
.other_info h3{color: #9F2925;width: 100%;float: left;padding: 3%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.other_info p{font-size: 14px;line-height: 1.5;float: left;width: 100%;padding:0 3%;}
.bot_info h3{padding-bottom: 5%;}
.bot_info h3,.bot_info p{color: #fff;}
.web_name{font-weight: normal;line-height: 1.5;font-size: 18px;}
.web_enname{font-weight: normal;line-height: 1.5;font-size: 12px;padding-bottom: 5%;}
.maintain h3{padding-bottom: 2%;}
@media (max-width:375px){
.service p,.idea_info p,.idea_man p,.bot_info p,.culture_info p,.right_info p{font-size: 12px;line-height: 1.5;}}
@media (min-width:375px){.web_name{font-weight: normal;line-height: 1.5;font-size: 22px;}
.web_enname{font-weight: normal;line-height: 1.5;font-size: 14px;padding-bottom: 5%;}
}
.some_one h3{color: #9F2925;font-weight: normal;padding-bottom: 3%;}
.news_menu{width: 250px;margin: 0 auto;margin-bottom: 15px;overflow: hidden;}
.news_menu a{display: block;width: 113px;line-height: 35px;height: 35px;margin: 5px;float: left;text-align: center;color: #252766;border: 1px solid #252766;}
.news_menu a.on{background: #252766;color: #fff;}
.area img{display: block;}
.area ul li{width: 100%;float: left;}
.area ul li img{display: block;float: left;width: 30px;}
.area ul li p{display: block;width: calc(100% - 40px);float: right;}
.area ul li:last-child p{margin-bottom: 0;}
.area_bg{width: 100%;clear: both;}
.area_bg img{width: 100%;}
.historys ul li{width: 100%;float: left;}
.historys ul li h3{font-family: helvetica;font-weight: normal;line-height: 2;color: #03a1e9;}
.contact{width: 100%;padding:5% 4%;}
.contact img{display: block;width: 100%;margin-bottom: 15px;}
.contact ul li{width: 50%;text-align: center;float: left;}
.contact ul li img{display: block;width: 50px;margin: 0 auto;margin-bottom: 2%}
.qrcode{width: 100%;float: left;}
.qrcode img{display: block;width: 100%;margin-bottom: 10%;}
.contact ul li h3 {
    font-family: helvetica,"microsoft yahei";
    font-weight: normal;
    line-height: 2;
    color: #000;
}
.join ul{overflow: hidden;border-bottom: 1px solid #d5d5d5;padding-bottom: 10%;}
.join ul li{display: block;width: 100%;float: left;}
.join ul li img{display: block;width: 50px;float: left;margin-top: 5px;}
.join ul li .join_info{width: calc(100% - 60px);float: right;}
.join ul li .join_info h3{color: #252766;}
.join .join_sup{overflow: hidden;padding: 10% 0 0 0;}
.join_sup img{display: block;width: 50px;float: left;margin-top: 5px;}
.join_sup .sup_info{width: calc(100% - 60px);float: right;}
.join_sup .sup_info h3{color: #252766;font-family: helvetica;font-weight: normal;line-height: 2;}
.history h3{color: #252766;font-family: helvetica;line-height: 2;}
.join .join_sup table{width: 100%;line-height: 2.5;text-align: center;}
.join .join_sup table th{color: #fff;font-weight: normal;}
.service_h3{padding-bottom: 5%;font-weight: normal;}
.saige4s h3{font-weight: normal;line-height: 2;}
.design h3{line-height: 3;color: #252766;}
.man{clear: both;width: 100%;}
.man img{display: block;width: 100%;}
.first h3,.another h3{color: #252766;line-height: 2;}
.first ul,.another ul{    margin-left: -2%;
    width: 102%;
    overflow: hidden;
    float: left;
    position: relative;
    height: auto;}
.first ul li,.another ul li{float: left;
    width: 50%;
    padding-left: 2%;
    cursor: pointer;
    height: auto;
    position: relative;
    margin-top: 3%;text-align: center;}
    .first ul li img,.another ul li img{width: 100%;}
    .first ul li h4,.first ul li h5,.another ul li h4,.another ul li h5{font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 100%;}
.unlike li{width: 100%;border-right:0;}
.apply .apply_sub{background: #252766;color: #fff;height: 45px;text-align: center;border: 1px solid #252766;line-height: 45px;padding: 0;}
.join_menu{border-bottom: 1px solid #eee;overflow: hidden;margin-bottom: 5%;}
.join_menu a{display: block;float: left;width: 33.33%;line-height: 35px;height: 35px;text-align: center;background: #fff;color: #666;border: 1px solid #eee;border-bottom: 0;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.join_menu a.on{background: #252766;color: #fff;}