body { font-family: "微软雅黑", Arial; background: #fff }
.scale_img dl img, .scale_img li img { -o-transition: all 1s linear 0s; transition: all 1s linear 0s }
.scale_img dl:hover img, .scale_img li:hover img { -webkit-transform: scale(1.05) rotate(0deg) translateY(0); -ms-transform: scale(1.05) rotate(0deg) translateY(0); transform: scale(1.05) rotate(0deg) translateY(0) }

h2.main_title a { text-align: center; display: block; font-size: 42px; color: #333; line-height: 100% }
h2.main_title span { display: block; text-align: center; font-size: 20px; color: #333; line-height: 100%; margin-top: 11px; font-weight: 400 }
h2.main_title a:hover { color: #333 }

.banner { width: 100%; position: relative; z-index: 1; clear: both; margin-top: -150px; margin-bottom: -124px; line-height: 0; overflow: hidden }
.banner .bd { width: 100% !important; height: 800px }
.banner .bd li { width: 100% !important; position: relative }
.banner .bd li a { display: block; height: 800px }
.banner .bd li img { position: absolute; left: 50%; top: 0; margin-left: -960px }
.banner p { position: absolute; top: 50%; width: 80px; height: 80px; z-index: 9; opacity: .8; text-align: center; margin-top: -40px }
.banner .prev2 { left: 3% }
.banner .next2 { right: 3% }

.seabox { position: relative; z-index: 3; height: 108px }
.s_contact { width: 352px; height: 108px; background: rgba(255, 255, 255, .9) }
.s_contact p { margin: 32px 0 0 50px; padding-left: 60px; background: url(../images/h_tel1.png) no-repeat left center }
.s_contact p span { display: block; font-size: 16px; color: #000; line-height: 18px }
.s_contact p em { display: block; font-size: 26px; color: #000; line-height: 100%; font-weight: 700; margin-top: 5px }
.s_info { width: 848px; height: 108px; background: rgba(0, 104, 175, .9); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 24px 24px 0 34px }
.s_info .slogan { font-size: 18px; color: #fff; line-height: 100%; letter-spacing:3px;}
.s_info .slogan em { display: block; font-size: 28px; color: #fff; line-height: 100%; font-weight: 600; margin-bottom:15px }
.s_search { width: 298px }
.s_search .sea_inp { height: 30px; border-bottom: 1px solid #fff }
.s_search .sea_inp input { background: 0 0; border: 0; outline: 0 }
.s_search .sea_inp #keywords { width: 260px; float: left; color: #fff }
.s_search .sea_inp .sub { width: 38px; float: right; cursor: pointer; background: url(../images/s_btn.png) no-repeat right 3px }
.k_word { color: rgba(255, 255, 255, .5); font-size: 14px; line-height: 100%; white-space: nowrap; margin-top: 14px }
.k_word a { color: rgba(255, 255, 255, .5); padding-right: 8px }

.intro { background:#f5f5f5; height:auto; padding-bottom:40px; }
.intro dd { background: url(../images/intro_dd.png) no-repeat left top; margin-top: 102px; padding-top: 64px; width: 695px; height: 269px; float: left }
.intro dd h2 a { display: block; font-size: 40px; color: #0068af; line-height: 100%; padding-bottom: 16px; margin-bottom: 36px; position: relative }
.intro dd h2 a:before { position: absolute; content: ""; width: 83px; height: 1px; background: #626262; left: 0; bottom: 0 }
.intro dd h2 a span { display: block; font-size: 26px; color: #0068af; line-height: 100%; margin-bottom: 8px; font-weight: 400 }
.intro dd p { font-size: 16px; color: #333; line-height: 30px }
.intro dt { width: 444px; height: 444px; margin-top: 39px; border: 1px dashed rgba(83, 83, 83, .4); float: right; border-radius: 50%; position: relative }
.intro dt img { width: 422px; height: 422px; border-radius: 50%; position: absolute; top: 14px; left: 26px }

.product { background: url(../images/pro_bg.jpg) no-repeat center top; height: 1100px; padding-top: 34px }
.product h2 { padding-top: 76px; background: url(../images/pro_tbg.png) no-repeat center top; margin-bottom: 54px }
.pro_con { position: relative;  }
.pro_con li { float: left; margin-bottom: 21px; position: relative; overflow: hidden; width: 386px; height: 422px; margin-right: 21px }

/*.pro_con li:nth-child(1) { width: 386px; height: 761px; margin-right: 21px }
.pro_con li:nth-child(2) { width: 793px; height: 460px }
.pro_con li:nth-child(3) { width: 386px; height: 581px; }
.pro_con li:nth-child(4) {
    width: 386px;
    height: 280px;
    margin-left: 21px;
}
.pro_con li:nth-child(5) {
    width: 386px;
    height: 280px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.pro_con li:nth-child(6) { width: 386px; height: 280px; float:right; }
.pro_con li:nth-child(6) h4 { background: 0 0; text-align: center; line-height: 100%; border-left: 0; padding-left: 0; height: auto; left: auto; top: 161px }
.pro_con li:nth-child(6) h4 span { display: block; font-size: 14px; color: #fff; line-height: 100%; margin-top: 9px; text-transform: uppercase; font-weight: 700 }*/

 
.pro_con li:nth-child(3),.pro_con li:nth-child(6),.pro_con li:nth-child(9) { margin-right:0;}
 
 
 
.pro_con li img{ display:block; margin:0 auto; text-align:center; height:100%;}
.pro_con li h4 { position: absolute; left: 0; bottom: 20px; height: 44px; border-left: 13px solid #0068af; background: url(../images/pro_t.png) repeat-x left center; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 13px; font-size: 18px; color: #fff; line-height: 44px; font-weight: 400 }

.sm_banner { height: 374px; background: url(../images/sm_bg.jpg) no-repeat center top }
.sm_banner h2 { margin-top: 72px; width: 412px; float: left }
.sm_banner .sm_con { width: 586px; float: right; margin-top: 94px }
.sm_banner .sm_con h3 { height: 59px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; text-align: center; font-size: 34px; color: #fff; line-height: 59px; background: url(../images/sm_tbg.png) no-repeat center }
.sm_banner .sm_con p { font-size: 18px; color: rgba(255, 255, 255, .7); line-height: 100%; margin: 12px 0 41px; white-space: nowrap }
.sm_banner .sm_con .more a { display: block; width: 282px; height: 55px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #F7B406; border-radius: 28px; font-size: 18px; color: #333; line-height: 55px; text-align: center }
.sm_banner .sm_con .more a:last-child { float: right; background: rgba(255, 255, 255, .25); border: 1px solid rgba(255, 255, 255, .5); font-size: 18px; color: #fff; line-height: 53px }
.sm_banner .sm_con a:hover { font-weight: 700 }

.case { background: url(../images/case_bg.jpg) no-repeat center top; padding-top: 50px; height: 480px; }
.case h2 { padding-top: 35px; background: url(../images/case_tbg.png) no-repeat center top; margin-bottom: 50px }
.case h2 a, .case h2 span { color: #fff }
.case h2 a:hover { color: #fff }
.case_con { position: relative; margin-bottom: 41px }
.case_con .tempWrap { width: 1200px !important; overflow: hidden }
.case_con dl { width: 362px; height: 210px; background: #fff; padding: 10px; margin-right: 24px; }
.case_con dl dt { width: 362px; height: 210px; overflow: hidden }
.case_con dl dt img { width: 362px; height: 210px }
/*.case_con dl dd { padding: 20px 26px 0 }
.case_con dl dd h4 { font-size: 20px; color: #333; line-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400 }
.case_con dl dd p { font-size: 14px; color: #666; line-height: 24px; margin: 22px 0 36px }
.case_con dl dd span { display: block; text-align: right; padding-right: 25px; background: url(../images/ci.png) no-repeat right center; font-size: 16px; color: #0068af; line-height: 100% }*/
.switch div { position: absolute; width: 45px; height: 45px; opacity: .4; -o-transition: all .3s ease; transition: all .3s ease; top: 90px; cursor: pointer }
.switch .prev { left: -60px }
.switch .next { right: -50px }
.switch .prev img,.switch .next img{ display:block; width:45px; height:45px;}
.switch div:hover { opacity: .8 }
.info a { display: block; width: 283px; height: 55px; background: #0068af url(../images/more.png) no-repeat 170px center; border-radius: 28px; margin: 0 auto; text-indent: 87px; font-size: 18px; color: #fff; line-height: 55px; -o-transition: all .3s ease; transition: all .3s ease }
.info a:hover { background-position-x: 300px; text-indent: 0; text-align: center }

.ys { background: url(../images/ys_bg.jpg) no-repeat center top; padding-top: 37px; height: 2023px; overflow: hidden }
.ys h2.main_title a { background: url(../images/ys_tbg.png) no-repeat center top; padding-top: 81px; padding-bottom: 57px; margin-bottom: 31px }
.ys_con dl { clear: both }
.ys_con dd { position: relative }
.ys_con dd>img { position: absolute; left: 0; top: 0 }
.ys_con dd h4 { font-size: 30px; color: #000; line-height: 100%; font-weight: 400 }
.ys_con dd p { font-size: 16px; color: #000; line-height: 26px }
.ys1 { height: 227px }
.ys1 dd { padding-left: 183px; margin-top: 6px; width: 641px; float: left }
.ys1 dd h4 { margin: 25px 0 22px }
.ys1 dt { width: 372px; float: right; margin-right: -31px; margin-top: -4px }
.ys2 { height: 743px }
.ys2 dd { width: 409px; float: right; padding-left: 180px; margin-top: 16px }
.ys2 dd h4 { margin: 44px 0 23px }
.ys2 dd .pic img { width: 198px; height: 131px; float: left; margin-top: 32px }
.ys2 dd .pic img:first-child { margin-right: 10px }
.ys2 dt { width: 538px; height: 538px; float: left; position: relative; margin-top: -33px; margin-left: -8px }
.ys2 dt img:first-child { width: 538px; height: 538px; border-radius: 50%; position: relative; z-index: 3 }
.ys2 dt img:nth-child(2) { width: 244px; height: 244px; border-radius: 50%; position: absolute; right: -77px; bottom: -16px; z-index: 1 }
.ys2 dt img:nth-child(3) { width: 162px; position: absolute; right: -93px; top: 235px; z-index: 2 }
.ys3 { height: 452px }
.ys3 dd { padding-left: 193px; padding-top: 35px }
.ys3 dd p { width: 516px; margin-bottom: 35px; margin-top: 24px }
.ys3 dt { padding-left: 169px }
.ys4 dd { padding-left: 184px; width: 408px; float: left }
.ys4 dd h4 { margin: 41px 0 24px }
.ys  h4 span{ font-size:14px; color:#888;}
.ys4 dt { width: 478px; height: 478px; float: right; border-radius: 50%; background: rgba(191, 191, 191, .5); position: relative; margin-top: -330px; margin-right: 7px }
.ys4 dt img:nth-child(1) { width: 478px; height: 478px; border-radius: 50%; position: absolute; top: -8px; left: 8px; z-index: 2 }
.ys4 dt img:nth-child(2) { width: 206px; height: 206px; border-radius: 50%; position: absolute; left: -76px; bottom: -31px; z-index: 1 }

.news { padding-top: 36px; height: 720px; background: url(../images/f5_bg.jpg) no-repeat center bottom #f2f2f2; }
.news h2 a { background: url(../images/news_tbg.png) no-repeat center top; padding-top: 32px; margin-bottom: 44px }
.news h2 a, .news h2 span { color: #0068af }
.news h2 a:hover { color: #0068af }
.news h3 a { display: block; font-size: 24px; color: #333; line-height: 100%; font-weight: 400; position: relative; padding-bottom: 17px }
.news h3 a:before { position: absolute; content: ""; width: 10px; height: 24px; background: #0068af; left: -28px; top: 0 }
.news h3 a span { float: right; font-size: 12px; text-transform: uppercase; line-height: 100%; margin-top: 12px }
.brand { width: 379px; height: 493px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 38px 26px 0 28px }
.brand dt { width: 325px; height: 183px; overflow: hidden }
.brand dt img { width: 325px; height: 183px }
.brand dd { padding: 28px 8px 0 }
.brand dd h4 { font-size: 18px; color: #333; line-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400 }
.brand dd h4 span { display: block; font-size: 12px; color: #333; line-height: 100%; margin-top: 7px }
.brand dd p { font-size: 14px; color: #999; line-height: 24px; margin: 16px 0 29px }
.brand dd i { display: block; font-size: 14px; color: #888; line-height: 100%; padding-right: 25px; background: url(../images/ci.png) no-repeat right center; text-align: right }
.brand dl:hover h4 { color: #0068af }
.news_con { width: 807px; height: 493px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 38px 31px 0 32px }
.news_con h3 a { border-bottom: 1px solid rgba(98, 98, 98, .25) }
.news_con h3 a:before { left: -32px }
.news_con .tl li { padding: 21px 0 36px 8px; float: left; width: 336px }
.news_con .tl li h4 { font-size: 18px; color: #0e0b0a; line-height: 100%; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 19px }
.news_con .tl li p { font-size: 14px; color: #999; line-height: 24px }
.news_con .tl li:first-child { margin-right: 46px }
.news_con .tl li:hover h4 { color: #0068af }
.news_con .jc li { width: 239px; height: 147px; overflow: hidden; position: relative; float: left; margin-right: 13px; margin-top: 16px }
.news_con .jc li img { width: 239px; height: 147px }
.news_con .jc li h4 { position: absolute; width: 239px; height: 45px; background: rgba(0, 0, 0, .6); text-align: center; font-size: 14px; color: #fff; line-height: 35px; font-weight: 400; left: 0; bottom: 0; padding: 5px 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.news_con .jc li:last-child { margin-right: 0 }

.about { height: 847px; background: url(../images/about_bg.jpg) no-repeat center bottom; padding-top: 55px }
.about h2 a { background: url(../images/about_tbg.png) no-repeat center top; padding-top: 81px }
.about_con { width: 1100px; text-align: left; margin: 0 auto; font-size: 16px; color: #333; line-height:32px;  }
.about .info a { width: 218px; height: 50px; background: #0068af url(../images/more.png) no-repeat 138px center; border-radius: 25px; text-indent: 55px; font-size: 18px; color: #fff; line-height: 50px; display:block; margin-top:20px; text-align:left;}
.about .info a:hover { background:#c00 url(../images/more.png) no-repeat 138px center; text-indent: 55px; text-align:left; }
.about .pic { width: 1190px; height: 400px; margin:0 auto; clear:both; margin-top: 32px; border:5px solid #fff; }
.about .pic img { width: 1190px; height: 400px; display:block; margin:0 auto; text-align:center; }

.links { height: 68px; overflow: hidden; background: #0061a4; font-size: 0; clear: both }
.links em { display:block; float:left; font-style: normal; color: rgba(255, 255, 255, .5); font-size: 14px; line-height: 100%; font-weight: 700; line-height: 68px }
.links a { font-size: 14px; color: rgba(255, 255, 255, .5); line-height: 100%; display: inline-block; line-height: 68px; padding-left: 20px; transition: .3s ease; -o-transition: .3s ease }
.links a:hover { color: rgba(255, 255, 255, .8) }

.links img{ display:block; width:110px; height:35px; padding-top:15px;}

/* --当前位置 start--*/
.current {
	width: 100%;
	font-size: 14px;
	background: #F7F7F7;
}
.current .currentBox {
	max-width: 1300px;
	min-width: 1000px;
	padding: 15px 0px;
	margin: 0 auto;
}
.current .currentBox .center {
	height: 36px;
	line-height: 36px;
	background: url(../images/icon2.png) no-repeat 4px -108px;
}
.current .currentBox span {
	margin-left: 24px;
}
.current .currentBox a {
	margin: 0px 10px;
	color: #333;
}
.current .currentBox a:hover {
	color: #ff0000;
}
.current .currentBox span.active {
	color: #D11724;
	margin-left: 10px;
}
/* --当前位置 end--*/
.w1200{ width:1200px; margin:0 auto; clear:both;}
.yingwen{font:16px/40px Arial, Helvetica, sans-serif; color:#888; text-transform:uppercase; padding-bottom:20px; text-align:center;}

.title10{margin-bottom:40px}
.title10 h4{font-size:26px;color:#444;text-align:center;margin-bottom:8px}
.title10 h4 a{color:#444}
.title10 p{display:block;text-align:center;position:relative;height:40px;line-height:14px;max-width:478px;color:rgba(191,191,191,.91);font-size:14px;margin:0 auto;border-bottom:1px #ececec solid;padding-bottom:10px;margin:0 auto}
.title10 p:before{content:'';background-color:rgba(44,102,204,.82);width:23px;height:9px;display:block;border-left:7px #F7F7F7 solid;border-right:7px #F7F7F7 solid;position:absolute;bottom:-5px;left:228px}
.title10 ul{text-align:center;padding:0;margin:20px 0}
.title10 ul li{display:inline-block}
.title10 ul li a{display:inline-block;font-size:16px;padding:10px 28px;margin-right:4px;border:1px #efefef solid;color:#999;background-color:#fff;transition:.3s;transform-origin:top}
.title10 ul li a.on,.title10 ul li a:hover{color:#fff;transition:.3s;background-color:#0061a4;transform-origin:bottom;border:1px #0d62be solid}

#pageGro { width: 400px; height: 45px; padding-top: 30px; padding-bottom: 30px; clear:both; margin:0 auto;   margin-bottom:30px; }
#pageGro div, #pageGro div ul li { font-size: 16px; color: #999; line-height: 43px; float: left; margin-left: 5px; }
#pageGro div ul li { width: 45px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #dcdcdc; cursor: pointer; }
#pageGro div ul li.on { color: #fff; background: #105eb1; border: 1px solid #105eb1; }
#pageGro .pageUp, #pageGro .pageDown { width:100px; line-height:45px; border: 1px solid #999; cursor: pointer; }
#pageGro .pageUp { border: 1px solid #dcdcdc;text-align: right; padding-right:15px; background: url(../images/pageUp.png) 8px 20px no-repeat; box-sizing:border-box;}
#pageGro .pageDown { border: 1px solid #dcdcdc; text-align: left; padding-left:15px; background: url(../images/pageDown.png) 70px 20px no-repeat;  box-sizing:border-box; }
#pageGro .pageUp a, #pageGro .pageDown a{color:#999; text-decoration:none;}

.abt{font:18px/36px "microsoft yahei"; color:#333; text-align:left; padding-bottom:50px;}

.biaoti2{font:bold 36px/70px "Microsoft yahei"; color:#2b2b2b; background:url(../images/ttbg2.png) no-repeat center bottom; height:70px; padding-top:30px;}
.biaoti2 span{ color:#ffbb05;}


.zs_min{

}
 
.zs_ul2 li{
    float: left;width: 365px; height: 320px; background: #fff; text-align: center; margin-right:45px;margin-bottom: 50px; padding:20px ;  position: relative; border:1px solid #dcdcdc; box-sizing:border-box; 
}
 
.zs_ul2_div{
    width: 100%;height: 226px;overflow: hidden;position: relative;
}
.zs_ul2_img1{
    display: block; width: 100%;height: 100%;position: absolute;  left: 0;  top: 0;  bottom: 0;  right: 0;  transform: scale(1);
    -webkit-transform: scale(1);  transition: all 0.9s 0s;  -webkit-transition: all 0.9s 0s;
}
.zs_ul2 h2{
    color: #2b2b2b;font-size: 18px;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;padding: 0 10px; margin-top: 20px;
}
 
.zs_ul2_img1:hover {
    transform:scale(1.1);

}
.zs_ul2 li:hover{ cursor:pointer; box-shadow:2px 10px 5px #ddd; background:#f5f5f5;   }
.zs_ul2{
    margin-top: 40px;
}
.zs_ul2_s1{
    width: auto;height: 30px;top: 15px;left: 15px;border-radius: 4px;background: rgba(0,0,0,.5);display: inline-block; padding-right: 10px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);position: absolute;
    text-align: left;line-height: 30px;z-index: 1;
}
 
.zs_ul2_x span {
    cursor: pointer;  border: 2px solid #fff;  display: none;  font-weight: normal;  height: 38px;  line-height: 33px;  position: absolute;
    top: 50%;  right: 0;  left: 50%;  margin-top: -16px;  width: 140px;  margin-left: -70px;  z-index: 2;  animation: q13 .8s linear backwards;
    -webkit-animation: q13 .8s linear backwards;
}
.zs_ul2_x label {
    cursor: pointer;  border: 2px solid #fff;  display: none;  font-weight: normal;  height: 38px;  line-height: 33px;
    position: absolute;  top: 50%;  right: 0;  left: 50%;  margin-top: -16px;  width: 140px;  z-index: 2;  margin-left: -70px;
    animation: q13 .8s linear backwards;  -webkit-animation: q13 .8s linear backwards;  font-size: 14px;color: #fff;
}
.zs_ul2 li:hover .zs_ul2_x span{
    display:block;
}
.zs_ul2 li:hover .zs_ul2_x{
    
    animation-name:fadeIn;animation-duration:.5s;
}

.zs_ul2 li:nth-child(3n+0){ margin-right:0;}


.lxwm { width: 560px;  float: left; text-align: center; background:#fff;}
.yy { width: 560px; float: left; margin-left: 40px; }
.yy ul { list-style: none; margin: 0; padding: 0; }
.yy ul li { width: 560px; margin-bottom: 15px; text-align: left; font: 14px/45px 'microsoft yahei'; color: #666; }
.yy ul li input { height: 43px; border: 1px solid #dcdcdc; background: #fff; text-align: left; padding: 0px 5px; font: 14px/43px 'microsoft yahei'; color: #666; width: 450px; border-radius: 4px; }
.yy ul li textarea { height: 130px; border: 1px solid #dcdcdc; background: #fff; text-align: left; padding: 0px 5px; font: 14px/43px 'microsoft yahei'; color: #666; width: 450px; border-radius: 4px; }

.read{width:1200px; margin:0 auto; clear:both;}
.read dt{width:1200px; height:70px; text-align:center; margin:0 auto; clear:both; font:30px/70px "Microsoft yahei"; color:#333; margin-top:15px; border-bottom:1px dashed #dcdcdc;}
.read dd{width:1200px; margin:0 auto; clear:both; text-align:left; font:18px/36px "Microsoft yahei"; color:#333; padding-bottom:30px;}
.read img{display:block; margin:0 auto; text-align:center; clear:both; max-width:1180px;}
.beizhu {font:14px/30px "Microsoft yahei"; color:#888; text-align:center; display:block; margin:0 auto; width:900px; clear:both;} 
.xiangguan{ width:1200px; margin:0 auto; clear:both; height:100px; border-top:1px solid #dcdcdc; padding-top:20px;}
.fanhui {float:right; width:120px; height:40px; text-align:center; font:16px/40px "微软雅黑"; color:#fff; background:#0298b1; margin-top:10px; border-radius:4px;}
.fanhui:hover{color:#fff; background:#F60; cursor:pointer;}
.xgnew{float:left; width:600px; height:80px; margin-right:20px;}
.xgnew ul{list-style:none; margin:0; padding:0;}
.xgnew ul li{ width:600px; text-align:left; height:40px; font:14px/40px "微软雅黑"; color:#666;}
.xgnew ul li a{color:#666; text-decoration:none;}
.xgnew ul li a:hover{color:#0375d6; text-decoration:none;}


.newlist { width: 1200px; margin: 0 auto; clear: both; }
.newlist ul { list-style: none; margin: 0; padding: 0; }
.newlist ul li { width: 1200px; margin: 20px 0px; padding-bottom: 40px; border-bottom: 1px solid #dcdcdc;  box-sizing:border-box;}
.newlist ul li dl { width: 1200px; margin: 0 auto; clear: both; }
.newlist ul li dl dt { float: left; margin-right: 30px; text-align: center; width:300px;}
.newlist ul li dl dt img { display: block; border: 1px solid #dcdcdc; padding: 2px; width:100%; height:200px;}
.newlist ul li dl dd { font: 14px/28px "微软雅黑"; color: #888; text-align: left; text-transform: uppercase; }
.newlist ul li dl dd strong { font: 20px/30px "微软雅黑"; color: #333; }
.newlist ul li dl dd strong:hover { color: #00a098; text-decoration: none; }

@-webkit-keyframes fadeInLeft1 {
  from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInLeft1 {
  from { opacity: 0; -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInRight1 {
  from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInRight1 {
  from { opacity: 0; -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes zoomLeft {
  from { opacity: 0; -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3) }
  50% { opacity: 1 }
}
@keyframes zoomLeft {
  from { opacity: 0; -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3) }
  50% { opacity: 1 }
}
.zoomLeft { -webkit-animation-name: zoomLeft; animation-name: zoomLeft; transform-origin: 0 50%; -webkit-transform-origin: 0 50% }
.zoomRight { -webkit-animation-name: zoomLeft; animation-name: zoomLeft; transform-origin: 100% 50%; -webkit-transform-origin: 100% 50% }
@-webkit-keyframes fadeInUp1 {
  from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInUp1 {
  from { opacity: 0; -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
  from { opacity: 0; -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInUp2 {
  from { opacity: 0; -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0) }
  to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }
@keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}
@-moz-keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}
@-webkit-keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}
@-o-keyframes myfirst {
  0% { left: 0; top: 0 }
  25% { left: 0; top: 10px }
  50% { left: 0; top: 0 }
  100% { left: 0; top: 0 }
}