/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */

body {
	background: #fff;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
hr{
	margin: 20px 0;
	border: 0;
	border-top:1px solid #999; 
}
img{
	/* width: 100%; */
}
.wrap {
	max-width: 1440px;
	width: 100%;
	margin: 0 auto;
	zoom: 1;
}
.wrap:after, .wrap:before {
	display: table;
	content: '';
}
.wrap:after {
	clear: both;
}
.textOver {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.over {
	overflow: hidden;
}
.alC {
	text-align: center;
}
.alL {
	text-align: left;
}
.alR {
	text-align: right;
}
.displayT {
	width: 100%;
	height: 100%;
	display: table;
}
.tableC {
	display: table-cell;
}
.inlineB {
	display: inline-block;
}
.displayB {
	display: block;
}
.middle {
	vertical-align: middle;
}
.middleImg img {
	vertical-align: middle;
}
.middleImg span {
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}
.trans {
	-webkit-transition: all 300ms ease 0s;
	-moz-transition: all 300ms ease 0s;
	-ms-transition: all 300ms ease 0s;
	-o-transition: all 300ms ease 0s;
	transition: all 300ms ease 0s;
}
.imgZoom img:hover {
	transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
}
.border-box {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.show_tb {
	display: none!important;
}
.show_tb {
	display: none!important;
}
.show_pc {
	display: block!important;
}
.show_mb {
	display: none!important;
}
@font-face {
	font-family: 'iconfont';  /* project id 435344 */
	src: url('../fonts/font_435344_pihqaadyt1d78pvi.eot');
	src: url('../fonts/font_435344_pihqaadyt1d78pvi.eot') format('embedded-opentype'),  url('/web/font_435344_pihqaadyt1d78pvi.woff') format('woff'),  url('../fonts/font_435344_pihqaadyt1d78pvi.ttf') format('truetype'),  url('../fonts/font_435344_pihqaadyt1d78pvi.svg#iconfont') format('svg');
}
.iconfont {
	font-family: "iconfont";
	font-style: normal;
	vertical-align: middle;
}
/*@font-face{font-family: 'fzltcxh';src: url(../fonts/6a40946fbc734a84b881cfb9067b15c1.ttf);}*/

body {
	overflow-x: hidden;
}
.w_detail {
	margin-bottom: 3%;
}
.w_detail .rel {
	position: relative;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 3%;
}
.w_detail .rel .button {
	position: absolute;
	top: 0;
	height: 100%;
}
.w_detail .rel .button .b {
	font-size: 14px;
	color: #999;
	position: fixed;
	top: 50%;
}
.w_detail .rel .button .b span {
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 50px;
}
.w_detail .rel .button.prev {
	left: 0;
}
.w_detail .rel .button.prev .b span {
	background: url(/web/det1.png) no-repeat center;
	margin-right: 5px;
}
.w_detail .rel .button.prev .b:hover span {
	background: url(/web/det1o.png) no-repeat center;
}
.w_detail .rel .button.next {
	right: 6%;
}
.w_detail .rel .button.next .b {
}
.w_detail .rel .button.next .b span {
	background: url(/web/det2.png) no-repeat center;
	margin-left: 5px;
}
.w_detail .rel .button.next .b:hover span {
	background: url(/web/det2o.png) no-repeat center;
}
.w_detail .main {
	width: 1200px;
}
.w_detail .title {
	font-size: 24px;
	color: #333;
	padding: 3% 0 2%;
}
.w_detail .data {
}
.w_detail .data .fl {
	font-size: 14px;
	color: #999;
}
.w_detail .data .fl:first-child {
	margin-right: 3%;
}
.w_detail .content {
	padding: 3% 0 4%;
	line-height: 180%;
}
.w_detail .share {
}
.recom {
	padding-bottom: 2%;
}
.recom .tit {
	font-size: 24px;
	color: #333;
	border-bottom: 1px solid #f0f0f0;
	padding-bottom: 1%;
	margin-bottom: 2%;
}
.iCase.recom .list .box {
	width: 22.7%;
}
.iCase1.recom .list .box {
	width: 22.7%;
}
.iNews.recom .list .box {
	width: 22.8%;
}
.banner a {
	display: inline-block;
	height: 472px;
	width: 100%;
}
.header {
	position: fixed;
	width: 100%;
	background: #fff;
	left: 0;
	top: 0;
	z-index: 100;
}
.header .ps {
	padding-top: 0.7%;/*margin-bottom: 1%;*/
}
.header .ps .m_nav_button {
	color: #096ed6;
	font-size: 34px;
	display: none;
	cursor: pointer;
}
.header .ps .hSearch {
	position: relative;
	z-index: 55;
}
.header .ps .hSearch img {
	cursor: pointer;
}
.header .ps .hSearch form input {
	position: absolute;
	top: 0;
	display: none;
}
.topForm .text {
	border: 1px solid #d9d9d9;
	border-radius: 100px;
	height: 38px;
	padding: 0 45px 0 0;
	font-size: 15px;
	color: #333;
	width: 140px;
	left: -147px;
	text-indent: 20px;
}
.topForm form .sub {
	width: 40px;
	height: 40px;
	background: url(/web/hd1.png) no-repeat center;
	border: none;
	left: 0px;
	cursor: pointer;
	vertical-align: middle;
}
.header .ps .hPhone {
	border: 1px solid #e4e4e4;
	font-size: 16px;
	color: #ff9a00;
	font-weight: bold;
	border-radius: 100px;
	padding: 8px 20px;
	margin-left: 10px;
	vertical-align: middle;
}
.header .logo {
	margin-bottom: 2%;
}
.header .logo img{
	width: 43%;
	margin-right:2%
}
.header .logo img:nth-child(2){
	width: 35%;
}
.header .nav {
	position: relative;
}
.header .nav .li {
	margin: 0 3.5%;
}
.header .nav .li > a {
	border-bottom: 2px solid transparent;
	padding-bottom: 12px;
	/* margin-bottom: 12px; */
	font-size: 14px;
	color: #333;
	display: inline-block;
	vertical-align: middle;
	font-weight: 1000;
}
.header .nav .li > a.on {
	border-color: #096ed6;
	color: #096ed6;
}
.header .nav .li > a:hover {
	border-color: #096ed6;
	color: #096ed6;
}
.header .nav .li:hover .navBox {
	display: block;
}
.header.headMini {
	padding: 1% 0;
	box-shadow: 0 1px 2px #f3f3f3;
}
.header.headMini .logo {
	width: 21.94%;
	float: left;
	margin-bottom: 0;
}
.header.headMini .nav {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 50;
}
.header.headMini .ps {
	float: right;
	padding: 0;
	margin: 1% 0 0;
}
.fix_height {
}
.header {
}
.header .navBox {
	display: none;
	transition: all 3s;
	-webkit-transition: all 3s;
	position: absolute;
	width: 100%;
	top: 100%;
	left: 0;
	z-index: 90;
	background: rgba(0,0,0,0.5)
}
.header .navBox .a {
	padding: 15px 0;
}
.header .navBox .a a {
	font-size: 14px;
	color: #fff;
	padding: 0 25px;
	border-left: 1px solid #595757;
}
.header .navBox .a:first-child a {
	border: none;
}
.header .navBox .a:hover a {
	color: #096ed6;
}
.fadeInDown {
	animation: fadeInDown .5s both;
	-wekit-animation: fadeInDown .5s both;
}
@-webkit-keyframes fadeInDown {
 0% {
 opacity:0;
 -webkit-transform:translateY(-37px);
 transform:translateY(-37px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
 transform:translateY(0)
}
}
@keyframes fadeInDown {
 0% {
 opacity:0;
 -webkit-transform:translateY(-37px);
 -ms-transform:translateY(-37px);
 transform:translateY(-37px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0);
 -ms-transform:translateY(0);
 transform:translateY(0)
}
}
#owl-banner {
	width: 100%;
	max-width: 1920px;
	text-align: center;
	margin: 0 auto;
}
#owl-banner .item {
	background: #fff no-repeat center;
}
#owl-banner .owl-controls {
	margin-top: 0;
}
#owl-banner .owl-controls .owl-page span {
	background: none;
	border: 2px solid #ccc;
	width: 8px;
	height: 8px;
	opacity: 1;
}
#owl-banner .owl-controls .owl-page.active span {
	border-color: #096ed6;
	background: #096ed6;
}
#owl-banner .owl-pagination {
	margin-top: 1%;
	position: absolute;
	left: 0;
	bottom: 4%;
	width: 100%;
}
#owl-banner .owl-buttons {
}
#owl-banner .owl-buttons div {
	display: none;
}
#owl-banner .owl-buttons .owl-prev {
	left: 2%;
	background: url(/web/ib_l.png) no-repeat center;
}
#owl-banner .owl-buttons .owl-next {
	right: 2%;
	background: url(/web/ib_r.png) no-repeat center;
}
.index {
}
.iTitle {
	text-align: center;
	padding: 4% 0 3%;
}
.iTitle .t1 {
	font-size: 30px;
	color: #666;
}
.iTitle span {
	display: inline-block;
	width: 33px;
	height: 3px;
	background: #096ed6;
	margin: .5% 0;
}
.iTitle .t2 {
	font-size: 20px;
	color: #333;
}
.iCate {
	margin-bottom: 2%;
	text-align: center;
}
.iCate a {
	font-size: 15px;
	color: #333;
	margin: 0 2%;
}
.iCate a.on {
	color: #096ed6;
}
.iCate a:hover {
	color: #096ed6;
}
.index .iPage {
	text-align: center;
	padding-bottom: 3%;
}
.index .iPage .prev {
}
.index .iPage .next {
}
.index .iPage .mid {
	margin: 0 .5%;
}
.index .maod_rel {
	position: relative;
}
.index .maod_rel .maod {
	position: absolute;
	top: -20%;
	left: 0;

}
.iCase .list {/*display: none;*/
}
/*.iCase .list_box .list:first-child{display: block;}*/
.iCase .list .box {
	width: 22.7%;/*margin-left: 2.3%;*/
	margin: 0 1.15% 3%;
}
.iCase .list .box .pic {
	background: url(/web/loading.gif) no-repeat center;
}
.iCase .list .box .pic img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.iCase .list .box .pic:hover img {
}
/*.iCase .list .box.noml{margin-left: 0;}*/
.iCase .list .box .t {
	margin-top: 2%;
	width: 100%;
	text-align: center;
}
.iCase .list .box .t a {
	font-size: 16px;
	color: #333;
}
.iCase .list .box .t span {
	font-size: 14px;
	color: #999;
}
#owl-iCase {
	width: 100%;
	max-width: 1920px;
	text-align: center;
	margin: 0 auto;
}
#owl-iCase .item {
	background: #fff no-repeat center;
}
#owl-iCase .owl-controls {
	margin-top: 0;
}
#owl-iCase .owl-controls .owl-page span {
	display: none;
}
#owl-iCase .owl-pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5%;
	text-align: center;
}
#owl-iCase .owl-buttons {
	background: url(/web/ip2.png) no-repeat center;
	;
}
#owl-iCase .owl-buttons div {
	padding: 0;
	margin: 0 51px;
	opacity: 1;
	width: 52px;
	height: 50px;
	border-radius: 0;
	text-indent: 999px;
	overflow: hidden;
	transition: all .5s;
}
#owl-iCase .owl-buttons .owl-prev {
	background: #f1f1f1 url(/web/ipj1.png) no-repeat center;
}
#owl-iCase .owl-buttons .owl-prev:hover {
	background: #096ed6 url(/web/ipj10.png) no-repeat center;
}
#owl-iCase .owl-buttons .owl-next {
	background: #f1f1f1 url(/web/ipj2.png) no-repeat center;
}
#owl-iCase .owl-buttons .owl-next:hover {
	background: #096ed6 url(/web/ipj20.png) no-repeat center;
}

