@charset "utf-8";
/*******CSS commont*************/
html {
    font-size: 62.5%;
    /* 10÷16=62.5% */
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}
img{border:0;}
ol,ul{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select,button{font-weight:inherit;font-size:inherit;font-family:inherit; border: 0px;}
legend{color:#333;}
/*******CSS reset*************/
body{ background:#fff; color:#333; font-size: 12px; font-size:1.2rem; font-family:'Microsoft YaHei','微软雅黑',Arial;}
@media (min-width:1200px) 
{
    body{ font-size: 16px; font-size:1.6rem; }
}
a{color:#333;text-decoration:none; cursor: pointer; transition: all 0.2s;}
a:hover{ text-decoration: none; color: #ff5151;}
@font-face {
    font-family:hansans;
    src:url('../font/SourceHanSansCN-Bold.otf');
}
.left{float:left;}
.right{float:right;}
.ovfl{ overflow:hidden;}
.mar{ margin:0px auto;}
.clear{clear:both;}
.hidden{display:none;}
.filter_bg8{ filter: alpha(opacity=80); opacity: 0.8; }
/*******Css header*******/
#header{ padding:20px 0px 5px 0px; overflow:hidden; }
.headerr{ float: right; width: 30%;}
.headerp1 img{ width: 100%; }
.headerp2{ overflow:hidden;}
.headerp2 a{ float: right; height: 26px; line-height: 26px; background: url(../Image/mtel.jpg) no-repeat left center; padding-left: 24px;  }

.nav{float: left; width: 65%;}
.nav .nLi{ float: left; position:relative; width: 14.2%; }
.nav .nLi p{ height: 40px; line-height: 40px; font-size: 1.5rem; }
.nav .nLi.on p a{ color:#ff5151; }
.nav .subs{ height: 38px; line-height: 38px; display: none;  padding:0px 5px; font-size: 1.3rem; left:0px; top:40px; background:#ff5151; border-radius: 5px; position:absolute; z-index:9999; }
.nav .subs a{ color: #fff; float: left; width: 70px; text-align: center;  }
.nav .nLi.on .subs{ display: block; }
.nav .subs a.ons{ font-weight: bold; }
.nav #navsli6 .subs{ right: 0px; left: auto;}

#mheader{ padding: 15px 0px; background: #fff; position: relative;}
.mlogo{ float: right; width: 60%;}
.mlogo img{ width:100%;  }
.nav-trigger{ width:38px; height:32px; z-index:999; background: url(../Image/menu.png) no-repeat; outline: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -16px; left: 15px; }
.navigation-is-visible .nav-trigger{ width: 32px; height: 30px; background: url(../Image/icon11.png) no-repeat;  position: absolute; top: 50%; margin-top: -15px; left: 15px;}
.nav_transform1{position:absolute;top:0; left:20%; display: none; z-index:999;overflow-y:scroll; padding:10px;width:80%;border:0;background:#FFFFFF; text-transform:none; overflow-scrolling:touch;}
.nav_transform1{transition:-webkit-transform .3s cubic-bezier(.86,0,.07,1);transition:transform .3s cubic-bezier(.86,0,.07,1);}
.navigation-is-visible .nav_transform1{-webkit-transform:none;transform:none; display:block;}
.nav-overlay{position:fixed;top:0;left:0px;  z-index:10;width:100%;height:100vh;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s linear;pointer-events:none;}
.navigation-is-visible .nav-overlay{opacity:1;pointer-events:auto;}
.navp1{ padding: 10px 0px 10px 30px; text-align: right;}
.navp1 img{ max-width: 100%; }
.navp2{ overflow:hidden;}
.navp2 a{ float: right; font-size: 1.4rem; height: 17px; line-height: 17px; background: url(../Image/mtel.jpg) no-repeat left center; padding-left: 24px;}
.navul{ width: 86%; margin: 15px auto 25px;  float: right; }
.nav-item{position: relative;}
.nav-item p{overflow: hidden;line-height: 40px;max-height:40px;  font-size: 1.5rem; padding: 0px 10px;}
.nav-item p i{ float: right; margin-top:11px; font-size:2rem; color: #666;}
.nav-item.nav-show{border-bottom: none;}
.nav-item .msub{display:none; background:#f1f1f1; padding: 0px 16px; overflow:hidden; }
.nav-item .msub a{ line-height: 2; margin-bottom:5px; font-size: 1.3rem; display: block;}
.nav-item .msub a.on{ color:#E60011;}
.nav-item.nav-show .msub{display: block;}
.nav-item p a{ float: left; }
.nav-show p i{transform:rotate(90deg);}
.nav-show.nav-item>p{ background:#f1f1f1;}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}

@media (min-width:768px) 
{
    .mlogo{ width: 43%; }
    .navul{ width: 75%;}
}
@media (min-width:1200px) 
{
    #header{ padding:35px 0px 8px 0px; }
    .nav{ width: 75%; }
    .nav .nLi p{ font-size: 1.8rem; height: 52px; line-height: 52px;}
    .nav .subs{ height: 50px; line-height: 50px; font-size: 1.6rem; top: 52px;}
    .nav .subs a{ width: 105px; }
    .headerr{ width: 23%; }
    .headerp2{ margin-top: 15px; }
    .headerp2 a{ background: url(../Image/tel.jpg) no-repeat left center; font-size: 1.6rem; padding-left: 32px; }
    .headerp1{ text-align: right; }
    .headerp1 img{ width: 85%; }
}

/*******Css banner*******/
.bantxt{overflow:hidden}
.bantxt .bantxtc{outline:0;display: none; margin-top: 50px;}
.bantxt .bantxtc:nth-child(1){display: block;}
.bantxt .slick-dots{position:absolute;left:0;top:0}
.bantxt .slick-dots li{display:none;position:relative}
.bantxt .slick-dots .slick-active{display:block}
.bantxt .slick-dots button{outline:0;border:none;padding:0;background-color:transparent;font-size:1.6rem;color:#000;}
.bantxt .slick-dots .slick-active:before{content:'';position:absolute;left:100%;top:50%;margin-top:-1px;width:43px;height:2px;margin-left:10px;background-color:#bbb;z-index:1}
.bantxt .slick-dots .slick-active:after{content:'';position:absolute;left:100%;top:50%;margin-top:-1px;width:0;height:2px;margin-left:10px;background-color:#e51a1a;z-index:2;animation:5s linear forwards slideAni1;-moz-animation:5s linear forwards slideAni1;-webkit-animation:5s linear forwards slideAni1;-o-animation:5s linear forwards slideAni1}
.bantxtp1{ font-size: 2rem; color: #333;  font-family:hansans;}
.bantxtp1 span{ position: relative; display: inline-block;}
.bantxtp2{ margin-top:5px; color: #656565; font-size: 1.3rem; }
.bantxtimg{ position: absolute; right:-150px; top: -36px; transition: all 0.2s;}
.bantxt .slick-active .bantxtimg{ right: -50px; }
.mbanner{ margin-top: 10px; position: relative; padding-bottom:20px; overflow:hidden; }
.mbannera1{ width: 120px; height: 40px; line-height: 40px; font-size: 1.5rem; border-radius: 8px; background: #FFD800; color: #000; text-align: center; position: absolute; left:10px; font-weight: bold; bottom:0px; z-index: 3;}
#pbantxt{ position: relative; margin-top: 30px; }
#pbantxt .bantxtimg{ left: 80px; }
.page_banner{ overflow:hidden; height:80px; margin-top: 10px; color: #fff; text-align: center; border-top-right-radius:80px; position: relative;}
.page_banner img{ width: 100%; position: relative;}
.pagebanp1{ width: 100%; position: absolute; top:50%; margin-top:-20px; font-size: 1.5rem; }
.pagebanp2{ width: 100%; position: absolute; top: 50%; margin-top:5px; }
@media (min-width:768px) 
{
    .bantxtp1{ font-size: 2.5rem;  }
    .bantxtimg{ top: -35px;  }
    #pbantxt .bantxtimg{ left: 95px; }
    .page_banner{ height: 150px; }
    .pagebanp1{ margin-top:-30px; font-size: 1.8rem; }
    .pagebanp2{ margin-top:0px; }
}
@media (min-width:992px) 
{
    .bantxtp1{ font-size: 3rem;  }
    .bantxtp2{ font-size: 1.4rem; }
    .mbanner{ padding-bottom: 25px; }
    .mbannera1{ width: 160px; height: 50px; line-height: 50px; font-size: 1.6rem;}
    #pbantxt{ margin-top: 40px; }
    #pbantxt .bantxtimg{ left: 120px; }
    .page_banner{ height: 200px; }
    .pagebanp1{ margin-top:-30px; font-size: 2.8rem; }
    .pagebanp2{ margin-top:12px; }
}
@media (min-width:1200px) 
{
    .bantxt .bantxtc{ margin-top: 65px; }
    .bantxtp1{ font-size: 3.8rem;  }
    .bantxtp2{ font-size: 2rem; }
    .bantxtimg{ top: -30px; }
    #pbantxt .bantxtimg{ left: 150px; }
    .page_banner{ margin-top: 30px; height: 400px; border-top-right-radius:110px;}
    .pagebanp1{ margin-top:-80px; font-size: 5rem; }
    .pagebanp2{ margin-top:12px; font-size: 1.8rem; letter-spacing:30px;}
}
@keyframes slideAni1{
0%{width:0}
100%{width:43px}
}
@-moz-keyframes slideAni1{
0%{width:0}
100%{width:43px}
}
@-webkit-keyframes slideAni1{
0%{width:0}
100%{width:43px}
}
@-o-keyframes slideAni1{
0%{width:0}
100%{width:43px}
}
.banner{ position: relative; margin-top: 35px;   }
.banner .mouse{position:absolute;left:50%; margin-left: -13px; top:460px;width:25px;height:43px;background:url(../Image/ico-4.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;z-index:2}
.banner .mouse .i1{position:absolute;left:50%;top:10px;width:4px;height:6px;margin-left:-2px;background-color:#fff;border-radius:50%;animation:1s linear infinite alternate mouse1;-moz-animation:1s linear infinite alternate mouse1;-webkit-animation:1s linear infinite alternate mouse1;-o-animation:1s linear infinite alternate mouse1}
.banner .mouse .i2{position:absolute;left:50%;top:10px;width:4px;height:6px;margin-left:-2px;background-color:#d00;border-radius:50%;animation:1s linear .2s infinite alternate mouse1;-moz-animation:1s linear .2s infinite alternate mouse1;-webkit-animation:1s linear .2s infinite alternate mouse1;-o-animation:1s linear .2s infinite alternate mouse1}
.slider-pic1{text-align:right;position:relative; overflow:hidden;}
.slider-pic1 .slick-list{padding-bottom:78px;height: 596px; margin-bottom:80px;}
.slider-pic1 .item{outline:0}
.slider-pic1 .con{position:relative;}
.slider-pic1 .pic{padding-top:32%;height:0;border-top-right-radius:124px;position:relative;z-index:1;overflow:hidden}
.slider-pic1.kc-pic .pic,.slider-pic1.thr-pic1 .pic,.slider-pic1.xy-pic .pic{
    padding-top: 29%;
}
.slider-pic1 .pic img{
    position:absolute;left:0;top:0;
    width:100%;height:auto;
    -o-transition:.6s;
    -ms-transition:.6s;
    -moz-transition:.6s;
    -webkit-transition:.6s;
    transition:.6s;
}
.slider-pic1 .txt{position:absolute;left:180px;bottom:-78px;width:152px;height:202px;z-index:2}
.slider-pic1 .point{position:absolute;right:0;bottom:0;height:78px;line-height:78px;padding:0 205px 0 60px;background-color:#fff;font-size:0;z-index:2}
.slider-pic1 .arrows{display:inline-block;vertical-align:middle;width:32px;height:18px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.slider-pic1 .prev{margin-right:20px;background-image:url(../Image/left1.jpg);}
.slider-pic1 .next{margin-left:20px;background-image:url(../Image/right1.jpg);}
.slider-pic1 .prev:hover{ background-image:url(../Image/left11.jpg); }
.slider-pic1 .next:hover{ background-image:url(../Image/right11.jpg); }
.slider-pic1 .slick-dots{display:inline-block;vertical-align:middle}
.slider-pic1 .slick-dots li{float:left;padding:0 9px;position:relative}
.slider-pic1 .slick-dots button:before{position:absolute;content:"";display:block;height:2px;top:50%; margin-top: -1px; left:6px;width:0;z-index:0;background:#ff5151;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.slider-pic1 .slick-dots button:hover:before{width:24px}
.slider-pic1 .slick-dots .slick-active button:before{display:none}
.slider-pic1 .slick-dots .slick-active button{color:#E51A1A}
.slider-pic1 .slick-dots button{outline:0;border:none;padding:0;display:block;background-color:transparent;font-size:18px;color:#999;font-family:goodmu;cursor:pointer}
.slider-pic1 .slick-dots button:after{content:'';display:inline-block;vertical-align:middle;width:0;height:2px;margin-left:12px;background-color:#E51A1A;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.slider-pic1 .slick-dots .slick-active button:after{content:'';width:100px}
.bbj{ width: 358px; padding: 0px 30px; height: 330px; overflow:hidden; background: url(../Image/bjbg.png) no-repeat; position: absolute; bottom:0px; left:50%; margin-left: -700px; }
.bbjul{ overflow:hidden; margin-top: 140px; }
.bbjul li{ margin-top: 8px; margin-right: 8px; float: left; background: #fff; border-radius: 3px; padding:3px 13px; height: 35px; width: 140px;}
.bbj_input{ width:114px; height: 29px; line-height: 29px; outline: 0px; color: #757575; font-size: 1.4rem; }
.bbj_input1{ width:60px; height: 29px; line-height: 29px; outline: 0px; color: #757575; font-size: 1.4rem; float: left;}
.bbj_img{ float: left; margin-top: 3px; cursor: pointer; }
.bbj_submit{ width: 140px; height: 35px; line-height: 35px; background: #FFD800; color: #000; font-size: 1.6rem; text-align: center; float:right; cursor: pointer;}
.bbjc{ width: 288px; height: 30px; line-height: 30px; overflow:hidden;  margin-top: 7px; background: url(../Image/icon1.png) no-repeat left center; padding-left: 28px;}
.bbjc li{ color: #BCBCBC; }
.bbjp2{ margin-left: 6px; }
@keyframes mouse1{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(14px);transform:translateY(14px)}
}
@-moz-keyframes mouse1{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(14px);transform:translateY(14px)}
}
@-webkit-keyframes mouse1{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(14px);transform:translateY(14px)}
}
@-o-keyframes mouse1{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(14px);transform:translateY(14px)}
}

/*******Css home*******/
#chan1{ overflow:hidden; margin-top: 20px; }
.about{ border-bottom: solid 1px #E5E5E5; padding-bottom: 15px; overflow:hidden;}
.about_p1{ height:26px; line-height:26px; overflow:hidden; }
.about_p1 span{ width: 30px; height: 3px; background: #000; float: left; margin-top: 12px;}
.about_p1 b{ font-size: 1.5rem; float: left; margin-left: 5px; }
.about_p2{ height: 30px; line-height: 30px; font-size: 2.2rem; font-family:hansans; }
.about_p3{ height:26px; line-height:26px; font-size: 1.6rem; font-weight: bold;}
.aboutc{ margin-top: 5px; line-height: 22px; color: #666666; height: 110px; overflow:hidden; }
.about_m{ margin-top: 5px; }
.about_m a{ color: #888888; text-decoration: underline; font-size: 1.3rem;}
.about_m a:hover{ color: #ff5151; }
.lc{ overflow:hidden; margin-top: 15px;}
.lc_p1{ overflow:hidden; }
.lc_p1 a{ width: 160px; padding-left:35px; float:left; font-size: 1.6rem; color: #fff; height: 45px; line-height: 45px; background:#ff5151 url(../Image/icon2.png) no-repeat 110px center; }
.lc_p1 a:hover{ background:#e51a1a url(../Image/icon2.png) no-repeat 120px center; }
.lc_ul{ margin-top: 15px; overflow:hidden;}
.lc_ul li{ width: 25%; float: left; margin-bottom: 10px; text-align: center; cursor: pointer;}
.lcp2{ font-size: 1.4rem; margin-top: 5px; }
.lcp3{ color: #999999; }
@media (min-width:768px) 
{
    .aboutl{ float: left; }
    .aboutr{ float: right; width:78%;}
    .aboutc{ margin-top: 3px; height: 88px; }
    .lc_ul li{ width:14.2%; margin-bottom: 0px; }
}
@media (min-width:992px) 
{
    .aboutr{ width: 80%; }
    .aboutc{ height: 66px; }
}
@media (min-width:1200px) 
{
    #chan1{ margin-top: 70px; position: relative; }
    .about{ padding-bottom: 40px; }
    .about_p1{ height:37px; line-height:37px;}
    .about_p1 span{ width: 40px; height: 4px; margin-top: 16px; }
    .about_p1 b{ font-size: 2.4rem; margin-left: 15px; }
    .about_p2{ height: 60px; line-height: 60px; font-size: 5rem; margin-top: 5px;}
    .about_p3{ height:42px; line-height:42px; font-size: 3.5rem; margin-top: 5px;}
    .aboutr{ width: 75%; }
    .aboutc{ line-height: 35px; font-size: 1.6rem; height: 105px; }
    .about_m{ margin-top: 10px; }
    .about_m a{ font-size: 1.6rem; }
    .lc{ margin-top: 40px; }
    .lc_p1{ float: left; }
    .lc_p1 a{ width: 230px; height: 80px; line-height: 80px; padding-left: 55px; font-size: 1.8rem; background:#ff5151 url(../Image/icon2.png) no-repeat 160px center;}
    .lc_p1 a:hover{ background:#e51a1a url(../Image/icon2.png) no-repeat 170px center; }
    .lc_ul{ float: right; margin-top: 0px; width: 80%;}
    .lcp2{ font-size: 1.8rem; margin-top: 20px; }
    .lcp3{ font-size: 1.4rem; margin-top: 5px; }
    .img2{ position: absolute; left: 0px; top: 50%; margin-top:-90px; }
    .img3{ position: absolute; right: 45px; top:0px; }
    #lcs{ margin-top: 60px; }
}
.roll_box{-webkit-perspective: 500px; perspective: 500px;  position:relative; height: 60px;}
.roll1{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);-webkit-transition: .2s ease;
    transition: .2s ease;
    -webkit-transform-origin: 50% 50% -25px;
    -ms-transform-origin: 50% 50% -25px;
    transform-origin: 50% 50% -25px; position:absolute; left:0; top:0; width:100%; z-index:1;opacity:1;}
.roll2{-webkit-transform: rotateX(90deg); transform: rotateX(90deg);-webkit-transition: .2s ease;
    transition: .2s ease;
    -webkit-transform-origin: 50% 50% -22px;
    -ms-transform-origin: 50% 50% -22px;
    transform-origin: 50% 50% -22px; position:absolute; left:0; top:0; width:100%; z-index:-1; opacity:0; display:none\9;}
.lc_ul li:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;}
.lc_ul li:hover .roll2{-webkit-transform: rotateX(0deg); transform: rotateX(0deg);display:block\9; z-index:1; opacity:1;}
.lc_ul li:hover .lcp2{ color: #ff5151; }
.aboutl a:hover .about_p1 span{ background: #ff5151;}
#chan2{ overflow:hidden; margin-top: 20px; background: #E7E1E1; padding: 20px 0px;}
.hzkhl{ width: 60%; float: left; }
.hzkhp1{ font-size: 1.6rem; font-weight: bold; }
.hzkhp2{ color: #a19a9a; margin-top: 5px; }
.hzkhr{ float: right; }
.hzkhr a{ width: 130px; padding-left: 15px; transition: all 0.5s; font-size: 1.6rem; color: #a19a9a; float:left; height: 60px; line-height: 60px; background: #fff url(../Image/icon3.png) no-repeat 90px center;}
@media (min-width:768px) 
{
    .hzkhr a{ height: 45px; line-height: 45px; }
}
@media (min-width:992px) 
{
    .hzkhl{ width: 45%; }
    .hzkhp3{ float: left; width:120px; text-align: right; color:#a19a9a; margin-top: 5px; margin-right: 15px; }
    .hzkhr a:hover{ background: #ff5151 url(../Image/icon31.png) no-repeat 95px center; color: #fff; }
}
@media (min-width:1200px) 
{
    #chan2{ margin-top: 70px; padding:43px 0px;}
    .hzkhp1{ font-size: 2.8rem; }
    .hzkhp2{ margin-top: 8px; }
    .hzkhr a{ width: 230px; padding-left: 40px; font-size: 1.8rem; height: 80px; line-height: 80px; background: #fff url(../Image/icon3.png) no-repeat 160px center; }
    .hzkhr a:hover{ background: #ff5151 url(../Image/icon31.png) no-repeat 175px center; color: #fff;}
    .hzkhp3{ width: 150px; line-height: 1.7; margin-top: 10px; margin-right: 35px;}
}
#chan3{ overflow:hidden; margin-top: 20px;}
.jdgzp1{ font-size: 2.2rem; font-weight: bold; font-family:hansans;}
.jdgzp2{ font-family:Arial; color: #403D3D; text-transform: uppercase; font-size: 1rem;}
.jdgzl{ margin-top:5px; position: relative; overflow:hidden;}
.products_img{ overflow:hidden; margin: 15px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); transition: all 0.4s; }
.products_img img{ width: 100%; }
.jdgzl .swiper-pagination-bullets{ bottom: 20px; width:auto; left: 30px;}
.jdgzl .swiper-pagination-bullet{ width: 9px; height: 9px; border: solid 1px #fff; background: none; opacity: 1; }
.jdgzl .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 3px; display: inline-block;}
.jdgzl .swiper-pagination-bullet-active {background: #ff5151; border: solid 1px #ff5151;}
.jdgzm{ overflow:hidden; margin-top: 5px;}
.jdgzm li{ height:50px; line-height: 50px; margin:8px; position: relative; background:#BD9971; box-shadow: 0px 0px 8px rgba(0,0,0,0); }
.jdgzm li span{ float: left; margin-left: 20px; color: #fff; font-size: 1.5rem; }
.jdgzm li b{ position: absolute; right: 20px; top: 50%; margin-top: -5px; }
.jdgzm li b i{ width: 9px; height: 9px; border: solid 1px #fff; float: left; transition: all 0.1s; margin: 0px 2px; border-radius: 50%; }
@media (min-width:768px) 
{
    .jdgzl{ width:55%; float: left; }
    .jdgzm{ width: 43%; float: right; margin-top: 10px;}
    .jdgzm li{ margin:10px; box-shadow: 0px 0px 10px rgba(0,0,0,0); }
}
@media (min-width:992px) 
{
    .products_txt{ width:0px; height:34px; line-height: 34px; overflow:hidden; transition: all 0.1s; background: rgba(0,0,0,0.6); color: #fff; position: absolute; right: 15px; bottom: 17px;}
    .jdgzl .swiper-slide:hover .products_txt{ width: 60%; padding:0px 10px; }
    .products_img:hover{ box-shadow: 0px 0px 15px rgba(0,0,0,0.5); }
    .jdgzm li{ height:60px; line-height: 60px; margin:15px; box-shadow: 0px 0px 15px rgba(0,0,0,0); transition: all 0.4s;}
    .jdgzm li:hover{ background: #ff5151; box-shadow: 0px 0px 15px rgba(0,0,0,0.5); }
    .jdgzm li:hover  b i{ margin: 0px 3px; }
}
@media (min-width:1200px) 
{
    #chan3{ margin-top: 70px; position: relative;}
    .jdgzr{ float: right; }
    .jdgzp1{ font-size:5rem; }
    .jdgzp2{ font-size: 1.4rem; }
    .jdgzp3{ margin-top: 35px; text-align: center; }
    .jdgzl{ width: 50%; }
    .products_img{ margin: 25px; box-shadow: 0px 0px 25px rgba(0,0,0,0.2); }
    .products_img:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,0.5); }
    .jdgzl .swiper-pagination-bullets{ bottom:40px; left: 45px;}
    .products_txt{ bottom: 32px; right: 25px; height: 40px; line-height: 40px; }
    .jdgzm{ width: 28%; margin-right: 60px; margin-top: 13px; }
    .jdgzm li{ height:95px; line-height: 95px; margin:25px 15px; box-shadow: 0px 0px 25px rgba(0,0,0,0);}
    .jdgzm li span{ margin-left: 45px; font-size: 2.4rem;}
    .jdgzm li b{ right: 45px; }
    .jdgzr{ margin-top: 25px; }
    .img9{ position: absolute; right: 0px; bottom: 0px; }
    .jdgzm li:hover{  box-shadow: 0px 0px 25px rgba(0,0,0,0.5); }
}
#chan4{ margin-top: 20px; background: #E7E1E1; padding: 20px 0px;}
.jzalp1{ font-size: 2.2rem; font-weight: bold; font-family:hansans;}
.jzalp2{ font-family:Arial; color: #403D3D; text-transform: uppercase; font-size: 1rem;}
.jzalr{ margin-top: 5px; }
.jzalr1{ position: relative; overflow:hidden;}
.products1_img{ overflow:hidden; margin: 15px; box-shadow: 0px 0px 15px rgba(0,0,0,0.2); }
.products1_img img{ width: 100%; }
.jzalr1 .swiper-pagination-bullets{ bottom: 20px; width:auto; left: 30px;}
.jzalr1 .swiper-pagination-bullet{ width: 9px; height: 9px; border: solid 1px #fff; background: none; opacity: 1; }
.jzalr1 .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 3px; display: inline-block;}
.jzalr1 .swiper-pagination-bullet-active {background: #ff5151; border: solid 1px #ff5151;}
.products1_txt{ max-width: 60%; text-align: center; padding: 0px 10px; height:32px; line-height: 32px; overflow:hidden; transition: all 0.1s; background: rgba(0,0,0,0.6); color: #fff; position: absolute; right: 15px; bottom: 17px;}
.jzalr2{ width:46%; float: left; margin: 5px 2% 0px; position: relative; }
.products2_img{ overflow:hidden;  }
.products2_img img{ width: 100%; transition: all 0.2s; }
.products2_img:hover img{ transform:scale(1.05); }
.products2_txt{ max-width: 60%; text-align: center; padding: 0px 10px; height:32px; line-height: 32px; overflow:hidden; transition: all 0.1s; background: rgba(0,0,0,0.6); color: #fff; position: absolute; right: 0px; bottom: 10px;  }
.jzalr3{ width:46%; float: left; margin: 5px 2% 0px; position: relative; }
@media (min-width:768px) 
{
    .jzalr1{ width: 68%; float: left; }
    .jzalr2{ width: 30%; float: right; margin: 15px auto 0px; }
    .jzalr3{ width: 30%; float: right; margin: 20px auto 0px; }
}
@media (min-width:992px) 
{
    .jzalr1{ width: 67%; }
    .jzalr2{ width: 30.8%; }
    .jzalr3{ width: 30.8%; margin: 15px auto 0px;}
    .jzalr2:hover .products2_txt{ background: rgba(0,0,0,0.8); }
    .jzalr3:hover .products2_txt{ background: rgba(0,0,0,0.8); }
    .products1_txt:hover{ background: rgba(0,0,0,0.8); }
}
@media (min-width:1200px) 
{
    #chan4{ margin-top: 70px; padding: 60px 0px; position: relative;}
    .jzall{ float: left; margin-top: 30px; }
    .jzalp1{ font-size:5rem; }
    .jzalp2{ font-size: 1.4rem; }
    .jzalp3{ margin-top: 40px; }
    .jzalm{ float:left; width: 19px; color: #a19a9a; font-size: 1.4rem; margin-left: 70px; margin-top: 30px;}
    .jzalr{ margin-top: 0px; width: 76%; float: right; }
    .jzalr1{ width: 70%; }
    .jzalr2{ width: 30%; margin: 30px auto 0px;}
    .jzalr3{ width: 30%; margin: 32px auto 0px;}
    .products1_img{ margin:30px; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); transition: all 0.4s;}
    .products1_img:hover{ box-shadow: 0px 0px 30px rgba(0,0,0,0.5); }
    .jzalr1 .swiper-pagination-bullets{ bottom: 55px; left:55px;}
    .products1_txt{ bottom: 43px; right: 30px; height: 40px; line-height: 40px; }
    .img5{ position: absolute; left: 130px; top: -140px; }
    .img21{ position: absolute; left:0px; bottom: 50px; }
    .products2_img{ box-shadow: 0px 0px 25px rgba(0,0,0,0.2); transition: all 0.4s; }
    .products2_img:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,0.5); }
}
#chan5{ margin-top: 20px; overflow:hidden;}
.mteam_p1{ height: 30px; line-height: 30px; font-size: 2.2rem; font-weight: bold; font-family:hansans;  }
#owl-carousel1{ margin-top: 15px; position:relative;}
#owl-carousel1 .owl-controls{ top: -39px; position: absolute;right: 0px; margin-top: 0px; }
#owl-carousel1 .owl-controls .owl-page span{ width: 20px; height: 20px; margin:0px 8px 0px 0px; background: url(../Image/hd1.png) no-repeat; padding: 0px; }
#owl-carousel1 .owl-controls .owl-page.active span{ padding: 0px; background: url(../Image/hd2.png) no-repeat; }
#owl-carousel1 .owl-items{ padding: 0px 5px; }
.team_imgs{ position: relative; box-shadow: 0px 0px 15px rgba(0,0,0,0); transition: all 0.4s;}
.team_img{ overflow:hidden;  }
.team_img img{ transition: all 0.2s; width: 100%;}
.team_txt{ width: 70%; overflow:hidden; transition: all 0.3s; text-align: center; padding:0px 5px; height: 40px; line-height: 40px; color: #a2a2a2; background: #181818; position: absolute; left: 15%; bottom:-20px; z-index: 1;}
.team_tro{ margin-top: 30px; line-height: 20px; height: 40px; overflow:hidden; color: #a19a9a;}
#xmjl{ margin-top: 15px; }
#owl-carousel2{ margin-top: 15px; position:relative;}
#owl-carousel2 .owl-controls{ top: -39px; position: absolute;right: 0px; margin-top: 0px; }
#owl-carousel2 .owl-controls .owl-page span{ width: 20px; height: 20px; margin:0px 8px 0px 0px; background: url(../Image/hd1.png) no-repeat; padding: 0px; }
#owl-carousel2 .owl-controls .owl-page.active span{ padding: 0px; background: url(../Image/hd2.png) no-repeat; }
#owl-carousel2 .owl-items{ padding: 0px 5px; }
.team .hd{ height: 53px; padding-top: 8px;}
.team .hd li{ width: 110px; text-align: center; margin-right: 10px; height: 43px; line-height: 43px; border:solid 1px #B0B0B0; float: left; color: #666666; font-size: 1.6rem; }
.team .hd li a{ color: #666; }
.team .hd li.on{ border:solid 1px #ff5151; background: #ff5151; color: #fff; box-shadow: 0px 0px 8px rgba(0,0,0,0.5);}
.team .hd li.on a{ color: #fff; }
#owl-carousel3{ margin-top: 15px; position:relative;}
#owl-carousel3 .owl-controls{ top: -45px; position: absolute;right: 0px; margin-top: 0px; }
#owl-carousel3 .owl-controls .owl-page span{ width: 20px; height: 20px; margin:0px 8px 0px 0px; background: url(../Image/hd1.png) no-repeat; padding: 0px; }
#owl-carousel3 .owl-controls .owl-page.active span{ padding: 0px; background: url(../Image/hd2.png) no-repeat; }
#owl-carousel3 .owl-items{ padding: 0px 8px; transition: all 0.4s;}
#owl-carousel4{ margin-top: 15px; position:relative;}
#owl-carousel4 .owl-controls{ top: -45px; position: absolute;right: 0px; margin-top: 0px; }
#owl-carousel4 .owl-controls .owl-page span{ width: 20px; height: 20px; margin:0px 8px 0px 0px; background: url(../Image/hd1.png) no-repeat; padding: 0px; }
#owl-carousel4 .owl-controls .owl-page.active span{ padding: 0px; background: url(../Image/hd2.png) no-repeat; }
#owl-carousel4 .owl-items{ padding: 0px 8px; transition: all 0.4s;}
@media (min-width:1200px) 
{
    #chan5{ margin-top: 60px; position: relative;}
    .team .hd{ height: 86px; padding-top: 16px; }
    .team .hd li{ width: 163px; height: 68px; line-height: 68px; margin-right: 20px; font-size: 2.2rem;}
    .team .hd li.on{ box-shadow: 0px 0px 16px rgba(0,0,0,0.4); }
    .teamc{ position: relative; }
    .teamt{ position: absolute; right: 85px; top: -99px;}
    .teamt span{ color: #e51a1a; }
    #owl-carousel3{ margin-top: 60px; }
    #owl-carousel3 .owl-controls{ top: -98px; }
    #owl-carousel3 .owl-items{ padding: 0px 25px; }
    #owl-carousel4{ margin-top: 60px; }
    #owl-carousel4 .owl-controls{ top: -98px; }
    #owl-carousel4 .owl-items{ padding: 0px 25px; }
    .team_txt{ padding:0px 10px; height: 70px; line-height: 70px; bottom:-35px; }
    .team_tro{ margin-top: 55px; font-size: 1.4rem; }
}
#owl-carousel3 .owl-items:hover .team_imgs{ box-shadow: 0px 0px 20px rgba(0,0,0,0.5); }
#owl-carousel4 .owl-items:hover .team_imgs{ box-shadow: 0px 0px 20px rgba(0,0,0,0.5); }
#owl-carousel3 .owl-items:hover .team_txt{ background: #FF5151; color: #fff; }
#owl-carousel4 .owl-items:hover .team_txt{ background: #FF5151; color: #fff; }
#owl-carousel4 .owl-items:hover{ transform: translateY(-20px);}
#owl-carousel3 .owl-items:hover{ transform: translateY(-20px);}

.news{ margin-top: 20px; background: #E7E1E1; padding: 15px; }
.news_p1{ font-size: 2.2rem; font-weight: bold; font-family:hansans; }
.news_p2{ color: #a19a9a; }
.newsul{ margin-top: 10px; overflow:hidden; }
.newsul li{ margin-bottom: 10px; }
.newsp1{ height: 28px; line-height: 28px; overflow:hidden; font-size: 1.5rem;  }
.newsp2{ line-height:20px; color: #a19a9a; height: 40px; overflow:hidden;}
@media (min-width:992px) 
{
    .newsul li{ width: 45%; margin-right:5%; float: left; }
}
@media (min-width:1200px) 
{
    .news{ overflow:hidden; margin-top: 70px; padding:50px;}
    .newst{ float: right; margin-top: 40px; }
    .news_p1{ font-size:5rem; text-align: right;}
    .news_p2{ text-align: right; }
    .newsul{ margin-top: 0px; float: left; width: 82%; }
    .newsul li{ margin-bottom: 15px; }
    .newsp1{ height: 36px; line-height: 36px; font-size: 1.8rem; }
    .newsp2{ font-size: 1.4rem; margin-top: 10px;}
}
.caseul{ margin-top: 20px; }
.caseul li{transition: all 0.3s;}
.caseimg{ overflow:hidden; }
.caseimg img{ width: 100%; }
.casetxt{ padding: 15px;}
#caseli1 .casetxt{ background: #F7F1EF; }
#caseli2{ margin-top: 20px; }
#caseli2 .casetxt{ background: #FCF7E8; }
.casetxtp1{ font-size: 1.6rem; }
.casetxtp1 span{display: inline-block;
    position: relative;}
.casetxtp1 span:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 4px;
    height: 4px;
    z-index: 0;
    background-color:#FF5252;
}
.casetxtp2{ margin-top: 10px; line-height: 1.8; color: #888888; }
@media (min-width:1200px) 
{
    .caseul{ margin-top: 0px;}
    .caseul li{ width: 50%; float: left; }
    #caseli2{ margin-top: 0px; }
    .casetxt{ padding:65px 40px 70px 40px;}
    .casetxtp1{ font-size: 2.2rem; }
    .casetxtp2{ margin-top: 25px; }
}
.caseul li:hover{ transform: translateY(-20px);
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1); }
/*******Css footer*******/
#footer{ margin-top: 20px; background:#ff5151; margin-bottom: 65px;}
.footert{ background: #fff; padding: 10px; overflow:hidden;}
.footer2{ line-height: 2; color: #666666; }
.footer2 a{ color: #666666; }
.footer2 a:hover{ color: #ff5151; }
.footerc{ height: 30px; line-height: 30px; color: #fff; margin:10px 0px; text-align: center; }
.footerc a{ color: #fff; margin: 0px 4px; font-size: 1.3rem;}
.footernav{ width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:10px 0px; left: 0px; z-index: 999;   background:#FF5252; }
.footernav a{ color: #fff; }
.footernav ul li{width: 20%; float: left; text-align: center; }
.footernp1{ font-size:2rem;}
.footernp2{ line-height:1.5;}
.footernav ul li.on .footernp1{ animation: swing 1s; }
#bf{ width: 100%; overflow:hidden; opacity: 0; height: 100px; bottom: 0px; background: rgba(0,0,0,0.9); z-index: 999; position: fixed; z-index: 999; }
.bfimg{ float: left; }
.bftel{ height: 100px; float: left; line-height: 100px; font-size: 2.4rem; font-weight: bold; color: #FFD800; margin-left: 100px; }
.bfa1{ width: 250px; text-align: center; color: #000; font-size: 2rem; height: 60px; line-height: 60px; background: #FFD800; border-radius: 15px; float: right; margin-top: 20px; margin-right: 20px; }
#bf.show{ opacity: 1; }
@media (min-width:768px) 
{
    #footer{ margin-bottom: 0px; }
    .footerc a{ margin: 0px 15px; }
}
@media (min-width:992px) 
{
    .footer1{ float: left; }
    .footerp1{ font-size: 1.6rem; }
    .footerp2{ font-size: 2rem; }
    .footerp3{ overflow:hidden; margin-top: 5px;}
    .footerp3 a{ width: 80px; height: 28px; line-height: 28px; border-radius: 5px; float: left; text-align: center; color: #fff;}
    .footerp3a1{ background: #FF5252; }
    .footerp3a2{ background: #2CBC45; margin-left: 5px; }
    .footer2{ float: left; margin-left:30px;}
    .footerc{ height: 100px; line-height: 100px; background: url(../Image/img8.png) no-repeat center; }
    .footerc a{ margin: 0px 30px; }
    .footerc a#footerca1{ margin-right: 60px;  }
    .footerc a#footerca2{ margin-left:143px;  }
    #footer{ margin-top: 40px;}
}
@media (min-width:1200px) 
{
    .footert{ padding: 10px 55px 55px 55px; }
    .footerp1{ font-size: 2.4rem; }
    .footerp2{ font-size: 3rem; }
    .footerp3{ margin-top: 20px; }
    .footerp3 a{ width: 90px; height: 30px; line-height: 30px; font-size: 1.5rem; }
    .footer2{ margin-top: 15px; margin-left: 85px; width: 680px; }
    .footer3{ float: right; margin-top: 15px;}
    .footerc{ margin:50px 0px; }
    .footerc a{ margin: 0px 45px; font-size: 1.8rem;}
    .footerc a#footerca1{ margin-right: 70px;  }
    .footerc a#footerca2{ margin-left:153px;  }
    .footerc a:hover{ text-decoration: underline; }
    #footer{ margin-top: 70px;padding-bottom: 120px}
}
/*******Css page*******/
#comchan1{ margin-top: 20px; overflow:hidden; }
.comchan1ul{ margin: 15px 8px 8px 8px; padding:5px 10px; box-shadow: 0px 0px 8px rgba(0,0,0,0.3); overflow:hidden; }
.comchan1ul li{ float: left; width: 50%; text-align: center; margin:8px 0px;  }
.comchan1p1{ font-size: 2.4rem; color: #5d5d5d; }
.comchan1ul li#comchan1li1{ background: url(../Image/comline.jpg) no-repeat right center; }
.comchan1ul li#comchan1li3{ background: url(../Image/comline.jpg) no-repeat right center; }
@media (min-width:768px) 
{
    .comchan1ul{ float: right; width: 70%; margin: 10px 10px 10px 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
}
@media (min-width:992px) 
{
    .comchan1ul{ width: 80%; padding:10px 10px; }
    .comchan1ul li{ width: 25%; }
    .comchan1ul li#comchan1li2{ background: url(../Image/comline.jpg) no-repeat right center; }
}
@media (min-width:1200px) 
{
    #comchan1{ margin-top: 50px; }
    .comchan1ul{ width: 75%; margin: 25px 25px 25px 25px; box-shadow: 0px 0px 25px rgba(0,0,0,0.3); padding:25px 35px 33px 35px; }
    .comchan1p1{ font-size: 5rem; }
    #comchan1 .aboutl{ margin-top: 55px; }
}
#comchan2{ margin-top: 15px; }
.comchan2c{ line-height: 2; transition: all 0.5s; color: #666666; overflow:hidden; background: url(../Image/com_bg2.jpg) no-repeat center bottom; }
.comchan2m{ overflow:hidden; margin-top: 20px; text-align: center; cursor: pointer;}
.comchan2mp1{ color: #888888; font-size: 1.4rem;}
.comchan2mp2{ color: #ff5151; font-size: 1.4rem; display: none;}
.comchan2mp3{ height:15px; background: url(../Image/mcom_icon1.jpg) no-repeat center; margin-top:5px;}
.comchan2mp4{ height:15px; background: url(../Image/mcom_icon4.jpg) no-repeat center; margin-top:5px; display: none;}
@media (min-width:768px) 
{
    .comchan2img{ float: left; margin-top: 15px; }
    .comchan2c{ width: 80%; float: right; }
}
@media (min-width:992px) 
{
    .comchan2c{ width: 83%; }
}
@media (min-width:1200px) 
{
    #comchan2{ margin-top: 30px; position: relative;}
    .cpage_img1{ position: absolute; top: 60px; right: 20px; }
    .cimg2{ position: absolute; top: 125px; left: 0px; }
    .comchan2m{ margin-top: 30px; }
    .comchan2mp1{ font-size: 1.6rem; }
    .comchan2mp2{ font-size: 1.6rem; }
    .comchan2mp3{ height:20px; background: url(../Image/com_icon1.jpg) no-repeat center; margin-top:10px;}
    .comchan2mp4{ height:20px; background: url(../Image/com_icon4.jpg) no-repeat center; margin-top:10px;}
}
#comchan2.on .comchan2mp1{ display: none; }
#comchan2.on .comchan2mp2{ display: block; }
#comchan2.on .comchan2mp3{ display: none; }
#comchan2.on .comchan2mp4{ display: block; }
.mzzry{ margin-top: 20px; overflow:hidden;  }
.mcomchan3p1{ font-size: 2.2rem; font-family:hansans; text-align: center;}
.mcomchan3p2{ text-align: center; color: #888888;}
.mzzryc{ margin-top: 15px; overflow:hidden; padding-bottom: 35px; position:relative;}
.mzzryc a{ float: left; border: solid 1px #DCDCDC; width: 100%;}
.mzzryc a img{ width: 100%; }
.mzzryc .swiper-pagination-bullets{ bottom:0px;}
.mzzryc .swiper-pagination-bullet{width: 20px; height: 20px; margin:0px 8px 0px 0px; background: url(../Image/hd1.png) no-repeat; opacity: 1; }
.mzzryc .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 3px; display: inline-block;}
.mzzryc .swiper-pagination-bullet-active {background: url(../Image/hd2.png) no-repeat;}
.mzzrym{ overflow:hidden; margin-top: 10px; position: relative; height: 30px;}
.mzzrym a{ width: 140px; position: absolute; left: 50%; margin-left: -70px; text-align: center; height: 30px; line-height: 30px; background: #ff5151; color: #fff; font-size: 1.5rem; }
.mzzrym a:hover{ background: #e51a1a; }
.mhjzs{ margin-top: 20px; overflow:hidden; }
.mhjzsl{ margin-top: 10px; overflow:hidden;}
.mhjzsl img{ width: 100%;}
.mhjzsr{ margin-top: 10px; overflow:hidden; }
.mhjzsr a{ float:left; width: 48%; margin:0px 1% 10px; }
.mhjzsr a img{ width: 100%; }
#lc{ margin-top: 10px; }
#comchan3{ margin-top: 20px; }
.comchan31{ background: #FF5252; }
.comchan31 ul{ position: relative; overflow:hidden; }
.comchan31 li{ float:left; padding: 30px 30px; border-right: solid 1px #FF7B7B; overflow:hidden; width: 25%; transition:0.3s;}
.comchan31 li#comchan31li1{ padding: 20px 20px 30px 0px; }
.comchan31 li#comchan31li3{ border-right: 0px; }
.comchan31 .comchan3line{ width: 1px; background: #FF7B7B; padding: 0px; height: 120px; float:left;}
.comchan3p1{ font-size: 2.2rem; font-family: hansans; color: #fff;}
.comchan3p2{ color: #fff; margin-top: 5px; }
.comchan31_img{ float: left; }
.comchan31_txt{ float: left; margin-left: 15px; color: #fff;}
.comchan31p1{ font-size: 1.6rem; }
.comchan31p2{ font-size: 1.6rem; }
.comchan31 .m_slider{
    position: absolute;
    left: 0;
    width: 25%;
    bottom: 0;
    height: 24px;
    background: url(../Image/com_bg3.jpg) 5px top no-repeat;
    transition:0.3s;
}
.comchan31.fixd{position: fixed; top: 0px; width: 100%; z-index: 999;}
.comchan31.fixd li{ padding:15px 30px 20px 30px;  }
.comchan31.fixd li#comchan31li1{ padding: 10px 20px 20px 0px; }
.comchan31.fixd .m_slider{ height:20px; }

.comchan32{ background: url(../Image/com_bg4.jpg) repeat-x bottom; padding-bottom: 35px; }
.comchan3c{ margin-top: 20px; overflow:hidden; }
.zzry{ overflow:hidden; padding-bottom:40px; position:relative;}
.zzry a{ float: left; border: solid 1px #DCDCDC; width: 100%; overflow:hidden; }
.zzry a img{ width: 100%; transition:0.2s;}
.zzry a:hover{ border: solid 1px #ff5151; }
.zzry a:hover img{ transform:scale(1.05); }
.zzry .swiper-pagination-bullets{ bottom:0px;}
.zzry .swiper-pagination-bullet{width: 20px; height: 20px; margin:0px 8px 0px 0px; background: url(../Image/hd1.png) no-repeat; opacity: 1; }
.zzry .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 3px; display: inline-block;}
.zzry .swiper-pagination-bullet-active {background: url(../Image/hd2.png) no-repeat;}
.zzrym{ overflow:hidden; margin-top: 10px; position: relative; height: 30px;}
.zzrym a{ width: 140px; position: absolute; left: 50%; margin-left: -70px; text-align: center; height: 32px; line-height: 32px; background: #ff5151; color: #fff; font-size: 1.5rem; }
.zzrym a:hover{ background: #e51a1a; }
.comchan3c2p1{ font-size: 1.8rem; text-align: center; }
.comchan3c2p2{ text-align: center; color: #888888; }
.hjzsl{ width: 48%; float: left; position: relative; margin-top: 15px; }
.hj_img{ overflow:hidden;}
.hj_img img{ width: 100%; transition:0.2s;}
.hjzsl:hover .hj_img img{ transform:scale(1.05); }
.hj_txt{max-width:0px;  height: 30px; line-height: 30px; transition:0.2s; position: absolute; right: 0px; bottom: 0px; background: rgba(0,0,0,0.8); color: #fff; overflow:hidden; }
.hjzsl:hover .hj_txt{ max-width: 60%;  padding: 0px 10px;  }
.hjzsr{ width: 50%; float: right; margin-top: 15px;}
.hjzsr a{ width: 46%; float: left; margin: 0px 2% 13px; }
.hjzsr a img{ width: 100%; }
@media (min-width:1200px) 
{
    #comchan3{ margin-top: 60px; position: relative;}
    .comchan3p1{ font-size: 3.8rem; }
    .comchan31 li{ padding:60px 60px; }
    .comchan31 li#comchan31li1{ padding: 40px 20px 45px 0px; }
    .comchan31 .comchan3line{ height: 188px; }
    .comchan31_img{ margin-top:6px; }
    .comchan31p1{ font-size: 2.2rem; }
    .comchan31p2{ font-size: 2.4rem; }
    .comchan31 .m_slider{background: url(../Image/com_bg3.jpg) 32px bottom no-repeat;}
    .comchan3c{ margin-top: 260px; }
    .zzry{ padding-bottom: 60px; }
    .zzrym{ margin-top: 20px; }
    .zzry .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0px 5px; }
    .comchan3c2p1{ font-size: 3rem; }
    .comchan3c2p2{ margin-top: 5px; }
    .comchan32{ background: url(../Image/com_bg1.jpg) repeat-x bottom; padding-bottom:65px; }
    .hjzsl{ margin-top:50px;}
    .hj_txt{ height: 35px; line-height: 35px; }
    .hjzsr{ margin-top:50px;}
    .hjzsr a{ margin-bottom: 20px; }
    #zzryms{ margin-top: 35px; }
    .cimg9{ position: absolute; top: 290px; right: 0px; }
    .cpage_img2{ position: absolute; top: 580px; left: 120px; }
    .comchan31.fixd li{ padding:35px 60px 20px 60px;  }
    .comchan31.fixd li#comchan31li1{ padding: 20px 20px 20px 0px; }
    .comchan31.fixd .m_slider{ height:20px; }
}
.menusl{ height: 40px; border-bottom: solid 1px #D5D5D5;}
.menusl a{ float:left; height: 40px; line-height: 40px; padding: 0px 20px; font-size: 1.4rem;}
.menusl a.on{ height: 45px; line-height: 45px; background:#ff5151; color: #fff; margin-top: -5px; z-index: 1; position: relative; }
.menusr{ text-align: right; color: #888888; height: 25px; line-height: 25px;}
.menusr a{ color: #888888; }
.menusr a:last-child{ color: #000; }
#wrap{ margin-top: 20px; }
.page_tp1{ text-align: center; font-size: 1.8rem; }
.page_tp1 span{ color:#ff5151;  }
.page_tp2{ color: #888; margin-top: 5px; text-align: center;}
.right_content{ margin-top: 10px; }
@media (min-width:768px) 
{
   .menusl a{ padding: 0px 30px; } 
}
@media (min-width:992px) 
{
    #menus{ border-bottom:solid 1px #D5D5D5; }
    .menusl{ float: left;  border-bottom:0px;}
    .menusr{ height: 40px; line-height: 40px; float: right; }
}
@media (min-width:1200px) 
{
    .menusl{ height: 65px; }
    .menusl a{ height: 65px; line-height: 65px; padding: 0px 70px; font-size: 1.8rem;}
    .menusl a.on{ height: 75px; line-height: 75px; margin-top: -10px;}
    .menusr{ height: 65px; line-height: 65px; float: right; font-size: 1.5rem; }
    #wrap{ margin-top: 50px; }
    .page_tp1{ font-size: 3rem; }
    #main{ position: relative; }
    .page_img1{ position: absolute; top: 200px; right: 0px; }
    .page_img2{ position: absolute; bottom: 150px; left: 10px; }
    .right_content{ margin-top: 25px; }
}
/*******Css list*******/
#indexNews{ border-top:1px dashed #e5e5e5; }
#indexNews li{ margin-top: -1px; width: 100%;}
#indexNews li a{ float: left; overflow:hidden; border-bottom:1px dashed #e5e5e5; padding:10px 5px;  position: relative;}
.indexNewsimg{ float: left; width: 30%; overflow:hidden;}
.indexNewsimg img{ width: 100%; }
.indexNewstxt{ width: 68%; float: right; }
.indexNewsp1{ height: 24px; line-height: 24px; overflow:hidden; font-size: 1.4rem;}
.indexNewsp2{ height: 36px; line-height: 18px; color: #888; overflow:hidden;}
.indexNewsp3{ height: 23px; line-height: 23px; color: #999; }

#picUL{overflow:hidden; }
#picUL li{ margin-top: 5px; text-align: center;}
#picUL .pic_01{ overflow:hidden; border:solid 1px #d5d5d5;}
#picUL .pic_01 img{ width: 100%; transition: all 0.3s;}
#picUL li:hover .pic_01 img{ transform:scale(1.05); }
#picUL .pic_02{ height: 27px; line-height: 27px; overflow:hidden;  }

#teamUL{overflow:hidden; }
#teamUL li{ margin-top: 5px; margin-bottom:8px; text-align: center;}
#teamUL .pic_img{ position: relative; margin-bottom: 20px;}
#teamUL .pic_01{ overflow:hidden;  }
#teamUL .pic_01 img{ transition: all 0.2s; width: 100%;}
#teamUL .pic_02{ width: 70%; overflow:hidden; transition: all 0.2s; text-align: center; padding:0px 5px; height: 40px; line-height: 40px; color: #a2a2a2; background: #181818; position: absolute; left: 15%; bottom:-20px; z-index: 1;}
#teamUL .pic_03{ margin-top: 30px; line-height: 20px; height: 40px; overflow:hidden; color: #a19a9a;}

.typecls{ border:solid 1px #D5D5D5; padding: 10px 10px; overflow:hidden;}
.typecls a{ margin-right: 10px; color: #888888; }
.typecls a:hover{ color: #ff5151; }
.typecls a.on{ color: #ff5151; }

#proUL{ overflow:hidden; margin-top: 15px;}
#proUL li{ position: relative; overflow:hidden; margin-bottom: 10px;  }
#proUL li .proula1{ float: left; border:solid 1px #d5d5d5; padding: 4px;}
#proUL li .pic_01{ position: relative; overflow:hidden; }
#proUL li .pic_01 img{ width: 100%; }
#proUL li .pic_02{ overflow:hidden; margin-top: 5px; }
#proUL li .pic_02 p{ width: 70%; float: left; height: 28px; line-height: 28px; overflow:hidden; font-size: 1.4rem;}
#proUL li .pic_02 span{ float: right; height: 28px; line-height: 28px; margin-right: 5px; padding-left: 20px; background: url(../Image/picon2.jpg) no-repeat left center; }
#proUL li .pic_03{ height: 23px; line-height: 23px; margin-bottom: 8px; overflow:hidden; color: #888888; overflow:hidden;}
.client{ margin-top: 15px; overflow:hidden; }
.client li{ margin-bottom: 15px; }
.client_img{ overflow:hidden; position: relative; }
.client_img img{ width: 100%; position: relative;}
.client_cc{ width: 70%; height: 50px; transition: all 0.2s; line-height: 50px; padding: 0px 20px; color: #fff; overflow:hidden;  position:absolute; left:15%; top: 50%; margin-top: -25px; background: rgba(0,0,0,0.8);  }
.client_cc p{ float: left; font-size: 1.6rem; }
.client_cc b{ position: absolute; height: 10px; position: absolute; right: 20px; top: 50%; margin-top: -5px; }
.client_cc b i{ width: 8px; height: 8px; border:solid 1px #fff; border-radius: 50%; float: left; margin-left: 3px;}
.client_txt{ margin-top: 10px; line-height: 2; }

@media (min-width:768px) 
{
    #indexNews li a{ padding: 15px 5px;}
    .indexNewsimg{ width: 25%;}
    .indexNewstxt{ width: 72%; }
    .indexNewsp1{ height: 28px; line-height: 28px; font-size: 1.5rem;}
    .indexNewsp2{ height: 54px; }
    .indexNewsp3{ margin-top: 5px; }
    .client_cc{ height: 80px; line-height: 80px; margin-top: -40px;}
}
@media (min-width:992px) 
{
    #indexNews li a{ padding: 20px 8px;}
    .indexNewsimg{ width: 20%; }
    .indexNewstxt{ width: 60%; float: left; margin-left: 25px; }
    .indexNewstime{ float: right; margin:10px 0px; padding-left:20px; width: 13%; color: #999; border-left: solid 1px #d5d5d5;}
    .indexNewsp2{ margin-top: 5px; }
    .indexNewsp4{ font-size: 2.2rem; }
    .indexNewsp5{ font-size: 1.3rem; }
    .indexNewsp6{ position:relative; margin-top: 20px; height: 32px;}
    .indexNewsp6 span{ width: 32px; height: 32px; transition: all 0.2s; background: #ff5151 url(../Image/slick_next.png) no-repeat; border-radius: 50%; position: absolute; left: 0px;  }
    #proUL li{ margin-bottom: 15px; }
    #proUL li .pic_bg{ width: 100%; height: 100%; opacity: 0; position: absolute; top: 0px; left: 0px; background: rgba(225,81,81,0.8); }
    #proUL li .pic_bg p{ padding:15px 15px 15px 15px; line-height: 1.5; color: #fff; transition: all 0.2s;}
    #proUL li .proula2{ width: 59px; height: 59px; background:url(../Image/picon3.png) no-repeat; transition: all 0.2s; position: absolute; bottom: -60px; opacity: 0; left: 50%;  margin-left: -30px; z-index: 3; }
    #proUL li .pic_02 span{ background: url(../Image/picon1.jpg) no-repeat left center;}
    .client li{ width: 50%; float: left; padding:25px;  }
    .client_img{ box-shadow: 0px 0px 20px rgba(0,0,0,0.3); }
    .client_txt{ margin-top: 20px; }
    .client li:hover .client_img{ box-shadow: 0px 0px 20px rgba(0,0,0,0.6); }
}
@media (min-width:1200px) 
{
    #indexNews li a{ padding:25px 20px;}
    .indexNewsp1{ height: 35px; line-height: 35px; font-size: 1.8rem;}
    .indexNewsp2{ font-size: 1.5rem; line-height: 26px; height: 78px; margin-top: 10px;}
    .indexNewsp3{ margin-top: 8px; font-size: 1.4rem;}
    .indexNewstime{ padding-left: 30px; margin-top: 15px;}
    .indexNewsp4{ font-size: 3rem; }
    .indexNewsp5{ font-size: 1.6rem; }
    .indexNewsp6{ margin-top: 35px; margin-bottom: 10px; }
    #picUL li{ margin-top: 10px; }
    #picUL .pic_02{ height: 40px; line-height:40px; padding: 0px 8px;}
    #teamUL li{ margin-bottom: 25px; }
    #teamUL .pic_02{ padding:0px 10px; height: 70px; line-height: 70px; bottom:-35px; }
    #teamUL .pic_03{ margin-top:50px; font-size: 1.4rem; }
    #teamUL li:hover .pic_02{ background: #FF5151; color: #fff; }
    .typecls{ margin-top: 40px; padding: 15px;}
    .typecls a{ margin-right: 30px; }
    #proUL{ margin-top: 30px; }
    #proUL li{ margin-bottom: 25px; }
    #proUL li .proula1{ position: relative;  }
    #proUL li .proula1:after{
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: 4px;
    background-color: #FF5252;
    transition:.4s;}
    #proUL li .proula1:hover:after{
        width: 100%;
    }
    #proUL li .pic_02{ padding: 0px 10px; margin-top: 10px;}
    #proUL li .pic_02 p{ height: 38px; line-height: 38px; font-size: 1.8rem; }
    #proUL li .pic_02 span{ height: 38px; line-height: 38px;}
    #proUL li .pic_03{ padding: 0px 10px; margin-bottom: 15px;}
    #proUL li .pic_bg p{ padding:50px 30px; }
    .client_cc p{ font-size: 18px; }
}
.client li:hover .client_cc{ background: #BD9971; }

#proUL li:hover .proula1{ box-shadow: 0px 0px 10px rgba(0,0,0,0.3); }
#proUL li:hover .pic_02 span{ background: url(../Image/picon2.jpg) no-repeat left center; }
#proUL li:hover .pic_bg{ opacity: 1; }
#proUL li:hover .proula2{ opacity: 1; top: 50%; margin-top: -30px; }

#teamUL li:hover .pic_01 img{ transform: scale(1.1); }
#indexNews li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0; height: 3px; background: #ff5151; transition: all ease .3s;}
#indexNews li:hover{z-index:1; }
#indexNews li a:hover:before{ width: 100%;}
#indexNews li a:hover{ border-bottom:1px solid #FFFFFF; box-shadow:0 0 20px rgba(0,0,0,.08);}
#indexNews li a:hover .indexNewsimg img{transform: scale(1.1); }
#indexNews li a:hover .indexNewsp6 span{ background: #e51a1a url(../Image/slick_next.png) no-repeat;}

/*******Css info*******/
#company_main{ margin:0 auto; line-height:2; padding:5px;}
#company_main img{ max-width:100%; }
#company_main a{ color:#ff5151;}
#contact_main{ margin:0 auto; line-height:32px; padding:10px; font-size: 16px; }
#contact_main a{ color:#ff5151;}

#page_Title{ line-height:1.6; font-size:1.4rem; text-align:center;}
.page_Info{ height: 35px; line-height: 35px; margin-top:10px; color:#666;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.page_Infoleft { padding-left: 30px; float: left;}
.page_Infoleft i{ margin-right: 5px; }
.page_Share{ margin-right: 10px; float: right; }
.page_Share a{ float: left; margin-left: 10px;}
.page_Share a:hover{ animation: swing 1s; }
.page_Share span{ float: left; }
#infoImage{ width:100%;text-align:center; margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; border:#dcdcdc solid 1px;}
.page_tit_bg{ height:40px; background:#f8f8f8; border-radius:3px; margin:15px auto 5px; overflow:hidden; } 
.page_tit_tit{
    padding: 0px 30px;
    height:40px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background:#ff5151;
    color:#ffffff;
    line-height:40px;
    text-align: center; font-size: 1.4rem;
    float: left;
}

#page_Content{ margin:0 auto; line-height:2; padding:5px; }
#page_Content img{max-width:100%;}
#page_Content table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    color:#333;
    border-color: #f1f1f1 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
#page_Content table th {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}
#page_Content table td {
    border-width:1px;
    padding:5px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}
#page_Content table td a { text-decoration:underline; color: #333;}
.page_link{ margin-top: 15px; color:#ff5151;  }
.search_cp{ height: 45px; line-height: 45px; font-size: 16px; }
.search_cp span{ color:#ff5151; }
.teamf{ overflow:hidden; margin-top: 20px;}
.teamf_img{ overflow:hidden; text-align: center;}
.teamf_img img{ max-width: 100%; }
.teamf_txt{ margin-top: 15px; }
.teamfp1{ font-size: 1.6rem; }
.teamfp2{ font-size: 1.3rem; color: #666666; line-height: 1.5; margin-top: 5px;}
.teamfp3{ overflow:hidden; margin-top: 15px; }
.teamfp3 span{ float: left; background: #ff5151; color: #fff; font-size: 1.3rem; padding:6px 15px;}
.teamfc{ margin-top: 10px; line-height: 2; color: #666666; }
.teamrn{ margin-top: 30px; overflow:hidden; }
.teamrn li{ line-height: 22px; color: #888; }
.teamrn li a{ color: #888; }
.teamrn li a:hover{ color:#ff5151; }
#teamrnli1{ background: url(../Image/teamicon1.jpg) no-repeat left center; padding-left: 20px; }
#teamrnli2{ background: url(../Image/teamicon2.jpg) no-repeat left center; padding-left: 20px;}
.tcase{ margin-top: 30px; overflow:hidden; }
.tcase_p1{ padding: 8px 0px; border-bottom: solid 1px #D5D5D5; overflow:hidden;}
.tcasea1{ float: left; font-size: 1.5rem;}
.tcasea1 i{ width: 3px; height: 24px; background: url(../Image/tcaseicon.jpg) no-repeat; float: left;}
.tcasea1 span{ float: left; margin-left: 15px; line-height: 24px; }
.tcasea2{ float: right; color: #888; line-height: 24px;}
#tcasec{ margin-top: 15px; overflow:hidden;}
#tcasec .owl-items a{ border:solid 1px #D5D5D5; padding: 4px; float: left; }
.tcase_img{ overflow:hidden; text-align: center;}
.tcase_img img{ width: 100%; transition: all 0.3s;}
.tcase_txt{ overflow:hidden; margin-top: 8px;}
.tcase_txt span{ width: 70%; float: left; height: 28px; line-height: 28px; overflow:hidden; font-size: 1.4rem;}
.tcase_txt i{ float: right; height: 28px; line-height: 28px; margin-right: 5px; padding-left: 20px; background: url(../Image/picon1.jpg) no-repeat left center; }
.tcase_tro{ height: 23px; line-height: 23px; overflow:hidden; color: #888888; overflow:hidden;}
.proscls{ margin-top: 20px; overflow:hidden;}
.procls{ margin-top: 15px; overflow:hidden; }
.procls li{  margin-bottom: 10px; width: 50%; float: left; padding:0px 10px;  }
.procls li a{ position: relative; overflow:hidden; float: left; }
.proclsimg{ overflow:hidden;}
.proclsimg img{ width: 100%; transition: all 0.2s; position: relative;}
.proclsbg{ position: absolute; width: 100%; height: 100%; z-index: 1; font-family:hansans; background: rgba(0,0,0,0.6); top: 0px; left: 0px;}
.proclstxt{ position: absolute; text-align: center; width: 80%; height: 30px; line-height: 30px; top:50%; margin-top: -15px;  left:10%; z-index: 3;  overflow:hidden; font-size: 1.6rem; color: #fff;  }
.prcase_img{ margin-top: 20px; }
.prcase_imgs{ text-align: center; }
.prcase_imgs img{ max-width: 100%; }
.gallery-top{ overflow:hidden; position: relative;}
.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{ position: absolute; top: 50%; margin-top: -17px; border-radius: 50%; width:34px; height: 34px; line-height: 34px; background: #ff5151; text-align: center; color: #fff; font-size: 1.4rem; }
.swiper-slide img{ width: 100%; }
.gallery-thumbs{ overflow:hidden; margin-top: 10px; }
.gallery-thumbs .swiper-slide{ background: #000;  cursor: pointer; overflow:hidden; }
.gallery-thumbs .swiper-slide img{ opacity: 0.7;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active img{ opacity:1; }
.prcase_txt{ margin-top: 20px; }
.prcasep1{ padding:15px 0px 10px 0px; position: relative; overflow:hidden; }
.prcasep1 span{ width: 50px; height: 3px; background: #ff5151; position: absolute; top: 0px; left: 0px;}
.prcasep1 p{ float: left; width: 80%;  line-height: 20px; font-size: 1.4rem;}
.prcasep1 i{ float:right; color:#ff5151; margin-right: 8px; height:20px; line-height: 20px; background: url(../Image/picon2.jpg) no-repeat left center; padding-left: 20px;}
.prcasediv1{ padding-bottom: 10px; overflow:hidden;  border-bottom: solid 1px #d5d5d5; color: #888; }
.prcasep3{ margin-top: 15px; overflow:hidden;}
.prcasep3 span{ font-size: 1.3rem; padding:6px 15px; background: #ff5151; color: #fff; float: left;}
.prcasen{ margin-top: 15px; overflow:hidden;}
.prcasen li{ height: 24px; line-height: 24px; color: #999;}
.prcasen li a{ color: #999; }
.prcasen li#prcasenli1{ background: url(../Image/teamicon1.jpg) no-repeat left center; padding-left: 20px;}
.prcasen li#prcasenli2{ background: url(../Image/teamicon2.jpg) no-repeat right center; padding-right: 20px;}
.cocul{ margin-top: 20px; overflow:hidden;}
.cocul li{ background: #FAFAFA; border:solid 1px #d5d5d5; margin-bottom: 10px; padding: 10px; overflow:hidden; }
.cocimg{ width: 40px; float: left; text-align: center;  }
.cocdiv{ float: left; margin-left: 10px; background: url(../Image/cocbg1.jpg) repeat-y left center; padding-left: 20px;}
.cocp1{ font-size: 1.4rem; font-weight: bold;}
.cocp2{ color: #666666; height: 24px; line-height: 24px;}
.cocp2 b{ color:#ff5151; font-size: 1.5rem;}
.coclx{ height: 28px; line-height: 28px; margin-top: 10px; background: url(../Image/coc_icon4.jpg) no-repeat left center; padding-left: 30px; color: #888;}
.coc{ overflow:hidden; margin-top: 20px;  }
.coct{ overflow:hidden; }
.coct span{ padding: 8px 20px; background: #9F9F9F; color: #fff; float: left; }
.cocdt{ margin-top: 15px; }
.cocdt img{ width: 100%; }
#zxbj{ margin-top: 20px; overflow:hidden; padding: 43px 0px 20px 0px; background: #FF5252 url(../Image/coc_bg2.jpg) no-repeat center top; }
.zxbjrp1{ color: #FFD800; font-size: 1.6rem;}
.zxbjul{ overflow:hidden; margin-top:15px;   }
.zxbjul li{ overflow:hidden; margin-bottom: 10px; background: #fff; }
.zxbjul li#zxbjli{ background: none; }
.zxbj_input{ width: 100%;  padding:0px 15px; color: #888888; height: 35px; line-height: 35px; float: left; outline: none;}
.zxbj_textarea{ width: 100%; padding:5px 15px; color: #888888; height: 75px; line-height: 25px; float: left; outline: none; }
.zxbj_input1{  padding:0px 15px; color: #888888; height: 35px; line-height: 35px; float: left; outline: none; width:30%;}
.zxbj_img{ float: left; margin-top: 6px; }
.zxbj_submit{ float: right; padding: 0px 30px; background: #FFD800; color: #000; height: 35px; line-height: 35px; font-size: 1.4rem; border-radius: 3px; }
#allmap1{ width: 100%; height:180px;  }
@media (min-width:768px)
{
    .page_Info{ height: 48px; line-height:48px; }
    #tcasec .owl-items{ margin: 0px 8px; }
    .procls li{ width:33.3%; margin-bottom: 15px;}
    .prcasen li{ width:45%; float: left; }
    #prcasenli1{ margin-right: 5%; }
    #prcasenli2{ margin-left: 5%; }
    .zxbjul li{ width:48%; float: left; margin-right: 2%;  }
    .zxbjul li#zxbjli{ width: 98%; }
    #allmap1{ height: 260px; }
}
@media (min-width:992px) 
{
    #page_Title{ font-size: 1.6rem; }
    .teamf_img{ float: left; width: 30%; }
    .teamf_txt{ width: 65%; float: right; }
    .tcasea1{ font-size: 1.6rem; }
    .procls li{ width:25%;}
    .gallery-top{ width: 70%; float: left;}
    .gallery-thumbs{ width: 25%; float: right; height: 493px; margin-top: 0px;}
    .prcasep1 p{ font-size: 1.6rem; }
    .prcasep2{ width: 70%; float: left; line-height: 28px; height: 28px; overflow:hidden;  }
    #prcaseshare{ float: right; }
    .cocul li{ width: 48%; float: left; margin-left: 1%; margin-right: 1%; }
    .cocul li#cocli1{ width:98%; }
    .zxbjl{ float: left; color: #fff;}
    .zxbjl a{ color: #fff; }
    .zxbjl .about_p1 span{ background: #fff; }
    .zxbjr{ width: 80%; float: right; }
}
@media (min-width:1200px) 
{
    #page_Title{ font-size: 2.6rem; }
    .page_Info{ height: 55px; line-height:55px; }
    .page_tit_bg{ height: 55px; margin:25px auto 15px;}
    .page_tit_tit{ padding: 0px 35px; height: 55px; line-height: 55px; font-size: 1.8rem; }
    .teamf{ margin-top: 40px; position: relative;}
    .teamf_img{ width: 27%; float: left; margin-left:5%; }
    .teamf_txt{ width: 60%; float: right; margin-right: 5%; }
    .teamfbg{ width: 100%; z-index: -1; top: 100px; height: 400px; background: url(../Image/bg1.jpg); position: absolute;  }
    .teamfp1{ font-size: 2.2rem; }
    .teamfp2{ font-size: 1.6rem; margin-top: 10px; }
    .teamfp3{ margin-top: 25px; }
    .teamfp3 span{ padding:10px 20px; font-size: 1.6rem; }
    .teamfc{ margin-top: 20px; }
    .teamrn li{ font-size: 1.4rem; }
    .tcase{ margin-top: 80px; }
    .tcase_p1{ padding:20px 0px; }
    .tcasea1{ font-size: 2rem; }
    #tcasec{ margin-top: 40px;}
    #tcasec .owl-items{ margin: 0px 15px; }
    .tcase_txt span{ height: 38px; line-height: 38px; font-size: 1.8rem; }
    .tcase_txt i{ height: 38px; line-height: 38px; }
    .tcase_tro{ height: 30px; line-height: 30px; font-size: 1.5rem; margin-bottom: 10px; }
    .proscls{ margin-top: 30px; }
    .procls{ margin-top: 30px; }
    .procls li{ width:20%;}
    .proclstxt{ height: 40px; line-height: 40px; margin-top:-20px; font-size:2rem; }
    .prcase_img{ margin-top: 40px; }
    .gallery-thumbs{ height:719px; }
    .prcase_txt{ margin-top: 50px; width: 70%; float: left;}
    .prcase_txt #page_Content{ margin-top: 15px; }
    .prcasep1 p{ height: 38px; line-height: 38px; overflow:hidden; font-size: 2.2rem;}
    .prcasep1 i{ height: 38px; line-height: 38px; }
    .prcasep3 span{ padding:10px 25px; font-size: 1.6rem; }
    .prcontact{ background: #F1EFEF; width:25%; float: right; margin-top: 50px; padding: 25px; }
    .prcontactp1{ text-align: center; font-size: 2.2rem; }
    .prcontactp2{ margin-top: 20px; line-height: 1.8; font-size: 1.5rem; color: #666666; }
    .prcontactp3{ overflow:hidden; margin-top: 15px;}
    .prcontactp3 a{ width: 130px; text-align: center; float: left; height: 38px; line-height: 38px; color: #fff; font-size: 1.5rem; margin-right: 10px; }
    .prcontactp3a1{ background: #FF5252; }
    .prcontactp3a2{ background: #2CBC45; }
    .prcontactp4{ margin-top: 25px; }
    .coc{ margin-top: 70px; }
    .cocul{ margin-top: 50px; }
    .cocul li{ margin-bottom: 15px; width: 31%; margin-right: 1%; }
    .cocul li#cocli1{ width: 31%; margin-right: 1%; }
    .cocdiv{ width: 86%; }
    .cocp1{ font-size: 1.6rem; }
    .cocp2{ font-size: 1.5rem; margin-top:3px;}
    .cocp2 b{ font-size: 2rem; }
    .coct span{ font-size: 1.8rem;padding: 10px 35px; }
    .cocdt{ margin-top: 30px; }
    .zxbjr{ width: 65%; margin-right: 50px;}
    #zxbj{ margin-top: 50px; padding: 63px 0px 40px 0px; margin-bottom: 40px;}
    .zxbjrp1{ font-size: 2.4rem; }
    .zxbjul{ margin-top: 25px; }
    .zxbjul li{ margin-bottom: 15px; }
    .zxbj_input{ height: 45px; line-height: 45px; }
    .zxbj_textarea{ height: 105px; line-height: 35px; }
    .zxbj_input1{ height: 45px; line-height: 45px; }
    .zxbj_img{ margin-top: 10px; }
    .zxbj_submit{ height: 45px; line-height: 45px; padding: 0px 45px; font-size: 1.8rem; }
    .cocimg5{ position: absolute; left:50%; margin-left: 630px; bottom: 160px;  }
    #allmap1{ height: 360px; }
    .cocul li{ padding: 30px 10px; }
    .coclx{ margin-top: 25px; }
    #cabout_p2{ font-size: 8rem; height: 100px; line-height: 100px; }
    #cabout_p3{ font-weight: normal; }
}
.procls li a:hover .proclsbg{ background: rgba(0,0,0,0.8);  }
.procls li a:hover .proclsimg img{ transform:scale(1.2); }
#tcasec .owl-items a:hover{ border:solid 1px #ff5151; }
#tcasec .owl-items a:hover .tcase_img img{ transform:scale(1.05); }
#tcasec .owl-items a:hover .tcase_txt i{ background: url(../Image/picon2.jpg) no-repeat left center;  }

/*******Css related*******/
.related{ margin-top:15px; }
.related p{ height:35px; line-height: 35px; font-size: 18px; font-weight:bold; border-bottom:solid 1px #F1F1F1;}
.related ul { width:100%; padding:10px 0px;float:left;}
.related ul li{ width:50%; height:30px; line-height:30px; float:left;}
.related ul li b{ float:left;}
.related ul li a{ float:left; margin-left:5px; display:inline; color:#666;}
.related ul li a:hover{ color:#ff5151;}



/*******Css job*******/
#job_ul{}
#job_ul li{
    border-bottom:dashed 1px #cfcfcf;
    padding:10px 0px;
    height: 100%; overflow: hidden;
}
#job_ul li .recruit_info{
    float:left; width: 80%;
}
.job_nam{
    color:#ff5151;
    font-weight:bold;
}
#job_ul li .recruit_but{
    height:45px;
    float:right;
    margin-top:10px;
    margin-right:22px;
}
.job_ul li .recruit_but a{
    width:150px;
    height:45px;
    line-height:45px;
    background: #1C5FB8;
    border-radius:2px;   
    text-align:center; float: left;
}
.recruit_info_tit_bg{
    height:40px;
    background:#f8f8f8;
    border-radius:2px;
    margin:15px auto;
}
.recruit_info_tit_bg .recruit_info_tit{
    width:140px;
    height:45px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background:#ff5151;
    color:#ffffff;
    line-height:45px;
    text-align: center;
}
.recruit_info_main{
    margin:0px auto;
    margin-top:10px;
    margin-bottom:60px;
    padding:5px 20px;
    line-height: 32px;
}
.seek_job{ margin-left: 20px; }
.seek_job li{ padding-top:10px; height: 100%; overflow: hidden;}
.seek_t1{ float: left; font-weight: bold; height: 40px; line-height: 40px; }
.job_nam{ float: left; margin-left: 15px; color:#ff5151; font-weight: bold; }
.G_InputText{
    width:300px;
    height:40px;
    line-height:40px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px; margin-left: 15px;outline: none;
}
.G_InputText:hover{ border:1px solid #ff5151; }
.G_captcha{
    width:100px;
    height:40px;
    line-height:40px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px; margin-left: 15px;outline: none;
}
.G_captcha:hover{ border:1px solid #ff5151; }
.G_textarea{
    width:500px;
    height:150px;
    line-height:30px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px; margin-left: 15px;outline: none;
}
.G_textarea:hover{ border:1px solid #ff5151; }
.G_select{ float: left; border:1px solid #dedede; height: 40px; line-height: 40px; }
.job_radio{ float: left; }
.G_img{ float: left; margin-top: 10px; margin-left: 5px; }
.G_But{
    width:250px;
    height:50px;
    line-height:50px;
    background:#ff5151;
    border-radius:5px;
    text-align:center;
    color:#FFF;
    cursor:pointer;
    transition: all 0.3s;
    float: left;outline: none; border: 0px;font-size: 18px;
}
.G_But:hover{
    background:#000;
}


/*******Css prev_next*******/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #ff5151; }

/*css digg style pagination*/
div.digg{ margin:20px auto; text-align:center; float:right; display: inline;}
div.digg a{border:#dedede 1px solid; padding:6px 10px; margin:5px; color:#666; display: inline-block;}
div.digg a:hover{border:#ff5151 1px solid;color:#fff; background: #ff5151;}
div.digg a:active{border:#ff5151 1px solid;color:#fff; background: #ff5151;}
div.digg span.current{border:solid 1px #ff5151;padding:6px 15px; font-weight:bold; margin:5px; color:#fff; background-color:#ff5151; display: inline-block;}
div.digg span.disabled{border:#dedede 1px solid;padding:6px 10px;margin:5px;color:#ddd;  display: inline-block;}
div.digg select{ border:#dedede 1px solid; padding:6px 0px; display: inline-block;}