/* qhl_css */



body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{ max-width:1920px; margin:0 auto; font-size:14px; font-family:"苹方", "微软雅黑", Arial, Helvetica, sans-serif; color:#444; text-decoration:none; line-height:180%; background-color:#fff; overflow-x:hidden;}
ul,li{list-style:none;}
.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {  /* 触发 hasLayout */   zoom: 1;  }

img{border:0px;}
.fl{float:left;}
.fr{float:right;}

a{color:#444; text-decoration:none;}
a:hover{ color:#C70000;}

.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

.red{ color:#e71e24;}
.blue{ color:#C70000;}
.orange{ color:#ec8000;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}
.img{ overflow: hidden;  }
.img>img{ transition: .5s; display: block; }
.img:hover>img{ transform: scale(1.1); }

.fes{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
/*.fancybox-button--thumbs{ display: none; }*/

.wrapper{ width:1300px; margin:0 auto;}



/*index*/

.topbg{ position: relative; }

.top{/*  top:0; left: 0;  height: 146px;position: absolute; width: 100%; z-index: 5; z-index: 28; background-color:#fff;*/}

.top .logo{ margin-top:13px;}
.top .logo img{ height:62px;}
.top .line{ text-align:right; line-height: 37px; font-size:14px; color:#999;}
.top .line .fr img{ vertical-align:middle; margin-left:10px; height:14px; }
.top .line .fr a{color:#999;}
.top .line02{ position: relative; padding:10px 0; }
.top .logo02{ display:none;}


.nav .nLi{ float: left;padding:0px 0 15px 36px; line-height:30px; font-size: 16px;  }
.nav .nLi h3{ text-align: center; }
.nav .nLi h3>a{ font-size: 16px; text-align: center; color:#1a1a1a;  }
.nav .nLi h3>a:hover{ color:#C70000;}
.nav .nLi h3>a span{ font-size: 12px; opacity: .5; text-transform: uppercase; display:block; line-height: 16px; }
.nav .nLi em{ font-weight:bold; padding-left:5px; display: none;}
.nav .sub{ position:absolute; width:100%;display:none;  padding:20px 0; background-color: #f2f2f2; left: 0; top: 103px; }
.nav .sub li{ line-height:36px; padding:0 20px; font-size:14px; line-height:33px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /*border-bottom:1px solid rgba(150,150,150,0.15);*/ width: 11%; float: left;}
.nav .sub li:last-child{ border-bottom:none;}
/*.nav .sub li:hover{background-color:#eee;}*/
.nav .sub li a{ /* color:#fff; */}
/*.nav .nLi:hover .sub{ display:block;}*/




.top .line02on{ background-color:#fff; width: 100%; z-index: 30; }

.top .menu{height:100%;width:100px;background:url(../image/menu02.png) no-repeat center center;position:absolute;right:10px;top:0px; /* border-left:1px solid rgba(255,255,255, .2); border-right:1px solid rgba(255,255,255, .2); */}


.banner .swiper-container{ position:relative;}
.banner .banner{background-position: center; background-size: cover; position: relative; }
.banner .banner .bg{ background-position: center; height:828px; background-repeat:no-repeat; background-size: cover;  transition: all 5s linear; transform: scale(1);}
.banner .banner .bg img{ width:100%; display:block; display:none; }
.banner .banner.swiper-slide-active .bg{ transform: scale(1); }
.banner .pagination { position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; }
.banner .swiper-pagination-switch { border:1px solid #C70000; display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #1550b6; opacity:0.8;  margin: 0 5px; cursor: pointer; }
.banner .swiper-active-switch { opacity:1;}
.banner .arrow{position:absolute; width:17px; height:30px; margin-top:-15px; top:50%; padding:30px 5px 30px 5px;}
.banner .swiper-pagination-bullet{border:1px solid #C70000; }
.banner .swiper-pagination-bullet-active{ background-color: #fff; }



.hometit{text-align:center;font-size:36px; line-height:100%;font-weight:bold;color:#333;padding-bottom:40px}
.hometit .titxt img{ vertical-align:middle;}
.hometit .titxt strong{ margin:0 20px;}
.hometit .titxt strong span{color:#C70000}
.hometit .titinfo{color:#888;font-size:16px;font-weight:normal;margin:0;position:relative; margin-top: 5px;}


.homepro{ padding:100px 0;}
.homepro .conn{ display:flex;}
.homepro .holeft{ width:267px;flex:0 0 267px; margin-right: 40px;}
.homepro .prolist{ width: 100%; }
.homepro .titt{line-height:78px;color:#FFF;border-radius:10px 10px 0 0;font-size:20px;background:#c70000}
.homepro .titt h3{margin:0 22px;padding-left:10px;background:url(../image/icon-1.png) no-repeat right center; font-size: 24px;}
.homepro .hotline{font-size:16px;background:url(../image/tel2.png) no-repeat left center;padding-left:30px; margin-top: 29px;}
.homepro .hotline strong{font-size:30px;color:#c70000; font-family: impact;}
.homepro .list{ background-color: #f2f2f2; padding: 10px; }
.homepro .list li>a{display:block;line-height:47px;padding:0 0 0 40px;color:#666;font-size:16px}
.homepro .list li .arr{float:right; line-height:47px; margin-right: 30px;}
.homepro .list li>a:hover,.in-lanmu li.active>a{color:#fff;background-color:#c70000}
.homepro .list li>a:hover .arr:after{border-color:#fff}
.homepro .list li.active .arr:after{border-color:#fff}
.homepro .qqhprosub{ display:none;}


.homepro .prolist .box{ color: #fff; padding: 27px 5%; background-color: #c70000; font-size: 18px; }
.homepro .prolist .box a{font-size: 17px;}
.homepro .prolist .box02{ background-color: #e8e8e8; }
.homepro .prolist li{ margin-top: 25px; width: 32%; margin-right: 2%; float: left; box-sizing: border-box; border:1px solid #eee; padding: 5px; }
.homepro .prolist li:nth-child(3n){ margin-right: 0; }
.homepro .prolist .img{position: relative; overflow: hidden;}
.homepro .prolist .img img{ width: 100%; display: block; }
.homepro .prolist .txt{ background-color: #e2e2e2; line-height: 47px; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 5px; }
.homepro .prolist li:hover .txt{ background-color:#c70000 ; color: #fff; }

.homepro .prolist li a em{z-index:10; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); -webkit-transform: skewx(-25deg); -webkit-transition: 0s;  display:block; width:100%; height:100%; left:-100%; top:0; position:absolute;}

.homepro .prolist li a:hover em{left:100%; -webkit-transition: 0.8s;}


.homepro .contat{padding:20px 0;text-align:center;background:#c70000;color:#FFF;font-size:18px}
.homepro .contat h3{display:block;font-size:24px}
.homepro .contat h3 img{margin-right:8px}

.homecase{ padding:100px 0; background-color: #f0f0f0; }
.homecase .conn { padding-bottom:50px; overflow: hidden; position: relative; }
.homecase .conn li{background-color: #fff; box-sizing: border-box; padding: 30px; text-align: center; /*border-bottom: 2px  solid #c70000; */ }
.homecase .conn .tit{ font-size: 18px; font-weight: bold;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.homecase .conn .img { border-radius: 10px; margin: 15px 0 15px; }
.homecase .conn .img img{ width: 100%; display: block; }
.homecase .conn .info{ color: #999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
.homecase .conn .swiper-pagination-clickable .swiper-pagination-bullet-active{position:relative;background-color:#c70000}
.homecase .conn .swiper-pagination-clickable .swiper-pagination-bullet-active::after{content:"";position:absolute;left:-6px;top:-6px;width:18px;height:18px;border-radius:50%;border:1px solid #c70000}

.homeban{ background:url(../image/banxx.jpg)  no-repeat center center; background-attachment:fixed; color:#fff; position:relative; padding: 60px 0; }
.homeban .boxfr{ float: right; text-align: right; }
.homeban .qqhmore{padding:12px 10px; text-align:center; display:inline-block; background-color:#c70000; color:#fff; border-radius:5px; width:162px; border-radius:50px; box-sizing:border-box; margin-top:16px; font-size:16px; font-weight: bold;}

.homeban h2{font-size: 24px;height: 60px;line-height: 60px; margin: 0; }
.homeban h2 i{ font-weight: normal;display: block;float: left; }
.homeban h2 b{display: block;float: left;}
.homeban h2 span{display: block;float: left;font-size: 50px;color: #ba272d;font-family:Arial, Helvetica, sans-serif;font-weight: bold;padding-left: 5px;}
.homeban h2 em{display: block;float: left;width: 30px;background: #ba272d;text-align: center;line-height: 30px;border-radius: 50%;margin: 15px 5px 0; font-weight: normal;}
.homeban h2 p{display: block;float: left;font-size: 32px; margin: 0}
.homeban h3{margin: 0;font-size: 22px;line-height: 40px;}
.homeban h3 span{display: inline-block;width: 75px;height: 36px;background: #ba272d;text-align: center;line-height: 36px;border-radius: 50%;margin: 3px 5px 0;}
.homeban .tel{display: flex; justify-content: flex-start; }
.homeban .tel span{font-size: 16px;}
.homeban .tel span i{ color: #c70000; }
.homeban .tel strong{ font-size: 28px; line-height: 28px; }

.homeabout{ padding:100px 0 50px; }
.homeabout .tit{ text-align: left; padding-bottom: 24px; }
.homeabout .titxt strong{ margin: 0;}
.homeabout .boxfl{ width: 40%; }
.homeabout .boxfl img{ display: block; width: 100%; }
.homeabout .boxfr{ padding-left: 45%; }

.homeabout ul{ margin-top: 50px; }
.homeabout li{float:left;width:25%;padding-bottom:30px;margin-bottom:-1px}
.homeabout li p{font-size:14px;line-height:1;text-align:left;margin-top:15px;text-indent:0}
.homeabout li .num strong{font-size:40px;color:#c70000;font-family:Impact;margin-right:5px}
.homeabout li:last-child .wrap{border-right:0}
.homeabout .conn{ color: #666; text-align: justify; }

.homepartner{padding: 0px 0 100px;}
.homepartner .wrapper{ display: flex; }
.homepartner .boxfl{ width: 270px; background-color: #c70000; color: #fff; margin-right: 20px; display: flex;  justify-content: center; align-items: center; font-size: 30px; text-align: center;}
.homepartner .boxfr{ width: 100%; overflow: hidden; }
.homepartner .img img{ display: block; width: 100%; }
/*.homepartner .boxfl i{ opacity: .2; font-size: 120px; }*/
.homepartner .boxfl p{  background-color: #c70000; }

.homestrong{ padding: 100px 0; background: url(../image/culbg.jpg) no-repeat center center; background-color: #f0f0f0;}

.homestrong ul{ display: flex; flex-wrap: wrap; }
.homestrong li{ box-sizing: border-box; width: 25%; background-color: #fff; }
.homestrong li:nth-child(2n+1){ background-color: #f1f1f1; }
.homestrong .img img{ width: 100%; display: block; }
.homestrong .txt{ padding: 20px;}

.homestrong .txt {padding:50px 18%;}
.homestrong .txt .tit01 { font-weight: bold;text-align: center;font-size: 24px; line-height: 100%; margin-bottom: 8px;}
.homestrong .txt .tit02 {font-size: 18px;text-align: center;}
.homestrong .txt em {height: 2px;width: 40px;background-color: #c70000;margin:15px auto 22px;display: block;}
.homestrong .txt .info {line-height: 25px;color: #666;  font-size: 15px;/*text-align: justify;*/}

.homeprocess{ padding:100px 0;  }
.homeprocess .conn{ margin-top: 20px; }
.homeprocess ul{ font-size: 0; text-align: center; }
.homeprocess li{ display: inline-block; width: 16.666%; }
.homeprocess .icon{ width: 110px; height: 110px; margin: 0 auto; border-radius: 50%; background: #333333; }
.homeprocess .text{ font-size: 16px; margin-top: 10px;}
.homeprocess li:hover .icon{ background-color: #c70000; }
.homeprocess li:hover .text{ font-weight: bold; }

.homenews{ padding: 100px 0; background-color: #f2f2f2; }
.homenews .hometit{ padding-bottom: 10px; }
.homenews .in-news-menu{ font-size: 0; text-align: center; margin: 0px 0 43px; }
.homenews .in-news-menu li{ display: inline-block; margin: 0 25px; }
.homenews .in-news-menu li a{ display: block; font-size: 16px; line-height: 40px; color:#666; }
.homenews .in-news-menu li.active a{  border-bottom: 1px solid #666;}

.homenews .in-news-con ul{ margin: 0 0 0 -50px }
.homenews .in-news-con li{ float: left; width: 50%; margin-bottom: 20px; }
.homenews .in-news-con li a{display: block; margin:0 0 0 50px; overflow: hidden;}
.homenews .in-news-con li .date{float: left; width: 75px; color: #aaaaaa; font-size: 14px; }
.homenews .in-news-con li .date i{ display: block; font-size: 20px;color: #020202; }
.homenews .in-news-con li .date em{ display: block; margin-top: 25px; }
.homenews .in-news-con li .text{/* float: right; width: 300px; */ padding-left: 90px;}
.homenews .in-news-con li .text .img-cover{ height: 155px; }
.homenews .in-news-con li .text h3{ font-size: 16px; margin:10px 0 0; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight: bold;}
.homenews .in-news-con li .text p{color: #666;  margin:10px 0; }
.homenews .in-news-con li .text .more{text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.homenews .in-news-left{ float: left; width: 70%; }
.homenews .in-news-right{ float: right; width: 26%; }

.homenews .in-news-right ul{ height: 270px; background-color: transparent; }
.homenews .in-news-right li a{ display: block;  padding: 15px 0; margin-bottom: 15px; border-bottom: 1px solid #e2e2e4; }
.homenews .in-news-right li .date{ float: left; width: 75px; color: #aaaaaa; font-size: 14px; }
.homenews .in-news-right li .date i{ display: block; font-size: 20px;color: #020202; margin-bottom: 5px; }
.homenews .in-news-right li .date em{ display: block; margin-top: 25px; }
.homenews .in-news-right li .text{ margin-left: 85px; }
.homenews .in-news-right li .text h3{ font-size: 16px; margin: 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-weight: bold; }
.homenews .in-news-right li .text p{color: #666;  margin:10px 0;  font-size: 14px; line-height: 23px;}
.homenews .in-news-right li .text .more{text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.homenews .img-cover{overflow:hidden;position:relative}
.homenews .img-cover span{display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0}


.foot{ background: url(../image/footbg.jpg) no-repeat top center; background-color: #333; padding-top: 56px; color: #fff; }
.foot a{ color: #fff; }
.foot .tit{margin:0 0 25px;color:#FFF;font-size:20px}
.foot .tit span{display:inline-block;width:6px;height:16px;margin-right:14px;background:#d52626}
.foot .line{ border-top: 1px solid #3b3d40; padding: 28px 0; }
.foot .fotlist{  margin-right: 60px; width: 300px; border-right:1px solid rgba(255,255,255,.1); }
.foot .fotlist li{ width: 50%; float: left; }
.foot .fotlist li a{ color: #bdbdbd;position:relative;padding-left:10px}
.foot .fotlist li a:after{width:3px;height:3px;background:#bdbdbd;position:absolute;content:"";left:0px;top:7px}
.foot .txt{ color:#bdbdbd; }
.foot .boxfr{ text-align: center; padding-bottom: 20px; }
.foot .code{ float: right; margin-top: -15px; margin-left:20px; }
.foot .code img{ width: 140px;}
.foot .boxfl{ margin-bottom: 30px; }

.footmm{ position:fixed;bottom:0; left:0; width:100%; z-index:9999;}
.footmm ul{ display:-webkit-box;}
.footmm ul li{ -webkit-box-flex:1.0; text-align:center; background-color:#c70000;height:50px; border-right:1px solid #d52626;border-left:1px solid #ae0505; width:25%; }
.footmm ul li:first-of-type{ border-left:0px}
.footmm ul li:last-of-type{ border-right:0px}
.footmm ul li a{ color:#fff; display:block;}
.footmm ul li a:before{ display:block; font-size:18px; line-height:30px;}
.footmm ul li a label{ display:block; font-size:14px;}




/* content */
.bannerx{ height: 350px; background:url(../image/bannerx.jpg) no-repeat center center; }

.keymenu{ background-color: #f1f1f1; padding:10px 0; }
.keymenu .boxfr{ background-color: #fff; border-radius: 30px; overflow: hidden; padding: 0 20px; }
.keymenu .boxfr input{width:240px;padding:6px 15px;font-size:14px;border:0;line-height:20px;}
.keymenu .boxfr button{border:0;border-bottom:1px solid transparent;padding:0; cursor:pointer;outline:none;width:30px;background-color: #fff;}
.keymenu .boxfr i{ font-size: 20px; color:#ccc;}

.subnavmenu{ border-bottom: 1px dashed #dcdcdc; padding: 15px 0; margin-bottom: 20px; }
.subnavmenu span {padding-left: 6px;border-left: 6px solid #d52626;}


.main .hometit{ margin-top:60px; }
.main .titinfo{ color: #222; }

.con_about{ padding-bottom: 80px; font-size: 15px; color: #666; line-height: 180%; }
.con_about .homepartner .wrapper{ padding: 0; }
.con_about .homepartner{ padding-bottom: 0; }



.con_product{ display:flex;}
.con_product .holeft{ width:267px;flex:0 0 267px; margin-right: 40px;}
.con_product .prolist{ width: 100%; }
.con_product .titt{line-height:78px;color:#FFF;border-radius:10px 10px 0 0;font-size:20px;background:#c70000}
.con_product .titt h3{margin:0 22px;padding-left:10px;background:url(../image/icon-1.png) no-repeat right center; font-size: 24px;}
.con_product .hotline{font-size:16px;background:url(../image/tel2.png) no-repeat left center;padding-left:30px; margin-top: 29px;}
.con_product .hotline strong{font-size:30px;color:#c70000; font-family: impact;}
.con_product .list{ background-color: #f2f2f2; padding: 10px; }
.con_product .list .qqhnli .nLi>a{display:block;line-height:47px;padding:0 0 0 40px;color:#666;font-size:16px}
.con_product .list .qqhnli .arr{float:right; line-height:47px; padding-right: 30px; padding-left:20px; position:relative; z-index:2; font-size:16px;}
.con_product .list .qqhnli:hover .nLi,.con_product .list .nLi.on{ background-color:#c70000;}
.con_product .list .qqhnli:hover .nLi a{ color:#fff;}
.con_product .list .nLi.on>a{color:#fff;}
.con_product .list .qqhnli:hover .nLi .arr{ color:#fff;}
.con_product .list .nLi.on .arr{ color:#fff;}
.con_product .qqhprosub li{ border-bottom:1px solid #dddd;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 0; background-color:#fff; padding-left:20px;}
.con_product .qqhprosub{ display:none;}
.con_product .list .qqhnli.on .qqhprosub{ display:block;}
.con_product .list .qqhnli.on .arr{ color:#fff;}
.con_product .list .qqhnli.on .nLi>a{ color:#fff; background-color:#c70000;}
.con_product .qqhprosub li.on a{ color:#c70000;}

.con_product .contat{padding:20px 0;text-align:center;background:#c70000;color:#FFF;font-size:18px}
.con_product .contat h3{display:block;font-size:24px}
.con_product .contat h3 img{margin-right:8px}
.con_product .contacttxt{  background: url(../image/contactbg.jpg) no-repeat bottom right; background-color: #f2f2f2; padding: 20px 20px 70px; }
.con_product .contacttxt strong{ display: inline-block; padding-bottom: 10px; font-size: 16px; color: #c70000; }

.con_product{ padding: 60px 0; }
.con_product .prolist .line03{ line-height: 24px; padding:0px 0 20px; overflow: hidden; border-bottom: 1px solid #e8e8e8; }
.con_product .prolist .boxfl{ color: #c70000; font-size: 26px; font-weight: bold; }
.con_product .prolist li{ margin-top: 25px; width: 32%; margin-right: 2%; float: left; box-sizing: border-box; border:1px solid #eee; padding: 5px; }
.con_product .prolist li:nth-child(3n){ margin-right: 0; }
.con_product .prolist .img{ overflow: hidden; position: relative; }
.con_product .prolist .img img{ width: 100%; display: block; }
.con_product .prolist .txt{ background-color: #e2e2e2; line-height: 47px; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 5px; }
.con_product .prolist li:hover .txt{ background-color:#c70000 ; color: #fff; }
.con_product .prolist li a em{z-index:10; background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); -webkit-transform: skewx(-25deg); -webkit-transition: 0s;  display:block; width:100%; height:100%; left:-100%; top:0; position:absolute;}

.con_product .prolist li:hover a em{left:100%; -webkit-transition: 0.8s;}



.con_con{ margin: 60px 0 60px;line-height:28px;font-size:14px;color:#666}
.con_con img{max-width:100%}
.con_con .contit{line-height:160%;text-align:center;font-size:22px;color:#333;padding-bottom:10px; font-weight: bold;}
.con_con .condate{color:#999;text-align:center}
.con_con .condate img{vertical-align:middle}
.con_con .concc{padding:20px 0;margin-top:20px;min-height:300px}
.con_con .conpage{border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:10px 0}
.con_con .conpage a{color:#999}
.con_con .conpage a:hover{color:#ff0000}
.con_con .conbtn{border:2px solid #999;padding:5px 0;margin-top:20px;text-align:center;font-size:14px;font-weight:bold}
.con_con .conbtn:hover{background-color:#999;color:#fff}


.subnavsub{ text-align: center; }
.subnavsub a{ display: inline-block; padding:10px 30px; margin:0 10px; background-color: #f1f1f1; }
.subnavsub a:hover,.subnavsub a.on{ background-color: #c70000; color: #fff; }

.con_news{ margin-top: 60px; }
.con_news .boxfl{ width:280px; float:left; float:none; width:auto;}
.con_news .time{ font-size:20px;  color:#c70000; font-weight:bold; text-align:right; float:right;}
.con_news .img{ border:1px solid #eee; }
.con_news .img img{ width:100%; max-height:200px; display:block;}
.con_news .tit{ font-size:20px; font-weight:bold; float:left;}
.con_news .txt{ margin-left:320px; position:relative; border-left:1px solid #ddd; padding-left:20px; padding-bottom:50px; margin-left:0; }
.con_news .txt:before{content: '';display: block;width: 14px;height: 14px;border-radius: 10px;position: absolute;top: 4px;left: -8px;background-color: #ddd;}
.con_news  em{ margin:25px 0 12px 0; display:block; background-color:#c70000; width:40px; height:4px;}
.con_news .more{ border:0px; display:inline-block; text-align:center;font-size:14px; line-height: 42px; padding:0 50px; margin-top: 38px; color:#ffffff; background-color: #222;}
.con_news .info{ color:#999; margin-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.con_news  li:hover .more{ background-color:#c70000;}
.con_news  li:hover .txt:before{ background-color: #c70000; }



.con_case li{background-color: #fff; box-sizing: border-box; padding: 30px; text-align: center; width: 32%; margin-right: 2%; float: left; border:1px solid #eee; margin-bottom: 20px;}
.con_case li:nth-child(3n){ margin-right: 0; }
.con_case .tit{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 18px; font-weight: bold; }
.con_case .img { border-radius: 10px; margin: 15px 0 15px; }
.con_case .img img{ width: 100%; display: block; }
.con_case .info{ color: #999;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; }
.con_case li:hover{box-shadow: 0 0 20px #d2d0d0;}

.page_content{width:100%;max-width:1000px; margin:0 auto 60px;}
.page_content .fl{width:46%;float:left}
.page_content .fl img{display:block;max-width:100%}
.page_content .fr{width:50%;float:right}
.page_content .fr span{font-size:14px;color:#333;display:block}
.page_content .fr input{outline:0;display:block;padding:0 10px;line-height:40px;width:100%;border:none;height:40px;border:1px solid #ddd;margin-top:10px;margin-bottom:20px; box-sizing:border-box;}
.page_content .fr input:focus{box-shadow:0px 1px 10px 1px #c70000}
.page_content .fr p{width:100%;display:block;margin-top:10px}
.page_content .fr p i{font-size:14px;color:#333;display:inline-block;font-style:normal;line-height:40px;float:left;margin-top:10px}
.page_content .fr p input{width:30%;float:left}
.page_content .fr p img{height:40px;margin-top:10px;float:left;margin-left:15px}
.page_content .fr textarea{outline:0;width:100%;border:none;height:100px;border:1px solid #ddd;padding:5px 10px;font-size:14px;line-height:24px;margin-top:10px; box-sizing:border-box; font-family:microsoft yahei;}
.page_content .fr textarea:focus{box-shadow:0px 1px 10px 1px #c70000}
.page_content .fr .btnsub{background:#c70000;border-radius:5px;font-size:14px;color:#fff;margin-top:20px;text-align:center}
.page_content .fr .btnsub:focus{box-shadow:0px 1px 10px 1px #fff}


.contactcc { margin-bottom: 60px; }
.contactcc .contact{border:1px solid #eee}
.contactcc .contactfl{width:50%;float:left;padding:0 2%;box-sizing:border-box;background:url(../image/map.png) no-repeat right bottom;padding-top:4%;padding-bottom:4%}
.contactcc .contactfl strong{font-size:24px;font-weight:bold;line-height:220%}
.contactcc .contactfr{width:50%;float:right}
.contactcc .contactfr img{max-width:none}



.ab_pages{clear:both;padding:20px 0;font-size:14px;text-align:center; overflow:hidden; margin:20px auto;display: table;}
.ab_pages ul{display:inline-block;margin:0 auto;padding:0}
.ab_pages ul a{color:#555;display:block;padding: 2px 7px;  border: 1px solid #ddd;float: left;margin: 0 5px;font-size:12px}
.ab_pages ul a.page-num-current{ background:#ddd; }
.ab_pages ul a:hover{ background:#ddd}
.ab_pages ul span{display: inline-block; float: left; line-height: 28px;}


/* decorate */
.tabinner::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0)}
.tabinner::-webkit-scrollbar{width:5px;height:10px;border-radius:5px;background-color:#eee}
.tabinner::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.5);background-clip:padding-box;border-radius:5px;min-height:28px}
.tabinner::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0.5);border-radius:5px}
.tabinner{width:100%;overflow-y:auto}
.arctab01{ width: 100%; border-collapse: collapse; }
.arctab01 td{ border: 1px solid #eee; padding:3px 5px; }

/*map*/
 #allmap {width: 100%;height: 350px;overflow: hidden;font-family:"微软雅黑"; }
 #allmap b{color: #CC5522;font-size: 16px; }
 #allmap img{max-width: none;}

/* 隐藏显示*/

.hidden01{ display:none;}

.show01{ display:block;}



@media (max-width:1300px){

	img{ max-width:100%; height:auto;}

	.wrapper{ width:100%; padding:0 20px; box-sizing:border-box;}

	

	/*index*/

	.banner .banner .bg{ height:auto; overflow:hidden;}
	.banner .banner .bg img{ width:130%; margin-left:-15%; max-width:none; display:block;}







	/*content*/

	



	

	/* 隐藏显示*/

	.hidden02{ display:none;}

	.show02{ display:block;}

}



@media (max-width:960px){

	/*index*/

	.banner .swiper-slide{ background-size: cover; }

	







	/* .top{ position: absolute; }	 */

	.top .logo{ float:none; margin-right:20%; margin-top:0;}
	.top .nav{ padding: 0; }
	.nav{ position:absolute; left:0px; background-color:#000; width:100%;display:none; z-index:30; padding: 0;}
	.nav .wrapper{ padding: 0; }
	.nav .nLi{ float:none; text-align:center; padding:4px 18px; line-height:60px; border-top:1px solid rgba(255,255,255, .1); box-sizing: border-box; width: 100%; margin: 0;}
	.nav .nLi h3>a{ border:none; display: block; font-size:15px; border-radius:0px; color:#fff;}
	.nav .nLi em{ position:absolute; right:0px; height:54px; top:5px; width:90px; z-index:2; background-repeat:no-repeat; background-image:url(/skin/images/arrownav.png); background-position:center center; display: block; background-size: auto 35%;}
	.nav .sub{ position:relative; width:100%; box-sizing:border-box;  padding:0; border:none; background-color: #eee;}
	.nav .sub li{ border:none; border-top:1px dashed rgba(255,255,255,.06);}
	.nav .nLi:hover .sub{ display:none;}
	.nav .nLi .active em{/*  background-image:url(../images/arrownavon.png); */}
	.nav .nLi h3>a span{ display: none; }	

	.top .menuon{ background-image: url(../image/close02.png); }
	.navon{ display:block;}	
	.top .line02on{ }

	

	



	/*conent*/



	

	

	/* 隐藏显示*/

	.hidden03{ display:none;}

	.show03{ display:block;}

}



@media (max-width:720px){

	/*index*/

	.top{ position:relative;}	

	.top .line .wrapper{ padding: 0 15px; }
	.top .menu{ width: 64px; background-size:auto 50%; }
	.top .line02{ padding:10px 0 0;}
	.top .line02on .logo img{ height:auto;}

	.top .line .fl{ display: none; }
	.top .line{ display:none;}


	.banner .banner .bg{ overflow:hidden;}
	.banner .banner .bg img{ width:130%; margin-left:-15%; max-width:none;}
	
	.hometit{ font-size: 22px; padding-bottom: 20px; }
	.hometit .titinfo{ font-size: 14px; }

	.homepro{ padding:50px 0; }
	.homepro .prolist li{ width: 49%; margin-top: 5px; margin-bottom: 5px; }
	.homepro .prolist li:nth-child(3n){ margin-right: 2%; }
	.homepro .prolist li:nth-child(2n){ margin-right: 0; }
	.homepro .prolist .txt{ line-height: 35px; }

	.homecase{ padding: 50px 0; }

	.homeban .boxfr{ float: none; text-align: left; }
	.homeban h2{ font-size: 18px; }
	.homeban h2 span{ font-size: 28px; }
	.homeban h2 p{ font-size: 20px; }
	.homeban h3{ font-size: 16px; }
	.homeban .qqhmore{ display: none; }
	.homeban .tel strong{ color: #fff; }
	.homeban .tel strong a{ color: #fff; }

	.homeabout{ padding:25px 0 25px; }
	.homeabout .boxfl{ float: none;width: 100%; }
	.homeabout .boxfr{ padding-left: 0; margin-top: 20px; }
	.homeabout li{ width: 50%; }
	.homepartner .boxfl{ width: 50%; font-weight: bold; font-size: 20px; }

	.homepartner{ padding-bottom: 50px; }

	.homestrong{ padding: 50px 0; }
	.homestrong li{ width: 50%; }
	.homestrong .txt .info{ display: none; }
	.homestrong .txt{ padding: 20px 15%; }
	.homestrong .txt .tit01{ font-size: 20px; }
	.homestrong .txt .tit02{ font-size: 15px; }
	.homestrong .txt em{ padding: 15px auto 8px; }

	.homeprocess{ padding: 50px 0; }
	.homeprocess li{ width: 33.3%; box-sizing: border-box; margin-top: 5px; }
	.homeprocess .icon{ width: auto; height: auto; border-radius: 100px; margin: 0 10px; }
	.homeprocess .icon img{ display: block; }

	.homenews{ padding: 50px 0; }
	.homenews .in-news-menu li{ margin: 0 17px; }
	.homenews .in-news-left{ float: none; width: 100%; }
	.homenews .in-news-right{ float: none; width: 100%; }
	.homenews .in-news-con li{ width: 100%; }

	.homeban{background-attachment: scroll;}

	.foot .fotlist{ border-right: 0; }
	.foot .txt{ margin-top: 20px; }
	


	.foot{ padding-top: 40px; }
	.foot .line{ margin-top: 20px; padding: 15px 0; }
	.foot .txt{ padding-left: 0; }





	

	/*content*/
	.bannerx{ height: 110px; background-size: cover; }
	.con_product .prolist .line03{ margin-bottom: 20px; }
	.con_product .prolist .boxfl{ font-size: 22px; }
	.con_product .prolist li{ width: 49%; margin-top: 5px; margin-bottom: 5px; }
	.con_product .prolist li:nth-child(3n){ margin-right: 2%; }
	.con_product .prolist li:nth-child(2n){ margin-right: 0; }
	.con_product .prolist .txt{ line-height: 35px; }

	.subnavsub a{ padding: 10px 21px; margin:0 5px; }
	.con_news .tit{ font-size: 18px; float: none; }
	.con_news .time{ font-weight: normal; float: none; text-align: left; font-size: 14px; margin-top: 12px; }
	.con_news em{ margin: 10px 0 20px 0; }
	.con_news .more{ line-height: 38px; padding: 0 35px; }

	.page_content .fl{display:none}
	.page_content .fr{width:100%}
	.page_content .fr input{width:95%}
	.page_content .fr textarea{width:95%}

	.con_con .contit{ font-size: 18px; }

	.con_case li{ width:100%; margin-right: 0; }

	.contactcc .contactfl strong{ font-size: 16px; }
	.contactcc{ margin-top: 30px; }
	.contactcc .contact{border:none}
    .contactcc .contactfl{width:100%;background:none;float:none;padding:0 2%;margin-top:-20px}
    .contactcc .contactfr{float:none;width:100%;margin-top:20px}




	/* page */

	.arctab02 td{ display:block; width: 100%; box-sizing: border-box;}



	

	

	/* 隐藏显示*/

	.hidden04{ display:none;}

	.show04{ display:block;}

	

}





