html{font-size:20px;}
body{font-size:.8rem;color:#333333;font-family:'Microsoft YaHei',Simsun,Arial,Verdana,Sans-serif;}
html,body{margin:0px;padding:0px;width:100%;height:100%;}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;margin:0;padding:0; }
img{border:none;max-width:100%; display: inline-block; line-height: 0; font-size: 0; vertical-align:bottom; }
div,ul,li,dl,dt,dd,p,form{margin:0;padding:0;}
ul,li,dl,dt,dd{list-style:none;}
a{font-size:inherit;text-decoration:none;color:#333;}
a:hover,
a:focus{ text-decoration:none; color:#ee7700;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
a:active{color:inherit; text-decoration:none;}
i,em{font-style:normal;}
select,input,textarea,button{font-family:inherit; font-size:inherit;}
table { border-spacing: 0; border-collapse: collapse; background-color: transparent; }
td, th { padding: 0; }
th { text-align: left; }
tr { vertical-align: middle; }

.bomtop{ text-align:right;margin-top:140px;}
.relative{ position: relative; }
.clearfix:before,
.clearfix:after{display:table;content:" ";clear:both;}
.tbl-type{display:table;width:100%;table-layout:fixed}
.tbl-cell{display:table-cell; vertical-align: top; }
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.center{ text-align:center; }
.right{ text-align:right; }
.valign *{ display:inline-block; vertical-align:middle; }
.ellipsis{ display: block; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -moz-text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }
.shadow { box-shadow: 0 7px 30px rgba(103, 103, 103, .1); }
.shadow-s2 { box-shadow: 2px 7px 10px rgba(103, 103, 103, .3); }
.hide{ display: none; }
.btn { display: inline-block; padding: 10px 20px; border: 1px solid transparent; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; touch-action: manipulation; -ms-touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn-default { color: #333333; background-color: #ffffff; width: auto; border-radius: 0; border:#dddddd 2px solid; line-height: normal; }
.btn-submit { color: #ffffff; background-color: #ee7700; width: auto; border-radius: 0; border:0; line-height: normal; font-size: .9rem; padding: 10px 40px; }
.btn-reset { color: #333333; background-color: #dddddd; width: auto; border-radius: 0; border:0; line-height: normal; font-size: .9rem; padding: 10px 40px; }

.btn-view { color: #666666; background-color: transparent; border:#666666 1px solid; width: auto; border-radius: 30px; height: 30px; line-height: 30px; padding: 0 25px; }
.btn-view:hover{ background-color:#ee7700; color: #ffffff; border:#ee7700 1px solid; }

.table { width: 100%; max-width: 100%; }
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td { border-top: 0; }
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 5px; word-break:break-all; }

.form-control{ display: inline-block; width: 100%; padding: 10px; background-color: #fff; background-image: none; border: 1px solid #dddddd; border-radius:0; border-radius: 0; }
.form-control[type="radio"] + label::before { content: "\a0";  display: inline-block; vertical-align: middle; width: 15px; height: 15px; margin-right: .4em; border-radius: 50%; border: 4px solid #dddddd; text-indent: .15em; line-height: 1; background-color: #ffffff; margin-top: 10px; margin-bottom: 10px; }
.form-control[type="radio"]:checked + label::before { width: 15px; height: 15px; border: 4px solid #dddddd; background-color:#ee7700; }
.form-control[type="radio"] { width: 0; height: 0; margin:0; padding: 0; position: absolute; clip: rect(0, 0, 0, 0); }
.form-control[type="checkbox"] { width: 18px; height: 18px; display: inline-block; vertical-align: middle; }

.red{ color: #ee7700; }

body{ background-color: #ffffff; }
.wrap{ width:1200px; margin:auto; padding:0; }
.wrap2{ width:1530px; margin:auto; padding:0; }
.iconfont{ font-size: .7rem; }
.wp{ padding: 15px; }
.wp-h{ padding-left: 15px; padding-left: 15px; }
.wp-v{ padding-top: 15px; padding-bottom: 15px; }
.bg-white{ background-color: #ffffff; }
.bg-gray{ background-color: #ebebeb; }
.bg-advantage{ background-color: #151e27; }
.bg-partner{ background: #ffffff url(../image/beijing.png) center bottom no-repeat; }

.p-top-xs{ padding-top: 15px; }
.p-top-s{ padding-top: 40px; }
.p-top-m{ padding-top: 80px; }
.p-top-l{ padding-top: 100px; }

.p-bot-xs{ padding-bottom: 15px; }
.p-bot-s{ padding-bottom: 40px; }
.p-bot-m{ padding-bottom: 80px; }
.p-bot-l{ padding-bottom: 100px; }

.m-top-xs{ margin-top: 15px; }
.m-top-s{ margin-top: 40px; }
.m-top-m{ margin-top: 20px; }
.m-top-l{ margin-top: 100px; }

.m-bot-xs{ margin-bottom: 15px; }
.m-bot-s{ margin-bottom: 40px; }
.m-bot-m{ margin-bottom: 80px; }
.m-bot-l{ margin-bottom: 100px; }


.header .logo{ float: left; width: auto; padding: 18px 0; }
.search-box{ position: absolute; right: 0; top:50%; width: 40px; height: 40px;
	-ms-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
.search-box .form-control{ position:absolute; right:0; top:0; overflow:hidden; width:0; opacity:0; background:#eee; transition:0.3s; z-index: 99; }
.search-box .btn-search{ position:absolute; right:0; top:0; height:40px; border:none; cursor:pointer; width:40px; background:url(../image/search.png) center center no-repeat; z-index: 98; }
.search-box:hover .form-control{ width:200px; opacity:1; }
 
.nav{ width: auto; float: right; margin-right: 10px; }
.nav ul li{ float: left; width:auto; display:block; position: relative; }
.nav ul li .tit{ display: block; text-align: center; font-size: .8rem; height:96px; line-height: 96px; padding: 0 45px; position: relative; color:#333333; }
.nav ul li:hover .tit,
.nav ul li.on .tit{ color:#ee7700; }

.nav ul li.on .tit.hasChild::after{ display: inline-block; content: ""; background: url(../image/arrow.png) center no-repeat; width: .8rem; height: .8rem; vertical-align: middle; margin-left: 5px; }

.nav ul li .child{ background-color: rgba(0, 0, 0, .5); display: none; position: absolute; top: 96px; left: 0; width:100%; z-index: 99; text-align: center; }
.nav ul li:hover .child{ display: block; }
.nav ul li .child a{ display: block; line-height: 1.5; font-size: .8rem; color: #fff; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,.3); margin: 0 10px; }
.nav ul li .child a:hover{ color:#ee7700; }


.outwrap{ display: block; position:relative; right:0; top:0;
-webkit-transition: .3s all;
		transition: .3s all;
}
.outwrap.open{ right:-30%; }
.smart-nav { display: block; position: fixed; width:30%; z-index: 998; left: auto; left:-70%; top: 0; bottom: 0; background: rgba(251, 121, 33, 0.9); padding-top: 88px; overflow: hidden;
		-webkit-transition: .3s all;
		transition: .3s all;
	}
.smart-nav.open { left: 0; }
.smart-nav ul{ display: block; width: 100%; height: 100%; border-top: 1px solid rgba(255, 255, 255, .5); overflow-y: auto; }
.smart-nav ul li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); cursor: pointer; }
.smart-nav ul li .tit{ font-size: 1rem; text-indent: 1em; display: block; padding: 20px 0; color: #ffffff; }
.smart-nav ul li .tit.ignore{ background:none; }
.smart-nav ul li .child { border-top: 1px solid rgba(206,206,206,0.5); display: none; }
.smart-nav ul li .child a{ display: block; padding: 5px 0; font-size: .9rem; line-height: 2; color: #eeeeee; text-indent: 2em; }
.smart-nav ul li .child a:first-child{ padding-top: 10px; }
.smart-nav ul li .child a:last-child{ padding-bottom: 10px; }

.smart-nav ul li .tit:hover,
.smart-nav ul li .child a:hover{ background-color: #ffffff; color:#FB7921; }


.menu-button{ display:none; position:absolute; top: 20px; right:15px; z-index:999; padding: 10px 0; border-radius: 5px; }
.menu-button button{ display:block; background:none; overflow:hidden; cursor:pointer; z-index:1000; border:0; width:40px; height:30px; padding:0; outline:0; position:relative; -webkit-appearance: none;
	-webkit-transition:.3s all;
	transition:.3s all;
}
.menu-button button::before,
.menu-button button::after,
.menu-button button span{ background:#414141; border-radius:3px; }
.menu-button button::before,
.menu-button button::after{ content:''; position:absolute; height:3px; width:100%; left:0; top:50%;
	-webkit-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transition:-webkit-transform .25s;
	transition:transform .25s;
}
.menu-button button span{ display:block; position:absolute; height:3px; width:80%; left:0; top:50%; margin-top:0; overflow:hidden; text-indent:200%;
	-webkit-transition:opacity .25s;
	transition:opacity .25s
}
.menu-button button::before{ -webkit-transform:translate3d(0,-12px,0); transform:translate3d(0,-12px,0); }
.menu-button button::after{ -webkit-transform:translate3d(0,12px,0); transform:translate3d(0,12px,0); width:93%; }
.menu-button.open{ right: auto; left: -95px; }
.menu-button.open button span{ opacity:0; background:#fff; }
.menu-button.open button::before{ -webkit-transform:rotate3d(0,0,1,45deg); transform:rotate3d(0,0,1,45deg); background:#fff; }
.menu-button.open button::after{ -webkit-transform:rotate3d(0,0,1,-45deg); transform:rotate3d(0,0,1,-45deg); background:#fff; width:100%; }

.banner-box{ position: relative; }
.banner-box .swiper-container-horizontal>.swiper-pagination-bullets,
.banner-box .swiper-pagination-custom,
.banner-box .swiper-pagination-fraction { bottom: 20px; }
.banner-box .swiper-pagination{ z-index: 999; }
.banner-box .swiper-pagination-bullet{ width:15px; height:15px; background-color:#ffffff; opacity: 1; }
.banner-box .swiper-pagination-bullet-active { background: #fb7921; }
.banner-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; }

.banner-box .swiper-button-prev{ left: 50px; right: auto; }
.banner-box .swiper-button-next{ left: auto; right: 50px; }
.banner-box .swiper-button-next,
.banner-box .swiper-button-prev{ background-color: rgba(0,0,0,.5); padding: 40px; border-radius: 6px; }

.nbanner-box{ position: relative; overflow: hidden; }
.nbanner-box .box{ position:absolute; left:50%; margin-left:-960px; width:1920px; }

.n2banner-box { background-color: #333333; padding: 120px 0; }
.n2banner-box h3{ color:#fb7921; font-size: 1.6rem; }
.n2banner-box p{ color: #ffffff; font-size: 1.3rem; margin-top: 20px; line-height: 1.5; }

.title-box-s1{ border-bottom: #e5e5e5 1px solid; }
.title-box-s1.rw1{ border-bottom: #dfdfdf 1px solid; }
.title-box-s1 .tabs-s1{ position: absolute; right: 0; bottom: 0; }

.title-s1{ padding-bottom: 10px; position: relative; }
.title-s1 h2{ font-size:1.6rem; }
.title-s1 span{ display:inline-block; font-size: .7rem; color: #999999; margin-left: 5px; }
.title-s1 p{ color: #999999; line-height: 2; }
.title-s1::after{ content: " "; display: block; position: absolute; left: 0; bottom: -2px; width: 4em; border-bottom: #fb7921 3px solid; }

.title-s2{ text-align: center; margin-bottom: 40px; }
.title-s2 span{ font-size:.7rem; display:block; color: #999999; margin-bottom: 5px; text-align: center; }
.title-s2 h2{ display: inline-block; font-size:1.6rem; text-align: center; position: relative; }
.title-s2 h2 i{ display: inline-block; background-color: #fafcfe; padding: 0 10px; position: relative; z-index: 9; }
.title-s2 h2::after{ content: ""; display: block; position: absolute; top:50%; left:-30px; right: -30px; border-bottom: #ccc 1px solid; z-index: 8; }
.title-s2 p{ color: #999999; line-height: 2; }

.title-s3{ padding-bottom: 20px; position: relative; text-align: center; }
.title-s3 h2{ font-size:1.8rem; color:#fb7921; }
.title-s3 span{ display:block; font-size: .8rem; color: #999999; }


.tabs-s1 ul{ margin-left: -10px; margin-top: 5px; }
.tabs-s1 ul li{ display: block; float: left; padding-left: 10px; padding-top: 5px; }
.tabs-s1 ul li a{ display: block; background-color: #f6f6f6; padding: 10px 30px; text-align: center; }
.tabs-s1 ul li a.on{ background-color: #fb7921; color:#ffffff; }

.list-s1 ul{ margin-left:-30px; margin-top: -30px; }
.list-s1 ul li{ width:25%; float:left; padding-left:30px; padding-top:30px; }
.list-s1 ul li a{ display: block; border: #e5e5e5 1px solid; background-color: #ffffff; transition: 0.3s; -webkit-transition: 0.3s;-webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
.list-s1 ul li a:hover{ box-shadow: 1px 15px 30px rgba(24, 24, 24, 0.1);-ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
	box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);}
.list-s1 ul li .img-box{ display:block; }
.list-s1 ul li .img-box img{ width: 100%; display:block;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.list-s1 ul li a:hover .img-box img{
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
	filter: none;
}
.list-s1 ul li .txt-box{ padding: 10px 20px; }
.list-s1 ul li span{ display: block; line-height: 2; font-weight: 700; text-align:center;}
.list-s1 ul li em{ display: block; line-height: 2; border-top:#e5e5e5 1px solid; font-size: .7rem; color: #999; margin-top: 5px; padding-top: 5px; }
.list-s1 ul li a:hover span{ color:#ee7700; }

.list-s2{ overflow:hidden; }
.list-s2 ul{ margin-left:-30px; margin-top: -30px; }
.list-s2 ul li{ width:25%; float:left; padding-left:30px; padding-top:30px;margin-top:60px;}
.list-s2 ul li a{ display: block; border: #dfdfdf 1px solid;-webkit-transition: all 0.3s ease; background-color: #ffffff; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.list-s2 ul li .img-box{ display:block; }
.list-s2 ul li .img-box img{ width: 100%; display:block; }
.list-s2 ul li .txt-box{ padding: 10px 20px; }
.list-s2 ul li em{ display: block; line-height: 2; font-size: 1rem; }
.list-s2 ul li p{ display: block; line-height: 1.5; font-size: .7rem; color: #999; }
.list-s2 ul li time{ display: block; margin-top: 10px; padding-top: 10px; line-height: 2; border-top:#dfdfdf 1px solid; font-size: .7rem; color: #999; }
.list-s2 ul li a:hover{ background-color:#ee7700;-ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
	box-shadow: 0 5px 20px 1px rgba(49, 49, 49, 0.2);box-shadow: 1px 15px 30px rgba(24, 24, 24, 0.1);}
.list-s2 ul li a:hover em{ color:#ffffff; }
.list-s2 ul li a:hover p,
.list-s2 ul li a:hover time{ color:rgba(255,255,255,.8); }
.list-s2 ul li time{ border-top:rgba(255,255,255,.3) 1px solid; }

.list-s3 ul{ display: block; margin-left: -15px; margin-top: -15px; }
.list-s3 ul li{ width: 14.28%; float: left; padding-left: 15px; padding-top: 15px; }
.list-s3 ul li img{ border:#dfdfdf 1px solid; border-radius: 4px; }

.list-s4{ overflow:hidden; }
.list-s4 ul{ margin-left:-30px; margin-top: -30px; }
.list-s4 ul li{ width:25%; float:left; padding-left:30px; padding-top:30px; }
.list-s4 ul li a{ display: block; border: #e5e5e5 1px solid; }
.list-s4 ul li .img-box{ display:block; overflow: hidden; }
.list-s4 ul li .img-box img{ width: 100%; display:block;
	-webkit-transform: rotate(0deg) scale(1) translate(0px, 0px);
    -ms-transform: rotate(0deg) scale(1) translate(0px, 0px);
    transform: rotate(0deg) scale(1) translate(0px, 0px);
    transition: all 0.5s ease;
}
.list-s4 ul li a:hover .img-box img{
	-webkit-transform:rotate(0deg) scale(1.15) translate(0px, 0px);
	-ms-transform:rotate(0deg) scale(1.15) translate(0px, 0px);
	transform:rotate(0deg) scale(1.15) translate(0px, 0px);
	transition:all 0.5s ease;
}
.list-s4 ul li .txt-box{ padding: 10px 20px; text-align: center; }

.list-s5 ul li{ position: relative; margin-bottom: 50px; border-bottom: #dfdfdf 1px solid; padding-bottom: 50px; }
.list-s5 ul li .img-box{ float:left; width:360px; margin-right:40px; }
.list-s5 ul li .img-box img{ width: 100%; }
.list-s5 ul li::after{ content:''; display:table; clear:both; }
.list-s5 ul li h3{ display: block; font-size:1rem; }
.list-s5 ul li p{ line-height:1.75; color:#888; margin-top:20px; }
.list-s5 ul li time{ display: block; color: #999; margin-top: 10px; font-size: .7rem; }
.list-s5 ul li .btn-view{ display: inline-block; padding: 0 20px; width:auto; height: 33px; line-height: 30px; text-align: center; border: #dddddd 1px solid; font-size: .7rem; margin-top: 30px; }
.list-s5 ul li .btn-view:hover{ color: #ffffff; }

.servlist ul{ margin-top:-15px; margin-top: -15px; }
.servlist ul li{ float: left; width: 12.5%; padding-top: 15px; color: #666666; text-align: center; }


.formbox dl{ margin-left: -2em; }
.formbox dl dt,
.formbox dl dd{ position:relative; padding-left:8em; margin-bottom:20px; width:50%; float: left; }
.formbox dl dt{ border: 1px solid #eaeaea; background-color:#f2f2f2; }
.formbox dl dt span,
.formbox dl dd span{ display:block; position:absolute; left:2em; top: 50%; width: 5em; text-align: right;
	transform: translateY(-50%);
	-ms-transform:translateY(-50%); 	
	-moz-transform:translateY(-50%); 	
	-webkit-transform:translateY(-50%); 
	-o-transform:translateY(-50%); 	
}
.formbox dl dt.ignore,
.formbox dl dd.ignore{ width: 100%; }


.more-box{ display: block; text-align: center; }
.more-box a{ display: inline-block; padding: 0 30px; background-color: #fb7921; color:#ffffff; border-radius:36px; height: 36px; line-height: 36px; }
.more-box a::after{ content:""; display: inline-block; width: 17px; height: 9px; background: url(../image/left_arrow.png) center no-repeat; vertical-align: middle; margin-left: 20px; }

.advantage{ padding-right: 700px; }
.advantage .niuniu{ width: 620px; height: 620px; position: absolute; top: 0; right: 0; background: url(../image/dong.gif) center no-repeat; }
.advantage .advlist .listbox{ margin-left: -20px; margin-top: -20px; }
.advantage .advlist .item{ width: 50%; padding-left: 20px; padding-top: 20px; float: left; }

.advantage .advlist .item .box{ background-color: #ffffff; width: 100%; height: 300px; padding: 30px; overflow: hidden; position: relative; text-align: center; transition: 0.5s; }
.advantage .advlist .item .tit-box h6 { font-size: 1rem; color: #1c1c1c; margin-top: 40px; }
.advantage .advlist .item .tit-box2 h6 { color: #fff; }
.advantage .advlist .item .tit-box .icon-box { width: 100%; height: 77px; margin: 30px 0; }
.advantage .advlist .item .tit-box1 { position: absolute; top: 0; width: 100%; left: 0; transition: 0.5s; }
.advantage .advlist .item .tit-box2 { position: absolute; top: 0; width: 100%; left: -100%; transition: 0.5s; }

.advantage .advlist .item .txt-box1 { position: absolute; width: 100%; left: 0; top: 200px; transition: 0.5s; }
.advantage .advlist .item .txt-box2 { position: absolute; width: 100%; right: -100%; top: 200px; transition: 0.5s; }

.advantage .advlist .item .txt-box ul { padding: 0 0 0 17%; }
.advantage .advlist .item .txt-box li { text-align: left; font-size: .7rem; color: #595959; width: 50%; float: left; margin-bottom: 3%; padding-left: 0%; }
.advantage .advlist .item .txt-box2 li { color: #fff; }

.advantage .advlist .item:hover .box { background-color: #fb7921; }
.advantage .advlist .item:hover .tit-box1 { left: 100%; }
.advantage .advlist .item:hover .tit-box2 { left: 0; }
.advantage .advlist .item:hover .txt-box1 { left: -100%; }
.advantage .advlist .item:hover .txt-box2 { right: 0; }

.niuniu{ position: relative; }
.niuniu .item{ position: absolute; color: #ffffff; top:0; left: 0; }
.niuniu .item i{ display: block; position: absolute; background: url(../image/quan.png) center no-repeat; width: 20px; height: 20px; }
.niuniu .item.arr-down{ padding-bottom: 25px; }
.niuniu .item.arr-down i{ left: 50%; margin-left: -10px; bottom: 0; }
.niuniu .item.arr-right{ padding-right: 30px; }
.niuniu .item.arr-right i{ top: 50%; margin-top: -10px; right: 0; }
.niuniu .item.arr-up{ padding-top: 25px; }
.niuniu .item.arr-up i{ left: 50%; margin-left: -10px; top: 0; }
.niuniu .item.arr-left{ padding-left: 30px; }
.niuniu .item.arr-left i{ top: 50%; margin-top: -10px; left: 0; }

.niuniu .item1{ left:41%; top:12%; }
.niuniu .item2{ left:14%; top:26%; }
.niuniu .item3{ left:0%; top:45%; }
.niuniu .item4{ left:8%; top:61%; }
.niuniu .item5{ left:31%; top:76%; }
.niuniu .item6{ left:60%; top:76%; }
.niuniu .item7{ left:71%; top:60%; }
.niuniu .item8{ left:78%; top:43%; }
.niuniu .item9{ left:68%; top:24%; }


.footer{ padding: 40px 0 0; overflow: hidden; background-color: #292929; }

.contact a{ display: block; line-height: 2; font-size: .7rem; color: #ccc; }
.contact a:hover{ color:#ffffff; }

.botnav{ width:55%; }
.botnav ul{ margin-left: -30px; }
.botnav ul li{ float:left; width:25%; padding-left:30px; }
.botnav ul li a{ display:block; color:#999; line-height: 2; }
.botnav ul li a:hover{color:#fff;}
.botnav ul li a.tit{ font-size:.8rem; margin-bottom:10px;color:#ffffff;text-align:right;}

.guanzhu{ display: block; width: 130px; float: left; color: #cccccc; line-height: 2; }
.guanzhu img{ width: 100%; }
.guanzhu span{ display: block; font-size: .8rem; text-align: center; }

.copyright { width: 100%; margin-top: 40px; color: #818181; line-height: 2; padding: 15px 0; border-top: #3c3c3c 1px solid; }
.copyright a{ color: #818181; }

.pager{ text-align:center; margin-top:50px; }
.pager a{ display: inline-block; border:1px solid #dfdfdf; padding:5px 15px; margin:0 4px; }
.pager strong{ display: inline-block; border:1px solid #fb7921; padding:5px 15px; margin:0 4px; }
.pager a:hover,.pager strong{ background:#fb7921; color:#fff;border:1px solid #fb7921;}

.cate-list{ padding: 15px 20px; background-color: #f6f6f6; margin-top: 1px; }
.cate-list span,
.cate-list a{ display: inline-block; line-height: 2; color: #666666; }
.cate-list span{ padding: 0 10px; }
.cate-list a.on{ color: #fb7921; }

.n-content{ line-height:2; color:#666666; }
.n-content a{ color:#666666; }
.n-content p{ margin-bottom:15px; }

.detail-box{  }
	.view-title{ margin-top:10px; font-size: 30px; text-align:center; }
	.view-element{ text-align:center; color:#888888; border-bottom:1px solid #dddddd; margin: 0 0 20px; padding: 15px 0;}
	.view-element a{ color:#333; }
	.view-element #bdshare,.view-element #bdshare .bdshare-button-style1-24{ display:inline-block; padding-left:5px; }
	.view-element #bdshare .bdshare-button-style1-24 a,.view-element #bdshare .bdshare-button-style1-24 .bds_more { float:none; margin:0; background: url(../image/share_icons.png) no-repeat; display: inline-block; vertical-align:middle; }
	.view-element #bdshare .bdshare-button-style1-24 .bds_tsina { background-position: 0 -98px; }
	.view-element #bdshare .bdshare-button-style1-24 .bds_weixin { background-position:0 -162px; }
	.view-element #bdshare .bdshare-button-style1-24 .bds_qzone { background-position: 0 -47px; }
	.view-element #bdshare .bdshare-button-style1-24 .bds_sqq{ background-position: 0 -260px; }
	.view-element #bdshare .bdshare-button-style1-24::after { display:none; }
	.view-content{ line-height:2; }
	.view-assoc{ margin-top:40px; border-top:1px solid #dddddd; padding-top:20px; }
	.view-assoc div{ margin:12px 5px; }
	.view-assoc a{ color:#888888; letter-spacing:1px; }
	
.view-assoc .prev{ float: left; }
.view-assoc .next{ float: right; }

.detail-box .swiper-container { width: 100%; margin-left: auto; margin-right: auto; }
.detail-box .swiper-slide { text-align: center; }
.detail-box .gallery-top { width: 100%; }
.detail-box .swiper-container.gallery-thumbs { padding: 10px 0; padding-top: 20px; }
.detail-box .gallery-thumbs .swiper-slide-thumb-active{ border: 1px solid #f0f0f0; padding: 1px; }


@media screen and (max-width: 1530px) {
	.wrap2{ width:100%; padding-left:15px; padding-right: 15px; }
	.advantage { padding-right: 660px; }
}
@media screen and (max-width:1366px) {
.list-s2 ul li em{font-size:0.8rem;font-weight:600;}
}

@media screen and (max-width: 1200px) {
	.wrap{ width:1000px; }

	.nav ul li .tit{ padding: 0 20px; }
	
	.advantage { padding-right: 0; }
	.advantage .niuniu{ width: 100%; height: 620px; position: relative; top: 0; right: 0; }
	.list-s2 ul li{margin-top:1px;}
}

@media screen and (max-width: 992px) {
	.bomtop{display:none;}
	.tabs-s1 ul li{ display:none;}
	.wrap{ width:100%; padding-left:15px; padding-right: 15px; }
	
	.header .nav{ display: none; }
	.menu-button{ display:block; }
	
	.p-top-m{padding-top:40px;padding-bottom:40px;}
	.p-bot-l{padding-top:50px;padding-bottom:50px;}
	.banner-box .swiper-container-horizontal>.swiper-pagination-bullets,
.banner-box .swiper-pagination-custom,
.banner-box .swiper-pagination-fraction { bottom:7px; }
.banner-box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; }
.banner-box .swiper-pagination-bullet{ width:10px; height:10px; background-color:#ffffff; opacity: 1; }
.banner-box .swiper-pagination-bullet-active { background: #fb7921; }
	

	
	.search-box{ right: 60px; }
	
	.servlist ul li{ width: 16.66%; }
	
	.footer .botnav{ width: 100%; margin-top: 30px; }
	.footer .tbl-cell{ display: block; }
	.footer .contact.m-top-m { margin-top: 20px; }
}

@media screen and (max-width: 768px) {
	.list-s1 ul li{ width:50%; }
	.list-s1 ul li a .img-box img{
		-webkit-filter: none;
		-moz-filter: none;
		-ms-filter: none;
		-o-filter: none;
		filter: none;
		filter: none;
	}
	
	.list-s2 ul li{ width: 50%; }
	
	.list-s4 ul li{ width:50%; }
	
	.list-s5 ul li .img-box{ float:none; width:100%; margin-right:0; }
	.list-s5 ul li .img-box img{ width:100%; }
	.list-s5 ul li .txt-box{ margin-top:10px; }
	
	.servlist ul li{ width: 33.33%; }
	
	.title-box-s1 .tabs-s1 { position: relative; bottom: 0; top: 0; right: 0; left: 0; margin-top: 20px; }
	.tabs-s1 ul li{ width: 33.33%; margin-bottom: 10px; }
	.tabs-s1 ul li a{ padding: 10px; }

	.footer .contact,
	.footer .botnav{ display:none; }

	.footer{ padding: 40px 0 0; }
	.footer .copyright span.fr{ float: none; }
	.footer .copyright span{ display: block; }
	.footer .guanzhu { width: 130px; margin: auto; float: none; text-align: center; }
	
	.banner-box .swiper-button-prev,
	.banner-box .swiper-button-next{ display:none; }
	
	
	.formbox dl dd{ width:100%; float: none; }
	
	.view-assoc .prev{ float: none; }
	.view-assoc .next{ float: none; }
}

@media screen and (max-width: 640px) {
	.advantage .advlist .item { width: 100%; }
	
	.list-s1 ul li{ width: 100%; }
	.list-s2 ul li{ width: 100%; }
	.list-s3 ul li{ width: 33.33%; }
	.list-s4 ul li{ width:100%; }
}

@media screen and (max-width: 480px) {

}