@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'segoeui_1';
    src: url('./fonts/segoeui_1.eot');
    src: local('☺'), url('./fonts/segoeui_1.woff') format('woff'), url('./fonts/segoeui_1.ttf') format('truetype'), url('./fonts/segoeui_1.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}
@font-face {
    font-family: 'arial_0';
    src: url('./fonts/arial_0');
    src: local('☺'), url('./fonts/arial_0.woff') format('woff'), url('./fonts/arial_0.ttf') format('truetype'), url('./fonts/arial_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}
@font-face {
    font-family: 'arialbd_0';
    src: url('./fonts/arialbd_0.eot');
    src: local('☺'), url('./fonts/arialbd_0.woff') format('woff'), url('./fonts/arialbd_0.ttf') format('truetype'), url('./fonts/arialbd_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}

@font-face {
    font-family: 'ariblk_0';
    src: url('./fonts/ariblk_0.eot');
    src: local('☺'), url('./fonts/ariblk_0.woff') format('woff'), url('./fonts/ariblk_0.ttf') format('truetype'), url('./fonts/ariblk_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}

@font-face {
    font-family: 'segoeui_1';
    src: url('./fonts/segoeui_1.eot');
    src: local('☺'), url('./fonts/segoeui_1.woff') format('woff'), url('./fonts/segoeui_1.ttf') format('truetype'), url('./fonts/segoeui_1.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}

@font-face {
    font-family: 'seguisb_1';
    src: url('./fonts/seguisb_1.eot');
    src: local('☺'), url('./fonts/seguisb_1_0.woff') format('woff'), url('./fonts/seguisb_1.ttf') format('truetype'), url('./fonts/seguisb_1.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}

@font-face {
    font-family: 'Segoe UI Bold_0';
    src: url('./fonts/Segoe UI Bold_0.eot');
    src: local('☺'), url('./fonts/Segoe UI Bold_0.woff') format('woff'), url('./fonts/Segoe UI Bold_0.ttf') format('truetype'), url('./fonts/Segoe UI Bold_0.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display:fallback;
}

body{font-family:Arial; font-size: 18px;overflow-x: hidden; color: #333;}
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{font-size: 14px;border:none;margin: 0;padding: 0;}
img{border: 0 none;vertical-align: middle;}
a{color: #030303;text-decoration:none;background-color:transparent;transition: 0.5s;}
a:hover{cursor: pointer; color:#d01c14;}
a:focus{outline:none;}
ul, li, dl, dt, dd{list-style:none outside none;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
*{ box-sizing: border-box; }


.owl-theme .owl-controls{ text-align: center;}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{

    color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ width:45px; height:45px;  font-size: 0;   filter: Alpha(Opacity=50);/*IE7 fix*/  opacity: 0.5;}

.owl-prev {position: absolute; top: 45%; right: 8px; background:url(images/yjt.png)no-repeat #000;}
.owl-next {position: absolute; top: 45%; left: 8px; background:url(images/zjt.png) no-repeat #000;}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
/*.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: 0.5;  -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px; }
.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(AjaxLoader.gif) no-repeat center center}*/

/* clearfix */
.owl-carousel .owl-wrapper:after {  content: "."; display: block; clear: both;  visibility: hidden; line-height: 0; height: 0;}
/* display none until init */
.owl-carousel{ 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);}
/* mouse grab icon */
/*.grabbing { cursor:url(grabbing.png) 8 8, move;}*/

/* fix */
.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);}

/* CSS3 Transitions */

.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;}
/* fade */
.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;}
/* backSlide */
.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;}
/* goDown */
.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;}
/* scaleUp */
.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;}
/* Keyframes */
/*empty*/
@-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('./fonts/iconfont.eot?t=1611127611242'); /* IE9 */
    src: url('./fonts/iconfont.eot?t=1611127611242#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
    url('./fonts/iconfont.woff?t=1611127611242') format('woff'),
    url('./fonts/iconfont.ttf?t=1611127611242') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('./fonts/iconfont.svg?t=1611127611242#iconfont') 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-iconfontshouye:before {
    content: "\e60a";
}

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

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

.icon-fanhui:before {
    content: "\e609";
}

.icon-dianhua2:before {
    content: "\e60c";
}

.icon-dizhi:before {
    content: "\e635";
}

.icon-tuite:before {
    content: "\e60b";
}

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

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

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

.icon-zhengshu:before {
    content: "\e668";
}

.icon-jiantou:before {
    content: "\e6d5";
}

.icon-dianhua:before {
    content: "\e61e";
}

.icon-IN:before {
    content: "\e6ba";
}

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

.icon-riqi:before {
    content: "\e67d";
}

.icon-Facebook:before {
    content: "\e603";
}

.icon-dianhua1:before {
    content: "\e62e";
}

.icon-you-tube:before {
    content: "\e6c9";
}

.icon-weixiujihua:before {
    content: "\e63f";
}

.icon-weixiuzhong:before {
    content: "\e64a";
}

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

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

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

.icon-tuanduibaozhang:before {
    content: "\e643";
}

.icon-sousuo:before {
    content: "\e610";
}

.l_fixed{ width: 40px; position: fixed; top: 30%; left: 0; z-index: 666; }
.l_fixed li{ position: relative; margin-bottom: 1px; transition: all 0.3s; }
.l_fixed li a{ width:100%; height: 40px; font-size: 20px; text-align: center; line-height: 40px; background: #29CE44; color: #fff; display: block; }
.l_fixed li a i{ font-size: 20px; }
.l_fixed li a span{ display:block; position: absolute; top: 0; line-height: 40px; padding: 0 10px; background: #29CE44; left: -999px; width: 0; font-size: 16px; transition: all 0.5s; }
.l_fixed li:nth-of-type(2) a{ background: #ed7d2a; }
.l_fixed li:nth-of-type(3) a{ background: #3a82d3; }
.l_fixed li:nth-of-type(4) a{ background: #30afeb; }
.l_fixed li:nth-of-type(5) a{ background: #e41d25; }
.l_fixed li:nth-of-type(2) a span{ background: #ed7d2a; }
.l_fixed li:hover a span{ width: 250px; left: 40px; }
.l_fixed li:hover{ opacity: 0.9; }



.fixnav {
    position: fixed;
    left: 0;
    top: 45%;
    z-index: 10;
}
.fixnav li {
    transition: all .3s;
    width: 40px;
    text-align: center;
    font-size: 12px;
    height: 40px;
    margin-bottom: 1px;
    background: #ececed;
    position: relative;
}
.fixnav li .ic {
    width: 40px;
    line-height: 40px;
    height: 40px;
    background:#d20000;
    position: relative;
    z-index: 2;
}
.fixnav li a {
    color: #fff;
    transition: all .1s
}
.fixnav li .iconfont {
    font-size: 22px;
}
.fixnav li:nth-of-type(2) .ic {
    background: #ed7d2a;
}
.fixnav li:nth-of-type(3) .ic {
    background: #3a82d3;
}
.fixnav li:nth-of-type(4) .ic {
    background: #30afeb;
}
.fixnav li:nth-of-type(5) .ic {
    background: #0085b2;
}
.fixnav li:nth-of-type(6) .ic {
    background: #fc1a1c;
}
.fixnav li span {
    line-height: 40px;
    transition: all .3s;
    overflow: hidden;
    font-size: 16px;
    padding: 0 10px;
    margin-right: 40px;
    position: absolute;
    left: -600px;
    top: 0;
    z-index: 3;
    width: 230px;
    z-index: 0;
    text-align: left
}
.fixnav li:hover span {
    display: block;
    left: 40px;
    background: #d20000;
    color: #fff
}
.fixnav li:nth-of-type(2):hover span {
    background: #ed7d2a;
}
.fixnav li:hover .ic {
    opacity: 0.85;
}
.footmenu {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    max-width: 1024px;
    display: none;
}
.footmenu img {
    display: block
}
.footmenu div.bgcolor {
    clear: both;
}
.footmenu div.con {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 10px;
    background: #d20001;
}
.footmenu a {
    color: #fff;
    font-size: 16px;
    display: block;
    width: 25%;
    text-align: center;
    float: left;
    position: relative;
    line-height: 20px;
    padding-top: 5px;
}
.footmenu i {
    display: block;
    width: 25px;
    height: 25px;
    margin: 6px auto 2px;
    font-size: 26px;
}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {  -webkit-appearance: none;}
.w_p_main{ background: #fff; overflow: hidden;  }
.main{ background: #f4f4f4; overflow: hidden;  }
.warper{ width:1366px; margin:0 auto; position: relative; padding:0 10px}
.backToTop{width:60px; height:60px; background: url(images/icon_top.png) #ba1a24 no-repeat center; cursor:pointer; position:fixed; right:3%; text-indent:9999px; bottom:100px; color: #fff; transition: all .3s}
.backToTop:hover{ opacity: .9;}

#boxDiv { width: 100%; height:auto; position: relative;}
#boxDiv:before{ content: ''; position: absolute; width: 100%; height: 100%;  }
#boxDiv video{ width: auto; height: auto; min-height: 100%; min-width: 100%; z-index: -9999; position: fixed; right: 0; bottom: 0; }


.header{ width: 100%; height: 170px; background: transparent; z-index: 999; position: fixed;   left: 0;  }
.header_top{ height:50px; position:relative;}
.position .header_top { display:none;}
.header_top_lcon { width:85%; height:50px; line-height:50px; font-size:16px; float:left; color:#FFF; padding-left:20px;}
.header_top_lcon p { width:auto; line-height:50px; margin-right:5%; float:left; padding-left:20px; position:relative; padding-left:30px;}
.header_top_lcon p a { color:#c9c9c9; height:50px; display:block; font-family:segoeui_1; font-size:14px;}
.header_top_lcon p a:hover { color:#ba1a24; height:50px; display:block;}
.header_top_lcon i { font-size: 22px; font-weight: 100; position: absolute;  left: 0;  top: 1px; color:#ba1a24;}


.header_top_rcon { width:15%; height:50px; line-height:72px; float:left; }
.header_top_rcon p  { width:25%; height:50px; line-height:50px; float:left; text-align:right; font-size:18px;}
.header_top_rcon a { color:#FFF; font-size:18px;}
.header_top_rcon a:hover{ color:#ba1a24;}



.header_box{ background: #fff; border-radius: 10px; position: relative; }bg
                                                                         .logo{ position: absolute;left: 28px; top: 8px; z-index: 55; }
.logo img{ transition: all 0.3s; }


.header_db{ height:44px; background:#242424; position:relative;}
.header_db_lcon { width:88%; height:44px; line-height:44px; font-size:16px; float:left; color:#FFF;}
.header_db_lcon p {width: auto;line-height: 50px; margin-right: 5%; float: left;  padding-left: 20px;  position: relative; padding-left: 30px;}
.header_db_lcon i { font-size: 22px; font-weight: 100;  position: absolute; left: 0;  top: 1px;  color: #ba1a24;}
.header_db_lcon p a { color: #c9c9c9; height: 50px; display: block;  font-family: segoeui_1;  font-size: 14px;}
.header_db_lcon p a:hover { color:#ba1a24; height:44px; display:block;}

.header_db_rcon { width:12%; height:44px; line-height:44px; float:left; }
.header_db_rcon p  { width:25%; height:44px; line-height:44px; float:left; text-align:center; font-size:18px;}
.header_db_rcon a { color:#FFF; font-size:18px;}
.header_db_rcon a:hover{ color:#ba1a24;}




h6{ display: inline-block; font-weight: normal; }
#nav:after{  content: '';  display: block;  clear: both;}

.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); z-index:999999999999999999999;}
.close-open{opacity: 0.5;visibility: visible;}
.body-hidden{overflow: hidden!important;}
#nav .nav-button{width: 35px;height: 35px; z-index: 5; border-radius: 3px;background: #d01c14 ; color: #111;position: absolute; right: 10px; top: 10px;line-height: 35px;text-align: center;font-size: 20px;}
#nav .nav-button i{ color: #fff; font-size: 22px; font-weight: 600; }
#nav .nav-button{display: none;}
.logo { position:absolute; left:10px; z-index:1;}
.logo a { display:block;}
#nav{ position: relative; }
nav{ float: right; margin-right: 120px;}
nav li{ float: left; position: relative;  height:86px; line-height:86px; }
nav li>a{ color: #030303; position: relative; display: block; text-align: center; transition:0.5s; font-size:18px; font-family:seguisb_1; font-weight:600;  padding:0 28px; }
nav li.on a,nav li:hover a{ color: #fff; cursor: pointer; background:#d01c14; /*height:86px;  line-height:86px; */padding:0 28px;  }
nav dl{ opacity: 0; background: #fff; transition: opacity 1s ease;position: absolute; display: block; width:auto; top: 85px;  left:-9999px; z-index: 999;  }
/*nav dl:after{ content: ''; width: 105px; height: 4px; background: #d01c14; position: absolute; top: 0; left: 0; }*/
nav dl dd{ display: block; position: relative; }
nav li dl dd a{ opacity: 1; background: transparent !important; color: #222 !important; display: block; padding: 0 20px; text-align:left; white-space: nowrap;font-size:16px; font-weight:bold; height:45px; line-height:45px;}
nav li dl dd a h6 { font-size:30px; color:#d01c14; margin:0 10px;}
nav li dl dd a:after{ display: none; }

nav li dl dd a h3 { margin:0 10px; background:url(./images/nav01.png) no-repeat left; float:left; width:50px; height:72px; float:left;}
/*nav li dl dd a:hover h3 { background:url(./images/nav01_hover.png) no-repeat left;}*/

nav li dl dd a h4 { margin:0 10px; background:url(./images/nav02.png) no-repeat left; float:left; width:50px; height:72px; float:left;}
/*nav li dl dd a:hover  h4{ background:url(./images/nav02_hover.png) no-repeat left;}*/
nav li dl dd a h5 { margin:0 10px; background:url(./images/nav03.png) no-repeat left; float:left; width:50px; height:72px; float:left;}
nav li dl dd a h7 { margin:0 10px; background:url(./images/nav04.png) no-repeat left; float:left; width:50px; height:72px; float:left;}
nav li dl dd a h8 { margin:0 10px; background:url(./images/nav05.png) no-repeat left; float:left; width:50px; height:72px; float:left;}

nav dl dd div{position: absolute; left: 100%; top: 0; background:rgba(255,255,255,.5); display: none;}
nav dl dd:hover div{display: block; color:#333;background:rgba(255,255,255);}
nav dl dd div a{padding:15px 20px; border-bottom: none; color:#FFF;}


nav li dl dd a:hover{ background: #f4f4f4 !important; border-radius: 0 !important; cursor: pointer; color: #222 !important;}
nav li dl dd a:hover h6{ color:#d01c14; }

nav li:hover dl{ left: 0; opacity: 1; }
/*nav li:nth-of-type(4):hover dl{ display: none; }*/
.subnav{ position: absolute; display: none; border-top: 1px solid #d01c14; left: 0; width: 100%; background: rgba(255,255,255,0.95); top: 90px; border-radius: 10px; padding: 20px;  }
.subnav ul{ width: 100%; overflow: hidden; }
.subnav ul li{ float: left; padding: 0 50px; position: relative; }
.subnav u li:firstl-child{ padding-left: 0; }
.subnav ul li p{ font-size: 18px; color: #d01c14; font-weight: bold; }
.subnav ul li span{ font-size: 16px; font-weight: bold; color: #666; margin-top: 5px; display: inline-block;}
.subnav ul li a i{ font-size: 32px; }
.subnav ul li a{ font-size: 20px; padding-top: 5px; display: inline-block; }
.subnav ul li *{ vertical-align: middle; }
.subnav ul li:after{ content: ''; width: 1px; height: 55px; background: #d3d6d7; position: absolute; right: 0; top: 0; }

.page_nav{ width: 100%; height: 90px; background: #fff; z-index: 999; position: fixed;  top: 0;  left: 0;  }

.position .header_db { display:none;}

.page_nav .subnav{ border-radius: 0; }
.page_nav .logo{ left: 0; z-index:1; }
.position{/*box-shadow: 0 1px 10px 0 rgba(0,0,0,0.3);*/ height: 86px; }
.position nav li{ /*padding: 0 23px;*/ }
.position .logo{ top: -3px; }
.position .head_rcon{ top: 28px; }
.position .subnav{ top: 80px; }
.position .searchform{ top: 58px; }
.position nav dl{ top: 80px; }

.head_rcon{ position: absolute; right: 30px; top: 35px; width: 100px; transition: all 0.3s; }
.search_form{width: 100%; height: 32px;background-color:#a1a0a0;}
.search_input {width: 85%; float: left;height:32px;color: #fff;border: medium none;line-height:32px;text-indent:5px;background-color:#333;}
.search_btn {width: 15%;height: 32px;float: right;cursor: pointer;border: medium none;background: #e50011 url("./images/abg_2.png") center center no-repeat;}
.search-button{ width: 24px; height: 24px; text-align: center; line-height: 24px;float:right; }
.search-button i{ color: #bebebe; font-size: 24px; cursor: pointer; }
.searchform{ height: 0; overflow: hidden;background:#d01c14;position: absolute; right: 0; top:51px; width: 240px; transition: all .3s;}
.searchform i{ font-size: 24px; color: #fff; }
.searchform input{ width: 190px; background:#d01c14; color: #fff; line-height:50px; padding-left:10px; float: left; outline:none; }
.searchform button{ width:54px; line-height:50px; background:#d01c14; border: 0; color: #fff; text-align: center; outline: none; cursor: pointer; transition: all .5s; position: absolute; right: 0; top: 0}
.searchform input::-webkit-input-placeholder { color: #fff;}
.searchform input:-moz-placeholder { color: #fff;}


.languagebox {
    margin-top:-5px;
    position: relative;
    width: 120px;
    font-size: 15px;
    height: 34px;
    padding: 0 8px;
    float:left;
}
.languagebox i {
    display: inline-block;
    vertical-align: top;
    margin-top: 4px;
    color: #000;
    font-size: 18px;
}
.languagebox ul {
    padding-right: 15px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    transition: all .3s;
    position: absolute;
    left: 25px;
    top: 0;
}
.languagebox ul li {
    padding: 0 5px;
}
.languagebox a {
    line-height: 30px;
    color: #666;
    text-transform: uppercase;
    font-size:16px;
}
.languagebox:hover ul {
    height: auto;
}

/*pro*/

.prozong { width:100%; height:auto; overflow:hidden; background:url(images/pro_bg.jpg) repeat-y center;}
.pro { width:100%; height:auto; margin:0 auto;}
.pro .tit { width:100%; height:auto; float:left; font-size:40px; color:#FFF; float:left; font-family:Segoe UI Bold_0; text-transform:uppercase; position:relative; font-weight:bold; margin-top:50px;}
.pro .tit:before {  width: 50px;  height:4px; background: #d01c14; content: ""; top:40px;  left:240px;   position: absolute;  z-index: 1;}
.pro_1 { width:100%; height:auto; float:left; margin-top:40px;}
.pro_1 .lcon { width:49%; height:auto; float:left;}
.pro_1 .lcon_cp{ width:100%; height:auto; float:left;}
.pro_1 .lcon_cp ul li { width:100%; height:auto; float:left;}
.pro_1 .lcon_cp ul li img { width:100%; height:auto; transition: all .3s;}
.pro_1 .lcon_cp ul li:hover img {transform: scale(1.15);}
.pro_1 .lcon_cp ul li p { width:100%; height:100px; background:rgba(0,0,0,0.6); position:absolute; margin-top:-100px; font-size:20px; color:#FFF; text-align:center; line-height:60px; font-family:seguisb_1;}
.pro_1 .lcon_cp ul li p a:hover { background:#ba1a24;}
.pro_1 .lcon_cp  .owl-theme .owl-controls { margin-top: -55px;  z-index: 1; position: inherit;}
.pro_1 .lcon_cp .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;}
.pro_1 .lcon_cp .owl-theme .owl-controls .owl-page span{  display: block;  width: 12px;  height: 12px;  margin: 5px 7px;    -webkit-border-radius: 20px;  -moz-border-radius: 12px;  border-radius: 20px;  background: #fff;}
.pro_1 .lcon_cp .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ background:#d01c14; width:12px; height:12px;}
.pro_1 .lcon_cp .owl-theme .owl-controls .owl-prev{ background:none; transform: rotate(180deg); }
.pro_1 .lcon_cp .owl-theme .owl-controls .owl-next{ background: none; }



.pro_1 .rcon { width:49%; height:auto; float:right;}

.pro_lis li{width: 49%; float: left; margin-bottom:1.7%;}
.pro_lis li:nth-child(2n) { float:right;}
.pro_lis a{display: block; background: #000; overflow: hidden; position: relative;}
.pro_lis li .pic,.blogbox .top .pic{overflow: hidden; opacity: .8}
.pro_lis li .pic img { width:100%; transition:all .3s;}
.pro_lis li .pic:hover img { transform:scale(1.15)}
.pro_lis h3{width: 80%; left: 10%; top: 60%; color: #fff; position: absolute; text-align: center; height:71px; overflow: hidden; transition: all .3s;}
.pro_lis h6{width: 72px; height: 72px; border-radius: 50%; border:2px solid #fff; position: absolute; left: 50%; line-height: 60px; color: #fff; text-align: center; font-weight: 100; font-size:32px; margin-left: -36px; bottom: 48%; transition: all .3s;}
.pro_lis h6 img { text-align:center;}
.pro_lis li:hover h3{top: 60%}
.pro_lis li:hover h6{bottom: 48%; background:#ba1a24; border:none;}


.pro_2 { width:100%; height:auto; float:left; margin-top:40px;}
.pro_2 .lcon { width:50%; height:auto; float:left;}
.pro_2 .lcon .tit { width:100%; height:auto; float:left; font-size:40px; color:#FFF; float:left; font-family:Segoe UI Bold_0; text-transform:uppercase;  font-weight:bold; margin-top:50px;}
.pro_2 .lcon .tit:before { display:none;}
.pro_2 .lcon h2 {width:100%; height:auto; font-size:24px; color:#FFF; float:left; font-family:seguisb_1;   position:relative; font-weight:normal; padding-left:60px; margin-top:6px;}
.pro_2 .lcon h2:before {  width: 50px;  height:4px; background: #d01c14; content: ""; top:14px;  left:0px;   position: absolute;  z-index: 1;}
.pro_2 .lcon_1 { width:100%; height:auto; float:left; background:#FFF; padding:40px; margin-top:40px;}
.pro_2 .lcon_1  ul li { width:100%; line-height:34px; color:#888; font-size:17px; font-family:segoeui_1; float:left; padding-left:15px; position: relative;}
.pro_2 .lcon_1  ul li i { width:8px; height:8px; background:#b9b9b9; border-radius:8px; position: absolute; margin-left: -15px; margin-top: 14px;}



.pro_2 .rcon { width:50%; height:auto; float:left; margin-top:38px;}
.pro_2 .rcon img { width:100%; height:auto; transition: all .3s;}
.pro_2 .rcon:hover img {transform: scale(1.15)}
.pro_2 .rcon p { width:100%; height:100px; background:rgba(0,0,0,0.6); position:relative; margin-top:-100px; font-size:18px; color:#FFF; text-align:center; line-height:30px; padding:20px 40px; font-family:seguisb_1;}

/*pro*/

/*case*/
.casezong { width:100%; height:auto; overflow:hidden; background:url(images/case_bg.jpg) no-repeat center; padding-bottom:40px;}
.case { width:100%; height:auto; margin:0 auto;}
.case_1 { width:100%; height:220px; float:left; background:#FFF; padding:65px;}
.case_1 ul li { width:25%; height:auto; float:left; text-align:center;}
.case_1 ul li h6 { width:100%; height:50px; line-height:50px; font-size:46px; color:#222222; float:left; }
.case_1 ul li p { width:100%; height:40px; line-height:40px; font-size:18px; color:#222; float:left; text-align:center; font-family:segoeui_1; font-weight:bold;}
.case_1 ul li:hover h6 { background:#ba1a24; width:88px; height:88px; border-radius:88px; color:#FFF; text-align:center;   margin-left: 36%; line-height: 88px; margin-top: -20px;}

.case_2 { width:100%; height:auto; float:left; }
.case_2 .tit { width:100%; height:auto; float:left; font-size:40px; color:#222; float:left; font-family:Segoe UI Bold_0; text-transform:uppercase;  font-weight:bold; margin-top:50px; position:relative;}
.case_2 .tit:before {  width: 50px;  height:4px; background: #d01c14; content: ""; top:40px;  left:110px;   position: absolute;  z-index: 1;}

.case_3 { width:100%; height:auto; float:left; margin-top:30px; margin-bottom:20px;}

.case_lis li{width: 32.333%; float: left; margin-right:1.5%; margin-bottom:30px;}
.case_lis li:nth-child(3n) { float:right; margin-right:0;}
.case_lis a{display: block; background: #000; overflow: hidden; position: relative;}
.case_lis li .pic,.blogbox .top .pic{overflow: hidden; opacity: .7}
.case_lis li .pic img { width:100%;}
.case_lis h3{width: 80%; left: 10%; top: 40%; color: #fff; position: absolute; text-align: center; height:56px; line-height:28px; overflow: hidden; transition: all .5s; font-size:18px;}
.case_lis h6{width: 45px; height: 45px; border-radius: 50%; position: absolute; left: 50%; line-height: 45px; color: #fff; text-align: center; font-weight: 100; font-size:24px; margin-left: -36px; bottom: 30%; transition: all .3s; background:#ba1a24;}
.case_lis h6 img { text-align:center;}
.case_lis li:hover h3{top: 140%}
.case_lis li:hover h6{bottom: -30%; background:#ba1a24; border:none;}
.case_lis li:hover .pic,.blogbox .top .pic{overflow: hidden; opacity: 1}


.case_4 { width:100%; height:auto; float:left; }
.case_4 .tit { width:100%; height:auto; float:left; font-size:40px; color:#222; float:left; font-family:Segoe UI Bold_0; text-transform:uppercase;  font-weight:bold; position:relative; text-align:right;}
.case_4 .tit:before {  width: 50px;  height:4px; background: #d01c14; content: ""; top:40px; right:130px;   position: absolute;  z-index: 1;}

.case_5 { width:100%; height:auto; float:left; margin-top:40px;}
.case_5 ul li {width: 32.333%; float: left; margin-right:1.5%; margin-bottom:30px;}
.case_5 ul li:nth-child(3n) { float:right; margin-right:0;}
.case_5 ul li img { width:100%; height:auto;  transition: all .3s; }
.case_5 ul li:hover img { transform: scale(1.15);}
.case_5 ul li p { width:100%; height:60px; line-height:60px; font-size:20px; color:#222; text-align:center; font-family:segoeui_1; font-weight:bold; overflow:hidden;}
.case_5 ul li a:hover p { color:#ba1a24;}
/*case*/

/*news*/
.newszong { width:100%; height:auto; overflow:hidden; background:url(images/news_bg.jpg) repeat center;}
.news { width:1366px; height:auto; margin:0 auto;}
.news_1 { width:100%; height:auto; float:left;}
.news_1 .tit { width:100%; height:auto; float:left; font-size:40px; color:#fff; float:left; font-family:Segoe UI Bold_0; text-transform:uppercase;  font-weight:bold; margin-top:50px; position:relative;}
.news_1 .tit:before {  width: 50px;  height:4px; background: #d01c14; content: ""; top:40px;  left:300px;   position: absolute;  z-index: 1;}
.news_2 { width:100%; height:auto; float:left; margin-top:30px;}
.news_2 ul li { width:100%; height:auto; float:left; padding:20px 40px; background:#e8eaec; margin-bottom:30px;}
.news_2 ul li .left { width:22%; height:auto; float:left; padding-right:20px;}
.news_2 ul li .left h2 { width:100%; line-height:35px; font-size:20px; color:#222; float:left; height:105px; font-family:segoeui_1; margin-top:10px;}
/*.news_2 ul li:hover .left h2 { color:#ba1a24;}*/
.news_2 ul li .left span {width: 100%;  line-height: 50px; margin-right: 5%;   float: left; position: relative; margin-top:15px; color:#888; font-family:segoeui_1;}
.news_2 ul li .left h6 { font-size: 22px;  font-weight: 100;   left: 0; top: 1px;   color: #888;}
.news_2 ul li .center { width:22%; height:auto; float:left; padding-right:40px;}
.news_2 ul li .center img { width:100%; height:auto; transition:all .3s;}
.news_2 ul li:hover .center img { transform:scale(1.15);}
.news_2 ul li .right { width:56%; height:auto; float:left;}
.news_2 ul li .right p { width:100%; height:90px; line-height:30px; font-size:18px; color:#888; float:left; margin-top:10px; font-family:segoeui_1; overflow:hidden;}
.news_2 ul li:hover .right p { color:#ba1a24;}
.news_2 ul li .right span { width:100%; height:auto; float:left; line-height:40px; font-size:20px; color:#222; margin-top:30px; font-family:seguisb_1;}
.news_2 ul li .right h6 { color:#222; font-size:16px; margin-left:5px;}
.news_2 ul li:hover .right span { color:#ba1a24;}
.news_2 ul li:hover .right h6 {color:#ba1a24; }
/*news*/



footer .footer{ overflow: hidden; }
footer .copyright{ font-size: 18px; padding: 30px; clear: both;  color:#787d86; text-align:center; line-height:25px; border-top:solid 1px #455265; font-family:segoeui_1; }

footer .item{ padding-top: 52px; padding-bottom: 48px; }
footer .item h2 { font-size:30px; color:#FFF; font-weight:bold; text-align:left; text-transform:uppercase; margin-bottom:35px; font-family:Segoe UI Bold_0;}
footer .item1{ width:23%; float: left; }
footer .item1 img{ width: 100%; margin-bottom:40px;}
footer .item1 p { width:100%; line-height:30px; font-size:18px; color:#888; font-family:segoeui_1;}

footer .item2{ width:33.333%; float: left; padding-top:80px;}
footer .item1 p { width:100%; line-height:30px; font-size:18px; color:#888; font-family:segoeui_1;}
footer .item1 p a { color:#888;}
footer .item1 p a:hover{ color:#d01c14;}

footer .item3{ width:33.3333%; float: left;  padding-top:80px; }
footer .item3 ul li { width:100%; height:auto; color:#FFF;}
footer .item4{ width:33.3333%; float: left; padding-top:80px; }
footer .item4 p { width:40px; height:40px; background:#404d62; border-radius:50px; float:left; margin-right:10px; text-align:center; margin-top:15px;}
footer .item4 p a { width:40px; height:40px; color:#FFF; font-size:18px;}
footer .item4 p:hover a {width:40px; height:40px; background:#d01c14; color:#fff; display:block; border-radius:50px;}
footer .item4 i{ font-size:18px; color:#FFF; text-align:center; width:40px; height:40px; line-height:40px;}
footer .item4 ul li a { color:#FFF; font-size:22px;}
footer .item4 ul li a:hover { color:#ba1a24;}
footer .item5{ width: 10%; float: right; }

footer .item h4{ font-size: 15px; font-weight: bold; margin-bottom: 18px;  }
footer .item ul li{ font-size: 18px; line-height: 40px; color: #fff; margin-bottom: 10px; position: relative; font-family:segoeui_1;}
footer .item3 ul li input {width: 100%; color: #fff; background:rgba(255,255,255,0.2);  resize: none;  height: 42px;  line-height: 42px; font-size: 18px; padding: 0 15px;}

footer .item ul li input {width: 100%; color: #fff; background:rgba(255,255,255,0.2);  resize: none;  height: 42px;  line-height: 42px; font-size: 18px; padding: 0 15px; outline:none;}
footer .item ul li input placeholder { color:#FFF;}
footer .item ul li button { width: 100%; height: 42px; line-height: 42px;  background: #ba1a24;  border: none; float: left;  color: #FFF;   font-size:18px; font-family:segoeui_1; outline:none; cursor:pointer;}
footer .item ul li button i { margin-left:5px;}
footer .item ul li textarea {  width: 100%; color: #fff;  background: rgba(255,255,255,0.2); resize: none;  line-height: 35px; padding: 11px 15px;  font-size: 18px;  height: 85px;  font-family: seguisb_1; outline:none;}
footer .item ul li input text { color:#FFF;}
footer .item ul li input::-webkit-input-placeholder, footer .item ul li textarea::-webkit-input-placeholder {
    color: #fff;
}
footer .item2 ul li{ font-size: 18px; line-height: 40px; color: #fff; padding-left: 0px; position: relative; font-family:segoeui_1; }
footer .item2 ul li a{color:#fff; }
footer .item2 ul li a:hover{ color:#d01c14; }
footer .item2 ul li h6{ position: absolute; top: 0; left: 0; font-size: 18px; color: #878787; }


.media { display: inline-block; float: right; }
.media a{color: #fff; display: inline-block; margin-right: 10px; font-size: 16px; font-weight: normal;}
.media a:first-child:hover{ color: #117aed; }
.media a:nth-of-type(2):hover{ color: #0b66c3; }
.media a:nth-of-type(3):hover{ color: #2fb0ec; }
.media a:nth-of-type(4):hover{ color: #fe0000; }

.cl{ clear: both; }
/*版块标题*/
.home_boxtit{ font-size:26px; color: #222; font-family:seguisb_1;}
.home_titl{ font-size:36px; color: #222; font-family:Segoe UI Bold_0; text-align:left; text-transform:uppercase;}
.home_titc{ font-size:36px; color: #222; font-family:Segoe UI Bold_0; text-align:center; text-transform:uppercase;}

.page_tit{ font-size: 36px; font-family: WorkSans-SemiBold;  }
.changpic{ width: 100%; overflow: hidden; }
.changpic img{ width: 100%; transition: all 0.3s; }
/*首页*/
/*.in_boxtext{ position: relative; padding-top: 18%; }
.in_wartext{ text-align: center; }
.in_wartext p{ font-size: 58px; font-weight: bold; color: #fff; line-height: 60px; font-family:arialbd_0;}
.in_wartext span{ font-size: 40px; font-weight: bold; color: #fff; }
.in_pronav{ width: 80%; margin:0 10%;  margin-top: 7%; }
.in_pronav li{ float: left; width: 33%; transition: all 0.3s; }
.in_pronav li a{ display: block; width: 100%;  padding: 18px 0; text-align: center; }
.in_pronav li h6{ width: 115px; height: 115px; text-align: center; font-size: 50px; overflow: hidden; border-radius: 90px; line-height: 90px;  background: rgba(255,255,255,0.2); }
.in_pronav li h6 img { width:100%; height:auto;}
.in_pronav li p{ font-size: 18px; color: #fff; margin-top: 10px; }
.in_pronav li span{ font-size: 18px; color: #777; display: inline-block; margin-top: 15px; }
.in_pronav li:nth-of-type(2){ margin: 0 0.4%; }
.in_pronav li:hover p,.in_pronav li:hover span{ color: #d01c14; }
.in_pronav li:hover{ margin-top: -2%; }
.in_pronav li:hover h6 { background:#d01c14;}*/

.in_media{ position: fixed; bottom: 20px; right: 25px; }
.in_media a{ width:25px; height: 25px; line-height: 25px; text-align: center; color: #fff; display: inline-block; font-size: 16px; border: 1px solid #fff; border-radius: 3px;  }
.in_media a:first-child:hover{ color: #fff; background: #117aed; border: 1px solid #117aed; }
.in_media a:nth-of-type(2):hover{ background: #0b66c3; color: #fff; border: 1px solid #0b66c3;}
.in_media a:nth-of-type(3):hover{ background: #2fb0ec; color: #fff; border: 1px solid #2fb0ec;}
.in_media a:nth-of-type(4):hover{ background: #fe0000; color: #fff; border: 1px solid #fe0000;}


.index_footer { width:100%; height:56px; line-height:56px; color:#3b3b3b; background:#121212; position:absolute; bottom:0; text-align:center; font-size:16px;}

#banner img{ width:100%; height:auto;}





/*位置*/
.subbanner{ position: relative; overflow: hidden; margin-top:134px;}
.subbanner img{ width: 100%; display: block; }
.sub_wap{ position: absolute; top: 30%; left: 50%; margin-left: -680px; width: 1360px; }
.sub_wap h1{ color: #fff; text-transform: uppercase; font-size: 36px; padding-bottom: 20px; position: relative; font-weight:bold; text-align:center; }
.sub_wap p{ color: #fff;  font-size: 18px; padding-bottom: 20px; position: relative;text-align:center; font-family:segoeui_1; }
.paddt30{ padding-top: 30px; }
.paddt50{ padding-top: 50px; }
.paddt130{ padding-top: 130px; }
.positionline{ padding: 15px 0; background: #f6f6f6; color: #999; font-size: 16px; }
.positionline i{ color: #878787; font-size: 18px; }
.positionline a{ color: #999; margin:0 5px; }
.positionline a:hover{ color: #d01c14; }
/*关于我们*/

.ab_video { width:100%; height:800px; overflow:hidden;}
.ab_about { width:100%; height:auto; overflow:hidden; background:url(images/ab_bg.jpg) no-repeat center;}
.ab_about_1 { width:100%; height:auto; float:left; margin-top:40px;}
.ab_about_1 .lcon { width:50%; height:auto; float:left;}
.ab_about_1 .lcon .tit { width:100%; height:auto; float:left; font-size:40px; color:#222; float:left; font-family:Segoe UI Bold_0; text-transform:uppercase;  font-weight:bold; margin-top:50px;}
.ab_about_1 .lcon .tit:before { display:none;}
.ab_about_1 .lcon h2 {width:100%; height:auto; font-size:24px; color:#222; float:left; font-family:seguisb_1;   position:relative; font-weight:normal; padding-left:60px; margin-top:6px;}
.ab_about_1 .lcon h2:before {  width: 50px;  height:4px; background: #d01c14; content: ""; top:14px;  left:0px;   position: absolute;  z-index: 1;}
.ab_about_1 .lcon_1 { width:100%; height:auto; float:left; background:#FFF; padding:40px; margin-top:40px;}
.ab_about_1 .lcon_1  ul li { width:100%; line-height:34px; color:#888; font-size:17px; font-family:segoeui_1; float:left; padding-left:15px; position: relative;}
.ab_about_1 .lcon_1  ul li i { width:8px; height:8px; background:#b9b9b9; border-radius:8px; position: absolute; margin-left: -15px; margin-top: 14px;}
.ab_about_1 .rcon { width:50%; height:auto; float:left; margin-top:176px;}
.ab_about_1 .rcon img { width:100%; height:auto; transition: all .3s;}
.ab_about_1 .rcon:hover img {transform: scale(1.15)}
.ab_about_1 .rcon p { width:100%; height:100px; background:rgba(0,0,0,0.6); position:relative; margin-top:-100px; font-size:18px; color:#FFF; text-align:center; line-height:30px; padding:20px 40px; font-family:seguisb_1;}
.ab_about_2 { width:100%; height:auto; float:left; padding:40px; background:#FFF;}
.ab_about_5 { width:100%; height:auto; float:left;  background:#FFF;}
.ab_about_2 p {width: 100%; line-height: 34px; color: #888; font-size: 17px; font-family: segoeui_1; float: left;}
.ab_about_5 p {width: 100%; line-height: 34px; color: #888; font-size: 17px; font-family: segoeui_1; float: left;}

.ab_about_3 { width:100%; height:auto; float:left; background:#FFF; margin-top:26px; padding:40px;}
.ab_about_3 .lcon { width:40%; height:auto; float:left; transition:all .3s;}
.ab_about_3 .lcon img { width:100%; height:auto;}
.ab_about_3 .lcon:hover img {transform: scale(1.15)}
.ab_about_3 .rcon { width:60%; height:auto; float:left; padding-left:55px;}
.ab_about_3 .rcon h2 { width: 100%;  height: auto; font-size: 24px; color: #222; float: left; font-family: seguisb_1;   position: relative;  padding-left: 60px;  margin-top: 6px; margin-bottom:25px; text-transform:uppercase;}
.ab_about_3 .rcon h2:before { width: 50px;  height: 4px;  background: #d01c14;   content: "";  top: 14px;  left: 0px;  position: absolute;  z-index: 1;}
.ab_about_3 .rcon p { width:100%; height:auto; line-height:30px; font-size:17px; color:#888; font-family:segoeui_1; float:left;}

.ab_about_4 { width:100%; height:auto; float:left; margin-top:10px; margin-bottom:100px;}
.ab_about_4  .tit { width: 100%;  height: auto; float: left; font-size: 40px;  color: #222; float: left;  font-family: Segoe UI Bold_0;  text-transform: uppercase;  font-weight: bold;  margin-top: 50px;}
.ab_about_4 ul { width:100%; height:auto;}
.ab_about_4 ul li { width:96%; height:auto; float:left; border:solid 8px #e9e9e9; margin:2%; }
.ab_about_4 ul li img { width:100%; height:auto; transition:all .3s; }
.ab_about_4 ul li:hover img { transform:scale(1.15); }
.ab_about_4  .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ width:45px; height:45px;  font-size: 0;   filter: Alpha(Opacity=50); display:block; opacity: 0.5;}

.ab_about_4  .owl-prev {position: absolute; top: 55%; right: 8px; background:url(images/yjt.png)no-repeat #000;}
.ab_about_4  .owl-next {position: absolute; top: 55%; left: 8px; background:url(images/zjt.png) no-repeat #000;}


.ab_text{ width: 100%; overflow: hidden; margin-top: 20px; padding-bottom: 40px;}
.ab_text .lcon{ width: 36%; padding-right: 45px; float: left; }
.ab_text .lcon p{ font-size: 18px; line-height: 29px; color: #666; margin-bottom: 20px; margin-top:30px; font-family:segoeui_1; }
.ab_text .rcon{ width: 64%; float: right; transition: all 0.3s; }
.ab_text .rcon:hover .changpic img{ transform: scale(1.15); }

.ab_poul{ padding:30px 0 100px 0; background:#f4f4f4;}
.ab_poulitem .lcon{ width:65%; float:right; padding-left:40px;}
.ab_poulitem .lcon ul li { width:100%; height:auto; float:left; padding:8px;}
.ab_poulitem .lcon ul li img{ width: 100%; }
.ab_poulitem .rcon{ padding-right: 40px; padding-top: 25px; width:35%; }
.ab_poulitem .rcon p{ font-size: 18px; line-height: 30px; color: #666; position: relative; padding-bottom: 25px; margin-top:40px; font-family:segoeui_1; }
/*.ab_poulitem .rcon p:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 38px; height: 3px; background: #999; }*/
/*.ab_poulitem .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { opacity:0;}*/

.ab_poulswiper{ position: relative; margin-top: 20px; }
.ab_poulswiper .owl-theme .owl-controls{ position: absolute; left:55px; bottom: -20px; }
.ab_poulswiper .owl-theme .owl-controls .owl-buttons div{ width: 45px; opacity: 1; height: 45px;  }
.ab_poulswiper .owl-theme .owl-controls .owl-prev{ background: url(./images/pro-arrow2.png) center no-repeat #d8d8d8; transform: rotate(180deg); left:-50px; }
.ab_poulswiper .owl-theme .owl-controls .owl-next{ background: url(./images/pro-arrow2.png) center no-repeat #d8d8d8; }
.ab_poulswiper .owl-theme .owl-controls .owl-prev:hover{ background: url(./images/pro-arrow.png) center no-repeat #d01c14; transform: rotate(180deg);  }
.ab_poulswiper .owl-theme .owl-controls .owl-next:hover{ background: url(./images/pro-arrow.png) center no-repeat #d01c14; }
.ab_bus{ padding: 40px 0 20px 0; }
.ab_bus p { width:70%; margin:10px 15%; height:auto; line-height:28px; font-size:18px; font-family:segoeui_1; text-align:center;}

/*abjsishu*/
.ab_js { padding:50px 0 100px 0;}
.ab_jsxw { width:100%; height:auto;}
.ab_jsxw ul li { width:100%; height:auto; float:left; padding:15px;}
.ab_jsxw ul li h2{ width:100%; height:auto; line-height:35px;  font-size:20px; color:#222; margin-bottom:20px;}
.ab_jsxw ul li h2:after{ content: ''; position: absolute; margin-top:50px; left: 15px; width: 90px; height: 4px; background: #d01c14; }
.ab_jsxw ul li p{ width:100%; height:auto; line-height:28px; font-size:18px; color:#666; font-family:segoeui_1; margin-bottom:60px;  margin-top:20px; float:left;}
.ab_jsxw ul li span { width:20%; height:45px; line-height:45px; border-radius:5px; border:solid 1px #666; text-align:center; float:left; color:#666; font-size:18px; font-family:segoeui_1;}


.ab_jsxw .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */}
.ab_jsxw .owl-theme .owl-controls .owl-page span{  display: block;  width: 20px;  height: 20px;  margin: 5px 7px;    -webkit-border-radius: 20px;  -moz-border-radius: 20px;  border-radius: 20px;  background: #e8e8e8;}
.ab_jsxw .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{ background:#d01c14;}
.ab_jsxw .owl-theme .owl-controls .owl-prev{ background:none; transform: rotate(180deg); }
.ab_jsxw .owl-theme .owl-controls .owl-next{ background: none; }

.ab_js1 { padding:0 0 120px 0;}
.ab_jsxw1 { width:100%; height:auto;}
.ab_jsxw1 ul li { width:30%; height:auto; float:left; margin-bottom:6%;}
.ab_jsxw1 ul li h2{ width:100%; height:auto; line-height:35px;  font-size:20px; color:#222; margin-bottom:20px;}
.ab_jsxw1 ul li i { width:20%; height:4px; background:#d01c14; float:left; margin-bottom:20px;}
.ab_jsxw1 ul li p{ width:100%; height:auto; line-height:28px; font-size:18px; color:#666; font-family:segoeui_1; margin-bottom:30px; float:left;}
.ab_jsxw1 ul li span { width:40%; height:45px; line-height:45px; border-radius:5px; border:solid 1px #666; text-align:center; float:left; color:#666; float:left; font-size:18px; font-family:segoeui_1;}
.ab_jsxw1 ul li:nth-of-type(2) { margin: 0 5%;}
.ab_jsxw1 ul li:nth-of-type(5) { margin: 0 5%;}
.ab_jsxw1 ul li:hover a span{ background:#d01c14; color:#FFF; border:none;}
.ab_jsxw1 ul li:hover a i { width:100%; transition: all 0.8s;  height:4px;}
/*abjsishu*/
/*lx*/
.lx { width:100%; height:281px; background:url(./images/lx_bg.jpg) no-repeat center; padding:40px 0;}
.lx h2 { width:100%; height:50px; line-height:50px; font-size:28px; color:#FFF; font-family:Segoe UI Bold_0;}
.lx form li {width:31.333%;margin-right:2%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    height:45px;
    line-height:45px;
    float:left;
    color:#FFF;
}
.lx form li input{
    width: 100%;
    color: #fff;
    background:rgba(255,255,255,0.2);
    resize: none;
    height:45px;
    line-height:45px;
    font-size: 18px;
    padding:0 15px;
}





.lx form li:nth-child(4) { width:93%; margin-right:0;  height:70px; line-height:35px;}
.lx form li textarea {
    width: 100%;
    color: #fff;
    background:rgba(255,255,255,0.2);
    resize: none;
    line-height: 35px;
    padding: 11px 15px;
    font-size: 18px;
    height:70px;
    font-family:seguisb_1;
}
.lx form li:nth-child(5) { width:5%; margin-right:0;  height:70px; line-height:70px; background:#d01c14; opacity:1;}

.lx form li button { width:100%; height:70px; line-height:70px; background:none; border:none; float:left; color:#FFF; font-size:20px;}
.lx form li button i { font-size:26px; color:#FFF;}
.lx form li font {
    position: absolute;
    left: 6px;
    color: #f00;
    font-size: 16px;
}

.lx form li input::-webkit-input-placeholder{ color: #fff;}
.lx form li textarea::-webkit-textarea-placeholder{ color: #fff;}


/*lx*/


.pro_caty{ width: 100%;  margin-top: 30px; overflow: hidden; }
.pro_caty li{ float: left; width: 32%; transition: all 0.3s; position: relative; background:#f4f4f4; margin-bottom:2%;}
.ab_probox{ width: 100%; height: 100%; position: absolute; padding: 68px 0; top: 0; left: 0; background: rgba(0,0,0,0.7); }
.pro_caty li a{ display: block; width: 100%; text-align: center; }
.pro_caty li h6{ width: 90px; height: 90px; text-align: center; font-size: 50px; overflow: hidden; color: #fff; border-radius: 90px; line-height: 90px; border: 1px solid rgba(255,255,255,0.5); }
.pro_caty li p{ font-size: 22px; color: #222; margin-top: 15px; line-height:30px; text-align:center; float:left; font-family:seguisb_1; width:100%; padding:0 10px; margin: 15px 0 10px 0; }
.pro_caty li i{ width:20%; height:4px; background:#d01c14; margin-left:40%; margin-right:40%; float:left; }
.pro_caty li span{ font-size: 18px; color: #666; text-align:center; line-height:30px; height:auto; font-family:segoeui_1; float:left; margin-bottom:40px; padding:0 10px; margin-top:20px; }
.pro_caty li:nth-of-type(2){ margin: 0 2%; }
.pro_caty li:nth-of-type(5){ margin: 0 2%; }
.pro_caty li:nth-of-type(8){ margin: 0 2%; }

.pro_caty li:hover p,.pro_caty li:hover span,.pro_caty li:hover h6{ color: #fff; }
.pro_caty li:hover .changpic img{ transform: scale(1.15); }
.pro_caty li:hover { background:#d01c14;}
.pro_caty li:hover i { background:#FFF;}



/*news*/
.news_main{ overflow: hidden; padding-bottom: 60px; }
.news_show{ width:100%;  overflow: hidden; background: #3e3f3d; }
.news_show .lcon{ width: 504px; float: left; }
.news_show .rcon{ margin-left: 504px; }
.news_toptext{ padding: 48px 40px 0 32px; }
.news_toptext h2{ color: #fff;font-size: 22px; height: 30px; overflow: hidden; line-height: 30px; font-family: NOTOSANS_b; }
.news_toptext span{ display: inline-block; margin-top: 12px; color: #999; font-size: 14px; font-family: NOTOSANS_r; }
.news_toptext span i{ color: #999; font-size: 25px; }
.news_toptext span b{ font-weight: normal; }
.news_toptext span *{ vertical-align: middle; }
.news_toptext p{ margin-top: 25px; color: #fff; font-size: 16px; line-height: 24px; height: 120px; overflow: hidden; }
.news_toptext em{ background: url(./images/more_bg.png) no-repeat; width: 83px; height: 23px; text-align: center; line-height: 23px; display: inline-block; margin-top: 26px; color: #fff; font-size: 12px; font-style: normal; }
.news_swiper .item:hover .news_show .changpic img{ transform: scale(1.15); }
.news_swiper .item:hover .news_show{ background: #d01c14; }
.news_swiper .item:hover .news_toptext span,.news_swiper .item:hover .news_toptext span i{ color: #fff; }
.news_swiper{ position: relative; }
.news_swiper .owl-theme .owl-controls{ position: absolute; bottom: 10px; left: 0; width: 100%; }
.news_swiper .owl-theme .owl-controls .owl-page span{ background: #fff; opacity: 1; }
.news_swiper .owl-theme .owl-controls .owl-page.active span{ background: #d01c14; }
.news_list{}
.news_list ul li{ background:#f4f4f4; margin-bottom:30px;}
.news_list ul li a{ display: block; }
.news_item{ width: 100%; overflow: hidden; }
.news_list ul li:nth-child(2n) .lcon{ float:right;}
.news_list ul li:nth-child(2n) .rcon{ margin-right:408px; margin-left:0;}
.news_list ul li:nth-child(2n) .news_litext { padding-left:0;}
.news_item .lcon{ width: 408px; float: left; margin:30px; }
.news_item .rcon{ margin-left: 408px; padding:40px; }
.news_litext{ padding-top: 10px; padding-left: 28px; padding-right: 30px; }
.news_litext h2{ font-size: 22px; font-family: seguisb_1; height: 30px; line-height: 30px; overflow: hidden; }
.news_litext span{ width: 10%; height: 4px; background: #d01c14; float:left; margin:10px 0 20px 0; }
.news_litext span i{ color: #999; font-size: 25px; }
.news_litext span b{ font-weight: normal; }
.news_litext span *{ vertical-align: middle;}
.news_litext p{ margin-top: 8px; font-size: 18px; line-height: 30px; height: 90px; overflow: hidden; color: #999; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-family:segoeui_1; float:left;}
.news_litext i { width:20%; height:45px; line-height:45px; border:solid 1px #222; float:left; color:#222; float:left; text-align:center; font-size:18px; font-family:segoeui_1; font-style:inherit; margin-top:50px;}


.news_list ul li:hover a{ background: #d01c14; }
.news_list ul li:hover .news_litext h2,.news_list ul li:hover .news_litext p,.news_list ul li:hover .news_litext span,.news_list ul li:hover .news_litext span{ color: #fff; }
.news_list ul li:hover i { border:none; background:#FFF; color:#d01c14;}
.news_list ul li:hover span { background:#FFF;}

.news_list ul li:hover .changpic img{ transform: scale(1.15); }

/*project*/
.project_box{ padding-bottom: 110px; }
.project_text h2{ font-size: 36px; font-weight: normal; font-family: NOTOSANS_r; color: #d01c14; }
.project_list{ margin-top: 0; }
.project_list h2{ font-size: 32px; font-weight: normal; font-family: NOTOSANS_r; padding-bottom: 28px; border-bottom: double 4px #ededed; }

.project_list ul{ overflow: hidden; }
.project_list ul li{ width: 32%; margin-right: 1.5%; float: left; margin-bottom: 40px; }
.project_list ul li:nth-of-type(3n){ margin-right: 0; }
.pro_text{ padding: 22px 0 0 0; background: #f7f7f7; border-bottom: solid 4px #d01c14; }
.pro_text p{ font-size: 20px; line-height: 30px; height:auto; overflow: hidden; color: #3e3f3d; font-family:arial_0; font-weight:bold; padding: 0 28px; }
.pro_text span{ font-family:segoeui_1; font-size: 18px; line-height: 28px; height:112px; color: #666; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 20px; padding: 0 28px; }
.pro_text h6 { font-size:22px; height:72px; line-height:72px; color:#666; margin-top:20px; width:100%; padding-left:28px;}
.pro_text i { font-size:17px; margin-left:10px;}
.project_list ul li:hover .changpic img{ transform: scale(1.15); }
/*.project_list ul li:hover .pro_text{ background: #d01c14; }
.project_list ul li:hover .pro_text p,.project_list ul li:hover .pro_text span,.project_list ul li:hover .pro_text h6{ color: #fff; }*/
.project_list ul li:hover .pro_text h6{ color: #fff; background:#d01c14; padding:0 -30px 0 -30px;}
/*service*/
.service_text{ padding-bottom: 55px; }
.service_text h2{ font-size: 36px; font-weight: normal; font-family: NOTOSANS_r; color: #d01c14; }
.service_down{ background: url(./images/down_bg.jpg) no-repeat; background-size: cover; padding: 52px 0; }
.service_down .home_boxtit{ color: #fff; }
.service_down ul{ margin-top: 58px; }
.service_down ul li{ margin-bottom: 5px; }
.down_item{ background: #fff; padding: 15px 50px; overflow: hidden; }
.down_item p{ font-size: 16px; line-height: 40px; float: left; height: 40px; overflow: hidden; color: #666; width: 80%; }
.down_item span{ float: right; font-size: 14px; color: #fff; display: inline-block; padding: 12px 28px; background: #d01c14; border-radius: 5px; }
.down_item span a{ color: #fff; }
.down_item span:hover{ opacity: 0.85; }

.service_draw{ padding-top: 48px; padding-bottom: 58px; }
.dec{ margin-top: 10px; font-size: 18px; line-height: 30px; color: #999; font-family:segoeui_1; }
.draw_swiper{ margin-top: 55px; }
.draw_swipertop{ position: relative; overflow: hidden; }
.draw_pic{ width: 800px; float: right; overflow: hidden; position: relative; height: 535px;}
.draw_pic .changpic{ width: 500%; position: absolute; left: 0; top: 0;  }
.draw_pic .changpic img{ width: 20%; float: left; }
.draw_text{ position: absolute; left: 0; width: 676px; padding: 54px 32px 0 32px; top: 50%; margin-top: -192px ; height: 385px; background: url(./images/ser_logobg.png) 283px 124px no-repeat #f6f6f6; }
.draw_text p{ font-size: 16px; color: #3e3f3d; font-family: NOTOSANS_b; }
.draw_text h3{ font-size: 24px;  font-family: NOTOSANS_r; font-weight: normal; color: #d01c14; margin-top: 10px; }
.draw_text span{ font-size: 14px; line-height: 24px; font-family: NOTOSANS_r; color: #666; display: inline-block; margin-top: 25px; }
.page{ margin-top: 35px; width: 120px; font-size: 22px; color: #999; position: relative;  font-family: NOTOSANS_r; padding: 0 38px; }
.page b{ color: #000; font-size: 26px; font-weight: normal; }
.page em{ font-style: normal; }
.page .per{ width: 13px; opacity: 0.5; transform: rotate(180deg); position: absolute; height: 22px; top: 9px; cursor: pointer; left: 0; background: url(./images/right2.png) no-repeat; background-size: cover; }
.page .next{ width: 13px; opacity: 0.5; position: absolute; height: 22px; top: 9px; cursor: pointer; right: 0; background: url(./images/right2.png) no-repeat; background-size: cover; }
.page .per:hover,.page .next:hover{ opacity: 1; }
.btnbox{ margin-top: 20px; overflow: hidden; }
.btnbox a{ float: left; width: 18.8%; display: inline-block; margin-right: 1.5%; cursor: pointer; }
.btnbox a:nth-of-type(5n){ margin-right: 0; }
.btnbox a img{ width: 100%; }
.btnbox a img.on,.btnbox a img:hover{ border: 5px solid #d01c14; }

.service_video{ background: #f6f6f6; padding-top: 52px; padding-bottom: 110px; }
.ser_video{ margin-top: 60px; }
.ser_video ul{ width: 100%; overflow: hidden; }
.ser_video ul li{ float: left; width: 23.8%; margin-right: 1.5%; }
.ser_video ul li:nth-of-type(4n){ margin-right: 0; }
.video_item p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #3e3f3d; margin-top: 12px; }
.ser_video ul li:hover .video_item p{ color: #d01c14; }

/*faq*/
.faq_main{ }
.faqlist_box{ width: 100%; overflow: hidden; margin-top: 55px; border-bottom: 1px solid #ededed; }
.faqlist_box li{ margin-bottom: 20px; transition: all 0.5s; }
.faqlist_box h3 { font-size: 18px; cursor: pointer; background: #f6f6f6; overflow: hidden; color: #484848;  font-family: NOTOSANS_b; padding: 15px;  padding-left: 80px; position: relative;}
.faqlist_box h3 span{ display: inline-block; width: 90%; height: 30px; line-height: 30px; overflow: hidden; }
.faqlist_box h3:after{ content: ''; width: 30px; height: 30px; position: absolute; top: 16px; left: 30px; background: url(./images/h3bg2.png) no-repeat; }
.faqlist_box h3:before{ content: ''; width: 23px; height: 12px; position: absolute; top: 24px; right: 30px; background: url(./images/select_icon.png) no-repeat; }
.faqlist_box h3.on:before{  background: url(./images/select_icon2.png) no-repeat; }
.faq-con{ padding: 30px; }
.faq-con p{ font-size: 14px; line-height: 30px; color: #999; font-weight: bold; }

.help_box{ background: #d01c14; margin-top: 60px; padding: 40px 0; margin-top: 60px; overflow: hidden; }
.help_box .lcon{ float: left; width: 65%; }
.help_box .lcon h2{ color: #fff; font-size: 28px; font-family: NOTOSANS_r; font-weight: normal; }
.help_box .lcon p{ font-size: 16px; line-height: 24px; color: #fff; margin-top: 15px; }
.help_btn{ float: right; width: 200px; margin-top: 28px; }
.help_btn a{ width: 100%; padding: 15px 0; display: inline-block; background: #a93d0d; color: #fff;  text-align: center; }
.help_btn a i{ font-size: 25px; }
.help_btn a span{ font-size: 18px; }
.help_btn a *{ vertical-align: middle; }
.help_btn a:hover{ opacity: 0.8; }
/*产品列表*/

.cp { width:100%; height:auto; overflow:hidden; background:url(images/ab_bg.jpg) no-repeat center; padding-bottom:100px;}
.cp_1 { width:100%; height:auto; float:left; margin-top:70px; margin-bottom:30px;}
.cp_1 ul li { width:23%; height:50px; float:left; float:left; margin-right:2.5%; float:left; color:#222; font-size:20px; font-family:segoeui_1; line-height:50px; text-align:center;}
.cp_1 ul li:nth-child(4n) { margin-right:0;}
.cp_1 ul li a:hover { background:#ba1a24; color:#FFF; border:none; display:block; height:50px; width:100%;}
.cp_1 ul li:hover a{ background:#ba1a24; color:#FFF; border:none; display:block; height:50px; width:100%;}
.cp_1 ul li a { color:#222;  border:solid 1px #666; display:block; height:50px; width:100%;}
.cp_1 ul li .current {background:#ba1a24; color:#FFF; border:none; display:block; height:50px;}
.cp_2 { width:100%; height:auto; float:left; margin-bottom:40px;}

.proinfomenu{text-align: center; overflow: hidden; width: 100%; padding-top:90px; }
.proinfomenu .warper{ overflow: hidden; }
.proinfomenu a{width:23%; margin-right:2.6%; font-size: 14px; color: #222; margin-bottom: 10px; float: left; display: block; line-height:50px; font-family:seguisb_1;     border: solid 1px #666; display: block; height: 50px;}
.proinfomenu a:nth-child(4n) { float:right; margin-right:0;}
.proinfomenu a:last-child{/*width:29%;*/}
.proinfomenu a h6 { font-size:30px; color:#222; margin-right:10px;}
.proinfomenu.top0{position: fixed; top: 0; left:0; margin-left:0; z-index: 3; width: 100%;  background:#FFF;  padding:15px 0;}
.proinfomenu a.on,.proinfomenu a:hover{ color: #fff; background:#d01c14; border:none;}
.proinfomenu a.on h6 { color:#FFF;}
.proinfomenu a:hover h6 { color:#FFF;}
/*kaishi*/



/*kaishi*/
.cp_lis {overflow: hidden;margin: 0 -3px;}
.cp_lis li {width: 31.3333%;margin: 15px 1%;float: left;overflow: hidden;background: #000; position: relative;}
.cp_lis li:nth-child(3n){ margin-right:0;}
.cp_lis li a {display: block;position: relative;overflow: hidden;}
/*.cp_lis li:after, .cp_lis li:before {width: 1px;height: 0;content: "";position: absolute;*/
/*    background: #fff;top: 5%;transition: all .3s;}*/
.cp_lis li:after {
    right: 20px;
}
.cp_lis li:before {
    left: 15px;
}
/*.cp_lis li a:after, .cp_lis li a:before {*/
/*    width: 0;*/
/*    height: 1px;*/
/*    content: "";*/
/*    position: absolute;*/
/*    background: #fff;*/
/*    left: 5%;*/
/*    transition: all .3s;*/
/*}*/
.cp_lis li a:after {
    bottom: 15px;
}
.cp_lis li:before {
    left: 20px;
}
.cp_lis li a:before {
    top: 15px;
}

.cp_lis h3 {
    left: 15%;
    width: 100%;
    top: -100%;
    color: #222;
    line-height: 28px;
    font-size: 20px;
    text-align: center;
    transition: all .3s;
    height:48px;
    overflow: hidden;
    background: rgb(238 238 238);
    float: left;
    font-family:seguisb_1;
    padding:10px 5px;
}
.cp_lis h3 a { color:#222;}
.cp_lis h3 a:hover { color:#ba1a24;}

.cp_lis h6 {
    font-size: 24px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    bottom: -100%;
    color: #fff;
    font-weight: 100;
    transition: all .3s;
    width:43px; height:43px; background:#ba1a24; line-height:43px; text-align:center; border-radius:50%;
}
.cp_lis img {
    display: block;
    width: 100%;
    transition: all .3s;
}
.cp_lis li:hover img {
    /*opacity: .6;*/
}
.cp_lis li:hover h3 {
    top: 30%;
}
.cp_lis li:hover h6 {
    bottom: 40%;
}
.cp_lis li:hover:after, .cp_lis li:hover:before {
    height: 78%; z-index:9999999999999999;
}
.cp_lis li:hover a:after, .cp_lis li:hover a:before {
    width: 90%;
}
.cp_lis li:hover img {
    transform: scale(1.1);
}
/*jisehu*/


/*分页 结束*/
.custpage{ margin-top: 50px; text-align:center;}
.custpage *{ vertical-align: middle; }
.custpage span{ margin: 0; width: 33px; color: #fff; height: 33px; display: inline-block; text-align: center; line-height:33px; border: 1px solid #ededed; }
.custpage span:hover{ background: #d01c14; cursor: pointer; color: #fff; /*border:1px #3e3f3d solid;*/ }
.custpage a{ margin: 0; width: 33px; color: #666; height: 33px; display: inline-block; font-size: 18px; font-family:segoeui_1; text-align: center; line-height: 33px; border:1px solid #666666; }
.custpage a.cur,.custpage a:hover{ background: #d01c14; color: #fff; border:none; }

.current{  background: #d01c14;color: #fff;border: none;
}
/*分页 结束*/

/*产品详情*/
.pro-mainbox{ padding-bottom:100px; background:url(images/cp_bg.jpg) no-repeat center; padding-top:60px; }
.pro_delbox{ width: 100%; overflow: hidden; padding-top:20px;}
.pro_delbox .lcon{  float: left; width: 50%; }
#pro_delboxleft { width:100%; height:auto;}
#pro_delboxleft img { width:100%; height:auto;}
.pro_delbox .lcon img { width:100%; height:auto;}
#pro_delboxleft .owl-prev { right:0;}
#pro_delboxleft .owl-next { left:0;}

.pro_delbox .rcon{  float: right; width: 50%; padding-left: 55px; }
.propicflash{ width:100%; overflow: hidden;}
.propicflash .big { width: 100%; }
.propicflash .big img.on{ display: block; }
.propicflash .big img{ width: 100%; display: none;}
.propicflash .small{ margin-top: 10px;overflow: hidden; }
.propicflash .small .on{display: block;border:3px solid #d01c14;}
.propicflash .small img{ margin-bottom:10px;  float: left; width: 24.1%; margin-right:1.2%; cursor: pointer; border:1px solid #eee;}
.propicflash .small img:last-child{ margin-right: 0; }

.pro-deltext h2{ font-size: 32px; padding: 15px 0 10px 0; font-family:Segoe UI Bold_0; float:left; width:100%; color:#222; }
.pro-deltext i { width:20%; height:4px; float:left; background:#d01c14;}
.pro_down{ margin-top: 20px; padding-bottom: 28px;  float:left; }
.pro_down p{ font-size: 18px; line-height: 28px; float:left; font-family:segoeui_1; color:#666; width:100%; }
.pro_downbox{ margin-top: 20px; }
.pro_downbox span *{ vertical-align: middle; }
.pro_downbox span em{ font-style: normal; font-size: 16px; color: #cb2027; display: inline-block; float:left; margin-top:15px; color:#999; }

.pro_contact{ overflow: hidden; padding: 30px 0; border-bottom: 1px solid #ededed; float:left; }
.pro_contact span{display: inline-block; font-size: 14px; color: #999; padding-left:45px; width: 48%; float: left; position: relative; min-height:37px;}
.pro_contact a{ font-size: 14px; color: #3e3f3d; margin-top:3px; word-break: break-all;display:block;font-weight:bold;}
.pro_contact i{display: block; font-size: 32px; color: #d01c14; width: 37px; height:37px; line-height:37px; text-align: center; position: absolute; left: 0; top:0}
.pro_contact a:hover{ color: #d01c14; }

.share{ margin-top: 35px; font-size: 14px; color: #999; float:left; }
.share *{ vertical-align: middle; }
.share .addthis_inline_share_toolbox{ display: inline-block; }

.links{overflow: hidden; margin-top: 50px;  width:100%; float:left;}
.links a{display: inline-block; font-weight: bold; width: 40%; height: 46px; line-height: 46px; text-transform: uppercase; text-align: center; background: #d01c14; font-size: 16px; color: #fff;}
.links a:nth-of-type(2){ margin-left: 3%; background: #3e3f3d; }
.links a:hover{ opacity: 0.8; }
.links i{ font-size:24px;font-weight: normal; }
.links a *{ vertical-align: middle; }

/*.proinfomenu{text-align: center; overflow: hidden; width: 100%; }
.proinfomenu .warper{  background:#f6f6f6; overflow: hidden; }
.proinfomenu a{width:33.3%; font-size: 26px;  text-transform: uppercase; color: #222; background: #f4f4f4; float: left; display: block; line-height:80px; font-family:seguisb_1; border-right:solid 1px #FFFFFF; }
.proinfomenu a:nth-child(3) { float:right;}
.proinfomenu a h6 { font-size:30px; color:#222; margin-right:10px;}
.proinfomenu.top0{position: fixed; top: 0; left:0; margin-left:0; z-index: 3; width: 100%;}
.proinfomenu a.on,.proinfomenu a:hover{ color: #fff; background:#d01c14;}
.proinfomenu a.on h6 { color:#FFF;}
.proinfomenu a:hover h6 { color:#FFF;}
.proinfomenu a:last-child{ border-right: none; }*/



.proinfomenu1{text-align: center; overflow: hidden; width: 100%; }
.proinfomenu1 .warper{  background:#f6f6f6; overflow: hidden; }
.proinfomenu1 a{width:16.6%; font-size: 18px;  text-transform: uppercase; color: #222; background: #f4f4f4; float: left; display: block; line-height:80px; font-family:seguisb_1; border-right:solid 1px #FFFFFF; height:80px; overflow:hidden; }
.proinfomenu1 a:nth-child(6) { border-right:none; float:right;}
.proinfomenu1 a h6 { font-size:22px; color:#222; margin-right:10px;}
.proinfomenu1.top0{position: fixed; top: 0; left:0; margin-left:0; z-index: 3; width: 100%;}
.proinfomenu1 a.on,.proinfomenu a:hover{ color: #fff; background:#d01c14;}
.proinfomenu1 a.on h6 { color:#FFF;}
.proinfomenu1 a:hover h6 { color:#FFF;}
.proinfomenu1 a:last-child{ border-right: none; }
.pro_delitem{ width: 100%; overflow: hidden; }
.pro_delitem .lcon{ float: left; width: 100%; }
.pro_delitem .lcon h4{ width: 100%; height: auto;  float: left; font-size: 32px;  color: #222;  float: left; font-family: Segoe UI Bold_0; text-transform: uppercase;  font-weight: bold; margin-top:50px; }
.pro_delitem .lcon p{ float:left; line-height: 34px; font-size: 18px; color: #666; font-family: segoeui_1;clear:both;}
.pro_delitem .lcon h5{ width:100%; float:left; margin-top: 35px; line-height: 34px; font-size: 22px; color: #222; font-family: segoeui_1; margin-bottom:25px; font-weight:400;}
.pro_delitem .lcon img { width:auto; height:auto; margin:20px 0; }
.pro_delitem .lcon_1 { width:100%; height:auto; float:left; overflow:hidden; margin-top:20px;}
.pro_delitem .lcon_1 ul li { width:13.5%; height:auto; float:left; margin-right:0.8%; overflow:hidden; margin-bottom:10px;}
.pro_delitem .lcon_1 ul li:nth-child(7n){ margin-right:0;}
.pro_delitem .lcon_1 ul li img { width:100%; height:auto; transition:all .3s; margin:0;}
.pro_delitem .lcon_1 ul li img:hover { transform:scale(1.15);}




.pro_delitem .lcon .tup { width:100%; height:auto; margin-top:30px;}
.tup ul li { width:23.8%; margin-right:1.5%; height:auto; float:left;}
.tup ul li img { width:100%; height:auto;}
.tup ul li:nth-child(4n) { margin-right:0;}

.pro_delitem .lcon.tabbox { width:100%; height:auto; overflow-x:auto; border:solid 1px #666; float:left; margin-bottom:25px; margin-top:20px;}
.tabbox {overflow-x:auto; float:left; width:100%;}
.tabbox table { margin-top:20px; border-left:solid 1px #666; border-top:solid 1px #666; }
.tabbox table tr:nth-child(1) { font-weight:bold;}
.tabbox td { border-right: 1px solid #666;  border-bottom: 1px solid #666;   padding: 16px 10px;  color: #333;  text-align: center;	font-size:16px;	background:#efefef;}
.tabbox td p { margin-top:0; line-height:45px;}
.pro_gary{ background: #fff; }
.pro_adv{ width: 100%; overflow: hidden; padding:0 0 0 0; }
.pro_adv h4{ font-size: 30px; line-height: 34px; color: #222; font-family: seguisb_1; font-weight: normal; }





.pro_caty1{ width: 100%;  margin-top: 30px; overflow: hidden; }
.pro_caty1 ul li{ float: left; width: 96%; transition: all 0.3s; position: relative; margin:2%; background:#f4f4f4;}
.ab_probox{ width: 100%; height: 100%; position: absolute; padding: 68px 0; top: 0; left: 0; background: rgba(0,0,0,0.7); }
.pro_caty1 ul li a{ display: block; width: 100%; text-align: center; }
.pro_caty1 ul li h6{ width: 90px; height: 90px; text-align: center; font-size: 50px; overflow: hidden; color: #fff; border-radius: 90px; line-height: 90px; border: 1px solid rgba(255,255,255,0.5); }
.pro_caty1 ul li p{ font-size: 22px; color: #222; margin-top: 10px; line-height:30px; text-align:center; float:left; font-family:seguisb_1; width:100%; padding:10px 10px;  }
.pro_caty1 ul li i{ width:20%; height:4px; background:#d01c14; margin-left:40%; margin-right:40%; float:left; }
.pro_caty1 ul li span{ font-size: 18px; color: #666; text-align:center; line-height:30px; height:auto; font-family:segoeui_1; float:left; margin-bottom:40px; padding:0 10px; margin-top:15px; }
.pro_caty1 li:nth-of-type(2){ margin: 0 2%; }
.pro_caty1 li:nth-of-type(5){ margin: 0 2%; }
.pro_caty1 li:nth-of-type(8){ margin: 0 2%; }

.pro_caty1 ul li:hover p,.pro_caty li:hover span,.pro_caty li:hover h6{ color: #fff; }
.pro_caty1 ul li:hover .changpic img{ transform: scale(1.15); }
.pro_caty1 ul li:hover { background:#d01c14;}
.pro_caty1 ul li:hover i { background:#FFF;}
.pro_caty1 ul li:hover span { color:#FFF;}
.pro_caty1 .owl-prev { top:28%;}
.pro_caty1 .owl-next { top:28%;}



.pro_adv .lcon{ float: left; width: 46%; }
.pro_adv .rcon{ float: right; width: 45%; padding-left: 80px; }
.pro_li{ margin-top: 30px; }
.pro_li li{ margin-bottom: 12px; font-size: 14px; line-height: 30px; color: #666; padding-left: 30px; position: relative; }
.pro_li li:after{ content: ''; width: 12px; height: 12px; border-radius: 12px; background: #d01c14; position: absolute; top: 10px; left: 0; }

.rel_news{ padding: 58px 0; }
.rel_newsswiper{ margin-top: 45px;  position: relative;  }
.rel_newsitem{ overflow: hidden;}
.rel_newsitem .lcon{ width: 230px; float: left; }
.rel_newsitem .rcon{ margin-left: 230px; padding-left: 26px; }
.rel_newsitem .rcon .news_litext{ padding-left: 0; padding-right: 0; }
.rel_newsswiper .owl-theme .owl-controls{ position: absolute; top: -65px; margin-top: 0; right: 0; }
.rel_newsswiper .owl-theme .owl-controls .owl-page span{ background: #333; opacity: 1; }
.rel_newsswiper .owl-theme .owl-controls .owl-page.active span{ background: #d01c14; }


.gary_bg{  padding:0 0 110px 0; }
.gary_bg  h4{ font-size: 30px;  line-height: 34px; color: #222;  font-family: seguisb_1; font-weight: normal; }

.info_dec{ font-size: 14px; color: #999; text-transform: uppercase; margin-top: 10px; }
.gary_bg .infoform{ margin-top: 30px; }


/*contact*/
.con { width:100%; height:auto; overflow:hidden; background:url(images/ab_bg.jpg) no-repeat center;}
.con_1 { width:100%; height:auto; float:left; margin-top:100px; margin-bottom:20px;}
.con_1 ul li { width:25%; height:auto; float:left; text-align:center;}
.con_1 ul li h6 { width:105px; height:105px; border-radius:50%; background:#FFF; font-size:45px; line-height:105px; text-align:center;}
.con_1 ul li h2 { width:100%; height:40px; line-height:40px; font-size:22px; text-transform:uppercase; color:#222; float:left; margin-top:20px; float:left; background:url(images/xian.jpg) no-repeat bottom center; margin-bottom:20px;}
.con_1 ul li p { width:100%; height:auto; float:left; line-height:25px; font-size:17px; color:#222; font-family:segoeui_1;}
.con_1 ul li:hover h6 { background:#ba1a24; color:#FFF;}
.con_1 ul li:hover p { font-weight:bolder;}
.con_2 {  width:100%; height:auto; float:left;}
.con_2 .tit {width: 100%; height: auto; float: left;  font-size: 40px;  color: #222; float: left; font-family: Segoe UI Bold_0;  text-transform: uppercase;  font-weight: bold;   margin-top: 50px;  position: relative;}
.con_2 .tit:before {width: 50px; height: 4px;  background: #d01c14; content: "";  top: 40px; left: 180px;  position: absolute;  z-index: 1;}
.con_3 { width:100%; height:auto; float:left; margin-top:25px;}
.con_3 ul li {width:49%; position: relative;  overflow: hidden;  margin-bottom: 20px;height:45px;line-height:45px;float:left;color:#FFF;}
.con_3 ul li:nth-child(2n) { float:right;}
.con_3 ul li input{ width: 100%; color: #666;  background:rgba(255,255,255,0.4);  resize: none;height:45px;line-height:45px;  font-size: 18px;padding:0 15px; font-family:segoeui_1; outline:none;}
.con_3 ul li textarea { width: 100%;  color: #666; background:rgba(255,255,255,0.4);  resize: none;  line-height: 35px; padding: 11px 15px;  font-size: 18px;height:170px;font-family:seguisb_1; outline:none;}
.con_3 ul li:nth-child(5) { width:100%; height:170px;}
.con_3 ul li:nth-child(6) { float:left; width:30%;}

.con_3 ul li button { width:100%; height:45px; line-height:45px; background:none; border:none; float:left; color:#FFF; font-size:20px; background:#ba1a24; font-family:segoeui_1; outline:none; cursor:pointer;}
.con_3 ul li button i { font-size:20px; color:#FFF; margin-left: 5px;}
.con_3 ul li font { position: absolute; left: 6px;  color: #f00;   font-size: 16px;}
.con_3 ul li input::-webkit-input-placeholder{ color: #888;}
.con_3 ul li textarea::-webkit-textarea-placeholder{ color: #888;}

.con_4 { width:100%; height:320px; float:left; margin-top:60px; margin-bottom:110px;}
.con_4 img { width:100%; height:320px;}



.con_downlc{ background: url(./images/con_downbg.jpg) no-repeat right bottom #d01c14; margin-left: 58px; padding: 28px; }
.con_downlc h4{ font-size: 24px; color: #fff; font-family: NOTOSANS_r; font-weight: normal; }
.con_downlc ul{ margin-top: 5px; }
.con_downlc ul li{ color: #fff; font-family: NOTOSANS_r; font-size: 14px; margin-bottom: 22px;}
.con_downlc ul li:first-child{ font-size: 16px; }
.con_downlc ul li a{ width: 152px; padding-top: 5px; font-size: 12px; font-family: NOTOSANS_b; text-transform: uppercase; text-align: center; color: #fff; height: 48px; background: #a93d0d; border-radius: 3px; display: inline-block; }
.con_downlc ul li a i{ font-size: 20px; }
.con_downlc ul li a:hover{ opacity: 0.8; }
.con_downlc ul li span{ font-size: 14px; font-family: NOTOSANS_b; margin-left: 15px;  }
.con_downlc ul li *{ vertical-align: middle; }
.con_downlc ul li:nth-of-type(2){ position: relative; }
.con_downlc ul li:nth-of-type(2):after{ content: ''; width: 11px; height: 21px; background: url(./images/down-icon.png) no-repeat; position: absolute; top: 21px; left: 106px; }

/*新闻*/
.nynews { width:100%; height:auto; overflow:hidden;  background:url(images/ab_bg.jpg) no-repeat center; padding-bottom:100px;}
.nynews_1 { width:100%; height:auto; float:left;}
.nynews_1 .tit {  width: 100%; height: auto;  float: left;  font-size: 40px;  color: #222;  float: left; font-family: Segoe UI Bold_0;  text-transform: uppercase;  position: relative;  font-weight: bold; }
.nynews_1 .tit:before {  width: 50px; height: 4px;  background: #d01c14;  content: "";  top: 40px;   left: 135px; position: absolute;   z-index: 1;}
.nynews_2 { width:100%; height:auto; float:left; margin-top:30px; margin-bottom:20px;}
.nynews_2 ul li { width:100%; height:auto; float:left; padding:20px 40px; background:#fff; margin-bottom:30px;}
.nynews_2 ul li .left { width:22%; height:auto; float:left; padding-right:20px;}
.nynews_2 ul li .left h2 { width:100%; line-height:35px; font-size:20px; color:#222; float:left; height:105px; font-family:segoeui_1; margin-top:10px;}
/*.news_2 ul li:hover .left h2 { color:#ba1a24;}*/
.nynews_2 ul li .left span {width: 100%;  line-height: 50px; margin-right: 5%;   float: left; position: relative; margin-top:15px; color:#888; font-family:segoeui_1;}
.nynews_2 ul li .left h6 { font-size: 22px;  font-weight: 100;   left: 0; top: 1px;   color: #888;}
.nynews_2 ul li .center { width:22%; height:auto; float:left; padding-right:40px;}
.nynews_2 ul li .center img { width:100%; height:auto; transition:all .3s;}
.nynews_2 ul li:hover .center img { transform:scale(1.15);}
.nynews_2 ul li .right { width:56%; height:auto; float:left;}
.nynews_2 ul li .right p { width:100%; height:90px; line-height:30px; font-size:18px; color:#888; float:left; margin-top:10px; font-family:segoeui_1; overflow:hidden;}
.nynews_2 ul li:hover .right p { color:#ba1a24;}
.nynews_2 ul li .right span { width:100%; height:auto; float:left; line-height:40px; font-size:20px; color:#222; margin-top:30px; font-family:seguisb_1;}
.nynews_2 ul li .right h6 { color:#222; font-size:16px; margin-left:5px;}
.nynews_2 ul li:hover .right span { color:#ba1a24;}
.nynews_2 ul li:hover .right h6 {color:#ba1a24; }

.nynews_3 { width:100%; height:auto; float:left; margin-top:25px; margin-bottom:40px;}
.nynews_3 ul li { width:31.333%; height:auto; float:left; margin-right:3%; margin-bottom:10px;}
.nynews_3 ul li:nth-child(3n) { margin-right:0;}
.nynews_3 ul li img { width:100%; height:auto; transition:all .3s;}
.nynews_3 ul li:hover img { transform:scale(1.15)}
.nynews_3 ul li h3 { width:100%; height:auto; line-height:28px; font-size:20px; color:#222; float:left; text-align:center; padding:10px 5px;}





.news_delbox{ overflow: hidden; width: 100%; }
.news_delbox .lcon{ float: left; width: 100%; }
.news_delbox .rcon{ float: right; width: 30%; padding-left: 60px; }
.infocon_tit{ border-bottom:1px solid #c1bfbf; }
.infocon_tit h2{ font-size: 30px; color: #222; text-align:center; font-weight: 400; font-family:Segoe UI Bold_0; }
.infocon_tit .time{ margin-bottom:20px; color: #999; font-size: 14px; font-family: NOTOSANS_r; margin-top: 8px; text-align:center; font-family:seguisb_1;}
.infocon_box{ margin-top: 48px; }
.infocon_box p{ font-size: 18px;  color: #666; line-height: 30px; font-family:seguisb_1; }
.infocon img{ display: inline-block; margin: 12px 0; max-width: 100%; }

.infocon .other{border-top: 1px solid #c1bfbf; font-size: 18px; padding:15px 0 0 0; margin:50px 0 0 0; line-height: 26px; font-family:seguisb_1;}
.infocon .other div{margin:8px 0;}
.infocon .other{ color: #666; }
.infocon .other a{color: #666}
.infocon .other a:hover{ color: #ba1a24; }

.news_share{background: url(./images/sharebg.png) right no-repeat #d01c14; background-size: contain; padding: 26px 0 24px 30px; }
.news_share h2{ font-size: 28px; color: #fff; font-family: NOTOSANS_r; font-weight: normal; }
.share_btn{ margin-top: 35px; }

.news_more{ margin-top: 30px; background: #f9f9f9; padding: 30px; }
.news_more h2{ font-size: 28px; font-family: NOTOSANS_r; font-weight: normal; }
.news_more ul{ overflow: hidden; }
.news_more ul li{ padding: 20px 0; border-bottom: 1px solid #ededed; }
.news_item{ width: 100%; overflow: hidden; }
.news_item .n_iteml{ width: 110px; float: left; }
.news_item .n_itemr{ margin-left: 110px; padding-left: 24px; }
.news_item .n_itemr p{ font-size: 14px; line-height: 20px; height: 60px; font-family: NOTOSANS_b; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news_more ul li:hover .changpic img{ transform: scale(1.15); }
.news_delbtn{ margin-top: 20px; }
.news_delbtn a{ background: #d01c14; padding: 10px 0; display: inherit; width: 100%; text-align: center; color: #fff; font-size: 16px; font-family: NOTOSANS_b; }
.news_delbtn a:hover{ opacity: 0.8; }


.phonemenu{width: 100%;background: #fff;position:relative;display: none;margin-bottom: 15px; margin-top: 10px;}
.phonemenu span{ display: none; width: 100%; }
.phonemenu h2 { color: #fff; width:100%; text-transform: uppercase; height:46px;line-height:46px;padding:0 1%;  cursor: pointer;background:url(./images/menu.png) 98% center no-repeat #dd0200 ;border:none;text-indent:10px;font-size:18px;margin:0 auto;}
.phonemenu h3{color:#000;padding:12px 15px; width:100%; display:block; font-size: 14px;background:#eee;border-bottom:1px solid #fff;}
.phonemenu h3 a{display:block; font-size: 20px;}
.phonemenu ul { overflow:auto; background: #fff; margin-top: 10px;}
.phonemenu ul li {padding:10px 0 10px 10px; border-bottom: 1px solid #eee;}
.phonemenu ul li a{ font-size: 16px; color: #666; }

/*@media screen and (max-width: 1366px){
	.ab_poulswiper .owl-theme .owl-controls{ bottom:-20px;}
	.ab_poulswiper .owl-theme .owl-controls .owl-prev{ left:-50px;}
  .warper{ width: 100%; padding: 0 40px; }
  .sub_wap{ width: 100%; margin-left: 0; left:0; }
  .sub_wap h1{ font-size: 34px; }
  .paddt50{ padding-top: 30px; }
  .news_more{ padding: 30px 15px; }
  .news_item .n_itemr{ padding-left: 12px; }
  .infocon_box{ margin-top: 30px; }
  .home_boxtit{ font-size: 34px; }
  .logo{ left: 20px; }
  .page_nav .logo{ left: 40px; }
  nav{ margin-right: 200px; }
  .page_nav nav{ margin-right: 172px; }
  .ab_probox{ padding: 50px 0; }
  .ab_poulitem .lcon{ width: 65%; }
  .ab_poulitem .rcon{ padding-right: 25px; width:35%; }
  .ab_poulswiper .owl-theme .owl-controls{ right: 41%; }
  .pro_delbox .rcon{ padding-right: 0; }

}*/
@media screen and (max-width: 1280px){
    .warper { width:1280px; padding:0 50px;}
    .pro_2 { margin-top:0;}
    .pro_2 .lcon_1 {  margin-top:20px;}
    .pro_2 .rcon { margin-top:60px;}
    .pro_2 .lcon_1 ul li { font-size:16px; line-height:28px;}
    .pro_caty li span { margin-top:10px;}
    .pro_textdec2 ul li .rcon p { font-size:22px; line-height:35px;}
    .pro_textdec2 ul li .rcon span { font-size:16px; line-height:25px;}
    .ab_poulitem .rcon p{ margin-top:20px;}
    .ab_poulswiper .owl-theme .owl-controls { bottom:7%;}
    .in_wartext p{ font-size: 45px; }
    .in_wartext span{ font-size: 32px; }
    nav{ margin-right: 100px; }
    .page_nav .logo { left:40px;}
    .head_rcon  { right:50px;}
    .ab_about {    background: url(images/ab_bg.jpg) repeat-y center;}
    .ab_about_1 .lcon { width:48%;}
    .ab_about_1 .rcon { width:51%; margin-top:70px;}
    .ab_about_1 .lcon .tit { margin-top:0;}
    .ab_probox{ padding: 30px 0; }
    .ab_text{ padding-bottom: 30px; }
    .ab_poul{ padding: 30px 0; }
    .ab_poulitem .lcon{ width: 65%; }
    .ab_poulitem .lcon .owl-theme .owl-controls .owl-buttons div { top:50px;}
    .ab_poulitem .rcon{ padding-right: 25px; }
    .ab_poulswiper .owl-theme .owl-controls{ right: 30%; }
    .pro_caty,.ab_poulswiper,.ab_text{ margin-top: 15px; }
    .news_toptext{ padding: 30px 40px 0 32px }
    .news_list ul li a{ padding: 0;  }
    .news_list ul li:hover a{ padding: 0px; }
    .news_litext{ padding-left: 20px; padding-right: 20px; }
    .subnav ul li:first-child{ display: none; }
    .pro_list{ padding-top: 40px; }
    .backToTop{ width: 50px; height: 50px; line-height: 50px; right: 0; }
    footer .item5{ width: 12%; }
    .pro_delbox .rcon{ padding-left: 25px; padding-right: 0; }
    .pro-deltext h2{ font-size: 34px; }
    .pro_down{  margin-top: 15px; padding-bottom: 15px; }
    .share{ margin-top: 22px; }
    .links{ margin-top: 14px; }
    .pro_delbox{ margin-bottom: 20px; }
    .pro_delitem,.gary_bg,.rel_news{ padding: 30px 0 20px 0;}
    .gary_bg .infoform{ margin-top: 8px; }
    .rel_newsswiper{ margin-top: 24px; }
    .rel_newsswiper .owl-theme .owl-controls{ top: -25px; }
    .pro_delitem .lcon p{ margin-top: 10px; }
    .pro_text{ padding: 15px; }
    .pro_text span{ margin-top: 10px; padding:0; }
    .pro_text p { font-size:18px; padding:0;}
    .pro_text h6 { padding-left:0;}
    .faqlist_box,.con_get{ margin-top: 30px; }
    .con_helpbox{ margin-top: 25px; }
    .cp_lis h3 { font-size:18px;}

}

@media screen and (max-width: 1240px){
    .news_litext i { width:40%;}
    .proinfomenu a { font-size:22px;}
    .proinfomenu a h6 { font-size:24px;}
    .pro-deltext h2 { font-size:28px;}
    .pro_down p { line-height:32px;}
    .pro_text h6 { margin-top:10px; height:52px; line-height:52px;}
    .page_nav nav{ margin-right:100px;}
    .warper{ width: 100%; padding: 0 40px; }
    .ab_text .lcon p{ margin-bottom: 30px; line-height: 24px; }
    .ab_text .rcon ul li h2{ font-size: 38px; }
    .ab_text .rcon{ padding-left: 25px; }
    .ab_text .lcon{ padding-right: 25px; }
    .ab_text .rcon ul li{ margin-bottom: 28px; }
    .ab_bus{ padding-top: 30px; }
    .home_boxtit{ font-size: 32px; }
    .pro_textdec{ padding-bottom: 30px; }
    .pro_all{ margin-top: 20px; margin-bottom:80px; }
    .help_box{ margin-top: 45px; padding: 30px 0; }
    .pro_list ul li{ margin-right: 1.5%; width: 32.3%; margin-bottom: 20px; }
    .pro_list{ padding-top: 30px; }
    .custpage{ margin-top: 30px; }
    .faq-con{ padding: 15px 30px; }
    .service_text{ padding-bottom: 35px; }
    .down_item{ padding: 15px 30px; }
    .service_down ul{ margin-top: 30px; }
    .service_down{ padding: 40px 0; }
    .draw_swiper{ margin-top: 30px; }
    .service_draw{ padding-bottom: 40px; }
    .ser_video{ margin-top: 20px; }
    .con_getinform{ margin-top: 15px; }
    .pro_2 .rcon p { padding:20px;}
    .ab_about_1 .rcon { margin-top:78px;}
    .pro_2 .rcon { margin-top:68px;}
}
@media screen and (max-width: 1180px){
	nav li.on a, nav li:hover a { padding:0 15px;}
	nav li>a { padding:0 15px;} 

}
@media screen and (max-width: 1024px){
    .fixnav {
        display: none;
    }
    .home_titl{ font-size:30px; }
    .home_titc{ font-size:30px;}
    .pro_textdec ul li { width:100%;}
    .pro_textdec { padding-bottom:0;}
    .sub_wap { top:35%;}
    .sub_wap p { display:none;}
    .ab_text .lcon{ width:100%;}
    .ab_text .rcon { width:100%; padding-left:0;}
    .warper{ width: 100%; padding: 0 40px; }
    nav li{ padding: 0 12px; }
    nav{ margin-right: 50px; }
    .head_rcon { display:none;}
    .in_boxtext{ padding-top: 19%; }
    .in_wartext p{ font-size: 40px; }
    .page_nav nav{ margin-right: 30px; }
    .ab_poulswiper .owl-theme .owl-controls{ right: 28%; }
    .pro_caty li h6{ width: 60px; height: 60px; line-height: 60px; font-size: 34px; }
    .pro_caty li p{ font-size: 24px; }
    .pro_caty li span{ margin-top: 10px; }
    .ab_bus{ padding-bottom: 40px; }
    .news_toptext{ padding: 0px; }
    .news_list ul li a{ padding: 0; }
    .news_list ul li:hover a{ background: #d01c14; padding: 15px; }
    .news_delbox .rcon{ display: none; }
    .news_delbox .lcon{ width: 100%; float: none; }
    .infocon_box{ margin-top: 18px; }
    .infocon_box p{ line-height: 30px; }
    .infocon .other{ margin-top: 30px; }
    .position nav li{ padding: 0 12px; }
    footer .item{ padding-top: 30px; padding-bottom: 20px; }
    footer .item h2 { font-size:24px; margin-bottom:25px;}
    footer .item4 { margin-left:3%;}
    footer .item3 { width:30.3333%;}
    .links a{ width: 47%; }
    .pro-deltext h2{ padding-top: 0; font-size: 30px; }
    .pro_downbox{ margin-top: 10px; }
    .pro_contact{ padding: 10px 0; }
    .links{ margin-top: 18px; }
    .pro_delitem, .gary_bg, .rel_news{ padding: 0 0 40px 0; }
    .pro_delitem .lcon,.pro_adv .lcon{ width: 100%; float: none; }
    .pro_delitem .rcon,.pro_adv .rcon{ width: 100%; float: none; margin-top: 15px; padding-left: 0; }
    .pro_li li{ line-height: 24px; }
    .pro_li li:after{ top: 7px; }
    .pro_li{ margin-top: 20px; }
    .rel_newsswiper .owl-theme .owl-controls{ top: -45px; }
    .pro-mainbox{ padding-bottom: 30px; }
    .project_list{ margin-top: 30px; }
    .project_list h2{ font-size: 26px; padding-bottom: 15px; }
    .pro_text p{ height: 30px; }
    .project_list ul li{ margin-bottom: 18px; }
    .draw_text{ padding:30px 20px; width: 500px; height: 320px; background: url(./images/ser_logobg.png) 120px 65px no-repeat #f6f6f6; }
    .draw_text span{ margin-top: 10px; }
    .page{ margin-top: 15px; }
    .service_video{ padding-top: 20px; padding-bottom: 50px; }
    .con_downlc{ margin-left: 15px; }
    .con_lli{ padding: 20px; }
    .con_helpbox .lcon,.con_helpbox .rcon{ width: 100%; float: none; }
    .pro .tit { font-size:32px;}
    .pro .tit:before {left: 190px; top: 30px;}
    .pro_1 { margin-top:20px;}
    .pro_2 .lcon .tit { font-size:32px;}
    .pro_2 .lcon h2 { font-size:22px;}
    .pro_2 .lcon_1 { padding:20px;}
    .pro_2 .rcon { margin-top:89px;}
    .pro_2 .rcon p { padding:5px; font-size:16px;}
    .case_1 { height:auto; padding:35px;}
    .case_2 .tit { font-size:32px;}
    .case_2 .tit:before { top:30px; left:90px;}
    .case_3 { margin-top:10px;}
    .case_lis h3 { top:30%;}
    .case_4 .tit { font-size:32px;}
    .case_4 .tit:before { right:110px; top:30px;}
    .case_5 { margin-top:15px;}
    .casezong { padding-bottom:10px;}
    .news_1 .tit { font-size:32px;}
    .news_1 .tit:before { left:240px; top:30px;}
    .news_2 ul li { padding:20px 20px;}
    .news_2 ul li .left h2 { line-height:30px; font-size:18px; height:90px; overflow:hidden;}
    .news_2 ul li .center { width:30%;}
    .news_2 ul li .right { width:48%;}
    .news_2 ul li .left span { font-size:16px;}
    .ab_about_1 .lcon .tit { font-size:32px;}
    .ab_about_1 .lcon h2 { font-size:22px;}
    .ab_about_1 .lcon_1 { margin-top:10px;}
    .ab_about_1 .lcon_1 { padding:20px;}
    .ab_about_1 .lcon_1 ul li i { width:5px; height:5px;}
    .ab_about_1 .rcon { margin-top:70px;}
    .ab_about_1 .rcon p { padding:20px 5px; font-size:16px;}
    .ab_about_2 { padding:20px;}
    .ab_about_3 .lcon { width:100%;}
    .ab_about_3 .rcon { width:100%; padding-left:0;}
    .ab_about_3 .rcon h2 { margin-top:25px; margin-bottom:5px;}
    .nynews_2 ul li { padding:20px 20px;}
    .nynews_2 ul li .left h2 { line-height:30px; font-size:18px; height:90px; overflow:hidden;}
    .nynews_2 ul li .center { width:30%;}
    .nynews_2 ul li .right { width:48%;}
    .nynews_2 ul li .left span { font-size:16px;}
    .nynews_1 .tit { font-size:32px;}
    .nynews_1 .tit:before { left:105px; top:30px;}
    .nynews_2 { margin-top:10px;}
    .con_1 { margin-bottom:20px;}
    .con_2 .tit { font-size:32px; margin-top:20px;}
    .con_2 .tit:before { left:150px; top:30px;}
    .con_4 { margin-top:20px; margin-bottom:80px;}
    .ab_about_4 .tit { font-size:32px;}
	.l_fixed{ display: none; }
}
@media screen and (max-width: 990px){
    .header_top { display:none;}
    nav li dl dd a h6 { display:none;}
    nav li dl dd a h3 { display:none;}
    nav li dl dd a h4 { display:none;}
    nav li dl dd a h5 { display:none;}
    nav li dl dd a h7 { display:none;}
    nav li dl dd a h8 { display:none;}

    .infoform form button { width:48%;}
    .pro_caty1 ul li span { height:90px; overflow:hidden;}
    .languagebox i { margin-top:8px;}
    .pro_textdec2 ul li { width:100%;}
    .pro_textdec2 ul li .rcon p { width:100%; margin-top:20px;}
    .pro_textdec2 ul li:nth-of-type(2) { margin:0; margin-bottom:30px;}
    .ab_bus p {
        width: 96%;
        margin: 10px 2%;}
    .header_db { display:none;}
    .header{ height: 62px; background: #fff; top: 0; }
    .search-button{ display: none; }
    .logo{ top: -3px; left: 0; }
    .logo img{ height: 56px; margin-top:5px; }
    nav{position: fixed; left: 0;top: 0;bottom: 0;width: 300px; z-index: 99;overflow: auto;background: #222; transform: translateX(-300px);transition: 0.3s;}
    nav li{ float: none; padding: 0; height:45px; line-height:45px;}
    nav li>a{ margin:0; color: #fff;  display:block; padding:0 20px; text-align: left;}
    nav li dl{ left: 0;  top: 0; width: auto;  background: #2e2e2e;  position: inherit;  opacity: 1; display:none; }
    nav dl dd div { display:none;}
    nav li dl dd a{padding:0 20px; text-align: left; display: block; border-bottom: none; color: #fff!important}
    nav li.on a, nav li:hover a{ background: #d01c14; color: #fff; }
    nav li:hover dl,nav li:nth-of-type(4):hover dl{ left: 0; opacity: 1; display: block; }
    nav li.on a:after,nav li:hover a:after{ width: 0;}
    #nav .nav-button{ right: 0; display:block; top:15px;}
    .head_rcon{ top: 10px; right: 58px; }
    .languagebox ul li{ height: 35px; line-height: 35px; border-radius: 35px; }
    .languagebox ul{ height: 35px; }
    .languagebox a{ line-height: 35px; }
    .languagebox{ width: 35px; margin-top:5px; }
    nav li:nth-of-type(4) a:after, nav li:nth-of-type(6) a:after{ display: none; }
    .subbanner{ margin-top: 62px; }
    .page_nav{ height: 62px; }
    .page_nav .logo{ left: 30px; }
    .page_nav .head_rcon{ right: 83px; }
    .position .head_rcon{ top: 10px; }
    .position nav li{ padding: 0; height:50px; line-height:50px;}
    .position nav dl{ top: 0; }
    .pro_lis h6 { width:50px; height:50px; line-height:45px;}
    .pro_lis h6 img { width:60%;}
    #boxDiv { padding-top:62px;}
    .news_2 ul li .center { padding-right:20px;}
    .ab_about_1 .rcon p { padding:10px 5px; line-height:26px;}
    .ab_about_1 .rcon { margin-top:98px;}
    .paddt130 { padding-top:62px;}
    .cp_1 { margin-top:40px;}
    .nynews { padding-bottom:60px;}
    .nynews_3 { margin-bottom:20px;}
    .nynews_2 ul li .center { padding-right:20px;}
    .con_1 { margin-top:40px;}
    .con_1 ul li h2 { font-size:20px;}
    .con_1 ul li p { font-size:16px;}
    .pro-mainbox { padding-top:0;}
    .pro_down p {line-height: 28px; height: 112px; overflow: hidden;}
    .pro-deltext h2 { font-size:26px;}
    .pro_delitem .lcon h4 { margin-top:30px;}
    .pro_delitem .lcon h5 { margin-top:10px; margin-bottom:0;}
    .pro_delitem .lcon p { line-height:30px;}
    .pro_delitem .lcon img { width:100%; height:auto;}
    .tabbox table { margin-top:10px;}
    .con_3 { margin-top:10px;}
    .infocon_tit h2 { margin-top:40px; font-size:26px;}



}

@media screen and (max-width: 768px){
    .lx form li:nth-child(4) { width:90%;}
    .lx form li:nth-child(5) { width:8%;}

    .home_titl{ font-size:26px; }
    .home_titc{ font-size:26px;}
    .ab_jsxw ul li h2 { font-size:18px;}
    .news_item .lcon {    width: 45%; margin: 2%;}
    .news_item .rcon {      margin-left: 0px;  padding: 0px;  width: 48%; float: left;}
    .news_litext i { margin-top:10px; width:60%;}
    .news_list ul li:nth-child(2n) .rcon {margin-right: 0; margin-left: 2%;}
    .news_litext span { width:20%; margin:10px 0 10px 0;}
    .tup ul li { width:49%; height:auto; margin-right:0; margin-bottom:2%;}
    .tup ul li:nth-child(2n) { float:right;}
    .pro_caty1 ul li span { height:60px; overflow:hidden;}
    .pro-deltext h2 {    font-size: 26px; margin-top: 20px;}
    .project_box { padding-bottom:80px;}
    .project_list ul li { width:49%; margin-bottom: 2%;  margin-right: 0;}
    .project_list ul li:nth-child(2n) { float:right; }
    .pro_caty li { width:48%;}
    .pro_caty li:nth-of-type(2n) { margin:0 0 2% 0; float:right;}
    .pro_caty li:nth-of-type(5) { margin:0;}

    .index_footer {line-height: 20px;     font-size: 14px; padding: 10px;  float: left;}
    .ab_jsxw1 ul li { width:100%;}
    .ab_jsxw1 ul li:nth-of-type(2) {margin:0 0 6% 0;}
    .ab_jsxw1 ul li:nth-of-type(5) { margin:0 0 6% 0;}
    .ab_jsxw1 ul li span { width:30%;}
    .warper{ width: 100%; padding: 0 30px; }
    .in_pronav li p{ font-size: 22px; }
    .in_pronav li h6{ width: 80px; height: 80px; line-height: 80px; font-size: 45px; }
    .in_boxtext{ padding-top: 22%; }
    .subbanner img{ height: 150px; width: 100%; }
    .subbanner{ overflow: hidden; }
    .sub_wap h1{ font-size: 28px; }
    .pro_caty, .ab_poulswiper, .ab_text{ margin-top: 8px; }
    .ab_text .lcon{ padding-right: 0; }
    .ab_text .rcon{ padding-left:0; }
    .ab_poulitem .lcon{ width: 100%; float: none; }
    .ab_poulitem .rcon{ margin-left: 0; width:100%; margin-top:60px;}
    .ab_poulswiper .owl-theme .owl-controls { bottom:5%;}
    .ab_poulitem .lcon { padding-left:0;}
    .ab_poulitem .rcon p:after{ display: none; }
    .pro_caty li p{ font-size: 20px; }
    .pro_caty li span{ margin-top: 3px; }
    .ab_probox{ padding: 19px 0; }
    footer .item h2 { font-size:18px; margin-bottom:15px;}
    footer .item2 ul li {     font-size: 16px; line-height: 25px;}
    footer .item3 ul li {     font-size: 16px; line-height: 25px;}
    footer .item4 ul li {     font-size: 16px; line-height: 25px;}
    footer .item2{ width: 33.33%;  margin-left:0; }
    footer .item3{ width: 33%; margin-left: 0; }
    footer .item4{  width: 33.33%; margin-left:0; padding-left:15px;}
    footer .item1{ display:none;}
    footer .item4 p { width:35px; height:35px; margin-right:6px;}
    footer .item ul li input { font-size:16px;}
    footer .item ul li textarea { font-size:16px;}
    footer .copyright { font-size:16px;}


    .pro .tit { font-size:26px;}
    .pro .tit:before {left: 155px; top: 25px;}
    .pro_1 { margin-top:20px;}
    .pro_2 .lcon .tit { font-size:26px;}
    .pro_2 .lcon h2 { font-size:18px;}
    .pro_2 .lcon_1 { padding:20px;}
    .pro_2 .rcon { margin-top:89px;}
    .pro_2 .rcon p { padding:5px; font-size:16px;}
    .case_1 { height:auto; padding:25px 15px;}
    .case_2 .tit { font-size:26px;}
    .case_2 .tit:before { top:25px; left:80px;}
    .case_3 { margin-top:10px;}
    .case_lis h3 { top:25%;}
    .case_4 .tit { font-size:26px;}
    .case_4 .tit:before { right:90px; top:25px;}
    .case_5 { margin-top:15px;}
    .casezong { padding-bottom:10px;}
    .news_1 .tit { font-size:26px;}
    .news_1 .tit:before { left:200px; top:25px;}
    .news_2 ul li { padding:20px 20px;}
    .news_2 ul li .left h2 { line-height:30px; font-size:18px; height:90px; overflow:hidden; margin-top:0;}
    .news_2 ul li .right p { margin-top:0;}
    .news_2 ul li .center { width:30%;}
    .news_2 ul li .right { width:40%;}
    .news_2 ul li .left span { font-size:16px;  margin-top:0;}
    .news_2 ul li .right span { margin-top:0;}
    .ab_about_1 .lcon .tit { font-size:26px;}
    .ab_about_1 .lcon h2 { font-size:20px;}
    .ab_about_1 .lcon_1 { margin-top:10px;}
    .ab_about_1 .lcon_1 { padding:20px;}
    .ab_about_1 .lcon_1 ul li i { width:5px; height:5px;}
    .ab_about_1 .rcon { margin-top:70px;}
    .ab_about_1 .rcon p {padding: 20px 10px;  font-size: 16px; margin-top: 0;  background: no-repeat; color: #222;}
    .ab_about_2 { padding:15px;}
    .ab_about_3 .lcon { width:100%;}
    .ab_about_3 .rcon { width:100%; padding-left:0;}
    .ab_about_3 .rcon h2 { margin-top:25px; margin-bottom:5px;}
    .pro_lis h3 { font-size:18px; width:100%; left:0;}
    .pro_lis h6 { margin-left:-25px; bottom:45%;}
    .pro_2 .rcon p { padding: 5px;  font-size: 16px;  line-height: 26px;  margin-top: 0; background:none; margin-top:5px;}
    .pro_2 .rcon { margin-top:81px;}
    .case_1 ul li p { font-size:16px;}
    .case_1 ul li h6 { font-size:36px;}
    .case_lis h6 { margin-left:-20px; bottom:25%; width:40px; height:40px; font-size:20px; line-height:40px;}
    .case_5 ul li p { font-size:18px;}
    .news_2 ul li .left { width:30%;}
    footer .item4 ul li a { font-size:18px;}
    .ab_video { height:auto;}
    .ab_about_1 .lcon_1 ul li { font-size:16px;}
    .ab_about_2 p { font-size:16px;}
    .ab_about_3 { padding:20px;}
    .ab_about_4 .tit { font-size:26px; margin-top:30px;}
    .ab_about_4 { margin-bottom:60px;}
    .cp_1 ul li { width:48%; margin-right:0; margin-bottom:3%;}
    .cp_1 ul li:nth-child(2n) { float:right;}
    .cp_1 { margin-bottom:0;}
    .cp_lis li { margin:10px 1%;}
    .nynews_1 .tit { font-size:26px;}
    .nynews_1 .tit:before { left:87px; top:25px;}

    .nynews_2 ul li { padding:20px 20px;}
    .nynews_2 ul li .left h2 { line-height:30px; font-size:18px; height:90px; overflow:hidden; margin-top:0;}
    .nynews_2 ul li .right p { margin-top:0;}
    .nynews_2 ul li .center { width:30%;}
    .nynews_2 ul li .right { width:40%;}
    .nynews_2 ul li .left span { font-size:16px;  margin-top:0;}
    .nynews_2 ul li .right span { margin-top:0;}

    .con_1 ul li h6 { width:85px; height:85px; line-height:85px; font-size:36px;}
    .con_1 ul li h2 { font-size:18px; margin-top:10px;}
    .con_2 .tit { font-size:26px; margin-top:0;}
    .con_2 .tit:before {  left: 120px; top: 25px;}
    .con_3 ul li input { font-size:16px;}
    .con_3 ul li textarea { font-size:16px;}
    .con_3 ul li button { font-size:18px;}
    .pro_delbox .lcon { width:100%;}
    .pro_delbox .rcon { width:100%; padding-left:0;}
    .pro_delitem .lcon h4 { font-size:26px; margin-top:15px;}
    .infocon_tit h2 { font-size:24px;}



}

@media screen and (max-width: 640px){
    .infoform form button { width:100%;}
    .ab_js{ padding:50px 0 60px 0;}
    .lx form li { width:100%; margin-right:0;}
    .lx form li:nth-child(4) { width: 80%;}
    .lx form li:nth-child(5) {  width: 20%;}
    .in_wartext p{ font-size: 36px; }
    .in_wartext span{ font-size: 27px; }
    .in_pronav li h6{ width: 60px; height: 60px; line-height: 60px; font-size: 30px; }
    .ab_text{ padding-bottom: 20px; }
    .ab_poul{ padding: 20px 0; }
    .ab_bus{ padding-top: 20px; }
    .pro_caty li{ width: 100%; }
    .pro_caty li:nth-of-type(2){ margin: 15px 0; }
    .ab_probox{ padding: 80px 0; }
    .pro_caty li h6{ width: 90px; height: 90px; line-height: 90px; font-size: 50px; }
    .pro_caty li p{ margin-top: 20px; font-size: 26px; }
    .pro_caty li span{ margin-top: 12px; }
    .pro_list ul li,.project_list ul li,.ser_video ul li{ width: 49%; margin-right: 2%; margin-bottom: 15px; }
    .pro_list ul li:nth-of-type(3n),.project_list ul li:nth-of-type(3n){ margin-right: 2%; }
    .pro_list ul li:nth-of-type(2n),.project_list ul li:nth-of-type(2n),.ser_video ul li:nth-of-type(2n){ margin-right: 0; }
    .pro-deltext h2{ font-size: 24px; }
    .pro_delbox{ margin-bottom: 0; }
    .pro_1 .lcon { width:100%; height:auto; float:left;}
    .pro_1 .rcon { width:100%; margin-top:50px;}
    .pro_2 .lcon { width:100%;}
    .pro_2 .rcon { width:100%; margin-top:25px;}
    .case_1 ul li { width:50%; margin-bottom:10px;}
    .case_1 { margin-top:25px;}
    .case_2 .tit { margin-top:35px;}
    .case_lis h6 { bottom:20%;}
    .news_2 ul li .left h2 { font-size:16px;}
    .news_2 ul li .right p { font-size:16px; line-height:28px;}
    .news_2 ul li .left span { font-size:14px;}
    .news_2 ul li .center { width:33%;}
    .news_2 ul li .right { width:37%;}
    .news_2 ul li .right span { font-size:18px;}
    .nynews_2 ul li .left { width:30%;}
    .nynews_2 ul li .left h2 { font-size:16px;}
    .nynews_2 ul li .right p { font-size:16px; line-height:28px;}
    .nynews_2 ul li .left span { font-size:14px;}
    .nynews_2 ul li .center { width:33%;}
    .nynews_2 ul li .right { width:37%;}
    .nynews_2 ul li .right span { font-size:18px;}
    .nynews_2 ul li { margin-bottom:20px;}
    footer .item2 { width:50%; padding-right:15px;}
    footer .item4 { display:none;}
    footer .item3 { width:50%;}
    footer .item ul li textarea { padding:5px 15px; height:60px;}
    .ab_about_1 .lcon { width:100%;}
    .ab_about_1 .rcon { width:100%; margin-top:25px;}
    .cp_lis li { width:48%;}
    .case_lis li { width:32%; margin-bottom:25px;}
    .case_lis li:nth-child(2n){ float:right;}
    .case_lis li:nth-child(3n) { float:left;}
    .case_lis li:nth-child(6) { float:right; margin-right:1.5%;}
    .nynews_3 ul li { width:49%; margin-right:0;}
    .nynews_3 ul li:nth-child(2n){ float:right;}
    .con_1 ul li { width:50%;}
    .con_1 ul li p { height:60px; line-height:25px;}
    .con_3 ul li { margin-bottom:10px;}
    .con_3 ul li:nth-child(6) { width:50%;}
    .pro_delbox .rcon { margin-bottom:20px;}
    .pro_delitem .lcon h4 { margin-top:20px;}
    .pro_delitem .lcon_1 ul li { width:24.2%; margin-bottom:5px;}
    .pro_delitem .lcon_1 { margin-top:10px;}
    .cp_lis li:nth-child(3n) { margin:10px 1%;}

}

@media screen and (max-width:480px){
    .sub_wap { top: 30%;}
    footer .item h2 { font-size:20px;}
    footer .copyright { padding-bottom:80px;}
    .pro_delitem, .gary_bg, .rel_news, .pro_adv, .service_down { padding:0 0 30px 0;}
    .pro_caty1 .owl-prev { top:15%;}
    .pro_caty1 .owl-next { top:15%;}
    .pro_list ul li, .project_list ul li, .ser_video ul li { width:100%; margin-right:0;}
    .ab_bus p { width: 96%;  margin: 10px 2%;}
    .warper{ width: 100%; padding: 0 20px; }
    .in_pronav li{ width: 100%; float: none; position: relative; margin-bottom: 10px;  background: rgba(255,255,255,0.2); padding: 5px;}
    .in_pronav li:nth-of-type(2){ margin: 0; margin-bottom: 10px; }
    .in_pronav li h6{ position: absolute; top: 50%; margin-top: -30px; left: 24px; }
    .in_pronav li a{ text-align: left; padding: 18px; padding-left: 95px; }
    .in_pronav li p{ margin-top: 0; }
    .in_pronav li span{ margin-top: 6px; }
    .in_pronav li:hover{ margin-top: 0 !important; }
    .ab_text .lcon{ width: 100%; float: none; padding-right: 0; border-right: none; }
    .ab_text .rcon{ padding-left: 0; width: 100%; float: none; }
    .ab_text .rcon ul li{ margin-bottom: 10px; }
    .ab_text .rcon ul li h2{ font-size: 30px; }
    .ab_poulitem .rcon{ padding: 15px; }
    .pro_caty li h6{ width: 70px; height: 70px; line-height: 70px; font-size: 40px; }
    .ab_probox{ padding: 67px 0; }
    .news_show .lcon{ width: 100%; float: none; }
    .news_show .rcon{ margin-left: 0; }
    .news_show{ padding-bottom: 20px; }
    .news_swiper .owl-theme .owl-controls{ bottom: -2px; }
    .news_toptext em{ margin-top: 14px; }
    .news_toptext span{ margin-top: 3px; }
    .news_item .lcon{ width: 100%; float: none; }
    .news_item .rcon{ margin-left: 0; width: 100%; padding: 3% 3% 8% 3%;}
    .news_list ul li:hover a{ background:transparent; padding:15px 0; }
    .news_list ul li:hover .news_litext h2,.news_list ul li:hover .news_litext p,.news_list ul li:hover .news_litext span,.news_list ul li:hover .news_litext span i{ color: #333; }
    .news_litext span{ margin-top: 8px; }
    .news_litext p{ margin-top: 3px; }
    .news_litext{ padding: 10px 0 0 0; }
    footer .item4,footer .item1,.media{ display: none; }
    footer .item2{ margin-left: 0; width: 49%; }
    footer .item3{ margin-left: 0; width: 49%; }
    footer .item5{ width: 38%; }
    footer .item{ padding-top: 20px; }
    .news_delbox{ padding-bottom: 35px; }
    .help_box .lcon{ width: 100%; float: none; }
    .help_btn{ float: none; margin-top: 10px; }
    .help_btn a{ padding: 8px 0; }
    .pro_delitem, .gary_bg, .rel_news, .pro_adv,.service_down{ padding: 20px 0; }
    .pro_text p{ line-height: 28px; height: 28px; }
    .down_item{ padding: 10px; }
    .down_item p{ width: 100%; }
    .down_item span{ float: none; padding: 8px 22px; }
    .service_draw{ padding-top: 20px; }
    .draw_pic{ height: 224px; float: none; }
    .draw_text{ position: static; margin-top: 0; margin-left: 0; width: 100%; padding: 15px; }
    .btnbox a img.on, .btnbox a img:hover{ border: 1px solid #d01c14; }
    .service_video{ padding-bottom: 35px; }
    .con_lli{ padding: 10px; }
    .con_helpbox{ margin-top: 12px; }
    .infoform li{ width: 100%; float: none; margin-bottom: 8px; }
    .infoform li:nth-child(even){ margin-left: 0; }
    .draw_pic{ width: 100%; }
    .service_draw{ padding-bottom: 20px; }
    .draw_text{ height: auto; }
    .page_nav .logo{ left: 20px; }
    .ab_poulitem .rcon p{ padding-bottom: 80px; }
    .ab_poulswiper .owl-theme .owl-controls { bottom:10%;}
    .gary_bg .home_boxtit{ font-size: 26px; }
    .project_box{ padding-bottom: 35px; }
    .footmenu {display: block;}
    .case_lis li { width:48%;}
    .case_lis li:nth-child(2n) { float:right; margin-right:0;}
    .case_3 { margin-bottom:0;}
    .case_5 ul li { width:48%;}
    .case_5 ul li:nth-child(2n) { float:right;}
    .case_5 ul li:nth-child(3){ display:none;}
    .news_2 ul li .center { display:none;}
    .news_2 ul li .left { width:40%;}
    .news_2 ul li .right { width:60%;}
    footer .item { width:100%;}
    .ab_about_1 .rcon p { height:auto;}
    .custpage { margin-top:0;}
    .cp_lis h3 { font-size:16px;}
    .nynews_1 .tit { margin-top:30px;}
    .nynews_2 ul li .center { display:none;}
    .nynews_2 ul li .left { width:100%;}
    .nynews_2 ul li .right { width:100%;}
    .nynews_2 ul li .left h2 { height:60px;}
    .con_3 ul li { width:100%;}

}
@media screen and (max-width:414px){
    .ab_poulitem .lcon .owl-theme .owl-controls .owl-buttons div { top:90px;}
    .warper{ width: 100%; padding: 0 15px; }
    .in_wartext p{ font-size: 24px; }
    .in_wartext span{ font-size: 26px; }
    .news_toptext{ padding: 10px; }
    .news_litext p{ line-height: 24px; height: 48px; }
    .infocon_tit h2{ font-size: 24px; }
    .infocon_tit .time{ margin-bottom: 12px; }
    .infocon_box{ margin-top: 10px; }
    .infocon .other{ margin-top: 20px; }
    .pro_list ul li{ width: 100%; float: none; }
    .pro_contact span{ width: 100%; float: none; }
    .pro_contact span:nth-of-type(2){ margin-top: 10px; }
    .rel_newsitem .lcon{ width: 100%; float: none; }
    .rel_newsitem .rcon{ margin-left: 0; padding-left: 0; }
    .project_list h2{ font-size: 20px; }
    .faqlist_box h3:after{ background: none; }
    .faqlist_box h3{ padding: 10px; }
    .faqlist_box h3:before{ right: 6px; }
    .con_lli ul li{ padding: 10px 0; padding-left: 40px;}
    .ab_probox{ padding: 49px 0; }
    .custpage{ margin-top: 15px; }
    .con_3 ul li:nth-child(6) { width:100%;}
    .con_4 { margin-bottom:60px;}
}
@media screen and (max-width:380px){
    .ab_probox{ padding: 34px 0; }
    .project_list ul li,.ser_video ul li{ width: 100%; float: none; margin: 0; margin-bottom: 15px; }
    .faq-con{ padding:10px  15px; }
    .faq-con p{ line-height: 25px; }
    .cp_1 ul li { width:100%; font-size:18px;}
    .case_lis h3 { top:20%;}
    .con_1 ul li p { height:75px;}

}