@charset "utf-8";
/* CSS Document */

*{ -webkit-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0; outline: none;}
body{overflow-x:hidden; font:14px/1.2  "微软雅黑"; background:#fff;color:#666666; -webkit-font-smoothing: antialiased;/*这个属性可以使页面上的字体抗锯齿*/ }
a{ text-decoration:none; color:#666666;}
/*a:hover,a:hover *{ color: #b40002;}*/
.clearfix:after{ content: ''; display: block; clear:both;}
.hidd{ display:none;}
li{ list-style:none;  }
i,em{ font-style:normal;}
.fr{ float:right;}
.fl{float:left;}
img{ vertical-align:middle; border:none; max-width:100%;}
.wrapper{ width: 1200px; max-width:1200px;  margin:0 auto;}

input:focus,textarea:focus,select:focus{ outline: none;}


pre{ white-space: pre-wrap;}
.bgff{ background: #fff;}


input,select,textarea{ outline: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color:#737373;}
input::-moz-placeholder , textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#737373;}
input::-ms-placeholder ,textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#737373; }
input::-o-placeholder { /* Mozilla Firefox 19+ */ color:#737373; }
input::-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */ color:#737373;}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}



/* 顶部 */
.head{ background: #fff; height: 84px;}
.head .left .logo img{ height: 84px; }
.head .left .Topadd{ position: relative; z-index: 2; margin-left: 13px; margin-top: 20px; line-height: 18px; color: #5a5a5a;}
.head .left .Topadd img{ margin-left: 5px; margin-top: -2px;}
.head .left .Topadd ul{ position: absolute; display: none; background: #fff; left: -10px; padding: 8px 0;}
.head .left .Topadd:hover ul{ display: block;}
.head .left .Topadd ul li{ padding: 0 10px;}
.head .left .Topadd ul li a{ display: block; margin-top: 5px;}

.head .left .Topadd i{ font-weight: bold; color: #ca312c; font-family: arial;}




.column{ }
.column ul li{ z-index: 2; float: left; margin-right: 30px;}
.column ul li>a{ display: block; text-align: center; font-size: 17px; font-weight: bold; color: #333; line-height: 84px; background-position:  center center;}
.column ul li dl{ position: absolute; display: none; text-align: center; left: 0; z-index: 3;  width: 100%; background: rgba(0,0,0,.3);transition: 0s;}
.column ul li dl dt{ display: inline-block; margin:0 15px;}
.column ul li dl a{color: #bcbcbc; line-height: 54px;   }
.column002 ul li dl{  background: #d4d4d4;  }
.column002 ul li dl a{ color: #252525;}

.column ul li.active>a,
.column ul li:hover>a{ color: #ca312c; background: url(../images/down.png) no-repeat center bottom 15px;}
.column ul li dl dt a:hover{ color: #ca312c; font-weight: bold;}

.column ul li:nth-child(4) dl{ padding-left: 80px; }

.topPhone{ margin-top: 18px; background: url(../images/phone.png) no-repeat center left; padding-left: 30px; font-size: 20px; font-family: 'Century Gothic'; color: #ab1313;  }



/* banner*/
/*.banner{ position: relative;  transition: 0s;}
.banner,.banner .flexslider,.banner .slides li{ width: 100%; height: 475px; transition: 0s;}
.banner .slides li a{ display: block; width: 100%; height: 100%;}
.banner .flexslider{position:relative;overflow:hidden; z-index:1;}
.banner .slides{position:relative;z-index:1;}


.banner .flex-control-nav{ position: absolute; bottom: 12px; z-index: 11111; padding-left: 0; width: 1200px; left: 0; right: 0; height: 16px; line-height: 16px; margin: 0 auto;  text-align: center;  }
.banner .flex-control-nav li{ width:16px; height:16px; margin:0 4px;display:inline; zoom:1; text-align:center; overflow:hidden;}
.banner .flex-control-nav a{display:inline-block; width:10px; height:10px; line-height:80px;cursor:pointer; color:#fff; font-family:Arial; overflow:hidden; 
background: #eee; border-radius: 50%;}
.banner .flex-control-nav .flex-active{ background: #ab1313; }
	*/
	
.banner{ width: 100%; max-width: 100%; /*height: 475px; */}
.banner .swiper-pagination.pagin{  bottom: 0px;   z-index: 92; height: 50px; line-height: 50px;  cursor: pointer;}
.banner .swiper-pagination.pagin .swiper-pagination-bullet{ opacity: 1; background: rgba(255,255,255,0.5);}
.banner .swiper-pagination.pagin .swiper-pagination-bullet-active{ background: #ab1313;}
.swiper-slide { overflow: hidden; }
/*.slide-inner {position: absolute; width: 100%; height: 100% ; left: 0;  top: 0; background-size: cover; background-position: center;}*/
.slide-inner a{ display: block; height: 100%;}



	
/* container */
.container{background: #fff;}

.indTit{ text-align: center; padding-top: 55px;}	
.indTit p{font-size: 36px; color: #000;}
.indTit i{ display: block; font-size: 17px; color: #888; margin-top: 8px;}


/*  创意多媒体    */

.cydmT{ position: relative; padding: 40px 88px 20px; height: 620px; }
.cydmT .swiper-container{ padding: 50px 0; }
.cydmT .swiper-slide{ border-radius: 5px; transform: scale(0.9); overflow: hidden; box-sizing: border-box; transition: 400ms;}
.cydmT .swiper-slide dl dt{ font-size: 22px; color: #303030; text-align: center; line-height: 66px; }
.cydmT .swiper-slide dl dd{ text-align: center; color: #303030; padding: 29px 0 25px; height: 335px;}
.cydmT .swiper-slide dl dd span{ display: block; width: 110px; height: 36px; line-height: 36px; border: 1px solid #8e8e8e; border-radius: 30px; box-sizing: border-box; margin: 0 auto; margin-bottom: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cydmT .swiper-slide dl dd span:hover { background: #ab1313; border-color: #ab1313;}
.cydmT .swiper-slide dl dd span:hover a{ color: #fff;}

.cydmT .swiper-slide.swiper-slide-prev{ background: url(../images/dmtbg1.png) no-repeat right -60px top / cover ;  padding-right: 2%;}
.cydmT .swiper-slide.swiper-slide-next{ background: url(../images/dmtbg.png) no-repeat left -60px top / cover ;  padding-left: 2%;}

.cydmT .swiper-slide .noneDiv{ display: none; position: absolute; left: 0; top: 56px; width: 100%; height: calc( 100% - 50px); padding: 0 20px; box-sizing: border-box;}
.cydmT .swiper-slide .noneDiv .divTit{  font-weight: bold; line-height: 22px; text-align: center; margin: 15px 0 10px; height: 66px; overflow: hidden;}
.cydmT .swiper-slide .noneDiv .divTit a{ display: inline-block; font-size: 13px; color: #323232;  margin: 0 6px;}
.cydmT .swiper-slide .noneDiv .divTit a:hover{ color: #ab1313;}
.cydmT .swiper-slide .noneDiv .tbok{ font-size: 12px; color: #727272; line-height: 20px;}


.nav_content{  font-size: 16px; color: #727272; line-height: 24px; box-sizing: border-box; padding: 20px 30px;}

.cydmT .swiper-slide.swiper-slide-active{  box-sizing: initial; z-index: 2; transform: scale(1.2); box-shadow: 0px 0 25px #a7a8af; margin-top: 10px;}
.cydmT .swiper-slide.swiper-slide-active dl dd{ padding-bottom: 0;}
.cydmT .swiper-slide.swiper-slide-active dl dt{ background: #ab1313; line-height: 56px;  color: #fff; font-size: 22px;}
.cydmT .swiper-slide.swiper-slide-active .noneDiv{ display: block; background: #ededed;}


.cydmT .ban-next,
.cydmT .ban-prev{ width: 62px; height: 62px; border-radius: 50%;  margin-top: -30px;}

.cydmT .ban-next{ background: #303030 url(../images/dmtht.png) no-repeat center; right: 0;}
.cydmT .ban-prev{  background: #303030 url(../images/dmtle.png) no-repeat center; left: 0;}
.cydmT .ban-next:hover,
.cydmT .ban-prev:hover{ background-color: #ab1313;}


.new_nav{ padding-left: 15%;}



/*  数字展馆解决方案   */
.number{ background: url(../images/numb.jpg) no-repeat top center; padding-bottom: 64px;}
.nbtit{ text-align: center; background: url(../images/bgbg.png) no-repeat center; margin: 30px 0;}
.nbtit ul{ display: inline-block;}
.nbtit ul li{ float: left; width: 90px; height: 90px ; margin:0 31px ;}

.numLi{ text-align: center;}
.numLi ul{ display: inline-block; margin-bottom: 45px;}
.numLi ul li{ float: left;  border-right: 2px solid #1a1a1a; height: 16px; line-height: 14px; margin-top: 5px; }
.numLi ul li:last-child{ border: 0;}
.numLi ul li a{position: relative; display: block; font-size: 17px; color: #1a1a1a; padding: 0 10px;  transition: all .2s linear;}
.numLi ul li.active a{ font-weight: bold; color: #AB1313;}

.numLi ul li:hover a{
    z-index: 2; color: #AB1313;
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}


.boxLi{ display: none; width: 1200px; height: 565px; overflow: hidden;}
.boxLi ul{ width: 1203px;}
.boxLi ul li{ position: relative; z-index: 1; float: left; width: 220px; height: 565px; transition: 1s; margin-right: 2px; transition: 1s;}
.boxLi ul li a{ display: block; height: 100%; width: 100%; }
.boxLi ul li:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); transition: 0.7s;}
.boxLi ul li div{ width: 756px;  height: 565px; overflow: hidden;}
.boxLi ul li div img{ width: 100%; height: 100%; }


.boxLi ul li p{position: absolute; left: 0; bottom: 0; height: 64px; width: 100%; background: url(../images/zgbg.png) no-repeat center left; line-height: 64px; font-size: 17px; color: #fff;box-sizing: border-box; padding: 0 20px; transform: 0.7s; overflow: hidden; opacity: 0;}
.boxLi ul li p img{  margin-left: 26px;}


.boxLi ul li.on{  width: 756px;}
.boxLi ul li.on:after{ width: 0;}
.boxLi ul li.on p{  opacity: 1;}









/* 案例展示   */
.Anli{ margin-top: 25px; height: 740px; transition: 0s;}
.Anli .numLi ul li{ margin-top: 26px;}

.anlish{ position: relative; }
.anlish .swiper-container{ width: 100%; position: absolute; top: 0; opacity: 0;  padding-bottom: 5%; transition: 0s;}
.anlish .swiper-container.on{ z-index: 9; opacity: 1; height: 470px;}
.anlish ul li a>img{ width: 100%; height: 100%; transition: 1.2s;}
.anlish ul li p{  position: absolute; left: 0; bottom: 0; height: 64px; width: 100%; background: url(../images/zgbg.png) no-repeat center left; line-height: 64px; font-size: 17px; color: #fff;box-sizing: border-box; padding: 0 20px;}
.anlish ul li p img{ margin-left: 25px; transition: 0.7s;}
.anlish ul li:hover img{ transform: scale(1.05);}
.anlish ul li:hover p img{ margin-left: 35px; transform: scale(1);}

.anlish .swiper-container .swiper-pagination .swiper-pagination-bullet{ opacity: 1; }
.anlish .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background: #AB1313; transform: scale(1.25);}

/* 领导关怀    */
.ldgh{ margin-bottom: 7%; position: relative; }
.ldgh ul{}
.ldgh ul li{ position: relative; float: left;  width: 298px; overflow: hidden; margin-right: 3px; margin-top: 35px;}
.ldgh ul li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #AB1313; transition: 0.3s; }
.ldgh ul li:last-child{ margin-right: 0;}
.ldgh ul li div{ height: 211px; line-height: 211px; overflow: hidden;}
.ldgh ul li img{  height: 100%; width: 100%; transition: 0.5s; object-fit: cover;}
.ldgh ul li span{ display: block; text-align: center; font-size: 14px; color: #555; margin-top: 16px; line-height: 22px; box-sizing: border-box; padding: 0 18px; height: 110px; overflow: hidden;  margin-bottom: 10px;}
.ldgh ul li:hover:after{ width: 100%;}
.ldgh ul li:hover img{ transform: scale(1.1);}


.ldgh .swiper-button-prev{position: absolute; top: 50%; left: 0; z-index: 10; width: 57px; height: 57px; background: url(../images/fex-le.png) no-repeat center; cursor: pointer; border-radius: 50%;}
.ldgh .swiper-button-next{ position: absolute; top: 50%; right: 0; z-index: 10; width: 57px; height: 57px; background: url(../images/fex-ht.png) no-repeat center;cursor: pointer; border-radius: 50%;}
.ldgh .swiper-button-prev:hover{  background: url(../images/fex-le1.png) no-repeat center;  }
.ldgh .swiper-button-next:hover{  background: url(../images/fex-ht1.png) no-repeat center;  }








/* footer */
.footer{ background: #e1e1e1;}
.footer .foot{ padding: 55px 0 45px;}
.footer .foot .left{}
.footer .foot .left ul{ width: 930px;}
.footer .foot .left ul li{ float: left; width: 124px; margin-right: 30px;}
.footer .foot .left ul li:last-child{ margin-right: 0;}
.footer .foot .left ul li dl dt a{ display: block; font-size: 17px; color: #1a1a1a; font-weight: bold; line-height: 38px;}
.footer .foot .left ul li dl dd a{ display: block; font-size: 14px; color: #747474; margin-top: 15px; }
.footer .foot .left ul li dl dd a:hover{ font-weight: bold;}

.footer .foot .right{ color: #ab1313;}
.footer .foot .right span{ display: block;  font-size: 17px; margin-bottom: 27px;}
.footer .foot .right p{ font-size: 36px; line-height: 40px; font-family: 'Century Gothic';}
.footer .foot .right .erwei{ width: 107px; height: 107px; margin-top: 28px;}

.footbg{ line-height: 64px; color: #555; font-size: 14px; background: #acacac;}
.footbg a{ display: inline-block; margin: 0 5px;}
.footbg a:hover{ color: #1a1a1a;}





/* 内页导航 左边 */
.sub_nav{ width: 254px; overflow: hidden;}
.sub_nav .subtit{ background: #ab1313; padding: 22px 35px 20px;}
.sub_nav .subtit dt{ width: 17px; height: 2px; background: #fff;}
.sub_nav .subtit dd{ color: #fff; font-size: 26px; margin-top: 8px;}

.sub_nav ul li dl dt{ padding-left: 35px; border-bottom: 1px solid #dfdfdf;  height: 63px; line-height: 64px; }
.sub_nav ul li dl dt a{ display: block; font-size: 16px; font-weight: bold; color: #1a1a1a; background-position: center right 70px;}
.sub_nav ul li dl dd{ display: none; padding-left: 35px; color: #333; font-size: 14px;  transition: 0s;}
.sub_nav ul li dl dd a{ display: block; line-height: 38px;}
.sub_nav ul li dl dd:first-child a{ margin-top: 15px;}
.sub_nav ul li.active dl dt a{ background: url(../images/subabg.png) no-repeat center right 50px; color: #AB1313;}
.sub_nav ul li.active dl dd a.on{ font-weight: bold; color: #AB1313;}


.conts{ width: 945px; border-left: 1px solid #dfdfdf; box-sizing: border-box; padding: 30px;}
.conts .cpimg dl dt{ color: #AB1313; font-size: 40px; margin-bottom: 25px;}
.conts .cpimg dl dd{ text-align: justify; font-size: 16px; color: #727272; line-height: 28px;}

.imgslide{ position: relative; margin-top: 30px; transition: 0s;}
.imgslide .flexslider{position:relative;overflow:hidden; z-index:1; transition: 0s;}
.imgslide .slides{position:relative;z-index:1; transition: 0s;}
/* 左右按钮切换 */
.imgslide .flex-control-paging{ display: none;}
.imgslide .flex-direction-nav{ position: absolute; z-index: 9; width: 100%; height: 76px; top: 50%; margin-top: -38px;}
.imgslide .flex-direction-nav a{ width: 57px; height: 57px; line-height:99em;overflow:hidden; position:absolute; top: 50% ; z-index:99;cursor:pointer; opacity:1; outline: none; z-index: 99; border-radius: 50%;  }
.imgslide .flex-direction-nav .flex-next{ width: 57px; height: 57px; background: url(../images/fex-ht.png) no-repeat center; right:2px; opacity: 1;}
.imgslide .flex-direction-nav .flex-prev{ width: 57px; height: 57px; background: url(../images/fex-le.png) no-repeat center; left:2px ;opacity: 1 }

.imgslide .flex-direction-nav .flex-next:hover{  background: url(../images/fex-ht1.png) no-repeat center; right:2px opacity: 1}
.imgslide .flex-direction-nav .flex-prev:hover{  background: url(../images/fex-le1.png) no-repeat center; left:2px ; opacity: 1}


.cpvideo p { line-height: 26px; color: #AB1313; font-size: 26px;  margin: 30px 0;}
.cpvideo p img{ margin-right: 15px;}

.m-page{ text-align: center; margin: 5px 0 30px;}
.m-page a{ display: inline-block; font-size: 14px; color: #8e8e8e; margin: 0 35px;}
.m-page a.nnn{ color: #10191b;}





/* 1-3 关于 */
.nTitle{ padding-top: 45px; text-align: center; font-size: 36px; color: #1a1a1a;}
.nTitle dt{ line-height: 46px;}
.nTitle dd{ width: 18px; height: 2px; background: #1a1a1a;  margin: 22px auto;}

.aboutTop{ }
.aboutTop .abtok{  line-height: 26px; color: #767676; }

.pingT{ margin-top: 45px; height: 450px;  position: relative;
background-image: url(../images/naboutbg.jpg);
background-position:  center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100%;
z-index: 1;
}


@font-face {
	font-family: "Montserrat-Regular";
	src: url("../font/Montserrat-Regular.eot?") format("eot"), url("../font/Montserrat-Regular.woff") format("woff"), url("../font/Montserrat-Regular.ttf") format("truetype"), url("../font/Montserrat-Regular.svg#Montserrat-Regular") format("svg");
	font-weight: normal;
	font-style: normal;
}

.pingT{  margin-top: 45px;}
.pingT ul{ width: 1260px;background: #AB1313; padding: 50px 10px 50px;}
.pingT ul li{ float: left; width: 255px; box-sizing: border-box; padding: 0; margin: 0 20px; color: #fff; text-align: center;}
.pingT ul li div{  height: 100px; margin: auto; font-size: 20px;}
.pingT ul li div p{   font-size: 34px; font-family: arial;}
.pingT ul li div p span{ display: inline-block; font-size: 60px; color: #fff; font-family: 'Montserrat-Regular';}
.pingT ul li div i{ font-size: 24px;}
.pingT ul li span{ display: block; line-height: 24px; margin-top: 20px; color: rgba(255,255,255,.7);}





.aboutfc{ padding: 30px 0 55px;}
.fcList{}
.fcList ul{ width: 1230px;}
.fcList ul li{ float: left; width: 285px; height: 190px; margin-right: 20px; margin-bottom: 23px;}
.fcList ul li p{ font-size: 26px; font-weight: bold; font-family: arial; color: #ab1313; line-height: 46px;}
.fcList ul li dl{ background: #fff; }
.fcList ul li dl dt span{ display: block;}
.fcList ul li dl dt .sptit{ line-height: 60px;box-sizing: border-box; font-size: 16px; font-weight: bold; color: #1a1a1a; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; padding: 0 15px;}
.fcList ul li dl dt .spimg{ height: 190px; overflow: hidden;}
.fcList ul li dl dt .spimg img{ height: 100%; width: 100%; transition: 0.7s; object-fit: cover;}
.fcList ul li dl dd{ padding: 0 10px;}
.fcList ul li dl dd div{ margin-top: 12px; line-height: 26px; height: 78px; overflow: hidden; color: #6b6b6b;}
.fcList ul li dl dd i{ display: block; color: #ab1313; line-height: 40px;}
.fcList ul li:hover dl dt .spimg img{ transform: scale(1.1);}
.fcList ul li:hover dl dt .sptit{ color: #AB1313;}



.wenan{ text-align: center; font-size: 16px; color: #1a1a1a; line-height: 1.5;}

.iprl{ position: relative; z-index: 1; margin-bottom: 70px;}
/* .iprl:after{ content: ''; position: absolute; z-index: -1; left: 0; bottom: 1px; width: 100%; height: 5px; border-top: 1px solid #ececec;  border-bottom: 1px solid #ececec}
 */
.iproc{  margin: 70px auto 10px; position: relative; z-index: 1; width: 100%; padding: 0 80px 55px 100px; box-sizing: border-box; }
.iproc::before{ content: ''; position: absolute;  left: 0; bottom: 0; width: 100%; height: 145px; background: url(../images/sevConbg3.jpg) no-repeat center bottom; }
.iproc .prev{position: absolute; top: 50%; left: 0; z-index: 10; width: 57px; height: 57px; background: url(../images/fex-le.png) no-repeat center; cursor: pointer; border-radius: 50%;}
.iproc .next{ position: absolute; top: 50%; right: 0; z-index: 10; width: 57px; height: 57px; background: url(../images/fex-ht.png) no-repeat center;cursor: pointer; border-radius: 50%;}
.iproc .prev:hover{  background: url(../images/fex-le1.png) no-repeat center;  }
.iproc .next:hover{  background: url(../images/fex-ht1.png) no-repeat center;  }





.iproc ul li{  position: relative; float: left; width: 285px; height: 336px;  margin-right: 20px; text-align: center; overflow: hidden;}
.iproc ul li div{ position: relative; height: 336px; box-sizing: border-box; padding: 14px; overflow: hidden; z-index: 1;}
.iproc ul li div img{ width: 100%; height: 100%; object-fit: cover; }
.iproc ul li div:after{ content: ''; position: absolute; left: 0 ;top: 0; width: 100%; height: 100%; 
	background: url(../images/sevConbg2.jpg) no-repeat center top; background-size: 100% 100%; z-index: -1;
}
.iproc ul li div img{ width: 100%; min-height: 100%;}
.iproc ul li p{ display: none; color: #1a1a1a; font-size: 16px; margin: 35px 0  }
/* 	
.iproc ul li:after{content: ''; position: absolute; left: 0; bottom: 0px; right: 0; width: 10px; height: 10px; border-radius: 50%; background: #AB1313; margin: auto; }
 */

.iproc2 ul li{ height: 233px;}
.iproc2 ul li div{ height: 233px; }
.iproc2 ul li div:after{ background: url(../images/sevConbg1.jpg) no-repeat center top; }




/* 联系我们  */
.appmap{ position: relative; height: 678px; background: url(../images/addmap.jpg) no-repeat top center; background-size: cover; box-sizing: border-box; padding: 40px 30px;}


.appmap i{display: none;   position: absolute; width: 488px; height: 1px; border-top: 1px dashed  #ab1313; left: 408px; }
.appmap i.i0{ transform: rotate( 43deg );  top: 227px; width: 542px; left: 414px;} 				  /* 重庆  */
.appmap i.i1{ transform: rotate( 35deg ); top: 191px; width: 518px; left: 442px;}   				  /* 西安  */
.appmap i.i2{ transform: rotate( 35.5deg );  top: 216px; width: 602px; left: 431px;}   				  /* 湖北  */
.appmap i.i3{transform: rotate( 49deg );
    top: 262px;
    width: 586px;
    left: 319px;}   				  /* 贵州  */
/**.appmap i.i3{ transform: rotate( 47deg );  top: 249px; width: 573px; left: 399px;}   				  /* 贵州  */
.appmap i.i4{ transform: rotate( 52deg );   top: 260px;  width: 550px; left: 381px;}   				  /* 云南  */
.appmap i.i5{ transform: rotate( 42deg );    top: 273px;  width: 692px; left: 397px; } 				  /* 深圳  */



.appmap .left{ display: none;   width: 390px; min-height: 515px; border: 1px solid #cbcbcb; background: #fff;}
.appmap .left .map1 { width: 100%; height: 327px;}
.appmap .left .map1 img{  height: 327px;}
.appmap .left dl{ padding: 10px 0 10px 20px;}
.appmap .left dl dt{ line-height: 60px; color: #232323; font-weight: bold; font-size: 20px;}
.appmap .left dl dd{ color: #232323; line-height: 30px;}
.appmap .left dl dd img{ width: 12px; margin-right: 5px;}

.appmap .right ul li{ position: absolute; /*background:  url(../images/appbg.png) no-repeat center; text-align: center;*/ width: 47px; height: 35px;/* padding-top: 5px; box-sizing: border-box;*/ background: #000; border-radius: 30px; opacity: 0;}
.appmap .right ul li a{}

.appmap .right ul li.li1{ right: 249px; top: 302px;}  
.appmap .right ul li.li2{ right: 185px; top: 354px;}   
.appmap .right ul li.li0{ right: 282px; top: 377px;}   
.appmap .right ul li.li3{ right: 282px; top: 424px;}  
.appmap .right ul li.li4{ right: 335px; top: 449px;}  
.appmap .right ul li.li5{ right: 166px; top: 470px;}  


/*
<li class="li3 "><a href="javascript:;">重庆</a></li>    0
<li class="li1"><a href="javascript:;">西安</a></li>     1
<li class="li2"><a href="javascript:;">湖北</a></li>     2 
<li class="li4"><a href="javascript:;">贵州</a></li>     3
<li class="li5"><a href="javascript:;">云南</a></li>     4
<li class="li6"><a href="javascript:;">深圳</a></li>     5*/


.appmap i.on{ display: block;}
.appmap .left.on{ display: block;}



.abtok{ margin-bottom: 40px !important;}

/*  1-6 新闻  */
.newsTie{ text-align: center; border-bottom: 1px solid #ededed;}
.newsTie ul{ display: inline-block;}
.newsTie ul li{ float: left; }
.newsTie ul li a{ display: block; margin: 0 20px ; font-size: 17px; color: #333333; line-height: 55px;}
.newsTie ul li.active a{ font-weight: bold; color: #AB1313;}

.newList{ padding: 27px 30px;}
.TBnew .fl{ width: 330px; height: 230px;}
.TBnew .fr{ width: 775px;}
.TBnew .fr dl dt{ font-size: 20px; color: #1a1a1a;}
.TBnew .fr dl dt p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TBnew .fr dl dt i{ display: block; font-size: 12px; color: #a5a5a5; margin: 15px 0 18px;}
.TBnew .fr dl dd{ position: relative; padding-top: 25px; background: url(../images/newbg.png) no-repeat left top; line-height: 24px; color: #777; height: 72px; overflow: hidden;}
.TBnew .fr dl dd:after{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 2px; background: #ab1313; transition: 0.5s;}
.TBnew .fr em{ display: block; width: 95px; height: 36px; line-height: 36px; color: #fff; background: #e5e5e5; text-align: center; margin-top: 25px; color: #1a1a1a;}
.TBnew a:hover em{ background: #AB1313; color: #fff;}
.TBnew a:hover dd:after{ width: 123px;}

.listul { margin-top: 40px;}
.listul li{ position: relative;  margin-bottom: 26px; }
.listul li .left{ width: 178px; height: 123px; line-height: 123px; overflow: hidden;}
.listul li .left img{ width: 100%; transition: 0.7s;}
.listul li .right{ width: 760px; margin-left: 28px;}
.listul li .right dl dt{ font-size: 16px; font-weight: bold; color: #1a1a1a;}
.listul li .right dl dt p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 22px; transition: 0s;}
.listul li .right dl dt i{ display: block; width: 12px; height: 2px; background: #737373; margin-top: 10px;}
.listul li .right dl dd div{ line-height: 24px; height: 48px; overflow: hidden;  margin: 15px 0 10px; }
.listul li .right dl dd i{ font-size: 12px; color: #777;}

.listul li em{ position: absolute; right: 0; top: 50%; width: 95px; height: 36px; line-height: 36px; color: #fff; background: #e5e5e5; text-align: center; margin-top: 25px; color: #1a1a1a; margin-top: -18px;}
.listul li:hover em{ background: #AB1313; color: #fff;}
.listul li:hover .right dl dt{ color: #AB1313;}
.listul li:hover .left img{ transform: scale(1.1);}


.page{ text-align: center; padding: 50px 0; }
.page a{ display: inline-block;width: 42px; text-align: center;  height: 38px; line-height: 38px; margin: 0 5px; font-size: 14px; border: 1px solid #ddd; box-sizing: border-box; color: #999; border-radius: 3px; }
.page .pageprv,
.page .pagenxt{ width: 82px;}
.page a.z-crt,
.page a:hover{ background: #ab1313; color: #FFFFFF; border: 1px solid #AB1313;}











.zsy{ position: relative; z-index: 1; padding: 1px 3.2% 0;}
.zsy .column{ position: absolute; left: 0; right: 0; margin: auto; width: 100%; z-index: -1; text-align: center; }
.zsy .column ul{ display: inline-block;}

.zhtitle{ text-align: center; border-bottom: 1px solid #d4d4d4;}
.zhtitle ul{ display: inline-block;}
.zhtitle ul li { float: left;}
.zhtitle ul li a{ display: block; font-size: 17px; color: #333333; margin: 0 18px; line-height: 64px;}
.zhtitle ul li.active a{ font-weight: bold; color: #AB1313;}


.anList{ margin-top: 33px;}
.anList ul{ }
.anList ul li{ float: left; width: 24%; padding: 0.5%;box-sizing: border-box; background: #fff; margin-right: 1.3%; margin-bottom: 1%;}
.anList ul li:nth-child(4n+4){ margin-right: 0;}
.anList ul li div{ position: relative;}
.anList ul li div img{ transition: 0.3s; width: 100%; height: 100%;}
.anList ul li div:after{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 20%; height: 20%; background: url(../images/anliafbg.png) no-repeat center; background-size: cover; opacity: 0; transition: 0.3s;}
.anList ul li dl{ padding: 5% 2% 3%;}
.anList ul li dl dt{ font-size: 17px; font-weight: bold; color: #1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.anList ul li dl dd{ display: none; font-family: arial; color: #949494; margin-top: 10px;}
.anList ul li:hover div:after{ width: 100%; height: 100%; opacity: 1;}
.anList ul li:hover div img{ transform: scale(0.9);}



.page.ss .pagenxt,
.page.ss .pageprv{ background: #fff; }
.page.ss .pagenxt:hover,
.page.ss .pageprv:hover{ background: #AB1313; color: #fff; }



.abcd{ box-sizing: border-box;}
.nav_tit{ width: 1201px}
.nav_tit ul{ justify-content: center; }
.nav_tit ul li{float: left; width: 150px; text-align: center; line-height: 80px; height: 80px; text-align: center; box-sizing: border-box; }
.nav_tit ul li a{ display: block; font-size: 17px; font-weight: bold; color: #333;}
.nav_tit ul li.cur a{ color: #AB1313;}

.numList{ border-top: 1px solid #ebebeb; padding: 30px;}
.numList dl dt{ text-align: center; font-size: 40px; color: #ab1313; line-height: 60px; margin-bottom: 15px;}
.numList dl dd{ line-height: 24px; color: #626262;}

.banslide{ position: relative; z-index: 1; margin-top:50px; transition: 0s; width: 800px; }
.banslide .flexslider{position:relative;overflow:hidden; z-index:1; transition: 0s;}
.banslide .slides{ position:relative;z-index:1; transition: 0s;}
.banslide .slides li{ position: relative; transition: 0s;}
.banslide .slides li img{ height: 100%; width: 100%}
/* 左右按钮切换 */
.banslide .flex-control-paging{ display: none;}
.banslide .flex-direction-nav{ position: absolute; z-index: 9; width: 100%; height: 72px; top: 50%; margin-top: -28px;}
.banslide .flex-direction-nav a{width: 57px; height: 57px;line-height:99em;overflow:hidden; position:absolute; z-index:99;cursor:pointer; opacity:1; outline: none; z-index: 99; border-radius: 50%; }

.banslide .flex-direction-nav .flex-next{ width: 57px; height: 57px; background: url(../images/fex-ht.png) no-repeat center; right:2px }
.banslide .flex-direction-nav .flex-prev{ width: 57px; height: 57px; background: url(../images/fex-le.png) no-repeat center; left: 2px ; }

.banslide .flex-direction-nav .flex-next:hover{ background: url(../images/fex-ht1.png) no-repeat center;  opacity: 1;}
.banslide .flex-direction-nav .flex-prev:hover{ background: url(../images/fex-le1.png) no-repeat center; opacity: 1;}


.banslide .slides li p { display: none; position: absolute; height: 80px; bottom: 0; left: 0; width: 100%; line-height: 80px; color: #fff; font-size: 17px; padding:0 30px; box-sizing: border-box;  background: url(../images/swiperbg.png) no-repeat center; background-size:  cover;}



.zsList{ width: 325px; height: 550px; background: url(../images/zzIbg.png) no-repeat left top / cover; margin-top: 50px; padding-top: 50px;}
.zsList li{ text-align: center; width: 90px; height: 90px; border-radius: 50%; background: #fff; margin: auto; margin-bottom: 15px;}
.zsList img{ width: 38px; height: 38px; margin-top: 17px; transition: 1s;} 
.zsList p{ color: #909090; margin-top: 2px;}
.zsList li:hover img{ transform: rotate(360deg); }



@media screen and (max-width: 1560px) {
	.zsy .column{ padding-left: 6%;}
}

@media screen and (max-width: 1280px) {
	.Topadd {display: none;}
	.zsy .column{ padding-left: 4%;}
	.footer .foot .left ul{ width: 100%;}
	.footer .foot .left ul li{ width: 115px; margin-right: 10px;}
	.footer .foot .left ul li dl dd a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.footer .foot .right p{ font-size: 28px;}
}







.newsLx{ padding: 0 30px 10px; line-height: 28px; color: #666;}





/* 2020-6-10 */
.img{ overflow: hidden;}
.img img{ width: 100%; height: 100%; object-fit: cover;}
.newListpic{ padding-top: 20px;}
.newListpic li{ margin-bottom: 45px;}
.newListpic li .img{ width: 558px; height: 316px; border-radius: 5px; overflow: hidden;}
.newListpic li img{ width: 100%; height: 100%; transition: 1.5s;}
.newListpic li img:hover{ transform: scale(1.03);}
.Naliet{ margin-top: 22px; padding-bottom: 20px; border-bottom: 1px solid #eee; background: url(linewri.png) no-repeat right top 5px ; }
.nTite{ font-size: 18px; font-weight: bold; color: #333;}
.nName{ max-width: 870px; margin-left: 25px; font-size: 14px; color: #666; line-height: 1.5; display: none;}


.BigTitle{ position: relative; line-height: 50px; height: 50px; text-align: center; font-size: 26px; font-weight: bold; color: #333;}
.BigTitle::after,
.BigTitle::before{ content: ''; position: absolute; top: 24px; width: 195px; height: 2px; background: #f3f3f3; }
.BigTitle::after{ left: 0;}
.BigTitle::before{right: 0;}


.PictureBig{ position: relative; overflow: hidden; }
.PictureBig .gallery-top{ margin: 17px 0;  }
.PictureBig .gallery-top .swiper-slide{ height: 645px;}
.PictureBig .gallery-top .swiper-slide img{ width: 100%; height: 100%; object-fit: cover;border-radius: 5px;  }
.PictureBig .gallery-thumbs .swiper-slide{ height: 135px; border-radius: 5px; }
.PictureBig .gallery-thumbs .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }
.PictureBig .gallery-thumbs .swiper-slide.swiper-slide-thumb-active::after{ position: absolute;  content: ''; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid rgba(171,19,19,0.8); border-radius: 5px; box-sizing: border-box;}

.PictureBig .pelas,
.PictureBig .nelas{ width: 56px; height: 56px; background-color: rgba(0,0,0,0.6);  background-repeat: no-repeat;  background-size: auto 15px; border-radius: 50%;  bottom: 33px; top: auto; margin: 0; opacity: 1;}
.PictureBig .pelas{ left: -28px;  background-image: url(../images/ala.png); background-position: right 13px center;}
.PictureBig .nelas{ right: -28px;  background-image: url(../images/ale.png); background-position: left 13px center;}
.PictureBig .pelas:hover,
.PictureBig .nelas:hover{ background-color: rgba(171,19,19,0.8);}

.linkaa{ text-align: center; margin: 18px 0; padding: 25px 0; border-top: 1px solid #eee;}
.linkaa a{ display: inline-block; color: #8c8c8c; margin:  0 35px; }








/* 2020/08/12 关于我们新增 专家栏目 */
.Now-expertTeam{  padding-bottom: 60px; background: #f8f8f8; }
.Now-expertTeam li{ float: left; width: 290px; height: 625px; padding: 30px 30px 0; box-sizing: border-box; margin: 20px 13px 0 0; background: #fff;  text-align: center;}
.Now-expertTeam li .img{ height: 230px; border-radius: 0 300px 300px 300px; margin-bottom: 20px; }
.Now-expertTeam li:nth-child(4n){ margin-right: 0;}
.Now-expertTeam li .CnName{ font-size: 24px; font-weight: bold; color: #333; }
.Now-expertTeam li .EnName{ color: #ccc; text-transform: uppercase; }
.Now-expertTeam li .pp{ font-size: 14px; line-height: 22px; color: #666; margin-top: 12px; text-align: justify;}


.zz3 ul li div { line-height: 230px;}
.zz3 ul li div img{ max-width: auto; max-height: auto; object-fit: contain; }
.zz3 ul li div:after{ display: none;}





.serachspan{
    display: inline-block;
    background: url(../img/se2.png) no-repeat center/cover;
    width: 18px;
    height: 18px;
}
.se_box{
    position: absolute;
    top: 30px;
    z-index: 100;
    right: 30px;
}
.se_div {
   position: absolute;
    top: 85px;
    z-index: 999;
    background: #262525;
    height: 40px;
    width: 185px;
    display: none;
   right: 30px;
}

.se_div .txt_search {

    width: 130px;

    height: 40px;

    float: left;

    color: #fff;

    padding-left: 15px;

    background-color: #262525;

}
.se_div input {

   border: 0;

}



.se_div .btnsearch {

    float: right;

    width: 40px;

    height: 40px;

    background: url(../img/se2.png) no-repeat center/18px;

    font-size: 0;

    cursor: pointer;

}