@charset "utf-8";


.til01{display: block;font-size:54px;line-height:75px;color: #313131;height: 176px;position: relative;font-weight: normal;text-align: left;}
.til01 b{color: #2169e1;}
.til01 p{display: block;line-height:44px;font-size:26px;opacity: 0.7;}
.webox .til01 p{line-height:40px;font-size:16px;}
.til01 a{display: block;color: #313131;}

/*引子*/
.webox{font-family: "Microsoft Yahei";line-height:26px;position: relative;padding:82px 0 0;height:594px;overflow: hidden;background:url(../images/webg.jpg) no-repeat center 0;font-size: 16px;color: #666;}
.webox_c li{height:328px;width: 280px;float: left;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;background:url(../images/welbg1.gif) no-repeat 0 0;padding:25px 48px 0;box-shadow: 0 0 8px 8px rgba(0 , 0 , 0 , 0.1);}
.webox_c li:nth-child(2){margin: 0 20px;}
.webox_c li:nth-child(3){margin: 0 20px 0 0;}
.webox_c li b{display: block;font-size: 34px;line-height: 82px;color: #333;}
.webox_c li:hover{background:url(../images/welbg2.gif) no-repeat 0 0;color: #fff;margin-top: -10px!important;}
.webox_c li:hover b{color: #fff;}
.webox_c li span{width:96px;height:96px;display: block;position: relative;overflow: hidden;margin:0 auto;}
.webox_c li span i{width:96px;height:96px;position: absolute;display: block;top: 0;left: 0;}
.webox_c li span,.webox_c li span i{width: 76px;height: 69px;display: block;margin: 0;}
.webox_c li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.webox_c li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.webox_c li:hover span i.default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.webox_c li:hover span i.hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

/*产品中心*/
.probox{font-family: "Microsoft Yahei";padding:80px 0;line-height:26px;max-width: 1920px;margin: 0 auto;}
.pro_t{height:165px;overflow: hidden;}
.pro_t ul{width: 840px;padding: 8px 0 0;overflow: hidden;float: right;}
.pro_t li{float: left;height: 50px;line-height: 50px;font-size: 16px; margin-right:40px;}
.pro_t li a{display: inline-block;color: #666;}
.pro_t li em{display: block;color: #666;margin:10px 7px 0 0;width: 31px;height: 31px;border-radius: 31px;float: left;overflow: hidden;}
.pro_t li em img{display: block;width: 31px;height: 31px;border-radius: 31px;}
.pro_t li a:hover{font-weight: bold;}
.prod_c p{position: relative;float: left;}
.prod_c p,.prod_c p img,.prod_r li img{width:100%;display: block; height:100%}
.prod_r{width: 100%;overflow: hidden;}
.prod_r li{width: 24%;overflow: hidden;float: left;margin: 0 0 17px 0.8%;position: relative; box-shadow: 0 0 10px #d8d8d8; border: 1px solid #f8f8f8;}
.prod_c p em,.prod_r li em{position: absolute;width:67px;height:130px;background:url(../images/pro_ico1.png) no-repeat center 0;left: 7.28%;top:0;display: block;}
.prod_c p em{background:url(../images/pro_ico2.png) no-repeat center 0;}
.prod_c p em img,.prod_r li em img{display: block;width: 47px;height: 47px;border-radius: 47px;margin: 34px auto 0;border: solid 3px #e1e1e1;}
.prod_c p span,.prod_r li span{/*position: absolute;*/width: 94%;height:50px;line-height:38px;/*left:7.28%;bottom:0;*/color: #333;font-size:24px;display: block; padding-top:30px; margin-left:30px;}
.prod_c p span{bottom:20px;}
.prod_c p span i,.prod_r li span i{opacity: 0.55;display: block;font-size:20px;line-height: 30px;}
.prod_c p span a,.prod_r li span a{color: #333;}

/*合作*/
.part{height:189px;}
.prev1,.next1{width:51px;height:33px;display: block;overflow: hidden;position:absolute;top:30px;right: -73px;cursor: pointer;}
.prev1{left: -73px;}
.part_c li{float: left;position: relative;border: solid 1px #d2d2d2;margin: 0 48px 0 0;}
.part_c li:hover{border-color: #197cd9;}
.part_c li,.part_c li img{width: 199px;height: 98px;display: block;overflow: hidden;}

/*流程*/
.tec_p{line-height:60px;height:444px;font-family: "Microsoft Yahei";clear: both;padding:80px 0 0;position: relative;z-index: 1;background:url(../images/tecbg.jpg) no-repeat center 0;font-size: 16px;color: #fff;}
.tec_p .til01{color: #fff;height: 172px;}
.tec_pic{left: 518px;top: 0;}
.tec_pc li{width:64px;float: left;padding:26px 74px 0 0;position: relative;white-space: nowrap;}
.tec_pc li span{width:64px;height: 64px;display: block;}
.tec_pc li:before{content: "";position: absolute;width:4px;height:26px;right:37px;top:46px;background:url(../images/tec_icol.png) no-repeat 0 0;}
.tec_pc li:nth-child(4){padding-right:244px}
.tec_pc li:nth-child(4):before,.tec_pc li:last-child:before{width: 0;height: 0;background: none;}
.tec_pc li:last-child{padding-right:0;}
.tec_pc li:hover{padding-top: 10px;}


/*资讯*/
.newbox{line-height:25px;height:650px;font-family: "Microsoft Yahei";clear: both;padding:80px 0 0;position: relative;z-index: 1;}
.news_l{float: left;width: 300px;}
.news_l h2{ margin-bottom:55px; text-align: left;}
.news_l .newstit{width: 200px; }
.news_l .newstit h3{color:#333;height: 60px; display: inline-block; font-weight: normal;text-decoration: none;}
.news_l .newstit h3 a{width: 200px; text-align: left; float: left;  position: relative; text-decoration: none; font-size: 20px; display: inline-block;height:60px; color:#333;  line-height:60px; font-weight: normal; display: block;box-sizing: border-box;border-bottom: 2px solid #d6d6d6;}
.news_l .newstit h3.cur a{color: #197cd9;background:url(../images/ico03.gif) no-repeat right center; font-weight: bold;}
.news_r{width: 832px; float: right;}
.new_p{width:330px;height:330px;top: 22px;right: 0;z-index: 1;}
.new_p p,.new_p p img{width:330px;height:330px;overflow: hidden;display: block;}
.new_p span{height: 70px;line-height: 70px; text-align: center; background: #197cd9; color: #fff;font-size: 20px;display: block;}

.news_rc dl{height: 388px; overflow: hidden;border-bottom: solid 2px #d9d9d9;}
.news_rc dt{height: 232px;}
.news_rc dt span{ height:82px; line-height:66px; margin-bottom: 44px;border-bottom: 2px solid #333; display: block; font-size:46px; color: #333;  font-weight: bold;font-family: Arial;}
.news_rc dt h4{font-size: 22px; font-weight: normal; line-height: 38px;width: 420px;color:#666;overflow: hidden;text-overflow: ellipsis;}
.news_rc dt h4 a{ color:#666;}
.news_rc dd p{overflow: hidden;height:92px; width: 420px;}
.news_rc dd span{ height:38px; width: 70px;display: block; line-height:38px; border-bottom: 2px solid #333;}
.news_rc dd span a{color: #555;}

.news_rc li{margin-top: 10px; float: left; overflow: hidden;font-size: 14px; line-height: 33px; color:#101010; width:400px; margin-right:10px;}
.news_rc li:nth-child(2n){float: right;}
.news_rc li a{color:#666; text-decoration: none; float:left; width:320px; overflow:hidden; height:30px;}
.news_rc li em{ float:right; display: block; font-size: 14px;line-height: 28px;}
.news_rc li em i{font-size: 12px;color: #666;padding-left: 12px;margin-left: 12px; display: inline-block;}
.news_rc li a:hover{color:#2169e1;}

/*关于*/

.g_pp{background:url(../images/ppbg.jpg) no-repeat center top;height: 480px;padding-top: 96px;}
.g_pp .pptit{height: 242px;}
.g_pp .pptit h2{ line-height:50px; float: left;width: 520px;position: relative;margin-left: -12px;background:url(../images/pptit.png) no-repeat;padding: 10px 0 0 10px;font-size: 28px;color: #282828;font-weight: normal;}
.g_pp .pptit h2 b{display: block;font-size: 52px;}
.g_pp .pptit p{float: right;width: 675px;position: relative;padding-top: 48px;font-size: 16px;line-height: 26px;color: #333333;transition: all 0.3s linear 0s;}
.g_pp .pptit p:before{content: "";position: absolute;width: 60px;height:2px;background: #282828;left:0;top:16px;transition: all 0.3s linear 0s;}
.g_pp .pptit p:hover:before{width: 675px;background: #00612e}
.g_pp .pptit p:hover{color: #00612e; transform: translateX(-10px);}

.g_pp dl{float: left;width: 180px;margin-right: 70px;}
.g_pp .lastdl{margin-right: 0;}
.g_pp dt{padding-left: 15px;font-size: 14px;line-height: 22px;color: #333333;transition: all 0.3s linear 0s;}
.g_pp dd{height: 100px;transition: all 0.3s linear 0s;}
.g_pp em{float:left;width: 72px;}
.g_pp span{float:left;width: 105px;font-size: 24px;line-height: 30px;color: #282828;}
.g_pp span b{display: block;}
.g_pp dl:hover dd{transform: translateY(-5px);}
.g_pp dl:hover dt{transform: translateY(5px);}


/*友情链接*/
.link{height:0;line-height:62px;color: #666;position: relative;width: 1200px;margin: 0 auto;}
.link_c{border-top: solid 2px #666;position: absolute;left: 0;top:-64px;z-index: 9;width: 1200px;}
.link_c b{width: 100px;display: inline-block;}
.link a{display: inline-block;color: #666;padding:0 40px 0 0;}

.edge_cl dt img, .prod_c p img, .prod_r li img, .pro_rc li p img, .case_c dt img,.part_c li img, .new_p p img, .show_c li p img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.edge_cl dl:hover dt img, .prod_c p img:hover, .prod_r li:hover img, .pro_rc li:hover p img, .case_c dl:hover dt img,.part_c li:hover img, .new_p p:hover img, .show_c li:hover p img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}

@media screen and (max-width: 1440px) {
	.prod_r li{margin-bottom: 10px;}
	.prod_c p span,.prod_r li span{height:50px;font-size: 20px;line-height: 30px;}
	.prod_c p span i,.prod_r li span i{font-size: 16px;line-height: 22px;}
}
@media screen and (max-width: 1679px) {
	.prod_r li{margin-bottom: 10px;}
	.prod_c p span,.prod_r li span{height: 60px;font-size: 22px;line-height: 34px;}
	.prod_c p span i,.prod_r li span i{font-size: 18px;line-height: 26px;}

}