@charset "utf-8";
body{margin:0;padding:0;font-size:12px;font-family:"Microsoft YaHei";}
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, textarea,input, th, td{margin:0;padding:0;}
em{font-style:normal;font-weight:normal;}
ul{list-style-type:none;margin:0;padding:0;}
img{border:0;text-align:top;}
a:link,a:visited,a:hover,a:active{color:#333;text-decoration:none;}
a:hover{color:#333;text-decoration:underline;}
.fl{float:left;}
.fr{float:right;}
.leftbox{float:left;width:705px;}
.left320{float:left;width:320px;}
.r300{float:right;width:300px;}
.crl{clear:both;zoom:1;}
.block5,.block8,.block10,.block12,.block15,.block20,.block25,.block30,.block40{height:5px;display:block;overflow:hidden;clear:both;}
.block8{height:8px;}
.block10{height:10px;}
.block12{height:12px;}
.block15{height:15px;}
.block20{height:20px;}
.block25{height:25px;}
.block30{height: 60px;}
.block40{height:40px;}
.m30{margin-bottom:26px;}
.c_f60{color:#f60;}
.c_f00{color:#f00;}
.c_c00{color:#c00;}
.f16{font-size:16px;}
.c1200{width:1200px;margin:0 auto;position: relative;overflow: hidden;}
.center{width:1040px;margin:0 auto;}

.clr{zoom:1}
.clr:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.ad{max-width:1000px;clear:both;padding:0;margin:0 auto;}


.new_top{ margin:22px auto; width:1200px;}
.new_top .logo{float:left;width: 400px;height: 60px;background-image:url(../img/logo.png);background-repeat:no-repeat;background-size:100%;cursor:pointer;margin-left:6px;}
.new_top .login{float: right; line-height:60px; color:#999; font-size:14px;}
.new_top .login a{color:#333;}
.new_top .login span{color:#999; font-size:12px; margin:0 10px;}


.c_nav{width:1200px;margin:0 auto;}
.new_nav{width:100%; border-bottom:1px solid #ebebeb;border-top:1px solid #ebebeb; background:#f5f5f5;display:block;clear:both;position: relative;z-index: 2;}
.new_nav ul li{height:35px;line-height:35px;float:left;padding:10px 0px;margin:0px 100px 0 18px;}
.new_nav ul li .a1{ color:#333;  font-size:17px; text-decoration:none; cursor:pointer;}
.new_nav ul li .a1:hover{ color:#000; text-decoration:none;}
.new_nav ul li span{ display: inline-block; width:19px; height:19px; background-image:url(../img/nav_01.png);background-repeat:no-repeat;background-size:100%;    top: 5px;   position: relative;
    left: 2px;}

.new_nav .sortbox {float:left;width:100%;padding: 50px 0 30px;display:block;line-height:30px;cursor:pointer;border-bottom:1px solid #E3E3E3;border-top:none;background:#fff;position:absolute;left:0;top:55px;}
.new_nav .sortbox .cont{ margin:0 auto; width:1200px;}
.new_nav .sortbox .cont li{float:left;height: 50px;line-height: 50px;padding:0;margin: 0px 40px 30px 0;width: 160px;}
.new_nav .sortbox .cont em img{float:left;width:50px;height:50px;overflow:hidden;margin: 0 10px 0 0;}
.new_nav .sortbox .cont1{ margin:0 auto; width:1200px; padding:0 0 20px;}
.new_nav .sortbox .cont1 li{float:left;height: 50px;line-height: 50px;padding:0;margin: 0px 40px 30px 0;width: 160px; text-align:center;}
.new_nav .sortbox .cont1 em img{float:left;width:125px;height:50px;overflow:hidden;margin: 0 10px 0 22px; display:block;}

.new_nav .sortbox a{float:left;color:#333;  font-size:14px; text-decoration:none; cursor:pointer;}
.new_nav .sortbox a:hover{ color:#ed462f; text-decoration:none;}

.new_nav .sortbox a:hover em{ color:#ed462f;}

.tit01 { float:left; width:1200px; height:40px; line-height:40px; text-align:left; position:relative; margin-bottom:6px;}
.tit01 h5{font-size: 26px;font-weight: 400;margin:0 auto;color: #333;float: left;}
.tit01 h5 em{color:#d32469;background: #ed462f;float:left;width: 2px;height: 16px;overflow:hidden;display:block;top: 12px;position: relative;margin: 0 6px 0 0;}
.tit01 .more{ float:right; font-size:12px; color:#999;}
.tit01 .more a{ color:#999;}


.new_news{ float:left; width:1200px; overflow:hidden;}
.new_news ul{ float:left; width:1300px;}
.new_news li{float:left;width: 280px;border:1px solid #dedede;margin-right: 24px;}
.new_news li em{ float:left; width:280px; height:150px; overflow:hidden;}
.new_news li em img{ float:left; width:280px; height:150px; overflow:hidden;}
.new_news li p{ float:left; width:260px; line-height:35px; height:35px; padding:5px 10px; font-size:14px; color:#666;overflow:hidden; text-align:center;}
.new_news li:hover p{ color:#f50;}

.new_news1{ float:left; width:588px;border-left:1px solid #dedede;border-top:1px solid #dedede; overflow:hidden;}
.new_news1 ul{ float:left; width:620px;}
.new_news1 li{float:left;width: 293px;border:1px solid #dedede; padding:15px 0;border-left:none;border-top:none;margin: 0 0px 0px 0;}
.new_news1 li em{float:left;width:60px;height:60px;overflow:hidden;padding: 20px 20px 20px 30px;}
.new_news1 li em img{ float:left; width:60px; height:60px; overflow:hidden;border-radius: 6px;}
.new_news1 li p{float:left;padding:25px 0 0;font-size:14px;color:#666;overflow:hidden;}
.new_news1 li b{font-size:14px;color:#666;display: block;line-height: 20px;margin-bottom: 8px;}
.new_news1 li span{font-size: 12px;color:#666;border:1px solid #ebebeb;border-radius: 2px;background:#fff;padding: 0 12px;line-height: 22px;display: block;float: left;text-align: center;}
.new_news1 li span:hover { background:#f8f8f8;}

.fl_w{ float:left; width:589px;}
.fr_w{ float:right; width:588px;}

#myCont1{ float:left; width:586px; height:261px; border:1px solid #dedede;}
#myCont1 img{ float:left; width:586px;height:261px;}
#myTop1{ float:left; width:586px;  border:1px solid #dedede;border-bottom:none;border-top:none;overflow:hidden;}
#myTop1 ul{float:left;width: 600px;  overflow:hidden;}
#myTop1 li{float:left;width: 195px;height:130px;border:1px solid #dedede;border-left:none;border-top:none;margin: 0 0px 0px 0; cursor:pointer;}
#myTop1 li em{float:left;width:100%;height:90px; text-align:center;overflow:hidden;padding: 0;}
#myTop1 li em img{ height:70px; padding:10px 0; overflow:hidden;}
#myTop1 li p{float:left;width:100%; height:30px; line-height:30px;text-align:center;font-size:14px;color:#666;overflow:hidden;}












/**********头部**********/
.top_index{ float:left; width:100%; height: 100vh;/* 重点一 */background-color:#f9f9f9;background-image: url(../img/top_index_bg.png);background-repeat: no-repeat;background-size: cover; /* 重点二 */ position:relative;overflow:hidden;}
.nav{width:1200px;margin:15px auto;display:block;clear:both;position: relative;z-index: 2;}
.nav .logo{float:left;width: 220px;height: 60px;background-image:url(../img/logo.png);background-repeat:no-repeat;background-size:100%;cursor:pointer;margin-right:20px;}
.nav ul li{height:35px;line-height:35px;float:left;padding:10px 0px;margin: 0px 15px;position:relative;}
.nav ul li .a1{ color:#333;  font-size:17px; text-decoration:none; cursor:pointer;}
.nav ul li .a1:hover{ color:#000; text-decoration:none;}
.nav ul li span{ display:block; position:absolute; width:0px; height:0px; background:#000; top:46px; left:0;}
.nav .sortbox {float:left;width:72px; padding:6px 20px 6px 20px;display:block;line-height:30px;cursor:pointer;border:1px solid #E3E3E3;background:#333;position:absolute;left:-24px;top:55px;}
.nav .sortbox a{float:left;color:#eee;  font-size:14px; text-decoration:none; cursor:pointer;}
.nav .sortbox a:hover{ color:#fff; text-decoration:none;}
.nav .sortbox em{float:left; margin-right:5px; font-size:20px;}
.nav .sortbox a:hover em{ color:#fff000;}
.rbox{display:block;float: left;  margin: 12px 0 0 10px;}
.rbox .ss_ico,.rbox .ss_ico_h{float:left;width:33px;height:33px;background-image:url(../img/ss_ico.png); background-repeat:no-repeat; background-size:100%;cursor:pointer; margin-right:10px;position: relative;}
.rbox .wx_ico,.rbox .wx_ico_h{float:left;width:33px;height:33px;background-image:url(../img/wx_ico.png); background-repeat:no-repeat; background-size:100%;cursor:pointer; margin-right:10px;position: relative;}
.kSearch{ z-index: 1; display: none; width:220px; height: 34px; padding:8px 0; box-sizing: border-box; position: absolute; left: -188px; top: 48px; background: #fff; border:1px solid #171313; border-radius: 3px; }
.kSearchTxt{ width: 176px; box-sizing: border-box; float: left; padding: 0 8px; border-right:1px solid #171313; }
.kSearchTxt input{ border: none; background: no-repeat; color: #333; height: 20px; line-height: 34px; }
.kSearch button{  cursor: pointer; text-align: center;  border:none; }
.kSearchBtn{float:left;width:19px;height:19px;background-image:url(../img/ss_ico1.png); background-repeat:no-repeat; cursor:pointer; margin:0 0 0 10px;}
.kSearchBtn:hover{ background-position:-22px 0px;}

.kWeix{ z-index: 2; border: 1px solid #171313; background-color: #fff;border-radius: 5px; position: absolute;    top: 48px;    opacity: 1; left: -43px;  top: 48px; opacity: 1;}
.kWeix span{border-right: 1px solid #171313;border-top: 1px solid #171313;height: 10px;width: 10px; position: absolute; margin-left: -4px; top:-7px; left: 50%;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);border-left: 1px solid transparent;border-bottom: 1px solid transparent; display: block; background-color: #fff;}
.kWeix img{ width: 114px; display: block;border-radius: 5px; }
.kWeix_hov{ transition:all .5s;-webkit-transition:all .5s;opacity:1;transform:translateY(-80px);-webkit-transform:translateY(-80px); }


.txtbox{/* width: 1200px; *//* float: left; *//* position: absolute; *//* top: 50%; *//* left: 50%; *//* margin-left: -600px; *//* margin-top: -100px; */}
.txtbox .txt1{ float:left; width:463px;height:79px;background-image:url(../img/txt1.png); background-repeat:no-repeat; background-size:100%; position: relative;
animation: myfirst3 2s;
-moz-animation: myfirst3 2s;	/* Firefox */
-webkit-animation: myfirst3 2s;	/* Safari 和 Chrome */
-o-animation: myfirst3 2s;
}
.txtbox .txt2{float: left;display: block;clear: both; margin:20px 0 0; font-size:16px; width:50%; line-height:30px; color:#666; position: relative;
animation: myfirst4 3s;
-moz-animation: myfirst4 3s;	/* Firefox */
-webkit-animation: myfirst4 3s;	/* Safari 和 Chrome */
-o-animation: myfirst4 3s;
}

@keyframes myfirst3{
      0%   { left:-60px;opacity:0.2;}
	  75% { left:0px;opacity:1;}
	 100% { left:0px;}
    }
	
@keyframes myfirst4{
      0%   { left:-60px;opacity:0;}
	  40%   { left:-60px;opacity:0;}
	  75% { left:0px;opacity:1;}
	 100% { left:0px;}
    }

.kBgCon{width:1060px;position:absolute;top: -170px;right:-57%;z-index: 1;}
.kBox1{ height: 830px; position: relative; }
.kBg2_1{width: 1264px;height: 1264px;background: url(../img/bg2_1.png) no-repeat;position: absolute;left: 0;top: 0;z-index: 1;}
.kBg2_2{width: 1264px;height: 1264px;background: url(../img/bg2_2.png) no-repeat;position: absolute;left: 0;top: 0;z-index: 2;transform: rotate(30deg);
animation: myfirst 3s;
-moz-animation: myfirst 3s;	/* Firefox */
-webkit-animation: myfirst 3s;	/* Safari 和 Chrome */
-o-animation: myfirst 3s;
	}
.kBg2_3{width: 1264px;height: 1264px;background: url(../img/bg2_3.png) no-repeat;position: absolute;left: 1px;
    top: -1px;z-index: 3;transform: rotate(0deg);
animation: myfirst1 3s;
-moz-animation: myfirst1 3s;	/* Firefox */
-webkit-animation: myfirst1 3s;	/* Safari 和 Chrome */
-o-animation: myfirst1 3s;
}
.kBg2_6{width: 1264px;height: 1264px;background: url(../img/bg2_6.png) no-repeat;position: absolute;left: 0;top: 0;z-index: 6;}

    @keyframes myfirst{
      0%{-webkit-transform:rotate(120deg);}
      100%{-webkit-transform:rotate(30deg);}
    }
	@keyframes myfirst1{
      0%{-webkit-transform:rotate(-45deg);}
      100%{-webkit-transform:rotate(0deg);}
}


/* 第二屏 */
.twobox{float:left;width:100%;/* background-image:url(../img/twobox.jpg); */background-repeat:no-repeat;background-position:bottom;}
.sort01{ float:left; width:500px; height:80px; margin:60px 0 50px;background-image:url(../img/sort01.png); background-repeat:no-repeat; background-size:100%;}
.servicebox{float:left; width:1200px;}
.servicebox li{float:left; width:200px; position:relative;}
.servicebox li .t_box{float:left; width:100%; position:relative;}
.servicebox li .t_box .pic1{width: 96px;height: 56px;margin:0 auto;display:block;background-image:url(../img/pic1.png);background-repeat:no-repeat;background-size: 60%;position:relative;background-position: 15px 0;top: 10px;}
.servicebox li .t_box .pic2{background-image:url(../img/pic2.png);}
.servicebox li .t_box .pic3{background-image:url(../img/pic3.png);}
.servicebox li .t_box .pic4{background-image:url(../img/pic4.png);}
.servicebox li .t_box .pic5{background-image:url(../img/pic5.png);}
.servicebox li .t_box .pic6{background-image:url(../img/pic6.png);}

.servicebox li .t_box .pic1_1{width: 96px;height: 63px;margin:0 auto;display:block;background-image:url(../img/pic1_1.png);background-repeat:no-repeat;background-size: 70%;background-position: 15px 0;}
.servicebox li .t_box .pic2_1{background-image:url(../img/pic2_1.png);}
.servicebox li .t_box .pic3_1{background-image:url(../img/pic3_1.png);}
.servicebox li .t_box .pic4_1{background-image:url(../img/pic4_1.png);}
.servicebox li .t_box .pic5_1{background-image:url(../img/pic5_1.png);}
.servicebox li .t_box .pic6_1{background-image:url(../img/pic6_1.png);}

.servicebox li.on .t_box .pic1_1_h{background-image:url(../img/pic1_1_h.png);}
.servicebox li.on .t_box .pic2_1_h{background-image:url(../img/pic2_1_h.png);}
.servicebox li.on .t_box .pic3_1_h{background-image:url(../img/pic3_1_h.png);}
.servicebox li.on .t_box .pic4_1_h{background-image:url(../img/pic4_1_h.png);}
.servicebox li.on .t_box .pic5_1_h{background-image:url(../img/pic5_1_h.png);}
.servicebox li.on .t_box .pic6_1_h{background-image:url(../img/pic6_1_h.png);}

.servicebox li .t_box  b {font-weight: normal;font-size: 14px;line-height: 42px;padding-bottom: 22px;display: block;text-align:center;color: #333;}
.servicebox li .c_box{float:left;/* background: #fff; */width:100%;position:relative;border-top:1px solid #dedede;}
.servicebox li .c_box .pic1_2{margin: 107px 0 0;width: 200px;height: 240px;display:block;background-image:url(../img/pic1_2.jpg);background-repeat:no-repeat;background-size:100% auto;position: relative;}
.servicebox li .c_box .pic2_2{background-image:url(../img/pic2_2.jpg);background-position:bottom;}
.servicebox li .c_box .pic3_2{background-image:url(../img/pic3_2.jpg);background-position:bottom;}
.servicebox li .c_box .pic4_2{background-image:url(../img/pic4_2.jpg);background-position:bottom;}
.servicebox li .c_box .pic5_2{background-image:url(../img/pic5_2.jpg);background-position:bottom;}
.servicebox li .c_box .pic6_2{background-image:url(../img/pic6_2.jpg);background-position:bottom;}

.servicebox li .c_box em{width: 1px; height: 55px; background-color: #ebebeb; overflow: hidden; display: block; left: 50%; position: absolute; top: 22px;}
.servicebox li.on .c_box .t1{width: 1px; height: 55px; background-color: #ed462f; overflow: hidden; display: block; left: 50%; position: absolute; top: 22px;background: #ed462f;}
.servicebox li .c_box .rd{float:left;width:10px;height:10px;border-radius:50%;overflow:hidden;display:block;background: #ed462f;position:absolute;top:-5px;left:50%;margin-left:-5px;}
.servicebox li.on .c_box .rd_h{ float:left; width:23px; height:23px; border-radius:50%; overflow:hidden; display:block; background-image:url(../img/rd_h.png); background-color:inherit; position:absolute; top:-12px; left:50%; margin-left:-11px;}
.servicebox li .c_box .cont{float:left;width:150px;height: 200px;padding:12px 10px 10px;font-size: 13px;line-height:24px;background: rgba(237,70,47,0.9);color:#fff;position:absolute;left:0;bottom:63px;display:none;}


<!--一站式营销 去掉进入动画-->
/*.servicebox li .t_box{animation: myfirst5 2s; -moz-animation: myfirst5 2s; -webkit-animation: myfirst5 2s; -o-animation: myfirst5 2s;}
@keyframes myfirst5{0%{ left:120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}

.servicebox li .t_box_2{animation: myfirst5_02 2s; -moz-animation: myfirst5_02 2s; -webkit-animation: myfirst5_02 2s; -o-animation: myfirst5_02 2s;}
@keyframes myfirst5_02{0%{ left:120px;opacity:0;} 25%{ left:120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}

.servicebox li .t_box_3{animation: myfirst5_03 2.4s; -moz-animation: myfirst5_03 2.4s; -webkit-animation: myfirst5_03 2.4s; -o-animation: myfirst5_03 2.4s;}
@keyframes myfirst5_03{0%{ left:120px;opacity:0;} 25%{ left:120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}

.servicebox li .t_box_4{animation: myfirst5_04 2.6s; -moz-animation: myfirst5_04 2.6s; -webkit-animation: myfirst5_04 2.6s; -o-animation: myfirst5_04 2.6s;}
@keyframes myfirst5_04{0%{ left:120px;opacity:0;} 25%{ left:120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}

.servicebox li .t_box_5{animation: myfirst5_05 2.8s; -moz-animation: myfirst5_05 2.8s; -webkit-animation: myfirst5_05 2.8s; -o-animation: myfirst5_05 2.8s;}
@keyframes myfirst5_05{0%{ left:120px;opacity:0;} 25%{ left:120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}

.servicebox li .t_box_6{animation: myfirst5_06 3s; -moz-animation: myfirst5_06 3s; -webkit-animation: myfirst5_06 3s; -o-animation: myfirst5_06 3s;}
@keyframes myfirst5_06{0%{ left:120px;opacity:0;} 25%{ left:120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}



.servicebox li .c_box .pic1_2{animation: myfirst5_1 3s; -moz-animation: myfirst5_1 3s; -webkit-animation: myfirst5_1 3s; -o-animation: myfirst5_1 3s;}
@keyframes myfirst5_1{0%{ left:-120px;opacity:0;} 25%{ left:-120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}

.servicebox li .c_box .pic2_2{animation: myfirst5_1_02 3s; -moz-animation: myfirst5_1_02 3s; -webkit-animation: myfirst5_1_02 3s; -o-animation: myfirst5_1_02 3s;}
@keyframes myfirst5_1_02{0%{ left:-120px;opacity:0;} 25%{ left:-120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}

.servicebox li .c_box .pic3_2{animation: myfirst5_1_03 2.8s; -moz-animation: myfirst5_1_03 2.8s; -webkit-animation: myfirst5_1_03 2.8s; -o-animation: myfirst5_1_03 2.8s;}
@keyframes myfirst5_1_03{0%{ left:-120px;opacity:0;} 25%{ left:-120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}

.servicebox li .c_box .pic4_2{animation: myfirst5_1_04 2.6s; -moz-animation: myfirst5_1_04 2.6s; -webkit-animation: myfirst5_1_04 2.6s; -o-animation: myfirst5_1_04 2.6s;}
@keyframes myfirst5_1_04{0%{ left:-120px;opacity:0;} 25%{ left:-120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}

.servicebox li .c_box .pic5_2{animation: myfirst5_1_05 2.4s; -moz-animation: myfirst5_1_05 2.4s; -webkit-animation: myfirst5_1_05 2.4s; -o-animation: myfirst5_1_05 2.4s;}
@keyframes myfirst5_1_05{0%{ left:-120px;opacity:0;} 25%{ left:-120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}

.servicebox li .c_box .pic6_2{animation: myfirst5_1_06 2s; -moz-animation: myfirst5_1_06 2s; -webkit-animation: myfirst5_1_06 2s; -o-animation: myfirst5_1_06 2s;}
@keyframes myfirst5_1_06{0%{ left:-120px;opacity:0;} 75%{ left:0px;opacity:1;} 100% { left:0px;}}*/




.servicebox li.on .c_box .t1{animation: myfirst5_2 1s; -moz-animation: myfirst5_2 1s; -webkit-animation: myfirst5_2 1s; -o-animation: myfirst5_2 1s;}
@keyframes myfirst5_2{0%{ height: 0px; } 75%{height: 55px; } 100% { height: 55px; }}
.servicebox li.on .t_box .pic1_1_h,.servicebox li.on .t_box .pic2_1_h,.servicebox li.on .t_box .pic3_1_h,.servicebox li.on .t_box .pic4_1_h,.servicebox li.on .t_box .pic5_1_h,.servicebox li.on .t_box .pic6_1_h{animation: myfirst5_3 0.5s; -moz-animation: myfirst5_3 1s; -webkit-animation: myfirst5_3 0.5s; -o-animation: myfirst5_3 0.5s;}
@keyframes myfirst5_3{ 0%{-webkit-transform:rotate(-10deg);} 20%{-webkit-transform:rotate(0deg);}40%{-webkit-transform:rotate(10deg);}60%{-webkit-transform:rotate(0deg);}80%{-webkit-transform:rotate(-10deg);}100%{-webkit-transform:rotate(0deg);}}

.servicebox li .t_box,.servicebox li .c_box .pic1_2{animation-play-state:paused;-webkit-animation-play-state:paused;}
.servicebox_h li .t_box,.servicebox_h li .c_box .pic1_2{animation-play-state:running;-webkit-animation-play-state:running;}



/* 第三屏 */
.threebox{float:left;width:100%;/* background-image:url(../img/threebox.jpg); */background-repeat:no-repeat;background-position:right top;background-size:60% auto;}
.sort02{ float:left; width:500px; height:80px; margin:100px 0 80px;background-image:url(../img/sort02.png); background-repeat:no-repeat; background-size:100%;}
.yzpicbox{ float:left; width:1200px; height:600px; position:relative; margin:0 0 80px;}
.yzpic1,.yzpic2,.yzpic3,.yzpic4,.yzpic5,.yzpic6,.yzpic7,.yzpic8,.yzpic9,.yzpic10,.yzpic11{ float:left; width:100px; height:100px; overflow:hidden; border-radius:50%; position:absolute; left:10%; top:20%;}
.yzpic2{width:110px;height:110px;left:20%;top: 2%;}
.yzpic3{width:60px; height:60px; left:34%; top:20%;}
.yzpic4{width:130px;height:130px;left: 54%;top: 9%;}
.yzpic5{width:100px;height:100px;left: 69%;top: 5%;}
.yzpic6{width: 90px;height: 90px;left: 1%;top: 75%;}
.yzpic7{width: 140px;height: 140px;left: 13%;top: 59%;}
.yzpic8{width: 90px;height: 90px;left: auto;right: 12%;top: 45%;}
.yzpic9{width: 130px;height: 130px;left: auto;right: 20%;top: 61%;}
.yzpic10{width: 130px;height: 130px;left: auto;top: 67%;right: 1%;}
.yzpic11{width: 50px;height: 50px;left: auto;top: 87%;right: 29%;}

.yzpic1 img{width:110px;height:110px;}
.yzpic2 img{width:110px;height:110px;}
.yzpic3 img{width:60px; height:60px; }
.yzpic4 img{width:130px;height:130px;}
.yzpic5 img{width:100px;height:100px;}
.yzpic6 img{width: 90px;height: 90px;}
.yzpic7 img{width: 140px;height: 140px;}
.yzpic8 img{width: 90px;height: 90px;}
.yzpic9 img{width: 130px;height: 130px;}
.yzpic10 img{width: 130px;height: 130px;}
.yzpic11 img{width: 50px;height: 50px;}
.youz_logo{float:left;width:400px;height:140px;background:url(../img/youz_logo.png) no-repeat 0 0;position:absolute;left:50%;top:50%;margin:-70px 0 0 -200px;background-size: 92%;background-position: 19px 10px;}
.yzpicbox a.more{float:left;width: 190px;height: 50px;line-height: 50px;font-size: 20px;text-align:center;border:1px solid #dedede;border-radius:5px;position:absolute;left:50%;top:50%;margin: 128px 0 0 -96px;text-decoration:none;}
.yzpicbox a.more:hover{color:#333; background:#f8f8f8;}


.yzpic2,.yzpic3,.yzpic5,.yzpic6,.yzpic8{animation: yzpic 2.5s; -moz-animation: yzpic 2.5s; -webkit-animation: yzpic 2.5s; -o-animation: yzpic 2.5s;animation-iteration-count: infinite;}
@keyframes yzpic{0%{ margin-top:0;}  50% { margin-top:20px;}  100% { margin-top:0px;}}

.yzpic3,.yzpic5{animation: yzpic2 3s; -moz-animation: yzpic2 3s; -webkit-animation: yzpic2 3s; -o-animation: yzpic2 3s;animation-iteration-count: infinite;}
@keyframes yzpic2{0%{ margin-top:0;}  50% { margin-top:15px;}  100% { margin-top:0px;}}

.yzpic4,.yzpic7,.yzpic10,.yzpic11{animation: yzpic3 2s; -moz-animation: yzpic3 2s; -webkit-animation: yzpic3 2s; -o-animation: yzpic3 2s;animation-iteration-count: infinite;}
@keyframes yzpic3{0%{ margin-top:0px;}  50% { margin-top:10px;}  100% { margin-top:0px;}}

.yzpic1,.yzpic9{animation: yzpic1 2.5s; -moz-animation: yzpic1 2.5s; -webkit-animation: yzpic1 2.5s; -o-animation: yzpic1 2.5s;animation-iteration-count: infinite;}
@keyframes yzpic1{0%{ margin-top:20px;}  50% { margin-top:0px;}  100% { margin-top:20px;}}



.sort_product{ float:left; width:1200px;position:relative; }
.sort_product h4{ display:block; margin:40px auto; width:300px; height:80px; background:url(../img/sort_product.png) no-repeat 0 0;}
.sort_product ul{float:left; width:1199px;border-right:1px solid #dedede;}
.sort_product li{float:left;width:239px; height:239px; border:1px solid #dedede;border-right:none; background:#fff;}
.sort_product li.w1{width:238px;}
.sort_product li .pic1{ margin:0 auto; display:block; height: 110px;    padding: 5px 0 0;}
.sort_product li p{ text-align:center; display:block; font-size:18px; line-height:50px;}
.sort_product li em{ margin:0 auto; display:block; margin:40px 0 0; height:120px; overflow:hidden;}
.sort_product li:hover {color:#333; background:#f8f8f8;}
.sort_product li:hover .pic1{animation: sort_product 2s; -moz-animation: sort_product 2s; -webkit-animation: sort_product 2s; -o-animation: sort_product 2s;}
@keyframes sort_product{0%{height:110px;}  50% { height:120px;padding: 0px 0 0;} 100%{height:110px;}}



.fourbox{float:left;width:100%;background-image:url(../img/fourbox.jpg);background-repeat:no-repeat;background-position: center 250px;background-size: cover;}
.sort03{ float:left; width:500px; height:80px; margin:120px 0 50px;background-image:url(../img/sort03.png); background-repeat:no-repeat; background-size:100%;}

.re {position: relative;}
.re img{float: left;}
.kBox5 a{ color:#fff;text-decoration:none;}
.kJs{ position: absolute; color: #fff; line-height: 28px;}
.kJs h5{ font-weight: normal; font-size: 24px; }
.kJs span{ font-weight: normal; font-size: 20px; display: block; }
.kJs em{ font-style: normal; font-weight: normal; font-size: 14px; display: block; margin-top: 5px; }
.kJs1{left: 450px;top: 145px;}
.kJs2{left: 185px;top: 316px;}
.kJs3{left: 450px;top: 680px;}
.kJs4{color: #333;left: 855px;top: 710px;}
a.kJs4{ color: #333; }



.newsbox{float:left;width:100%;}
.sort04{ float:left; width:500px; height:80px; margin:100px 0 50px;background-image:url(../img/sort04.png); background-repeat:no-repeat; background-size:100%;}
.newscont{float:left;width:100%; border-bottom:1px solid #dedede; border-top:1px solid #dedede;}
.newscont ul{width:1200px; margin:0 auto;}
.newscont li{float:left;width:340px;padding: 30px 50px 35px 10px;position:relative;}
.newscont li i{float:left;width:100%;font-style:normal;font-size: 20px;line-height:30px;margin-bottom: 11px;font-family:sans-serif;color:#555;}
.newscont li b{float:left;width:100%;font-style:normal;font-size: 16px;line-height: 26px;margin-bottom: 8px;color: #333;}
.newscont li b a{ color:#000;text-decoration:none;}
.newscont li b a:hover{ color:#ed462f;}
.newscont li p{float:left;width:100%;font-style:normal;font-size: 14px;line-height: 26px;color:#666;margin-bottom: 11px;}
.newscont li span{float:left; width:100%; font-style:normal; font-size:12px; line-height:30px;    background: url(../img/more.png) no-repeat left bottom;}
.newscont li em{float: left;width: 11px;height: 11px;border-radius:50%;background: #999;overflow:hidden;position:absolute;left: 10px;top: -6px;}
.newscont li:hover em{ background:#ed462f;}
.newscont li span a:hover{ color:#ed462f;}
.newscont li a{text-decoration:none;}
.newscont li span a:hover{ color:#777;}
.newsmoer{font-size:14px;text-align:center;color:#333;margin: 16px 0;}


.adbox{float:left;width:100%;margin: 0 0 100px;}
.adbox h4{width:500px; line-height:90px; font-size:40px; text-align:center; font-weight:400; color:#000; margin:0 auto 50px; position:relative;}
.adbox h4 i{width:50px; height:3px; background:#f00; position: absolute; left:50%; bottom:0; margin-left:-25px;}
#myTop{float:left;width:800px;padding:0 15px;height:400px;/* border:1px solid #ccc; *//* background:#fff; */border-radius:6px 0 0 6px;margin:72px 0 0 38px;position:relative;-moz-box-shadow:0px 0px 8px #ccc;/* -webkit-box-shadow:0px 0px 8px #ccc; *//* box-shadow:0px 0px 8px #ccc; */}
#myTop ul{ padding:30px 30px 25px; float:left;}
#myTop ul li{float:left;width:183px;height:198px;border:1px solid #fff;background: #fff;box-shadow: 6px 1px 6px 1px rgba(179,188,214,.3);}
#myTop ul li em{float:left;width:140px;height:140px;margin:10px 23px 0;background-image:url(../img/adbox01.png);background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
#myTop ul li span{ float:left; width:100%; line-height:40px; font-size:18px; text-align:center;}
#myTop ul .hover{border:1px solid #f00;border-radius:5px;width:183px;background: #fff;}
#myTop .t1{line-height: 44px;font-size:16px;padding:0 30px;color:#666;}
#myCont{ float:left; width:290px; height:540px;border:1px solid #999; background:#fff;border-radius:20px; position:relative; left:-1px;-moz-box-shadow:0px 0px 8px #ccc; -webkit-box-shadow:0px 0px 8px #ccc; box-shadow:0px 0px 8px #ccc; }
#myCont .cont{ float:left; width:270px; height:520px;border:1px solid #999; background:#fff;border-radius:18px; position:relative; left:9px; top:9px;-moz-box-shadow:0px 0px 2px #dedede; -webkit-box-shadow:0px 0px 2px #dedede; box-shadow:0px 0px 2px #dedede;background-image:url(../img/adbox_bg.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
#myCont .cont1,#myCont .cont2,#myCont .cont3,#myCont .cont4{ float:left; width:270px; height:520px; position: absolute; left:0px; top:0px;background-image:url(../img/1.png); background-repeat:no-repeat; background-position:center center; background-size:100% auto;}
#myCont .cont2{background-image: url(../img/3.png);width: 390px;left: -60px;height: 550px;}
#myCont .cont3{background-image: url(../img/002.png);left: 57px;top: -46px;}
#myCont .cont4{ background-image:url(../img/4.png);}
#myCont .rd{ float:left; width:22px; height:22px; background:#333; border-radius:50%; position:absolute; left:20px; top:20px;}
#myCont .rd i{ float:left; width:5px; height:5px; background:#999; border-radius:50%; position: relative; left:8px; top:8px; display:block; overflow:hidden;}
#myCont .adbox{float:left;width:296px;height:200px;background-image: url(../img/adbox_sj_1.png);background-repeat:no-repeat;background-position:center center;background-size:100% auto;position:absolute;left:-3px;}

#myCont .t1{ float:left; width:740px;line-height: 44px;font-size:16px;padding:0 30px;color:#666; position:absolute; left:-845px; top:315px;}


.tab_news{line-height: 50px;color:#999;font-size: 14px;}
.tab_news a{  color:#333;}
.news_cont{line-height:36px;float: left;width: 810px;}
.news_cont h1{line-height:36px;font-size: 26px;color:#000;padding: 11px 0 5px;}
.news_cont .time{line-height:36px;font-size: 14px;color:#999;border-bottom: 1px solid #dedede;}
.news_cont .contbox{line-height: 32px;font-size: 15px;color:#333;margin-top: 10px;}
.news_cont .contbox p{text-indent:31px;padding: 8px 0;}

.news_right{ float:right; width:328px;}
.news_right .news_1 img{float:right;width:328px;height:200px;margin-top: 17px;}

.tit01_news {float:left;width:100%;height: 38px;line-height: 40px;text-align:left;position:relative;margin-bottom: 0;overflow: hidden;}
.tit01_news h5{font-size: 16px;font-weight: 700;margin:0 auto;color: #333;float: left;}
.tit01_news h5 em{color:#d32469;background: #ed462f;float:left;width: 2px;height: 16px;overflow:hidden;display:block;top: 12px;position: relative;margin: 0 6px 0 0;}
.view_news1{float:left; padding:0px 0 0; width:100%;}
.view_news1 li{float:left;width:310px; padding:0 0 0 10px;height:32px; line-height:32px; color:#999; overflow:hidden;font-size:16px; font-family:sans-serif; position:relative;}
.view_news1 li a{color:#333;font-family:"Microsoft YaHei";font-size:14px; }
.view_news1 li a:hover { color:#c00;text-decoration:underline;}
.view_news1 i{width: 4px;  height: 4px;  position: absolute;  left: 0; top: 50%; margin-top: -1px; background-color: #3f3f3f; display:block;  overflow: hidden;}


.news_cont1{line-height:36px;width: 960px;margin:0 auto;}
.news_cont1 h1{line-height:36px;font-size: 32px;color: #000;padding: 40px 0 20px;text-align: center;font-weight: 400;}
.news_cont1 .time{line-height:36px;font-size: 14px;color:#999;border-bottom: 1px solid #dedede;}
.news_cont1 .contbox{line-height: 32px;font-size: 15px;color:#333;margin-top: 10px;}
.news_cont1 .contbox p{text-indent:31px;padding: 8px 0;}

.view_news2 li{float:left;width: 100%;padding:0 0 0 10px;height: 50px;line-height: 50px;color:#999;overflow:hidden;font-size: 15px;font-family:sans-serif;position:relative;border-bottom: 1px dotted #dedede;}
.view_news2 li a{color:#333;font-family:"Microsoft YaHei";font-size: 16px;}
.view_news2 li a:hover { color:#c00;text-decoration:underline;}
.view_news2 i{width: 4px;  height: 4px;  position: absolute;  left: 0; top: 50%; margin-top: -1px; background-color: #3f3f3f; display:block;  overflow: hidden;}










.footer{float:left;width:100%;margin:0px 0 0;}
.footer .cont{float:left;width:1200px;padding: 50px 0 40px;}
.footer .cont li{float:left;/* width: 172px; */line-height: 40px;font-size: 13px;border-left: 1px solid #dedede;padding: 0 0px 0 12px;display: inline-block;margin-right: 179px;}
.footer .cont li a{/* float:left; *//* width:100%; */display: block;color: #333;text-decoration:none;}
.footer .cont li a:hover{ color:#000;}
.footer .cont .t0{ border-left:none;}
.footer .cont .t1{font-weight: 400;color: #000;font-size: 17px;top: 0;line-height: 18px;margin: 0 0 10px;}
.footer .cont .w1{float:right;width: 100px;line-height:30px;font-size:12px;color:#666;text-align:center;margin-right: 0;}
.footer .cont .w1 b{float:left;width:100%;line-height: 19px;font-size: 17px;color: #000;text-align:left;margin: 0 0 16px;font-weight: 400;}
.footer .cont .w1 p{float:left;width:120px;}
.footer .cont .w1 img{float:left;width: 100px;height: 100px;}
.footercont1{float:left;width: 100%;/* border-top:1px solid #ccc; */padding: 20px 0 15px;color: #666;line-height:22px;background: #fff;text-align:center;}



.txt001 .t001{/* float:left; */color: #333;font-size:12px;margin: 10px auto 0;/* text-align: center; *//* width: 100%; */display: block;padding: 0 0 0 142px;}
.txt001 .t001 i{float:left;margin: 0 0 0 9px;}
.txt001 .t001 span{margin: 0 0 0 5px;    float: left;}
.txt001 li{float:left;margin: 19px 0 0 0;width: 100%;}
.txt001 .txt01{float:left;padding:6px 5px;width: 156px;border-radius: 10px;border:1px solid #dedede;/* border-right:none; */color: #999;margin: 0px 10px;background: #fff;}
.txt001 .t01{ float:left;}
.txt001 .t02{ float:right;}
.txt001 a.box01_a{padding: 0 45px;background: #fff;border-radius: 17px;line-height: 36px;display: inline-block;color: #333;font-size: 18px;margin: 22px 0 0;border: 1px solid #dedede;text-align: center;width: 293px;}