/* common */
.center{width: 1200px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both; overflow: hidden;}
.oneLine{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
ul li a:hover{}

/* top */
.top{height: 36px; line-height: 36px; border-bottom: 1px solid #e1e1e1; overflow: hidden;}
.top span, .top a, .top font{color: #3a3a3a; font-size: 12px;}
.top .fr{height: 36px; overflow: hidden;}
.top .fr ul li{height: 36px; line-height: 36px; overflow: hidden;}
.top a:hover{color: #105095;}


/* header */
.header{height: 107px; border-bottom: 1px solid #e1e1e1; overflow: hidden;}

.logo{padding: 22px 0; line-height: 65px;}
.logo img{height: 65px;}
.logo .line{width: 12px; border-left: 1px solid #959595; height: 43px; margin: 11px 0 0 16px;}
.logo .txt{font-size: 36px; font-weight: bold; font-family:微软雅黑,Microsoft YaHei; color: #000; padding-left: 8px;}

.hright{margin-top:40px; height: 35px;}
.hright .tel{padding-left: 35px; background: url(../images/tel.png) no-repeat left center; font-weight: bold; font-size: 26px; line-height: 35px;}
.hright .tel .label{font-weight: normal; font-size: 16px; padding-right: 18px;}

/* navDiv */
.navDiv{padding: 12px 0;}
.navBtn{height: 42px; line-height: 40px; color: #fff; border-radius: 6px; padding: 0 20px 0 58px; background: url(../images/icon1.png) no-repeat 20px center #105095; cursor: pointer;}
.nav li{float: left; height: 42px; line-height: 42px; position: relative; margin: 0 0 0 35px;}
.nav li a{display: block; height: 100%; padding: 0 2px; color: #333; font-size: 16px; cursor: pointer;}
.nav li a:hover{color: #105095;}
.navDiv .menuBtn, .navDiv .mobileBg{display: none;}
.nav li>a{border-bottom: 2px solid #fff;}
.nav li.on>a{border-bottom: 2px solid #105095; color: #105095; height: 38px; margin-bottom: 2px;}

.nav li .secondNav{display: none;width:140px; padding-top: 7px;  position: absolute; left: 50%; margin-left: -68px; top: 41px; z-index: 9999;}
.nav li .secondNav:before{position: absolute;background: url(../images/bg_nav.png) no-repeat center 0; content: ""; left: 50%; width: 14px; height: 8px; margin-left: -7px; top: 0;}
.nav li .secondNav li{float: none; height: 37px; background: #fff; border: 1px solid #f0f0f0; border-top: 0; line-height: 37px; border-bottom: none; text-align: center; position: static; margin-left: 0;}
.nav li .secondNav li a{display: block; color: #333; padding: 0 8px; font-size:14px;}
.nav li .secondNav li a:hover{background: #105095; color: #fff;}
.nav li .secondNav li.first{border-top: 1px solid #f0f0f0;}
.nav li .secondNav li.first, .nav li .secondNav li.first a{border-top-left-radius: 4px; border-top-right-radius: 4px;}
.nav li .secondNav li.last, .nav li .secondNav li.last a{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}

/* banner */
.banner{background-repeat: no-repeat; background-position: center; background-size: auto 100%; height: 378px;}
.banner .center{position: relative; z-index: 3; height: 100%; overflow: hidden;}
.banner p{clear: both;}
.banner p.th{font-size: 50px; color: #fff; font-weight: bold; margin-top: 100px;}
.banner p.tel{padding-left: 38px; background: url(../images/tel1.png) no-repeat left center; font-weight: bold; font-size: 26px; line-height: 35px; color: #fff; margin: 20px 0;}
.banner p.tel .label{font-weight: normal; font-size: 16px; padding-right: 18px;}
.banner p.linkA a{color: #fff; background: #c53b2e; border-radius: 6px; padding: 0 20px 0 25px; float: left; height: 48px; line-height: 46px; font-size: 20px; letter-spacing: 6px;}
.navBtn:hover, .banner p.linkA a:hover{background-color: #dd4335;}

/* th */
.th{padding: 18px 0; overflow: hidden;}
.th .title{font-size: 40px; font-weight: 500; position: relative; padding: 12px 0;}
.th .title:before{position: absolute; bottom: 0; left: 0; width: 50%; content: ''; height: 1px; background: #2f59da;}
.th .fr{margin-top: 20px;}
.th .fr a{border: 1px solid #fff; float: left; color: #000; height: 40px; padding: 0 20px; line-height: 40px; font-size: 16px; margin-left: 10px; min-width: 96px; text-align: center;}
.th .fr .activeBtn{border: 1px solid #b01717; color: #c53b2e;}
.th .fr a:hover{color: #c53b2e; border-color: #971919;}
.th .fr a.activeBtn:hover{background: #fefbfb; border-color: #971919;}

/* main */
.main{background: #e8e8e8;}
.mainIndex{background: #fff;}
.local{padding: 20px 0; text-align: right;}
.local a, .local span{font-size: 16px; color: #000;}

.mLeft{width: 280px; margin-right: 20px; overflow: hidden; margin-bottom: 30px;}

.leftNav{background: #fff;}
.leftNavItem{border-bottom: 1px dashed #d4d4d4; line-height: 58px;}
.leftNavItem .title{padding-left: 18%; font-size: 16px; cursor: pointer;}
.activeItem .title, .leftNavItem .title:hover{background: #c53b2e; color: #fff;}
.leftNavItem .itemCon{padding-left: 25%; padding-top: 10px; padding-bottom: 10px; display: none;}
.leftNavItem .itemCon .row{padding-left: 12px; position: relative; line-height:32px ;}
.leftNavItem .itemCon .row:before{position: absolute; content: ''; left: 0; top: 15px; height: 4px; width: 4px; border-radius: 50%; background: #c53b2e;}
.leftNavItem .itemCon .row a{color: #000;}
.leftNavItem .itemCon .row a:hover, .leftNavItem .itemCon .active a{color: #c53b2e;}

.leftFoot{background: #fff; padding: 16px 16px 15px; margin-top: 20px;}
.leftFoot img{display: block; margin-bottom: 10px; border-radius: 10px;}
.leftFoot p{line-height: 30px;}

.mRight{width: 900px; background: #fff; overflow: hidden; margin-bottom: 30px;}
.subTh{border-bottom: 1px solid #d3d3d3; padding: 14px 0 14px 34px; line-height: 30px; position: relative;}
.subTh:before{position: absolute; left: 20px; top: 20px; height: 18px; width: 3px; background: #c53b2e; content: '';}
.subTh span{font-size: 16px; padding-right: 12px;}

/* proList */
.proList{padding: 20px 0 0 22px; overflow: hidden;}
.proList li{float: left; width: 270px; margin: 10px 20px 6px 0; border: 1px solid #e6e6e6;}
.proList li p.pro{width: 100%; height: 200px; overflow: hidden;}
.proList li img{width: 100%; height: 100%;}
.proList li p.brief{margin: 12px 16px 0; font-size: 12px; line-height: 20px; overflow: hidden; height: 60px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.proList li p.name{position: relative; text-align: center; padding: 15px 0;}
.proList li p.name a{font-size: 14px; font-weight: 300; color: #fff; display: inline-block; padding: 0 20px 0 25px; line-height: 28px; text-align: center; background: #c53b2e; border-radius: 6px; height: 30px; letter-spacing: 5px;}
.proList li p.name a:hover{background-color: #dd4335;}
.line{border-bottom: 1px solid #ddd; margin: 0 22px; height: 10px;}

.proBox .proList{padding: 8px 0 0;}
.proBox .proList li{width: 384px;}
.proBox .proList li p.pro{height: 284px;}
.proBox .proList li p.brief{font-size: 14px; line-height: 26px; height: 78px;}
.proBox .proList li:last-child{margin-right: 0;}
.proBox .proList li p.name{padding-bottom: 20px;}
.proBox .proList li p.name a{height: 40px; line-height: 40px; padding: 0 25px 0 30px; font-size: 16px; font-weight: 400;}

.proDiv ul.proList{display: none;}

/* content */
.content{padding: 20px; min-height: 530px;}
.content .title{text-align: center; font-size: 20px; font-weight: bold; border-bottom: 1px dotted #e8e8e8; padding-bottom: 10px;}
.content .con{padding-top: 12px;}
.content .con img{max-width: 100%; display: block; margin: 0 auto;}
.content .con p{padding-bottom: 5px;}
.content .con *{line-height: 28px; font-size: 16px; background: none !important;}

/* caseList */
.caseDiv{overflow: hidden; margin: 2px 0 0;}
.caseList{overflow:  hidden; width: 1220px;}
.caseList li{float: left; width: 283px; margin: 0 20px 26px 0; border: 1px solid #dbdbdb; background: #fff;}
.caseList li p.pro{width: 100%; height: 240px; overflow: hidden;}
.caseList li img{width: 100%; height: 100%;}
.caseList li p.name{position: relative;}
.caseList li p.name a{font-size: 16px; font-weight: 500; color: #000; display: block; padding: 12px 10px; line-height: 24px; text-align: center;}
.caseList li:hover p.name a{color: #c53b2e;}

.caseBox .caseDiv{margin-top: 16px;}
.leaveBtn{padding: 10px 0 36px;}
.leaveBtn .btn{width: 232px; height: 60px; background: #c30606; color: #fff; text-align: center; line-height: 60px; display: block; margin: 0 auto; font-size: 20px; border-radius: 8px;}
.leaveBtn .btn:hover{background: #d81313;}

/* newsList */
.newsList{background: #fff; border: 1px solid #dbdbdb; padding: 12px 30px 14px;}
.newsList li{border-bottom: 1px dashed #b2b2b2; padding: 16px 0; line-height: 28px; background: url(../images/icon2.png) no-repeat left 20px; overflow: hidden;}
.newsList li .title{cursor: pointer; padding: 0 0 0 32px; color:#333333;}
.newsList li .date{float: right;}
.newsList li:hover .title, .newsList li:hover .date{color: #cb1010;}

/* page */
.pageBox{width: 100%; margin: 0 auto; overflow: hidden;}
.pages{overflow: hidden; padding: 20px 0 30px; text-align: center; height: 50px;}
.pages a.pageNum{display: inline-block; height: 50px; line-height: 50px; width:50px; background: #fff; font-size: 16px; color: #000; margin: 0 16px; border-radius: 50%;}
.pages a.active, .pages .pageNum:hover{background: #c53b2e; color: #fff;}
.pages .prevBtn,.pages .nextBtn{font-weight: bold; color: #333; background: none; font-size: 16px; margin-right: 30px;}
.pages .nextBtn{margin: 0 0 0 30px;}

/* bottom */
.bottom{background:#292929 center bottom; padding-bottom:16px;}
.linkDiv{border-bottom: 1px solid #4f4f4f; padding: 20px 0; line-height: 26px;}
.linkDiv .label{font-size: 20px; color: #fff;}
.linkDiv a{color: #fff; margin: 0 15px;}
.linkDiv a:hover{color: #c53b2e;}

.subNav{overflow: hidden; padding: 30px 0 0; height: auto; float: left;}
.subNav .subItem{float: left; width: 170px; padding: 0 30px 0 0; height: 240px;}
.subItem p{color: #fff; font-size: 13px;}
.subItem .title{font-size: 20px; height: 45px; line-height: 30px;}
.subItem .row{height: 30px; line-height: 30px;}
.subItem .row a{font-size: 14px; color: #acacac;}
.subItem .row a:hover{color: #c53b2e;}

.subImg{float: right; padding: 34px 0 0 20px;}
.subImg p{display: inline-block; width: auto; overflow: hidden; text-align: center; padding-top: 6px;}
.subImg p img{display: block; margin: 0 auto; width: 142px; height: 194px;}
.subImg p span{display: block; line-height: 32px; font-size: 16px; color: #fff; text-align: center; padding-top: 4px;}

.footB{overflow: hidden; padding: 20px 0 12px; width: 100%;}
.footB span.fl{color: #fff; font-size: 15px; line-height: 32px; padding-top: 16px;}
.footB .fr img{height: 53px; display: block;}

.formFixed{background: url(../images/bg_bottom.jpg) no-repeat center bottom; height: 66px; position: fixed; left: 0; right: 0; bottom: 0; border-top: 1px solid #4f4f4f; z-index: 20;}
.formFixed .inputDiv{width: calc(100% - 186px);}
.formFixed .label{font-size: 26px; font-weight: bold; color: #ffdb15; line-height: 38px; margin: 14px 18px 0 0; letter-spacing: 2px;}
.formFixed .inputRow{height: 36px; border: 1px solid #444; margin: 14px 0 0 22px; width: 172px; padding: 0 10px 0 58px; position: relative;}
.formFixed .inputRow:before{position: absolute; left: 44px; top: 8px; width: 1px; height: 20px; background: #fff; content: "";}
.formFixed .uname{background: url(../images/icon4.png) no-repeat 12px center;}
.formFixed .uphone{background: url(../images/icon3.png) no-repeat 12px center;}
.formFixed .inputRow .inputTxt{background: none; line-height: 36px; height: 36px; border: none; color: #fff;}
.formFixed .subBtn{background: #e61c10; border: none; color: #fff; font-size: 16px; line-height: 40px; height: 40px; margin-top: 13px; width: 176px; cursor: pointer;}

/* about us */
.box{background: #fff; box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.2); padding: 30px; border-radius: 10px; margin: 10px 0 24px; position: relative;}
.box img{display: block; max-width:100%; border-radius:5px;}
.box:last-child{margin: 35px 0;}
.bLeft{width: 440px;}
.bRight{width: 1140px;}
.bRight img{display: block; width: 100%; border-radius: 20px;}
.bLeft img{display: block;  border-radius: 20px;}
.bLeft .title, .bRight .title{font-size: 36px; font-weight: bold; margin-bottom: 20px;}

.box .con, .aboutBox .con{padding-bottom: 60px;}
.box .con *, .aboutBox .con *{line-height: 32px !important; font-size: 16px !important; background: none !important; padding: 0 !important;}
.bRight .con p:first-child, .aboutBox .bRight .con p:first-child{margin-bottom: 5px;}
.box .aboutBtn{background: #c30606; height: 45px; line-height: 45px; text-align: center; display: inline-block; padding: 0 30px 0 38px; letter-spacing: 8px; font-size: 18px; color: #fff; border-radius: 8px; position: absolute; left: 30px; bottom: 35px;}
.box .bRight .con, .aboutBox .bRight .con{padding-bottom: 32px;}
.numDiv{margin-top: 15px;}
.numDiv ul li{float: left; width: 33.33%;}
.numDiv img.icon{width: auto; height: 30px; border-radius: 0;}
.numDiv p{ width: 150px;}
.numDiv p.name{height: 38px; line-height: 38px; border-bottom: 1px solid #333; margin-top: 5px; font-size: 16px;}
.numDiv p.num{padding-top: 10px; font-size: 36px; color: #d51515; font-weight: bold;}
.numDiv p.num span.fr{font-size: 15px; font-weight: normal; margin-top: 18px; color: #333;}

/* index - about */
.aboutBox{background: url(../images/bg_about.jpg) no-repeat center center; height: 662px;}
.aboutBox .bRight{background: rgba(255,255,255,0.8); border-radius: 10px; padding: 40px 30px; margin-top: 96px;}
.aboutBox .bLeft{margin-top: 258px;}
.aboutBox .bLeft img{border-radius: 0; width: 344px;}
.aboutBox .aboutBtn{height: 45px; line-height: 45px; text-align: center; display: inline-block; padding: 0 30px 0 38px; letter-spacing: 8px; font-size: 18px; color: #fff; border-radius: 8px; margin: 30px 0 0 100px; border: 1px solid #fff;}

/* index - flow */
.flowDiv{background: url(../images/bg_item.jpg) no-repeat 0 0; height: auto; border-radius: 20px 20px 20px 20px; margin-top: 16px; padding: 24px 26px;}
.flow{background: #fff; border-radius: 10px; overflow: hidden; padding: 30px 30px 30px 38px;}
.flow .label p.en{border-bottom: 1px solid #9b9b9b; padding: 0 24px 6px 0; font-weight: 500; font-size: 16px;}
.flow .label p.name{font-size: 32px; font-weight: bold;}
.flow ul li{float: left; padding-right: 33px; background: url(../images/icon8.png) no-repeat right center; margin-right: 20px;}
.flow ul li:last-child{padding-right: 0; margin-right: 0; background: none;}
.flow ul li a{cursor: pointer; display: block; padding: 0 9px;}
.flow ul li .icon{height: 40px; width: 40px; border-radius: 50%; border: 1px solid #9b9b9b; display: block; margin: 0 auto;}
.flow ul li .icon1{background: url(../images/f_1.png) no-repeat center;}
.flow ul li .icon2{background: url(../images/f_2.png) no-repeat center;}
.flow ul li .icon3{background: url(../images/f_3.png) no-repeat center;}
.flow ul li .icon4{background: url(../images/f_4.png) no-repeat center;}
.flow ul li .icon5{background: url(../images/f_5.png) no-repeat center;}
.flow ul li .icon6{background: url(../images/f_6.png) no-repeat center;}
.flow ul li .icon7{background: url(../images/f_7.png) no-repeat center;}
.flow ul li p{font-size: 16px; padding-top: 15px; text-align: center;}
.flow ul li a:hover .icon1{background: url(../images/f_1_1.png) no-repeat center;}
.flow ul li a:hover .icon2{background: url(../images/f_2_1.png) no-repeat center;}
.flow ul li a:hover .icon3{background: url(../images/f_3_1.png) no-repeat center;}
.flow ul li a:hover .icon4{background: url(../images/f_4_1.png) no-repeat center;}
.flow ul li a:hover .icon5{background: url(../images/f_5_1.png) no-repeat center;}
.flow ul li a:hover .icon6{background: url(../images/f_6_1.png) no-repeat center;}
.flow ul li a:hover .icon7{background: url(../images/f_7_1.png) no-repeat center;}
.flow ul li a:hover .icon{border-color: #c30606;}
.flow ul li a:hover p{color: #c30606;}

/* index - info */
.infoBox{background: url(../images/bg_slide.jpg) no-repeat center 0; height: 800px; margin: 30px 0 0; position: relative;}
.infoL{ margin-top: 91px;}
.infoL p{color: #fff;}
.infoL .th{padding: 0 0 14px;}
.infoL .th .title{color: #fff;}
.infoL .th .title:before{background: #fff; width: 80px;}
.infoL .pic{padding: 40px 0 28px;}
.infoL .pic img{display: block; height: 108px;}
.infoL .tel{line-height: 68px; border: 1px solid #da0000; width: 390px; color: #da0000; font-size: 28px; font-weight: bold; text-align: center; letter-spacing: 2px;}
.infoL .tel .label{padding-left: 60px; background: url(../images/tel1.png) no-repeat 20px center #da0000; font-size: 21px; display: block; width: 70px; color: #fff; font-weight: normal;}
.infoL .keyword{font-size: 36px; font-weight: bold; margin-top: 40px;}
.infoL .keyword span{padding-right: 17px; background: url(../images/icon13.jpg) no-repeat right center; margin-right: 10px;}
.infoL .keyword span:last-child{background: none; padding-right: 0; margin-right: 0;}
.infoL .linkA a{display: block; width: 180px; text-align: center; line-height: 60px; color: #fff; font-size: 25px; padding: 0 30px; border: 1px solid #fff; border-radius: 6px; margin-top: 60px;}

.infoR{position: relative; margin-top: 91px;}
.infoSwipter{width: 480px; height: 602px; border-bottom: 6px solid #da0000;}
.infoSwipter .li{width: 100%; height: 100%; position: relative;}
.infoSwipter .li a{display: block; cursor: pointer;}
.infoSwipter .li .videoIcon{position: absolute; width: 140px; height: 140px; left: 50%; top: 50%; margin: -70px 0 0 -70px;}
.infoSwipter .li .pic img{display: block; width: 100%; height: 100%;}
.infoSwipter .li .name{position: absolute; bottom: 0; left: 0; right: 0; background: url(../images/bg_blank.png) repeat 0 0; height: 65px; line-height: 65px; text-align: center; font-size: 20px; color: #fff;}
.infoSwipter .swiper-button-prev, .infoSwipter .swiper-button-next{width: 56px; height: 85px; margin-top: -42px;}
.infoSwipter .swiper-button-prev{background: url(../images/prev.png) no-repeat center #000; left: 0;}
.infoSwipter .swiper-button-next{background: url(../images/next.png) no-repeat center #000; right: 0;}

.videoBg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; background: rgba(0,0,0, 0.4); display: none;}
#video{width: 480px; height: 602px; position: absolute !important; left: 0; top: 0; background: #000; z-index: 999; display: none;}
#closeVideo{width: 32px; height: 32px; position: absolute; left: 50%; margin-left: -16px; bottom: -32px; background: url(../images/icon10.png) no-repeat 0 0 /100% 100%; cursor: pointer; display: none; z-index: 100;}

/* index - form */
.formBg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background: rgba(0,0,0, 0.5); display: none;}
.formBox{position: fixed; width: 500px; height: 340px; left: 50%; top: 50%; margin: -200px 0 0 -250px; z-index: 10; display: none;}
.formBox form{height: 290px; background: #fff; border-radius: 8px; padding: 20px 30px;}
.formBox .iconClose{margin: 10px auto 0; height: 40px; cursor: pointer; display: block;}
.formBox .label{font-size: 20px; font-weight: bold; color: #c30606; line-height: 38px; display: block; text-align: center; margin-bottom: 20px;}
.formBox .inputRow{height: 36px; padding: 0 10px 0 58px; position: relative; margin-bottom: 20px;}
.formBox .inputRow span{position: absolute; left: 10px; display: block; line-height: 36px; top: 0; color: #999;}
.formBox .inputRow .inputTxt{background: #f0f0f0; padding: 0 10px; line-height: 36px; height: 36px; border: none; color: #fff; width: 340px;}
.formBox .subBtn{background: #e61c10; border: none; color: #fff; font-size: 16px; line-height: 40px; height: 40px; margin: 30px auto 0; width: 176px; cursor: pointer; display: block; border-radius: 8px;}