* {
  margin: 0;
  border: 0;
  padding: 0;
  outline: none;
  font-size: 14px;
  list-style: none;
  text-decoration: none;
}
body {
    font-family: "Microsoft YaHei", "SimSun";
}
#clear{clear:both}
#public-bg{top:0;left:0;width:100%;height:100%;opacity:.6;display:none;z-index:9998;position:fixed;-moz-opacity:.6;-khtml-opacity:.6;background:#000}
#navs-bg{top:0;left:0;width:100%;height:100%;opacity:.7;z-index:100;display:none;position:absolute;background-color:#000}
#pc-head{position:relative}
#pc-head .nav-bg{display:none;left:0;width:100%;z-index:2;height:250px;position:absolute;background:url(../imgs/ico_3.png) repeat}
#pc-head .seeks{width:100%;background:#ebebeb}
#pc-head .seeks .model{height:40px;width:1180px;margin:0 auto}
#pc-head .seeks .model .seek{margin-right:5px;float:right;margin-top:8px;position:relative}
#pc-head .seeks .model .seek .text{width:152px;height:23px;font-size:12px;background:#fff;padding:0 30px 0 10px;border:1px solid #ccc}
#pc-head .seeks .model .seek .submit{top:2px;right:8px;width:18px;height:19px;cursor:pointer;position:absolute;background:url(../imgs/img-map.png) 0 0}
#pc-head .seeks .model a{color:#626262;height:15px;line-height:15px;padding-left:8px;margin:12px 0 0 8px}
#pc-head .seeks .model a:hover{color:#005bac}
#pc-head .navs{height:80px;width:1180px;margin:0 auto;position:relative}
#pc-head .navs .logo{float:left}
#pc-head .navs .nav-index{float:left;height:80px;display:block;color:#404040;font-size:16px;padding:0 25px;overflow:hidden;line-height:80px;margin-left:144px;position:relative}
#pc-head .navs .nav-index:hover{color:#fff;background:#005bac}
#pc-head .navs .hover{color:#fff;background:#005bac}
#pc-head .navs .nav{float:right}
#pc-head .navs .nav li{float:left}
#pc-head .navs .nav li .a{height:80px;display:block;color:#404040;font-size:16px;padding:0 22px;line-height:80px;overflow:hidden;position:relative}
#pc-head .navs .nav li .a .arr{width:100%;height:2px;left:0;bottom:-2px;position:absolute;background:#e60013}
#pc-head .navs .nav li .a .arr span{top:5px;width:0;height:0;left:49.5%;display:block;position:absolute;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid #e60013}
#pc-head .navs .nav li .nav-s{left:0;z-index:3;display:none;width:1180px;height:250px;position:absolute}
#pc-head .navs .nav li .nav-s .img{float:left;display:block;width:300px;margin-top:43px;height:163px}
#pc-head .navs .nav li .nav-s .txts{float:left;width:440px;margin:50px 0 0 50px}
#pc-head .navs .nav li .nav-s .txts .title{color:#3e3e3e;font-size:16px;margin-bottom:12px}
#pc-head .navs .nav li .nav-s .txts .txt{color:#737373;line-height:23px;font-size:12px}
#pc-head .navs .nav li .nav-s .txts a{width:78px;height:23px;display:block;color:#4c4c4c;font-size:12px;margin-top:20px;line-height:20px;text-align:center;border:1px solid #bfbfbf}
#pc-head .navs .nav li .nav-s .txts a:hover{color:#fff;background:#005bac;border:1px solid #005bac}
#pc-head .navs .nav li .nav-s .list-a{float:right;width:320px;margin-top:43px}
#pc-head .navs .nav li .nav-s .list-a a{float:left;width:130px;display:block;margin:0 15px;color:#4c4c4c;padding:10px 0;text-align:center;border-bottom:1px solid #bfbfbf}
#pc-head .navs .nav li .nav-s .list-a a:hover{color:#005bac;border-bottom:1px solid #005bac}
#pc-head .navs .nav li .a:hover{color:#fff;background:#005bac}
#pc-head .navs .nav li .a:hover .arr{bottom:0}
#pc-head .navs .nav li .a:hover .arr span{top:-5px;transition:all .5s ease 0s}
#pc-head .navs .nav .hover .a{color:#fff;background:#005bac}
#pc-head .navs .nav .hovers .a{color:#fff;background:#005bac}
#pc-head .navs .nav .hovers .a .arr{bottom:0}
#pc-head .navs .nav .hovers .a .arr span{top:-5px;transition:all .5s ease 0s}
#pc-head .toying{z-index:1;bottom:-8px;width:100%;height:8px;position:absolute;background:url(../imgs/ico_2.png) repeat}
.phone-height{height:50px;display:none}
#phone-head{display:none}
#pc-banner{width:100%;height:530px;margin:0 auto;position:relative}
#pc-banner a{top:0;left:0;width:100%;display:none;height:530px;position:absolute;text-align:center}
#pc-banner ul{left:50%;height:23px;width:100px;bottom:60px;border-radius:50px;line-height:25px;position:absolute;text-align:center;margin-left:-50px;background:url(../imgs/ico_1.png) repeat}
#pc-banner ul li{width:12px;height:12px;margin:0 4px;cursor:pointer;background:0 0;border-radius:50px;display:inline-block;border:1px solid #fff}
#phone-banner{display:none}
.user-mes{margin-left:20px;}
.user-mes a{padding:0;margin:0;}