.iCase1 .list {/*display: none;*/
}
/*.iCase .list_box .list:first-child{display: block;}*/
.iCase1 .list .box {
	/*width: 22.7%;!*margin-left: 2.3%;*!*/
	margin: 0 1.15% 3%;
}
.iCase1 .list .box .pic {
	background: url(/web/loading.gif) no-repeat center;
}
.iCase1 .list .box .pic img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.iCase1 .list .box .pic:hover img {
}
/*.iCase .list .box.noml{margin-left: 0;}*/
.iCase1 .list .box .t {
	margin-top: 2%;
	width: 100%;
	text-align: center;
}
.iCase1 .list .box .t a {
	font-size: 16px;
	color: #333;
}
.iCase1 .list .box .t span {
	font-size: 14px;
	color: #999;
}

#owl-iCase1 {
	width: 100%;
	max-width: 1920px;
	text-align: center;
	margin: 0 auto;
}
#owl-iCase1 .item {
	background: #fff no-repeat center;
}
#owl-iCase1 .owl-controls {
	margin-top: 0;
}
#owl-iCase1 .owl-controls .owl-page span {
	display: none;
}
#owl-iCase1 .owl-pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5%;
	text-align: center;
}
#owl-iCase1 .owl-buttons {
	background: url(/web/ip2.png) no-repeat center;
