@charset "utf-8";
/*******CSS commont*************/
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;}
input,textarea,select{*font-size:100%;}legend{color:#000;}
/*******CSS reset*************/
body{ background:#fff; overflow-x: hidden; color:#000; font-size: 12px; font-family:'Microsoft YaHei','微软雅黑',Arial;}
@media (min-width:1200px) 
{
    body{ font-size: 15px; }
}
a{color:#000;text-decoration:none; cursor: pointer; transition: all 0.3s;}
a:hover{ text-decoration: none; color:#da3436; }
.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; }
@font-face {
    font-family:hansans;
    src:url('ARIBLK.TTF');
}
/*******Css header*******/
#mheader{ position: relative; }
.mlogo{ margin:13px 0px;}
.mlogo img{ width: 100%; }
.mheaderr{ background: #da3436; height: 87px; width: 120px; position: relative; }
.mheaderra1{ width: 30px; height: 30px; background: url(../Image/icon1.png) no-repeat; position: absolute; top: 50%; margin-top: -15px; left: 15px; }
.nav-trigger{ width:28px; height:21px; z-index:999; background: url(../Image/icon2.png) no-repeat; outline: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -11px; right:30px; }
.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:20;overflow-y:scroll; padding:20px 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; width: 100%; left: 0px; z-index:10; 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;  }
.navp1 img{ max-width: 60%; }
.navp2{ padding-left: 30px; font-size: 14px;}
.navp2 strong{ font-size: 16px; color: #da3436; }
.navul{ width: 90%; margin: 15px auto 25px;}
.nav-item{position: relative; margin-bottom: 5px; }
.nav-item p{overflow: hidden;line-height: 40px;max-height:40px; font-size:16px; padding: 0px 10px;}
.nav-item p i{ float: right; margin-top:11px; font-size:20px; 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: 13px; display: block;}
.nav-item .msub a.on{ color:#DB0515;}
.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;}
#mnav{ background: #da3436; padding: 12px 0px; }
#mnav a{ width: 25%; height: 30px; line-height: 30px; font-size: 14px; text-align: center; float: left; color: #fff; }
#mnav a.on{ font-weight: bold; }
@media (min-width:768px) 
{
    .nav-trigger{ right: 40px; }
    #mnav a{ width: 12.5%; }
}
@media (min-width:992px) 
{
    .nav-trigger{ right: 60px; }
    #mnav a{ font-size: 15px; }
}
#header{ height: 110px;}
#header .container{ position: relative; }
.logo{ margin-top: 24px; }
.nav{ margin-left: 100px; margin-top: 30px;}
.nav a{ float: left; height: 48px; transition:all ease 0.2s; line-height: 48px; width: 130px; text-align: center; font-size: 16px; }
.nav a:hover{ font-weight: bold; transform: translateY(-2px);}
.nav a.on{ font-weight: bold; color: #da3436;}
.headerr{ width: 120px; z-index: 6; background: #da3436; height: 225px; position: absolute; right: 0px; top: 0px;}
.headerra1{ width: 30px; height: 30px; background: url(../Image/icon1.png) no-repeat; position: absolute; left: 50%; margin-left: -15px; top: 30px;}
.headerra1:hover{ animation: swing 1s; }
.headerrsp{ width: 38px; height: 1px; background: #E97B7B; position: absolute; top:111px; left: 50%; margin-left: -19px; }
.headerra2{ width: 28px; height: 21px; background: url(../Image/icon2.png) no-repeat; position: absolute; bottom: 50px; left: 50%; margin-left: -14px;}
.headerra2:hover{ animation: swing 1s; }
.headerrtel{ width: 100%; color: #fff; position: absolute; text-align: center; top: 70px; }
.lh-map{ position:fixed; left:0; top:0; width:100%; height:100%; transform:translateY(-100%); visibility:hidden; background:#da3436 url("../Image/map-bg.png") no-repeat center bottom; z-index:9999; padding:4vw 9vw;  transition:ease 0.8s;}
.navMap .lh-map{transform:translateY(0); visibility:visible; }
.lh-mapl{ width: 46vw; float: left;}
.lh-maplc{ overflow: hidden; margin-top: 3vh;}
.lh-maplc dl{ float:left; margin-top: 6vh; height: 223px; overflow: hidden; width: 33%; }
.lh-maplc dl dt{ font-weight: normal; font-size:22px; }
.lh-maplc dl dt a{ color:#fff; }
.lh-maplc dl dt a:hover{ font-weight: bold; }
.lh-maplc dl dt a.on{ font-weight: bold; }
.lh-maplc dl dd{ margin-top: 2vh; line-height: 25px;font-size: 14px; color:rgba(255,255,255,0.7);}
.lh-maplc dl dd a{ display: block; color:rgba(255,255,255,0.7);  }
.lh-maplc dl dd a:hover{ color: #fff; }
.lh-maplc dl dd a.on{ color: #fff; }
.lh-mapr{ float: right; width: 21vw;}
.lh-maprt{ height: 50px; overflow: hidden;}
.lh-maprt a{ width:50px; font-size: 28px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; float: right; background: #fff;  }
.lh-maprt a:hover{ animation: swing 1s; }
.lh-maprp1{ margin-top: 9vh;}
.lh-maprp1 img{ max-width: 100%; }
.lh-maprp2{ position: relative; margin-top: 3vh; font-size: 18px; color: #fff; padding-left: 60px;}
.lh-maprp2 span{ width: 45px; height: 1px; background: #fff; position: absolute; top: 50%; left: 0px;}
.lh-maprp3{ margin-top: 18vh; text-align: center;}
.mbanner{ position: relative; overflow: hidden;}
.banner{ position: relative; }
.bannerbg{ position: relative; overflow: hidden; }
.bannerbg .prev,.bannerbg .next{ width: 26px; height: 50px; position: absolute; left: 50%; opacity: 0.5; bottom: 100px;}
.bannerbg .prev{ background: url(../Image/lf.png) no-repeat; margin-left:500px;  }
.bannerbg .next{ background: url(../Image/rt.png) no-repeat; margin-left:670px;}
.bannerbg .prev:hover{ opacity: 1; }
.bannerbg .next:hover{ opacity: 1; }
.bannerbg .hd{ position: absolute; left: 50%; bottom: 150px; width: 110px; margin-left: 555px;}
.bannerbg .hd ul{width: 50px; height: 50px; position: absolute; left: 0px; top: 0px; }
.bannerbg .hd ul li{ width: 50px; height: 50px; line-height: 50px; position: absolute; left: 0px; opacity: 0; color: #fff; font-size: 42px; font-weight: bold; font-family:Arial;}
.bannerbg .hd ul li.on{ opacity: 1; }
.bannerbg .hd i{ position: absolute; left: 55px; transform:rotate(15deg); top: 0px; width: 1px; height:45px; background: rgba(255,255,255,0.6); }
.bannerbg .hd span{ position: absolute; left: 65px; top: 15px; font-size: 23px; font-weight: bold; font-family:Arial; color: #fff;}
.bannerbg .bd img{ width:1920px; height: 790px; }
.bannerc{ width: 100%; position: absolute; bottom: 0px; left: 0px; height: 70px; line-height: 70px; border-top: solid 1px rgba(255,255,255,0.31); }
.bannercl a{ margin-right: 45px; color: rgba(255,255,255,0.6);}
.bannercl a:hover{ color: #fff; }
.bannercr{ width: 140px; }
.navseach_text{ width: 90px; color:rgba(255,255,255,0.9);  float: left; background: none; height:30px; line-height: 30px; outline: none; margin-top: 20px;}
.navseach_btn{ width: 15px; height: 16px; margin-top: 27px; outline: none; cursor: pointer; background: url(../Image/icon3.png) no-repeat; float: right;}
#chan1{ margin-top: 25px; }
.chan1t{ overflow: hidden; height: 79px; line-height: 79px;}
.productcls{ margin-top: 20px; overflow: hidden; }
.productcls a{ width: 48%; font-size: 14px; float: left; border: solid 1px #DBDBDB; margin: 5px 1%; text-align: center; height: 38px; line-height: 38px;}
.productcls a:first-child{ border: solid 1px #da3436; background: #da3436; color: #fff; }
.products{ margin-top: 15px; overflow: hidden; }
.products a{ padding: 8px 6px 15px 6px; border: solid 1px #DBDBDB; float: left; }
.products_img{ overflow: hidden; }
.products_img img{ width: 100%; transition: all 0.3s;}
.products_txt{ height: 40px; line-height: 20px; font-size: 14px; margin-top: 8px; overflow: hidden;}
.products_bt{ height:26px; background: url(../Image/more1.png) no-repeat center; margin-top: 15px; transition: all 0.3s;}
@media (min-width:768px) 
{
    .chan1trs{ float: right; color: #C2C2C2;}
    .chan1trs i{ float: left; width: 30px; height: 1px; background:#C2C2C2; margin-top: 39px; }
    .chan1trs span{ float: left; font-weight: bold; font-size: 16px; margin-left: 10px; }
    .productcls a{ width: 31%; }
}
@media (min-width:992px) 
{
    .productcls a{ width: 23%; }
    .products a:hover{ border: solid 1px #da3436; }
    .products a:hover .products_bt{ background: url(../Image/more2.png) no-repeat center; }
}
@media (min-width:1200px) 
{
    #chan1{ margin-top: 100px; }
    .chan1trs i{ width: 80px; }
    .chan1trs span{ margin-left: 45px; font-size: 22px;}
    .productcls{ width: 240px; float: left; margin-top: 40px;}
    .productcls a{ width: 240px; height: 40px; line-height: 40px; margin:11px 0px 0px 0px; font-size: 16px;}
    .products{ width: 1130px; margin-top: 52px; float: right;}
    .products a{ padding: 35px 25px 50px 25px; }
    .products_txt{ line-height: 30px; height: 60px; margin-top: 24px; font-size: 16px;}
    .products_bt{ margin-top: 40px; }
    .products a:hover{ border: solid 1px #da3436; background:#da3436;  }
    .products a:hover .products_bt{ background: url(../Image/more3.png) no-repeat center; }
    .products a:hover .products_txt{ color: #fff; }
}
.productcls a:hover{ border: solid 1px #da3436; background: #da3436; color: #fff;}


.products a:hover .products_img img{ transform:scale(1.05); }
.chan1ts{ overflow: hidden; height: 48px; line-height: 48px; position: relative;}
.caset{ margin-top: 20px; overflow: hidden;}
.caset a{ width:50%; text-align: center; float: left; color: #fff; padding: 25px 0px;}
.casetp1{ height: 49px; }
.casetp2{ margin-top: 8px; font-size: 15px; }
#casea1{ background: #da3436; }
#casea2{ background: #d1292b; }
#casea3{ background: #c51e20; }
#casea4{ background: #bb1416; }
#casea1:hover{ background: #dd090b; }
#casea2:hover{ background: #dd090b; }
#casea3:hover{ background: #dd090b; }
#casea4:hover{ background: #dd090b; }
#casea1 .casetp1{ background: url(../Image/cicon1.png) no-repeat center; }
#casea2 .casetp1{ background: url(../Image/cicon2.png) no-repeat center; }
#casea3 .casetp1{ background: url(../Image/cicon3.png) no-repeat center; }
#casea4 .casetp1{ background: url(../Image/cicon4.png) no-repeat center; }
.casec{ overflow: hidden; margin-top: 15px; position: relative;}
.case_img{ overflow: hidden; }
.case_img img{ width: 100%; transition: all 0.3s;}
.case_txt{ height: 26px; line-height: 26px; overflow: hidden; margin-top: 8px; font-size: 14px;}
.case_cc{ line-height: 20px; height: 40px; overflow: hidden; color: #999; }
.casec .swiper-button-prev, .casec .swiper-button-next{z-index: 3; width:35px; height: 35px; margin-top:-35px;}
.casec .swiper-button-prev{ left: 0px; background: url(../Image/left1.png) no-repeat;}
.casec .swiper-button-next{ right: 0px; left: auto; background: url(../Image/right1.png) no-repeat;}
.chan1ta2{ width: 26px; height: 26px; background: url(../Image/more1.png) no-repeat; position: absolute; top: 50%; margin-top: -13px; right: 0px;}
@media (min-width:768px) 
{
    .chan1tr{ float: right; color: #C2C2C2;}
    .chan1tr i{ float: left; width: 30px; height: 1px; background:#C2C2C2; margin-top: 24px; }
    .chan1tr span{ float: left; font-weight: bold; font-size: 16px; margin-left: 10px; }
    .caset a{ width: 25%; }
}
@media (min-width:992px) 
{
    .caset{ width: 180px; float: left;}
    .caset a{ width: 100%; }
    .casec{ width: 725px; float: right; margin-top: 20px; }
    .case_img{ width: 100%; height: 440px; }
}
@media (min-width:1200px) 
{
    .chan1tr i{ width: 80px; }
    .chan1tr span{ margin-left: 45px; font-size: 22px;}
    .caset{ width: 240px; margin-top: 75px;}
    .caset a{ padding: 35px 0px; height: 156px;}
    .casetp2{ font-size: 16px; margin-top: 15px; transition:all 0.3s cubic-bezier(.86,0,.07,1);}
    .case_img{ height: 624px;  }
    .casec{ width: 1130px; margin-top: 75px; }
    .casec a{ float: left; width:1130px; height: 624px; overflow: hidden; position: relative;}
    .case_c{ position: absolute; transition:all 0.3s cubic-bezier(.86,0,.07,1); width: 100%; background: rgba(0,0,0,0.72); bottom: 0px; left: 0px; padding: 25px 500px 30px 65px;}
    .case_txt{ margin-top: 0px; height: 36px; line-height: 36px; font-size: 20px; color: #fff;}
    .case_cc{ line-height: 27px; height: 54px; margin-top: 10px; font-size: 16px;}
    .casec .swiper-button-prev, .casec .swiper-button-next{ margin-top: 220px; }
    .casec .swiper-button-prev{ left: 990px; }
    .casec .swiper-button-next{ left: 1060px; }
    .casec .swiper-button-prev:hover{ left: 985px; }
    .casec .swiper-button-next:hover{ left: 1065px; }
    .caset a:hover .casetp2{ margin-top: 18px; }
}
.casec a:hover .case_img img{ transform:scale(1.05); }
.casec a:hover .case_c{ padding: 25px 500px 40px 65px; background: rgba(0,0,0,1); }
.hzdw{ overflow: hidden;  }
.hzdw a{ float: left; width: 100%; }
.hzdw_img{ overflow: hidden; text-align: center;}
.hzdw_img img{ width: 100%; transition: all 0.3s;}
.hzdw_img:hover img{ transform:scale(1.05); }
@media (min-width:1200px) 
{
    .hzdw{ margin-top:20px; }
}
.about_img{ overflow: hidden; }
.about_img img{ width: 100%; transition: all 0.3s;}
.about_img:hover img{ transform:scale(1.05); }
.about_txt{ margin-top: 20px; }
.aboutt{ overflow: hidden; position: relative;}
.aboutta2{ width:26px; height: 26px; background: url(../Image/more1.png) no-repeat; position: absolute; top: 50%; margin-top: -13px; right: 0px;}
.aboutta2:hover{ background: url(../Image/more2.png) no-repeat; }
.aboutc{ margin-top: 15px; line-height: 22px; color:#666; font-size: 14px; }
.aboutsy{ overflow: hidden; margin-top: 10px;}
.aboutsy a{ width: 100%; float: left; margin-top: 10px; }
.aboutsy_img{ overflow: hidden; width: 30%; float: left; border: solid 1px #E4E4E4;}
.aboutsy_img img{ width: 100%; transition: all 0.3s;}
.aboutsy_txt{ width: 65%; float: right; }
.aboutsyp1{ font-size: 16px; margin-top: 5px;}
.aboutsyp2{ color: #999; margin-top: 6px;}
.about_ul{ margin-top: 10px; overflow: hidden;}
.about_ul li{ width: 50%; float: left; text-align: center; margin: 8px 0px; position: relative;}
.aboutp1{ font-family:hansans; font-size:25px; font-weight: bold; color: #da3436;}
.aboutp2{ color: #666; }
.about_ul li:nth-child(1) span{ position: absolute; width: 1px; height: 48px; background: #E4E4E4; right: 0px; top: 50%; margin-top: -24px; }
.about_ul li:nth-child(3) span{ position: absolute; width: 1px; height: 48px; background: #E4E4E4; right: 0px; top: 50%; margin-top: -24px; }
.mjd{ text-align: center; padding: 20px 20px; margin-top: 20px; background: url(../Image/bg1.jpg) no-repeat center; }
.mjdp1{ font-size: 20px; color: #fff;}
.mjdp1 a{ color: #fff; }
.mjdp2{ font-size: 13px; color:rgba(255,255,255,0.6); margin-top: 10px;}
.mjdp3{ height: 26px; position: relative; margin-top: 15px; }
.mjdp3 a{ width: 26px; height: 26px; background: url(../Image/more1.png) no-repeat; position: absolute; left: 50%; margin-left: -13px;}
#wraps{ margin-bottom: 30px; }
@media (min-width:768px) 
{
    .aboutsy a{ width: 50%; float: left; }
    .mjd{ padding: 25px 25px; }
    .about_ul li{ width: 25%; }
    .about_ul li:nth-child(2) span{ position: absolute; width: 1px; height: 48px; background: #E4E4E4; right: 0px; top: 50%; margin-top: -24px; }
}
@media (min-width:992px) 
{
    .about{ overflow: hidden; }
    .about_img{ width: 50%; float: left; }
    .about_txt{ width: 46%; float: right; margin-top: 0px;}
    .aboutc{ height: 66px; overflow: hidden;}
    .aboutsyp1{ margin-top: 0px; }
    .aboutsyp2{ margin-top: 2px; }
}
@media (min-width:1200px) 
{
    #chan2{ margin-top: 55px; }
    .about_img{ width: 660px; }
    .about_txt{ width: 650px; }
    .aboutc{ line-height: 28px; height: 84px; margin-top: 25px; font-size: 16px;}
    .aboutsy{ margin-top: 15px; }
    .aboutsy a{ margin-top: 32px; width: 295px;}
    .aboutsy a:nth-child(2){ float: right; }
    .aboutsy a:nth-child(4){ float: right; }
    .aboutsy_img{ width: 125px; }
    .aboutsy_txt{ width:155px; float: left; margin-left: 15px; }
    .aboutsyp1{ font-size: 18px; margin-top: 4px;}
    .aboutsyp2{ font-size: 14px; margin-top: 8px;}
    .about_ul{  margin-top: 90px; }
    .aboutp1{ font-size: 50px; }
    .aboutp2{ font-size: 14px; margin-top: 3px;}
    .about_ul li:nth-child(1) span{ height: 76px; margin-top: -30px; }
    .about_ul li:nth-child(2) span{ height: 76px; margin-top: -30px; }
    .about_ul li:nth-child(3) span{ height: 76px; margin-top: -30px; }
    #wraps{ margin-bottom: 120px; }
}
.aboutsy a:hover .aboutsy_img img{ transform:scale(1.05); }
.jd{ margin-top: 85px; height: 292px; position: relative;  overflow: hidden; height: 292px;  text-align: center;}
.jd .container{ position: relative; z-index: 2; }
.jdp1{ font-size: 36px; color: #fff; margin-top: 70px; }
.jdp1 a{ color: #fff; }
.jdp2{ font-size: 16px; color: #C1C1C1; margin-top: 17px; }
.jdp3{ height: 26px; position: relative; margin-top:28px; }
.jdp3 a{ width: 26px; height: 26px; background: url(../Image/more1.png) no-repeat; position: absolute; left: 50%; margin-left: -13px;}
.jdp3 a:hover{ background: url(../Image/more2.png) no-repeat; }
.brandsb{ width: 100%; height: 292px;  background: url(../Image/bg1.jpg) no-repeat center; height: 100%; position: absolute; bottom: 0px; left: 0px; }
.newsl{ margin-top: 20px; position: relative;}
.newsl_img{ overflow: hidden; }
.newsl_img img{ width: 100%; transition: all 0.3s; }
.newsl_txt{ margin-top:8px;}
.newslp1{ height: 28px; line-height: 28px; overflow: hidden; font-size: 16px;}
.newslp2{ height: 20px; line-height: 20px; color: #999; overflow: hidden;}
.newsm{ margin-top: 15px; overflow: hidden;}
.newsm a{ width: 100%; padding: 8px; float:left; margin:5px 0px; border: solid 1px #DBDBDB; }
.newsmp1{ height: 28px; line-height: 28px; overflow: hidden; font-size: 16px;}
.newsmp2{ margin-top: 5px; line-height: 20px; height: 40px; color: #999; overflow: hidden;}
.newsmp3{ width:100%; height: 1px; background:#DBDBDB; margin: 10px auto; overflow: hidden; }
.newsmtm{ position: relative; overflow: hidden; }
.newsmtml{ float: left; color:#B1B1B1;}
.newsmtmlp1{ font-family:hansans; font-size:23px; font-weight: bold; }
.newsmtmsp{ width: 26px; height: 26px; transition: all 0.3s;  background: url(../Image/more2.png) no-repeat; position: absolute; top: 50%; margin-top: -13px; right: 0px;}
.newsr{ margin-top: 15px; overflow: hidden;}
.newsr a{ width: 100%; padding: 8px; float:left; margin:5px 0px; border: solid 1px #DBDBDB; }
.newsrl{ float: left; width: 20%; text-align: center; border-right: solid 1px #DBDBDB;color: #B1B1B1;}
.newsrlp1{ font-family:hansans; font-size:23px; font-weight: bold;  }
.newsrr{ width: 80%;  float: left; padding-left: 15px; line-height: 24px; font-size: 15px; height: 48px; overflow: hidden;}
@media (min-width:768px) 
{
    .chan1trss{ float: right; color: #C2C2C2; margin-right: 45px;}
    .chan1trss i{ float: left; width: 30px; height: 1px; background:#C2C2C2; margin-top: 24px; }
    .chan1trss span{ float: left; font-weight: bold; font-size: 16px; margin-left: 10px; }
    .chan1trss span a{ margin-left: 15px; color:#C2C2C2;  }
}
@media (min-width:992px) 
{
    .newsl{ width: 39%; float: left; }
    .newsm{ width: 58%; float: left; margin-left: 3%;}
    .newsr{ width: 100%; float: left; }
    .newsr a{ padding:15px;}
    .newsrl{ width: 8%; }
}
@media (min-width:1200px) 
{
    .chan1trss{ margin-right: 85px; }
    .chan1trss i{ width: 80px; }
    .chan1trss span{ margin-left: 45px; font-size: 22px;}
    .chan1trss span a{ margin-left: 35px; }
    .chan1trss span a:hover{ color: #da3436; }
    .newsl{ width: 460px; float: left; text-align: center; position: relative; margin-top: 80px;}
    .newsl img{ height: 530px; max-width: 100%;}
    .newsl_txt{ position: absolute; bottom: 0px; left: 0px; padding:28px 25px 35px 25px; background: rgba(0,0,0,0.66); transition: all 0.3s;}
    .newslp1{ height: 36px; line-height: 36px; font-size: 18px; color: #fff; text-align: left;}
    .newslp2{ text-align: left; color: #BCBCBE; font-size: 14px;}
    .newsm{ width: 460px; float: left; margin-left: 10px; margin-top:75px;}
    .newsm a{ padding: 25px 35px; }
    .newsmp1{ height: 36px; line-height: 36px; font-size: 18px;}
    .newsmp2{ height: 56px; line-height: 28px; margin-top: 8px; font-size: 14px; }
    .newsmp3{ margin: 16px 0px 13px 0px; transition: all 0.2s;}
    .newsmtmlp1{ font-size: 40px; }
    .newsr{ width: 460px; margin-left: 10px; margin-top: 75px;}
    .newsr a{ padding: 35px 30px 55px 35px;}
    .newsrl{ width: 100px; }
    .newsrlp1{ font-size: 40px; }
    .newsrr{ width: 290px; padding-left: 25px; height: 68px; line-height: 34px; font-size: 18px; margin-top: 5px;}
    .newsl a:hover .newsl_txt{ padding:28px 25px 40px 25px; background: rgba(0,0,0,1);  }
    .newsm a:hover .newsmp3{ width: 60px; }
}
.chan1ta2:hover{ background: url(../Image/more2.png) no-repeat; }
.newsl a:hover .newsl_img img{ transform:scale(1.05); }
.newsm a:hover{ border: solid 1px #da3436; background:#da3436; color: #fff; }
.newsm a:hover .newsmp2{ color: #f1f1f1; }
.newsm a:hover .newsmtml{ color: #f1f1f1; }
.newsm a:hover .newsmtmsp{ background: url(../Image/more3.png) no-repeat; }
.newsr a:hover{ border: solid 1px #da3436; background:#da3436; color: #fff;}
.newsr a:hover .newsrl{color: #fff;}
/*******Css footer*******/

#mfooter{ background:#323232; line-height: 2; padding:20px 0px; color:rgba(255,255,255,0.4); margin-bottom: 65px;}
#mfooter a{ color:rgba(255,255,255,0.4); }
.mfooterp1{ margin-bottom: 15px; }
.mfooterp2{ margin-top: 8px; color: #fff; font-size: 14px; font-weight: bold;}
.mfooterp4{ margin-top: 8px; }

.footernav{ width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:10px 0px; left: 0px; z-index: 999;   background:#da3436; }
.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; }
@media (min-width:768px) 
{
    #mfooter{ margin-bottom: 0px; }
    .mfooterl{ width: 50%; float: left; }
    .mfooterm{ width: 45%; float: right; }
    #mfooter .mfootermp1{ margin-top: 10px; }
    #mfooter .mfootermp1 a{ color: #fff; font-size: 14px; font-weight: bold; margin-top: 10px;}
    .mfootermp2{ overflow: hidden; margin-top: 5px; margin-bottom:15px;}
    .mfootermp2 a{ width: 50%; float: left;  }
}
@media (min-width:992px) 
{
    #mfooter{ padding:28px 0px;  }
}
#footer{ background:#323232; line-height: 2; padding:80px 0px 55px 0px; color:rgba(255,255,255,0.4); }
#footer a{ color:rgba(255,255,255,0.4); }
.footerl{ width:380px; float: left; }
.footerlp1{ margin-bottom: 30px; }
.footerlp2{ margin-top: 15px; height: 30px; line-height: 30px; color: #fff; font-size: 16px; font-weight: bold; }
.footerlp3{ margin-top: 5px; }
.footerlp4{ margin-top: 40px; }
.footerls{ width: 920px; float: right; }
.footerm{ width: 280px; float: left; }
#footer .footermp1 a{ color: #fff; font-weight: bold; font-size: 16px; }
.footermp2{ margin-top: 15px; overflow: hidden; margin-bottom: 30px;}
.footermp2 a{ width: 140px; float: left; }
.footerr{ width: 460px; float: right; }
.footerr_mess{ margin-top: 15px; overflow: hidden;}
.footerr_mess li{ margin-top: 10px; overflow: hidden; }
.fmess_Input{ width: 460px; padding: 0px 25px; height: 50px; line-height: 50px; border: solid 1px #565656; background: none; outline: none;}
.fmess_textarea{ width: 460px; padding: 0px 25px; height: 125px; line-height: 30px; border: solid 1px #565656; background: none; outline: none;}
.fmess_captcha{ width: 160px; float: left; padding: 0px 25px; height: 50px; line-height: 50px; border: solid 1px #565656; background: none; outline: none;}
.fmess_img{ float: left; margin-left: 5px; margin-top: 15px; cursor: pointer;}
.fmess_but{ float: right; width: 220px; height: 50px; line-height: 50px; background: #da3436; color: #fff; text-align: center; cursor: pointer;}
#footer a:hover{ color:rgba(255,255,255,1); }
.footerb{ margin-top: 50px; }
/*******Css page*******/
.mpban{ overflow: hidden; position: relative; }
.mpban img{ width:100%; }
.mpbanc{ position: absolute; left: 15px; top: 50%; margin-top: -38px; color: #fff;}
.mpbanc a{ color: #fff; }
.mpbancp1{ font-size: 25px; font-family:hansans; }
.mpbancp2{ margin-top: 3px; }
.mpbancp3{ margin-top: 5px; }
.pmenu{ padding: 10px 0px; text-align: center; background: #f8f8f8; color: #000; font-size: 15px;}
.pmenu a{ color: #000; margin-right: 15px; }
.pmenu a:hover{ font-weight: bold; color:#da3436; }
.pmenu a.on{ font-weight: bold; color:#da3436;}
.pmenus{ padding: 10px 0px; background: #da3436; color: #fff; font-size: 14px; overflow: hidden;}
.pmenus a{ color: #fff; width: 31%; text-align: center; margin: 5px 1%; float: left; border: solid 1px #fff; height: 32px; line-height: 32px;}
.pmenus a:hover{ background: #fff; color:#da3436;  }
.pmenus a.on{ background: #fff; color:#da3436; }
.right_content{ padding: 15px 0px; }
@media (min-width:768px) 
{
    .mpbanc{ left: 30px; }
    .mpbancp1{ font-size: 28px; }
    .pmenu a{ margin-right: 20px; }
    .pmenus a{ width: 23%; height: 36px; line-height: 36px;}
}
@media (min-width:992px) 
{
    .mpbanc{ left: 45px; margin-top: -49px; }
    .mpbancp1{ font-size: 30px; }
    .mpbancp2{ font-size: 22px; }
    .pmenu a{ margin-right: 30px; }
    .pmenus a{ width: 18%; height: 36px; line-height: 36px;}
}
@media (min-width:1200px) 
{
    .pmenu{ padding: 20px 0px; font-size: 18px; transition: ease 0.65s;}
    .pmenu a{ margin:0px 35px; }
    .pmenus{ padding: 20px 0px; }
    .pmenus a{ width:auto; margin:0px 55px 0px 0px; border: 0px; height: auto; font-size: 20px; }
    .pmenus a:hover{ color: #fff; font-weight: bold; background: none;}
    .pmenus a.on{ color: #fff; font-weight: bold; background: none;}
    .right_content{ padding: 30px 0px; }
    .pmenu.down{ padding: 15px 0px; }
}
.pmenu.down{ position: fixed; top: 0px; width: 100%; z-index: 999; background:#da3436; }
.pmenu.down a{ color: #fff; }
.pmenu.down a:hover{ color: #fff; }
.pmenu.down a.on{ color: #fff; }

.paralasic{ width: 100%; background-attachment: fixed;  
  background-size: 100% auto;  height: 710px;background-position: center top;
  background-repeat: no-repeat;  position: relative;}
.pban{ background-image:url(../Image/pbanner.jpg); }
.pban1{ background-image:url(../Image/pbanner1.jpg); }
.pban2{ background-image:url(../Image/pbanner2.jpg); }
.pban3{ background-image:url(../Image/pbanner3.jpg); }
.pban4{ background-image:url(../Image/pbanner4.jpg); }
.pban5{ background-image:url(../Image/pbanner3s.jpg); }
.pban6{ background-image:url(../Image/pbanner5.jpg); }
.paralasic .container{ position: relative; height: 710px;}
.pbanc{ position: absolute; left: 0px; color: #fff; top: 50%; margin-top: -140px;}
.pbanc a{ color: #fff; }
.pbancp1{ font-size: 60px; font-weight: bold;}
.pbancp2{ font-size: 40px; margin-top: 5px; }
.pbancp3{ font-size: 16px; margin-top: 25px; }

#com_chan1{  padding: 30px 0px 30px 0px; position: relative; overflow: hidden;}
.com_chan1_bg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: -1; background: url(../Image/com_bg.jpg) no-repeat center top; }
.com_chan1p1{ overflow: hidden; }
.com_chan1p1 img{ max-width: 100%; }
.com_chan1c1{ margin-top: 20px; color: rgba(255,255,255,0.8); line-height: 2; font-size: 13px;}
.com_chan1p2{ overflow: hidden; margin-top: 30px; }
.com_chan1p2 a{ width: 26px; height: 26px; background: url(../Image/more1.png) no-repeat; float: left;}
.com_line{ margin: 25px 0px; height: 1px; background: #DBDBDB; overflow: hidden;}
.comsydw1_img{ overflow: hidden; }
.comsydw1_img img{ width: 100%; transition: all 0.3s; }
.comsydw1_img:hover img{ transform:scale(1.05); }
.comsydw1_txt{ margin-top: 10px; }
.comsydw1p1{ height: 36px; line-height: 36px; overflow: hidden; }
.comsydw1p1 span{ float: left; font-size: 20px;}
.comsydw1p1 i{ width: 26px; height: 26px; background: url(../Image/more1.png) no-repeat; float: left; margin-left: 20px; margin-top: 5px;}
.comsydw1p2{ color:#5C5C5C; margin-top: 10px; line-height: 1.8; font-size: 16px; font-weight: bold;}
.comsydw1p3{ margin-top: 15px; line-height: 2; color: #999; font-size: 13px;}
.comsydw1p4{ margin-top: 20px; }
.comsydw1p4 a{ font-weight: bold; font-size: 16px; color: #C2C2C2; margin-right: 15px;}
.comsydw2_img{ overflow: hidden; }
.comsydw2_img img{ width: 100%; transition: all 0.3s; }
.comsydw2_img:hover img{ transform:scale(1.05); }
.comsydw2_txt{ margin-top: 10px; }
.comsydw3{ margin-top: 25px; }
#com_chan3{ background:#da3436 url(../Image/com_bg1.jpg) no-repeat center; margin-top: 25px; padding: 30px 0px;}
.zzrylp1{ overflow: hidden; }
.zzrylp1 img{ max-width: 80%; }
.zzrylc{ margin-top: 15px; line-height: 2; color: #fff; font-size: 13px; }
.zzryr{ margin-top: 15px; overflow: hidden; }
.zzryr img{ width:100%; }
@media (min-width:992px) 
{
    #com_chan1{ padding: 50px 0px; }
    .comsydw1{ overflow: hidden; }
    .comsydw1_img{ width: 46%; float: left; }
    .comsydw1_txt{ width: 50%; float: right; }
    .comsydw2{ overflow: hidden; }
    .comsydw2_img{ width: 46%; float: left; }
    .comsydw2_txt{ width: 50%; float: right; }
    .zzryl{ width: 46%; float: left; }
    .zzrylp2{ margin-top: 15px; overflow: hidden; }
    .zzrylp2 a{ width: 26px; height: 26px; background: url(../Image/more3.png) no-repeat; float: left; }
    .zzryr{ width: 50%; float: right; }
}
@media (min-width:1200px) 
{
    #com_chan1{ padding: 160px 0px 210px 0px; }
    .com_chan1c1{ margin-top: 35px; font-size: 16px; }
    .com_chan1p2{ margin-top: 60px; }
    .com_line{ margin: 100px 0px; }
    .comsydw1_img{ width: 650px; height: 410px; }
    .comsydw1_txt{ margin-top: 0px; }
    .comsydw1p1{ height:50px; line-height: 50px; }
    .comsydw1p1 span{ font-size: 36px; }
    .comsydw1p1 i{ margin-left: 25px; margin-top: 12px; }
    .comsydw1p2{ font-size: 22px; margin-top: 35px; }
    .comsydw1p3{ font-size: 16px; margin-top: 30px; }
    .comsydw1p4{ margin-top: 65px; }
    .comsydw1p4 a{ font-size: 22px; margin-right: 35px;}
    .comsydw2{ width: 650px; float: left; }
    .comsydw3{ width: 650px; float: right; margin-top: 0px;}
    .comsydw2_img{ width: 100%; height: 300px;}
    .comsydw2_txt{ width: 100%; margin-top: 45px; }
    #com_chan3{ margin-top: 150px; padding: 145px 0px;}
    .zzrylc{ margin-top: 50px; font-size: 16px;}
    .zzrylp2{ margin-top: 65px; }
    .zzrylp2 a:hover{ margin-left: 10px; }
    .zzryr{ width: 601px; margin-top: 75px; }
}
.comsydw1p4 a:hover{ color: #da3436; }

/*******Css list*******/
#newslist{ overflow: hidden; }
#newslist li{ margin-top: 15px; overflow: hidden;}
.newslist_times{ height:26px; line-height: 26px; color: #999; font-size: 13px; margin-bottom: 5px;}
.newslist_img{ overflow: hidden; }
.newslist_img img{ width: 100%; transition: all 0.3s;}
.newslistp1{ margin-top: 10px; height:28px; line-height: 28px; overflow: hidden; font-size: 15px; font-weight: bold;}
.newslistp2{ line-height: 18px; max-height: 54px; overflow: hidden; color: #999;}
.newslistp3{ margin-top: 5px; color: #da3436; text-transform: uppercase;}
@media (min-width:768px) 
{
    #newslist li a{ padding: 10px; float: left; position: relative;}
    .newslist_time{ width: 12%; text-align: center; position: absolute; color: #ababab; top: 50%; left: 10px; height: 50px; margin-top: -25px; }
    .newslist_timep1{ height:30px; line-height: 30px; font-family:hansans; font-size: 22px; font-weight: bold; }
    .newslist_timep2{ height: 20px; line-height: 20px; font-size: 13px;}
    .newslist_img{ width: 28%; float: left; margin-left: 12%; }
    .newslist_txt{ width: 58%; float: right; } 
    .newslistp1{ margin-top: 5px;  }
    .newslistp2{ margin-top: 6px; }
    .newslistp3{ margin-top: 10px; }
}
@media (min-width:992px) 
{
    .newslist_timep1{ font-size: 22px; }
    .newslist_img{ width: 25%; background: #fff;}
    .newslist_txt{ width: 62%; }
    .newslistp1{ font-size: 16px; margin-top: 10px;}
    .newslistp3{ height: 26px; line-height: 26px; overflow: hidden; }
    .newslistp3 i{ transition: all ease 1s; float: left;margin-top: 11px; height: 3px; background: #f1f1f1; }
    .newslistp3 span{ float: left; }
    #newslist li a:hover{ background: #da3436; color: #fff;}
    #newslist li a:hover .newslist_time{ color: #fff; }
    #newslist li a:hover .newslistp2{ color: #fff; }
    #newslist li a:hover .newslistp3{ color: #fff; }
    #newslist li a:hover .newslistp3 i{ width:50px;  margin-right: 6px; }
    #newslist li a:hover .newslist_img img{ transform:scale(0.92); }
}
@media (min-width:1200px) 
{
    #newslist li a{ padding:25px; border-bottom: solid 1px #f1f1f1;}
    .newslist_time{ width: 10%; margin-top: -30px;}
    .newslist_timep1{ font-size: 50px; height: 40px; line-height: 40px; color:#da3436; }
    .newslist_timep2{ font-size: 16px; margin-top: 8px;}
    .newslist_img{ width: 23%; margin-left: 11%;}
    .newslist_txt{ width: 63%; }
    .newslistp1{ height: 40px; line-height: 40px; font-size: 22px; }
    .newslistp2{ line-height: 23px; max-height: 69px; transition: all ease 0.5s;}
    .newslistp3{ margin-top: 20px; }
    #newslist li a:hover .newslistp3 i{ width:60px; }
    #newslist li a:hover .newslistp2{ margin-top: 11px; }
    #newslist li a:hover .newslist_timep1{ color: #fff; }
}
.jds{ margin-top: 25px; text-align: center;color: #fff; padding: 25px 0px; background:url(../Image/bg2.jpg) no-repeat center; overflow: hidden;}
.jdsp1{ font-size: 20px; }
.jdsp2{ padding: 0px 20px; margin-top: 15px; }
.jdsp3{ margin-top: 20px; background: url(../Image/more3.png) no-repeat center; height: 26px;}
.jdc1{ margin-top: 25px; overflow: hidden;}
.jdc1 img{ width: 100%; transition: all 0.3s;}
.jdc1 a:hover img{ transform:scale(1.05); }
.jdc2{ overflow: hidden; margin-top: 20px; }
.jdc2 a{ width: 48.5%; float: left; overflow: hidden; margin-bottom: 20px;}
.jdc2 a img{ width: 100%; transition: all 0.3s;}
.jdc2 a.jdc2a1{ float: left; }
.jdc2 a.jdc2a0{ float: right; }
.jdc2 a:hover img{ transform:scale(1.05); }
@media (min-width:768px) 
{
    .jds{ padding: 30px 0px; }
}
@media (min-width:1200px) 
{
    .jds{ padding: 50px 0px 60px 0px; margin-top: 110px;}
    .jdsp1{ font-size: 49px; }
    .jdsp2{ margin-top: 15px; font-size: 16px; }
    .jdsp3{ margin-top: 35px; }
    .jdc1{ margin-top: 40px; }
    .jdc2{ margin-top: 40px; }
    .jdc2 a{ margin-bottom: 25px; }
}
.casew{ margin-top: 25px; }
.cases{ margin-top: 20px; overflow: hidden;}
.cases a{ width: 100%; float: left; position: relative; margin-bottom: 15px;}
.cases_img{ overflow: hidden; }
.cases_img img{ width: 100%; transition: all 0.3s;}
.cases_txt{ padding: 10px; background: rgba(0,0,0,0.6); position: absolute; bottom: 0px; width: 100%; transition: all 0.3s;}
.cases_txtp1{ height: 28px; line-height: 28px; color: #fff; font-size: 16px; }
.cases_txtp2{ height: 20px; line-height: 20px; overflow: hidden; color: #BBBCBA; }
.caseinfo1{ margin-top: 25px; overflow: hidden;}
.caseinfo1 a{ width: 100%; float: left; position: relative; }
.caseinfo2{ overflow: hidden; margin-top: 25px; }
.caseinfo2 a{ width: 100%; float: left; position: relative; overflow: hidden; margin-bottom: 15px;}
.syw{ margin-top: 25px; padding-bottom: 20px; border-bottom: solid 1px #dbdbdb; }
.page_prowc{ line-height: 1.8; color: #999; margin-top: 10px; transition: all 0.3s;}
.page_prowc strong{ color: #da3436;  }
.dwUL{ overflow: hidden; }
.dwUL a{ width: 48%; float: left; margin: 5px 1%;}
.dwUL a img{ max-width: 100%; transition: all 0.3s; }
.dwUL a:hover img{ transform:scale(1.05); }
@media (min-width:768px) 
{
   .caseinfo2 a{ width: 48.5%; position: relative; overflow: hidden; }
   .caseinfo2 a.casess1{ float: left; }
   .caseinfo2 a.casess0{ float: right; }
   .cases a{ width: 48.5%;} 
   .cases a.casesas1{ float: left; }
   .cases a.casesas0{ float: right; }
   .dwUL a{ width: 31%; margin: 5px 1%;}
}
@media (min-width:992px) 
{
    .dwUL a{ width: 23%; margin: 5px 1%;}
}
@media (min-width:1200px) 
{
    #casss{ height: 710px; }
    .casew{ margin-top: 65px; margin-bottom: 20px;}
    .cases{ margin-top: 40px; }
    .cases a{ margin-bottom: 35px; }
    .cases_txt{ padding: 25px 160px 25px 25px; }
    .cases_txtp1{ height: 36px; line-height: 36px; font-size: 18px; }
    .cases_txtp2{ margin-top: 5px; }
    .cases_txt i{ width: 26px; height: 26px; background: url(../Image/more1.png) no-repeat; position: absolute; top: 50%; margin-top: -13px; right: 25px;}
    .scssas{ position: relative; height: 350px;}
    .scaseinfo1{ position: absolute; top: -180px; width: 100%; } 
    .cssas{ position: relative; overflow: hidden;}
    .caseinfo1{ overflow: hidden; margin-top: 100px;}
    .caseinfo2{ margin-top: 45px; }
    .caseinfo2 a{ margin-bottom: 45px; }
    .caseinfo2 a:hover .cases_txt{ padding: 25px 160px 35px 25px; }
    .syw{ margin-top: 60px; padding-bottom:50px; }
    .page_prowc{ margin-top: 35px; }
    .cases a:hover .cases_txt{ background: rgba(0,0,0,1); padding: 25px 160px 35px 25px;}
    .page_prowc strong{ font-size: 18px; }
    #syw3 .page_prowc p{ padding-bottom: 10px; }
    #syw2 .page_prowc p{ padding-bottom: 10px; }
}
.cases a:hover .cases_img img{ transform:scale(1.05); }
.cases a:hover .cases_txt{ background: rgba(0,0,0,1); }
.caseinfo1 a:hover .cases_img img{ transform:scale(1.05); }
.caseinfo1 a:hover .cases_txt{ background: rgba(0,0,0,1); }
.caseinfo2 a:hover .cases_img img{ transform:scale(1.05); }
.caseinfo2 a:hover .cases_txt{ background: rgba(0,0,0,1); }
.syw a:hover .page_prowt i{ background: url(../Image/more2.png) no-repeat; }
.syw a:hover .page_prowc{ margin-top: 23px; }

.contactdt{ margin-top: 25px; box-shadow: 0px 0px 25px rgba(0,0,0,0.3); overflow: hidden;}
.contactdt img{ width: 100%; }
.contactdt_txt{ text-align: center; font-size: 16px; margin-top: 10px; margin-bottom: 10px;}
.contact2{ margin-top: 35px; overflow: hidden; }
.contact2m{ margin-top: 15px; font-size: 13px; line-height: 2; color: rgba(0,0,0,0.8);}
.contact2m strong{ color: #da3436; }
.contact3{ margin-top: 25px; overflow: hidden; padding-top: 25px; border-top: solid 1px #dbdbdb; }
.contact3lp1{ font-size: 20px; }
.contact3lp2{ color: #999; margin-top: 3px;}
.contact3m{ margin-top: 10px; font-size: 13px; line-height: 2; color: rgba(0,0,0,0.8);}
.contact3m strong{ color: #da3436; }
@media (min-width:768px) 
{
    .contact2l{ width: 40%; float: left; }
    .contact2m{ width: 55%; float: left; margin-left: 5%; margin-top: 0px;}
    .contact3l{ width: 40%; float: left; }
    .contact3m{ width: 55%; float: left; margin-left: 5%; margin-top: 0px;}
}
@media (min-width:992px) 
{
    .contact2l{ width: 30%; }
    .contact2m{ width: 65%; }
    .contact3l{ width: 30%; }
    .contact3m{ width: 65%; }
}
@media (min-width:1200px) 
{
    .contact1{ position: relative; height: 520px;}
    .contactdt{ margin-top: 0px; box-shadow: 0px 0px 35px rgba(0,0,0,0.3); position: absolute; top: -95px; background: #fff; padding: 20px;}
    .contactdt_txt{ font-size: 26px; margin-top: 20px; margin-bottom: 15px; }
    .contact2{ margin-top: 80px; position: relative;}
    .contact2l{ width:280px; }
    .contact2m{ width: 550px; margin-left: 200px; font-size: 16px;}
    .contact2r{ width: 206px; height: 103px; line-height: 103px; position: absolute; right: 20px; top: 50%; margin-top: -51px;}
    .contact2r img{ max-width: 100%; vertical-align: middle;}
    .contact3{ margin-top: 80px; padding-top: 70px; position: relative;}
    .contact3l{ width:280px; }
    .contact3lp1{ font-size: 35px; }
    .contact3lp2{ font-size: 14px; }
    .contact3m{ width: 550px; margin-left: 200px; font-size: 16px;}
    .contact3r{ width: 206px; height:70px; position: absolute; right: 20px; top: 50%; margin-top: -5px;}
    .contact3r img{ max-width: 100%; }
    .contact3 i{ height: 1px; background:#da3436; position: absolute; left: 0px; top: 0px; transition: all 1s;}
    .contact3:hover i{ width: 100%; }
} 
.page_prow{ margin-top: 15px; overflow: hidden; padding-bottom: 12px; border-bottom: solid 1px #dbdbdb;}
.page_prowt{ height: 36px; line-height: 36px; overflow: hidden; }
.page_prowt span{ float: left; font-size: 20px; }
.page_prowt i{ width: 26px; height: 26px; transition: all 0.3s; background: url(../Image/more1.png) no-repeat; float: left; margin-left: 15px; margin-top: 5px;}
.page_prowdc{ color: #999; margin-top: 8px; line-height: 1.8;}
.page_prowdc img{ max-width: 100%; }
.page_proc{ overflow: hidden; margin-top: 10px; }
.page_proc a{ float: left; width: 48%; margin: 5px 1%; border: solid 1px #dbdbdb; position: relative;}
.page_proc_img{ overflow: hidden; }
.page_proc_img img{ width: 100%; transition: all 0.3s; }
.page_proc_txt{ position: absolute; bottom: 0px; left: 0px; width: 100%; height: 34px; line-height: 34px; color: #fff; padding: 0px 10px; background: rgba(0,0,0,0,0.7); transition: all 0.3s;}
.pmenuss{ background: #da3436; padding: 12px 0px; overflow: hidden;}
.pmenuss a{ width: 25%; float: left; font-size: 15px; color: #fff; text-align: center;}
.pmenuss a:hover{ font-weight: bold; }
.pmenuss a.on{ font-weight: bold; }
.pmenuss.down{ position: fixed; top: 0px; width: 100%; z-index: 999; background:#da3436; }
.pmenuss.down a{ color: #fff; }
.pmenuss.down a:hover{ color: #fff; }
.pmenuss.down a.on{ color: #fff; }
.page_prows{ margin-top: 15px; }
.page_pros{ margin-top: 15px; position: relative; overflow: hidden; padding-bottom: 30px;}
.page_pros .swiper-slide a{ margin-bottom: 10px; float: left; width: 100%; border: solid 1px #dbdbdb; padding: 8px;}
.page_pros_img{ overflow: hidden; }
.page_pros_img img{ width: 100%; transition: all 0.3s;}
.page_pros_txtp1{ height: 28px; line-height: 28px; font-size: 14px; overflow: hidden; margin-top: 5px;}
.page_pros_txtp2{ color: #999; line-height: 20px; height: 40px; overflow: hidden;}
.case_pros{ margin-top: 15px; position: relative; overflow: hidden; }
.case_pros_img{ overflow: hidden; }
.case_pros_img img{ width: 100%; transition: all 0.3s;}
.case_pros_txtp1{ height: 28px; line-height: 28px; font-size: 14px; overflow: hidden; margin-top: 5px; }
.case_pros_txtp2{ color: #999; line-height: 20px; height: 40px; }
@media (min-width:768px) 
{
    .page_pros_img{ width: 28%; float: left;}
    .page_pros_txt{ width: 68%; float: right; }
}
@media (min-width:992px) 
{
    .page_proc a{ margin: 5px 0.5%; width: 24%;}
    .pmenuss{ padding: 13px 0px; }
    .page_prows{ width: 49%; }
    #page_prow3{ float: left; }
    #page_prow4{ float: right; }
}
@media (min-width:1200px) 
{
    .page_prow{ margin-top: 90px; padding-bottom:75px; }
    .page_prowt{ height: 60px; line-height: 60px; }
    .page_prowt span{ font-size: 36px; }
    .page_prowt i{ margin-left: 40px; margin-top: 17px; }
    .page_proc{ margin-top: 25px; }
    .page_prowdc{ margin-top: 25px; }
    .pmenuss{ padding: 20px 0px; background: #f8f8f8; text-align: center; transition: ease 0.65s;}
    .pmenuss a{ font-size: 18px; color:#000; width: auto; float: none; margin: 0px 60px; }
    .pmenuss a.on{ color:#da3436;  }
    .pmenuss a:hover{ color:#da3436; }
    .page_prows{ margin-top: 90px; }
    .page_prows{ width: 650px;}
    .page_pros{ margin-top: 40px; }
    .page_pros .swiper-slide a{ margin-bottom: 30px; padding: 25px;}
    .page_pros_txtp1{ height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; }
    .page_pros_txtp2{ line-height: 24px; height: 48px; margin-top: 10px; font-size: 14px; }
    .case_pros{ margin-top: 40px; }
    .case_pros_txtp1{ height: 36px; line-height: 36px; margin-top: 8px; overflow: hidden; font-size: 18px; }
    .case_pros_txtp2{ line-height: 24px; height: 48px; margin-top: 10px; font-size: 14px;  }
    .page_proc_txt{ height: 45px; line-height: 45px; padding: 0px 15px;}
    .page_proc a{ margin: 15px 1%; width: 23%;}
    .page_proc a:hover{ box-shadow: 0px 0px 28px rgba(0,0,0,0.2); }
    .pmenuss.down{padding: 15px 0px;}
}
.page_prowt a:hover i{ background: url(../Image/more2.png) no-repeat; }
.page_proc a:hover .page_proc_img img{ transform:scale(1.05); }
.page_proc a:hover .page_proc_txt{ background: rgba(0,0,0,0.9); }
.page_pros a:hover{ border: solid 1px #da3436; }
.page_pros a:hover .page_pros_img img{ transform:scale(1.05); }
.case_pros a:hover .case_pros_img img{ transform:scale(1.05); }

#picUL{ overflow: hidden; }
#picUL li{ margin-top: 15px; }
#picUL .pic_01{ border: solid 1px #CACACA; overflow: hidden;}
#picUL .pic_01 img{ width: 100%; transition: all 0.3s; }
#picUL .pic_02{ height: 30px; line-height: 30px; margin-top: 3px; overflow: hidden; font-size: 14px;}
#picUL .pic_03{ text-transform: uppercase; color: #da3436;}
.picUL{ overflow: hidden; }
.picUL li{ margin-top: 15px; padding-bottom: 10px; position: relative;}
.picUL .picUL_pic{ overflow: hidden; }
.picUL .picUL_pic img{ width: 100%; transition: all 0.3s; }
.picUL .picUL_txt{ height: 28px; line-height: 28px; overflow: hidden; margin-top: 8px; font-size: 15px;}
.picUL_dc{ margin-top: 8px; line-height: 20px; height: 60px; color: #999; overflow: hidden;}
.picUL li i{ width: 100%; height: 1px; position: absolute; left: 0px; bottom: 0px; background: #D8D8D8; transition: all 0.2s; }
#contactdt{ width: 100%;
    height: 300px;
    overflow: hidden; margin-top: 25px; margin-bottom: 25px;}
@media (min-width:768px) 
{
   .picUL li{ float: left; width: 49%;}
   .picUL li.picULli0{ margin-left: 2%; }
}
@media (min-width:992px) 
{
    .picUL .picUL_txt{ font-size: 16px; }
    .picUL li{ padding-bottom: 13px; }
}
@media (min-width:1200px) 
{
    #picUL li{ margin-top: 25px;}
    #picUL .pic_02{ height: 40px; line-height: 40px; font-size: 16px; margin-top: 15px;}
    #picUL .pic_03{ font-size: 13px; height: 20px; line-height: 20px;}
    #picUL .pic_03 i{ height: 3px; background: #da3436; transition: all ease 1s; float: left;  margin-top:8px;}
    #picUL .pic_03 span{ float: left; }
    #picUL li a:hover .pic_03 i{ width:60px; margin-right: 8px;}
    #picUL li a:hover .pic_01{ box-shadow: 0px 0px 25px rgba(0,0,0,0.4); }
    .picUL li{ margin-top: 35px; padding-bottom: 20px; width: 48%; }
    .picUL li.picULli0{ margin-left: 4%; }
    .picUL .picUL_txt{ height: 40px; line-height: 40px; font-size: 18px;}
    .picUL_dc{ line-height: 22px; height: 66px; font-size: 14px; }
    #picUL .pic_01{ position: relative; }
    #picUL .pic_01 span {
    width: 62px;
    height: 62px;
    background: url(../Image/cimg17.jpg) center center no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all ease .5s;
    }
    #picUL li a:hover .pic_01 span{ opacity: 1;}
    #contactdt{ 
    height: 400px;
    overflow: hidden; margin-top: 50px; margin-bottom: 20px;}
}
.picUL li a:hover .picUL_pic img{ transform:scale(1.05); }

.picUL li:hover i{ background:#da3436; }
#picUL li a:hover .pic_01 img{ transform:scale(1.05); }

#loutinav{ width: 35px; position: fixed;   z-index: 999; left: 15px;
    bottom: 134px; background: #fff; }
#loutinav li{ width: 35px; height: 35px; position: relative; margin-bottom: 2px; }
#loutinav li b{ width: 35px; height: 35px; background: #f1f1f1;  float: left; text-align: center; line-height: 35px; }
#loutinav li span{ height: 35px; line-height: 35px; border-top-right-radius:15px; border-bottom-right-radius:15px; position: absolute; left: 35px; padding: 0px 20px 0px 5px; white-space: nowrap; display: none; }
#loutinav li:hover{ cursor: pointer; color: #fff; background: #da3436;}
#loutinav li:hover span{ display: block; color: #fff; background: #da3436;}
#loutinav li:hover b{ color: #fff; background: #D60504;}
#loutinav li.active{  cursor: pointer; color: #fff; background: #da3436;}
#loutinav li.active span{ display: block; color: #fff; background: #da3436;}
#loutinav li.active b{ color: #fff; background: #D60504;}

/*******Css info*******/
#company_main{ margin:0 auto; line-height:2; padding:10px; font-size: 1.3rem; }
#company_main img{ max-width:100%; }
#company_main a{ color:#da3436;}
#contact_main{ margin:0 auto; padding:10px;}
#contact_main a{ color:#da3436;}
#contact_main p{ padding: 10px; background: #f5f5f5; margin-bottom: 10px; border-radius: 8px; font-size: 1.3rem;}

#page_Title{ line-height:1.8; font-size:1.5rem; text-align:center;}
.page_Info{ height:40px; line-height: 40px; margin-top: 15px; 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; }
.ljdg{ width: 150px; height: 48px; line-height: 48px; background: #da3436; color: #fff; text-align: center; float: right; margin-right: 5px; border-radius: 5px; }

.qd{ float: left; font-size: 16px; margin-left: 25px; }
.qd b{ color:#da3436; }

.morder{ overflow: hidden; margin-top: 20px; }
.morder li{ overflow: hidden; margin-bottom: 15px;}
.morder_InputText{ width:45%; margin-right: 5%; padding: 0px 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 50px; line-height: 50px;}
.morder_InputText1{ width:95%;  padding: 0px 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 50px; line-height: 50px;}
.morder_textarea{ width:95%;  padding: 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 120px; line-height: 30px;}
.morder_captcha{ width:200px;  padding: 0px 15px; border-radius: 8px; outline: none; float: left; background: #f1f1f1; border: solid 1px #dedede; height: 50px; line-height: 50px;}
.morder_img{ float: left; margin-left: 10px; margin-top: 15px; height: 20px; cursor: pointer; }
.morder_But{ float: right; outline: none; margin-right: 5%; font-size: 1.6rem; margin-top: 20px; width: 300px; height: 52px; line-height: 52px; background: #da3436; color: #fff; border-radius: 15px;}
.morder_But:hover{ background: #FF8C10; }

#infoImage{ width:100%;text-align:center; margin:15px 0 15px 0;}
#infoImage img{ max-width:96%;  border:#dcdcdc solid 1px;}
.page_tit_bg{ height:40px; background:#f1f1f1; border-radius:5px; margin:15px auto 0px;} 
.page_tit_tit{
    width:130px;
    height:40px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background:#da3436;
    color:#ffffff;
    line-height:40px;
    text-align: center;
    font-size:15px;
}

#page_Content{ margin:0 auto; line-height:2; padding:10px; }
#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_Content{ margin:0 auto; line-height:2; padding:10px; }
.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; font-size: 18px; color:#da3436;  }
.search_cp{ height: 45px; line-height: 45px; font-size: 16px; }
.search_cp span{ color:#da3436; }
/*******Css related*******/
.related{ margin-top:15px; }
.related p{ height:35px; line-height: 35px; font-size: 1.6rem; font-weight:bold; border-bottom:solid 1px #F1F1F1;}
.related ul { width:100%; padding:10px 0px;float:left;}
.related ul li{ width:50%; height:28px; line-height:28px; 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:#da3436;}

.procls{ margin-top: 10px; overflow: hidden; }
.procls a{ padding: 8px 18px; font-size: 15px; float: left; background: #CECECE; color: #666666; margin-right: 8px;}
.procls a:hover{ background:#da3436; color: #fff; }
.procls a.on{ background:#da3436; color: #fff; }
.proinfo{ margin-top: 15px; overflow: hidden;}
.pro_img{ text-align: center; overflow: hidden; border: solid 1px #dbdbdb;}
.pro_img img{ max-width: 100%; }
.pro_con{ margin-top: 10px;}
.pro_conp1{ line-height: 1.6; font-size: 16px; }
.pro_conp2{ height:36px; line-height: 36px; font-size: 13px; border-bottom: solid 1px #D5D5D5; overflow: hidden;}
.pro_conp2 strong{ float: left; }
.pro_conp2 a{ color: #da3436; float: left; }
.pro_conms{ line-height:23px; margin-top: 15px; color: #999; padding-bottom: 15px; border-bottom: solid 1px #D5D5D5;}
.pro_conms strong{ font-size: 13px; color: #000; }
.pro_conp3{ overflow: hidden; margin-top: 10px; }
.pro_conp3 a{ width: 40%; font-size: 16px; height: 40px; border-radius: 5px; line-height: 40px; float: left; background: #da3436; text-align: center; color: #fff; }
.pro_conp3 a:hover{ background:#da3436;}
.pro_conp4{ margin-top: 15px; font-size: 15px; font-weight: bold; color:#da3436;  height: 22px; line-height: 22px; background: url(../Image/tes.jpg) no-repeat left center; padding-left: 30px;}
.pro_conp5 a{ color:#da3436; }
.pro_conp5{ height: 30px; line-height: 30px; color:#666; font-size: 14px;}
.tj{ margin-top: 15px; }
.tj_t{ font-size: 16px; font-weight: bold; }
.tj_c{ margin-top: 10px; overflow: hidden;}
.tjproducts_img{ overflow: hidden; }
.tjproducts_img img{ width: 100%; transition: all 0.3s; }
.tjproducts_img:hover img{ transform:scale(1.05); }
.tjproducts_txt{ height: 28px; line-height: 28px; overflow: hidden; font-size: 14px; }
.pro_content{ margin-top: 20px; padding-top: 20px; border-top: solid 1px #CECECE; }
.prodt{ margin-top: 20px; padding-top: 20px; border-top: solid 1px #CECECE; text-align: center;}
.prodt img{ max-width: 100%; }
.pro_contentt{ height: 34px; line-height: 34px; }
.pro_contentt span{ font-size:18px; }
.pro_contentt i{ text-transform: uppercase; color: #999; margin-left: 6px; }
.pro_imsa{ text-align: center; }
.pro_imsa img{ max-width: 100%; }
@media (min-width:768px) 
{
    .page_Info{ height: 50px; line-height: 50px; }
    #page_Title{ font-size: 1.8rem; }
    #contact_main{ width: 90%; float: left; }
    .morder_But{ margin-top: 0px; }
}
@media (min-width:992px) 
{
   .procls a{ padding: 10px 22px; font-size: 16px; }
   .pro_img{ width: 40%; float: left; }
   .pro_con{ width: 55%; float: right;}
}
@media (min-width:1200px) 
{
    #page_Title{ font-size:25px; }
    .page_tit_bg{ height: 55px; }
    .page_tit_tit{ height: 55px; line-height: 55px; width: 150px; font-size: 18px;}
    #company_main{ font-size: 16px; }
    #contact_main p{ font-size: 16px; }
    .procls a{ padding: 15px 45px; font-size: 18px;  }
    .proinfo{ margin-top: 50px; }
    .pro_img{ width: 58%; }
    .pro_con{ width: 36%; margin-top: 25px;}
    .pro_conp1{ font-size: 30px; margin-bottom: 15px; }
    .pro_conp2{ height: 50px; line-height: 50px; font-size: 16px;}
    .pro_conms{ line-height: 26px; margin-top: 15px; }
    .pro_conms strong{ font-size: 16px; }
    .pro_conp3{ margin-top: 20px; }
    .pro_conp3 a{ height: 45px; line-height: 45px; }
    .pro_conp4{ margin-top: 35px; font-size: 16px;}
    .pro_conp5{ font-size: 15px; margin-top: 8px; }
    .tj{ margin-top: 40px; }
    .tj_t{ font-size: 28px; }
    .tjproducts_txt{ font-size: 15px; height: 40px; line-height: 40px; overflow: hidden;}
    .tj_c{ margin-top: 20px; }
    .pro_content{ margin-top: 65px; padding-top: 70px; }
    .prodt{ margin-top: 65px; padding-top: 70px; }
    .pro_contentt{ height: 70px; line-height: 70px; }
    .pro_contentt span{ font-size:40px; }
}
.mess_t{ margin-top: 10px; background:url(../Image/mess.png) no-repeat left center; background-size:auto 100%; height: 50px; padding-left:70px; }
.mess_tl{ float: left; }
.messp1{ height: 30px; line-height: 30px; font-size: 18px; font-weight: bold; }
.messp2{ color: #999; }
.mess_tr{ float: left; font-size: 22px; color: #da3436; line-height: 50px; margin-left: 10px; font-weight: bold;}
.mess_tr a{ color: #da3436; }
.mess_sc{ margin-top:15px; font-size: 14px; padding-top: 15px; border-top: solid 1px #EAEAEA;}
.mess_ul{ overflow: hidden; margin-top: 25px; }
.mess_ul li{ margin-bottom: 15px; overflow: hidden;}
.mess_InputText{ width: 100%; height: 40px; line-height: 40px; border: solid 1px #CFCFCF; padding: 0px 15px;}
.mess_textarea{ width: 100%; height: 120px; line-height: 40px; border: solid 1px #CFCFCF; padding: 0px 15px;}
.mess_captcha{ width: 150px; height: 40px; line-height: 40px; border: solid 1px #CFCFCF; padding: 0px 15px; float: left;}
.mess_img{ float: left; margin-top: 10px; margin-left: 10px; cursor: pointer; }
.mess_But{ width: 100%; height: 50px; line-height: 50px; background-color: #da3436; cursor: pointer; color: #fff; font-size: 16px;}
.contact_t{ text-align: center; margin-top: 20px; padding-bottom: 10px; border-bottom: solid 1px #EAEAEA;}
.contact_t_p{ display: inline-block; height: 40px; line-height: 40px; position: relative; padding-left: 25px;}
.contact_t_p span{ font-size: 24px; font-weight: bold; float: left;}
.contact_t_p i{ width: 40px; height: 6px; background: #da3436; position: absolute; left: 0px; top: 50%; margin-top: -3px;}
.contact_l{ margin-top: 10px; }
.contact_r{ text-align: center; }
.contact_r img{ max-width: 100%; }
@media (min-width:992px) 
{
   .contact_l{ width: 70%; float: left; }
   .contact_r{ width: 28%; float: right; margin-top: 40px;}
}
@media (min-width:1200px) 
{
    .mess_t{ height: 56px; padding-left: 75px; }
    .messp1{ height: 36px; line-height: 36px; font-size: 20px;  }
    .mess_tr{ font-size: 30px; }
    .mess_sc{ margin-top: 40px; padding-top: 40px; font-size: 18px;}
    .mess_ul{ margin-top: 35px; }
    .mess_ul li{ width:32%; float: left; margin-right:2%; }
    .mess_InputText{ height: 48px; line-height: 48px; }
    .mess_textarea{ height: 150px; line-height: 50px; }
    .mess_captcha{ height: 48px; line-height: 48px; width: 160px; }
    .mess_img{ margin-top: 14px; }
    .mess_But{ width: 30%; margin: 0px 0px 0px 35%; transition: all ease 1s; }
    .contact_t{ margin-top: 30px; padding-bottom: 20px; }
    .contact_t_p{ height: 60px; line-height: 60px; padding-left: 28px;}
    .contact_t_p span{ font-size: 34px; }
    .contact_t_p i{ width: 50px; height: 8px; margin-top: -4px; }
    .contact_l{ margin-top: 30px; }
    .contact_r{ margin-top: 60px; }
}
.mess_But:hover{ background-color: #da3436; }
.contacts_t{ height: 45px; line-height: 45px; margin-top: 25px; text-align: center; font-size: 40px;}
.contacts_t1{ color: #ababab; margin-top:10px; text-align: center;}
.contacts_l{ width: 430px; margin-top: 25px;}
.contacts_pt{ height: 70px; line-height: 70px; font-size: 26px; position: relative;}
.contacts_pt i{ width: 60px; height: 1px; background: #da3436; position: absolute; bottom: 0px; left: 0px;}
.contactsc{ margin-top: 20px; }
.contactsc p{ height: 60px; line-height: 60px; padding-left: 25px; font-size: 16px; background: url(../Image/page_icon1.jpg) no-repeat left center; }
.contactsc p strong{ font-weight: bold; color: #da3436; }
.contacts_r{ width: 760px; margin-top: 25px;}
.contacts_ul{ overflow: hidden; margin-top: 20px; float: left; width: 610px;}
.contacts_ul li{ margin-bottom: 18px; width:48%; float: left; margin-right: 4%;}
.cmess_InputText{ width: 100%; height: 55px; line-height: 55px; border: solid 1px #CFCFCF; padding: 0px 15px;}
.cmess_textarea{ width: 100%; height: 120px; line-height: 40px; border: solid 1px #CFCFCF; padding: 0px 15px;}
.cmess_But{ width: 140px; height: 193px; transition: all ease 1s; line-height: 240px; border-radius: 6px; font-size: 20px; color: #fff; margin-top: 20px; float: left; margin-left: 10px; background: #535353 url(../Image/ccicon7.png) no-repeat center 50px; }
.cmess_But:hover{ background: #da3436 url(../Image/ccicon7.png) no-repeat center 50px;}
#contactdts{ height: 300px; float: left; width: 100%; }
/*******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:#da3436;
    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:#da3436;
    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; width:60px;}
.job_nam{ float: left; margin-left: 15px; color:#da3436; font-weight: bold; }
.G_InputText{
    width:250px;
    height:40px;
    line-height:40px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px;outline: none;
}
.G_InputText:hover{ border:1px solid #da3436; }
.G_captcha{
    width:100px;
    height:40px;
    line-height:40px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px; outline: none;
}
.G_captcha:hover{ border:1px solid #da3436; }
.G_textarea{
    width:250px;
    height:150px;
    line-height:30px;
    border:1px solid #dedede;
    padding:0px 10px;
    float:left;
    border-radius: 2px;outline: none;
}
.G_textarea:hover{ border:1px solid #da3436; }
.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:340px;
    height:50px;
    line-height:50px;
    background:#da3436;
    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:#E5A318;
}
@media (min-width:768px) 
{
    .G_InputText{ width: 400px; }
    .G_textarea{ width: 500px; }
}
@media (min-width:1200px) 
{
    .seek_job li{ padding-top: 15px; }
    .G_InputText{ width: 400px; }
    .G_textarea{ width: 550px; }
    .seek_job{ float: left; }
}
/*******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: #da3436; }

/*css digg style pagination*/
div.digg{ margin:10px auto; text-align:center; float:right; display: inline;}
div.digg a{border:#dedede 1px solid; padding:3px 10px; margin:3px; color:#666; display: inline-block;}
div.digg a:hover{border:#da3436 1px solid;color:#fff; background: #da3436;}
div.digg a:active{border:#da3436 1px solid;color:#fff; background: #da3436;}
div.digg span.current{border:solid 1px #da3436;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#da3436; display: inline-block;}
div.digg span.disabled{border:#dedede 1px solid;padding:3px 10px;margin:3px;color:#ddd;  display: inline-block;}
div.digg select{ border:#dedede 1px solid; padding:3px 0px; display: inline-block;}
@media (min-width:1200px) 
{
    div.digg{  margin:35px auto 15px;}
}