@charset "utf-8";
/* Banner */
.banner { position:relative; overflow:hidden; z-index:3;width: 100%;}
.banner .bd { zoom:1; }
.banner img{display: block;width: 100%;}

/* 主体 */
.container { position:relative;z-index:8; }
.wrap { position:relative; width:1200px; min-height:460px; _height:460px; margin:0 auto; }
.wrap .sidebar {}
.wrap .main { display:block; overflow:hidden; *zoom:1; padding:30px 0 0; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

/* 左侧栏目标题 */
.leftTitle { position:relative; margin-bottom:18px; padding:18px 0; color:#333; display: none}
.leftTitle i,.leftTitle s { display:block; text-align:center; }
.leftTitle i { font-size:38px; line-height:58px; font-weight:normal; }
.leftTitle s { color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu{border-bottom: 1px solid #c5c5c5}
.menu dl { zoom:1; padding-bottom:39px; text-align:center;padding-top: 36px}
.menu dl:after{content:'\20';display:block;height:0;clear:both}
.menu dl dt { display:inline-block; *display:inline; zoom:1; margin:0 2px; vertical-align:top;padding:0 20px; }
.menu dl dt a{transition: none;font-size: 16px;color: #333333}
.menu dl dt a { display:inline-block;text-align: center;}
.menu dl dt.current .line{display: block!important;width: 100% !important}
.menu dl dt .line{height: 1px;background: #ea0000;width: 0;margin-top: 6px}

.m-rdm { padding:25px 0 10px; text-align:center; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }


/* 面包屑 */
.location { position:relative; height:24px; width:1920px; margin:0 auto 30px; padding:11px 0; line-height:24px; display:none;border-bottom: 1px solid #c5c5c5}
.location h3 { float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { float:right; text-align:right; }
.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background:url(o_ico_04.gif) no-repeat 0 center; vertical-align:top; }
.breadcrumbs .u-home { padding-left:20px; background:url(o_ico_03.gif) no-repeat 0 center; }

/* 内容模式 */
.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; }
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }

/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_18.gif) no-repeat 2px 17px; font-size:14px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:150px; margin-right:20px; padding:4px; border:1px solid #e7e7e7; }
.pothoItem .item .pic img { width:200px; height:150px; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d,.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }

/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; width:100px; height:100px; margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }
.piList { padding:0 0 20px; overflow:hidden; }
.piList .pic-item-list { width:1200px; margin:0 auto; padding:0; }
.piList .pic-item { position:relative; width:279px; margin:0 28px 23px 0; padding:0; display:inline; }
.piList .pic-item:nth-child(4n){
    margin-right:0;
}
.piList .list-pic { display:block; width:279px; height:200px; margin-bottom:0; padding:0; border:0; line-height:148px;overflow: hidden }
.piList .list-pic img { width:100%; height:100%;object-fit: cover;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;}
.piList .pic-item:hover .list-pic img{
    transform:scale(1.2);
    -ms-transform:scale(1.2); 	/* IE 9 */
    -moz-transform:scale(1.2); 	/* Firefox */
    -webkit-transform:scale(1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2); 	/* Opera */
}
.piList dl { padding:4px 5px; line-height:20px; }
.piList dl dt { height:30px; font-size:12px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/* 分页 */
.page { padding:40px 0 118px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 4px; padding:3px 13px; border:1px solid #dddddd; background:#ffffff; color:#555555; vertical-align:top; font-size: 14px}
.page a:hover,.page .current { border:1px solid #e00012; background:#e00012; color:#fff; }

/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }
.hr { position:relative; padding:0 0 40px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#0063be; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background:url(hr_down.gif) no-repeat center; }
.hr h3 .on { background:url(hr_up.gif) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#ea0000; font-weight:bold; line-height:20px; font-size: 16px;}
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:32px; text-align:right; font-size: 14px;}
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:26px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; width: 300px;}
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:120px; height:32px; border:none; background:#666; color:#fff; cursor:pointer;font-size: 14px; }

/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }


.ins_time-bar{box-shadow: 0 4px 4px rgba(165,165,165,0.19);padding: 33px 0;position: relative;z-index: 4}
.ins_time-bar .num-case{float: left;width: 274px;padding: 16px 0 10px;text-align: center;border-right: 1px solid #ebebeb}
.ins_time-bar .num-case-last{border: none}
.ins_time-bar .number{font-size: 50px;font-weight: lighter;color: #333}
.ins_time-bar .n1-char{font-size: 18px;font-weight: lighter;color: #333;margin-left: 2px;margin-bottom: 3px}
.ins_time-bar .n2-char{font-size: 34px;color: #333333;font-weight: lighter;margin-left: 16px}
.ins_time-bar .n3-char{font-size: 20px;color: #333333;font-weight: lighter}
.ins_time-bar .s1-text{font-size: 18px;color: #333333;font-weight: lighter;letter-spacing: 1px}

/*about*/
.ins_about_a{background: #f6f6f6;padding-top: 55px;padding-bottom: 55px}
.ins_about_ti{font-size: 40px;color: #141414;text-align: center;}
.ins_about_art{padding: 0 30px;font-size: 14px;line-height: 40px;color: #333333;margin-top: 15px}
.ins_about_b{background: url(ins_bac_01.png)no-repeat;background-size: cover;padding-top: 65px;padding-bottom: 104px}
.ins_about_b_ti{font-size: 40px;color: #ffffff;text-align: center;}
.ins_about_b_c{width: 1160px;margin-top: 60px}
.ins_about_b_c ul li{float: left;width: 230px;text-align: center;margin-right: 60px}
.ins_about_b_pic{display: inline-block;font-size: 20px;color: #ffffff}
.ins_about_b_pic p{margin-top: 3px}
.ins_about_b_text{font-size: 14px;color: #ffffff;line-height: 25px;text-align: left;padding:0 24px;margin-top: 15px}
.ins_about_b_a{text-align: center;margin-top: 92px}
.ins_about_b_a a{font-size: 20px;padding: 14px 116px 14px 76px;color: #ffffff;border:1px solid #ffffff;display: inline-block;background: url(ins_ico_05.png)no-repeat 245px 25px;}
.ins_about_b_a a:hover{background: url(ins_ico_05.png)no-repeat 265px 25px}
.ins_about_c{padding-top: 70px;padding-bottom: 62px;}
.ins_about_c_c{width: 1200px;margin-top: 50px}
.ins_about_c_case{float: left;text-align: center;font-size: 22px;color: #141414;margin-right: 55px}
.ins_about_c_case p{position: relative;top:-226px;}
.ins_about_c_case_l{position: relative;margin-left: -24px}
.ins_about_d{padding-top:50px;padding-bottom: 75px;background: #f6f6f6}
.ins_about_d_c{width: 1150px;margin-top: 50px}
.ins_about_d_c ul li{float: left;margin-right: 29px;margin-bottom: 43px}

/*job*/
.job_list{padding-top: 20px}
.job_list ul li{margin-bottom: 25px}
.job_time_bar{line-height: 105px;color: #d0b87d;font-size: 20px;padding-left: 22px;padding-right: 30px;width: 130px}
.job_list_case{background: #f2f2f2}
.job_c_bar{width: 730px;padding: 22px 40px 22px 0}
.job_c_ti a{font-size: 20px;color: #333333;font-weight: bold;display: block;padding: 5px 0}
.job_c_c{font-size: 14px;color: #666666}
.job_ico a{display: block;background: url(ins_ico_10.png)no-repeat;width: 148px;height: 104px}
.job_list ul li:hover .job_c_ti a{color: #df0000}

/*contact*/
.contact_a{padding-top: 33px;padding-bottom: 22px}
.contact_a_ti{font-size: 22px;color: #333333;font-weight: bold;}
.contact_a_l_c{margin-top: 17px;}
.contact_a_l_c p{padding-left: 20px;line-height: 35px;font-size: 14px;color: #333333}
.contact_a_l_c p:nth-child(1){background: url(ins_ico_11.png)no-repeat left center;}
.contact_a_l_c p:nth-child(2){background: url(ins_ico_12.png)no-repeat left center;}
.contact_a_l_c p:nth-child(3){background: url(ins_ico_12.png)no-repeat left center;}
.contact_a_l{padding-left: 48px}
.contact_a_l_b{margin-top: 25px;padding-left: 13px;width: 140px}
.contact_a_l_b{text-align: center;font-size: 17px;color: #333333}
.contact_b{padding-top: 50px;padding-bottom: 76px}
.ins_contact_sub_ti{font-size: 14px;color: #919191;text-align: center;padding-top: 12px}
.contact_form{margin-top: 45px;}
.contact_form .f1 input{width: 217px;height: 54px;line-height: 54px;border: 1px solid #e6e6e6;box-sizing: border-box;padding: 0 8px;font-size: 16px;color: #878787;outline: none;background: #f3f3f3}
/*.contact_form .f2 textarea{width: 350px;height: 54px;line-height: 54px;border: 1px solid #e6e6e6;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #878787;outline: none;background: #f3f3f3}*/
.contact_form .f1{float: left;margin-right: 11px}
.contact_form .f2{float: left;background: #f3f3f3;border: 1px solid #e6e6e6;width: 350px;height: 52px;line-height: 54px;text-align: center;}
.contact_form .f3{margin-top: 28px}
.contact_form .f2 label{font-size: 14px;color: #878787;margin-right: 16px}
.contact_form .f2 input{width: 413px;height: 54px;line-height: 54px;border: 1px solid #e6e6e6;box-sizing: border-box;padding: 0 20px;font-size: 16px;color: #878787;outline: none;background: #f3f3f3}
.contact_form .f3 input{width: 100%;border: 1px solid #c9c9c9;background: none;font-size: 18px;color: #878787;box-sizing: border-box;line-height: 54px;outline: none;position: relative;z-index: 1;cursor: pointer}
.contact_form .f3:hover input{color: #fff}

/*网站建设*/
.wbuild{padding: 0 84px}
.build_art_a{position: relative;border: 1px solid #e5e5e5}
.build_left .build_art_pic{float: left;}
.build_left .build_art_text{float: right;}
.build_right .build_art_pic{float: right}
.build_right .build_art_text{float: left;}
.build_art_a .build_art_pic,.build_art_a .build_art_text{width: 50%;overflow: hidden;box-sizing: border-box;display: table-cell;height: 100%;}
.build_art_a .build_art_pic img{width: 100%;height: auto;display:block;-moz-transition: transform 0.6s;-webkit-transition: transform 0.6s;-o-transition: transform 0.6s;max-width: 100%;}
.build_art_a:hover .build_art_pic img{transform:scale(1.04);-ms-transform:scale(1.04);-moz-transform:scale(1.04);-webkit-transform:scale(1.04);-o-transform:scale(1.04); }
.build_art_text_c{font-size: 14px;color: #8d8d8d;line-height: 30px;margin-top:22px }
.build_art_text_ti{font-size: 28px;color: #333333;position: relative;transition: all .5s}
.build_art_more{margin-top: 40px}
.build_art_more a{font-size: 14px;color: #8d8d8d;width: 300px;padding-left: 22px;height: 44px;line-height: 44px;border: 1px solid #e5e5e5;display: block}
.build_art_more a:hover{color: #fff}
.build_art_text{padding: 3% 3% 0}
.build_left .build_ico{background: url(ins_left.png)no-repeat;width: 51px;height: 51px;display: block;background-size: cover;position: absolute;left: 50%;margin-left: -25px;top: 50%;margin-top: -25px;z-index: 3;transition: all .5s}
.build_right .build_ico{background: url(ins_right.png)no-repeat;width: 51px;height: 51px;display: block;background-size: cover;position: absolute;left: 50%;margin-left: -25px;top: 50%;margin-top: -25px;z-index: 3;transition: all .5s}
.build_art_a:hover .build_ico{transform:scaleX(1.2);-ms-transform:scaleX(1.2);-moz-transform:scaleX(1.2);-webkit-transform:scaleX(1.2);-o-transform:scaleX(1.2); }
.build_art_text_ti:before,.build_art_text_ti:after {content: '';position: absolute;left: 0;bottom: -5px;width: 87px;height: 1px;background-color: #e93700;opacity: 1;}
.build_art_text_ti::after {width: 0;opacity: 0;-o-transition: 1.2s .3s;-moz-transition: 1.2s .3s;transition: 1.2s .3s;}
.build_art_a:hover .build_art_text_ti::before {opacity: 0;-webkit-transform: translateX(200%);-moz-transform: translateX(200%);-o-transform: translateX(200%);transform: translateX(200%);-o-transition: .4s;-moz-transition: .4s;transition: .4s;}
.build_art_a:hover .build_art_text_ti::after{width: 87px;-webkit-transform: translateX(0);-moz-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;-o-transition: .8s .2s;-moz-transition: .8s .2s;transition: .8s .2s;}
.btn-circle{position: relative;overflow: hidden;}
.btn-circle-hover,
.btn-circle-click {
    position: absolute;
    z-index: -2;
    display: block;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    width: 0;
    height: 0;
    -moz-border-radius: 50%;
         border-radius: 50%;
    background: #e00012;
}
.btn-circle-hover {
    opacity: 0;
}
.btn-circle-click {
    /*background: #99000c;*/
    background: #ee9d84;
}


/*news*/
.news_list{padding-top: 20px}
.news_list ul li{margin-bottom: 25px}
.news_time_bar{width: 133px;text-align: center;padding: 15px 0 24px;background: #f2f2f2}
.news_time_bar h2{font-size: 50px;font-weight: bold;color: #df0000;line-height: 62px}
.news_time_bar p{font-size: 17px;color: #666666;font-weight: lighter;}
.news_list_case{background: #ffffff}
.news_c_bar{width:967px;padding: 20px 30px 20px 40px;background: #ffffff;border: 1px solid #e5e5e5;height: 126px;box-sizing: border-box;border-left: none}
.news_c_ti a{font-size: 20px;color: #333333;font-weight: bold;display: block;padding: 5px 0}
.news_c_c{font-size: 14px;color: #666666;width: 650px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.news_ico{margin-top: 30px}
.news_ico a{display: block;background: url(ins_ico_13.png)no-repeat 90px 5px;width: 125px;height: 24px;text-transform: uppercase;font-size: 16px;font-family: SimSun;color: #333333;line-height: 24px}
.news_list ul li:hover .news_c_ti a{color: #df0000}
.news_list ul li:hover .news_ico a{background: url(ins_ico_13.png)no-repeat 100px 5px}

/*小程序*/
.routine_container .menu{border-bottom: none}
.routine_container .menu dl{padding-top: 48px;padding-bottom: 38px}
.routine_a{padding-top: 5px;padding-bottom: 60px}
.routine_a_c{margin-top: 50px}
.routine_a_ti{text-align: center;font-size: 40px;color: #141414}
.routine_a_c ul li{width: 25%;box-sizing: border-box;border-right: 1px solid #f0f0f0;float: left;}
.routine_a_c ul li:last-child{border-right: none}
.routine_a_case_pic{margin: 0 auto;width: 110px;position: relative;}
.routine_a_p1,.routine_a_p2{transition: all .5s;}
.routine_a_p2{filter: opacity(0);position: absolute;top: 0;left: 0;opacity: 0}
.routine_a_c ul li:hover .routine_a_p1{filter: opacity(0);opacity: 0}
.routine_a_c ul li:hover .routine_a_p2{display: block;filter: opacity(1);opacity: 1}
.routine_a_case_text{padding: 20px 40px 23px}
.routine_a_case_ti{text-align: center;}
.routine_a_case_ti h3{font-size: 22px;color: #141414}
.routine_a_case_ti p{color: #b0b0b0;font-size: 14px;font-weight: lighter;text-transform: uppercase;}
.routine_a_case_c{font-size: 14px;color: #666666;line-height: 35px;margin-top: 20px}
.routine_b{padding-top: 30px;padding-bottom: 50px}
.routine_b_c{margin-top: 50px;margin-bottom: 36px}
.routine_b_c_case{position: relative;}
.routine_b_c_case img{width: 100%;height: auto;}
@media screen and (max-width: 470px) {
    .routine_b_c_case img{height:38vw;}
}
@media screen and (max-width: 400px) {
    .routine_b_c_case img{height:45vw;}
}
.routine_b_c_mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.55);filter: opacity(1);transition:all .5s;text-align: center;opacity: 1}
.routine_b_c_case:hover .routine_b_c_mask{filter: opacity(0);opacity: 0}
.routine_b_c_mask_pic{display: inline-block;}
.routine_b_c_mask_pic img{width: auto;height: auto;}
.routine_b_c_mask_text{font-size: 16px;color: #ffffff;text-align: center;border-top: 1px solid #ffffff;width: 40px;margin: 0 auto;padding-top: 15px;margin-top: 6px}
.routine_b_c_mask .empty{height: 100%}
.routine_b_c_mask_case,.routine_b_c_mask .empty{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.routine_b_c ul li{float: left;width: 25%}
.routine_c{padding-bottom: 42px}
.routine_c_c{width: 1180px;padding: 20px 0;margin-top: 40px}
.routine_c_case{background: url(ins_ico_22.png)no-repeat center;width: 246px;height: 473px;box-sizing: border-box;padding: 39px 24px 80px;position: relative;-moz-transition: transform 0.5s;-webkit-transition: transform 0.5s;-o-transition: transform 0.5s;float: left;margin-right: 40px}
.routine_c_case_pic{width: 198px;height: 354px;position: relative;z-index: 1}
.routine_c_case_mask{width: 100%;height: 100%;background: #ffffff;z-index: 3;position: absolute;top:0;left: 0;filter: opacity(0);opacity: 0;transition: all .5s;}
.routine_c_case_mask_c{width: 120px;margin: 0 auto;text-align: center;position: absolute;top: 93px;left: 50%;margin-left: -60px;font-size: 14px;color: #333333}
.routine_c_case_mask_c img{display: inline-block;}
.routine_c_case:hover .routine_c_case_mask{filter: opacity(1);opacity: 1}
.routine_c_case:hover{transform:scale(1.04);-ms-transform:scale(1.04);-moz-transform:scale(1.04);-webkit-transform:scale(1.04);-o-transform:scale(1.04);}
.routine_d{background: #f5f5f5;padding-top: 70px;padding-bottom: 78px}
.routine_b_more{text-align: center;}
.routine_b_more a{font-size: 16px;text-align: center;line-height: 40px;color: #333333;width: 277px;height: 40px;border: 1px solid #b5b5b5;border-radius: 25px;display: inline-block;padding-right: 15px;background: url(ins_ico_24.png)no-repeat 211px 15px}




@media screen and (max-width: 1530px){
    .build_art_text_c{line-height: 20px;margin-top: 15px}
    .build_art_text{padding: 2% 2% 0}
    .build_art_more{margin-top: 15px}

}
@media screen and (max-width: 1160px){
    .build_art_a .build_art_pic,.build_art_a .build_art_text{width: 100%}
    .build_art_text_c{line-height: 30px;margin-top: 22px}
    .build_art_text{padding: 2% 2%}
    .build_ico{display: none!important;}
}

@media screen and (max-width: 1100px){
    .routine_b_c ul li{width: 50%}
    .wbuild{padding: 0 30px}
}

.routine_d_c{padding:0 2%;margin-top: 56px;}
.addi{float:left;width: 16%;text-align: center;}
.addi .addib{margin-top: 18px;}
.addi .addic{font-size: 20px;color: #141414;margin-top: 20px;}
.addi .addid{margin-top: 17px;font-size: 16px;color: #6a6a6a;line-height: 27px;}

.fx{margin-bottom: 18px;}
.fx input{width: 20px;height: 20px;border:1px solid #c9c9c9;vertical-align: middle;background: #fff;margin-right: 10px;}
.fx label{font-size: 16px;color: #333333;margin-right: 25px;}

#moshi,#web-about-swiper,#case,#liucheng{display: none;}
@media screen and (max-width: 1200px) {
    .web-g-in-news-main{padding-top:0 !important;}
    .menu{margin-bottom:30px;}
    .web-g-in-news-menu{margin-bottom: 0;}
    .menu dl{padding:20px 0;}
    .menu dl dt{width:25%;margin:0;padding:0;float:left;}
    .web-g-in .f1,.web-g-in .f2{width:100%;height:auto;margin-bottom:10px;line-height:inherit;}
    .web-g-in .f1 input,.web-g-in .f2 input{width:90%;padding:0 5%;line-height:7vw;height:7vw;box-sizing: inherit;}
    .web-g-in .contact_form .f3 input{background:#cc8d13;border:none;color:#fff;}
    #moshi{display: block;}
    .routine_a_c,.routine_c_c,.routine_d_c{display: none;}
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .web-g-in .routine_a_ti{font-size:6vw;line-height: 12vw;margin-bottom: 20px;}
    #moshi .swiper-wrapper .swiper-slide{border-right:1px solid #f0f0f0;}
    #moshi .swiper-wrapper .swiper-slide:last-child{border-right:none;}
    #moshi .swiper-wrapper .swiper-slide .swiper-slide-img{width:96%;padding:0 2%;display: block;}
    #moshi .swiper-wrapper .swiper-slide .swiper-slide-img img{width:50%;max-width: 100px;margin:0 auto;display: block;}
    #moshi .swiper-wrapper .swiper-slide h2,#moshi .swiper-wrapper .swiper-slide span,#moshi .swiper-wrapper .swiper-slide p{width:96%;margin:0 auto;display: block;}
    #moshi .swiper-wrapper .swiper-slide h2{font-size:4vw;line-height:6vw;margin-top:15px;}
    #moshi .swiper-wrapper .swiper-slide span{font-size:3vw;color:#b0b0b0;margin-bottom:20px;}
    #moshi .swiper-wrapper .swiper-slide p{font-size:3vw;line-height:6vw;text-align: left;}
    .web-changjing .routine_a_ti{font-size:6vw;line-height:12vw;}
    .web-changjing .routine_b_c{margin-top:4vw;}
    #case,#liucheng{display: block;}
    #case .swiper-slide .web-case-list{    width: 32.8vw !important;
        height: 63vw;
        background: url(../images/ins_ico_22.png) top center no-repeat;
        background-size: cover;
        box-sizing: border-box;
        padding: 5.2vw 3.2vw 10.667vw;}
    #case .swiper-slide img{width:100%;height:100%;object-fit:cover;display: block;}
    .web-case-list-popup{position: fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.5);z-index:9;}
    .web-case-list-popup img{width:60%;display: block;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
    #liucheng .swiper-slide{background:none;}
    #liucheng .swiper-wrapper .swiper-slide .swiper-slide-img{width:96%;padding:0 2%;display: block;}
    #liucheng .swiper-wrapper .swiper-slide .swiper-slide-img img{width:50%;max-width: 118px;margin:0 auto;display: block;}
    #liucheng .swiper-wrapper .swiper-slide .swiper-slide-img img.img2{width:30%;max-width: 59px;margin:25px auto;}
    #liucheng .swiper-wrapper .swiper-slide h2{font-weight: normal;}
    #liucheng .swiper-wrapper .swiper-slide p{color:#6a6a6a;margin-top:15px;}

    .web-g-in .news_time_bar{width:21vw;}
    .web-g-in .news_c_bar{width:75vw;padding:1vw 1.5vw 1vw 2vw;}
    .web-g-in .news_ico{display: none;}
    .web-g-in .news_c_bar .news_c_case,.web-g-in .news_c_bar .news_c_c{width:100%;}
    .web-g-in .news_c_bar .news_c_c{-webkit-line-clamp: 3;}
    .web-g-in .news_c_bar .news_c_ti{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

    .web-g-in .contact_a_l{padding-left:0;}
    .web-g-in .contact_a_r{width:100%;}
    .web-g-in #allmap{width:100% !important;}
    .web-g-in .ins_about_ti{font-size:6vw;}
    .web-g-in-about{width:100% !important;}
    .web-g-in-about .num-case{width:26%;}
    .web-g-in-about .num-case:first-child{width:21%;}
    .web-g-in-about .num-case .s1-text{font-size:3vw;}
    .web-g-in-about .num-case .n2-char{margin-left:0;font-size:8vw;}
    .web-g-in-about .num-case .number{font-size:8vw;}
    .ins_time-bar{padding:0;}
    .web-g-in .ins_about_b_c{width:100%;display: none;}
    #web-about-swiper{display: block;margin-top:4vw;}
    /*.web-g-in .ins_about_b_ti{font-size:8vw;}*/
    #web-about-swiper .swiper-slide{background:inherit !important;color:#fff;}
    #web-about-swiper .swiper-slide h2{font-weight: normal;font-size:20px;margin:10px 0 15px;}
    #web-about-swiper .swiper-slide p{font-size:14px;text-align: left;}
    .web-g-in-case{width:100% !important;margin-top:4vw !important;}
    .web-g-in-case li{width:23.5%;margin-right:2% !important;margin-bottom: 3vw !important;}
    .web-g-in-case li:nth-child(4n){margin-right:0 !important;}
    .web-g-in-case li img{width:100% !important;height: auto;display: block;}
    .web-g-in .ins_about_b_a a{width:100%;padding-left:0;padding-right:0;}
}
@media screen and (max-width: 509px) {
    .web-g-in .ins_about_b_ti{font-size:8vw;}
}