@charset "utf-8";
.owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(../images/ajaxloader.gif) no-repeat center center}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)}
100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}}

@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1573260486902'); /* IE9 */
  src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/77371e715c5b4a09ab9034aeb65c4cb0.woff') format('woff2'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon:before {
  content: "\e600";
}

.icon-youxiang:before {
  content: "\e655";
}

.icon-yonghu:before {
  content: "\e741";
}

.icon-jiantou1-copy:before {
  content: "\e7a5";
}

.icon-tel:before {
  content: "\e6e8";
}

.icon-date:before {
  content: "\e626";
}

.icon-address:before {
  content: "\e7b9";
}

.icon-home:before {
  content: "\e605";
}

.icon-chuanzhen:before {
  content: "\e619";
}

.icon-qukuailian:before {
  content: "\e632";
}

.icon-icon-test:before {
  content: "\e608";
}

.icon-baozhuang2:before {
  content: "\e601";
}

.icon-hulianwangAPPpianhaozhishu:before {
  content: "\e620";
}

.icon-search:before {
  content: "\e602";
}

.icon-gonggao:before {
  content: "\e71f";
}

.iconfont:before{ display: block; margin:0 auto; }

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:Arial, Helvetica, sans-serif; font-size: 14px; overflow-x: hidden; color: #333; font-family:"微软雅黑" }
html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;}
input,select,textarea{ border:none; margin: 0; padding: 0; outline: none; font-size: 14px; font-family:"微软雅黑"}
button{font-family: "微软雅黑"; font-size: 14px;}
img{border: 0 none;vertical-align: middle;}
a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;}
a:hover{cursor: pointer;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style: none outside none;}

