@charset "utf-8";
/* CSS Document */
/*css初始???*/

.pagelist{text-align: center;padding: 30px 0 ;}
.pagelist li{
  display: inline-block;vertical-align: middle;
}
.pagelist a{
  border: 1px solid #e6e6e6;font-size: 13px;
  padding: 5px 10px;
display: inline-block;
background: #fff;line-height: normal;
color: #666666;
cursor: pointer;
text-decoration: none;
}
.pagelist li:hover a{
  background: #00AFFF;
  color: #fff;
}
.pagelist .active a{
background: #00AFFF;
  color: #fff;
}
.pagelist .thisclass {
background: #00AFFF;
  color: #fff;
}
.pagelist  select{
      width: 52px!important;
    height: 27px;
    display: block;
    text-align: center;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td, em{margin: 0; padding: 0; border: 0; list-style: none;}
h3{font-weight: normal;}
body{font-family: "Microsoft YaHei", "微软雅黑","Heiti SC","黑体-简"; font-size: 14px; line-height: 1.5;}
ul, ol{list-style: none;}
li{list-style: none;}
a{list-style: none; text-decoration: none; 
    color: #fff;
}
p{text-align: justify;}
em{font-style: normal;}
.clear{ clear: both; height: 0px;}
/*头部*/
.box{ max-width: 1360px; margin:0 auto;}
.box1{ max-width:1600px; margin:0 auto;}
.index-good{margin-top: 880px;}
.show-tit{text-align: center;}
.show-tit:before{content: "";display: inline-block;width: 96px;height: 51px;background: url(/skin/images/tit-fl01.png) no-repeat;vertical-align: middle;}
.show-tit:after{content: "";display: inline-block;width: 96px;height: 51px;background: url(/skin/images/tit-fr01.png) no-repeat;vertical-align: middle;}
.show-tit h2{display: inline-block;color: #2D203B;font-size: 34px;padding: 0 12px;vertical-align: middle;}
.show-tit h2 span{display: block;text-transform:uppercase;font-size: 20px;font-weight: normal;}
.show-tit h2 a{display: block;color: #2D203B;line-height: 1.1;}
.show-tit h2 a:hover{color: #E93A47;}

.good-show{margin-top: 80px;}
.good-show ul li{float: left;width: 29.3%;margin: 0 2%;position: relative;margin-bottom: 60px;}
.good-show ul li:before{content: "";display: inline-block;position: absolute;left: -30px;top: -30px;width: 100%;height: 90%;background: url(/skin/images/dot-show.png);z-index: -1;}
.good-show ul li > a{position: relative;padding-top: 66.25%;display: block;overflow: hidden;}
.good-show ul li a img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;}
.good-show ul li a img:hover{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.good-show ul li h3{margin: 15px 0;}
.good-show ul li h3 a{color: #2D203B;font-size: 24px;font-weight: bolder;margin-left: 66px; text-align:center;}
.good-show ul li h3 a:hover{color: #E93A47;}
.good-show ul li h3 a:after{content: '';display: inline-block;width: 45px;height: 37px;background: url(/skin/images/good-line.png) no-repeat;vertical-align: middle;margin-left: 24px;}
.good-show ul li p{color: #6E757C;font-size: 16px;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.good-show ul li p span{display: inline-block; width: 59px;height: 36px; background: url(/skin/images/good-bg.png) no-repeat;text-align: center;line-height: 30px;color: #FFF;font-size: 12px;margin-right: 10px;}

/* 首页关于我们开始 */
.index_about{margin:0px auto;padding-bottom:50px;display:block;width:100%;max-width: 1600px;height:auto;background: #FFF;border:0px #F00 solid;clear:both;}
.index_about_box{margin:0px auto;display:block;max-width: 1600px;height:auto;border:0px #F00 solid;clear:both;overflow:hidden;}
.index_about h2{ display:block; text-align:center;font-size: 28px;color: #333;text-align: center;padding-top:30px; padding-bottom:45px;border:0px #F00 solid; position: relative;}
.index_about h2:before{content: "";width: 40px;height: 2px;background: #044d7b;left: 50%;top:75px;margin-left: -20px;position: absolute;}
.index_about .about_left{float:left;width: 49%;height: auto;border:0px red solid;}
.index_about .about_left img{width:100%; height:auto;max-height:450px; border:0px;}
.index_about .about_right{float:right;width: 49%;height: auto;border:0px red solid;}
.index_about .about_right .about_content{display:block;width:100%;height: auto;max-height:420px;line-height: 30px;color: #6d6d6d;font-size: 14px;overflow: hidden;}
.index_about .about_right .about_more{display:block; margin-top:0px; width:100%;height:30px;}
.index_about .about_right .about_more a{display: block; width: 130px; line-height: 30px; height: 30px; background: #db261d;font-size: 14px; color: #FFF; text-align: center;}
/* 首页关于我们结束 */

.index-about{  clear: both; overflow: hidden; padding-bottom: 70px; margin-top: 150px; background:url(/skin/images/bg-about01.jpg) top center no-repeat; }
.index-about ul{ clear: both; overflow: hidden; margin-top:60px; margin-left: -2%; }
.index-about ul li{ float: left; color: #FFF; width: 24%; width: 23%\0; margin-left: 2%; padding: 0 2%; box-sizing: border-box; border-right: 1px solid #4B494F; }
.index-about ul li h3{ font-size: 26px; font-weight: normal; height: 76px; line-height: 38px; overflow: hidden; margin-bottom: 20px; }
.index-about ul li p{ font-size: 14px; height: 80px; line-height: 26px; overflow: hidden; margin-bottom: 60px; }
.index-about ul li b{ display: block; text-align: center; font-size: 56px; }
.index-about ul li b font{ font-size: 14px; }
.index-about ul li:first-child{ padding-left: 0; }
.index-about ul li:last-child{ padding-right: 0; border-right: none; width: 19%;}
.boxs {
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    _zoom: 1;
    zoom: 1;
}

.index-one {
    box-sizing: border-box;
}

.index-one h1 {
    font-size: 45px;
    color: #000;
    text-align: center;
    padding-top: 38px;
}

.index-one .text {
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: 20px 0 40px;
}

.index-one li {
    float: left;
    background: #fff;
    width: 16.5%;
    border: 4px solid #eee;
    box-sizing: border-box;
    border-right: none;
    transition: all 0.5s ease;
}

.index-one li.dy {
    border-left: none;
    transition: all 0.5s ease;
}

.index-one li strong a {
    display: inline-block;
    height: 44px;
    color: #333;
    font-size: 20px;
}

.index-one li p {
    text-align: center;
    font-size: 12px;
    height: 40px;
    line-height: 20px;
    margin-top: 20px;
    overflow: hidden;
}

.index-one li .bef {
    position: relative;
    padding: 80px 10% 15px 10%;
    text-align: center;
}

.index-one li .bef .home-tb {
    margin-bottom: 10px;
    transition: all 0.5s ease;
    /* height: 60px; */
}
.index-one li .bef .home-tb img{ width:100%; max-width: 170px;}
.index-one li .bef .home-tb .hide-ic {
    display: none;
}

.index-one li:hover .bef .home-tb .show-ic {
    display: none;
    transition: all 0.5s ease;
}

.index-one li:hover .bef .home-tb .hide-ic {
    display: block;
    transition: all 0.5s ease;
}

.index-one li a i {
    background: url(/skin/images/index_1.png) no-repeat;
    width: 29px;
    height: 28px;
    display: block;
    margin: 30px auto 0;
    transition: all 0.5s ease;
}

.index-one li:hover {
    background: url(/skin/images/one_bg.jpg) no-repeat;
    color: #fff;
    background-size: cover;
    transition: all 0.5s ease;
}
.index-one li:hover a {
    color: #fff;
    transition: all 0.5s ease;
}

.index-one li:hover a i {
    background: url(/skin/images/index_11.png) no-repeat;
    width: 29px;
    height: 28px;
    display: block;
    margin-top: 30px;
    transition: all 0.5s ease;
}


.index-pro-list { height:1350px;
    background: #f0f3fa;

}

.index-pro-list li h3 {
    background: #4b556e;
    text-align: center;
    margin-top: 120px;
}

.wrap{ max-width:1600px; margin:0 auto; margin-top:20px;}

.index-pro li .box span img {
    /* width: 100%; */
}

.index-pro ul li:hover strong a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro ul li:hover .box a img {
    margin-left: -15px;
    transition: all 0.6s;
}



.index-pro-list .pic,
.index-solution .pic,
.index-new .pic {
    text-align: center;
    display: block;
    margin: 0 auto;
}

.index-pro-list h1,
.index-solution h2,
.index-new h2 {
    font-size: 38px;
    color: #05163f;
    text-align: center;
    font-weight: bold;
    margin-top: -50px
}

.index-pro-list h1 img,
.index-solution h2 img,
.index-new h2 img {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: -10px
}

.index-pro-list .tit,
.index-solution .tit,
.index-new .tit {
    text-align: center;
    font-size: 18px;
    color: #555f7d;
    margin-top: 20px;
}

.index-pro-list .tit a {
    font-size: 18px;
    color: #555f7d;
}

.index-pro-list .tit a:hover {
    color: #e61e37;
}



.index-pro-list li {
    float: left;
    width: 22.5%;
    margin-left: 2.5%;
    margin-top: 35px;
}

.index-pro-list li .pro-img {
    box-sizing: border-box;
    -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;
    background: #3498db;
    border-bottom-right-radius: 20px;
    position: relative;
    z-index: 5;
    overflow: hidden;
    padding-top: 75%;
}

.index-pro-list li .pro-img:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

.index-pro-list li .pro-img img {
    opacity: .95;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

.index-pro-list li .pro-img:hover img {
    opacity: .4;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.index-pro-list li:hover .pro-img:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

.index-pro-list li .pro-img img {
    display: block;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
}

.index-pro-list li h3 {
    background: #4b556e;
    text-align: center;
    margin-top: -20px
}

.index-pro-list li h3 a {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    padding: 38px 0 18px;
    display: block;
    transition: all 0.6s;
}

.index-pro-list li:hover h3 {
    background: #05163f;
    transition: all 0.6s;
}

.index-pro-list li:hover h3 a {
    color: #e61e37;
    transition: all 0.6s;
}

.index-pro-list li .box {
    background: url(/skin/images/products_bot.png) no-repeat;
    width: 101.5%;
    background-size: 100% 100%;
    margin-left: -2px;
    padding: 15px 0 25px 30px;
    box-sizing: border-box;
}

.index-pro-list .box p {
    margin-top: 10px;
    font-size: 16px;
    color: #4b556e;
}

.index-pro-list .box p img {
    width: 18px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

.index-pro-list .box p span {
    font-size: 16px;
    color: #e61e37;
}


img {
    max-width: 100%;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
    vertical-align: middle;
}


.cp_list { display:block;width:1200px; overflow:hidden; margin:0 auto; }
.cp_list  li{width:270px; overflow:hidden; float:left; margin-right:23px; margin-top:30px;}
.cp_list li p{ display:block; width:270px;height:38px; line-height:38px; text-align:center; overflow:hidden; background:#f7f6f6;font-size:14px; color:#333;font-family:"微软雅黑"; margin-top:-5px;}
.cp_list  li p a{font-size:14px; color:#333;font-family:"微软雅黑";}
.cp_list  li p a:hover{ color:#cb0100;}
.pl_list{ width:1200px; overflow:hidden; margin:0 auto;}
.pl_list ul{ width:1200px;height:200px; margin:0 auto; margin-top:10px;}

.cp_list li img{
    width:auto;max-width:100%;display:block;margin:0 auto;
}

.pl_list ul li{width:253px;height:186px; float:left; margin-right:40px;}
.footer { width: 100%; overflow: hidden; background-color: #0781f8; border-top:3px solid #055fb7; }
.footer .subfooter { width: 1180px; overflow: hidden; margin: 0 auto; padding-top: 20px; position: relative; }
.footer .subfooter dl { width: 300px; height: 200px; color: white; float: left; margin-right: 36px; background: url(/skin/images/bianxian.png) no-repeat right; }
.footer .subfooter dl dt { font-size: 16px; line-height: 2; margin-bottom: 30px; }
.footer .subfooter dl dt span { font-size: 20px; }
.footer .subfooter dl dd span { display: inline-block; font-weight: bold; line-height: 34px; text-align: center; width: 106px; height: 34px; }
.footer .subfooter dl dd span:first-child { background-color: #0f0f0f; }
.footer .subfooter dl dd span:last-child { background-color: #db261d; margin-left: 30px; }
.footer .subfooter .bnav ul { width: 150px; float: left; margin-bottom: 10px; text-align: left; }
.footer .subfooter .bnav ul li { text-align: left; line-height: 2; }

.footer .subfooter .bnav ul li a{ color:#fff;}
.footer .subfooter .bnav ul li span { font-size: 16px;  color:#fff;} 
.footer .subfooter .bnav .erwei { float: left; margin: 8px 20px 0 0; }
.footer .subfooter .foot_bottom{width:100%; bottom: 0px; right:0px; color: #FFF; position: absolute;}
.footer .subfooter .foot_bottom p{ display: block; margin-left: 28.5%; line-height: 24px;}
.footer .subfooter .foot_bottom p span{ display: inline-block; margin-right: 10px; color: rgb(240, 240, 240);}
.footer .subfooter .foot_bottom p span b{ color: #FFF;}
.footer .banquan { height: 30px; overflow: hidden; background-color: #066acc; }
.footer .banquan div { width: 1180px; margin: 0 auto; color: white; font-size: 12px; }
.footer .banquan div p { font-size:14px; height: 30px; line-height: 30px; color:#fff;}
.footer .banquan div a img { margin-top: 1px; }
.footer .banquan div span { float: right; line-height: 30px;  color:#fff;}
.footer .bnav a:hover, .banquan a:hover { color: #FFF; text-decoration: none; }
.container{width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden;}
.pad{padding: 15px 0;}
.max1200{width:100%; max-width:1200px; margin:0 auto;}

body{ margin:0; padding:0; font-size:14px; color:#333; line-height:22px; *line-height:30px; background:#fff; font-family:"Microsoft YaHei"; }
a{ text-decoration:none; }
a:focus{ outline:none; -moz-outline-style:none; }
a:hover{ color:#EB0001; text-decoration:none; }
ul, li{ list-style:none; margin:0; padding:0; }
i, b, u, em{ font-style:normal; text-decoration:none; }
input { margin:0; padding:0; border:0; }
h1, h2, h3, h4, h5 { margin:0; padding:0; }
img { border:0; }
* { margin:0; padding:0; }
table, tr, td { margin:0; padding:0; border:0; }
input,select{ border-radius:0;outline:none;}
textarea { resize:none; outline:none;}


/*public*/

.top{ height:30px; line-height:30px; background-color:#0781f8;}
.top .welcome{ float:left; width:50%; color:#FFF;    text-indent: 24px;}
.top .tel{ float:right; width:28%; text-indent:40px; color:#FFF; background:url(/skin/images/tel.png) no-repeat 5% 7px;}

.navs{ width:100%; height:80px; background-color:#FFF;}
.logo{ float:left; width:23%;}
.nav{ float:left;width:56%;}

.navul { width:100%; margin-top:27px;}
.navul li{POSITION:relative; display:inline-block; TEXT-ALIGN:center;FLOAT:left;  margin-left:15px;_margin-left:15px; z-index:20;}
.navul li a{ -webkit-transition:all .3s ease; -moz-transition:all .3s ease;  -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; font-size:18px; padding:10px 20px; font-weight:800;  color:#000;}   
.navul li a:hover{ color:#4eabf9}
.navul  li a.li1 { padding:26px 20px; color:#505050; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff', GradientType=0); border-bottom:4px solid #f73d2e;}
.navul  li a.li0 { color:#505050; }
.navul li:hover dt a{ font-size:13px; padding:0; text-indent:15px;}
.navul li:hover dt a:hover{ text-decoration:none; display:block;}
.navul li:hover .plist{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:53px; LEFT:-640px;}
.navul li:hover .plist ul{ width:90%; margin:0 auto;}
.navul li:hover .ndropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:30px; LEFT:0px}
.navul li.navlm:hover .gdropdown{Z-INDEX:1000; POSITION:absolute; DISPLAY:block; TOP:53px; LEFT:0px; color:#666}
.list{DISPLAY:none;  padding:10px 0; color:#eee; background:url(/skin/images/nav_bg.png) repeat; width:190px; *margin-top:-10px;}   
.list DT A{height:34px; line-height:34px; text-decoration:none; display:block; text-align:left; font-weight:normal;font-size:14px; padding-left:12px; color:#fff}
.list DT A:hover{ background:#E73527; color:#fff; border-radius:0}
.plist{overflow:hidden; height:450px; position:absolute ; padding-top:10px;background:url(/skin/images/nav_bg.png) repeat; width:1700px; margin-left: -90px; }
.list li{TEXT-ALIGN:left; PADDING:0px; MARGIN:10px 0px 0px;  FLOAT:left; height:400px; overflow:hidden; padding-right:20px;}
.list li OL LI{PADDING:0px;  padding-left:10px;   height:32px; line-height:32px;margin:1px 10px 0 10px;}
.list LI OL LI span { background-position:center center; float:left;  background-repeat:no-repeat; width:30px; height:24px;}
.list LI OL LI A{MARGIN-LEFT:3px;float:left; padding:0; line-height:30px;font-size:13px; color:#FFFFFF}
.list li OL LI b { width:100%; overflow:hidden;}
.list li OL LI b  a{ font-size:16px; font-family:"Microsoft Yahei"; color:#fff; height:24px; line-height:24px; margin-bottom:20px;}
LI.feilei1{WIDTH:290px;}  
LI.feilei1 LI{WIDTH:100px}
LI.feilei2{WIDTH:290px}
LI.feilei2 LI{WIDTH:100px}
LI.feilei3{WIDTH:170px}
LI.feilei3 LI{WIDTH:160px}
LI.feilei4{WIDTH:170px;}
LI.feilei5 { WIDTH:180px;}
.dropbottom { TEXT-ALIGN:right; LINE-HEIGHT:50px;WIDTH:100%; overflow:hidden; margin-bottom:0;COLOR:#fff; padding-right:40px; font-size:15px; background:#232832; }
.dropbottom A { DISPLAY:inline; color:#fff; }
.nav_m{ display:none; float:right; width:72%;_width:73%;}
.nav_m ul{ clear:both; overflow:hidden;}
.nav_m ul li{ float:left; width:16%; font-size:16px; line-height:44px; text-align:center;}
.nav_m ul li.nav_select{ border-bottom:2px solid #f73d2e;}
.nav_tel{ float:right; width:206px;height:80px; line-height: 80px; padding-left: 60px; background:url(/skin/images/nav_tel.png) left center no-repeat; border:0px #000 solid;}
.nav_tel span{display:block;padding-top:10px;font-size:16px;color:#505050;line-height:24px}
.nav_tel p{font-size:20px;font-weight:700;color:#E41201;line-height:30px}
.nav_tel p strong{font-size:28px}
#banner{ z-index:10;*z-index:-100; position:relative;  width:100%; overflow:hidden;}

#banner_list{ width:100%; margin:0 auto; overflow:hidden; }
#banner_list img{ margin:0 auto; z-index:1; width:100%; }
#banner_list a{ display:block; position:absolute; width:100%; height:100%}

#banner ul{ z-index:1002; position:absolute; right:15px; bottom:10px; padding:0px; margin:0px; list-style-type:none; }
#banner ul li{ position:relative; text-align:center; line-height:12px; width:16px; display:inline; background:url(/skin/images/ifpoff.png) no-repeat; float:left; height:16px; color:#fff; cursor:pointer; margin-right:5px;}
#banner ul li.on{BACKGROUND:url(/skin/images/ifpon.png) no-repeat; COLOR:#fff; width:26px;  }

#banner_point{ z-index:9999; position:absolute; margin:0px; width:15%; height:20px; left:36%; bottom:0px;}
#banner_point ul li .pointLayer img{ width:61px; display:block; float:left; height:61px}

.ban img{ width:100%;}
.ban_m{ display:none;}
.ban_m img{ width:100%;}

#gotoTop{ position:fixed; right:1%; bottom:50px; width:50px; height:50px; cursor:pointer; text-indent:-999em; z-index:999999; box-sizing:border-box; background:url(/skin/images/to_top.png) no-repeat rgba(229,0,18,0.8) center; background-size:40%; border-radius:4%;}
#gotoTop:hover{ background-color:rgba(229,174,0,0.9);}





/*产品分类*/


/*zhuye anli*/
.wc1180{margin:0 auto;width:1180px;}
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}
.icon{background:url(/skin/images/icon.png) no-repeat 0 0;}

.warp-pic-list li{float:left;display:inline;}
.warp-pic-list .img_wrap{display:block;font-size:0;overflow:hidden;}
.warp-pic-list .text-area{background-color:#f2f2f2;line-height:24px;}
/*全局板块*/
.row .hd{background:url(/skin/images/hd-line_01.jpg) no-repeat 0 50px;height:55px;}
.row .hd .title{font:26px/40px "微软雅黑","Microsoft YaHei","黑体","SimHei";}
/*全局页签*/
.tab-T-3{width:66px;}
.tab-T-3 li{width:12px;height:12px;font-size:0;background-color:#dfdfdf;float:left;margin-left:10px;cursor:pointer;display:inline;}
.tab-T-3 li.cur{background-color:#d81c1b;}
/*热门车型*/
.rowE .warp-pic-list{position:relative;width:1180px;overflow:hidden;}

.anli ul{ margin-top:0;}
.rowE .count li{margin-right:28px;width:272px; border:1px solid #ccc; height:auto; overflow:hidden;}
.rowE .count .img_wrap{width:272px;height:200px;}
.rowE .count li .text-area{padding:10px 0 10px 15px;}
.rowE .count li .text-area  p{line-height:24px;height:24px;}
.rowE .count li:hover .text-area,.rowE .count li.hover .text-area{background-color:#d81c1b;color:#fff;}
.rowE .count .p-num{font-family:"Tahoma";font-weight:bold;}
.rowE .btn{display:block;height:55px;position:absolute;top:120px;width:35px;z-index:200;cursor:pointer;}
.rowE .prev{ background-position:0 -88px;left:0;}
.rowE .prev:hover{background-position:0 -144px;}
.rowE .next{ background-position:0 -200px;right:0;}
.rowE .next:hover{background-position:0 -256px;}



.rowE .count li h4{ margin:0 5px; padding:5px 0; border-bottom:1px dashed #ccc;}
.rowE .count li h4 a{ display:block; text-align:center; font-size:14px; color:#333;white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}

.home_case_p{ padding:10px 5px;}


/*i_pro*/
.container{color:#666;}
.container a{color:#666;}
.roll_List{color:#666;}
.roll_List a{color:#666;}
.container li a{display:block;}
.ititbar{text-align: center; background: url(/skin/images/protit.jpg) no-repeat center 80px; padding: 15px 0;}
.ititbar h3{font-size: 2.5em; line-height: 1.5em; color: #333;}
.ititbar p{font-size: 1.2em; text-transform: uppercase; text-align:center;}
ul.pro_con{}
.pro_con *{transition: all .2s;}
.pro_con li{text-align: center;}
.pro_con a{display:block; text-align:center;}
.pro_con li>a{line-height: 0; position: relative;}
.pro_con li>a img{height: 200px;}
.pro_con li>p{line-height: 2em; padding: 5px 0; border-bottom: 3px solid #c9c9c9;}
.pro_con li:hover>p{border-bottom-color: #d00;}
.pro_con li:hover a{color:#d00;}
/*i_news*/

/*iabout*/


.max1200{width:100%; max-width:1200px; margin:0 auto;}
/*ul li*/
.col2, .col3, .col4, .col5, .col6, .col7, .col8, .colm2, .colm3, .colm4, .colm5, .colm6{overflow: hidden;}
.col2>li, .col3>li, .col4>li, .col5>li, .col6>li, .col7>li, .col8>li, .colm2>li, .colm3>li, .colm4>li, .colm5>li, .colm6>li{float: left;}
.col6>li{width: 16.6%;}
.col7>li{width: 14.2%;}
.col8>li{width: 12.5%;}
.col5>li{width: 20%;}
.col4>li{width: 25%;}
.colm2{margin-left: -3%;}
.colm2>li{width: 47%; margin-left: 3%; margin-bottom: 25px;}
.colm3{margin-left: -4%;}
.colm3>li{width: 29.3%; margin-left: 4%; margin-bottom: 25px;}
.colm4{margin-left: -2%;}
.colm4>li{width: 23%; margin-left: 2%; margin-bottom: 20px;}
.colm5{margin-left: -2%;}
.colm5>li{margin-left: 2%; margin-bottom: 20px; width: 18%;}
.container,.wrapper{width: 100%; max-width: 1600px; margin: 0 auto; }
.pad{padding: 15px 0;}
.w30{width: 32%;}
/*返回顶部*/
.toolbar-item, .toolbar-layer{background: url(/skin/images/toolbar.png) no-repeat;}
.toolbar{position: fixed; right: 0px; bottom: 50px;}
.toolbar-item{display: block; width: 52px; height: 52px; margin-top: 1px; position: relative; -moz-transition: background-position 1s; -ms-transition: background-position 1s; -o-moz-transition: background-position 1s; -webkit-moz-transition: background-position 1s; transition: background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity: 1; filter: alpha(opacity=100); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);}
.toolbar-item-weixin{background-position: 0 -798px;}
.toolbar-item-weixin:hover{background-position: 0 -860px;}
.toolbar-item-weixin .toolbar-layer{height: 180px; background-position: 0 0;}
.toolbar-item-top{background-position: 0 -674px;}
.toolbar-item-top:hover{background-position: 0 -736px;}
.toolbar-layer{position: absolute; right: 45px; bottom: -55px; width: 150px; opacity: 0; filter: alpha(opacity=0); transform-origin: 95% 95%; -moz-transform-origin: 95% 95%; -ms-transform-origin: 95% 95%; -o-transform-origin: 95% 95%; -webkit-transform-origin: 95% 95%; transform: scale(0.01); -moz-transform: scale(0.01); -ms-transform: scale(0.01); -o-transform: scale(0.01); -webkit-transform: scale(0.01); transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-transition: all 1s;}
.page{width:100%; display: block; margin: 0 auto; text-align: center; padding: 30px 0px; overflow: hidden; line-height:28px;}
.page span{color: #222; border: 1px #dcd2d2 solid; padding:2px 15px; margin-right:5px; display:inline-block;}
.page a{padding:2px 15px; margin-right:5px; display: inline-block; text-align: center; border: 1px #dcd2d2 solid; color:#222;}
.page a:hover{color:#fff; background:#e60717; border:1px solid #e60717;}
.page .cur{background-color: #323232; color: white;}
.copyrights{display: none;text-align: center;color: #eee;padding: 5px 0;}

.banner2{ display:none;}
.banner2 a img{ width:100%;}

@media(max-width: 1200px) {
	
	
	.hproducts_button{padding:0 8px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box; width:100%;margin-top:20px;}
	
	
	
	}
@media(max-width: 1024px) {
	/*header*/
	.t_banner {
	padding:15px 0;
}
.logo {
	height: 50px;
}
.navbar {
	font-size: 14px;
}
/*footer*/
	.blogo {
	width: 18%;
	padding:15px 10px 5px;
}
.copyright {
	padding:0 3%;
}
}
.footbtn {
	display: none;
}

@media(max-width: 992px) {

.logo{ width:510px;}
.t_banner .tel .phone_num{ font-size:1.7em;}
/*banner */

}

@media(max-width: 768px) {
	.logo {
	width: 99%;
}
.t_banner {
	padding:10px 0;
}
.t_banner .tel {
	display: none;
}
.nav > li > ul,.nav > li:hover > ul {
	display: none;

}
@media(max-width: 360px) {
	.navbar a {
	line-height: 22px;
	height: 45px;
}

}


/*-------------------Mobile style-------------------*/
@media(max-width: 1200px) {
.prevbtn { left: 0px; }
.nextbtn { right: 0px; background-position: -30px center; }
}

@media(max-width: 1024px) {
.sidebar { display: none; }
.main { float: none; width: 100%; }
.tabmenu { display: block; }
}
.v768 { display: none; }

@media(max-width: 768px) {
.pad, .content { padding: 10px 0; }
.v768 { display: block; }
.h768 { display: none; }
/*Index*/
.banner { display: none; }
.ititbar { background: url(/skin/images/protit.jpg) no-repeat center center; padding: 10px 0; }
.ititbar h3 { font-size: 2em; }
.ititbar p { display: none; }
.pro_con li { width: 31.3%; }
.pro_con li > a img { height: 140px; }
.w65, .w30, .news_con ul li { float: none; width: 100%; }
.hotnews { display: none; }
.i_about { display: none; }
.case_article img { max-width: 100%; }
.imglist.colm4 li, .imglisth.colm4 li, .caselist.colm4 li { width: 31.3%; }
.imglist.colm3 li, .imglisth.colm3 li { width: 48%; }
.prevbtn, .nextbtn { top: 20%; }
.rolllist li img { width: 240px; height: 170px; }
.infor_text, .infor_img { width: 100%; float: none; }
.infor_img { max-width: 500px; }
.caselist li > a p { line-height: 1.5em; height: 48px; }
}

@media(max-width: 480px) {
.pro_con li { width: 48%; }
.news_list li > .fl, .case_list li > a.fl { display: none; }
.news_list li > .fr, .case_list li > div.fr { float: none; width: 100%; }
.related_links li { width: 97%; }
.imglist.colm4 li, .imglisth.colm4 li, .caselist.colm4 li { width: 48%; }
}
   

/*产品分类*/