/*公司简介*/
#pc-intro{width:100%;height:450px;background:#fff}
#pc-intro.model{width:1180px;height:610px;margin:0 auto;position:relative;background:#fafafa}
#pc-intro.model#fixed-left{left:-125px;width:115px;height:344px;bottom:50px;position:absolute;border:1px solid#d6d6d6}
#pc-intro.model#fixed-left.close{width:13px;height:13px;float:right;cursor:pointer;margin:10px 10px 0 0;background:url(../imgs/img-map.png) -42px 0}
#pc-intro.model#fixed-left.nr{width:97px;color:#737373;margin:0 auto;text-align:center}
#pc-intro.model#fixed-left.nr.tt{margin-top:25px;margin-bottom:5px}
#pc-intro.model#fixed-left.nr.txt{width:80px;margin:5px auto;font-size:12px;line-height:18px}
#pc-intro.model#fixed-left.nr img{width:97px;height:97px;display:block}
#pc-intro.model.bgs{z-index:1;top:-40px;width:1180px;height:680px;position:absolute;transition:all .9s ease 0s;background:url(../imgs/ico_4.png) repeat;box-shadow:0 3px 7px rgba(0,0,0,.3);-moz-box-shadow:0 3px 7px rgba(0,0,0,.3);-webkit-box-shadow:0 3px 7px rgba(0,0,0,.3)}
#pc-intro.model.centre{left:20px;top:20px;width:1140px;height:590px;z-index:2;background:#f5f5f5;position:absolute}
#pc-intro.model.centre.list{float:left}
#pc-intro.model.centre.list.top{height:29px;width:100%;border-bottom:1px solid#d6d6d6}
#pc-intro.model.centre.list.top span{float:left;color:#404040;line-height:19px;display:block;font-size:16px;font-weight:700}
#pc-intro.model.centre.list.top a{width:20px;height:20px;float:right;display:block;background:url(../imgs/img-map.png) -20px 0}
#pc-intro.model.centre.list.bottom{height:183px;margin-top:20px}
#pc-intro.model.centre.list.bottom.img{float:left;width:198px;height:183px;display:block}
#pc-intro.model.centre.list.bottom.left{float:right;width:416px}
#pc-intro.model.centre.list.bottom.left.one{padding:8px 0 15px;border-bottom:1px solid#d9d9d9}
#pc-intro.model.centre.list.bottom.left.one.title{height:20px;line-height:20px}
#pc-intro.model.centre.list.bottom.left.one.title a{float:left;width:310px;color:#005bac;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"微软雅黑"}
#pc-intro.model.centre.list.bottom.left.one.title span{float:right;color:#b2b2b2;font-size:12px}
#pc-intro.model.centre.list.bottom.left.one.txt{color:#737373;font-size:12px;line-height:20px;margin-top:8px;font-family:"微软雅黑"}
#pc-intro.model.centre.list.bottom.left ul li{height:20px;line-height:20px;margin-top:10px}
#pc-intro.model.centre.list.bottom.left ul li p{width:5px;height:5px;float:left;background:#ccc;margin:7px 7px 0 0;border-radius:50px}
#pc-intro.model.centre.list.bottom.left ul li a{float:left;width:280px;display:block;color:#595959;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#pc-intro.model.centre.list.bottom.left ul li a:hover{color:#005bac}
#pc-intro.model.centre.list.bottom.left ul li span{display:block;float:right;color:#b2b2b2;font-size:12px}
#pc-intro.model.centre.list.bottom.right{float:left;width:206px;margin-left:21px}
#pc-intro.model.centre.list.bottom.right.tab{height:29px;border-bottom:1px solid#d9d9d9}
#pc-intro.model.centre.list.bottom.right.tab li{float:left;width:103px;color:#595959;cursor:pointer;line-height:23px;text-align:center}
#pc-intro.model.centre.list.bottom.right.tab.click p{width:103px;height:2px;margin-top:5px;position:relative;background:#005bac}
#pc-intro.model.centre.list.bottom.right.tab.click p span{top:-3px;width:0;height:0;left:51px;display:block;position:absolute;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid#005bac}
#pc-intro.model.centre.list.bottom.right.list{display:none}
#pc-intro.model.centre.list.bottom.right.list li{margin-top:10px;height:20px;line-height:20px}
#pc-intro.model.centre.list.bottom.right.list li p{width:5px;height:5px;float:left;background:#ccc;margin:7px 7px 0 0;border-radius:50px}
#pc-intro.model.centre.list.bottom.right.list li a{width:160px;display:block;color:#595959;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#pc-intro.model.centre.list.bottom.right.list li a:hover{color:#005bac}
#pc-intro.model.centre.enterprise,#pc-intro.model.centre.news{width:635px;margin-left:20px}
#pc-intro.model.centre.product,#pc-intro.model.centre.solution{width:425px;margin-left:35px}
#pc-intro.model.centre.news,#pc-intro.model.centre.solution{margin-top:30px}
#pc-intro.model.centre.enterprise,#pc-intro.model.centre.product{margin-top:40px}

#pc-intro .ind_gs_list{display:none;margin-top:15px;}
#pc-intro .ind_gs_list li.prigh{float:left;width:34%;margin-left: 4%;}
#pc-intro .ind_gs_list li.prigh a{padding-right:0;}
#pc-intro .ind_gs_list li.prigh ul{clear:both;}
#pc-intro .ind_gs_list li.prigh li{float:left;margin: 11px;}
#pc-intro .ind_gs_list li.prigh li i{padding: 6px 8px;background-color: #1976bd;color: #fff;font-size: 18px;}
#pc-intro .ind_gs_list li.prigh li span{padding: 6px 8px;background-color: #fff;color: #333;font-size: 18px;padding-right: 30px;}
#pc-intro .ind_gs_list li.pleft{float:left;width:60%;}
#pc-intro .ind_gs_list li a{display:block;border-right:1px solid #eaeaea;padding:0 6%;padding-left:0}
#pc-intro .ind_gs_list li:last-child a{border:none;}
#pc-intro .ind_gs_list h3{font-size:16px;line-height:16px;color:#333;}
#pc-intro .ind_gs_list p{font-size:14px;line-height:33px;color:#333;margin-top:0; text-indent:28px}
#pc-intro .ind_gs_list .date{text-align: right;padding-right:24px;height:15px;line-height:15px;font-size:14px;color:#333;background:url(../images/ind_time.png) no-repeat;}
#pc-intro .ind_news_more{display:block;width:156px;height:50px;text-align:center;line-height:50px;font-size:14px;font-family:"Arial";color:#fff;margin:60px auto 0;background:#6aa8db;}
/*移动版*/
#phone-intro{display:none}
#phone-intro .ind_tit{text-align:center;margin-bottom: 20px;}
#phone-intro .ind_gs_list p{font-size:14px;line-height:33px;color:#333;margin-top:0; text-indent:28px;margin:0}
#phone-intro .ind_gs_list li a{display:block;border-right:0;padding:0;padding-left:0;}
#phone-intro .ind_gs_list li.mleft{border-bottom:1px solid #eaeaea;padding-bottom:30px}
#phone-intro .ind_gs_list li.mrigh{width:100%}
#phone-intro .ind_gs_list .date{text-align: right;padding-right:24px;height:15px;line-height:15px;font-size:14px;color:#333;background:url(../images/ind_time.png) no-repeat;}
#phone-intro .ind_gs_list li.mrigh ul{clear:both;}
#phone-intro .ind_gs_list li.mrigh{margin-top:30px}
#phone-intro .ind_gs_list li.mrigh li{margin: 25px auto; text-align: center;}
#phone-intro .ind_gs_list li.mrigh li i{padding: 6px 8px;background-color: #1976bd;color: #fff;font-size: 18px;}
#phone-intro .ind_gs_list li.mrigh li span{padding: 6px 23px;background-color: #fff;color: #333;font-size: 18px;padding-right: 30px;}

