.body, input, select, textarea, button{ font-family: Microsoft Yahei, "黑体","Times New Roman"; }
body, h1, h2, h3, h4, p, ul, ol, dd, dl, dt, form { margin: 0px; padding: 0px; }
header, footer, article, section, nav, menu, hgroup { display: block;text-align: center; }
img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0; }
ul { padding-left: 0; list-style-type: none; }
a { color: #333; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-decoration: none; outline: 0; border: 0; vertical-align: baseline;}
em,i{ font-style: normal; }
.clearfix:after {content: "";height: 0;line-height: 0;display: block;visibility: hidden;clear: both;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
input,select,textarea{ font-size: 14px; color:#333; outline: 0; border: none; -webkit-box-sizing :border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
input[type=button],input[type=reset],input[type=submit],select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=button],input[type=reset],input[type=submit]{ cursor: pointer; }
::-webkit-input-placeholder{ color: #999; }
::-moz-placeholder{ color: #999; }
::-ms-input-placeholder{ color: #999; }
body { font-size: 15px; line-height: 1.2; color: #333; background-color: #FFF; }
.box { max-width: 1366px; margin: 0 auto;  *zoom:1; _zoom:1; zoom:1;}
.boxs { max-width: 1440px; margin: 0 auto; overflow: hidden; *zoom:1; _zoom:1; zoom:1;}

.top{ clear: both; overflow: hidden; padding: 15px 0; }
.top .logo{ float: left; }
.top .logo a{ display: block; }
.top .tel{ float: right;}
.top .tel img{ margin-top: 10px; }

.pro_show{ width:100%; margin:40px auto;}
.pro_tit{ text-align:center; height:36px; font-size:36px; font-weight:bold;}
.pro_show p{ text-align:center; font-size:16px; margin:10px auto;}
.pro_show p i{ padding:0 10px;}
.pro_show ul{ clear:both; overflow:hidden; width:100%; margin-top:20px;}
.pro_show ul li{ float:left; width:24%; margin:0 0.5%; text-align:center; overflow:hidden;}
.pro_show ul li a{ display:block; overflow:hidden;}
.pro_show ul li img{ width:100%; transition:0.5s;}
.pro_show ul li:hover img{transform:scale(1.1);}

.pro_show ul li p{ line-height:40px; color:#444; margin:0; background-color:#F3F3F3;}
.shows{ padding:30px 0; background-color:#F3F3F3;}
.shows ul li p{ background-color:#FFF;}

.banner ul li .img_m,.ban-index, .m-banner{display: none;}
.banner ul li .ifirst{display:block;}
.index_pro{text-align: center; margin-bottom: 50px;}
.index_pro h1{font-size: 40px;}
.index_pro ul{margin-left: -3%;}
.index_pro ul li{float: left; width: 30.3%; margin-left: 3%; margin-bottom: 10px;}
.index_pro ul li a{display: block; overflow: hidden;}
.index_pro>p{margin-bottom: 40px; font-size: 18px;}
.index_pro ul li h4{font-size: 16px; font-weight: 100; line-height: 40px;}
.index_pro ul li img{transition: all 0.5s ease; width: 100%;    height: 250px;}
.index_pro ul li img:hover{transform:scale(1.1) translate(0,-5px);}
.index_pro .index_name{ font-size:40px; font-weight:bold; text-align:center;}

.index_pro>p {
    margin-top: 20px;
    font-size: 18px;
}
.cont1 h1{font-size: 36px; text-align: center; color: #222; margin: 10px auto;}
.cont1{ max-width:1200px; overflow:hidden; margin:-20px auto 0px;}
.cont1 p{font-size:16px; text-indent:2em;}
.cont1 dl{ margin:30px auto 0;}
.cont1 dl dd{ font-size:16px; padding-top:20px; overflow:hidden;}
.cont1 dl dt{ float:left; width:50%;margin-right:40px;}
.cont1 dl dt img{ width:100%; height:auto; }
.cont1 dl dd p{ line-height:10px;margin-bottom:18px;font-size:16px; text-indent:0;}
.cont1 dl dd p.conlist{ margin-top:40px;}
.cont1 dl dd p img{ vertical-align:middle; margin-top:-5px;margin-right:5px;}
.cont1 dl strong a{font-size:28px; color:#ed2d21; background:none;}
.cont1 dl .zixun1 a{padding:16px 50px; line-height:3em; height:3em; background:#eb0001; *display:block; *text-align:center; *line-height:1.5em; *height:1.5em;color:#FFF; font-size:18px; }
.cont1 dl .zixun1 img{ vertical-align:middle; margin-right:5px;}
.cont1 dl .zixun1 {display:block; margin-top:20px;font-size:18px;color:#ffffff;}
.foot_yd{ display:none;}
.foot_lx{border-bottom:#efeff4 solid 15px;padding:25px 1.5%}
.foot_talk,.foot_tel{width:100%}
.foot_talk a{display: block;padding: 6px;font-size:22px;color: #fff;text-align: center;    background: url(../images/tell.gif) no-repeat center;border-radius: 14px;}
.foot_tel{text-align:center;font-size:20px;color:#2b2b2b;margin-top:20px}
.foot_tel a{color:#eb0001;margin-left:10px;font-size:24px;}
.foot_db{margin-top:10px;padding:0 1.5% 20px;text-align:center}
.foot_nav{overflow:hidden;display: inline-block;}
.foot_nav li{float: left;padding: 0 10px;border-right: 1px solid #303030;line-height: 18px;font-size: 16px;}
.foot_nav li a{display:block}
.foot_nav li:last-child{border-right:none 0}
.foot_copy{margin-top:18px;text-align:center;}
.foot_copy p,.foot_copy p a{line-height: 30px;font-size: 16px;color:#444}
.foot {
    padding: 8px 0;
    color: #fff;
    line-height: 23px;
    text-align: center;
    background: #2b364c;
}
/** 导航 下拉**/
.nav {
    clear: both;
    background-color: rgb(12, 43, 71);
    overflow: hidden;
}
.nav ul li a:hover {
    border-bottom: 1px solid rgb(229, 0, 18);
}
.nav ul li {
    float: left;
    width: 14.2%;
    text-align: center;
}
.nav ul li a.nav-select {
    color: rgb(255, 255, 255);
    background-color: rgb(229, 0, 18);
    border-bottom: 1px solid rgb(229, 0, 18);
}
.nav { height: 63px;
    line-height: 63px;
    width: 100%;
    margin: 0 auto;
    overflow: inherit;
    font-size: 16px;
    text-align: center;
}
.navul { list-style-type: none; }

    .navul li {     font-size: 16px;
    display: inline-block;
    float: left;
    width: 12.4%;
    text-align: center; _z-index: 2000; }
.li1 { float: left; width: 126px; text-align: center; font-weight: bold; height: 34px; line-height: 34px; background: #e50012; }
.li0 { }
.navul li.singleactive { z-index: 2000; position: relative; background #e50012; }
.navul li.navlmactive { z-index: 2000; background: #e50012; }

.navul a { padding-bottom: 3px;  float: none; padding-top: 3px; color: #fff; }
.navul li.first { background: none transparent scroll repeat 0% 0%; }
.list01 { display: none; background: #f8f8f8; line-height: 33px;}

.plist { width: 1210px; background:#fff repeat-x left bottom;  }
.list01 a { color: #3d3d3d; }
.navul li.navlm:hover { z-index: 5000 !important; position: relative;  background: #e50012;  }
.dropdowntriple { display: none; }

.navul li.navlm:hover .dropdowntriple { z-index: 2000; position: absolute; display: block; top: 40px; left: 0px; }
.navul li.single:hover {     background: #e50012}
.navul li:hover ul li a { background: none transparent scroll repeat 0% 0%; }
.navul li:hover dt a { background: #f8f8f8; }
    .navul li:hover dt a:hover { background: #cc0000; color: #fff; }

.navul li:hover .plist { z-index: 1200; position: absolute; display: block; top: 63px; left: -236px; }

.navul li:hover .ndropdown { z-index: 1200; position: absolute; display: block; top: 63px; left: 0px; }

.ndropdown { width: 100%; }

.navul li.navlm:hover .gdropdown { z-index: 1000; position: absolute; display: block; top:63px; left: 0px; width:100%; }



#banner_list .bnone { display: none; }






.list01 li { text-align: left; padding: 0px; margin: 10px 0px 0px; width: 178px; background: url(../images/dpdivider.jpg) no-repeat right top; float: left; font-size: 12px; }
    .list01 li ol { }
        .list01 li ol li { padding: 0px; line-height: 20px; margin-top: 1px; padding-left: 20px; background: none transparent scroll repeat 0% 0%; margin-left: 10px; margin-right: 10px; _margin-right: 0px; _margin-left: 10px; color: #666; }
            .list01 li ol li .rd { /*color:#035fa3;*/ }
            .list01 li ol li b { font-size: 16px; font-family: "微软雅黑"; color: #000000; height: 24px; line-height: 24px; width: 100px; margin-bottom: 20px; }
            .list01 li ol li:hover { background: #cc0000; }
                .list01 li ol li:hover a { color: #fff; }
.list01 dt:hover a { color: #cc0000; font-size: 14px; }
.list01 li:hover { background: url(../images/dpdivider.jpg) no-repeat right bottom; }

.list01 li ol li a { margin-left: 3px; float: left; }
.list01 li ol li span { background-position: center center; float: left; background-image: url('../images/hot3.gif'); background-repeat: no-repeat; width: 30px; height: 24px; }

li.feilei1 { width: 220px; }
    li.feilei1 li { width: 138px; }

li.feilei2 { width: 190px; }
    li.feilei2 li { width: 120px; }

li.feilei3 { width: 190px; }
    li.feilei3 li { width: 120px; }

li.feilei4 { width: 200px; height: 375px; }
    li.feilei4 li { width: 170px; }

li.feilei5 { width: 200px; background: none transparent scroll repeat 0% 0%; }

.list01 li.feilei5:hover { background: none transparent scroll repeat 0% 0%; }

.list01 li ol li.dpb a { color: #cc0000; font-weight: bold; }

.list01 li ol li.dpb:hover a { color: #cc0000; cursor: default; }

.list01 dt a { line-height: 25px; font-size: 14px;     display: block;}
li.dropbottom { text-align: right; line-height: 26px; width: 460px; padding-top: 5px; float: right; color: #fff; }
    li.dropbottom a { display: inline; }
.list_con ul { overflow: hidden; width: 100%; }

    .list_con ul li { width: 120px!important; width: 120px; height: 26px; +height:25px; _ height:26px; line-height: 27px; float: left; text-align: left; margin-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#foot { background: url(../images/bottom_bg.jpg) repeat-x left top; margin-top: 20px; }
#footer_feilei { padding: 0px 0px 5px 0px;; margin-top: 30px; margin-bottom: 15px; }
    #footer_feilei li { float: left; padding: 0 0px; }
        #footer_feilei li.first { margin-left: 40px; }
        #footer_feilei li dl dt { font-size: 14px; font-weight: bolder; margin-bottom: 15px; }
        #footer_feilei li dd { line-height: 25px; padding-left: 10px; width: 100%; }
.fenleia1 { width: 260px!important; width: 230px; }
.fenleia2 { width: 165px!important; width: 150px; background: url(../images/right_x.gif) no-repeat 120px bottom; }
.fenleia3 { width: 165px!important; width: 150px; background: url(../images/right_x.gif) no-repeat 120px bottom; }
.fenleia4 { width: 165px!important; width: 150px; background: url(../images/right_x.gif) no-repeat 120px bottom; }
.fenleia5 { width: 165px!important; width: 150px; background: url(../images/right_x.gif) no-repeat 120px bottom; }
.fenleia6 { width: 80px; }
/** 导航 下拉  结束 **/

/** 导航 下拉  结束 **/


.m-top{ display: block; height: 88px; text-align: left; }
.m-top img{ height: 38px; margin-top: 25px; }
.menu{ clear: both; overflow: hidden; border-top: 0px solid #293f9e; border-bottom: 0px solid #293f9e; background-color: #293f9e; }
.menu ul li { float: left; width: 24.75%; line-height: 32px; text-align: center;}
.menu a {color: #fff;}  
.menu ul li a:hover{ color: #E50012; }
.m-top, .menu{ display: none; }
#gotoTop { display: none; position:fixed; bottom: 60px; right: 25px; transition:background 0.5s; text-decoration: none; overflow: hidden; width: 60px; height: 60px; z-index: 999; cursor: pointer; background: url(../images/totop.png) top left no-repeat; }
.footer{ clear: both; overflow: hidden; color: #FFF; font-size: 15px; text-align: center; line-height: 1.8;  padding-top: 3px; }
.footers{ padding: 25px 0; background-color: #0c2b47;}
.footer .link span{ display:inline-block}
.footer a{ display:inline-block; color:#c8c6c6; padding-right: 2px;}
.footer a:hover{ color:#FFF;}


.index-pro{ clear: both; overflow: hidden; }
.index-name{ position: relative; clear: both; overflow: hidden;  margin: 40px 0; height: 90px; }
.index-name span{ position: absolute; left: 36%; top: 0; color: #EFEFEF; font-size: 80px; font-family: Arial; font-weight: bold; }
.index-name h1{ position: absolute; left: 42.5%; top: 44px; text-align: center; font-size: 38px; font-weight: normal; }
.index-name i{ position: absolute; right:-55px; top:82%; width:50px; height: 3px; background-color: #E50012; }
.index-pro ul{ clear: both; overflow: hidden; }
.index-pro ul li{ position: relative; float: left; width: 33.3%; background-color: #F2F2F2;padding:30px; box-sizing: border-box; }

.index-pro ul li .pro-pic{  width: 100%;position: relative; }
.index-pro ul li .pro-arrow{ position: absolute; bottom: 0; left: 50%; width: 18px; height: 14px; background:url(../images/icon-arrow01.png) top left no-repeat;  }
.index-pro ul li .pro-pic img{ width: 100%; }
.index-pro ul li .pro-main{width: 100%;margin-top: 30px;}
.index-pro ul li .pro-main h3{ font-size: 24px; font-weight: normal; margin-bottom: 10px;  }
.index-pro ul li .pro-main h3 a{ padding-right: 20px; background:url(../images/ico-arrow10.png) right 16px no-repeat;}
.index-pro ul li .pro-main p{ font-size: 15px; line-height: 35px;padding-left: 24px; background: url(../images/tb-video.png) center left no-repeat; margin-left: 5px;}
.index-pro ul li .pro-main p a{ display: block; color: #666; }
.index-pro ul li .pro-type{ position: absolute; bottom: 15px; left: 54%; width: 64px; height: 64px;  }
.index-pro ul li .pro-type01{ background: url(../images/ico-type01.png) top left no-repeat; }
.index-pro ul li .pro-type02{ background: url(../images/ico-type03.png) top left no-repeat; }
.index-pro ul li .pro-type03{ background: url(../images/ico-type08.png) top left no-repeat; }
.index-pro ul li .pro-arr{ position: absolute; bottom: 28px; right: 20px; }

.index-pro ul li:hover{ background-color: #D4231D; }
.index-pro ul li:hover .pro-arrow{ background:url(../images/icon-arrow02.png) top left no-repeat; }
.index-pro ul li:hover .pro-type01{ background:url(../images/ico-type02.png) top left no-repeat; }
.index-pro ul li:hover .pro-type02{ background:url(../images/ico-type04.png) top left no-repeat; }
.index-pro ul li:hover .pro-type03{ background:url(../images/ico-type09.png) top left no-repeat; }
.index-pro ul li:hover h3 a{ color: #FFF; }
.index-pro ul li:hover p a{ color: #FFF; }
.index-pro ul li:hover .pro-main p{ padding-left: 16px; }
.index-pro ul li:hover .pro-main p.selected{ background: url(../images/ico-arrow09.png) center left no-repeat; padding-left: 16px; }

.index-pro ul li:hover .pro-main h3 a{ background-image:url(../images/ico-arrow11.png);}

.index-rec{ clear: both; overflow: hidden; padding-bottom: 70px; margin-top: 70px; background:url(../images/bg-pro.jpg) top center no-repeat; }
.names span{ color: rgba(255,255,255,0.1); }
.index-name h1{position: absolute; left: 42.5%; top: 44px; color: #222; text-align: center; font-size: 38px; font-weight: normal;}
.index-name h2{ position: absolute; left: 42.5%; top: 44px; color: #222; text-align: center; font-size: 36px; font-weight: normal; }
.names h2{ color: #FFF; }
.index-show{ position: relative; clear: both; overflow: hidden; }
.shows{ width: 82%; margin:0 9%; text-align: center;  background-color: #FFF;}
.index-show .prev{ position:absolute; width:40px; height:80px; cursor:pointer; top:40%; left:0; background:url(../images/ico-arrow04.png) no-repeat;}
.index-show .next{ position:absolute; width:40px; height:80px; cursor:pointer; top:40%; right:0; background:url(../images/ico-arrow05.png) no-repeat;}
.change{ clear: both; overflow: hidden; background-color: #FFF; }
.show-pic{ position: relative; float: left; width: 55%; }
.show-pic a{ display: block; }
.show-pic a img{ width: 100%; }
.show-pic span{ position: absolute; top: 0; right: 0; }
.show-info{ float: right; width: 45%; text-align: left; padding: 30px 50px 20px 30px; box-sizing: border-box; }
.show-info h3{ font-size: 24px; margin-bottom: 20px;}
.show-info h3 a{ color: #222; padding-right: 22px; background:url(../images/ico-arrow10.png) right 16px no-repeat;}
.show-info p{ color: #666; font-size: 15px; line-height: 28px; }
.show-info ul{ clear: both; overflow: hidden; margin:35px 0; }
.show-info ul li{ float: left; width: 23.3%; margin:0 5%; text-align: center; }
.show-info ul li img{ display: block; margin:0 auto 10px; }
.show-info ul li b{ display: block; color: #060606; font-size: 15px; font-weight: normal; line-height: 1.6; }
.show-info ul li em{ display: block; color: #D81E06; font-size: 16px; line-height: 1.6; }
.show-info p strong{ float: left; color: #333; width: 80px; height: 50px; }
.show-info p i{ overflow: hidden; }
.show-info span{ display: block; float: right; width: 30%; height: 36px; line-height: 36px; border-radius: 6px; text-align: center; color: #FFF; font-size: 15px; cursor: pointer; margin-top: 20px; background-color: #D11C17; }

.index-line{ clear: both; overflow: hidden; }
.index-line ul{ clear: both; overflow: hidden; margin-left: -2%; }
.index-line ul li{ position: relative; float: left; width: 31.3%; padding-bottom: 70px; margin-left: 2%; border-bottom: 2px solid #DD130C; }
.index-line ul li a{ display: block; }
.index-line ul li .line-info{ position: absolute; left:0; right:0; bottom:0px;background-color: #F8F8F8; padding: 20px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}
.index-line li .line-info h3{ text-align:center; font-size: 18px; line-height: 30px; }
.index-line li .line-info p{ overflow: hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s; color: #333; font-size: 15px; height: 0; padding-left: 30%;}
.index-line li:hover .line-info p{ height:30px; line-height: 30px; }

.index-about{  clear: both; overflow: hidden; padding-bottom: 70px; margin-top: 70px; background:url(../images/bg-about01.jpg) top center no-repeat; }
.index-about ul{ clear: both; overflow: hidden; margin-top: 30px; 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: 36px; }
.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%;}

.index-news{ clear: both; overflow: hidden;display: block; }
.news-show{ clear: both; overflow: hidden; margin-top: 10px; }
.news-pic{ float: left; width: 44%; margin-right: 2%; }
.news-pic a{ display: block; }
.news-pic a img{ width: 100%; height: auto; }
.pic-con{ padding: 25px 30px 35px 20px; background-color: #0c2b47; box-sizing: border-box; }
.pic-data{ float: left; color: #C4C4C4; font-size: 16px; width: 90px; text-align: center; margin-right: 10px; }
.pic-data b{ display: block; font-size: 38px; }
.pic-info{ overflow: hidden; color: #F2F2F2; }
.pic-info h3{ font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #505050; }
.pic-info h3 a{ color: #F2F2F2; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pic-info p{ font-size: 14px; line-height: 27px; height: 120px\0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.news-show ul{ float: right; width: 53%; margin-top: 8px; }
.news-show ul li{ float: left; width: 100%; }
.news-show ul li .news-tit{ font-size: 15px; height: 20px; line-height: 20px; padding: 10px 0 14px; border-bottom: 1px solid #D7D7D7; margin-bottom: 12px; }
.news-show ul li:last-child .news-tit{ border-bottom: none; }
.news-show ul li .news-tit a{ float:left; color: #444; width:84%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news-show ul li .news-tit a:hover{ color: #DD130C; }
.news-show ul li .news-tit a.tit-cur{ color: #DD130C; font-size: 18px;}
.news-show ul li .news-tit span{ float:right; color: #666; font-size:14px;}
.news-show ul li p{ font-size: 14px; line-height: 24px; background:url(../images/ico-arrow06.png) no-repeat top right; }
.news-show ul li p a{ color: #888; padding-right:20%; margin: 10px 5px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 27px; height: 60px\0; }

.index-qw{ clear: both; overflow: hidden; margin-top: 70px; margin-bottom: 40px; background:url(../images/bg-qw.jpg) no-repeat top center; }
.qw-show{ margin-top: 320px; }
.qw-show h2{ color: #DD130C; height: 38px; line-height: 38px; }
.qw-show h2 img{ width: 38px; height: auto; margin-right: 15px; }
.qw-show01{ float: left; width: 48%; margin-right: 2%; }
.qw-show01 ul{ clear: both; overflow: hidden; margin-top: 40px; }
.qw-show01 ul li{ float:left; width:100%; font-size: 16px; background: url(../images/ico-list01.png) no-repeat left center;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
    box-sizing:border-box; transition:all ease 0.5s; text-decoration: none; border-bottom: 1px solid #EFEFEF; padding: 15px 5px 15px 40px;}
.qw-show01 ul li a{ color: #666; }
.qw-show02 ul li a{ color: #666; }
.qw-show01 ul li:last-child{ border-bottom: none; }
.qw-show01 ul li:hover{ background: url(../images/ico-list02.png) no-repeat left center;}
.qw-show01 ul li:hover a{ color: #DD130C; }
.qw-show02{ float: right; width: 48%; margin-left: 2%; }
.qw-show02 h2{ text-align: right; }
.qw-show02 h2 img{ margin-right: 0; margin-left: 15px; }
.qw-show02 ul{ clear: both; overflow: hidden; margin-top: 40px; }
.qw-show02 ul li{ float:left; width:100%; font-size: 16px; text-align: right; background: url(../images/ico-list03.png) no-repeat right center;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
    box-sizing:border-box; transition:all ease 0.5s; text-decoration: none; border-bottom: 1px solid #EFEFEF; padding: 15px 40px 15px 5px;}
.qw-show02 ul li:last-child{ border-bottom: none; }
.qw-show02 ul li:hover{ background: url(../images/ico-list04.png) no-repeat right center;}
.qw-show02 ul li:hover a{ color: #DD130C; }


/*product*/
.product{ clear: both; overflow: hidden; background: url(../images/bg-position.jpg) #EEE no-repeat top center; }
.position{ color: #FFF; padding-left: 25px;margin: 15px; background: url(../images/icon-home.png) no-repeat left center;}
.news-crumbs{margin:30px 0 35px;}
.position a{ color: #FFF; }
.position a:hover{ color: #E50012; }
.product-show{ clear: both; overflow: hidden; margin: 50px auto; }
.product-pic{ float: left; width: 55%; }
.product-pic img{ border: 4px solid #FFF; border-radius: 4px; }
.product-info h1{ color: #FFF; font-size: 34px; margin-top: 25px; }
.product-info p{ color: #555; font-size:14px; line-height:1.6; margin-bottom:15px;}
.product-info p strong{ float: left; color: #E50012; font-size: 16px; }
.product-info p i{ display: block; overflow: hidden; }
.product-info p.pro-ys{  font-size: 14px; margin: 80px 0 16px 0; }
.product-info p.pro-ys b{ display: inline-block; color: #FFDF01; font-size: 16px; font-weight: normal; width: 52px; height: 34px; text-align: center; margin-right: 20px; background:url(../images/ico-ys.png) left center no-repeat; }
.product-info ul{ clear: both; overflow: hidden; padding: 15px 0 15px; margin: 20px 0 20px -1.5%; background-color: #FFF; border-radius: 40px 0 40px 0; transform:translateY(-6px); -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); box-shadow:-2px 2px 7px 0 rgba(0,0,0,.1); -webkit-box-shadow:-2px 2px 7px 0 rgba(0,0,0,.1); -moz-box-shadow:-2px 2px 7px 0 rgba(0,0,0,.1);  }
.product-info ul li{ float: left; color: #020202; font-size: 16px; width: 48%; line-height: 1.4; padding: 0 10px; text-align: center; margin-left: 1.5%; border-radius: 6px; box-sizing: border-box; }
.product-info ul li img{ display: block; margin: 0 auto; }
.product-info ul li p{ color: #020202; font-size: 16px; font-weight: bold; margin-top:5px; }
.product-info ul li b{ display: block;  font-weight: normal; margin-top: 10px; }
.pro-tel{ float: right; width: 40%; padding-left: 50px; background:url(../images/ico-tel.gif) left center no-repeat; background-size: 40px;}
.pro-tel span{ display:block; font-size:14px; color:#333; line-height:25px; }
.pro-tel p{ font-size:18px; color:#FF461F; line-height:1; font-weight:700;}
.pro-tel p em{ font-size:15px; display:inline-block; font-weight:700;}
.pro-btn{ float: left; width: 40%; line-height:50px; font-size: 18px; }
.pro-btn span{ display:block; color: #FFF; cursor:pointer; text-align:center; border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f41505',endColorStr='#ff461f',gradientType='1'); 
    background: -webkit-linear-gradient(left, #f41505,#ff461f);
    background: -o-linear-gradient(right, #f41505,#ff461f 30%,#ff461f);
    background: -moz-linear-gradient(right, #f41505,#ff461f 30%,#ff461f);
    background: linear-gradient(to right, #f41505,#ff461f 30%,#ff461f);
}
.pro-btn span a{color: #FFF; }
.product-main{ clear:both; padding-top:40px;overflow: hidden;}
.pro-l{ float:left; width:73%;font-size: 15px;line-height: 24px;}
.pro-r{ float:right; width:21%;}
.pro-fix{ clear:both; overflow: hidden; margin-bottom: 40px; }
.pro-fix ul{ margin-left: -1%; display: block;}
.pro-fix ul li{ float: left; width:24%; margin-left: 1%; border-top: 3px solid #EEE; background-color: #EEE; }
.pro-fix ul li a{ display: block; color: #2D2D2D; line-height: 52px; text-align: center; font-size: 20px; }
.pro-fix ul li:hover{ border-top: 3px solid #E50012;}
.pro-fix ul li:hover a{ color:#E50012; }
.pro-fix ul li.curr{ border-top: 3px solid #E50012;}
.pro-fix ul li.curr a{ color:#E50012; }
.pro-l h2{     font-size: 20px;
    color: #333;
    font-weight: normal;
    margin: 15px 0 15px;}
.pro-l h2 b{ font-size: 16px; color: #E50012;}
.pro-l p{ color: #666; font-size: 17px; line-height: 28px; text-indent: 2em; margin: 20px 0; }
.pro-l p video, .pro-l p img{ margin-left: -2em; }
.pro-line li{ overflow:hidden; background-color:#F8F8F8; margin-bottom:30px}
.pro-line li .line-pic{ float:left; width:250px; height:173px; overflow:hidden;background-color:#FFF; padding-right:20px}
.pro-line .line-pic img{ display:block; width:100%; height:100%; }
.pro-line .line-pic:hover img{opacity:.9;filter:alpha(opacity=90)}
.pro-line .line-txt{ overflow:hidden; padding:10px 20px;}
.pro-line .line-txt a{ display:block; font-size:18px; color:#E50012; line-height:34px;margin-bottom:5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro-line .line-txt p{ overflow:hidden; color:#2D2D2D; font-size:14px; line-height:24px; text-indent: 0; margin: 8px 0;}
.pro-line li:nth-child(2n) .line-pic{ float:right; padding-right:0; padding-left:20px}
.tabtit{overflow: hidden;}
.pro-l h3{font-size: 22px; color: #2D2D2D; font-weight: normal; padding-bottom: 8px; margin: 0px 0 0px;}
.pro-l .tabtit h3{float:left;}
.pro-l .tabtit h3:nth-of-type(1){margin-right:20px;}
.pro-l h3 b{color: #E50012;}
.tabtit .newActive,.tabtit h3:hover{color: #E50012;font-weight:700;}
.pro-l .xwmore_css{ float: right; color: #888; font-size: 14px;margin: 35px 0 20px; }
.pro-news{ clear: both; overflow: hidden; margin-left: -2%; margin-bottom: 20px; }
.pro-news li{ float: left; width: 48%; line-height: 40px; padding-left: 22px; box-sizing: border-box; margin-left: 2%; background:url(../images/ico-news.png) left center no-repeat;}
.pro-news li a{ display: block; color: #666; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pro-news li a:hover{ color: #DD130C; }

.pro-ser{ width: 100%; position: relative; padding-top: 50px; overflow: hidden;}
.pro-ser .ser-pic{ position: absolute; left: 25px; bottom: 20px; width: auto;}
.pro-ser .ser-info{padding: 30px 60px 5px 200px; overflow: hidden; background-color: #dae0ec;}
.pro-ser .ser-info ul{ width: 100%; overflow: hidden; padding-bottom: 15px; border-bottom: 1px dashed #F54233;}
.pro-ser .ser-info li{ float: left; width: auto; font-size: 18px; color: #111; margin-left: 10%;background: url("../images/ico-star.png") left center no-repeat; padding-left: 25px;}
.pro-ser .ser-info li:first-child{margin-left: 0;}
.ser-cont{ margin: 25px 0; line-height: 36px; }
.ser-cont b{ display: inline-block; font-weight: normal; height: 36px; padding-left: 44px; background: url("../images/pic-tel.png") left center no-repeat; }
.ser-cont b a{ color: #E50012; font-size: 25px; font-weight: bold; }
.ser-cont span{ float: right; color: #fd0517; font-size: 18px; line-height: 20px; padding: 8px 15px; border:1px solid #FD0517; border-radius: 6px; cursor: pointer; background-color: #FFF; }

.pro-about{ clear: both; margin-bottom: 10px; border:1px dotted #FEC4C8; }
.pro-tit{  text-align: center; width: 100%; }
.pro-tit img{ margin-top: -25px; }
.pro-name{ color: #FFF; font-size: 22px; font-weight: bold; text-align: center; width: 100%; height: 50px; line-height: 50px; background-color: #FA0012; }
.pro-about ul{ clear: both; overflow: hidden; padding: 10px 10px 0 10px;  border-top: none; box-sizing: border-box; }
.pro-list01 li{ float: left; width: 100%; margin-bottom: 10px; }
.pro-list01 li img{ width: 100%; height: auto; }
.pro-list01 li a:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.pro-list01 li a{ display: block; overflow: hidden; }
.pro-list01 li a:hover{ color: #2FD0B5; }
.pro-list01 li p{ text-align: center; color: #333; font-size: 15px; line-height: 40px; }
.pro-about ul.pro-list02{ padding: 0; }
.pro-list02 li{ color: #666; font-size: 15px; line-height: 50px; text-align: center;
    border-bottom: 1px dotted #FEC4C8;}
.pro-list02 li:last-child{ border-bottom: none; }
.pro-list02 li:hover a{ color: #DD130C; }

.pro-mold{ clear: both; overflow: hidden; text-align: center; margin-top: 40px; }
.pro-mold p{ display: inline-block;   margin: 0 15px; }
.pro-mold p span{ display: block; font-size: 19px; height: 60px; line-height: 60px; padding: 0 25px; border-radius: 35px; border:1px solid #EEE; background-color: #FFF; }
.pro-mold p span.pro-mold01{ padding-left: 90px; background: url("../images/pro-ico01.png") 25px center no-repeat;  background-size: 22%;}
.pro-mold p span.pro-mold02{ padding-left: 100px; background: url("../images/pro-ico02.png") 25px center no-repeat; background-size: 25%; }
.pro-mold p span.pro-mold03{ padding-left: 110px; background: url("../images/pro-ico03.png") 25px center no-repeat; background-size: 27%; }
.pro-mold p:hover span{ cursor: pointer; border-radius: 35px; border:1px solid #E50012; background-color: #E50012; }
.pro-mold p.selected span.pro-mold01 { color: #FFF; border:1px solid #E50012; background: url("../images/pro-ico04.png") 25px center #E50012  no-repeat; background-size: 22%;}
.pro-mold p.selected span.pro-mold02 { color: #FFF; border:1px solid #E50012; background: url("../images/pro-ico05.png") 25px center #E50012  no-repeat; background-size: 25%;}
.pro-mold p.selected span.pro-mold03 { color: #FFF; border:1px solid #E50012; background: url("../images/pro-ico06.png") 25px center #E50012  no-repeat; background-size: 27%;}

.pro-show{ clear: both; overflow: hidden; margin-top: 40px; }
.pro-show ul{ clear: both; overflow: hidden; margin-left: -1%; }
.pro-show ul li{ float: left; width: 24%; margin-left: 1%; margin-bottom: 30px; padding: 6px; box-sizing: border-box; background-color: #F2F2F2; }
.pro-show ul li a{ display: block; }
.pro-show ul li img{ width: 100%; height: auto; }
.pro-show ul li p{ font-size: 16px; text-align: center; padding: 16px 0 8px; }
.pro-mask{ position: relative; }
.pro-shade{ position:absolute; left:0; top:0; width:100%; height:100%; transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;    background: rgba(0,0,0,.4); opacity:0; filter:alpha(opacity=0)}
.pro-shade i{ position:absolute; width:120px; height:120px; left:50%; top:50%;margin-left:-75px; margin-top:-75px; background:url(../images/ico-big.png) center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; transition:.3s; -ms-transition:.3s;
    -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; opacity:0; filter:alpha(opacity=0)}
.pro-show ul li:hover{ background-color: #DDD; }
.pro-show ul li:hover p a{ color: #666; }
.pro-show ul li:hover .pro-shade{ opacity:1; filter:alpha(opacity=100)}
.pro-show ul li:hover .pro-shade i{ opacity:1; filter:alpha(opacity=100); width:64px;height:64px; margin-left:-35px; margin-top:-35px;}

/*news*/
.ban-show{ position:relative; height:300px; overflow:hidden;}
.ban-shows{ height:350px;}
.ban-cont{ height:auto;}
.ban-shows .ban-txt{ margin-top:120px;}
.ban-show .position{ position: relative; left: 0; top: 0; color: #222; }
.ban-show .position a{ color: #222; }
.ban-show .position a:hover{ color: #E50012; }
.ban-show img{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; max-width:none; height:auto;}
.ban-txt{ position:relative; left:0; color:#000; width:120px; padding:40px 50px; margin-top:60px; background:url(../images/ban-bg.png); }
.ban-txt b{ position: relative; color:#000; font-size:28px; font-weight:700; padding-bottom: 5px; border-bottom: 1px solid #E50012;}
.ban-txt b:after{ position:absolute; content:""; left:0; bottom:-2px; width:55px; height:3px;  background-color:#E50012; }
.con-tit, .con-tit a{ color:#222;}
.ban-txts{ background:url(../images/ban-bg01.png);}
.ban-txts b{ color: #FFF; }

.ban-top{ position:relative; height:160px; overflow:hidden;background-color: #DDD; }
.ban-top .news-p{ border-radius: 30px;background-color: #ffffff;line-height: 20px;-webkit-box-shadow: 0 3px 10px rgba(12,43,71,.15);-moz-box-shadow: 0 3px 10px rgba(12,43,71,.15);-ms-box-shadow: 0 3px 10px rgba(12,43,71,.15);-o-box-shadow: 0 3px 10px rgba(12,43,71,.15);box-shadow: 0 3px 10px rgba(12,43,71,.15);padding:20px 0;box-sizing: border-box;}
.ban-top .news-p b{ float:left; font-weight:normal;width: 10%;font-size: 20px;display: inline-block;padding-left: 30px;box-sizing: border-box;color: #4c546a;}
.ban-top .news-p b:before{content:'';width: 4px;height: 20px;background: url(../images/line.png) no-repeat left center;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 10px;}
.ban-top .news-p .news-lb{float: left;width: 90%;}
.ban-top .news-p .news-lb a{display: inline-block;float: left;width: 16.6%;text-align: center;font-size: 16px;color: #4c546a;border-right: 1px solid #dedfe0;box-sizing: border-box;}
.ban-top .news-p .news-lb a:last-child{border-right: none;}
.ban-top .news-p a:hover,.ban-top .news-p a.cur{ color: #e50012;background-image: -webkit-gradient(linear, 0 100%,100% 0, from(#0c2b47), to(#e50012));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;}

.news-main{ clear: both; overflow: hidden; margin-top: 50px; }
.news-main ul{ clear: both; overflow: hidden; margin-left: -2%; }
.news-main ul li{ float: left; width: 31.3%; margin-left: 2%; background-color: #F2F2F2; }
.news-main ul li a{ display: block; }
.news-main ul li a img{ width: 100%; }
.list-show{ position: relative; padding:15px; margin: 6px; margin-top: -36px; background-color: #FFF;  }
/* .list-show b{ display: block; line-height: 20px; color: #AAA; font-weight:normal; padding-bottom: 10px; border-bottom: 1px solid #DEDEDE; }
.list-show b img{ width: 20px; height: 20px; margin-right: 10px; } */
.list-show h3{ font-size: 17px; font-weight: normal; padding-bottom:10px; border-bottom: 1px solid #DEDEDE;}
.list-show h3 a{ color: #222;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.list-show h3 a:hover{ color: #E50012;}
.list-show p{ color: #999; line-height: 26px; height: 78px\0; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.news-lists{ clear:both; overflow:hidden; margin-top: 50px; margin-left:-2%;}
.news-list{ float:left; width:48%; line-height:32px; margin:0 0 30px 2%; padding:2%; box-sizing:border-box; background-color:#FAFAFA;}
.news-list:hover{ transform:translateY(-6px); -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); box-shadow:10px 16px 40px -24px rgba(0,36,100,.5); -webkit-box-shadow:10px 16px 40px -24px rgba(0,36,100,.5); -moz-box-shadow:10px 16px 40px -24px rgba(0,36,100,.5); box-sizing:border-box;}
.news-list .news-title{  width:100%; height:51px; line-height:36px; border-bottom:1px solid #DDD;}
.news-list h3{ float:left; font-weight:bold; height:50px; color:#222; border-bottom:3px solid #E50012;}
.news-list .news-title a{ float:right; font-size:14px;}
.news-list .news-title h3 a{ color:#222; font-size: 24px;}
.news-list .news-title a:hover{ color:#E50012; }
.news-list ul{ clear:both; overflow:hidden; margin-top:10px;}
.news-list ul li{ width:100%; height:40px; line-height:40px; overflow:hidden;}
.news-list ul li a{ float:left; color:#555; width:80%; font-size:15px; padding-left:15px; box-sizing: border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(../images/ico-arrow07.png) no-repeat left center;}
.news-list ul li a:hover{ color:#E50012; background:url(../images/ico-arrow08.png) no-repeat left center;}
.news-list ul li span{ float:right; color:#999; font-size: 14px; margin-left:10px;}

.news-con{ position:relative; clear:both; overflow:hidden; margin-top:40px;}
.con-pic{ float:left; width:36%;}
.con-pic a{ display:block;}
.con-pic a img{ width:100%; height:auto; vertical-align:middle; border-radius:4px;}
.con-info{ position:absolute; right:0; bottom:0; float:right; width:64%; padding:2% 2% 1.5% 3%; box-sizing:border-box; border:10px solid #F2F2F2; border-left:none
;}
.con-info h2{ display:block; width:50%; font-size:20px; padding-bottom:12px; margin-bottom:10px; border-bottom:1px solid #DEDEDE;}
.con-info h2 a{ color:#E50012;}
.con-info p{ color:#666; line-height:27px; font-size:15px; margin:5px 0;}
.con-info p strong{ float:left;}
.con-info p i{ display:block; overflow:hidden; color:#999;}
.con-info a{ display:block; }
.con-info a.news-btn{ display:block; color:#FFF; font-size:16px; width:120px; line-height:40px; margin-top:20px; text-align:center; border-radius:4px; background-color:#E50012; }
.con-info a.news-btn:hover{ font-weight:bold; }

.con-info ul{ clear: both; overflow: hidden; }
.con-info ul li{ float: left; width: 100%; line-height: 27px; font-size: 15px; margin: 1px 0;}
.con-info ul li img{ display: none; }
.con-info ul li b{ float: left; display: inline-block; color: #555; margin-right: 10px; }
.con-info ul li p{ display: block; overflow: hidden; margin:0; color: #999; }

.news-rank{ clear:both; overflow:hidden; margin-top:10px;}
.news-rank ul{ clear:both; overflow:hidden; margin-left:-4%;}
.news-rank ul li{ float:left; width:46%; margin-left:4%; margin-top:20px; padding-bottom:10px; border-bottom:1px solid #D9D9D9;}
.news-rank ul li h3{ font-size:16px; font-weight:normal; height:40px; line-height:40px; margin-bottom: 5px;float:left; color:#222; width:80%; padding-left:15px; box-sizing: border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  background:url(../images/ico-arrow07.png) no-repeat left center;}
.news-rank ul li h3:hover{  background:url(../images/ico-arrow08.png) no-repeat left center;}
.news-rank ul li h3:hover a{color:#E50012;}
.news-rank ul li span{ float:right; color:#999; font-size: 14px; margin-left:10px;line-height: 40px;}
.news-rank ul li p{ clear:both;color:#999; height:50px; line-height:25px; overflow:hidden; padding-left:15px;}

/*
.page{ width:100%; font-size:14px; line-height:40px; text-align:center; margin:30px auto 20px;}
.page a{ color:#999; margin-right:5px; padding:6px 12px; background:#FFF none repeat scroll 0 0; border:1px solid #DDD;}
.page a:hover{ color:#FFF; text-decoration:none; border:1px solid #E50012; background:#E50012 none repeat scroll 0 0;}
.page .current{ color:#FFF; text-decoration:none; margin-right:5px; padding:6px 12px; border:1px solid #E50012; background:#E50012 none repeat scroll 0 0;}
.disabled{ color:#999; margin-right:5px; padding:6px 12px; border:1px solid #DDD; background:#FFF none repeat scroll 0 0;}
*/
.news-rank .pagination{text-align:center}
.news-rank .pagination li{display:inline-block;margin:0 2px;float:left;width:37px;}
.news-rank .pagination li a,.active span{display:block;padding:0 12px;height:33px;line-height:31px;font-size:17px;color:#999;border:1px solid #e6e6e6}
.news-rank .pagination .active span,.pagination li a:hover{color:#fff;background-color:#E50012;border-color:#E50012}
#pages .disabled span{display:block;padding:0 12px;height:33px;line-height:31px;font-size:17px;color:#999;border:1px solid #e6e6e6}
#pages{width: 100%;text-align: center;padding: 50px 0 20px 30%;}
#pages ul li{border-bottom: 0;}

.pro-l h1{ font-size:30px; text-align:left; margin-bottom:20px;}
.news-infos h1{color: #0c2b47;font-size: 34px;}


/* .news-cue{padding:14px 25px 10px;background-color:#eee;font-size:14px;color:#413f3f;line-height:36px;overflow:hidden;margin-bottom:20px}
.news-cue b{ color:#FF461F; display:inline-block}
.news-cue span{ display:inline-block; vertical-align:top; height:36px; line-height:36px; background-color:#FF461F; background-repeat:no-repeat; background-position:10px center; padding-left:48px; padding-right:15px; background-image:url(../images/ico-kefu.png); color:#FFF; margin:0 8px}
.news-cue span:hover{opacity:.8;filter:alpha(opacity=80)}
.news-cue strong{font-size:22px; color:#FF461F; margin-left: 10px; vertical-align:top; display:inline-block} */

.news-cue{font-size: 18px;color: #4c546a;line-height: 28px;margin: 10px 0 24px;display: inline-block;}
.news-cue strong{color: #e50012;}

.news-content{background-color: #ffffff;border-radius: 40px 40px 0 0;-webkit-box-shadow:0 5px 40px rgba(0,0,0,0.05);-moz-box-shadow:0 5px 40px rgba(0,0,0,0.05);-ms-box-shadow:0 5px 40px rgba(0,0,0,0.05);-o-box-shadow:0 5px 40px rgba(0,0,0,0.05);box-shadow:0 5px 40px rgba(0,0,0,0.05);padding: 0 60px;box-sizing: border-box;}
.news-left{float: left;width: 63%;padding-top: 20px;line-height: 30px;    font-size: 16px;}
.news-left p{font-size: 18px;color: #4c546a;line-height: 2;text-indent: 0;}
.news-left p img,.news-left p video,.news-left p embed{width: 100%!important;height: auto;margin-left: 0!important;}
.news-left .news-xb{text-align: center;font-size: 16px;margin-top: -10px;}
.news-left .news-xb:before,.news-left .news-xb:after{content:'';width: 12px;height: 13px;background: url(../images/news-icon3.png) no-repeat;display: inline-block;}
.news-left .news-xb:before{margin-right: 12px;}
.news-left .news-xb:after{margin-left: 12px;}
.news-left>h3{font-weight: bold;font-size: 24px;line-height: 1.5;background: url(../images/news-tag.png) no-repeat left 10px;padding-left: 36px;margin: 20px 0;padding-bottom: 0;}
.news-left .get-price{display: inline-block;margin: 0 10px;background: url(../images/news-btn.png) no-repeat center;background-size: 100% 100%;color: #fff;padding:0 50px 0 15px;box-sizing: border-box;cursor: pointer;border-radius: 4px 17px 17px 4px;-webkit-box-shadow: 0 3px 6px -3px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 6px -3px rgba(0,0,0,.15);-ms-box-shadow: 0 3px 6px -3px rgba(0,0,0,.15);-o-box-shadow: 0 3px 6px -3px rgba(0,0,0,.15);box-shadow: 0 3px 6px -3px rgba(0,0,0,.15); }
.news-left .get-price b,.news-left .get-price span{color:#fff;}


.show-msg{-webkit-box-shadow: 0 3px 15px rgba(23,59,115,.15);-moz-box-shadow: 0 3px 15px rgba(23,59,115,.15);-ms-box-shadow: 0 3px 15px rgba(23,59,115,.15);-o-box-shadow: 0 3px 15px rgba(23,59,115,.15);box-shadow: 0 3px 15px rgba(23,59,115,.15);border-radius: 10px;;padding:42px 0 0 40px;box-sizing: border-box;position: relative;padding-bottom: 60px;margin-bottom: 90px;}

.show-msg strong{font-size: 34px;color: #333333;font-weight: bold;display: inline-block;line-height: 44px;position: relative;z-index: 1;}
.show-msg strong img{vertical-align: middle;margin-top: 5px;margin-right: 10px;}
.show-msg strong:after{content:'';width: 284px;height: 46px;background: url(../images/news-icon.png) no-repeat;position: absolute;left: 0;bottom: 0;z-index: -1;}
.show-msg p{font-size: 18px;color: #4c546a;line-height: 2;margin-top: 10px;padding-right: 40px;box-sizing: border-box;}
.show-msg p span{color: #E50012;}
.show-msg .msg-l{width: 47%;float: left;}
.msg-l li{border-radius: 10px;border: 1px solid #dedfe0;padding: 0 30px;box-sizing: border-box;position: relative;margin-bottom: 23px;}
.msg-l li img{position: absolute;left: 30px;top: 18px;width: 32px;height: auto;}
.msg-l li input,.msg-l li textarea{height: 60px;line-height: 60px;font-size: 16px;color: #5a6e8b;width: 100%;padding-left: 45px;box-sizing: border-box;}
.msg-l li.msg-area textarea{height: 140px;line-height: 2;padding-top: 10px;box-sizing: border-box;resize: none;}
.msg-btn{text-align: center;position: absolute;bottom: -25px;left: 50%;transform: translateX(-50%);}
.msg-btn input{font-size: 22px;background: transparent;color: #fff;cursor: pointer;display: inline-block;width: 430px;height: 50px;line-height: 50px;background: -moz-linear-gradient(left, #2d90c7 0%, #0b5884 100%);background: -webkit-linear-gradient(left, #2d90c7 0%,#0b5884 100%);background: -o-linear-gradient(left, #2d90c7 0%,#0b5884 100%);background: -ms-linear-gradient(left, #2d90c7 0%,#0b5884 100%);background: linear-gradient(to right, #2d90c7 0%,#0b5884 100%);filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2d90c7,endcolorstr=#0b5884,gradientType=0);-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#2d90c7,endcolorstr=#0b5884,gradientType=0);border-radius: 25px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;-webkit-box-shadow:0 4px 0 rgba(55,62,87,.3);-moz-box-shadow:0 4px 0 rgba(55,62,87,.3);-ms-box-shadow:0 4px 0 rgba(55,62,87,.3);-o-box-shadow:0 4px 0 rgba(55,62,87,.3);box-shadow:0 4px 0 rgba(55,62,87,.3);}
.msg-btn input:hover{background: -moz-linear-gradient(right, #2d90c7 0%, #0b5884 100%);background: -webkit-linear-gradient(right, #2d90c7 0%,#0b5884 100%);background: -o-linear-gradient(right, #2d90c7 0%,#0b5884 100%);background: -ms-linear-gradient(right, #2d90c7 0%,#0b5884 100%);background: linear-gradient(to left, #2d90c7 0%,#0b5884 100%);}

.msg-r{float: right;width: 46%;}

.msg-r .one{font-size: 18px;line-height: 28px;box-sizing: border-box;margin-left: 32px;color: #F43B47;background-image: -webkit-gradient(linear, 0 0, right 0, from(#0c2b47), to(#e50012));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;margin-bottom: 10px;}
.msg-r .one:before{content: '';width: 38px;height: 22px;background: url(../images/news-icon2.png) no-repeat ;display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 10px;}
.msg-r p{font-size: 16px;line-height: 26px;color: #5a6e8b;padding-right: 0;}

.xg-news{margin-bottom: 30px;}
.ab-title{margin-bottom: 20px;}
.ab-title .tab_click{float: left;width: 80%;position: relative;z-index: 1;}
.ab-title .tab_click li{float: left;display: inline-block;margin-right: 20px;cursor: pointer;}
.ab-title h3{font-size: 34px;line-height: 46px;color: #999999;margin: 0;display: inline-block;}
.ab-title h3 img{vertical-align: middle;margin-top: 5px;margin-right: 10px;display: none;}
.ab-title .on h3{color: #333333;font-weight: bold;}
.ab-title .on h3 img{display: inline-block;}
.ab-title .tab_click:after{content:'';width: 455px;height: 46px;background: url(../images/news-wz1.png) no-repeat;position: absolute;left: 0;bottom:10px;z-index: -1;}
.ab-title a{float: right;display: block;font-size: 18px;line-height: 36px;margin-top: 10px;}
.ab-title a:hover{color:#FF461F}
.dn{display: none;}

.xg-news .tab-con li{overflow: hidden;padding:12px 0;box-sizing: border-box;border-bottom: 1px dashed #dedfe0;}
.xg-news .tab-con li:last-child{border-bottom:none;}
.xg-news .tab-con li a{display: block;float: left;width: 80%;font-size: 18px;color: #4c546a;line-height: 28px;background: url(../images/news-tag01.png) no-repeat left center;padding-left: 35px;}
.xg-news .tab-con li span{float: right;color: #999;font-size: 14px;margin-left: 10px;line-height: 28px;}
.xg-news .tab-con li:hover a{color: #FF461F;}

.news-right{float: right;width: 29%;}

.news-qt{position: relative;margin-top: -80px;}

.news-price{position: relative;margin: 0 35px 0 30px;z-index: 1;cursor: pointer;}
.news-price span{display: block;line-height: 70px;font-size: 24px;border-radius: 35px;font-weight: bold;color: #ffffff;background: -moz-linear-gradient(right, #e50012 0%, #0c2b47 100%);background: -webkit-linear-gradient(right, #e50012 0%,#0c2b47 100%);background: -o-linear-gradient(right, #e50012 0%,#0c2b47 100%);background: -ms-linear-gradient(right, #eef7fe 0%,#0c2b47 100%);background: linear-gradient(to left, #e50012 0%,#0c2b47 100%);width: 220px;position: absolute;top:35px;right: 0;z-index: -1;text-align: right;}
.news-price span img{display: inline-block;vertical-align: middle;margin: -3px 15px 0 5px;}
.news-price:hover span{background: -moz-linear-gradient(left, #e50012 0%, #0c2b47 100%);background: -webkit-linear-gradient(left, #e50012 0%,#0c2b47 100%);background: -o-linear-gradient(left, #e50012 0%,#0c2b47 100%);background: -ms-linear-gradient(left, #eef7fe 0%,#0c2b47 100%);background: linear-gradient(to right, #e50012 0%,#0c2b47 100%);}
.news-qt ul{padding:115px 10px 0 40px;box-sizing: border-box;background: url(../images/news-bg.png) no-repeat top center;position: relative;padding-bottom: 35px;box-sizing: border-box;-webkit-box-shadow: 8px 8px 10px rgba(17,47,91,.11);-moz-box-shadow: 8px 8px 10px rgba(17,47,91,.11);-ms-box-shadow: 8px 8px 10px rgba(17,47,91,.11);-o-box-shadow: 8px 8px 10px rgba(17,47,91,.11);box-shadow: 8px 8px 10px rgba(17,47,91,.11);-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;margin-top: -70px;}
.news-qt ul:before{content:'';width: 16px;height: 14px;background: url(../images/news-sj.png) no-repeat;position: absolute;left: -14px;top: 0;}
.news-qt ul li{margin-bottom: 42px;line-height: 46px;font-size: 18px;color: #4c546a;position: relative;}
.news-qt ul li:before{content:'';width: 24px;height: 24px;background: url(../images/news-dot.png) no-repeat;position: absolute;left: -52px;top: 11px;}
.news-qt ul li strong{font-size: 36px;font-weight: bold;color: #e50012;background-image: -webkit-gradient(linear, 0 0, right 0, from(#0c2b47), to(#e50012));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;margin-right: 12px;}
.news-qt ul li strong em{font-size: 26px;}


.xg-pro{margin-top: 80px;}
.xg-pro strong{font-size: 24px;line-height: 46px;color: #333333;font-weight: bold;position: relative;z-index: 1;display: inline-block;margin: 0 0 30px 0;}
.xg-pro strong img{vertical-align: middle;margin-right: 10px;}
.xg-pro strong:after{content:'';width: 337px;height: 46px;background: url(../images/news-wz.png) no-repeat;position: absolute;left: 0;bottom:8px;z-index: -1;}
.xg-pro li{margin-bottom: 30px;}
.xg-pro li .img{display: block;border-radius: 10px 10px 0 0;}
.xg-pro li .img img{display: block;width: 100%;height: auto;border-radius: 10px 10px 0 0;}
.xg-pro li .tit{display: block;font-size: 20px;color: #4c546a;line-height: 30px;padding: 15px 0;box-sizing: border-box;text-align: center;border-radius: 0 0 10px 10px;-webkit-box-shadow: 8px 8px 10px rgba(17,47,91,.11);-moz-box-shadow: 8px 8px 10px rgba(17,47,91,.11);-ms-box-shadow: 8px 8px 10px rgba(17,47,91,.11);-o-box-shadow: 8px 8px 10px rgba(17,47,91,.11);box-shadow: 8px 8px 10px rgba(17,47,91,.11);}  
.xg-pro li .tit:hover{color:#FF461F;}

.pro-l p a{ color:#FF461F;margin:0 4px;}
.pro-l p b{ color: #444; }
.pro-l span b{ color: #ffffff; }
.fb_info{font-size: 14px;color: #999;display: block;text-align: left;overflow: hidden;}
.fb_info span{padding-right: 2%;height: 30px;line-height: 30px;margin-bottom: 7px;display: inline-block;}

.news-art{ clear:both; overflow:hidden; margin-left:-2%; border-top:1px solid #EEE;}
.news-art p{ float:left; width:48%; font-size:15px; margin-left:2%; text-indent:0;}
.news-art p strong{ float:left;}
.news-art p a{ display:block; color:#555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news-art p a:hover{ color:#E50012;}

.news-art1{-webkit-box-shadow: 0 3px 15px rgba(23,59,115,.15);-moz-box-shadow: 0 3px 15px rgba(23,59,115,.15);-ms-box-shadow: 0 3px 15px rgba(23,59,115,.15);-o-box-shadow: 0 3px 15px rgba(23,59,115,.15);box-shadow: 0 3px 15px rgba(23,59,115,.15);overflow: hidden;border-radius: 10px;margin: 30px 0 56px;padding:0 40px;box-sizing: border-box;}
.news-art1 p{margin: 0;padding:10px 0;box-sizing: border-box;padding-left: 30px;color: #4c546a;}
.news-art1 p strong{font-weight: normal;}
.news-art1 p a{color: #4c546a;}
.news-art1 .xw-prev{border-bottom: 1px dashed #dedfe0;background: url(../images/news-top.png) no-repeat left center;}
.news-art1 .xw-next{background: url(../images/news-bottom.png) no-repeat left center;}
.news-art1 p a:hover{ color:#E50012;}


.news-infos{ width: 100%; }
.new-about{ clear: both; overflow: hidden; margin-top: 20px; margin-left: -1%; }
.new-about li{ float: left; width: 24%; margin-left: 1%; text-align: center; }
.new-about li:nth-of-type(5){ display: none; }
.new-about li:nth-of-type(6){ display: none; }
.new-about li:nth-of-type(7){ display: none; }
.new-about li:nth-of-type(8){ display: none; }
.new-about li a{ display: block; overflow: hidden; }
.new-about li img{ width: 100%; height: auto; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;}
.new-about li:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-moz-transform:scale(1.08);-webkit-transform:scale(1.08);-o-transform:scale(1.08)}
.new-about li p{ text-indent: 0; margin: 10px 0; }
.new-about li p a{ color: #333; }
.new-about li p a:hover{ color: #E50012; }

/*case*/
.case-show{ clear: both; overflow: hidden; margin: 60px auto 20px;}
.case-show ul{ clear: both; overflow: hidden; margin-left: -2%; }
.case-show ul li{ float: left; width: 31.3%; padding: 16px; box-sizing: border-box; margin-left: 2%; margin-bottom: 30px; }
.case-show ul li a{ display: block; overflow: hidden; }
.case-show ul li img{ width: 100%;  transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.case-show ul li img:hover{ transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05); -ms-transform:scale(1.05);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}

.case-show ul li b{ display: block; font-size: 18px; line-height: 1.2; padding-left: 5px; margin: 20px 0 15px;height: 35px;    text-align: center;}
.case-show ul li b a:hover{ color: #E50012; }
.case-show ul li p{ color: #666; font-size: 14px; line-height: 28px; padding-left: 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case-btn{ width: 66%; height: 40px; line-height: 40px; margin-top: 20px;  padding-left: 5px;}
.case-btn a{ float: left; width: 50%; color: #FFF; text-align: center; box-sizing: border-box; border-radius: 20px 0 0 20px; border:1px solid #E50012; background-color: #E50012;}
.case-btn span{ float: right; width: 50%; color: #666; text-align: center; display: inline-block; box-sizing: border-box; border-radius: 0 20px 20px 0; border:1px solid #929292; border-left: 0;}
.case-btn span:hover{ color: #FFF; background-color: #E50012; border-color:#E50012; cursor: pointer; border-left: 1px solid #FFF; }

.case-main{ clear: both; overflow: hidden; margin-top: 5px; }
.case-pic{ float: left; width: 50%; }
.case-pic img{ width: 100%; height: auto;padding: 0px 0px 0px 0px; }
.case-con{ float: right; width: 42%; }
.case-con h1{ font-size: 34px; font-weight: normal; margin-top: 25px; margin-bottom: 30px; }
.case-con p{ color: #555; font-size: 15px; line-height: 24px; padding: 0 15px; margin-bottom: 20px; }
.case-con p strong{ float: left; color: #E50012; font-size: 16px; }
.case-con p i{ display: block; overflow: hidden; }
.case-point{ clear: both; overflow: hidden; background-color: #F3F3F3; padding: 15px 30px 15px 20px; margin-top: 30px; box-sizing: border-box; }
.case-point p{ padding: 0; color: #999; }
.case-point p i{ line-height: 28px; }
.case-point p strong{ color: #FF461F; font-size: 14px; font-weight: normal; margin-top: 2px; }
.case-link{ clear: both; overflow: hidden; margin:6px; line-height: 50px; }
.case-tel{ float: right; width: 41%; padding-left: 50px; background:url(../images/ico-tel.png) left center no-repeat; background-size: 40px;}
.case-tel font{ display:block; font-size:14px; color:#333; line-height:25px; }
.case-tel p{ font-size:18px; color:#FF461F; line-height:1; font-weight:700;}
.case-con .case-tel p{ margin-bottom: 0; }
.case-tel p em{ font-size:26px; font-weight:700;}
.case-link span{ float: left; width: 40%; font-size: 17px; color: #FFF; cursor:pointer; text-align:center; border-radius: 4px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f41505',endColorStr='#ff461f',gradientType='1');
    background: -webkit-linear-gradient(left, #f41505,#ff461f);
    background: -o-linear-gradient(right, #f41505,#ff461f 30%,#ff461f);
    background: -moz-linear-gradient(right, #f41505,#ff461f 30%,#ff461f);
    background: linear-gradient(to right, #f41505,#ff461f 30%,#ff461f);
}
.case-txt{
    color: #555;
    font-size: 15px;
    line-height: 24px;
        padding: 25px 0px;
    margin-bottom: 20px;
}
.case-info{ clear: both; overflow: hidden; margin-top: 60px; }
.case-tit{ color: #000; font-size: 20px; line-height: 50px; border-bottom: 3px solid #EEE; }
.case-tit span{ display: inline-block; padding: 0 50px; background-color: #EEE; border-top:3px solid #E50012; }
.case-info h2{ font-size: 22px; color: #2D2D2D; font-weight: normal; padding: 30px 0 20px; }
.case-info h2 b{ font-size: 22px; color: #E50012; padding-left: 14px; margin-left: 6px; background:url(../images/ico-dot.png) left center no-repeat;}
.case-info p{ color: #666; font-size: 15px; line-height: 28px; text-indent: 2em; margin: 5px 0; }
.case-info h2.case-ico{ background:url(../images/ico-info.png) 214px 8px no-repeat; }
.case-info h3{ position: relative; font-size: 22px; color: #2D2D2D; font-weight: normal; padding-bottom: 8px; margin: 40px 0 10px; border-bottom: 1px solid #E9E9E9; }
.case-info h3:after{ position:absolute; content:""; left:0; bottom:-2px; width:40px; height:3px;  background-color:#E50012; }
.case-info h3 b{  color: #E50012; }
.case-info h3 a{ float: right; color: #888; font-size: 14px; }
.case-info ul{ clear: both; overflow: hidden; margin: 25px 0 35px; margin-left: -2%; }
.case-info ul li{ float: left; width: 23%; margin-left: 2%; text-align: center; }
.case-info ul li a{ display: block; }
.case-info ul li a img{ width: 100%; height: auto; }
.case-info ul li p{ font-size: 16px; line-height: 20px; text-indent: 0; padding: 12px 5px; margin: 0; background-color: #EEE; }
.case-info ul li:hover p{ background-color: #E50012; }
.case-info ul li:hover p a{ color: #FFF; }

/*about*/
.about-show{ clear:both; overflow:hidden; background:url(../images/font-about.png) #EFEEF1 bottom right no-repeat;}
.about-name{ float:left; width:40%; color:#FFF; text-align:center; padding:50px 0 40px; margin-right:50px; background:#E50012 center no-repeat; }
.about-name b{ position:relative; display:block; font-size:38px; letter-spacing: 2px; font-family:Arial; }
.about-name b:after{ position:absolute; content:""; left:50%; bottom:-30px; width:80px; height:3px; margin-left:-40px; background-color:#FFF; }
.about-name p{ font-size:30px; margin-top:70px;}
.about-txt{ padding-top:50px;}
.about-img{ padding:0px; text-align:center; }
.about-txt h1{ color:#222; font-size:34px; font-weight:normal; margin-bottom:30px;}
.about-txt h1 i{ color:#D8D8D8; font-size:30px; margin-left: 12px; }
.about-txt p{ color:#666; font-size:15px; line-height:32px; text-indent:2em;}

.about-main{ clear:both; overflow:hidden; margin-top:70px;}
.about-main ul{ clear:both; overflow:hidden; margin-left:-2%;}
.about-main ul li{ float:left; width:23%; margin-left:2%;}
.about-main ul li img{ width:100%;}
.about-main ul li p{ width:90%; margin:0 auto; padding:20px; border-radius:6px; transform:translateY(-30px); -webkit-transform:translateY(-30px); -moz-transform:translateY(-30px); box-shadow:15px 15px 20px -20px rgba(0,0,0,.4); -webkit-box-shadow:15px 15px 20px -20px rgba(0,0,0,.4); -moz-box-shadow:15px 15px 20px -20px rgba(0,0,0,.4); box-sizing:border-box; background-color:#FFF;}
.about-main ul li p b{ float:left; color:#E50012; font-size:36px; letter-spacing: -1px;}
.about-main ul li p b i{ font-size:16px; font-weight:normal; margin-left:5px;}
.about-main ul li p span{ display:block; overflow:hidden; text-align:center; color:#666; font-size:15px; line-height:25px;}

.about-inter{ clear:both; overflow:hidden; padding:70px 0; margin-top:40px; background:url(../images/bg-about02.jpg) bottom center no-repeat;}
.inter-txt{ float:left; width:40%;}
.inter-txt h2{ color:#FFF; font-size:32px; font-weight:normal; margin:30px 0;}
.inter-txt h2 b{ color:#E50012; font-weight:bold;}
.inter-txt p{ color:#FFF; font-size:15px; line-height:32px; text-indent:2em; margin-bottom: 30px;}
.inter-pic{ float:right; width:52%;}
.inter-pic img{ width:100%; height:auto;}

.about-cap{ clear:both; overflow:hidden; margin:60px auto 50px;}
.about-cap h2{ position:relative; color:#000; font-size:32px; text-align:center; padding-bottom:14px;}
.about-cap h2:after{ position:absolute; content:""; left:50%; bottom:0; width:60px; height:3px; margin-left:-30px; background-color:#E50012; }
.about-cap p{ color:#666; font-size:15px; line-height:30px; text-align:center; margin:15px 0 10px;}
.about-cap ul{ clear:both; overflow:hidden; margin-left:-2%; margin-top:30px;}
.about-cap ul li{ float:left; width:23%; margin-left:2%; margin-bottom:25px;}
.about-cap ul li img{ width:100%; height:auto;}

.ser-show{ clear:both; overflow:hidden; padding:50px 0; background-color:#F2F2F2; }
.ser-show h1{ color:#E50012; font-size:34px; text-align:center;}
.ser-show h1 i{ color:#111; font-weight:normal; text-align:center;}
.ser-show p{ color:#333; font-size:15px; line-height:30px; text-align:center; margin:10px 0;}
.ser-show ul{ clear:both; overflow:hidden; padding: 8px; box-sizing: border-box; margin-left:-1.5%; margin-top:30px;}
.ser-show ul li{ float:left; width:31.8%; text-align:center;  margin-left:1.5%; margin-bottom:20px; padding:40px 30px 50px; box-sizing:border-box; box-shadow:0 0 8px #DDD; -webkit-box-shadow:0 0 8px #DDD; -moz-box-shadow:0 0 8px #DDD;  background-color:#FFF;}
.ser-show ul li h3{ color:#333; font-size:22px; font-weight:normal; margin:15px 0;}
.ser-show ul li b{ color:#999; font-size:14px; font-weight:normal; line-height:1.6;height: 40px;display: block;}

.ser-parts{ clear:both; overflow:hidden; padding:70px 0; background:url(../images/bg-about02.jpg) bottom center repeat;}
.parts-txt{ float:left; width:48%;}
.parts-txt h2{ color:#FFF; font-size:32px; font-weight:normal; margin:30px 0;}
.parts-txt h2 b{ color:#E50012; font-weight:bold;}
.parts-txt p{ color:#FFF; font-size:15px; line-height:28px; text-indent:28px; margin-bottom: 30px;}
.parts-txt p.ser-tel{ text-indent: -2em; margin-top: 60px; }
.parts-txt p.ser-tel i{ color: #FF390F; font-size: 32px;}
.parts-pic{ float:right; width:47%;}
.parts-pic img{ width:100%; height:auto;}

.ser-step{ clear: both; overflow: hidden; padding: 50px 0 60px; background-color: #E6E6E6; }
.ser-step h2{ color:#111; font-size:32px; text-align: center; font-weight:normal;}
.ser-step h2 b{ color:#E50012; font-weight:bold; margin-left: 10px;
    width:100%; margin:25px auto; overflow:hidden;}
.ser-step ul{ clear: both; overflow: hidden; margin-top: 70px; }
.ser-step ul li{ float:left; position:relative; display:inline-block; width:16.6%;}
.ser-step ul li b{ display:block; margin:0 auto; width:108px; height:124px; }
.ser-step ul li.step01 b{ background:url(../images/ico-step01.png) center no-repeat;}
.ser-step ul li.step02 b{ background:url(../images/ico-step02.png) center no-repeat;}
.ser-step ul li.step03 b{ background:url(../images/ico-step03.png) center no-repeat;}
.ser-step ul li.step04 b{ background:url(../images/ico-step04.png) center no-repeat;}
.ser-step ul li.step05 b{ background:url(../images/ico-step05.png) center no-repeat;}
.ser-step ul li.step06 b{ background:url(../images/ico-step06.png) center no-repeat;}
.ser-step ul li h3{ color: #666; font-size:18px; font-weight: normal; line-height:30px; margin-top:10px; text-align:center;}
.ser-step ul li span{ display:block; position:absolute; top:55px; right:-15px; width:28px; height:25px; background:url(../images/ico-step.png) no-repeat;}

/*contact*/
.cont-info{position: relative; box-sizing: border-box; background:url(../images/ban-bg02.png) #fff no-repeat;margin:3% 0 3% 47%;padding: 1px 0 35px;border-radius: 15px;}
.cont-info .cont-tit{margin:30px 0 0 7%;position: relative;font-size:36px;}
.cont-info .cont-tit strong{color: #e50012;}
.cont-info .cont-tit em{color:#111111;margin-left: -5px;}
.cont-info .cont-tit strong::after{content:'';clear: both;width: 75px;height: 3px;background-color: #333;position: absolute;top:45px;left:0;}
.cont-info .cont-tit em::after{content:'';clear: both;width: 75px;height: 3px;background-color: #e50012;position: absolute;top:45px;left:74px;}
.cont-info>p{margin:38px 0 0 7%;font-size:16px;color:#333;}
.cont-main{margin-left: 7%;overflow: hidden;position: relative;}
.cont-main li{display:inline-block;text-align: center;width: 27%;padding: 50px 0 20px;border: 1px solid #e7e7e7;position: relative;margin-top: 58px;}
.cont-main li span{display:block;font-size: 14px;color: #333;line-height: 25px;}
.cont-main li a{display:inline-block;font-size: 18px;color: #e50012;font-weight: 700;line-height: 25px;}
.cont-ico02{margin-left:13%;}
.cont-ico02 a{border-bottom:2px solid #e50012;}
.cont-ico01::after{content:'';clear: both;background:url(../images/cont-ico01.png) no-repeat center;position:absolute;top:-32px;left:30%;width: 65px;height:65px;z-index: 1; }
.cont-ico02::after{content:'';clear: both;background:url(../images/cont-ico02.png) no-repeat center;position:absolute;top:-32px;left:30%;width: 65px;height:65px;z-index: 1; }
.cont-ico03{font-size: 16px;color: #333;background:url(../images/cont-ico03.png) no-repeat center left;padding-left: 32px;height: 20px;}

.cont-show{ clear:both; overflow:hidden; padding:50px 0; }
.cont-show h2{ color:#E50012; font-size:34px; text-align:center;}
.cont-show h2 i{ color:#111; font-weight:normal; text-align:center;}
.cont-show p{ color:#333; font-size:15px; line-height:30px; text-align:center; margin:10px 0;}
.cont-show ul{ clear:both; overflow:hidden; padding: 10px; box-sizing: border-box; margin-left:-2%; margin-top:30px;}
.cont-show ul li{ float:left; width:23%; text-align:center;  margin-left:2%; padding:30px 52px 40px; box-sizing:border-box; border:1px solid #EEE; background-color:#FFF;}
.cont-show ul li:hover{ box-sizing:border-box; box-shadow:0 0 10px #DDD; -webkit-box-shadow:0 0 10px #DDD; -moz-box-shadow:0 0 10px #DDD;  background-color:#FFF;}
.cont-show ul li i{ display: block; width: 55px; height: 55px; padding: 20px; margin: 0 auto 30px; border-radius: 50%; border:30px solid #EBEBEB;}
.cont-show ul li.cont-show01 i{ background:url(../images/ico-cont01.png) center no-repeat; }
.cont-show ul li.cont-show02 i{ background:url(../images/ico-cont02.png) center no-repeat; }
.cont-show ul li.cont-show03 i{ background:url(../images/ico-cont03.png) center no-repeat; }
.cont-show ul li.cont-show04 i{ background:url(../images/ico-cont04.png) center no-repeat; }
.cont-show ul li h3{ color:#333; font-size:18px; padding-bottom: 3px; margin-bottom:15px;}
.cont-show ul li h3 span{ color: #E50012; border-bottom: 1px solid #E50012; cursor: pointer; }
.cont-show ul li b{ display: block; color:#333; font-size:15px; font-weight:normal; line-height:24px; height: 48px; overflow: hidden;}

.ser-map{ width:100%;}
#map_canvas{ width:100%; margin:0 auto;}
.pro-l p video, .pro-l p img, .pro-l p embed{ margin-left: -2em; }
.news-left p img{width: 100%;height: auto;margin-left: 0;}


.error{ position: relative; width:100%; clear:both; overflow:hidden;}
.error-pic{ width: 100%; text-align: center;}
.error-pic img{ width: 100%; height: auto;}
.error-pic a{ position: absolute; top: 400px; left: 50%; display: block; width:180px; font-size: 20px; color: #EE0002; line-height: 44px; margin: 0 auto; margin-left: -90px; border:1px solid #434343;}
.error-pc{ height: 720px; background:url(../images/error01.jpg) center bottom no-repeat;}
.error-mo{ height:400px; padding-bottom: 50px; background:url(../images/error02.jpg) center top no-repeat; background-size: 100%;}
.error-mo a{ top: 80%; }
.error-mo{ display: none;}

/*slick.css*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;zoom:1}
.slick-track:after,.slick-track:before{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px;display:none}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-next,.slick-prev{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;margin-top:-10px;padding:0;border:none;outline:0}
.slick-next:focus,.slick-prev:focus{outline:0}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}
.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;color:#fff;opacity:.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
.slick-prev:before{content:"\2190"}
.slick-next{right:-25px}
.slick-next:before{content:"\2192"}
.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-45px;list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:0;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:focus{outline:0}
.slick-dots li button:before{position:absolute;top:0;left:0;content:"\2022";width:20px;height:20px;font-family:slick;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{opacity:.75}


/* liuyan.css */
.message-box{width: 76%;}
.message{width:100%;margin:50px 0;overflow: hidden;}
.lytit{overflow: hidden;background: url(../images/ly_pic2.png) no-repeat top; background-size:98% 100%;-moz-background-size:98% 100%;
-webkit-background-size:98% 100%;-o-background-size:98% 100%;}
.ly_l{float:left;overflow:hidden;}
.ly_l h4{font-size:22px;color:#d36f2a;font-weight:700;text-align:center;line-height: 24px;margin:48px 37px;}
.message-box .ly_l h4{margin: 52px 40px;}
.lytit p{float:left;display:block;width:78%;font-size:16px;color:#333333;line-height:32px;margin:33px 0 43px 20px;text-indent: 0;}
.lytit p span{display:inline-block;background:url(../images/ly_pic3.png) no-repeat left center;padding-left:35px;color:#f80505;}
.form{width:92%;border:1px dashed #faad13;border-radius:12px;margin:-7px 0 0 43px;background-color:#f4f4f4;}
.form form{margin:30px 0 20px 80px;}
.form form ul .ip_li{margin-bottom:5px;overflow:hidden;width:43%;margin-right:5%;float:left;}
.icon-text-user{background: url(../images/ly_icon.png) no-repeat 15px center;}
.icon-text-tel{background: url(../images/ly_icon1.png) no-repeat 15px center;}
.form form ul li span{width:100%;display:block;overflow:hidden;text-align:left;font-size:16px;line-height:50px;color:#333333;}
.form form ul li span em{font-style:normal;color:#f80505;}
.form input.intxt{width:97%;border:0;color:#666;font-size:15px;height:42px;line-height:42px;background-color:#f5eee1;border:#f6d89b 1px solid;text-indent:35px;border-radius:7px;}
.form form ul li .wenb{width: 100%;}
.form ul li textarea{border:0;width:89%;background-color:#f5eee1;border:#f6d89b 1px solid;border-radius:7px;height:167px;line-height:20px;font-size:14px;margin:15px 0 0;padding:3%;color:#c9c9c9;resize:none;}
.btnclick .btn_submit{display:inline-block;width:157px;height:33px;background:#f80505;color:#ffffff;font-size:16px;text-align:center;line-height:33px;border-radius:5px;margin:26px 0 0 35%}
.clearfix:after{ clear:both; content:''; display:block; height:0; line-height:0; visibility:hidden;}
.clearfix{zoom:1;}
@media screen and (max-width:1600px){
    .box {width: 1200px; margin: 0 auto; overflow: hidden; *zoom:1; _zoom:1; zoom:1;}
    .case-show{margin: 0px auto 20px;}
    .case-main{margin-top: 50px;}
    .lytit{background-size: 98% 91%;-moz-background-size: 98% 91%;-webkit-background-size: 98% 91%;-o-background-size: 98% 91%;}
    .ly_l h4{margin: 48px 31px;} 
    .message-box .ly_l h4{margin: 47px 33px;}
    .product-info{ width: 100%; }
    /* .index-pro ul li .pro-type{bottom: 0;} */
    .news-show ul li .news-tit{margin-bottom: 3px;}
    .pro-ser .ser-info li{margin-left: 8%;}

    .news-content{padding: 0 25px;}
    .news-price>img{width: 106px;}
    .news-price span{top: 25px;}
    .news-qt{margin-top: -50px;}
    .ban-top .news-p b{padding-left: 20px;}
    .msg-r .one{padding-right: 0;}
    .news-left p{font-size: 16px;}
}
@media screen and (max-width:1440px){
    .boxs{ max-width: 1366px; }
   
  
}

@media screen and (max-width:1366px){
       .index-news{ clear: both; overflow: hidden;display: none; }
    .box, .boxs{ max-width: 99%; }
    .product-pic{ width: 56%; }
    .product-info{ width: 100%; }
    .product-info h1{ margin-top: 15px; }
    .product-info ul{ margin-top:20px; margin-bottom: 20px; }
    .case-con p{ margin-bottom: 10px; }
    .case-con h1{ margin-top: 10px; }
    .index-pro ul li .pro-type{display: none;}
    .case-show ul li img  {  width: 100%;
   }
  
}

@media screen and (max-width:1200px){
    .index-pro ul li .pro-type{ display: none; }
    .show-pic{ width: 46%; }
    .show-info{ width: 54%; }
    .show-info ul li{ width: 27.3%; margin: 0 3%; }
    .show-info{ padding-top: 20px; }
    .show-info ul{ margin: 15px 0; }
    .show-info p, .news-show ul li p{ display: none; }
    .news-show ul li .news-tit a{ width: 82%; }
    .product-show{ margin: 40px auto; }
    .product-pic{ width: 52%; }
    .product-info{ width: 100%; }
    .con-info{ padding: 2% 1.5%; }
    .news-list ul li a{ width: 76%; }
    .con-info{ position: static; border-left: 10px solid #F2F2F2; }
    .news-rank ul li h3 a{ width: 78%; }
    .con-info a.news-btn{ margin-top: 10px; }
    .case-con{ width: 43%; }
    .case-con h1{ margin-bottom: 20px; }
    .case-con p{ padding: 0 5px; }
    .case-point{ padding: 8px; }
    .case-link{ margin: 0; }
    .case-link span{ width: 35%; }
    .case-tel{ width: 48%; }
    .pro-mold{ margin-top: 30px; }
    .about-name b{ font-size: 36px; }
    .about-name p{ font-size: 30px; }
    .about-name b:after{ height: 3px; width: 80px; }
    .about-main ul li p b{ float: none; display: block; text-align: center; margin-bottom: 10px; }
    .cont-font{ display: none; }
    .cont-show ul li{ padding: 30px 25px; }
    .message-box{width: 78%;}
    .lytit{background-size: 98% 88%;-moz-background-size: 98% 88%;-webkit-background-size: 98% 88%;-o-background-size: 98% 88%;}
    .lytit p{margin: 33px 0 43px 0;}
    .ly_l h4 {margin: 48px 33px;}
    .news-right{display: none;}
    .news-left{width: 100%;color: #444;
    line-height: 26px;
    margin: 10px 0;}
    .msg-r img{width: 100%;}
    .ban-top .news-p b{padding-left: 6px;}
}

@media screen and (max-width:1060px){
    .case-point p{ display: none; }
    .case-con .case-tel p{ display: block; }
    .cont-main li{width: 30%;}
    .cont-info{margin: 3% 0 3% 38%;}
    .message-box {width: 89%;}
    .message-box .ly_l h4 {margin: 48px 33px;}
}

@media screen and (max-width:1000px){
    .nav ul li a{ font-size: 16px; line-height: 50px; }
    .index-name{ height: 70px; margin: 30px 0; }
    .index-name span{ font-size: 60px; }
    .index-name h1{ font-size: 34px; }
    .index-name h2{ font-size: 32px; }
    .index-about ul li h3{ font-size: 24px; }
    .index-name h1, .index-name h2{ top: 32px; }
    .index-pro ul li{ width: 100%; margin-bottom: 20px; }
    .index-pro ul li .pro-type, .show-info p{ display: block; }
    .show-pic, .show-info{ width: 100%;}
    .show-info{ padding: 15px; }
    .index-rec{ background: #292D36; }
    .index-about ul li p{ display: none; }
    .index-about ul li b{ font-size: 44px; }
    .news-pic{ display: none; }
    .news-show ul{ width: 100%; }
    .index-qw{ margin-top: 30px; }
    .index-line li .line-info p{ padding-left: 12%; }

    .product-show{ margin: 30px auto; }
    .product-pic{ width: 100%; }
    .product-info ul{ display:none}
    .product-pic img{ width: 100%; box-sizing: border-box; }
    .product-info h1, .product-info p.pro-ys{ color: #333; }
    .product-info p.pro-ys{ margin: 10px 0; }
    .product-info p.pro-ys b{ color: #FF461F; }
    .product-info p{ margin-bottom: 10px; }
    .pro-r{ display: none; }
    .pro-l{ width: 100%;    margin-top: -65px; }
    .pro-fix ul{  display: none;}
    
    .product-info h1{ font-size: 32px; margin-top: 10px; }
    .news-list h3 span a{ font-size: 20px; }
    .news-list{ padding: 1.5%; }
    .news-list h3{ height: 42px; }
    .news-list h3 span{ height: 41px; line-height: 41px; }
    .news-list ul li a{ width: 70%; }
    .news-rank ul li h3 a{ width: 70%; }
    .news-con{ margin-top: 10px; }
    /* .ban-top p a{ font-size: 15px; margin-left: 18px; } */
    .pro-l h1{ font-size: 26px; }
    .case-btn{ width: 100%; margin-top: 15px; }

    .case-main, .case-info{ margin-top: 30px; }
     .case-txt , video {
    width: 100%;
    height: auto!important;
}
    .case-pic{ width: 100%; }
    .case-con{ width: 100%; }
    .pro-mold p a{ font-size: 20px; height: 60px; line-height: 60px; border-radius: 30px; padding: 0 10px; }
    .pro-mold p:hover a{ border-radius: 30px; }
    .pro-mold p a.pro-mold01{ background-size: 18%; padding-left: 70px; }
    .pro-mold p a.pro-mold02{ background-size: 24%; padding-left: 90px; }
    .pro-mold p a.pro-mold03{ background-size: 24%; padding-left: 90px; }
    .pro-mold p.selected a.pro-mold01 { background-size: 18%; padding-left: 70px;}
    .pro-mold p.selected a.pro-mold02 { background-size: 24%; padding-left: 90px;}
    .pro-mold p.selected a.pro-mold03 { background-size: 24%; padding-left: 90px; }
    .pro-show ul li{ padding: 6px; }
    .pro-show{ margin-top: 30px; }
    .pro-show ul li p{ font-size: 16px; padding: 12px 0 6px; }
    .ser-show, .ser-parts{ padding: 30px 0; }
    .ser-show h1{ font-size: 30px; }
    .parts-txt h2, .ser-step h2{ font-size: 28px; }
    .ser-show p{ line-height: 24px; }
    .parts-txt{ width: 100%; }
    .parts-pic{ display: none; }
    .ser-step ul li{ width: 33.3%; margin-bottom: 10px; }
    .ser-step ul li span{ display: none; }
    .ser-step ul li h3{ font-size: 15px; }
    .about-txt{ padding-top: 20px; }
    .about-txt p, .inter-txt p, .about-main ul li p span{ font-size: 15px; }
    .about-name{ margin-right: 30px; }
    .inter-txt{ width: 100%; }
    .inter-pic{ display: none; }
    .about-inter{ padding: 30px 0; }
    .inter-txt h2{ margin-top: 0; }
    .about-main ul li p{ padding: 12px; }
    .about-main ul li p b{ font-size: 36px; }
    .about-txt h1{ font-size: 30px; }
    .inter-txt h2, .about-cap h2, .cont-show h2{ font-size: 28px; }
    .cont-show p{ line-height: 24px; }
    .cont-show ul li.cont-show01 i{ background-size: 50%; }
    .cont-show ul li.cont-show02 i{ background-size: 50%; }
    .cont-show ul li.cont-show03 i{ background-size: 50%; }
    .cont-show ul li.cont-show04 i{ background-size: 50%; }
    .cont-show ul li{ padding: 30px 20px; }
    .cont-show ul li i{ padding: 15px; border-width: 20px; }
    .index-about ul li{ padding: 0 1%; }
     /* .ban-top p a{ width: 14%; margin: 0 1%; text-align: center; line-height: 24px; } */
     .cont-info {margin: 3% 0 3% 24%;}
}

@media screen and (max-width:1270px){
    .lytit p span{margin-left: 3%;}
    .ly_l h4{margin: 48px 30px;}
}
@media screen and (max-width:1100px){
    .ly_l h4{margin: 48px 26px;}
    .lytit{background-size: 98% 97%;-moz-background-size: 98% 97%;-webkit-background-size: 98% 97%;-o-background-size: 98% 97%;}
    .cont-info{margin: 3% 0 3% 39%;}
}
@media screen and (max-width:1024px){
    .lytit{background-size: 98% 87%;-moz-background-size: 98% 87%;-webkit-background-size: 98% 87%;-o-background-size: 98% 87%;}
    .ly_l h4 {margin: 40px 20px;}
    .lytit p{margin: 31px 0 55px 20px;line-height: 22px;}
    .message-box .ly_l h4 {margin: 40px 26px;}
    .message-box .lytit p{margin: 31px 0 55px 0px;}
    .form{margin: -25px 0 0 35px;}
    .message-box {width: 86%;}
} 


@media screen and (max-width:840px){
	.pro-mold p{ margin: 0 10px; }
    .pro-mold p span{ font-size: 18px; height: 50px; line-height: 50px; border-radius: 25px; }
    .pro-mold p:hover span{ border-radius: 25px; }
    .pro-mold p span.pro-mold01{ background: none; padding: 0 20px; }
    .pro-mold p span.pro-mold02{ background: none; padding: 0 20px; }
    .pro-mold p span.pro-mold03{ background: none; padding: 0 20px; }
    .pro-mold p.selected span.pro-mold01 { padding: 0 20px; background: none; background-color: #E50012; }
    .pro-mold p.selected span.pro-mold02 { padding: 0 20px; background: none; background-color: #E50012; }
    .pro-mold p.selected span.pro-mold03 { padding: 0 20px; background: none; background-color: #E50012; }
    .ly_l h4 {margin: 40px 24px;}
    .cont-info {margin: 3% 0 3% 24%;}
    .message-box{width: 100%;}
}

@media screen and (max-width:768px){
    .m-top, .menu{ display: block; }
    .top, .nav{ display: none; }
    .index-name{  margin: 20px 0; }
    .index-name h1, .case-con h1{ font-size: 28px; }
    .index-name h2{ font-size: 24px; }
    .index-pro ul li .pro-main h3{ font-size: 22px;}
    .show-info h3{ font-size: 22px; margin-bottom: 10px; }
    .index-line li .line-info h3{ font-size: 16px; }
    .index-line li .line-info p{ padding-left: 10%; }
    .index-about{ display: none; }
    .index-qw{ background: #F8F8F8; margin-bottom: 0; padding-bottom: 20px; }
    .qw-show{ margin-top: 30px; }
    .qw-show h2 img{ display: none; }
    .qw-show01 ul, .qw-show02 ul{ margin-top: 10px; }
    .index-show .prev, .index-show .next{ width: 28px; background-size: 28px; }
    .product-info h1{ font-size: 28px;}
    .pro-fix ul li a{ font-size: 18px;}
    .pro-ser{ display: none; }
    .news-main ul li:last-child{ display: none; }
    .news-main ul li{ width: 48%; }
    .news-main{ margin-top: 30px; }
    .news-list{ width: 100%; margin-left: 0; }
    .news-lists{ margin-left: 0; margin-top: 30px; }
    .news-list h3 a{ font-weight: normal; }
    .news-list h3 span a{ font-size: 18px; font-weight: bold; }
    .news-list ul li{ height: 36px; line-height: 36px; }
    .con-pic{ width: 100%; }
    .con-info{ width: 100%; padding: 2%; }
    .news-rank ul{ margin-left: 0; }
    .news-rank ul li{ width: 100%; margin-left: 0; }
    .ban-top p b{ display: none; }
    .pro-l h1{  margin-bottom: 20px; }
.ban-top {
    display: none;
}
    .ban-top .position { display: none; }
    .ban-top p{ margin-top: 30px; }
    .news-cue{ padding: 10px; }
    .case-show ul li{ width: 48%; }
    .case-show{ margin: 0px auto 0; }
    .link{ display: none; }
    .footers{ padding: 20px 0; }
    .footer{ line-height: 1.5; }
    .case-info ul li p{ font-size: 15px; }
    .case-tit{ line-height: 40px; font-size: 18px; }
    .case-tit span{ padding: 0 30px; }
    .case-info h2 b{ font-size: 20px; }
    .case-info h3{ font-size: 20px; margin-top: 20px; }
    .ser-show h1{ font-size: 26px; }
    .parts-txt h2, .ser-step h2{ font-size: 24px; }
    .parts-txt p{ font-size: 15px; }
    .ser-step ul{ margin-top: 40px; }
    .ser-step{ padding: 40px 0; }
    .about-txt h1{ font-size: 26px; }
    .inter-txt h2, .about-cap h2, .cont-show h2{ font-size: 24px; }
    .about-name{ display: none; }
    .about-show{ padding: 10px; }
    .about-txt{ padding-top: 10px; }
    .about-txt h1{ margin-bottom: 10px; }
    .about-txt p{ line-height: 30px; margin-bottom: 0px; }
    .about-main ul li{ width: 48%; }
    .about-main{ margin-top: 30px; }
    .about-inter{ margin-top: 20px; }
    .cont-info{ width: 88%;margin: 3% 0 3% 12%;}
    .cont-show ul li{ width: 48%; padding: 20px; margin-bottom: 10px; }
    .cont-show ul li i{ padding: 10px; }
    .cont-show{ padding: 30px 0; }
    .cont-show ul{ margin-top: 20px; }
    .cont-show ul li i{ margin-bottom: 20px; }
    .index-rec{ margin-top: 30px; }
    .about-cap{ margin:40px auto 20px;  }
    .about-cap ul{ margin-top: 20px; }
    .pro-show ul li{ width: 48%; margin-bottom: 20px; }
    .message{margin: 30px 0;} 
    .ly_l h4 {margin: 40px 22px;}
}

@media screen and (max-width:600px){
    .tabtit { display:none}
    .pro-news { display:none}
    .index-name span{ left: 24% }
    .index-name h1, .index-name h2{ left: 36.5%; }
    .index-name i{ width: 40px; right: -48px; }
    .index-line ul{ margin-left: 0; }
    .index-line ul li{ width: 100%; margin-left: 0; margin-bottom: 10px; }
    .index-line ul li a img{ width: 100%; }
.case-show ul li img {
    width: 100%;
   
}
    .qw-show01{ width: 100%; margin-right: 0; }
    .qw-show02{ width: 100%; margin-left: 0; }
    .qw-show02 h2{ text-align: left; }
    .qw-show02 ul li{ text-align: left; padding: 15px 5px 15px 40px; background: url(../images/ico-list01.png) no-repeat left center;}
    .qw-show02 ul li:hover{ background: url(../images/ico-list02.png) no-repeat left center;}
    .footer{ display: none;  }
    .index-pro ul li .pro-type{ display: none; }
    .news-show ul li .news-tit a{ width: 81%; }
    .product-info h1, .case-con h1{ font-size: 24px;}
    .pro-fix ul li a{ font-size:16px; line-height: 42px; }
    .pro-l p video, .pro-l p img, .pro-l p embed{ width: 100%; height: auto; }
    .pro-l h2{ margin: 15px 0 10px; font-size: 20px; }
    .pro-l h3{ font-size: 20px; }
    .pro-line li .line-pic, .pro-line li:nth-child(2n) .line-pic{ float:none; width:auto; margin:0; height:auto; padding:0;}
    .pro-line .line-txt{ padding: 10px; }
    .pro-line li{ margin-bottom: 15px; }
    .news-art{ margin-left: 0; }
    .news-art p{ width: 100%; margin: 8px 0 0; }
    .pro-l h1{ font-size: 24px; }
    .case-show ul li b{ font-size: 17px; margin: 10px 0; }
    .case-btn{ height: 32px; line-height: 32px; }
    .case-show ul li{ padding: 10px; }
    .ban-show{ display: none; }
    .con-tit{ display: none; }
    .case-con p strong{ font-size: 16px; }
    .case-con h1{ margin-bottom: 10px; }
    .case-con p{ margin-bottom: 5px; }
    .case-info ul li{ width: 48%; margin-bottom: 10px; }
    .case-info ul{ margin-bottom: 25px; }
    .case-main{ margin-top: 10px; }
    .pro-show ul li{ width: 48%; }
    .pro-mold p span.pro-mold01{ padding: 0 10px; }
    .pro-mold p span.pro-mold02{ padding: 0 10px; }
    .pro-mold p span.pro-mold03{ padding: 0 10px; }
    .pro-mold p.selected span.pro-mold01 { padding: 0 10px; }
    .pro-mold p.selected span.pro-mold02 { padding: 0 10px; }
    .pro-mold p.selected span.pro-mold03 { padding: 0 10px; }

    .pro-show ul li{ margin-bottom: 20px; }
    .ser-show h1{ font-size: 24px; }
    .parts-txt h2, .ser-step h2{ font-size: 22px; }
    .ser-show ul{ margin-top: 20px; }
    .ser-show ul li{ padding: 30px; }
    .ser-show ul li b{ display: none; }
    .ser-show ul li h3{ font-size: 18px; }
    .ser-show ul li img{ width: 60px; height: auto; }
    .ser-show, .ser-parts{ padding: 20px 0; }
    .parts-txt p{ margin-bottom: 20px; }
    .about-txt h1{ font-size: 24px; }
    .inter-txt h2, .about-cap h2, .cont-show h2{ font-size: 22px; }
    .inter-txt h2{ margin-bottom: 20px; }
    .ban-cont{ display: block; }


    .new-about li{ width: 49%; }
    .message{margin: 18px 0;}
}

@media screen and (max-width:480px){
    .index-name span{ left: 7% }
    .index-name h1, .index-name h2{ left: 30%; top: 40px; }
    .index-name h1, .pro-l h1{ font-size: 22px; }
    .index-name h2{ font-size: 20px; }
    .index-pro ul li .pro-main{ padding: 10px; }
    .index-pro ul li .pro-arr{ display: none; }
    .index-pro ul li .pro-main h3{ font-size: 20px; margin-bottom: 8px; }
    .index-pro ul li .pro-pic{ width: 48%; }
    .index-pro ul li .pro-main{ width: 52%; }
    .index-pro ul li .pro-arrow{ left: 45%; }
    .index-rec{ margin-top: 20px; }
    .show-pic span img{ width: 120px; }
    .show-info h3{ font-size: 20px; }
    .index-show .prev, .index-show .next{ width: 24px; background-size: 24px; }
    .show-info ul li img{ width: 50px; }
    .show-info p{ display: none; }
    .show-info span{ width: 100%; margin-top: 5px; }
    .news-show ul li .news-tit{ font-size: 15px; padding: 8px 0; }
    .news-show ul li .news-tit a{ width: 77%; }
    .news-show ul li .news-tit a.tit-cur{ font-size: 16px; }
    .qw-show h2{ font-size: 18px; }
    .qw-show01 ul li, .qw-show02 ul li{ font-size: 15px; padding-top: 10px; padding-bottom: 10px; }
    .qw-show01 ul, .qw-show02 ul{ margin-top: 0; }
    .pro-tel{     display: none;}
    .pro-btn{ width: 100%; }
    .pro-l h2, .pro-l p{ margin: 5px 0; }
    .pro-news{ margin-left: 0; }
    .pro-news li{ width: 100%; margin-left: 0; }
    .news-main ul li{ width: 100%; margin-left: 0; margin-bottom: 10px; }
    .news-main ul{ margin-left: 0; }
    .news-list ul li a{ font-size: 14px; }
    .con-info p{ font-size: 14px; }
    .con-info a.news-btn{ width: 40%; }
    .con-info{ border:5px solid #F2F2F2; }
    .news-rank ul li h3{ height: 36px; line-height: 36px; margin-bottom: 2px; }
    .news-rank ul li{ margin-top: 15px; }
    .news-art p{ margin: 8px 0 0; }
    .case-show ul li p{ display: none; }
    .case-show ul li{ padding: 5px; }
    .case-show ul li b{ height: 40px; line-height: 22px; font-size: 15px;     text-align: center;}
    .case-btn{ margin-top: 0; margin-bottom: 5px; }
    .case-link span{ width: 100%; }
    .case-tel{ width: 100%; box-sizing: border-box; margin-top: 10px; }

    .pro-mold p{ width: 25%; }
    .pro-mold p span{ font-size: 16px; width: 100%; height: auto; line-height: 24px; border-radius: 8px; }
    .pro-mold p:hover span{ border-radius: 8px; }
    .pro-mold p span.pro-mold01{ padding: 8px 4px; }
    .pro-mold p span.pro-mold02{ padding: 8px 4px; }
    .pro-mold p span.pro-mold03{ padding: 8px 4px; }
    .pro-mold p.selected span.pro-mold01 { padding: 8px 4px; }
    .pro-mold p.selected span.pro-mold02 { padding: 8px 4px; }
    .pro-mold p.selected span.pro-mold03 { padding: 8px 4px; }
    .ser-show ul li{ width: 48.5%; margin-bottom: 10px; }
    .ser-step ul li.step01 b{ background-size: 82%;}
    .ser-step ul li.step02 b{ background-size: 82%;}
    .ser-step ul li.step03 b{ background-size: 82%;}
    .ser-step ul li.step04 b{ background-size: 82%;}
    .ser-step ul li.step05 b{ background-size: 82%;}
    .ser-step ul li.step06 b{ background-size: 82%;}
    .ser-step ul{ margin-top: 20px; }
    .ser-step ul li h3{ margin-top: 0; }
    .about-cap ul li{ width: 48%; margin-bottom: 10px; }
    .about-cap p{ line-height: 30px; }
    .cont-show ul li{ padding: 20px 12px; }
    .cont-info{ width: 98%;margin: 3% 0 3% 1%;  }
    .cont-main li {width: 37%;}
}

@media screen and (max-width:375px){
    .news-show ul li .news-tit span{ display: none; }
    .news-show ul li .news-tit a{ width: 100%; }
    .index-name{ margin: 12px 0; }
    .index-qw{ margin-top: 20px; }
    .qw-show{ margin-top: 15px; }
    .product-show{ margin: 20px auto; }
    .pro-btn{ width: 100%; }
    .pro-tel{ width: 100%; box-sizing: border-box; margin-top: 10px; }
    .pro-fix ul li a{ font-size: 14px; }
    .pro-fix{ margin-bottom: 20px; }
    .pro-l h2 b{ font-size: 16px; }
    .pro-l p{ line-height: 26px; font-size: 14px; }
    .pro-line .line-txt a{ font-size: 16px; }
    .pro-line .line-txt p{ margin: 2px 0; }
    .pro-l h3{ font-size: 18px; }
    .pro-news li{ line-height: 36px; }
    .pro-news li a{ font-size: 14px; }
    .news-main, .news-lists{ margin-top: 20px; }
    .news-list{ margin-bottom: 20px; }
    .ban-show{ display: none; }

    .page{ margin: 15px auto; }
    .page a{ padding:4px 8px; margin-right: 3px;}
    .page .current{ padding:4px 8px; margin-right: 3px;}
    .disabled{ padding:4px 8px; margin-right: 3px;}
    .pro-l h1{ font-size: 18px; }
    .news-cue{ padding: 5px; }
    .case-btn{ display: none; }
    .case-show, .case-main{ margin-top: 20px; }
    .case-show ul li b{ text-align: center; margin:5px 0; }
    .case-show ul li{ margin-bottom: 10px; }
    .case-info p{ font-size: 14px; }
    .case-info ul li p{ padding: 8px 4px; }
    .pro-mold, .pro-show{ margin-top: 20px; }
    .pro-show ul li p{ font-size: 15px; }
    .pro-show ul li{ margin-bottom: 10px; }
    .pro-show ul{ margin-left: 0; }
    .pro-show ul li{ width: 100%; margin-left: 0; }
    .ser-show ul li{ padding: 20px; }
    .ser-show ul li h3{ font-size: 16px; margin-bottom: 5px; }
    .ser-show ul li img{ width: 52px; height: auto; }
    .about-txt p, .about-main ul li p span, .inter-txt p, .parts-txt p{ font-size: 14px; }
    .about-main ul li p{ padding: 5px; }
    .cont-show ul li b{ display: none; }
    .cont-show ul li h3{ font-size: 16px; margin-bottom: 0; }
    .cont-show p{ font-size: 14px; }
    .ban-cont{ display: block; }
    .cont-info>p{width: 96%;font-size: 14px;}
    .index-pro ul li .pro-pic{ width: 100%; }
    .index-pro ul li .pro-main{ width: 100%; }
    .index-pro ul li .pro-arrow{ display: none; }
}

@media screen and (max-width:320px){
    .index-name span{ font-size: 50px; }
    .product-info h1{ font-size: 22px; }
    .product-info ul li{ padding: 0 2px; font-size: 14px;}
    .product-info ul li p{ font-size: 14px; }
    .news-list ul li span{ display: none; }
    .news-list ul li a{ width: 100%; }
    .news-rank ul li span{ display: none; }
    .news-rank ul li h3 a{ width: 100%; }
    .ban-top p{ margin-top: 12px; }
    .ser-show p{ display: none; }
    .ser-show ul{ margin-top: 10px; }
    .about-main ul li p b{ font-size: 30px; }
    .cont-info h1{ font-size: 20px; margin-bottom: 10px; }
    .cont-info p{ margin-bottom: 10px; }
    .cont-info span{ width: 50%; }
}
@media (max-width: 999px){
.foot_yd {
    display: inherit;
}
.foot {
    display: none;
}
.wrap {
    width: 98%;
}
    .banner ul li .img_pc,.pro_pk,.service-image .m,.index_news .news_con .r,.friend_link,.chengnuo ul li p,.chengnuo ul li span,.pro_tit .line_img,.watch,.in_order{display: none;}  
    .banner ul li .img_m,.cp_m, .ban-index, .m-banner{display: block;}
    .banner{ display: none; }
}
@media (max-width: 480px){
    .foot_talk a{font-size:18px;padding:5px;border-radius: 10px;}
    .foot_tel{font-size:16px;margin-top:16px}
    .foot_tel a{font-size:18px;}
    .foot_lx{padding:14px 1.5%;border-bottom: #efeff4 solid 0px;}
    .foot_copy{margin-top:12px;}
    .foot_copy p{ line-height:24px; font-size:13px;}
    .foot_copy p, .foot_copy p a{ font-size:14px;}
    .foot_db{margin-top:16px; padding-bottom:16px;margin-block-end: 46px;}
    .foot_nav li { font-size:14px;}
    .pro_show{ margin:20px auto;}
	.pro_tit{ font-size:26px; height:26px;}
	.pro_show p{ display:none;}
	.pro_show ul li p{ display:block; font-size:14px;}
	.pro_show ul li{ width:49%;}
	.pro_show ul li:hover img{transform:none;}
	.shows{ padding:20px 0;}
	.pro_show ul{ margin-top:10px;}
}
@media (max-width: 768px){
.news_list li, .cont1 dl dt, .cont1 dl dd {
    width: 97%;
}
    
}
@media only screen and (max-width: 640px){
.news-left img {
    width: 100%!important;
    height: auto!important;
}
  .pro-l img {
    width: 100%!important;
    height: auto!important;
}  
  .case-tit img {
    width: 100%!important;
    height: auto!important;
}  

}