@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
html{ color:#333;  background-image:url();background-position:center top; background-repeat:no-repeat; }
body{font-family:"Microsoft YaHei";font-size:14px;}
.clear{ clear:both;}
a{ text-decoration:none;}
ul li{ list-style:none;}

.top{ height:570px ; background: url(//i.17173cdn.com/2fhnvk/YWxqaGBf/cms3/Ayhaisblrewgcvy.jpg) no-repeat top center;}
.nav{ width: 100%; height: 70px; background: #E60000;}
.nav-main{ width: 1200px; height: 72px;position: absolute;}
.nav-main a{ display: block; width: 240px; height: 72px; float: left; line-height: 72px; text-align: center; font-size: 20px; color: #fff;}
.nav-main a:hover{ border-top: solid 2px #ff0; height: 68px; line-height: 68px;}
.nav-main a.download{ display: block; width: 240px; height: 104px; position: absolute; right: 0;}
.nav-main a.download:hover{ border: 0;}


.tryyh{ height: 1080px; background: url(//images.17173cdn.com/2017/ztj/2017/0526/tr_bg.jpg) no-repeat top center; overflow: hidden;}
.tr-main{ width: 1452px; height: 935px; background: url(//images.17173cdn.com/2017/ztj/2017/0526/tr-box.png) no-repeat; margin: auto; margin-top: 100px; overflow: hidden;}
.tr-video{ width: 1060px; height: 595px; margin: auto; background: #f9f9f9; margin-top: 220px;}
.tr-js{ width: 1200px; height: 100px; background: #004399; margin: auto; padding-top: 20px;}
.tr-js p{ display: block; width: 1060px; margin: auto; border-top: solid 1px #FACCCC; color: #f9f9f9; line-height: 30px;}

.hg{height: 1080px; background: url(//images.17173cdn.com/2017/ztj/2017/0526/hg_bg.jpg) no-repeat top center; overflow: hidden;}
.hg-title{ margin: auto; width: 1200px; height: 101px; margin-top: 100px;}

.tabbox{ width: 1200px; height: 750px; margin: auto; margin-top: 50px;}

/* tab */
#tab{width:1200px; height: 750px; position:relative;}
#tab .tab_menu{width:100%;float:left;position:absolute;z-index:1;}
#tab .tab_menu li{float:left;width:262px;height:100px;line-height:100px;cursor:pointer;text-align:center; margin-left: 30px; background: #EEEEEE; border-radius: 3px; font-size: 20px; color: #666;}
#tab .tab_box{width:100%;height:600px;clear:both;top:150px;position:relative; background: url(//images.17173cdn.com/2017/ztj/2017/0526/tab-bbox.png);}
#tab .tab_menu .selected{ background: url(//images.17173cdn.com/2017/ztj/2017/0526/menu_on.png); cursor:pointer; color: #fff;}
.hide{display:none;}
.tab_box div{padding:20px;} 


.video{height: 1080px; background: url(//images.17173cdn.com/2017/ztj/2017/0526/v_bg.jpg) no-repeat top center; overflow: hidden;}
.v-title{ width: 1200px; height: 97px; margin: auto; margin-top: 100px;}
.ly{ background-color: #9DA6BF; height: auto; min-height: 900px; background-image:url(//images.17173cdn.com/2017/ztj/2017/0526/m_bg.jpg);background-position:center bottom; background-repeat:no-repeat; overflow: hidden;}
.ly-title{ width: 1200px; height: 91px; margin: auto; margin-top: 100px;}

.ly-main{ width: 1200px; height: auto; margin: auto; margin-top: 50px; line-height: 30px; color: #fff;}

.v-box{ width: 1280px; height: auto; margin: auto; margin-top: 50px; overflow: hidden;}
.v-box ul li{ width: 250px; height: 280px; float: left; margin-left: 40px; margin-top: 50px; background: url(//images.17173cdn.com/2017/ztj/2017/0526/tab-bbox.png) ; border-radius: 3px; padding: 10px;}
.v-box ul li a{ display: block; color: #000000; text-align: center; line-height: 25px;}
.v-box ul li a img{ width: 250px; height: 250px;}
.v-box ul li a:hover{ color: #162136;}
.v-box ul li a:hover img{-webkit-box-shadow:0 0 10px #0CC;  
  -moz-box-shadow:0 0 10px #0CC;  
  box-shadow:0 0 10px #0CC;  }

.fast-menu{ width: 142px; height: 297px; background: url(//images.17173cdn.com/2017/ztj/2017/0526/right_menu.png); position: fixed; right: 30px; padding-top: 50px;}
.fast-menu a{ display: block;  text-align: center; color: #eee; height: 40px; line-height: 25px;}
.fast-menu img{ display: block; margin: auto;}
.fast-menu a:hover{ color: #ff0;}