.index_ys{width:100%;background:#f4f4f4 url(../images/tm_tb_cbg.jpg) center 70px no-repeat;overflow:hidden;height:550px}
.index_ys_click{height:70px;width:100%;background:#fff}
.index_ys_click li{width:20%;line-height:70px;text-align:center;float:left;font-size:16px;cursor:pointer}
.index_ys_click li i{font-size:18px;margin-right:5px;color:#888}
.index_ys_click .hover{background:#0347ac;color:#fff}
.index_ys_click .hover i{color:#fff}
.index_ys_main{height:480px}
.index_ys_main .none{display:none}
.index_ys_main .none:nth-child(1){display:block}
.index_ys_intr{width:700px;margin-top:90px}
.index_ys_intr h3{font-size:36px;color:#0347ac;line-height:50px}
.index_ys_intr i{display:block;width:70px;height:4px;margin:26px 0;background:#0347ac}
.index_ys_intr p{margin-bottom:30px;color:#666}
.index_ys_intr a{padding:5px 50px;border:1px solid #0347ac;margin-top:15px;display:-webkit-inline-box;color:#0347ac}
.index_ys_intr a:hover{color:#fff;background:#0347ac}
.index_ys_list_1 .index_ys_img{width:507px;height:312px;margin-top:80px;border:8px solid #fff;overflow:hidden;background:#0347ac;position:static}
.index_ys_list_1 .index_ys_img img{width:507px;height:312px;transition:all .4s ease-in-out 0s}
.index_ys_list_1 .index_ys_img :hover img{background:#000;opacity:.7;transform:scale(1.3)}
.index_ys_list_1 .index_ys_img :hover span{opacity:1;transition-delay:.2s}
.index_ys_list_1 .index_ys_img span{opacity:0;position:absolute;top:130px;text-align:center;width:507px;font-size:40px;color:#fff;font-weight:700;transition:all .6s ease-in-out 0s;}
.index_ys_list_1 .index_ys_img span em{display:block;font-size:14px;font-weight:200;margin-top:15px}
.index_ys_list_2 .index_ys_img{margin-top:50px}
.index_ys_list_3 .index_ys_img{margin-top:50px}
.index_ys_list_4 .index_ys_img{margin-top:70px}
.index_ys_list_5 .index_ys_img{margin-top:40px}
.index_hot_pro{overflow:hidden;margin-bottom:45px}
.index_hot_pro .hot_pro_title{color:#dd1e17;font-size:20px;height:50px;line-height:50px;margin:20px 0 10px}
.index_hot_pro .hot_pro_title em{display:inline-block;margin-left:10px;height:10px;width:25px}
.hot_pro_title_fl{margin:0 0 25px;overflow:hidden}
.hot_pro_title_fl .button{backface-visibility:hidden;color:#555;display:block;float:left;margin-right:10px;max-width:160px;min-width:120px;position:relative;vertical-align:middle;z-index:1;text-align:center;font-size:14px;background:none 0 0 repeat scroll rgba(0,0,0,0);border-width:1px;border-style:solid;border-color:#555;border-image:initial;padding:5px 5px;text-decoration:none}
.hot_pro_title_fl .button_wayra{width:245px;overflow:hidden;transition:border-color .3s cubic-bezier(.2,1,.3,1) 0s,color .3s 0s}
.hot_pro_title_fl .button_wayra::before{content:"";position:absolute;top:0;left:0;width:150%;height:100%;z-index:-1;transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);transform-origin:0 100% 0;background:#37474f;transition:transform .3s ease 0s,opacity .3s ease 0s,background-color .3s ease 0s}
.hot_pro_title_fl .button_wayra:hover{color:#fff;border-color:#0347ac}
.hot_pro_title_fl .button_wayra{overflow:hidden;width:245px;-webkit-transition:border-color .3s,color .3s;transition:border-color .3s,color .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
.hot_pro_title_fl .button_wayra:hover::before{opacity:1;background-color:#0347ac;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
.hot_pro_list{overflow:block}
.hot_pro_list li{float:left;width:320px;border:1px solid #ddd;transition:all .2s ease-in-out 0s;margin:0 24px 24px 0}
.hot_pro_list li:nth-child(4n){margin-right:0}
.hot_pro_list li:hover{border:1px solid #0347ac}
.hot_pro_list .pro_list_img{width:308px;padding: 30px 6px;}
.pro_list_title{height:40px;line-height:40px;width:308px;margin: 0px auto 8px;background:#f4f4f4;text-align:center;font-size:16px;transition:all .2s ease-in-out 0s;}
.hot_pro_list li:hover .pro_list_title{color:#fff;background:#0347ac}
.index_service{background:#f5f5f5;padding:70px 0;overflow:hidden}
.service_list{float:left;width:340px;height:416px;overflow:hidden;position:relative}
.service_list_img{width:340px;height:248px}
.service_list_img img{transition:all .3s ease 0s}
.service_list_title{background:#fff;height:168px;width:340px;text-align:center;bottom:0;position:absolute;z-index:99;padding-top:40px;transition:all .3s ease 0s}
.service_main div:nth-child(1).service_list_title{top:0;position:absolute}
.service_main div:nth-child(2).service_list_img{bottom:0;position:absolute}
.service_list_title h4{color:#bbb;font-size:25px;font-family:impact;font-weight:400;text-align:center}
.service_list_title h3{color:333;font-size:16px;text-align:center;font-weight:400;margin-bottom:0;margin-top:15px}
.service_list_title p{color:#bbb;font-size:14px;text-transform:uppercase;margin:10px 0 0}
.service_list:hover{cursor:pointer}
.service_list:hover .service_list_title{background:#0347ac;color:#fff;transition:all .6s ease 0s}
.service_list:hover .service_list_title h4{color:#89b9e8;transition:all .5s ease 0s}
.service_list:hover .service_list_title p{color:#89b9e8;transition:all .5s ease 0s}
.service_list:hover .service_list_img img{opacity:.9;transform:scale(1.1);transition:all .5s ease 0s}
.service_list:hover div:nth-child(1).service_list_title{top:-40px;position:absolute;height:143px;padding-top:65px}
.service_list:hover div:nth-child(2).service_list_title{bottom:-40px;position:absolute}
.index_news{padding:70px 0;height: 600px;width: 1360px;margin: auto;}
.news_main{width:580px}
.news_list{height:340px;overflow:hidden;margin-top:5px;border-bottom:1px solid #f1f1f1;margin-bottom:40px}
.news_list li{border-top:1px solid #f1f1f1;padding:20px 0 10px;margin-top:10px}
.news_list span{display:block}
.news_list .title{font-size:16px;color:#000;margin-bottom:5px}
.news_list .time{font-size:11px;color:#bbb;margin-bottom:5px}
.news_list .intr{font-size:12px;color:#888}
.news_main .more a{padding:10px 30px;background:#0347ac;color:#fff}
.news_main .more a:hover{background:#003482}
.map_main{width:690px;height:600px;position:relative}
.map_dt{width:995px;height:600px;position:absolute;bottom:0;left:-38px}
.map_img{width:603px;height:364px;position:absolute;bottom:0;z-index:99;left: -125px;}

