@charset "utf-8";
body{overflow-x:hidden;}
em,i{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}
.fx,.fxrow{display:flex;flex-direction:row;align-items:center}
.fjsb{justify-content:space-between}
.fjsa{justify-content:space-around}
.fjfe{justify-content:flex-end}
.fjce{justify-content:center}
.fafe{align-items:flex-end}
.fafs{align-items:flex-start}
.fwp{flex-wrap:wrap}
.ti2{text-indent:2em}
.ovh{overflow:hidden}
.dn{display:none}
/* @font-face {
    font-family: "PingFangSC-Regular";
    src: url("../fonts/PingFangSC-Regular.ttf") format("ttf"),
  }

  @font-face {
    font-family: "PingFangSC-Semibold";
    src: url("../fonts/PingFangSC-Semibold.ttf") format("ttf");
  } */

  @font-face {
    font-family: 'PingFang SC Regular'; 
    src: url('../fonts/PingFangSC_Regular.ttf');
    font-weight: normal;
    font-style: normal;
  }
html,body{height:100%; padding:0px; margin:0px;font-size:15px;color:#666; font-family: "Microsoft YaHei", "SimSun", "Helvetica Neue","PingFang SC Regular", Arial, Helvetica, sans-serif;}




/* ==================================================内页================================================== */
/*  ====   news     start  ====  */
/*path*/
.path-main{padding:120px  0  60px 0;}
.path-left a{color:#8e8e8e;font-size:14px;padding: 0 10px;}
.path-left a:hover{color: #ec001c;transition: all 0.7s}
/*type*/
.type h1{color:#2c2d2d;font-weight: bold;font-size:42px;}
.type h2{color:#2c2d2d;font-size: 22px;line-height: 50px}
.type em{display: block;    height: 1px;width: 50px;background-color:  #d8141e;margin:20px 0;}
/*.etit*/
.etit{position: relative;margin-top:60px;}
.etit h3{font-size: 90px;font-family: arial;font-weight: bold;color:#2c2d2d;opacity: 10%;position: absolute;right: 20%;top: -70px; }
.scrollbg{ height: 400px;background: url(../images/ns.jpg) no-repeat center fixed;z-index: 99;position: relative;}
/*in-main*/
/*title*/
.in-main{background-color: #f5f5f5;padding:100px 0;}
.left .hd {padding-bottom: 50px}
.left .hd li{background:0 0;cursor:pointer;background-color: #fff;margin-right: 20px;padding: 0 30px;border-radius: 5px;line-height:50px;overflow:hidden;position:relative;transform:perspective(1px);transition:color .3s ease-out;}
.left .hd li a{color:#323232;}
.left .hd li::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0; background-color: #d8141e;transition:transform .3s ease-out; border-radius: 5px;}
.left .hd li::before{transform:scaleY(0)}
.left .hd li:hover::before{transform:scaleY(1)}
.left .hd li:hover a{color:#fff;}
.left .hd li.on{ background-color: #d8141e;  }
.left .hd li.on a{  color:#fff; }
/*list*/
.in-news-list{padding-right:40px;}
.in-news-list li{padding: 30px;background-color: #fff;border-radius: 10px;margin-bottom:30px;}
.in-news-list li img{width:100%;height: 200px;display: block;transition:.5s ease-in;object-fit: cover;}
.in-news-list li .nimg{width:30%;height: 200px;border-radius: 5px;overflow: hidden;}
.in-news-list li  img:hover { transform:scale(1.1,1.1);}
.in-news-list  h3 a{color: #3a3a3a;font-size: 18px;font-weight: bold;line-height: 30px}
.in-news-list  h3 a:hover{color: #ec001c;transition: all 0.5s}
.in-news-list  p.summary{margin-bottom: 50px;color: #666;line-height: 30px;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.in-news-list .date h2 a{color:#d8141e;display: block;border-right: 1px solid #5b5b5b;line-height: 15px;padding: 0 10px 0 0;margin-right: 10px}
.in-news-list .date span{color:#5b5b5b;}
.in-news-list  p.click{color:#5b5b5b;}
.in-news-list  p.click i{color:#d8141e;font-style: normal;}
.in-news-list .box{width:65%;}
.news-main  .left{padding-left: 0}
/*list   right*/
.news-main .list-right .hot h3{margin-bottom: 20px;display: block;font-family: "PingFangSC Semibold";font-size: 20px;font-weight: bold; padding-left: 15px;border-left: 5px solid #ec001c;color:#2c2d2d;}
.news-main .list-right .hot{padding:15px; /* margin-top: 100px;*/background-color: #fff;border-radius:10px;}
.news-main .list-right .hot .hotimg{position: relative;}
.news-main .list-right .hot img{width: 100%;height: 175px;object-fit: cover;}
.news-main .list-right .hot p{ font-family:'PingFang SC Regular',sans-serif;  position: absolute; bottom: 10px;line-height: 20px;font-size: 16px;  color: #fff;padding: 0 10px; overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-main .list-right .hotlist {padding: 0 10px;margin-top: 20px}
.news-main .list-right .hotlist li {list-style:square;color:#ccc;margin-bottom: 15px}
.news-main .list-right .hotlist li a{color:#2c2d2d;line-height: 24px;font-size: 16px;font-family:'PingFang SC Regular',sans-serif;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-main .list-right .hotlist li:hover a{color:#ec001c;}
.news-main .list-right .hotlist li:hover{color:#ec001c;}
/*hot-tit*/
.news-main .list-right .hot-tit {margin-top: 20px;}
.news-main .list-right .hot-tit h3{margin-bottom: 20px;display: block;font-family: "PingFangSC Semibold";font-size: 20px;font-weight: bold; padding-left: 15px;border-left: 5px solid #ec001c;color:#2c2d2d;}
.news-main .list-right .hot-tit{padding:15px;background-color: #fff;border-radius:10px;}
.news-main .list-right .hot-tit li{background-color: #f2f6f8;    margin: 0 13px 15px 0px;border-radius: 5px}
.news-main .list-right .hot-tit li a{color:#2c2d2d;line-height:40px;padding:0  18px;}
/*新闻详情页*/
.path-left p a:last-of-type{display: block;color:#666;}
article{background-color: #fff;border-radius: 10px;padding: 60px;overflow: hidden;   }
.news-main h1{font-weight:bold;color:#000;font-size: 30px;line-height: 50px;}
.news-main .tit a{color:#666;}
.news-main .tit a:hover{color:#ec001c;}
article p.article-out{color: #666;line-height: 60px;}
article p.article-out a{color: #666;}
article p.article-out a:hover{color:#ec001c;}
.news_box_nei{padding:50px 0;overflow: hidden;border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.news_box_nei p{color:#666;line-height:35px;font-size: 16px;}
.news_box_nei  img{display: block;overflow: hidden;object-fit: cover;height: 600px;}
.prenext{margin-top:40px;}
.prenext li{background-color: #f6f6f6;line-height: 45px;padding:0  20px;margin-bottom: 10px;}
.prenext li a{color: #717171;}
.prenext li a:hover{color:#ec001c;}
/*  ====   news   end ====  */


/* =====  contact  start  ====   */
.contactetit{position: relative;margin-top:60px;}
.contactetit h3{font-size: 90px; text-transform:Capitalize;font-family: arial;font-weight: bold;color:#2c2d2d;opacity: 10%;position: absolute;right: 20%;top: -70px; }
.contactetit .scrollbg{ height:640px;background: url(../images/cbg.jpg) no-repeat center fixed;z-index: 99;position: relative;}
.contactetit .nr{position:absolute;z-index: 100;top: 10%;min-width: 1200px; }
.contactetit  .infor{background-color: #fff;padding:60px  50px;border-radius: 10px;width: 52%;}
.contactetit  .infor h1{color:#2d2d2d;font-size: 24px;font-weight: 600;line-height: 45px;}
.contactetit  .infor li{margin-top: 20px;}
.contactetit  .infor li span{display: block;color:#ec001c;line-height: 30px;}
.contactetit  .infor li p{color:#666;font-size: 16px;}
.contactetit  .wx p{text-align: center;}
.message{background-color: #fff;padding: 100px 0 50px 0; }
.message .lytit {margin-bottom: 50px;}
.message  .lytit  h3{font-size: 36px;font-weight: bold;line-height: 45px;color: #2d2d2d;text-align: center;}
.message .lytit  p{font-size:18px;color: #5b5b5b;line-height:30px;text-align: center;}
.message  .lyimg{width: 40%;overflow: hidden;}
.message  .lyimg img{height: 406px;object-fit: cover;overflow: hidden;display: block;}
.message .in-liuyan{width:56%;flex-direction:column  }
/*留言板*/
.in-liuyan p{font-size:14px;color:#999;padding: 20px 0}
.in-liuyan .inputs input{padding: 9px 15px 9px 30px;background:#f4f4f4;color:#999;width: 85%; border: 1px solid #f4f4f4;height: 45px;margin: 0 10px 10px 0;}
.in-liuyan .inputs text{color:#999;}
.in-liuyan .inputs input:focus{outline: none;}
.in-liuyan .btn_sub{float: right; cursor: pointer;  display: block;width:180px;line-height:50px;background: #ec001c;padding: 0;color: #fff;font-size: 15px;border-radius:5px;border:none;}
.in-liuyan  textarea{padding: 9px 15px 9px 30px;width:99%;color:#999;border:1px solid #fff;height:155px; background:#f4f4f4;   }
/* =====  contact end  ====   */


/* =====  about  start  ====   */
/*简介*/
.abscrollbg{ height:400px;background: url(../images/in-ab.jpg) no-repeat center fixed;z-index: 99;position: relative;}
.in-about{padding: 100px 0; }
.in-about .img{width: 45%;overflow: hidden;}
.in-about .img img{display: block;width: 100%;object-fit: cover;height:500px;border-radius: 10px;overflow: hidden;}
.in-about .text{width: 50%}
.in-about h1{color:#333;font-size: 36px;font-weight: bold;line-height: 60px;}
.in-about {font-size: 16px;color: #666;line-height:30px;}
.ibrand-num {padding:50px 0}
.ibrand-num li{width:25%;overflow:hidden;text-align:center;position:relative}
.ibrand-num li p{height:56px;overflow:hidden;color:#333;line-height:24px;text-align:center;color:#000}
.ibrand-num li p b{display:inline-block;font-family: "arial" ;  font-size:50px;color:#ec001c;font-weight:bold;line-height:60px;vertical-align:top;}
.ibrand-num li em{display:block;font-size:18px;color:#666;font-weight:400;line-height:30px;font-style:normal}
/*团队介绍*/
.in-team{background-color: #f6f6f6;padding: 100px 0;}
.in-team .ttit {margin-bottom: 50px;}
.in-team  .ttit  h3{font-size: 36px;font-weight: bold;line-height: 45px;color: #2d2d2d;text-align: center;}
.in-team .ttit  p{font-size:18px;color: #5b5b5b;line-height:30px;text-align: center;}
.in-team li{display: flex;width: 32.3%;border-radius: 10px;}
.in-team li .image-w{position:relative; overflow:hidden;border-radius: 10px; }
.in-team li img{ max-width: 100%;border-radius: 10px;display: block;object-fit: cover;}
.des{ position:relative;}
.des .captionbg{position:absolute;width:100%; height:100%;}
.des .caption-text{z-index:10; position:relative;word-break: break-all; word-wrap: break-word;padding:0.5em 1px 0.7em;}
.in-team li h3{ font-size:20px; margin:0;  font-weight: bold;}
.in-team li p{ margin:0; padding-top:20px; opacity:0.85;}
.bg_main{background: rgb(0 0 0 / 48%);border-radius: 10px;}
.in-team li img{-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;-webkit-transform: translate3d(-5%,0, 0) scale(1.1);transform: translate3d(-5%,0, 0) scale(1.1);}
.in-team li:hover img{-webkit-transform: translate3d(0,0,0) scale(1.1);transform: translate3d(0,0,0) scale(1.1);}
.in-team li .des{ position:absolute; left:0; right:0; top:0; bottom:0;}
.in-team li .caption-text {position: absolute;bottom: 0;left: 0;padding: 1em;width: 100%;min-height: 5.5em; color:#fff; /*text-align:left;*/}
.in-team li h3,.in-team li p{-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,100%,0);}
.in-team li p{opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.in-team li h3 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
.in-team li p{color: rgba(255,255,255,0.8);opacity: 0;*filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); height:0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;}
.in-team li:hover p {opacity: 1;}
.in-team li:hover h3,.in-team li:hover p {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.in-team li:hover p {opacity: 1;*filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s; height:auto;}
.in-team li:hover .bg_main{display: none}
/*合作伙伴*/
.coo{padding: 100px 0}
.coo .ttit {margin-bottom: 50px;}
.coo .ttit  h3{font-size: 36px;font-weight: bold;line-height: 45px;color: #2d2d2d;text-align: center;}
.coo .ttit  p{font-size:18px;color: #5b5b5b;line-height:30px;text-align: center;}
.coo  ul li{margin:10px 10px;border:1px solid #ccc;flex: 1;overflow: hidden;}
.coo  ul li:first-child{margin:0 0;}
.coo  ul li:last-child{margin:0 0;}
.coo  ul li img{ height: 120px;display: block;width: 100%;object-fit: cover;transition:.5s ease-in;overflow: hidden;}
.coo  ul li img:hover { transform:scale(1.1,1.1);}
.coo  ul li:hover{border:1px solid #ec001c;}
/* =====  about  end  ====   */


/* =====  Visual design strat ====   */
/*vs*/
.vstit{position: relative;margin-top:60px;}
.vstit h3{font-size: 90px;text-transform: capitalize;font-family: arial;font-weight: bold;color:#2c2d2d;opacity: 10%;position: absolute;right: 20%;top: -70px; }
.vsscrollbg{ height:640px;background: url(../images/vsbg.jpg) no-repeat center fixed;z-index: 99;position: relative;}
.vslist{padding: 100px 0}
.vslist .tit {margin-bottom: 50px;}
.vslist .tit  h3{font-size: 36px;font-weight: bold;line-height: 45px;color: #2d2d2d;text-align: center;}
.vslist .tit  p{font-size:18px;color: #5b5b5b;line-height:30px;text-align: center;}
.vslist ul  li {width: 32.3% ;border-radius: 10px;overflow: hidden;  }
.vslist ul  li .img{overflow: hidden;height: 350px;}
.vslist ul  li .img img{height: 350px;width: 100%;object-fit: cover;  display: block;overflow: hidden;transition:.5s ease-in;}
.vslist ul  li .img img:hover { transform:scale(1.1,1.1);}
.vslist ul  li .text{background-color: #f7f7f7;padding:20px 0}
.vslist ul  li .text h4{color: #333;font-weight: bold;line-height: 40px;text-align: center;font-size: 22px;}
.vslist ul  li .text p{  font-size: 16px;  text-align: center; line-height:30px; color: #666; padding: 0 20px;}
/*fwxm*/
.fwxm{padding: 100px 0;background-color: #fff;}
.fwxm .tit {margin-bottom: 50px;}
.fwxm .tit  h3{font-size: 36px;font-weight: bold;line-height: 45px;color: #2d2d2d;text-align: center;}
.fwxm .tit  p{font-size:18px;color: #5b5b5b;line-height:30px;text-align: center;}
.fwxm ul  li {width: 32.3%; margin-bottom: 20px;border-radius: 10px;overflow: hidden;  }
.fwxm ul  li .img{overflow: hidden;height: 350px;}
.fwxm ul  li .img img{height: 350px;width: 100%;object-fit: cover;  display: block;overflow: hidden;transition:.5s ease-in;}
.fwxm ul  li .img img:hover { transform:scale(1.1,1.1);}
.fwxm ul  li .text{background-color: #f7f7f7;padding:20px}
.fwxm ul  li .text h4{color: #333;font-weight: bold;line-height: 30px;text-align: left;font-size: 22px;}
.fwxm ul  li .text p.sum{  font-size: 16px;text-align: left;    line-height:30px; color: #666; }
.fwxm a.more{color:#666;font-family:'PingFang SC Regular',sans-serif;text-align:center;font-size:16px;line-height:45px;transition: all .3s ease;position: relative;cursor: pointer; width:90px;background:#f7f7f7;border:1px solid #ccc;border-radius: 5px;}
.fwxm a.more:hover{ background-color: #ec001c;border:1px solid #f7f7f7;color:#fff;}
.fwxm a.more:after,.fwxm a.more:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2;color:#fff}
.fwxm a.more:hover{z-index:1;background:0 0;color:#fff}
.fwxm a.more:before{transition:.5s;background:#ec001c;z-index:-1;color:#fff;border-radius: 5px;}
.fwxm a.more:hover:after,.fwxm a.more:hover:before{width:100%}
/*vscase*/
.vscase{padding:100px 0;background-color: #f7f7f7;margin-bottom: 100px;}
.vscase .tit {margin-bottom: 50px;}
.vscase .tit  h3{font-size: 36px;font-weight: bold;line-height: 45px;color: #2d2d2d;text-align: center;}
.vscase .tit  p{font-size:18px;color: #5b5b5b;line-height:30px;text-align: center;}
.vscase ul  li {width: 32.3%;margin-bottom: 20px;border-radius: 10px;overflow: hidden;  }
.vscase ul  li .img{overflow: hidden;height: 350px;}
.vscase ul  li .img img{height: 350px;width: 100%;object-fit: cover;  display: block;overflow: hidden;transition:.5s ease-in;}
.vscase ul  li .img img:hover { transform:scale(1.1,1.1);}
.vscase ul  li .text{background-color: #fff;padding:20px}
.vscase ul  li .text h4{color: #333;line-height: 40px;text-align: center;font-size: 22px;}
.vscase a.more{color:#666;font-family:'PingFang SC Regular',sans-serif;text-align:center;font-size:16px;line-height:45px;transition: all .3s ease;position: relative;cursor: pointer;padding: 0 11%;background:#fff;border:1px solid #ccc;border-radius: 5px;}
.vscase a.more:hover{ background-color: #ec001c;border:1px solid #fff;}
.vscase a.more:after,.vscase a.more:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2;color:#fff}
.vscase a.more:hover{z-index:1;background:0 0;color:#fff}
.vscase a.more:before{transition:.5s;background:#ec001c;z-index:-1;color:#fff;border-radius: 5px;}
.vscase a.more:hover:after,.vscase a.more:hover:before{width:100%}
.vscase a.zx{  color:#fff;font-family:'PingFang SC Regular',sans-serif;text-align:center;font-size:16px;line-height:45px;    transition: all .3s ease;position: relative;cursor: pointer;padding: 0 11%;background:#ec001c;border-radius: 5px;}
.vscase a.zx:hover{ background-color: #000;}
.vscase a.zx:after,.vscase a.zx:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2;color:#fff}
.vscase a.zx:hover{z-index:1;background:0 0;}
.vscase a.zx:before{transition:.5s;background:#000;z-index:-1;color:#fff;border-radius: 5px}
.vscase a.zx:hover:after,.vscase a.zx:hover:before{width:100%}
/*vsnews*/
.vsnews{margin-bottom: 100px;}
.vsnews .container{background-color: #f7f7f7;border-radius: 10px;padding:20px 0;}
.vntit h2{font-weight: bold;line-height: 30px;font-size: 24px;color:#333;border-left:7px solid #ec001c;padding-left: 30px;}
.vntit a.more{font-size: 16px;color: #666}
.vntit a.more:hover{color: #ec001c}
.vntit {border-bottom: 1px solid #e8e8e8; padding: 18px 20px 15px 20px;}
.vsnews .n1 li {width:48%;}
.vsnews .n1{margin-bottom: 20px;}
.vsnews ul{padding: 2% 2% 0 2%;}
.vsnews li .img{height:185px; width: 45%;margin-right:2%;  border-radius:5px;overflow: hidden;}
.vsnews li .img img{ width: 100%; height:185px; display: block;object-fit:cover;transition:.5s ease-in;}
.vsnews li .img img:hover { transform:scale(1.1,1.1);}
.vsnews li .text{width: 52%;}
.vsnews li .text h3 a{font-size: 20px;font-weight: bold;color: #333;line-height:28px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.vsnews li .text span{color:#999;font-size: 16px;line-height: 36px;}
.vsnews li .text p{color:#666;font-size: 16px;overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.vsnews li .text h3 a:hover{color:#ec001c;}
.vsnews .n2{background-color: #fff}
.vsnews .n2 .part{width: 49%;background-color: #f7f7f7;border-radius: 10px;padding:20px 0;}
.vsnews .n2 .part ul{padding: 2% 5% 0 5%;}
.vsnews .n2 .part ul li h4 {display: block;overflow: hidden;width:76%}
.vsnews .n2 .part ul li h4 a{font-size: 16px;color: #333;line-height: 35px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;    }
.vsnews .n2 .part ul li span{font-size: 16px;color: #666;display: block;}
.vsnews .n2 .part ul li h4 a:hover{color:#ec001c;}
.vsnews .n2 .part ul li{overflow: hidden;}
/* ===== Visual design end  ====   */


/* =====  Photography strat ====   */
.phtit{position: relative;margin-top:60px;}
.phtit h3{font-size: 90px;text-transform: capitalize;font-family: arial;font-weight: bold;color:#2c2d2d;opacity: 10%;position: absolute;right: 20%;top: -70px; }
.phscrollbg{ height:640px;background: url(../images/phbg.jpg) no-repeat center fixed;z-index: 99;position: relative;}
/*合作流程*/
.liu{height: 500px;padding:100px 0 0px;;background: url(../images/liubg.jpg) no-repeat center;}
.liu .tit {margin-bottom: 50px;}
.liu .tit  h3{font-size: 36px;font-weight: bold;line-height: 45px;color: #fff;text-align: center;}
.liu .tit  p{font-size:18px;color: #fff;line-height:30px;text-align: center;}
.liu li{text-align: center; position: relative;width: 12%; margin: 0 1% 0 1%; transition: all 0.3s;}
.liu li:hover{ margin-top: -6px;}
.liu li:after{position: absolute;width:56px;height:20px;background: url(../images/liu_dd.png) no-repeat center;content: "";right: -38px;top: 29px;}
.liu li:last-child{ margin-right: 0;}
.liu li:last-child:after{ background: 0;}
.liu li i{ display: block;width:65px;height: 65px;overflow: hidden;margin: 0 auto;border-radius: 40px;font-style: normal;}
.liu li i img{ display: block;width: 65px;height: 65px;transition:all 0.3s;}
.liu li.cur i img:nth-child(1),.liu li:hover i img:nth-child(1){ margin-top: -65px;}
.liu li em{ display: block;font-size: 18px;line-height:30px;color: #fff;text-align: center;margin-top: 24px;margin-bottom: 16px;font-style: normal;}
.liu li span{display: block;font-size: 16px;color: #c2c2c2;text-align: center; }
.liu  .more{text-align:center;margin-top:60px;}
.liu  .more p{color: #9c9c9c;font-size: 16px;text-align:center;line-height: 30px;}
.liu  .more i{display: block;margin:0  auto;   background: url(../images/lmore.png) no-repeat center;width: 28px;height: 38px}
.liu  .more:hover i{background: url(../images/lmoreh.png) no-repeat center; transition: all 0.7s    }
.liu  .more:hover p{color:#ec001c;transition: all 0.5s  }
/* =====  Photography end ====   */

/* =====  Product Video   strat ====   */
.pvtit{position: relative;margin-top:60px;}
.pvtit h3{font-size: 90px;text-transform: capitalize;font-family: arial;font-weight: bold;color:#2c2d2d;opacity: 10%;position: absolute;right: 20%;top: -70px; }
.pvscrollbg{ height:640px;background: url(../images/pbvg.jpg) no-repeat center fixed;z-index: 99;position: relative;}
.pvlist .tit {margin-bottom: 50px;  background: url(../images/pvtitbg.png) no-repeat center ; height: 125px;  }
.pvlist .tit span{display: block; padding: 33px 0;text-align: center;font-size: 24px;line-height: 30px;color:#2d2d2d;}
.pvlist{background-color: #f5f5f5;padding:60px  0  100px 0;}
.pvlist ul  li {width: 32.3%; margin-bottom: 20px;  border-radius: 10px;overflow: hidden;  }
.pvlist ul  li .img{overflow: hidden;height: 350px;}
.pvlist ul  li .img img{height: 350px;width: 100%;object-fit: cover;  display: block;overflow: hidden;transition:.5s ease-in;}
.pvlist ul  li .img img:hover { transform:scale(1.1,1.1);}
.pvlist ul  li .text{background-color: #fff;padding:20px}
.pvlist ul  li .text h4{color: #333;font-weight: bold;line-height: 30px;text-align: left;font-size: 22px;}
.pvlist ul  li .text p.sum{  font-size: 16px;text-align: left;    line-height:30px; color: #666; }
.pvlist a.more{color:#666;font-family:'PingFang SC Regular',sans-serif;text-align:center;font-size:16px;line-height:45px;transition: all .3s ease;position: relative;cursor: pointer; width:90px;background:#f7f7f7;border:1px solid #ccc;border-radius: 5px;}
.pvlist a.more:hover{ background-color: #ec001c;border:1px solid #f7f7f7;color:#fff;}
.pvlist a.more:after,.pvlist a.more:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2;color:#fff}
.pvlist a.more:hover{z-index:1;background:0 0;color:#fff}
.pvlist a.more:before{transition:.5s;background:#ec001c;z-index:-1;color:#fff;border-radius: 5px;}
.pvlist a.more:hover:after,.pvlist a.more:hover:before{width:100%}
.pvlist a.list{display: block;}
.pvlist a.zxbj{color: #ec001c;display: block;}
.pvlist a.read-more{display: block;margin:20px auto 0;  color:#666;font-family:'PingFang SC Regular',sans-serif;text-align:center;font-size:16px;line-height:45px;transition: all .3s ease;position: relative;cursor: pointer; width:120px;background:#f7f7f7;border:1px solid #ccc;border-radius: 5px;}
.pvlist a.read-more:hover{ background-color: #ec001c;border:1px solid #f7f7f7;color:#fff;}
.pvlist a.read-more:after,.pvlist a.read-more:before{content:'';position:absolute;left:0;top:0;width:0;height:100%;background:0 0;z-index:-2;color:#fff}
.pvlist a.read-more:hover{z-index:1;background:0 0;color:#fff}
.pvlist a.read-more:before{transition:.5s;background:#ec001c;z-index:-1;color:#fff;border-radius: 5px;}
.pvlist a.read-more:hover:after,.pvlist a.read-more:hover:before{width:100%}
/* =====  Product Video  end  ====   */

/* =====  Product read   strat ====   */
.pr-main h1{font-weight:bold;color:#fff;font-size: 30px;line-height: 50px;}
.pr-main h3{color:#acacac;line-height: 30px;}
.pr-main .tit{background: #333;border-radius: 5px;padding: 20px;}
.pr-main .tit a{color:#666;}
.pr-main .tit a:hover{color:#ec001c;}
.pr-main .tit p{color:#f3f2f2;line-height: 20px;}
.hotlist  span{color: #666666;}
.hotlist li:hover span{color:#ec001c;}
.pr-main .list-right .hot h3{margin-bottom: 20px;display: block;font-family: "PingFangSC Semibold";font-size: 20px;font-weight: bold; padding-left: 15px;border-left: 5px solid #ec001c;color:#2c2d2d;}
.pr-main .list-right .hot{padding:15px; /* margin-top: 100px;*/background-color: #fff;border-radius:10px;}
.pr-main .list-right .hot .hotimg{position: relative;}
.pr-main .list-right .hot img{width: 100%;height: 175px;object-fit: cover;}
.pr-main .list-right .hot p{ font-family:'PingFang SC Regular',sans-serif;  position: absolute; bottom: 10px;line-height: 20px;font-size: 16px;  color: #fff;padding: 0 10px; overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pr-main .list-right .hotlist {padding: 0 10px;margin-top: 20px}
.pr-main .list-right .hotlist li {list-style:square;color:#ccc;margin-bottom: 15px}
.pr-main .list-right .hotlist li a{display: block;  width: 68%;color:#2c2d2d;line-height: 24px;font-size: 16px;font-family:'PingFang SC Regular',sans-serif;overflow: hidden;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pr-main .list-right .hotlist li:hover a{color:#ec001c;}
.pr-main .list-right .hotlist li:hover{color:#ec001c;}
.pr-main  .list-right .hot-tit {margin-top: 20px;}
.pr-main  .list-right .hot-tit h3{margin-bottom: 20px;display: block;font-family: "PingFangSC Semibold";font-size: 20px;font-weight: bold; padding-left: 15px;border-left: 5px solid #ec001c;color:#2c2d2d;}
.pr-main  .list-right .hot-tit{overflow: hidden;   padding:15px;background-color: #fff;border-radius:10px;}
.pr-main  .list-right .hot-tit>ul>li{background-color: #f2f6f8;    margin: 0 13px 15px 0px;border-radius: 5px}
.pr-main  .list-right .hot-tit>ul>li>a{color:#2c2d2d;line-height:40px;padding:0  18px;}
/*联系我们*/
.online {overflow: hidden;margin-bottom: 20px; position: relative;  }
.online .imbg{display: block;position: relative;}
.online .sum{position: absolute;bottom:33%;left:10%}
.online  h2{font-family: "SourceHanSansCN Medium";font-size: 18px;font-weight: 600;color: #fff;line-height: 30px; }
.online  p{color:#fff;line-height: 21px;}
.pr-main .ewm img{width:145px;height: 145px;display: block;object-fit: cover;}
.pr-main .ewm p{font-size: 15px;color: #333;line-height: 30px;text-align: center;}
.online:hover h2{color: #ec001c} 
/* =====  Product read   end ====   */





@media (min-width:1600px) {	
.contactetit .nr{width: 1600px;}



}


/* ===== 小于1600px时  =====  */
@media (max-width:1599px) {	
.in-main {padding: 50px 0;}
.contactetit  .dt {left: 20%}
.contactetit  .dt img{height: 450px;display: block;object-fit: contain;}
.contactetit .nr{min-width: 1200px;}
.vslist ul  li .img{height: 250px;}
.vslist ul  li .img img{height: 250px;}
.vslist{padding: 50px 0}
.vscase ul li .img  {height: 250px;}
.vscase ul li .img img {height: 250px;}
.fwxm ul li .img {height: 250px;}
.fwxm ul li .img img {height: 250px;}
.fwxm{padding: 0 0 50px 0}
.vscase{padding:50px 0;margin-bottom: 50px;}
.vsnews{margin-bottom: 50px;}

.pr-main .ewm img{width:120px;height: 120px;display: block;object-fit: cover;}


}



/*手机站内页*/
@media (max-width: 767px) {

.etit {display: none}
.in-main {padding: 30px 0 0 0 ;}
.path-main {padding: 80px 0 30px 0;}
.path-left{padding-left: 10px;}
.type{padding: 0 10px;}
.type h2 {line-height: 30px;}
.list-right{display: none}
.in-news-list { padding-right: 0;}
.left .hd { padding-bottom: 20px;}
.in-main .hd li {padding: 0px 7px; margin-right: 4px; line-height: 40px;}
.in-main .hd li:last-child{margin-right: 0 ;}
.in-news-list li img {width: 100%; height: 180px; margin-right:0;}
.news-main .left {padding-left: 10px;}
.in-news-list p.summary {margin-bottom: 20px;}
.in-news-list .box {width: 100%;}
.in-news-list li {margin-bottom: 15px;  padding: 15px;}
.contactetit .wx p { text-align: left;}

/*新闻详情页*/
article { padding:20px;overflow: hidden;}
.news_box_nei { padding: 30px 0;}
.news_box_nei img {height: 300px;}
article p.article-out { line-height: 22px;padding: 15px 0;}

/*联系我们详情*/
.message {padding:30px 0 20px 0;}
.message  .lyimg{display: none;}
.message .in-liuyan {width: 100%;padding-left: 10px;}
.in-liuyan .btn_sub {margin-right:10px;}
.contactetit .infor { padding: 20px 10px;}
.contactetit .nr { min-width: 95%!important; margin:0 auto;}
.contactetit h3 { display: none;}
.contactetit .infor { display: block;width: 95%;margin: 0 auto;}
.contactetit .dt {display: none;}
.contactetit .infor h1 {font-size:20px;}
.in-news-list li .nimg { width: 100%;}
.contactetit .nr {top: 8%;}
.contactetit .scrollbg { height: 112vw;}
.contactetit { margin-top: 20px;}

/*视觉*/
.type h1 {font-size:30px;}
.type h2 { font-size:18px;}
.vstit{display: none}
.vslist  ul{padding: 0 10px;}
.vslist ul li {flex: none;margin-bottom: 10px;width: 100%;}
.vslist ul li .img { height:200px;}
.vslist ul li .img img {height:200px;}
.vslist ul li:nth-child(2) {margin-bottom: 10px;}
.fwxm  ul{padding: 0 10px;}
.fwxm ul li {flex: none;margin-bottom: 10px;width: 100%;}
.fwxm ul li .img { height:200px;}
.fwxm ul li .img img {height: 200px;}
.fwxm ul li:nth-child(2) { margin-bottom: 10px;}
.fwxm ul li .text p.sum {line-height: 40px;}
.vscase  ul{padding: 0 10px;}
.vscase ul li {flex: none;margin-bottom: 10px;width: 100%;}
.vscase ul li .img { height:200px;}
.vscase ul li .img img {height:200px;}
.vscase ul li:nth-child(2) { margin-bottom: 10px;}
.vslist .tit h3 , .fwxm .tit h3  ,  .vscase .tit h3 {font-size:24px;}
.fwxm ul li .text h4  , .vscase ul li .text h4 {font-size: 18px;}


/*vslist */
.vslist {padding:0 0;}
.vslist .tit , .fwxm .tit  , .vscase .tit{ margin-bottom: 20px;}
.vsnews .n2 .part {width: 100%;margin-bottom: 15px;  }
.vsnews .n1 li { width: 100%;}
.vsnews .n1 li:last-child{ display: none;}
.vsnews li .text { width: 100%;}
.vsnews li .img {width: 100%;}
.vsnews .n2 .part ul li h4 {width: 71%;}
.vsnews .container {width: 95%;}
.vsnews li .text h3 a {padding-top: 10px;}
.vsnews { margin-bottom:20px;}
/*关于我们*/
.in-about .img { width: 100%;}
.in-about .text { width:100%;}
.in-about { padding: 0 10px;}
.in-about .img img { height: 300px;}
.in-about h1 { font-size: 23px;}
.ibrand-num li {width: 50%;}
.in-team {padding:30px 10px;}
.in-team li {width: 100%;margin-bottom: 15px;}
.in-team li .caption-text { bottom: 80px;}
.in-team li p { opacity: 1;}
/*合作伙伴*/
.coo .ttit {margin-bottom: 20px;}
.coo {padding: 30px 10px;}
.coo ul li{width:46%; height: 100px; flex: none;}
.coo ul li:first-child {margin: 12px 2%;}
.coo ul li img {height: 100px }
.coo ul li {margin: 12px 2%;}

/*商业摄影*/
.phtit{display: none;}
.liu .tit h3{font-size: 24px;}
.liu li { width: 48%;}
.liu li:nth-child(2n):after{ background: 0;}
.liu li span{display: none}
.liu li em {margin-top:0;}
.liu {padding: 50px 0;height: auto;}
.liu .more { margin-top: 0px;}
.liu .tit { margin-bottom: 20px;}
.liu li i{width:45px;height: 45px;}
.liu li i img{width:45px;height: 45px;}
.liu li.cur i img:nth-child(1),.liu li:hover i img:nth-child(1){ margin-top: -30px;}



/*pvlist*/
.pvlist ul li {width: 98%;}
.pvlist ul li {width: 97%; margin: 0 auto 14px;}
.pvlist { padding: 30px 0 40px 0;}
.pvtit {display: none;}


}