@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}



.banner {height: 600px;position: relative;overflow: hidden;}
.banner .hd {position: absolute;bottom: 20px;font-size: 0;left: 0;width: 100%;text-align: center;z-index: 2;}
.banner .hd li {display: inline-block;width: 50px;height: 4px;margin: 0 3px;background-color: #30a333;cursor: pointer;}
.banner .hd li.on {background-color: #84cee9;}
.banner .bd,.banner-slideBox .bd ul,.yunu-slideBox .bd li {width: 100% !important;height: 100% !important;}
.banner .bd li {background: no-repeat center; height:600px;}
.banner .bd li a {display: block;width: 100%;height: 100%;}

.sou{ height:70px; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.sou p{ width:700px; float:left; font:14px "Microsoft YaHei"; line-height:70px; color:#666; background:url(../images/sou_icon.png) no-repeat left center; padding-left:25px;} 
.sou p a{ color:#666; padding-right:15px;}
.sou p a:hover{ color:#b80003; font-weight:bold;}
.sou01{ float:right;}
.ip01{ width:300px; height:69px; background:url(../images/sou1.png) no-repeat left top; font:14px "Microsoft YaHei"; line-height:69px; color:#666; overflow:hidden; padding-left:50px; outline:none; border:0;}
.ip02{ width:98px; height:69px; overflow:hidden; background:#b80003 url(../images/sou2.png) no-repeat center center; outline:none; cursor:pointer; border:0;}

.yinz{ height:858px;padding-top:20px; margin-top:43px;background:url(../images/yinz_bg.jpg) no-repeat center top;}
.yinz dl{ width:920px; height:480px; margin-top:35px; overflow:hidden;}
.yinz dd{ width:260px; float:left; margin-top:140px;}
.yinz dd h3{ height:120px; display:block; font:36px "Microsoft Yahei"; font-weight:bold; color:#d91619;}
.yinz dd h3 em{ font:27px "Times New Roman", Times, serif; color:#ec8a8c; padding-left:8px; text-transform:uppercase;}
.yinz dd h3 i{ display:block; font:18px "Microsoft Yahei"; color:#555; letter-spacing:4px;}
.yinz dd h5 em{ display:block; width:146px; height:50px; background:url(../images/yinz_btn1.png) no-repeat; font:16px "Microsoft Yahei"; line-height:50px; color:#fff; padding-left:90px; margin-bottom:15px;}
.yinz dd h5 i a{display:block; width:146px; height:50px; background:url(../images/yinz_btn2.png) no-repeat; font:16px "Microsoft Yahei"; line-height:50px; color:#fff; padding-left:90px;}
.yinz dd h5 i a:hover{background:url(../images/yinz_btn3.png) no-repeat;}
.yinz dt{ width:635px; float:right;}
.yinz dt img{display:block; width:595px; height:380px; padding:19px; border:1px solid #ebebeb; border-radius:4px; background:#fff;}
.yinz p{ width:852px; margin:0 auto;font:16px "Microsoft Yahei"; line-height:28px; color:#666; text-align:center;}

.tit1{ text-align:center; height:90px; position:relative; font:40px "Microsoft YaHei"; font-weight:bold; color:#222;}
.tit1:before{ content:""; position:absolute; bottom:0; left:50%; width:30px; height:4px; background:#b80003; margin-left:-15px;}
.tit1 a{ color:#222;}
.tit1 i{ display:block; font:14px Arial, Helvetica, sans-serif; color:#333; letter-spacing:5px;}
.tit1 em{ display:block; font:20px "Microsoft YaHei"; color:#333;letter-spacing:5px; padding:5px 0;}

/**/


.pro1{ background:url(../images/pro_bg1.jpg) no-repeat center top; height:985px; overflow:hidden; padding-top:70px;}
.pro1 h2{ font:28px "Microsoft Yahei"; text-align:center; color:#fff; height:120px; overflow:hidden;}
.pro1 h2 a{ color:#fff;}
.pro1 h2 em{ display:block; font:56px "Times New Roman", Times, serif; font-weight:bold;}
.pro1 h5{ height:80px; text-align:center; font:16px "Microsoft Yahei"; color:#fff;}
.pro1 h5 a{ display:inline-block; color:#fff; width:140px; height:38px; border:1px solid rgba(255,255,255,0.3); margin:0 5px; line-height:38px;}
.pro1 h5 a:hover{ background:#b80003; border:1px solid #b80003;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.pro1 dl{ width:554px; height:660px; background:#fff; overflow:hidden; float:left;}
.pro1 dt{ width:554px; height:488px; overflow:hidden;}
.pro1 dt img{ display:block;width:554px; height:488px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.pro1 dd,.pro2 dd{ padding:30px 25px 0 25px;}
.pro1 dd h3 a,.pro2 dd h3 a{ display:block; font:22px "Microsoft YaHei"; color:#333;}
.pro1 dd p,.pro2 dd p{ font:14px "Microsoft YaHei"; line-height:24px; margin:8px 0 15px;}
.pro1 dd span,.pro2 dd span{ display:block; height:40px;}
.pro1 dd span a,.pro2 dd span a{ display:inline-block; width:97px; height:38px; border:1px solid #ccc; font:14px "Microsoft YaHei"; line-height:38px; color:#666; background:url(../images/pro_arr1.png) no-repeat 84px center; padding-left:15px;}
.pro1 dd span a:last-child,.pro2 dd span a:last-child{ margin-left:20px; background:#b80003 url(../images/pro_arr2.png) no-repeat 84px center; color:#fff; border:1px solid #b80003;}
.pro1 ul{ width:600px; float:right; overflow:hidden;}
.pro1 li,.pro2 li{ width:290px; height:343px; overflow:hidden; background:#fff; margin-bottom:18px;}
.pro1 li img,.pro2 li img{ display:block; width:250px; height:250px; padding:20px 0 20px 20px;}
.pro1 li em,.pro2 li em{ display:block; width:250px; margin:0 auto; border-top:1px dashed #cdcdcd; font:16px "Microsoft YaHei"; color:#666; overflow:hidden; text-align:center; height:50px; line-height:50px;}
.pro1 li a:hover em{ width:290px; height:52px; line-height:52px; background:#b80003; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.pro1 li:nth-child(2n-1),.pro2 li:nth-child(2n-1){ float:left;}
.pro1 li:nth-child(2n),.pro2 li:nth-child(2n){ float:right;}

.pro2{ height:965px; margin-top:90px;}
.pro21{ width:605px; float:left;}
.pro2 h2{ height:111px; font:28px "Microsoft YaHei"; color:#333; height:120px;}
.pro2 h2 a{ display:block; color:#333;}
.pro2 h2 em{ display:block; font:56px "Times New Roman", Times, serif; font-weight:bold;}
.pro2 h5{ height:80px; font:16px "Microsoft Yahei"; color:#fff;}
.pro2 h5 a{display:block; float:left; color:#666; width:140px; height:38px; border:1px solid #ccc; margin-right:9px; text-align:center; line-height:38px;}
.pro2 h5 a:last-child{ margin-right:0;}
.pro2 h5 a:hover{background:#b80003; border:1px solid #b80003; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.pro2 li{background:#f4f4f4; }
.pro2 li:hover{ box-shadow:0.1rem 0.1rem 0.5rem 0.1rem #999;}
/*.pro2 li:hover{ width:286px; height:339px; border:2px solid #b80003; overflow:hidden;}*/
/*.pro2 li:hover em{ color:#b80003;}*/
/*.pro2 li:hover img{padding:18px 0 20px 18px;}*/
.pro2 dl{ height:776px; background:#f4f4f4; float:right; width:554px; margin-top:20px;}
.pro2 dt{ width:554px; height:579px; overflow:hidden;}
.pro2 dt img{ display:block; width:554px; height:579px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro2 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.pro3{ background: #f4f4f4;height:1075px; overflow:hidden; padding-top:64px;}
.pro3 .tit1{ color:#333; margin-bottom:35px; height:100px;}
.pro3 .tit1 a,.pro3 .tit1 em{ color:#333;}
.about .tit1 em,.about .tit1 a{ color:#fff;}
.pro3 .tit1:before,.about .tit1:before{ background:#dc241f;}
.m-pro{ width:250px; height:608px; overflow:hidden; background:#fff url(../images/fen_h.png) no-repeat center top; position:relative;}
.m-pro h3 a{ display:block; text-align:center; height:75px; padding-top:30px; font:24px "Microsoft YaHei"; font-weight:bold; color:#fff;}
.m-pro h3 em{ display:block; font:14px Arial; text-transform:uppercase; color:#dda3a4; padding-top:4px;}
.m-pro h4{ height:51px; overflow:hidden;}
.m-pro h4 a{ display:block; height:50px; border-bottom:1px solid #ececec; font:16px "Microsoft YaHei"; line-height:50px; color:#666; padding:0 0 0 20px; background:url(../images/pro_arr3.png) no-repeat 225px center;}
.m-pro h4 a:hover{ background:url(../images/pro_arr4.png) no-repeat 225px center; font-weight:bold; color:#b80003;}
.m-pro h5{ width:250px; height:197px; overflow:hidden;  bottom:0;}
.pro3 ul{ width:937px; height:608px; overflow:hidden; background:#fff; float:right; position:relative;}
.pro3 ul:before{ content:""; position:absolute; top:50%; left:0; width:100%; height:1px; background:#e2e2e2;}
.pro3 li{ width:311px; height:304px; float:left; overflow:hidden; border-right:1px solid #e2e2e2; box-sizing:border-box;}
.pro3 li img{ display:block; width:250px; height:250px; padding:15px 29px 5px 29px;}
.pro3 li em{ display:block; font:16px "Microsoft YaHei"; text-align:center; color:#666; overflow:hidden;}
.pro3 li a:hover em{font-weight:bold; color:#b80003;}
.pro3 li:nth-child(3n){ border-right:0;}


.pro_nav{height:258px;line-height: 53px;}

.pro_nl{height: 53px;overflow: hidden;background: #fff;margin-bottom: 1px;font-size: 16px;}
.pro_nl h4{font-size: 18px;line-height:53px;background:#28375f;padding:0 0 0 32px;float: left;width: 143px;}
.pro_nl h4 a{display: block;color: #fff;}
.pro_nl ul{float: left;display: block;padding:0 0 0 36px;width: 988px;}
.pro_nl li{float: left; width:90px; height: 53px;border-right: none;}
.pro_nl li a{display: block;color: #333;padding:0 15px 0 16px;background:url(../images/ico08.gif) no-repeat 0 24px;}

.ys{ height:990px; margin-top:65px; overflow:hidden;}
.ys .content{ position:relative;}
.ys .tit1{ height:100px; margin-bottom:125px;}
.ys2 dl{ height:710px; overflow:hidden; background:#f4f4f4;}
.ys2 dt{width:1200px; height:535px;}
.ys2 dt img{ display:block;width:1200px; height:535px;}
.ys2 dd{ padding:30px 0 0 20px;}
.ys2 dd h3{ width:170px; height:100px; float:left; border-right:1px solid #e4e4e4; font:100px "Times New Roman", Times, serif; color:#d7d7d7; text-align:center; font-weight:bold;}
.ys2 dd h5 em{ display:block; font:30px "Microsoft YaHei"; color:#333; margin-bottom:11px;}
.ys2 dd h5{ width:930px; float:left; padding-left:40px;}
.ys2 dd h5 p{ font:16px "Microsoft YaHei"; line-height:24px; color:#666; background:url(../images/pro_arr3.png) no-repeat left 5px; padding-left:22px;}
.yst{ position:absolute; top:125px; left:230px; z-index:2; height:190px;}
.yst li{ width:172px; height:190px; float:left; text-align:center; margin-right:20px; font:24px "Microsoft YaHei"; color:#333; overflow:hidden;}
.yst li a{ display:block; padding-top:112px;}
.yst .li1{ background:url(../images/ys_01.png) no-repeat;}
.yst .li2{ background:url(../images/ys_02.png) no-repeat;}
.yst .li3{ background:url(../images/ys_03.png) no-repeat;}
.yst .li4{ background:url(../images/ys_04.png) no-repeat;}
.yst .li1:hover,.yst .cur{ background-position:0 -190px;}
.yst li:hover a,.yst .cur a{ color:#fff;}

.wit{ background:#f4f4f4; height:765px; padding-top:60px; overflow:hidden;}
.wit .tit1,.new .tit1,.about .tit1{ height:100px;}
.witt{ height:43px; margin:40px 0 20px 285px; overflow:hidden;}
.witt li{ width:148px; float:left; margin-right:10px; float:left; font:16px "Microsoft YaHei"; line-height:38px;}
.witt li a{ display:block; width:146px; height:38px; border:1px solid #ccc; background:#fff; text-align:center;}
.witt li em{ display:block; width:26px; height:22px; overflow:hidden; float:left; margin:8px 4px 0 20px;}
.witt li:nth-child(1) em{ background:url(../images/choo_icon1.png) no-repeat;}
.witt li:nth-child(2) em{ background:url(../images/choo_icon2.png) no-repeat;}
.witt li:nth-child(3) em{ background:url(../images/choo_icon3.png) no-repeat;}
.witt li:nth-child(4) em{ background:url(../images/choo_icon4.png) no-repeat;}
.witt li:nth-child(5) em{ background:url(../images/choo_icon5.png) no-repeat;}
.witt li a:hover em{ background-position:0 -22px;}
.witt li a:hover{ color:#fff; background:#b80003; border:1px solid #b80003;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.wit1{ height:520px; position:relative;}
.wit2{ overflow:hidden; width:1200px;}
.wit1 dl{ width:380px; height:480px; overflow:hidden; background:#fff; border:1px solid #d6d6d6; padding:20px 0 0 20px;}
.wit1 dt{ width:356px; height:267px; overflow:hidden;}
.wit1 dt img{ display:block;width:356px; height:267px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.wit1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.wit1 dd{ padding:20px 0 0 0;}
.wit1 dd h3 a{ display:block; font:18px "Microsoft YaHei"; color:#000;}
.wit1 dd p{ font:14px "Microsoft YaHei"; line-height:27px; color:#888; height:54px; margin:8px 0;}
.wit1 dd span a{ display:block; width:105px; height:38px; border:1px solid #ccc; margin-top:20px; font:14px "Microsoft YaHei"; line-height:38px; color:#666; background:url(../images/pro_arr1.png) no-repeat 85px center; padding-left:15px;}
.wit1 dd h3 a:hover{ color:#b80003; font-weight:bold;}
.arr1 a{ display:block; font:60px "宋体"; font-weight:bold; color:#929292; position:absolute; top:138px; left:-50px;}
.arr2 a{display:block; font:60px "宋体"; font-weight:bold; color:#929292; position:absolute; top:138px; right:-50px;}
.arr1 a:hover,.arr2 a:hover{ color:#b80003;}

.new{ height:795px; margin-top:70px; overflow:hidden; background:url(../images/dy_line.png) repeat-x center 174px;}
.newt{ height:58px; margin:17px 0 25px; position:relative;}
.newt:before{ content:""; position:absolute; top:29px; left:105px; width:3px; height:3px; border-radius:3px; background:#333;}
.newt li{ font:20px "Microsoft YaHei"; line-height:58px; float:left; margin-right:52px;}
.newt li a{ display:block; color:#333;}
.newt li a:hover,.newt .cur a{ border-bottom:3px solid #b80003;}
.new1 dl{ height:281px; overflow:hidden; margin-bottom:34px;}
.new1 dt{ width:562px; height:281px; float:left; overflow:hidden;}
.new1 dt img{ display:block;width:562px; min-height:281px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s; height:auto;}
.new1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new1 dd{ width:495px; float:left; padding:0 0 0 58px; position:relative;}
.new1 dd h3 a{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; color:#333; font-weight:bold; margin-top:40px;}
.new1 dd em a{ display:block; width:114px; height:33px; border:1px solid #dcdcdc; position:absolute; top:0; right:-80px; font:14px "Microsoft YaHei"; line-height:33px; color:#000; text-align:center;}
.new1 dd em a:hover{background:#b80003; border:1px solid #b80003; color:#fff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.new1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#888; height:72px; margin:25px 0; overflow:hidden;}
.new1 dd span a{ display:block; width:103px; height:40px; border:1px solid #b80003; font:14px "Microsoft YaHei"; line-height:40px; color:#b80003; background:url(../images/dy_arr.png) no-repeat 85px center; padding-left:15px;}
.new1 ul{ height:250px; position:relative;}
.new1 ul:before{ content:""; position:absolute; top:0; left:50%; width:1px; height:223px; border-right:1px dashed #e5e5e5;}
.new1 li{ width:510px; height:90px; margin-bottom:28px;}
.new1 li em{display:block; width:96px; border-right:1px solid #ebebeb; float:left; height:90px; font:30px "Times New Roman", Times, serif; font-weight:bold; color:#333; line-height:90px;}
.new1 li p{ width:390px; float:right;}
.new1 li p i{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; color:#333; line-height:30px;}
.new1 li p span{ display:block; font:14px "Microsoft YaHei"; line-height:25px; height:50px; margin-top:8px; color:#888;}
.new1 li a:hover p i,.new1 dd h3 a:hover{ color:#b80003;}
.new1 li:nth-child(2n-1){ float:left;}
.new1 li:nth-child(2n){ float:right;}

.about{ background:url(../images/about_bg.jpg) no-repeat center top; height:646px; padding-top:60px; overflow:hidden;}
.about dl{ height:436px; border:4px solid #fff; overflow:hidden; background:#fff; margin-top:30px;}
.about dt{ width:592px; height:436px; float:right; overflow:hidden;}
.about dt img{ display:block;width:592px; height:436px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.about dd{ width:500px; float:left; padding:60px 0 0 52px;}
.about dd h3{ font:24px "Microsoft YaHei"; font-weight:bold; color:#333;}
.about dd h3 a{ display:block; color:#333;}
.about dd h3 em{ display:block; font:28px "Times New Roman", Times, serif; font-weight:bold; color:#e0e0e0; text-transform:uppercase;}
.about dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#888; margin:25px 0;}
.about dd span a{ display:block; width:103px; height:40px; border:1px solid #b80003; font:14px "Microsoft YaHei"; line-height:40px; color:#b80003; background:url(../images/dy_arr.png) no-repeat 85px center; padding-left:15px;}

.jdl-hzhb{background:#fff;padding-top: 60px;}
.jdl-hzhb-in{height:365px; position:relative; }
.jdl-hzhb-logo{width:1200px; float:left; margin-left:0px; margin-top:40px;}
.jdl-hzhb-logo ul li{ width:292px; height:251px; margin:0px 4px; float:left;}
.jdl-hzhb-logo ul li p{ font-size:24px; height:50px; line-height:50px; text-align:center; width:290px; color:#333;}
.jdl-hzhb-logo ul li img{ width:290px; height:196px; border:1px solid #efefef;}
.jdl-hzhb-in .arr {position: absolute;z-index: 2;top: 100px;width: 44px;height: 44px;line-height: 40px;text-align: center;font-size: 30px; border-radius:22px;}
.jdl-hzhb-in .sPrev {left: -43px;}
.jdl-hzhb-in .sNext {right: -43px; }

.jdl-zlzs{background:#fff;padding-top: 60px;}
.jdl-zlzs-in{height:365px; position:relative; }
.jdl-zlzs-logo{width:1200px; float:left; margin-left:0px; margin-top:40px;}
.jdl-zlzs-logo ul li{ width:292px; height:251px; margin:0px 4px; float:left;}
.jdl-zlzs-logo ul li p{ font-size:24px; height:50px; line-height:50px; text-align:center; width:290px; color:#333;}
.jdl-zlzs-logo ul li img{ width: auto; height:196px; border:1px solid #efefef; padding-left:75px;}
.jdl-zlzs-in .arr {position: absolute;z-index: 2;top: 100px;width: 44px;height: 44px;line-height: 40px;text-align: center;font-size: 30px; border-radius:22px;}
.jdl-zlzs-in .sPrev {left: -43px;}
.jdl-zlzs-in .sNext {right: -43px; }


.link{width:1200px; margin: 0 auto; position: relative;line-height: 60px;}
.link .content{position: absolute; top: -112px;right: 0; width:450px;}
.link p{ width:460px; float: left;overflow: hidden; font:14px "Microsoft YaHei"; color:#aaa; line-height:60px;}
.link p a{ display: inline-block;padding:0 6px; font:14px "Microsoft YaHei"; color:#aaa;}
.link p a:hover{ color:#b80003;}

.jdl-video{background:url(../images/jdl_video_bg.png) no-repeat; height:700px; width:1200px;}
.jdl-videob{float:right; height:506px; width:901px;}
.jdl-videos{ margin-left:302px; margin-top:29px;}
.jdl-videos ul li{width:277px; height:156px; display:block; float:left; margin-right:33px; margin-top:25px;}
.jdl-videos ul li:nth-child(3n){margin-right:0px;}
#jdl-prd-kf a {
    width: 147px;
    height: 37px;
    display: block;
    color: #fff;
    font-size: 16px;
    background: #dc241f;
    float: left;
    text-align: center;
    margin-top: 20px;
    line-height: 37px;
}
.jdl-shfw-title {
    font-weight: bold;
    font-size: 36px;
    color: #fff;
}
.jdl-shfw-in {
    height: 653px;
    background: url(../images/jdl_shfw_bg.jpg) no-repeat center center;
}
.jdl-shfw-text{ width:597px; margin-left:602px; padding-top:112px;}
.jdl-shfw-title{font-weight:bold; font-size:36px; color:#fff;}
.jdl-shfw-text ul li{ height:130px;}
.jdl-shfw-text ul li p{ font-size:20px; color:#fff; padding-left:100px; padding-top:55px; line-height:24px;}

.tec_p{padding:24px 0 0;font-family:"Microsoft YaHei";height:581px;overflow: hidden;font-size: 14px;color: #474947;line-height: 20px;background:url(../images/tecbg.jpg) no-repeat center 12px #ebebea;}
.tec_pc{padding:12px 0 0;}
.tec_pc li{width:108px;float: left;background:url(../images/ico06.png) no-repeat center 40px;height:193px;padding: 0 169px 0px 0px;overflow: hidden;text-align: center;}
.tec_pc li.tec_p4{background:url(../images/ico09.png) no-repeat right 30px;padding-right: 127px}
.tec_pc li.tec_p5{background:url(../images/ico10.png) no-repeat 0 30px;padding-left: 63px}
.tec_pc li.tec_p6{padding-left: 22px;}
.tec_pc li.tec_p1{background:url(../images/ico08.png) no-repeat right 137px; padding-right:0px;}
.tec_pc li.tec_p2{background:url(../images/ico07.png) no-repeat  center 40px;}
.tec_pc li.tec_p3{background:none;padding-left: 0;}
.tec_pc li.tec_p2{padding-right: 0;}
.tec_pc li.tec_p7{padding-right: 115px;}
.tec_pc li img{display: block;background:url(../images/teclbg1.png) no-repeat 0 0;}
.tec_pc li.cur img{background:url(../images/teclbg2.png) no-repeat 0 0;}
.tec_pc li b{display: block;color: #28375f;font-size:20px;font-family: Times New Roman;line-height:32px;}
.tec_pc li.tec_pho{padding: 0;width: 198px;padding:19px 0 0 40px;font-size: 16px;color: #003200;line-height: 31px;background:url(../images/c_pho.png) no-repeat 40px 23px;}
.tec_pc li.tec_pho p{height: 84px;}
.tec_pc li.tec_pho p b{color: #dc241f;letter-spacing: -1px;font-size: 26px;}

@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}