/* banner */

.banner{position:relative;height:0;padding-bottom: 570px;overflow: hidden;}

.banner .img{position:absolute;top:0;left:0;display:none;height:0;padding-bottom: 36%;}

.banner .img:nth-child(1){display:block;}

.banner .img:nth-child(1) .text{top:70px;}
.banner .img:nth-child(1) .text p{top:60px;padding:15px 0; }
.banner .img:nth-child(1) .text a{ margin-top: 30px;}

.banner .img img{position:absolute;top:0;}

.banner .img .text{position:absolute;top:30%;}

.banner .img .text h1{font-weight:bold;text-align:center;color:#fff;font-size:50px;}

.banner .img .text p{text-align:center;color:#fff;padding:30px 0; font-size:20px;}

.banner .img .text a{width:140px;height:40px;border-radius:4px;line-height:40px;text-align:center;margin:70px auto; font-size: 14px;border: 1px solid #fff;color: #fff}

.banner .img .text a:hover{ background: #fff; color: #006EC5;}

.banner ul{position:absolute;bottom:15px;text-align:center;}

.banner ul li{display:inline-block;width:12px;height:12px;border-radius:100%; margin: 0 5px;}

.banner ul li.curr{border:1px solid #fff;}

.banner ul li .dot{width:6px;height:6px;background:#fff;border-radius:100%;margin:3px auto;}

 

/* 主页标题 */

.sub-head h1{text-align:center;font-size:36px;color:#333;padding-bottom:15px;}

.sub-head p{text-align:center;color:#898989;padding:5px 0;}

/* 服务领域 */

.serve ul{padding:70px 0;}

.serve ul li{display:inline-block;width:25%;border-right:1px dashed #E5E5E5;box-sizing:border-box;height:234px;}

.serve ul li .icon{width:136px;margin:0 auto 44px;}

.serve ul li h1{text-align:center;font-size:18px;color:#333;font-weight:bold;padding:8px 0;}

.serve ul li a{text-align:center;font-size:14px;color:#888;padding:5px 0;}

/* 案例展示 */

.nopadding{padding:0 !important}

.case .change-box .butt li{display: inline;}

.case{padding:45px 0;}

.case .change-box{margin-bottom:30px;}

.case .change-box .butt{text-align:center;padding:40px 0 30px;}

.case .change-box .butt li a{display:inline-block;margin:0 5px;background:#fff;border-radius:20px;height:30px;line-height:30px;padding:0 36px;color:#666;cursor:pointer;}

.case .change-box .butt li.choose a{background:#333333;color:#fff;}

.case .change-box .butt li a:hover{background:#333333;color:#fff;}

.case .change-box .change .change-list{padding:0 1%;display:none;}

.case .change-box .change .change-list:nth-child(1){display:block;}

.case .change-box .change .change-list li{width:24%;margin:0.5%;float:left;}

.case .change-box .change .change-list li .pic{width:100%;overflow:hidden;position:relative;height:0;padding-bottom:71%;}

.case .change-box .change .change-list li .pic img{position:absolute;top:0;left:0;}

.case .change-box .change .change-list li .pic .mask{width:100%;height:100%;position:absolute;background:rgba(0,110,197,0.5);opacity:0;transition:1s;}

.case .change-box .change .change-list li .pro{height:84px;background:#fff;padding:20px;transition:1s;}

.case .change-box .change .change-list li .pro h2{color:#333;}

.case .change-box .change .change-list li .pro p{font-size:12px;color:#888;padding-top:14px;}

.case .change-box .change .change-list li .pro .to{width:40px;height:40px;border-radius:100%;border:2px solid #DADADA;text-align:center;display:table;}

.case .change-box .change .change-list li .pro .to span{font-size:16px;color:#DADADA;display:table-cell;vertical-align:middle;}

.case .change-box .change .change-list li:hover .pic .mask{opacity:1;}

.case .change-box .change .change-list li:hover .pro{background:#006EC5;}

.case .change-box .change .change-list li:hover .pro h2{color:#fff;}

.case .change-box .change .change-list li:hover .pro p{color:#fff;}

/* 我们是谁 */

.us .pic-banner{}

.us p{font-size:14px;color:#333;text-align:center;font-family:'微软雅黑';line-height:30px;padding:18px 0 26px;}

.us .serve ul li{height:auto;}

.us .serve ul li .icon{margin:0 auto 10px;}

.us .serve ul li h1{font-weight:normal;font-size:14px;color:#666;}

/* 团队阵容 */

.team{background:#222222;padding:80px 0 20px;}

.team h1{color:#fff;}

.team p{color:#666;}

.team .cont{position:relative;margin-top:50px;}

.team .cont .arrow{position:absolute;font-size:60px;color:#393939;top:75px;}

.team .cont .arrow-right{right:0;cursor:pointer;}

.team .cont .arrow:hover{color:#006EC5;}

.team .cont .swiper-container{width:90%;margin:0 auto;direction:ltr;/* position:relative; */height:360px;}

.team .cont .swiper-container .swiper-wrapper{/* position:absolute; */width:100%;-webkit-transition-property:-webkit-transform, left,top;webkit-transition-duration:0s;webkit-transform: translate3d(0px,0,0);webkit-transition-timing-function: ease;moz-transition-property: -moz-transform, left, top;

    -moz-transition-duration: 0s;

    -moz-transform: translate3d(0px,0,0);

    -moz-transition-timing-function: ease;

    -o-transition-property: -o-transform, left, top;

    -o-transition-duration: 0s;

    -o-transform: translate3d(0px,0,0);

    -o-transition-timing-function: ease;

    -o-transform: translate(0px,0px);

    -ms-transition-property: -ms-transform, left, top;

    -ms-transition-duration: 0s;

    -ms-transform: translate3d(0px,0,0);

    -ms-transition-timing-function: ease;

    transition-property: transform, left, top;

    transition-duration: 0s;

    transform: translate3d(0px,0,0);

    transition-timing-function: ease;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;}

.team .cont .swiper-container .swiper-wrapper .swiper-slide{width:25%;float:left;}

.team .cont .swiper-container .swiper-wrapper .swiper-slide .top-pic{width:80%;margin:0 auto;border-radius:100%;overflow:hidden;height:0;padding-bottom:80%;}

.team .cont .swiper-container .swiper-wrapper .swiper-slide h3{font-size:14px;color:#f4f4f4;width:80%;margin:0 auto;text-align:center;line-height:34px;}

.team .cont .swiper-container .swiper-wrapper .swiper-slide .pro-txt{position:absolute;width:100%;display:none;width:1080px;text-align:center;font-size:14px;color:#999;padding-top:38px;line-height:24px;}

.team .cont .swiper-container .swiper-wrapper .swiper-slide-active .pro-txt{display:block;}

.team .cont .swiper-container .swiper-wrapper .swiper-slide-active .top-pic{border:2px solid #006EC5;box-sizing:border-box;}

/* 新闻中心 */

.news{padding:80px 0 40px;}

.news .change-box .change .change-list .change-list1{display:none;}

.news .change-box .change .change-list .change-list1:nth-child(1){display:block;}

.news .change-box .change .change-list .change-list1 li{width:50%;float:left;box-sizing:border-box;margin:0;padding:10px;overflow:hidden;margin-bottom:10px;height:160px;border:1px solid #f4f4f4;}

.news .change-box .change .change-list .change-list1 li:hover{border:1px solid #006EC5;}

.news .change-box .change .change-list .change-list1 li .left-img{width:220px;height:140px;overflow:hidden;}

.news .change-box .change .change-list .change-list1 li .txt{width:330px;}

.news .change-box .change .change-list .change-list1 li .txt .title{padding:10px 0;border-bottom:1px dashed #DBDBDB;box-sizing:border-box;}

.news .change-box .change .change-list .change-list1 li .txt .title h1{font-size:14px;color:#333;}

.news .change-box .change .change-list .change-list1 li .txt .title h2{font-size:12px;color:#999;line-height:22px;}

.news .change-box .change .change-list .change-list1 li .txt p{font-size:12px;color:#888;line-height:24px;text-align:justify;}

/* 合作伙伴 */

.frends{padding:80px 0 40px;}

.frends ul{padding:30px 0 50px;}

.frends ul li{float:left;width:190px;height:110px;margin-bottom:10px;margin-right:12px;border:2px solid #F4F4F4;overflow:hidden;position:relative;box-sizing:border-box;}

.frends ul li:nth-child(6n){margin-right:0;}

.frends ul li img{position:absolute;top:0;left:0;}

.frends ul li img:nth-child(2){display:none;}

.frends ul li:hover{border-color:#006EC5;}



/* 案例赏析列表页 */

.case-list .change-box .butt li{display: inline;}

.case-list .change-box .butt li a{background:none;border:1px solid #E5E5E5;box-sizing:border-box;}

.case-list .change-box .butt li.choose a{background:#006EC5;border:0;}

.case-list .change-box .butt li:hover a{background:#006EC5;border:0;border:1px solid #006EC5;}

.case-list .change-box .change .change-list li{width:32%;margin:0.5% 0;}

.case-list .change-box .change .change-list li.margin{margin:0.5% 2%;}

.case-list .change-box .change{padding:30px 0;}



/* 案例赏析详情页 */

.case-pro{position: relative;}

.case-pro .place{position:absolute;height:618px;top:-450px;}

.case-pro .place .computer{margin:0 auto;}

.case-pro .place .computer .case-pic{margin:0 auto;padding:30px 0;}

.case-pro .place .computer .light{width:330px;height:618px;position:absolute;top:-35px;right:104px;background-size:100%;}

.case-pro .place .but-box{height:42px;position:absolute;bottom:200px;}

.case-pro .place .but-box .but{width:42px;height:42px;border:2px solid rgba(255,255,255,0.5);box-sizing:border-box;border-radius:100%;text-align:center;}

.case-pro .place .but-box .but ins{color:rgba(255,255,255,0.5);font-size:30px;line-height:38px;}

.case-pro .place .but-box .but:hover{border-color:#fff;}

.case-pro .place .but-box .but:hover ins{color:#fff;}

.case-pro .company{padding:210px 0 30px;height:54px;}

.case-pro .company .name{width:190px;border-right:1px solid #E5E5E5;}

.case-pro .company .name h1{font-size:24px;color:#333;line-height:28px;}

.case-pro .company .name h2{color:#888;padding-top:10px;}

.case-pro .company .mid{margin-left:50px;}

.case-pro .company .mid h3{font-size:18px;}

.case-pro .company .mid h4{padding-top:14px;}

.case-pro .company .share{text-align:right;}

.case-pro .company .share .ico{width:50px;height:50px;border-radius:100%;border:1px solid #F4F4F4;box-sizing:border-box;float:left;margin-left:10px;}

.case-pro .company .share .ico .code{position:relative;width:100px;left:-30px;top:20px;height:0;transition:1s;overflow:hidden;}

.case-pro .company .share .ico:nth-child(1):hover .code{height:100px;}

.case-pro1{border-top:1px solid #F2F2F2;padding-bottom:40px;}

.case-pro1 h1{font-size:18px;padding-top:38px;}

.case-pro1 p{color:#888;padding-top:18px;line-height:24px;}

.case-pro-pic{padding:20px 0;}

.case-pro-pic .pic{box-shadow:0 0 6px #E9E9E9;}

.pic{ background: #f4f4f4; padding: 40px 0;}

.pic p{ width: 1200px; margin: 0 auto;}

.pic p a{  box-shadow:0 0 6px #E9E9E9; }

.case-pro-pic .want{width:170px;height:50px;margin:20px auto;background:#006EC5;color:#fff;border-radius:40px;text-align:center;line-height:50px;font-size:18px;}

.case-pro-pic .foot-but{text-align:center;padding:30px 0;cursor:pointer;height:30px;}

.case-pro-pic .foot-but .but{height:30px;padding:0 20px;display:inline-block;border:1px solid #EFEFEF;border-radius:30px;box-sizing:border-box;line-height:28px;font-size:12px;}

.case-pro-pic .foot-but .back{height:30px;width:30px;display:inline-block;border:1px solid #EFEFEF;border-radius:100%;box-sizing:border-box;line-height:28px;font-size:13px;margin:0 5px;}

.case-pro-pic .foot-but .but0:hover{background:#000000;border:1px solid #000;;color:#fff;}



/* 关于我们 */

.us-banner{height:0;padding-bottom:36%;background:url(../img/us/us-banner.jpg) no-repeat center center;background-size:cover;}

.us-banner .img{width:253px;margin:0 auto;padding-top:8%;}

.us-banner p{font-size:16px;line-height:30px;color:#fff;text-align:center;padding-top:40px;}



.us-pro .brand{padding:30px 0 40px;}

.us-pro .title{font-size:30px;color:#333;padding:40px 0;text-align:center;}

.us-pro .brand .pic{width:50%;height:340px;overflow:hidden;}

.us-pro .brand .txt{width:50%;height:340px;padding-left:50px;box-sizing:border-box;}

.us-pro .brand .txt .title{text-align:left;}

.us-pro .brand .txt p{line-height:36px;color:#333;}



.us-pro .our-team ul{padding-bottom:70px;}

.us-pro .our-team ul li{width:33.3%;float:left;padding:1%;box-sizing:border-box;}

.us-pro .our-team ul li .ico{width:98px;height:104px;overflow:hidden;margin:0 auto;}

.us-pro .our-team ul li h2{font-size:24px;color:#333;line-height:30px;padding-bottom:15px;text-align:center;}

.us-pro .our-team ul li p{color:#888;line-height:24px;font-size:14px;text-align:center;}



.us-pro .our-honor{position:relative;border-top:1px solid #ECECEC;}

.us-pro .our-honor .cont-box{height:450px;}

.us-pro .our-honor .arrow-box{height:36px;position:absolute;top:45%;margin-top:24px;left:50%;margin-left:-600px;z-index:999;}

.us-pro .our-honor .arrow-box .arrow{width:36px;height:36px;text-align:center;font-size:36px;line-height:36px;color:#E5E5E5;position:absolute;}

.us-pro .our-honor .arrow-box .arrow:hover ins{color:#B2B2B2;}

.us-pro .our-honor .arrow-box .arrow-left{left:-60px;}

.us-pro .our-honor .arrow-box .arrow-right{right:-60px;}
 


.us-pro .our-honor ul li{ width:300px;box-sizing:border-box;padding-top:0;padding-bottom:0;}

.us-pro .our-honor ul li img{ width: inherit; padding: 0 65px;}

.us-pro .our-honor ul li p{font-size:14px;color:#333;text-align:center;padding:10px 0;}



.us-pro .frends{padding:0 0 10px;}



.us-pro .touch{padding:60px 0 80px;}

.us-pro .touch .map{width:50%;height:640px;}

.map-title{font-size:20px;}

.open-panorama-btn{width:16px;height:16px;float:right;margin-right:20px;}

.content{font-size:14px;line-height:22px;}

.us-pro .touch .txt{width:48%;}

.us-pro .touch .txt .title{text-align:left;}

.us-pro .touch .txt .up1{padding-top:70px;}

.us-pro .touch .txt .up .left{width:350px;}

.us-pro .touch .txt .up .right{width:120px;margin-right:80px;}

.us-pro .touch .txt h2{font-size:18px;color:#333;line-height:30px;}

.us-pro .touch .txt p,.us-pro .touch .txt p a{font-size:14px;color:#333;line-height:30px;}

.us-pro .touch .txt .up .right span{display:block;text-align:center;font-size:14px;color:#333;line-height:30px;}

.us-pro .touch .txt h3{font-size:12px;color:#888;line-height:24px;}



.us-pro .to-learn{position:relative;}

.us-pro .to-learn .mask{width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.7);top:0;padding-top:8%;box-sizing:border-box;}

.us-pro .to-learn .mask .title{color:#fff;}

.us-pro .to-learn .mask p{color:#fff;font-size:14px;text-align:center;padding-bottom:5%;}

.us-pro .to-learn .mask .learn{font-size:18px;color:#fff;width:150px;height:40px;line-height:40px;margin:0 auto;background:#006EC5;border-radius:40px;text-align:center;}



/* 新闻中心列表页 */

.news-list .change li{width:32%;float:left;margin:15px 0;}

.news-list .change li.margin{margin:15px 2%;}

.news-list .change li a .pic{width:100%;height:240px;overflow:hidden;position:relative;}

.news-list .change li a .date{position:absolute;left:0;top:0;width:70px;height:50px;background:rgba(0,0,0,0.5);padding:10px;box-sizing:border-box;}

.news-list .change li a .date h1{color:#fff;padding-bottom:6px;}

.news-list .change li a .date h2{font-size:12px;color:#fff;}

.news-list .change li a h3{color:#333;line-height:30px;padding-top:10px;}

.news-list .change li a p{font-size:14px;color:#888;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}



/* 新闻中心详情页 */

.news-pro{padding:50px 0;}

.news-pro .title{padding-bottom:20px;}

.news-pro .title .left{width:65%;}

.news-pro .title .left h1{font-size:24px;color:#333;padding-bottom:6px;}

.news-pro .title .left h2{font-size:12px;color:#888;display:inline-block;padding:0 15px;border-right:1px solid #DADADA;}

.news-pro .title .left h2.no-padding{padding-left:0;}

.news-pro .title .left h2:nth-last-child(1){border:0;}

.news-pro .cont{background:#fff;padding:50px 30px;box-sizing:border-box;}

.news-pro .title .right{width:35%;text-align:right;}

.news-pro .title .right .icon{display:inline-block;width:30px;height:30px;border-radius:100%;border:1px solid #DCDCDC;overflow:hidden;position:relative;}

.news-pro .title .right .icon .pics{position:absolute;top:0;left:0;transition:0.5s;}

.news-pro .title .right .icon:hover{border-color:#FD2A2B;}

.news-pro .title .right .icon:hover .pics{top:-30px;}

.news-pro .cont p{font-size:14px;line-height:30px;color:#888;}

.news-pro .cont .pic-box{padding:15px 0;}

.news-pro .cont .pic-box .pic{width:49%;}

.news-pro .cont .pic-box .pic:nth-child(odd){margin-right:1%;}

.news-pro .cont .pic-box .pic:nth-child(even){margin-left:1%;}



/*

 *留言

*/

.chen{

    display: block;

    top: 50%;

    left: 50%;

    margin-left: -120px;

    margin-top: -174.5px;

    height: 265px;

    right: auto;

    bottom: 1px;

    border-radius: 5px;

    background-color: #ededed;

}

.chen1{

    height: 35px;

    line-height: 35px;

    font-size: 14px;

    background-color: #00aef3;

    border-top-left-radius: 5px;

    border-top-right-radius: 5px;

} 

.chen2{

    float: left;

    font-size: 14px;

    color: #fff;

    margin-left: 12px;

    line-height: 35px;

}

.chen3{

    padding-top: 5px;

    width: 180px;

    height: 79px;

    

    padding: 6px 4px;

    resize: none;

    overflow: hidden;

    border: 1px solid #d5d5d5;

    background-color: #fff;

    text-align: left;

    _line-height: 14px;

}

.chen4{

    position: relative;

    width: 190px;

    margin: 7px auto 0;

    padding: 0 10px;

}

.chen5{

    height: 30px;

    width: 190px;

    line-height: 30px;

    margin: 7px auto 0;

    _margin: 7px 0 0 -10px;

    border: 1px solid #d5d5d5;

    position: relative;

    background-color: #fff;

   

}

.chen6{

    padding-left: 10px;

    margin: 0;

    width: 140px;

    height: 27px;

    line-height: 27px;

    _overflow: hidden;

    border: none;

    display: inline-block;

    padding: 0 10px;

}

.chen7{

    width: 190px;

    margin: 12px auto 0 0px;

    padding-bottom: 18px;

    _margin-left: 10px;

    padding: 0 10px;

}

.chen8{

    height: 30px;

    width: 75px;

    line-height: 30px;

    text-align: center;

    border-radius: 2px;

    font-size: 14px;

    color: #fff;

    cursor: pointer;

    background-color: #00aef3;

    border: unset;

    padding: 0 10px;

   

}


/* 三网合一建站系统 */
.head_top { width: 1200px; margin: 0 auto; height: 90px;}
.head_top .head_top_logo{width: 375px;padding-top: 22px; float: left;}
.head_top ul.head_top_nav li{ float: left; margin-right: 25px; height: 88px; line-height: 90px; display: inline-block;}
.head_top ul.head_top_nav li a{ line-height: 90px;}
.head_top ul.head_top_nav .border{border-bottom: 2px solid #006EC5;}
.head_top ul.head_top_nav li.border a{ color: #1176ff}

.banner_bg{ background:url(../img/swhy_banner_bgt.jpg) center; height: 520px; width: 100%;}
.banner_bg_txt{ width: 1200px; margin: 0 auto; color: #fff;padding-top: 170px; text-align: center;}
.banner_bg_txt h1{ font-size: 36px;  padding: 2px 0;color: #fff;display: inline-block;}
.banner_bg_txt h2{ font-size: 72px; font-weight: bold; color: #fff; line-height: 110px;display: inline-block; width: 1200px;}
.banner_bg_txt p{ font-size: 18px;color: #fff;display: inline-block; width: 1200px; }

.yiwei{width: 100%; margin: 60px auto;}
.yiwei_con{ width: 1200px; margin: 0 auto;}
.yiwei_con_title{ width: 1200px;}
.yiwei_con_title h1,.wx_adv_con_title h1,.swhy_con_title h1,.system_adv_title h1,.liucheng_title h1,.Cooperation_title h1{font-size:30px; color: #444; text-align: center;}
.yiwei_con_title p,.system_adv_title p,.liucheng_title p,.Cooperation_title p{font-size:14px; color: #999; line-height: 24px;padding: 6px 0; text-align: center;}
.yiwei_con_title strong{font-size:18px; color: #006ec5;; text-align: center;display: block;}

.yiwei_con .yiwei_con_tb{ width: 1200px; padding-top: 50px;}
.yiwei_con .yiwei_con_tb li{ width: 300px; float: left; text-align: center;}
.yiwei_con .yiwei_con_tb li img{ width: 150px; padding-bottom: 20px; padding-left: 75px;}
.yiwei_con .yiwei_con_tb li h2{ font-size: 18px; color: #333;}
.yiwei_con .yiwei_con_tb li p{ color: #999; line-height: 24px; font-size: 14px; padding-top: 10px;}
.yiwei_con a{ width: 270px; height: 50px; line-height: 50px;  margin: 50px auto auto 450px; background: url(../img/tel_tb01.png); padding-left: 30px; font-size: 14px;}
.yiwei_con a:hover{color: #1176FF; background: url(../img/tel_tb02.png); }

.wx_adv{ width: 100%; background: url(../img/adv_bg.jpg) no-repeat center; display: block;}
.wx_adv .wx_adv_con{ margin: 60px auto;}
.wx_adv .wx_adv_con .wx_adv_con_title{ text-align: center;}
.wx_adv .wx_adv_con .wx_adv_con_title h3,.swhy_con_title h3,.Features_con_title h3{ font-size: 18px; font-weight: bold; color: #fff;}
.wx_adv .wx_adv_con .wx_adv_con_title h1,.Features_con_title h1{ color: #fff; margin: 30px 0 15px 0;}
.wx_adv .wx_adv_con .wx_adv_con_title p{ font-size: 14px; color: #fff;}


.wx_adv_con_con{padding-top: 30px;}
.wx_adv_con_con_left{ width:420px;}
.wx_adv_con_con_left li{ width: 410px; height: 110px; border-radius: 6px; background: #fff; padding: 10px; padding-left: 0; margin-bottom: 10px;}
.wx_adv_con_con_left li div span{ float: left; line-height: 30px;  height: 30px;border-radius:0 10px 10px 0; background: #1176FF; padding-left: 20px; padding-right: 10px; color: #fff;}
.wx_adv_con_con_left li div h4{ float: left; color: #1176ff; line-height: 30px; margin-left: 10px; width: 300px;}
.wx_adv_con_con_left li p{ float: left; padding-left: 20px; font-size: 14px; line-height: 24px; margin-top: 10px;}
.wx_adv_con_con_center{ width:320px; height: 500px; background: url(../img/adv_san.png) no-repeat; margin: 0 20px; padding-top: 50px; text-align: center;}
.wx_adv_con_con_center p,.wx_adv_con_con_center h4{ color: #fff; font-size: 18px;}
.wx_adv_con_con_center h3{ color: #fff; font-size: 60px; font-weight: bold; margin: 10px 0 25px 0;}


.swhy,.system_adv,.Cooperation{ width: 100%;}
.swhy .swhy_con,.Cooperation{ margin: 60px auto;}
.swhy_con_title{ text-align: center; margin-bottom: 30px;}
.swhy_con_title h3{ color: #333;}
.swhy_con_title h1{ margin: 30px 0 15px 0;}
.swhy_con_title p{line-height: 24px; font-size: 14px; color: #999;}
.swhy_con_pro1{ float: left; margin-bottom: 20px;}
.swhy_con_pro1 img,.swhy_con_pro3 img{ width: 600px; border-radius:6px 0 0 6px;}
.swhy_con_pro2 img{border-radius: 0 6px 6px 0;}
.swhy_con_pro1 .swhy_con_protext,.swhy_con_protext2{ width: 510px; border-radius: 0 6px 6px 0; background: #f4f4f4; height:480px; padding: 40px 40px 0 50px;} 
.swhy_con_pro2 .swhy_con_protext{ width: 510px; border-radius: 6px 0 0 6px; background: #f4f4f4; height:440px; padding: 40px 40px 0 50px;} 
.swhy_con_pro1 .swhy_con_protext h1,.swhy_con_protext2 h1{ font-size: 24px; color: #333;}
.swhy_con_pro1 .swhy_con_protext span,.swhy_con_protext2 span{ width:20px; height: 3px; background: #1176ff; display: block; margin-top:10px; margin-bottom: 30px;}
.swhy_con_pro1 .swhy_con_protext div{ float: left; width: 510px; margin-bottom: 15px;}
.swhy_con_pro1 .swhy_con_protext div img{ width: 41px;}
.swhy_con_pro1 .swhy_con_protext div h2{ font-size: 18px; font-weight: bold; color: #333; line-height: 41px; margin-left: 10px;}
.swhy_con_pro1 .swhy_con_protext div p{ margin-left: 51px; line-height: 18px; font-size: 14px;}

.swhy_con_pro3 img{ height: 410px;}
.swhy_con_protext2{ height:370px;}
.swhy_con_protext2 p{ font-size: 14px; line-height: 24px;}
.swhy_con_protext2 a{ width:270px; height: 50px; background:url(../img/tel_tb02.png); line-height: 50px; font-size: 14px; color: #1176FF; padding-left: 30px; margin-top: 110px;}


.Features{ width: 100%; background:url(../img/swhy_sixbgt.jpg) no-repeat; display: block;}
.Features_con{ padding: 60px 0;}
.Features_con_title{ text-align: center; width:1200px;}
.Features_con_title h1{ font-size: 30px;}
.Features_con_con{ margin-top: 80px;}
.Features_con_con ul li img{ width: 90px; margin-left: 155px; margin-bottom: 20px;}
.Features_con_con ul li{ float: left; width: 399px; text-align: center; border-right: 1px dashed rgb(255, 255, 255,0.1); border-bottom: 1px dashed rgb(255, 255, 255,0.1);padding-bottom: 30px; height: 240px;}
.Features_con_con ul li h1{ font-size: 18px; color: #fff; margin-bottom: 15px;}
.Features_con_con ul li p{ font-size: 14px; color: #dadada; padding: 0 60px; line-height: 24px;}


.system_adv{ padding: 60px 0;}
.system_adv_con{ background: url(../img/sye_bg.png) no-repeat; width: 1150px; height: 360px; margin-top: 60px; padding-left: 50px; padding-top: 40px;}
.system_adv_con p{ line-height: 24px; color: #333; margin: 100px 0; font-size: 14px;}
.system_adv a{ width: 270px; height: 50px; line-height: 50px;  margin: 50px auto auto 450px; background: url(../img/tel_tb01.png); padding-left: 30px; font-size: 14px;}
.system_adv a:hover{color: #1176FF; background: url(../img/tel_tb02.png); }

.liucheng{ width: 100%; background:url(../img/liucheng_bg.jpg); padding: 60px 0;}
.liucheng_title{ width: 100%; text-align: center;}
.liucheng_con{ background:url(../img/liucheng_bg.png) no-repeat center 65px; height: 570px; width: 100%;} 
.liucheng_con ul.w1200 li{ float: left; width: 100px; text-align: center; color:#1176ff;}


.Cooperation_title{ width: 1200px; text-align: center;}
.Cooperation_con{ width: 1200px; padding-top: 30px;}
.Cooperation_con ul li{ float: left; width: 226px; height: 146px; border: 2px  solid #fff; border-radius: 4px; margin-bottom: 10px;}
.Cooperation_con ul li:hover{ border: 2px  solid #1176FF;box-shadow: 4px 5px 20px #d1e3ff; cursor: pointer;}



.webfooter{ background: #222; width: 100%; padding: 50px 0;}
.webfooter_left{ width: 600px;}
.webfooter_left ul{ width: 600px; margin-bottom: 15px;}
.webfooter_left ul li{ float: left;}
.webfooter_left ul li a{ font-size: 14px; color: #fff; margin-right: 20px;}
.webfooter_left p{ float: left; font-size: 12px; color: #999; width: 900px; line-height: 24px;}
.webfooter_right img{ width: 100px; height: 100px; border: 5px solid #fff; border-radius: 6px;}
.webfooter_right p{ width: 110px; text-align: center; line-height: 24px; color: #999; font-size: 12px;}