;
}
#owl-iCase1 .owl-buttons div {
	padding: 0;
	margin: 0 51px;
	opacity: 1;
	width: 52px;
	height: 50px;
	border-radius: 0;
	text-indent: 999px;
	overflow: hidden;
	transition: all .5s;
}
#owl-iCase1 .owl-buttons .owl-prev {
	background: #f1f1f1 url(/web/ipj1.png) no-repeat center;
}
#owl-iCase1 .owl-buttons .owl-prev:hover {
	background: #096ed6 url(/web/ipj10.png) no-repeat center;
}
#owl-iCase1 .owl-buttons .owl-next {
	background: #f1f1f1 url(/web/ipj2.png) no-repeat center;
}
#owl-iCase1 .owl-buttons .owl-next:hover {
	background: #096ed6 url(/web/ipj20.png) no-repeat center;
}
#owl-iNews {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}
#owl-iNews .item {
	background: #fff no-repeat center;
}
#owl-iNews .owl-controls {
	margin-top: 0;
}
#owl-iNews .owl-controls .owl-page span {
	display: none;
}
#owl-iNews .owl-pagination {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5%;
	text-align: center;
}
#owl-iNews .owl-buttons {
	background: url(/web/ip2.png) no-repeat center;
	margin-top: 2%;
}
#owl-iNews .owl-buttons div {
	padding: 0;
	margin: 0 51px;
	opacity: 1;
	width: 52px;
	height: 50px;
	border-radius: 0;
	text-indent: 999px;
	overflow: hidden;
	transition: all .5s;
}
#owl-iNews .owl-buttons .owl-prev {
	background: #f1f1f1 url(/web/ip1.png) no-repeat center;
}
#owl-iNews .owl-buttons .owl-prev:hover {
	background: #096ed6 url(/web/ipj10.png) no-repeat center;
}
#owl-iNews .owl-buttons .owl-next {
	background: #f1f1f1 url(/web/ip3.png) no-repeat center;
}
#owl-iNews .owl-buttons .owl-next:hover {
	background: #096ed6 url(/web/ipj20.png) no-repeat center;
}
.index .iAbout {
	padding: 50px 0;
	background-color: #f5f5f5
}
.index .iAbout .wrap {
	position: relative;
	background: #f6f6f6;
}
.index .iAbout .pic {
	width: 50%;
	position: relative;
}
/*.index .iAbout .pic .visn{visibility: hidden;}*/
.index .iAbout .pic .ivdo {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}
.index .iAbout .pic .ivdo iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 5;
}
.index .iAbout .pic .ivdo video {
	width: 100%;
	background: #f6f6f6;
}
.index .iAbout .pic .button {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10;
	background: url(/web/iab2.png) no-repeat center;
	cursor: pointer;
	display: none;
}
.index .iAbout .words {
	position: absolute;
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
}
.index .iAbout .words .bf {
	width: 85%;
	margin: 0 auto;
	font-size: 16px;
	color: #666;
	text-align: left;
	text-indent: 2%;
	padding-top: 150px;
	line-height: 180%;
}
.index .iAbout .words .m {
	margin-top: 5%;
}
.index .iAbout .words .m a {
	display: inline-block;
	font-size: 14px;
	color: #333;
	padding: 1.5% 4%;
	border: 1px solid #999;
}
.iNews {
}
.iNews .list {
	margin-bottom: 1%;
}
.iNews .list .box {
	position: relative;
	width: 23%;
	margin: 0 1%;
	border-bottom: 2px solid #ddd;
	cursor: pointer;
}
/*.iNews .list .box.noml{margin-left: 2%;}*/
.iNews .list .box:after {
	width: 0;
	height: 2px;
	background: #096ed6;
	transition: all .7s;
	-webkit-transition: all .7s;
	position: absolute;
	bottom: -2px;
	left: 0;
	content: "";
}
.iNews .list .box .pic.img {
	background-size: auto!important;
}
.iNews .list .box .t {
	margin: 4% 0;
}
.iNews .list .box .t a {
	font-size: 16px;
	color: #333;
	width: 95%;
	height: 22px;
text-align:center;
}
.iNews .list .box .bf {
	font-size: 14px;
	color: #777;
	line-height: 25px;
	word-break: break-all;
	text-align: left;
	overflow: hidden;
}
.iNews .list .box .date {
	font-size: 14px;
	color: #999;
	padding: 5% 0;
	text-align: left;
}
.iNews .list .box .date img {
	margin-left: 3%;
}
.iNews .list .box:hover .t a {
	color: #096ed6;
}
.iNews .list .box:hover:after {
	width: 100%;
}
.foot {
	overflow: hidden;
}
.foot .list {
	background: #333;
	padding: 2% 0 3%;
}
.foot .list .box {
	width: 10%;
	margin-right: 10%;
}
.foot .list .box .tt {
}
.foot .list .box .tt a {
	font-size: 16px;
	color: #888;
	display: block;
	border-bottom: 1px solid #484848;
	padding-bottom: 15px;
	margin-bottom: 25px;
}
.foot .list .box ul {
}
.foot .list .box ul li {
	line-height: 200%;
}
.foot .list .box ul li a {
	font-size: 14px;
	color: #ccc;
}
.foot .list .box ul li a:hover{
	color:#096ed6
}
.foot .list .box.last {
	width: 37%;
	margin-right: 0;
}
.foot .list .box.last .fContact {
}
.foot .list .box.last .fContact .p {
	font-size: 25px;
	color: #096ed6;
}
.foot .list .box.last .fContact .d {
	font-size: 14px;
	color: #666;
	padding: 4% 0 20%;
}
.foot .list .box.last .fContact .ol {
	background: #3f3f3f;
	border-radius: 6px;
	padding: 4% 0;
	margin:3%;
}
.foot .list .box.last .fContact .ol a {
	color: #fff;
	font-size: 17px;
}
.foot .list .box.last .fContact .ol img {
	margin-right: 10px;
}
.foot .list .box.last .ewm {
}
.foot .list .box.last .ewm div {
}
.foot .list .box.last .ewm .fl {/*margin-right: 20px;*/
}
.foot .cpr {
	background: #222;
	padding: 1% 0;
}
.foot .cpr .w {
	font-size: 14px;
	color: #666;
	text-align: center
}
.foot .cpr .share {
}
.foot .cpr .share a {
	padding: 0 5px;
}
.position {
}
.position .wrap {
	background: #f0f0f0;
	padding: 1.5% 0;
}
.position .loc {
	font-size: 14px;
	color: #999;
	margin-left: 3%;
}
.position .loc a {
	font-size: 14px;
	color: #999;
}
.position .loc a:last-child {
	color: #096ed6;
}
.position .loc span {
	font-size: 14px;
	color: #999;
}
.position .back {
	margin-right: 3%;
}
.position .back a {
	font-size: 14px;
	color: #666;
}
.case .sear {
	font-size: 24px;
	color: #333;
	text-indent: 20px;
	margin-bottom: 2%;
}
.news {
}
.news .list .box {
	width: 23%;
}
.iNews.news .list .box {
	margin-bottom: 1%;
}
.iNews.news .list .box .pic {
	background: url(/web/loading.gif) no-repeat center;
}
.img.noPic {
	background: url(/web/nopic.png) no-repeat center!important;
	background-size: 30% auto!important;
}
.contact .main {
	max-width: 1500px;
	width: 98%;
	margin: 0 auto;
}
.contact .c_tit {
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 18px;
	color: #757575;
}
.contact .c_tit_en {
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #757575;
	text-align: center;
}
.contact .c_cup {
	margin-top: 52px;
	padding-bottom: 48px;
	border-bottom: 1px solid #e5e5e5;
}
.contact .c_cup .c_li {
	width: 25%;
	background: url(/web/c_li.jpg) no-repeat left center;
	margin-bottom: 50px;
}
.contact .c_cup .bgn {
	background: none;
}
.contact .c_cup .c_li .c_pic {
	height: 70px;
	width: 100%;
}
.contact .c_cup .c_li .c1 {
	background: url(/web/c1.jpg) no-repeat center top;
}
.contact .c_cup .c_li .c2 {
	background: url(/web/c2.jpg) no-repeat center top;
}
.contact .c_cup .c_li .c3 {
	background: url(/web/c3.jpg) no-repeat center top;
}
.contact .c_cup .c_li .c4 {
	background: url(/web/c4.jpg) no-repeat center top;
}
.contact .c_cup .c_li .c5 {
	background: url(/web/c5.jpg) no-repeat center top;
}
.contact .c_cup .c_li .c6 {
	background: url(/web/c6.jpg) no-repeat center top;
}
.contact .c_cup .c_li .c8 {
	background: url(/web/c8.jpg) no-repeat center top;
}
.contact .c_cup .c_li .one {
	line-height: 24px;
	text-align: center;
	color: #333;
	font-size: 14px;
}
.contact .form {
	padding: 0 0 5%;
}
.contact .c_row {
	width: 32%;
	margin-left: 2%;
	margin-bottom: 30px;
}
.contact .c_row.noml {
	margin-left: 0;
}
.contact .c_row .user {
	width: 100%;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(/pie/pie.htc);
	position: relative;
	padding: 0 18px;
	height: 48px;
	line-height: 48px;
	color: #999;
	font-size: 14px;
}
.contact .m_row {
	margin-bottom: 30px;
}
.contact .m_row .mess {
	border-radius: 5px;
	padding: 14px 18px;
	line-height: 28px;
	font-size: 14px;
	color: #999;
	width: 100%;
	border: 1px solid #e3e3e3;
	min-height: 200px;
}
.contact .c_submit {
	width: 150px;
	height: 50px;
	background: #ff9c0b;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(/web/pie.htc);
	position: relative;
	margin: 0 auto;
}
.contact .c_submit .mit {
	height: 50px;
	width: 150px;
	border: none;
	background: none;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
/*.rm_outer{position: fixed;z-index: 90;width: 100%;top: 38%;left: 0;}
.rm_outer .rm_inter{position: relative;}
.right_menu{position: absolute;right: 0;top:0;}*/
.right_menu {
	position: fixed;
	right: 0;
	top: 38%;
	z-index: 90;
}
.right_menu.show {
	right: 0;
}
.right_menu .relat {
	position: relative;
}
.right_menu .relat .button {
	position: absolute;
	bottom: 44%;
	right: 100%;
	background: url(/web/rp_bg.png);
	cursor: pointer;
	width: 20px;
	padding: 5px 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.right_menu.show .relat .button {
}
.right_menu.show .relat .button img {
	transform: rotate(180deg);
}
.right_menu.right {
	position: fixed;
	right: 0;
	top: 25%;
}
.right_menu .box {
	width: 80px;
	padding: 10px 0;
	margin-bottom: 1px;
	background: url(/web/rp_bg.png);
	cursor: pointer;
	font-size: 12px;
	color: #fff;
}
/*.right_menu .box .img{width: 40%;margin: 0 auto;}*/
.right_menu .box img {
	margin-bottom: 5px;
	width: 25px;
}
.right_menu .box a {
	font-size: 12px;
	color: #fff;
}
.right_menu .box.call {
	position: relative;
}
.right_menu .box.call .op0 {
}
.right_menu .box.call:hover .op0 {
	opacity: 0;
	visibility: hidden;
}
.right_menu .box.call:hover .form {
	width: 330px;
}
.right_menu .box.hide {
	background: none;
}
.right_menu .box.hide .op0 {
	opacity: 0;
	visibility: hidden;
}
.right_menu .box.call .form {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: url(/web/rp_bg.png);
	width: 0;
}
.right_menu .box.call .form.open {
	width: 330px;
}
.right_menu .box.call .form .width {
	width: 300px;
	margin-left: 15px;
	padding-top: 10px;
}
.right_menu .box.call .form .close {
	font-size: 12px;
	color: #fff;
	display: none;
}
.right_menu .box.call .form .w {
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}
.right_menu .box.call .form .text {
	width: 207px;
	height: 28px;
	background: #fff;
	color: #ff9c0b;
	text-indent: 10px;
	border: none;
	margin-right: 1px;
}
.right_menu .box.call .form .sub {
	color: #fff;
	background: #ff9c0b;
	width: 86px;
	height: 28px;
	border: none;
}
.mb_nav {
	position: fixed;
	left: -300px;
	top: 0;
	background: #fff;
	z-index: 95;
	width: 300px;
	height: 100%;
	transition: left .5s;
}
.mb_nav .li {
	display: block;
	margin: 0;
	border-bottom: 1px solid #efefef;
}
.mb_nav .li > a {
	margin-bottom: 0;
	display: block;
	font-size: 18px;
	padding: 7% 0;
}
.mb_nav .li > a.on {
	border-color: transparent;
	color: #096ed6;
}
.mb_nav .li > a:hover {
	border-color: #096ed6;
	color: #096ed6;
}
.mb_nav .navBox {
	display: none!important;
}
.mask {
	background: url(/web/mask.png);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 90;
	visibility: hidden;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.mask.mask_visible {
	visibility: visible;
	opacity: 1;
}
.mbiCate {
	text-align: center;
	margin-bottom: 3%;
}
.mbiCate select {
	border: solid 1px #d8d8d8;
	text-align: center;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url("/web/arrow.png") no-repeat scroll 95% center transparent;
	padding: 5px 25px 5px 15px;
	color: #565656;
	border-radius: 4px;
}
.mbiCate select::-ms-expand {
display: none;
}
.pub_turn_page {
	margin: 21px 0;
	font-size: 0;
	text-align: center;
}
.pub_turn_page a, .pub_turn_page font, .pub_turn_page select {
	display: inline-block;
	margin: 5px;
	padding: 10px 14px;
	font-size: 14px;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	outline: 0;
	background: white;
}
.pub_turn_page .page_item_current {
	color: #fff;
	background: #096ed6;
	border-color: #096ed6;
}
.youshi-wrap{
	width: 1200px
}
.wrap .floor_2_main {
    background:#fff;
    overflow:hidden
}
.wrap .more {
    width:150px;
    height:38px;
    line-height:38px;
    text-align:center;
    color:#aba8a8;
    display:block;
    margin:40px auto 0;
    background:#fff;
    text-transform:uppercase;
    transition:all .3s ease-out 0s;
    box-shadow:0 3px 10px #dedede
}
.wrap .more span {
    display:inline-block;
    width:40px;
    height:38px;
    line-height:38px;
    background:url(../images/icon.png) no-repeat 12px -92px #3399ff
}
.wrap .more:hover {
    background:#3399ff;
    color:#fff;
    text-indent:10px
}
.wrap .more:hover span {
    color:#fff
}
.wrap .floor_2 {
    padding:60px 0;
    position:relative;
    height:720px
}
.wrap .floor_2 .hdtit {
    padding:30px 0
}
.wrap .floor_2 .hdtit ul {
    margin:0 auto;
    text-align:center;
    +width:280px
}
.wrap .floor_2 .hdtit li {
    margin-right:30px;
    height:28px;
    line-height:28px;
    text-align:center;
    display:inline-block;
    +display:inline;
    +float:left
}
.wrap .floor_2 .hdtit li a {
    display:block;
    border:1px solid #ccc;
    padding:0 12px
}
.wrap .floor_2 .hdtit li a:hover, .wrap .floor_2 .hdtit li.hover a {
    border:1px solid #3399ff;
    background:#3399ff;
    color:#fff
}
.wrap .floor_2 .vistbox {
    width:100%;
    position:relative;
    overflow:hidden;
    height:660px
}
.wrap .floor_2 .slideBox {
    position:relative;
    overflow:hidden;
    height:502px
}
.wrap .floor_2 .txtbox {
    padding-top:25px;
    position:relative;
    z-index:3
}
.wrap .floor_2 .btn {
    width:160px;
    position:absolute;
    right:0;
    bottom:150px;
    z-index:99;
    background:#fff;
    height:350px
}
.wrap .floor_2 .btn img {
    display:block;
    width:110px;
    height:230px;
    margin-left:50px;
    margin-bottom:90px
}
.wrap .floor_2 .btn span {
    display:inline-block;
    width:66px;
    height:30px;
    margin-left:14px;
    cursor:pointer
}
.wrap .floor_2 .btn .sPrev {
    background-position:-204px 0
}
.wrap .floor_2 .btn .sNext {
    background-position:-284px 0
}
.wrap .floor_2 .btn .cur.sPrev {
    background-position:-204px -40px
}
.wrap .floor_2 .btn .cur.sNext {
    background-position:-284px -40px
}
.transs {
    -webkit-transition:all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition:all .4s cubic-bezier(.4, 0, .2, 1);
    -o-transition:all .4s cubic-bezier(.4, 0, .2, 1);
    transition:all .4s cubic-bezier(.4, 0, .2, 1)
}
.slidebanner {
    width:100%;
    margin:0 auto;
    height:500px;
    overflow:hidden;
    position:relative
}
.slidebanner .game163 {
    position:relative;
    z-index:0;
    overflow:hidden
}
.slidebanner .bigImg {
    overflow:hidden;
    position:relative;
    width:992px;
    height:500px
}
.slidebanner .bigImg a {
    display:block
}
.slidebanner .bigImg li {
    position:relative
}
.slidebanner .bigImg li .img {
    padding-left:290px;
    width:700px;
    height:100%
}
.game163 .bigImg li img {
    width:700px;
    height:350px
}
.slidebanner .bigImg .txt {
    position:absolute;
    top:65px;
    left:0;
    width:380px;
    height:438px;
    background-color: rgba(240,240,240,0.7)
}
.slidebanner .bigImg .txt a {
    padding:30px;
    /* color:#fff */
}
.slidebanner .bigImg .txt h5 {
    font-size:30px;
    display:block
}
.slidebanner .bigImg .txt s {
    display:block;
    width:68px;
    height:1px;
    background:#666;
    margin:34px 0
}
.slidebanner .bigImg .txt p {
    line-height:28px;
    padding:12px 0 0;
    height:222px;
    overflow:hidden;
    color: #333;
    font-size: 18px;
}
.slidebanner .bigImg .txt span {
    display:block;
    margin-top:10px
}
.slidebanner .smallScroll {
    position:absolute;
    right:0;
    bottom:0;
    width:800px;
    height:126px;
    background:#fff;
    z-index:10
}
.slidebanner .smallImg {
    width:800px;
    position:relative;
    overflow:hidden;
    height:126px
}
.slidebanner .smallImg ul li {
    float:left;
    width:250px;
    height:126px;
    display:block;
    margin-right:23px;
    cursor:pointer;
    position:relative
}
.slidebanner .smallImg ul li img {
    height:124px;
    filter:alpha(opacity=80);
    -moz-opacity:.8;
    -khtml-opacity:.8;
    opacity:.8;
    width:248px;
    border:1px solid #fff;
    -webkit-transition:all .3s ease-in-out 0s;
    -moz-transition:all .3s ease-in-out 0s;
    transition:all .3s ease-in-out 0s
}
.slidebanner .smallImg ul li.on img {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity:1;
    opacity:1;
    border:1px solid #da0000
}

.icon {
	background:url(/web/icon_m.png) no-repeat;
	display:inline-block;
	vertical-align:middle
}
.about_title{
	position: absolute;
	left: -100px;
	top: 50px;
	padding: 30px 90px;
	background-color: #3399ff
}
.about_title .t1,.about_title .t2{
	color: #fff
}
.about-wrap{
	width: 100%;
	background-color: #fff;
	/* height: 80px; */
}
.about-wrap .about-intitle{
	width: 100%;
	position: relative
}
.about-wrap .about-intitle ul{
	width: 50%;
	margin:0 auto
	
}
.about-wrap .about-intitle ul li{
	display: inline-block;
	padding: 4% 6%;
	color: #333;
	font-size: 18px;
}
#about1{
	width: 100%;
	padding:60px 0; 
}
#about1 .about-text> div{
	display: inline-block
}
#about1 .about-text .text{
	width: 50%;
	background-color: #91dff4;
	padding: 50px 30px;
	box-shadow: 5px 5px 10px rgb(189, 188, 188)
}
#about1 .about-text .text p{
	line-height: 30px
}
#about1 .about-text .img{
	width: 40%;
	vertical-align: bottom;
	margin-left: 3%;
	/* text-align: center; */
	text-indent: 60px;
	color: #333;
}
#about1 .about-text .img h1{
	padding: 100px 0;
	font-weight: 600
}
#about1 .about-text .img img{
	width: 80%;
	transition: all 0.3s;
}
#about1 .about-text .img img:hover{
	transform: scale(1.1)
}
#about1 .about-img {
	width: 100%;
	margin-top: 30px;
}
#about1 .about-img li{
	display: inline-block;
	padding: 0 4%;
	width: 22%;
}
#about1 .about-img img{
	width: 100%;
	border: 10px solid #fff;
}
.about-wen{
	padding: 100px 0;
}
#about2 .about2-title,#about3 .about2-title,#about4 .about2-title{
	color: #fff;
	text-align: center
}
#about3 .about2-title{
	color: #333
}
#about2 span,#about3 span,#about4 span{
	display: inline-block;
	width:100px;
	height: 2px;
	background-color: #fff;
	margin: 20px 0;
}
#about3 span{
	background-color: #333
}
#about2 .about2-text{
	width: 100%;
	font-size: 0;
	margin-top: 50px;
}
#about2 .about2-text>div{
	box-sizing: border-box;
	display: inline-block;
	width: 33.33%;
	height: 350px;
	border: 1px solid rgba(250,250,250,0.2);
	font-size: 20px;	
	color: white;
	position: relative;
	padding: 50px;
	vertical-align: text-top
}
#about2 .about2-text h1{
	position: relative;
	padding-bottom: 20px;
}
#about2 .about2-text h1::after{
	position:absolute;
	bottom:0;
	left:0;
	content: '';
	width: 35px;
	height: 1px;
	background-color: #fff;
}
#about2 .about2-text img{
	position: absolute;
	right: 50px;
	bottom: 30px;
}
#about3 .about2-title{
	margin-bottom: 80px;
}
#about3 li{
	float: left;
	width: 200px;
	/* margin-right: 200px; */
	/* padding: 2.5%; */
	height: 300px;
	margin-right:150px;
}
.article-images{
	padding-top: 70px;
}
.pro-title{
	width: 100%
}

