@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1240px) {
.page_box { width:92%;padding-left:4%; padding-right:4%;}
}
.main_banner{ position:relative; left:50%; margin-left:-960px; width:1920px;}
.div_nav{ background:#e6e6e6; height:50px;}
.div_box{ background:#fff;}
.div_nav ul{ background:url(../images/2_02.jpg) left top no-repeat; padding-left:1px; margin:0 auto;}
.div_nav ul li{ background:url(../images/2_02.jpg) right top no-repeat; width:203px; float:left; line-height:50px; padding-right:1px;}
.div_nav ul li a,.div_nav ul:hover .li a{ display:block; text-align:center; color:#666; font-size:16px; background:url(../images/2_04.jpg) center top repeat-x; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_nav ul li a:hover,.div_nav ul .li a,.div_nav ul:hover .li a:hover{ background:#E6212A; color:#FFF; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.div_res ul{ width:612px;}
.div_news ul{ width:411px;}
.div_products ul{ width:1226px;}
.div_products ul li a,.div_products ul:hover .li a{ font-size:13px;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
.div_products ul li{ line-height:25px;}
.main_banner{ left:0px; margin-left:0px; width:100%;}
.main_banner img{ width:100%;}
.div_nav ul{ padding-left:0px; background:none;}
.moblie_nav{ height:auto;}
.moblie_nav ul{ width:100%;}
.moblie_nav ul li{ width:33%; padding-right:0px; border-bottom:1px solid #fff;}
.moblie_nav ul li a{ background:none;}
.moblie_nav ul li:nth-child(3n){width:34%;background:none}
}

.about{ width:1200px; margin:0 auto; padding-top:50px; padding-bottom:80px;}
.about .div1{ background:#fafafa;}
.about .div1 .lf{ width:33.75%; padding:4%; background:#e6e6e6;}
.about .div1 .lf img{ width:100%;}
.about .div1 .rg{ padding:4%; width:50.25%;}
.about .div1 .rg .p1{ font-size:26px; color:#DB0000; background:url(../images/8_03.jpg) bottom left no-repeat; padding-bottom:25px;}
.about .div1 .rg .p2{ font-size:16px; color:#333; line-height:28px; margin-top:20px;}
.about .div1 .rg .p3{ font-size:14px; color:#333; line-height:32px; margin-top:25px;}
@media screen and (max-width: 1600px) and (min-width:1281px) {/* 移动端的尺寸 */	
.about{ width:1000px;}
.about .div1 .rg .p3{ font-size:12px; color:#808080; line-height:24px; margin-top:25px;}
}
@media screen and (min-width: 1024px) and (max-width: 1280px){
.about{ width:92%; padding:5% 4%;}
}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
.about{ width:96%; padding:5% 2%;}
.about .div1 .lf{ width:90%; padding:5%;}
.about .div1 .rg{ width:90%; padding:5%;}
.about .div1 .rg .p1{ font-size:18px; padding-bottom:5%;}
.about .div1 .rg .p3{ font-size:14px; line-height:28px; margin-top:5%;}
}

.index-creative {
    background: url('../images/about.jpg')no-repeat center;
    -webkit-background-size:cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-background-size:cover; 
}
.index-creative .video-txt{
    color:#fff;
    margin-top: 30px;
    text-align: center;
}
.index-creative .e-t {
    margin-bottom: 30px;
    text-transform: uppercase;
}

.index-creative .e-t,
.index-creative .index-tit {
    color: #fff;
}
.index-creative .creative-video {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    height: auto;
    display: none;
    z-index: 1032;
}

.index-creative .creative-video video {
    width: 100%;
}

.index-creative .creative-video .close-video {
    position: fixed;
    background-color: #fff;
    border-radius: 50%;
    right: 0;
    top: -30px;
    width: 20px;
    height: 20px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    z-index: 1032;
    display: none;
    cursor: pointer;
}

.index-creative .bkgc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1031;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.index-creative .v-b {
    position: relative;
    cursor: pointer;
    height: 75px;
    width: 75px;
    margin: 0 auto;
    margin-top: 50px;
}

.index-creative .v-b:hover .video-button {
    opacity: 0;
}

.index-creative .v-b:hover .v2 {
    opacity: 1;
}

.index-creative .video-button {
    width: 75px;
    height: 75px;
    background: url('../images/play.png')no-repeat center;
    -o-background-size: cover;
       background-size: cover;
    position: absolute;
    bottom: 0;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 50px;
    -webkit-transition: opacity .4s;
    -o-transition: opacity .4s;
    -moz-transition: opacity .4s;
    transition: opacity .4s;
}


.index-creative .video-button.v2 {
    opacity: 0;
    background: url('../images/play2.png')no-repeat center;
}

.index-creative {
    padding: 146px 0;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0);
             transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0);
           transform: rotate(0);
    }

    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
           -moz-transform: rotate(0);
             -o-transform: rotate(0);
                transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}


/*企业文化*/
.cul_l{ width:60%; float:left; margin-bottom:60px;}
.cul_r{ width:40%; float:right; margin-top:30px;}

@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
.cul_l{ width:100%; float:none; margin-bottom:30px;}
.cul_r{ display:none;}
}

/*资质荣誉*/
.honor_ul {overflow: hidden;text-align: center;}
.honor_ul li {float: left;}
.honor_ul a {height: auto;text-align: center;margin: 10px 0;display: inline;padding:18px 0;float: left;display: block;line-height: 30px;font-size: 15px;overflow: hidden;background: #efefef;position: relative;box-shadow: 8px 8px 0 #ddd;}
.honor_ul a:hover {color: #fff;background: #e70014;}
.honor_ul a img {width:80%;transition: all 0.3s;position: relative;z-index: 1;}
.honor_ul a:hover img {transform: scale(1.1);}
.honor_ul a p{ border-bottom:0px;}
.lookbook-a{ width:102%;}
.lookbook-a a{ overflow:hidden;position:relative;}
.lookbook-a a .item{ position:absolute; top:0; left:0; width:100%; background:url(../images/lookbook.png) repeat; height:100%; color:#fff; text-align:center; opacity:0;}
.lookbook-a a:hover img,.lookbook-a a:hover .item{ -webkit-opacity:1;opacity:1;-webkit-transform: scale(1.05);transform: scale(1.05);}
.lookbook-a a .item .p{ position:relative; bottom:40%;}
.lookbook-a a .item span{ display:block; font-size:22px;}
.lookbook-a a .item font{ display:block; font-size:14px; text-transform:uppercase}
.lookbook-a a .item font .ico {display: inline-block;width: 35px;  height:35px;  background: url(../images/ico_27.png) no-repeat center;  -webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);  -webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.lookbook-a a.clear{ margin-right:0;}
@media (max-width:768px){
.lookbook-a a{ overflow:hidden;float:left; width:48%; margin-right:2%; margin-bottom:5%;position:relative;}
.lookbook-a a .item span{ font-size:18px;}
.honor_ul a {height: auto;text-align: center;margin: 10px 0;display: inline;padding:0px 0;float: left;display: block;line-height: 30px;font-size: 15px;overflow: hidden;background: #efefef;position: relative;box-shadow: 2px 2px 0 #ddd;}
}

@media (max-width:480px){
.lookbook-a a{ width:48%;}
.lookbook-a a .item span{ font-size:16px;}
.lookbook-a a .item font{ font-size:13px;}
}
@media (max-width:320px){
.lookbook-a a .item span{ font-size:14px;}
.lookbook-a a .item font{ font-size:12px;}
}
.pic-scale{ width:100%;-webkit-transition:opacity 0.55s, -webkit-transform 0.55s;transition: opacity 0.55s, transform 0.55s;-webkit-transform: scale(1);transform: scale(1);}
/*产品展示*/
.pro_list{width:1220px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.pro_list .div1{ padding-left:1px; color:#9e9e9e; text-transform:uppercase; font-size:16px; font-weight:bold;}
.pro_list .div1 strong{ color:#333; font-size:28px; }
.pro_list .div1 span{ margin-left:10px; margin-right:10px; color:#9e9e9e; font-size:28px;}
.pro_list .div2{ margin-top:48px;}
.pro_list .div2 ul li{ width:402px; margin-left:1px; padding-bottom:20px;float:left; text-align:center;}
.pro_list .div2 ul li .p1 img{ width:338px; height:260px;}
.pro_list .div2 ul li .p2 .pp1{ color:#333; font-size:20px; margin-top:20px; overflow:hidden; height:22px;}
.pro_list .div2 ul li .p2 .pp2{ color:#4c4c4c; font-size:16px; margin-top:15px; text-transform:uppercase; height:22px; overflow:hidden;}
.pro_list .div2 ul li .p2 .pp3{ margin-top:35px; opacity:0; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.pro_list .div2 ul li:hover .p2 .pp3{ opacity:1; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.pro_list .div2 ul li:hover{box-shadow: 0 0 3px #626262;transition:all 0.3s ease 0s;}
.pro_list .div3{ margin-top:50px; width:236px; height:37px; position:relative; overflow:hidden;}
.pro_list .div3 a{ display:block; background:#ec1c24;}
.pro_list .div3 a .span1{ padding-left:64px; color:#e5e5e5; font-size:14px; position:relative; z-index:100; display:block; height:37px; line-height:37px;}
.pro_list .div3 a .span2{ position:absolute; top:0px; right:0px; z-index:100;}
.pro_list .div3 a .span3{ right:-236px; position:absolute; background:#d21920; width:236px; top:0px; height:37px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.pro_list .div3 a:hover .span3{ right:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.pro_detail1{ background:url(../images/3_10.png) center top repeat-y; width:1232px; margin:0 auto; padding-top:80px; padding-bottom:30px;}
.pro_detail1 .div0{ padding-left:1px; color:#9e9e9e; text-transform:uppercase; font-size:16px; font-weight:bold;}
.pro_detail1 .div0 strong{ color:#333; font-size:28px; }
.pro_detail1 .div0 span{ margin-left:10px; margin-right:10px; color:#9e9e9e; font-size:28px;}
.pro_detail1 .div0 .p1{ color:#808080; font-size:14px; float:right; font-weight:normal;}
.pro_detail1 .div0 .p1 em{ color:#e62129;}
.pro_detail1 .lf{ width:630px;}
.pro_detail1 .lf .p1 { color:#999; margin-top:25px;}
.pro_detail1 .lf .p2{ color:#333; font-size:40px; margin-top:45px; line-height:50px;}
.pro_detail1 .lf .p3{ color:#4c4c4c; font-size:38px; line-height:38px; font-family:Arial, Helvetica, sans-serif; margin-top:30px;}
.pro_detail1 .rg{ padding-right:300px; width:250px;}
.pro_detail2{ background:#f5f5f5; padding-bottom:80px;}
.pro_detail2 .div1{ width:1200px; margin:0 auto; padding-top:40px; padding-bottom:30px; color:#666; line-height:30px;}
.pro_detail2 .div1 strong{ color:#e62129; font-size:24px; line-height:26px;}
.pro_detail2 .div2 { margin-top:40px;}
@media screen and (max-width: 1023px) and (min-width:0px) {/* 移动端的尺寸 */	
.pro_list{ background:none; width:90%; padding:5%;}
.pro_list .div1{ display:none;}
.pro_list .div2{ margin-top:2%;}
.pro_list .div2 ul li{ width:100%; margin-left:0px; float:left; text-align:center; margin-bottom:5%;}
.pro_list .div2 ul li .p2 .pp3{ display:none;}
.pro_list .div3{ margin:0 auto; margin-top:5%;}
.pro_detail1{ background:none; width:90%; padding:5%;}
.pro_detail1 .lf{ width:100%; padding-left:0px; float:none;}
.pro_detail1 .lf .p1{ font-size:14px;}
.pro_detail1 .lf .p2{ font-size:20px; margin-top:5%; line-height:22px; text-align:center;}
.pro_detail1 .lf .p3{ font-size:16px; line-height:22px; margin-top:2%; text-align:center;}
.pro_detail1 .rg{ float:none; padding-right:0px; width:100%; text-align:center; margin-top:5%;}
.pro_detail1 .rg img{ width:100%;}
.pro_detail2{ background:#f5f5f5; padding-bottom:5%;}
.pro_detail2 .div1{ background:none; width:90%; margin:0 auto; padding:5%; color:#666; line-height:30px;}
.pro_detail2 .div1 .lf{ width:100%; padding-left:0px;}
.pro_detail2 .div1 .rg{ width:100%; padding-right:0px; margin-top:10%;}
.pro_detail2 .div1 strong{ color:#e62129; font-size:24px; line-height:26px;}
.pro_detail2 .div3{ margin:0 auto; margin-top:5%;}
.pro_detail2 img{ width:100%;}
}

/*新闻展示*/
.news_list{width:1200px; margin:0 auto; padding-top:70px; padding-bottom:70px;}
.news_list .div0{ padding-left:1px; color:#9e9e9e; text-transform:uppercase; font-size:16px; font-weight:bold;}
.news_list .div0 strong{ color:#333; font-size:28px; }
.news_list .div0 span{ margin-left:10px; margin-right:10px; color:#9e9e9e; font-size:28px;}
.news_list ul { margin-top:40px;}
.news_list ul li{padding:2.66%;background:#fff;border-bottom:1px solid #eeeeee;position:relative;}
.news_list ul li .div1{ width:6.4%;}
.news_list ul li .div1 .p1{ font-size:48px; height:50px; line-height:50px; color:#ababab; border-bottom:1px solid #e3e3e3; text-align:center; padding-bottom:15px; padding-top:10px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.news_list ul li .div1 .p2{ color:#b2b2b2; margin-top:15px; text-align:center; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.news_list ul li .div2{ width:20.46%; margin-left:2.66%;}
.news_list ul li .div2 img{ width:100%;}
.news_list ul li .div3{ width:67.82%;}
.news_list ul li .div3 .p1{ color:#333; font-size:18px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.news_list ul li .div3 .p2{ color:#666; line-height:24px; margin-top:10px; border-bottom:1px solid #e6e6e6; padding-bottom:15px;}
.news_list ul li .div1,.news_list ul li .div2,.news_list ul li .div3{ position:relative; z-index:100;}
.news_list ul li .div4{ margin-top:20px; width:156px; height:37px; position:relative; overflow:hidden;}
.news_list ul li .div4 { display:block; background:#ec1c24;}
.news_list ul li .div4 .span1{ padding-left:34px; color:#fff; font-size:14px; position:relative; z-index:100; display:block; height:37px; line-height:37px;}
.news_list ul li .div4 .span2{ position:absolute; top:0px; right:0px; z-index:100;}
.news_list ul li .div4 .span3{ right:-236px; position:absolute; background:#d21920; width:236px; top:0px; height:37px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.news_list ul li .div4:hover .span3{ right:0px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.news_list ul li .div5{ background:#fff; position:absolute; top:0px; right:0px; width:100%; height:100%; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.news_list ul li:hover .div5{ width:100%; background:#f5f5f5;}
.news_list ul li:hover .div1 .p1{ border-bottom:1px solid #FF0000; color:#FF0000;}
.news_list ul li:hover .div1 .p2{ color:#FF0000;}
.news_list ul li:hover .div3 .p1{ color:#FF0000;}
.news_detail {width: 1200px;margin:80px auto;}
.div0{ padding-left:1px; color:#9e9e9e; text-transform:uppercase; font-size:16px; font-weight:bold; margin-bottom:30PX;}
.div0 strong{ color:#333; font-size:28px; }
.div0 span{ margin-left:10px; margin-right:10px; color:#9e9e9e; font-size:28px;}
.div0 .p1{ color:#808080; font-size:14px; float:right; font-weight:normal;}
.div0 .p1 em{ color:#e62129;}
.share{ }
.page_des { text-align:left; padding:0PX;}

.news_detail0 {height: auto !important;margin: 30px 0;}
.news_t {color: #000;font-weight: bold;text-align: left;font-size: 20px;border: #C8C8C8 1px dotted;margin: 10px 0;padding:15px;-moz-border-radius: 5px;
/* Gecko browsers */-webkit-border-radius: 5px;
/* Webkit browsers */border-radius: 5px;
/* W3C syntax */position: relative;}
.news_d {color: #000;font-size: 13px;position: absolute;top: 0;right: 15px;font-weight: normal;padding:15px 10px;}
.newsInfo {margin:20px 0px;font-weight: normal; padding-top:10px;}
.wenben01 {font-size: 16px;line-height:32px;color: #3a3a3a;letter-spacing: 0.0em;}
.wenben01 img{max-width: 880px; margin:10px auto;  text-align: center;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.news_list{width:96%; margin:0 auto; padding-top:0px; padding-bottom:70px;}
.news_list ul li{ padding:0%; background:#fff; border-bottom:1px solid #eeeeee; position:relative; margin-bottom:15px;}
.news_list ul li .div1{ width:18%; float:left;}
.news_list ul li .div1 .p1{ display:none;}
.news_list ul li .div1 .p2{ color:#b2b2b2; margin-top:0px; text-align:center;}
.news_list ul li .div2{display:none;}
.news_list ul li .div3{ width:81%; margin-top:0px; padding-bottom:0px;}
.news_list ul li .div3 .p1{ color:#333; font-size:16px; }
.news_list ul li .div3 .p2{ display:none;}
.news_list ul li .div4{ display:none;}
.news_list ul li .div2{ display:none;}
.div0 { display:none;}
.share{ display:none;}
.news_detail {width: 96%;margin:20px auto 40px;}
.news_t {color: #000;font-weight: bold;text-align: center;font-size: 16px;border: #C8C8C8 1px dotted;margin: 10px 0;padding:10px 4px;}
.news_d { display:none;}
.newsInfo {margin:20px 0px;font-weight: normal; padding-top:10px;}
.wenben01 {font-size: 16px;line-height:32px;color: #3a3a3a;letter-spacing: 0.0em;}
.wenben01 img{max-width: 100%; margin:10px auto;  text-align: center;}

}

/*服务*/
#serverwork1_box {width: 100%;padding: 50px 0;}
.jsfw_box ._t{ margin-bottom: 15px; font-size: 20px; font-weight: bold; color: #F01801;}
.jsfw_box ._st{ font-size: 16px; color: #000; line-height: normal; margin-bottom: 8px;}
.jsfw_box ._txt{ position: relative; padding-left: 15px; border-left: 1px solid #eee;min-height:82px;}
.jsfw_box ._txt:before{ content:""; position: absolute; left: -1px; top: 0; width: 1px; height: 20px; background-color: #F01801;}
.st_fw{ position: relative; overflow: hidden; height: 537px;}
.st_fw ._img{ position: absolute; left: 50%; margin-left: -960px; top: 0; width: 1920px; max-width:none; z-index: 1}
.st_fw ._txt{ position: absolute; top: 100px; left: 50%; margin-left: 103px; width: 395px; padding: 50px; background-color: #f4f4f2; z-index: 2;}
.st_fw ._txt ._t{ position: relative; font-size: 36px; color: #000; font-weight: bold; margin-bottom: 30px; padding-top: 15px; line-height: 1; }
.st_fw ._txt ._t:before{ content:""; position: absolute; left: 0; top: 0; width: 50px; height: 3px; background-color: #F01801;}
.st_fw ._txt ._phone { margin-bottom: 25px;}
.st_fw ._txt ._phone .ico2{ float: left; width: 52px; height: 57px; margin-right: 10px;  background-position: -72px -93px;}
.st_fw ._txt ._phone ._num{ float: left; font-size: 23px; font-weight: bold; color: #F01801;}
.st_fw ._txt ._phone ._num span{display: block; line-height: normal}
.st_fw ._txt ._p{ color: #000;}
.fw_list{ margin-top:40px;margin-bottom: 50px;}
.fwtl_list>li.hover ._btn2{margin-left:-400px;}
.fw_list2 .fwtl_list>li.hover ._btn{background: url(../images/orange.8.png) repeat;}
.fw_list li{ margin-bottom:20px;}

@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
#serverwork1_box {width:96%;padding:20px 0 0; margin:0 auto;}
.jsfw_box { margin:0;}
.jsfw_box ._txt{min-height:55px; margin-bottom:15px;}
.st_fw{ position: relative; overflow: hidden; height:280px;}
.st_fw ._img{ position: absolute; left:0; margin-left:0px; top: 0; width: auto; height:260px; max-width:none; z-index: 1}
.st_fw ._txt{ position: absolute; top: 10px; left:3%; margin-left:0px; width: 89%; padding: 10px; background-color: #f4f4f2; z-index: 2;}
.st_fw ._txt ._t{ position: relative; font-size: 18px; color: #000; font-weight: bold; margin-bottom: 30px; padding-top: 15px; line-height: 1; }
.st_fw ._txt ._t:before{ content:""; position: absolute; left: 0; top: 0; width:40px; height: 3px; background-color: #F01801;}
.st_fw ._txt ._phone { margin-bottom: 25px;}
.st_fw ._txt ._phone .ico2{ float: left; width: 52px; height: 57px; margin-right: 10px;  background-position: -72px -93px;}
.st_fw ._txt ._phone ._num{ float: left; font-size: 23px; font-weight: bold; color: #F01801;}
.st_fw ._txt ._phone ._num span{display: block; line-height: normal}
.st_fw ._txt ._p{ color: #000;}
.fw_list{ margin-top:20px;margin-bottom: 50px; width:96%; margin-left:auto; margin-right:auto;}

}
/*销售网络*/
#serverwork2_box {width: 100%;padding: 50px 0;background: #f7f7f7;}
.serverwork2_list {padding: 50px 0;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
#serverwork2_box {width: 100%;padding:20px 0;}
.serverwork2_list {padding: 20px 0;}
.serverwork2_list img{ width:98%; margin:0 auto;}
}
/*常见问题*/
#serverwork3_box {width: 100%;padding: 50px 0;background: #fff;}
.list-unstyle{ margin-top:40px;list-style:none;padding-left:0;}
.list-inline li{display:inline-block;padding:0 10px;width:auto}
.text_list .date-l div {padding: 15px 0;background-color: #d40000;color: #fff}
.text_list .date-l span {font-weight: 700;font-size: 36px}
.text_list .date-l p {margin: 0;font-size: 12px}
.text_list a {color: #333}
.text_list .list_title span {color: #555}
.text_list .xs2{ width:12%; float:left;}
.text_list .xl12 h2:hover {color: #d40000}
.text_list .xl12 p:hover {color: #d40000}
.text_list .list_title {padding-bottom: 6px;}
.text_list .list_title p{ line-height:28px;}
.text_list li {padding-bottom: 30px}
@media(min-width:1000px) {
.text_list .date-l span {line-height: 1}
.text_list .date-l p {padding-top: 6px;line-height: 1}
.text_list .date-l {width: 100px;height: 80px}
.text_list .date-l div {padding: 12px 0}
.text_list .xl12 {width: 900px}
.text_list .list_title h2 {float: left}
.text_list .list_title span {float: right}
.text_list .list_title {padding-bottom: 8px;border-bottom: 1px dotted #999}
.text_list .xl12 p {margin: 7px 0 0}
.text_list li {padding-bottom: 45px}
}

@media(min-width:1200px) {
.text_list .date-l {width: 110px}
.text_list .list_title {padding-bottom: 17px}
.text_list .xl12 {width: 88%; float:right;}
.text_list .xl12 p {line-height: 32px}
.text_list li {padding-bottom: 32px}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
#serverwork3_box {padding: 20px 0; width:96%; margin:0 auto;}
.list-unstyle{ margin-top:0px;}
.text_list .date-l span {font-weight: 700;font-size: 18px}
.text_list .list_title h2{ font-size:16px;}

}

/*联系我们*/
.contact_box {width: 100%;padding: 50px 0 0px;}
.contact-1{width:100%;height:280px;background:url("../images/contact-1-1.png") repeat-y center center;padding-top:40px;}
.con_h2{font-size:18px;color:#323232;padding-bottom:10px;}
.con_p{font-size:14px;color:#777777;}
.con_h4{width:200px; font-size:36px;color:#68b92e;font-family:'DINCond-Medium',"微软雅黑";font-weight:500; padding-left:65px;height:50px;line-height:45px;margin-top:30px;background:url("../images/tel-2.png") no-repeat left bottom;letter-spacing:-2px;}
.tact-1-left{width:600px;height:250px;float:left;}
.tact-1-right{width:560px;height:160px;float:left;background:#fff;padding:10px;margin-left:20px; margin-top:40PX;}
.tact-img-1{width:140px;height:140px;float:left;}
.tact-con-1{width:365px;padding-left:20px;float:left;}
.tact-con-1 h3{font-size:18px;color:#FF0000;padding:20px 0px 10px 0px;}
.tact-con-1 p{font-size:14px;color:#777777;}
.contact-2{width:100%;height:248px;}
.tact-img-2{width:401px;height:248px;float:left;}
.tact-con-2{width:719px;height:210px;padding:38px 40px 0px 40px;float:left;background:#f4f5f6;}
.contact_box-2{width:100%;height:500px;position:relative;}
.map{width:100%;height:550px;border:#ccc solid 1px;font-size:12px; }
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.contact_box {width: 100%;padding: 20px 0 50PX;}
.contact-1{width:96%;height: auto;background:none;padding-top:0px; margin:0 auto;}
.tact-1-left{width:100%;height: auto;float:none;}
.tact-1-right{ display:none;}
.contact_box-2{width:96%;height:500px; margin:0 auto;}
.map{width:99%;height:450px;border:#ccc solid 1px;font-size:12px; }

}
/*在线留言*/
.message_box {width: 100%;padding: 50px 0;background: #f7f7f7;}
.message { margin-bottom:40px;}
.message li {width: 543px;padding: 0 20px;height: 50px;background: #fff;margin: 20px 0;line-height: 50px;}
.mess_lf {width: 583px;float: left;}
.mess_rt {width: 583px;float: right;}
.G_Select {width: 460px;border: none;font-size: 16px;line-height: 48px;background: none;}
.G_InputText {width: 450px;border: none;font-size: 16px;line-height: 48px;background: none;}
.G_textarea {width: 450px;height:236px;font-size: 16px;line-height: 48px;border: none;background: none;}
.G_botton {width: 200px;line-height: 48px;background: #cc0000;cursor: pointer;color: #FFF;border: none;font-size: 16px;float:left; margin:0 25px;}
.message_bottom{ width:500px; margin: 0 auto }
.message_bottom .submit{background: none; width: 48%; padding:0; float: left; }
.message_bottom .reset{background: none; width: 48%; padding:0; float: left;}
@media screen and (max-width: 1024px) and (min-width:0px) {/* 移动端的尺寸 */
.message_box {width: 100%;padding: 20px 0;background: #f7f7f7;}
.message li {width: 98%;padding: 0px;height:40px;margin: 10px auto;line-height:40px;}
.message li span{ display:none;}
.mess_lf {width: 100%;float: none;}
.mess_rt {width: 100%;float: none;}
.G_Select {width:94%;border: none;font-size: 15px;line-height: 40px; }
.G_InputText {width:94%;border: none;font-size: 15px;line-height: 40px;}
.G_textarea {height:236px;width:94%;border: none;font-size: 15px;line-height: 40px;}
.message_bottom{ width:94%; margin: 0 auto }
.message_bottom .submit{background: none; width:45%; padding:0; float:left; }
.message_bottom .reset{background: none; width: 45%; padding:0; float:left;}
.G_botton {width:90%; float:left;}
}