@charset "utf-8";

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font-size: 14px; line-height: 1.2;  margin: 0 auto; color: #666; background-color: #fff; font-family: 'Open Sans', '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: 0; border: 0; font-size: 100%; outline: none; font-style: normal;box-sizing: border-box;}
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; outline: 0; vertical-align: middle;}

input, textarea, select, option { background: none; outline: 0; font-family: 'Open Sans','Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }
input { outline: none; font-family:'Open Sans', '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: #ff0000; color: #fff; text-shadow: none; }
::selection { background: #ff0000; 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; }

.fl{ float: left;}
.fr{ float: right;}
.container{ width: 1360px; position: relative; margin: 0 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-50{padding-bottom: 50%;}
.rect-67{padding-bottom: 67%;}
.rect-73{padding-bottom: 73%;}
.rect-737{padding-bottom: 73.7%;}
.rect-100{padding-bottom: 100%;}
.rect-101{padding-bottom: 101%;}

.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) }

/* header */
.header{ width: 100%; height:100px; background: #fff; position: fixed; z-index: 9999;top: 0;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s;}
.header .container {
    display: -webkit-flex;
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
}
.header .logo{ display: -webkit-flex;
    display: flex;
    align-items: center; }
.header .logo img{height: 60px;}
.header .headerRight{     display: -webkit-flex;
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;}
.header .headerRight .nav{ position:relative;float: left; padding-right: 15px; margin-right: 30px;border-right:1px #ddd solid;}
.header .headerRight .nav li{ text-align: center; display: inline-block; position: relative;}
.header .headerRight .nav li a{margin:0 20px; font-size: 17px; color: #000; line-height: 100px; display: block; position: relative;}
.header .headerRight .nav li a::before{ position: absolute; content: ''; width: 0; height: 3px; left: 0; bottom: 0; background: #ff0000; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s;}
.header .headerRight .nav li:hover a,.header .headerRight .nav li.active a{ color:#ff0000;}
.header .headerRight .nav li:hover a::before,.header .headerRight .nav li.active a::before{ width: 100%;}
.header .headerRight .ph{
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;}
.header .headerRight .ph .p1{ padding-left: 35px; font-size: 15px; color: #666; background: url(../img/rexian.png) center left no-repeat; margin-bottom: 5px;}
.header .headerRight .ph .p2{ font-size: 22px; font-weight: bold; color: #ff0000;}
.zw{width:100%; height:100px;}
.sp_nav{display:none; width:50px;float:right;position:relative;cursor:pointer;height:30px; margin-top: 22px;}
.sp_nav span{display:block;background:#ff0000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:100vh;font-size:14px;line-height:40px;top:-100vh;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.sjj_nav .bg{ width: 100%; height: 4px;background: #ff0000;}
.sjj_nav .hotline{ background-color: #ff0000; padding-left: 20px; height: 60px;line-height: 60px; font-size: 14px; color: #fff; }
.sjj_nav .hotline span{ font-size: 20px;font-weight: bold; }
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:75%;}
.sjj_nav>ul>li:first-child .language{float:right;width:22%;overflow:hidden;line-height:50px;}
.sjj_nav>ul>li:first-child .language a{width:48%;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:15px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%; display: block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#ff0000}
.sjj_nav ul li ul li>ul{margin-left:10px}

/* banner */
.banner{position:relative; overflow:hidden; margin:0 auto; width:100%;}
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd li{position:relative; text-align:center;  overflow:hidden;}
.banner .bd li img{vertical-align:top; width:100%;}
.banner .hd{ position: absolute; bottom:3%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:25px;height:25px;background: #fff; border-radius:50%; margin:0 10px;line-height:25px; font-size: 15px; color: #333; position:relative;}
.banner .hd li:after{ position:absolute; content:''; width:10px;height:2px; background:#fff; top:50%; margin-top:-1px; right:-15px; z-index:999;}
.banner .hd li:last-child::after{ display:none;}
.banner .hd .on {background:#ff0000; color: #fff;}
.banner .prev, .banner .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-32px;left:8%;z-index:1;width:40px;height:64px;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:-40px 0;}

.InAbout{ width: 100%; position: relative; background:#f3f6fb; padding: 70px 0;}
.InAbout .left{ width: 48%; float: left;}
.InAbout .left .title{ position: relative; background: url(../img/ab_t.png) left no-repeat; height: 122px;}
.InAbout .left .title .en{font-size: 14px; color: #999; padding-top: 50px; padding-left: 112px; margin-bottom: 10px;}
.InAbout .left .title .cn{ font-size: 30px; color: #ff0000; padding-left: 70px; font-weight: bold; position: relative;}
.InAbout .left .title .cn::after{ position: absolute; content: '';margin-left: 25px; top:50%; margin-top: -1px; width: 70px; height: 2px; background: #ff0000;}
.InAbout .left .tic{ margin-top: 30px; font-size: 20px; color: #333; font-weight: bold;}
.InAbout .left .tid{ font-size: 15px; line-height: 2.26; color: #666; margin-top: 20px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6;  -webkit-box-orient: vertical;}
.InAbout .left .hmenu{ width: 100%; position: relative; border-top: 1px #dcdfe1 solid; margin-top: 50px;}
.InAbout .left .hmenu li{ width: 25%; float: left;display: flex;align-content: center;flex-direction: column;justify-content: center;margin: 20px 0; position: relative;}
.InAbout .left .hmenu li::before{position: absolute; content: ''; width: 0; height: 3px; left: 0; top: 0; background: #ff0000; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;transition:all 0.5s;}
.InAbout .left .hmenu li:hover::before{ width: 70%;}
.InAbout .left .hmenu li.ico1{ background: url(../img/ico1.png) left no-repeat; background-size:auto 18px;}
.InAbout .left .hmenu li.ico2{ background: url(../img/ico2.png) left no-repeat; background-size:auto 18px;}
.InAbout .left .hmenu li.ico3{ background: url(../img/ico3.png) left no-repeat; background-size:auto 18px;}
.InAbout .left .hmenu li.ico4{ background: url(../img/ico4.png) left no-repeat; background-size:auto 18px;}
.InAbout .left .hmenu li a{ font-size: 17px; color: #333; font-weight: bold; padding-left: 30px;}
.InAbout .left .hmenu li:hover a{color: #ff0000;}
.InAbout .left .hmenu li:hover.ico1{ background: url(../img/icoh1.png) left no-repeat;  background-size:auto 18px;}
.InAbout .left .hmenu li:hover.ico2{ background: url(../img/icoh2.png) left no-repeat; background-size:auto 18px;}
.InAbout .left .hmenu li:hover.ico3{ background: url(../img/icoh3.png) left no-repeat; background-size:auto 18px;}
.InAbout .left .hmenu li:hover.ico4{ background: url(../img/icoh4.png) left no-repeat; background-size:auto 18px;}
.InAbout .right{ width: 48%; float: right;  margin-top: 50px;}
.InAbout .right .aboImg{ width: 100%; position:relative;}
.InAbout .right .aboImg img{border-top-left-radius: 30px;border-bottom-right-radius: 30px;}
.InAbout .right .aboImg .videolist{width: 100%; height: 100%; position: absolute; left:0; top:0;}
.InAbout .right .aboImg .videolist:hover{ cursor: pointer; }
.InAbout .right .aboImg .videoed{width: 84px; height: 84px; position: absolute; top:50%; left: 50%; transform:translate(-50%, -50%); z-index:99; border-radius:100%;display: block !important; }
.InAbout .right .aboImg .videos{display:none; position:fixed; left:0; top:0;z-index:999; width:60%; height:100vh; background: rgba(0, 0, 0, .8); padding:8% 20%; }
.InAbout .right .aboImg .videosList{ position: relative; padding: 40px; background: #fff;}
.InAbout .right .aboImg .vclose{ position:absolute;right:10px; top:10px; border-radius:100%; cursor: pointer;}

.InProduct{ width:100%; position: relative; background:#fff url(../img/icobg.jpg) 70px 120px no-repeat; padding: 70px 0;}
.InProduct .Top .title{ position: relative; background: url(../img/pr_t.png) left no-repeat; height: 122px; float: left;}
.InProduct .Top .title .en{font-size: 14px; color: #999; padding-top: 50px; padding-left: 112px; margin-bottom: 10px;}
.InProduct .Top .title .cn{font-size: 30px; color: #ff0000; padding-left: 70px; font-weight: bold; position: relative;}
.InProduct .Top .title .cn::after{ position: absolute; content: '';margin-left: 25px; top:50%; margin-top: -1px; width: 70px; height: 2px; background: #ff0000;}
.InProduct .Top .line-click{ float: right; position: relative; margin-top: 85px; font-size: 15px; color: #666; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.InProduct .Top .line-click i{ position: relative; margin-left: 5px; display: inline-block; width: 17px; height: 12px; background:url(../img/more.png) no-repeat; background-size:auto 12px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.InProduct .Top .line-click:hover{ color: #ff0000;}
.InProduct .Top .line-click:hover i{background:url(../img/moreh.png) no-repeat;background-size:auto 12px; margin-left: 15px;}
.InProduct .ProList{ position: relative; margin-top: 40px; overflow:hidden;}
.InProduct .ProList .swiper-slide{float: left; width: 23.5%; margin-right: 2%;  background: #f9f9f9;}
.InProduct .ProList .swiper-slide .T{ position: relative;}
.InProduct .ProList .swiper-slide .T p{margin: 0 20px; font-size: 17px; color: #333; font-weight: bold; line-height:58px; border-top: 1px #dedede solid; text-align: center;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.InProduct .ProList .swiper-slide:hover .T p{color: #ff0000;}

.InApplication{ width:100%; position: relative; background:url(../img/Applicationbg.jpg) center no-repeat; padding: 70px 0;}
.InApplication .Top .title{ position: relative; background: url(../img/ab_t.png) left no-repeat; height: 122px; float: left;}
.InApplication .Top .title .en{font-size: 14px; color: #999; padding-top: 50px; padding-left: 112px; margin-bottom: 10px;}
.InApplication .Top .title .cn{font-size: 30px; color: #ff0000; padding-left: 70px; font-weight: bold; position: relative;}
.InApplication .Top .title .cn::after{ position: absolute; content: '';margin-left: 25px; top:50%; margin-top: -1px; width: 70px; height: 2px; background: #ff0000;}
.InApplication .ApplicList{ position: relative;}
.InApplication .ApplicList .bd{ width:100% !important;}
.InApplication .ApplicList .item{ width: 100% !important; position: relative;}
.InApplication .ApplicList .item .left{ width: 44%; float: left; margin-top: 45px;}
.InApplication .ApplicList .item .left .T{font-size:22px;color: #000;font-weight: bold;position: relative;}
.InApplication .ApplicList .item .left .Tc{font-size: 16px;color: #666;position:relative;margin-top: 20px;}
.InApplication .ApplicList .item .left .Tc::after{ position: absolute; content: ''; width: 70px; height: 2px; left: 0; top:55px; background: #ff0000;}
.InApplication .ApplicList .item .left .Tcon{ font-size: 15px; line-height: 2;  color: #666; margin-top: 65px; margin-bottom: 85px; position: relative;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;  -webkit-box-orient: vertical;}
.InApplication .ApplicList .item .left .line-click{ width: 230px; height: 56px; border-radius: 28px; background-color: #ff0000; position: relative; display: block; line-height: 56px; text-align: center; font-size: 16px; color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.InApplication .ApplicList .item .left .line-click i{ position: relative; margin-left: 30px; width: 48px; height: 15px; background:url(../img/Applicm.png) no-repeat; background-size:auto 15px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;display: inline-block;}
.InApplication .ApplicList .item .left .line-click:hover i{margin-left: 40px;}
.InApplication .ApplicList .item .left .line-click:hover{ background-color: #a70303;}
.InApplication .ApplicList .item .right{ width: 44%; float: right; margin-top: -70px;}
.InApplication .ApplicList .arrow{ position: absolute; right: 30%; bottom: 0;}
.InApplication .ApplicList .arrow .prev{ width: 50px; height: 50px; border-radius: 50%; background:#e3ecfc url(../img/Applicpr.png) center no-repeat; background-size:auto 20px; display: inline-block; margin: 0 10px;}
.InApplication .ApplicList .arrow .prev:hover{background:#e3ecfc url(../img/Applicprh.png) center no-repeat;  background-size:auto 20px;}
.InApplication .ApplicList .arrow .next{ width: 50px; height: 50px; border-radius: 50%; background:#e3ecfc url(../img/Applicne.png) center no-repeat;  background-size:auto 20px; display:inline-block; margin: 0 10px;}
.InApplication .ApplicList .arrow .next:hover{background:#e3ecfc url(../img/Applicneh.png) center no-repeat;  background-size:auto 20px;}

.InNews{ width:100%; position: relative; background:#fff url(../img/icobg.jpg) 70px 120px no-repeat; padding: 70px 0;}
.InNews .Top .title{ position: relative; background: url(../img/ne_t.png) left no-repeat; height: 122px; float: left;}
.InNews .Top .title .en{font-size: 14px; color: #999; padding-top: 50px; padding-left: 112px; margin-bottom: 10px;}
.InNews .Top .title .cn{font-size: 30px; color: #ff0000; padding-left: 70px; font-weight: bold; position: relative;}
.InNews .Top .title .cn::after{ position: absolute; content: '';margin-left: 25px; top:50%; margin-top: -1px; width: 70px; height: 2px; background: #ff0000;}
.InNews .Top .line-click{ float: right; position: relative;  margin-top: 85px; font-size: 15px; color: #666; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.InNews .Top .line-click i{ position: relative; margin-left: 5px; display: inline-block; margin-top: -6px;  width: 17px; height: 12px; background:url(../img/more.png) no-repeat; background-size:auto 12px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.InNews .Top .line-click:hover{ color: #ff0000;}
.InNews .Top .line-click:hover i{background:url(../img/moreh.png) no-repeat;background-size:auto 12px; margin-left: 15px;}
.InNews .NewsList{ position: relative; margin-top: 40px;}
.InNews .NewsList .left{ width: 34%; float: left;}
.InNews .NewsList .left a{ display: block; position: relative; padding: 25px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0, 0.05);}
.InNews .NewsList .left a::after{ position:absolute; content: ''; width: 0; height: 3px; background: #ff0000; bottom: 0; left: 0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.InNews .NewsList .left a:hover::after{ width: 100%;}
.InNews .NewsList .left .date{ font-size: 15px; color: #999; margin: 20px 0;}
.InNews .NewsList .left .T{font-size: 18px; line-height: 30px;color:#333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.InNews .NewsList .left .Tic{font-size: 15px; line-height: 2; color: #666; margin-top:10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.InNews .NewsList .left a:hover .T{ color: #ff0000;}
.InNews .NewsList .right{ width: 64%; float: right;}
.InNews .NewsList .right li{ position: relative;width: 100%; margin-bottom: 25px;}
.InNews .NewsList .right li:last-child{margin-bottom: 0;}
.InNews .NewsList .right li::after{ position:absolute; content: ''; width: 0; height: 3px; background: #ff0000; bottom: 0; left: 0; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.InNews .NewsList .right li:hover::after{ width: 100%;}
.InNews .NewsList .right li a{display: block; padding: 32px 3%; background: #fff; box-shadow: 0 0 20px rgba(0,0,0, 0.05);}
.InNews .NewsList .right li .T .title{ width: 80%; float: left; font-size:18px; color:#333; font-weight: bold; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.InNews .NewsList .right li .T .date{ font-size: 15px; color: #999; float: right;}
.InNews .NewsList .right li .Tic{font-size: 15px; line-height: 2; color: #666; margin-top:10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.InNews .NewsList .right li:hover .T .title{color: #ff0000;}

.footer{width: 100%; position: relative; background: #3e4851;border-top: 8px #ff0000 solid;}
.footer .footDiv{ padding: 50px 0; background: url(../img/footDivbg.png) center right no-repeat;}
.footer .footDiv .flogo img{ height:60px;}
.footer .footDiv .footNav{ width: 73%; float: left; position: relative; margin-top: 40px; border-right: 1px #2d353c solid;}
.footer .footDiv .footNav dl{ width: 16.6%; float: left;}
.footer .footDiv .footNav dl dt{ font-size: 17px; color: #fff; font-weight: bold;}
.footer .footDiv .footNav dl dd{ margin-top: 20px;}
.footer .footDiv .footNav dl dd a{ width: 100%; font-size: 15px; color: #d2d4d5; line-height: 32px; display: block; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.footer .footDiv .footNav dl dd a:hover{ color: #ff0000;}
.footer .footDiv .footR{ width: 22%; float: right;}
.footer .footDiv .footR dl{ width: 100%; position: relative; margin-bottom: 20px; text-align: right;}
.footer .footDiv .footR dl:last-child{ margin-bottom: 0;}
.footer .footDiv .footR dl dt{ font-size: 16px; color: #9c9c9d; margin-bottom: 10px;}
.footer .footDiv .footR dl dd{ font-size: 15px; color: #9c9c9d;}
.footer .footDiv .footR dl:first-child dd{ font-size: 24px; color: #fff;}
.footer .footDiv .footR dl dd a{ color:#fff;}
.footer .copy{ width: 100%; background-color: #eae8e8; font-size: 15px; color: #666; line-height: 70px; }
.footer .copy .left{ float: left;}
.footer .copy .right{ float: right;}
.footer .copy a{font-size: 15px; color: #666; margin: 0 5px;}
.footer .copy a:hover{color: #ff0000;}


.page_banner{width: 100%; overflow: hidden; position: relative;}
.page_banner img{display: block; width: 100%;}

.PageMain{position: relative; width: 100%;}
.PageMain .subNavBox{width: 100%; height: 70px; border-bottom: 1px solid #eee; background: #fff;}
.PageMain .subNavBox .curNav{height: 40px; line-height: 40px; background: #ff0000; display: inline-block; border-radius: 3px; z-index: 999; margin-top: -30px; padding: 0 25px; color: #fff;}
.PageMain .subNavBox .curNav .home{display: inline-block; width: 19px; height: 16px;  margin-right: 5px; margin-bottom: -2px;  background: url(../img/fangzi.png); background-size:auto 16px;}
.PageMain .subNavBox .curNav a{color: #fff;margin: 0 5px; font-size: 14px;}
.PageMain .subNavBox .subNav{ text-align: right; float: right;}
.PageMain .subNavBox .subNav li{ padding:0 30px; font-size: 16px; height: 70px;line-height: 70px; float:left; text-align: center; position: relative; box-sizing:border-box;}
.PageMain .subNavBox .subNav li::after{position: absolute; content: ''; width: 1px; height: 18px; background: #ddd; right: 0;top: 50%; margin-top: -9px;}
.PageMain .subNavBox .subNav li:last-child{ margin-right: 0;}
.PageMain .subNavBox .subNav li:last-child::after{ display: none;}
.PageMain .subNavBox .subNav li a{ font-size: 17px; color: #333;}
.PageMain .subNavBox .subNav li.open a,.PageMain .subNavBox .subNav li:hover a{color: #ff0000; font-weight: bold;}

.boxMax{position:relative; padding: 60px 0;background:#fff url(../img/about_us01.png) top center no-repeat;}
.boxMax .container .cover{ padding:50px 4%; background: #fff; font-size: 17px; line-height: 2; color: #333;}
.boxMax .container .cover img{max-width:100%;}

.about_us01{position: relative; background:#fff url(../img/about_us01.png) top center no-repeat;}
.about_us01 .navTitle{padding: 60px 0 40px 0; font-size: 24px; font-weight: bold; color: #000;}
.about_us01 .navTitle i{display: block;font-size: 17px;font-weight: normal;opacity: 0.5; margin: 8px 0 0 0;text-transform: uppercase; color: #ff0000;}
.about_us01 .boxGsjs{width:100%; display: block;margin: 0 auto; position: relative;background: #fff url(../img/bgGsjs.png) no-repeat right top;}
.about_us01 .boxGsjs .left{ width: 40%; float: left;}
.about_us01 .boxGsjs .right{width: 60%; float: right; padding: 50px 4% 0 4%;}
.about_us01 .boxGsjs .right .content{ font-size: 16px; line-height: 2;  overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6;  -webkit-box-orient: vertical;}
.about_us01 .boxGsjs .right .more{ width: 160px; height: 45px;box-shadow: 2px 3px 10px #bfbfbf; margin-top: 50px;text-align: center; position: relative;}
.about_us01 .boxGsjs .right .more::before{position: absolute; content: ''; width: 10px; height: 100%; left: 0; top: 0; background: #ff0000; z-index: 1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.about_us01 .boxGsjs .right .more a{ display: block; line-height: 45px; color: #333; font-size: 15px; position: relative; z-index: 2;}
.about_us01 .boxGsjs .right .more:hover::before{ width: 100%;}
.about_us01 .boxGsjs .right .more:hover a{ color: #fff;}
.about_us02{ width: 100%;position: relative; padding: 80px 0; background: url(../img/about_us02.jpg) center no-repeat;}
.about_us02 .item{display:inline-block; float: left; width:33.333%; height:100%; background:rgba(255,255,255,0.25); text-align:center}
.about_us02 .item:nth-child(even){background:rgba(255,255,255,0.15)}
.about_us02 .item img{ display:block; margin:30px auto 25px auto}
.about_us02 .item h1{ font-size:24px;line-height:34px;font-weight:bold;color:#fff;margin: 0 auto 30px auto;}
.about_us02 .item h1 i{ font-size:17px; font-weight:normal; text-transform:uppercase; display:block;}
.about_us02 .item:hover{ background:#ff0000}

.boxMax .Maxhonor{ position: relative;}
.boxMax .Maxhonor .item{ width: 25%; float: left; cursor: pointer; margin-bottom:1%;}
.boxMax .Maxhonor .item .cover{margin:0 2%; padding: 3px;border: 1px #ddd solid;}
.boxMax .Maxhonor .item p{ font-size: 15px; line-height: 50px; background: #f9f9f9; color: #333; text-align: center;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.boxMax .Maxhonor .item:hover p{ background: #ff0000; color: #fff;}
.boxMax .Maxhonor .item:hover .cover{border: 1px #ff0000 solid; background: #ff0000;}

.boxMax .Maxproduct{ position: relative;}
.boxMax .Maxproduct li{width: 25%; float: left;  margin-bottom:1%; background: #f9f9f9; overflow: visible;}
.boxMax .Maxproduct li a{display:block; margin:0 2%; box-shadow: 0 0 10px rgba(0,0,0, 0.1);}
.boxMax .Maxproduct li .T{ position: relative;}
.boxMax .Maxproduct li .T p{margin: 0 4%; font-size: 17px; color: #333; font-weight: bold; line-height:58px; border-top: 1px #dedede solid; text-align: center;}
.boxMax .Maxproduct li:hover .T p{color: #ff0000;}

.Maxapplic{ position: relative;}
.Maxapplic li{ width: 100%; position: relative; padding: 80px 0;}
.Maxapplic li:nth-child(2n){ background: #f6f2ef;}
.Maxapplic li .left{ width: 50%; float: left;}
.Maxapplic li .left .T{font-size:22px;color: #000;font-weight: bold;position: relative; margin-top: 30px;}
.Maxapplic li .left .Tc{font-size: 16px;color: #666;position:relative;margin-top: 20px;}
.Maxapplic li .left .Tc::after{ position: absolute; content: ''; width: 70px; height: 2px; left: 0; bottom:-30px; background: #ff0000;}
.Maxapplic li .left .Tcon{ font-size: 15px; line-height: 2; color: #666; margin-top: 65px; margin-bottom: 85px; position: relative;}
.Maxapplic li .right{ width: 44%; float: right;}
.Maxapplic li:nth-child(2n) .left{ float: right;}
.Maxapplic li:nth-child(2n) .right{ float: left;}

.boxnewsTop{ width: 100%; position: relative;}
.boxnewsTop .item .left{ width: 42%; float: left;}
.boxnewsTop .item .right{ width: 54%; float: right;}
.boxnewsTop .item .right .date{ font-size: 15px; color: #999; margin-top: 20px;}
.boxnewsTop .item .right .T a{font-size: 28px; line-height: 1.5; color:#333; font-weight: bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.boxnewsTop .item .right .Tic{font-size: 16px; line-height: 2; color: #666; margin-top:20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}
.boxnewsTop .item .right .T a:hover{ color: #ff0000;}
.boxnewsTop .item .right .more{ width: 160px; height: 45px;box-shadow: 2px 3px 10px #bfbfbf; margin-top: 60px;text-align: center; position: relative;}
.boxnewsTop .item .right .more::before{position: absolute; content: ''; width: 10px; height: 100%; left: 0; top: 0; background: #ff0000; z-index: 1; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.boxnewsTop .item .right .more a{ display: block; line-height: 45px; color: #333; font-size: 15px; position: relative; z-index: 2;}
.boxnewsTop .item .right .more:hover::before{ width: 100%;}
.boxnewsTop .item .right .more:hover a{ color: #fff;}
.boxNews{ width: 100%; position: relative; margin-top: 30px; background: #fff;}
.boxNews li{ width: 100%; float: left;  margin-bottom: 25px;}
.boxNews li a{ display: block; background: #f7f7f7; padding: 25px 3%; position: relative; }
.boxNews li .news_text{margin-top: 11px; position: relative; z-index:9;}
.boxNews li .news_text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 16%; margin: 0 20px 0 0;}
.boxNews li .news_text .img img{ display: block; width: 100%;  transition: 0.48s;}
.boxNews li .news_fix h3{ color: #232323; font-size: 17px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold;overflow: hidden;  transition: 0.35s;}
.boxNews li .news_fix p{ color: #666; font-size: 14px; line-height: 30px; height: 60px; overflow: hidden;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.boxNews li a:hover .news_text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.boxNews li a:hover .news_fix h3{ color: #ff0000;}




/* 品牌文化 */
.CultureBox{padding:40px;background:#fff;}
.CultureBox ul::after{content:'';display: block;clear: both;}
.CultureBox ul li{position: relative;margin-bottom:30px;overflow: hidden;}
.CultureBox ul li .img{padding-top:29%;}
.CultureBox ul li .txt{position: absolute;right:5%;top:50%;box-sizing: border-box;padding:40px;transform: translateY(-50%);-webkit-transform: translateY(-50%);color:#fff;}
.CultureBox ul li .txt b{display: block;width:30px;height:1px;background:#fff;margin:0 0 20px 0;display: none;}
.CultureBox ul li .txt span{font-size: 20px;position: relative;}
.CultureBox ul li .txt span::before{content:'';display: none;width:30px;height:1px;background:#333;position: absolute;left:-50px;top:50%;margin-top:-0.05px;}
.CultureBox ul li .txt p{font-size: 28px;font-weight: bold;color:#fff;margin-top:10px;}
.CultureBox ul li .con{max-width:600px;box-sizing: border-box;padding:5%;position: absolute;bottom:0;left:0;height:100%;width:60%;opacity: 0;transform: translateX(-150px);-webkit-transform: translateX(-150px);transition: all .5s;-webkit-transition: all .5s;}
.CultureBox ul li .con .conbox{height:100%;display:flex;justify-content:center;flex-direction: column; font-size:17px; line-height: 30px;color:#333;}
.CultureBox ul li:nth-child(2n-1) .con{transform: translateX(150px);-webkit-transform: translateX(150px);}
.CultureBox ul li:hover .con{transform: translateX(0);-webkit-transform: translateX(0);background:rgba(255,255,255,0.85);opacity: 1;}
.CultureBox ul li:nth-child(2n-1) .txt{left:5%;right:auto;}
.CultureBox ul li:nth-child(2n-1) .con{right:0;left:auto;}
.CultureBox ul li:hover .img span{transform: scale(1.05);-webkit-transform: scale(1.05);}
.imgbox span{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover !important;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    -webkit-transition: all .5s;
}



.pageNewsT{ width:100%; margin:0 auto; font-size:24px; color:#333;font-weight:bold; text-align: center;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:15px 0; border-bottom:dashed 1px #999; text-align: center;}
.pageNewsD{ width:100%; margin:0 auto; font-size:15px; color:#333; line-height:32px; margin-top:20px;}
.pageNewsD p a{font-size: 15px !important; }
.pageNewsD img{max-width:100%; margin:5px 0;}
.pageNewsD table{border-collapse:collapse;width:100% !important;}
.pageNewsD table,tr{ font-size: 15px; color: #444; }
.pageNewsD table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}


.rclnList{ position: relative; width: 100%; background: url(../img/bgRcln1.png); background-size: cover;}
.rclnList .box{padding: 115px 110px;}
.rclnList .box .left{ position: relative; z-index: 9; float: left;}
.rclnList .box .left h1{ font-size: 28px; color: #333;}
.rclnList .box .left h2{ width: 50px; height: 3px; background: #ff0000; margin: 20px 0;}
.rclnList .box .left p{ font-size: 16px; line-height: 30px; color: #666;}
.rclnList .box .right{ position: absolute; right: 0; top: 0;}
.rczpList{ position: relative;}
.rczpList li{ float: left; -webkit-box-sizing: border-box; box-sizing: border-box; width: 32%; margin: 0 2% 16px 0; padding: 16px;text-decoration: none;background: #fff; border-radius: 4px;box-shadow: 0 0 20px rgba(0,0,0, 0.05);}
.rczpList li:nth-child(3n){ margin-right:0;}
.rczpList li .name{ overflow: hidden; color: #333; font-weight: 700; font-size: 17px; white-space: nowrap;-o-text-overflow: ellipsis; text-overflow: ellipsis; margin-bottom: 8px;}
.rczpList li .label-box{font-size: 0;}
.rczpList li .label-box>div{ display: inline-block; -webkit-box-sizing: border-box;box-sizing: border-box;margin-left: 10px;padding: 0 10px;color: #666;font-size: 14px; line-height: 22px; background: #f8f8f8; border-radius: 2px;}
.rczpList li .label-box>div:first-child { margin-left: 0;}
.rczpList li:hover .name{ color: #ff0000;}
.rczpList .left{ width: 32%; float: left;}
.rczpList .left .ellipsis{ color: #000; font-weight: 700;font-size: 28px; margin-bottom: 12px;}
.rczpList .left .job-properties { color: #333;font-size: 15px;}
.rczpList .left .job-properties .split { display: inline-block; width: 1px; height: 12px; margin: 0 12px; background: #f0f3f7;}
.rczpList .right{width: 66.5%; float: right;}

.boxContact{width:100%; display:block; margin:0 auto; position:relative; z-index:1;background:#de2013 url(../img/bgContact.jpg) no-repeat center; padding:50px;}
.boxContact ul li{display:inline-block; width: 33.333%; float: left; }
.boxContact ul li:first-child{ padding:0}
.boxContact ul li img{display:inline-block; vertical-align:middle; margin:0 13px 0 0}
.boxContact ul li span{color:#fff;display:inline-block; vertical-align:middle;font-size:16px; line-height:28px;}
.contactMap{ background: #fff; padding: 10px;}
.contactMap .Map{height: 400px; width: 100%; background: #fff;}

.contactzxly .title{ font-size:26px; font-weight:bold; text-align:center; margin-bottom:25px; margin-top:20px;} 
.contactzxly .item .li {
    display: inline-block;
    vertical-align: top;
    line-height: 60px;
    height: 60px;
    border: 1px solid rgba(0,0,0,.3);
    width: 32.5%;
    margin-left: 1.25%;
    position: relative;
    float: left;
    padding-left:120px;
    box-sizing: border-box;
}
.contactzxly .item .li1{ width:100%; margin-top:20px; }
.contactzxly .item .li:nth-child(3n+1) {
    margin-left: 0;
}
.contactzxly .item .li .span {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    padding-left: 50px;
    padding-right: 10px;
}

.contactzxly .item .li .span img {
    position: absolute;
    left: 10px;
    width: 26px;
    top: .0;
    bottom: 0;
    margin: auto;
}
.contactzxly .item .li .span span {
    text-align-last: justify;
    display: block;
}

.contactzxly .item .li .input {
    height: 100%;
}

.contactzxly .item input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: none;
}
.submit-btn-h{
    display: block;
    margin: 30px auto;
    height: 45px;
    border-radius: 23px;
    width: 150px;
    color: #fff;
    border: none;
    outline: none;
    background: #ca171d;
    transition: .5s ease-in-out;
}




/* fenye */
.pages { margin:20px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:36px; line-height:36px; background:#f7f7f7; }
.pages li a{text-align:center; color:#333; padding:0 15px;}
.pages .active {background:#ff0000;  text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover { background:#ff0000;   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;}
.pages1{ width:100%; padding: 2% 0; background: #fff;border-top: 1px #ccc dashed; margin-top: 20px; }
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_l:hover a{ color:#ff0000;}
.pages1_r{ float:left; width:100%; }
.pages1_r a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_r:hover a{ color:#ff0000;}



/* main CSS */
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 50%;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #ff0000;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../img/icon/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icon/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icon/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icon/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icon/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../img/icon/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../img/icon/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icon/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #ff0000;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icon/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../img/icon/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}