@charset "utf-8";



html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body {text-decoration:none font-size: 14px; line-height: 1.8;  margin: 0 auto; color: #666; background-color: #fff; font-family: "Noto Sans SC",'Microsoft YaHei', Arial, sans-serif;}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, li, ol { list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}

table{border-collapse:collapse;margin:0 auto!important;}

img { border: 0;}

input, textarea, select, option { background: none; outline: 0;font-family: "Noto Sans SC",'Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }

input { outline: none; font-family: "Noto Sans SC",'Microsoft YaHei', Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; border-radius: 0; outline: none;}

::-moz-selection { background: #a60323; color: #fff; text-shadow: none; }

::selection { background: #a60323; color: #fff; text-shadow: none; }

select{ outline: none;}

select::-ms-expand { display: none; }

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor:pointer; -webkit-transition: 0.3s; transition: 0.3s; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }
.clear {
    clear: both;
}

.fl { float: left; }
.fr { float: right; }
.fc{ text-align: center;}



.container {
  max-width: 1300px;
  margin: 0px auto;
}

/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-39{padding-bottom: 39%;}
.rect-50{padding-bottom: 50%;}
.rect-55{padding-bottom: 55%;}
.rect-56{padding-bottom: 56%;}
.rect-66{padding-bottom: 66%;}
.rect-695{padding-bottom: 69.5%;}
.rect-74{padding-bottom: 74%;}

.header{ width: 100%; position: fixed; background: linear-gradient(to right, #fff 82%, #a60323 18%); z-index: 998;}
.header .headerNav{ width: 100%; height: 80px; position: relative;}
.header .headerNav .logo{ position: relative;height: 50px; margin: 15px 0;}
.header .headerNav .nav{ float: left;}
.header .headerNav .nav>ul>li{ display: inline-block; }
.header .headerNav .nav>ul>li a{ margin:0 25px; line-height: 80px; font-size: 16px; color: #333; font-weight: bold;  display: block;position: relative;font-family: "Noto Sans SC",}
.header .headerNav .nav .nLi{ float:left;  display:inline;  text-align: center; line-height: 50px; }
.header .headerNav .nav .nLi:hover{ background:#fff; }
.header .headerNav .nav .nLi:hover>a{ color: #a60323;}
.header .headerNav .nav .nLi.active{ background:#fff; color:#a60323;   }
.header .headerNav .nav .nLi.active>a{ color:#a60323;}
.header .headerNav .nav .sub{ display:none; width:100%; left:0; top:80px; z-index: 9999;  position:absolute; background:#fff;  line-height:40px; padding:10px 0; border-bottom: 1px #f1f1f1 solid; border-top: 1px #f1f1f1 solid;}
.header .headerNav .nav .sub li{ zoom:1;   display: inline-block; margin: 0 30px;}
.header .headerNav .nav .sub a{ display:block; color: #333;  font-size: 15px; line-height: 40px; margin: 0;}
.header .headerNav .nav .sub a:hover{ color:#a60323;  }
.header .hotline{ background: url(../images/head_bg.png) top right no-repeat; height: 80px;line-height: 80px; font-size: 14px; color: #fff; float: right; width: 260px; text-align: right;}
.header .hotline span{ font-size: 20px;font-weight: bold; }

/* banner */
.banner{position:relative; overflow:hidden; height:480px; width:100%; padding-top: 80px;}
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li {width:100% !important;height:480px;overflow:hidden;text-align:center;}
.banner .hd{ position: absolute; bottom:4%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1; width:14px;height:14px; border-radius:7px; margin:0 6px;overflow:hidden;line-height:999px; background: #fff;}
.banner .hd .on{background:#a60323;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:44px;height:44px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:8%;background-position:0 -44px;}

/* InAbout */
.InAbout{ width: 100%; position: relative; padding: 60px 0; background: #fff;}
.InAbout .Top{ font-size: 32px; color: #000; text-align: center; line-height:1; font-family: 'AlibabaSans-Bold'; font-weight: bold;}
.InAbout .Tix{ font-size: 14px; color: #808080; text-align: center;line-height: 1; margin-top: 14px;}
.InAbout .Abom{ margin-top: 40px; position: relative;}
.InAbout .Abom .videolist{width: 538px; height: 528px; background: url(../images/video_bg.jpg) center center no-repeat; position: relative;}
.InAbout .Abom .videolist:hover{ cursor: pointer; }
.InAbout .Abom .videoed {width: 68px; height: 68px; position: absolute; top:50%; left: 50%; margin-left: -34px; margin-top: -34px; z-index:99; border-radius:100%;display: block !important; }
.InAbout .Abom .videos{ display:none; position:fixed; left:0; top:0;    z-index:999; width:100%; height:100%; background: rgba(0, 0, 0, .85); }
.InAbout .Abom .videosList{ position:  absolute; width: 800px; height: 450px; left: 50%; top:20%; margin-left: -400px;}
.InAbout .Abom .vclose{ position:absolute;right:-4%; top:1%; border-radius:100%; cursor: pointer; }
.InAbout .AboY{ width:762px; position: relative;}
.InAbout .AboY .AboTop{ width: 100%; height: 264px;}
.InAbout .AboY .AboTop .Abowh{ width: 50%; position: relative; overflow: hidden;}
.InAbout .AboY .AboTop .Abowh img{width:100%; transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.InAbout .AboY .AboTop .Abowh:hover img{transform: scaleX(1.1) scaleY(1.1);}
.InAbout .AboY .AboTop .Abowh .text{ position: absolute; bottom: 35px; padding: 0 8%;}
.InAbout .AboY .AboTop .Abowh .text .p1{ font-size: 26px; color: #fff;}
.InAbout .AboY .AboTop .Abowh .text .p2{ font-size: 14px; color: #fff; line-height: 26px;}
.InAbout .AboY .AboTop .Abozz{ width: 50%; position: relative; overflow: hidden;}
.InAbout .AboY .AboTop .Abozz img{width:100%; transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.InAbout .AboY .AboTop .Abozz:hover img{transform: scaleX(1.1) scaleY(1.1);}
.InAbout .AboY .AboTop .Abozz .text{ position: absolute; bottom: 35px; padding: 0 8%;}
.InAbout .AboY .AboTop .Abozz .text .p1{ font-size: 26px; color: #fff;}
.InAbout .AboY .AboTop .Abozz .text .p2{ font-size: 14px; color: #fff; line-height: 26px;}
.InAbout .AboY .AboJop{ width: 100%; height: 264px; background: #f8f8f8;}
.InAbout .AboY .AboJop .text{ padding: 5%;}
.InAbout .AboY .AboJop .text .p1{ font-size: 22px; color: #000; line-height: 1; font-weight:  bold;}
.InAbout .AboY .AboJop .text .p2{ font-size: 14px; color: #333; line-height: 28px; margin-top: 25px;}
.InAbout .AboY .AboJop .text a{ font-size: 14px; color: #333; margin-top: 35px; display: block;}
.InAbout .AboY .AboJop .text a:hover{ color: #a60323;}

/* InProduct */
.InProduct{ width: 100%; position: relative; padding: 60px 0; background: #f8f8f8;}
.InProduct .Top{ font-size: 32px; color: #000;  line-height:1; font-family: 'AlibabaSans-Bold'; font-weight: bold;}
.InProduct .Tix{ font-size: 14px; color: #808080; line-height: 1; margin-top: 14px;}
.InProduct .InProlist{position: relative;}
.InProduct .InProlist .hd{ position: absolute; right: 0; top: -30px;}
.InProduct .InProlist .hd li{ float: left; margin-right: 30px; font-size: 15px; color: #333; font-weight: bold; position: relative; cursor: pointer;}
.InProduct .InProlist .hd li:last-child{ margin-right: 0;}
.InProduct .InProlist .hd li.on{ color: #a60323;}
.InProduct .InProlist .hd li.on::after{ content: ''; position: absolute; width: 100%; height: 2px; background: #a60323; left: 0; bottom:-10px;}
.InProduct .InProlist .bd{position: relative; margin-top: 35px;}
.InProduct .InProlist .bd li{ float: left; margin-right: 1.5%; width: 23.875%; }
.InProduct .InProlist .bd li:nth-child(4n){ margin-right: 0;}
.InProduct .InProlist .bd li .InProc{width:100%; position: relative; overflow: hidden;}
.InProduct .InProlist .bd li .InProc img{width:100%; transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.InProduct .InProlist .bd li:hover .InProc img{transform: scaleX(1.1) scaleY(1.1);}
.InProduct .InProlist .bd li .InProc p{ font-size: 15px; color: #333; line-height: 60px; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
  -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0 10px;}
.InProduct .InProlist .bd li:hover .InProc p{ color: #a60323;}

.imgZoom img,.imgY180 img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }

/* InNews */
.InNews{ width: 100%; position: relative; padding: 60px 0; }
.InNews .Top{ font-size: 32px; color: #000; text-align: center; line-height:1; font-family: 'AlibabaSans-Bold'; font-weight: bold;}
.InNews .Tix{ font-size: 14px; color: #808080; text-align: center;line-height: 1; margin-top: 14px;}
.InNews .InNewslist{ position: relative; margin-top: 35px;}
.InNews .InNewslist li{background: #f9f9f9;}
.InNews .InNewslist .span-1{float: left; width: 32%; margin-right: 2%;}
.InNews .InNewslist .span-1:nth-child(3){ margin-right: 0;}
.InNews .InNewslist .li_top{position: relative;}
.InNews .InNewslist .li_top:after{content:'';width: 28px;height: 13px;background: url(../img/index15.png) no-repeat center;position: absolute;bottom: -13px;left: 49px;z-index: 1;transition: all 0.3s ease;}
.InNews .InNewslist .li_top .box{padding: 30px 20px;}
.InNews .InNewslist .li_top .box .cat{font-size: 14px;color: rgba(0,0,0,0.5);margin-bottom: 10px;}
.InNews .InNewslist .li_top .box .tit{font-size: 17px;color: #000;overflow: hidden; font-weight: bold; line-height: 1.8; height: 60px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.InNews .InNewslist .li_top .box .date{font-size: 14px;color: #999;margin-bottom: 10px;}
.InNews .InNewslist .li_top .box .con{font-size: 14px;color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.InNews .InNewslist li:hover .li_top .box .tit{color: #a60323;}
.InNews .InNewslist .li2{background: none}
.InNews .InNewslist .li2 li{margin-bottom: 24px;background: #f9f9f9;}
.InNews .InNewslist .li2 li:last-child{margin-bottom: 0;}
.InNews .InNewslist .li2 a{display: block;}
.InNews .InNewslist .li2 a .a_box{padding: 15px 20px;}
.InNews .InNewslist .li2 .tit{font-size: 17px;color: #000;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: bold;}
.InNews .InNewslist .li2 .time{font-size:14px;color:#999;margin-bottom:3px;}
.InNews .InNewslist .li2 .con{font-size: 14px;color: #666;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.InNews .InNewslist .li2 li:hover .tit{color: #a60323;}

.footer{ width: 100%; position: relative; background: linear-gradient(to right, #f5f5f7 80%, #f6dfe3 20%);}
.footer .footcon{  width: 100%; position: relative;}
.footer .footNav{ width: 70%; position: relative; float: left;padding: 40px 0;}
.footer .footNav dl{ width: 19%; float: left;}
.footer .footNav dl:nth-child(2){ width: 28%;}
.footer .footNav dl:nth-child(4){ width: 34%;}
.footer .footNav dl dt{ font-size: 16px; color: #333; position: relative;}
.footer .footNav dl dt::before{ content: ''; width: 70px; height: 2px; background: #ccc; position: absolute; left: 0; bottom: -10px;}
.footer .footNav dl dt::after{ content: ''; width: 15px; height: 2px; background: #a60323; position: absolute; left: 0; bottom: -10px;}
.footer .footNav dl dd{ margin-top: 30px; font-size: 14px; line-height: 30px;}
.footer .footNav dl dd img{ border-radius: 4px; }
.footer .footNav dl dd p{height: 30px; margin-bottom: 20px;}
.footer .footNav dl dd p img{ float: left;}
.footer .footNav dl dd p span{ line-height: 30px; font-size: 14px; color: #cdd7e6;float: left; margin-left: 10px;}
.footer .footNav dl dd p:last-child{ margin-bottom: 0;}
.footer .footNav dl dd p:nth-child(1) span{ font-size: 20px; color: #fff;}
.footer .footNav dl dd a{font-size: 14px; color: #333; line-height: 30px; display: block;}
.footer .footNav dl dd a:hover{ color: #a60323;}
.footer .footfl{ background: url(../images/foot_bg.png) top right no-repeat; float: right; width: 30%; text-align: right; padding: 35px 0;}
.footer .footfl .fw{ font-size: 16px; color: #666;}
.footer .footfl .ph{ font-size: 30px; color: #a60323; font-weight: bold;}
.footer .footfl .ewm{position: relative;}
.footer .footfl .ewm img{}
.footer .footfl .ewm p{ float:right; width: 24px; line-height: 14px; font-size: 14px; padding: 16px 0; color: #333;}
.copy{ width: 100%; height: 60px; background: #a60323;}
.copy .copyl{ float: left; font-size: 14px; color: #fff; line-height: 60px;}
.copy .copyl a{font-size: 14px; color: #fff;}
.copy .copyr{ float: right; font-size: 14px; color: #fff; line-height: 60px;}
.copy .copyr a{ font-size: 14px; color: #fff;}
.copy a:hover{ color: #ddd;}

/* page_banner */
.Pagebanner{width: 100%; position: relative; padding-top: 80px; height: 320px;  overflow: hidden;}
.Pagebanner .black-15{position: absolute; top: 0px;left: 0px; z-index: 1; width: 100%; height: 100%;opacity: 0.2; background: url(../images/grid_bg.png) top left repeat;}
.Pagebanner>.container{position: relative;}
.Pagebanner img{position: absolute;top: 80px; left: 50%; margin-left: -960px; max-width: none;}
.Pagebanner .box{position: absolute;top: 80px;left: 0;}
.Pagebanner .xc_b_h3{font-size: 40px;font-weight: bold;color: #ffffff;margin-bottom: 15px;}
.Pagebanner .mouse{width: 34px;height: 70px;background: url(../images/mouse.png) no-repeat top center;position: relative;z-index: 10;margin: 30px 0 0 15px;}
.Pagebanner .mouse i{
	background: url(../images/bottom.png) no-repeat scroll center center;
    width: 25px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0px 0px -12px;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

.page{ width: 100%; position: relative;}
.PageNav{ width: 100%; position: relative;}
.PageNav .sidebar{ position: relative;border-bottom: 1px solid #e4e4e4; padding: 20px 0;}
.PageNav .sidebar .leftTitle{ float: left;}
.PageNav .sidebar .leftTitle .TTit{font-size: 24px;font-weight: bold;  color: #333;}
.PageNav .sidebar .leftTitle .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(../images/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}
.PageNav .sidebar .leftTitle .crumbs a{display: inline-block;font-size: 14px;color: #555;}
.PageNav .sidebar .NavList{  float: right; margin-top: 25px; }
.PageNav .sidebar .NavList li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;}
.PageNav .sidebar .NavList li a{position: relative;font-size: 16px;height: 50px;line-height: 50px;padding: 0px 30px;color: #000;display: block;transition: 0.3s ease 0s;}
.PageNav .sidebar .NavList li:before{position: absolute;content: '';left: 50%;bottom: 0px;width: 0%;height: 3px;background-color: #a60323;transition: all .3s;}
.PageNav .sidebar .NavList li:hover:before{width:70%;left:15%;background-color:#a60323;}
.PageNav .sidebar .NavList li:hover a{ color: #a60323;font-weight: bold; }
.PageNav .sidebar .NavList li.select:before{position: absolute;content: '';left: 15%;bottom: 0px;width: 70%;height: 3px;background-color:#a60323;}
.PageNav .sidebar .NavList li.select a{ font-weight:bold; color: #a60323 }
.PageNav .sidebar .NavList li a:after{content: "";position: absolute;width: 1px;height: 15px;display: block;background: #a60323;top: 50%;margin-top: -7px;right: 0px;}
.PageNav .sidebar .NavList li a i{ position: relative; margin-right: 10px;}
.PageNav .sidebar .NavList li i img{ height: 16px; display: inline-block;}

.pageCon{ width: 100%; position: relative;padding: 40px 0 60px;}
.pageCon .con{ font-size: 15px; line-height: 28px; color: #666; }
.pageCon .con h4{font-size: 30px; font-weight: bold; text-align: left; color: #a60323; padding-bottom: 15px; line-height: 1;}
.pageCon .con .p1{font-size: 18px; font-weight: bold; text-align: left; color: #333; padding-bottom: 15px;line-height: 1;}
.pageCon .con p{ font-size: 15px; color: #333; line-height: 30px;}
.pageCon .con .part{margin: 25px 0;background-color: #fbfbfb;}
.pageCon .con .part .part_l{width: 59%;}
.pageCon .con .part .part_l ul{padding: 25px 36px 25px 0;}
.pageCon .con .part .part_l ul > li{float: left;text-align: center;width: 49%;}
.pageCon .con .part .part_l ul li:nth-child(1){border-bottom: 1px solid #dddddd;}
.pageCon .con .part .part_l ul li:nth-child(2){border-bottom: 1px solid #dddddd;}
.pageCon .con .part .part_l ul > li:nth-child(2n-1){border-right: 1px solid #dddddd;width: 49%;}
.pageCon .con .part .part_l ul  li .about_icon{width: 66px; height: 55px;margin: 0 auto;margin-top: 50px;display: inline-block;}
.pageCon .con .part .part_l ul .li1 .about_icon{ background: url(../images/about1.png) center no-repeat;}
.pageCon .con .part .part_l ul .li2 .about_icon{ background: url(../images/about2.png) center no-repeat;}
.pageCon .con .part .part_l ul .li3 .about_icon{ background: url(../images/about3.png) center no-repeat;}
.pageCon .con .part .part_l ul .li4 .about_icon{ background: url(../images/about4.png) center no-repeat;}
.pageCon .con .part .part_l ul  li .about_num{font-size: 28px;color: #a60323;font-weight: bold;}
.pageCon .con .about_part_s{padding-bottom: 40px; color: #333;}
.pageCon .con .part .part_r{width: 41%;}
.pageCon .con .part .part_r .videolist {width: 100%; height:423px; background: url(../images/video_bg.jpg) center center no-repeat; position: relative;}
.pageCon .con .part .part_r .videolist:hover{ cursor: pointer; }
.pageCon .con .part .part_r .videoed {width: 68px; height: 68px; position: absolute; top:50%; left: 50%; margin-left: -34px; margin-top: -34px; z-index:99; border-radius:100%;display: block !important; }
.pageCon .con .part .part_r .videos{ display:none; position:fixed; left:0; top:0;    z-index:999; width:100%; height:100%; background: rgba(0, 0, 0, .85); }
.pageCon .con .part .part_r .videosList{ position:  absolute; width: 800px; height: 450px; left: 50%; top:20%; margin-left: -400px;}
.pageCon .con .part .part_r .vclose{ position:absolute;right:-4%; top:1%; border-radius:100%; cursor: pointer; }
.pageCon .leadImg{ float: left; width: 600px;}
.pageCon .leadImg img{ width: 100%;}
.pageCon .leadImg .tit{ width: 100%; line-height: 60px; font-size: 18px; text-align: center;}
.pageCon .leadImg .tit span{font-size: 22px; font-weight: bold; color: #333;}
.pageCon .leader{ float: left; margin-left: 20px; width: 680px;}
.pageCon .leader .bt{ font-size: 26px; font-weight: bold; color: #000;}
.pageCon .leader .btn{ font-size: 15px; line-height: 34px; color: #333; margin-top: 30px;}

.PagePro{width:100%; position: relative; padding: 40px 0 60px;background-color: #f9f9f9; }
.Prolistb{width:100%; position:relative; }
.Prolistb li{ width: 24.25%; margin-right: 1%; float: left; margin-bottom: 1%;}
.Prolistb li:nth-child(4n){ margin-right: 0;}
.Prolistb li .img{position: relative; overflow: inherit; border: 2px #f5f5f5 solid;transition: 0.3s all ease; }
.Prolistb li:hover .img{border: 2px #a60323 solid;}
.Prolistb li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.Prolistb li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.Prolistb li p{ background:#f5f5f5; line-height: 60px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;}
.Prolistb li:hover p{ background: #a60323; color: #fff;}
.downlist{ width: 65.91%; float: left; padding: 2%; background: #fff;}
.picFocus{ float:left;  width:38%;  position:relative;  overflow:hidden;  zoom:1; border: 2px #f5f5f5 solid; }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 23.5%;}
.picFocus .hd ul li:nth-child(4n){ margin-right: 0;}
.picFocus .hd ul li img{ width:100%; border:2px solid #ddd; cursor:pointer; margin-right:8px; display:  block;  }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#0171bb;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; display: flex;}
.picFocus .prev{ position:absolute; left:0 ; bottom:40px;}
.picFocus .next{ position:absolute; right:0 ; bottom:40px;}
.floatl{ float: left;width: 38%;}
.floatr{ width: 57%; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; padding-bottom:20px; font-weight: bold; border-bottom:  2px #f5f5f5 solid; }
.floatr .titmd{margin:20px 0; font-size: 15px; color: #666;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333; font-weight: bold;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#dd2328;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#dd2328; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 20px; margin-top:20px; font-weight: bold; color: #a60323;}
.left02{ width: 100%; margin:20px auto 0; border-top:5px #f1f1f1 solid; padding-top:30px; color: #555;}
.left02 p{ font-size: 15px; line-height: 26px;}
.left02 img{max-width:100%;}

.left02 table{border-collapse:collapse;width:100%;}
.left02 table,tr{ font-size: 16px; color: #444; }
.left02 table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}

.page .zsqylist{ position:relative; width: 260px; float: left; }
.page .zsqylist .Top{ height: 60px;text-align: center;font-size: 18px; color: #333; font-weight: bold; background: #F1F5F9; border-top: 4px #a60323 solid; border-bottom: 4px #fff solid; line-height: 60px;}
.page .zsqylist ul li { float:left; width:100%; background:#fafafa; text-align:center; border-bottom: 2px #fff solid; }
.page .zsqylist ul li a { display:block; line-height:49px; font-size:15px; }
.page .zsqylist ul li.select,.page .zsqylist ul li:hover { background:#a60323; }
.page .zsqylist ul li.select a i,.page .zsqylist ul li:hover a { color:#fff; }
.page .zsqylist ul li i { display:inline-block; background-size:contain!important; font-style: normal;color:#333; font-size: 15px; }
.page .zsqylist ul li:hover a i{ color: #fff;}
.page .zsqylist1{ padding: 15px 20px; background: #f9f9f9; margin: 25px 0; font-size: 14px;}
.page .zsqylist1 .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(../images/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}
.page .zsqylist1 .crumbs a{display: inline-block;font-size: 14px;color: #555;}
.page .zsqycon{ width: 1000px; float: right; font-size: 15px; line-height: 28px; color: #666;}
.page .zsqycon img{ max-width: 100%; margin: 5px 0;}

.honorCon{ width: 100%; position: relative; padding: 40px 0 60px;}
.honlistb{width:100%; position: relative; margin-bottom:40px; }
.honlistb li{ width: 24.25%; margin-right: 1%; float: left; margin-bottom: 1%;}
.honlistb li:nth-child(4n){ margin-right: 0;}
.honlistb li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.honlistb li:hover .img{border: 2px #a60323 solid;}
.honlistb li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.honlistb li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.honlistb li p{ background:#f5f5f5; line-height: 60px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.honlistb li:hover p{ background: #a60323; color: #fff;}

.PageNews { padding: 40px 0 60px; background-color: #f9f9f9; position: relative; }
.PageNews .Newslist{ width: 69.91%;}
.PageNews .Newslistbg{ padding: 5%; background: #fff;}
.PageNews .Newsitem li{ width: 100%; float: left;margin-bottom: 20px;}
.PageNews .Newsitem li a{ display: block; margin: 0 18px; background: #fff; padding: 35px 4% 55px 4%; position: relative;perspective: 300px; -webkit-perspective: 300px;}
.PageNews .Newsitem li a time{ display: block; color: #999; font-size: 15px; padding-left: 8px; line-height: 1; border-left: 5px solid #a60323; position: relative; z-index:9;}
.PageNews .Newsitem li .news__text{ margin-top: 11px;position: relative; z-index:9;}
.PageNews .Newsitem li .news__text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 150px; margin: 0 20px 0 0;}
.PageNews .Newsitem li .news__text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.PageNews .Newsitem li .news__fix h3{ color: #232323; font-size: 18px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold; margin-top: -4px; transition: 0.35s;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageNews .Newsitem li .news__fix p{ color: #666666; font-size: 14px; line-height: 1.8; height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageNews .Newsitem li .news__more{ width: 55px; height: 55px; background: #f6dfe3; position: absolute; right: 0; bottom: 0; text-align: center; transition: 0.38s; z-index:9;}
.PageNews .Newsitem li .news__more:before{ content: ""; width: 16px; height: 16px; background: url(../images/more.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; transition: 0.38s;}
.PageNews .Newsitem li a:hover .news__text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageNews .Newsitem li a:hover .news__fix h3{ color: #a60323;}
.PageNews .Newsitem li a:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.13);} 
.PageNews .Newsitem li a:hover .news__more{ background: #a60323;}
.PageNews .Newsitem li a:hover .news__more:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.Newslist01{width: 27.75%;}
.Newslist01 .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #a60323; line-height: 1;    padding-left: 8px;}
.Newslist01 .news_hot .item{margin-bottom: 15px;}
.Newslist01 .news_hot .infor{padding: 20px 32px 38px 23px;background: #fff;}
.Newslist01 .news_hot .infor .tit{ font-size: 18px;color: #333;font-weight: bold; margin-bottom: 11px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Newslist01 .news_hot .infor .con{font-size: 14px;color:#666;line-height: 24px;height: 48px;overflow: hidden;}
.Newslist01 .news_hot .owl-dots{position: absolute;left: 50%;margin-left: -39px;bottom: 160px;}
.Newslist01 .news_hot .owl-dots .owl-dot{width: 12px;height: 12px;border-radius: 50%;border:1px solid #f8f9fc;float: left;margin-right: 12px;}
.Newslist01 .news_hot .owl-dots .owl-dot.active{background: #92cc1f;border-color: #92cc1f;}
.Newslist01 .pages1{ width:90%; padding: 5%; background: #fff; margin-bottom: 30px;}
.Newslist01 .pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.Newslist01 .pages1_l p{font-size: 18px;font-weight: bold; color: #a60223; position: relative;}
.Newslist01 .pages1_l p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.Newslist01 .pages1_l:hover a{ color:#a60223;}
.Newslist01 .pages1_r{ float:left; width:100%; }
.Newslist01 .pages1_r p{font-size: 18px;font-weight: bold; color: #a60223; position: relative;}
.Newslist01 .pages1_r p::before{ content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.Newslist01 .pages1_r:hover a{ color:#a60223;}

.res_abt .part2_h4{font-size: 34px;color: #333;text-align: center;}
.res_abt .part2_s{font-size: 14px;color: #808080;text-align: center;margin-bottom: 40px;}
.res_abt .part2_l,.res_abt .part2_r{width: 50%;height: 232px;overflow: hidden;display: block;position: relative;}
.res_abt .part2_box{position: absolute;top: 60px;left: 60px;z-index: 17;right: 60px;}

.res_abt .part2_item_h4{font-size: 26px;color:#fff;text-align: center;margin-bottom: 14px;}
.res_abt .part2_item_s{font-size: 14px;color: #ffffff;text-align: center;line-height: 1.8;}
.res_abt .part2_over{position: absolute;top: 232px;width: 100%;left: 0;height: 232px;background-color: rgba(61,170,255,.7);transition: all .6s ease;-webkit-transition:all .6s ease;}
.res_abt .part2_item:hover .part2_over{top: 0;}
.res_abt .part1_l ul li:hover span{color: #3daaff;}

.respon { padding: 40px 0 60px; position: relative; }
.responlist li{ padding:2% 3%; border:1px #fff solid; border-bottom-color:#f1f1f1;width: 93.8%; background: #fff;}
.responlist li .news_box{position:relative;}
.responlist li .imgbox{width:24%;margin-right: 4%;}
.responlist li .imgbox img{ width: 100%; }
.responlist li .info{width: 85%;}
.responlist li .info .title{font-size:24px;margin:0 0 8px; color: #333;}
.responlist li .info .p{font-size:15px; color:#727272;line-height: 28px;height: 56px;overflow: hidden;}
.responlist li .info ._tools{display: inline-block;border: 1px #efefef solid;border-radius: 20px;overflow: hidden; margin-top: 25px;height: 24px;line-height: 24px;}
.responlist li .info ._tools span{display:inline-block;padding: 0 15px;border-left: 1px #e5e5e5 solid;margin-left: -1px;vertical-align: top; color: #666; font-size: 12px;}
.responlist li .info ._tools ._vew:hover,.responlist li .info ._tools .bdsharebuttonbox:hover{ background-color:#f8f8f8;}
.responlist li .info ._tools .bdsharebuttonbox .bds_more{background: none;margin: 0;padding: 0;line-height: 24px; height:24px;}
.responlist li .info ._tools .bdsharebuttonbox .bds_count{background: none; width: auto;height: 24px;margin: 0;line-height: 24px;padding: 0 5px;display:none;}
.responlist li .info ._tools .bdsharebuttonbox i{margin:0;}
.responlist .date{position: absolute;right: 0;top: 50%;margin-top: -60px;}
.responlist .date span{ color:#3f3f3f;font-family: Arial; font-weight: bold; display:block;}
.responlist .date .day{font-size:70px;line-height: 52px;}
.responlist .date .month{font-size:20px;    margin-top: 15px;}
.responlist li:hover{border:1px #0171bb solid;}
.responlist li:hover .date span{color:#0171bb;}
.responlist li:hover .info .title{color: #0171bb;}

.PageParty { padding: 40px 0 60px;background: #f9f9f9; position: relative; }
.PageParty .partylist ul { width: 100%; height: auto; float: left; font-size: 12px; padding-top: 30px; }
.PageParty .partylist li { width: 49%; height: auto; float: left; background-color: #FFFFFF; margin-bottom: 30px; color: #666666; box-sizing: border-box; border: 25px solid transparent; margin-right: 2%; }
.PageParty .partylist li:hover .dynamic_time { background-color: #0171bb; transition: all 0.5s; }
.PageParty .partylist li:nth-child(2n){ margin-right: 0;}
.PageParty .partylist .dynamic_time { width: auto; height: auto; float: left; background-color: #aaaaaa; color: #FFFFFF; margin-top: 10px; }
.PageParty .partylist .dynamic_time p { padding-left: 10px; padding-top: 10px; padding-right: 10px; font-size: 18px; }
.PageParty .partylist .dynamic_time span { float: left; padding-left: 10px; padding-bottom: 10px; padding-top: 2px; margin-top: -5px; font-size: 10px; }
.PageParty .partylist .date { width: 100%; height: auto; display: none; float: left;}
.PageParty .partylist .dynamic_cont { width: auto; height: auto; padding-left: 100px;}
.PageParty .partylist .dynamic_cont p { width: 100%; font-size: 15; color: #666; line-height: 28px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.PageParty .partylist .dynamic_cont .a { color: #494949;}
.PageParty .partylist .dynamic_cont .dynamic_title { font-size: 18px; padding-bottom: 10px; padding-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-weight: bold;}
.PageParty .partylist li:hover .dynamic_cont .dynamic_title{ color: #0171bb; transition: all 0.5s;}
.pageNewsT{ width:100%; margin:0 auto; font-size:24px;  color:#333; font-weight:bold;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:20px 0; border-bottom:dashed 1px #999;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:30px; margin-top:20px;}
.pageNewsD img{ max-width:100%; margin:5px 0;}

/*人才招聘 */
.PageJoin{width: 100%;padding: 40px 0 60px;}
.PageJoin .part_con { margin-bottom: 30px;}
.PageJoin .part_con .pic_join{ position:relative; width: 523px; font-size:14px; color:#555; float: left;}
.PageJoin .part_con .box{padding-top:42px; float: left; width: 747px; margin-left: 30px;}
.PageJoin .part_con .CenTitle{ float:left; margin-bottom:20px;}
.PageJoin .part_con .CenTitle .name{ font-size: 24px; font-weight: bold;color: #333;}
.PageJoin .part_con .txt01{ clear:both; background:url(../images/pic_joinBtn.png) left center no-repeat;color: #333; font-weight:bold; line-height:30px; margin-top:20px; font-size: 18px; }
.PageJoin .part_con .txt02{ line-height:28px;}
.PageJoin .part_con .txt01,
.PageJoin .part_con .txt02{ padding-left:30px; }
.PageJoin .Joinlist{position: relative; width: 100%;}
.PageJoin .Joinlist .jnlist{ background: #f6dfe3; }
.PageJoin .Joinlist .jnlist li{float: left; text-align: center; padding: 20px 0; font-size: 16px; color: #333; width: 20%; font-weight: bold;}
.PageJoin .Joinlist .jnlist li:nth-child(2),.PageJoin .Joinlist .jnlist li:nth-child(4){ width: 30%;}
.PageJoin .Joinlist .joblist{ width: 100%; position: relative; margin-top: 10px;}
.PageJoin .Joinlist .joblist .list_dt{ cursor: pointer;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.PageJoin .Joinlist .joblist .list_dt p{float: left; text-align: center; padding: 15px 0; font-size: 15px; color: #333; width: 20%; }
.PageJoin .Joinlist .joblist .list_dt p:nth-child(2),.PageJoin .Joinlist .joblist .list_dt p:nth-child(4){ width: 30%;}
.PageJoin .Joinlist .joblist #open{ background: #a60223;}
.PageJoin .Joinlist .joblist #open p{ color: #fff }
.PageJoin .Joinlist .joblist .list_dt:hover{ background: #a60223;}
.PageJoin .Joinlist .joblist .list_dt:hover p{ color: #fff; }
.PageJoin .Joinlist .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #f0f6fb;}

/* 员工风采 */
.PageJoin .Joinlist1 .pic-item { position:relative; width:23%; margin:0 2.66% 23px 0; padding:0; float: left; }
.PageJoin .Joinlist1 .pic-item:nth-child(4n){ margin-right:0; }
.PageJoin .Joinlist1 .list-pic { display:block; width:100%; height:auto; margin-bottom:0; padding:0; border:0; overflow:hidden; }
.PageJoin .Joinlist1 .list-pic img { width:100%; height:auto; transition: all 0.6s; }
.PageJoin .Joinlist1 .list-pic img:hover { transform: scale(1.1)!important; }
.PageJoin .Joinlist1 .pic-item p{line-height: 50px; font-size: 15px; color: #333; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.contentUs{ width: 100%; position: relative; background:#fcfcfc;}
#allmap{width: 50%; height: 330px; float: left;}
.conList{ width:42%; padding: 4%; float: left; font-size: 14px; line-height: 30px;}
.conList h2{ font-size: 24px;color: #000; margin-bottom: 20px; font-weight: bold;}
.adrlist{ position: relative; margin-top: 20px;}
.adrlist li{ width: 46%;float: left;  height: auto; overflow: hidden; padding: 1.5%; background: #fcfcfc; margin-right: 2%; margin-bottom: 20px;}
.adrlist li:nth-child(2n){ margin-right: 0;}
.adrlist li h2{ font-size: 17px; color: #000;margin-bottom: 12px;}
.adrlist li p{ font-size: 14px; color: #666; line-height: 28px;}


.servicetxt01 .pic1{ display:block;}
.servicetxt01 .u1 li{ overflow:hidden; padding-top:20px;}
.servicetxt01 .u1 li span{ float:left; display:block; width:77px; height:64px; text-align:center; line-height:64px; color:#fff; font-weight:bold; font-size:14px;}
.servicetxt01 .u1 li .txt{ float:right; width:1170px; padding-left:8px; position:relative; font-size:15px; margin-top:20px; color: #333;}
.servicetxt01 .u1 li .txt i{ display:block; position:absolute; left:0; top:10px; width:4px; height:4px; border-radius:50%;}
.servicetxt01 .u1 .li1 span{ background:url(../images/pic_serviceBg01.png);}
.servicetxt01 .u1 .li2 span{ background:url(../images/pic_serviceBg02.png);}
.servicetxt01 .u1 .li3 span{ background:url(../images/pic_serviceBg03.png);}
.servicetxt01 .u1 .li4 span{ background:url(../images/pic_serviceBg04.png);}
.servicetxt01 .u1 .li1 .txt i{ background:#75bcf3;}
.servicetxt01 .u1 .li2 .txt i{ background:#758df3;}
.servicetxt01 .u1 .li3 .txt i{ background:#a380e9;}
.servicetxt01 .u1 .li4 .txt i{ background:#f3a583;}
.servicetxt01 .u1 .li2 .txt{ margin-top:10px;}
.servicetxt01 .u1 .li2 .txt+.txt{ margin-top:0;}
.servicetxt01 .fl{ float:left; padding-top:20px;}
.servicetxt01 .fr{ float:right; width:510px; padding-top:20px;}
.servicetxt01 .fr img{ float:left;}
.servicetxt01 .fr li{ border-bottom:1px dotted #e7f0f4; color:#555; padding:5px 0;}
.servicetxt01 .fr .info{ padding-left:52px; font-size:12px;}
.servicetxt01 .fr .title{ font-weight:bold; font-size:14px;}


/* fenye */
.pages { margin:0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:40px; line-height:40px; background:#fff; }
.pages li a{text-align:center; color:#333; padding:0 18px;}
.pages .page-active {background:#a60223;  text-decoration:none}
.pages .page-active a{color:#fff; }
.pages li:hover { background:#a60223;   text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}