@charset "utf-8";
/* CSS Document */
*{ box-sizing:border-box; font-family:"微软雅黑"}
body,div,p,span,ul,li,table,tr,td{ padding:0; margin:0; font-size:16px; line-height:2;}
ul,li{ list-style-type:none;}
a{ text-decoration:none; color:#000}
.clear{ clear:both;}
.container{ max-width:1280px; margin:0 auto;}
.none{ display:none;}
#head{ width:100%; margin-top:0px;}
#head .top_nav{ height:40px; background:#efefef;color:#777;}
#head .top_nav .welcome{ float:left;line-height: 40px;font-size: 14px;}
#head .top_nav .welcome a{display: inline-block;margin-right:20px;}
#head .top_nav .welcome img {margin-top:8px;margin-right: 3px;display: inline-block;float: left;}
#head .top_nav .welcome a p{display: inline-block;float: left;font-size: 14px;color: #777;height:40px;line-height:40px;}
#head .top_nav .welcome a p:hover {color: #d80146;}
#head .top_nav .wx{ float:right;line-height: 40px;}
#head .top_nav .wx span{margin: 0 10px;font-size: 14px;}
#head .top_nav .wx span.ic1{background: url(/images/f22.png) no-repeat left center;background-size: 18px;padding-left: 25px;}
#head .top_nav .wx span.ic1:hover{background: url(/images/f2.png) no-repeat left center;background-size: 18px;padding-left: 25px;}
#head .top_nav .wx span.ic2{background: url(/images/f55.png) no-repeat left center;background-size: 18px;padding-left: 25px;}
#head .top_nav .wx span.ic2:hover{background: url(/images/f5.png) no-repeat left center;background-size: 18px;padding-left: 25px;}
#head .top_nav .wx span.ic3{background: url(/images/f77.png) no-repeat left center;background-size: 18px;padding-left: 25px;}
#head .top_nav .wx span.ic3:hover{background: url(/images/f7.png) no-repeat left center;background-size: 18px;padding-left: 25px;}
#head .top_nav .wx span a{ color:#777;display: inline-block;font-size: 14px;}
#head .top_nav .wx span a p{ display:none; }
#head .top_nav .wx span a:hover p{ display:block; position:absolute;z-index: 999999;box-shadow: 0 10px 10px rgba(0,0,0,0.5);}
#head .top_nav .wx span a:hover p img{ max-width:200px;border: 1px #ccc solid;display: block;}
#head .top{margin-top:20px; margin-bottom:20px;}
#head .top .logo{float:left;width:40%;height:100px;background:url(/images/logo.png) no-repeat left center; background-size:auto;}
#head .top .logo a{display: inline-block;width: 100%;height: 100%;}
#head .top .logo a h1{ display:none;}
#head .top .menu{ float:right; width:60%;margin-top: 55px;}
#head .top .menu ul{ text-align:center;}
#head .top .menu ul li{ display:inline-block;width: 15%;margin: 0 0.5%; font-size:18px;}
#head .top .menu ul li>a{ display:inline-block; padding:5px 10px; width:100%; background:#fcebf0; color:#666;}
#head .top .menu ul li>a:hover,#head .top .menu ul li>a.on{background:#d80146; color:#fff;}
#head .top .menu ul li .dropmenu{ display:none;}
#head .top .menu ul li:hover .dropmenu{ display:block; position:absolute; z-index:9999999;border: 1px #d80146 solid;box-shadow: 0px 8px 15px rgba(0,0,0,0.5);border-radius: 0;overflow:hidden;margin-left: -8px;}
#head .top .menu ul li:hover .dropmenu a{ display:inline-block; padding:5px 20px; width:100%; background:#fcebf0; color:#666;}
#head .top .menu ul li:hover .dropmenu a:hover,#head .top .menu ul li:hover .dropmenu a.on{background:#d80146; color:#fff;}



#head .banner{ display:block; background:url(/banner1.jpg) no-repeat center center; height:100%;}
/*首页轮换图片 begin*/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0;padding: 0;list-style: none;}
.flexslider {margin: 0;padding: 0;position: relative;z-index: 1}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;position: relative;background-repeat: no-repeat;background-position: center center;background-size: cover}
.flexslider .slides li .overlay {position: absolute;top: 35%;left: 0;right: 0;bottom: 0;}
.flexslider .slides img {width: 100%;display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flex-control-nav {position: absolute;bottom: 15px;z-index: 2;width: 100%;text-align: center;}
.flex-control-nav li {display: inline-block;width: 12px;height: 12px;margin: 0 4px;*display:inline;zoom: 1;}
.flex-control-nav a {display: inline-block;cursor: pointer;width: 12px;height: 12px;float: left;text-indent: -2000px;background: none;border: 2px solid #fff;border-radius: 50%;}
.flex-control-nav .flex-active {background: #ff838b;;border: 2px solid #fff;}
.flex-direction-nav {position: absolute;z-index: 3;width: 100%;top: 50%;}
.flex-direction-nav li a {display: none;cursor: pointer;text-indent: -999em;position: absolute;top: 50%;margin-top: -30px;width: 40px;height: 50px;line-height: 50px;font-size: 0px;padding: 0;margin: 0;opacity: 1;text-align: left;border-radius: 0;color: #ddd;cursor: pointer;background: rgba(0, 0, 0, 0.1);}
.flex-direction-nav li a:hover {background: #e60012;color: #fff}
.flex-direction-nav li a:before {display: inline-block;font-family: "FontAwesome";font-weight: normal;font-style: normal;vertical-align: baseline;line-height: 50px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 36px;cursor: pointer}
.flex-direction-nav li a.flex-prev {left: 70px;text-indent: 6px;}
.flex-direction-nav li a.flex-prev:before {content: "\f104";}
.flex-direction-nav li a.flex-next {right: 70px;text-indent: 7px;}
.flex-direction-nav li a.flex-next:before {content: "\f105"}
/*首页轮换图片 end*/


#main{width:100%;}
#main .main_tit{ text-align:center;}
#main .main_tit h3{ display:inline-block;font-size: 28px;font-weight: normal;border-bottom: 2px #ccc solid;width: 120px;}
#main .main_tit h3:hover{border-bottom: 2px #FF0000 solid;}
#main .C_profile{ margin-bottom:20px;}

#main .main_banner{ background:url(/images/index_mbg.jpg) no-repeat center center;padding: 80px 0;}
#main .main_banner ul{ text-align:center; font-size:0;}
#main .main_banner ul li{ display:inline-block; width:20%;}
#main .main_banner ul li a{display: inline-block; color:#fff; font-size:20px;}
#main .main_banner ul li p{border: 1px #fff solid;border-radius: 8px;  margin-bottom: 15px;}
#main .main_banner .i1{ background:url(/images/fw_ico1.png) no-repeat top center; width:130px; height:102px;display: block;}
#main .main_banner ul li a:hover i{ transform:rotate(360deg); transition:all 0.6s;}
#main .main_banner .i2{ background:url(/images/fw_ico2.png) no-repeat top center; width:130px; height:102px;display: block;}
#main .main_banner .i3{ background:url(/images/fw_ico3.png) no-repeat top center; width:130px; height:102px;display: block;}
#main .main_banner .i4{ background:url(/images/fw_ico4.png) no-repeat top center; width:130px; height:102px;display: block;}
#main .main_banner .i5{ background:url(/images/fw_ico5.png) no-repeat top center; width:130px; height:102px;display: block;}
#main .main_banner em{ font-style:normal;}

.case_contain{}
.mr_frbox{height:680px;padding:24px 22px 0px;}
.mr_frBtnL{float:left;margin:300px 28px 0px 0px;cursor:pointer;display:inline;}
.mr_frUl{float:left;width:92%;overflow: hidden;}
.mr_frBtnR{float:right;margin-top:300px;cursor:pointer;}
.mr_frUl ul li{display:inline;float:left;width:355px;margin-right:25px;overflow:hidden; margin-bottom:15px;}
.mr_frUl ul li img{display:block; width:100%;}
.mr_frUl ul li a{display: inline-block;border:5px solid #D8D8D8;overflow:hidden;}
.mr_frUl ul li a:hover{display: inline-block;border:5px solid #d6214a;}
.mr_frUl ul li a:hover img{ transform:scale(1.2); transition:all 0.6s;}
.slogan{ text-align:center; padding: 20px 0;}
.slogan p{font-size: 18px;}
.slogan em{font-style: normal;}

.design_S{margin-left: 10px;margin-right: 10px;background:#e8e8e8; padding:20px;margin-bottom: 50px;}
.design_S ul{}
.design_S ul.design_S_l li{float: left;}
.design_S ul.design_S_r li{float: right;}
.design_S ul li{border: 1px #999 solid;width:135px; height:135px; border-radius:100px;padding:8px;margin: 10px 8px;}
.design_S ul li>p{ border:1px #999 solid; width:100%; height:100%; border-radius:100px; text-align:center;padding:6px;}
.design_S ul li p a{background: #c42347;width: 100%;height: 100%;border-radius: 100px;color: #fff;font-size: 24px;padding: 15px 20px;line-height: 36px;display: inline-block;}
.design_S ul li p a:hover{background: #e8e8e8;color: #c42347;transition: all 0.8s;}
.design_S ul i.ico_r{float: left; background:url(/images/ico_r.png) no-repeat center center; width:61px; height:160px;}
.design_S ul i.ico_l{float: right; background:url(/images/ico_l.png) no-repeat center center; width:61px; height:160px;}
.design_S ul i.ico_end{float: right; background:url(/images/ico_end.png) no-repeat center center;width:110px; height:120px;margin-left: 30px;}
.design_S ul.design_S_l{ padding-left:5px;}
.design_S ul.design_S_r{ padding-right:75px;}
.design_page{border-radius: 10px; margin-top:20px;}

.partner_com{overflow: hidden;}
.partner_com ul{ text-align:center; font-size:0;}
.partner_com ul li{ display:inline-block; width:25%;padding: 10px;}
.partner_com ul li img{ width:100%;height: auto;}
.partner_com ul li:hover img{ transform:rotateY(360deg);transition:all 1.5s;}

.history{ text-align:center;font-size:0;margin-top: 50px;}
.history ul{display:inline-block; width:31%;}
.history ul li{ display:inline-block; background:url(/images/history_bg.png) no-repeat center center; width:177px; height:160px; padding:9px 20px;}
.history ul li p{ background:#d80146; border-radius:350px; width:100%; height:100%;color: #fff;font-size: 24px;padding-top: 30px;padding-bottom: 30px;}
.history ul li p span{display: block;font-size: 48px;line-height: 1;}

#foot{width:100%; margin-top:50px; background:url(/images/foot_bg.jpg) no-repeat top center; background-size:100% 100%; text-align:left;padding: 60px 0; color:#fff;}
#foot .foot_logo{ display:inline-block;width:260px; height:100px; background:url(/images/foot_logo.png) no-repeat left center; float:left;margin-top: 30px;margin-right: 150px;}
#foot .copyright{display:inline-block;}
#foot .copyright .copyright_tit{ font-size:16px;line-height: 3;}
#foot .copyright p,#foot .copyright p a{ font:13px/1.5 "微软雅黑"; color:#fff}
#foot .wx{display:inline-block; width:150px; height:160px; background:url(/wx.png) no-repeat center bottom; float:right; text-align:center;margin-right: 150px;}
#foot .wx p{ color:#fff;font-size:16px;}

.pages{background:#eeeeee; width:100%; float:left;text-align:center;padding:10px 2%; margin:50px 0; border-radius:8px;}
.pages ul{list-style-type: none;text-align: center;height:38px; line-height:35px; }
.pages ul span{ margin:0; padding:0;}
.pages ul li{display: inline-block; min-width:50px; max-width:100px;margin: 0 10px;}
.pages ul li a{background:#fff; color:#333;padding:3px 5px; line-height:2; font-family:Arial; border-radius:20px; display:block;}
.pages ul li a.current{color:#FFF; background:#e60044;}
.pages ul li a:hover{color:#FFF; background:#000; text-decoration:none; padding:3px 5px; }

/*以下内页*/
/*位置*/
#main .location{ width:100%; background:#efefef;}
#main .location ul{line-height: 40px;color:#666}
#main .location ul a{ color:#999}
#main .location ul i {float: left; display: inline-block;background: url(/images/index1.png) no-repeat left center;width:15px;height: 40px;margin-right: 5px;}
#main .location ul:hover i{float: left; display: inline-block;background: url(/images/index1.png) no-repeat right center;width:14px;height: 40px;margin-right: 6px;}
#main .location ul a:hover{ color:#ea5613}
#main .neiye_title{margin: 10px 0 30px;}
#main .neiye_title h1{border-bottom: 2px #dd4f69 solid;display: inline-block;}
#main .main_content p{ text-align: left;}
#main .main_content p strong{ width:100%; display:block; text-align:center;}
#main .case_con{}
#main .case_con p img{ display:block; max-width:98%; margin:10px auto;}
#main .case_con video {max-width: 600px;display: block;margin: 0 auto;width: 100%;}

#main .pre_next{width:100%;margin-top: 50px;}
#main .pre_next ul{ width:100%;}
#main .pre_next ul li{}
#main .pre_next ul li a:hover{ color:#ef0035;}
#main .pre_next ul li.pre{ }
#main .pre_next ul li.next{}

#main .main_content ul{}
#main .main_content ul.case_list{}
#main .main_content .case_list li{ float:left;border: 3px #ccc solid;margin-bottom: 20px;}
#main .main_content .case_list li a{ display:block; overflow:hidden;}
#main .main_content .case_list li img{ display:block; width:100%; height:auto;}
#main .main_content .case_list li a:hover img{ transform:scale(1.1);transition:all 0.6s;}
#main .main_content .case_list li.case_id1,#main .main_content .case_list li.case_id2{width: 49%;border:8px #ccc solid;}
#main .main_content .case_list li.case_id2{ float:right !important;}
#main .main_content .case_list li.case_id2:after{ content:""; display:none; clear:both;}
#main .main_content .case_list li.case{ float:left; width:33%; height:auto;margin-right:0.5%;}
#main .main_content .case_list li.br{ float:right;margin-right:0;}

#main .main_content ul.hc_list{}
#main .main_content .hc_list li{ float:left;border: 0;margin-bottom: 20px;border: 1px #efefef solid;}
#main .main_content .hc_list li a{ display:block; overflow:hidden;}
#main .main_content .hc_list li img{ display:block; width:100%; height:auto;}
#main .main_content .hc_list li a:hover img{ transform:scale(1.1);transition:all 0.6s;}
#main .main_content .hc_list li.hc{ float:left; width:32.4%; height:auto;margin-right:1.4%;}
#main .main_content .hc_list li.br{ float:right;margin-right:0;}

#main .sub_menu{text-align: center;}
#main .sub_menu ul{font-size: 0;padding: 30px 0 0;}
#main .sub_menu ul li{display: inline-block; width: 20%;padding-right: 1%;}
#main .sub_menu ul li a{background: #fcebf0; display: block;border-bottom:1px #fcebf0 solid;color: #666;}
#main .sub_menu ul li a.on{background: #d80146;color: #fff;border-bottom:1px #d80146 solid;}
#main .sub_menu ul li a:hover{border-bottom:1px #d80146 solid;color: #000;}
#main .sub_menu ul li:last-child{padding-right:0;}


/*slide*/
.page-slide {margin-top: -152px;top: 60%;z-index: 999;right: 1px;position: fixed;}
.page-slide-L {height: 130px;bottom: 20px;z-index: 999;left: 10px;position: fixed;width: 130px;}
.page-slide-L img{width:100%;}
.page-slide li {position: relative;transition: 0.3s linear 0s;cursor: pointer;margin-bottom: 1px;display: block;width: 60px;background: rgba(255,255,255,0.8);height: 60px;white-space: nowrap;line-height: 60px;border:0px #cecece solid;box-shadow: -6px 0px 15px rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF,endcolorstr=#7FFFFFFF);}
span.slide-img {width: 60px;}
.page-slide span {vertical-align: middle;display: inline-block;text-align: center;}
span.slide-text {margin-bottom: 5px;opacity: 0;transition: 0.3s linear 0s;background: #fff;color: #000;font-size: 24px;padding-right: 30px;padding-left: 3px;height: 60px;line-height: 60px;}
span.slide-hover:before, span.slide-hover:after {border-style: solid;position: absolute;content: '';width: 0;box-sizing: border-box;top: 30px;}
span.slide-hover:before {z-index: 2;right: -7px;border-color: transparent transparent transparent #fff;border-width: 7px 0 7px 8px;margin-top: -7px;}
span.slide-hover {background:#fff;display: none;border: 1px solid #ddd;height: 150px;width: 150px;position: absolute;right: 74px;top: 0;}
span.slide-hover:after {margin-top: -8px;right: -10px;border-color: transparent transparent transparent #ddd;border-width: 8px 0 8px 10px;}
span.slide-hover img {width: 100%;}
.page-slide li:hover, .page-slide li:first-child:hover span.slide-text,.page-slide li:nth-child(3):hover span.slide-text,.page-slide li:nth-child(4):hover span.slide-text {opacity: 1;background: #ffd100;height: 60px;line-height: 60px;border: 0px;}
.page-slide li:first-child:hover{transform: translateX(-193px);}
.page-slide li:nth-child(3):hover{transform: translateX(-220px);border: 0}
.page-slide li:nth-child(4):hover {transform: translateX(-220px);border: 0}
.page-slide li:nth-child(2):hover .slide-hover {display: block;}
.page-slide img {margin: 0 auto;max-width: 100%;}
.page-slide li a {display: block;height: 60px;line-height: 60px;}

/* toolBar */
@media screen and (max-width:1023px) {
#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#d80146;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#d80146), to(#000000));}
#foottoolbar ul{margin: 0px;padding: 0px;}
#foottoolbar li{float:left;width:25%;height:63px;background:url(http://www.xxwq.cn/mcode/dfloat/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(http://www.xxwq.cn/mcode/dfloat/f1.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(http://www.xxwq.cn/mcode/dfloat/f2.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(http://www.xxwq.cn/mcode/dfloat/f3.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(http://www.xxwq.cn/mcode/dfloat/f4.png) no-repeat center 8px;background-size:20px 20px}
.f5{background:url(http://www.xxwq.cn/mcode/dfloat/f5.png) no-repeat center 8px;background-size:20px 20px}
.f6{background:url(http://www.xxwq.cn/mcode/dfloat/f6.png) no-repeat center 8px;background-size:20px 20px}
.f7{background:url(http://www.xxwq.cn/mcode/dfloat/f7.png) no-repeat center 8px;background-size:20px 20px}
.f5 h3{height: 40px;line-height: 40px;}
.f5 h4{margin: 0px;height: 45px;line-height: 45px;}
.f5 p{background: url(http://www.xxwq.cn/mcode/dfloat/wwxx1.png) 0 2px no-repeat;width: 180px;margin: 0 auto;background-size:33px;padding-left: 45px;font-size: 16px;color: #525252;text-align: center;}
.f5 p span{background: #e8e8e8;padding: 3px 8px;display: inline-block;width: 100%;border-radius: 3px;font-weight: bold;box-sizing: border-box;}
.hidden{ width:100%;height:65px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding:10px 0;background-color:#FFF;position:absolute;top:-255px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;}
.f5 img{ width:193px;}
.close {background: orange;color: red;border-radius: 12px;line-height: 20px;text-align: center;height: 20px;width: 20px;font-size: 18px;padding: 1px;top: 20px;right: 20px;position: absolute;}
.close::before {content: "\2716";}
}
@media screen and (min-width:1024px) {
#foottoolbar{ display:none;}
}

@media screen and (max-width: 1380px){
#head .top_nav .wx span a:hover p{ right:0;}
	.mr_frUl{width: 90%;}
}
@media screen and (max-width: 1280px){
	.container{padding: 0 10px;}
	.design_S{ padding:0;}
	.design_S ul li{width: 120px;height: 120px;}
	.design_S ul li p a{font-size: 18px;line-height: 28px;}
	.design_S ul li{margin: 10px 5px;}
	.design_S ul i.ico_r,.none{width: 28px;height: 45px; float:none;display: inline-block;background: url(/images/ico_r.png) no-repeat center bottom;}
	.design_S ul i.ico_end{ display:none;}
	.design_S ul.design_S_l{ text-align:center}
	.design_S ul.design_S_l li,.design_S ul.design_S_r li{ float:none; display:inline-block;}
	.design_S ul.design_S_r {text-align: center;padding-right:0;}
	.design_S ul i.ico_l{width: 28px;height: 45px; float:none;display: inline-block;background: url(/images/ico_r.png) no-repeat center bottom;}
	.design_S ul.design_S_r:after{ content:""; display:none; clear:both;}
	#foot .foot_logo{margin-right: 120px;}
	.mr_frUl{width: 88%;}
}
@media screen and (max-width: 1100px){
	#head .top .menu{margin-top:15px;}
	#head .top .menu ul li{ width:31%;margin: 2px 0.5%;}
	#head .top .menu ul li:hover .dropmenu{margin-left:auto;}
	.mr_frUl{width: 86%;}
}
@media screen and (max-width: 1023px){
	#head .top .menu ul li:hover .dropmenu{ display:none;}
	#foot{ padding:30px 0;}
	#foot .foot_logo,#foot .copyright{ width:100%; text-align:center; margin:0;}
	#foot .foot_logo{background: url(/images/foot_logo.png) no-repeat center center;margin-bottom: 30px;}
	#foot .wx{ display:none;}
	.page-slide {display: none !important;}
}
@media screen and (max-width: 750px){
	#head .top .logo{ width:100%; float:none; background: url(/images/logo.png) no-repeat center center;}
	#head .top .menu{ width:100%; float:none; margin-top: 20px;}
	#main .main_banner{ background-size:auto 100%;padding: 30px 0;}
	#main .main_banner ul li{margin-bottom: 15px; width:50%;}
	.mr_frUl{width: 84%;}
	.partner_com ul li{ width:33.3333%}
}
@media screen and (max-width: 660px){
	#head .top .menu ul li{font-size: 16px;}
#head .top_nav .wx{ display:none;}
.mr_frUl{width: 80%;}
.mr_frUl ul li{ width:100%; margin-right:10px;}

.history ul li{background-size: 100% 98%;padding: 12px 23px;}
.history ul li p{font-size: 16px;}
.history ul li p span{font-size: 28px;}
}
@media screen and (max-width: 550px){
.mr_frbox {padding: 24px 0px 0px; height:auto;}
.mr_frBtnL{margin: 240px 10px 0px 0px;}
.mr_frBtnR {float: right;margin-top: 240px;cursor: pointer;}
.mr_frUl{width: 80%;}
.design_S{ padding:0;}
.design_S ul.design_S_l{ padding:0;}
.partner_com ul li{ width:50%}

.history ul{ width:100%;}
.history ul li{ width:150px;height: 130px;}
}
@media screen and (max-width:360px){
.mr_frBtnL,.mr_frBtnR{ display:none;}
.mr_frUl {width: 100%;}
}