.backToTop{width:46px; height:46px; right:10px; bottom:50px; background:#bb1019 url(../images/icon_top.png) no-repeat center; z-index: 3; background-size:120%; cursor:pointer; position:fixed; text-indent:9999px; color: #fff; border-radius:2px; transition: all .3s}
.backToTop:hover{opacity: .8;}

header{ height:84px;position: fixed; top: 0; width: 100%; left: 0; z-index: 9;background:#fff; box-shadow:0 2px 2px 2px rgba(0,0,0,0.05);}
.logo{ position: fixed; left:30px; background: #fff; top:0; margin:17px 0 }
.logo a{display: block; }
.logo img{display: block;}
#nav{text-align: center; }
nav li{ display: inline-block; position: relative;}
nav li>a{ display: block; padding:0 35px; font-size: 16px; overflow: hidden; line-height:84px; transition:0.5s; position: relative; }
nav li>a i{ content: ""; position: absolute; right:10px; bottom: 32px;  width: 20px; height: 20px; background: url(../images/right_g.png) no-repeat center; background-size: 15px; transform: rotate(90deg); vertical-align: middle;}
nav li.on>a,nav li:hover>a{ color: #bb1019;}

nav dl{ position: absolute; background: #bb1019; text-align: left; display: block; top:84px; opacity: 0; transition: opacity 1s ease; left: 9999px; z-index: 999; min-width: 200px; }
nav dl dd{border-bottom: 1px solid rgba(255,255,255,.1);}
nav dl dd:last-child{border:0;}
nav dl a{ color: #fff; display: block; font-size: 16px; padding: 17px 30px; white-space: nowrap;}
nav dl a:hover{ background:rgba(255,255,255,.1);}
nav li:hover dl{ opacity: 1; left: 0;}
nav li:hover .menu{opacity: 1; left: 50%; margin-left: -720px;}

.searchbox{position: absolute; right: 0; top:0; z-index: 2;}
.searchbox form{ background:#bb1019; height:84px; overflow: hidden; }
.searchbox form i{ font-size: 24px;color: #fff }
.searchbox input{ width: 0; line-height:38px; background:none; margin-top: 23px; color: #fff; float: left; transition: all .3s;}
.searchbox button{font-size:25px; width:60px; background:#bb1019; line-height:84px; font-weight: 100; text-align: center; border:0; }
.searchbox input::-webkit-input-placeholder { color: #fff;}
.searchbox input:-moz-placeholder {  color: #fff;}
.searchbox:hover input{width: 190px; padding-left: 25px;}
.searchbox:hover form{background:#bb1019;}
.searchbox:hover button{background:#bb1019;}

.languagebox{ position: absolute; right: 100px; top: 28px; width: 107px; line-height:40px; display: block; vertical-align: middle;}
.languagebox ul{ padding-right:15px; width: 107px; height:30px; display: inline-block; vertical-align: middle; overflow: hidden; transition: all .3s; background:#fff url(../images/selectbg.png) no-repeat 92% 12px; border-radius:2px; position: absolute; left: 0; top:0;}
.languagebox ul li{padding:0px 15px; line-height: 30px;}
.languagebox a{ line-height: 30px; color: #666;}
.languagebox:hover ul{height:auto;}
 
#nav .nav-button{width: 35px; height: 35px; border-radius: 3px; background: #333; color: #fff; position: absolute; right: 10px; top: 19px; line-height: 35px;text-align: center; font-size: 20px; display: none;}
#nav .nav-button i{font-size: 22px;}
.close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;}
.nav-open{transform: translateX(0);}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
.position{position: fixed;left: 0;right: 0;background: #fff; top: 0; z-index: 99; box-shadow: 0 1px 5px 1px rgba(0,0,0,.07)}

.footer{overflow: hidden; color: #666; font-size: 15px; background: #f2f2f2;}
.footer .warper{ overflow: hidden; padding:45px 0;}
.footer h4{font-size: 20px; font-weight: 100; margin-bottom: 30px; margin-top: 15px; color: #333}
.footer a{color: #666}
.footer .item{ float: left; width: 12%; margin-left: 5%;}
.footer .item1,.footer .item4{width: 31%;}
.footer .item1{margin-left: 0; background: url(../images/5666645.jpg) no-repeat left 70px; width: 30%;}
.footer .item1 a img{height: 47px;}
.footer .item1 a {display: inline-block; margin-bottom:23px;}
.footer .item1 p{margin-left: 35px; padding-left: 15px; line-height: 28px; background: url(../images/arrow_p.jpg) no-repeat 0 8px; }
.footer dd,.footer .item li{line-height: 24px; margin-bottom: 4px;}
.footer dd i{display: inline-block; font-size:28px; color: #a9a9a9; margin-top: -5px; vertical-align: middle; margin-left: -10px;}
.footer dd:last-child,.footer li:last-child{margin-bottom: 0}
.footer dd:hover i,.footer li:hover{color: #bb1019}
.footer li{ position: relative; padding-left: 30px; }
.footer li h6{position: absolute; left:0; top: 0; color: #ccc; font-weight: 100; font-size: 18px; }
.copyright{ padding:20px 15px; font-size: 14px; border-top: 1px solid #ddd; margin: 0 auto; text-align: center; line-height: 24px; color: #999; overflow: hidden;}
.copyright a{color: #999;}
.footer a:hover{ color: #bb1019 }

#banner{position: relative;}
#banner img{ width: 100%; display: block; }
.video-box{position: relative;}
.video-box video{display: inline-block;vertical-align: baseline;width:100%;}
.video-box .video-img{position: absolute;top: 0;bottom: 0;width: 100%;background: url(../images/cover.jpg) no-repeat;background-size: 100% 100%;cursor:pointer}

/*版块标题*/
body{padding-top:84px;}
.warper{max-width:1100px; margin:0 auto;}
.container{width: 100%; padding:0; margin:0;}
.row{overflow: hidden;}
.conbox{padding:50px 0;}
.hometit{margin-bottom:25px; position: relative;}
.hometit h2{font-size:26px; font-weight: 100; display: inline-block; }
.hometit h2 a:hover{color: #bb1019}
.hometit p{ display: inline-block; font-size: 16px; color: #666; margin-left: 15px;}

.aboutbox{overflow: hidden;}
.aboutbox .lcon{width: 40%; float: left}
.aboutbox .rcon{width: 52%; float: right;}
.aboutbox .fon{font-size: 15px; line-height: 28px; margin-bottom:25px;}
.aboutbox .lcon a{color: #bb1019; display: inline-block;}
.aboutbox .lcon a i{ display: inline-block; vertical-align: top; margin-left:10px;}
.aboutbox .lcon a:hover{color: #99131a}
.aboutbox li{ width: 33.333%; float: left; position: relative; background: #000}
.aboutbox li h3{position: absolute; left: 25px; transition: all .3s; top: 25px; color: #fff; font-size: 22px; width: 30px; overflow: hidden;}
.aboutbox li img{display: block; width: 100%;}
.aboutbox li:hover h3{color: #bb1019; top: 30px;}
.yewubox{margin-bottom:80px; overflow: hidden; position: relative; display: none;}
.yewubox .hometit{position: absolute; left: 50%; top: 50%; margin-bottom: 0; width: 104px; height: 36px; line-height: 36px; margin-left: -52px; margin-top: -18px;}
.yewubox .hometit:after{width: 200px; height: 200px; content: ""; position: absolute; left: 0; top: 0; margin-left: -50px; margin-top: -85px; transform: rotate(45deg); border:2px solid #bb1019;}
.yewubox li{padding:40px; height: 211px; width: 522px; float: left; position: relative; margin-bottom: 50px;}
.yewubox li:after{content: "" ;width: 522px; height: 211px; background: url(../images/kuai.jpg) no-repeat; position: absolute; left: 0; top: 0;z-index: -1;}
.yewubox li h4{font-size: 18px; font-weight: 100; color: #000; margin-bottom: 20px; transition: all .3s;}
.yewubox li p{ width: 200px; color: #666; line-height: 25px; transition: all .3s;}
.yewubox li:nth-child(even){float: right; text-align: right;}
.yewubox li:nth-child(even) p{float: right;}
.yewubox li:nth-child(2):after{transform: rotateY(180deg); background: url(../images/kuai_line.jpg) no-repeat;}
.yewubox li:nth-child(3):after{transform: rotateX(180deg); background: url(../images/kuai_line.jpg) no-repeat;}
.yewubox li:nth-child(4):after{transform: rotate(180deg); background: url(../images/kuai_red.jpg) no-repeat;}
.yewubox li:nth-child(3),.yewubox li:nth-child(4){margin-bottom: 0}
.yewubox li:nth-child(1){background: url(../images/index_chinese_14.jpg) no-repeat 76% 70px; }
.yewubox li:nth-child(2){background: url(../images/yewutu.png) no-repeat 15% 70px; }
.yewubox li:nth-child(3){background: url(../images/index_chinese_19.jpg) no-repeat 76% 45px; }
.yewubox li:nth-child(4){background: url(../images/d45sfsd.png) no-repeat 15% 90px; }
.yewubox li:nth-child(4) h4,.yewubox li:nth-child(4) p{color: #fff}
/*二级页公用*/
.main{padding:60px 0 80px 0;overflow: hidden;}

.sub_banner{ width: 100%; overflow: hidden;position: relative; }
.sub_banner img{display: block;width: 100%;}
.positionline{font-size: 15px; color: #666}
.positionline a{color: #666}
.positionline .warper{position: relative; padding:15px 0 17px 40px; border-bottom: 1px solid #ddd;}
.positionline a.iconfont{position: absolute; left: 0; top: 0; color: #bb1019; line-height: 50px; font-size:30px;}
.positionline a:hover{color: #bb1019}
.positionline a.iconfont:hover{color: #bb1019;}

.digg4{ text-align:center; font-size: 18px; line-height: 40px; padding:20px 0;}
.digg4 a,.digg4 span.miy,.digg4 span.disabled,.digg4 span.current{width:55px; display: inline-block; vertical-align: middle; border:1px solid #ccc; height:55px; line-height: 55px; color:#888; border-radius: 50%; text-decoration:none; margin:0 5px; font-family: Arial}
.digg4 span.current { color:#bb1019; background:#fff; border-color: #bb1019; font-weight: 600;}
.digg4 span.disabled { font-size: 30px; line-height:50px; background:#bb1019; color: #fff; border-color: #bb1019}

/*详情*/
.infocon{color: #666; }
.infocon h1{font-size:24px; font-weight: inherit; text-align: center; color: #222; line-height: 36px;}
.infocon img{ display: inline-block; max-width: 100%; }
.infocon .time{ text-align: center; margin:20px 0; color: #999}
.infocon .time i{display: inline-block; font-size: 22px; vertical-align: middle; margin-top: -5px; margin-right: 10px;}
.infocon .other{border-bottom: 1px solid #ddd; padding:0 0 15px 0; color: #bb1019; margin:50px 0 0 0; line-height: 26px;}
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #bb1019 }
.infocon .other div{margin:5px 0;}
.infocon p{line-height:28px; margin: 15px 0;}

/*list*/
.newsmain{overflow: hidden;}
.newsmain .lcon{width: 46%; float: left;}
.newsmain .rcon{width: 46%; float: right;}
.newsmain a.more{display: block; width: 220px; border-radius: 35px; background: #bb1019; color: #fff; text-align: center; padding: 16px 0; font-size: 15px; margin: 0 auto}
.newsmain .lis_news li{width: 100%; float: none;overflow: hidden;}
.newsmain .lis_news li:nth-child(even){margin-left: 0}

.lis_news{ background:none;overflow: hidden;}
.lis_news li{width: 100%; margin-bottom:40px; width: 46%; float: left; transition: all .3s;}
.lis_news li:nth-child(even){margin-left: 8%;}
.lis_news .time{ color: #bb1019}
.lis_news .time i{display: inline-block; vertical-align: middle; font-size: 22px; margin-top: -5px; margin-right: 6px;}
.lis_news .pic{width: 200px; float: left; overflow: hidden;}
.lis_news .pic img,.lis_service li img{display: block; width: 100%; transition: all .3s;}
.lis_news .con{margin-left: 200px; padding-left: 22px; padding-top: 6px; }
.lis_news p{line-height: 23px; height:44px; overflow:hidden; margin-top:10px; color: #666}
.lis_news h3{font-size: 16px; line-height: 26px; margin-top: 5px;max-height: 52px;overflow: hidden;}
.lis_news li:hover h3{color: #bb1019}
.lis_news li:hover img{transform: scale(1.1);}

.lis_service{overflow: hidden;}
.lis_service li{float: left; width: 30%; text-align: center;}
.lis_service li:nth-child(2){margin: 0 5%;}
.lis_service h3{font-size: 20px; margin-top: 12px; transition: all .3s;}
.lis_service li .pic{overflow: hidden;}
.lis_service li:hover h3{color: #bb1019}
.lis_service li:hover img{transform: scale(1.1);}

.servicemain{overflow: hidden; font-size: 16px; position: relative;}
.servicemain h2{display: none;}
.servicemain .lcon{ float: left; padding: 150px 0; position: relative;}
.servicemain .rcon{width: 30%; float: right; padding-top: 150px;}
.servicemain p{line-height: 26px; margin: 15px 0; font-size: 15px;}
.servicemain .lcon li{position:absolute; width: 136px; padding: 40px; font-weight: 600; color: #bb1019; display: flex; align-items: center; justify-content: center; text-align: center; z-index: 2;}
.servicemain .lcon li:after{content: ""; position: absolute; left: 0; top: 0; width: 136px; height: 150px; background: url(../images/baozhuang_bg.png) no-repeat center; z-index: -1;}
.servicemain .lcon li b{position: relative; z-index: 2;}
.servicemain .lcon li.item1{ right:130px; top: 0px; height: 134px; }
.servicemain .lcon li.item2{ right:-25px; top:95px; height: 135px; width: 142px; }
.servicemain .lcon li.item2:after{ transform: rotate(30deg); z-index: 0;}
.servicemain .lcon li.item3{ right:-90px; top:250px; height: 140px; width: 135px; padding-left: 50px;}
.servicemain .lcon li.item3:after{ transform: rotate(65deg); z-index: 0;}
.servicemain .lcon li.item4{ right:-90px; top:420px; height: 149px; width: 149px; padding-left: 43px;}
.servicemain .lcon li.item4:after{ transform: rotate(95deg); z-index: 0;}
.servicemain .lcon li.item5{ right:-20px; top:570px; height: 149px; width: 149px; padding-left: 43px;}
.servicemain .lcon li.item5:after{ transform: rotate(120deg); z-index: 0;}
.servicemain .lcon li.item6{ right:125px; top:650px; height: 169px; width: 145px; padding-left: 43px;}
.servicemain .lcon li.item6:after{ transform: rotate(148deg); z-index: 0;}
.servicemain .rcon ul{margin-top: 30px;}
.servicemain .rcon ul b{ display: inline-block; padding: 6px 0; color: #fff; background: #bb1019; font-weight: 100; font-size: 15px; text-align: center; width: 137px; float: left;}
.servicemain .rcon ul li{padding-bottom:40px; overflow: hidden; position: relative;}
.servicemain .rcon ul li:after{bottom:15px; width: 16px; height: 8px; content: ""; position: absolute; right:58px; background: url(../images/fdvb2d.png) no-repeat center; transform: rotate(90deg);}
.servicemain .rcon ul li:nth-child(odd){ background: url(../images/fdvb2d.png) no-repeat center 13px;}
.servicemain .rcon ul li:nth-child(even){ background: url(../images/fgv.png) no-repeat center 13px;}
.servicemain .rcon ul li:nth-child(even):after{ right: auto; left: 58px; }
.servicemain .rcon ul li:nth-child(odd) b:nth-child(2){float: right;}
.servicemain .rcon ul li:nth-child(even) b:nth-child(1){float: right;}
.servicemain .rcon ul li:last-child,.servicemain .rcon ul li:last-child:after{background: none}
.servicemain02{background: url(../images/service02bg.jpg) no-repeat left 100px; padding-left:350px; }
.servicemain03{background: url(../images/service03bg.jpg) no-repeat left 100px; padding-left:350px; }
.servicemain02 li{border-radius:100px; background: #3e4e5d ; min-height: 170px; position: relative; color: #fff; margin-bottom: 100px; padding: 25px 30px;transition: all .3s}
.servicemain02 li:nth-child(2){background: #8b97a5; margin-left: 130px;}
.servicemain02 li:after{content: ""; width: 28px; height: 29px; transition: all .3s; background: url(../images/lan.png) no-repeat center; position: absolute; left: 0; top: 0}
.servicemain02 li:before{content: ""; width: 43px; height: 43px; transition: all .3s; background: url(../images/lan_yuan.png) no-repeat center; position: absolute; }
.servicemain02 li.item1:after{top: auto; bottom: -12px; transform: rotate(-50deg); left:32px;}
.servicemain02 li.item1:before{left:0px;bottom: -50px;}
.servicemain02 li.item2:before{left:-75px;top:65px; background-image: url(../images/qianlan_yuan.png);}
.servicemain02 li.item3:before{left:-2px;top:-50px;}
.servicemain02 li.item2:after{top:70px; transform: rotate(0deg); left:-23px; background-image: url(../images/qianlan.png);}
.servicemain02 li.item3:after{top:-8px; transform: rotate(-60deg); left:35px;}
.servicemain02 li b{font-size: 15px; margin-bottom: 10px; display: block;}
.servicemain02 li p{font-size: 12px; line-height: 22px; margin: 0}
.servicemain02 li .pic{width: 120px; height: 120px; border:1px solid #bbb; box-shadow: 0px 2px 205px 2px rgba(0,0,0,.2); border-radius: 50%; overflow: hidden; float: left; margin-right:20px;}
.servicemain02 li .pic img{display: block; width: 100%;}
.servicemain02 li:hover{background:#bb1019;}
.servicemain02 li:hover:after{background-image: url(../images/red.png);}
.servicemain02 li:hover:before{background-image: url(../images/red_yuan.png);}
.servicemain03 li b{margin-top: 38px;}
/*联系我们*/
.map{overflow: hidden; margin: 50px 0}
.map img{ width: 100%;}

.edit-box{ font-size: 16px; overflow: hidden; position: relative; }
.edit-box .wechat{position: absolute; right: 0; top: 0; text-align: center;}
.edit-box .wechat img{display: block; margin-bottom: 5px;}
.edit-box h2,.contact_form h2{font-size:18px; margin-bottom:15px; line-height:30px;}
.edit-box>h2{margin-top: 15px}
.edit-box ul{overflow: hidden; padding-right: 110px; margin-bottom: 50px;}
.edit-box .row div{display: block; width: 48.5%; font-size: 15px; float: left; background: #f5f5f5; border:1px solid #eee; padding: 40px 22px;}
.edit-box .row div:nth-child(2){margin-left: 3%;}
.edit-box .row div:hover{color: #bb1019}
.edit-box li{ line-height: 26px; display: inline-block; margin-right: 30px; position: relative; color: #666;}
.edit-box label{display: block; font-size: 15px; color: #666; margin-bottom:3px;}
.edit-box a{color: #666; font-size: 22px; font-weight: 600; color: #bb1019}
.edit-box li:hover a,.edit-box li:hover label,.edit-box li:hover{color: #e63931}

.contact_form{ overflow: hidden; padding-top: 10px;}
.contact_form p{color: #666; margin-bottom: 20px; font-size: 15px; line-height: 25px;}
.contact_form li{position: relative; overflow: hidden; margin-bottom:10px; padding-left: 60px; transition: all .3s; border:1px solid #ccc; width: 49.5%; float: left;}
.contact_form li font{position: absolute; left:10px; top:13px; color: #333; font-size: 15px;}
.contact_form li:last-child{width: 100%; padding-left: 0}
.contact_form li:nth-child(even){margin-left:1%;}
.contact_form li:hover{border-color: #bb1019}
.contact_form input,.contact_form textarea{ width: 100%; color: #333; background:#fff; resize: none; line-height: 26px; padding:10px 15px;}
.contact_form textarea{height: 125px;}
.contact_form input::-webkit-input-placeholder,.contact_form textarea::-webkit-input-placeholder { color: #aaa;}
.contact_form input:-moz-placeholder,.contact_form textarea:-moz-placeholder { color: #aaa;}
.contact_form button{ border: none; font-size:16px; background:#c0c0c0; transition: all .3s; border-radius:5px; color: #fff; text-transform: uppercase; height: 56px; width: 230px; cursor: pointer; margin-right: 20px; margin-top: 15px;}
.contact_form button.tj{background: #bb1019}
.cath {border: 1px solid #ccc;}
button:hover{opacity: .8}

.toumain{overflow: hidden;}
.toumain h1{font-size: 20px; margin-bottom: 25px;}
.toumain h1 font{font-size: 32px; color: #bb1019}
.toumain .lcon{width: 65%; float: left;}
.toumain .lcon img{width: 100%;}
.toumain .rcon{width: 30%; float: right; margin-left: 5%;}
.toumain .rcon a.adv{background: #bb1019; color: #fff; border-radius: 5px; display: block; padding: 12px; font-size: 18px; font-weight: 600; padding-left: 20px;}
.toumain .rcon a.adv i{display: inline-block; vertical-align: middle; font-size: 24px; margin-right: 18px; margin-top: -2px;}
.toumain .rcon a.adv:hover{background: #99131a}
.toumain .rcon li{margin-top:20px; font-size: 15px; line-height: 26px;}
.toumain .rcon li label{display: block; color: #666}
.toumain .rcon li a{color: #bb1019; font-size: 18px; font-weight: 600}
.toumain .rcon li a:hover{text-decoration: underline;}
/*about*/
.about_main{ margin-left: 160px; }
.about_main img{max-width: 100%;}
.about_nav{position: relative; width: 160px; float: left;}
.about_nav a{text-transform: uppercase; color: #666; display: inline-block; font-size:16px; margin-bottom:5px;}
.about_nav a i{display: inline-block; vertical-align: middle; font-size: 32px;margin-top: -6px; margin-left: -10px;}
.about_nav a:hover,.about_nav a.on{color: #bb1019}
.about_nav h2,.about_main h1{font-size: 20px;}
.about_nav h2{margin-bottom: 20px;}
.about_main h1{margin-bottom: 20px;}
.about_main p{font-size: 15px; line-height: 27px; margin:20px 0}
.about_main .img{overflow: hidden;}
.about_main .img div{width: 49%; float: left; margin-bottom: 30px; overflow: hidden;}
.about_main .img div img,.honor_lis li img{display: block; width: 100%; transition: all 1s;}
.about_main .img div:nth-child(even){margin-left: 2%;}
.about_main .img div:hover img{transform: scale(1.1);}

.honor_lis{overflow: hidden;}
.honor_lis li{float: left; margin: 0 1%; text-align: center; overflow: hidden; margin-bottom: 25px;}
.honor_lis li h4{font-size: 14px; margin-top: 10px; height: 44px; overflow: hidden; font-weight: 100; line-height: 23px; }
.honor_lis li .pic{overflow: hidden;}
.honor_lis li:hover img{transform: scale(1.05);}
.honor_lis3img li{width: 31.333%}
.honor_lis4img li{width: 23%}


.historymain{background: url(../images/historybg.jpg) no-repeat center; background-size: cover; overflow: hidden; padding:40px 0}
.historymain h1{text-align: center;}
.historymain ul{overflow: hidden; position: relative; margin:30px 25px}
.historymain li:before{content: ""; width:2px; height: 100%; background:#ddd; position: absolute; right:0; margin-right: -1px; top: 0}
.historymain li{width: 50%; position: relative; padding-right: 50px; padding-bottom: 8px;}
.historymain li:after{content: ""; width: 16px; height: 16px; background:#bb1019; border-radius: 50%; position: absolute; right:-8px; top:5px; z-index: 2;}
.historymain li:nth-child(even){text-align: right;}
.historymain li:nth-child(odd){margin-left: 50%; padding-right: 0; padding-left: 50px;}
.historymain li:nth-child(odd):after{right: auto; left: -8px;}
.historymain li:nth-child(odd):before{right: auto; left: 0; margin-right: 0; margin-left: -1px; }
.historymain li h4{font-size: 20px; color: #bb1019}
.historymain li p{margin: 0}
.historymain li:nth-child(1){height: 60px;}
.historymain li:nth-child(1):after{top:0;background: #ccc; }
.historymain li:last-child:after{top:auto;bottom:0;background: #ccc;}
/*.historymain li:hover h4{ color: #99131a }*/
.historymain li:hover p{color: #bb1019}

@media screen and (max-width: 1360px){
  nav li>a{padding: 0 25px;}
  nav li>a i{right: 0} 
}

@media screen and (max-width: 1199px){
  .backToTop{width: 32px; height: 32px; right: 0}  
  .languagebox{right: 70px;}
  .logo{left: 10px;}
  nav li>a{padding: 0 20px;}
  nav li>a i{right: -4px}
  #nav{text-align: left; padding-left: 200px;}
  .yewubox{margin-bottom: 60px;}
  .main{padding: 45px 0 80px 0}
}

@media screen and (max-width: 1100px){
  .warper{padding: 0 10px;}  
  .footer .warper{padding:45px 10px;}
}

@media screen and (max-width: 1099px){
  .yewubox li{width: 100%; float: none; background:; border:1px solid #ddd; margin-bottom: 25px;}
  .yewubox li:after{display: none;}
  .yewubox li:nth-child(even){float: none; text-align: left;}
  .yewubox .hometit{position: initial; margin-left:10px; margin-bottom: 20px; margin-top: auto; left: auto; top: auto}
  .yewubox .hometit:after{display: none;}
  .yewubox li p{width: 60%;}
  .yewubox li:nth-child(3){margin-bottom: 25px;} 
  .yewubox li:nth-child(1){background-position: 96% 70px; background-size: 150px;}
  .yewubox li:nth-child(2){background-position: 5% 90px; background-size: 190px;}
  .yewubox li:nth-child(3){background-position: 96% 70px; background-size: 150px;}
  .yewubox li:nth-child(4){background-position: 5% 85px; background-size: 150px; background-image: url(../images/logo.png);}
  .yewubox li:nth-child(4) h4{color: #222}
  .yewubox li:nth-child(4) p{color: #666}
  .footer .item2{display: none}
  .footer .item{width: 32%;}
  .footer .item3{width: 21%; margin-left: 10%;}
  .conbox{padding: 40px 0}
  .edit-box li{display: block; margin-top: 20px; margin-right: 0 ;width: 100%;}
  .edit-box ul{padding-right: 0}
  .edit-box .row div{width: 100%; float: none; padding: 20px;}
  .edit-box .row div:nth-child(2){margin-left: 0; margin-top: 20px;}
  .edit-box ul{margin-bottom: 20px;}
  .edit-box>h2{margin: 0}
  .edit-box .wechat{position: initial; display: inline-block; margin-bottom: 25px;}
  .map{margin: 35px 0}
  .contact_form{padding-top: 0}
  .newsmain .rcon,.newsmain .lcon{width: 48%;}
  .infocon h1{font-size: 22px; line-height: 32px;}
  .servicemain .rcon{width: 32%;}
  .servicemain02 li:nth-child(2){margin-bottom:80px;}
}


@media screen and (max-width: 1024px){
  .searchbox{display: none;}
	.logo img{height:34px;}
  .logo{ margin: 9px 0 }
	header{height: 52px;}
  body{padding-top: 52px;}
  .head_rcon{right: 50px;}
  .languagebox{ top: 0; right:65px; background: none;height: auto; border:0; padding:0; line-height: 52px;} 
  .languagebox ul{position: inherit; height: auto; padding-right: 0; font-size: 14px; width: 140px; top: auto; background: none}
  .languagebox ul li{display: inline-block; padding: 0 5px;}
  .languagebox a{color: #333}
  .languagebox ul li a:hover{color: #bb1019}
  #nav{margin-left: 0;}
	nav{position: fixed;left: 0;top: 0;bottom: 0;width:260px; box-shadow: 0 3px 5px #666;z-index: 99; overflow: auto;background:#fff;transform: translateX(-300px);transition: 0.3s; margin-left: 0}
	nav li{ display: block; width: 100%; margin:0; }
	nav li>a{ line-height: 45px; text-align: left; color: #333; display: block; height: auto ;padding:0 15px;}
  nav li.on>a:before,nav li:hover>a:before{display: none;}
	nav li.on>a{height: auto; line-height: 45px;}
	nav li b{position: inherit; bottom: auto;}
	nav li dl{left:0; top:0; background:#f9f9f9; position: inherit; opacity: 1; min-width: 100%; width: 100%;}
  nav dl a{padding:7px 15px 7px 25px; word-break: break-all; white-space: normal; color: #777; font-size: 14px; font-weight: 100; line-height: 30px;}
  nav li:hover dl{position: inherit;}
  nav li>a i{display: none;}
  nav .menu h3{font-size: 16px;margin-bottom: 13px;}
  nav .menu h3 b{display: none;}
  nav .menu a.img img{display: none;}
	nav ul>li:nth-child(1){display: block;}
	#nav .nav-button{ display: block; top:9px; right: 10px; background: #bb1019} 
  .footer h4{margin-bottom: 20px;}
  .footer .warper{padding: 30px 10px;}
  .yewubox{margin-bottom: 40px;}
  .main{padding: 35px 0 60px 0}
  .edit-box h2, .contact_form h2{margin-bottom:5px;}
  .lis_service li:nth-child(2){margin: 0 2%}
  .lis_service li{width: 32%;}
  .servicemain02 h2{display: block; margin-bottom: 25px; text-align: center;}
  .servicemain02{padding-left: 0; background:none;}
  .servicemain02 li,.servicemain02 li:nth-child(2){margin-bottom: 25px;}
  .servicemain02 li:before,.servicemain02 li:after{ display: none; }
  .servicemain02 li:nth-child(2){margin-left: 0}
}

@media screen and (max-width: 990px){
  .hometit h2{font-size: 24px;}
  .aboutbox li h3{font-size: 20px;}
  .honor_lis4img li{width: 31.333%;}
  .servicemain h4{margin-top: 15px;}
  .servicemain .lcon{ float: none; width:520px; }
  .servicemain .rcon{float: none; width:400px; padding-top: 0}
}

@media screen and (max-width:900px){
  .aboutbox .lcon{width: 100%; float: none;}
  .aboutbox .fon{margin-bottom: 15px;}
  .aboutbox .rcon{width: 100%; float: none; margin-top: 30px;}
  .hometit,.yewubox .hometit{margin-bottom: 15px;}
  .conbox{padding: 30px 0;}
  .toumain h1{font-size: 18px;}
  .toumain h1 font{font-size: 28px;}
  .newsmain .rcon, .newsmain .lcon{width: 100%; float: none;}
  .newsmain .lis_news li{margin-bottom: 20px; overflow: hidden;}
  .newsmain .lcon{margin-bottom: 40px;}
  .infocon h1{font-size: 20px;}
  .about_main .img div{margin-bottom: 15px;}
  .honor_lis3img li{width: 48%; margin-left: 0; margin-right: 0}
  .honor_lis3img li:nth-child(even){margin-left: 4%;}
}

@media screen and (max-width: 780px){
  .toumain .lcon{width: 100%; float:none; margin-bottom: 30px;}
  .toumain .rcon{width: 100%; margin-left: 0}
  .honor_lis4img li{width: 48%; margin-left: 0; margin-right: 0}
  .honor_lis4img li:nth-child(even){margin-left: 4%;}

}

@media screen and (max-width: 768px){
  .about_nav{width: 100%; float: none; margin-bottom: 30px;}
  .about_main{margin-left: 0}
  .about_nav a{ margin-right: 20px;}
  .about_nav h2,.about_main h1{margin-bottom: 10px; font-size: 18px;}
  .about_main p{margin: 10px 0}
  .servicemain h2{font-size: 20px;}
 
}

@media screen and (max-width: 640px){
  .yewubox li{padding: 20px; height: auto; min-height: 200px; overflow: hidden;}
  .toumain h1{margin-bottom: 15px;}
  .toumain h1 font{font-size: 26px;}
  .toumain .rcon a.adv{font-size: 16px;}
  .toumain .rcon a.adv i{font-size: 20px;}
  .servicemain .pic img{width: 100%; margin-right: 0; margin-bottom: 20px;}
  .lis_service li:nth-child(2){margin:30px 0}
  .lis_service li{width: 100%;}
  .lis_service h3{font-size: 18px;}
  .servicemain h2{display: block; font-size: 20px; margin-bottom: 20px;}
  .servicemain .lcon{width: 100%; padding: 0}
  .servicemain .lcon img{display: none;}
  .servicemain .lcon li{position: relative; width: 100%; padding: 0; height: auto; text-align: left; display: block; margin-bottom: 15px; color: #333; }
  .servicemain .lcon li.item1,.servicemain .lcon li.item2,.servicemain .lcon li.item3,.servicemain .lcon li.item4,.servicemain .lcon li.item5,.servicemain .lcon li.item6{height: auto; padding: 0; width: auto;padding-left: 30px; right: auto; left: auto; top: auto;}
  .servicemain .lcon li:after{display: none;}
  .servicemain .lcon li:before{width: 15px; height: 15px; content: ""; background:url(../images/red_yuan.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 4px;}
}

@media screen and (max-width: 639px){ 
  .footer .item{width: 100%; float: none; margin-left: 0}
  .footer h4{margin-bottom: 10px; margin-top: 0}
  .footer .item3{display: none;}
  .footer .item4{margin-top: 20px;}
  .yewubox li p{width: 55%;}
  .yewubox li:nth-child(2) { background-position: 5% 90px;  background-size: 150px;} 
  .contact_form button{width: 200px;}
  .map{margin:25px 0;}
  .main{padding: 30px 0 40px 0}
  .newsmain a.more{padding: 12px 0; width: 200px;}
  .infocon h1{font-size: 18px; line-height: 28px;}
  .infocon .other{margin-top: 30px;}
}

@media screen and (max-width:480px){
  .yewubox li{padding: 15px;}
  .yewubox li:nth-child(4){background-position: 5% 65px; background-size: 135px;}
  .yewubox li p{padding-left:160px; width: 100%;}
  .yewubox li:nth-child(odd) p{padding-left: 0; padding-right: 160px;}
  .hometit h2{font-size: 22px;}
  .hometit, .yewubox .hometit{margin-bottom: 10px;}
  .footer h4{font-size: 18px;}
  .yewubox{margin-bottom: 40px;}
  .contact_form button{width: 150px; height: 40px; margin-right: 12px;}
  .contact_form li{width: 100%;}
  .contact_form li:nth-child(even){margin-left: 0}
  .edit-box a{font-size: 20px;}
  .edit-box h2, .contact_form h2{font-size: 17px;}
  .edit-box li{margin-top: 15px;}
  .edit-box .row div{padding: 15px;}
  .toumain h1 font{font-size: 23px;}
  .about_nav{margin-bottom: 20px;}
  .historymain ul{margin: 15px 0; padding: 15px; margin-left: 20px;}
  .historymain li:nth-child(1){height:30px;}
  .historymain li{margin-left: 0 ;width: 100%; padding-bottom: 20px;}
  .historymain li:nth-child(even){text-align: left; padding-right: 0;padding-left: 30px;}
  .historymain li:nth-child(odd){margin-left: 0; padding-left: 30px;}
  .historymain li:before{left: 0;margin-left: -1px;}
  .historymain li:after{right: auto; left: -8px;}
  .historymain li h4{font-size: 18px;}
  .historymain h1{text-align: left; padding-left: 20px;}
  .historymain{padding: 20px 0}
  .servicemain .rcon{width: 100%;}
  .servicemain p{margin: 5px 0}
  .servicemain02 li{border-radius: 35px; padding: 20px;}
  .servicemain02 li b{margin-top: 10px;}
}


@media screen and (max-width:414px){
  .edit-box a{font-size:18px;}
  .lis_news .pic{width: 160px;}
  .lis_news .con{margin-left: 160px; padding-left: 15px;}

  
}

@media screen and (max-width:375px){
 
 
  
}
@media screen and (max-width:359px){
  .contact_form button{width: 100%; margin-right: 0;margin-top: 10px;}
  .lis_news .pic{width: 100%; float: none;}
  .lis_news .con{margin-left: 0; padding-left: 0; padding-top: 10px;}
  .lis_news p{margin-top: 2px;}
  .servicemain .rcon ul b{width: 120px;}

}