@charset "utf-8";

/* CSS Document */

/**首页 start**/

.index_adver{ height:276px; width:100%; background:#fafafa url(../images/adver1.png) center bottom no-repeat; position:relative}

.index_adver .w1370{ padding-top:100px;}

.index_adver  h3{ line-height:100px; text-align:center; font-size:40px; color:#ffffff;}

.index_adver  h4{ line-height:30px;text-align:center; font-size:40px; color:#ffffff; font-size:22px; font-weight:normal;}

.index_adver .tel{ width:17.57%; text-align:center; position:absolute; right:2%; z-index:1; top:53%;}

.index_adver .tel p{ font-size:22px; color:#ffffff}.index_adver .tel p:last-child{ font-size:30px; color:#e60316; font-weight:600}

.powerBox{ height:auto; overflow:hidden;}

.powerBox ul li{ clear:both; height:auto; overflow:hidden; padding-bottom:50px}

.powerBox ul li .text{ width:48%; float:left}

.powerBox ul li .pic{ width:52%; float:right}

.powerBox ul li .pic img{ max-width:100%;}

.powerBox ul li:nth-child(2n) .text{ float:right}

.powerBox ul li:nth-child(2n) .pic{ float:left;}

.powerBox ul li .text .ico{ max-width:22%; display:inline-block; vertical-align:middle}

.powerBox ul li .text .title span{ display:inline-block;vertical-align:middle; font-size:34px; color:#000000; position:relative; margin-left:-20px; margin-top:25px; font-weight:600; letter-spacing:2px; }

.powerBox ul li .text .title span b{ font-size:42px; color:#e60316;}

.powerBox ul li:nth-child(2n)  .text .title{ padding-left:14%}

.powerBox ul li .desc{ margin-top:20px; padding-left:7%; padding-right:5%; height:auto; overflow:hidden; background:url(../images/line1.png) left no-repeat; }

.powerBox ul li .desc p{ clear:both; margin-bottom:30px; display:block; height:auto; overflow:hidden }

.powerBox ul li .desc p img{ float:left; margin-right:1%;}

.powerBox ul li .desc p  span{ display:block; float:left; line-height:28px; font-size:20px; color:#000000; width:80%;}

.powerBox ul li .desc  p:first-child span{color:#e60316; width:94%; font-weight:600}

.powerBox ul li:nth-child(2n) .desc{background:url(../images/line1.png) right no-repeat; padding-right:2%; }

.powerBox ul li:nth-child(2n) .desc p span{ width:86%}

.powerBox ul li:nth-child(2n) .desc p:first-child span{ width:94%}

.powerBox ul li:last-child .desc p:first-child span{ width:60%}



.aboutBox{ height:auto; overflow:hidden; padding-bottom:36px; background:#000000 url(../images/aboutbg.jpg) center no-repeat;}

.aboutBox .videobox{ width:42.48%; position:relative; height:auto; overflow:hidden;}

.aboutBox .videobox .video{ width:97.4%; margin-left:2.6%; margin-top:16px; position:relative; height:327px; position:relative; z-index:2; background:#ffffff}

.aboutBox .videobox .back{ width:93%; height:93%; position:absolute; left:0; top:0; z-index:1; background:#e60316; transition:all 0.7s}

.aboutBox .videobox:hover .back{ width:100%; height:100%;}

.aboutBox .videobox .video .play{ width:19%; position:absolute; left:40.5%; top:35%; z-index:3; cursor:pointer;}

.aboutBox .videobox .video .play img{ width:100%;}

.aboutBox .videobox .video .shadow{ width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; z-index:2; position:absolute; transition:all 0.7s; }

.aboutBox .text{ width:40.2%; font-size:20px; color:#ffffff; line-height:36px ; margin-left:8%; margin-top:2%;}

.aboutBox .text p:last-child{ padding-top:80px; text-align:right; color:#ffffff; line-height:46px; font-size:20px;}

.aboutBox .text p:last-child span{ display:inline-block; vertical-align:middle; width:48px; height:1px; line-height:1px; background:#ffffff; margin-right:10px}

.aboutBox .text p:last-child  a{ color:#ffffff; font-size:20px}

/**start  首页案例**/

.caseBox{ height:auto; overflow:hidden;}

.caseBox .blank{ height:80px; background:#fafafa;}

.caseBox .menu{ position:relative; height:170px;    box-shadow: 0px -10px 10px #dddedf;}

.caseBox .menu .title{ width:25.42%; float:left; position:relative;  background:#e60316; margin-top:-47px;}

.caseBox .menu .title .index-title b{ position:relative; z-index:2}

.caseBox .menu .title .index-title span::after{ background:#000; z-index:1}

.caseBox .menu .class{ width:74.58%; padding-top:56px; text-align:center}

.caseBox .menu .class ul li{ display:inline-block; margin:0 1.2%; border-radius:20px; line-height:46px; border:1px solid #000000; color:#000000; font-size:20px; padding:0 16px; vertical-align:middle}

.caseBox .menu .class ul li.on{ background:#000000; color:#ffffff}

.caseBox .bd{ height:auto; overflow:hidden; padding:50px 0; background:#fff url(../images/case_bg.jpg) top center no-repeat; padding-bottom:25px;}

.case_scroll{ position:relative; overflow:hidden}

.case_scroll .swiper-slide{ width:30.1%; float:left; height:auto; overflow:hidden; background:#ffffff; position:relative; margin-right:1.8%; box-shadow:0px 4px 20px #e1e2e3; margin-bottom:20px ; transition:all 0.7s}

.case_scroll .swiper-slide .box{ padding:10px; color:#000000; transition:all 0.7s }

.case_scroll .swiper-slide .box .pic{ height:418px; position:relative; overflow:hidden}

.case_scroll .swiper-slide .box .pic .shadow{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(230,3,22,0.4); transition:all 0.7s; z-index:1; opacity:0}

.case_scroll .swiper-slide .box .pic .shadow .more{ text-align:center; margin-top:30%; position:relative}

.case_scroll .swiper-slide .box .pic img{ width:100%; height:100%; transition:all 0.5s}

.case_scroll .swiper-slide .box .pic .shadow .more img{ width:auto; max-width:100%}

.case_scroll .swiper-slide .box .pic .shadow .more p{ padding-top:20px; font-size:20px; color:#ffffff;}

.case_scroll .swiper-slide:hover .box .pic img{ transform:scale(1.06)}

.case_scroll .swiper-slide .box h3{ line-height:68px; font-size:22px; letter-spacing:1px;}

.case_scroll .swiper-slide:hover .box { color:#ffffff}

.case_scroll .swiper-slide:hover{ background:#000000}

.case_scroll .swiper-slide .box p{ line-height:28px;}

.case_scroll .swiper-slide:hover .box .pic .shadow{ opacity:1}



.caseBox .more{ text-align:center;/* background:#ffffff; */height:auto; overflow:hidden; padding-bottom:60px;}

.caseBox .more a{ display:inline-block; border-radius:20px; font-size:20px; color:#ffffff; width:10%; line-height:52px; background:#e60316;}



.newsBox{ height:auto; overflow:hidden; background:#ffffff; padding-bottom:40px;}

.newsBox .index-stitle{ margin-bottom:50px;}

.goodnews{ width:30.5%; position:relative; height:394px; overflow:hidden;}

.goodnews img{ width:100%;}

.goodnews p{ display:block; position:absolute; left:0; bottom:0; width:100%; background:rgba(49,49,49,0.55); line-height:58px; color:#ffffff; text-indent:1em; font-size:20px;}

.goodnews p span{ display:inline-block; position:absolute; right:0; width:12%; height:58px; background:#e60316; text-align:center; top:0;}

.goodnews p span img{ max-width:100%; width:auto; display:block; margin:auto; margin-top:12px}

.indexNews{ width:69.5%; padding-top:15px}

.indexNews ul li{ width:42%; float:left; height:auto; overflow:hidden; margin-bottom:50px; margin-left:3%; margin-right:5%;}

.indexNews ul li h3{ font-size:20px; color:#e60316;height:30px;overflow:hidden;}

.indexNews ul li p{ line-height:28px; text-indent:2em; font-size:20px; color:#313131; padding-top:10px}

.indexNews ul li p.time { font-size:20px; color:#000000; padding-top:25px; text-indent:0}

.linkBox{ background:#ffffff; height:auto; overflow:hidden; padding:10px 0; line-height:38px; font-size:20px; color:#313131;}

.linkBox a{font-size:20px; color:#313131;}

 .product_i_lisy{
    	display:none;
    }
    .product_i_lisy:first-child{
    	display: block;
    }

/***************************首页 end****************************/



/**内页 css**/ 

.inbanner{ height:450px; background-position:center; background-repeat:no-repeat; /* border-bottom:1px solid #F00 */}

.main_content{ height:auto; overflow:hidden; padding-top:45px}

.main_content .inleft{ width:22%; margin-top:20px}

.main_content.shili .inleft{ width:15.677%;left:14.32%; position:absolute; z-index:2; margin-top:-40px;}

.main_content .inleft .menu{ height:50px; background:#e60316; text-align:center;}

.main_content .inleft .menu h3{ line-height:46px; font-size:24px; letter-spacing:2px; color:#ffffff}

.main_content .inleft .menu.black{ background:#000000}

.main_content .inleft .menu.black h3{ font-size:24px;letter-spacing:2px; }

.main_content .inleft .menu h3 img{ display:inline-block; vertical-align:middle; max-width:30px;}

.main_content .inleft .menu p{ font-size:20px; color:#ffffff; line-height:20px; display:none}

.main_content .inleft .menuclas{ height:auto; overflow:hidden}

.main_content .inleft .menuclas li{ line-height:52px; background:#f7f7f7; border-bottom:1px solid #ffffff; text-align:center; font-size:20px; color:#000000; transition:all 0.7s; }
.main_content .inleft .menuclas li dl{ padding:5px 5%; }
.main_content .inleft .menuclas li dl dd{ line-height:30px;}
.main_content .inleft .menuclas li a{font-size:22px; color:#000000; transition:all 0.7s}
.main_content .inleft .menuclas li dl dd a{ font-size:16px; color:#333; transition:all 0.5s }
.main_content .inleft .menuclas li:hover,.main_content .inleft .menuclas li.on{ background:#f52b3c; color:#ffffff}

.main_content .inleft .menuclas li:hover a,.main_content .inleft .menuclas li.on a{ font-weight:600; color:#ffffff}
.main_content .inleft .menuclas li  dl dd:hover a{ color:#FF8102}
.hotPro,.hotNews{ height:auto; overflow:hidden; padding:5px 1%; background:#f7f7f7;}

.hotPro ul li{ width:46.8%; float:left; height:auto; overflow:hidden; margin:0 1.6%; margin-bottom:10px;}

.hotPro ul li .pic{ height:150px; background:#ffffff; border-radius:10px; overflow: hidden;}

.hotPro ul li .title{ /* width:96%; */ width: 100%; margin:auto; height:28px; line-height:28px; text-align:center; background:#e60316; color:#ffffff; font-size:14px; margin-top:10px;}

.hotNews{ padding-bottom:30px}

.hotNews ul { display:block; width:94%; margin:auto}

.hotNews ul .pic{ border-radius:12px; height:117px; overflow:hidden}

.hotNews ul .title{ padding-top:3px; line-height:34px; font-size:16px; color:#e60316; font-weight:900;}

.hotNews ul .desc{ line-height:22px; font-size:14px; color:#313131;}

.leftCon{ height:161px; text-align:center; background:url(../images/leftConbg.jpg) center no-repeat}

.leftCon p{ font-size:20px; color:#ffffff}

.leftCon p:first-child{ padding-top:15%}

.leftCon p img{ display:inline-block; vertical-align:middle; margin-right:2%;}

.leftCon p:last-child{ font-size:20px; font-weight:600; font-style:italic}

.inRight{ width:76.72%; height:auto; }

.main_content.shili .inRight{ width:69.0625%;}

/* .inRight .menu{ height:40px; line-height:40px; text-align:center; font-size:20px; font-weight:600; letter-spacing:3px; color:#000000; } */
.inRight .menu{ height:40px; line-height:40px; text-align:center; font-size:20px; font-weight:600; letter-spacing:3px; color:#000000; margin-bottom: 8px;  }
.inRight .menu img{ display:inline-block; vertical-align:middle; margin:0 12px;}
.inRight .menu span:first-child{ background: #fbfbfc;
    height: 40px;
    display: inline-block;
    margin: 0px 12px;
    position: relative;
    z-index: 9;}
/* .inRight .menu span{ display:inline-block; vertical-align:middle; width:33.8%; height:1px; line-height:1px; background:#000000} */
.inRight .menu span:last-child{ display:inline-block; vertical-align:middle; width:100%; border-bottom: 1px #000 solid; position: relative; top: -17px;} 

.main_content.shili .inRight .menu{ width:79.638%}

.shiliBox{ height:auto; overflow:hidden; padding-top:140px; padding-bottom:105px; /* background:url(../images/shiliBg.jpg) left top  no-repeat; */ margin-top:40px;}

.shiliBox .hd{ padding-left:3.125%; height:auto; overflow:hidden}

.shiliBox .hd li{ width:23.6%; float:left; line-height:50px; text-align:center; font-size:22px; color:#231916; margin-bottom:7px; background:#ffffff; margin-right:1.8%; margin-bottom:7px;}

.shiliBox .hd li.on{ background:#ff0000; color:#ffffff}

.shiliBox .hd li:nth-child(4){ margin-right:0}

.scrollChange{width:79.638%}

.scrollChange .bd { margin-left:3.125%}

.scrollChange .bd li { height:auto; overflow:hidden; background:#ffffff; position:relative}

.scrollChange .bd li .textBox{ width:59.27%; position:relative; overflow:hidden}

.scrollChange .bd li .textBox .box{ padding-left:6.5%; padding-right:6.5%; padding-top:45px;}

.scrollChange .bd li .textBox .box h3{ position:relative; line-height:38px; position:relative; font-size:22px; color:#231916; letter-spacing:3px; text-align:left}

.scrollChange .bd li .textBox .box h3::after{ width:100px; height:3px; line-height:3px; position:absolute; left:4%; bottom:0; z-index:1; content:""; background:#ff0000;}

.scrollChange .bd li .textBox .box  .desc{ line-height:30px; text-align:center; font-size:20px; color:#e60316; padding-top:15px;lletter-spacing:2px}

.scrollChange .bd li .textBox .box h4{ font-size:22px; color:#282828; padding-top:40px; line-height:40px; padding-left:4%}

.scrollChange .bd li .textBox .box .desc2{ margin-bottom:70px; line-height:30px; text-indent:2em; color:#282828; font-size:20px;}

.scrollChange .bd li .textBox .box .more{ width:138px; height:32px; background:#000000; border-radius:8px; text-align:center; line-height:32px; color:#ffffff; font-size:18px; margin-bottom:40px;}

.scrollChange .bd li .textBox .box .more a{color:#ffffff; font-size:18px;}

.scrollChange .bd li .pic{ width:40.73%; overflow:hidden}

.scrollChange .bd li .pic img{ width:100%;}



.scrollChange .bd li .button{ position:absolute; left:0; width:100%; bottom:0; z-index:2}

.scrollChange .bd li .button .prevbox{width:59.27%; text-align:right}

.scrollChange .bd li .button .prevbox span,.scrollChange .bd li .button .nextbox span{ display:inline-block; width:38px; height:35px; line-height:35px; text-align:center; background:#313131;}

.scrollChange .bd li .button .nextbox span{ background:#ff0000}

.scrollChange .bd li .button .prevbox span img,.scrollChange .bd li .button .nextbox span img{ max-width:96%}

.scrollChange .bd li .button .nextbox{width:40.73%; text-align:left;}

.changfangChange{width:79.638%; height:auto; overflow:hidden; padding-bottom:100px;}

.changfangChange .hd{ text-align:center; padding-top:30px;}

.changfangChange .hd ul li{ display:inline-block; vertical-align:middle; width:178px; line-height:46px; text-align:center; border:1px solid #231916;font-size:17px; font-weight:600; color:#ff0000; margin:0 5%; border-radius:30px; }

.changfangChange ul li.on{ background:#ff0000; color:#ffffff; border:1px solid #ff0000}

.changfangBox{ margin-top:50px;}

.cfcmScroll{ position:relative; overflow:hidden; padding:65px 0}

.cfcmScroll .swiper-pagination-bullet{ width:10px; height:10px; border-radius:50%; opacity:1}

.cfcmScroll .swiper-pagination-bullet-active{ width:16px; height:10px; border-radius:10px; background:#e67f11}

.cfcmScroll .swiper-slide{ width:30.33%; float:left; transform: scale(0.9); /* height:auto; */ height: 318px; overflow:hidden; position:relative; transition:all 0.7s; }

.cfcmScroll .swiper-slide img{ height: 286px; min-width: 100%;}

.cfcmScroll  .more{ width:180px;height:46px; line-height:46px; text-align:center; font-size:17px;color:#ffffff; border-radius:30px; transition:all 0.7s; background:#ff0000;}

.cfcmScroll .swiper-slide-active,.cfcmScroll .swiper-slide-duplicate-active{

      transform: scale(1.1); z-index:2}

/**新闻页 start**/

.list_news { height:auto; overflow:hidden; position:relative;}

.list_news li{ clear:both; height:auto;  overflow:hidden; padding: 5px 0px; margin-bottom:28px; position:relative; transition:all 0.5s; width:97.9%; margin-left:2.1%; z-index:2}

.list_news li .box{ width:94%; margin-left:3%; padding:10px ; height:210px;background:#ffffff;border-radius:16px;transition:all 0.7s; position:relative; box-shadow:0px 0px 2px 1px  rgba(121, 121, 121, 0.4);}
.list_news li .box:hover{box-shadow:0px 0px 2px 1px  rgba(121, 121, 121, 0.4);}

.list_news li .box .pic{ width:38.3%; float:left; height: 208px; overflow: hidden; border-radius: 6px; }

.list_news li .box  .pic img{ border-radius:16px}

.list_news li .box  .text{ width:55.78%; float:left; margin-left:2.5%; padding-top:30px}

.list_news li .box  .text h3{ font-size:20px; line-height:46px; color:#e60316;transition:all 0.7s;}

.list_news li .box  .text p{ line-height:32px; font-size:18px; color:#313131; text-indent:2em; padding-top:10px; position:relative;transition:all 0.7s;}

.list_news li .box .text p .date{ font-size:20px; color:#c3c3c3;}

.list_news li .box .text p .more{ position:absolute; right:0; bottom:0; z-index:1;transition:all 0.5s; width:120px; height:30px; text-align:center; line-height:30px; font-size:20px; color:#ffffff; background:#000000; border-radius:20px; display:inline-block; text-indent:0}



.list_news::after{ width:1px; height:100%; position:absolute; left:3.2%; background:#000; content:""; top:0; z-index:1}

.list_news li::after{ width:1px; height:100%; position:absolute; left:11px; content:""; top:0; z-index:2; transition:all 0.7s ;border-left:1px solid #F00; opacity:0}

.list_news li .box::after{ width:14px; height:14px;position:absolute; left:-27px; content:""; top:0; z-index:3; background:url(../images/dot4.png) top no-repeat; opacity:0 ; transition:all 0.7s}

.list_news li:hover .box{ background:#ea2c3c;}

.list_news li:hover .box  .text h3,.list_news li:hover .box  .text p{ color:#ffffff}

.list_news li:hover::after{ opacity:1}

.list_news li:hover .box::after{ opacity:1}

/**新闻页 end**/

.tuijian { margin-top:12px; height:auto; overflow:hidden;background:#ffffff; padding:10px 1% 18px 1%; border-radius:20px; box-shadow:0px 5px 10px #cccccc}

.tuijian .pic{ width:44.8%; padding-top:20px; padding-bottom:5px; border:1px solid #00334c; border-radius:20px; height: 300px; overflow: hidden;}

.tuijian .text{ width:51.36%; margin-left:2%}

.tuijian .text p{ line-height:38px; font-size:20px; color:#000000; margin-bottom:11px;}

.tuijian .text p span{ display:inline-block; vertical-align:middle; padding-left:8px; padding-right:10px; color:#ffffff; letter-spacing:3px; background:#313131; margin-right:10px;}

.tuijian .text p:last-child{ line-height:24px; font-size:18px}

.tuijian .text p:last-child span{ line-height:38px; margin-bottom:15px;  }

.list_product { width:96%; margin:auto; padding-top:80px; height:auto; overflow:hidden;}

.list_product ul li{ height:auto; overflow:hidden; background:#000; border-radius:12px; padding:2px; padding-bottom:6px; transition:all 0.7s; margin-bottom:40px; float:left; width:31.333%; margin-right:2%;}

.list_product ul li:nth-child(3n){ margin-right:0}

.list_product ul li .pic{ background:#ffff; border-radius:15px; height:330px; overflow:hidden}

.list_product ul li:hover{ background:#e60316} 

.list_product ul li .title{ text-align:center; line-height:60px; letter-spacing:2px; color:#ffffff; font-size:14px;}

.honorIntro{ position:relative; height:auto; overflow:hidden; padding-bottom:96px; margin-top:88px;}

.honorIntro .adver{ width:64.55%; position:absolute; left:0; z-index:1; bottom:0}

.honorIntro .adver img{ width:100%;}

.honorIntro .desc{ width:48.94%; float:right; padding-top:30px; height:405px; overflow:hidden; background:#313131;}

.honorIntro .desc .title{ position:relative; width:94.488%;}

.honorIntro .desc .title .en{ font-size:29px; color:#777777; position:absolute; right:0; top:0; z-index:1; font-weight: bold;}

.honorIntro .desc .title .cn{ position:relative; z-index:2; line-height:56px; font-size:30px; font-weight:600; color:#ffffff; margin-left:32%; letter-spacing:5px; transition:all 0.5s}

.honorIntro .desc .title .cn::after{ position:absolute; left:0; height:6px; line-height:6px; bottom:0; z-index:2; width:60px; content:""; background:#e60316; width:33%}

.honorIntro .desc p{ line-height:36px; font-size:20px; color:#ffffff;padding-left:32%; transition:all 0.7s; padding-top:32px; padding-right:3%}

.honorBox{ margin-top:72px; height:auto; overflow:hidden; padding:70px 0; background:url(../images/honorBg.jpg) top center no-repeat}

.honorBox .title{ text-align:center; line-height:46px; color:#ffffff; font-size:28px;}

.honorBox .desc p{text-align:center;  line-height:30px; font-size:20px; color:#ffffff}

.honorScroll{ width:93%; margin:auto; margin-top:30px; position:relative; overflow:hidden; padding-bottom:40px;}

.honorScroll .swiper-slide{ width:25%; float:left; position:relative; height:auto; overflow:hidden}

.honorScroll .swiper-slide .box{ padding:30px 10px; height:150px; background:rgba(255,255,255,0.63); transition:all 0.7s; border:1px solid #5d7484;}

.honorScroll .swiper-slide .box img{ max-width:100%;}

.honorScroll .swiper-slide:hover .box{background:rgba(255,255,255,0.9); }

.news_content .page span:last-child{ float: right;}

/**联系我们 start**/

.contactBox{ height:auto; overflow:hidden; background:url(../images/contactBg.jpg) top no-repeat;}

.contactBox .contact{width: 79.638%; height:auto; overflow:hidden; background:#ffffff; margin-top:218px; margin-left:20px; box-shadow:0px 5px 10px #cfcfcf}

.contactBox .contact .list_contact{ clear:both; text-align:center; height:auto; overflow:hidden; border-bottom:2px solid #d9d9d9;} 

.contactBox .contact .list_contact ul li{ width:33.333%; float:left; height:auto; overflow:hidden; padding:30px 0; position:relative;}

.contactBox .contact .list_contact ul li::after{ width:1px; height:100%; position:absolute; right:0; z-index:2; content:""; background:#f2f2f2; top:0;}

.contactBox .contact .list_contact ul li img{ display:inline-block; vertical-align:middle; margin-right:20px;}

.contactBox .contact .list_contact ul li .text{ display:inline-block; vertical-align:middle;}

.contactBox .contact .list_contact ul li .text p{ font-size:18px; color:#010101;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.contactBox .contact .list_contact ul li .text p:last-child{ font-size:24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.list_contact2{ padding-top:30px;}

.list_contact2 .pic{ text-align:center;}

.list_contact2 ul{ display:block; height:auto; overflow:hidden; padding-top:28px; padding-bottom:10px; border-bottom:1px solid #e0e0e0}

.list_contact2 ul li{ width:33.333%; float:left; padding-top:10px;}

.list_contact2 ul li.addr{ width:66.666%}

.list_contact2 ul li img{ float:left; margin-left:3%;}

.list_contact2 ul li  span{ float:left; margin-left:3%; font-size:18px; color:#231916;}

.guestbook{ padding-top:20px; height:auto; overflow:hidden;}

.guestbook .title{ text-align:center; line-height:50px; font-size:28px; color:#e60316; font-weight:600}

.guestbook .desc{ padding-top:3px; text-align:center; line-height:30px; font-size:20px; color:#231916;}

.guestbook .book{ padding-top:40px; padding-bottom:60px; height:auto; overflow:hidden; width:71.37%; margin:auto;}

.guestbook .book ul{ display:block; height:auto; overflow:hidden}

.guestbook .book ul li{ line-height:40px; margin-top:28px; border-bottom:1px solid #313131;} 

.guestbook .book ul li input{ display:inline-block; vertical-align:middle; background:none; border:0px; color:#000000; line-height:40px; font-size:16px; margin-left:1%; width:93%}

.guestbook .book .submit{ padding-top:40px;text-align:center}

.guestbook .book .submit input{ width:170px; height:42px; text-align:center; line-height:42px; background:#313131; color:#ffffff; border:0px; text-align:center}

.contactMap{width:79.638%; margin-left:20px; margin-top:60px; height:570px; position:relative;}

.map{ width:52.3%; height:570px; float:right }

.contactMap .adver{ position:absolute; left:0; z-index:1; width:47.7%; height:100%; top:0; overflow:hidden}

.contactMap .adver img{ width:100%; height:100%;}

.page_return { text-align: center; height: 50px; }
.page_return a{ padding:5px 22px !important; border: 1px #231916  solid ; display:inline-block;}
.page_return span{padding:9px 22px !important; border: 1px #231916 solid; background: #ff0000; color: #fff; }

/**联系我们 end**/ 

/**关于我们 start**/

.inaboutBox{width: 79.638%; margin-left:20px; padding-bottom:30px; background:#ffffff; position:relative}

.inaboutBox .video{ height:312px;  position:relative;}

.inaboutBox .video .play{ width:80px; position:absolute; left:50%; margin-left:-40px; z-index:1; top:30%; cursor:pointer;}

.inaboutBox .video .play img{ width:100%;}

.inaboutBox .info{ padding-top:26px; line-height:30px; width:100%; margin:auto}

.inaboutBox .info p,.inaboutBox .info div{ text-indent:2em; font-size:20px; color:#010101;}

.list_tongji{ width:93.2%; position:absolute; left:3.4%; padding:10px 0; background:#ffffff; box-shadow:0px 5px 6px #cccccc; bottom:-70px;z-index:2}

.list_tongji li{ width:20%; float:left; height:auto; overflow:hidden; position:relative; text-align:center;}

.list_tongji li::after{ width:1px; height:90%; top:5%; right:0; position:absolute; content:""; background:#f5f5f5; z-index:2}

.list_tongji li .pic{ height:60px;}

.list_tongji li .num{ font-size:30px; color:#e60316; font-weight:600; letter-spacing:3px;}

.list_tongji li .title{ line-height:36px; letter-spacing:2px; font-size:20px; color:#010101}

.rightBox{ height:auto; overflow:hidden;  background:#ffffff;   width:100%}

.shili .bt{ height:auto; overflow:hidden;  background:#ffffff; background: url(../images/shili.jpg) top center no-repeat; width:100%}
.whyBox{ height:auto; overflow:hidden; position:relative; background:#fbfbfc; clear:both; z-index:1; padding-top:150px} 

.why{width: 79.638%; margin-left:20px}

.why1 .pic{ width:52.549%;}

.why1 .pic img{ width:100%;}

.why1 .text{ width:44.12%}

.why1 .text h3{ line-height:36px; letter-spacing:3px; font-size:22px;}

.why1 .text h3 img{ display:inline-block; margin-right:3%; vertical-align:middle; }

.why1 .text p{ line-height:24px; padding-top:6px; text-indent:2em; font-size:18px;}

.why1 .text h3:nth-child(3){ padding-top:20px;} 

.wback{ background:#ffffff;}

/**关于我们 end**/

.news_content h2{ line-height:60px; background:#f5f5f5; text-align:center; font-size:30px; color:#00000}

.news_content h3{ line-height:40px; text-align:center; font-size:14px; color:#333; border-bottom:1px dashed #999; padding-bottom:5px;}

.news_content .detail{ padding:10px; line-height:30px; font-size:14px;}

.news_content .detail img{ max-width:100%;}
.news_content .detail .pic_parameter{ padding:10px 0; height:auto; overflow:hidden; background:#ffffff; margin-top:15px; }
.news_content .detail .content{ clear:both; margin-top:12px;}
.news_content .detail .content h4{ position:relative; line-height:40px; font-size:16px; border-bottom:1px solid #f52b3c;}
/*.news_content .detail .content h4::before{ width:2px; height:100%;}*/
.news_content .detail .content_r{ line-height:40px; font-size:14px;}
.hot-pro{clear:both; padding:10px 0;}

.hot-pro h5{line-height:60px;background:#000; text-align:center; font-size:24px;color:#fff;clear:both;}

.hot-pro  ul li{width:48%;margin-right:2%;float:left;}

.hot-pro  ul li .pic{ height:90px;}

.hot-pro  ul li .pic img{ width:auto; max-height:100%;max-width:100%;}

.hot-pro  ul li .title{text-align:center; line-height:30px; font-size:12px; color:#333;}

.hot-pro.hot-news ul li {width:100%;margin-right:0;margin-bottom:6px;border-bottom:1px solid #f5f5f5;}

.hot-pro.hot-news ul li .title{ line-height:30px;text-align:left; }

.hot-pro.hot-pro-big ul li{width:23%;}

.hot-pro.hot-pro-big ul li .pic{ height:130px; overflow: hidden;}
.hot-pro.hot-pro-big ul li .pic img{ height: 130px; min-width: 100%; }

.hot-pro.hot-news-big  h2,.hot-pro.hot-pro-big h2{background:#fff; color:#000;text-align:left;}

.hot-pro.hot-news-big .title{text-align:left; border-bottom:1px  dashed #f5f5f5;}
.hot-pro.hot-news-big .title span{ float: right;}


.wapClose{ display:none}

@media screen and (max-width:1680px)

{

.footerBox .fLeft .contact .con p span{ width:80%;}

	}

@media screen and (max-width:1589px)

{

.footerBox .fRight{ height:365px;}
 
}

@media screen and (max-width:1540px)

{



}

@media screen and (max-width:1500px)

{
.main_content.shili .inRight .menu,.inaboutBox,.why,.scrollChange,.contactBox .contact,.contactMap{ width:96%}
.contactBox .contact .list_contact ul li img{ max-width:48px; margin-right:10px;}
.list_contact2 ul li span{ max-width:80%}
.guestbook .title{ font-size:26px}.guestbook .desc,.main_content .inleft .menu p{ font-size:18px;}
.main_content .inleft .menu h3{ font-size:24px;}
.hotNews ul .title{ font-size:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.navbox .nav li a{ font-size:20px;}
.top_tel .txt p:last-child{ font-size:26px;}
.top_tel img{ max-width:60px}.topper .logo{ width:48%;}
.contactMap,.map{ height:520px;}
.list_product ul li .pic{ height:300px; background:#000000}
.honorIntro .desc .title .cn{ font-size:28px;}.honorIntro .desc p{ font-size:18px;}
}

@media screen and (max-width:1460px)

{
.main_content.shili .inleft{ width:20%; left:10%;}

.inRight .menu span{ width:40%;}
.scrollChange .bd li .textBox .box{ padding-top:20px; padding-left:4.5%; padding-right:4.5%}
.scrollChange .bd li .textBox .box h4{ font-size:20px;}
.scrollChange .bd li .textBox .box .desc{ font-size:18px;}
.scrollChange .bd li .textBox .box .desc2{ margin-bottom:50px; font-size:18px;}


}

@media screen and (max-width:1390px)

{

		.w1370{ width:96%;}
		



}

@media screen and (max-width:1370px)

{



.classNav .class ul li a{ font-size:17px;}
.classNav .title,.index-title,.powerBox ul li .text .title span b{ font-size:38px;}.classNav .title span,.index-title span{ font-size:28px;}
.powerBox ul li .text .title span{ font-size:30px;}
.index_adver h3{ font-size:36px;}
.powerBox ul li .text .ico{ max-width:20%}
.powerBox ul li .desc p:first-child span{ width:92%;}
.footerBox .fLeft .contact .title, .footerBox .fLeft .fastnav .title, .footerBox .fRight .title{ font-size:26px;}
.footerBox .fRight .box .ewm ul li img{ max-width:60%}	
.banner { clear:both;}
.banner .swiper-slide img{ max-width:100%;}
.shili .bt{ background-size:130%}.changfangChange .hd{ padding-top:10px}.cfcmScroll{ padding:40px 0;}
.scrollChange .bd li .textBox .box h4{ padding-top:20px;}.shiliBox{ padding-top:116px;}.scrollChange .bd{ margin-top:20px}
.footerBox .fLeft{ padding-bottom:52px;}.classNav .class ul li,.caseBox .menu .class ul li{ font-size:18px;}
.guestbook .book ul li input{ width:90%;}
.list_contact2 ul li span{ margin-left:1%; font-size:15px;}
.searchBox ul li:last-child{ width:80%;}
}

@media screen and (max-width:1300px)

{

.footerBox .fLeft .contact .person p,.footerBox .fLeft .contact .con p{ font-size:16px;}
.footerBox .fLeft .contact .con p img{ margin-top:8px; margin-right:10px; width:25px;}

}

@media screen and (max-width:1200px)

{
.footerBox .fLeft .blank{ width:12.14%;}
.footerBox .fLeft .contact{ width:45.56%;}
.classNav .class ul li a{ font-size:16px;}
.classNav .title,.index-title,.powerBox ul li .text .title span b{ font-size:30px;}
.classNav .title span,.index-title span{ font-size:20px;}
.powerBox ul li .text .title span{ font-size:22px;}
.footerBox .fLeft .contact .title, .footerBox .fLeft .fastnav .title, .footerBox .fRight .title{ font-size:24px;}
.footerBox .fRight .box .ewm ul li img{ max-width:70%}
	}

	@media screen and (max-width:1130px)

{
.classNav .class ul li a{ font-size:14px;}


}

@media screen and (max-width:1050px)

{



}

@media screen and (max-width:1000px)

{

}

@media screen and (max-width:868px)

{
.top_tel,.index_adver .tel{ display:none}
.topper .logo{ width:70%;}
.navbox{ height:auto; overflow:hidden;}
.navbox .w1370{ width:100%;}
.navbox .nav li{ width:25%; font-style:normal; line-height:36px;}
.navbox .nav li:hover, .navbox .nav li.on{ background:#000000}
.navbox .nav li,.navbox .nav li a{ font-size:16px;}
.searchBox{ display:none}
.index-title{ margin-top:15px;}
.classNav .title{ width:100%; line-height:60px;}
.classNav .class{ width:100%;}
.index_list_product ul li{ width:47%; margin-right:4.2%; height:240px}
.index_list_product ul li:nth-child(3n){ margin-right:4.2%;}
.index_list_product ul li:nth-child(2n),.index_list_product ul li:nth-child(6){ margin-right:0;}
.main_content.shili .inleft{ display:none;}
.main_content.shili .inRight,.main_content.shili .inRight .menu, .inaboutBox, .why, .scrollChange, .contactBox .contact, .contactMap{ width:100%;}
.inaboutBox{ margin-left:0;}
.inaboutBox .info p,.inaboutBox .info div{text-indent: 0;}
.inaboutBox .info p img, .inaboutBox .info div img{ width:100%;}
} 

@media screen and (max-width:768px)

{

	.classNav .title, .index-title, .powerBox ul li .text .title span b{ font-size:20px;}
	.classNav .title span, .index-title span{ font-size:18px;    margin-left: -10px;}
	.classNav .title span{ margin-left:3px;}
	.index-stitle{ font-size:16px;}
	.index-stitle{ line-height:24px; font-size:16px;}
	.index_adver h3{ font-size:22px; line-height:80px;}.index_adver h4{ font-size:16px; }
	.index_adver{ height:180px;}.index_adver .w1370{ padding-top:0;}
	.powerBox ul li .pic,.powerBox ul li .text{ width:100%;}
	.aboutBox .videobox{ width:100%;}
	.aboutBox .videobox .video{ height:200px;}
	.case_scroll .swiper-slide .box .pic{ height:auto;}
	.inRight .menu img{ margin:0 3px;}
	.list_tongji li .pic img{ max-width:50%;}
	.list_tongji li .num,.list_tongji li .title{ font-size:14px; letter-spacing:0px;}
	.inaboutBox{ padding-bottom:0;}.whyBox{ padding-top:80px;}
	.main_content.shili .inRight .menu, .inaboutBox, .why, .scrollChange, .contactBox .contact, .contactMap{ width:100%;}
	.why{ margin-left:0;}
	.why1 .pic{ width:100%;}
	.why1 .text{ width:94%; margin-left:3%; float:left;}.why1 .pic img{ width:94%;}
	.why1 .text h3 img{ width:35px;}.why1 .text h3{ font-size:20px;}
	.why1 .text p{ padding-top:0; font-size:16px;}
	.main_content .inleft{ display:none;}
	.inRight,.tuijian .pic{ width:100%}
	.tuijian .pic{ height:auto; margin-bottom:10px;}
	.tuijian .text p:last-child{ font-size:14px;}
	.tuijian .text{ width:98%;}.tuijian .text p,.tuijian .text p:last-child span{ line-height:30px; font-size:15px;}
.list_product ul li{ width:47%; padding:0; margin-right:3%;  }.list_product ul li .pic{ height:auto;}.list_product .pic img{ height:170px;}
.list_product ul li:nth-child(3n){ margin-right:2%;}.list_product ul li .title{ font-size:14px;}
.scrollChange .bd li .textBox .box{ padding-top:10px;}
.scrollChange .bd li .textBox .box h4{ font-size:18px; padding-top:10px;}
.scrollChange .bd li .textBox .box h3{ font-size:20px}.scrollChange .bd li .textBox .box .desc{ font-size:16px;}
.scrollChange .bd li .textBox .box .desc2{ margin-bottom:10px;}
.changfangChange{ width:100%; padding-bottom:0;}.changfangBox{ margin-top:10px;}.changfangChange .hd{ padding-top:10px;}
.changfangChange .hd ul li{ width:38%; line-height:36px; font-size:15px;}
.honorIntro .desc{ width:100%;}
.honorIntro{ margin-top:10px;}
.honorIntro .desc .title .en{ font-size:25px;}.honorIntro .desc .title .cn{ font-size:22px;}
.honorIntro .desc p{ font-size:16px; padding-left:5%;}
.honorIntro .adver{ width:100%; }.honorBox{ margin-top:30px; padding-top:20px;}
.honorBox .title{ font-size:22px; line-height:32px;}
.honorBox .desc p{ font-size:14px;}.honorScroll .swiper-slide .box{ height:120px;padding: 12px 10px;}
.list_news::after{ display:none;}
.list_news li{ margin-left:0; margin-bottom:15px;}
.list_news li .box{ width:94%; margin-left:3%; height:auto; overflow:hidden; padding:4px; }
.list_news li .box .pic{ width:100%; height:auto;}
.list_news li .box .text{ width:97.5%; padding-top:5px;}
.list_news li .box .text h3{ font-size:17px;}.list_news li .box .text p{ font-size:16px;}
.list_news li .box .text p .more{ font-size:16px; width:100px; }.list_news li .box .text p .date{ font-size:16px}
}


@media screen and (max-width:480px)

{
.index-title{ margin-top:10px;}
.index_list_product ul li{ height:202px}
.powerBox ul li .pic img{ max-width:80%; margin-left:38px;}
.powerBox ul li .text .ico{ max-width:15%}
	.powerBox ul li .text .title span{ margin-top:0; margin-left:-5px;}
	.powerBox ul li .desc{ padding-left:4%; padding-right:0; margin-top:12px;}
	.powerBox ul li .desc p{ margin-bottom:5px;}
	.powerBox ul li .desc p:first-child span,.powerBox ul li:nth-child(2n) .desc p:first-child span{ width:87%;}
	.powerBox ul li .desc p span{ font-size:16px; width:86%}
	.powerBox ul li .desc p img{ width:20px; margin-top:5px;}
	.powerBox ul li .text{ padding-top:20px;}
	.powerBox ul li{ padding-bottom:20px;}
	.aboutBox .videobox .video{ height:168px;}
	.aboutBox .videobox .video{ margin-top:6px; margin-left:1.6%}
	.aboutBox .text{ width:96%; margin-left:2%; margin-top:3%;}.aboutBox .text{ font-size:16px; line-height:32px;}
	.aboutBox .text p:last-child{ padding-top:25px;}
	.aboutBox .text p:last-child a{ font-size:16px;}
	.caseBox .menu .title { width:100%;}
	.caseBox .blank{ height:60px;}
	.caseBox .menu .class ul li{ font-size:14px;padding: 0px 12px;}
	 .caseBox .menu .class ul li{ margin:0 1.5%; width:39%; float:left; height:40px; line-height:40px; overflow:hidden;}
	 .caseBox .menu .class{ width:100%; padding-top:25px;}
	 .caseBox .menu .class ul li{ margin-bottom:12px;}
	 .caseBox .more a{ border-radius:12px; font-size:15px; width:28%; line-height:32px; margin-top:10px;}
	 .goodnews,.indexNews{ width:100%;}.goodnews p{ font-size:14px;}
	 .indexNews ul li{ width:96%; margin-left:2%;}.indexNews ul li{ margin-bottom:5px;}
	 .indexNews ul li h3{ font-size:16px;}.indexNews ul li p{ font-size:14px; line-height:24px;}.indexNews ul li p.time{ font-size:14px; padding-top:0;}
	 .newsBox{ padding-bottom:0;}.footerBox .fLeft .fastnav{ display:none;}
	 .footerBox .fLeft .blank,.footerBox .fRight .box{ display:none}.footerBox .fLeft .contact{ padding-top:20px;}
	 .footerBox .fLeft .contact .title, .footerBox .fLeft .fastnav .title, .footerBox .fRight .title{ font-size:20px;}
	 .footerBox .fLeft .contact .person p, .footerBox .fLeft .contact .con p{ font-size:14px;}
	 .footerBox .fRight{ width:19%; display:none}.footerBox .fLeft{ width:100%;}.footerBox .fLeft .contact{ width:90%; margin-left:5%;}
	 .classNav .class ul li{ font-size:14px; letter-spacing:0; height:24px; line-height:24px; width:50%; overflow:hidden;}
	 .classNav .more{ display:none;}
	 .classNav{ margin-bottom:20px;}
	 .index_list_product ul li p{ font-size:15px; line-height:24px;}.aboutBox{ margin-bottom:5px;}
	 .index-title span::after{ height:6px;}
	 .caseBox .more{ padding-bottom:8px;}
	 .case_scroll .swiper-slide{ margin-bottom:0;}.case_scroll .swiper-slide .box h3{ font-size:13px; line-height:40px;}
	 .inbanner{ background-size:200%; height:170px;}
	 .list_product{ padding-top:30px;}
	 .list_product ul li .title{ font-size:12px; line-height:32px;}
	 .page_return a{padding:4px 8px !important;}
	 .page_return span{padding: 15px 10px !important;}
	 .shiliBox{ padding-top:40px; padding-bottom:0; margin-top:0;}
	 .shiliBox .hd{ padding-left:1%;}
	 .shiliBox .hd li{ line-height:40px; font-size:16px;}
	 .scrollChange .bd{ margin-left:1%;}
	 .scrollChange .bd li .textBox,.scrollChange .bd li .pic{ width:100%;}2
	 .news_content h2{ font-size:20px;}.hot-pro h2{ font-size:18px; line-height:40px;}
	 .hot-pro ul li{ width:96%;}.contactBox .contact{ margin-top:50px; margin-left:0;}
	 .contactBox .contact .list_contact ul li .text{ width:100%}
	 .contactBox .contact .list_contact ul li .text p:last-child{ font-size:14px;
	 }
	 .list_contact2 .pic img{ max-width:40%;}
 .list_contact2 ul li,.list_contact2 ul li.addr{ width:100%}.list_contact2 ul{ padding-top:5px;}
 .guestbook .title{ font-size:20px;}.guestbook .desc, .main_content .inleft .menu p{ font-size:16px;}
 .guestbook .book{ width:92%;}.guestbook .book ul li input{ width:80%;}
 .contactMap{ height:auto; margin-left:0;}.contactMap .adver,.map{ position:relative; width:100%}.contactMap{}
 .news_content .detail .content_r{ overflow:auto;}
 
 
}