/*工程案例*/
.pc-case{width:100%;padding-top:85px;background:#1976bd;padding-bottom:50px;background:url(../imgs/gc_bg.png) #1976bd 0 0 no-repeat}
.pc-case .title{font-size:26px;color:#fff;line-height:36px;text-align:center;margin-bottom:24px}
.pc-case .desc{font-size:14px;color:#fff;text-align:center;width:80%;margin:0 auto}
.pc-case .top{margin-top:40px;text-align:center}
.pc-case .top span{font-size:15px;color:#fff;display:inline-block;padding:10px 20px;margin:0 25px;cursor:pointer;position:relative;z-index:2}
.pc-case .top span.on{color:#fff}
.pc-case .top span:before{content:"";position:absolute;width:100%;height:1px;background:#21aee6;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:50% 50%;transition:all .4s linear 0s;z-index:-1}
.pc-case .top span:hover{color:#fff}
.pc-case .top span:hover:before{transform:scaleX(1)}
.pc-case .top span.on:before{transform:scaleX(1)}
.pc-case .cont{margin-top:20px}
.pc-case .cont .item{display:none}
.pc-case .cont .item .box{width:100%;height:1785px;position:relative;overflow:hidden}
.pc-case .cont .item .box:nth-child(2n){border-right:none}
.pc-case .cont .item .box:before{content:'';background:rgba(0,0,0,.6);height:100%;width:100%;opacity:0;filter:blur(10px);position:absolute;left:0;top:0;z-index:1;transition:all .3s ease-in-out}
.pc-case .cont .item .box:hover:before{opacity:1;filter:blur(0);transform:scale(1,1) rotate(0)}
.pc-case .cont .item .box .box-content{text-align:center;width:100%;opacity:0;transform:translateX(-50%) translateY(-50%) scale(3);position:absolute;top:50%;left:50%;z-index:1;transition:all .3s ease}
.pc-case .cont .item .box:hover .box-content{text-align:center;opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}
.pc-case .cont .item .box .title{color:#fff;font-size:36px;font-weight:700;text-transform:uppercase}
.pc-case .cont .item .box a{font-size:14px;color:#237ae4;text-transform:capitalize}

/*公司新闻*/
#pc-news {width: 100%;height: 430px;background: url(../imgs/news_bg.jpg) no-repeat}
#phone-news {display: none; width: 100%;height: 639px;background: url(../imgs/news_bg.jpg) no-repeat}
#phone-news .indnews_banner {width: 100%;}
#pc-news .indnews_list{width: 53%;padding-left: 3%;padding-top: 15px;border-left: 1px solid #e2e2e2;height:295px;overflow: hidden;}
#phone-news .indnews_list{width: 100%;padding-left: 3%;padding-top: 15px;border-left: 1px solid #e2e2e2;height:295px;overflow: hidden;}
#phone-news .indnews_list li a{color: #333;font-size: 15px;line-height: 32px;height: 32px;display: block;}
#phone-news .indnews_list li a p{width: 80%;margin: 0;font-size:15px;line-height: 32px;}
.indnews_banner{width: 44%;}
.indnews_banner,.indnews_banner .swiper-wrapper,.indnews_banner .swiper-slide,.indnews_banner img{max-height:300px;height:auto !important;}
.indnews_banner .swiper-slide a{display: block;position: relative;height:295px;}
.indnews_banner .swiper-slide a img{display: none;}
.indnews_banner .swiper-slide a p{padding: 12px 20px;font-size: 17px;color: #fff;padding-right:80px}
.indnews_pagination{position: absolute;text-align: right;left: auto;right:14px;bottom: 15px; z-index: 1;}
.indnews_pagination .swiper-pagination-switch{width:10px;height:10px;margin:0 5px;border: 1px solid #fff;background: none;}
.indnews_pagination .swiper-visible-switch,.indnews_pagination .swiper-active-switch{background: #fff;}
.indnews_list li:first-child{margin-top: -8px;}
.indnews_list li a{color: #333;font-size: 15px;line-height: 35px;height: 35px;display: block;}
.indnews_list li a p{width: 80%;margin: 0;font-size:15px;line-height: 35px;}
.indnews_list li a span{color: #999;}
.indnews_list li a:hover{color: #6aaada;}










.indexnr-hight{width:100%;height:30px;background:#8c8c8c}
#phone-news{display:none}
#foot{width:100%;background:#8c8c8c}
#foot .model{height:80px;width:1180px;margin:0 auto;background:#8c8c8c}
#foot .model p{color:#fff;display:block;padding-top:15px;text-align:center;margin:0;line-height: 25px;}
#foot .model a{color:#fff}
#fixed{width:32px;height:108px;position:fixed;bottom:10%;right:49.6666666%;z-index:5;margin-right:-632px;margin-top:-54px}
#fixed li{width:32px;height:32px;display:block;cursor:pointer;margin-bottom:1px;position:relative}
#fixed li .dh{display:none;top:0;left:-130px;width:130px;height:32px;color:#fff;font-size:16px;text-align:center;line-height:30px;position:absolute;background:#5f5f5f;border-top-left-radius:5px;border-bottom-left-radius:5px}
#fixed .tel{background:url(../imgs/img-map.png) -59px 0}
#fixed .qq{margin-bottom:10px;background:url(../imgs/img-map.png) -93px 0}
#fixed #top{background:url(../imgs/img-map.png) -127px 0}
#phone-foot{display:none}
#publics-bg{width:100%;padding-top:370px;}
#publics-bg .model{width:1200px;margin:0 auto;background:#fff}
#publics-bg .model .pc-navs{height:70px;width:1140px;margin:0 auto;border-bottom:1px solid #d9d9d9}
#publics-bg .model .pc-navs .left{float:left}
#publics-bg .model .pc-navs .left .cn{color:#4c4c4c;display:block;font-size:20px;font-weight:700;line-height:70px;margin:10px 0 3px}
#publics-bg .model .pc-navs .left .en{color:#b0b0b0;display:none;font-size:16px}
#publics-bg .model .pc-navs .nav{float:right;margin-top:28px}
#publics-bg .model .pc-navs .nav .a{float:left;color:#fff;margin:0 3px;cursor:pointer;padding:5px 15px;position:relative;background:#a7a7a7;display:inline-block}
#publics-bg .model .pc-navs .nav .a .tite span{width:12px;height:5px;float:right;display:block;margin:8px 0 0 6px;background:url(../imgs/img-map.png) -42px -15px}
#publics-bg .model .pc-navs .nav .a .a-s{left:0;top:29px;z-index:1;width:100%;display:none;position:absolute}
#publics-bg .model .pc-navs .nav .a .a-s a{color:#fff;height:30px;display:block;margin-top:1px;line-height:30px;text-align:center;background:#a7a7a7}
#publics-bg .model .pc-navs .nav .a .a-s a:hover{background:#858181}
#publics-bg .model .pc-navs .nav .a:hover{background:#e60013}
#publics-bg .model .pc-navs .nav .hover{background:#e60013}
#publics-bg .model .phone-navs{display:none}
.gsjj{height:414px;background:url(../imgs/gsjj.jpg);/*height:144px;background:url(../imgs/newshead.jpg)*/}
.ryzz{height:414px;background:url(../imgs/ryzz.jpg);}
.lxwm{height:414px;background:url(../imgs/gsjj.jpg);}

#publics-nr{width:1140px;position:relative;margin:40px auto 50px}
#publics-nr .left-nav{float:left;width:188px;background:#f5f5f5}
#publics-nr .left-nav .floatright{top:0;left:188px;width:30px;height:30px;display:none;cursor:pointer;position:absolute;background:#005bac}
#publics-nr .left-nav .floatright span{width:10px;height:17px;display:block;margin:6px auto 0;text-align:center;background:red;transition:all .5s ease 0s;background:url(../imgs/img-map.png) -166px -23px}
#publics-nr .left-nav a{height:50px;display:block;color:#595959;line-height:50px;text-align:center;border-top:1px solid #e6e6e6}
#publics-nr .left-nav a:hover{color:#fff;background:#005bac}
#publics-nr .left-nav .hover{color:#fff;background:#005bac}
#product{float:right;width:930px}
#product ul li{width:25%;float:left;padding:0 11px;margin-bottom:40px}
#product ul li a{display:block}
#product ul li a img{width:100%;display:block}
#product ul li a p{width:100%;height:35px;color:#fff;margin-top:5px;line-height:35px;background:#8c8c8c;white-space:nowrap;overflow:hidden;padding:0 10px 0 20px;text-overflow:ellipsis}
#product ul li:hover a p{background:#005bac}
#product-nr{float:right;width:920px}
#product-nr .title{height:40px}
#product-nr .title .txt{float:left;color:#4c4c4c;font-size:18px}
#product-nr .title .down{float:right;color:#e60013;line-height:27px}
#product-nr .title .down span{float:left;width:30px;height:20px;display:block;margin:3px 8px 0 0;background:url(../imgs/ico_2.jpg)}
#product-nr .nr{padding:20px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
#product-nr .nr img{display:block;margin:0 auto}
#product-nr .reading-return{margin-top:30px}
#product-nr .reading-return .reading{float:left}
#product-nr .reading-return .reading li{height:20px;margin-bottom:4px}
#product-nr .reading-return .reading li span{float:left;color:#595959;display:block}
#product-nr .reading-return .reading li a{float:left;width:300px;color:#737373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#product-nr .reading-return .reading li a:hover{color:#005bac}
#product-nr .reading-return .return{float:right;width:100px;height:30px;color:#595656;display:block;margin-top:7px;line-height:30px;text-align:center;border:1px solid #999}
#product-nr .reading-return .return:hover{color:#fff;background:#005bac;border:1px solid #005bac}
#solution{float:right;width:920px}
#solution .title{color:#4c4c4c;font-size:18px;padding-bottom:15px;border-bottom:1px solid #e6e6e6}
#solution .nr{padding:20px 0 0}
#solution .nr img{display:block;margin:0 auto}
#about img{margin:0 auto;display:block}
#culture ul{margin-top:35px}
#culture ul li{width:25%;float:left;height:280px;transition:all .5s ease 0s;border-left:1px solid #e6e6e6}
#culture ul li .ico{width:92px;height:92px;border-radius:50px;margin:40px auto 30px;border:2px solid #005bac;transition:all .5s ease 0s}
#culture ul li .ico span{width:58px;height:58px;display:block;margin:15px auto}
#culture ul li .ico .ico1{background:url(../imgs/ico_7.png)}
#culture ul li .ico .ico2{background:url(../imgs/ico_8.png)}
#culture ul li .ico .ico3{background:url(../imgs/ico_9.png)}
#culture ul li .ico .ico4{background:url(../imgs/ico_10.png)}
#culture ul li .title{color:#005bac;font-size:20px;margin-bottom:9px;text-align:center;transition:all .5s ease 0s}
#culture ul li .txt{width:160px;margin:0 auto;color:#595959;line-height:23px;text-align:center}
#culture ul li:hover{transition:all .5s ease 0s;box-shadow:0 1px 7px rgba(0,0,0,.1);-moz-box-shadow:0 1px 7px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 7px rgba(0,0,0,.1)}
#culture ul li:hover .ico{background:#005bac;transition:all .5s ease 0s}
#culture ul li:hover .ico .ico1{background:url(../imgs/ico_7_1.png)}
#culture ul li:hover .ico .ico2{background:url(../imgs/ico_8_1.png)}
#culture ul li:hover .ico .ico3{background:url(../imgs/ico_9_1.png)}
#culture ul li:hover .ico .ico4{background:url(../imgs/ico_10_1.png)}
#culture ul li:hover .title{color:#e60013;transition:all .5s ease 0s}
#chronicle .title{color:#005cac;font-size:18px;margin-bottom:10px}
#chronicle .title span{font-size:25px}
#chronicle .cont{color:#666;line-height:28px}
#chronicle .phone-course{display:none}
#chronicle .pc-course{width:100%;position:relative}
#chronicle .pc-course .tab{top:150px;width:42px;height:42px;cursor:pointer;position:absolute;border-radius:50px;border:2px solid #999}
#chronicle .pc-course .tab:hover{background:#035cac;border:2px solid #035cac}
#chronicle .pc-course .left{left:-62px}
#chronicle .pc-course .left p{width:20px;height:16px;margin:11px auto;background:url(../imgs/img-map.png) -167px -44px}
#chronicle .pc-course .left:hover p{background:url(../imgs/img-map.png) -192px -44px}
#chronicle .pc-course .right{right:-62px}
#chronicle .pc-course .right p{width:20px;height:16px;margin:11px auto;background:url(../imgs/img-map.png) -167px -63px}
#chronicle .pc-course .right:hover p{background:url(../imgs/img-map.png) -192px -63px}
#chronicle .pc-course .centre{width:1140px;height:450px;overflow:hidden;position:relative}
#chronicle .pc-course .centre .wire{width:100%;height:8px;padding:170px 0 0;border-bottom:1px solid #cdcdcd}
#chronicle .pc-course .centre .wire ul{top:163px;left:0;float:left;width:100%;height:14px;position:absolute}
#chronicle .pc-course .centre .wire ul li{float:left;cursor:pointer;margin-left:275px;position:relative}
#chronicle .pc-course .centre .wire ul li .dot{width:14px;height:14px;border-radius:50px;background:#cdcdcd}
#chronicle .pc-course .centre .wire ul li .year{left:-136px;width:280px;position:absolute}
#chronicle .pc-course .centre .wire ul li .year .whatyear{height:40px;color:#fff;font-size:16px;line-height:40px;text-align:center;background:#a6a6a6}
#chronicle .pc-course .centre .wire ul li .year .whatyear span{width:0;height:0;left:50%;top:-12px;display:block;margin-left:-5px;position:absolute;border-left:8px solid transparent;border-right:8px solid transparent}
#chronicle .pc-course .centre .wire ul li .year .txt{padding:13px 20px;background:#f2f2f2;position:absolute}
#chronicle .pc-course .centre .wire ul li .year .txt p{font-size:12px;color:#656565;line-height:20px;padding-left:18px;background:url(../imgs/ico_125.jpg) no-repeat left 9px}
#chronicle .pc-course .centre .wire ul li .top{top:-60px}
#chronicle .pc-course .centre .wire ul li .top .whatyear span{top:39px;border-top:12px solid #a6a6a6}
#chronicle .pc-course .centre .wire ul li .top .txt{bottom:40px}
#chronicle .pc-course .centre .wire ul li .bottom{top:35px}
#chronicle .pc-course .centre .wire ul li .bottom .whatyear span{top:-12px;border-bottom:12px solid #a6a6a6}
#chronicle .pc-course .centre .wire ul li .bottom .txt{top:40px}
#chronicle .pc-course .centre .wire ul li:hover .dot{background:#005cac}
#chronicle .pc-course .centre .wire ul li:hover .year .whatyear{background:#005cac}
#chronicle .pc-course .centre .wire ul li:hover .top .whatyear span{border-top:12px solid #005cac}
#chronicle .pc-course .centre .wire ul li:hover .bottom .whatyear span{border-bottom:12px solid #005cac}
#honor{margin-bottom:10px}
#honor li{width:25%;float:left;padding:0 10px;margin-bottom:30px}
#honor li .nr{display:block;cursor:pointer}
#honor li .nr .img{width:100%;display:block;border:1px solid #e8e8e8;transition:all .5s ease 0s}
#honor li .nr .txt{width:100%;color:#737373;padding:20px 0 0;text-align:center}
#honor li .nr:hover .img{transition:all .5s ease 0s;box-shadow:0 1px 7px rgba(0,0,0,.1);-moz-box-shadow:0 1px 7px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 7px rgba(0,0,0,.1)}
#honor li .nr:hover .txt{color:#737373}
#honor li .public-popup{width:642px;height:auto;display:none;z-index:9999;overflow:auto;position:fixed}
#honor li .public-popup .img{width:100%;margin:0 auto;display:block}
#honor li .public-popup .txt{color:#fff;font-size:18px;margin-top:30px;text-align:center}
#energy{width:100%;display:block;margin-bottom:40px}
#energy .list{margin-top:10px}
#energy .list .title{margin:0;height:40px;color:#4d4d4d;cursor:pointer;text-indent:18px;border:1px solid #adadad;transition:all .5s ease 0s}
#energy .list .title .plus{width:12px;height:12px;float:right;display:block;margin:14px 20px 0 0;transition:all .5s ease 0s;background:url(../imgs/faq-icon2.png)}
#energy .list .title .txt{width:70%;display:block;overflow:hidden;line-height:40px;white-space:nowrap;text-overflow:ellipsis}
#energy .list .titles{color:#fff;background:#005bac;border:1px solid #005bac;transition:all .5s ease 0s}
#energy .list .titles .plus{transition:all .5s ease 0s;background:url(../imgs/faq-icon1.png)}
#energy .list .content{display:none;color:#838383;font-size:12px;line-height:35px;padding:15px 20px 25px;border-left:1px solid #005bac;border-right:1px solid #005bac;border-bottom:1px solid #005bac}
#energy .list .content .img{float:left;width:267px;display:block}
#energy .list .content .right{float:left;width:74%;margin-left:15px}
#energy .list .content .txt ul li{color:#c31618;display:block;float:left;margin-right:5%}
#news .top li{float:left;width: 255px;height: 395px;margin:0 15px;background:#f5f5f5}
#news .top li.end{margin-right:0}
#news .top li .img{display:block;overflow:hidden;position:relative}
#news .top li .img img{width:262px;height:193px;display:block}
#news .top li .img .bg{top:0;left:0;width:100%;height:100%;opacity:0;-moz-opacity:0;background:#000;position:absolute;transition:all .5s ease 0s}
#news .top li .img .enter{top:-20px;left:50%;z-index:2;width:33px;height:33px;margin-top:-17px;margin-left:-17px;position:absolute;transition:all .5s ease 0s;background:url(../imgs/img-map.png) -195px 0}
#news .top li .title{color:#4c4c4c;font-size:16px;margin:0 10px;padding:15px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #d9d9d9}
#news .top li .txt{color:#737373;font-size:12px;line-height:21px;padding:15px 20px 0;text-overflow: ellipsis;height: 75px;overflow: hidden;}
#news .top li .more{width:113px;height:32px;display:block;color:#737373;margin:20px auto 0;line-height:32px;text-align:center;border:1px solid #9e9e9e}
#news .top li:hover .img{display:block;overflow:hidden;position:relative}
#news .top li:hover .img img{width:262px;height:193px;display:block}
#news .top li:hover .img .bg{opacity:.4;-moz-opacity:.4;transition:all .5s ease 0s}
#news .top li:hover .img .enter{top:50%;transition:all .5s ease 0s}
#news .top li:hover .more{color:#e60013;border:1px solid #e60013}
#news .bottom{margin-top:35px}
#news .bottom li{padding:20px;margin-bottom:35px;border:1px solid #d9d9d9}
#news .bottom li .img{float:left;display:block}
#news .bottom li .right{width:72%;float:left;margin-left:30px}
#news .bottom li .right .title{width:100%;clear:both;height:50px;border-bottom:1px solid #d9d9d9}
#news .bottom li .right .title a{float:left;width:400px;display:block;color:#4c4c4c;font-size:16px;overflow:hidden;line-height:50px;white-space:nowrap;text-overflow:ellipsis}
#news .bottom li .right .title span{float:right;display:block;color:#737373;line-height:55px}
#news .bottom li .right .txt{color:#737373;line-height:27px;margin-top:10px}
#news .bottom li .right .more{width:105px;height:30px;float:right;color:#fff;margin-top:10px;text-align:center;line-height:30px;background:#a7a7a7}
#news .bottom li:hover .right .top a{color:#005bac}
#news .bottom li:hover .right .more{background:#005bac}
#content .title{color:#595959;font-size:18px;text-align:center}
#content .time{color:#8c8c8c;margin:15px 0;text-align:center}
#content .nr{padding:30px 0;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea}
#content .nr img{display:block;margin:0 auto}
#content .reading-share{margin-top:30px}
#content .reading-share .reading{float:left}
#content .reading-share .reading li{height:20px;margin-bottom:4px}
#content .reading-share .reading li span{float:left;color:#595959;display:block}
#content .reading-share .reading li a{float:left;width:300px;color:#737373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
#content .reading-share .reading li a:hover{color:#005bac}
#content .reading-share #share{margin-top:5px;float:right}
#content .reading-share #share span{float:left;height:31px;color:#878585;display:block;line-height:30px}
#content .reading-share #share a{padding:0;float:left;width:40px;height:30px;margin:0 0 0 10px}
#content .reading-share #share .bds_tsina{background:url(../imgs/img-map.png) no-repeat -235px 0}
#content .reading-share #share .bds_qzone{background:url(../imgs/img-map.png) no-repeat -276px 0}
#content .reading-share #share .bds_weixin{background:url(../imgs/img-map.png) no-repeat -317px 0}
#content .reading-share #share .bds_sqq{background:url(../imgs/img-map.png) no-repeat -358px 0}
#investor{padding-bottom:30px}
#investor li{padding:20px 0;line-height:28px;border-bottom:1px solid #e6e6e6}
#investor li .title{float:left;color:#595959;width:66.66666667%}
#investor li .title .ico{width:26px;height:22px;float:left;display:block;margin:4px 15px 0 0;background:url(../imgs/img-map.png) -100px -38px}
#investor li .title .txt{float:left;width:500px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#investor li .time{width:16.66666667%;float:left;color:#8c8c8c}
#investor li .down{float:right;width:95px;height:28px;color:#737373;display:block;font-size:12px;line-height:28px;text-align:center;border-radius:5px;border:1px solid #b3b3b3}
#investor li:hover .title .ico{background:url(../imgs/img-map.png) -127px -38px}
#investor li:hover .down{color:#fff;background:#e60013;border:1px solid #e60013}
#contact ul li{background:#9a9a9a;margin-bottom:30px}
#contact ul li .img{width:73%;display:block;float:left}
#contact ul li .right{width:300px;padding:0 20px;float:left}
#contact ul li .right .name{color:#fff;font-size:18px;padding:20px 0 15px;margin-bottom:5px;border-bottom:1px solid #c1c1c1}
#contact ul li .right .p{clear:both;padding-top:10px}
#contact ul li .right .p span{float:left;color:#fff;display:block;font-size:16px;line-height:px}
#contact ul li .right .p .tit{width:50px}
#contact ul li .right .p .cot{width:210px}
#contact .a{width:100%;text-align:center}
#contact .a a{width:150px;height:40px;margin:0 15px;color:#6d6d6d;line-height:40px;text-align:center;background:#f5f5f5;border:1px solid #d3d3d5;display:inline-block}
#contact .a a:hover{color:#fff;background:#0961af;border:1px solid #0961af}
#recruit .title{color:#737373;margin:25px 0 15px}
#recruit .title span{color:#e60013;font-size:16px}
#recruit .txt{color:#737373;line-height:25px}
#recruit .obligation{margin-top:30px}
#recruit .obligation .oblig{width:1140px}
#recruit .obligation .oblig ul li{float:left;width:188px;height:175px;cursor:pointer;position:relative;background:#f5f5f5;border-right:1px solid #e0e0e0}
#recruit .obligation .oblig ul li .ico{display:block;margin:40px auto 15px;transition:all .5s ease 0s}
#recruit .obligation .oblig ul li .name{color:#737373;text-align:center}
#recruit .obligation .oblig ul li .wire{bottom:0;width:100%;height:2px;position:absolute}
#recruit .obligation .oblig ul li .wire span{width:0%;height:2px;margin:0 auto;display:block;background:#ea5404;transition:all .5s ease 0s}
#recruit .obligation .oblig ul li:hover .ico{margin:35px auto 15px;transition:all .5s ease 0s}
#recruit .obligation .oblig ul .click .ico{margin:35px auto 15px;transition:all .5s ease 0s}
#recruit .obligation .oblig ul .click .wire span{width:100%;transition:all .5s ease 0s}
#recruit .obligation .oblig-list{display:none;color:#737373;margin-top:20px;line-height:25px;padding:20px 15px;border:1px solid #d9d9d9}
#society .all{margin-top:40px}
#society .all li{width:25%;float:left;padding:0 10px;margin-top:20px}
#society .all li a{display:block}
#society .all li a .img{width:100%;display:block;border:1px solid #ccc;transition:all .5s ease 0s}
#society .all li a .txt{color:#4c4c4c;margin-top:20px;text-align:center}
#society .all li a:hover .img{transition:all .5s ease 0s;box-shadow:0 1px 7px rgba(0,0,0,.2);-moz-box-shadow:0 1px 7px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 7px rgba(0,0,0,.2)}
.imgs-top{width:100%;display:block}
#more{width:385px;height:45px;margin:0 auto;color:#333;cursor:pointer;line-height:43px;text-align:center;background:#f5f5f5;border:1px solid #e6e6e6;transition:all .9s ease 0s}
#more:hover{color:#fff;background:#005bac;border:1px solid #005bac;transition:all .9s ease 0s}
#message .public-popup{width:350px;z-index:9999;height:470px;display:none;position:fixed;background:#fff}
#message .public-popup img{display:block;margin:30px auto 20px}
#message .public-popup form{padding:0 30px}
#message .public-popup form .list{margin-bottom:20px;width:100%;height:30px}
#message .public-popup form .list p{color:#7b7b7b;font-size:12px;float:left;width:40px;height:32px;line-height:32px}
#message .public-popup form .list input{border-radius:3px;padding:0 10px;float:right;border:1px solid #c4c4c4;width:250px;height:32px}
#message .public-popup form .remark{height:100px;margin-bottom:25px;width:100%}
#message .public-popup form .remark p{color:#7b7b7b;font-size:12px;float:left;width:40px;height:32px;line-height:32px}
#message .public-popup form .remark textarea{border-radius:3px;padding:5px 10px;float:right;border:1px solid #c4c4c4;width:250px;height:100px}
#message .public-popup form .submits{margin-left:40px;width:230px;height:34px}
#message .public-popup form .submits .submit{float:left;cursor:pointer;width:112px;height:34px;color:#fff;background:#005bac}
#message .public-popup form .submits .input{cursor:pointer;text-indent:0;line-height:34px;text-align:center;display:block;float:right;width:112px;height:34px;color:#fff;background:#383838}

/*# sourceMappingURL=style.css.map */

.abtimg_bottom{background:rgba(107,169,220,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E56ba9dc,endColorstr=#E56ba9dc);position: absolute;bottom: -10px;left: 0;right: 0;padding: 16px 40px;}
.abtimg_bottom span{color: #fff;font-size: 15px;line-height: 25px;display: inline-block;margin-right: 15px;float: left;padding-left: 32px;}
.abtimg_bottom span:last-child{margin-right: 0;}
.abtimg_bottom span i{display: inline-block;width: 25px;height: 25px;text-align: center;float: left;margin-left: -32px;background-color: #fff;border-radius: 50%;font-family: Impact;font-size: 15px;color: #6ba9dc;font-weight: 400;font-style: italic;}

/* banner */
.swiper-container,.indnews_banner,.indisp_banner{margin:0 auto;overflow:hidden;position:relative;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper{position:relative;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;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 15px;
    left: auto;
    right: 14px;
    width: 100%;
}
.auction_top_banner{clear:both;}
.swiper-slide{float:left;background:#fff;}
.swiper-slide img{display:block;margin:0 auto;width:100%;}
.swiper-container,.swiper-wrapper,.auction_top_banner .swiper-slide,.auction_top_banner img{/*max-height:596px;*/height:auto !important;}
.auction_top_banner img.phoneimg{display:none;}
.auction_top_banner .pagination,.indnews_pagination {position:absolute;left:0;right:0;bottom:16px;}
.swiper-pagination-switch{display:inline-block;width:12px;height:12px;background:#fff;margin:0 6px;cursor:pointer;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.indnews_pagination .swiper-pagination-switch {
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border: 1px solid #fff;
    background: none;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.swiper-visible-switch, .swiper-active-switch{background:#e01514;}
/*index_news*/
.index_news{margin: 30px 0 35px;}
.index_news .at_title{margin-bottom: 15px;}
.index_news .at_title h3,.index_news .at_title a{margin-top: 0;margin-bottom: 0;}
.at_title a.more{display: inline-block;color: #666;font-size: 17px;line-height: 30px;}
.at_title a.more:hover{color:#6aaada;}

.ind_gs {
    /*border-bottom: 1px solid #eaeaea;*/
    padding-bottom: 15px;
}
.ind_tit {
    font-size: 26px;
    color: #333;
    line-height: 36px;
    margin-top: 30px;
}


.indisp_banner{width: 32%;}
.indisp_banner .at_title{margin-bottom: 15px;}
.indisp_banner,.indisp_banner .swiper-wrapper,.indisp_banner .swiper-slide,.indisp_banner img{/*max-height:230px;*/height:auto !important;}
.index_solution{margin-left: 2%;}





.contact{padding:0; margin:0; border-top:1px solid #ddd;}
.contact h4{ color:#565656;}
.contact p{font-size:14px; line-height:24px}
.contact-border{ border-bottom:1px solid #ddd; border-right:1px solid #ddd; min-height:250px;}
.contact-border:hover{ background-color:#f5f5f5;}
.contact-border dd{ color:#999;text-align: center;}
.contact-border:last-child{ border-right:0;}
@media screen and (max-width:767px){.contact-border{border-right:0;}}
.contact dl{ padding:40px 30px 0 30px;}
.contact .container-row div:hover span.contact-phone{ background:url(../imgs/contact-phone-1.png) no-repeat center 0;}
.contact .container-row div:hover span.contact-addr{ background:url(../imgs/contact-addr-1.png) no-repeat center 0;}
.contact .container-row div:hover span.contact-e{ background:url(../imgs/contact-e-1.png) no-repeat center 0;}
.mb25{margin-bottom:25px}

.contact-phone,.contact-addr,.contact-e{ display:block; width:44px; height:44px;margin:0 auto;}
.contact-phone{background:url(../imgs/contact-phone.png) no-repeat center 0; }
.contact-addr{background:url(../imgs/contact-addr.png) no-repeat center 0; }
.contact-e{ background:url(../imgs/contact-e.png) no-repeat center 0;}
/*友情链接*/
.fri-link{ padding:0px 0;color:#666;}
.fri-link p a{ color:#999; display:inline-block; padding:0 8px}
.fri-link p a:hover{ color:#393 ; text-decoration:none;}
/*尾部*/
.footer{ padding:15px 0; margin:0; background-color:rgba(0,0,0,0.8);}
.footer span{ color:#393;}
.footer h3{ font-size:16px; font-weight:bold; color:#fff; margin:0; padding:0 0 20px ;}











.phone-intro{width: 100%;padding-top: 100px;}
.phone-intro .title{font-size: 24px;color: #333;line-height: 36px;text-align: center;margin-bottom: 24px;}
.phone-intro .desc{font-size: 14px;color: #333;text-align: center;}

.phone-intro .wrapper {
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin-top: 60px;
}

.phone-intro .wrapper .options {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 600px;
    width: 100%;
    height: 750px;
}
.phone-intro .wrapper .sp_options{display: none;width: 100%;}


.phone-intro .wrapper .sp_options .swiper-slide{width: 100%;height: 9rem;}
.phone-intro .wrapper .sp_options .info-wrap{width: 100%;height: 100%;color: #fff;padding: 0.5rem;background: rgba(0,0,0,0.3);}
.phone-intro .wrapper .sp_options .info-wrap .tit{font-size: 0.46rem;line-height: 40px;font-weight: bold;}
.phone-intro .wrapper .sp_options .info-wrap .tit1{font-size: 0.32rem;line-height: 0.5rem;}
.phone-intro .wrapper .sp_options .info-wrap p{font-size: 0.24rem;line-height: 0.46rem;margin-top: 0.2rem;}
.phone-intro .wrapper .sp_options .info-wrap a {
    display: block;
    width: 2.5rem;
    height: 0.7rem;
    background: #237ae4;
    color: #fff;
    font-size: 0.26rem;
    text-align: center;
    line-height: 0.7rem;
    margin-top: 0.3rem;
    transition: all 0.3s;
    overflow: hidden;
}
.phone-intro .wrapper .sp_options .swiper-pagination-bullet{background: #fff;opacity: 1;}
.phone-intro .wrapper .sp_options .swiper-pagination-bullet-active{background: #237AE4;}

.phone-intro .wrapper .options .item {
    position: relative;
    overflow: hidden;
    min-width: 360px;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    color: #fff;
}
.phone-intro .wrapper .options .item.active{
	flex-grow: 10000;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.phone-intro .wrapper .options .item .box{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
    z-index: 1;
}
.phone-intro .wrapper .options .item .icon-wrap {
	opacity: 0;
}
.phone-intro .wrapper .options .item .icon-wrap .tit {
	font-size: 26px;
	line-height: 40px;
}
.phone-intro .wrapper .options .item:not(.active) .icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.6);
    opacity: 1;
    text-align: center;
}

.phone-intro .wrapper .options .item.active .info-wrap {
    opacity: 1;
    position: relative;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.phone-intro .wrapper .options .item .info-wrap{
    opacity: 0;
}
.phone-intro .wrapper .options .item .info-wrap .tit{font-size: 32px;line-height: 40px;font-weight: bold;}
.phone-intro .wrapper .options .item .info-wrap .tit1{font-size: 18px;line-height: 30px;margin-top: 10px;}
.phone-intro .wrapper .options .item .info-wrap p{font-size: 13px;line-height: 26px;margin-top: 25px;}
.phone-intro .wrapper .options .item .info-wrap a{display: block;width: 140px;height: 45px;background: #237ae4;
	color: #fff;font-size: 15px;text-align: center;line-height: 45px;margin-top: 62px;transition: all 0.3s;
	overflow: hidden;}
.phone-intro .wrapper .options .item .info-wrap a:hover{background: #3378ce;}