@charset "utf-8";
* {	margin: 0;	padding: 0;list-style: none;text-decoration: none;font-style: normal;border: none;}
body {font-size: 14px;	font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif; overflow-x:hidden}
:focus {outline: 0;}
a img {	border: none;}
input, textarea {border: 2 none;box-shadow: none;outline: none;}
body {width: 100%;	/*min-width: 1360px;*/	margin: 0 auto;font: 14px/22px "Microsoft YaHei";	color: #666;}
a {	color: #333;	word-wrap: break-word;}/*英文换行*/
a:hover {	text-decoration: none;	color: #db1000;}
legend {color: #000;} 
button, input, select, textarea {font-size: 100%; }
table {	border-collapse: collapse;	border-spacing: 0;}
html {	overflow-y: scroll;}
.fl {float: left;}
.fr {float: right;}
.pr {position: relative;}
.clear {clear: both;height: 0;}
.sj{ display:none}


.header, .content, .footer {width:80%;margin: 0 auto;font-family: "Microsoft Yahei";}
.h_top {/*height: 198px;background: url(../images/topbg.gif) repeat-x center 0;*/position: relative;z-index: 2;font-family: "Microsoft Yahei"; padding:10px 0; height:80px; box-sizing:border-box}
.t_con {/*height: 117px;overflow: hidden;padding: 15px 0 0;*/}
.t_con h1{/* background:url(../images/xt.jpg) no-repeat right center; */ width:12%;}
.t_con h1 img {display: block; width:100%}
.t_text {font-size: 24px;color: #3d3d3d;line-height: 32px;padding: 22px 0 0 40px;}
.t_text b {display: block;color: #e3232f;}
.t_pho {color: #3d3d3d;line-height: 26px;font-size: 14px;text-align:left; width:15%}
.t_pho span {background: url(../images/t_pho.gif) no-repeat 0 0;padding: 0 0 0 28px;display: inline-block;}
.t_pho b {display: block;font-family: fantasy;font-size:30px;line-height:30px;color: #e3232f;}
.menu {white-space: nowrap;height:55px;line-height:55px;font-size: 14px; margin-left:3%;float:left; width:50%}
/*.menu ul {width: 100%;}
.menu li {float: left; width:12.5%; text-align: center; height:66px}
.menu li a {color: #fff;display: inline-block;padding:0; width:100%; height:100%}
.menu li.cur a, .menu li a:hover {text-decoration: none;z-index: 1;background: url(../images/nav-libg.png) no-repeat center;font-weight: bold;background-size: 100% 100%;}
.menu li a:-webkit-any-link {display:block;}
*/

.menu a{}
.menu .nLi{float: left; width:14.2%; text-align: center; height:55px; position:relative}
.menu .nLi h3{ font-weight:100}
.menu .nLi h3 a{display: inline-block;padding:0; width:100%; height:100%}
.menu .nLi:hover,.menu .on h3 a{color:#fff; text-decoration: none;z-index: 1;background: url(../images/nav-libg.png) no-repeat center;background-size: 100% 100%;}
.menu .sub{ display:none;left:0; top:70px;  position:absolute; background-color:rgba(52,52,52,0.8);   line-height:30px; padding:30px 10px;  }
.menu .sub li{ zoom:1; }
.menu .sub a{ display:block; padding:5px 10px; color:#fff }
.menu .sub a:hover{ background:#6d6d6d; color:#fff;  }







.banner_sy{position: relative;overflow: hidden; width:100%; }
.banner_sy:before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.1);z-index: 1;}
.banner_sy .pic { width:100%;   opacity: 0;object-fit: cover;}
.banner_sy .video {    width: 100%;    position: absolute;    left: 0;    bottom: 0;    display: block;}
.banner_sy .sty1 { color:#FFF;   position: absolute;  left: 13.54167%; top: 31.2%; z-index: 2;}
.banner_sy .sty1 .p1 { font-size: 61px;  font-weight: bold;  line-height: 1.4;}
.banner_sy .sty1 .p2 {  margin-top: 44px;    font-size: 22px;}


.banner {position: relative;overflow: hidden; width:100%; height:700px;}

.ban_p, .ban_p li {height: 700px;overflow: hidden; width:100%}
.ban_p li a {display: block;height: 700px; width:100%;background-size: 100% 100% !important}
.ban_t {width: 1100px;height: 50px;bottom: 60px;left: 50%;margin-left: -550px;position: absolute;text-align: center; z-index:999}
.ban_t em {width: 16px;height: 16px;border-radius: 16px;margin-right: 10px;display: inline-block;background: #d4d4d4;}
.ban_t em.on {background: #e3232f;}
.banimg{ position:absolute; bottom:0; width:100%}




/*搜索*/
.seabox {line-height: 40px; margin-right:2%; margin-top:10px;position: relative; width:16%}
/*.keyword {width: 455px;padding: 0 0 0 124px;white-space: nowrap;}
.keyword a {padding: 0 6px;display: inline-block;white-space: nowrap;}*/
.sea_inp {width: 100%;height: 37px;overflow: hidden;border: solid 1px #edeceb;border-radius: 19px;}
.sea_inp .serach {width:75%;height:37px;border: 0;background: none;line-height: 37px;color: #555;padding: 0 0 0 5%;float: left;outline: none;display: block;font-size: 14px;}
.sea_inp .sub {width: 20%;height: 37px;float: left;cursor: pointer;display: block;background: url(../images/sea_ico.gif) no-repeat 10px 7px;border: 0;}


.g-tit{text-align: center;margin: 40px 0;overflow: hidden;}
.g-tit .en{font-size: 16px;color:#999999;text-align: center;text-transform: uppercase;}
.g-tit .en span{ position: relative; display: inline-block;}
.g-tit .en span::after{content:'';display: block;position: absolute;top: 50%;left: -100px;width: 80px;height: 1px;background: #bfbfbf;}
.g-tit .en span::before{content:'';display: block;position: absolute;top: 50%;right: -100px;width: 80px;height: 1px;background: #bfbfbf;}
.g-tit .cn{font-size: 30px;font-weight: bold;color:#333333; line-height: 1.3;margin-bottom: 6px;}
.g-tit .cn i{display: inline-block;margin-left: 5px;width: 8px;height: 8px;border-radius: 50%;background-color: #db1000;}

.pp{ margin:50px 0}
/*.pp .pp_bg{ background:url(../images/bg.jpg) no-repeat left top; background-size:100% 100%; height:700px}
.ppl{ width:22%; float:left; padding:0 2% 0 2%; color:#fff; background-color:rgba(255,255,255,0.2); height:700px}
*/
.ppl{width:22%; float:left; padding:0 2% 0 2%; color:#fff;background:url(../images/bg.jpg) no-repeat left top; background-size:cover; height:630px;}
.ppl h2{ margin:100px 0; text-align:center; font-size:30px}
.ppl span{ font-size:16px}
.ppl p{ padding:20px 0 40px}
.pp .pp_ul{ float:right; width:74%;}
.pp_ul li{ border-radius:10px; margin: 0 0 20px 3%; width:29.5%; float:left}











/*.pp_ul li .tu{ display:inline-block; width:100%; height:220px; overflow:hidden; border-radius:10px 10px 0 0; float:left;}
*/
.pp_ul li .tu{width: 100%;height: 0;overflow: hidden;position: relative;padding-top: 70%;display: block;border-radius:10px 10px 0 0;float:left;}

.pp_ul li .tu img{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;width: 100%;height: 100%;}
.pp_ul li .tu img:hover{ transform:scale(1.1);webkit-transition: all .4s ease; transition: all .4s ease;}
.pp_ul li .tu img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


.pp_ul li .linr{ background:#e8e8e8; display:inline-block;border-radius: 0 0 10px 10px; width:95%; padding:10px 0 10px 5%}
.pp_ul li .linr h3{ font-size:18px; line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pp_ul li .linr p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}




/*产品*/
.products{ padding:30px 0}
.cpli li{float: left;position: relative; width: 23.5%; margin-right:2%; margin-bottom:30px;}
.cpli li .tu {padding:3%; width: 94%;overflow: hidden; background: #d3d3d3;}
.cpli li .tu a {width: 100%;height: 0;overflow: hidden;position: relative;padding-top: 75%;display: block;}
.cpli li .tu img{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;width: 100%;height: 100%;}
.cpli li .tu img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}





.cpli li b{ font-size: 18px;color: #262626;display: block;margin-top:10px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden}
.cpli li p{ font-size: 14px;color: #6a6a6a;height: 22px;overflow: hidden;}
.cpli li a.mo{color: #c7000b;display: inline-block;margin-top: 15px;padding: 5px 10px;padding-left: 0}
.cpli li:hover b{color:#c7000b }
.cpli li:hover a.mo{background: #c7000b;color: #fff;padding-left: 10px;}
.cpli li:hover .tu img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.cpli li a.mo{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in; -ms-transition: all .5s ease-in; -moz-transition: all .5s ease-in;}
.cpli li:nth-child(4n){ margin-right:0}






/*我们的优势*/
.sect_ser {padding: 4rem 0;overflow: hidden;background: #343434; width:100%}
.sect_ser .title_1 h2 {color: #fff;}
.title_1 {text-align: center;margin-bottom:5rem;padding: 0;overflow: hidden;background: url(../images/title1bg.png) no-repeat bottom center;}
.title_1 h2 {color: #0e60bc;font-size: 30px;line-height: 50px;font-weight: normal;}

.picvid{ width:100%; height:100%}


.sect_ser  .span-3{float:left;margin-right:2%;width:23%;transition:.2s width ease; padding-top:10px}
.sect_ser  .span-4{float:left;margin-right:2%;width:59px; height:60px;transition:.2s width ease; background: url(../images/y5.png) no-repeat top center;}
.sect_ser  .span-9{ float: left; margin-right: 2%; width: 73%; transition: .2s width ease;}
.sect_ser .span-12{float:left;margin-right:2%;width:98%;transition:.2s width ease;}
.sect_ser  .span-3:hover{/* background:#fff;*/transition: all 0.5s;}

.serlist {padding:0 10px;overflow: hidden;}
.serlist .simg {width: 100%;}
.serlist h2 {color: #fff;line-height: 35px;font-size: 26px;}
.serlist span {display: block;color: #fff;font-size: 16px;text-transform: uppercase;}
.serlist p {color: #fff;font-size: 14px;line-height: 25px;margin-top:25px; height:90px}

.sect_ser .span-3:hover .serlist p{ color:#db1000}
.sect_ser .span-3:hover .serlist h2{ color:#db1000}
.sect_ser .span-3:hover .serlist span{ color:#c75148}
.sect_ser .span-3:hover .span-4{background: url(../images/y5s.png) no-repeat top center !important;}

.sect_ser .span-3 .simg{ display:inline-block; width:100%;overflow:hidden;}
.sect_ser .span-3 .simg img{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;width: 100%;height: 100%;}
.sect_ser .span-3 .simg img:hover{ transform:scale(1.1);webkit-transition: all .4s ease; transition: all .4s ease;}

.sect_ser .pic { float: left; width:45%; height:400px;overflow:hidden; position: relative; z-index: 5; background:#fff; padding:5px; box-sizing:border-box}
.sect_ser .pic img{ width:100%; height:100%;-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;}
.sect_ser .pic img:hover{ transform:scale(1.1);webkit-transition: all .4s ease; transition: all .4s ease;}


.sect_ser .txt { overflow: hidden;  padding: 35px; background:#fff; width:52%;height:400px; float:right; box-sizing:border-box}
.sect_ser .txt .tit { color: #333333; font-size: 24px;  font-weight: bold; margin-bottom: 17px; }
.sect_ser .txt .titp{ border-bottom:solid 3px #e3232f; line-height:35px; margin-bottom:5px; padding-bottom:10px; display:inline-block}
.sect_ser .txt .desc{color: #666666; margin-bottom: 36px; line-height: 1.8; height:200px;overflow-y: scroll; padding-right:20px;}
.sect_ser .txt .descp {color: #666666; margin-bottom: 30px; margin-top:10px; line-height: 1.8; height:200px;padding-right:20px;}
.sect_ser .txt .desc p,.sect_ser .txt .descp p{ text-indent:2rem; padding-top:5px;}
.sect_ser .txt .descp p{ padding: 5px 0;  font-size: 16px; line-height: 35px;}
.sect_ser .txt .desc::-webkit-scrollbar {width: 4px;
}
.sect_ser .txt .desc::-webkit-scrollbar-thumb {border-radius:4px;background: rgba(181,38,38,0.8);
}
.sect_ser .txt .desc::-webkit-scrollbar-track {border-radius: 4px;background: rgba(237,203,195,0.8);
}

.sect_ser .txt .dht{ background:url(../images/t_pho.gif) no-repeat left center; background-size: contain; font-size:16px; padding-left:40px;}
.sect_ser .txt .dht b{ color:#CF102D; font-size:24px;}




.sect_ser .ul-list3{overflow: hidden;margin-bottom: 57px;}
.sect_ser .ul-list3 li{float: left;font-size: 14px;color:#49525c;padding-right: 20px;line-height: 15px;border-right: 1px solid #49525c;margin-right: 22px;}
.sect_ser .ul-list3 li img{display: inline-block;vertical-align: middle;margin-right: 10px;}
.sect_ser .ul-list3 li:last-child{margin-right: 0;padding-right: 0;border:none;}
.sect_ser a.more,.sect_ser a.moret{display: block;width: 120px;height: 40px;line-height: 40px;border-radius: 30px;text-align: center;font-size: 14px;color: #fff;background: #343434;}
.sect_ser a.more img,.sect_ser a.moret img{display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: -2px;}
.sect_ser a.more:hover,.sect_ser a.moret:hover{background: #db1000;}


/*.g-form{overflow: hidden;background: url(../images/pic7.jpg) no-repeat;padding:45px 0;background-size: cover;}
.g-form .form{float: right;width: 40%;padding-top: 8px;overflow: hidden;}
.g-form .form .btn button{float: right;display: block;width: 115px;height: 115px;background: url(../images/ico10.png) no-repeat;background-size: cover;color:#fff;}
.g-form .fl{width: 444px;padding-left: 65px; box-sizing:border-box}
.g-form .fl .box{overflow: hidden;}
.g-form  .item{border-radius: 8px;overflow: hidden;height: 50px;margin-bottom: 10px;}
.g-form .box .item:last-child{margin-right: 0;}
.g-form .box .item{ width: 48%;float: left; margin-right: 4%;}
.g-form .inp{display: block;background-color: #fff;width: 100%;height: 100%;padding: 0 10px;  box-sizing:border-box}
.g-form .txt{overflow: hidden;border:1px solid #db1000;color:#db1000;font-size: 14px;padding: 23px 18px;}
.g-form .txt .line{width: 94px;height: 4px;background: #db1000;margin-bottom: 10px;}
.g-form .txt .cn{font-size: 24px;color:#ffffff;margin-bottom: 8px;}
*/


.section {padding: 60px 0;}

.section-title {margin-bottom: 40px;text-align: center;font-size: 28px;color: #333; line-height:30px}
.section-title p {color: #999;font-size: 14px;margin: 5px 0 0;}
.section-title:after {display: block;content: '';width: 38px;height: 3px;margin: 15px auto 0;background-color: #343434;}
.in-news {margin-left: -71px;}
.in-news .item {float: left;width: 33.333333%;}
.in-news .wrap {border-left: 1px solid #ddd;padding-left: 35px;margin-left: 35px;}
.in-news .tit {margin-bottom: 15px;line-height: 30px;font-weight: bold;font-size: 18px; color:#333}
.in-news .tit .more {float: right;text-transform: uppercase;font-size: 12px;font-weight: normal;}
.in-news .tit strong {color: #777;margin-left: 10px;font-size: 16px;}
.in-news .tit strong small {font-size: 14px;font-weight: normal;}
/*.img-center {text-align: center;font-size: 0;}
.img-center img {display: inline-block;width: auto;height: auto;max-width: 100%;max-height: 100%;vertical-align: middle;transition: all 0.5s;}
*/



/*.img-center{ display:inline-block; width:100%; height:300px; overflow:hidden;}*/
.img-center {width: 100%;height: 0;overflow: hidden;position: relative;padding-top: 70%;display: block;}
.img-center img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.img-center img{-webkit-transition: all .5s ease-in;-o-transition: all .5s ease-in;-ms-transition: all .5s ease-in;-moz-transition: all .5s ease-in;width: 100%;height: 100%;}
.img-center img:hover{ transform:scale(1.1);webkit-transition: all .4s ease; transition: all .4s ease;}












.list-2 {margin-top: 15px;}
.list-2 li a {display: block;line-height: 34px;overflow: hidden; background:#fff;white-space: nowrap;text-overflow: ellipsis;position: relative;padding-left: 15px;}
.list-2 li a:before {content: '';position: absolute;left: 0;top: 50%;width: 6px;height: 6px;background-color: #ccc;margin-top: -3px;border-radius: 50%;}
.list-2 li a:hover:before {background-color: #fff; margin-left:10px}
.list-2 li a:hover{ background:#db1000; color:#fff; border-radius:5px; padding-left:25px}





.question {padding: 50px 0;overflow: hidden;}
.question .quetit {padding: 0;overflow: hidden; width: 15%;}
.question .quetit h3 {color: #1e1e1e;font-size: 25px;line-height: 30px;}
.question .quetit p {color: #a7a7a7;font-size: 18px;line-height: 30px;text-transform: uppercase;}
.question .quetit a {display: block;color: #d1151b;font-size: 14px;line-height: 20px;margin-top:20px;transition: all 0.3s ease;}
.question .quetit a:hover {padding-left: 10px;}
.question .queitem {padding: 20px;overflow: hidden;border:1px solid #e7e7e7; width:40%; box-sizing:border-box; margin-left:2%}
.question .queitem h2 {color: #ee6d1f;font-size: 16px;line-height: 26px;padding-left: 35px;margin-bottom: 5px;position: relative;}
.question .queitem p {color: #818181;font-size: 14px;line-height: 20px;padding-left: 35px;position:relative;}
.question .queitem h2:before,.question .queitem p:before {content: "";width: 26px;height: 26px;background: #ee6d1f;border-radius: 50%;line-height: 26px;text-align: center;color: #fff;font-size: 14px;position: absolute;left: 0;}
.question .queitem h2:before {content: "问";}
.question .queitem p:before{content: "答";}

.question .queitem:hover h2,.question .queitem:hover p {color: #fff;}
.question .queitem:hover{background:#db1000; border-radius:10px;}




h1,h2,h3,h4 {font-weight:700}
.xm2,.xm3,.xm7{	float:left}
.xm2 {	width:16.66666667%}
.xm3 {	width:25%}
.xm7 {	width:58.33333333%}}
.list-unstyle {list-style:none;padding-left:0}
.list-unstyle ul {list-style:disc}
.float-left {float:left!important}
.float-right {float:right!important}
.line-big{margin-right:-15px;margin-left:-15px}
.line-big .xm10,.line-big .xm2,.line-big .xm3,.line-big .xm7,.line-big .xs12,.line-big .xs6{position:relative;padding-right:15px;padding-left:15px;min-height:1px; box-sizing:border-box}


footer{font-size:14px}
footer .fast-menu{background-color:#db1000}
footer .fast-menu a{color:#fff;line-height:66px}
footer .fast-menu .float-left a,footer .fast-menu .float-left a i{margin-right:5px}
footer .fast-menu .float-right{position:relative}
footer .fast-menu .float-right .fast-search{position:relative;display:block;width:270px;height:66px;background-color:#f4502d;text-align:center;font-size:18px}
footer .fast-menu .float-right .fast-search i{position:absolute;right:38px}
footer .fast-menu .float-right{padding-left:52px;background-color:#da251d}
footer .bottom-nav{background-color:#27343c;color:#a9b3b3}
footer .bottom-nav .container{padding-top:25px}
footer .bottom-nav a{color:#a9b3b3}
footer .bottom-nav h3{padding:25px 0 9pt;border-bottom:1px dashed #a9b3b3;font-weight:700;font-size:18px}
.foot-product li a{display:block;padding:8px 0;border-bottom:1px dashed #a9b3b3}
.foot-product li a:hover{color: #fff;}


.foot-addr{ width:20%; float:left}
.foot-addr p{margin:0;line-height:28px}
.foot-addr h3,.foot-tel h3{margin-bottom:17px}
.footwx{ float:right; padding:2%; line-height:30px; text-align:center}
.foot-tel{padding-top:15px; width:40%; float:left; margin-right:5%}
/*.foot-tel li{padding-bottom:22px}
.foot-media{border-bottom: 1px dashed #a9b3b3; padding-bottom: 15px; margin-bottom: 15px;}
.foot-media-list li{ width: 33%; padding: 5px; float: left; text-align: center; box-sizing:border-box}
.foot-media-list .foot-media-ico{ margin-bottom: 5px;}
.foot-media-list .foot-media-ico img{ margin: 0 auto;}
.foot-media-list .foot-media-name{ font-size: 14px; line-height: 36px;}
.foot-tel .foot-tel-list{ display: flex; justify-content:space-between;}
.foot-tel .foot-tel-list li{ padding: 0;}
.foot-tel-list .foot-tel-br{display: none;}
.foot-tel .foot-tel-list-til{font-size: 16px; font-weight: bold; color: #ccc;}*/


.form{width:100%;padding-top:50px;overflow: hidden;}
.form .btn button{float: right;display: block;width: 115px;height: 115px;background: url(../images/ico10.png) no-repeat;background-size: cover;color:#fff;}
.form .fl{width: 444px;padding-left: 65px; box-sizing:border-box}
.form .fl .box{overflow: hidden;}
.form .item{border-radius: 8px;overflow: hidden;height: 50px;margin-bottom: 10px;}
.form .box .item:last-child{margin-right: 0;}
.form .box .item{ width: 48%;float: left; margin-right: 4%;}
.form .inp{display: block;background-color: #fff;width: 100%;height: 100%;padding: 0 10px;  box-sizing:border-box}
.form .txt{overflow: hidden;border:1px solid #db1000;color:#db1000;font-size: 14px;padding: 23px 18px;}
.form .txt .line{width: 94px;height: 4px;background: #db1000;margin-bottom: 10px;}
.form .txt .cn{font-size: 24px;color:#ffffff;margin-bottom: 8px;}




@media (min-width:760px) and (max-width:999px) {.foot-media-list li{ width: 25%;}}
@media (max-width:440px) {.foot-tel .foot-tel-list{flex-wrap: wrap;}}
@media (max-width:620px) {.foot-tel-list .foot-tel-br{display: block;}}
@media (min-width:1000px) and (max-width:1199px) {.foot-tel-list .foot-tel-br{display: block;}}
footer .copycright{background-color:#171f23}
footer .copycright p{margin:0;color:#a9b3b3;line-height:45px}
footer .copycright a{padding-left:5px;color:#a9b3b3}
footer .copycright a:hover{color:#fff}
footer .flink{display:inline-block;float:left}
@media (min-width:760px){footer .fast-menu .float-left a{margin-right:34px;font-size:1pc}}
@media (min-width:1000px){footer .fast-menu .float-left a{margin-right: 0; display: block; float: left; padding: 0 20px}footer .fast-menu .float-left a:hover{background: #b40000;}}
@media (min-width:1200px){.foot{width:100%}
footer .fast-menu{height:66px}
footer .copycright{height:45px}
footer .flink{float:right}}
@media (max-width:1800px){
	/*.products li .tu{ height:230px;}*/.g-form .form{ width:45%}

.banner {height:650px;}
.ban_p, .ban_p li {height: 650px;}
.ban_p li a {height: 650px;}
/*.pp .pp_ul{ padding-top:10px;}*/
.t_text{ font-size:20px; line-height:28px; padding-top:15px}

.sect_ser .txt .descp{ margin-bottom:10px;}
.sect_ser .pic,.sect_ser .txt{ height:auto}
.sect_ser .txt{ padding:23px;}

/*.pp .pp_bg,.ppl{height:650px}*/
.ppl{height:600px}
}
@media (max-width:1680px){
	.menu .sub a{ font-size:14px;}
/*.products li .tu{ height:220px;}*/.ppl h2 {margin: 100px 0 50px}
/*.pp_ul li .tu{ height:200px;}*/
.banner {height:580px;}
.ban_p, .ban_p li {height: 580px;}
.ban_p li a {height: 580px;}

.t_text{ font-size:18px;}
.t_pho{ font-size:14px;}
/*.t_pho b{ font-size:30px}*/
.form .fl{ width:70%}
/*.img-center{ height:280px;}*/
.sect_ser .txt .desc { height:185px}
.sect_ser .txt .descp{ height:185px;}
.sect_ser .txt .descp p{ line-height:30px;}
.ppl{height:560px}
}
@media (max-width:1620px){
/*.h_top{background: url(../images/topbg.gif) repeat-x bottom left; height:178px;}
.t_con { height:97px;}*/
	
	
.banner {height:540px;}
.ban_p, .ban_p li {height: 540px;}
.ban_p li a {height: 540px;}
.seabox{line-height: 30px;}
.sea_inp{height: 30px;}
.sea_inp .serach{ font-size:12px;height: 30px;line-height: 30px; /*width:220px;*/}
.sea_inp .sub{background: url(../images/sea_ico.gif) no-repeat center center; /*width:30px;*/ height:30px}
/*.t_pho b{ line-height:40px}*/
/*.img-center{ height:270px;}*/
/*.pp .pp_bg,.ppl{ height:600px;}
.pp .pp_ul{ padding-top:20px;}
.pp_ul li .tu{ height:190px;}*/

.sect_ser .txt .desc {margin-bottom: 20px;}
.sect_ser .txt .descp{ height:170px;}

/*.cpli li .tu{ height:230px;}*/
.ppl{height:540px;}

}
@media (max-width:1580px){
	
	/*.products li .tu{ height:210px;}*/
	.g-form .form{ width:48%}
/*.pp_ul li .tu{ height:180px;}*/
.banner {height:520px;}
.ban_p, .ban_p li {height: 520px;}
.ban_p li a {height: 520px;}
/*.img-center{ height:270px;}*/
/*.pp .pp_ul{ padding-top:5px;}*/

.sect_ser .txt .desc {margin-bottom: 23px;height: 170px;}
.sect_ser .txt .descp{ height:160px;}
.sect_ser .txt .descp p{ font-size:14px; line-height:28px;}
.title_1{ margin-bottom:3rem}
/*.cpli li .tu{ height:220px;}*/
}
@media (max-width:1480px){
	.menu .sub a{ font-size:12px;}
	/*.t_pho{ padding-top:10px}
	.seabox{ margin-top:20px}*/
	/*.products li .tu{ height:200px;}*/.g-form .form{ width:45%}.g-form .fl{ width:70%; padding-left:10%}.sect_ser .ul-list3 li{ margin-right:18px}
	
	/*.img-center{ height:250px;}*/
	/*.pp .content{ height:580px}*/
.ppl p { padding: 20px 0}.pp ul li img{ height:180px}

.t_text{ font-size:16px; line-height:22px;padding-top: 10px;}
.t_pho{ font-size:12px}
.ppl{height:520px;}
/*.pp .pp_bg, .ppl{ height:580px;}
.pp_ul li .tu{ height:170px;}*/
.sect_ser .txt .desc {height: 150px;}

.sect_ser .txt .descp{ height:150px;}
.sect_ser .txt .descp p{line-height:25px;}
/*.cpli li .tu{ height:210px;}*/
}
@media (max-width:1440px){
	.menu .nLi h3 a{ font-size:14px;}
	.t_pho b{ font-size:26px;}
	.t_pho span{ font-size:12px;}
	.sect_ser .txt .descp{ margin-top:5px; margin-bottom:5px;}
	.sect_ser a.moret{height: 35px; line-height: 35px;}
	/*.img-center{ height:240px;}*/
	.ppl{height:500px;}
}

@media (max-width:1380px){
	/*.h_top{background: url(../images/topbg.gif) repeat-x bottom left; height:165px;}
.t_con { height:84px;}*/
	
	/*.img-center{ height:230px;}*/
	/*.products li .tu{ height:180px;}*/.sect_ser .ul-list3 li{ margin-right:15px}
/*.pp .content{ height:560px}*/
.ppl h2 {margin: 80px 0 50px}.pp ul li img{ height:170px}.keyword{ width:40%;}.banner {height:450px;}
.ban_p, .ban_p li {height: 450px;}
.ban_p li a {height: 450px;}
/*.keyword{ width:35%; padding-left:75px}
.sea_inp{ width:220px}
.sea_inp .serach{ width:160px}*/
/*.t_pho{ padding-top:5px}*/
.ppl{height:490px;}
/*.pp .pp_bg, .ppl{ height:550px;}
.pp_ul li .tu{height: 160px;}*/
.sect_ser .txt {    padding: 20px;}
.sect_ser .txt .desc {margin-bottom: 15px;height: 155px;}
.sect_ser a.more{height: 35px; line-height: 35px;}
.sect_ser{ padding:3rem 0}
/*.cpli li .tu{ height:200px;}*/
}
@media (max-width:1350px){
	.sect_ser .txt .desc p{ font-size:12px;}
.sect_ser .txt .desc {margin-bottom: 10px;}
/*.img-center{ height:220px;}*/

.sect_ser .txt .titp{font-size: 20px; line-height: 30px; padding-bottom:0;}
.sect_ser .txt .descp p{ font-size:12px}
}
@media (max-width:1310px){
	.sect_ser .txt .descp{ height:155px;}
	/*.img-center{ height:210px;}*/
	.ppl{height:460px;}
	/*.pp .pp_bg, .ppl{ height:530px;}*/
	}
@media (max-width:1280px){/*.products li .tu{ height:170px;}*/.sect_ser .ul-list3 li{ padding-right:10px;margin-right:10px}.sect_ser .ul-list3 li img{ margin-right:5px}
.ppl h2 {margin: 50px 0}.pp ul li img{ height:150px}/*.pp .content{ height:520px}*/
/*.pp_ul li .tu{height: 150px;}*/
.seabox{ margin-top:15px}
/*.img-center{ height:200px;}*/
.sect_ser .txt {    padding:13px 20px;}
.sect_ser .txt .desc {margin-bottom:10px;}
	.sect_ser .txt .desc p{ line-height:1.6}
	.sect_ser a.more{height: 30px; line-height: 30px; font-size:12px; width:100px}
	.sect_ser .txt .descp{ height:150px;}
	.sect_ser .txt .dht{ font-size:12px;padding-left: 30px;background-size: inherit;}
	.sect_ser a.moret{ height:30px; height:30px; line-height:30px;}.in-news .tit strong{ font-size:14px;}
	/*.cpli li .tu{ height:180px;}*/
	
	.t_pho{ width:17%}
	
}
@media (max-width:1220px){.sect_ser .txt .desc{height: 145px;}.sect_ser .txt .descp{ height:145px;}.sect_ser .txt .descp p{ line-height:22px;}

.ppl h2{margin: 30px 0;}

}
@media (max-width:1180px){
	/*.pp_ul li .tu{ height:140px;}
	.img-center{ height:190px;}
	.products li .tu{ height:160px;}*/.sect_ser .ul-list3 li{ padding-right:5px;margin-right:5px}.sect_ser .txt .desc {height:140px;}.sect_ser .txt .descp{ padding-right:0}
.sect_ser .txt .descp { height:140px;}
.sect_ser .txt .descp p{ line-height:20px;}
/*.cpli li .tu{ height:170px;}*/
}
@media (max-width:1130px){.sect_ser .txt .desc {height:130px;}.sect_ser .txt .descp{ height:130px;}.sect_ser .txt .dht b{ font-size:20px}.ppl{height:440px;}.ppl p{ font-size:12px}.ppl span{ font-size:14px;}.ppl h2{ font-size:20px;}}
@media (max-width:1100px){.sect_ser .txt .desc {height:125px;}.sect_ser .txt .descp{ height:125px;}.sect_ser .txt .descp p { padding:0}.ppl{ height:420px;}}
@media (max-width:1090px){.sect_ser .txt .desc {height:120px;}.sect_ser .txt .descp{ height:120px;}}



footer .search_res{position:fixed;z-index:11;top:15px;width:100%;left:0;display:none;z-index:10002}
footer .search{border:0;padding:0}
footer .dialog-mask{display:none;z-index:10001}
.fast-search{z-index:10}
.fast-search-list{z-index:9999;position:absolute;background-color:hsla(0,0%,100%,.8);width:270px;padding:5px 4px;bottom:0;display:none}
.fast-search-list ul li a{display:block;color:#333;font-size:1pc!important;padding:0 2pc;line-height:40px}
.fast-search-list ul li a:hover{background-color:#f4502d;color:#fff}
.fast-search .icon-caret-right:before{position:relative;top:0;left:2px}
.icon-d{-webkit-animation:icon-d .3s ease-in-out both;animation:icon-d .3s ease-in-out both}
@-webkit-keyframes icon-d{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotateZ(-90deg);transform:rotateZ(-90deg)}}
@keyframes icon-d{0%{-webkit-transform:rotate(0);transform:rotate(0)}
to{-webkit-transform:rotateZ(-90deg);transform:rotateZ(-90deg)}}
.icon-u{-webkit-animation:icon-u .3s ease-in-out both;animation:icon-u .3s ease-in-out both}
@-webkit-keyframes icon-u{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
to{-webkit-transform:rotateZ(0);transform:rotateZ(0)}}
@keyframes icon-u{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
to{-webkit-transform:rotateZ(0);transform:rotateZ(0)}}
@-webkit-keyframes list-down{0%{opacity:1;display:block;bottom:66px}
to{opacity:0;bottom:20px;z-index:-1}}
@keyframes list-down{0%{opacity:1;display:block;bottom:66px}
to{opacity:0;bottom:20px;z-index:-1}}
.list-down{-webkit-animation:list-down .3s ease-in-out both;animation:list-down .3s ease-in-out both}
@-webkit-keyframes navfadeinL{0%{opacity:0;-webkit-transform:translateX(-20px)}
to{opacity:1;-webkit-transform:translateX(0)}}
@keyframes navfadeinL{0%{opacity:0;transform:translateX(-20px)}
to{opacity:1;transform:translateX(0)}}
@-webkit-keyframes navfadeinR{0%{opacity:0;-webkit-transform:translateX(20px)}
to{opacity:1;-webkit-transform:translateX(0)}}
@keyframes navfadeinR{0%{opacity:0;transform:translateX(20px)}
to{opacity:1;transform:translateX(0)}}

.footer{background:#30303d;padding-top:20px;padding-bottom:20px;text-align:center;color:#fff;margin-top:50px}
.footer a{color:#fff}





/*产品页*/
.banner_ny{ height:auto}
.p1-search-1 {background: #f2f2f2;height: 82px;border-bottom: 1px solid #eee;overflow: hidden;font-size: 14px;}
.p1-search-1 p {color: #444;line-height: 82px;}
.p1-search-1 a {color: #444;display: inline-block;margin-right: 15px;}
.p1-search-1-inp {width: 270px;height: 30px;border-radius: 20px;background: #fff;padding-left: 10px;margin-top: 28px;}
.p1-search-1-inp input {border: 0;}
.p1-search-1-inp1 {width: 224px;height: 30px;line-height: 30px;color: #a9a9a9;float: left;}
.p1-search-1-inp2 {width: 30px;height: 30px;background: url(../images/viskins-p1.png) no-repeat -258px -936px;float: right;cursor: pointer;}


.cplist { padding-bottom:20px;}

.p12-curmbs-1 {font-size: 14px;border-bottom: 1px dashed #dcdcdc; margin-bottom:20px}
.p12-curmbs-1 b {border-left: 10px solid #343434;font-weight: normal;padding-left: 8px;}
.p12-curmbs-1 i {font-style: normal;}
.p12-curmbs-1 span {font-family: 'Microsoft YaHei';padding: 0 5px;height: 46px;line-height: 46px;}


.blk-xs {width: 20%;}
.blk-sm { width: 77%;}

.fdh-01-tit {background: #e3232f;height: 80px;}
.fdh-01-tit h3 {height: 75px;font-size: 24px;font-weight: normal;line-height: 75px;color: #fff;border-bottom: 1px solid #fff;text-align: center;}
.fdh-01-nav h3 {height: 50px;line-height: 50px;background: url(../images/p14-icon5.png) no-repeat right center #ececeb;margin-bottom: 2px;overflow: hidden;}
.fdh-01-nav h3 a {display: block;height: 50px;font-size: 16px;font-weight: normal;margin-right: 40px;margin-left: 20px;color: #666;}
.fdh-01-nav h3:hover,.fdh-01-nav .active {	background: url(../images/p14-icon2.png) no-repeat right center #e3232f;}
.fdh-01-nav h3:hover a,.fdh-01-nav .active a {	color: #fff;}



.cbgg-01 {background: #e3232f;text-align: center;color: #fff;}
.cbgg-01-img img {width: 100%;display: block;}
.cbgg-01 p {padding-top: 15px;}
.cbgg-01 span {display: block;font-size: 28px;font-weight: bold;font-family: Arial;padding-bottom: 20px;padding-top: 10px;}

.cplb-3n-ts-03-tit {	height: 50px;	font-size: 24px;	font-weight: normal;	line-height: 50px;	border-bottom: 1px solid #ebebeb;	margin-bottom: 25px;}
.cplb-3n-ts-03-tit span {	display: inline-block;	height: 50px;	border-bottom: 1px solid #343434;}

.blk-sm .cpli li{ width:32%}
.blk-sm .cpli li:nth-child(4n){ margin-right: 2%;}
.blk-sm .cpli li:nth-child(3n){ margin-right: 0;}
/*.blk-sm .cpli li .tu{ height:250px}*/
.blk-sm .cpli li .tu a {width: 100%;height: 0;overflow: hidden;position: relative;padding-top: 75%;display: block;}
.blk-sm .cpli li .tu img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}






.anli_list { margin: 0 -34px;}
.anli_list li {float: left;width: 25%;padding: 0 25px;margin-bottom: 30px;box-sizing: border-box;}
.anli_list li .item {border-radius: 4px;-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;}
.anli_list li a.pic {width: 100%;height: 0;overflow: hidden;position: relative;padding-top: 75%;border-radius: 4px 4px 0 0;display: block;}
.anli_list li a.pic img {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.anli_list li .tit {font-size: 18px;color: #333333;line-height: 60px;padding-right: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;padding-left: 10px;display: block;}
.anli_list li .tit:after {content: '';width: 24px;height: 16px;background: url(../images/index-arr.png) no-repeat;position: absolute;right: 30px;top: 20px;opacity: 0;filter: alpha(opacity=0);-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;}

.anli_list li:hover .item {	-webkit-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);	-moz-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);	-ms-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);	-o-box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);	box-shadow: 6px 10px 20px rgba(210, 61, 71, 0.1);	background: #fff;	transform: translateY(-5px);}
.anli_list li:hover .tit:after {	opacity: 1;	filter: alpha(opacity=100);}






.pagelist{ text-align:center; margin:20px 0}
.pagination {height: 40px; display:inline-block}
.pagination li{	float: left;}
.pagination li a{display: block;margin-right: 10px;	padding: 2px 12px;border: 1px #cccccc solid;background: #fff; border-radius:3px; }
.pagination li a:hover {color: #343434;	background: white;	border: 1px #343434 solid;}
.pagination .active a {	border: none;	background: #343434;border: 1px #343434 solid;	color: #fff;}





.ny_product { padding: 60px 0; }
.ny_product_title { overflow: hidden; margin-bottom: 40px; line-height: 48px; }
.ny_product_title .num { float: left; margin-right: 20px; }
.ny_product_title em { display: block; text-transform: uppercase; color: #f0d7d8; font-size: 30px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1; padding:10px 0 }
.ny_product_title h2 { font-size: 34px; font-weight: bold; line-height: 1; }
.ny_product_title h2 span { font-size: 24px; background-color: #fff4f4; display: inline-block; color: #eb2010; margin-left: 20px; border-radius: 30px; padding: 0 15px; border: 1px #eb2010 solid; height: 33px; line-height: 33px; }
.ny_product_title a { display: block; float: right; margin-top: 25px; }
.ny_product_title p { font-size: 16px; line-height: 1; margin-top: 8px; display:none }











/*新闻*/



.ny_news { padding: 60px 0 40px; background: url(../images/ny_about_1.png) #f6f8fb no-repeat center top; overflow: hidden; }
.ny_news_title { margin-bottom: 50px; }
.ny_news_title h2 { font-size: 36px; line-height:40px; font-weight: bold; display:inline-block }
.ny_news_title p { float: right; width:16% }
.ny_news_title p img{ width:100%}
.ny_news_top { overflow: hidden; }
.ny_news_top dl { width: 46%; float: left; margin: 0 3% 20px 1%; }
.ny_news_top dt { float: left; width: 40%; float: left; margin-right: 5%; }
.ny_news_top dt img{ width:100%}
.ny_news_top dd { float: left; width: 55%; float: left; }
.ny_news_top dd h3 { font-weight: bold; font-size: 20px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.ny_news_top dd p { font-size: 16px; margin: 12px 0;line-height: 30px;overflow: hidden;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; }
.ny_news_top dd .ny_news_time { color: #767b85; font-size: 14px; }
.ny_news_top dd span { float: right; vertical-align: middle; }
.ny_news_list { overflow: hidden; }
.ny_news_list li { width: 46%; float: left; margin: 0 3% 20px 1%;  }
.ny_news_list li a { display: block; }
.ny_news_list li span { color: #9fa7b9; font-size: 14px; float: right; }
.ny_news_list li h3 { font-size: 18px; font-weight:100 }
.ny_news_list li h3:before { content: ""; display: inline-block; margin-right: 10px; width: 8px; height: 8px; border: 1px #ec2a1b solid; border-radius: 50%; }






.newli li{border: 1px solid #dedede;margin-bottom: 15px;padding: 22px 50px 22px 22px;background: #fff;overflow: hidden;}
.newli li a.img {width: 25%;float: left;margin-right: 5.8%;}	
.newli li a.img img {width: 100%;display: block;}
.newli li h4 a {display: block;height: 40px;color: #4b4a4a;font-size: 18px;margin-bottom: 5px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newli li p {max-height: 72px;font-size: 14px;line-height: 24px;color: #797979;margin-bottom: 28px;overflow: hidden;}
.p14-infolist-1-list-deta {width: 90px;height: 30px;line-height: 30px;text-align: center;display: block;float: right;background: #b6b6b6;color: #fff;}
.p14-infolist-1-list-deta a {color: #fff;}


.nrh1{ text-align:center; font-size:24px; line-height:35px;}
.nrspan{ text-align:center; display:inline-block; width:100%; padding:10px 0}
.nr{ line-height:25px; margin:30px 0;}

.ny_fenye { border-top: 1px #dbe1e8 dashed; padding-top:20px; margin:30px 0 ;}
.ny_fenye .ny_prev,.ny_fenye .ny_next { font-size: 16px; margin-bottom: 15px; }


.cparct img{ border-radius:30px; width:40%; /*height:400px;*/}
.cparct .cparcxx{ width:50%; padding: 40px 20px;   border-radius: 50px 0 50px 0;margin-left:2%}
.cparct .cparcxx h1{ font-size:40px; margin-bottom:30px;}
.cparct .cparcxx div{ line-height:25px; margin-bottom:50px;/* border:solid 1px #dcdcdc; padding:20px*/}
/*.cparct .cparcxx a {background: #CF102D; padding-left: 32px; font-size: 18px; color: #fff; line-height: 41px; border-radius: 18px; float: left; display: block; margin-top: 17px;   padding-right: 50px;}*/

.cparct .cparcxx p{font-size:15px; margin-bottom:10px;}
.cparct .cparcxx p span{ color:#F90;font-size:17px;}
.telp span{ display:block;}
.telp span a{ font-size:26px; color:#CF102D; font-weight:700; line-height:28px;}
.telp{ background:url(../images/number.png) 0px 2px no-repeat; padding-left:60px; margin-bottom:16px;margin-top:16px;}





.protwonav{ text-align:center; margin-top:50px}
.protwonav li{ display:inline-block; float:left; margin-right:10px;}
.protwonav li a{line-height:45px;width: 190px; font-size: 18px;border-radius: 5px;text-align: center; display:inline-block; background:#333; color:#fff}
.protwonav li a:hover,.protwonav li:first-child a{ background: #bc0000; color: #fff;}


.protwobox h3 {background: url(../images/icon_cs.png) left center no-repeat; line-height: 40px; margin: 50px 0 30px; font-size:22px; padding-left: 30px;}
.protwobox .neirong{ line-height:30px; font-size:16px;}

.protwobox .cpli{ margin-bottom:40px}




.contact_feedback{width:100%;background:url(../images/contactfeedbackbg.jpg) no-repeat center top;background-size:cover;padding:50px 0 100px 0;}
.contact_feedback .contact_fcontent{padding-top:1px;}
.contact_feedback .contact_fcontent .c_title{margin-top:30px;color:#fff;margin-top:30px;text-align:center;}
.contact_feedback .contact_fcontent .c_title p{margin-bottom:23px;font-size:24px;position:relative;}
.contact_feedback .contact_fcontent .c_title p:after{content:"";position:absolute;bottom:-9px;left:50%;width:38px;height:1px;margin-left:-19px;background:#FFF;}
.contact_feedback .contact_fcontent .c_title span{display:inline-block;line-height:2.1;font-size:16px;color:#fff;}
.contact_feedback .c_form{text-align:center; width:70%; margin:26px auto 0 auto}
.contact_feedback .c_form1,.contact_feedback .c_form2{ width:50%; float:left;min-height: 1px;  padding-right: 15px; padding-left: 15px; box-sizing:border-box}
.contact_feedback .c_form1 input{margin:0;width:100%;height:49px;border:1px solid #afafb1;margin-top:22px;padding:0 15px;color:#fff;outline:none;background:none; box-sizing:border-box}
.contact_feedback .c_form1 input:first-child{margin-top:0;}

.contact_feedback .c_form2 textarea{width:100%;height:120px;border:1px solid #afafb1;padding:15px;color:#fff;background:none;outline:none;resize:none; box-sizing:border-box}
.contact_feedback .btn{background:#ec6b0a; width:50%;color:#fff!important;border-radius:5px;padding:0 25px;height:49px;line-height:49px;font-size:16px;text-align:center;margin:22px auto 0 auto;outline:none;cursor:pointer;}
.contact_feedback .c_form1 input::placeholder,
.contact_feedback .c_form2 textarea::placeholder{color:#fff;
}


.lxwm  .silde4_l{ width:45%; float:left; color:#fff ; padding-left:5%}
.silde4_l h2{ font-size:30px; margin-top:30px; font-weight:100; line-height:40px;}
.silde4_l h3{ font-size:20px; margin:30px 0; font-weight:100}
.silde4_l ul li{ background:url(../images/lxwm1.png) no-repeat left center; background-size:contain; padding:10px 0 10px 80px; font-size:18px; margin-bottom:10px; color:#FFF}
.silde4_l ul li:nth-child(2){ background-image:url(../images/lxwm2.png);}
.silde4_l ul li:nth-child(3){ background-image:url(../images/lxwm3.png);}	
.lxwm  .contact_fcontent{ width:50%; float:right}
.lxwm  .c_form{ width:90%}




.about1{ background:none}
.about1 .title_1 h2{ color:#333}
.tjal{ margin-bottom:50px}
.tjal .pp_ul li{ border-radius:10px; margin:20px 0 20px 3%; width:20%; float:left}
.tjal .pp_ul li .linr{ background:#333; color:#FFF}
.tjal .pp_ul li:hover .linr{ background:#db1000}



.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2 {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}


@media screen and (max-width: 760px) {
* {	margin: 0;	padding: 0;list-style: none;text-decoration: none;font-style: normal;border: none;}
body {font-size: 14px;	font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif; min-width:inherit;}
a {	text-decoration: none;	font-family: "Microsoft Yahei";}
a:hover {cursor: pointer;text-decoration: none;}
a:active {star:expression(this.onFocus=this.blur());}
:focus {outline: 0;}
.clear {clear: both;line-height: 0px;overflow: hidden;	zoom: 1;font-size: 0px;	content: '.';}
.clearfix:after {visibility: hidden;display: block;	font-size: 0;content: " ";clear: both;	height: 0;}
a img {	border: none;}
input, textarea {border: none;	font-family: "Microsoft Yahei";	font-size: 13px;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {	-webkit-appearance: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 14px;}
.content { padding-left: 4%; padding-right: 4%; width:92%}



.pc{ display:none !important}
.sj{ display: block !important}
.g-hd {height: 5.35rem;position: relative;z-index: 19;background: #e3232f;}
.m-logo {width: 15.91%;padding: 0.5rem 1.5% 0 1.97%;position: relative;background: #fff;height: 4.85rem;overflow: hidden;}
.m-logo img {width: 100%;display: block;}
.m-text {width: 70%;line-height: 5.35rem;height: 5.3rem;font-size: 1.5rem;white-space: nowrap;text-align: center;color: #fff;overflow: hidden;}
.m-text a {display: inline-block;color: #fff;padding: 0 1rem;}
.f-fr {float: right;}
.f-fl {float: left;}
.downmenu {width: 9%;display: block;padding: 2.25rem 0 0;}
.downmenu img {width: 1.75rem;display: block;}
.head2 .menu_btn a.downmenu.hover {background: #fb4c36;border-radius: 5px;box-shadow: 1px 1px 1px #666;}
.menu2 {position: relative;z-index: 9;}
.menu2 .slideMenu {width: 80%;padding: 1.2rem 10% 2rem;display: none;z-index: 80;background: rgba( 215, 16 , 23 , 0.9);overflow: hidden;position: absolute;top: 5.35rem;right: 0;transition: transform 1s;-webkit-transition: transform 1s;}
.menu2 .slideMenu li {border-bottom: 1px solid #fff;color: #fff;line-height: 3.5rem;font-size: 1.2rem;clear: both;}
.menu2 .slideMenu li:last-child {border-width: 0.15rem;}
.menu2 .slideMenu li a {color: #fff;display: block;line-height: 3.5rem;}


.banner,.ban_p, .ban_p li,.ban_p li a{ height:16rem}
.ban_t{ width:100%;margin-left: -50%; bottom:0}
.ban_t em{ width:13px; height:13px; border-radius:13px}


.banner_sy .sty1 {left:5%; top: 20%; }
.banner_sy .sty1 .p1 { font-size:30px; }
.banner_sy .sty1 .p2 {  margin-top:20px;    font-size:16px;}




.title_1{ margin-bottom:0}
.title_1 h2 { font-size: 24px;}

.pp .content { background:none}
.pp .pp_ul{ width:100%}
.pp_ul li{  width:48%; margin:20px 4% 0 0;}
.pp_ul li:nth-child(2n){ margin-right:0}
.pp_ul li p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.pp .pp_bg{ background:none}

.products{ }
.g-tit {margin:10px 0;}
.g-tit .cn { font-size: 24px;font-weight: 100;}
.cpli li{width: 48%; margin-right:4%; margin-bottom:15px}
.cpli li:nth-child(5n){margin-right:4%;}
.cpli li:nth-child(2n){ margin-right:0}
.cpli li a.mo{ margin-top:5px}
.cpli li b{ font-size:16px}
/*.cpli li .tu{ height:10rem}*/


.sect_ser  .span-3{width:98%; margin-top:20px}
.sect_ser  .span-9{width:98%;}
.serlist h2 {  font-size: 20px;}
.serlist p{ height:auto; margin:0px 0 10px}

.sect_ser .pic { float: none;  text-align: center;  height: auto;  width: auto;}
.sect_ser .txt { padding: 10px;height: auto;width:100%; }
.sect_ser .txt .tit {font-size: 20px;}
.sect_ser .ul-list3{ margin-bottom:0}
.sect_ser .ul-list3 li {    width: 50%;    margin: 0;    border: none;    margin-bottom: 15px; padding-right:10px;box-sizing: border-box;}
.sect_ser a.more{ margin-bottom:30px}


.sect_ser .txt .descp{ height:auto}
.sect_ser .span-3 .simg{ height:auto}
.img-center{    padding-top: 65%;}
.g-form {   padding: 20px 0 15px;}
.g-form .form { width: auto;    float: none;}
.g-form .fl {  width: auto;  float: none;  margin-bottom: 15px;padding-left: 0;}
.g-form .form .btn button { float: none;    margin: 0 auto;}


.section {padding: 30px 0;}.section-title {margin-bottom: 20px;font-size: 20px; line-height:25px}.section-title p {font-size: 12px;}.section-title:after {width: 20px;height: 2px;margin-top: 10px;}
 .in-news {margin-top: -20px;}.in-news .item {width: 100%;}.in-news .wrap {margin-top: 20px;}
.question { padding: 0 0 30px;}
.question .quetit {  padding-top: 30px;width: 25%;}	
.question .quetit h3 {font-size: 16px;} 
.question .quetit a {font-size: 12px;}
.question .queitem {margin-bottom: 5px;padding: 10px; width:75%; margin-left:0}
.xm2,.xm3,.xm7 {	width:100%}

footer{ padding-bottom:4.5rem}
footer .copycright{ padding:10px 0; height:auto}
footer .copycright p{ line-height:25px;height:auto}
.foot-tel{ width:100%; padding:0 15px; box-sizing:border-box}
.form{ padding:30px 0}
.form .fl{ padding-left:0}
.foot-addr{ width:60%;padding:0 15px; box-sizing:border-box}



.ny_product { padding:20px 0; }
.ny_product_title { overflow: hidden; margin-bottom:20px; line-height: 48px; }
.ny_product_title .num {width:15% }
.ny_product_title em { display:none}
.ny_product_title h2 { font-size:20px;}
.ny_product_title h2 span { font-size: 16px; margin:5px 0 0 10px; border-radius: 12px; padding: 0 10px; border: 1px #eb2010 solid; height: 23px; line-height: 23px;}
.ny_product_title a {width:35% ; margin-top:15px;}
.ny_product_title a img{ width:100%}






/*列表*/


.ny_news{ padding:20px 0}
.ny_news_top dl{ width:96%}
.ny_news_top dd p { -webkit-line-clamp:2;}
.ny_news_top dd span{ width:20%}
.ny_news_top dd span img{ width:100%}
.ny_news_title{ margin-bottom:20px;}
.ny_news_title h2{ font-size:20px; line-height:30px;}
.ny_news_title p { width:30%}
.ny_news_list li{ width:96%; margin-bottom:10px;}
.ny_news_list li h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.blk-sm{ width:100%}
.newli li{ padding:0 0 15px 0; border:none; border-bottom:1px solid #dedede; margin-bottom:15px }
.newli li h4 a{ font-size:16px; line-height:25px; height:auto}
.newli li a.img {width:33.3%;float: left;margin-right: 5.6%;}	
.newli li a.img img {width: 100%;}
.newli li p{ margin-bottom:5px}



.blk-sm .cpli li{ width:48%; margin-right:4%}
.blk-sm .cpli li:nth-child(5n){ margin-right: 4%;}
.blk-sm .cpli li:nth-child(3n){ margin-right: 4%;}
.blk-sm .cpli li:nth-child(2n){ margin-right: 0;}
.blk-sm .cpli li .tu{ height:13rem}

/*内容页*/
.nrh1{ font-size:18px; line-height:30px; padding-top:20px;}
.ny_fenye .ny_prev,.ny_fenye .ny_next  { float:left !important; font-size:14px; margin-bottom:10px}
.m-xx-01-tit {height: 4rem;width: 100%;font-size: 1.5rem;text-align: center;color: #fff;line-height: 4rem;background: #5e5e60;border-bottom: 1px solid #FA756E; margin-bottom:2rem}



.cparct{ margin-top:20px;}
.cparct img{ width:96%; height:auto; margin:0 2%}
.cparct .cparcxx{ width:96%; margin-left:0; padding:20px 2%}
.cparct .cparcxx h1{ font-size:24px; margin-bottom:10px}
.cparct .cparcxx div{ margin-bottom:15px;}
.protwonav li{ float:left; width:21%; margin:0 2%;}

.protwonav li a{ width:100%; line-height:35px; font-size:14px}
.protwobox{ padding:0 2%}
.protwobox h3{ font-size:18px; margin:20px 0 10px}
.protwobox .neirong img,.neirong .nr img{ max-width:100%}
.protwobox .neirong{ font-size:14px;}
.tjal .pp_ul li{ width:48%;margin:20px 4% 0 0;}
.tjal .pp_ul li:nth-child(2n){ margin-right:0}
.tjal .pp_ul li .tu{ border-radius:10px 10px 0 0}

.lxwm .silde4_l,.lxwm .contact_fcontent{ width:100%; padding:0}
.lxwm .silde4_l ul li:nth-child(3) { background-size: 11%;}
.lxwm .silde4_l ul li{ padding-left:50px; box-sizing:border-box}
.contact_feedback{ margin-top:-2rem; padding:20px 0 50px 0}
.contact_feedback .c_form{ width:100%}
.contact_feedback .c_form1, .contact_feedback .c_form2{ padding:0 10px;}

.web-footer {position: fixed;bottom: 0; height:4.5rem;	left: 0;width: 100%;background-color: #363636;	z-index: 10;}
.web-footer li {float: left;width: 50%;}
.web-footer li a {	display: block;	text-align: center; font-size:16px;	color: #fff; line-height:4.5rem;}


}

@media screen and (max-width: 640px) {html {font-size: 20px;}.blk-sm .cpli li .tu{ height:11rem}}
@media screen and (max-width: 600px) {html {font-size: 19.375px;}.newli li p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; margin-bottom:0}
.ny_news_top dd h3{ font-size:18px}
.ny_news_top dd p{ line-height:25px; font-size:14px; margin:8px 0}
.blk-sm .cpli li .tu{ height:10rem}
}
@media screen and (max-width: 560px) {html {font-size: 18.125px;}}
@media screen and (max-width: 520px) {html {font-size: 16.875px;}.ny_news_list li h3{ font-size:16px;}}
@media screen and (max-width: 480px) {html {font-size: 15.625px;}.ny_news_top dd p{ line-height:20px;}

.footwx,.foot-addr{ width:100%}


}
@media screen and (max-width: 440px) {html {font-size: 14.375px;}.newli li p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; margin-bottom:0} .p14-infolist-1-list-deta{ display:none}

.form .fl {    width: 60%;}
.sect_ser a.moret{ width:40%;}
.sect_ser .txt .dht{ float:left; margin-top:10px;}
}
@media screen and (max-width: 400px) {html {font-size: 13.125px;}.newli li p {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; }

.ny_product_title h2{ font-size:18px;}
.ny_product_title h2 span{ font-size:14px;}
.ny_news_list li h3{ font-size:14px;}

}
@media screen and (max-width: 360px) {html {font-size: 11.875px;} .ny_product_title h2{ font-size:16px;}}
@media screen and (max-width: 320px) {html {font-size: 10.625px;}}