/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:80%; margin:0 auto;}
.wapper2{ width:86%; margin:0 auto;}
.wapper3{ width:1200px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
img{max-width: 100%;}
.logo img {
    max-height: 58px;
    margin-top: 5px;
}

.menu ul li {
    display: inline-block;
    width: 120px;
    text-align: center;
    line-height: 58px;
    text-align: center;
    font-size: 14px;
}
.menu ul li a{color: #666666;font-weight: bold;}
.menu ul li a:hover{color: #D01518;}

.icon ul li{float: left;}
.icon ul li:hover{opacity: 0.8;}

.lan{position: relative;text-align: center;line-height: 58px;padding: 0 20px;}
.lan h3{display: inline-block;padding-right: 20px;font-weight: normal;color: #000;font-size: 12px;}
.lan ul{position: absolute;left: 0;top: 58px;right: 0;z-index: 99;background: #fff;box-shadow: 0 0 5px #ccc;line-height: 30px;display: none;}
.lan ul li a:hover{color: #ccc;}

.link{padding: 0 30px;background: #151515;line-height: 66px;font-size: 18px;color: #fff;}
.link:hover{opacity: 0.8;}
.link a{color: #fff;}

.phone{display: none;}

.phonehead{padding: 5px 0;background: #D4D0E7;position: fixed;left: 0;top: 0;right: 0;z-index: 99999;}
.phonehead .menuicon a{color: #000;font-size: 20px;}
.nav {position:fixed; display: none;right:0px; top:80px; height:100%; width:100%; background-color:#2A1285; z-index: 9999; overflow-y:auto; transition:right .3s; border-left:1px solid #f3f3f3;}
.nav.open {right:0;}
.nav ul {padding-bottom:31px;text-align: center;}
.nav li {float:none; padding:0; position:relative;}
.nav li a {line-height: 53px; padding:10px 1.5em; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;color: #fff;font-size: 20px;}
.nav li a:hover:after, .nav li.cur > a:after, .nav li.on > a:after {display:none;}
.nav li.cur > a {background-color:#888888;}	
.nav li em.on{transform: rotate(90deg);}
.nav li em {transform: rotate(0deg);transition:all .3s;position:absolute; right: 10px; top:10px; display:block;  cursor:pointer;font-style: normal;}
.nav li em:after{content: '>';font-family: simsun;font-size: 20px;line-height: 30px;width: 30px;text-align: center;display: block;}
  
.navDrop {position:static; display:none; left:auto; top:auto;}
.navDrop.open, .navDrop.show.open {display:block;}
.navDrop .inner {width:auto;}
.navDrop ul {padding:0;}
.navDrop li {display:block;}
.navDrop li a {text-align:left; padding:10px 1.5em 10px 2.5em;}
.navDrop .preview, .threeNav, .navDrop.show {display:none;}
.navDrop .info {width:auto; float:none; padding:0;}

.subNav {float:none; width:auto;}
.subNav dd {border:none; line-height: normal;}
.subNav dd a {padding:10px 1.5em 10px 2.5em;}
.subNav dd a:after {display:none;}
/*navBtn*/
.navBtn {cursor:pointer; display:block; position:relative; cursor:pointer; width:70px; height:70px; float:left; border-left:0px solid #888888;}
.navBtn span {display:block; width:20px; height:2px; background-color:#888888; position:absolute; top:50%; left:50%; margin-top:-1px; margin-left:-10px; line-height: normal;}
.navBtn span:before, .navBtn span:after {content:''; display:block; width:100%; height:2px; background-color:#888888; position:absolute; left:0; top:-7px; transition:transform .3s; transition:transform .3s;}
.navBtn span:after {top:auto; bottom:-7.5px;}
.navBtn.open span {height:0;}
.navBtn.open span:before {transform:rotate(45deg); top:0;}
.navBtn.open span:after {transform:rotate(-45deg); bottom:auto; top:0;}

.con{padding: 60px 0;}

.tit a{color: #1d2088;font-weight: bold; font-size: 25px;margin: 0 0 30px 0;display: block;}
.tit a:hover{opacity: 0.8;}

.con ul li{width: 32.3%;margin: 0.5%;float: left;position: relative;}
.con ul li .wenzi{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;padding: 12% 0;text-align: center;}
.con ul li .wenzi h3{font-size: 40px;color: #fff;}
.con ul li .bg{background: rgba(64, 64, 64, 0.5);}
.con ul li:hover .bg{background: none;}
.con ul li .bg2{background: rgba(97, 164, 188, 0.5);}
.con ul li:hover .bg2{background: none;}

.con2{padding-top: 60px;}
.con2 .tit .pos{position: relative;}
/* .con2 .swiper-button-next, .con2 .swiper-button-prev{width: 60px;height: 60px;margin-top: -30px} */
.con2 .limain h3{font-size: 20px;color: #000;line-height: 1.5;}
.con2 .limain  span{display: block;font-size: 16px;color: #000;line-height: 1.5;}
.con2 .limain{padding: 15px;background: #E9E9E9;text-align: center;}
.con2 .limain:hover{background: #2B3649;}
.con2 .limain:hover h3{color: #fff;}
.con2 .limain:hover span{color: #fff;}


.con3{margin-top: 50px;margin-bottom: 50px;}
.con3 .imgarea{position: relative;}
.con3 .imgarea .wenzi{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;padding: 15% 0;}
.con3 .imgarea .wenzi a{display: block;width: 250px;line-height: 80px;background: #2A1285;font-size: 24px;color: #fff;text-align: center;margin: 0 auto;}
.con3 .imgarea .wenzi a:hover{background: #D01518;}

.con4 ul li{width: 33.3%;float: left;position: relative;}
.con4 ul li .imgarea .wenzi{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;padding: 8% 0;text-align: center;background: rgba(0, 0, 0, 0.1);}
    .con4 ul li .imgarea img {
        width:100%;
    }
	
	.con4 ul li .imgarea .wenzi img{width: auto;}
	
	
	.prop table{width: 100% !important;}
	
.con4 ul li .imgarea .wenzi h3{font-size: 30px;color: #fff;font-weight: normal;}
.con4 ul li:hover .imgarea .wenzi{background: rgba(0, 0, 0, 0.3);}


.con5{position: relative;}
.con5 .wenzi{position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 99;padding: 15% 0;}
.con5 .wenzi h3{line-height: 93px;font-size: 40px;color: #fff;}
.con5 .wenzi a{display: block;width: 200px;line-height: 50px;background: #FAF53F;font-size: 20px;color: #000;text-align: center;margin-top: 21.5px;}
.con5 .wenzi a:hover{background: #D01518;color: #fff;}

.foottop{background: #E9E9E9;padding: 50px 0;}
.foottop dl{width: calc(100% / 7);float: left;}
.foottop dl dt{color: #333;font-size: 24px;margin-bottom: 25px;}
.foottop dl dd{margin-bottom: 15px;font-size: 16px;color: #333;}
.foottop dl dd a{color: #333;font-weight: 300;}
.foottop dl dd a:hover{color: #D01518;}

.footbottom {
    padding: 50px 0;
    background-size: 100%;
    background-image: url(../images/tupian.jpg);
    /*background: #2A1186;*/
    text-align: center;
}
.footbottom .tel{margin: 40px 0;}
.footbottom .tel h3{display: inline-block;padding-left: 40px;line-height: 60px;font-size: 30px;color: #000;}
.footbottom .flist ul li{display: inline-block;padding-right: 10px;font-size: 14px;color: #000;margin-bottom: 20px;}
.footbottom .copy{font-size: 14px;color: #000;}


.lan2{position: relative;text-align: center;line-height: 30px;padding: 0 20px;}
.lan2 h3{display: inline-block;padding-right: 20px;font-weight: normal;color: #fff;font-size: 12px;}
.lan2 dl{line-height: 30px;}
.lan2 dl dd a{color: #fff;}
.lan2 dl dd a:hover{color: #fff;}

.icon2{text-align: center;margin: 20px 0;}
.icon2 dl dd{display: inline-block;}
.icon2 dl dd:hover{opacity: 0.8;}

.link2{padding: 0 30px;display: inline-block;;background: #151515;line-height: 58px;font-size: 18px;color: #fff;margin: 0 auto;}
.link2:hover{opacity: 0.8;}
.link2 a{color: #fff;}




@media screen and (max-width: 760px){
	.wapper{width:90%;padding: 0 5%;}
	.wapper2{ width:90%; margin:0 auto;}
	.wapper3{ width:90%; margin:0 auto;}
	.pc{display: none;}
	.phone{display: block;}
	
	.banner{margin-top: 80px;}
	
	.tit{text-align: center;}
	
	.con ul li{width: 98%;margin: 1%;float: left;position: relative;}
	.con2 .tit .pos{width: 100px;display: none;}
	.con2 .tit a{display: block;width: 100%;}
	
	.con4 ul li{width: 100%;float: left;position: relative;}
	.con4 ul li .imgarea .wenzi{padding: 4% 0;}
	
	.con5 .left{width: 100%;text-align: center;}
	.con5 .left .dis{display: inline-block;}
	.con5 .right{width: 100%;}
	.con5 .wenzi a {margin: 0 auto;}
	
	.foottop dl{width: calc(100% / 1);float: left;}
	.foottop dl dd{margin-bottom: 15px;font-size: 16px;color: #333;display: inline-block;margin-right: 10px;}
	
	.footbottom .tel h3{background: none !important;}
	.footbottom .flist ul li{display: block;text-align: center;padding-right: 0;}
}

.w25{width: 25%;}
.w73{width: 73%;}
.pad{padding: 40px 0;}
.plist .dl dt{line-height: 30px;border: 1px solid #EC1217;font-size: 15px;text-align: center;color: #EC1217;}
.plist .dl dd{line-height: 40px;border-bottom: 1px solid #EC1217;padding: 0 5%;font-size: 16px;}
.plist .dl dd a{color: #333;}
.plist .dl dd a:hover{color: #EC1217;}
.search{margin-top: 30px;}
.search h3{font-size: 14px;color: #EC1217;font-weight: normal;text-align: center;}
.search h4{line-height: 30px;border: 1px solid #EC1217;font-size: 15px;text-align: center;color: #EC1217;font-weight: normal;}
.search input{line-height: 30px;width: 94%;border: 1px solid #CCCCCC;border-radius: 5px;padding: 0 3%;margin: 15px 0;}
.search a{display: block;background: #EC1217;color: #fff;line-height: 30px;border-radius: 5px;text-align: center;}

.bread{line-height: 60px;border-bottom: 1px solid #EC1217;margin-bottom: 10px;}
.bread .bleft h3{font-size: 30px;font-weight: normal;color: #EC1217;}
@media screen and (max-width: 760px){
	.w25{width: 100%;margin-bottom: 20px;}
	.w73{width: 100%;}
}

.pro ul li{width: 31.3%;margin: 1%;float: left;text-align: center;}
.pro ul li .limain{border: 1px solid #DCDCDC;}
.pro ul li:hover img{opacity: 0.8;}
.pro ul li h3{font-size: 14px;line-height: 1.5;font-weight: normal;}
.pro ul li:hover h3{color: #EC1217;}

@media screen and (max-width: 760px){
	.pro ul li{width: 98%;margin: 1%;float: left;text-align: center;}
}
.list-box .txt-list { margin: 0 0 60px 0}
.list-box .txt-list li { padding-left: 30px; border-bottom: 1px dotted #ccc}
.list-box .txt-list li:nth-child(2n+1) {background-color: rgba(240,240,240,.3)}
.list-box .txt-list li .h4 { font-size: 15px;margin: 0;font-weight: normal;}
.list-box .txt-list li a { position: relative; display: block; line-height: 28px; padding: 10px 110px 10px 0}
.list-box .txt-list li a:hover, .list-box .txt-list li a:focus {  color: #e50000}
.list-box .txt-list li span { display: block;float: left;padding: 0 50px 0 0;font-size: 12px}
.list-box .txt-list li span.news-title { float: left;color: #848275;width: 78%}
.list-box .txt-list li.list-header {  background: none; padding: 0 30px}
.list-box .txt-list li.list-header a, .list-box .txt-list li.list-header a span { color: #e50000; font-size: 18px}
.list-box .txt-list li.list-header a span { padding-right: 80px}

.newsdetail .h1 {position: relative;color: #e50000;font-size: 20px;border: 1px solid #e50000;padding: 10px 90px 10px 20px;line-height: 1.4;font-weight: normal;}
.newsdetail .h1 small {position: absolute;right: 15px;top: 10px;line-height: 28px;font-size: 13px}
.newsdetail .nr{margin: 20px 0;}
.fanhui{border-top: 1px solid #e50000;text-align: center;}
.fanhui a {font-size: 16px;margin: 20px 0;display: inline-block; background: #fff;border-radius: 5px;border: 1px solid #dfdfdf;color: #888;padding: 5px 20px;transition: .3s all ease;}
.fanhui a:hover{background: #e50000;color: #fff;}


.fuwu .fuwu1{font-size: 24px;color: #000;margin-bottom: 30px;}
.fuwu ul li{margin-bottom: 70px;}
.fuwu ul li .lileft{width: 30%;}
.fuwu ul li .liright{width: 68%;}
.fuwu ul li dl dt{font-size: 20px;color: #000;margin-bottom: 15px;}
.fuwu ul li dl dd{line-height: 30px;}
.fuwu ul li dl dd a{    color: #808080;font-size: 16px;}

@media screen and (max-width: 760px){
	.fuwu ul li .lileft{width: 100%;margin-bottom: 20px;}
	.fuwu ul li .liright{width: 100%;}
}


.ctit h3{font-weight: normal;font-size: 18px;color: #333;margin: 35px 0;}
.label{margin-bottom: 20px;}
.label span{display: inline-block;width: 200px;text-align: right;color: #333;font-size: 16px;margin-right: 30px;}
.label select{height: 34px;border: 1px solid #CCCCCC;padding: 0 10px;border-radius: 5px;width: 40%;}
.label .text{line-height: 34px;border: 1px solid #CCCCCC;padding: 0 10px;border-radius: 5px;width: calc(100% - 260px);}
.label{font-size: 16px;}
.label .check{margin:0 10px;}
.label textarea{border: 1px solid #CCCCCC;padding: 0 10px;border-radius: 5px;width: calc(100% - 260px);}
.label img{width: 100px;}
.label  a{display: inline-block;margin: 0 10px;background: #EC1217;border-radius: 5px;width: 80px;line-height: 34px;color: #fff;font-size: 14px;text-align: center;}


.contact2 .left{width: 48%;}
.contact2 .right{width: 48%;}
.contact2 .right h3{color: #e50000;font-size: 14px;font-weight: normal;line-height: 40px;border-bottom: 1px dotted #e50000;}
.contact2 .right h4{color: #333;font-size: 20px;line-height: 1.5;}
.contact2 .right span{display: block;font-size: 12px;}
@media screen and (max-width: 760px){
	.label .text{width: calc(100% - 20px) !important;}
	.label span{width: 100%;margin-bottom: 10px;text-align: left;}
	.label textarea{border: 1px solid #CCCCCC;padding: 0 10px;border-radius: 5px;width: calc(100% - 20px);}
	.label select{width: 100%;}
	
	.contact2 .left{width: 100%;margin-bottom: 20px;}
	.contact2 .right{width: 100%;}
}


.vtit h3{color: #19007D;font-size: 24px;margin: 20px 0;}
.video ul li{width: 31.3%;margin: 1%;float: left;}
    .video ul li h3 {
        text-align: center;
        font-weight: 300;
        font-size: 18px;
        color: #333;
    }
@media screen and (max-width: 760px){
	
	.video ul li{width: 98%;margin: 1%;float: left;}
}

.prop h3{font-size: 30px;color: #333;}
.prop h4{font-weight: normal;font-size: 16px;color: #333;margin: 20px 0;}
.prop .info_box .h6 {font-size: 15px; margin: 0;padding: 10px 10px;background: #dedede}
.prop .info_box .info_txt {padding: 10px;font-size: 16px;}
.prop .info_box { background: #f3f3f3; margin-bottom: 10px;}

.pro2 .h3 {color: #8e8b77;font-size: 18px;padding: 10px;border: 1px solid #242388;color: #242388;}
.pro2 .nr{margin: 20px 0;}

.pro3 .h3 {color: #8e8b77;font-size: 18px;padding: 10px;border: 1px solid #242388;color: #242388;}

.pro3 ul{margin-top: 20px;margin-bottom: 20px;}
.pro3 ul li{width: 31.3%;float: left;text-align: center;margin-right: 3%;}
.pro3 ul li:nth-child(3n){margin-right: 0;}
.pro3 ul li .limain{border: 1px solid #DCDCDC;}
.pro3 ul li:hover img{opacity: 0.8;}
.pro3 ul li h3{font-size: 14px;line-height: 1.5;font-weight: normal;}
.pro3 ul li:hover h3{color: #EC1217;}

@media screen and (max-width: 760px){
	.pro3 ul li{width: 98%;float: left;text-align: center;margin-right: 1%;margin-left: 1%;}
	.pro3 ul li:nth-child(3n){margin-right: 1%;}
}