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





















/* 新产品中心结束*/
	.cp_liebiao{margin-top:40px; }
	.cp_liebiao ul{border-left:1px solid #ccc; box-sizing: border-box;border-top:1px solid #ccc;}
.cp_liebiao ul li{float:left; width:171px; line-height:50px;  box-sizing: border-box; }
.cp_liebiao ul li a{width:100%; display:block; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;box-sizing: border-box;}
 .cp_liebiao ul li a:hover{background:#006fd7; color:#fff;} 


/*pro*/
.pro { overflow:hidden; width:100%; height:710px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:224px; height:235px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(Img/Index/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-235px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-235px;}
.pro li.li06 b{ left:-224px; top:235px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:235px;}










/* 案例 */
.cp_zong{padding:50px 0;}
.al .fa_bt a { background:url("Img/Index/al_bt.gif")  no-repeat; width:549px; /* height:79px;  */margin:0 auto; text-align:center; display:block;}
.al_con dl dt { float:left; width:359px; height:838px; overflow:hidden; margin-right:10px;}
.al_con dl dt a img { width:359px; height:838px; 
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.al_con dl dt a img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}
.al_con dl dd { float:left; width:810px; margin-top:0;}
.al_con dl dd a { width:258px; display:block; float:left; /* height:370px;  */margin-right:10px; border:1px solid #f2f2f2; margin-bottom:10px;overflow:hidden; background:#fff;}
.al_con dl dd a em { display:block; text-align:center; padding:10px 0 30px 0; font-size:14px; color:#333;}
.al_con dl dd a:hover em { color:#eb9b2a;}
.al_con dl dd a i { display:block; width:258px; /* height:320px; */ overflow:hidden; }
.al_con dl dd a i img { width:256px; /* height:320px; */overflow:hidden;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.al_con dl dd a i img:hover  { 
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1);}



.pic01 { background: url("../images/fukai_anli_bg.png")  no-repeat center 0; height:200px; margin:20px 0;}
.pic02 { background:url("Img/Index/pic02.jpg")  no-repeat center 0; height:200px;}
.pic { width:1200px; margin: 0 auto; position:relative}
.pic01 p { position:absolute; top:90px; left:820px; color:#fff; z-index:99;}
.pic01 p span { width:253px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; display:block; background:#006fd7; float:left;}
.pic01 p span b { font-size:24px; font-family:Arial;}





/* 优势
 */











/* 定制案例 */

/* 定制流程and客户见证  */
.dzandjz{width: 100%;height: 800px;background: url(../images/liucheng_02.jpg) no-repeat center;}
.dzandjz .paging-title h2{color: #000;}
.dzandjz .paging-title h2 a{color: #000;}
.dzandjz .paging-title h2 i{color: #000;font-weight: normal;}
.dzandjz .paging-title h2 a i{color: #000;font-weight: normal;}
.dzandjz .paging-title p{color: #999;font-size: 12px;}

.dinzhi{padding-bottom: 50px; background:#006fd7;}
.dinzhi-ul{margin-top: 52px;}
.dinzhi-ul ul li{float: left;width: 150px;text-align: center;padding-top: 25px;background: url(../images/jiantouxin.png) no-repeat left top;}
.dinzhi-ul ul li p{font-size: 18px;color: #fff;}
.dinzhi-ul ul li span{font-size: 12px;color: #f2f2f2;}
.dinzhi-ul ul li:hover{background: url(../images/jiantouxin.png) no-repeat top;animation:liucheng .5s linear; -webkit-animation:liucheng .5s linear;}


@keyframes liucheng 
{
	from{background:url(../images/jiantouxin.png) no-repeat -150px top;}
	to{background:url(../images/jiantouxin.png) no-repeat left top;}
}
@-webkit-keyframes liucheng 
{
	from{background:url(../images/jiantouxin.png) no-repeat -150px top;}
	to{background:url(../images/jiantouxin.png) no-repeat left top;}
}

.liuyan{width: 730px;margin-top: 60px;margin-left: 420px;height: 60px;position: relative;}
.liuyan p{font-size: 20px;color: #000;margin-left: 38px;width: 350px;display: block;}
.liuyan span{font-size: 16px;color: #666;}
.liuyan span i{font-size: 32px;color: #006fd7;font-style: normal;}
.liuyan>a{display: block;width: 160px;line-height: 50px;text-align: center;font-size: 14px;color: #fff;background: #000;border-radius: 25px;position: absolute;}
.liuyan>a.a01{top: 6px;left: 400px;}
.liuyan>a.a02{top: 6px;left: 570px;}
.liuyan>a:hover{background: #006fd7}









.yos{ overflow: hidden;background: #fff url(../images/yous.jpg) no-repeat center 0; height:791px;  box-sizing: border-box; padding-top:80px; position: relative;}
.yos h2 a{ color: #fff; font-size:42px;display:block; margin:0 auto; text-align:center;}
.yos h2 a p{ color: #fff; font-size:16px;display:block; margin:0 auto; text-align:center; line-height:60px;}
.yos h2:before{ width: 439px;left:49.9%; background: #5d7aa2;}
.yos h2:hover:before{width: 460px;}
.yos h2{ padding-bottom: 66px;}
.yos dl{ float: left; width: 20%; height: 549px; border:1px solid #3489c7; border-left:none;}
.yos dl dt{ height:468px; margin-bottom: 60px; padding-top:90px;transition: all 0.2s; }
.yos dl dt h3{ text-align: center;position: relative; height: 142px;}
.yos dl dt h3 span{ display:inline-block; position: absolute; top: 0; left: 0; width: 100%; opacity: 0;}
.yos dl dt h3 span img{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.yos dl dt h3 img:first-of-type{ display: block; margin: 0 auto; width: 107px; height: 107px; border-radius: 107px;box-shadow: 0 0 20px rgba(0,0,0,0.6);}
.yos dl dt p{ text-align: center; line-height: 100%; font-size:30px; color: #fff; margin-bottom:22px;}
.yos dl dt em{ display: block; color: #bec6d6; line-height: 26px; font-size: 16px; margin: 0 17%; text-align: center;}

.yos dl:hover{ background: #fff;}
.yos dl:hover dt p{ color: #333;}
.yos dl:hover dt em{ color: #8c8c8c;}
.yos dl:hover dt em span:before{ background: #333;}
.yos dl:hover dt h3 span{opacity: 1;}
.yos dl:hover dt h3 span img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}
.yos dl:hover dt h3 img:first-of-type{ box-shadow: none;}








.xiangyu_changqu{   height: 870px; padding-top:30px; text-align: center;background-position: -300px -900px;background: #f2f2f2 /* url(../images/changqubg.png) no-repeat center */;transform: translate3d(0,0,0);
    animation: play 25s linear infinite;background-attachment: fixed;overflow: hidden;position: relative;}

	 .xiangyu_changqu_hengtu{width:1200px; margin:0 auto;}
	 	.xiangyu_changqu_hengtu_zuo{width:880px;  float:left; }
	 	.xiangyu_changqu_hengtu_you{width:282px; float:left;  /* height:30px; */ margin-left:20px; border:1px solid #e2e2e2; height:396px;} 
		.xiangyu_changqu_hengtu_you img{width:276px;  /* height:30px; */ /* height:358px; */ margin-top:4px; } 


	

.box843_-6708 * {margin: 0;padding: 0;font: 14px "Microsoft Yahei";color: #666; }
.box843_-6708 ul, .box_842,li {list-style: none; /* padding-top:30px; */}
.pic-roll{margin-top:30px;}
.box843_-6708 img {border: none;vertical-align: middle;max-width:100%;}
.box843_-6708 a { text-decoration: none;color: #666;}
.box843_-6708 a:hover,.box843_-6708:active {text-decoration: none;}
.box843_-6708 .pic-roll .roll-title {position: relative;margin: 0 30px;}
.box843_-6708 .pic-roll .roll-list {     overflow: hidden;    width: 740px;
    margin: 30px auto 50px auto;}
.box843_-6708 .pic-roll .roll-list li { float: left;}
.box843_-6708 .pic-roll .roll-list li a {display: inline-block;font-size: 16px;padding: 0 26px;height: 40px;line-height: 40px; border-radius:20px;}
.box843_-6708 .pic-roll .roll-list li a:hover,.box843_-6708 .pic-roll .roll-list li a.active{        background: #0c58a3;
    color: #fff;}
.box843_-6708 .pic-roll .r-more{display: none;position: absolute;right: 10px;top: 50%;margin-top: -12px;font-size: 18px;}
.box843_-6708 .pic-roll .r-more:hover {color: #5fa200;}
.box843_-6708 .pic-roll .roll-main {margin: 20px 0;}
.box843_-6708 .pic-roll .roll-main .roll-block {display: none;position: relative; /* padding: 0px 50px; */}
.box843_-6708 .pic-roll .roll-block .prev,.box843_-6708 .pic-roll .roll-block .next {
display: inline-block;

    width: 28px;
    height: 48px;
   background: url(../images/index_tab_l.png) no-repeat 0 0;
    position: absolute;
        top: 44%;
    margin-top: -12px;
    cursor: pointer;}
.box843_-6708 .pic-roll .roll-block .prev {left: -30px;}
.box843_-6708 .pic-roll .roll-block .next {right: -30px;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.box843_-6708 .pic-roll .roll-b-list {overflow: hidden;}
.box843_-6708 .pic-roll .roll-b-list li {float: left;width: 280px; margin-right: 20px; text-align: center;}
.box843_-6708 .pic-roll .roll-b-list li .r-p-box {overflow: hidden;border:1px solid #dcdcdc;padding:3px;}
.box843_-6708 .pic-roll .roll-b-list li h3 {text-align: center;padding: 12px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;    color: #666;}
.box843_-6708 .pic-roll .roll-b-list li a {}
.box843_-6708 .pic-roll .roll-b-list li:hover .r-p-box {}
.box843_-6708 .pic-roll .roll-b-list li a img {height:360px;}
.box843_-6708 .tempWrap{width:1200px !important;}
.smore { margin:40px 0;}
.smore a { display:block; width:200px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:15px; border-radius:4px; background:#0c58a3; transition: all 0.5s; margin:0 auto; text-decoration:none;}
.smore a:hover { border-radius:20px;}





.lc_c{background: url(../images/lc_bj.jpg) no-repeat center top;height: 172px;position: relative; z-index:10;	 }
.lc_c h4{float:left;width:177px;padding-top:64px;}
.lc_c h4 span{display: block;font-weight: bold;font-size:24px;color: #fff;height: 30px;line-height: 30px;}
.lc_c h4 em{display: block;text-transform: uppercase;font:12px arial;color:#cacaca;}
.lc_c ul{float: right;width:982px;padding-top:50px;overflow: hidden;}
.lc_c li{float:left;margin-right:54px;padding-right:54px;background: url(../images/lc_a1.png) no-repeat right;text-align: center;}
.lc_c li i{display: block;font-size:0;line-height: 0;}
.lc_c li span{display: block;margin-top:9px;font-size:18px;color: #fff;line-height: 24px;}
.lc_c li:last-child{margin:0;padding:0;background: none}
.lc_c li:hover i {animation-duration:3s;animation-name:flipInY;}





.g-news{ height: 912px; box-sizing: border-box; background:#f5f5f5; padding-top:80px; overflow: hidden; font-family:"Microsoft Yahei"; position: relative; z-index:10;	}
.g-news .tit01{ height:148px;}
.news{width:1268px;position: relative;margin:60px auto;}

.news1{width:482px; height:579px;background:url(../images/news1bg.jpg) no-repeat center; float: left;padding:25px 37px 0 34px;box-sizing: border-box;position: relative;}
.newstit1{height:70px;margin-bottom: 15px;}
.newstit1 h3{font-size: 26px;color: #fff;background:url(../images/newsico.gif) no-repeat right 10px; font-weight: normal;}
.newstit1 h3 b{font-weight: bold;}
.newstit1 h3 i{display: block; font-weight: normal;font-size: 15px;color: rgba(255, 255, 255, 0.5);}
.news1 h5{height:20px;width:128px;position: absolute;top:315px;right:37px;}
.news1 h5 i{display: block;height:9px;width:9px;background: #fff;border-radius: 100%; float: left;margin-right: 7px;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.news1 h5 i.on{width:40px;border-radius: 4px;background:#0082e3;}
.news-c{width:411px;overflow: hidden;}
.news-c dl{width:411px;  overflow: hidden;position: relative;background:#fff;}
.news-c dt{ width:411px;max-height: 245px; overflow: hidden;}
.news-c dt img{width:411px; display: block;}
.news-c dd{width:411px; overflow: hidden;box-sizing: border-box;padding: 30px 0 10px;}
.news-c dd h4{font-size: 16px; font-weight: bold;height: 32px; line-height: 32px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;font-family:"Microsoft Yahei";padding-left:25px;background:url(../images/time.png) no-repeat left center;}
.news-c dl h4 a{ text-decoration: none; color:#000000;}
.news-c dd p{overflow: hidden;font-size: 14px; line-height: 24px; color:#999;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;height: 100px;}
.news-c dd em{display: block;text-align: right;font-size:14px;color: rgba(51, 51, 51, 0.5); line-height: 24px; font-weight: bold;position: relative; margin-top:24px;}
.news-c dd em::after{content: "";position: absolute;width:63px;height:1px;background:#ababab;left:0px;top:50%;} 
.news-c dl img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.news-c dl img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


.news2{width:765px; float: right;}
.news2-1,.news2-2{width:765px;height:275px;background: #fff;margin-bottom: 28px;padding:25px 34px 0 30px;box-sizing: border-box;}
.newstit2{height:70px;margin-bottom: 15px;}
.newstit2 h3{font-size: 26px;color: #0082e3;font-weight: normal;}
.newstit2 h3 b{font-weight: bold;color: #000;}
.newstit2 h3 i{display: block; font-weight: normal;font-size: 15px;color: rgba(102, 102, 102, 0.5);}
.news2-c{overflow: hidden;}
.news2-c li{width:318px; overflow: hidden;float: left;margin-right: 64px;}
.news2-c h4{font-size: 16px; font-weight: bold;height: 32px; line-height: 32px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;font-family:"Microsoft Yahei";}
.news2-c h4 a{ text-decoration: none; color:#000000;}
.news2-c p{overflow: hidden;font-size: 14px; line-height: 24px; color:#999;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;height: 80px;text-align: justify;}
.news2-c p a{color:#999;}
.news2-c em{display: block;text-align: right;font-size:14px;color: rgba(51, 51, 51, 0.5); line-height: 24px; font-weight: bold;position: relative; margin-top:14px;}
.news2-c em::after{content: "";position: absolute;width:63px;height:1px;background:#ababab;left:0px;top:50%;} 

.news2-1 h5{height:10px;width:70px;position: absolute;top:45px;right:44px;}
.news2-1 h5 i{display: block;height:9px;width:9px;background: #dadada;border-radius: 100%; float: left;margin-right: 6px;}
.news2-1 h5 i.on{background:#0082e3;}
.news-left{width:12px;height:18px;background: url(../images/news-left.png) no-repeat;position: absolute;right:135px;top:40px;display: block;z-index: 1;}
.news-right{width:12px;height:18px;background: url(../images/news-right.png) no-repeat;position: absolute;right:34px;top:40px;}

.news2-2{overflow: hidden;}
.news2-2 li{width:318px; overflow: hidden;float: left;margin-right: 64px;  border-bottom:1px solid red;}
.news2-2 li a{display: block;height:60px; }
.news2-2 li:nth-child(2n){margin-right: 0;}
/* .news2-2 li a:first-child{border-bottom: 1px solid #a0a0a0;margin-bottom: 20px;} */
.news2-2 h4{font-size: 16px; font-weight: bold;height: 30px; line-height: 30px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;font-family:"Microsoft Yahei";}
.news2-2 h4 a{ text-decoration: none; color:#000000;}
.news2-2 p{overflow: hidden;font-size: 14px; line-height: 20px; color:#999;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;height: 80px;text-align: justify;}
.news2-2 p a{color:#999;}
.news2-2 em{display: block;text-align: left;font-size:14px;color: rgba(51, 51, 51, 0.5); line-height: 24px; font-weight: bold;position: relative;padding-left:25px;background:url(../images/time.png) no-repeat left center;}







/* 友情链接



 */

 
.index-title strong{display: block; font-size: 30px; line-height: 60px; color: #333; margin-bottom: 7px;}
.index-title h3{display: block; font-size: 14px; color: #b2b2b2; }
.product{padding: 10px 0 50px; background:#f2f2f2; position: relative; z-index:10;}
.product .index-title{margin-bottom: 43px;}
.product .index-title strong{background: url(../images/product-title.png) no-repeat center;}
.product-btn{width: 424px; margin: 40px auto 40px;}
.product-btn ul li{float: left; margin:0 3px; display: block; width: 130px; border: solid 1px #bfbfbf;  font-size: 16px; line-height: 41px; color: #333; text-align: center; cursor: pointer;}
.product-btn ul li.on,.product-btn ul li:hover{background: #0174c7; border-color: #0174c7; color: #fff;}
.product-list ul{width: 1220px;}
.product-list ul li{float: left; width: 285px; margin-right: 20px; margin-bottom: 19px; position: relative;}
.product-list ul li .pic{width: 283px; height: 213px; border: solid 1px #ccc;  }
.product-list ul li .info{ position: absolute; top: 0; left: 0; background: rgba(1,116,199,0.8); width: 100%; height: 214px; width:284px; z-index: 2; opacity: 0}
.product-list ul li .info em{display: block; font-size: 18px; color: #fff; text-align: center; margin: 60px 0 13px;}
.product-list ul li .info img{display: block; margin: 0 auto;}
.product-list ul li:hover .info{opacity: 1}
.product-list ul li h3{ font-size: 16px; line-height: 56px; color: #333333; text-align: center; font-weight:normal; border:1px solid #e2e2e2; border-top:none;}
.product-list .hidden1::before,.product-list .hidden1::after {position: absolute;content: '';opacity: 0;}
.product-list .hidden1::before {top: 10px;right: 10px;bottom: 10px;left: 10px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0;}
.product-list .hidden1::after {top: 10px;right: 10px;bottom: 10px;left: 10px;border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);-webkit-transform-origin: 100% 0;transform-origin: 100% 0;}
.product-list .hidden1::before,.product-list .hidden1::after{-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;transition: opacity 0.5s, transform 0.5s;}
.product-list li:hover .hidden1::before,.product-list li:hover .hidden1::after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.product-list li:hover .hidden1::before,.product-list li:hover .hidden1::after{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.product-list ul li:hover h3{color: #0174c7}