@charset "utf-8";
@font-face {
  font-family: "fz";
  src: url('/icons/fonts/SourceHanSansK-Normal.ttf');
  font-weight: normal;
  font-style: normal;
}


html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td{margin: 0;padding: 0;font-size: 15px;font-weight:bold;font-family: "fz" ;line-height: 27px;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display: block}
html,
body{color: #727171}
body{background: #fff}
ul,
ol,
li{list-style: none}
a{color: #727171;text-decoration: none;font-family: "fz";letter-spacing: 1px;}
a:hover{color: #727171;text-decoration: none;}
a:link{text-decoration: none;}
img{border: 0}
b,
em,
i{font-style: normal}
h1,
h2,
h3,
h4,
h5{font-weight: normal}
@-webkit-keyframes fadeleft{0%{-webkit-transform: translateY(40px);opacity: 0}
100%{-webkit-transform: translateY(0px);opacity: 1}}
.imgbig{-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;display: block !important}
.imgbig:hover{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.imgbigout{display: block;overflow: hidden}
.clear:after,.case-read-img p:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0}
.clear,.case-read-img p{zoom: 1}
.left{float: left}
.right{float: right}
.hide{display: none}
.lazy{background: url("../images/loading.gif") 50% 50% no-repeat}
.tran{transition: all .3s ease}
.pager{width: 100%;color: #0f0b09;line-height: 30px;padding: 30px 0;font-size: 24px;text-align: center;opacity: .3}
.pager a,
.pager span{text-decoration: none;height: 26px;line-height: 26px;display: inline-block;margin: 0 10px;font-size: 24px}
.pager a:hover{color: #0f0b09;opacity: 1}
.pager a:active{color: #0f0b09}
.pager span.now{color: #0f0b09}
.pager span.disabled{color: #0f0b09}
.current:first-child,
.pager .p1:last-child{display: none}
.header{height: 80px;width: 100%;position: fixed;top: 0;left: 0;z-index: 99;box-shadow:rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease; background-color:#fff; color:#000}
.header-small{height: 60px;background: #000;-webkit-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;-moz-box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;transition: all .3s ease}
.header-wrap{width: 90%;margin: 15px auto;height: 50px;  background-color:#fff;    max-width: 1920px;}
.header-wrap .logo img{transition: all .3s ease;width: 100%;max-width: 200px;}
.mobile{display: none;}
.pc{display: block;}
.header-wrap .nav{float:right;background-color:#fff;}
.header-small .header-in{margin: 15px auto;transition: all .3s ease;background-color:#000;}
.header-small .logo img{height: 22px;margin-top: 4px;}
.header .logo{float: left;margin-top: 10px; }
.header .m-menu{float: right;margin-right: 10px;background: url(./images/m-menu.png) no-repeat;background-size: contain;background-position: right center;height: 30px;width: 24px;;    margin-top: 10px;}
.header .m-menu span{width: 23px;height: 2px;background-color: #000;display: block;margin: 6px auto;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;background-color:#000;}
.m-nav {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.9);display: none;;background-color:#000;}
.header .meun-on #span2{opacity: 0}
.header .meun-on #span1{-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg);transform: translateY(8px) rotate(45deg)}
.header .meun-on #span3{-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg)}
.header .navbar-nav > li > .dropdown-menu{background: transparent;padding: 15px 0 0;}
.header .navbar-nav > li > .dropdown-menu:hover{background: transparent;padding: 15px 0 0;}
.submenu-bg {width: 100%;height: 0;background:rgba(0,0,0,.4);z-index:9999;}
.menu{height: 100%;float:right; color:#000; font-size:12px}
.menu ul{margin: 0 auto;text-align: center;overflow: hidden;}
.menu ul li{float:left;-webkit-animation: DDInY .8s .3s ease both;-ms-animation: DDInY .8s .3s ease both;-moz-animation: DDInY .8s .3s ease both;animation: DDInY .8s .3s ease both}
.menu ul a{display: block;overflow: hidden;margin: 10px 0;color:#090405;}
.menu ul span{display: block;font-size: 14px;text-transform: uppercase;color: #090405}
.fullSlide{position: relative;margin: 0 auto}
.m-slide{display: none}
.slide{position: relative;margin: 0 auto}
.slide .bd{position: relative;z-index: 0;overflow: hidden}
.slide .bd li img{width: 100%;vertical-align: top}
.slide .hd{position: relative;z-index: 1;margin-top: -60px;height: 30px;line-height: 30px;text-align: center}
.slide .hd ul{text-align: center}
.slide .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 14px;height: 14px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.slide .hd ul .on{background-color: #ff0}
.slide .prev,
.slide .next{z-index: 1;display: block;width: 53px;height: 14px;position: relative;float: left;background: url(./images/arrow.png) 0 0 no-repeat;filter: alpha(opacity=40);opacity: .4;position: absolute;top: 50%;margin-top: -7px}
.slide .prev{left: 2.1%;margin-left: 10px}
.slide .next{background-position: right 0;right: 2.1%;margin-right: 10px}
.slide .prev:hover,
.slide .next:hover{filter: alpha(opacity=80);opacity: .8}
.slide .hd{margin-top: -30px}
.slide .hd ul li{width: 7px;height: 7px}
.slide .prev, .slide .next{width: 25px;height: 14px}
.wrapper-intro{width: 90%;margin: 0 auto;padding:45px 0 0px;position: relative;z-index: 9;}
.wrapper-intro h3{font-size: 24px;color: #5f6061;margin-bottom: 5px;text-align: center;line-height: 42px;}
.wrapper-intro p a{transition: all .3s ease;}
.wrapper-intro p a:hover{transition: all .3s ease;color:#000;}
.more{text-align: center;margin-top: 50px;}
.index-more{border:1px solid #afafaf;padding:6px 70px;font-size: 17px;letter-spacing: 1px;}
.index.more{width:100%;}
.wrapper-intro div:hover p a{color: #000}
.wrapper-intro h3{-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft .5s .3s ease both;margin-top: 2px;padding-bottom:20px;text-align: left;}
.wrapper-intro .p1{-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft .8s .3s ease both}
.wrapper-intro .p2{-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft 1s .3s ease both}
.wrapper-intro .p3{-webkit-animation: fadeleft .8s .3s ease both;-ms-animation: fadeleft .8s .3s ease both;-moz-animation: fadeleft .8s .3s ease both;animation: fadeleft 1.2s .3s ease both}
.wrapper-case{width: 90%;margin: 0 auto;position: relative;z-index: 10;background-color: #fff;    max-width: 1920px;}
.wrapper-case .wrapper-type{height: 50px;position: relative;margin-bottom: 25px}
.wrapper-case .wrapper-type p{font-size: 18px;width: 1080px;line-height: 50px;position: absolute;left: 50%;margin-left: -540px;z-index: 0}
.wrapper-case .wrapper-type p a:hover {color: #000}
.wrapper-case .wrapper-type-list{float: right;position: absolute;z-index: 11;right: 0}
.wrapper-case .wrapper-type-list .active{text-decoration: underline;color: #000;font-size: 18px}
.wrapper-case .wrapper-type-list a{display: inline-block;margin-right: 25px;line-height: 50px;color: #888889;font-size: 14px}
.wrapper-case .wrapper-type-list a:hover{text-decoration: underline;color: #000}
.wrapper-case ul li{width:33.33%;float: left;position: relative;overflow: hidden;display: block;margin-bottom:0%;margin-left:0%;}
.wrapper-case ul li img{width: 100%;height: auto;display: block}
.wrapper-case ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.wrapper-case .case-summary{display: none;width: 100%;height: 100%;background: rgba(0,0,0,.6);top: 0;left: 0;position: absolute;padding: 8% 8%}
.wrapper-case .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.wrapper-case .case-summary .p1{font-size: 20px;line-height: 1.5em;font-family: "fz"}
.wrapper-case .syl{font-size: 22px;font-family: "fz"}
.wrapper-case .case-summary .p2{font-size: 14px;bottom:0;line-height: 24px;}
.wrapper-case .case-more{display: block;width: 148px;hei:21px;ght: 40px;margin: 100px auto;border: 2px solid #959595;text-align: center;line-height: 40px}
.m-show{display: none}

.top_phone{margin-right:150px;}
.em{display:block; line-height:60px; color:#fff; font-size:22px; font-family:'MyriadPro-Regular_0','Noto Sans S Chinese Light','NotoSansHans-Light',"Arial","Helvetica","Microsoft YaHei","微软雅黑","微軟雅黑","宋体"; background:url(./images/top_icon.png) 0px 22px no-repeat; text-indent:30px;}


/*------------服务页面-----------*/
.banner_service{height:340px; background:url(./images/banner_service.jpg) no-repeat center center; margin-top:60px;}
.service{padding:100px 0px;}
.service_text{float: left;
    width: 50%;
    height: 100%;
    padding-right: 0%;
    margin-top: 0px;}
.service_text dl dt{font-size:36px; color:#000; line-height:36px; padding-bottom:24px; background:url(./images/service-titbg.jpg) no-repeat left bottom;}
.service_text dl dd{font-size:18px; color:#000; line-height:36px; padding:40px 0px 80px 0px;}
.service_text ul{width:106%; margin-left:-6%;}
.service_text ul li{float:left; width:44%; margin-left:6%; color:#959595; line-height:54px; font-size:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.service_list h6{float:right; width:50%; overflow:hidden;}
.service_list h6 a{display:block;}
.service_list h6 a img{width:100%;}
.service_list-b{background:#eee;}
.service_list-d{background:#eee;}
.service_list-b h6,.service_list-d h6{float:left;}
.service_list-b .service_text,.service_list-d .service_text{float:left; padding-right:0%; padding-left:0%;}



/*右边浮动栏目*/
#qq,#gotop,.wx_code{width:54px;height:54px;cursor:pointer;position:absolute;_bottom:auto; display:block;}
#qq{bottom:50px; background:url(./images/top_2.jpg) no-repeat;}
#qq:hover{width:50px;height:54px; background:url(./images/top_2.jpg) -54px 0 no-repeat;}
#gotop{bottom:50px; background:url(./images/top_1.jpg) no-repeat;}
#gotop:hover{background:url(./images/top_1.jpg) -50px 0 no-repeat;}


.wx_code{bottom:105px; background:url(./images/top_3.jpg) no-repeat; position:relative;}
.wx_img{display:none; position:absolute; right:55px;top:0; height:180px; width:180px; border:1px solid #dedede; padding:2px; -webkit-transition:all ease-in 0.3s;-moz-transition:all ease-in 0.3s;transition:all ease-in 0.3s; opacity:0; background:#fff; overflow:hidden;}
.wx_code:hover{background:url(./images/top_3.jpg) -50px 0 no-repeat;}
.wx_code:hover .wx_img {opacity:1; display:block;}.wx_code .wx_img:hover img{ position:relative; /*top:-125px;*/}

#qq,#gotop,.wx_code1{width:54px;height:54px;cursor:pointer;position:absolute;_bottom:auto; display:block;}
.wx_code1{bottom:105px; background:url(./images/top_2.jpg) no-repeat; position:relative;}
.wx_img1{display:none; position:absolute; right:55px;top:0; height:180px; width:180px; border:1px solid #dedede; padding:2px; -webkit-transition:all ease-in 0.3s;-moz-transition:all ease-in 0.3s;transition:all ease-in 0.3s; opacity:0; background:#fff; overflow:hidden;}
.wx_code1:hover{background:url(./images/top_2.jpg) -50px 0 no-repeat;}
.wx_code1:hover .wx_img1 {opacity:1; display:block;}.wx_code1 .wx_img1:hover img{ position:relative; /*top:-125px;*/}

#qq,#gotop,.wx_code2{width:54px;height:54px;cursor:pointer;position:absolute;_bottom:auto; display:block;}
.wx_code2{bottom:105px; background:url(./images/top_4.jpg) no-repeat; position:relative;}
.wx_img2{display:none; position:absolute; right:55px;top:0; height:180px; width:180px; border:1px solid #dedede; padding:2px; -webkit-transition:all ease-in 0.3s;-moz-transition:all ease-in 0.3s;transition:all ease-in 0.3s; opacity:0; background:#fff; overflow:hidden;}
.wx_code2:hover{background:url(./images/top_4.jpg) -50px 0 no-repeat;}
.wx_code2:hover .wx_img2 {opacity:1; display:block;}.wx_code2 .wx_img2:hover img{ position:relative; /*top:-125px;*/}



.float_iqw{width:50px;bottom:170px;position:fixed;_position:absolute;right:0px;z-index:99999;}

.cf:after, .clearfix:after {
	display: table;
	content: '';
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}
.cf::after, .clearfix::after {
	display: table;
	content: '';
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	clear: both;
}
.flinkbox { width:300px; height:200px; float:right; padding-right:5%; }
.flkli { height:146px;overflow-y:scroll;}
.flinkbox ul li { display:inline-block; width:38%;padding-right:28px; line-height:28px; color:#555;}
.flinkbox ul li:first-child {}
.flinkbox ul li a { color:#555; font-size:13px;}.flinkbox ul li a:hover,.foot a:hover { color:#ccc;}


.flkli::-webkit-scrollbar{
    width: 1px;
    height: 1px;
    background-color: #f5f5f5;
}



.wrapper-news{width: 68.75%;margin: 0 auto;display: -webkit-flex;display: flex;justify-content: space-between;position: relative;z-index: 10;background-color: #fff}
.wrapper-news a{color: #898989}
.wrapper-news .wrapper-news-list{width: 33.3%;overflow: hidden}
.wrapper-news .wrapper-news-list li{line-height: 2.1em;}
.wrapper-news .wrapper-news-list ul li a{word-wrap: break-word;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;color: #898989;transition:all 0.3s ease;}
.wrapper-news .wrapper-news-list ul li a:hover{color: #000;}
 
.wrapper-news .wrapper-news-title{font-size: 16px;padding-bottom: 20px;display: block;}
.wrapper-news .wrapper-news-title:hover{color: #000}
.wrapper-case .more{margin: 70px 0 70px;}
.wrapper-service li a{color: #898989;font-size: 14px;transition: all .3s ease;}
.wrapper-service li a:hover{color: #000;}
.footer{background: #000;padding: 45px 0 3px;position: relative;z-index: 10}
.footer-wrapper{width: 90%;margin: 0 auto;color: #6a6a6a;    max-width: 1920px;}
.footer1 .ewm img{margin-bottom:10px;width:86%;}
.footer2{ margin-top:20px}
.footer2 span{color:#fff;padding-right: 4px;}
.footer2 h3,.footer3 h3{color:#fff;font-size: 16px;padding-bottom: 20px;line-height: 16px;}
.footer2 dl{float: left;margin-top: -15px;width:100%;}
.footer2 dl:first-child{}
.footer2 dl dt{font-size: 24px;border-bottom: 1px solid #6a6a6a;margin-bottom: 14px;color: #999}
.footer2 dl dd{line-height: 24px;font-size: 13px;}
.footer3{width: 25%;font-size: 12px;color: #757575; float:left}
.footer3 span{font-size: 34px;color:#fff;}
@media screen and (max-width: 1600px){.footer-wrapper,.wrapper-news{width:80%;}.footer1 .ewm img{margin-bottom:10px;width:80%;}.footer2{margin-left: .5%;}.footer2 dl dd{font-size: 12px;line-height: 20px;}.footer3{width:23%;}}
@media screen and (max-width: 1366px){.footer-wrapper{width:90%;}.footer3 span {font-size: 32px;color: #c9caca;}.footer2{margin-left: 1.5%;}.footer2 dl:first-child{padding-right:3%;}.footer3{width:20%;}}
@media screen and (max-width: 1280px){.footer-wrapper{width:93%;}.footer2 dl {width:100%;}.footer3 span {font-size: 28px;color: #c9caca;}.footer2{width:26%;margin-left: .5%;}.footer2 dl:first-child{padding-right:3%;}.footer3{width:20%;}}
.footer-bottom{overflow: hidden;}
.footer-link{margin-top: 25px;width:70%;}
.footer-link h3{color: #6a6a6a;font-size: 14px}
.footer-link ul li{width: 15%;float: left}
.footer-link ul li a{color: #6a6a6a;transition: all .3s ease;line-height: 24px;display: block}
.footer-link ul li a:hover{color: #fff}
.footer-cp{margin-top: 25px;}
.m-footer{display: none}
.case-content{padding-bottom: 150px}
.case-list{width: 94%;margin: 150px auto 0}
.case-list .wrapper-type{height: 50px;position: relative;margin-bottom: 25px}
.case-list .wrapper-type p{font-size: 18px;line-height: 50px;position: absolute;left: 33.33333%;margin-left: -160px;z-index: 0;width: 160px}
.case-list .wrapper-type-list{float: right;position: absolute;z-index: 11;right: 0}
.case-list .wrapper-type-list .active{text-decoration: underline;color: #000;font-size: 16px}
.case-list .wrapper-type-list a{display: inline-block;margin-right: 20px;line-height: 50px;color: #888889;font-size: 14px}
.case-list .wrapper-type-list a:hover{text-decoration: underline}
.case-list ul li{width: 33.333333%;float: left;position: relative;overflow: hidden;display: block}
.case-list ul li img{width: 100%;height: auto;display: block}
.case-list ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1)}
.case-list .case-summary{display: none;width: 90%;height: 90%;background: url(../black.png) repeat;top: 0;left: 0;position: absolute;padding: 5%}
.case-list .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.case-list .case-summary span{font-size: 24px}
.case-list .case-summary .p1{top: 0}
.case-list .case-summary .p2{bottom: 0;font-size: 16px}
.case-list .case-more{display: block;width: 148px;height: 40px;margin: 100px auto;border: 2px solid #959595;text-align: center;line-height: 40px}
.case-read{width: 1800px;margin: 0 auto;max-width: 1800px;padding: 100px 0}
.case-read .news-tool{display: none}
.case-read img{width: 100%;height: auto!important;float: left;display: block;background: url(loading.gif) no-repeat center}
.case-read img.small{width: 50%;}
.case-read-top{padding: 70px 0;color: #fff;height: 730px}
.case-read-top .left{width: 36%;text-align: right;font-size: 20px}
.case-read-top .right{width: 40%;margin-right: 11%;position: relative;height: 100%}
.case-read-top .right p{font-size: 20px;line-height: 1.8em;margin-bottom: 20px}
.case-read-top .right ul{position: absolute;bottom: 0}
.case-read-top .right ul li{font-size: 14px}
.case-fixed{position: fixed;width: 28px;left: 50%;margin-left: 920px;top: 35%}
.case-fixed li{position: relative;height: 26px;margin-bottom: 17px}
.case-fixed li .icon{background-image: url(icon.png);background-repeat: no-repeat;display: block;width: 28px;height: 26px}
.case-fixed #close a{background-position: 0 -117px}
.case-fixed #prev a{background-position: 0 -155px}
.case-fixed #next a{background-position: 0 -194px}
.case-fixed #close a:hover{background-position: -36px -117px}
.case-fixed #prev a:hover{background-position: -36px -155px}
.case-fixed #next a:hover{background-position: -36px -194px}
.news{width: 1070px;margin: 0 auto;padding: 100px 0}
.news-list li{padding: 55px 0;border-bottom: 1px solid #eee}
.news-list li .imgbigout{width: 44%;float: left}
.news-list li .imgbigout img{width: 100%;height: auto}
.news-list li .news-summary{float: right;width: 49%}
.news-list li .news-summary h4{color: #0f0b09;margin-bottom: 30px;font-size: 18px}
.news-list li .news-summary p{margin-bottom: 30px}
.news-list li .news-summary p a{color: #0f0b09;font-size: 24px;}
.news-list li .news-summary span{margin-bottom: 50px;display: block}
.news-list li .news-summary span a{font-size: 16px}
.news-list li .news-summary .more{text-decoration: underline;font-size: 18px}
.news-read{width: 1140px;margin: 0 auto;padding: 150px 0}
.news-read .news-read-left{float: left}
.news-read .news-read-left h3{font-size: 24px}
.news-read .news-read-left h4{font-size: 16px}
.news-read .news-read-right{float: right;width: 700px}
.news-read .news-read-right .title{font-size: 30px;line-height: 30px;padding-bottom: 50px;border-bottom: 1px solid #ccc;color: #0f0b09;margin-bottom: 40px;}
.news-read .content p,
.news-read .content span,
.news-read .content div{font-size: 16px}
.news-read .content img{max-width: 705px;height: auto;}
.news-read .content{padding-bottom: 50px;border-bottom: 1px solid #ccc;font-size: 16px}
.contact{padding: 100px 0}
.contact-read{width: 1150px;margin: 0 auto}
.contact1-left{float: left;font-size: 36px;color: #595757;margin-top: -10px}
.contact1-right{float: right;width: 610px}
.contact1 p{font-size: 20px}
.contact1{margin-bottom: 130px}
.contact2 p{margin-bottom: 1em}
.contact2{margin-bottom: 100px}
.contact3,
.contact4,
.contact5{margin-bottom: 55px}
.contact-img{margin-bottom: 120px}
.about{padding: 100px 0}
.about1{width: 1600px;margin: 0 auto}
.about3{width: 1870px;margin: 0 auto}
.about1 .about1-left{float: left;font-size: 36px;color: #595757;margin-left: 200px;margin-top: -9px}
.about1 .about1-right{float: right;width: 860px}
.about3 .about3-right{float: right;width: 1000px}
.about2{width: 100%;background: url(about-fixed.jpg);height: 800px;background-position: center center;background-size: cover;background-repeat: no-repeat;background-attachment: fixed;margin: 170px 0 150px;position: relative}
.about2 img{position: absolute;left: 13%;top: 45%}
.about1-1 p{font-size: 24px;margin-bottom: 1.8em;line-height: 1.8em;color: #5f6061;}
.about1-1{margin-bottom: 150px}
.about1-2{float: left;width: 392px}
.about1-2 h3{font-size: 22px;margin-bottom: 20px;color: #0f0b09}
.about1-2 p{margin-bottom: 1em;color: #5f6061}
.about1-3{float: right;width: 330px}
.about1-3 h3{font-size: 22px;margin-bottom: 20px;color: #0f0b09}
.about1-3 p{margin-bottom: 1em;color: #5f6061}
.about3-1{float: left;width: 38%}
.about3-2{float: right;width: 48%}
.about3-1 h3,
.about3-2 h3,
.about3-3 h3{font-size: 22px;color: #0f0b09;margin-bottom: 1em}
.about3-1 p,
.about3-2 p{margin-bottom: 1em}
.about3-3{margin-bottom: 35px;margin-top: 80px}
.about3-4 dl{width: 260px;float: left;margin-bottom: 45px}
.about3-4 dt{font-size: 16px;color: #0f0b09;margin-bottom: 14px}

 
.banner .btn-next {right:2.1%}
.banner .btn-prev {left:2.1%}
.navbar-nav > li > a{font-size: 18px;}
.banner .arrow {position:absolute; top:25%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer;} 
.banner .arrow span,.banner .arrow span:after,.banner .arrow span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease } 
.banner .arrow span {margin-top:-1px; width:0 } 
.banner .arrow span:after,.banner .arrow span:before {content:""; width:30px } 
.banner .arrow.swiper-button-prev span {left:50%; margin-left:-10px } 
.banner .arrow.swiper-button-prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.swiper-button-prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.swiper-button-next span {right:50%; margin-right:-10px } 
.banner .arrow.swiper-button-next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow.swiper-button-next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow:hover span {width:40px } 
.banner .arrow:hover.swiper-button-prev span {margin-left:-20px }
.banner .arrow:hover.swiper-button-next span {margin-right:-20px }
.banner .swiper-button-prev, .banner .swiper-button-next{background-image: none;}
.banner .arrow.btn-prev span {left:50%; margin-left:-10px } 
.banner .arrow.btn-prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.btn-prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left } 
.banner .arrow.btn-next span {right:50%; margin-right:-10px } 
.banner .arrow.btn-next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow.btn-next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right } 
.banner .arrow:hover span {width:40px } 
.banner .arrow:hover.btn-prev span {margin-left:-20px }
.banner .arrow:hover.btn-next span {margin-right:-20px }
.banner .bd ul{width: 100% !important}
.banner .bd li{width: 100% !important;background-position: center 0;background-repeat: no-repeat;}
.banner .bd li a{display: block;margin: 0 auto;}
@media screen and (max-width:4560px){html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{font-weight:lighter;font-size: 14px;font-family:  "fz";}
.header-small{height: 40px}
.header-small .logo img{height: 30px;margin-top: -1px;}
.header-small .header-in{margin: 5px auto}
.header-small .nav{margin-top: -10px;}
.header-small .navbar-nav > li > a {
    padding-top: 15px;
}
.nav > li > a:hover {
  background-color: #fff;
  border-color: #fff;
  color:#ED1B23;
}

.nav .dropdown-menu:hover{
	background: #000;
}
.header .dropdown-menu > li > a:focus {
  text-decoration: none;

}
.header .dropdown-menu{
    min-width: 0;
}
.header .dropdown-menu{border-radius: 0;background: #fff;border: 0;box-shadow:none;}
.header .dropdown-menu > li > a {
    padding: 10px 10px 6px;
    font-size: 15px;
}
.dropdown-menu{
    left: 22px;
}
.dropdown-menu li a {
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 100;
    margin: 0 6px;
    position: relative;
}
.dropdown-menu li a:hover{
	 
	border-radius: 2px;
}
.navbar-nav > li > a:focus {
    background: transparent;
    color: #fff;
}
@media (min-width: 768px){
    .navbar-nav > li > a {
        padding-top: 15px;
                    font-size: 22px;
            font-weight: 600;
    }
    .header-small .navbar-nav > li > a {
        padding-bottom: 10px;
    }
}

.fullSlide .hd{margin-top: -50px}
.fullSlide .hd ul li{width: 10px;height: 10px}
.banner{width: 100%;position: relative;z-index: 1;overflow: hidden; margin-top: 70px;}

.banner .hd{display:block;position: absolute;left: 0;top: 850px;z-index: 1;width: 100%;overflow: hidden}
.banner ul{text-align: center;}
.banner .hd ul li{cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 10px;height: 10px;margin: 5px;overflow: hidden;font-size: 0;background-color: #fff;border-radius: 50%}
.banner .hd ul .on{background-color: #ff0}
.banner .swiper-slide {
    background-repeat: no-repeat;
}

.banner .bd li{height: 685px;background-size: 1920px 685px}
.m-nav .close img{width: 42px}
.wrapper-intro h3{margin-bottom: 0px;}


.wrapper-news .wrapper-news-list ul li a{font-size: 14px}
.wrapper-service li a{font-size: 14px}
.wrapper-service{margin: 20px auto 25px;}
.case-read{width: 1700px}
.case-read-top{height: 500px}
.case-read-top .left{font-size: 16px}
.case-read-top .right p{font-size: 16px;margin-bottom: 18px}
.case-fixed{position: fixed;width: 25px;left: 50%;margin-left: 870px}
.contact-read{width: 925px;margin: 0 auto}
.contact1-left{float: left;font-size: 30px;color: #595757;margin-top: -10px}
.contact1-right{float: right;width: 580px}
.contact1 p{font-size: 16px}
.about1, .about3{width: 1120px;margin: 0 auto}
.about2{margin: 100px 0 110px}
.about1 .about1-left{font-size: 27px;margin-left: 120px;margin-top: -7px}
.about1 .about1-right{width: 640px;margin-right: 0}
.about1-2{float: left;width: 270px}
.about1-3{width: 240px}
.about1-1 p{font-size: 18px}
.about3 .about3-right{float: right;width: 750px;margin-right: -120px}
.about1-2 h3, .about1-3 h3, .about3-1 h3, .about3-2 h3, .about3-3 h3{font-size: 16px;margin-bottom: 10px}
.about1-2 p, .about1-3 p{font-size: 12px}
.about3 .about3-right p{font-size: 12px}
.about3-1 p, .about3-2 p{margin-bottom: 2em}
.about3-4 dt{font-size: 14px;margin-bottom: 2px}
.about3-4 dd{font-size: 12px}
.about3-3{margin-bottom: 25px;margin-top: 60px}
.service{margin-top: 0px !important}
.news-list li .imgbigout img, .news-list li .imgbigout{width: 360px}
.news-summary{margin-right: 130px}
.news-list li .news-summary span a{font-size: 14px}
.news-list li .news-summary p a{font-size: 22px}
.news-list li .news-summary h4, .news-list li .news-summary .more{font-size: 16px}
.news-list li{padding: 40px 0}
.news-type ul li a{font-size: 14px}
.news-read .news-read-right .title{font-size: 24px;padding-bottom: 36px}
.news-read .news-read-left h3{font-size: 20px}
.news-read .news-read-left h4{font-size: 14px}
.news-read .news-read-left{margin-left: 70px}
.news-read .content p, .news-read .content span, .news-read .content div{font-size: 14px}
.news-tool-right li{transform: scale(0.7);-webkit-transform: scale(0.7);-moz-transform: scale(0.7);-ms-transform: scale(0.7)}
.about3-4 dl{width: 195px}
.case-read-top .right ul li{font-size: 12px}}
@media screen and (max-width:1440px){
  .navbar-nav > li > a{
    font-size: 18px;
  }
  .wrapper-news .wrapper-news-title{
    font-size: 14px;
  }
  .wrapper-news .wrapper-news-list ul li a{
    font-size: 12px;
  }
.wrapper-case .case-summary .p1{
  font-size: 16px;
}
.wrapper-case .case-summary .p2{
  font-size: 14px;
}
.wrapper-case .syl{
  font-size: 18px;
}
.header{height:60px; background-color:#fff}
.header-wrap{
  padding-top: 10px;
  margin: 0 auto;
  height: 60px;
  background-color:#fff}
.banner{margin-top: 60px;}
.banner .bd li{height: 513px;background-size: 1440px 513px}
.news-read{width: 700px}
.news-read-left{margin-bottom: 30px}
.news-read .news-read-left, .news-read-right{float: none;width: 100%}
.case-read{width: 1200px}
.case-read-top{height: auto}
.case-read-top .right ul{position: static;}
.case-read-top .left{font-size: 16px}
.case-read-top .right p{font-size: 16px;margin-bottom: 18px}
.case-fixed{position: fixed;width: 25px;left: 50%;margin-left: 620px}
.wrapper-intro h3{margin-top: 0;line-height: 46px;}
.wrapper-intro p{font-size: 12px;}
.wrapper-case .wrapper-type p{font-size: 12px}
.wrapper-case .wrapper-type-list a, .wrapper-case .wrapper-type-list .active{font-size: 12px}
.wrapper-case .wrapper-type{margin-bottom: 6px}
.service{margin-top: 48px !important;margin-bottom: 10px !important}
.news{width: 830px}
.news-list li .imgbigout img, .news-list li .imgbigout{width: 260px}
.news-list li .news-summary p a{font-size: 16px}
.news-list li .news-summary h4, .news-list li .news-summary .more{font-size: 14px}
.news-list li .news-summary h4{margin-bottom: 13px}
.news-list li .news-summary p{margin-bottom: 15px}
.news-list li .news-summary span a{font-size: 12px}
.news-list li{padding: 30px 0}
.pager a, .pager span{font-size: 18px}
.news-read .news-read-left{margin-left: 0}
.about2{margin: 70px 0 90px}
.news-read .news-read-left h3{font-size: 18px}
.case-list .wrapper-type-list a{margin-right: 15px}}
@media screen and (max-width:1200px){.wrapper-case ul li{width: 50%;float: left;position: relative;overflow: hidden}
.banner .bd li a{width: 1000px}
.news-read{width: 700px}
.news-read-left{margin-bottom: 30px}
.news-read .news-read-left, .news-read-right{float: none;width: 100%}
.case-read{width: 1000px}
.case-read-top{height: auto}
.case-read-top .right ul{position: static}
.case-read-top .left{font-size: 16px}
.case-read-top .right p{font-size: 14px;margin-bottom: 18px}
.case-fixed{position: fixed;width: 25px;left: 50%;margin-left: 520px}}
.m-menu{display: none}
.m-nav ul {margin: 0 auto;width: 50%;text-align: center;height: 500px;position: absolute;top: 45%;margin-top: -250px;left: 50%;margin-left: -25%;}
.m-nav ul span {display: block;font-size: 48px;line-height: 86px;text-transform: uppercase;color: #e9e7e8;}
.cat-type{display: none;}
.mobile{display: none;}
.pc{display: block;}
.wrapper-intro .more{border:none;margin: 20px auto 30px;}
.wrapper-case .more{border:none;margin: 40px auto 60px;}
@media screen and (max-width:750px){
.wrapper-case .syl{font-size: 16px;}
.m-footer-bottom img{padding-top: 0;}
.header-wrap{padding-top: 5px;background-color:#fff}
.header .logo{margin-top: 5px;}
.m-footer-bottom p{line-height: 1.54rem;}
.index-more {        font-size: 14px;
        padding: 10px 30px;}
.wrapper-intro .more{padding:0;}
.wrapper-case .more{margin:0;padding-top: 35px;}
.wrapper-intro p{font-size: 12px;text-align: center;}
.mobile{display: block;}
.pc{display: none;}
.wrapper-intro h3 a{line-height: 28px;}
.about011{font-size: 14px;}
.cat-type{display:block;height: 40px;margin-bottom: 0}
.cat-type h3{float: left;font-size: 30px;width: 15%}
.cat-type ul li{float: left;line-height: 40px;color: #898989;width:auto;border: none;margin-bottom:0;}
.cat-type ul li a{line-height: 60px;font-size: 14px;padding: 0 15px;color: #898989}
.cat-type ul li a:hover{color: #5f6061}
.cat-type ul li:last-child i{display: none;}
.cat-type ul li:first-child a{padding-left:0;}
.m-menu{display: block}
.gotop{display: none}
.drift{display: none}
.footer{display: none}
.banner{display: none}
.header{height: 60px;background-color:#fff!important}
.header-small{height: 60px;background-color:#fff!important}
.header .logo img{height: 35px;margin-top: 2px;}
.mobile{display: block;}
.pc{display: none;}
.header .m-menu{margin-right: 0}
.more{padding:0;margin:0;}
.nav{display: none;}
.m-nav ul {height: 360px;margin-top: -280px; }
.m-nav .close img{width: 25px;height: auto}
.m-nav ul{height: 360px;margin-top: -280px}
.m-nav ul a{height: 60px}
.m-nav ul span{font-size: 24px;}
.inline-block{display: inline-block;vertical-align: top}

.lay_btn [class^="btn"]{dispaly: inline-block;vertical-align: top;margin: 0 10px;width: 52px;height: 52px;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transform-origin: left top;-moz-transform-origin: left top;transform-origin: left top}
.lay_btn [class^="btn"]:before{content: '';position: absolute;top: 0;left: 0;width: 200%;height: 200%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transform: scale(.5, .5);-moz-transform: scale(.5, .5);transform: scale(.5, .5);-webkit-transform-origin: left top;-moz-transform-origin: left top;transform-origin: left top;border: 1px solid #4d4d4d;border-radius: 16px}

.lay_btn .btn1{background: url(./images/ico_tel.png) no-repeat center center / 80% 80%; margin-top:20%;}
.lay_btn .btn2{background: url(./images/ico_wx.png) no-repeat center center / 80% 80%;margin-top: 20%;}
.share_qr{display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 9999;background: rgba(0,0,0,.8)}
.share_qr .share_qr_inner{position: absolute;top: 50%;left: 10%;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: #fff;padding: 5% 0;padding: calc((100vh - 150px) / 8) 0;width: 80%;border-radius: 12px;margin: auto}
.share_qr_inner img{display: block;margin: 0 auto;height: 120px}
.m-nav .nav-tel {position: absolute;left: 2%;bottom: 20%;}
.m-nav .close {display: block;position: absolute;top: 4%;right: 4%;opacity: 1;}
.m-nav .close:hover img{transform: rotate(180deg);}
.slide .hd{margin-top: -30px}
.slide .hd ul li{width: 7px;height: 7px}
.slide .prev, .slide .next{width: 25px;height: 14px}
.wrapper-case{width: 95%}
.wrapper-type{width: 100%;height: auto}
.wrapper-type p{width: 100%;position: static;margin-left: 0;margin: 0 auto}
.wrapper-type-list{position: static;float: left}
.wrapper-intro h3{font-size: 16px;margin-bottom: 0;line-height: 1em}
.header-in{margin: 15px auto;width: 94%}
.header .logo{margin-left: 0}
.header-small .header-in{margin: 5px auto}


/*------------手机案例-----------*/
.wrapper-case{width: 100%;margin: 0 auto;position: relative;z-index: 10;background-color: #fff;margin-bottom: 80px;}
.wrapper-case .wrapper-type{height: 50px;position: relative;margin-bottom: 25px}
.wrapper-case .wrapper-type p{font-size: 18px;width: 1080px;line-height: 50px;position: absolute;left: 50%;margin-left: -540px;z-index: 0}
.wrapper-case .wrapper-type p a:hover {color: #fff}
.wrapper-case .wrapper-type-list{float: right;position: absolute;z-index: 11;right: 0}
.wrapper-case .wrapper-type-list .active{text-decoration: underline;color: #000;font-size: 18px}
.wrapper-case .wrapper-type-list a{display: inline-block;margin-right: 25px;line-height: 50px;color: #888889;font-size: 14px}
.wrapper-case .wrapper-type-list a:hover{text-decoration: underline;color: #000}
.wrapper-case ul li{width:99%;float: left;position: relative;overflow: hidden;display: block;margin-bottom:2%;  }
.wrapper-case ul li img{width: 100%;height: auto; }
.wrapper-case ul li:hover img{ }
.wrapper-case .case-summary{width: 100%;height: 100%; }
.wrapper-case .case-summary p{color: #f9f9f9;position: absolute;left: 0;font-size: 20px}
.wrapper-case .case-summary .p1{font-size: 12px;line-height: 1.2em;font-family: "fz", Microsoft Yahei, "Helvetica", "Arial", sans-serif;}
.wrapper-case .syl{font-size: 22px;font-family: "fz", Microsoft Yahei, "Helvetica", "Arial", sans-serif;}
.wrapper-case .case-summary .p2{font-size: 14px;bottom:0;line-height: 24px;}
.wrapper-case .case-more{display: block;width: 148px;hei:21px;ght: 40px;margin: 100px auto;border: 2px solid #959595;text-align: center;line-height: 40px}
.m-show{display: block !important; }
.case_tex{display: none !important;width:100%; line-height:20px;margin:0 auto;text-align:center;margin-bottom:1%;margin-bottom:2% }
.case_tex .text1{ font-size:12px;text-align:center; color:#000; }
.case_tex .text2{ font-size:11px;text-align:center }


 


.footer, .wrapper-service, .wrapper-news,  {display: none}
.m-slide{display: block !important;margin-top: 40px;}
.m-slide li{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.wrapper-intro{width: 94%;margin: 0 auto;padding: 40px 0 20px; }
.case-list{margin-top: 80px;width: 94%}
.case-list .wrapper-type{height: auto}
.case-list ul li{width: 100%}
.case-list .wrapper-type-list a{line-height: 24px;margin-right: 25px;float: left}
.case-list .wrapper-type p{position: static;margin-left: 0;font-size: 12px;line-height: 32px}
.wrapper-type-list{position: static !important;float: static}
.case-list .museo-light{width: 100%;display: block}
.case-content{padding-bottom: 35px}
.wrapper-type-list a{line-height: 35px;margin-right: 10px}
.case-read{width: 94%;padding-bottom: 30px}
.case-read .small{width: 100% !important}
.case-read-top .left, .case-read-top .right{width: 90%;text-align: left;margin: 0 auto;float: none}
.case-read-top{padding: 30px 0}
.case-read-top .right ul{bottom: 30px}
.case-fixed{display: none}
.news-read{width: 94%;padding: 50px 0}
.news-read img{max-width: 100%!important;height: auto}
.news-read-left{margin-bottom: 30px}
.news-read .news-read-left, .news-read-right{float: none;width: 100%}
.news-read-right{width: 100% !important}
.news-read-left{margin-bottom: 20px}
.news{width: 94%;padding: 80px 0 10px}
.news-read .news-read-right .title{font-size: 24px;padding-bottom: 20px;margin-bottom: 15px}
.news-type h3{width: 100%}
.news-type ul{float: left;width: 100%}
.news-type ul li{height: 30px}
.news-type ul li a{padding: 0 15px;line-height: 30px}
.news-summary{margin-top: 10px}
.news-list li .imgbigout, .news-list li .news-summary{width: 100%}
.news-list li{padding: 25px 0}
.news-list li .news-summary{float: left}
.news-list li .imgbigout img, .news-list li .imgbigout{width: 100%}
.news-type ul li:first-child a{padding-left: 0}
.news-list li .news-summary h4{margin-bottom: 10px}
.news-list li .news-summary p{margin-bottom: 20px}
.news-list li .news-summary span{margin-bottom: 20px}
.back2top{display: none !important}
.m-footer{display: block;width: 100%;margin: 35px auto 0;}
.m-footer .left,.m-footer-bottom p{font-size: 12px;}
.m-footer .m-footer-bottom .left{width: 58%}
.m-footer-top{height: 40px;line-height: 40px}
.m-gotop{display: block;width: 30px;height: 30px;background: url(./images/gotop.png) no-repeat;background-size: 30px}
.contact-read{width: 94%;margin: 0 auto}
.contact1-left{float: left;font-size: 28px;color: #595757;font-size: arial}
.contact1-right{float: right;width: 100%}
.contact1 p{font-size: 16px}
.contact1, .contact2, .contact3, .contact4, .contact-img{margin-bottom: 25px}
.about{padding: 100px 0 30px}
.about1, .about3{width: 94%}
.about1 .about1-left{font-size: 28px;width: 100%;margin-left: 0}
.about1 .about1-right{width: 100%}
.about3 .about3-right{width: 100%;margin-right: 0}
.about3-4 dl{margin-bottom: 15px}
.about2{width: 100%;background: url(about-fixed.jpg);height: 250px;background-position: center center;background-size: cover;background-repeat: no-repeat;margin: 25px 0;position: relative}
.about2 img{left: 50%;top: 40%;background-position: center;width: 200px;margin-left: -100px}
.about1-2, .about1-3, .about3-1, .about3-2, .about3-4{width: 100% !important;margin-right: 0}
.about3-4 dl{width: 50%}
.about1-1{margin-bottom: 30px}
.about1-1 p{font-size: 16px}
.about h3{font-size: 16px;margin-bottom: 10px}
.wrapper-case .wrapper-type p{width: 100%;position: static;margin-left: 0}
.wrapper-case .wrapper-type-list{width: 100%;position: static}
.wrapper-case .wrapper-type{height: 80px}
.wrapper-case .wrapper-type-list a{height: 30px;line-height: 30px;margin-right: 10px;font-size: 12px}
.case-more{display: none !important}
.share-list{left: 0}
#qiao-wrap{display: none !important}
.case-list .wrapper-type-list a{font-size: 12px}
.case-list .wrapper-type-list .active{font-size: 12px}
.case-list .wrapper-type-list .museo-light{font-size: 16px;margin-bottom: 14px}
.case-read .news-tool{display: block}}
.drift {width:46px;height:auto;position:fixed;right:0;z-index:999;}
.drift li {display:block;width:48px;height:48px;margin-bottom:3px;position:relative;}
.drift li a {display: flex;align-items: center;width:48px;height:48px;border-radius:4px;background:rgb(227,237,243);overflow:hidden;}
.drift li a img{display: block;margin: 0 auto;}
/*.drift li:first-child,.drift li:first-child a {width:48px;height:116px;}
.drift li:first-child a img{max-width: 100%;}*/
.drift li:nth-child(1) a img{width:80%;}
.gotop{display: none;}
.drift .gotop img{width:70%;}
.pages{text-align:center;font-size:20px;margin: 50px 0 30px;}
.pages a{padding: 6px 8px;border-radius: 2px;text-decoration:none;margin:0 3px;}

.pages a:hover{color:#555;}
.pages strong{padding: 6px 8px;color: #555;border-radius: 2px;margin:0 3px;}
.pages_inp{border:#2E6AB1 1px solid;padding:1px;width:30px;text-align:center;color:#666666;}
.pages_btn{width:30px;background:#ddd;border:#2E6AB1 1px solid;color:#004499;font-weight:bold;font-size:11px;}
.pages label{background:#FFFFFF;border:#2E6AB1 1px solid;color:#004499;padding:1px 5px 1px 5px;}
.pages label em{color:red;font-weight:bold;font-style:normal;}
.pages label span{font-weight:bold;}
.pages cite {font-style:normal;}
.property_h{border-bottom:#FFFFFF 1px solid;text-align:left;background:url('spacer.gif');color:#006699;font-weight:bold;padding-left:15px;}
.property_l{padding:0 20px 0 20px;color:#006699;}
#destoon_pageno, .pages_btn, cite{display: none;}

@media screen and (max-width:4560px) and (min-width:1921px){
  .banner .hd{display: none;}
}
.medium {
    font-family: "SansCN-Medium";
}

.extralight {
    font-family: "SansCN-ExtraLight";
}
.normal {
    color: #727171;
}
.heavy {
    font-family: "SansCN-Heavy";
}

.pc.mobile {
    display: none !important;
}
.menu2{
	text-align:right;width:90%; margin: auto; height:44px; font-size:14px	;border-bottom: 2px solid #bdbdbd;max-width: 1920px;
}.menu2 a {
    margin-left: 20px;
}.menu2 a.active, .m-menu2 a.active {
    color: #ED1B23;
}
.mobile.m-menu2 {
    font-size: 16px;
    line-height: 36px;
    color: #999;
    width: 90%;
    margin: 0 auto;
    margin-bottom: 10px;
}.mobile.m-menu2 a {
    margin-right: 20px;
    
    display: inline-block;
}