@charset "utf-8";

/*首页-banner*/
.fullSlide{ position:relative;height:600px;overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li {height:600px; background:#000; background-size:100%;}
.fullSlide .bd li a{display:block; width:100%; height:100%; position:relative;}

.fullSlide .videoplay a:after {content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; transition:all 0.3s; 
	background:rgba(0, 0, 0, 0) url(../images/video.png) no-repeat center center/40px;}
.fullSlide .bd li a video{display:block; max-width:100%; max-height:100%; margin:0 auto;}

.fullSlide .hd{ position:absolute; left:0; bottom:20px;line-height:1em;text-align:center; width:100%;}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:7px; margin:5px; overflow:hidden; font-size:0;background:#fff;}
.fullSlide .hd ul .on{ background:#d1292e;}

.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:66px; height:66px; margin:-33px 0 0 -626px; float:left; background:rgba(255,255,255,0.6)url(../images/lrbtn1.png) no-repeat; left:50%; position:absolute; top:50%; left:50%;-webkit-border-radius:50%;-moz-border-radius:50%; border-radius:50%;}
.fullSlide .prev:hover,.fullSlide .next:hover{background:rgba(255,255,255,1)url(../images/lrbtn1.png) no-repeat;}
.fullSlide .next,.fullSlide .next:hover{  background-position:-66px 0; float:right; margin-left:560px;}

/*首页-公司介绍*/
.about-title{background:#fff; padding:30px 35px;  margin:0 auto; width:100%; border-bottom: 1px solid #e6e6e6;}
.about-title:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.about-title h2{ display:inline-block; float:left; padding-right:10px; width:auto; color:#333; font-size:24px; font-weight:400; line-height:25px; }
.about-title h2 a{ position:relative; padding-right:25px; /*color:#888;*/ }
.about-title h2 a:hover{ color:#f06000; text-decoration:none; }
.about-title h2 a em{ display:block; position:absolute; right:-4px; top:8px; width:9px; height:17px; background:url(../images/slider.png) -359px -87px no-repeat; }
.about-title p{ display:inline-block; float:left; padding-top:3px; line-height:18px; color:#888; font-size:14px; }
.about-title p a{ margin-left:10px; padding:0 0 0 15px; color:#888; font-size:16px; background:url(../images/line.png) left center no-repeat; }
.about-title p a:hover{ color:#f06000; }
.about-title p a.no-bg{ background:none; }
.about-title i{ display:block; padding-top:10px; color:#999; font-size:14px; font-style:normal; line-height:1em; }
.about-title span{ display:inline-block; float:right; line-height:18px; color:#999; font-size:12px; }
.about-title span a{ color:#999; }
.about-title span a:hover{ color:#0089CD; }

.about-pic {float:left; width:30%; padding:30px 5px 30px 5px; background:#fff;}
.about-pic img {width:100%;}
.about-txt {float:left; width:70%; line-height:22px; padding:30px 85px 5px 30px; background:#fff; overflow:hidden;}
.about-txt img { visibility:visible;}
.about-txt p {padding-bottom:10px; text-indent:2em; text-align:justify;text-justify:inter-ideograph; font-size:16px; line-height:28px;}
.about-txt p:nth-child(1) {visibility: visible; animation-name: fadeInUp; animation-delay: 0.2s;}
.about-txt p:nth-child(2) {visibility: visible; animation-name: fadeInLeft; animation-delay: 0.2s;}
.about-txt p:nth-child(3) {visibility: visible; animation-name: fadeInRight; animation-delay: 0.2s;}


/*首页-发展历程*/
.introduce-content {width:100%; /*background:#29a127de;*/ padding: 2% 0 20px 0;}
.introduce-content .contentItem{width:100%; float:left; background:#fff;}
.introduce-content .item { width:84%; min-width: 1050px;}
.introduce-content .item ul { }
.introduce-content .item ul li { display:none; overflow:hidden; background:#f9f9f9; padding:5px;}
.introduce-content .item ul li:first-child { display:block; }
.introduce-content .item ul li .photo { float: left; /*width:534px;*/ width:50%}
.introduce-content .item ul li .photo img{ width: 100%; }

.introduce-content .item ul li .word { float: left; /*width: 380px;*/ width:48%; padding:20px 5%; margin-left:10px; }
.introduce-content .item ul li .word .p1{ font-size:25px; line-height: 1.4; visibility: visible; animation-name: fadeInUp; animation-delay: 0.2s; }
.introduce-content .item ul li .word .p2{ font-size:30px; color:#000; line-height: 1.4; margin:5% 0 10% 0; visibility: visible; animation-name: fadeInUp; animation-delay: 0.5s; }
.introduce-content .item ul li .word .p3{ font-size:16px; line-height:28px; max-width:480px; margin:10px 0 10% 0; visibility: visible; animation-name: fadeInUp; animation-delay: 0.8s; }
.introduce-content .item ul li .word .p4{ font-size:15px; border:solid 1px #dcdcdc; text-align:center; width:120px; line-height:36px; visibility: visible; animation-name: fadeInUp; animation-delay: 1s; }
.introduce-content .item ul li .word .p4:hover{ font-size:15px; border:solid 1px #d1292e; background:#d1292e; color:#fff; }

.introduce-content .tabitem { width:15%; min-width:180px; background:#f5f5f5; color:#fff; padding:5px; }
.introduce-content .tabitem ul { text-align: center; max-width: 165px; }

.introduce-content .tabitem ul li{ line-height: 62px;  position: relative; cursor:pointer;}
.introduce-content .tabitem ul li:after{ content: ''; width: 100%; height: 21px; background: url("../images/home-content-iocn-bg.png") no-repeat center bottom; left: 0; top: 100%; position: absolute;}
.introduce-content .tabitem ul li span{ display: block; position: relative; color: #000000; font-size: 16px;}
.introduce-content .tabitem ul li span:before{ content: '<'; display: inline-block; vertical-align: middle; margin-right: 12px; font-family: 宋体; margin-top: -2px; color: #fff; display: none;}
.introduce-content .tabitem ul li:before{ content: ''; position: absolute; right: 0; height: 100%; background: #d1292e; width: 190px; opacity: 0; transition: all 0.5s;}
.introduce-content .tabitem ul li:hover,
.introduce-content .tabitem ul li.on{ padding-right: 10px;}
.introduce-content .tabitem ul li:hover span,
.introduce-content .tabitem ul li.on span{ color: #fff;}
.introduce-content .tabitem ul li:hover span:before,
.introduce-content .tabitem ul li.on span:before{ display: inline-block;}
.introduce-content .tabitem ul li:hover:before,
.introduce-content .tabitem ul li.on:before{ opacity: 1;}

/*首页-产品系列*/
.main-box {position: relative;width:1280px; height:600px;margin: auto; *zoom: 1;}

.index-product {overflow: hidden;}
.index-product-nav {position:absolute; top:0; left:0;bottom:0;z-index:10;width:320px; height:600px; background:#202528;}

.index-product-title {box-sizing:border-box; text-align:center; overflow:hidden; padding:45px 0;}
.index-product-title h3 {font-size:30px; color:#333; font-weight:bold; margin-bottom:20px; visibility:visible; animation-name:fadeInUp; animation-delay:0.2s;}
.index-product-title h3 span {font-size:30px; color:#d1292e; padding-left:20px;}
.index-product-title p {font-size:16px; visibility:visible; animation-name:fadeInUp; animation-delay:0.6s;}  

.one-side {position: relative;}
.one-side a {display:block; background:url(../images/circle.png) 28px center no-repeat; padding-left:53px; font-size:15px; line-height:57px; 
	height:57px; color:#fff; border-bottom:1px solid #383838;}
.one-side span {display:none; position:absolute; color:#fff; right:25px;top: 0; font-family:"SimSun";}
.one-side:last-child a{border-bottom:none;}
.one-side.on a, .one-side:hover a {background:url(../images/circle2.png) 28px center no-repeat; color:#fff;}
.one-side.on span, .one-side:hover span {display:inline;}

.index-product-slide {float:right; }
.index-product-slide .tempWrap {overflow:visible!important;}

.inex-one-series {width:960px; height:600px; font-size:14px; line-height:30px; color:#8d8d8d; background-position:center center; background-repeat:no-repeat;}
.inex-one-series a {position:relative; display:block; width:100%; height:600px;}
.inex-one-series p {position:absolute; font-size:14px; color:#fff; right:0; left:0; bottom:0; padding-left:26px; background:rgba(0,0,0,.7);}
.inex-one-series p span{display:inline-block; width:800px; font-size:13px; color:#b5b5b5;}
.inex-one-series p em{display:block; width:114px; height:36px; line-height:36px; color:#221e1f; text-align:center; background:#fff; border-radius:24px; font-size:15px; 
    position:absolute; right:10px; top:13px; font-style:normal;}
.inex-one-series p em:hover {background:#d1292e; color:#fff; font-size:15px; }

.index-product .l-mask, .index-product .r-mask {background:rgba(0,0,0,.52); display:block; }
.index-product .l-mask{position:absolute; top:0; bottom:0; left:-360px; z-index:8; width:360px; height:600px;}
.index-product .r-mask {position:absolute; top:0; bottom:0; right:-360px; z-index:8; width:360px; height:600px;}
.index-product .prev, .index-product .next{display:block; width:45px; height:79px; cursor:pointer; position:absolute; top:50%; z-index:10; margin-top:-38px;}
.index-product .prev {left:-88px; background:url(../images/p-l.png); visibility:visible; animation-name:fadeInLeft; animation-delay:0.2s;}
.index-product .next {right:-88px; background:url(../images/p-r.png); visibility:visible; animation-name:fadeInRight; animation-delay:0.2s;}
.index-product .l-mask, .index-product .r-mask { /*background:rgba(0,0,0,.52);*/ background:none; display:block;}
.index-product .l-mask{position:absolute; top:0; bottom:0; left:-360px; z-index:8; width:360px;}
.index-product .r-mask {position:absolute; top:0; bottom:0; right:-360px; z-index:8; width:360px;}
.index-product-nav .div_scroll{height:570px; margin:15px 7px; overflow:auto;}


/*首页-图片展示*/
.a-termanal {width:100%; height:870px; background:url(../images/a-termanalBg.jpg) no-repeat scroll center top / cover; overflow:hidden;}
.a-termanal .a-title {position:relative; height:92px; text-align:center; margin:50px 0 130px; border-bottom:none;}
.a-termanal .a-title .at1 {font-size:50px; color:#fff;font-weight: bold; display:inline-block; background: none; padding:0 10px; line-height:55px; visibility: visible; animation-name: fadeInUp; animation-delay: 0.2s;}
.a-termanal .a-title .at2 {text-transform:uppercase; font-size:30px; background:none; padding:0 10px; color:#c9c9c9; display:inline-block; line-height:60px; 
	height:60px; font-family: Arial; font-weight:bold; visibility: visible; animation-name: fadeInUp; animation-delay: 0.6s;}
.a-termanal .a-title .at3 {text-transform:uppercase; font-size:16px; background:none; padding:0 10px; color:#c9c9c9; display:inline-block; line-height:40px; 
	height:40px; font-family: Arial; max-width:1000px;margin:0 auto; visibility: visible; animation-name: fadeInUp; animation-delay: 1s;}

#photo_b_slide { width: 960px; height: 520px; margin: auto; position: relative; }
#photo_b_slide img { width: 920px; height: 520px; margin:0 auto;}
#photo_b_slide .photos { width: 960px; height: 520px; }
#photo_b_slide .photo-wrap { overflow: visible; position: absolute; }
#photo_b_slide .next, #photo_b_slide .prev { position: absolute; top: 50%; margin-top: -25px; margin-left: -25px; background-color:none; z-index: 3; }
#photo_b_slide .next { margin: -25px -5px 0 0; right: 0; }
#photo_b_slide .disabled { background-color: #eee; }
#photo_b_slide .mask-left, #photo_b_slide .mask-right, #photo_b_slide .photo {z-index: 1; position: absolute; top: 0; left: 0; width: 920px; padding:0 20px; height: 520px; overflow: hidden; left: 1920px; }
#photo_b_slide .mask-right, #photo_b_slide .mask-left { z-index: 4; left: -940px; filter: alpha(Opacity=50); opacity: .5; background: #000; overflow: hidden; }
#photo_b_slide .mask-left,#photo_b_slide .mask-right { width: 900px; }
#photo_b_slide .mask-right { left: 980px; }
#photo_b_slide .active { z-index: 2; left: 0; }

.icon-arrow-a-left, .icon-arrow-a-right {height: 44px; width: 24px; cursor:pointer; cursor:pointer;}
.icon-arrow-a-left { background:url(../images/photo-left-arr.png) no-repeat scroll center center; height: 50px; width: 30px; 
	visibility:visible; animation-name:fadeInLeft; animation-delay:0.2s;}
.icon-arrow-a-right { background:url(../images/photo-right-arr.png) no-repeat scroll center center; height: 50px; width: 30px; 
	visibility:visible; animation-name:fadeInRight; animation-delay:0.2s;}

.photo {position:relative;}
.photo_kuang {position:absolute; left:40px; top:40px; width:860px; height:438px; border: 1px solid #fff;}


/*标准化服务*/
.standard-title {box-sizing:border-box; text-align:center; overflow:hidden; padding:45px 0;}
.standard-title h3 {font-size:30px; color:#fff; font-weight:bold; margin-bottom:20px; visibility:visible; animation-name:fadeInUp; animation-delay:0.2s;}
.standard-title h3 span {font-size:30px; color:#d1292e; padding-left:20px;}
.standard-title p {font-size:16px; color:#fff; visibility:visible; animation-name:fadeInUp; animation-delay:0.6s;}   
 
.standard {padding:50px 0 60px 0; /*background:#f6f6f6;*/ background:#34495e;}
.standard-box {overflow:hidden;}
.standard-box ul {}
.standard-box ul li {float:left; width:16%; height:380px; padding:20px 0; margin:0.3%; text-align:center; background:#fff; /*box-shadow:0 10px 20px #f1f1f1;*/ visibility:visible; animation-name:fadeInUp; animation-delay:0.2s;}
.standard-box ul li.btn-wave:before {background:#f6f6f6;}
.standard-box ul li:last-child {margin-right:0;}
.standard-box ul li img { width:176px; height:176px; border-radius:50%; padding:10px; border:1px solid #e5e5e5; transition:all 0.5s;}
.standard-box ul li h4 {font-size:20px; color:#333; font-weight:bold; padding:10px 0;}
.standard-box ul li span {font-size:12px; color:#ccc;}
.standard-box ul li p {font-size:14px; color:#666; padding:5px 0 0 0; min-height:100px;}
.standard-box ul li i { display:inline-block; width:20px; height:20px; line-height:20px; border-radius:50%; font-style:normal; background:#e5e5e5; position:relative; margin-left:10%;}
.standard-box ul li i:before {content:'马上咨询'; display:block; position:absolute; left:-300%; top:0%; font-size:14px; color:#666;}
.standard-box ul li:hover img{transform:rotate(10deg);}
.standard-box ul li:hover i {color:#fff; background:#d1292e;}
.standard-box ul li:hover i:before {color:#d1292e;}


/*首页-一站式采购服务*/
.one-stop-title {box-sizing:border-box; text-align:center; overflow:hidden; padding:45px 0;}
.one-stop-title h3 {font-size:30px; color:#333; font-weight:bold; margin-bottom:20px; visibility:visible; animation-name:fadeInUp; animation-delay:0.2s;}
.one-stop-title h3 span {font-size:30px; color:#d1292e; padding-left:20px;}
.one-stop-title p {font-size:16px; color:#fff; visibility:visible; animation-name:fadeInUp; animation-delay:0.6s;}   
 
.one-stop {padding:50px 0 60px 0; /*background:#f6f6f6;*/ background:#fea500;}
.one-stop-box {overflow:hidden;}
.one-stop-box ul {}
.one-stop-box ul li {float:left; width:16%; height:414px; padding:20px 0; margin:0.3%; text-align:center; background:#fff; /*box-shadow:0 10px 20px #f1f1f1;*/ position:relative; border-bottom:3px solid #ccc; }
.one-stop-box ul li.btn-wave:before {background:#f6f6f6;}
.one-stop-box ul li:last-child {margin-right:0;}
.one-stop-box ul li img {width:100%; padding:10px; transition:all 0.5s;}
.one-stop-box ul li h4 {font-size:20px; color:#333; font-weight:bold; padding:10px 0;}
.one-stop-box ul li span {font-size:12px; color:#ccc;}
.one-stop-box ul li p { font-size:14px; color:#666; padding:5px 0 0 0; min-height:100px;}
.one-stop-box ul li a { background-color:#ca191e; position:absolute; left:20%; bottom:8%; display:none; width:120px; line-height:30px; margin:0 auto; font-size:12px; color:#fff;}
.one-stop-box ul li:hover {box-shadow:0 4px 8px 0 rgb(7 17 27 / 30%); border-bottom:3px solid #ca191e;}
.one-stop-box ul li:hover a {display:block;}
.one-stop-box ul li:hover img{transform:rotate(5deg);}


/*首页-新闻资讯*/
.news { margin-bottom:50px; }
.news-title{display:block; margin:40px 0 20px 1%; overflow:hidden;}
.news-title font{font-size:30px; line-height:40px; text-transform:uppercase;}
.news-title em{ font-size:15px; background:#fff; font-size:15px; border:solid 1px #cfcfcf; margin-top:10px; margin-left:10px; margin-right:1%; text-align:center; width:100%; font-style:normal; max-width:120px; line-height:36px;}
.news-title a{ }
.news-title em:hover {background:#d1292e; color:#fff; font-size:15px; }

.news ul {overflow:hidden; }
.news ul li {float:left; /*width:49.5%;*/ width:32.3%; border:solid 1px #ccc; padding:2%; margin:0.5%; height:250px; overflow:hidden; visibility: visible; animation-name: fadeInUp; animation-delay: 0.2s;}
.news ul li.btn-wave:before {background:#f6f6f6;}
/*.news  li:nth-child(even) {float:right;}*/
.news li .itemTitle{width:100%;}
.news li .item{width:60%;}
.news li .item h3{ font-size:18px; color: #252525; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; margin:7.5% 0 5% 0;}
.news li .item p{font-size:15px; color:#797979; max-height:72px; overflow:hidden;}
.news li .item em{font-size:13px; line-height:30px; margin-top:5px; font-style:normal; color:#333333;}
.news li .item em font{display:block; font-size:40px;}
.news li .item em:hover{background:#000;}
.news li .thumb{width:35%; max-height: 120px; overflow: hidden;}
.news li .thumb img{width:100%;}
.news li:hover {border:solid 1px #d1292e;}
.news li:hover .item h3{color:#d1292e;}