.pro-title .pro-img,.pro-title .pro-title-text{
	display: inline-block;
	width: 49%;
	vertical-align: top
}
.pro-title .img-bg{
	margin-bottom: 5px;
}
.pro-title .pro-img{
	position: relative;
	box-sizing: border-box;
	border: 1px solid #999;
	overflow: hidden;
	padding: 5px;
	margin-bottom: 30px;
}
.pro-title .pro-img  ul li{
	float: left;
	box-sizing: border-box;
	opacity:1 !important
}
.pro-title .pro-img .img-bg  li img{
	height: 500px;
}
.img-bg li{
	width: 100%;
}
.article-images .game163 li img{
	width: 100%;

}
.pro-title img{
	width: 100%;
}
.img-lit {
	overflow: hidden;
}

.img-lit>div{
	display:inline-block;
	width: 100%;
}
.img-lit a{
	display: inline-block;
	width: 49.2%;
	border: 1px solid #666;
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: top
}
.img-lit li{
	width: 25%;
	box-sizing: border-box;
	/* padding : 5px; */
}
.img-lit li.on{
	border: 2px solid #3399ff
}

.pro-title-text{
	box-sizing: border-box;
	padding: 50px;
}
.pro-title-text h2{
	color: #096ed6;
	margin-bottom: 50px;
}
.pro-title-text p{
	color: #666;
	line-height: 30px;
}
.pro-title-text span{
	display: block;
	width: 250px;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 5px;
	background-color: #096ed6;
	color: #fff;
	margin-top: 50px;
}

