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; }
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: 14px; 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;float: right;background: url(../images/tel.png) no-repeat 0 center;padding-left: 55px;margin-top: 5px; font-size: 18px;line-height: 30px;}
.top .tel strong{display: block;
    font-size: 32px;
    font-family: Impact;
    line-height: 1;
    color: #e50012;}
.top .tel img{ margin-top: 10px; }

.nav{ clear: both; overflow: hidden; background-color: #0c2b47; }
.nav ul { margin: 0 auto; overflow: hidden; }
.nav ul li { float: left; width: 11.1%; text-align: center;}
.nav ul li a { font-size: 17px; display: inline-block; color: #FFF; line-height: 55px; width: 100%; border-bottom: 1px solid #000; }
.nav ul li a:hover { border-bottom: 1px solid #E50012; }
.nav ul li a.nav-select{ color: #FFF; background-color: #E50012; border-bottom: 1px solid #E50012; }

.m-top{ display: block; /*height: 40px;*/ text-align: center; }
.m-top img{ /*height: 32px;*/ margin-top: 2px; }
.menu{ clear: both; overflow: hidden; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; background-color: #FDFDFD; }
.menu ul li { float: left; width: 11.1%; line-height: 32px; text-align: center;}
.menu ul li a:hover{ color: #E50012; }
.m-top, .menu{ display: none; }

.banner{ clear: both; overflow: hidden; }
.banner .slick-list,.banner .slick-slide,.banner .slick-slider,.banner .slick-track{height:100%;margin-bottom:0}
.banner .items{display:block;outline:0;position:relative}
.banner .items img{display:block;width:100%; height: auto;}
.banner .slick-next,.banner .slick-prev{position:absolute;top:40%;overflow:hidden;width:30px;height:50px;font-size:0;line-height:0;z-index:99;background-repeat:no-repeat;background-position:center;-o-background-size:auto 21px;-ms-background-size:auto 21px;-moz-background-size:auto 21px;-webkit-background-size:auto 21px;background-size:auto 21px;background-color:#000;text-indent:-9999px;transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;opacity:0;filter:alpha(opacity=0)}
.banner:hover .slick-next,.banner:hover .slick-prev{top:50%;margin-top:-25px;opacity:1;filter:alpha(opacity=100)}
.banner .slick-next::before,.banner .slick-prev::before{display:none}
.banner .slick-prev{left:20px;background-image:url(../images/prev1.png)}
.banner .slick-next{right:20px;background-image:url(../images/next1.png)}
.banner .slick-next:hover,.banner .slick-prev:hover{background-color:#D4231D;}
.banner .slick-dots{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:99}
.banner .slick-dots li{display:inline-block;margin:0 2px}
.banner .slick-dots li button{display:block;width:15px;height:15px;font-size:0;line-height:0;text-indent:999px;background-color:#fff;border-radius:50%;margin-right:0}
.banner .slick-dots li.slick-active button{background-color:#D4231D;}

#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: #333;}
.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%; height: 254px;}
.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 12px 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;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover; }
.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, .index-name div{ position: absolute; left: 42.5%; top: 44px; color: #222; text-align: center; font-size: 36px; font-weight: normal; }
.names h2, .names div{ 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;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.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; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.show-info span:hover{background-color: #0c2b47;}
.show-info h3:hover a{color: #D81E06;background-position: 200px 16px;}

.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;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out; }
.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-line li:hover a{color: #D11C17;}
.index-line ul li img {width: 100%; height: 288px;}

.index-about{  clear: both; overflow: hidden; padding-bottom: 70px; margin-top: 70px; background:url(../images/bg-about01.jpg) top center no-repeat; -webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.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, .index-about ul li span{display: block; font-size: 26px; font-weight: normal; height: 76px; line-height: 38px; overflow: hidden; margin-bottom: 20px; }
.index-about ul li p{ font-size: 14px; height: 80px; line-height: 26px; overflow: hidden; margin-bottom: 60px; }
.index-about ul li b{ display: block; text-align: center; font-size: 56px; }
.index-about ul li b font{ font-size: 14px; }
.index-about ul li:first-child{ padding-left: 0; }
.index-about ul li:last-child{ padding-right: 0; border-right: none; width: 19%;}

.index-news{ clear: both; overflow: hidden; }
.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: #242424; 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;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pic-info h3 a:hover{color: #DD130C;}
.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: 10px 0; 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: 52%; margin-right: 6%; }
.product-pic img{ border: 4px solid #FFF; border-radius: 4px; width: 100%; height: 500px;}
.product-info{ float: left; width: 42%; }
.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{ color: #FFF; font-size: 14px; margin: 20px 0 36px 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: 20px 0 15px; margin: 30px 0 40px -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: 31.8%; 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.png) 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:26px; 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);
    background-position: left center;
    background-size: 200% 100%;
    background-repeat: no-repeat;
    transition: background-position .6s ease;
    -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
}
.pro-btn span:hover{background-position: right center;border-radius: 25px;}

.product-main{ clear:both; padding-top:40px;overflow: hidden;}
.base-news{background-color: #f5f8ff;}
.pro-l{ float:left; width:73%; line-height: 30px;}
.pro-r{ float:right; width:21%;}
.pro-fix{ clear:both; overflow: hidden; margin-bottom: 40px; }
.pro-fix ul{ margin-left: -1%; }
.pro-fix ul li{ float: left; width:19%; 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: 26px; color: #333; font-weight: normal; margin: 30px 0 20px; }
.pro-l h2 b{ font-size: 26px; color: #E50012; padding-left: 14px; margin-left: 6px; background:url(../images/ico-dot.png) left center no-repeat;}
.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 a:hover{color: #FFDF01;}
.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: 35px 0 20px;}
.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-l .xwmore_css:hover a{color: #E50012;}
.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: #FDFAED;}
.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; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.ser-cont span a {display: block; color: #333;}
.ser-cont span:hover a, .ser-cont span a:hover{background-color: #FD0517;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 img{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.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; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pro-list01 li a:hover{ color: #DD130C; }
.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, .pro-mold p.selected span{ cursor: pointer; border-radius: 35px; border:1px solid #E50012; background-color: #E50012; color:#fff; }
.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: 210px; }
.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:220px; overflow:hidden;}
.ban-shows{ height:470px;}
.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: #f5f8ff; }
.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;}
*/
.pagination{text-align:center;}
.pagination li{display:inline-block;margin:0 5px;/*float:left; width: 84px; */text-align: center;line-height: 38px;color: #666;}
.pagination li a,.active span{display:block;padding:0 12px;height:33px;line-height:31px;font-size:17px;color:#999;border:1px solid #e6e6e6}
.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%; */ margin: 30px auto;}
#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:28px 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 a:hover{text-decoration: underline;}
.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:20px 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; background-color: #F2F2F2; }
.case-show ul li a{ display: block; overflow: hidden; }
.case-show ul li img{ width: 100%; height: 264px; 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;}
.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-btn span a{width: 100%;
    border-radius: 0px 20px 20px 0px;}

.case-main{ clear: both; overflow: hidden; margin-top: 50px; }
.case-pic{ float: left; width: 55%; }
.case-pic img{ width: 100%; height: 500px; }
.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: 14px; 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);
    background-position: left center;
    background-size: 200% 100%;
    background-repeat: no-repeat;
    transition: background-position .6s ease;
    -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
}
.case-link span:hover{background-position: right center;border-radius: 25px;}

.case-info{ clear: both; overflow: hidden; margin-top: 60px; line-height: 30px; font-size: 16px;}
.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:200px; }
.case-info ul li p{ font-size: 16px; line-height: 20px; 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:url(../images/bg-logo.png) #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-txt h1, .about-txt b{display: block; color:#222; font-size:34px; font-weight:normal; margin-bottom:30px;}
.about-txt h1 i, .about-txt b 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;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;background-size: cover;}
.inter-txt{ float:left; width:40%;}
.inter-txt h2, .inter-txt span{display: block; color:#FFF; font-size:32px; font-weight:normal; margin:30px 0;}
.inter-txt h2 b , .inter-txt span 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, .about-cap b{display: block; position:relative; color:#000; font-size:32px; text-align:center; padding-bottom:14px;}
.about-cap h2:after, .about-cap b: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, .ser-show div{ color:#E50012; font-size:34px; text-align:center; font-weight: bold;}
.ser-show h1 i, .ser-show div 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,.ser-show ul li span{display: block; 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, .parts-txt span{display: block; color:#FFF; font-size:32px; font-weight:normal; margin:30px 0;}
.parts-txt h2 b, .parts-txt span 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, .ser-step span{display: block; color:#111; font-size:32px; text-align: center; font-weight:normal;}
.ser-step h2 b, .ser-step span 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, .ser-step ul li i{display: block; font-style: normal; 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;cursor: pointer;}
.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, .cont-show div{ color:#E50012; font-size:34px; text-align:center;}
.cont-show h2 i, .cont-show div 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, .cont-show ul li span{display: block; font-weight: bold; color:#333; font-size:18px; padding-bottom: 3px; margin-bottom:15px;}
.cont-show ul li h3 span 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}

.fixed-swt{display:none;}
/* 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{text-align: center;margin-left: -20px;}
.btnclick .btn_submit{display:inline-block;width:157px;height:33px;background:#f80505;color:#ffffff;font-size:16px;text-align:center;line-height:31px;border-radius:5px;margin-top: 26px;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.clearfix:after{ clear:both; content:''; display:block; height:0; line-height:0; visibility:hidden;}
.clearfix{zoom:1;}
.btnclick .btn_submit:hover{background: #0c2b47;}

.pc_cs table td{word-break: break-all;}
@media screen and (max-width:1600px){
    .box {width: 1200px;overflow: hidden; *zoom:1; _zoom:1; zoom:1;}
    .case-show{margin: 60px 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: 42%; }
    /* .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){
    .box, .boxs{ max-width: 99%; }
    .product-pic{ width: 56%; }
    .product-info{ width: 42%; }
    .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;}
  
}

@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: 46%; }
    .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%;}
    .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, .index-name div{ font-size: 32px; }
    .index-about ul li h3, .index-about ul li span{ font-size: 24px; }
    .index-name h1, .index-name h2, .index-name div{ top: 32px; }
    .index-pro ul li{width: 100%;margin-bottom: 20px;padding: 10px;}
    .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{ width: 100%; }
    .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%; }
    .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-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, .ser-show div{ font-size: 30px; }
    .parts-txt h2, .ser-step h2 ,.parts-txt span, .ser-step span{ 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, .ser-step ul li i{ 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, .inter-txt span{ margin-top: 0; }
    .about-main ul li p{ padding: 12px; }
    .about-main ul li p b{ font-size: 36px; }
    .about-txt h1, .about-txt b{ font-size: 30px; }
    .inter-txt h2, .about-cap h2, .cont-show h2, .inter-txt span, .about-cap b, .cont-show div{ 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; padding: 0;}
    .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%;}
	.case-info img {max-width: 100%; width: 100% !important; height: auto !important; }
	.index-line ul li img {width: 100%; height:auto;}
	.case-show ul li img{ width: 100%; height: 142px;}
	.case-info ul li a img{ width: 100%; height: 150px !important; }
	.pro-show ul li img{ width: 100%; height: 140px; }
	.show-msg {margin-bottom: 60px;}
	.show-msg .msg-l {width: 90%;}
	.show-msg .msg-r {display: none;}
	.product-pic img {height: auto;}
	.case-pic img {height: auto;}
	.xg-news .tab-con li{overflow: hidden;padding:10px 0;box-sizing: border-box;border-bottom: 1px dashed #dedfe0;}
	.xg-news .tab-con li a{display: block;float: left; width: 70%; font-size: 14px;color: #4c546a;line-height: 28px;background: url(../images/news-tag01.png) no-repeat left center;padding-left: 26px; overflow: hidden;}
	.xg-news .tab-con li span{float: right;color: #999;font-size: 12px;margin-left: 10px;line-height: 28px;}
	
}

@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, .index-name div{ 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-top: -15px;*/ margin-bottom: 20px; }
    .ban-top{ height: 100px; }
    .ban-top .position { display: none; }
    .ban-top p{ margin-top: 30px; }
    .news-cue{ padding: 10px; }
    .case-show ul li{ width: 48%; }
    .case-show{ margin: 30px auto 0; }
    .link{ display: none; }
    .footers{ padding: 20px 0 60px; }
    .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, .ser-show div{ font-size: 26px; }
    .parts-txt h2, .ser-step h2, .parts-txt span,  .ser-step span{ font-size: 24px; }
    .parts-txt p{ font-size: 15px; }
    .ser-step ul{ margin-top: 40px; }
    .ser-step{ padding: 40px 0; }
    .about-txt h1, .about-txt b{ font-size: 26px; }
    .inter-txt h2, .about-cap h2, .cont-show h2, .inter-txt span, .about-cap b, .cont-show div{ font-size: 24px; }
    .about-name{ display: none; }
    .about-show{ padding: 10px; }
    .about-txt{ padding-top: 10px; }
    .about-txt h1, .about-txt b{ margin-bottom: 10px; }
    .about-txt p{ line-height: 30px; margin-bottom: 10px; }
    .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;}
    
    .fixed-swt {
    width: 100%;
    height: 2.38667rem;
    position: fixed;
    display: block;
    /* left: 50%; */
    /* margin-left: -5rem; */
    bottom: 0;
    z-index: 1080;
}
.fixed-swt:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: .48rem;
    height: 2.17333rem;
    /*background: #ffffff;*/
    -webkit-box-shadow: 0 0 0.4rem rgba(45,96,171,0.15);
    -moz-box-shadow: 0 0 .4rem rgba(45,96,171,0.15);
    box-shadow: 0 0 0.4rem rgba(45,96,171,0.15);
}

.fixed-swt .swt-msg {
    width: 36%;
    width: 3.6rem;
    float: left;
    text-align: center;
    font-size: 1.08rem;
    color: #202123;
    display: block;
    height: 4.17333rem;
    line-height: 2.17333rem;
    margin-top: .21333rem;
    position: relative;
    z-index: 1;
    background: #F6373D;
    color: #FFC900;
    border-radius: 1.2rem;
}

.fixed-swt .swt-msg {
    width: 34%;
}
.fixed-swt .swt-phone {
    display: block;
    width: 64%;
    height: 6.2rem;
    float: right;
    position: relative;
    z-index: 1;
    padding-left: 1.6rem;
    border: .05333rem solid #fecf74;
    background: #e45f21;
    background: -webkit-linear-gradient(#f58706, #d43a3a);
    background: -moz-linear-gradient(#f58706, #d43a3a);
    background: linear-gradient(#f58706, #d43a3a);
    border-radius: 1.2rem;
}
.fixed-swt .swt-phone {
    width: 54%;
    padding-left: 2.46667rem;
}
.fixed-swt .swt-phone i {
    position: absolute;
    left: 0.33333rem;
    top: 0.38rem;
    width: 1.93333rem;
    height: 1.93333rem;
    z-index: 2;
    border-radius: 100%;
}

.fixed-swt .swt-phone i:before, .fixed-swt .swt-phone i:after {
    /* content: ''; */
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
}
.fixed-swt .swt-phone i:after {
    z-index: 2;
    background: #ffc65b;
    background: -webkit-linear-gradient(#feecc0, #ffa507);
    background: -moz-linear-gradient(#feecc0, #ffa507);
    background: -o-linear-gradient(#feecc0, #ffa507);
    background: linear-gradient(#feecc0, #ffa507);
    left: 0;
    top: 0;
}
.fixed-swt .swt-phone i:before {
    /* z-index: 1; */
    /* background: #d73906; */
    /* left: .04rem; */
    /* top: .04rem; */
}

.fixed-swt .swt-phone span {
    margin-top: .05333rem;
    font-size: .26667rem;
    color: #fee9b7;
    line-height: .48rem;
}

.fixed-swt .swt-phone strong {
    font-size: 1.25333rem;
    line-height: 1.3333rem;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 2px;
    -webkit-text-shadow: .05333rem .05333rem .05333rem rgba(199,44,44,0.75);
    -moz-text-shadow: .05333rem .05333rem .05333rem rgba(199,44,44,0.75);
    text-shadow: 0.05333rem 0.05333rem 0.05333rem rgba(199,44,44,0.75);
}

.lytit p {
	float: right;
	width: 72%;
	
}
.form {
	margin: -20px auto;
}
.lytit {
	padding-bottom: 60px;
}
.index-pro ul li .pro-pic img {
	height: auto;
}
.news-show ul{ width: 90%; margin: 0 auto; float: none;}
}

@media screen and (max-width:600px){
    .index-name span{ left: 24% }
    .index-name h1, .index-name h2, .index-name div{ 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%; }

    .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{ font-size: 15px; }
    .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;}
    .product-main{ padding-top: 0px; }
    .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: 14px; }
    .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, .ser-show div{ 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, .ser-show ul li span{ 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, .about-txt b{ font-size: 24px; }
    .inter-txt h2, .about-cap h2, .cont-show h2 , .about-cap b, .cont-show div{ font-size: 22px; }
    .inter-txt h2, .inter-txt span{ margin-bottom: 20px; }
    .ban-cont{ display: block; }


    .new-about li{ width: 49%; }
    .message{margin: 18px 0;}
	
	.index-pro ul li .pro-main p{float: left; width: 42%;}
} 

@media screen and (max-width:480px){
    .index-name span{ /* left: 7% */ }
    .index-name h1, .index-name h2, .index-name div{ left: 30%; top: 40px; }
    .index-name h1, .pro-l h1{ font-size: 22px; }
    .index-name h2, .index-name div{ font-size: 20px; }
    .index-pro ul li .pro-main{ padding: 10px 0; }
    .index-pro ul li .pro-arr{ display: none; }
    .index-pro ul li .pro-main h3{font-size: 20px;margin-bottom: 10px;}
    .index-pro ul li .pro-main h3 a{background: url(../images/ico-arrow10.png) right 7px no-repeat;}
    .index-pro ul li .pro-main p{line-height:30px}
    .index-pro ul li .pro-pic{/* width: 48%;float: left; */margin-top: 30px;}
    .index-pro ul li .pro-main{/* width: 42%;float: left; */margin-top: 10px;}
    .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{ width: 46%; }
    .pro-btn{ width: 38%; }
    .pro-l h2, .pro-l p{ margin: 10px 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: 44px; line-height: 22px; font-size: 15px; }
    .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: 14px; 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, .ser-step ul li i{ margin-top: 0; }
    .about-cap ul li{ width: 48%; margin-bottom: 10px; }
    .about-cap p{ line-height: 24px; }
    .cont-show ul li{ padding: 20px 12px; }
    .cont-info{ width: 98%;margin: 3% 0 3% 1%;  }
    .cont-main li {width: 37%;}
    .pagination li{}
}

@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: 20px; }
    .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, .ser-show ul li span{ 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, .cont-show ul li span{ 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%; }
}

.pro-mask-btn {
    display: block;
    margin: 20px auto;
    width: 120px;
    height: 40px;
    background-color: #E50012;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
}

@media screen and (min-width:769px){
	.footer-bottom-fixed {
		display: none;
	}
}

@media screen and (max-width:768px){
	body {
		padding-bottom: 60px;
	}
}



      .footer-bottom-fixed {
        width: 100%;
        height: 60px;
        background-color: #E50012;
        color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10;
      }
      .footer-bottom-fixed a{
        display: block;
        text-decoration: none;
        text-align: center;
        color: #fff;
        font-size: 14px;
        line-height: 20px;
      }
      .footer-bottom-fixed-home,
      .footer-bottom-fixed-product,
      .footer-bottom-fixed-contact,
      .footer-bottom-fixed-top {
        width: 20%;
        padding: 5px 0;
        float: left;
      }
      .footer-bottom-fixed-contact,
      .footer-bottom-fixed-top {
        float: right;
      }
      .footer-bottom-fixed-home img,
      .footer-bottom-fixed-product img,
      .footer-bottom-fixed-contact img,
      .footer-bottom-fixed-top img {
        display: block;
        width: auto;
        height: 30px !important;
        margin: 0 auto 2px;
      }
      .footer-bottom-fixed-tel {
        display: block;
        position: fixed;
        bottom: 5px;
        left: 50%;
        width: 80px;
        height: 80px;
        border: 5px solid #fff;
        border-radius: 50%;
        background-color: #f9c936;
        margin-left: -40px;
        z-index: 99999;
        
        
      }
      .footer-bottom-fixed-tel img {
        display: block;
        width: 34px;
        height: auto;
        margin: 15px auto 5px;
      }
      .footer-bottom-fixed-tel span {
        font-size: 14px;
        font-weight: bold;
        color: #101d3f;
      }