@charset "utf-8";
/*index_banner*/
.swiper-container-banner{height: 800px;position: relative; margin-top:90px;}
.banner .img { position: relative; padding-bottom: 800px; height: 0; }
.banner .img em { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: center center; background-size: cover; }
.banner a .img em:after { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; }
@keyframes scaleUpDown { from { -webkit-transform: scale(1.1); transform: scale(1.1); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes myfirst { 0% { transform: translateY(-5px); }
50% { transform: translateY(0px); }
100% { transform: translateY(-5px); } }
.banner .swiper-pagination-bullet {width: 16px;height: 16px;display: inline-block;margin: 0px 5px!important;position: relative;transition-duration: .5s;cursor: pointer;background: transparent;border-radius: 50%;opacity: 1;border: 1px solid #ccc; }
.banner .swiper-pagination-bullet:before {position: absolute;display: block;left: 50%;top: 50%;content: "";width: 6px;height: 6px;margin-left: -3px;margin-top: -3px;border-radius: 50%;transition-duration: .5s;background: #fff; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #cc0000; }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:before {background: #cc0000; }
@media (max-width: 1780px) {
.swiper-container-banner{height: 742px;}
.banner .img {padding-bottom: 742px; }
}
@media (max-width: 1600px) {
.swiper-container-banner{height: 667px;}
.banner .img {padding-bottom: 667px; }
}
@media (max-width: 1440px) {
.swiper-container-banner{height: 600px;}
.banner .img {padding-bottom: 600px; }
}
@media (max-width: 1366px) {
.swiper-container-banner{height: 569px;}
.banner .img {padding-bottom: 569px; }
}
@media (max-width: 1280px) {
.swiper-container-banner{height:533px;margin-top:88px;}
.banner .img {padding-bottom: 533px; }
}
@media (max-width: 1200px) {
.swiper-container-banner{height: 500px;margin-top:83px;}
.banner .img {padding-bottom: 500px; }
}
@media (max-width: 1024px) {
.swiper-container-banner{height:427px;margin-top:70px;}
.banner .img {padding-bottom: 427px; }
}
@media (max-width: 991px) {
.swiper-container-banner{height:552px;}
.banner .img {padding-bottom: 552px; }
}
@media (max-width: 768px) {
.swiper-container-banner{height:428px; margin-top:62px;}
.banner .img {padding-bottom: 428px; }
.banner .swiper-pagination-bullet {width: 12px;height: 12px;}
.banner .swiper-pagination-bullet:before {width: 4px;height: 4px;margin-left: -2px;margin-top: -2px}
}
@media (max-width:600px) {
.swiper-container-banner{height:334px;}
.banner .img {padding-bottom: 334px; }
}  
@media (max-width:540px) {
.swiper-container-banner{height:301px;}
.banner .img {padding-bottom: 301px; }
}
@media (max-width:440px) {
.swiper-container-banner{height:245px;}
.banner .img {padding-bottom: 245px; }
}
@media (max-width:375px) {
.swiper-container-banner{height:209px;}
.banner .img {padding-bottom: 209px; }
}
/*index 通用*/
.page-section{ padding:80px 0;}
.page_title { line-height: 1; margin-bottom:30px;}
.page_title h3 {position: relative;padding-bottom: 22px;font-weight: bold;text-transform: uppercase; font-size: 42px;height: 50px;color: #cc0000;}
.page_title h3:after {display: block;position: absolute;bottom: 0;left:170PX;margin-left: 5px;width:10px;height: 50px; content: '/';}
.page_title h3 span{ color: #666; font-size: 26px; font-weight: normal; margin-left: 25px;}

@media (max-width:1366px) {
.page-section{ padding:60px 0;}
}
@media (max-width:1024px) {
.page-section{ padding:40px 0;}
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 30px; padding-bottom: 0px; height: 40px;}
.page_title h3:after { left:110PX;margin-left: 10px; height:40px;}
.page_title h3 span{ font-size: 20px; margin-left: 10px;}
}
@media (max-width:768px) {
.page-section{ padding:30px 0;}
.page_title { margin-bottom:20px;}
.page_title h3 { font-size: 26px; }
.page_title h3:after {width:40px;margin-left: 0px; }
.page_title h3 span{ margin-left: 20px;}
}
@media (max-width:600px) {
.page_title h3 { font-size: 22px;}
.page_title h3 span{ font-size: 16px; margin-left: 15px;}
.page_title h3:after { left: 90px; }
.page_title { margin-bottom:0px;}
}
@media (max-width:425px) {
.page_title h3 { font-size: 20px;}
.page_title h3:after { left: 85px; }
}
/*index_pro*/
.index_pro.index_pro_list ul li { margin-bottom:20px;}
.index_pro ul li img{ width:100%;}
.pro-button-prev,.pro-button-next{ background-image: #cc0000!important;}
.index_pro .index_pro_con{ position:absolute; bottom:0; left:0; width:100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));  height:70px; line-height:30px; padding:20px;}
.index_pro .index_pro_con .index_pro_left { font-size:17px; color:#fff; text-align: center;}
.index_pro .content{margin-top:20px;}
.index_pro .content .left{width:66%; float:left;height:310px;overflow: hidden;}
.index_pro .content .left .rect-3550{padding-bottom:38.5%; background:#224980; overflow: hidden;}
.index_pro .content .left .mask{width:259px; height:305px; background:url(../images/ipart01_3.png) no-repeat center; position:absolute; right:0; top:0;}
.index_pro .content .left .box{padding:44px 40px 40px 37px; position:relative; z-index:1;}
.index_pro .content .left .box .t{font-size:30px; color:#fff; margin-bottom:20px;}
.index_pro .content .left .box .t span{font-size:20px; color:#fafafa;}
.index_pro .content .left .box .c .inp_box_wrap {width:36%; margin-right:2%;}
.index_pro .content .left .box .c .inp_box{display:block; width:100%; height:47px; line-height:47px; border:1px solid #e0e0e0; padding:0; margin:0; box-sizing:border-box; font-size:13px; color:#333f48; background:rgba(255,255,255,.7); padding:0; text-indent:10px;}
.index_pro .content .left .box .c .hd_btn{width:20%; border:none; text-align:center; background:#cc0000; font-size:18px; color:#fff; height:47px; line-height:45px; outline:none; cursor:pointer; padding:0; border:1px solid #cc0000; cursor:pointer;}
.index_pro .content .left .box .c .hd_btn i{display:inline-block; width:21px; height:21px; background:url(../images/ipart01_1.png) no-repeat center; position:relative; top:5px; margin-right: 5px;}
.index_pro .content .left .box .c .hd_btn span{display:inline-block;}
.index_pro .content .left .box .icon_list{margin-top:23px;}
.index_pro .content .left .box .icon_list a{display:inline-block; margin-right:40px;}
.index_pro .content .left .box .icon_list a .img_{width:66px; height:53px; margin-bottom:6px; transition:all 0.5s ease;}
.index_pro .content .left .box .icon_list a .txt{font-size:16px; color:#fff; color:rgba(255,255,255,.9);}
.index_pro .content .left .box .icon_list a:hover .img_{transform:rotateY(180deg);}
.index_pro .content .right{width:32.5%; float:right; height: 310px; overflow: hidden;}
.index_pro .content .right .index-pro1-swiper{height:310px; }
.index_pro .content .right .rect-72{padding-bottom:72%;}
.index_pro .content .right .intro{width:100%;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); position:absolute; left:0; bottom:0px; text-align:center; line-height:48px;}
.index_pro .content .right .intro .ch_tit{font-size:17px; color:#fff; display:inline-block; vertical-align:middle; margin-left:3px;}
.index_pro .content .right .icon{width:50px; height:76px; background:url(../images/ipart01_6.png) no-repeat center; position:absolute; left:10px; top:10px;}
.index_pro .content .right .swiper-pagination-pro1 { top: 80%; height: 100%; width: 10px; right: 10px; left: auto;}
.index_pro .content .right .swiper-pagination-bullet.swiper-pagination-bullet-active {border-color: #cc0000; background:#cc0000; opacity: .9;}
.index_pro .content .right .swiper-pagination-bullet { opacity: .8; background:#fff; margin-top: 10px;}
@media (max-width:1024px) {
.index_pro .index_pro_con .index_pro_left {  font-size:15px;}
.index_pro .index_pro_con{ height:50px;padding:10px;}
.index_pro .content .left .rect-3550{padding-bottom:47%; }
.index_pro .content .right .rect-72{padding-bottom:95%;}
.index_pro .content .left .box .t{font-size:24px;}
.index_pro .content .left .box{padding:20px 20px 20px 20px; }
}
@media (max-width:768px) {
.index_pro .content .right{ display: none;}
.index_pro .content .left{width:100%; float:none; height: auto;}
.index_pro .content .left .rect-3550{padding-bottom:42%; }
.index_pro .content .left .box .t{font-size:20px;}
.index_pro .content .left .box .t span{font-size:16px;}
}
@media (max-width:425px) {
.index_pro .index_pro_con{ line-height:24px;padding:5px; }
.index_pro.index_pro_list ul li .rect-775{ padding-bottom:100%;}
.index_pro.index_pro_list ul li ._full{ height: auto;}
.index_pro.index_pro_list .index_pro_con{ line-height:24px;padding:5px; background-color: #fff;background-image: none; }
.index_pro.index_pro_list .index_pro_con .index_pro_left { color: #333;}
.index_pro .index_pro_con .icon {float: none; display:none;}
.index_pro .content .left .box .c .inp_box_wrap：first-child{ display: none;}
.index_pro .content .left .box .c .inp_box_wrap {width:100%; margin-right:0; margin-bottom: 10px;}
.index_pro .content .left .rect-3550{padding-bottom:109%; }
.index_pro .content .left .box .c .hd_btn{width:50%;font-size:15px; color:#fff; height:47px; line-height:45px;}
.index_pro .content .left .box .c .hd_btn.fl{ float: none; margin: 0 auto; padding: 0px 15px; text-align: center;}
.index_pro .content .left .box .icon_list a{display:inline-block; margin-right:30px;}
}
@media (max-width:375px) {
.index_pro .content .left .box .icon_list a{ margin-right:20px;}
.index_pro .content .left .box .icon_list{margin-top:15px;}
}
@media (max-width:340px) {
.index_pro .content .left .box .icon_list a{ margin-right:20px;}
}
/*index-about*/
.index-about { background:url(../images/index_about.jpg) no-repeat;  overflow: hidden; }
.index-about-left img{ width:100%;}
.index-about-right { margin-left: 30px;}
.index-about .about-content P{ line-height: 34px; font-size: 17PX; color: #666;}
.index-about .about-lists {width:100%; margin:50px auto; text-align: center; }
.index-about .about-lists ul{ width:100%; margin:0 auto; text-align: center; }
.index-about .about-lists ul li{ float: left; width: 25%; position:relative;}
.index-about .about-lists ul li:after{ position:absolute; right:1px; bottom:0; content:""; height:100%; width:1px; background:#dcdcdc;}
.index-about .about-lists ul li:last-child:after{  width:0px; }
.index-about .about-lists .num{ font-size: 60px; font-weight: bold; color: #cc0000; }
.index-about .about-lists .index_about_name { line-height: 30px; display: block; color: #888; padding: 0 15%; font-size:16px; }
.index-about-right .more { margin-top: 50px;}

@media all and (max-width: 1750px) {
.index-about .about-lists {margin: 30px auto;}
}
@media (max-width:1024px) {
.index-about-right { margin-left: 20px;}
.index-about-right .page_title { margin-bottom: 0px;}
.index-about .about-content P{ line-height: 28px; font-size: 15px; }
.index-about .about-lists .num{ font-size: 40px; }
.index-about .about-lists .index_about_name {padding: 0 10%; font-size:15px; line-height: 26px;}
.index-about-right .more { margin-top: 30px;}
}
@media screen and (max-width:768px) {
.index-about-left{ display: none;}
.index-about-right { margin-left: 0px;}
.index-about .about-lists .num{ font-size: 30px; }
.index-about .about-lists .index_about_name {padding: 0 5%; line-height: 24px;}

}
@media screen and (max-width:600px) {
.index-about .about-lists {margin: 20px auto 0px;}
.index-about .about-lists ul li{ width: 50%;}
}
@media screen and (max-width:480px) {
.index-about .about-lists ul li { width:50%; float:left; margin-bottom:20px; }
.index-about .about-lists .index_about_name { font-size: 15px; line-height: 1.5; }
.index-about .about-lists ul li:nth-child(2n):after{ width:0px; }
}
/*index-news*/
.index_news dl{ height: 40px; line-height: 40px; text-align: center;}
.index_news dl dt { float: left; width: 20%; background: #cc0000; color: #fff;line-height: 40px; font-weight: normal;}
.index_news dl dd{ float: left; margin-left: 2%; width: 24%; line-height: 40px; }
.index_news dl dd a{color: #666;}
.index_news dl dd a:hover{color: #cc0000;}
.index_news .i_news_l{ width: 36%; float: left;} 
.index_news .i_news_r{ width: 61%; float: right;}
.index_news_lt_row { text-align:left;z-index: 33; }
.index_news_lt_row li ._down { padding:6% 0; background-color:#fff; }
.index_news_lt_row li ._down ._tt { margin-bottom:10px; }
.index_news_lt_row li ._down ._tt a{color:#333; text-align:left; font-size:20px; line-height: 35px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.index_news_lt_row li ._down ._tt a:hover{color:#cc0000; }
.index_news_lt_row li ._down ._date{ font-size:20px; line-height:24px; margin-bottom:15px; color:#999;}
.index_news_lt_row li ._down ._date span{ font-size: 32px; margin-right:5px;}
.index_news_lt_row li ._down ._desc{ color:#666; line-height:28px; margin-top: 15px;}
.index_news .i_news_r_box li { width: 100%}
.index_news .i_news_r .news_list_box ._r_news_time {width: 19%; border-right: 1px solid #e9e9e9;  padding:10px 0 55px;}
.index_news .i_news_r .news_list_box ._r_news_time span {display: block;width: 80%;margin: 0 auto}
.index_news .i_news_r .news_list_box ._r_news_time span._day {font-size: 32px;color: #999;line-height: 22px;margin-top:15%;margin-bottom: 16px; text-align: right;}
.index_news .i_news_r .news_list_box ._r_news_time span._month {font-size: 22px;color: #999;text-align: right;line-height: 26px}
.index_news .i_news_r .news_list_box ._r_news_main {width: 80%; padding:15px 0;}
.index_news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 10px 5px 0px 18px}
.index_news .i_news_r ._r_news_title {font-size: 20px;color: #333;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 8px; position: relative;}
.index_news .i_news_r ._r_news_title:before{ position: absolute; left: -28px; top:2px; height: 30px; width: 2px; background:#cc0000; content: "";} 
.index_news .i_news_r ._r_news_text {font-size: 15px;color: #666666;line-height: 28px; overflow: hidden}
.index_news .i_news_r_box li:hover .news_list_box {border-color: #cc0000}
.index_news .i_news_r_box li:hover .news_list_box ._r_news_time span._day {color: #cc0000}
.index_news .i_news_r_box li:hover ._r_news_title {color: #cc0000}
.index_news .more {position: relative; width:300px; height:50px; line-height:50px; margin:50px auto 0; border:1px solid #ccc}
.index_news .more span{width:53px;height:10px;background:url(../images/more1.png) no-repeat;position:absolute;right:120px;top:50%;margin-top:-8px;transition:right 500ms cubic-bezier(0.215, 0.61, 0.355, 1);}
.index_news .more:hover { background:#cc0000;border:1px solid #cc0000}
.index_news .more:hover span{right:110px;background:url(../images/more.png) no-repeat;}
@media (max-width: 1024px) {
.index_news .i_news_r .news_list_box ._r_news_time { padding:10px 0 35px;}
.index_news .i_news_r .news_list_box ._r_news_time {width: 22%;}
.index_news .i_news_r .news_list_box ._r_news_main {width: 77%;}
.index_news .i_news_r .news_list_box ._r_news_time span._day {font-size: 26px; margin-top:15%; }
.index_news_lt_row li ._down ._tt a{ font-size:18px;}
.index_news .i_news_r ._r_news_title {font-size: 18px;}
}
@media (max-width: 768px) {
.index_news_lt_row li ._down ._date{ font-size:16px; margin-bottom:10px; }
.index_news_lt_row li ._down ._date span{ font-size: 26px; }
.index_news .i_news_r ._r_news_title:before{ left: -16px; } 
.index_news .i_news_r .news_list_box ._r_news_time {  padding:5px 0 30px;}
.index_news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 5px 0px 0px 10px}
.index_news_lt_row li ._down ._tt a{ font-size:16px;}
.index_news .i_news_r ._r_news_title {font-size: 16px;}
.index_news .i_news_r ._r_news_text {height: 50px; line-height: 24px; overflow: hidden}
.index_news dl{ display: none;}
}
@media (max-width: 568px) {
.index_news .i_news_l{ width: 100%; float: left;} 
.index_news .i_news_r{ width: 100%; float: right;}
.index_news .i_news_r .news_list_box ._r_news_time {width: 21%;}
.index_news .i_news_r .news_list_box ._r_news_main {width: 78%}
.index_news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding:5px 5px 0px 5px}
.index_news .i_news_r .news_list_box ._r_news_time span._day {font-size: 22px; }
.index_news .i_news_r .news_list_box ._r_news_time span._month {font-size: 18px; line-height: 26px; }
.index_news .i_news_r ._r_news_title {font-size: 16px}
.index_news .more {position: relative; width:200px; height:40px; line-height:40px; margin:30px auto 0; border:1px solid #ccc}
.index_news .more span{right:70px; margin-top:-8px;}
.index_news .more:hover span{right:80px; }
.index_news .i_news_r ._r_news_title:before{ left: -12px; } 
}
@media (max-width: 425px) {
.index_news .i_news_r ._r_news_title:before{ left: -10px; } 
.index_news_lt_row li ._down ._desc{margin-top: 7px;}
.index_news .i_news_r ._r_news_title:before{ top:0px; height: 24px; width: 1px;} 

}
@media (max-width: 375px) {
.index_news .i_news_r .news_list_box ._r_news_time {width: 23%;}
.index_news .i_news_r .news_list_box ._r_news_main {width: 75%}
.index_news .i_news_r ._r_news_title:before{ left: -14px; height: 26px;} 
.index_news .i_news_r .news_list_box ._r_news_time span._day {font-size: 20px; margin-bottom: 8px;}
.index_news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding:0px 5px 0px 5px}
}
/*index_applicaticon*/
.index_applicaticon{ line-height: 1.2;background: #f7f7f7; }
.index_applicaticon .page_title h3:after {left:295PX;}
.index_applicaticon .page_title h3 span{margin-left: 30px;}
.index_applicaticon .item {display:block; border: 2px solid #cc0000; padding: 40px 30px; margin-top: 30px;}
.index_applicaticon .item .t1{font-size:26px; color:#333; margin-bottom: 15px;}
.index_applicaticon .item .c{ color:#666; line-height:34px; margin-top:20px; font-size: 16px; }
.common-line{width:35px; height:1px; background:#cc0000; }
@media (max-width: 1024px) {
.index_applicaticon .page_title h3:after {left:205px;}
.index_applicaticon .item {padding: 30px 20px; margin-top: 20px;}
.index_applicaticon .item .t1{font-size:22px; margin-bottom: 10px;}
.index_applicaticon .item .c{ line-height:28px; margin-top:10px; font-size: 15px; }
}
@media (max-width: 768px) {
.index_applicaticon .page_title h3:after {left:190px;}
.index_applicaticon .item .t1{font-size:20px;}
}
@media (max-width: 600px) {
.index_applicaticon .item {padding: 20px 15px; }
.index_applicaticon .page_title h3:after {left:160px;}
.index_applicaticon .page_title h3 span{margin-left: 20px;}
.index_applicaticon .rect-40{ padding-bottom: 30%;}
.index_applicaticon .item .c{ line-height:26px; }
}
@media (max-width: 425px) {
.index_applicaticon .page_title h3:after {left:145px;}
.index_applicaticon .rect-40{ padding-bottom:42%;}
.index_applicaticon .item .t1{font-size:18px;}
}
/*index_custom*/
.index_custom { background:url(../images/index_custom.jpg) no-repeat bottom; }
.index_custom .index-partner-swiper { height: 260px; }
.index_custom .swiper-wrapper{height: 220px;}
.index_custom .col li{ height: 105px;}
.index_custom .col li .box{border:1px solid #ccc; background-color: #fff; text-align: center; padding:8px 30px;}
.index_custom .col li img {max-width: 100%; width:60%; margin: 0 auto;}
@media (max-width: 1200px) {
.index_custom .index-partner-swiper { height: 240px; }
.index_custom .swiper-wrapper{height: 190px;}
.index_custom .col li{ height: 95px;}
}
@media (max-width: 624px) {
.index_custom .index-partner-swiper { height: 220px; }
.index_custom .swiper-wrapper{height: 170px;}
.index_custom .col li{ height: 75px;}
.index_custom .col li img {max-width: 100%; width:80%;}
}
    

/***内容页*****/
.page_banner{position:relative;  height:450px; margin-top: 90px;}
.page_banner .cat_box{position:absolute; bottom:45%; left:0; width:100%;}
.page_banner .cat_box .cat_name{font-size:38px; color:#fff; margin-bottom:30px;line-height:1;}
.page_banner .cat_box h4{font-size:20px; color:#fff; font-weight:normal;}
.about_banner{background:url(../images/about_banner.jpg) no-repeat center center; background-size:auto 100%;}
.news_banner{background:url(../images/news_banner.jpg) no-repeat center center;  background-size:auto 100%;}
.pro_banner{background:url(../images/pro_banner.jpg) no-repeat center center; background-size:auto 100%;}
.case_banner{background:url(../images/case_banner.jpg) no-repeat center center; background-size:auto 100%;}
.server_banner{background:url(../images/server_banner.jpg) no-repeat center center; background-size:auto 100%;}
.contact_banner{background:url(../images/contact_banner.jpg) no-repeat center center; background-size:auto 100%;}
@media (max-width:1440px){
.page_banner{height:340px;}
}
@media (max-width:1366px){
.page_banner{height:325px;}
.page_banner .cat_box .cat_name{font-size:30px;}
}
@media (max-width:1200px){
.page_banner{height:284px;}
}
@media (max-width:992px){
.page_banner{ height:235px;}
.page_banner .cat_box h4{font-size:26px;}
}
@media (max-width: 768px){
.page_banner{margin-top: 74px; height:200px;}
.page_banner .cat_box h4{ display:none;}
.page_banner .cat_box{bottom:40%;}
}
@media only screen and (max-width: 760px){
.page_banner .cat_box .cat_name {font-size:20px;margin-bottom: 10px;text-shadow:0 0 2px rgba(0,0,0,0.8); font-weight: normal; }
}
@media only screen and (max-width:425px){
.page_banner{  height:140px;}
.page_banner .cat_box{bottom:36%;}
}
@media only screen and (max-width:375px){
.page_banner{  height:140px;}
}
@media only screen and (max-width:325px){
.page_banner{  height:120px;}
}
.page_nav {height: 70px;line-height: 69px;background-color: #fff;/* 不支持线性的时候显示 */background-image: -webkit-linear-gradient(left, #ebebeb, #ebebeb, #fff, #fff);background-image: -moz-linear-gradient(left, #ebebeb, #ebebeb, #fff, #fff);background-image: -o-linear-gradient(left, #ebebeb, #ebebeb, #fff, #fff);background-image: linear-gradient(to right, #ebebeb, #ebebeb, #fff, #fff);border-bottom: 1px solid #eaeaea;}
.page_nav .container {background-color: #fff;padding-left:0px;height: 69px;}
.page_nav .crumb { float: left; }
.page_nav .crumb ul li {float: left; font-size: 16px;}
.page_nav .crumb ul li:first-child a {padding-right:20px;padding-left: 0;background-color: #ebebeb;position: relative; color: #333;}
.page_nav .crumb ul li:first-child a i {margin-right: 15px;}
.page_nav .crumb ul li:first-child a::before {content: "";border: 39px solid;border-color: transparent transparent transparent #ebebeb;border-top-width: 35px;border-bottom-width: 35px;border-left-width: 23px;position: absolute;top: 0;right: -62px;}
.page_nav .crumb ul li:first-child a::after {content: none;}
.page_nav .crumb ul li a {padding-left: 37px;padding-right:37px;position: absolute; color: #333;}
.page_nav .crumb ul li a::before {content: "";border: 39px solid;border-color: transparent transparent transparent #eaeaea;border-top-width: 35px;border-bottom-width: 35px;border-left-width: 23px;position: absolute;top: 0;right: -47px;}
.page_nav .crumb ul li a::after {content: "";border: 39px solid;border-color: transparent transparent transparent #fff;border-top-width: 35px;border-bottom-width: 35px;border-left-width: 23px;position: absolute;top: 0;right: -46px;}
.page_nav .crumb ul li a { display: inline-block;}
.page_nav .crumb ul li a:hover {color:#cc0000;}
.page_nav .r_sec{float: right;}
.page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 15px;}
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#cc0000; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:0; right:0;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#cc0000;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin: 0 8px; font-size:15px;}
.page_nav a:hover{color:#cc0000;}

.page_nav dl dd{position:relative; float:left; font-size:18px; padding:0 15px; margin:0 15px; line-height:70px; text-align:center;}
.page_nav dl dd:after{content:''; position:absolute; width:1px; height:12px; background:#dddddd; left:-10px; top:50%; margin-top:-6px;}
.page_nav dl dd:first-child:after{display:none;}
.page_nav dl dd:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#cc0000; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav dl dd:hover:before,
.page_nav dl dd.cur:before{left:0; right:0;}
.page_nav dl dd:hover a,
.page_nav dl dd.cur a{color:#cc0000;}
@media (max-width: 768px){
.page_nav{line-height:50px; height:50px;}
.page_nav dl dd{font-size:15px; padding:0 1.5%; margin:0 1%;line-height:50px;}
.page_nav dl dd:after{left:-7px; }
}
@media (max-width:668px){
.page_nav{line-height:44px; height:45px;}
.page_nav dl dd{line-height:44px;}
}

@media (max-width: 1336px){
.page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;}
}
@media only screen and (max-width: 1024px){
.page_nav { background-image: -webkit-linear-gradient(left, #fff, #fff, #fff, #fff);background-image: -moz-linear-gradient(left, #fff, #fff, #fff, #fff);background-image: -o-linear-gradient(left, #fff, #fff, #fff, #fff);background-image: linear-gradient(to right, #fff, #fff, #fff, #fff);}
.page_nav .crumb{display: none;}
.page_nav .r_sec{float: left;}
}
@media (max-width: 768px){
.page_nav{line-height:49px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
.page_nav .container { height: 49px;}
}
@media (max-width:668px){
.page_nav{line-height:44px; height:45px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
.page_nav .container { height: 44px;}
}    
@media only screen and (max-width: 425px){
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }
}
@media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; }
}


.about .about_left .en{ font-size: 44px; text-transform: uppercase; color: #cc0000; line-height: 45px; margin-bottom: 20px;}
.about .about_left .cn{ font-size: 18px; color: #444; line-height:32px; padding-right: 15%;}
.about .about_right { margin-bottom: 40px;}
.about .about_right p{ font-size: 16px; color: #666; line-height:32px;}
.about img{ margin-top: 15px;}
@media only screen and (max-width: 1240px){
.about .about_left .en{ font-size: 38px; line-height: 40px; }
.about img{ width: 100%;}
}
@media only screen and (max-width: 992px){
.about .about_left .en{ font-size: 30px;line-height: 38px; }
}
@media only screen and (max-width: 768px){
.about .about_left .en{ font-size: 26px;margin-bottom: 10px;}
.about .about_left .cn{ font-size: 17px; padding-right: 0; margin-bottom: 10px; }
}

.culture .box{padding:45px 60px; }
.culture .box .tit{font-size:30px; margin-bottom:5px;}
.culture .box .titen{font-size:16px; text-transform: uppercase; padding-bottom:20px; margin-bottom: 30px; position: relative;}
.culture .box .titen:after{ position: absolute; left: 0px; bottom: 0px; width: 50px; height: 1px; content: ""; background-color: #cc0000; }
.culture .box .con{font-size:18px; margin-bottom:10px;}
.bg_gray { background:#f3f3f3;}
.culture_top { margin-bottom: 15px;}
.culture_top .left{float:left; width:34%;}
.culture_top .right{  float:left; width:66%;background:url(../images/culture1.jpg) no-repeat left top;}
.culture_top .right .box{ color:#fff;}
.culture_mid { margin-bottom: 15px;}
.culture_mid .left{ width: 33.33333333%; float: left;}
.culture_mid .culture_mid1{ background:url(../images/culture2.jpg) no-repeat left top;}
.culture_mid .culture_mid3{ background:url(../images/culture3.jpg) no-repeat left top; background-size: 100% 100%;}
.culture_bottom .left{ color:#fff; float:left; width:66%;background:url(../images/culture4.jpg) no-repeat left top;}
.culture_bottom .right{float:left; width:34%;}
@media only screen and (max-width: 1200px){
.culture .box{padding:25px 30px; }
.culture .box .tit{font-size:26px; }
.culture .box .titen{ padding-bottom:10px; margin-bottom: 20px; }
.culture .box .con{font-size:16px;}
}
@media only screen and (max-width: 1024px){
.culture .box .tit{font-size:22px; }
.culture .box .con{ margin-bottom:5px;}
}
@media only screen and (max-width: 768px){
.culture .box{padding:15px 20px; }
.culture .box .tit{font-size:18px; }
.culture .box .titen{font-size:15px; margin-bottom:5px;}
.culture .box .con{font-size:15px;}
}
@media only screen and (max-width: 600px){
.culture_top .left{ width:50%;}
.culture_top .right{ width:50%;}
.culture_top .rect-297{ padding-bottom: 40%;}
.culture_top .rect-45{ padding-bottom: 80%;}
.culture_mid .culture_mid3{ display: none;}
.culture_mid .left{ width: 50%; }
.culture_bottom .left{ width:50%; }
.culture_bottom .right{ width:50%;}
.culture_bottom .rect-45 { padding-bottom: 60%;}
}
@media only screen and (max-width: 425px){
.culture .box{padding:25px 20px; }
.culture_top .left{ width:100%;}
.culture_top .right{ width:100%;}
.culture_mid .left{ width: 100%; }
.culture_bottom .left{ width:100%; }
.culture_bottom .right{ width:100%;}
.culture_top .rect-297{ padding-bottom: 55%;}
.culture_top .rect-45{ padding-bottom:55%;}
.culture_mid .rect-38{ padding-bottom:58%;}
.culture_bottom .rect-45 { padding-bottom: 55%;}
.culture_bottom .rect-297{ padding-bottom: 55%;}
}
@media only screen and (max-width: 375px){
.culture_top .rect-297{ padding-bottom: 60%;}
.culture_top .rect-45{ padding-bottom:60%;}
.culture_mid .rect-38{ padding-bottom:64%;}
.culture_bottom .rect-45 { padding-bottom: 60%;}
.culture_bottom .rect-297{ padding-bottom: 60%;}
.culture .box .titen{ padding-bottom:5px; }
}
    
.honor li .infor{padding:20px 0px; text-align:center; }
.honor li .infor .tit{ font-size: 16px; }
.honor li .infor .tit1{ font-size: 24px; }
.honor li .en{ color: #666;text-align: center; line-height: 28px; font-size: 15px; }
.honor li:hover .infor .tit {color:#de000d; }
.honor li img{ width:100%;}
@media(max-width:1200px) {
.honor li .infor .tit1{ font-size: 20px; }
}
@media(max-width:768px) {
.honor li .infor .tit1{ font-size: 18px; }
}
@media(max-width:568px) {
.honor li .infor .tit1{ font-size: 16px; }
.honor li .en{ display: none; }
}

.page_factory ul li {margin-bottom: 25px;}
.page_factory ul li .honor-item .rect {padding-bottom: 78%;}
.page_factory ul li img{ width:100%;}
.page_factory ul li .honor-item:hover .img-box img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.products .proitemtop { width: 100%; height:115px; margin-bottom: 30px; overflow: hidden;}
.products .proitemtop .proitemtoptit{ width: 80%; float: left; font-size: 16px; color: #666; }
.products .proitemtop .proitemtoptit h3{ font-size: 36px; font-weight: bold; margin-bottom: 15px; background: url(../images/pro.png) no-repeat left ; height: 65px; line-height: 60px; padding-left: 20px; }
.products .proitemtop .proitemtoptit h3 a {color: rgba(0,0,0,0.8)}
.products .proitemtop .proitemtoptit h3 a:hover { color: #de000d;}
.products .proitemtop .proitemtoptit h3 span { font-size: 30px; text-transform: uppercase; color: rgba(0,0,0,0.15); margin-left: 15px;}
.products .proitemtop .pro_more_detail{ width: 20%; float: right; height: 36px;  text-align: right; color: #333;}
.products .proitemtop .pro_more_detail span { width: 50px; color: #666; font-size: 32px; position: relative;margin-right: 50px; }
.products .proitemtop .pro_more_detail span::before { content: "+"; position: absolute; left: 0; top: 10px; width:36px; height: 36px; line-height: 29px;border-radius:100%;-moz-border-radius: 100%;-webkit-border-radius: 100%; border: 2px solid #666; text-align: center; }
.products .proitemtop .pro_more_detail:hover{ color: #de000d;}
.products ul { margin-top: 30px;}
@media(max-width:1280px) {
.products .proitemtop .proitemtoptit h3{ font-size: 32px; margin-bottom: 10px; height: 60px; line-height: 55px; }
.products .proitemtop .proitemtoptit h3 span { font-size: 28px; }
}
@media(max-width:1024px) {
.products .proitemtop .proitemtoptit h3{ font-size: 30px; height: 60px; line-height: 55px; }
.products .proitemtop .proitemtoptit h3 span { font-size: 26px; margin-left: 10px;}
}
@media(max-width:768px) {
.products ul li { margin-bottom: 20px;}
.products .proitemtop .proitemtoptit h3{ font-size: 28px; height: 50px; line-height:50px; }
.products .proitemtop .proitemtoptit h3 span { font-size: 22px; }
}
@media(max-width:660px) {
.products .proitemtop { height:45px; margin-bottom:10px;}
.products .proitemtop .proitemtoptit p { display: none;}
.products .proitemtop .proitemtoptit h3 span { display: none;}
.products .proitemtop .proitemtoptit{ width: 70%;}
.products .proitemtop .pro_more_detail{ width: 30%; }
.products .proitemtop .pro_more_detail span { margin-right: 40px; height: 30px;  line-height: 26px;}
.products .proitemtop .pro_more_detail span::before {border: 1px solid #666;  top: 15px; width:30px; height: 30px; line-height: 20px; }
.products .proitemtop .proitemtoptit h3{ font-size: 24px;height: 50px; line-height:45px;  }
}
.show-pro .param-t{font-size: 24px; color: #0c4d97; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }
.show-pro .param-tit{font-size: 24px; padding-bottom:10px; color: #333; text-align: center; }
.show-pro .param-s{ font-size: 14px; margin-bottom: 30px; color: #666;  text-align: center; padding-bottom: 15PX; border-bottom: 1PX solid #f2f4f6;}
.show-pro .param-c { margin-bottom: 20px; color: #666;line-height:30px;}
.show-pro .param-c h3{ font-size: 18px; line-height: 50px; position: relative; padding-left: 17px;}
.show-pro .param-c h3:before{ position: absolute; left: 0; top: 0px; content: "•"; width: 17px; color: #0c4d97;}
.show-pro .param-c p ,.show-pro .param-c div{ line-height:30px; color: #666; }
.show-pro .param-c td{ padding-left: 8px;}
.show-pro .param-img{padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }

.left_nav{ background-color: #f2f4f6; margin-bottom: 25px; }
.left_nav dt{ line-height: 78px; border-bottom: 1px solid #fff; border-left: 2px solid #0c4d97; font-size: 24px; font-weight: bold; padding-left: 35px;}
.left_nav dd{line-height: 35px; padding-top: 10px; padding-bottom: 10px; font-size: 18px;padding-left: 35px; border-bottom: 1px solid #fff; color: #666; }
.left_nav .date{ font-size: 14px;} 
@media(max-width:1366px) {
.left_nav dt{font-size: 22px; padding-left: 25px;}
.left_nav dd{ padding-left: 25px; }
.left_news dd{ margin: 15px 25px;}
}
@media(max-width:1280px) {
.left_nav dt{ line-height: 48px;font-size: 18px; padding-left: 15px;}
.left_nav dd{line-height: 25px; font-size: 16px;padding-left: 15px; }
}

.show-pro-top .show-pro-top-left{ width:50%;float:left; overflow: hidden;}
.show-pro-top .show-pro-top-left img{ width: auto; height: 430px; overflow: hidden;}
.show-pro-top .show-pro-top-right{ width:45%; float: right}
.show-pro-top .show-pro-top-right .pro-t { border-bottom:1px solid #f0f0f0;}
.show-pro-top .show-pro-top-right .pro-t h1 {font-size: 28px; color: #333333; margin-bottom: 20px;}
.show-pro-top .param {padding:40px 0;line-height: 30px; font-size: 16px; color:#444; }
.show-pro-top .param p { line-height: 30px;}
.show-pro-top .contact { margin: 10px 0 15px;}
.show-pro-top .contact .ico { margin-right: 15px;}
.show-pro-top .contact span { font-size: 18px; color: #666;}
.show-pro-top .contact a { color: #666;}
.show-pro-top .button a {display: inline-block; width:180px; text-align:center;padding: 15px 40px;background:#cc0000;color: #fff;}
.show-pro-bottom { clear:both; border-top:1px solid #fafafa;  }
.show-pro { padding-right: 10%;}
.show-pro .param-c { margin-bottom: 15px;}
.show-pro .param-c h3{ font-size: 24px; color: #666; line-height: 50px; position: relative; padding-left: 17px; margin-bottom: 15px;}
.show-pro .param-c h3:before{ position: absolute; left: 0; top: 0px; content: "|"; width: 17px; color: #cc0000;}
.show-pro .param-c p{ line-height:30px; color: #666; }
.right_nav{ margin-bottom: 25px; }
.right_nav dt{ line-height: 78px; border-bottom: 1px solid #eee; color: #cc0000; font-size: 24px; font-weight: normal;  }
.right_nav dd{line-height: 35px; padding-top: 10px; padding-bottom: 10px; font-size: 16px; border-bottom: 1px solid #eee; color: #666; }
.share ul li { float: left; margin-right: 15px;}
.share ul li:last-child { margin-right: 0;}
.share { margin: 20px 0;}
.share .wechat { position: relative;}
.share .wechat:hover .vx { display: block;}
.share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; top: -14px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: transparent transparent #fff transparent}
.share .wechat .vx { position: absolute; bottom: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -76px; display: none;}
.share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}

@media(max-width:1365px) {
.show-pro img{ width: 100%;}
}
@media(max-width:1280px) {
.show-pro-top .show-pro-top-left img{ width: 100%; height: auto; overflow: hidden;}
.show-pro{ padding: 35px;}
.show-pro .param-t{font-size: 20px;padding-bottom:20px; }
.show-pro .param-tit{font-size: 20px; }
}
@media(max-width:1200px) {
.show-pro-top .show-pro-top-right .pro-t h1 { font-size: 22px;}
.show-pro-bottom .param-t { font-size: 22px;}
.show-pro-bottom .param-t::before { height: 30px;}
.show-pro { padding-right: 20px;}
.show-pro.show-honor{ padding-right: 20px;}
}
@media(max-width:768px) {
.show-pro-top .container>div { width: 100%; height: auto;}
.show-pro-top .show-pro-top-left{ width:100%; float:none; height: auto; }
.show-pro-top .show-pro-top-right{ width:100%; float: none; padding-left:0; margin-top:20px;}
.show-pro-top .show-pro-top-right .pro-t h1 { font-size: 20px;}
.show-pro-bottom .param-t { font-size: 20px;}
.show-pro-bottom .param-t::before { height: 20px;}
.share { margin: 10px 0;}
.show-pro-bottom { width: 100%;}
.show-pro .param-c img { width: 100%!important;}
.show-pro .param-c h3{ font-size: 20px; }
.show-pro-top .param {padding:20px 0;}
}
@media(max-width:680px) {
.show-pro{ padding: 15px 0px; padding-right: 0px;}
.show-pro.show-honor{ padding: 0px;}
.show-pro .param-c {line-height:26px; }
.show-pro .param-t{font-size: 18px; padding-bottom:10px;}
.show-pro .param-tit{font-size: 18px; }
.show-pro .param-c p ,.show-pro .param-c div{ font-size: 15px;line-height:26px; }
.show-pro .param-s{ margin-bottom: 20px; }
}

.news_list li {overflow:hidden; border-bottom: 1px solid #eee; padding:25px 30px; }
.news_list li a{display:block;}
.news_list li ._img{ width: 24%; float: left;}
.news_list li ._img img{ width: 100%;}
.news_list li ._intro { width:74%; float: right; overflow:hidden; cursor:pointer; font-size:14px; color:#6d6d6d;}
.news_list li ._title {display:block;line-height:32px; font-size:20px; margin-bottom:10px; color:#000; font-weight:normal; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list li ._info {line-height:30px; color:#999999;margin-bottom:10px; }
.news_list li ._text {line-height:26px; overflow:hidden; font-size:16px; color:#606060; margin-bottom:10px; }
.news_list li ._more { float: right; line-height:32px; background-color:#cc0000; color:#fff; padding:2px 35px; border-radius:20px; }
.news_list li ._more a{ color: #fff;}
.news_list li ._intro:hover ._title{ color:#cc0000; }

@media only screen and (max-width:1200px){
.news_list li { padding:20px 25px;}
.news_list li ._title { line-height:28px; font-size:18px; margin-bottom:10px; }
.news_list li ._text { font-size:15px; }
}
@media only screen and (max-width:768px){
.news_list li { padding:20px 0px;}
.news_list li ._img{ width: 28%; }
.news_list li ._intro { width:70%;}
.news_list li ._text { height: 52px; margin-bottom: 0px; }
.news_list li ._title { margin-bottom:0px; }
.news_list li ._info { margin-bottom:0px; }
.news_list li ._more { display: none;}
.news_list li ._info { display: none;}
}
@media only screen and (max-width:425px){
.news_list li { padding:15px 0px;}
.news_list li ._title { line-height:25px; font-size:16px;}
.news_list li ._text {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news_list li ._img{ width: 36%; }
.news_list li ._intro { width:62%;}
.news_list li ._info { display: none;}
}
.news_show .wenz{width:100%; }
.news_show .wenz .tit{width:100%;}
.news_show .wenz .tit h1{font-size: 30px;color:#333;text-align: center; }
.news_show .wenz .tit .text{margin-top:30px; margin-bottom: 20PX; width:100%;display:flex;justify-content: center;}
.news_show .wenz .tit .text span{display:block;line-height: 30px;color:#999;font-size: 14px;padding:0 10px;}
.news_show .wenz .wzi{padding:30px 0px;border-top:1px dashed #ddd; font-size: 15px;  line-height: 35px;}
.news_show .wenz .wzi p{color:#666;font-size: 16px;line-height: 32px; margin-bottom: 15PX; text-indent: 25px;}
.news_show .wenz .wzi img{width:80%;margin:10px auto;}
.news_show .pn{display:flex;justify-content: space-between;flex-wrap:wrap;padding:20px 10px; background: #f8f8f8;}
.news_show .pn p{color:#666;font-size: 16px;line-height: 30px;}
.news_show .pn p a{color:#666;}
.news_show .pn p a:hover{color:#008d84;}
@media all and (max-width:1440px) {
.news_show .wenz .tit h1{font-size: 26px;}
}
@media all and (max-width:1366px) {
.news_show .wenz .tit h1{font-size: 24px;}
}
@media all and (max-width:1280px) {
.news_show .wenz .tit h1{font-size: 22px;}
}
@media all and (max-width:768px) {
.news_show .wenz .tit h1{font-size: 20px;}
.news_show .wenz .tit .text{ margin-bottom:10PX;margin-top:10px;}
.news_show .wenz .tit .text span{  font-size: 14px;}
.news_show .wenz .wzi{padding:20px 0px;  line-height: 26px;}
.news_show .wenz .wzi p{  font-size: 15px;}  
.news_show .pn p{font-size: 15px;}
}
@media all and (max-width:425px) {
.news_show .wenz .tit h1{font-size: 18px;}
.news_show .wenz .tit .text{ margin-bottom:8PX;margin-top:8PX;}
}    
.video ul li {  height: auto; background: #fff; margin-bottom: 10px; transition: 0.5s; } 
.video ul li a {width: 100%;height: auto;display: block; }    
.video ul li a .pic {width: 100%;height: auto;overflow: hidden;position: relative; }     
.video ul li a .pic .img {max-width: 100%;transition: 1s; }      
.video ul li a .pic .img1 {width: 61px;height: 61px;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto; }    
@media (min-width: 1024px) {
.video ul li a .pic:hover .img {transform: scale(1.1);transition-duration: 1s; } }    
.video ul li a .t1 {font-size: 18px;line-height: 50px;color: #333;text-align: center; }
@media (min-width: 1024px) {
.video ul li:hover a .t1 {color: #cc0000; } 
}

.custom .col li{ margin-bottom: 15px;}
.custom .col li .box{border:1px solid #ccc; background-color: #fff; text-align: center; padding:5px 40px;}
.custom .col li img { width:100%; margin: 0 auto;}
@media (max-width: 500px) {
.custom .col li{width: 50%; margin-bottom:20px;}
}
@media (max-width: 624px) {
.custom li { height: auto;}
}

.server .info { margin-bottom: 40px; text-align: center; font-size: 16px;}
.server .info h3 { font-size: 30px; margin-bottom: 20px;}
.server .info p { color: #666;}
.server .service-lists { border: 1px solid #e5e5e5; }
.server .service-lists .service-item { float: left; width: 33.333333333333%; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 45px 35px 45px 55px; -webkit-transition: background-color .3s; -o-transition: background-color .3s; -moz-transition: background-color .3s; transition: background-color .3s;}
.server .service-lists .service-item:nth-child(n+4) { border-bottom: 0;}
.server .service-lists .service-item:nth-child(3),
.server .service-lists .service-item:last-child { border-right: 0;}
.server .service-lists .service-item .service-t { margin-bottom: 15px; font-weight: 700; font-size: 24px; color: #333; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.server .service-lists .service-item .service-e { font-size: 16px; color: #666666; margin-bottom: 20px; padding-bottom: 15px; position: relative; } 
.server .service-lists .service-item .service-e:after{ position: absolute; left: 0px; bottom: 0px; width: 40px; content: ""; height: 1px; background-color: #cc0000;}
.server .service-lists .service-item .service-c { font-size: 16px; color: #666666; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; color: #666; line-height: 30px; margin-top: 20px;}
.server ul{ margin-top: 30px;}
.server ul li { width: 20%; float: left;}
.server ul li .con { padding: 20px; width: 225px; height: 225px; background-color: #fff; border-radius: 50%; text-align: center;}
.server ul li .con .img { margin: 0 auto 5px; }
.server ul li .con span { font-size: 18px; line-height: 32px; }
@media (max-width: 1200px) {
.server .info h3 { font-size: 26px; }
.server ul li .con { padding: 15px; width: 205px; height: 205px; }
}
@media (max-width: 1024px) {
.server ul li .con { padding: 15px; width: 185px; height: 185px; }
.server ul li .con span { font-size: 16px; line-height: 28px; }

}
@media (max-width: 992px) {
.server .info { margin-bottom: 30px; }
.server .info h3 { font-size: 24px; margin-bottom: 20px;}
.server .service-lists .service-item { padding: 35px 15px 35px 35px; }
.server .service-lists .service-item .service-t { font-size: 20px; margin-bottom: 10px;}
.server ul li .con { width: 175px; height: 175px; }
.server ul li .con .img img { width: 70%;}
}
@media (max-width: 768px) {
.server .info h3 { font-size: 20px; margin-bottom: 10px;}
.server .service-lists .service-item { width: 50%; padding: 25px 10px 25px 20px; }
.server .service-lists .service-item:nth-child(3){ border-right: 1px solid #e5e5e5; }
.server .service-lists .service-item:nth-child(2n) { border-right: 0;}
.server .service-lists .service-item:nth-child(4){  border-bottom: 1px solid #e5e5e5; }
.server .service-lists .service-item .service-t { font-size: 18px;}
.server .service-lists .service-item .service-e {margin-bottom: 10px; padding-bottom: 10px;  }
.server ul li .con { width: 135px; height: 135px; }
.server ul li .con span { font-size: 15px; line-height: 22px; }
}
@media (max-width: 660px) {
.server .service-lists .service-item .service-c { height: 50px; font-size: 15px; margin-top: 10px; line-height: 28px; }
.server .service-lists .service-item .service-t { font-size: 17px;}
.server ul li { width: 33.333333%; float: left; margin-bottom: 15px;}
.server ul li:nth-child(4),.server ul li:nth-child(5){ width: 50%; margin: 0 auto;}
.server ul li:nth-child(4) .con,.server ul li:nth-child(5) .con{ margin: 0 auto;}
}
@media (max-width:425px) {
.server .info { margin-bottom: 30px; font-size: 15px;}
.server ul li .con { width: 110px; height: 110px; }
.server ul li .con .img img { width:50%;}
}
.sales-circle .row>div {margin-bottom: 20px;}
.sales-circle .row>div>p {text-align: center;color: #000;font-size: 16px;margin-top: 15px;}
.progress {width: 150px;height: 150px;line-height: 150px;background: none;margin: 0 auto;box-shadow: none;position: relative;border-radius: 50%;background-color: #d2d2d2;}
.progress:after {content: "";width: 129px;height: 129px;border-radius: 50%;background-color: #fff;position: absolute;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%);z-index: 1;}
.progress>span {width: 50%;height: 100%;overflow: hidden;position: absolute;top: 0;z-index: 1;}
.progress .progress-left {left: 0;}
.progress .progress-bar {width: 100%;height: 100%;background: none;border-width: 2px;border-style: solid;position: absolute;top: 0;}
.progress .progress-left .progress-bar {left: 100%;border-width: 10px;border-top-right-radius: 80px;border-bottom-right-radius: 80px;border-left: 0;-webkit-transform-origin: center left;-moz-transform-origin: center left;-ms-transform-origin: center left;-o-transform-origin: center left;transform-origin: center left;}
.progress .progress-right {right: 0;}
.progress .progress-right .progress-bar {left: -100%;border-width: 10px;border-top-left-radius: 80px;border-bottom-left-radius: 80px;border-right: 0;-webkit-transform-origin: center right;-moz-transform-origin: center right;-ms-transform-origin: center right;-o-transform-origin: center right;transform-origin: center right;-webkit-animation: loading-1 1.8s linear forwards;-moz-animation: loading-1 1.8s linear forwards;-o-animation: loading-1 1.8s linear forwards;animation: loading-1 1.8s linear forwards;}
.progress .progress-value {width: 85%;height: 85%;border-radius: 50%;font-size: 32px;line-height: 125px;text-align: center;position: absolute;top: 7.5%;left: 7.5%;z-index: 2;}
.progress .progress-bar {border-color: #cc0000 !important;}
.progress .progress-value {font-size: 16px;color: #cc0000;}
.progress .progress-value .counter {color: #cc0000;font-size: 48px}
.progress.circle1 .progress-left .progress-bar {-webkit-animation: loading-2 1.5s linear forwards 1.8s;-moz-animation: loading-2 1.5s linear forwards 1.8s;-o-animation: loading-2 1.5s linear forwards 1.8s;animation: loading-2 1.5s linear forwards 1.8s;}
.progress.circle1 .progress-right .progress-bar { -webkit-animation: loading-1-1 1.8s linear forwards; -moz-animation: loading-1-1 1.8s linear forwards; -o-animation: loading-1-1 1.8s linear forwards; animation: loading-1-1 1.8s linear forwards;}
.progress.circle2 .progress-left .progress-bar {-webkit-animation: loading-3 1s linear forwards 1.8s;-moz-animation: loading-3 1s linear forwards 1.8s;-o-animation: loading-3 1s linear forwards 1.8s;animation: loading-3 1s linear forwards 1.8s;}
.progress.circle3 .progress-left .progress-bar {-webkit-animation: loading-4 0.4s linear forwards 1.8s;-moz-animation: loading-4 0.4s linear forwards 1.8s;-o-animation: loading-4 0.4s linear forwards 1.8s;animation: loading-4 0.4s linear forwards 1.8s;}
.progress.circle4 .progress-left .progress-bar {-webkit-animation: loading-5 1.2s linear forwards 1.8s;-moz-animation: loading-5 1.2s linear forwards 1.8s;-o-animation: loading-5 1.2s linear forwards 1.8s;animation: loading-5 1.2s linear forwards 1.8s;}
.server1 .content { background: #fff url(../images/ser6.png) no-repeat right bottom; padding: 40px 30px; width: 100%; position: relative;}
.server1 .content:before { content: ""; position: absolute; left: 0; top: 0px; width: 150px; height: 3px; background: #cc0000;} 
.server1 .content h3 { font-size: 24px; font-weight: bold; margin-bottom: 25px;}
.server1 .content p{ font-size: 16px; line-height: 30px;}

@media (max-width: 1200px) {
.server1 .content h3 { font-size: 20px; margin-bottom: 15px;}
.server1 .content p{ font-size: 15px; line-height: 28px;}
}
@media (max-width: 768px) {
.server1 .content { padding: 30px 15px; }
.server1 .content:before { width: 80px;} 
.server1 .content h3 { font-size:18px; margin-bottom: 10px;}
.server1 .content p{ line-height: 26px;}
}
@media (max-width: 767px) {
.progress {width: 130px;height: 130px;line-height: 130px; }
.progress:after { width: 109px;height: 109px;}
.sales-circle .row>div>p { margin-bottom: 15px; height: 40px;}
.progress .progress-value { line-height: 110px; }
.server1 ul li { margin-bottom: 20px;}
.progress .progress-value .counter { font-size: 34px}
}

.faq-item{ padding: 20px;  margin-bottom: 25px;-o-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; -ms-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; -moz-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px;-webkit-box-shadow: rgba(11, 81, 168, 0.08) 1px 1px 3px 1px; box-shadow: 5px 1px 15px rgba(0, 0, 0, .175);}
.faq-label{  color: #cc0000;  font-weight: bold;}
.faq-a,.faq-q{  padding: 10px;  line-height: 2em;}
.faq-q { border-bottom: 1px solid #e1e2e2; font-size: 18px;}
.faq-q .date { float: right; text-align: right; color: #999;  font-size: 15px;}
.faq-q .far { color: #cc0000; font-size: 20px; margin-right: 10px;}
.faq-a { color: #666;}
.faq-a  .far {font-size: 20px; margin-right: 10px; }
.faq-item .text-right {font-size: 15px;color: #cc0000;}
.faq-item .text-right a { color: #cc0000; }
.faq-item a:hover .faq-q {color: #cc0000; }
@media (max-width: 767px) {
.faq-item{ padding: 10px; }
.faq-q .date { display: none;}
.faq-q {font-size: 16px;}
}

.contact_left { width: 40%; float: right;}    
.contact_left dt { font-size: 24px; margin-bottom: 20px; font-weight: normal;}
.contact_left dd { background: #f7f7f7; padding: 20px 25px; font-size: 16px; color: #666; margin-bottom: 16px;}
.contact_left dd i { margin-right: 10px;}
.contact_left dd span { font-size: 18px; color: #444; margin-left: 8px; font-weight: normal;}
.contact_right { width: 56%; float: left;}    
.contact_right .map { height:500px;width: 100%;width: 100%; }
.contact_right .map #map {height: 100%;}
@media (max-width: 1024px) {
.contact_left { width: 45%; }    
.contact_right { width: 52%; }    
}
@media (max-width: 768px) {
.contact_left { width: 100%; float: none; margin-bottom: 20px; }    
.contact_right { width: 100%; float: none; }    
.contact_left dt { font-size:20px;}
}
@media (max-width: 425px) {
.contact_left dd { padding: 15px 10px; }
.contact_left dd i { margin-right: 5px;}
.contact_left dd span { font-size: 16px; margin-left: 0px; }
}
.message-main .form-item {width: 32.333333%;float: left; margin-right: 1.5%; border: 1px solid #dcdcdc; height: 62px;line-height: 60px; margin-bottom: 15px;}
.message-main .form-item:nth-child(3) {margin-right: 0%; }
.message-main label {display: block;color: #a7a7a7;font-weight: 400; float: left; width: 20%; text-indent: 1em; font-size: 18px; }
.message-main .form-item span { float: right; width: 10%; text-align: right;}
.message-main .form-item input { float: left; width: 70%;border: 0;line-height: 60px;}
.message-main .form-area { clear: both; border: 1px solid #dcdcdc; }
.message-main .form-area label { width: 80%; line-height: 60px;}
.message-main .form-area span { float: right; width: 10%; text-align: right;}
.message-main .form-area textarea {resize: none;width: 100%;height: 120px;border: 0;line-height: 40px; padding-left: 10px;}
.message-main form .button {text-align: center;}
.message-main form .button button {padding: 20px 50px;background-color: #cc0000;color: #fff;}
.message-main .form-bottom {margin-top:30px;}
.message-main .form-bottom span {display: inline-block;color: #666;margin-right: 30px;}
.message-main .form-bottom #code {width: 185px;height: 75px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px;}
.message-main .form-bottom #code-img {height: 75px;}
.d-inline {display: inline-block;}
@media (max-width: 1200px) {
.message-main label { text-indent: 0.5em; font-size:16px; }
}
@media (max-width: 1024px) {
.message-main .form-item span { float: none; width: 0px; display: none;  }
.message-main .form-item input {width: 80%; }
.message-main .form-area span {float: none; width: 0px; display: none; }
}
@media (max-width: 768px) {
.message-main .form-item {width: 100%;float: none; margin-right: 0;  }
}
@media (max-width: 668px) {
.message-main .form-bottom #code { width: 100%;}
.message-main .d-inline { display: block; margin-bottom: 10px;}
.message-main .button.fr { float: none; margin-top: 20px;}
.message-main form .button button {padding: 15px 50px; }

}