.article-images .pro-hr{
	width: 100%;
	height: 50px;
	color: #fff;
	background-color: #3399ff;
	border-radius: 10px;
	line-height: 50px;
}
.article-images .pro-hr h2{
	margin-left:30px; 
}
.article-images .pro-body{
	box-sizing: border-box;
	padding: 50px 30px;
}
#about4{
	padding: 80px 0;
}
#about4  .wrap-top{
	height: 150px;
	margin-top: 30px;
}
#about4 .wrap-top ul{
	display: inline-block;
	width: auto;
	position: relative;
	left: 50%;
	transform: translateX(-50%)
}
#about4 .wrap-top ul li{
	width: 150px;
	float: left;
	text-align: center;
	line-height: 100px;
}
#about4 .wrap-top ul li span{
	display: inline-block;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
}
#about4 .wrap-top ul li span.on{
	background-color: #096ed6;
	color: #fff;
}
#about4  .wrap-bottom>div{
	/* float: left; */
	width: 50%;
	margin: 0 auto;
	text-align: center;
}
#about4 .wrap-bottom ul{
	background: url(/web/dev-pic.jpg) no-repeat;
	background-size: 100%;
	padding: 20px;
}
#about4 .wrap-bottom ul li{
	width: 100%;
	height: 300px;
	background-color: rgba(255,255,255,0.5);
	display: none;
	box-sizing: border-box;
	padding: 30px;
	text-align: left;
	color: #333;
	font-size: 18px;
	line-height: 36px;
}
#about4 .wrap-bottom ul li.on{
	display: block;
}
/* #about4 .wrap-bottom ul li:nth-child(1){
	display: block
} */
#about4  .wrap-bottom img{
	width: 50%;
	text-align: center
}

 @media only screen and (max-width: 1800px) {
.header .ps .hPhone {
	margin-right: 10px;

}
/*.foot .list .box:first-child{margin-left:10px;}
	.foot .list .box.last{margin-right:10px;}
	.foot .list .box.last .ewm{width:48.3%;}
	.foot .list .box.last .ewm div{width:46.9%;}
	.foot .list .box.last .ewm div:first-child{margin-right:3%;}
	.foot .cpr .w{margin-left:10px;}
	.foot .cpr .share{margin-right:10px;}*/
	
.w_detail .main, .wrap {
	width: 97%;
}
}
 @media only screen and (max-width: 1680px) {
.foot .list .box.last .ewm div {
	width: 49%;
	margin: 0 .5%;
}
}
@media only screen and (max-width: 1440px) {
.foot .list .box.last .fContact .d {
	padding-bottom: 20px;
}
.right_menu {
	top: 20%;
}
.header .nav .li {
	margin: 0 3.5%;
}
.foot .list .box.last .ewm {
	width: 50%;
}
}
 @media only screen and (max-width: 1280px) {
.foot .list .box.last .fContact .p {
	font-size: 24px;
}
.right_menu {
	display: none;
}
.header .ps .hSearch form .text {
	width: 100px;
	left: -107px;
}
.header .nav .li {
	margin: 0 3%;
}
.about-wrap .about-intitle ul li{
	padding: 4% 6%;
}
#about3 li{
	margin-right: 100px;
}
}
 @media only screen and (max-width: 1024px) {
	.header .logo img{
		width: 100%;
	}
	.header .logo img:nth-child(2){
		display: none
	}
.header .logo {
	float: left;
	margin-bottom: 0;
}

.header .ps {
	float: right;
	padding: 0;
	margin-top: 1%;
}
.header .ps .hPhone {
	display: none;
}
.header .ps .hSearch {
	margin-right: 10px;
}
.header .nav {
	display: none;
}
.header .ps .m_nav_button {
	display: inline-block;
}
.header.trans .logo {
	width: 88%;
}
.mb_nav.show {
	left: 0;
}
.foot .list .box {
	width: 32%;
	margin-right: 1%;
}
.foot .list .box.last {
	width: 100%;
}
.clear1024 {
	clear: both;
}
.foot .list .box ul {
	display: none;
}
.foot .list .box.last {
	display: block;
	width: 98%;
	margin: 0 auto;
	float: none;
}
.foot .list .box .tt {
	text-align: center;
}
.foot .list .box.last .tt {
}
.foot .cpr .w {
	width: 100%;
	margin: 0 auto;
	float: none;
	text-align: center;
}
.foot .cpr .share {
	width: 100%;
	margin: 3px 0;
	float: none;
	text-align: center;
}
.about-wrap .about-intitle ul li{
	padding: 4% 4%;
}

}
 @media only screen and (max-width: 992px) {
	#about3 {
		display: none
	}
	.show_pc {
		display: none!important;
	}
	.show_tb {
		display: block!important;
	}
	.w_detail .content img {
		width: auto!important;
		height: auto!important;
		max-width: 100%;
		max-height: 100%;
	}
	.clear992 {
		clear: both;
	}
	.contact .c_cup .c_li {
		width: 50%;
	}
	.iCase.recom .list .box {
		width: 47.7%;
	}
	 .iCase1.recom .list .box {
		 width: 47.7%;
	 }
	.iCate {
		display: none;
	}
	.header.trans {
		padding: 2% 0;
	}
	.index .iAbout .pic {
		width: 100%;
		float: none;
		text-align: center;
		overflow: hidden;
	}
	.index .iAbout .words {
		position: unset;
		width: 100%;
		padding: 0% 0 6%;
	}
	.iNews.recom .list .box, .iNews .list .box {
		width: 48%;
	}
	.w_detail .rel .button {
		display: none;
	}
	.iCase .list .box {
		width: 47%;
	}
	 .iCase1 .list .box {
		 width: 47%;
	 }

}

