.topcur{ position:fixed; top:0;}
.clear{clear:both;}

a:hover{cursor:pointer}

.indexfangan{background:#373d41;}
.home_container {width: 1200px;    margin: 0 auto; color:#fff;}
.home_container .h_h1 {text-align:center;font-size:28px;line-height:30px;color:#fff;padding-bottom:20px;margin:80px 0 0 0;}
.home_container .h_h2 {text-align:center;font-size:14px;line-height:30px;color:#FFF;margin:10px 0 30px 0;overflow:hidden;}


.mycontainer{  margin:0 auto!important;}
.swiper-slide img{width:100%;max-width:100%;}
.solution_panel {height:780px;width:100%;min-width:1200px; margin:0 auto; overflow:hidden;position:relative;}
.solution_panel  .swiper-solution {position:relative;height:480px;overflow:hidden;}
.solution_panel  .swiper-solution  .swiper-slide {margin-top:20px;}
.solution_panel  .swiper-solution  .solution_list {height:480px;width:1110px;margin:25px auto;overflow:hidden;}
.solution_panel  .swiper-solution  .solution_list li {position:absolute;text-align:center;display:table;}
.solution_panel  .swiper-solution  .solution_list li p {color:#666666;font-size:16px;margin-top:5px;}
.solution_panel  .swiper-solution  .solution_list li .g-img {cursor:pointer;margin:0 auto 10px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;background:url(../images/solution_ico_bj.jpg) no-repeat center;width:140px;height:140px;text-align:center;-moz-box-shadow:0px 0px 35px -10px #858585;-webkit-box-shadow:0px 0px 35px -10px #858585;box-shadow:0px 0px 35px -10px #858585;display:table-cell;vertical-align:middle;/*behavior:url(ie-css3.htc);position:relative;z-index:2;*/            -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.solution_panel  .swiper-solution  .solution_list li .g-img img {display:none;margin:0 auto;}
.solution_panel  .swiper-solution  .solution_list li .g-img img.on {display:block;margin:0 auto;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(1) {width:165px;height:180px;top:40px;left:50px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(2) {width:165px;height:185px;top:255px;left:140px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(3) {width:180px;height:185px;top:10px;left:310px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(4) {width:165px;height:185px;top:285px;left:415px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(5) {width:165px;height:185px;top:125px;left:585px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(6) {width:165px;height:185px;top:5px;left:780px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(7) {width:180px;height:185px;top:220px;left:845px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(8) {width:165px;height:185px;top:40px;left:1005px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(1) .g-img {width:140px;height:140px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(2) .g-img {width:110px;height:110px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(3) .g-img {width:180px;height:180px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(4) .g-img {width:140px;height:140px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(5) .g-img {width:140px;height:140px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(6) .g-img {width:150px;height:150px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(7) .g-img {width:180px;height:180px;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(8) .g-img {width:110px;height:110px;}
.solution_panel  .swiper-solution  .solution_list li .g-img:hover {background:url(../images/solution_hover1.jpg) no-repeat center;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(2) .g-img:hover,.solution_panel  .swiper-solution  .solution_list li:nth-child(1) .g-img:hover {background:url(../images/solution_hover2.jpg) no-repeat center;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(6) .g-img:hover,.solution_panel  .swiper-solution  .solution_list li:nth-child(8) .g-img:hover {background:url(../images/solution_hover3.jpg) no-repeat center;}
.solution_panel  .swiper-solution  .solution_list li:nth-child(7) .g-img:hover,.solution_panel  .swiper-solution  .solution_list li:nth-child(4) .g-img:hover {background:url(../images/solution_hover4.jpg) no-repeat center;}
.solution_panel  .swiper-solution  .solution_list li .g-img:hover img {display:block;}
.solution_panel  .swiper-solution  .solution_list li .g-img:hover img.on {display:none;}
.solution_panel .solution_xt .xt {position:absolute;}


.content pre{position:relative;background:#21252b!important; color:#999!important; border-radius:5px;font:15px/22px "Microsoft YaHei",Arial,Sans-Serif;line-height:1.6;margin-bottom:24px;max-width:100%;overflow:auto;text-shadow:none;color:#000; padding:40px 16px 20px; box-shadow:0 10px 30px 0 rgba(0,0,0,.2);}
.content pre::before{content:" ";position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d;width:12px;height:12px;left:12px;margin-top:-28px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:2}
.content pre code{color:#abb2bf!important;font-size:inherit;line-height:1.7;color:inherit;background-color:transparent;border-radius:0}

/*方案*/
.fang_top {width:100%;height:585px;background:url(../images/cbg.jpg) no-repeat center;overflow:hidden;padding-top:160px;}
.fang_top .text {text-align:center;}
.fang_top .text span {font-size:40px;color:#ffffff;margin:0 10px;text-transform:uppercase;-webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.fang_top .text span {font-size:40px;color:#ffffff;margin:0 10px;text-transform:uppercase;-webkit-text-shadow:0px 0px 10px rgba(0,0,0,0.5);-moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5);text-shadow:0px 0px 10px rgba(0,0,0,0.5);}
.fang_top .text .xt {height:1px;width:145px;margin:15px auto 0;border-bottom:1px solid rgba(255,255,255,0.5);}
.fang_list {width:100%;height:auto;margin-top:27px;}
.fang_list li {width:140px;height:auto;float:left;margin-right:72px;margin-bottom:30px;text-align:center;}
.fang_list li:nth-child(6n) {margin-right:0;}
.fang_list li a {display:block;width:100%;height:100%;overflow:hidden;}
.fang_pic {width:140px;height:140px;border-radius:50%;background:#fff;}
.fang_pic .pic-box {width:140px;height:140px;display:table-cell;vertical-align:middle;text-align:center;}
.fang_pic img {display:none;margin:0 auto;}
.fang_pic img.on {display:block;}
.fang_list li p {font-size:16px;color:#fff;text-align:center;margin-top:20px;display:inline-block;position:relative; line-height:30px; padding-bottom:10px;}
.fang_list li p:hover{color:#FFF;}
.fang_list li p:after { content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:#FFF;transition:all 0.3s ease-out; }
/*背景颜色改变效果*//*
.fang_list li:hover .fang_pic {background:url(../images/cbg.png) no-repeat;}
.fang_list li:hover .fang_pic img {display:block;}
.fang_list li:hover .fang_pic img.on {display:none;}
*//*图片动的效果*/
.fang_list li:hover .fang_pic img {animation:swing 1s 0s linear normal;-webkit-animation:swing 1s 0s linear normal;}
.fang_list li:hover p:after {width:100%;}
@-webkit-keyframes swing {20% {-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40% {-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60% {-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80% {-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100% {-webkit-transform:rotate(0deg);transform:rotate(0deg)}
}
@keyframes swing {20% {-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40% {-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60% {-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80% {-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100% {-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}
}



.i_service_t {width:1200px; margin:0 auto; text-align:center;}
.shfw{font-size:40px; color:#333; }
.menu_tit2{font-size:16px;}

#slist{ padding:20px 0 40px;}
.slist h4 { color: #dc362e; font-size: 18px; padding: 14px 0 8px; }
.slist p { color: #666; font-size: 13px; line-height: 24px; }
.slist { width: 1200px; margin:0 auto; padding-top:20px; overflow: hidden; }
.slist ul { padding: 24px 0 0 0; zoom: 1; }
.slist li { float: left; width: 300px; padding:0 0 40px 0; }
.slist li .pic { float: left; width: 75px; }
.slist li .txt { float: right; width: 180px; line-height:30px; padding-right:45px;}
.slist li .txt h2{ font-size:16px;}
.slist li .txt p{ color:#808080;}
.slist li .txt h2 a{ color:#000;  }   

 
.colorf {background:#fff;}
.pub_pd {padding:105px 0;}
.pub_title_en {text-align:center;color:#000000;line-height:45px;font-size:60px;width:80%;margin:0 auto 23px; font-weight:300;}
.pub_title_zh {text-align:center;font-size:30px;line-height:30px;color:#333333;position:relative;width:80%;margin:0 auto;}
.pub_title_link {width:60px;height:2px;background-color:#e60012;margin:23px auto 32px;}
.interesten .desc {text-align:center;font-size:16px;line-height:30px;}





.paddintop_w{padding-top:100px;}
.paddintop_w2{padding-top:50px;}

.main-banner {height:314px;position:relative;background:url(../images/banner_xys.png) top center no-repeat #050f2e;}
.main-banner2 {height:600px;position:relative;}
.xys .main-banner {height:314px;position:relative;background:url(../images/banner_xys.png) top center no-repeat #050f2e;}
.main-banner-cont {padding:60px 0 0;color:#fff;}
.main-banner-title {color:#fff;height:70px;line-height:70px;font-size:44px;}
.main-banner-descrip {color:#fff;font-size:24px;line-height:52px;}
.main-banner-btns {color:#fff;padding:20px 0 0;}
.protal-btn-green {background-color:#20b09f;border-color:#20b09f;color:#fff;}
.protal-btn {color:#fff;display:inline-block;width:176px;height:46px;line-height:44px;text-align:center;font-size:18px;position:relative;box-sizing:border-box;margin:0 17px 0 0;cursor:pointer;}
a {text-decoration:none;}



.more_center{width:150px; height:40px; line-height:40px; margin:0 auto;  text-align:center;}
.more_center a{ width: 150px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    background-color: #eee;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    margin: 0 4px;
    color: #333;}
.more_center a:hover{ color:#b02c27;}


.menus2{float:right; width:50%; text-align:right;}
.menus2 a{  margin:auto 15px; font-size:14px; padding-bottom:10px;}
.menus2 a:hover{color:#b02c27; border-bottom:1px solid #b02c27;}

.fengge2{padding-top:5px;}
.case-filter-opt-block .saixuan{padding:5px 13px; font-size:14px; text-align:center; }
.fenggeheight{height:40px;}
.case-filter-opt-block .cur{color:#FFF; background:#b02c27}

.fenggewidth{width:100%!important;}
.fenggelistheight{height:490px!important;}
.fengtitle1{    bottom: 0px!important;}
.fenggelistheight:hover .fengtitle1{    bottom:-40px!important;} 

.moreyune{width:100%; height:100px; text-align:center; background:#b02c27; font-size:20px; line-height:100px; margin-top:50px; }
.moreyune a{color:#fff;}

.case-filter-line2 {
    border-bottom: 1px dashed #E5E5E5;
    margin:0px 0 20px 0;
}

.connect-us ul .form-group{width:70%;}
.connect-us ul .form-group input{ width:100%; height:30px; line-height:30px;  border:1px solid #ddd; margin-bottom:15px; border-radius:1px; padding-left:5px;}
.connect-us ul .form-group textarea{width:100%; height:60px; line-height:20px; border:1px solid #ddd;  margin-bottom:15px;  border-radius:1px; padding-left:5px;}
.connect-us ul .form-group button{width:100%; height:30px; background:#b02c27; color:#fff; text-align:center; line-height:30px; border-radius:3px;}
.connect-us ul .xuanzhe{margin-bottom:15px;}
.connect-us ul .form-group select{ }
#xiqiu{height:30px!important; line-height:30px!important; color:#666; border:1px solid #ddd!important; width:200px;}

.friendlink{ background:#2e373d; }
.containerlink{width:1200px; margin:0 auto; height:24px; line-height:24px; color:#999; overflow:hidden;font-size:12px;}
.containerlink a{color:#999; font-size:12px;}


.searchright{width:250px; float:right;}
.case-search {position:absolute;right:0;top:0;}
.case-search-input {box-sizing:border-box;border:1px solid #E5E5E5;padding:0 40px 0 10px;width:236px;height:40px;line-height:40px;/* outline:none;*/    box-shadow:0px 0px 1px 1px #f6f6f6;}
.case-search-btn {position:absolute;background:url(../images/search.svg) no-repeat center center;border:none;right:0;top:20px;z-index:1;padding:0;height:40px;width:40px;cursor:pointer;/* outline:none;*/}

.shangxia{width:100%; height:80px; line-height:80px;    } 
.shangxia img{ height:15px; line-height:80px; margin:0 20px;  display:inline-block; }
.shang{width:49.9%; float:left; margin-right:0.1%; text-align:center; font-size:20px;  background:#eae9e9; display:inline-block; }
.xia{width:49.9%; float:left; margin-left:0.1%; text-align:center;font-size:20px;   background:#eae9e9; display:inline-block;}
.shangxia a:hover .shang{background:#e1e0e0;  color:#b02c27;}
.shangxia a:hover .xia{background:#e1e0e0;  color:#b02c27;}


.gbook{width:100%; float:left; pading:5px 0 20px 40px; }
.gbook .form-group2 {width:48%; float:left; margin-right:2%; line-height:30px; color:#333; margin-bottom:20px;}
.gbook .form-group2 input{ width:100%; height:40px; line-height:40px;  border:1px solid #ddd; margin-bottom:15px; border-radius:1px; padding-left:5px;}
.gbook .form-group2 textarea{width:100%; height:60px; line-height:20px; border:1px solid #ddd;  margin-bottom:15px;  border-radius:1px; padding-left:5px;}
.gbook .form-group2 button{width:100%; height:30px; background:#b02c27; color:#fff; text-align:center; line-height:30px; border-radius:3px;}
.gbook .xuanzhe{margin-bottom:15px;}
.gbook .form-group2 select{ }
#xiqiu{height:40px!important; line-height:40px!important; color:#666; border:1px solid #ddd!important; width:48.5%;}

.gbook .form-group3 {width:98%; float:left;  line-height:30px; color:#333;  margin-bottom:20px;}
.gbook .form-group3 input{ width:20px; height:20px; line-height:20px;  border:1px solid #ddd; border-radius:1px; padding-left:5px; margin-right:5px;}
.mdai{margin-right:20px; line-height:20px; margin-top:-10px;}
.rd{ margin-right:5px;}
.mingzi{line-height:30px; margin-bottom:10px; width:100%;}
.gbook .form-group4 input{ width:98%; height:40px; line-height:40px;  border:1px solid #ddd; margin-bottom:15px; border-radius:1px; padding-left:5px;}
.gbook .form-group4 textarea{width:98%; height:60px; line-height:20px; border:1px solid #ddd;  margin-bottom:15px;  border-radius:1px; padding-left:5px;}
.gbook .form-group4 button{width:48%; height:42px; background:#b02c27; color:#fff; text-align:center; line-height:40px; border-radius:3px;}

.newstags{ width:100%; margin-top:30px; margin-bottom:30px;}
.newstags a{padding:5px 15px; display:inline-block; background:#f8f8f8; color:#333; font-size:14px; text-align:center; }


    /*右侧漂浮框样式*/    
.showy {width:66px;position:fixed;right:0px;z-index:48; bottom: 10%;}
.showy .right-showy {position:relative;margin-bottom:2px;}
.showy .right-showy:hover .erweima {display:block;}
.showy .follow-showy {position:relative;margin-bottom:2px;}
.showy .follow-showy:hover .follow-img {display:block;}
.showy .follow-showy .follow-img {position:absolute;left:-100px;top:0px;width:100px;height:100px;display:none;}
.showy .right-showy .erweima {position:absolute;left:-100px;top:0px;width:100px;height:100px;display:none;}
.showy .item {width:65px;height:65px;margin-top:1px;-webkit-background-size:100% 100%;background-size:100% 100%;display:block;}
.showy .weixin {background:url("../images/right1.jpg") no-repeat center;background-size:100% 100%;}
.showy .need {background:url("../images/right2.jpg") no-repeat center;background-size:100% 100%;}
.showy .qq {background:url("../images/right3.jpg") no-repeat center;background-size:100% 100%;}
.showy .follow {background:url("../images/right4.jpg") no-repeat center;background-size:100% 100%;}
.showy .top {background:url("../images/right5.jpg") no-repeat center;background-size:100% 100%;}