@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;}

input,textarea,select{*font-size:100%;}legend{color:#000;}

/*******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: 15px; font-size:1.5rem; }

}

a{color:#333;text-decoration:none; cursor: pointer; transition: all 0.3s;}

a:hover{ text-decoration: none; color:#177fe4; }

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

.truncate {

    display: block;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



/*******Css*******/

/*******Css header*******/

#top{ height:28px; line-height: 28px; background: #DB0303; margin:0px auto; color: #fff; }

#top a{ color: #fff; }

.top_sp2 a{ float: left; }

.top_sp2 b{ color: #FFD800; }

.top_sp2 i{ width: 1px; height: 28px; background: #ED646A; float: left; margin: 0px 10px;}

#header{ padding: 10px 0px;}

#header .container{  position: relative; }

.logo{ width: 50%; }

.logo img{ width: 100%; }

.nav-trigger{ width:26px; height:26px; z-index:999; background: url(../Image/micon.png) no-repeat; outline: 0px; cursor: pointer; position: absolute; top: 50%; margin-top: -13px; right: 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:20;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:50%; margin-left:-375px; z-index:10;width:750px;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: 80%; }

.navp2{ padding-left: 30px; font-size: 1.4rem;}

.navp2 b{ font-size: 1.6rem; color: #ff7608; }

.navul{ width: 90%; margin: 15px auto 25px;}

.nav-item{position: relative; line-height:40px; max-height:40px; font-size: 1.6rem; padding: 0px 20px;}

.nav-item.on a{ color: #177fe4; }

#mnav{ padding:6px; background:#177fe4; overflow: hidden;}

#mnav a{ color: #fff; height:30px;border-radius: 15px; line-height: 30px; float: left; width: 25%; text-align: center;}

#mnav a.on{ background:#fff;color: #177fe4;}

.tuijian{padding:1.5rem 0;line-height:2rem}

.tuijian .mlink{color: #6b6a6a;padding: 0 0.5rem}

.tuijian .mlink:hover{color: #f85415;}
.tuijian .mtitle{color: #f85415;font-weight:bold; padding-left: 2rem;background: url(../Image/i-tuijian.png) left center no-repeat;background-size: auto 100%}

@media(min-width: 1200px)
{
   .tuijian{padding:2.3rem 0;}
   .tuijian .mlink{font-size: 1.6rem;}
   .tuijian .mtitle{font-size: 1.6rem;}
}

.tuijian .zixun{font-size: 1.4rem;color: #f85415;background: url(../Image/i-zixun.png) left center no-repeat;}

@media (min-width:768px) 

{

    .logo{ width:32%; }

    #mnav a{ width: 12.5%; }

}

@media (min-width:992px) 

{

    .logo{ width:24%; }

    .nav{ float: right; margin-top: 15px;}

    .nav a{ float: left; font-size: 1.5rem; height: 30px; line-height:30px; padding: 0px 10px;border-radius: 15px}

    .nav a.on{ color:#fff;background: #177fe4}

    .nav a:hover{ color:#fff;background: #177fe4}

}

@media (min-width:1200px) 

{

    #header{ padding: 32px 0px; }

    .logo{ width:19%; }

    .tel{ position: absolute; top:5px; right:230px; font-size: 1.6rem;padding-right:15px; background: url(../Image/line.jpg) right center no-repeat;}

    .tel span{ color: #177fe4;font-family: Arial; font-size:1.8rem; background: url(../Image/toptel.png) left center no-repeat;padding-left: 2rem}

    .top-mes{ position: absolute; top:5px; right:115px; font-size: 1.4rem;color: #ff6001; background: url(../Image/i-mes.png) left center no-repeat;padding-left: 2rem}
    .top-mes b{padding-right:15px; background: url(../Image/line.jpg) right center no-repeat;}
    .top-mes b:hover{text-decoration: underline;}
    .top-wx{ position: absolute; top:5px; right:15px; font-size: 1.4rem;color: #0a9023; background: url(../Image/i-weixin.png) left center no-repeat;padding-left: 2rem}
    .top-wx b:hover{text-decoration: underline;}
    .nav{ margin-top:48px; }

    .nav a{ float: left;padding: 0px 10px; margin: 0px 0px 0px 20px; }

    .tuijian .zixun{float: right;padding-left:4rem} 

}



/*******Css banner*******/

.banner{height:100%; text-align:center; overflow:hidden; margin:0px auto; }

.page_banner{ width: 100%; margin:0px auto; text-align:center; overflow:hidden;}

.page_banner img{ max-width: 100%; }

.title02 .p01{font-size:2rem; color: #4e4d4c;font-weight: bold;text-align: center;}

.title02 .p02{color:rgba(100,94,94,0.8);line-height: 2rem;padding-top: 1rem}

@media (min-width:1200px) 

{

    .title02 .p01{font-size:3.6rem;line-height:5.6rem;}

    .title02 .p02{text-align: center;font-size: 1.6rem;}

}

/*******Css home*******/

/* css product */

#chan1{ overflow:hidden;padding-top: 1rem; background: url(../Image/type.jpg) top center no-repeat;}

.title01{padding:1rem 0;text-align:left;}

.title01 big{font-size:2.6rem;color: #fff; font-weight: bold;line-height:5rem;text-align: center; display: block;}

.title01 p{line-height: 2rem;text-indent: 2rem; color: rgba(255,255,255,0.95);margin: 0 auto}
@media (min-width:1200px) 
{
   .title01 p{font-size: 1.6rem;}
}
.typebox{color: #717171; background: #fff;padding:2rem 1.8rem;border-radius: 1rem;box-shadow:0px 0px 15px rgba(0,0,0,0.2)}
.typebox img{width: 100%}
.typebox .p01{font-size:2.2rem;color: #363636; font-weight: bold; text-align: center;transition: 0.4s all}
.typebox:hover{background: #eef6fd;box-shadow:0px 0px 15px rgba(37,134,224,0.5)}
.typebox .p02{font-size:1.6rem;line-height: 2.5rem; text-align: center;}

.typebox .p03{width: 100%; margin:1rem 0rem}

.typebox .p04{line-height: 2.5rem}
.typebox:hover .p01{color: #2486e0}
.typebox:hover .p05{text-decoration: underline;}
@media(min-width: 1200px)
{
  .typebox .p04{font-size:1.4rem;}
}
.typebox .p05{font-size:1.4rem;color: #177fe4;text-align: center;padding-top: 1.2rem}

.typebox .p05 span{background: url(../Image/more.png) right center no-repeat;padding-right: 2rem}

.products{ margin-top:10px; overflow:hidden; }

@media (min-width:768px) 

{

    #owl-carousel1 .owl-items{ padding:15px; }

}

@media (min-width:1200px) 

{

    #chan1{position: relative;}

    .title01{padding:3rem 0;}

    .title01 p{text-indent: 0rem;text-align: center;}

    .title01 big{font-size: 3.6rem;}

    .typebox{padding:3rem 1.8rem;}

    .typebox .p01{font-size: 3.0rem;}

    .typebox .p03{margin:2rem 0}

}



/* css introduce */

#chan2{padding:2rem 0; overflow:hidden;}

#chan2 .p03{width:80%;padding-top: 3.3rem; margin: 0 auto}

#chan2 .btn-more{color: #fff;font-size: 1.4rem;background: #177fe4;padding:1rem 2rem;border-radius:2.1rem;float: left;}

#chan2 .btn-more:hover{background: #ff7608;}

#chan2 .btn-zixun{color: #fff;font-size: 1.4rem;background: #ff7608;padding:1rem 2rem;border-radius:2.1rem;float: right;}

#chan2 .btn-zixun:hover{background: #177fe4;}

#chan2 span{line-height:2rem; padding-right: 3rem;background: url(../Image/more1.png) right center no-repeat;display: inline-block;}

@media (min-width: 1200px)

{

    #chan2{padding:5rem 0;}

    #chan2 .p03{width:35%;}

    #chan2 .title02 .p02{padding-top: 0}

    #chan2 .btn-more{padding:1.2rem 3.5rem;}

    #chan2 .btn-zixun{padding:1.2rem 3.5rem;}

}

/* css advantage */

#chan3{height: auto; overflow:hidden;}

#chan3 .advantage{padding:4.3rem 0}

#chan3 .txt{color: #fff;line-height: 2rem;padding: 1rem 0;border-radius:5rem;margin-bottom:4.5rem; float: left;}

#chan3 .txt01{background: #177fe4}

#chan3 .txt02{background: #f42f2f}

#chan3 .txt03{background: #ff7608}

#chan3 .txt04{background: #2d8439}

#chan3 .txt span{width:15%;height:8rem;margin-left:8%; display: inline-block; float: left;}
#chan3 .txt:hover span{animation: swing 1s}
#chan3 .txt p{width: 72%;font-size: 1.4rem;line-height: 2rem;margin-right:5%; padding-bottom: 0.7rem; float: right;}

#chan3 .txt b{font-size: 2.2rem;line-height:3.3rem; display: block;}

#chan3 .m-advantage{padding:2rem 0}

#chan3 .m-txt{color: #fff;line-height: 2rem;padding: 1rem 2rem;margin-bottom: 1rem;border-radius: 1rem;}

#chan3 .m-txt b{font-size:1.6rem;line-height:3.3rem;padding-left: 4rem; display: block;}
@media(min-width: 1200px)
{
  #chan3 .m-txt b{font-size: 2rem;}
}


/* css case */

#chan4{padding:0.8rem 0; height: auto; overflow:hidden;}

#chan4 .casebox{background: #177fe4;margin-top:2.4rem}

#chan4 .btnbox{width:85%;padding-top:2rem; margin: 0 auto;}

#chan4 .btn-in{color: #177fe4;font-size: 1.4rem;background: #fff;padding:0.8rem 3rem;border-radius:1.8rem;margin-top: -1.8rem}

#chan4 .btn-in:hover{color: #fff; background: #ff7608;}

#chan4 .btnbox span{line-height:2rem; padding-right: 3rem;background: url(../Image/more.png) right center no-repeat;display: inline-block;}

#chan4 .btn-in:hover span{background: url(../Image/more1.png) right center no-repeat;}

#owl-carousel2{ margin-top: 15px; }

.product_img img{width: 100%;border-radius: 15px;}

.product_txt{color: #fff;line-height: 6rem;text-align: center;}

.product_txt:hover{color: #ff7608}

@media (min-width:768px) 

{

   #owl-carousel2 .owl-items{ padding: 0px 8px; }

}

@media (min-width:1200px) 

{

    #owl-carousel2{ margin-top:62px; }

    #chan3 .txt{width: 46%;margin-left:2%;margin-right:2%;}

    #chan4 .btnbox{width:22%;}

    #chan4 .btnbox{padding-top: 3.3rem}

    #chan4 .title02 .p02{padding-top: 0}

}

#chan5{padding: 2rem 0}

#chan5 .title02 .p01{text-align: left;}

#chan5 .newsbox{padding-top:1rem}

#chan5 .hotnews{height: auto; background:#177fe4;overflow: hidden;border-radius: 1rem}

#chan5 .hotnews img{width: 100%}

#chan5 .hotnews .hotnews-txt{color: #fff; padding: 1.5rem 2rem}

#chan5 .hotnews .p01{font-weight: bold; font-size: 1.6rem;display: block;}

#chan5 .hotnews .p02{font-size: 1.4rem;color: rgba(255,255,255,0.6);}

#chan5 .newslist{padding:2rem 0 1rem}

#chan5 .newslist li{height: auto;padding-bottom: 1.2rem;overflow: hidden;}

#chan5 .newslist .ntime{}

#chan5 .newslist .ntxt{color: rgba(0,0,0,0.6);}

#chan5 .newslist .p01{font-size: 1.6rem;color: #282828; display: block;}

#chan5 .newslist .p02{line-height:2.4rem}

#chan5 .msg-box{height: auto;position: relative;overflow: hidden;}

#chan5 .msg-box .title02{padding-bottom: 2rem}

#chan5 .msg01{width:49%; height:40px;line-height:40px;border:1px solid #dedede;padding:0px 10px;float:left;outline: none;margin-bottom: 10px;}

#chan5 .pr{margin-right:2%}

#chan5 .msg02{width: 100%; height:40px;line-height:40px;border:1px solid #dedede;padding:0px 10px;float:left;outline: none;margin-bottom: 10px;}

#chan5 .msg03{width: 100%; height:118px;line-height:40px;border:1px solid #dedede;padding:0px 10px;float:left;outline: none;margin-bottom: 10px;}

#chan5 .msg04{width:49%; height:40px;line-height:40px;color: #fff; border:1px solid #177fe4;background: #177fe4; padding:0px 10px;float:left;outline: none;margin-bottom: 1rem;transition: 0.4s all}

#chan5 .msg04:hover{border:1px solid #ff7608;background: #ff7608;}

#chan5 .G_inimg{height:30px;position: absolute;left: 25%;bottom:77px}

#chan5 .Validform_checktip{display: none !important}

#chan5 .beizhu{font-size: 1.4rem;color: #4e4d4c;line-height:60px}

@media (min-width:1200px) 

{

   #chan5 .title02 .p01{font-size: 30px}

   #chan5 .hotnews{width: 40%;float: left;transition: 0.4s all}

   #chan5 .hotnews:hover{background: #ff7608}

   #chan5 .newslist li{padding-bottom:35px}

   #chan5 .newslist li:hover .ntime big{color: #177fe4}

   #chan5 .newslist li:hover .p01{color: #177fe4;padding-left: 6px}

   #chan5 .newslist{width: 58%;float: right;padding:0;margin-top: -10px}

   #chan5 .newslist .p01{line-height: 3rem;transition: 0.4s all}

   #chan5 .ntime{width: 20%;color: #4e4d4c;text-align: center; float: left;}

   #chan5 .ntime big{font-size: 50px;line-height: 62px; display: block;}

   #chan5 .ntxt{width: 80%;line-height: 2rem;font-size: 1.4rem;color: rgba(0,0,0,0.6); float: right;}

   #chan5 .msg-box .title02{padding-bottom: 10px}

   .news-box{width: 65%;float: left;}

   .msg-box{width: 32%;float: right;}

}



/*******Css footer*******/

.ftmenu{}

.ftmenu .container{background: #177fe4}

.ftmenu a{width: 25%;height: 30px;color: #fff;line-height: 30px;text-align: center;display: inline-block;float: left;}

.ftmenu a:hover{font-weight: bold;color: #ff7608}

@media (min-width:1200px)

{

   .ftmenu{background: url(../Image/ftmenu.jpg) repeat-x #151515;}

   .ftmenu .container{border-radius: 27px;}

   .ftmenu a{width:11.1%;line-height: 55px;height: 55px;font-size: 1.6rem; }

}

#footer{  background:#151515;font-size: 1.4rem; line-height:2.8rem; padding:1rem 0px; color:#9b9b9b; margin-bottom: 65px;}

#footer a{ color:#9b9b9b; }

#footer a:hover{ text-decoration: underline; color: #fff;}

.footernav{ width: 100%; color: #fff; height:auto; overflow: hidden; position: fixed; bottom:0px; padding:10px 0px; left: 0px; z-index: 999; background:#177fe4; }

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

#warp{ margin-bottom: 25px; }

@media (min-width:768px) 

{

    #footer{ margin-bottom: 0px; text-align: center; }

    .fmenuc a{ width: 12.5%; } 

    .fmenup2{ text-align: center; }

}

@media (min-width:992px) 

{

    .fmenuc a{ width: auto; margin: 0px 20px; display: inline-block; float: none;}

}

@media (min-width:1200px) 

{

    .weixin{ position: absolute; top: 0px; right: 0px; text-align: center; line-height: 40px; }

    #footer{ padding:30px 0px; }

    #warp{ margin-bottom: 50px; }

}



/*******Css page*******/

#page_titles{ height: 35px; line-height: 35px; border-bottom: solid 1px #D4D4D4; position: relative;}

.page_titlet{ background:#177fe4; font-size: 1.6rem; font-weight: bold; color: #fff; padding: 0px 20px; float: left;}

.right_titlebtn1{ position: absolute; right: 10px; font-size: 2rem; cursor: pointer; top:0px;color: #177fe4;}

.page_pro{ width: 100%; position: absolute; top: 35px; z-index: 999; left: 0px; background: #f9f9f9; padding:8px 0px; display: none;}

.page_pro a{ width:100%; height:40px; line-height: 40px; float: left; background: url(../Image/line3.jpg) repeat-x bottom;}

.page_pro a span{ width: 80%;  float: left; height: 40px; overflow: hidden; padding-left: 15px; font-size: 1.4rem;}

.page_pro a i{ float: right; margin-right:15px; color: #999; margin-top: 14px; }

.page_pro a.on span{ color: #177fe4; }

.mess{ padding-bottom: 20px; border-bottom: solid 1px #dedede; margin-bottom: 30px; overflow: hidden;}

.messp1{ height: 30px; line-height: 30px; color:#DB0303; font-size: 1.6rem; font-weight: bold; }

@media (min-width:768px) 

{

    .page_titlec{ float: right; color: #666; }

    .page_titlec a{ color: #666; }

}

@media (min-width:992px) 

{

    .page_titlec{ margin-right: 0px; }

    .page_titlesc{ float: left; margin-left: 30px; }

    .page_titlesc a{ float: left; margin: 0px 10px; position: relative; color: #444444;}

    .page_titlesc a span{ width: 0px; height: 4px; background: #DB0303; position: absolute; transition: all 0.3s; bottom: 0px; left: 50%; margin-left: -50%; }

    .page_titlesc a.on span{ width: 100%; }

    .page_titlesc a:hover span{ width: 100%; }

    .left_side{ width:20%; float: left; margin-top: 25px; }

    .left_sidep1{ height:45px; line-height: 45px; background:#177fe4; font-size: 1.8rem; color: #fff; padding: 0px 20px; }

    .left_sidep1 a{ color: #fff; }

    .left_sideul{ margin-top: 5px; }

    .left_sideul li{ height: 40px; margin-top: 5px; overflow:hidden; }

    .left_sideul li a{ float:left; line-height: 40px; background:#F3F2F2; width: 100%; font-size: 1.4rem; padding: 0px 15px; }

    .left_sideul li a:hover{ background:#177fe4; color: #fff;  }

    .left_sideul li.selectli a{ background:#177fe4; color: #fff;  }

    .pcontact{ margin-top: 25px; }

    .pcontact_01{ margin-top: 5px; line-height: 2; }

    .right_side{ width:78%; float: right; margin-top: 25px; }

}

@media (min-width:1200px) 

{

    .left_sidep1{ height: 50px; line-height: 50px; font-size: 2.3rem; }

    .left_sideul li a{ font-size: 1.6rem; }

    #page_titles{ height: 50px; line-height: 50px; }

    .page_titlet{ font-size: 2.3rem;  padding: 0px 30px; }

    .page_titlesc{ margin-left: 40px; font-size: 1.6rem;}

    .page_titlesc a{ margin:0px 15px;  }

    .mess{ padding-bottom: 40px; }

    .messp1{ height: 50px; line-height: 50px;  font-size: 2.2rem; }

}



/*******Css company*******/



#proinfos{ margin-top: 20px; }

.proinfosul{ height: 40px; padding: 0px 10px; text-align: center; line-height: 40px; border: solid 1px #DEDEDE;  background: #F7F7F7;}

.proinfosul li{ width:25%; cursor: pointer; float: left;}

.proinfosul li i{  margin-right: 5px; display: inline-block;}

.proinfosul li span{ display: inline-block;}

.proinfosul li:hover{ color: #DB0303; }

.proinfosul .proinfossp1{ width: 1px; height: 40px; background: url(../Image/line4.jpg) no-repeat center; float: left; margin: 0px 8px;}

.proinfosul li.active{ color: #177fe4; }

.proinfosc{ margin-top: 10px; padding: 10px 0px; border-top:solid 1px #dedede; }

.prot{ height: 30px; line-height: 30px; overflow: hidden; }

.prot span{ float: left; color: #177fe4; font-size: 1.5rem; font-weight: bold;}

.prot i{ float: left; color: #999; font-size: 1.2rem; margin-left: 5px;}

.procact{ font-size: 1.6rem; font-weight: bold; margin-top: 15px;}

.procactc{ margin-top: 10px; }

.procactc p{ background: #F7F7F7; border: solid 1px #CECECE; padding: 0px 10px; height: 40px; line-height: 40px; margin-bottom: 15px; }

@media (min-width:768px) 

{

    .proinfosul li{ width:16%; }

}

@media (min-width:992px) 

{

    .proinfosul li{ width: 12%; }

    .procactc p{ width: 30%; float:left; margin-right: 1%; }

    .procactc p:last-child{ width: 35%; }

}

@media (min-width:1200px) 

{#infoImage img{ width:600px !important;/*max-width:600px;*/margin: 0 auto;border:#dcdcdc solid 1px;}
    .page_Content img{width: 900px !important}
    #proinfos{ margin-top: 40px; }

    .proinfosul{ height:58px; line-height: 58px; font-size: 1.6rem;}

    .proinfosul li{ width:15%; }

    .proinfosul li i{ margin-right: 10px; }

    .proinfosul .proinfossp1{ height: 58px; }

    .proinfosc{ padding: 25px 0px; }

    .prot{ height: 50px; line-height: 50px; }

    .prot span{ font-size: 1.8rem; }

    .prot i{ font-size: 1.4rem; margin-left: 10px;}

    .procact{ font-size: 2rem; }

    .procactc{ margin-top: 20px; overflow: hidden;}

    .procactc p{ height: 50px; line-height: 50px; padding: 0px 15px; }

}

/*******Css list*******/

#indexNews1{  }

#indexNews1 li{ border-bottom:#dedede 1px dotted; padding:5px 0px 10px 0px; margin-top: 10px;  height: 100%; overflow: hidden; transition: all 0.3s;}

.indexNews1p1{ height: 30px; line-height: 30px; font-size: 1.4rem; font-weight: bold; overflow: hidden;}

.indexNews1p2{ height: 25px; line-height: 25px; color: #999; overflow: hidden;}

.indexNews1p2 span i{ margin-right: 5px; }

.indexNews1p3{  line-height: 25px; height:50px; overflow:hidden; color: #666;   color: #666; padding-top: 5px; }

#indexNews1 li a:hover .indexNews1p1{ color:#177fe4;}

.indexNews1_img{ margin-bottom: 5px; }

.indexNews1_img img{ width: 100%; }

#indexNews1 li:hover{ transform: translateY(-5px); }

.indexNews1p4{ margin-top: 10px; color: #177fe4;}



#picUL li{ margin:10px 0px; overflow: hidden;}

#picUL li a{ width: 100%; height: 100%; float: left; background:#fff; text-align: center; }

#picUL li a .pic_01{ width: 100%; height: 100%; overflow: hidden;  border:solid 1px #dedede;}

#picUL li a .pic_01 img{ max-width: 100%; transition: all 0.3s; }
@media(min-width: 1200px)
{
  #picUL li a .pic_01 img{height: 218px}
}
#picUL li a .pic_02{ height:35px; line-height: 35px; overflow: hidden; margin:0px 5px;}

#picUL li a:hover{ background:#177fe4; color: #fff;  }

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



#proUL li{ margin:10px 0px; overflow: hidden; height: 100%;}

#proUL .pic_01{ overflow: hidden; border: solid 1px #dedede;}

#proUL .pic_01 img{ width: 100%; height: 100%; transition: all 0.3s; }

#proUL .pic_02{ height: 40px; line-height: 40px; font-weight: bold; font-size: 1.6rem; overflow: hidden; }

#proUL .pic_03{ line-height: 23px; height: 69px; overflow: hidden; color: #666; }

.products_txt3{ height: 30px; margin-top: 5px; }

.products_txt3 a{ width: 46%; height:28px; line-height: 28px; text-align: center;   }

.products_txt3 a.pic_04a1{ border:solid 1px #ccc; color: #666; float: right;}

.products_txt3 a.pic_04a2{ background: #177fe4; color: #fff; float: left; }

.products_txt3 a.pic_04a1:hover{ border:solid 1px #177fe4; background:#177fe4; color: #fff; }

.products_txt3 a.pic_04a2:hover{ background:#ff7608;  color:#fff; }

#proUL .pic_01:hover img{ transform:scale(1.05); }



/*******Css info*******/

#company_main{ margin:0 auto; line-height:2; padding:10px;  }

#company_main img{ max-width:100%; }

#company_main a{ color:#DB0303;}

#contact_main{ margin:0 auto; padding:10px;}

#contact_main a{ color:#DB0303;}

#contact_main p{ padding: 10px; background: #f5f5f5; margin-bottom: 10px; border-radius: 8px; }

#company_main strong{ }

#page_Title{ line-height:1.8; font-size:1.5rem; text-align:center;}

.page_Info{ height:50px; line-height: 50px; 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; }



#infoImage{ width:100%;text-align:center; margin:15px 0 15px 0;}

#infoImage img{ width:100%;/*max-width:600px;*/margin: 0 auto;border:#dcdcdc solid 1px;}

.page_tit_bg{ height:45px; background:#F9F9F9; border-radius:5px; margin:15px auto;} 

.page_tit_tit{

    width:130px;

    height:45px;

    border-top-left-radius: 2px;

    border-bottom-left-radius: 2px;

    background:#177fe4;

    color:#ffffff;

    line-height:45px;

    text-align: center;

    font-size: 1.6rem;

}



#page_Content{ margin:0 auto; line-height:2; padding:10px; }

#page_Content img{max-width:100% !important;height: auto !important;padding: 1rem 0}
#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;}

.page_Content img{width: 100%; /*max-width:600px;*/display: block;margin: 0 auto}

.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:#DB0303;  }

.search_cp{ height: 45px; line-height: 45px; font-size: 16px; }

.search_cp span{ color:#DB0303; }

/*******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:#DB0303;}



.pro_cls{ height: 100%; overflow: hidden; margin:10px auto; }

.pro_cls li{ width: 50%; float: left; margin-top: 10px;}

.pro_cls li a{ width:90%; margin:0px 5%; overflow: hidden; height: 40px; line-height: 40px; border: solid 1px #dedede; border-radius: 10px; text-align: center; float: left;}

.pro_cls li a:hover{ background:#DB0303; color: #fff; }

.pro_cls li.on a{ background:#DB0303; color: #fff; }



#owl-carousel4{ margin-top: 10px; }

#owl-carousel4 .owl-items{ text-align: center;}

.pror_img{ overflow: hidden; }

.pror_img img{ width:100%;}

.pror_txt{ height: 40px; line-height: 40px; overflow: hidden; text-align: center;}



.page_t{ height: 42px; clear: both; margin-top: 20px; }

.page_t span{ height: 40px; line-height: 40px; font-size: 1.8rem; font-weight: bold; border-bottom: solid 2px #999; float: left; }

#zz{ height: 100%; overflow: hidden; margin-top:20px; background: #9AC104; padding:15px 0px;}

.zz_p1{ text-align: center; font-size: 1.8rem; font-weight: bold; color: #fff;}

.zz_p1 a{ color: #fff; }

.zz_p2{ text-align: center; margin-top: 5px; color: #fff;}

.zz_img{ overflow: hidden; }

.zz_img img{ width:100%;}

.zz_txt{ height: 40px; line-height: 40px; overflow: hidden; color: #fff; text-align: center;}

.pro_img{ text-align: center; margin-top: 15px; border: solid 1px #BABABA;}

.pro_img img{ max-width: 100%; }

.pro_con{ margin-top: 10px;}

.pro_conp1{ line-height: 1.5; padding-bottom: 10px; border-bottom: dashed 1px #eee; }

.pro_conp2{ height: 40px; line-height: 40px; font-size:1.6rem;  color: #DB0303;}

.pro_conp2 b{ margin-right: 5px; font-size:2rem; }

.pro_conp3{ height: 40px; margin-top: 10px; }

.pro_conp3 a{ width: 40%; height: 40px; border-radius: 5px; line-height: 40px; float:left; margin:0px 5%; float: left; background: #DB0303; text-align: center; color: #fff; }

.pro_conp3 a.pro_conp3a1{ background: #FF7B02; }

.pro_conp3 a:hover{ background:#FFC314;}

.pro_conp3 a.pro_conp3a1:hover{ background: #FFC314; }

.pro_conp4{ margin-top: 20px; }

.pt{ font-size:1.6rem;  color:#DB0303; }

.pro_pr{ padding: 10px 0px; color: #DB0303; }

.right_content{ padding: 5px 0px;position: relative;}

@media (min-width:768px) 

{

    .right_title_left{ font-size: 2.2rem; width: 180px; height: 50px; line-height: 50px; margin-left:-90px; top:-45px; }

    .indexNews1p3{ line-height: 25px;  padding-top: 5px; overflow: hidden;}

    #page_Title{ font-size: 1.8rem; }

    #contact_main{ width:70%; float: left; }

    .ewm{ float: right; margin-right: 20px; margin-top: 25px; }

    .pro_cls li{ width: 25%; float: left; }

    .indexNews1_img{ width: 28%; float: left; margin-bottom: 0px; height: 151px;}

    .indexNews1_txt{ width: 70%; float: right; }

    #owl-carousel4 .owl-items{ padding: 5px;}

     

}

@media (min-width:992px) 

{

    #picUL li a .pic_02{ height:40px; line-height: 40px;  }

    .pro_img{ width: 40%; float: left; }

    .pro_con{ width: 55%; float: right;}

    .pro_conp3 a{ width: 150px; margin:0px 15px 0px 0px;  }

    .indexNews1_img{ width: 25%; height: 176px;}

    .indexNews1_txt{ width: 73%; float: right; }

}

@media (min-width:1200px) 

{

    .right_title{ height: 80px; line-height: 80px; }

    .right_title_left{ font-size: 3rem; width: 210px; height: 65px; line-height: 65px; margin-left:-105px; top:-60px; }

    .right_title_right_sp2{ height: 80px; }

    .right_title_right_sp1{ margin-top: 35px; }

    .indexNews1p1{ height:38px; line-height: 38px; font-size: 1.6rem; }

    .indexNews1p3{ font-size: 1.4rem; margin-top: 5px;}

    .indexNews1p4{ margin-top: 10px; }

    #page_Title{ font-size: 2.2rem; }

    .page_tit_tit{ width: 150px; font-size: 1.8rem; }

    .related p{ font-size: 1.8rem; }

    .related ul li{ height:32px; line-height:32px;  }

    .pro_cls li{ width: 20%; }

    .pro_cls li a{ height: 50px; line-height: 50px; }

    #owl-carousel4{ margin-top: 20px; }

    #owl-carousel4 .owl-items{ padding: 10px;}

    .pror_txt{ height: 50px; line-height: 50px; overflow: hidden; text-align: center;}

    .page_t{ height: 67px; }

    .page_t span{ font-size:3rem; height: 65px; line-height: 65px;}

    .zz_p1{ font-size:3rem; }

    .pro_conp2{ height: 60px; line-height:60px; font-size:2rem; margin-top: 15px;}

    .pro_conp2 b{ font-size:3rem; }

    .pro_img{ margin-top: 30px; }

    .pro_con{ margin-top: 25px; }

    .pro_conp3{ height: 45px; }

    .pro_conp3 a{ height:45px; line-height: 45px; }

    #proUL li{ margin: 15px 0px; }

    #proUL .pic_02{ font-size: 1.8rem;}

    .pt{ font-size:1.8rem;  }

    .indexNews1_img{ height: 220px;}

    .products_txt3{ height: 42px; margin-top: 10px; }

    .products_txt3 a{ width: 135px; height: 40px; line-height: 40px; }

    .products_txt3 a.products_txta1{ margin-left: 25px;}

}



/*******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:#DB0303;

    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:#DB0303;

    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:#DB0303; 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 #DB0303; }

.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 #DB0303; }

.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 #DB0303; }

.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:#DB0303;

    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; }

    .mess_img{ float: right; width: 400px; margin-top: 30px;}

    .mess_img img{ max-width: 100%; }

}

/*******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: #DB0303; }



/*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:#177fe4 1px solid;color:#fff; background: #177fe4;}

div.digg a:active{border:#DB0303 1px solid;color:#fff; background: #DB0303;}

div.digg span.current{border:solid 1px #177fe4;padding:3px 15px; font-weight:bold; margin:3px; color:#fff; background-color:#177fe4; 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)
{
  .product_img img{height: 214px;}
}