body{overflow-x: hidden;}
.container-fluid{max-width: 1000px !important;}
.maxlogo{max-width:1135px !important;}
*{font-family: "微软雅黑";}
a:hover{color:#333;}
a{color:#333;text-decoration: none !important;}
.no-margin{margin: 0;}
.no-padding{padding: 0;}
.no-padding-left{padding-left:0 ;}
.no-padding-right{padding-right: 0;}
.margin10{margin-bottom:10px;}
.margin20{margin-top:20px;}
.padding10{padding-left:10px;padding-right:10px;}

header{ width:100%; height:87px; background:#bb08d4;}
header .logo{ width:40%; height:87px;}
header .logo img{ margin:15px 0 0 0; width:388px; height:64px;}
header .headright .dianhua{text-align: right;margin-top: 20px;}
header .headright .dianhua img{width:27px;height:27px;margin-top: -5px;}
header .headright .dianhua span{color:#fff;font-size:22px;line-height:24px;}
header .headright .dianhua span strong{color:#fff;font-size:22px;}
header .headright p{font-size:14px;color:#fff;line-height:24px;margin-top: 8px;}

nav.nav{position: relative; z-index: 2147483647; width:100%;height:40px;background: url(../images/head-bg.png) no-repeat 50% 50%;background-size: cover;}
nav.nav>div,nav>div>div,nav>div>div>ul{height: 100%;}
nav ul li{ position: relative; width:12%;height:100%;text-align: center;}
nav ul li .ul{ display:none; position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; padding-top: 5px; }
nav ul li .ul .li a{ display: block; font-size: 13px; color: #fff; line-height: 34px; background: #c313bc; }
nav ul li .ul .li a:hover{ background: #f85c15; }
nav ul li:hover .ul{ display: block; }
nav ul.daohang{top:-5px;margin-bottom: 0;padding-left: 5px;padding-right:5px;}
nav ul.daohang li > a{border-top:2px solid transparent;color:#fff;font-size:13px;line-height:40px;padding:0 20px;display: inline-block;}
nav ul.daohang li.active > a{border-top-color:#014fa5;background: url(../images/hover-bg.png) repeat 50% 50%;background-size: cover;}
nav ul.daohang li:hover > a{border-top-color:#014fa5;background: url(../images/hover-bg.png) repeat 50% 50%;background-size: cover;}

.flexslider{width:100%;overflow:hidden;position: relative;top:-3px;z-index: 10;}
.flexslider .br .swiper-slide{width:100%;height:490px;}
.flexslider .br div.img1{background: url(../images/banner1.jpg) no-repeat 50% 50%;background-size: cover;}
.flexslider .br div.img2{background: url(../images/banner2.jpg) no-repeat 50% 50%;background-size: cover;} 
.flexslider .br div.img3{background: url(../images/banner3.jpg) no-repeat 50% 50%;background-size: cover;}
.flexslider .br div.img4{background: url(../images/banner4.jpg) no-repeat 50% 50%;background-size: cover;} 
.flexslider .br div.img5{background: url(../images/banner5.jpg) no-repeat 50% 50%;background-size: cover;}
.swiper-button-prev{background: url(../images/arrow-left.png) #000000 50% no-repeat;}
.swiper-button-next{background: url(../images/arrow-right.png) #000000 50% no-repeat;}
.swiper-button-next,.swiper-button-prev{opacity: 0.2; transition: opacity 1.5s;}
.flexslider .br:hover .swiper-button-next, .flexslider .br:hover .swiper-button-prev{opacity: 0.5;}


.content{ position:absolute; left:0; top:617px; z-index:9;width:100%;}
.content .main-white{ padding:30px 0 0; background:#fff;}
.content .main-colorless{ padding:30px 0 30px; background:url(../images/bg.png) repeat;}


.picture7{ margin:20px 0 0 0;}
.picture7 img{ display:block; margin:0 auto;}


.title07{ margin:20px 0 0 0; width:100%;}
.title07 h1{ margin:0 auto !important; width:80%; font-size:16px; color:#666; line-height:30px; border-bottom:solid 1px #e0e0e0;}
.title07 h6{color:#999; line-height:30px; }



.text03{ padding:10px; font-size:14px; color:#666; line-height:24px;}
.text03 img { max-width: 100%; height: auto;}



.pic{ margin:20px 0 0 0;}
.pic ul li { width:31%; margin:0 1% 20px;}
.pic ul li .imgbox{ height:190px; padding:1px; background:#fff; border:1px solid #ccc;}
.pic ul li .imgbox span{ display:block; height:100%; position:relative;}
.pic ul li .imgbox span p{ color:#fff; background:#000; line-height:35px; width:100%; position:absolute; left:0; bottom:0;filter:Alpha(Opacity=70);opacity:0.7;}
.pic ul li a:hover .imgbox{ border:1px solid #bb08d4;}
.pic ul li a:hover .imgbox span p{ background:#bb08d4;filter:Alpha(Opacity=70);opacity:0.7;}



.title08 h1{ font-size:20px; color:#333; line-height:50px;}
.title08 ul{ background:#cecece; border-top:solid 1px #b7b7b7; border-bottom:solid 1px #b7b7b7;}
.title08 ul li{ margin:0 5px; display:inline; font-family:"宋体"; font-size:12px; color:#333; line-height:28px;}
.title08 ul li a{ color:#333;}


.text3{ color:#261f1f; line-height:32px;}

.news4-list a{ display:block; margin:0 0 20px 0; padding:0 0 20px 0;}
.news4-list .imgbox{ width:30%; height:150px; overflow:hidden; background:#f0f0f0; transition:all 0.3s;}
.news4-list .textbox{ padding-left:20px; width:70%; height:150px;}
.news4-list .textbox h5{ margin:0 0 10px !important; font-size:16px; color:#4b4a4a; line-height:24px; transition:all 0.3s;border-bottom:solid 1px #d9d9d9;}
.news4-list .textbox p{color:#4f4f4f; height:104px; line-height:26px;overflow:hidden; transition:all 0.3s;}
.news4-list:hover .textbox h5{ color:#0b56c0;}
.news4-list:hover .textbox p{ color:#0b56c0;}
.news4-list:hover .imgbox{ border:solid 1px #0b56c0;}

.title{ height:60px;}
.title .LineSpacing{height:60px;}
.title .LineSpacing span{display:block; width:100%;height:37px; border-bottom:solid 1px #d4d4d4;}
.title .h4{ padding:10px 0 0 0;}
.title .h4 a{font-size:26px; color:#353535; line-height:30px; transition:all 0.3s; font-weight:bold;}
.title .h4 a small{ display:block;font-size:14px; color:#353535; line-height:20px;transition:all 0.3s;}
.about .LineSpacing{height:15px;}
.about .LineSpacing span{height:15px;}
.about .h4 a small{display:inline-block; color:#5f1a92;font-size:20px;}
.newtitle .h4 a,.newtitle .h4 a small{color:#fff;}


.picture3 .picture3-list{margin-top: 20px;margin-bottom: 10px;}
.picture3 .picture3-list .imgbox img{transition:all 0.4s;width:130px;height:130px;border:2px solid transparent; border-radius: 50% 50%; margin:0 auto;}
.picture3 .picture3-list h3{ margin:10px 0 !important;}
.picture3 .picture3-list h3 a{font-size:18px; color:#262626; transition:all 0.3s;}
.picture3 .picture3-list p a{ font-size:12px; color:#999;}
.picture3 .picture3-list .more a{ display:block; margin:0 auto; width:70px; height:30px; font-size:12px; color:#fff; line-height:30px; background:#6e0aab; border-radius:5px; transition:all 0.3s;}
.picture3 .picture3-list .more a:hover{ background:url(../images/hover-bg.png) repeat 50% 50%;background-size:cover;}
.picture3 .picture3-list .imgbox:hover img{ border-color: #a918bc;}


#news>a{display:block;height:218px;}


.product-box{padding: 20px 0 0 0;}
.product-box>div{padding-left: 5px;padding-right: 5px;}
.product-box .imgbox{display:block;position: relative;width:100%;margin-bottom: 10px;}
.product-box .imgboxs{position: relative; display: block; overflow: hidden; padding-top: 70%;}
.product-box .imgbox img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%;}
.product-box .imgbox .mask{width:100%;height:100%;position: absolute;top: 0;left: 0;background: rgba(236,116,157,0.7);transition: all 0.4s;opacity: 0;}
.product-box .imgbox:hover .mask{opacity: 0.7;}
.product-box .imgbox .mask span{position: absolute;top: 40%;left: 0;width:100%;text-align: center;}
.product-box .imgbox .mask span strong{color:#fff;font-size: 35px;}
.product-box .imgbox .mask span p{font-size: 22px;color:#fff;}
.product-box  .imgbox {margin-bottom: 50px;}
.product-box  .imgbox h4{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%;height:28px;margin:0;line-height:28px;background: #FFFFFF;position: absolute;bottom: -35px;left: 0;text-align: center;color:#000000;font-size: 14px;}
.product-box .imgbox:hover h4{border-color: #e41c62;color:#e41c62;}

.content .aboutUs-box{ padding:20px 0 0;margin-bottom:20px;}
.content .aboutUs-box .imgbox a{ display:block;overflow:hidden;border-radius: 8px; background:#f7f7f7;}
.content .aboutUs-box .imgbox a img{border-radius: 8px;}
.content .aboutUs-box .textbox h6{ margin:5px 0 0 0; line-height:21px;max-height:130px;overflow: hidden;}
.content .aboutUs-box .textbox h6 a{color:#464646; transition:all 0.3s;}
.content .aboutUs-box:hover .textbox h6 a{ color:#888;}
.content .aboutUs-box .textbox .txt{text-align: right;}
.content .aboutUs-box .textbox .txt span{font-size:29px;font-family: impact;color:#9c9c9c;}
.CaseSharing_bg{ display:none; position:fixed; z-index:5;top: 0;left: 0; width:100%;background:#662597; background-size:cover;}

.news .newbottom h1{line-height:36px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
.news .newbottom h1 a{font-size:14px;color:#242424;transition:all 0.3s;}
.news .newbottom h6{height:45px;line-height:22px;overflow:hidden;}
.news .newbottom h6 a{color:#242424;transition:all 0.3s;font-size:12px;}
.news .hor:hover .newbottom a{color:#5f1a92;}
.news .hor{margin-bottom:10px;}

.contact02 h1{ font-size:18px; color:#383838; line-height:50px;}
.contact02 .h5{ height:144px; overflow:hidden;}
.contact02 .h5 p{ margin:0 !important; color:#828282; line-height:24px; text-indent:2em;}
.contact02 .detailed{ height:150px; overflow:hidden;}
.contact02 .detailed li{width:100%;text-align: left; height:30px; color:#828282; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contact02 .detailed li b{ margin:0 10px 0 0; line-height:30px;}
.contact02  label{ padding-top:0 !important; text-align:left !important; color:#666; height:34px; line-height:34px; font-weight:normal;}
.contact02 input{ background:#f4f4f4; border:dashed 1px #aaa;}
.contact02 textarea{ max-width:100%; background:#f4f4f4; border:dashed 1px #aaa;}
.contact02 button{ width:100%; height:30px; color:#fff; background:#690fa2; border:none; transition:all 0.3s;}
.contact02 button:hover{ background:#9d1ee6;}

footer{width:100%;background: #690fa2;}
footer .Copy,footer small,footer small a{font-size:14px;color:#f5f5f5;text-align: center;line-height:30px;}
footer .Copy{margin-top:10px;}
footer small{display: block;}
footer small a{display: inline-block;}


.leftnav{margin-right:15px;margin-bottom: 30px; width: 30%}
.nav1{margin:25px 0px 20px 0px; }
.navhead{cursor: pointer;border:2px solid #6c0da6; background:#bb08d4;text-align:center;height: 45px;line-height:45px;color:#fff;font-size: 18px;}
.navhead1{cursor: pointer;border:2px solid #6c0da6; background:#bb08d4;text-align:center;width:100%;height: 45px;line-height:45px;color:#fff;font-size: 18px;}
.nav1 .nav{width:100%;}
.nav1 .nav li a{padding:8px 20px;font-size: 15px;color:#333;text-align: center;}
.nav1 .nav li{margin-top: 3px;background: #f4f4f4;border-left:2px solid transparent;}
.nav1 .nav li:hover{background: #e2e0e0;border-left-color:#6c0da6;}
.nav1 .nav li:hover a{color:#e01dff;font-weight:bold;}
.s-drop-wrap { width:100%; float:left;}
.s-drop-btn { background:#e2e0e0; line-height:55px; padding: 0 15px; font-size:18px;font-family:'微软雅黑'; color: #fff;}
.s-drop-btn span{font-size:14px;font-family:'宋体'; color: #fff; }
.s-drop-btn.act{ background:#e2e0e0; background:url(../images/dian111.png) no-repeat 90% center, #cd1111;}
.s-drop-list {display: block; width: 220px;  padding-left: 0px}
.s-drop-list li{ margin-top:1%; list-style-type: none;}
.s-drop-list li a{ display:block; }
.aside-list-link{font-family:'微软雅黑'; font-size:16px; color:#222;line-height:41px; background:#e2e0e0; padding-left:15%;}
.aside-list li a:hover, .aside-list li a.act{ background:#bb08d4; color:#fff;}
.aside-list li{ margin-top:1%; line-height:41px;}
.aside-list li a{ background-color:; position:relative;}
.aside-sublist{ display:none;  background-color: #fff:border:0px; }
.aside-sublist li{margin-top:1%;}
.aside-sublist li a{ color:#696969; padding-left:15%; line-height:32px; background:url(../images/cp-dian2.png) no-repeat 5% center;}
.aside-sublist li a:hover, .aside-sublist li a.act{ background:url(../images/cp-dian2.png) no-repeat 5% center; color:#333;}

.contacts .nav{margin-top:7px;}
.contacts .nav li{padding:5px 20px;font-size:13px;}
.contacts .nav li p{text-align: center;}

.box{width:68%;}
.box .container-fluid{padding-left: 0;padding-right:0;overflow: hidden;}
.box .boxhead{margin-bottom:20px;border-bottom:3px solid #d3d3d3;border-left:5px solid #bb08d4;height:45px; line-height:45px;margin-top:25px;display: block;}
.box .boxhead i{margin-top:17.5px;margin-right:20px;display: inline-block;width:10px;height:10px;background: url(../images/dian111.png) no-repeat;}
.size18{font-size:18px;line-height: 20px;}
.size14{font-size:14px;}
.size14 b{margin-right: 10px;color:#bb08d4;}
.size18 span{display: block;}
.size18 span.txt1{color:#bb08d4;}
.size18 span.txt2{font-size:12px;text-align: center;}
.box .boxcontent{line-height: 28px;}
.boxhead span.active{color:#bb08d4;}
.headnav b{line-height: 40px;font-size: 14px;padding-right: 15px;}
.headnav1 b{line-height: 40px;font-size: 14px;padding-right: 15px;}

.boxcontent{padding-left: 15px;padding-right:15px;margin-top:20px;margin-bottom:20px;}
.boxcontent .media{margin-bottom: 10px;padding-left: 15px;padding-right:15px;}
.boxcontent .media-left{height:150px;width:30%;overflow: hidden;}
.boxcontent a{color:#000;}
.boxcontent .media-body h4{color:#000;padding: 5px 0 10px 0;border-bottom: 1px dashed #bb08d4;}
.boxcontent .media:hover a,.boxcontent .media:hover h4{color:#0d4d94;}
.boxcontent .media:hover h4{border-color: #0d4d94;}

.pro-xq{margin-top:20px;margin-bottom:20px;}
.pro-xq h4{text-align: center;padding-left: 15px;padding-right:15px;}

.abouttxt{padding-left:20px;padding-right:15px;margin-top:20px;margin-bottom:20px; line-height: 30px;}
.abouttxt img{max-width: 100%; height: auto;}

.contacttxt{padding-left:25px;padding-right:25px;margin-top:20px;margin-bottom:20px;}

.boxcontent a{color:#000;}
.boxcontent h4,.boxcontent .xinxi{text-align: center;color:#666;font-size: 16px;}
.boxcontent .xinxi{width:100%;margin: 10px auto;background: #e1e1e1;line-height:30px;}
.boxcontent p{width:80%;margin: auto;}

.message{padding-left: 25px;padding-right:25px;margin-top:20px;margin-bottom:20px; margin-left: 10px;}
.message .form-group label{line-height:34px;}
.message .form-group input,.message .form-group textarea{width:50%;}
	.message .form-group input.btn{width:60px;background:#dedede;margin-left: 50px;}



.hot{height:55px; background: #bb08d4; position: fixed; bottom: 0; left:0;z-index: 999999;}
.w100{width:100%;}
.hot .row div a{display:block; color:#fff; padding:5px 0;}
.hot .row div a.hotlast{border-right:none;}
.hot span{color:#fff; font-size:16px;line-height: 26px;}
.hot h6{font-size:12px; line-height: 17px;}
.hot span{ color:#fff; font-size:16px; line-height:26px; padding-top:12px;}
.hot .hover:hover{background: #db24f5;}

/*新闻中心*/
.xw_ul{display:block; overflow:hidden; padding:15px;}
.xw_ul li{width:100%;float:left; border-bottom:1px dashed #c1c1c1; margin-bottom:4px; list-style:none;}
.xw_ul li a{float:left; height:32px; line-height:32px; font-family:'Microsoft YaHei'; font-size:12px; color:#000; padding-left:10px; transition:all 0.4s;}
.xw_ul li span{float:right;color:#919191;}
.xw_ul li a:hover{color:#bb08d4;}


@media (max-width:1199px){

}
@media only screen and (max-width: 991px) {
	
header{ height:67px; }
header .logo{ padding:0 0 0 10px; width:100%;height:67px;}
header .logo img{ margin:10px 0 0 0; width:300px; height:auto;}
nav.sjd{width:100%;height:42px;background: url(../images/navbg.png) repeat 50% 50%;background-size:cover;}
nav ul.daohang{top:-2px;}
	.flexslider{height:400px;}
	.flexslider .br .swiper-slide{height:400px;}
	
	.content{top:549px;padding-bottom:55px; }
	.content .main-white{padding-top:10px;}
	
	.content .aboutUs-box .textbox h6{margin-top: 15px;}
	
	.nav1{margin-top: 10px;margin-bottom:0;}
	.navhead,.leftnav,.box{width:100%;}
	.nav1 .nav li a{text-align: center;font-size: 13px;color:#000 !important;}
	.leftnav{margin: 0;}
	.navhead{text-align: left;padding-left: 15px;margin-bottom:20px;}
	.nav1 .nav li{border:1px solid #bb08d4;}
	.nav1 .sjdnavhid{height:0;overflow:hidden;}
	
.news4-list:hover .textbox h5{ color:#4b4a4a;}
.news4-list:hover .textbox p{ color:#4f4f4f;}
.news4-list:hover .imgbox{ border:none;} 
}
@media only screen and (max-width: 767px) {
	


	.flexslider{height:300px;}
	.flexslider .br .swiper-slide{height:300px;}
	
	.title{ height:50px;}
.title .LineSpacing{height:50px;}
.title .LineSpacing span{height:25px;}
.title .h4{ padding:5px 0 0 0;}
.title .h4 a{font-size:20px;line-height:25px;}
.title .h4 a small{font-size:12px;line-height:16px;}
.product-box .imgbox .mask span strong{font-size: 28px;}
.product-box .imgbox .mask span p{font-size: 18px;}
.content{top:449px;}
.boxcontent .media{height:94px;}
.boxcontent .media-left{height:94px;overflow: hidden;}
.boxcontent .media-left img{min-height:94px;}
	.message .form-group input,.message .form-group textarea{width:80%;}
	
	
.news4-list .imgbox{height:100px;}
.news4-list .textbox{height:100px;}
.news4-list .textbox h5{ font-size:16px; line-height:24px;}
.news4-list .textbox p{ font-size:12px;height:60px; line-height:20px;}
	

.pic ul li { width:48%; margin:0 1% 20px;}
.pic ul li .imgbox{ height:240px;}
.pic ul li .imgbox span{ display:block; height:100%;}





.s-drop-wrap { width:100%; float:left;}
.s-drop-btn { background:#e2e0e0; line-height:55px; padding: 0 15px; font-size:18px;font-family:'微软雅黑'; color: #fff;}
.s-drop-btn span{font-size:14px;font-family:'宋体'; color: #fff; }
.s-drop-btn.act{ background:#e2e0e0; background:url(../images/dian111.png) no-repeat 90% center, #cd1111;}
.s-drop-list {display: block; width: 100%;  padding-left: 0px}
.s-drop-list li{ margin-top:1%; list-style-type: none;}
.s-drop-list li a{ display:block; }
.aside-list-link{font-family:'微软雅黑'; font-size:16px; color:#222;line-height:41px; background:#e2e0e0; padding-left:15%;}
.aside-list li a:hover, .aside-list li a.act{ background:#bb08d4; color:#fff;}
.aside-list li{ margin-top:1%; line-height:41px;}
.aside-list li a{ background-color:; position:relative;}
.aside-sublist{ display:none;  background-color: #fff:border:0px; }
.aside-sublist li{margin-top:1%;}
.aside-sublist li a{ color:#696969; padding-left:15%; line-height:32px; background:url(../images/cp-dian2.png) no-repeat 5% center;}
.aside-sublist li a:hover, .aside-sublist li a.act{ background:url(../images/cp-dian2.png) no-repeat 5% center; color:#333;}
.text03 img { max-width: 100%; height: auto;}
.abouttxt img{max-width: 100%; height: auto;}
}
@media only screen and (max-width: 560px){
	nav ul.daohang li a{padding: 0;width:100%;}
	footer .Copy span{display: block;}
}
@media only screen and (max-width: 436px) {
	.flexslider{height:140px;}
	.flexslider .br .swiper-slide{height:140px;}
	.content{top:299px;}
	.boxcontent .media-left{width:50%;}
	
}
@media only screen and (max-width: 414px){

.pic ul li { width:48%; margin:0 1% 20px;}
.pic ul li .imgbox{ height:150px;}
.pic ul li .imgbox span{ display:block; height:100%;}
	
}
@media only screen and (max-width: 340px){

.pic ul li .imgbox{ height:140px;}
.pic ul li .imgbox span{ display:block; height:100%;}
	
	
.news4-list .imgbox{ width:40%;height:80px;}
.news4-list .textbox{ width:60%;height:80px;}
.news4-list .textbox h5{ font-size:16px; line-height:24px;}
.news4-list .textbox p{ font-size:12px;height:40px; line-height:20px;}
}

/*通用-列表翻页*/
.pagination-wrapper{float:left;width:100%;margin:20px 0;text-align:center;}
.pagination{float:left;width:100%;margin:10px 0 0;text-align:center;font-size:12px;overflow:hidden;}
.pagination span{display:inline-block;height:30px;margin-left:-1px;padding:0px 11px;border:solid 1px #e6e6e6;line-height:28px;background:#fff;}
.pagination a{display:inline-block;height:30px;margin-left:-1px;padding:0px 10px;border:solid 1px #e6e6e6;line-height:28px;background:#fff;}
.pagination a:hover{border:1px solid #690fa2;background:#690fa2;color:#fff;}
.pagination .current-page{border:1px solid #690fa2;background:#690fa2;color:#fff;}
@media screen and (max-width:767px){
.pagination-wrapper{margin:10px 0;}
}