@media only screen and (max-width: 768px) {
	.header .logo img{
		width: 97%;
	}
	.header .logo img:nth-child(2){
		display: none
	}
	.contact .c_row {
		width: 100%;
		float: none;
		margin-left: 0;
	}
	.iTitle .t1 {
		font-size: 23px;
	}
	.iTitle .t2 {
		font-size: 16px;
	}
	.youshi-wrap{
		width: 100%;
	}
	.game163 .bigImg li img{
		display: none;
	}
	.wrap .floor_2 .btn{
		display: none
	}
	.slidebanner .bigImg{
		width: 100%
	}
	.slidebanner .bigImg .txt{
		width: 90%;
		height: auto;
		margin: 0 auto;
		position: initial
	}
	.slidebanner .smallScroll{
		width: 100%;
	}
	.slidebanner .smallImg{
		width: 100%
	}
	.slidebanner .smallImg .tempWrap{
		width: 100% !important
	}
	.slidebanner .smallImg ul{
		width: 100% !important;
		overflow: initial !important
	}

	.slidebanner .smallImg ul li{
		width: 33.33% !important;
		margin-right: 0;
	}
	.slidebanner .smallImg ul li img{
		width: 100%;
		height: auto;
	}
	.wrap .floor_2,
	.wrap .floor_2 .vistbox{
		height: auto;
	}
	.about_title{
		position: initial;
	}
	.index .iAbout .words .bf{
		padding-top: 0;
	}
	.about-wrap .about-intitle ul li{
		padding: 4% 2%;
	}
	#about1 .about-text .text{
		width: 100%;
		box-sizing: border-box
	}
	#about1 .about-text .img{
		display: none;
		text-align: center
	}
	#about1 .about-img ul{
		display: inline-block;
		width: auto
	}
	#about1 .about-img li{
		padding: 0;
		width: 32%
	}
	#about2{
		background-repeat: repeat-y  !important
	}
	#about2 .about2-text>div{
		display: block;
		width: 100%;
	}
	.pro-title .pro-img, .pro-title .pro-title-text{
		display: block;
		width: 100%;
	}

	.article-images .game163 li img{
		display: block;
	}
	.img-bg li{
		width: 100%;
	}
	.img-lit a{
		width: 100%;
	}
	.pro-body img{
		width: 100% !important;
		height: auto !important;
	}
	#banner{
		display: none;
	}
	#about4 .wrap-bottom>div{
		width: 100%;
	}
	#about4 .wrap-bottom ul{
		background-size: cover;
	}
	/* .img-lit li{
		width: 100%;
	} */
}
 @media only screen and (max-width: 640px) {
.show_tb {
	display: none!important;
}
.show_mb {
	display: block!important;
}
.clear640 {
	clear: both;
}
.contact .c_cup .c_li {
	width: 100%;
	background: none;
}
.header .ps .hSearch {
	display: none;
}
.header.trans .logo {
	float: left;
	margin-bottom: 0;
	width: 300px;
}
.header .ps {
	float: right;
	padding: 0;
	margin: 1% 0 0;
}
.iCase .list .box .t a {
	font-size: 14px;
}
.iCase .list .box .t span {
	font-size: 12px;
}
.foot .list .box.last .fContact {
	float: none;
	text-align: center;
	margin-bottom: 4%;
}
.foot .list .box.last .ewm {
	float: none;
	text-align: center;
	width: 100%;
}
.foot .list .box.last .ewm .fl, .foot .list .box.last .ewm .fr {
	display: inline-block;
	float: none;
	margin: 0;
	width: 48%;
}
.foot .list {
	padding: 6% 0;
}
.foot .cpr {
	padding: 3% 0;
}
.iTitle {
	padding: 6% 0;
}
.index .iAbout .words .bf {
	font-size: 13px;
}
.iNews .list .box .bf {
	font-size: 12px;
}
.w_detail .title {
	font-size: 20px;
}
.w_detail .data {
	text-align: center;
}
.w_detail .data .fl {
	float: none;
	display: inline-block;
}
.about_title{
	position: initial;
}
.index .iAbout .words .bf{
	padding-top: 0;
}
.about-wrap .about-intitle ul{
	width: 100%;
}
.about-wrap .about-intitle ul li{
	padding: 4% 3%;
}
#about4 .wrap-top ul{
	width: 100%;
}
#about4 .wrap-top ul li{
	width: 33.33%;
}
#about4 .wrap-bottom>div{
	width: 100%;
}
#about4 .wrap-bottom ul{
	background-size: cover;
}
#about4 .wrap-bottom ul li{
	height: auto;
}
}
@media only screen and (max-width: 450px) {
.header.trans .logo {
	width: 90%;
}
}
@media only screen and (max-width: 375px) {
/*	.header.trans .logo{width: 210px;}*/
.about-wrap .about-intitle ul{
	width: 100%;
}
.about-wrap .about-intitle ul li{
	padding: 4% 2%;
}
}
.max-w100{
	max-width:100%;
}
      .toolbar {
            width: 50px;
            position: fixed;
            right: 1%;
            top: 44%;
            z-index: 999;
        }
        .toolbar dd {
            width: 50px;
            height: 50px;
            background-color: rgba(0,0,0,0.5);
            margin-bottom: 1px;
            position: relative;
            background: url(/web/black20.png) repeat 0 0;
            -webkit-border-radius: 100%;
            border-radius: 100%;
        }
        .toolbar dd i {
            width: 50px;
            height: 50px;
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            cursor: pointer;
            text-align: center;
            -webkit-border-radius: 100%;
            border-radius: 100%;
        }
        .toolbar dd i span {
            width: 35px;
            height: 35px;
            display: block;
            margin: 7px 0 0 7px;
            background: url(/web/rightfixicon.png) no-repeat 0 0;
        }
        .toolbar dd.gottop {
            display: none;
        }
        .toolbar .slide-tel {
            display: block;
            width: 0;
            height: 50px;
            line-height: 50px;
            font-size: 24px;
            font-family: arial;
            color: #FFF;
            position: absolute;
            padding: 0 0 0 50px;
            top: 0;
            right: 0;
            overflow: hidden;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            -webkit-transition: all .0s ease-in-out 0s;
            -moz-transition: all .0s ease-in-out 0s;
            transition: all .0s ease-in-out 0s;
        }
        .toolbar .pop {
            position: absolute;
            right: 90px;
            top: -51px;
            background: #3399ff;
            display: none;
        }
        .toolbar .pop-code {
            width: 160px;
        }
        .toolbar .pop-code img {
            width: 120px;
            height: 120px;
            display: block;
            padding: 20px 20px 0;
        }
        .toolbar .pop-code h3 {
            height: 52px;
            line-height: 26px;
            text-align: center;
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            white-space: nowrap;
        }
        .toolbar .pop-code h3 b {
            display: block;
            font-size: 14px;
            font-weight: normal;
        }
        .toolbar .qq span {
            background-position: 0 -92px;
        }
        .toolbar .qq a {
            width: 50px;
            height: 50px;
            cursor: pointer;
            display: block;
        }
        .toolbar .qq:hover {
            background: #3399ff;
        }
        .toolbar .tel span {
            background-position: 0 -44px;
        }
        .toolbar .ali span{
            background-position: 0 0;
        }
        .toolbar .ali:hover{
            background: #3399ff;
        }
        .toolbar .tel:hover {
            background: #3399ff;
        }
 .toolbar .email span {
            background-position: 0 -193px;
        }
.toolbar .email:hover{
	background: #3399ff;
}
        .toolbar .code span {
            background-position: 0 -138px;
        }
        .toolbar .code:hover {
            background: #3399ff;
        }
        .toolbar .top span {
            background-position: 0 -235px;
        }
        .toolbar .top:hover {
            background: #3399ff;
        }