@charset "UTF-8";

.header .fixed{background-color:rgba(255,255,255,0.8);}

.banner-theme{ width:100%; height:160px; margin-top:75px;background:rgba(0,0,0,0.9); text-align: center; position:relative; }
.banner-theme ._bg{display:block; width:100%; height:100%; position:absolute;left:0; top:0; background: #CC3300 url(../img/data/products/products-bg01.jpg) no-repeat center; background-size:cover;}
.banner-theme h1{ position:absolute; width:100%; text-align:center; color: #333;margin: 0px;padding:0;font-size: 35px;font-weight: bold; line-height:160px;}
.banner-theme ._img{ position:absolute;left:50%; bottom:0; margin-left:-7%; display:block; width:14%; height:100%; background:url(../img/base/logo.png) no-repeat top center; background-size:cover;
    filter: alpha(opacity=20); /* internet explorer */
	-khtml-opacity: 0.2;      /* khtml, old safari */
	-moz-opacity: 0.2;       /* mozilla, netscape */
	opacity: 0.2;           /* fx, safari, opera */
}
.banner-theme ._line{position: absolute;bottom: 50%;left: 50%;width: 100px; height: 4px; margin-left:-50px; margin-bottom:-35px;background-color: #CC3300;display: inline-block;}

.banner-about{height: 385px; padding-top:85px;position: relative;overflow: hidden; background:#111 url(../img/banner/banner-01.jpg) no-repeat left center;/*background-size: cover;*/}
.banner-about._contact{background-image:url(../img/data/contact/contact04.jpg);background-size: cover;}
.banner-about h1{width: 80%;height: 50px;position: absolute;top: 50%;left: 50%; font-size: 36px;text-align: center;color: #ffffff;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.26s ease 0ms;
    -moz-transition: all 0.26s ease 0ms;
    -ms-transition: all 0.26s ease 0ms;
    -o-transition: all 0.26s ease 0ms;
    transition: all 0.26s ease 0ms;
}
.banner-about span{position: absolute;bottom: 50%;left: 50%; margin-left:-50px; margin-bottom:-55px; width: 100px;height: 4px;background-color: #CC3300;display: inline-block;}
.banner-about p{width:100%;font-size:18px;text-align:center;color:#FFF;position:absolute;bottom:20%; letter-spacing:0.1em;}
.banner-about p strong{font-weight:300;}
.banner-about p label{font-weight:300;}

.menu-inner{border-bottom: 1px solid #dddddd;text-align: center;}
.menu-inner ul {padding: 0px;margin: 0;text-align: center;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: flex;-webkit-justify-content: center;justify-content: center}
.menu-inner ul > li {white-space: nowrap;display: inline-block;float: none;margin-left: 30px}
.menu-inner ul > li a {text-decoration: none;display: block;font-size: 15px;font-weight: 300;color: #90939b;height: 65px;line-height: 65px;position: relative}
.menu-inner ul > li a:active,.menu-inner ul > li a:focus,.menu-inner ul > li a:hover {text-decoration: none}
.menu-inner ul > li a:hover,.menu-inner ul > li a.active {color: #CC3300}
.menu-inner ul > li a.active:after {content: '';display: block;position: absolute;left: 0;bottom: -1px;right: 0;height: 1px;background: #CC3300}
.menu-inner ul > li > ul > li > a.active {color: #CC3300!important}

.nav-inner{border-bottom: 1px solid #dddddd;text-align: left;padding:0; margin:0; width:90%; padding:0;margin:0 auto; font-size:15px; font-weight:300;height:60px; line-height:60px;}
.nav-inner a{ display:inline-block;  color:#90939b; position:relative;}
.nav-inner a:active,.nav-inner a:focus,.nav-inner a:hover {text-decoration: none;}
.nav-inner a:hover,.nav-inner a.active {color: #CC3300}
.nav-inner a.active:after {content: '';display: block;position: absolute;left: 0;bottom: -1px;right: 0;height: 1px;background: #CC3300}
.nav-inner a.active {color: #CC3300!important}
.nav-inner i{color:#90939b; font-style:normal; display:inline-block;padding:0 15px;font-family: "Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, sans-serif;}
.nav-inner label{color:#CC3300; font-weight:300;}

/*四大主题*/
.theme-list{}
.theme-item{height: auto;position: relative;min-height: 500px;}
.theme-item .item-left{width: 50%;position: relative;padding: 100px;}
.theme-item:nth-child(2n) .item-left {position: absolute;left: 50%;right: 0px;top: 0px}
.theme-item .item-left .item-content{width: 100%;}
.theme-item:nth-child(2n) .item-left .item-content {float: left}
.theme-item .item-content h3{height: auto;line-height: 0.9;color: #000;font-size: 32px;position: relative;margin: 0;font-weight: normal;}
.theme-item .item-content h3 span{color: #7d7d7d;display: block;line-height: 1;font-size: 18px;margin-top: 20px;}
.theme-item .item-content .item-line{display: block;height: 1px;width: 100px;background: #000;margin-top: 20px;}
.theme-item .item-content p{margin-top: 20px;font-size: 16px;color: #7d7d7d;line-height: 1.9;margin-right: 20%;}
.theme-item .item-content .more{border: 1px solid #000;color: #000;margin-top: 20px;}
.theme-item .item-content .more span{color: #000;}
.theme-item .item-right{position: absolute;left: 50%;right: 0px;top: 0px;height: 100%;background-position: center center;background-size: cover;background-repeat: no-repeat;min-height: 500px;}
.theme-item .item-right.item1{background-image:url(../img/data/theme/theme01.jpg);}
.theme-item:nth-child(2n) .item-right {width: 50%;height: 100%;position: static}

/*九大分类*/
.ip-list{background: #f2f2f2; padding:30px 0;}
.ip-list .ip-box{ margin-left:4%; margin-right:4%; width:auto;}
.ip-list ul{display:block; width:100%;}
.ip-list li{ float:left; width:48%; margin:0 1%; height:185px; overflow:hidden; position: relative;margin-bottom: 22px; }
.ip-list li .ip-item{background: #FFF; width:100%; height:100%;}
.ip-list li .ip-item .ip-left{width: 45%; height:100%; float: left;}
.ip-list li .ip-item .ip-right{width: 55%; height:100%;float: right;padding: 20px;background: #fff;}

.ip-list li .ip-item .ip-left a{display:block; width:100%;height:100%;}
.ip-list li .ip-item .ip-left a img{width: 100%; height:100%; vertical-align: middle;}

.ip-list li .ip-item .ip-right h4{font-size: 22px;margin-bottom: 15px;margin-top: 0;}
.ip-list li .ip-item .ip-right p{color: #7d7d7d;margin-bottom: 15px;max-height: 62px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.ip-list li .ip-item .ip-right .more{border: 1px solid #444;}
.ip-list li .ip-item .ip-right .more span{color: #444;}

/*特色活动*/
.activity-list{ padding:65px 0; }
.activity-list .wrapper{ margin-left:4%; margin-right:4%;}
.activity-list ul{}
.activity-list ul li{ float:left;width:25%; padding:0 1% 25px 1%;}
.activity-list ul li a{display:block; border:solid 1px #eee;padding:10px;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.activity-list ul li a:hover{border-color:#CC3300;}
.activity-list ul li ._img{display:block;width:100%;height:180px;}
.activity-list ul li ._img img{ width:100%; height:100%;}
.activity-list ul li h4{font-size:16px; text-align:center; font-weight:bold; width:100%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;content: "…"; }


/*项目详情*/
.banner-ip{height:60px; padding-top:60px; background-color: #111;text-align: center;}

.ip-view{background: #000 url(../img/bg/bg-view.jpg) no-repeat top;padding-top: 60px;padding-bottom: 35px;position: relative;border-bottom: 1px solid rgba(255,255,255,0.2) }
.ip-view .close_btn, .ip-view .back_btn {cursor: pointer;width: 40px;height: 40px;background: url(../img/base/vr_btns.png) no-repeat -40px 0;position: absolute;right: 50px;top: 50px;}
.ip-view .back_btn{ background-position: 0 0; right: 98px; }
.ip-view .back_btn:hover{ background-position: 0 -40px; }
.ip-view .close_btn:hover{ background-position: -40px -40px; }
.ip-view ._title { font-size: 42px;color: #fff;margin-bottom: 40px;text-align: center;line-height: 1;}
.ip-view ._intro {color: #fff;text-align: center;margin-bottom: 40px;padding: 0 13%;}

.sharebox {height: 50px;line-height: 50px;text-align: center;padding: 0; margin-bottom:30px; }
.sharebox.paddingb0 {padding-bottom: 0;}
.sharebox a,.sharebox span {color: #FFF;height: 46px;display: inline-block;}
.sharebox i.icon {font-size: 38px;margin: 0 5px;}
.sharebox i.icon-tengxunweibo {font-weight: bold;font-size: 40px;}
.sharebox i.icon-prev_arrow-copy {font-size: 48px;position: relative;top: 2px;}
.sharebox i.icon-next-copy {font-size: 42px;position: relative;top: 2px;}
.sharebox a:hover i.icon {color: #ff9900;}
.sharebox a.collect,
.sharebox a.sharebtn {color: #aaa;display: inline-block;margin:0 20px;}
.sharebox a.collect,.sharebox a.sharebtn {height: 22px;line-height:22px;position: relative;top: -9px;font-size:14px;}
.sharebox a.collect i.icon {font-size: 22px;vertical-align:middle;}
.sharebox a.sharebtn i.icon {font-size: 22px;vertical-align:middle;}

.social-share { display:inline-block; vertical-align:middle; margin-top:-23px;}
.social-share .social-share-icon{ font-size:24px; width:35px; height:35px; color:#FFF; border-color:#FFF;}

.digitalCon{}
.digitalCon .parrs{ background:url(../img/base/scroll_arr.png) no-repeat 0 0; position: absolute; width: 40px; height: 70px; top: 50%; margin-top: -35px; }
.digitalCon .parr_prev{ left: 5%;}
.digitalCon .parr_prev:hover{ background-position: -40px 0;}
.digitalCon .parr_next{ right: 5%; background-position: -40px -70px;}
.digitalCon .parr_next:hover{ background-position: 0 -70px;}
.digitalCon .parrnav{ position:relative;}
.digitalCon .garrs { position: absolute;top:42%; color: #fff;}
.digitalCon .prevGallery{ left: 50%; margin-left: -45%; }
.digitalCon .nextGallery{ right: 50%; margin-right: -45%; }

.digitalCon .bigImg{ width: 75%; margin: 0 auto; height: 475px; overflow: hidden; margin-bottom: 50px;text-align: center; }
.digitalCon .bigImg img{ max-height: 100%;max-width: none;}
.digitalCon .bigImgNavs{ height:auto; padding-bottom: 15px; width: 75%; margin: 0 auto; text-align: center; margin-bottom: 15px; white-space: nowrap; overflow-x:auto;}
.digitalCon .bigImgNavs a{ display: inline-block; border: 3px solid #000; width: 110px; height:60px; }
.digitalCon .bigImgNavs a img{ width:100%; height:100%;}
.digitalCon .bigImgNavs .on{ border: 3px solid #CC3300;}
.digitalCon .bigImgBar{ background: #1a1a1a; line-height: 52px; color: #7c7c7c; margin-bottom: 40px; }
.digitalCon .bigImgBar i,.digitalCon .bigImgBar em{ font-style:normal;}

/*新闻资讯*/
.news-list{ padding:50px 0 100px 0; background:#F2F2F2;}
.news-list ul{background:#FFFFFF;width:auto; padding:0 30px 50px 30px;}
.news-list ul li{ border-bottom:solid 1px #DDD; padding:30px 0 20px 0;}
.news-list ul li ._img{float:left;width:25%;}
.news-list ul li ._img a{display:block; padding-right:30px;}
.news-list ul li ._img img{ width:100%; height:auto; max-height:160px;}
.news-list ul li ._info{float:left;width:75%;}
.news-list ul li ._info h4{ font-size:16px;font-weight:bold;}
.news-list ul li ._info p{ line-height:1.8;}
.news-list ul li ._info ._n{padding:5px 0; height:90px; overflow:hidden; color:#999;}
.news-list ul li ._info ._t{ font-size:14px; color:#999;}
.news-list ul li ._info ._btn{float:right; margin-left:30px;}
.news-list ul li ._info ._btn:hover {background: #cc0000;color:#FFF;}
.news-list ul li ._info ._n .more{border: 1px solid #cc3300;}
.news-list ul li ._info ._n .more span{color: #cc3300;}

/*新闻详情*/
.newsview{padding:50px 0 100px 0; }
.newsview .viewfull{margin-left:5%; margin-right:5%; width:auto; }
.newsview .viewleft{ width:75%; float:left;}
.newsview .viewright{ width:25%; float:left;}

.channel_left{ padding: 0 60px 0 0;background: #fff; line-height: 28px; font-size:14px;}
.news_tit{ text-align: center; font-size: 26px; line-height: 1.4; margin-bottom: 30px;}
.news_tools{ color: #c4c4c4; margin-bottom: 30px;}
.news_tools .ico{ vertical-align: -4px; margin-right: 10px;}
.news_change .ico{ margin-right: 10px;}
.news_tools span{ margin-right: 20px;}
.back_list{ border-bottom: 1px solid #eee; margin-bottom: 25px;}
.back_list a{ font-size: 18px; padding:0 30px 20px 30px; border-bottom: 1px solid #CC3300; display: inline-block; color: #CC3300;}

.ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../img/base/icos.png);
	*text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');}
.ico:before {content:'\3000';}
.ico1_2 { background-position:-20px 0;}
.ico1_3 { background-position:-40px 0;}
.ico1_4 { background-position:-60px 0;}
.ico1_5 { background-position:-80px 0;}
.ico2_1 { background-position:0 -20px;}
.ico2_2 { background-position:-20px -20px;}
.ico2_3 { background-position:-40px -20px;}
.ico2_4 { background-position:-60px -20px;}
.ico2_5 { background-position:-80px -20px;}
.ico3_1 { background-position:0 -40px;}
.ico3_2 { background-position:-20px -40px;}
.ico3_3 { background-position:-40px -40px;}
.ico3_4 { background-position:-60px -40px;}
.ico3_5 { background-position:-80px -40px;}
.ico4_1 { background-position:0 -60px;}
.ico4_2 { background-position:-20px -60px;}
.ico4_3 { background-position:-40px -60px;}
.ico4_4 { background-position:-60px -60px;}
.ico4_5 { background-position:-80px -60px;}

.news_change{ background:#F8F8F8; padding:35px;}
.news_change li {margin-bottom: 30px;}
.news_change ._t {color: #000;font-size: 22px;position: relative;margin-bottom: 15px; width:100%; }
.news_change ._t::after {content: '';position: absolute;height: 1px;width: 60%;background: #DDD;top: 20px;right: 0;}
.news_change ._time {color: #c0c0c0;font-size: 13px;margin-bottom: 15px;}
.news_change ._tit {font-size: 17px;color: #5a5a5a;font-weight: normal; line-height:1.6;}

/*联系我们*/
.contact{padding:50px 0 100px 0; background:#F2F2F2;}
.contact .contactfull{ margin-left:5%; margin-right:5%; width:auto; padding:40px; background:#FFF; }
.contact .contactleft{ width:60%; float:right; }
.contact .contactright{ width:40%; float:left;}
.contact .contactright p{ margin:0; padding:0 0 20px 0; font-size:14px;line-height: 26px;font-weight: 400;}
.channel_edit_tit{ color: #CC3300; font-size: 30px; margin-bottom: 20px; font-weight:bold;}
#mapcon{width:100%;height:400px;border:#EEE solid 1px; margin-bottom:20px; background:#F0F0F0 url("../img/data/map/map.png") no-repeat; background-size:cover}
#allmap {width:100%;height: 400px;overflow: hidden;}

/*关于我们*/
.aboutus{padding:50px 0 100px 0; background:#F2F2F2; }
.aboutus .aboutus-box{ background:#FFFFFF;margin-right:5%; margin-left:5%; width:auto; padding:50px 30px;}
.aboutus .about-title{padding-top:35px; margin-bottom:30px; text-align:center; }
.aboutus .about-title h2{font-size:36px; font-weight:bold; padding:0; margin:0;}
.aboutus .about-title p{font-size:14px; font-weight:300; color:#999999; letter-spacing:0.1em; padding:5px 0;}
.aboutus .about-title p span{position: relative;}
.aboutus .about-title p span:before{position: absolute;left: -45px;top: 50%;width: 40px;height: 1px;background: #ccc;content: '';
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;}
.aboutus .about-title p span:after{position: absolute;right: -45px;top: 50%;width: 40px;height: 1px;background: #ccc;content: '';
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;}
.aboutus:hover .about-title p span:before {width: 20px!important;left: -25px!important}
.aboutus:hover .about-title p span:after {width: 20px!important;right: -25px!important}
.aboutus .about-content{  margin-bottom:50px; }
.aboutus .about-content p{font-size:14px; line-height:2; margin-bottom:2em;text-indent:2em;}
.aboutus .about-content ._img{ width:32%; float:left; margin-right:3%; margin-bottom:20px;  }
.aboutus .about-icon{padding-top:20px;}
.aboutus .about-icon span{display:block;width:16%;overflow:hidden; text-align:center;float:right;}
.aboutus .about-icon span i{display:block;width:90px;height:90px; max-width:193px;max-height:193px;margin:0 auto; }
.aboutus .about-icon span i._icon1{background:url("../img/data/about/about-icon01.png") no-repeat; background-size:cover;}
.aboutus .about-icon span i._icon2{background:url("../img/data/about/about-icon02.png") no-repeat;background-size:cover;}
.aboutus .about-icon span i._icon3{background:url("../img/data/about/about-icon03.png") no-repeat;background-size:cover;}
.aboutus .about-icon span i._icon4{background:url("../img/data/about/about-icon04.png") no-repeat;background-size:cover;}
.aboutus .about-icon span strong{display:block;font-size:16px; color:#666;}
.aboutus .about-icon span label{display:block;font-size:13px; color:#999; font-weight:normal;}

.aboutus .about-img{}
.aboutus .about-img li{ float:left; width:33.3333%; text-align:center; font-size:16px; font-weight:bold; margin-bottom:20px; }
.aboutus .about-img li img{ width:100%; height:280px; margin-bottom:10px;}

/*发展历程*/
.history-con{min-height:1000px; padding:50px 0 100px 0; background:#F2F2F2;}
.history{ margin-right:5%; margin-left:5%; width:auto; padding:0px 30px 0px 30px;height:100%;background:#FFFFFF url(../img/data/history/line-bg.png) no-repeat bottom center; }
.history-con-title{padding-top:85px; padding-bottom:50px; text-align:center; background:#FFF;}
.history-con-title h2{font-size:36px; font-weight:bold; padding:0; margin:0;}
.history-bottom{margin-right:5%; margin-left:5%; width:auto; padding:50px; background:#FFF;}
.history-item{ padding-bottom:30px;}
.history-item.item-red{ color:#D43434;}
.history-item.item-blue{ color:#58A6FB;}
.history-item.item-green{ color:#63D029;}
.history-item.item-org{ color:#EC6A13;}
.history-title{ cursor:pointer; font-size: 24px; font-weight:bold; text-align:center;padding-bottom:40px; background:url(../img/data/history/clock2.png) no-repeat;}
.history-title span{display:inline-block; background:#FFF;}
.history-title i{margin-left:10px;}
.history-item.item-red .history-title{ background-position:50% -262px;}
.history-item.item-blue .history-title{background-position:50% 38px;}
.history-item.item-green .history-title{ background-position:50% -162px;}
.history-item.item-org .history-title{ background-position:50% -62px;}
.history-list{}
.history-list ul{}
.history-list li{ padding-left:50%; padding-bottom:20px; }
.history-item.item-red .history-list li{ background:url(../img/data/history/circle-r.png) no-repeat 50% 8px;}
.history-item.item-blue .history-list li{ background:url(../img/data/history/circle-b.png) no-repeat 50% 8px;}
.history-item.item-green .history-list li{ background:url(../img/data/history/circle.png) no-repeat 50% 8px;}
.history-item.item-org .history-list li{ background:url(../img/data/history/circle-h.png) no-repeat 50% 8px;}
.history-list li.pl{ padding-left:0; padding-right:50%; text-align:right;}
.history-list li span{display:block; padding-left:50px;}
.history-list li.pl span{ padding-left:0; padding-right:50px;}
.h-l{ font-size:18px; font-weight:bold;}
.h-r{font-size:14px; color:#555;}
.h-b{font-size:14px;color:#999; font-weight:300;}

/*合作加盟*/
.agent-title{ width:100%; text-align:center;}
.agent-title h2{color: #CC3300;height: 60px;font-size: 32px;position: relative;margin: 0;font-weight: bold;}
.agent-title span{background: #111;display: inline-block;position: absolute;bottom: 0px;left: 50%;width: 100px;height: 1px;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    -ms-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    transform: translateX(-50%) !important;}
.agent-title:hover span{width: 50px}
/*品牌介绍*/
.banner-agent{width:100%; height:585px; padding-top:85px;position: relative; background: url(../img/data/agent/agent02.jpg) no-repeat center; background-size: cover;}
.banner-agent ._content{width: 90%; margin:0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.banner-agent ._content h2{color: #fff;height: 60px;font-size: 32px;position: relative;margin: 0;font-weight: bold;}
.banner-agent ._content h2 span{display: inline-block;position: absolute;bottom: 0px;left: 0px;width: 100px;height: 1px;background-color: #CC3300;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    -ms-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.banner-agent ._content:hover h2 span {width: 50px}
.banner-agent ._content p{margin: 20px 0;width: 60%;line-height: 2;color: #fff; font-size:15px;}

.banner-agent ._agentimg{width:25%;padding:30px 50px; position:absolute;right:5%; top:185px; background: rgba(0,0,0,0.18);border-radius:6px;}
.banner-agent ._agentimg img{width:100%;}
/*项目背景*/
.agent-back{padding:50px 0 0 0; background:url(../img/bg/bg10.jpg) repeat center;}
.agent-back ._content{ width:80%; margin:0 auto; padding:30px 0 0 0;}
.agent-back ._content p{line-height:2; font-size:15px; margin-bottom:1em; text-align:center; }
.agent-back ._content p img{ width:80%;}
/*品牌优势*/
.agent-str{padding:50px 0; background:url(../img/bg/bg10.jpg) repeat center;}
.agent-str ._info{ width:70%; margin:0 auto; padding:30px 0; font-size:16px; font-weight:300; line-height:1.8; text-align:center;letter-spacing:0.1em; color:#999;}
.agent-str ._img{}
.agent-str ._img img{}
.agent-str-list{margin-left:3%; margin-right:3%; width:auto;}
.agent-str-list li{ float:left; width:33.3333%; margin-bottom: 50px; }
.agent-str-list li ._con{ border-right: 1px solid #ededed;padding:20px 30px 20px 20px;cursor: pointer;overflow: hidden; }
.agent-str-list li ._con:hover{ background: #CC3300; color: #fff;}
.agent-str-list li ._num{ float: left; line-height: 95px; margin-top: 0; font-size: 60px; font-weight: bold; line-height: 1; font-family: Arial; color: #cc3300; margin-right: 15px;}
.agent-str-list li ._con:hover ._num{ color: #fbb558;}
.agent-str-list li ._con ._txt ._hd {font-weight: bold;font-size: 15px; padding-bottom:5px;}
.agent-str-list li ._con ._txt ._bd {height: 6.4em;overflow: hidden;}

/*产品定位*/
.agent-fix{ width:100%; min-height:600px; background:url(../img/data/agent/agent07.jpg) no-repeat center fixed;background-size: cover; position:relative; }
.agent-fix .agent-title h2{color: #FFF;}
.agent-fix .agent-title span{background: #CC3300;}
.agent-fix .fix-bg{ position:absolute;left:0; top:0; width:100%; height:100%;z-index:0; background: rgba(0,0,0,0.8);}
.agent-fix .fix-box{position:absolute;left:0; top:0; width:100%; z-index:1; padding:70px 0 100px 0; }
.agent-fix .fix-box ._info{ color:#999; width:70%; margin:0 auto; padding:30px 0; font-size:16px; font-weight:300;  line-height:1.8;letter-spacing: 0.1em; text-align:center;}
.agent-fix .fix-box ._list{ margin-left:5%; margin-right:5%; width:auto;}
.agent-fix .fix-box ._list li{ float:left; width:20%;margin: 30px 0 0; text-align:center; }
.agent-fix .fix-box ._list li i{position: relative;width: 120px; height: 120px; background:#CC3300; text-align: center; font-size: 50px; line-height: 120px; color: #ffffff; border-radius: 100%; -webkit-transition: all .25s ease-out; transition: all .25s ease-out; border: 1px solid; border-color: #CC3300;}
.agent-fix .fix-box ._list li i span{width: 35px; height: 35px;background: #ffffff; border-radius: 100%; border: 1px solid #ffffff; position: absolute; left: -2px; top: 5px; color: #CC3300; text-decoration: none; font-size: 18px; text-align: center; line-height: 35px; font-weight: 100; font-family: arial; z-index: 9; -webkit-transition: all .25s ease-out; transition: all .25s ease-out}
.agent-fix .fix-box ._list li:hover i {  background: #ffffff; color: #CC3300;  }
.agent-fix .fix-box ._list li:hover i span { background: #CC3300;  color: #ffffff; border-color: #CC3300; }
.agent-fix .fix-box ._list li h3{font-size: 18px; font-weight:bold;  color: #CC3300;}
.agent-fix .fix-box ._list li p{width: 90%; margin: 0 auto; color: #CCC;}
/*合作保障*/
.agent-gu{ padding: 80px 0;min-height:800px; background:url(../img/data/agent/agent08.jpg) no-repeat center fixed;background-size: 100%;position:relative; color: #fff; -webkit-background-size: 100%;}
.agent-gu ._info{ width:70%; margin:0 auto; padding:15px 0 40px 0; font-size:14px; font-size:15px; line-height:1.8; text-align:center;}
.agent-gu .gu-bg{ position:absolute;left:0; top:0; width:100%; height:100%;z-index:0; background: rgba(0,0,0,0.8);}
.agent-gu .gu-box{position:absolute;left:0; top:0; width:100%; z-index:1; padding:70px 0 100px 0; }
.agent-gu .agent-title span{background:#FFF;}
.agent-gu-list{}
.agent-gu-list li{float:left;width:25%;}
.agent-gu-list li ._con{ text-align: center;padding:0 30px; margin-bottom: 40px; cursor: pointer; }
.agent-gu-list li ._con .ic{ display: block; width: 134px; height: 134px; background:url(../img/base/marking_icos.png) no-repeat 0 0; margin: 0 auto 20px auto;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.agent-gu-list li ._con .ic2{ background-position: -134px 0;}
.agent-gu-list li ._con .ic3{ background-position: -268px 0;}
.agent-gu-list li ._con .ic4{ background-position: -402px 0;}
.agent-gu-list li ._con .ic5{ background-position: -536px 0;}
.agent-gu-list li ._con .ic6{ background-position: -670px 0;}
.agent-gu-list li ._con .ic7{ background-position: -804px 0;}
.agent-gu-list li ._con .ic8{ background-position: -938px 0;}
.agent-gu-list li ._con h3{ font-size: 20px; font-weight: normal; margin-bottom: 10px;}
.agent-gu-list li ._con p{ height: 66px; font-size: 14px; overflow: hidden;}
.agent-gu-list li ._con:hover .ic{ transform:translateY(-15px);-webkit-transform:translateY(-15px); }
/*品牌优势*/
.agent-adv{padding:60px 0; margin-left:5%; margin-right:5%; width:auto;background:url(../img/data/history/history_bg2.png) no-repeat center;background-size: 100%; }
.agent-adv .lists { padding:20px 0; }
.agent-adv .lists .box_cell {border: 1px solid #DDDDDD;}
.agent-adv .lists .img_box {height: 150px;margin-bottom: 25px;}
.agent-adv .lists .adv_row{width:100%;}
.agent-adv .lists li{width: 23%;float: left;margin:0 1%;*margin-right: 1.89%; }
.agent-adv .lists li a {display: block;margin-top: 30px;box-shadow:0 0 5px rgba(0,0,0,0.1);background:#FFFFFF;}
.agent-adv .lists li a:hover {margin-top: 0;}
.agent-adv .lists li a:hover .box_cell {border-color: #CC3300;}
.agent-adv .lists .cell1 .img_box {background: url(../img/base/product_adv_c1.jpg) center center no-repeat;background-color: #eef0f3;}
.agent-adv .lists .cell1 a:hover .img_box {background: url(../img/base/product_adv_c1h.jpg) center center no-repeat #CC3300;}
.agent-adv .lists .cell2 .img_box {background: url(../img/base/product_adv_c2.jpg) center center no-repeat;background-color: #eef0f3;}
.agent-adv .lists .cell2 a:hover .img_box {background: url(../img/base/product_adv_c2h.jpg) center center no-repeat #CC3300;}
.agent-adv .lists .cell3 .img_box {background: url(../img/base/product_adv_c3.jpg) center center no-repeat;background-color: #eef0f3;}
.agent-adv .lists .cell3 a:hover .img_box {background: url(../img/base/product_adv_c3h.jpg) center center no-repeat #CC3300;}
.agent-adv .lists .cell4 .img_box {background: url(../img/base/product_adv_c4.jpg) center center no-repeat;background-color: #eef0f3;}
.agent-adv .lists .cell4 a:hover .img_box {background: url(../img/base/product_adv_c4h.jpg) center center no-repeat #CC3300;}
.agent-adv .lists .text_box {text-align: center;height: 180px;padding: 0 25px 0;overflow: hidden; }
.agent-adv .lists .text_box .s_tit {font-size: 20px;color: #333;line-height: 1;margin-bottom: 15px;}
.agent-adv .lists .text_box .text {font-size: 14px;color: #666;line-height: 26px;height: 104px;overflow: hidden;text-align: left;}
/*品牌发展*//*市场竞争*/
.agent-market{ background:url(../img/bg/bg12.jpg) no-repeat center;}
.agent-market .market-item{ float:left;width:50%; background:rgba(17,17,17,0.8); padding:50px 5%; min-height:380px; font-size:15px; color:#FFF; }
.agent-market .market-item._l{ background:rgba(253,179,0,0.8);color:#111; }
.agent-market .market-item._l h2{color: #111;}
.agent-market .market-item span{background: #fff;}
.agent-market .market-item ._content{ padding-top:30px; line-height:2; }
/*加盟条件*/
.agent-cdt{ padding-top: 80px;min-height:600px; background:url(../img/bg/bg17.jpg) no-repeat center fixed;background-size: 100%;position:relative; color: #fff; -webkit-background-size: 100%;}
.agent-cdt .cdt-bg{ position:absolute;left:0; top:0; width:100%; height:100%;z-index:0; background: rgba(0,0,0,0.5);}
.agent-cdt .cdt-box{position:absolute;left:0; top:0; width:100%; z-index:1; padding:70px 0 100px 0; }
.agent-cdt .agent-title span{background:#FFF;}
.agent-cdt-list{width:80%;margin:0 auto;}
.cdt-list-left{ width:34%; text-align:right;float:left;}
.cdt-list-center{width:32%; height:400px; padding: 0 30px;float: left;background:url(../img/base/logo-s.png) no-repeat bottom center;}
.cdt-list-right{ width:34%;float: left;}
.agent-cdt-list li{ margin-top: 30px; overflow: hidden; cursor: pointer;} 
.agent-cdt-list li h3{ font-size: 20px; font-weight: normal;}
.agent-cdt-list li p{font-size:14px;}
.agent-cdt-list li:hover h3{ color: #f27823; }
.agent-cdt-list li:hover ._num {  -ms-background-position-y: -110px;background-position-y: -110px;}
.agent-cdt-list li:hover p{ color: #f27823; }
.agent-cdt-list ._num{ width: 88px; height: 110px; background:url(../img/base/marking_num.png) no-repeat 0 0;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cdt-list-left ._num{ margin-left: 30px;float:right;}
.cdt-list-right ._num{ float:left;}
.agent-cdt-list ._con{ padding-top: 15px;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cdt-list-left li:hover ._right{ transform:translateX(-15px);}
.cdt-list-right li:hover ._right{ transform:translateX(15px); }
.agent-cdt-list ._num2{ background-position: -88px 0;}
.agent-cdt-list ._num3{ background-position: -176px 0;}
.agent-cdt-list ._num4{ background-position: -264px 0;}
.agent-cdt-list ._num5{ background-position: -352px 0;}
.agent-cdt-list ._num6{ background-position: -440px 0;}
.agent-cdt-list ._num7{ background-position: -528px 0;}
.agent-cdt-list ._num8{ background-position: -616px 0;}
/*加盟方式*//*加盟流程*/
.agent-prog{ margin-top:60px;margin-left:5%; margin-right:5%; width:auto;text-align: center;}
.agent-prog .icos{ width: 100%; height: 270px; margin:50px 0 100px 0; position: relative; }
.agent-prog .dot ._list{ display: none;}
.agent-prog .dot ._list a{ display: block; line-height: 24px; }
.agent-prog .dot { z-index: 5; background: #fff; position: absolute; cursor: pointer; width: 128px; height: 128px; border: 1px solid #ddd; border-radius: 64px;  -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.agent-prog .dot .ic{ display: inline-block; width: 50px; height: 50px; background:url(../img/base/service_ico.png) no-repeat 0 0;  margin-top: 30px; }
.agent-prog .dot h3{ line-height: 1; font-weight: normal; font-size: 17px; margin-bottom: 8px; margin-top: 5px;}
.agent-prog .dot:hover{ z-index:6; background: #CC3300; color: #fff; height: auto; padding-bottom: 30px;}
.agent-prog .dot:hover ._list{ display: block; text-align: left;padding-left: 30px; padding-right: 10px;}
.agent-prog .dot:hover ._list a{ color:#E0E0E0;}
.agent-prog .dot1 .ic{ background-position: 0 0;}
.agent-prog .dot2 .ic{ background-position: -50px 0; }
.agent-prog .dot3 .ic{ background-position: -100px 0; }
.agent-prog .dot4 .ic{ background-position: -150px 0; }
.agent-prog .dot5 .ic{ background-position: -200px 0; }
.agent-prog .dot6 .ic{ background-position: -250px 0; }
.agent-prog .dot7 .ic{ background-position: -300px 0; }
.agent-prog .dot8 .ic{ background-position: -350px 0; }
.agent-prog .line{ content:''; position: absolute; background:url(../img/base/line1_2.png) no-repeat center; width: 100px; height: 107px; z-index: 1;}
.agent-prog .line2,.agent-prog .line4,.agent-prog .line6,.agent-prog .line8{ background-image: url(../img/base/line1_1.png); height: 123px; width: 110px;}
.agent-prog .line1{ left: 7%; top: 91px;}
.agent-prog .line2{ left: 19%; top: 91px;}
.agent-prog .line3{ left: 32%; top: 91px;}
.agent-prog .line4{ left: 44%; top: 91px;}
.agent-prog .line5{ left: 57%; top: 91px;}
.agent-prog .line6{ left: 69%; top: 91px;}
.agent-prog .line7{ left: 82%; top: 91px;}

.agent-prog .dot1:hover .ic{ background-position: 0 -50px;}
.agent-prog .dot2:hover .ic{ background-position: -50px -50px;}
.agent-prog .dot3:hover .ic{ background-position: -100px -50px;}
.agent-prog .dot4:hover .ic{ background-position: -150px -50px;}
.agent-prog .dot5:hover .ic{ background-position: -200px -50px;}
.agent-prog .dot6:hover .ic{ background-position: -250px -50px;}
.agent-prog .dot7:hover .ic{ background-position: -300px -50px;}
.agent-prog .dot8:hover .ic{ background-position: -350px -50px;}

.agent-prog .dot1{ top: 0; }
.agent-prog .dot2{ bottom: 0; left: 12.5%;}
.agent-prog .dot3{ top:0;  left: 25%;}
.agent-prog .dot4{ bottom: 0; left: 37.5%;}
.agent-prog .dot5{ top: 0; left: 50%;}
.agent-prog .dot6{ bottom: 0; left: 62.5%;}
.agent-prog .dot7{ top: 0; left: 75%;}
.agent-prog .dot8{ bottom: 0; left: 87.5%;}

.agent-prog .agent-img{ width: 100%;  margin:50px 0 100px 0; }
.agent-prog .agent-img img{ width: 100%;   }
/*例子动画*/
canvas{display:block;vertical-align:bottom;}
/* ---- stats.js ---- */
.count-particles{background: #000022;position: absolute;top: 0;left: 0;width: 80px;color: #13E8E9;font-size: .8em;text-align: left;text-indent: 4px;line-height: 14px;padding-bottom: 2px;font-family: Helvetica, Arial, sans-serif;font-weight: bold;}
.js-count-particles{font-size: 1.1em;}
#stats,.count-particles{-webkit-user-select: none;margin-top: 5px;margin-left: 5px;}
#stats{border-radius: 3px 3px 0 0;overflow: hidden;}
.count-particles{border-radius: 0 0 3px 3px;}
/* ---- particles.js container ---- */
#particles-js{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color:rgba(253,179,0,0.9);background-image: url('');background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}
/*申请合作*/
.agent-form{padding: 110px 0;background: url(../img/bg/bg14.png) center top;position: relative;}
.agent-form .can_wrap{position: relative;z-index: 2;padding:0 5%;}
.agent-form .agent-title h2{color: #111;}
.agent-form .agent-title span{background: #fff;}
.agent-form .agent-title p{ font-size:15px; margin:15px 0 50px 0;}
.agent-form .form_box {width: 80%;margin: 0 auto;}
.agent-form .form_box .ipt_box {width: 48%;background:#fed8bf; border-radius: 10px;height: 50px;overflow: hidden;line-height: 50px;margin-bottom: 25px;position: relative;}
.agent-form .form_box .ipt_box input {padding-left: 5%;width: 95%;height: 50px;background-color: #fed8bf;border: none;outline: none;display: block;line-height: 50px;}
.agent-form .form_box .ipt_box input::-ms-clear {display: none;}
.agent-form .form_box .textarea_box {width: 100%;height: 126px;overflow: hidden;border-radius: 10px;margin-bottom: 25px;background-color: #fed8bf}
.agent-form .form_box .textarea_box textarea {background-color: #fed8bf;width: 96%;height: 106px;border: none;outline: none;padding: 10px 2%;}
.agent-form .form_box .tj {border: none;outline: none;width: 40%;height: 50px;line-height: 50px;background-color: #474747;color: #fff;text-align: center;margin: 0 auto;border-radius: 10px;font-size: 22px;display: block;cursor: pointer;}


/*表单验证*/
.Validform_wrong {position: absolute;right: 0;top: 0;right: 12%;}
.Validform_right{color:#71b83d}
.Validform_wrong{color:red;white-space:nowrap}
.Validform_loading{padding-left:20px}
.Validform_error{background-color:#ffe7e7}
.passwordStrength{display:block;height:18px;line-height:16px;clear:both;overflow:hidden;margin-bottom:5px}
.passwordStrength b{font-weight:normal}
.passwordStrength b,.passwordStrength span{display:inline-block;vertical-align:middle;line-height:16px;line-height:18px\9;height:16px}
.passwordStrength span{width:63px;text-align:center;background-color:#d0d0d0;border-right:1px solid #fff}
.passwordStrength .last{border-right:0;width:61px}
.passwordStrength .bgStrength{color:#fff;background-color:#71b83d}
/*.Validform_checktip{margin-left:8px;line-height:20px;height:20px;overflow:hidden;color:#999;font-size:12px;}
.Validform_right{color:#71b83d;padding-left:20px;background:url(images/right.png) no-repeat left center;}
.Validform_wrong{color:red;padding-left:20px;white-space:nowrap;background:url(images/error.png) no-repeat left center;}
.Validform_loading{padding-left:20px;background:url(images/onLoad.gif) no-repeat left center;}
.Validform_error{background-color:#ffe7e7;}
#Validform_msg{color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#999;
background: -moz-linear-gradient(top, #999, #666 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666)); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:8px;border:1px solid #bbb; border-top:none; text-align:left;}*/

/*弹出表单*/
.commerce_form_box {background-color: #f0f0f0; display:none;}
.commerce_form_box .pd {padding: 0 50px 75px;}
.commerce_form_box .line_img {width: 100%;height: 30px;margin-bottom: 35px;padding: 40px 0;background: url(/images/box/commerce_form_line.png) center 45px no-repeat;}
.commerce_form_box .form_info {font-size: 22px;color: #9e9e9e;text-align: center;line-height: 1;margin-bottom: 50px;}
.commerce_form_box .input_box {padding-left: 67px;height: 50px;border: 1px solid #e0e0e0;border-radius: 10px;background-color: #fff;overflow: hidden;margin-bottom: 15px;position: relative;}
.commerce_form_box .name_box {background: url(../img/box/form_icon1.png) 15px center no-repeat;background-color: #fff;background-size: contain;}
.commerce_form_box .tel_box {background: url(../img/box/form_icon2.png) 15px center no-repeat;background-color: #fff;margin-bottom: 40px;background-size: contain;}
.commerce_form_box .input_box input {border: none;outline: none;width: 100%;height: 50px;line-height: 50px;background-color: #fff;font-size: 18px;color: #cacaca;}
.commerce_form_box button {display: block;width: 100%;height: 65px;line-height: 65px;background-color: #fe900f;color: #f7f7f7;text-align: center;outline: none;border: none;font-size: 24px;border-radius: 10px;cursor: pointer;}
.commerce_form .box_wrap_bar.bg-primary {background-color: #fe900f;height: 70px;line-height: 70px;text-align: center;}
.commerce_form .box_wrap_title {font-size: 26px;color: #fff;}
.commerce_form .box_wrap_body {background-color: #f0f0f0;}
.commerce_form.box_wrap_out_posi {overflow: visible;}
.commerce_form .box_wrap_close {width: 65px;height: 65px;font-size: 0;}
.commerce_form .box_wrap_close a {display: block;width: 100%;height: 100%;background: url(../img/box/tanchuang_x.png) center center no-repeat;background-size: cover;}
/*.commerce_form .box_wrap_close{right:-65px; top:-50px;}*/
#boxBlank {background: rgba(0, 0, 0, .75)!important;}

/*box*/
.box_wrap_close a,.box_wrap_close a:hover{text-decoration:none}
.box_wrap_close a,.box_wrap_msg_clo{text-align:center;cursor:pointer}
#boxBlank{display:none !important; position:fixed;z-index:99;left:0;top:0;width:100%;height:100%;background:#000;filter:alpha(opacity=50);background:rgba(0,0,0,.5)}
#boxBlank.active{display:block !important}
.box_wrap_in{min-width:9em}
.box_wrap_out{z-index:100;}
.box_wrap_out_posi{position:absolute;border-radius:4px;overflow:hidden;max-width:100%;}
.box_wrap_out_posi.init{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}
.box_wrap_out_posi.show{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:all 160ms ease-in-out;transition:all 160ms ease-in-out}
.box_wrap_out_drag{-webkit-transition:none;transition:none}
.box_wrap_bar{position:relative;height:46px;line-height:46px; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.box_wrap_title{padding-left:1em;margin:0;font-weight:400;font-size:1.1em;color:#fff;height:70px;line-height:70px;}
.box_wrap_close{position:absolute;right:0;top:0;}
.box_wrap_close a{font:700 1.5em/20px Tahoma;padding:.5em}
.box_img_close{background:#fff;border-radius:4px}
.box_wrap_body {background:#fff}
.box_wrap_remind{font-size:16px; padding:2em 2em;min-width:14em;overflow:hidden}
.box_wrap_foot{position:relative; min-width:12em;overflow:hidden}
.box_wrap_foot .btn{margin:0;display:block;border-radius:0;border:0;background:none;border-top:1px solid #aaa}
.box_wrap_foot._confirm .btn{float:left;width:50%}
.box_wrap_foot._confirm:after{content:"";position:absolute;left:50%;top:0;width:0;height:100%;border-left:1px solid #aaa}
.box_wrap_msg{position:relative;width:500px;max-width:100%}
.box_wrap_msg_cont{padding:15px 40px 15px 15px;line-height:22px}
.box_wrap_msg_clo{position:absolute;width:30px;height:50px;line-height:50px;right:0;top:0}
.box_wrap_msg_clo .ion{margin:0;font-size:16px}
.box_wrap_msg_clo:hover{opacity:.8}

.qr_form .texts {padding: 2em;text-align: center;color: #666;}
.qr_form .texts .p1 {font-size: 18px;color: #CC3300;margin-bottom: 12px;line-height: 1;}
.qr_form .texts .p2 {font-size: 16px;line-height: 20px;}
.qr_form .btn_f {border-top: 1px solid #aaa;text-align: center;font-size: 18px;line-height: 58px;color: #555;cursor: pointer;}

/*成功案例*/
.case-list{padding:0 0 50px 0; width: 100%;transition: .2s width ease;*zoom: 1;}
.case-list .wrapper{margin-left:4%; margin-right:4%;}
.case-list .case-title{ width:100%; text-align:center; padding-bottom:30px; padding-top:50px; }
.case-list .case-title h2{color: #CC3300;height: 60px;font-size: 32px;position: relative;margin: 0;font-weight: bold;}
.case-list .case-title h2 span{background: #111;display: inline-block;position: absolute;bottom: 0px;left: 50%;width: 100px;height: 1px;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    -ms-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    transform: translateX(-50%) !important;}
.case-list .case-title:hover h2 span{width: 50px}
.case-list ul{}
.case-list ul li{float: left;width: 25%; padding:0 1%; padding-bottom:15px;}
.pbox{ padding:10px; border:solid 1px #eeeeee; margin-bottom:0px;-webkit-transition:all 0.3s ease; transition:all 0.3s ease;}
.pbox ._info{ display:block; position:relative; overflow:hidden; }
.pbox ._img{width:100%; height:260px;}
.pbox ._img img { width:100%; height:100%;transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.pbox:hover ._img img{ transform: scale(1.4);
/*-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px);*/
}
.pbox ._info ._mask { width:100%; height:100%; position:absolute;left:0; top:0; margin-top:30px; text-align:left; background:url(../img/base/orange.8.png);
color:#ffffff; padding:20px 10%; opacity:0; display:none/9;visibility: hidden; 
 -webkit-transition:all 0.5s ease; transition:all 0.5s ease;transition-delay:.2s; -webkit-transition-delay:.2s;
}
.pbox ._mask h3 { display:block; font-size:18px; margin-bottom:15px; margin-top:7%; color:#ffffff;}
.pbox ._mask p {font-size:13px;line-height:1.8em;max-height:5.4em;overflow:hidden;}
.pbox:hover{border-color:#cc0000;}
.pbox ._info:hover ._mask{opacity:1; display:block/9; visibility: visible;margin-top:0;}
.pbox ._title{ display:block; font-size:16px; width:100%;height:40px; line-height:40px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.case-title{ width:90%;padding:50px 0; margin:0 auto;}
.case-title .title-left{float:left; width:50%;}
.case-title .title-left .case-img{ border:solid 1px #eeeeee;width:100%;} 
.case-title .title-left .case-img img{width:100%;}
.case-title .title-right{float:left;width:50%;}
.case-title .title-right .case-des{padding-left:50px;}
.case-title .title-right .case-des h2{font-size:32px;font-weight:bold;}
.case-title .title-right .case-des ._des{padding:15px 0; line-height:2; color:#787878;}
.case-title .title-right .case-des ._tip{color: #c4c4c4; margin-bottom: 30px;padding:20px 0; border-top:solid 1px #eee; border-bottom:solid 1px #EEE;}
.case-title .title-right .case-des ._tip span{margin-right: 20px;}
.case-title .title-right .case-des ._tip span .ico{ vertical-align: -1px; margin-right: 10px;}
.case-title .title-right .case-des ._spec{}
.case-title .title-right .case-des ._spec p{line-height: 50px;}
.case-title .title-right .case-des ._spec label{color:#787878; font-weight:normal;width: 80px;}
.case-title .title-right .case-des ._spec span{display:inline-block;border:solid 1px #ddd; color:#3f3f3f; padding:0 10px;min-width: 100px;}

.case-view{}
.case-view .view-title{border-bottom: 1px solid #eee; margin-bottom: 0; text-align:center;}
.case-view .view-title span{font-size: 26px; font-weight:bold; padding:0 30px 10px 30px; border-bottom: 1px solid #CC3300; display: inline-block; color: #CC3300;}
.case-view .view-des{width:90%;padding:30px 0 50px 0; margin:0 auto;}
.case-view .view-des img{width:100%;}

/*会员权益*/
.banner-member{ height:585px; padding-top:85px;position: relative; background: url(../img/data/member/member-banner.jpg) no-repeat center; background-size: cover;}
.banner-member ._content{width: 40%; position: absolute;top: 45%;left: 10%; text-align:center;}
.banner-member ._content h2{color: #0DD8D5;font-size: 42px;font-weight: normal; letter-spacing:0.3em; }
.banner-member ._content p{ color:#3CB2B6; margin: 20px 0; line-height: 2;font-size:20px; letter-spacing:0.5em;}
.banner-member ._content p span{color:#FFF100;}

.member-rights{ padding-bottom:60px; }
.rights-item{min-height: 200px;padding:30px 5%;position: relative;background:#0f1737;}
.rights-item:nth-child(odd){ background: #f8f8f8;}
.rights-item:nth-child(even){background: #ffffff;}
.rights-item .item-info,.rights-item .item-img{height:100%;float:left;}
.rights-item .item-info{width:50%; padding-top:5%;}
.rights-item .item-img{width:50%;}
.rights-item .item-img img{max-height: 100%;max-width: 100%;}
.rights-item .item-info h4{font-size: 36px;color:#333333;margin-top:0;margin-bottom: 11px;font-weight: 400;line-height: 1.2;}
.rights-item .item-info p{color:#999;font-size:14px;line-height: 2;font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
.rights-item .item-only{height:100%;float:none; text-align:center;}
.rights-item .item-only h4{font-size: 36px;color:#333333;margin-top:0;margin-bottom: 11px;font-weight: 400;line-height: 1.2;}
.rights-item .item-only p{color:#999;font-size:14px;line-height: 2;}
.rights-item .item-only img{}

/*品牌Ip*/
.banner-brand{height:550px; padding-top:200px; text-align:center; margin-top:75px; background:#009900 url(../img/data/business/business-bg13.jpg) no-repeat center; background-size:cover; }
.banner-brand img{ width:40%;}
.banner-brand h1{width:90%; margin:0 auto; text-align:center;font-size:46px; font-weight:bold; color:#FFF;line-height:1.5;}
.banner-brand span{width: 100px;height: 0; margin:0 auto; background-color: #CC3300;display:block;}
.banner-brand p{ text-align:center; font-size:18px;color:#F0F0F0;letter-spacing:0.1em; font-weight:300;}

.brand-con{width:100% ;transition: .2s width ease;*zoom: 1;}
.brand-con > div{-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.brand-con > [class*="con"] {float: left;}
.brand-con .con-3{width: 25%;*width: 24.89%;}
.brand-con .con-6{width: 50%;*width: 49.89%;}
.brand-con ._con {text-align: left;color: #fff;padding: 40px 9%;overflow: hidden;}
.brand-con ._con1 {background: #f60;}
.brand-con ._con2 {background: #ff9000;}
.brand-con ._con3 {background: #65bc46;}
.brand-con ._con .ic {display: block;background: url(../img/base/brand_num.png) no-repeat 0 0;width: 115px;height: 100px;margin-bottom: 20px;}
.brand-con ._con2 .ic {background-position: -115px 0;}
.brand-con ._con3 .ic {background-position: -230px 0;}
.brand-con ._con h3 {font-size: 30px;font-weight: normal;line-height: 1;margin-bottom: 20px;}
.brand-con ._con ._intro {font-size: 15px;margin-bottom: 50px;height: 95px;overflow: hidden;}

/*@media (max-width:1600px) {
	
}
@media (max-width:1025px) {
	
}*/
@media screen and (min-width: 1400px){
    .banner-brand{ }
    .banner-brand img{ width:35%;}
}
@media screen and (max-width: 1199px){
    .activity-list ul li{ width:33.3333%;}

    .ip-view ._title { font-size: 38px;margin-bottom: 35px;}
    .ip-view ._intro {margin-bottom: 35px;padding: 0 10%;}

    .brand-con ._con ._intro {height: 140px;}

    .aboutus .about-icon span{width:25%;}

    .banner-agent{ height:450px; padding-top:85px;}
    .banner-agent ._content p{width: 60%;}
}
@media screen and (max-width: 991px){
    .banner-theme{ height:140px;margin-top: 60px;}
    .banner-theme h1{ font-size:32px;line-height:140px;}
    .banner-theme ._img{ margin-left:-15%;width:30%; }
    
    .theme-item{width: 100%;padding: 70px;background: #fff}
    .theme-item .item-left{width: 100%;padding: 0;margin-top: 300px}
    .theme-item .item-right{left: 0;height: 300px;min-height: 300px;}
    .theme-item:nth-child(2n) .item-left{position: static}
    .theme-item:nth-child(2n) .item-left .item-content {float: none}
    .theme-item:nth-child(2n) .item-right{width: 100%;height: 300px;position: absolute}
    .theme-item .item-content h3{line-height: 0.9;font-size: 26px;}
    .theme-item .item-content .item-line{width: 80px;margin-top: 18px;}
    .theme-item .item-content p{margin-top: 18px;font-size: 14px;line-height: 1.7;margin-right: 0;}

    .ip-list{padding:30px 0;}
    .ip-list li{ float:none; width:100%; margin:0; margin-bottom: 22px; }
    .ip-list li .ip-item .ip-left{width: 30%; }
    .ip-list li .ip-item .ip-right{width: 70%; }

    .activity-list{ padding:45px 0; }
    .activity-list ul li{ width:50%;}
    .activity-list ul li h4{font-size:15px;}

    .ip-view{padding-top: 30px;padding-bottom: 30px; }
    .ip-view .close_btn, .ip-view .back_btn {width: 40px;height: 40px;right: 50px;top: 50px; }
    .ip-view .back_btn{ right: 8%; }
    .ip-view ._title { font-size: 32px;margin-bottom: 35px;}
    .ip-view ._intro {margin-bottom: 30px;padding: 0 8%;}
    .digitalCon .parrs{ width: 40px; height: 70px; top: 50%; margin-top: -35px; }
    .digitalCon .parr_prev{ left: 5%;}
    .digitalCon .parr_next{ right: 5%;}
    .digitalCon .garrs { top:40%;}
    .digitalCon .prevGallery{ left: 50%; margin-left: -45%; }
    .digitalCon .nextGallery{ right: 50%; margin-right: -45%; }
    .digitalCon .bigImg{ width: 80%; height: 400px; margin-bottom: 40px; }
    .digitalCon .bigImgNavs{ padding-bottom: 15px; width: 80%; margin-bottom: 15px; }
    .digitalCon .bigImgNavs a{ border: 2px solid #000; width: 90px; height:50px; }
    .digitalCon .bigImgNavs .on{ border: 2px solid #CC3300;}
    .digitalCon .bigImgBar{ line-height: 45px;margin-bottom: 30px; }

    .banner-about{height: 345px; padding-top:85px;}
    .banner-about h1{height: 45px; font-size: 32px;}
    .banner-about span{ width: 80px;height: 3px;margin-left:-40px;margin-bottom:-50px;}

    .aboutus{padding:45px 0 70px 0;  }
    .aboutus .aboutus-box{ margin-right:5%; margin-left:5%; padding:25px 30px 40px 30px;}
    .aboutus .about-title{padding-top:35px; margin-bottom:50px; }
    .aboutus .about-title h2{font-size:32px; }

    .history-con-title{padding-top:60px; }
    .history-con-title h2{font-size:32px;}
    .history-list li span{padding-left:30px;}
    .history-list li.pl span{padding-right:30px;}

    .newsview{padding:40px 0 80px 0; }
    .newsview .viewleft{ width:100%; float:none;}
    .newsview .viewright{ display:none; width:100%; float:none;}
    .channel_left{ padding: 0;}
    .news_tit{ font-size: 24px; margin-bottom: 20px;}
    .news_tools{ margin-bottom: 15px;}
    .back_list{ border-bottom: 1px solid #eee; margin-bottom: 20px;}
    .back_list a{ font-size: 16px; padding:0 30px 20px 30px; }

    .banner-member{ height:450px;}
    .banner-member ._content{width: 40%; top: 45%;left: 5%; }
    .banner-member ._content h2{font-size: 32px;}
    .banner-member ._content p{ margin: 15px 0; line-height: 1.8;font-size:18px; letter-spacing:0.3em;}

    .rights-item{min-height: 200px;padding:30px 5%;}
    .rights-item .item-info,.rights-item .item-img{height:100%;float:left;}
    .rights-item .item-info{width:45%; padding-top:5%;}
    .rights-item .item-img{width:55%;}
    .rights-item .item-info h4,.rights-item .item-only h4{font-size: 32px;}
    .rights-item .item-info p,.rights-item .item-only p{font-size:14px;}

    .banner-agent{ height:450px; padding-top:85px;}
    .banner-agent ._content p{width: 70%;}
    .banner-agent ._agentimg{padding:20px 40px;top:185px; }

    .agent-cdt-list{width:95%;}
    .cdt-list-center{height:400px; padding: 0;}

    .agent-form{padding: 80px 0;}
    .agent-form .agent-title h2 {font-size: 32px;margin-bottom: 20px;}
    .agent-form .agent-title p {font-size: 14px;margin-bottom: 40px;}
    .agent-form .form_box .ipt_box {height: 40px;line-height: 40px;margin-bottom: 25px;}
    .agent-form .form_box .ipt_box input {height: 40px;line-height: 40px;}
    .agent-form .form_box .textarea_box {height: 106px;margin-bottom: 25px;}
    .agent-form .form_box .textarea_box textarea {height: 86px;}
    .agent-form .form_box .tj {width: 40%;height: 40px;line-height: 40px;border-radius: 10px;font-size: 16px;}

    .case-list .case-title{ padding-bottom:20px; padding-top:30px; }
    .case-list .case-title h2{height: 60px;font-size: 32px;}
    .case-list ul li{width: 33.3333%;}
    .case-title{ padding:20px 0;}
    .case-title .title-right .case-des{padding-left:30px;}
    .case-title .title-right .case-des h2{font-size:26px;}
    .case-title .title-right .case-des ._des{padding:10px 0;}
    .case-title .title-right .case-des ._tip{margin-bottom: 20px;padding:15px 0; }
    .case-title .title-right .case-des ._spec p{line-height: 40px;}

    .banner-brand{height:450px; padding-top:150px; margin-top:60px; }
    .banner-brand img{ width:50%;}
    .brand-con > [class*="con"] {float: none;}
    .brand-con .con-3{width: 100%;*width: 99%;}
    .brand-con .con-6{width: 100%;*width: 99%;}
    .brand-con ._con {padding: 20px 15px;}
    .brand-con ._con ._intro {font-size: 14px;height: auto;}
}
@media screen and (max-width: 767px){
    .menu-inner{width: 100%;height: 60px;overflow: hidden;touch-action:none;}
    .menu-inner ul{display: inline-block;margin: 0;padding: 0 10px;white-space: nowrap;}
    .menu-inner ul > li {margin-left: 20px}
    .menu-inner ul > li a {font-size: 14px;height: 60px;line-height: 60px;}
    .menu-inner ul > li a.active:after{bottom: 1px;}

    .nav-inner ._href{ display:none;}
    .nav-inner label{font-weight:bold;}

    .banner-theme{ height:120px;}
    .banner-theme h1{ font-size:26px;line-height:120px;}
    .banner-theme ._img{ margin-left:-20%;width:40%; }

    .theme-item{padding: 50px;}
    .theme-item .item-content h3{font-size: 24px;}
    .theme-item .item-content h3 span{margin-top: 15px;}
    .theme-item .item-content .item-line{width: 70px;margin-top: 15px;}

    .ip-list{padding:25px 0;}
    .ip-list .ip-box{ margin-left:30px; margin-right:30px;}
    .ip-list li{ height:auto;  }
    .ip-list li .ip-item .ip-left{width: 100%; height:50%; float: none;}
    .ip-list li .ip-item .ip-right{width: 100%; height:50%;float: none;padding: 20px;}
    .ip-list li .ip-item .ip-right h4{font-size: 20px;}

    .activity-list{ padding:30px 0; }
    .activity-list .wrapper{ margin-left:30px; margin-right:30px;}
    .activity-list ul li{ float:none;width:100%; padding:0 0 15px 0;}
    .activity-list ul li ._img{height:180px;}
    .activity-list ul li h4{font-size:14px; }

    .ip-view{padding-top: 25px;padding-bottom: 25px; }
    .ip-view .close_btn, .ip-view .back_btn {width: 40px;height: 40px;right: 15px;top: 30px; }
    .ip-view .back_btn{ right: 23px; }
    .ip-view ._title { font-size: 26px;margin-bottom: 25px;}
    .ip-view ._intro {margin-bottom: 25px;padding: 0 15px;}
    .digitalCon .parrs{ width: 40px; height: 70px; top: 50%; margin-top: -35px; }
    .digitalCon .parr_prev{ left: 5px;}
    .digitalCon .parr_next{ right: 5px;}
    .digitalCon .garrs { top:20%;}
    .digitalCon .prevGallery{ left: 30px; margin-left: 0; }
    .digitalCon .nextGallery{ right: 30px; margin-right: 0; }
    .digitalCon .bigImg{ width: 85%; height: 300px; margin-bottom: 30px; }
    .digitalCon .bigImgNavs{ padding-bottom: 10px; width: 85%; margin-bottom: 10px; }
    .digitalCon .bigImgNavs a{ border: 1px solid #000; width: 70px; height:40px; }
    .digitalCon .bigImgNavs .on{ border: 1px solid #CC3300;}
    .digitalCon .bigImgBar{ line-height: 40px;margin-bottom: 30px; }

    .banner-about{height: 300px; padding-top:85px;}
    .banner-about h1{height: 40px; font-size: 26px;}
    .banner-about span{ width: 80px;height: 2px;margin-left:-40px;margin-bottom:-45px;}

    .aboutus{padding:30px 0 60px 0;  }
    .aboutus .aboutus-box{ margin-right:30px; margin-left:30px; padding:25px 25px 40px 25px;}
    .aboutus .about-title{padding-top:20px; margin-bottom:40px; }
    .aboutus .about-title h2{font-size:26px; }
    .aboutus .about-content{  margin-bottom:50px; }
    .aboutus .about-content p{font-size:13px; line-height:2; margin-bottom:1.5em;text-indent:2em;}
    .aboutus .about-content ._img{ width:100%; float:none; margin-right:0; margin-bottom:20px;  }
    .aboutus .about-icon span i{width:70px;height:70px;  }
    .aboutus .about-img li{ float:none; width:100%;}

    .history-con {padding: 30px 0 60px 0;}
    .history-con-title{padding-top:45px; padding-bottom:30px; }
    .history-con-title h2{font-size:26px;}
    .history-list li span{padding-left:20px;}
    .history-list li.pl span{padding-right:20px;}
    .history-title{  font-size: 22px; line-height:1.7; padding-bottom:40px; }
    .h-l{ font-size:16px; }
    .h-r{font-size:13px;}
    .h-b{font-size:13px;}

    .news-list{ padding: 30px 0 60px 0;}
    .news-list ul li{ padding:20px 0 15px 0;}
    .news-list ul li ._img{float:none;width:100%;}
    .news-list ul li ._img a{padding-right:0;}
    .news-list ul li ._img img{ max-height:180px;}
    .news-list ul li ._info{float:none;width:100%;}
    .news-list ul li ._info h4{ font-size:15px;}
    .news-list ul li ._info p{ line-height:1.8;}
    .news-list ul li ._info ._n{ height:100px; }
    .news-list ul li ._info ._btn{float:right; margin-left:30px;}

    .newsview{padding:20px 0 40px 0; }
    .newsview .viewfull{margin-left:30px; margin-right:30px; }
    .news_tit{ font-size: 22px; margin-bottom: 15px;}
    .news_tools{ margin-bottom: 10px; font-size:13px; }
    .back_list{ margin-bottom: 10px;}
    .back_list a{ font-size: 14px; padding:0 20px 10px 20px; }

    .contact{padding:30px 0 60px 0;}
    .contact .contactfull{ margin-left:30px; margin-right:30px; padding:20px 15px; }
    .contact .contactleft{ width:100%; float:none; }
    .contact .contactright{ width:100%; float:none;}
    .contact .contactright p{  font-size:13px;line-height: 24px;}
    .channel_edit_tit{ font-size: 24px; margin-bottom: 10px;}
    #mapcon{height:270px;margin-bottom:15px;}
    #allmap {height: 270px;}

    .banner-member{ height:380px;}
    .banner-member ._content h2{font-size: 24px;}
    .banner-member ._content p{ font-size:16px; }

    .rights-item{min-height: 200px;height:auto;padding:0 5% 30px 5%;}
    .rights-item .item-info,.rights-item .item-img{height:100%;float:none;}
    .rights-item .item-info,.rights-item .item-only{width:100%; padding-top:3%;padding-left:0;}
    .rights-item .item-img{width:100%;padding-top:1%;}
    .rights-item .item-info h4,.rights-item .item-only h4{font-size: 24px;}
    .rights-item .item-info p,.rights-item .item-only p{font-size:13px;}

    .agent-title h2{height: 40px;font-size: 24px;}
    .agent-title span{width: 70px;}
    .agent-title:hover span{width: 40px}
    .banner-agent{ height:360px; padding-top:85px;}
    .banner-agent ._content{width: 98%;padding: 60px 30px 0 30px;top: 40%; }
    .banner-agent ._content h2{height: 40px;font-size: 24px; text-align:center;}
    .banner-agent ._content h2 span{width: 70px; left:50%; margin-left:-35px;}
    .banner-agent ._content:hover h2 span {width: 70px}
    .banner-agent ._content p{margin: 20px 0;width: 100%;line-height: 2;font-size:13px; text-align:center;}

    .banner-agent ._agentimg{width:25%;padding:15px 30px;top:auto; bottom:20px; left:37.5%; }

    .agent-str{padding:30px 0; }
    .agent-str ._info{ width:90%; padding:20px 0; font-size:13px;}
    .agent-str-list li{ float:none; width:100%; margin-bottom: 0; }
    .agent-str-list li ._con{ border-right:none;padding:20px 15px 10px 10px;}
    .agent-str-list li ._con ._txt ._hd {font-size: 14px; }
    .agent-str-list li ._con ._txt ._bd {font-size:13px;}

    .agent-gu{ padding: 30px 0;min-height:1200px; }
    .agent-gu ._info{padding:10px 0 20px 0;font-size:13px; }
    .agent-gu .gu-box {padding: 30px 0 0 0;}
    .agent-gu-list li{float:left;width:50%;}
    .agent-gu-list li ._con{ padding:0 15px; margin-bottom: 20px;  }
    .agent-gu-list li ._con h3{ font-size: 15px; font-weight:bold; margin-bottom: 5px;}
    .agent-gu-list li ._con p{ height: 66px; font-size: 12px; }

    .agent-fix{min-height:820px;}
    .agent-fix .fix-box{padding:30px 0 0 0; }
    .agent-fix .fix-box ._info{ width:90%; padding:10px 0;}
    .agent-fix .fix-box ._list li{ width:50%; float:left; min-height:220px;margin: 10px 0 0; }
    .agent-fix .fix-box ._list li h3{font-size: 15px; margin-bottom:5px;}

    .agent-adv{padding:30px 0;  }
    .agent-adv .lists { padding:10px 0; }
    .agent-adv .lists li{width: 48%;margin:0 1%;*margin-right: 1.89%; }
    .agent-adv .lists li a {margin-top: 20px;}
    .agent-adv .lists li a:hover {margin-top: 20px;}
    .agent-adv .lists .text_box .s_tit {font-size: 15px;margin-bottom: 10px; font-weight:bold; color:#CC3300;}
    .agent-adv .lists .text_box .text {font-size: 12px;line-height: 22px;height: 104px;}

    .agent-back{padding:30px 0 0 0; }
    .agent-back h4{ font-size:15px;}
    .agent-back ._content{ width:90%; padding:20px 0 0 0;}
    .agent-back ._content p{font-size:13px; }
    .agent-back ._content p img{ width:90%;}

    .agent-cdt{ padding-top: 30px;min-height:500px; background-size:cover; }
    .agent-cdt .cdt-box{padding:30px 0 0 0; }
    .agent-cdt-list{width:100%; padding-top:10px; }
    .cdt-list-left{ width:50%;}
    .cdt-list-center{width:0; height:0; padding: 0;float: none;}
    .cdt-list-right{ width:50%;}
    .agent-cdt-list li{ margin-top: 15px; } 
    .agent-cdt-list li p{font-size:12px;}

    .agent-prog{ margin-top:30px;margin-left:15px; margin-right:15px;}
    .agent-prog .icos{  height: auto; margin:30px 0 50px 0; position: static; }
    .agent-prog .dot { position:static;float:left; width: 50%; height: 128px; overflow:hidden;-webkit-transition:none; transition:none; }
    .agent-prog .dot ._list a{ display: none; }
    .agent-prog .dot .ic{margin-top: 15px; }
    .agent-prog .dot h3{ font-size: 14px;}
    .agent-prog .dot:hover{height: 128px; overflow:hidden;}
    .agent-prog .dot:hover ._list{ display: none; }
    .agent-prog .dot:hover ._list a{ display: none; }
    .agent-prog .line{ display:none;}
    .agent-prog .agent-img{ margin:30px 0 50px 0; }

    .agent-form{padding: 50px 0;}
    .agent-form .form_box {width: 100%;}
    .agent-form .agent-title h2 {font-size: 26px; height:45px; margin-bottom: 5px;}
    .agent-form .agent-title p {font-size: 14px;margin-bottom: 40px;}
    .agent-form .form_box .ipt_box {height: 40px;line-height: 40px;margin-bottom: 25px;}
    .agent-form .form_box .ipt_box input {height: 40px;line-height: 40px;}
    .agent-form .form_box .textarea_box {height: 106px;margin-bottom: 25px;}
    .agent-form .form_box .textarea_box textarea {height: 86px;}
    .agent-form .form_box .tj {width: 40%;height: 40px;line-height: 40px;border-radius: 10px;font-size: 16px;}

    .case-list .case-title{ padding-bottom:20px; padding-top:30px; }
    .case-list .case-title h2{height: 50px;font-size: 26px;}
    .case-list ul li{width: 50%;}
    .case-title{ padding:20px 0;}
    .case-title .title-left{float:none; width:100%;}
    .case-title .title-right{float:none;width:100%;}
    .case-title .title-right .case-des{padding-left:0;}

    .banner-brand{height:380px;padding-top:130px;  }
    .banner-brand h1{font-size:36px;}
    .banner-brand img{ width:50%;}
}
@media screen and (max-width: 479px){
    .menu-inner{height: 50px;}
    .menu-inner ul > li {margin-left: 15px}
    .menu-inner ul > li a {font-size: 12px;height: 50px;line-height: 50px;}

    .banner-theme{ height:100px;}
    .banner-theme h1{ font-size:22px;line-height:100px; font-weight:700; }
    .banner-theme ._img{ margin-left:-25%;width:50%; }
    .banner-theme ._line{width: 70px; height: 2px; margin-left:-35px; margin-bottom:-25px;}


    .theme-item{padding: 30px;}
    .theme-item .item-content h3{font-size: 20px;}
    .theme-item .item-content h3 span{margin-top: 10px;}
    .theme-item .item-content .item-line{width: 60px;margin-top: 15px;}

    .ip-list .ip-box{ margin-left:15px; margin-right:15px;}
    .ip-list li .ip-item .ip-right{padding: 15px;}
    .ip-list li .ip-item .ip-right h4{font-size: 16px;margin-bottom: 10px;}

    .activity-list{ padding:20px 0; }
    .activity-list .wrapper{ margin-left:15px; margin-right:15px;}
    .activity-list ul li ._img{height:140px;}
    .activity-list ul li h4{font-size:13px;  }

    .ip-view{padding-top: 20px;padding-bottom: 20px; }
    .ip-view .back_btn{right: 15px; }
    .ip-view ._title { font-size: 22px;margin-bottom: 20px;}
    .ip-view ._intro {margin-bottom: 20px;padding: 0 15px; text-align:left; }
    .digitalCon .parrs{ width: 40px; height: 70px; top: 50%; margin-top: -5px; }
    .digitalCon .parr_prev{ left: 0px;}
    .digitalCon .parr_next{ right: 0px;}
    .digitalCon .prevGallery{ left: 20px; }
    .digitalCon .nextGallery{ right: 20px;}
    .digitalCon .bigImg{ width: 85%; height: 240px; margin-bottom: 20px; }
    .digitalCon .bigImgNavs{ padding-bottom: 10px; width: 85%; margin-bottom: 10px; }
    .digitalCon .bigImgNavs a{ border: 1px solid #000; width: 50px; height:30px; }
    .digitalCon .bigImgNavs .on{ border: 1px solid #CC3300;}
    .digitalCon .bigImgBar{ line-height: 35px;margin-bottom: 20px; }

    .banner-about{height: 260px; padding-top:65px;}
    .banner-about h1{height: 25px; font-size: 22px;}
    .banner-about span{ width: 60px;height: 2px;margin-left:-30px;margin-bottom:-42px;}
    .banner-about p{font-size:13px;bottom:16%; }

    .aboutus{padding:20px 0 40px 0;  }
    .aboutus .aboutus-box{ margin-right:15px; margin-left:15px; padding:10px 15px 20px 15px;}
    .aboutus .about-title{padding-top:20px; margin-bottom:20px; }
    .aboutus .about-title h2{font-size:22px; }
    .aboutus .about-content{  margin-bottom:30px; }
    .aboutus .about-img li{ float:none; width:100%;}

    .history-con {padding: 20px 0 40px 0;}
    .history-con-title{padding-top:30px; padding-bottom:20px; }
    .history-con-title h2{font-size:22px;}
    .history-list li span{padding-left:10px;}
    .history-list li.pl span{padding-right:10px;}
    .history-title{  font-size: 18px; line-height:2.1; padding-bottom:40px; }
    .h-l{ font-size:13px; }
    .h-r{font-size:12px;}
    .h-b{font-size:12px;}
    .history-bottom{padding:20px;}

    .news-list{ padding: 20px 0 40px 0;}
    .news-list ul li ._info h4{ font-size:14px;}
    .news-list ul li ._info ._n{ height:100px;  }
    .news-list ul li ._info ._t{ font-size:13px;}
    .news-list ul li ._info ._btn{float:right; margin-left:10px;}

    .news_tit{ font-size: 18px; margin-bottom: 10px;}
    .newsview .viewfull{margin-left:15px; margin-right:15px; }
    .news_tools{ margin-bottom: 10px; font-size:11px; }
    .news_tools .ico{ margin-right: 5px;}
    .news_tools span{ margin-right: 10px;}

    .contact{padding:20px 0 40px 0;}
    .contact .contactfull{ margin-left:15px; margin-right:15px; padding:20px 15px; }
    .channel_edit_tit{ font-size: 22px; margin-bottom: 10px;}
    #mapcon{height:220px;}
    #allmap {height: 220px;}

    .banner-member{ height:300px;}
    .banner-member ._content{width:60%; top:50%;}
    .banner-member ._content h2{font-size: 22px;}
    .banner-member ._content p{ font-size:14px; }

    .rights-item{min-height: 200px;padding:10px 15px 20px 15px;}
    .rights-item .item-info h4,.rights-item .item-only h4{font-size: 16px; text-align:left;}
    .rights-item .item-info p,.rights-item .item-only p{font-size: 12px;}

    .agent-title h2{height: 30px;font-size: 18px;}
    .banner-agent{ height:320px;}
    .banner-agent ._content{padding: 75px 15px 0 15px;}
    .banner-agent ._content h2{height: 35px;font-size: 18px;}
    .banner-agent ._content p{margin: 10px 0 20px 0;width: 100%;line-height: 2;font-size:13px;text-align:center;}
    .banner-agent ._agentimg{width:25%;padding:15px 30px;top:auto; bottom:20px; left:37.5%; }

    .agent-str{padding:20px 0; }
    .agent-str ._info{ padding:10px 0; font-size:12px;}
    .agent-str-list li ._num{font-size: 40px;}
    .agent-str-list li ._con ._txt ._hd {font-size: 14px; }
    .agent-str-list li ._con ._txt ._bd {font-size:12px;}

    .agent-fix .fix-box{padding:30px 0 0 0; }
    .agent-fix .fix-box ._info{ font-size:12px;}
    .agent-fix .fix-box ._list li h3{font-size: 14px;}
    .agent-fix .fix-box ._list li p{font-size:12px;}

    .agent-adv .lists .text_box .s_tit {font-size: 14px;margin-bottom: 5px;}
    .agent-adv .lists .text_box .text { font-size:12px; line-height: 20px;height: 144px; overflow:hidden;}

    .agent-gu{ padding: 30px 0;min-height:1160px; }
    .agent-gu ._info{font-size:12px; }
    .agent-gu-list li ._con {margin-bottom: 15px;}
    .agent-gu-list li ._con .ic{ margin: 0 auto 10px auto; }
    .agent-gu-list li ._con h3{ font-size: 14px; margin-top:10px; }
    .agent-gu-list li ._con p{ height: 75px; font-size: 12px; }

    .agent-back h4{ font-size:14px;}
    .agent-back ._content{ width:100%; padding:10px 15px 0 15px;}
    .agent-back ._content p{font-size:12px; }
    .agent-back ._content p img{ width:100%;}

    .agent-cdt{ padding-top: 30px;min-height:720px; }
    .agent-cdt-list li{ margin-top: 0; } 
    .cdt-list-left{ width:100%; float:none; text-align:left; }
    .cdt-list-right{ width:100%;float:none;}
    .agent-cdt-list li p{font-size:13px;}
    .cdt-list-left ._num{ float:left;margin-right: 15px;}
    .cdt-list-right ._num{ margin-right: 15px; margin-left:30px;}

    .agent-prog .dot h3{ font-size: 13px;}

    .agent-form{padding: 40px 0 60px 0; }
    .agent-form .agent-title h2 {font-size: 22px; height:40px; }
    .agent-form .agent-title p {font-size: 12px;margin-bottom: 30px;}

    .case-list .case-title{ padding-bottom:20px; padding-top:30px; }
    .case-list .case-title h2{height: 35px;font-size: 22px;}
    .case-list ul li{float: none;width: 100%; }
    .pbox ._title{ font-size:14px; height:30px; line-height:30px;}
    .pbox ._mask h3 { font-size:14px; margin-bottom:10px; margin-top:5%; }
    .pbox ._mask p {font-size:12px;}

    .banner-brand{height:240px; padding-top:80px; }
    .banner-brand img{ width:50%;}
    .banner-brand h1{font-size:26px;}
    .banner-brand p{ font-size:13px;}
}