@charset 'utf-8';


body{color:#333;background:#fff;}


.yahei{font-family:'Microsoft YaHei';}

.top-box,
.nav-box,
.banner-box,
.main-box,
.sub-box,
.footer-box{min-width:1000px;width:100% !important;margin:0 auto;_width:100%;}


.top-box{position:relative;z-index:5; background: url(/skin/baoyt/images/bg-top.gif) center repeat; }
.top-box .area{height:98px;}
.top-box .logo{position:absolute;top:10px;left:0;}
 
.top-img{ margin-top: 24px; }


.nav-box{ position: relative; z-index: 10; background: #009fe3; -moz-box-shadow:4px 4px 5px rgba(0,0,0,.24); -webkit-box-shadow:4px 4px 5px rgba(0,0,0,.24); box-shadow:4px 4px 5px rgba(0,0,0,.24); }
.m-nav .btn-message{ position: absolute; top: -16px; right: 0; width: 112px; height: 85px; overflow: hidden; background: url(/skin/baoyt/images/btn-message.png) no-repeat; }
.m-nav .fir-ul{ margin-right: 112px; font-size:0;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;zoom:1;vertical-align:top;text-align:center;}
.m-nav .fir-ul .u-a{ position: relative; z-index: 5; display:block; padding: 0 14px; height:45px; line-height: 45px; overflow: hidden; font-size: 16px; font-weight: bold; color: #fff; }
.m-nav .fir-ul .current .u-a,
.m-nav .fir-ul .hover .u-a{ background-color: #f47721; }

.m-nav .sec-ul{ position:absolute;z-index:10;top:45px;left:0; width:100%;}
.m-nav .sec-ul a{ position: relative; display: block; overflow:hidden; height:40px;line-height:40px; font-size:14px; color: #fff; background: #009fe3; }
.m-nav .sec-ul a:hover{ background-color: #f47721; }
.m-nav .nav-y .sec-ul{display:none;}


.banner-box{position:relative;z-index:0;}
.m-focus{position:relative;zoom:1;width:100%;}
.m-focus .switchable-box{position:relative;zoom:1;overflow:hidden;width:100%;height:568px;}
.m-focus .switchable-content li{width:100%;height:568px;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{display:block;height:568px;}
.m-focus .switchable-nav{ position: absolute; bottom: 12px; left: 0; width: 100%; line-height: 0; text-align: center; }
.m-focus .switchable-nav li{ display: inline-block; *display: inline; zoom:1; vertical-align: top; overflow:hidden; width:12px;height:0;line-height: 1;margin:0 6px;padding-top:12px; background: #fff; cursor:pointer;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.m-focus .switchable-nav li.active{ background-color: #f47721;}


.main-box,.sub-box{ position: relative; z-index:5;}


.m-problem{ padding: 20px 0 40px; background: #fff; }
.m-problem .title{ padding-top: 30px; text-align: center; }
.m-problem .title h2{ line-height: 34px; font-size: 30px; }
.m-problem .title span{ position: relative; display: inline-block; *display: inline; zoom:1; vertical-align: top; color: #009fe3; }

.m-problem .title .logo{ padding-left: 70px; }
.m-problem .title .logo:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 64px; height: 64px; overflow: hidden; background: url(/skin/baoyt/images/ico-problem.png) no-repeat; }
.m-problem .title .num{ margin-top: -14px; line-height: 1; font-size: 48px; }

.m-problem .tel{ margin-top: 18px; display: inline-block; *display: inline; zoom:1; vertical-align: top; padding: 0 16px 0 0; height: 28px; line-height: 28px; overflow: hidden; font-size: 18px; font-weight: bold; color: #fff; background: #009fe3; -moz-border-radius:14px;-webkit-border-radius:14px;border-radius:14px; }
.m-problem .tel .ico{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-right: 10px; width: 32px; height: 28px; background: #0683b8 url(/skin/baoyt/images/ico-problem-tel.png) 8px center no-repeat; }

.m-problem .listBox{ margin-top: 24px; padding: 0 2px; }
.m-problem .listBox li{ float: left; display: inline; width: 166px; }
.m-problem .listBox .u-box{ display: block; width: 118px; height: 118px; overflow: hidden; padding: 12px; border: solid 12px #fff; background: #e3e8ee; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-moz-box-shadow:6px 5px 0 rgba(207,219,217,.75); -webkit-box-shadow:6px 5px 0 rgba(207,219,217,.75); box-shadow:6px 5px 0 rgba(207,219,217,.75); }
.m-problem .listBox .u-img{ position: relative; z-index: 10; display: block; width: 118px; height: 118px; overflow: hidden; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.m-problem .listBox .u-name{ margin-top: 30px; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px; text-align: center; }
.m-problem .listBox .u-name a:hover{ opacity: .7; }
.m-problem .listBox .u-con{ margin: 14px 26px 0; height: 54px; line-height: 18px; color: #666; overflow: hidden; }
.m-problem .listBox .child-1 a{ color: #f65926; }
.m-problem .listBox .child-2 a{ color: #edc204; }
.m-problem .listBox .child-3 a{ color: #225f74; }
.m-problem .listBox .child-4 a{ color: #0dbae2; }
.m-problem .listBox .child-5 a{ color: #7ac143; }
.m-problem .listBox .child-6 a{ color: #00a78e; }


.m-about{ padding: 125px 0 80px; background: #f9f9f9; }
.m-about .title{ margin: 0 auto; padding: 59px; width: 276px; height: 276px; overflow: hidden; border: solid 3px #f65926; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.m-about .title h2{ position: relative; zoom:1; width: 276px; height: 276px; overflow: hidden; background: url(/skin/baoyt/images/title-about.gif) no-repeat; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.m-about .title a{ position: absolute; bottom: 46px; left: 50%; margin-left: -62px; width: 124px; height: 34px; line-height: 34px; overflow: hidden; font-size: 18px; font-weight: normal; text-align: center; color: #f65926; background: #fff; -moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px; }
.m-about .title a:hover{ -moz-box-shadow:4px 3px 0 #cf2f0c; -webkit-box-shadow:4px 3px 0 #cf2f0c; box-shadow:4px 3px 0 #cf2f0c; }

.m-about .listBox{}
.m-about .listBox li{ position: absolute; }
.m-about .listBox .ico{ display: block; width: 80px; height: 80px; overflow: hidden; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.m-about .listBox .conBox{ position: absolute; width: 322px; }
.m-about .listBox .u-name{ height: 50px; line-height: 50px; overflow: hidden; font-size: 20px; }
.m-about .listBox .u-con{ height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; color: #666; }

.m-about .listBox .child-1{ right: 50%; top: 0; margin-right: 80px; }
.m-about .listBox .child-1 i.ico{ background: url(/skin/baoyt/images/ico-about-1.gif) no-repeat; }
.m-about .listBox .child-1 .conBox{ right: 90px; bottom: 46px; }
.m-about .listBox .child-1 .u-name{ height: 50px; line-height: 50px; overflow: hidden; text-align: right; }
.m-about .listBox .child-2{ right: 50%; top: 50%; margin: -40px 160px 0 0; }
.m-about .listBox .child-2 i.ico{ background: url(/skin/baoyt/images/ico-about-2.gif) no-repeat; }
.m-about .listBox .child-2 .conBox{ right: 84px; top: -50px; width: 256px; }
.m-about .listBox .child-2 .u-name{ height: 50px; line-height: 50px; overflow: hidden; text-align: right; }
.m-about .listBox .child-2 .u-con{ height: 96px; padding-left: 14px; }
.m-about .listBox .child-3{ right: 50%; bottom: -6px; margin-right: 80px; }
.m-about .listBox .child-3 i.ico{ background: url(/skin/baoyt/images/ico-about-3.gif) no-repeat; }
.m-about .listBox .child-3 .conBox{ right: 98px; top: -8px; }
.m-about .listBox .child-3 .u-name{ height: 50px; line-height: 50px; overflow: hidden; text-align: right; }
.m-about .listBox .child-4{ left: 50%; top: 0; margin-left: 80px; }
.m-about .listBox .child-4 i.ico{ background: url(/skin/baoyt/images/ico-about-4.gif) no-repeat; }
.m-about .listBox .child-4 .conBox{ left: 90px; bottom: 46px; }
.m-about .listBox .child-4 .u-name{ height: 50px; line-height: 50px; overflow: hidden; text-align: left; }
.m-about .listBox .child-5{ left: 50%; top: 50%; margin: -40px 0 0 160px; }
.m-about .listBox .child-5 i.ico{ background: url(/skin/baoyt/images/ico-about-5.gif) no-repeat; }
.m-about .listBox .child-5 .conBox{ left: 84px; top: -50px; width: 256px; }
.m-about .listBox .child-5 .u-name{ height: 50px; line-height: 50px; overflow: hidden; text-align: left; }
.m-about .listBox .child-5 .u-con{ height: 96px; padding-right: 14px; }
.m-about .listBox .child-6{ left: 50%; bottom: -6px; margin-left: 80px; }
.m-about .listBox .child-6 i.ico{ background: url(/skin/baoyt/images/ico-about-6.gif) no-repeat; }
.m-about .listBox .child-6 .conBox{ left: 98px; top: -8px; }
.m-about .listBox .child-6 .u-name{ height: 50px; line-height: 50px; overflow: hidden; text-align: left; }

.m-about .listBox .u-name:before,
.m-about .listBox .u-name:after{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-top: 11px; width: 26px; height: 26px; line-height: 26px; overflow: hidden; font-size: 22px; font-family: Arial; font-weight: bold; font-style: italic; text-align: center; color: #f65926; border: solid 1px #f65926; -moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; }
.m-about .listBox .u-name:before{ margin-right: 8px; }
.m-about .listBox .u-name:after{ margin-left: 8px; }

.m-about .listBox .child-1 .u-name:before{content: "1"}
.m-about .listBox .child-2 .u-name:before{content: "2"}
.m-about .listBox .child-3 .u-name:before{content: "3"}
.m-about .listBox .child-4 .u-name:after{content: "4"}
.m-about .listBox .child-5 .u-name:after{content: "5"}
.m-about .listBox .child-6 .u-name:after{content: "6"}

.m-banner{position:relative;zoom:1;overflow:hidden;}
.m-banner a{ display:block; -webkit-transition:all .6s ease;-moz-transition:all .6s ease;transition:all .6s ease; }
.m-banner a:hover{-webkit-filter:brightness(1.15);-moz-filter:brightness(1.15);filter:brightness(1.15);}
.m-banner img{visibility:hidden;}


.w494{ width: 494px; }

.m-wechat{ background: #41dac3; }
.m-wechat .title a{ display: block; padding: 12px 20px 10px; text-align: center; color: #fff; background: #00a78e; }
.m-wechat .title h2{ height: 26px; line-height: 26px; overflow: hidden; font-size: 20px; }
.m-wechat .title p{ height: 22px; line-height: 22px; overflow: hidden; font-size: 16px; }

.m-wechat .listBox{ position: relative; zoom:1; margin: 16px auto; width: 400px; }
.m-wechat .listBox .f-ovh{ height: 324px; }
.m-wechat .listBox li{ float: left; display: inline; width: 174px; padding: 8px; margin-right: 20px; }
.m-wechat .listBox .u-img{ display: block; width: 174px; height: 308px; overflow: hidden; -moz-box-shadow:5px 4px 3px #179a80; -webkit-box-shadow:5px 4px 3px #179a80; box-shadow:5px 4px 3px #179a80; }
.m-wechat .btnBox a{ position: absolute; top: 50%; margin-top: -20px; width: 22px; height: 40px; background: url(/skin/baoyt/images/arr-scroll.png) no-repeat; }
.m-wechat .btnBox a.prevBtn{ left: -32px; background-position: left center; }
.m-wechat .btnBox a.nextBtn{ right: -32px;  background-position: right center;}
.m-wechat .btnBox a.prevBtn:hover{ left: -36px; }
.m-wechat .btnBox a.nextBtn:hover{ right: -36px; }


.m-letter{ background: #ffd95e; }
.m-letter .title a{ display: block; padding: 12px 20px 10px; text-align: center; color: #fff; background: #f1992b; }
.m-letter .title h2{ height: 26px; line-height: 26px; overflow: hidden; font-size: 20px; }
.m-letter .title p{ height: 22px; line-height: 22px; overflow: hidden; font-size: 16px; }

.m-letter .listBox{ position: relative; zoom:1; margin: 16px auto; width: 400px; }
.m-letter .listBox .f-ovh{ height: 324px; }
.m-letter .listBox li{ float: left; display: inline; width: 174px; padding: 8px; margin-right: 20px; }
.m-letter .listBox .u-box{ display: block; width: 174px; height: 308px; background: #fff; -moz-box-shadow:5px 4px 3px #c19023; -webkit-box-shadow:5px 4px 3px #c19023; box-shadow:5px 4px 3px #c19023; }
.m-letter .listBox .u-img{ display: block; width: 174px; height: 122px; overflow: hidden; }
.m-letter .listBox .conBox{ padding: 0 8px 0 10px; }
.m-letter .listBox .u-name{ height: 52px; line-height: 52px; overflow: hidden; font-weight: normal; }
.m-letter .listBox .u-con{ position: relative; zoom:1; margin-top: 5px; padding-top: 16px; color: #666; }
.m-letter .listBox .u-con:after{ content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 0; border-top: solid 1px #ccc; }
.m-letter .listBox .more{ margin-top: 8px; font-weight: bold; color: #f25649; }

.m-letter .btnBox a{ position: absolute; top: 50%; margin-top: -20px; width: 22px; height: 40px; background: url(/skin/baoyt/images/arr-scroll.png) no-repeat; }
.m-letter .btnBox a.prevBtn{ left: -32px; background-position: left center; }
.m-letter .btnBox a.nextBtn{ right: -32px;  background-position: right center;}
.m-letter .btnBox a.prevBtn:hover{ left: -36px; }
.m-letter .btnBox a.nextBtn:hover{ right: -36px; }


.m-video{ background: #30d2ff; }
.m-video .titleBox{ padding-top: 30px; width: 206px; height: 338px; background: #019fe6 url(/skin/baoyt/images/ico-video.gif) center 108px no-repeat; }
.m-video .titleBox .title a{ margin: 0 auto; padding: 8px 0 6px; display: block; width: 150px; text-align: center; color: #fff; border-top: solid 1px #fff; border-bottom: solid 1px #fff; background: #019fe6 }
.m-video .titleBox .title h2{ height: 26px; line-height: 26px; overflow: hidden; font-size: 20px; }
.m-video .titleBox .title p{ height: 22px; line-height: 22px; overflow: hidden; font-size: 16px; }
.m-video .listBox{ padding: 20px 30px 0; width: 734px; }
.m-video .listBox ul{ margin: 0 0 0 -14px; }
.m-video .listBox li{ float: left; display: inline; width: 173px; margin: 8px 0 0 14px; }

.m-video .listBox .u-box{ display: block; }
.m-video .listBox .u-img{ position: relative; zoom:1; display: block; width: 167px; height: 116px; overflow: hidden; border: solid 3px #fff; }
.m-video .listBox .u-img .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/skin/baoyt/images/pngbg-000-15.png) center repeat; }
.m-video .listBox .u-img .ico{ display: block; margin: 30px auto; width: 55px; height: 55px; overflow: hidden; background: url(/skin/baoyt/images/ico-video.png) no-repeat; }
.m-video .listBox .u-name{ height: 40px; line-height: 40px; overflow: hidden; font-weight: normal; color: #0b5171; }






.footer-box{ position: relative; z-index: 10; margin-top: 40px; color: #fff; background:#005a83; }

.m-footer{ padding: 70px 0 30px; }

.footer-box a.footer-tel{ position: absolute; top: -27px; left: 50%; margin-left: -322px; padding: 0 30px; width: 584px; height: 54px; line-height: 54px; overflow: hidden; font-size: 26px; font-weight: bold; text-align: center; color: #fff; letter-spacing: 2px; background: url(/skin/baoyt/images/bg-footer-tel.png) no-repeat; }
.footer-box a.footer-tel .ico{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-top: 8px; width: 38px; height: 38px; overflow: hidden; background: url(/skin/baoyt/images/ico-footer-tel.png) no-repeat; }

.footer-list dl{ float: left; display: inline; margin-left: 30px; }
.footer-list dl.first,
.footer-list dl:first-child{ margin-left: 0; }
.footer-list dt{ margin-bottom: 10px; width: 86px; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; border-bottom: solid 1px #00344b; }

.footer-list dd,
.footer-list dd a{ font-size: 14px; color: #fff; }

.footer-list dl.first dd
.footer-list dl.first dd a,
.footer-list dl:first-child dd,
.footer-list dl:first-child dd a{ color: #b4c5d1; }

.footer-list dl.first dd a:hover,
.footer-list dl:first-child dd a:hover{ color: #fff; }

.footer-wechat .title{ height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; border-bottom: solid 1px #00344b; }
.footer-wechat .conBox{ margin-top: 16px; line-height: 0; font-size: 0; }
.footer-wechat .erwei{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-left: 10px; line-height: 40px; }
.footer-wechat .erwei:first-child,
.footer-wechat .erwei.first{ margin-left: 0; }
.footer-wechat .erwei img{ border: solid 4px #efb323; width: 110px; height: 110px; }
.footer-wechat .erwei p{ font-size: 14px; text-align: center; color: #b4c5d1; }


.m-copyright{ padding: 12px 0 10px; line-height: 24px; background: url(/skin/baoyt/images/line-copyright.gif) center top repeat-x; }
.m-copyright,
.m-copyright a{ color: #fff; }
.m-copyright a:hover{ text-decoration: underline; }



.m-client{ position:fixed; z-index: 999; right:0; top:50%; margin-top: -90px; padding: 10px 0; width:40px; background: url(/skin/baoyt/images/pngbg-009fe3-88.png) repeat;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px;}
.m-client .u-a{ position: relative; display: block; padding-left: 40px; height: 40px;-webkit-border-radius:10px 0 0 10px;border-radius:10px 0 0 10px; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-client .u-a:hover{ background:#f47721;}
.m-client .ico{ position: absolute; top: 50%; left: 0px; margin:-20px 0 0 0; width: 40px; height: 40px; overflow: hidden; background: url(/skin/baoyt/images/ico-client.png) no-repeat; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.m-client .phone .ico{ background-position: 0 0;}
.m-client .qq .ico{ background-position: 0 -40px;}
.m-client .weixin .ico{ background-position: 0 -80px;}
.m-client .goTop .ico{ background-position: 0 -120px;}
.m-client .phone .text{ position: absolute; top: 0; left: 40px; white-space:nowrap; height: 40px; line-height: 40px; overflow: hidden; font-size: 16px; font-weight: bold; color: #fff; padding: 0 10px 0 6px;}
.m-client .weixin .erwei{ display: none; position: absolute; top:50%; left: -140px; margin-top: -65px; width: 120px; padding: 5px; background:#f47721;}
.m-client .weixin .erwei:after{content: ""; position: absolute; top: 50%; right: -8px; margin-top: -4px; width:0; height:0; overflow:hidden; border-width:4px 4px; border-style:solid; border-color: transparent transparent transparent #f47721;}
.m-client .weixin .erwei img{ width: 120px; height: 120px;}


.m-fixed{ position:fixed; z-index: 999; left:6px; bottom:20px; padding: 14px 0 0; width:107px; border: solid 1px #ccc; background: #f4d022; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; -moz-box-shadow:3px 3px 0 rgba(204,204,204,.75); -webkit-box-shadow:3px 3px 0 rgba(204,204,204,.75); box-shadow:3px 3px 0 rgba(204,204,204,.75);}

.m-fixed .menuList{ margin: 0 10px; padding-bottom: 12px; text-align: center; }
.m-fixed .menuList .title{ margin-bottom: 6px; }
.m-fixed .menuList .title:before,
.m-fixed .menuList .title:after{ content: ""; display: block; margin: 0 auto; width: 75px; height: 1px; overflow: hidden; background: #144b84; }
.m-fixed .menuList .title i.ico{ display: block; margin: 0 auto; width: 46px; height: 46px; overflow: hidden; background: url(/skin/baoyt/images/ico-fixed.gif) no-repeat; }
.m-fixed .menuList .title i.ico-1{ background-position: 0 0; }
.m-fixed .menuList .title i.ico-2{ background-position: 0 -46px; }
.m-fixed .menuList .title h2{ padding-bottom: 6px; line-height: 20px; font-size: 16px; color: #144b84; }
.m-fixed .menuList li a{ color: #144b84; }
.m-fixed .menuList li a:hover{ text-decoration: underline; }

.m-fixed .telBox{ position: relative; zoom:1; padding: 110px 0 22px; background: #009fe3 url(/skin/baoyt/images/bg-fixed.gif) center top no-repeat;-moz-border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px; }
.m-fixed .telBox .title{ position: absolute; top: 46px; left: 12px; padding: 8px 10px 14px 25px; width: 75px; line-height: 18px; text-align: center; color: #0882b6; background: url(/skin/baoyt/images/bg-fixed-title.png) no-repeat; }

.m-fixed .telBox .tel{ padding: 3px 0; font-size: 14px; font-weight: bold; text-align: center; color: #fff; background: #4dcaff; }




.m-sub{ padding: 10px 0 0; }
.m-sub .left-column{}
.m-sub .right-column{}


.sub-title{ padding-left: 130px; min-height: 100px; _height: 100px; line-height: 22px; border-bottom: solid 1px #ccc; background: url(/skin/baoyt/images/sub/ico-title.png) left bottom no-repeat; }
.sub-title h2{ padding-top: 4px; line-height: 54px; font-size: 30px; color: #0c88bd; }

.sub-nav{ padding-left: 22px; line-height: 22px; background: url(/skin/baoyt/images/sub/ico-title-nav.gif) 0 0 no-repeat; font-size: 0; }
.sub-nav li{ display: inline; font-size: 14px; }
.sub-nav li:after{ content: "|"; }
.sub-nav li.last:after,
.sub-nav li:last-child:after{ display: none; }
.sub-nav li a{ margin: 0 12px; }
.sub-nav li a:hover,
.sub-nav li.current a{ color: #017eb3; }


.m-current{ margin-top: 58px; padding-left: 24px; font-size: 14px; background: url(/skin/baoyt/images/sub/ico-home.gif) 0 center no-repeat; }
.m-current,
.m-current a{ color: #666; }
.m-current a:hover{ color: #017eb3; }

.m-sub .m-content{ padding-bottom: 20px; min-height:400px;_height:400px; }



.sub-picList{}
.sub-picList ul{ margin: -14px 0 0 -8px; }
.sub-picList li{ float: left; display: inline; margin: 14px 0 0 8px; width: 244px; }
.sub-picList .u-box{ display: block; margin: 0 2px 2px 0; -moz-box-shadow:2px 2px 0 #dfdfdf; -webkit-box-shadow:2px 2px 0 #dfdfdf; box-shadow:2px 2px 0 #dfdfdf; }
.sub-picList .u-img{ position: relative; zoom:1; display: block; width: 242px; height: 176px; overflow: hidden; }
.sub-picList .u-img:after{ content: ""; position: absolute; top: 0; left: 0; width: 234px; height: 168px; border: solid 4px #009fe3; filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.sub-picList .u-name{ padding: 8px 14px 12px; border: solid 1px #dfdfdf; border-top: none; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.sub-picList .u-name h4{ height: 36px; line-height: 18px; overflow: hidden; font-weight: normal;}

.sub-picList .u-box:hover{ background: #009fe3; }
.sub-picList .u-box:hover .u-img:after{  filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1; }
.sub-picList .u-box:hover .u-name{ color: #fff; border-color: #009fe3; }


.sub-course{}
.sub-course ul{ margin-left: -14px; }
.sub-course li{ float: left; display: inline; margin: 0 0 0 14px; width: 324px; }
.sub-course .u-box{ display: block; border-bottom: solid 4px #fff; }
.sub-course .u-img{ position: relative; zoom:1; display: block; width: 324px; height: 242px; overflow: hidden; }
.sub-course .u-img .mask{ position: absolute; top: 100%; left: 0; width: 100%; height: 136px; background: url(/skin/baoyt/images/pngbg-1a1a1a-72.png) center repeat; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease; }
.sub-course .u-con{ margin: 18px 10px 0; height: 96px; line-height: 24px; overflow: hidden; font-size: 14px; color: #fff; }
.sub-course .u-name{ height: 50px; line-height: 50px; overflow: hidden; font-size: 18px; font-weight: normal; }

.sub-course .u-box:hover{ color: #0f95d2; border-color: #f47721; }
.sub-course .u-box:hover .u-img .mask{ margin-top: -136px; }


.course-detail{ }
.course-detail .detail-info{ position: relative; zoom:1; }
.course-detail .detail-info:before{ content: ""; position: absolute; top: 0; right: 0; width: 494px; height: 100%; background: #f7f7f7; }
.course-detail .detail-info .imgBox{ width: 494px; }
.course-detail .detail-info .imgBox img{ max-width:494px;_width:expression((documentElement.clientWidth < 494) ? "" : "494px" ); }
.course-detail .detail-info .conBox{ position: relative; zoom:1; width: 494px; padding-bottom: 54px; }
.course-detail .detail-info .conBox .title{ padding: 20px 32px 15px; line-height: 42px; font-size: 28px; font-weight: normal; border-bottom: solid 1px #ccc; }
.course-detail .detail-info .conBox .u-con{ padding: 14px 32px; line-height: 36px; font-size: 20px; border-top: solid 1px #fff; }

.course-detail .detail-info .btn{ position: absolute; bottom: 20px; right: 20px; width: 120px; height: 34px; line-height: 34px; overflow: hidden; font-size: 20px; text-align: center; color: #fff; background: #f47721; -moz-border-radius:17px;-webkit-border-radius:17px;border-radius:17px; }

.course-detail .detail-con{ margin-top: 10px; }
.course-detail .detail-con .title{ border-bottom: solid 3px #009fe3; background: #f7f7f7; }
.course-detail .detail-con .title h2{ width: 146px; padding-top: 3px; height: 46px; line-height: 46px; overflow: hidden; font-size: 22px; text-align: center; color: #fff; background: #009fe3; }
.course-detail .detail-con .u-con{ padding: 15px 10px 15px 30px; line-height: 24px; font-size: 14px; }
.course-detail .detail-con .u-con h4{ position: relative; zoom:1; padding: 4px 0; line-height: 36px; font-size: 18px; font-weight: normal; }
.course-detail .detail-con .u-con h4:before{ content: ""; position: absolute; top: 50%; left: -17px; margin-top: -10px; width: 5px; height: 20px; overflow: hidden; background: #009fe3; }

.course-detail .detail-list{ position: relative; zoom:1; margin-top: 10px; }
.course-detail .detail-list li{ float: left; display: inline; margin-right: 8px; width: 244px; }
.course-detail .detail-list .u-box{ display: block; margin: 0 2px 2px 0; -moz-box-shadow:2px 2px 0 #dfdfdf; -webkit-box-shadow:2px 2px 0 #dfdfdf; box-shadow:2px 2px 0 #dfdfdf; }
.course-detail .detail-list .u-img{ position: relative; zoom:1; display: block; width: 242px; height: 176px; overflow: hidden; }
.course-detail .detail-list .u-img:after{ content: ""; position: absolute; top: 0; left: 0; width: 234px; height: 168px; border: solid 4px #009fe3; filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.course-detail .detail-list .u-name{ padding: 8px 14px 12px; border: solid 1px #dfdfdf; border-top: none; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.course-detail .detail-list .u-name h4{ height: 36px; line-height: 18px; overflow: hidden; font-weight: normal;}

.course-detail .detail-list .u-box:hover{ background: #009fe3; }
.course-detail .detail-list .u-box:hover .u-img:after{  filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1; }
.course-detail .detail-list .u-box:hover .u-name{ color: #fff; border-color: #009fe3; }

.course-detail .course-btn{ position: absolute; top: 50%; margin-top: -24px; line-height: 1; font-size: 48px; font-family: 'SimHei'; color: #f47721; }
.course-detail .course-btn:hover{ color: #009fe3; }
.course-detail .course-prev{ left: -40px; }
.course-detail .course-next{ right: -40px; }



.sub-news li{ position: relative; zoom:1; padding-left: 36px; height: 50px; line-height: 50px; overflow: hidden; font-size: 14px; border-bottom: solid 1px #e4e4e4; }
.sub-news li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}

.sub-news span.u-date{ float: right; display: inline; margin-left: 20px; font-size: 12px; color: #666; }

.sub-news a.u-name:after{ content: ">"; position: absolute; top: 50%; left: 0; margin-top: -8px; width: 15px; height: 15px; line-height: 15px; overflow: hidden; font-size: 13px; font-family: 'SimHei'; font-weight: bold; text-align: center; color: #fff; background: #ccc; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.sub-news a.u-name:hover{ color: #017eb3; }
.sub-news a.u-name:hover:after{ background-color: #f47721; }



.detail-share{padding:15px 0;}
.detail-share a{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.detail-share .bdsharebuttonbox{float:right;display:inline;}

.detail-page{ border-top: solid 1px #ccc;}
.detail-page .page-text{overflow:hidden;width:48%;height:34px;line-height:34px;white-space:nowrap;text-overflow:ellipsis;font-size: 12px;color:#999;}
.detail-page .page-text a{color:#999;}
.detail-page .page-text a:hover{color:#009fe3;}
.detail-page .f-fr{text-align:right;}


/******************** sub-content ********************/
.sub-content{ padding: 20px 0;}
.sub-content img{  max-width:1000px;_width:expression((documentElement.clientWidth < 1000) ? "" : "1000px" );}
.sub-content .f-fl{width:auto;margin:0 0 10px 10px;}
.sub-content h1{ margin-bottom: 20px; line-height:32px;font-size:22px;font-family:'Microsoft YaHei';text-align:center;}
.sub-content p{line-height:24px;font-size:14px; }
.sub-content #platform img{max-width:none;_width:none;}


.pro-detail{}
.pro-detail h1{line-height:32px;font-size:22px;font-family:'Microsoft YaHei';text-align:center;}
.pro-detail .detail-time,
.pro-detail .detail-user{line-height:20px;margin-bottom: 10px;font-size:12px;text-align:center;color:#999;}
.pro-detail .detail-img{position:relative;zoom:1;padding:10px 0;text-align:center;}
.pro-detail .detail-img img,
.pro-detail .detail-con img{ max-width:1000px;_width:expression((documentElement.clientWidth < 1000) ? "" : "1000px" );}
.pro-detail .detail-img .debtn-prev,
.pro-detail .detail-img .debtn-next{position:absolute;z-index:11;top:50%;display:block;width:54px;height:87px;margin-top:-44px;background:url(/skin/baoyt/images/sub/pic-debtn.gif) no-repeat;opacity:.3;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;}
.pro-detail .detail-img .debtn-prev:hover,
.pro-detail .detail-img .debtn-next:hover{opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;}
.pro-detail .detail-img .debtn-prev{left:0;background-position:left 0;}
.pro-detail .detail-img .debtn-next{right:0;background-position:right 0;}
.pro-detail .detail-con{line-height:24px;padding:10px 0; font-size: 14px;}


.news-detail{ padding: 20px 0;}
.news-detail h1{line-height:32px;font-size:22px;font-family:'Microsoft YaHei';text-align:center;}
.news-detail .detail-time,
.news-detail .detail-user{line-height:20px;margin-bottom: 10px;font-size:12px;text-align:center;color:#999;}
.news-detail .detail-img{padding:10px 0;text-align:center;}
.news-detail .detail-img img,
.news-detail .detail-con img{ max-width:1000px;_width:expression((documentElement.clientWidth < 1000) ? "" : "1000px" );}
.news-detail .detail-con{line-height:24px;padding:10px 0; font-size: 14px;}


.sub-message{ padding: 20px;}
.sub-message .m-textimg{line-height:24px;margin-bottom:20px;font-size:14px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{display:inline-block;padding-right:5px;font-style:normal;color:#f00;*display:inline;*zoom:1;}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{margin-bottom:20px;padding:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{position:relative;display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top;}
.sub-message .m-form .td-textarea{width:60%;vertical-align:middle;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;vertical-align:middle;}
.sub-message .m-submit{text-align:right;vertical-align:top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;font-family:'microsoft yahei';font-size:14px;border:none;cursor:pointer;}
.sub-message .m-submit input{width:80px;height:24px;line-height:24px;margin:0;padding-left:5px;vertical-align:top;cursor:auto;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{font-family:'microsoft yahei';border:1px solid #ddd;background:#fff;}
.sub-message .m-form{border:1px solid #e9e9e9;background:#fcfcfc;}
.sub-message .m-submit .btn{color:#fff;background:#009fe3;}


.sub-order{ padding-bottom: 20px; background: #f9f9f9; }
.sub-order .tabBox{ }
.sub-order .tabTitle{ background: #eee; }
.sub-order .tabTitle li{ position: relative; zoom:1; float: left; display: inline; margin-right: 2px; width: 110px; height: 46px; line-height: 44px; font-size: 18px; font-weight: bold; text-align: center; background-position: center bottom; background-repeat: no-repeat; cursor: pointer; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease; }
.sub-order .tabTitle li:after{ content: ""; position: absolute; top: 50%; right: -2px; margin-top: -8px; width: 0; height: 16px; overflow: hidden; border-left: solid 1px #d1d1d1; border-right: solid 1px #fff; }
.sub-order .tabTitle li.on{ color: #009fe3; }
.sub-order .tabCon .content{ overflow: hidden; }

.sub-order .titleBox{ padding: 0 20px; line-height: 74px; font-size: 40px; color: #f47721; }
.sub-order .titleBox span{ margin-left: 5px; font-size: 20px; color: #999; }


.sub-order .formBox{ margin: 0 20px; font-family: 'SimSun'; background: #fff; }
.sub-order .formBox tr{ border-bottom: solid 1px #eee; }
.sub-order .formBox th,
.sub-order .formBox td{ padding: 10px 0; }
.sub-order .formBox th{ width: 180px; font-size: 14px; font-weight: normal; text-align: right; }

.sub-order .formBox .form{ padding: 10px 20px; width: 230px; font-size: 14px; }
.sub-order .formBox .form label{ cursor: pointer; }
.sub-order .formBox .tips i{ color: #f00; }
.sub-order .formBox .tips i.white{ color: #fff; }

.sub-order .formBox label{ display: inline-block; *display: inline; zoom:1; vertical-align: top; }
.sub-order .formBox .u-text{ width: 220px; height: 24px; line-height: 24px; padding: 0 4px; border: solid 1px #ccc; }
.sub-order .formBox .u-textarea{ width: 220px; height: 56px; padding: 4px; border: solid 1px #ccc; }
.sub-order .formBox .u-select{ width: 230px; height: 26px; border: solid 1px #ccc; }
.sub-order .formBox .u-btn{ display: block; margin: 30px auto; width: 90px; height: 32px; font-size: 18px; font-family: 'Microsoft YaHei'; color: #fff; border: 0 none; background: #009fe3; }



/*选择日期*/
#DateGird table{ line-height: 1; border-collapse:separate;border-spacing:1;}
.TrOver { background:#26a73e; height:18px; border:0px solid #999; color:#fff; cursor:pointer; font-size:14px; font-family:Arial; }
.TdOut { background:#dffdf7; height:16px; width:28px; border:1px solid #3cc3a8; color:#333; cursor:pointer; font-size:14px; font-family:Arial; }
.TdOver { background:#F6FAFE; height:20px; width:30px; border:0px solid #ccc; color:#000; cursor:auto; font-size:14px; font-family:Arial; }
.TrTitle { text-align:center; background:#F2F7FF; height:20px; border-bottom:5px solid #F2F7FF; color:#000; font-size:14px; font-family:Arial; cursor:auto; }


/*新增列表*/
.sub-wechat{ margin: 0 auto; width: 820px; }
.sub-wechat ul{ margin: -20px 0 0 -20px; }
.sub-wechat li{ float: left; display: inline; width: 174px; padding: 8px; margin:20px 0 0 20px; }
.sub-wechat .u-img{ display: block; width: 174px; height: 308px; overflow: hidden; -moz-box-shadow:5px 4px 3px #ccc; -webkit-box-shadow:5px 4px 3px #ccc; box-shadow:5px 4px 3px #ccc; }

.sub-letter{ margin: 0 auto; width: 820px; }
.sub-letter ul{ margin: -20px 0 0 -20px; }
.sub-letter li{ float: left; display: inline; width: 174px; padding: 8px; margin:20px 0 0 20px; }
.sub-letter .u-box{ display: block; width: 174px; height: 308px; background: #fff; -moz-box-shadow:5px 4px 3px #ccc; -webkit-box-shadow:5px 4px 3px #ccc; box-shadow:5px 4px 3px #ccc; }
.sub-letter .u-img{ display: block; width: 174px; height: 122px; overflow: hidden; }
.sub-letter .conBox{ padding: 0 8px 0 10px; }
.sub-letter .u-name{ height: 52px; line-height: 52px; overflow: hidden; font-weight: normal; }
.sub-letter .u-con{ position: relative; zoom:1; margin-top: 5px; padding-top: 16px; color: #666; }
.sub-letter .u-con:after{ content: ""; position: absolute; top: 0; left: 0; width: 32px; height: 0; border-top: solid 1px #ccc; }
.sub-letter .more{ margin-top: 8px; font-weight: bold; color: #f25649; }

.sub-video{ margin: 0 auto; width: 935px; }
.sub-video ul{ margin: 0 0 0 -14px; }
.sub-video li{ float: left; display: inline; width: 173px; margin: 8px 0 0 14px; }

.sub-video .u-box{ display: block; }
.sub-video .u-img{ position: relative; zoom:1; display: block; width: 167px; height: 116px; overflow: hidden; border: solid 3px #fff; }
.sub-video .u-img .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/skin/baoyt/images/pngbg-000-15.png) center repeat; }
.sub-video .u-img .ico{ display: block; margin: 30px auto; width: 55px; height: 55px; overflow: hidden; background: url(/skin/baoyt/images/ico-video.png) no-repeat; }
.sub-video .u-name{ height: 40px; line-height: 40px; overflow: hidden; font-weight: normal; color: #0b5171; }




/*
     FILE ARCHIVED ON 22:38:18 Aug 17, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 06:59:33 May 08, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.83
  exclusion.robots: 0.041
  exclusion.robots.policy: 0.024
  esindex: 0.018
  cdx.remote: 8.788
  LoadShardBlock: 128.717 (3)
  PetaboxLoader3.datanode: 100.64 (4)
  PetaboxLoader3.resolve: 306.552 (2)
  load_resource: 320.441
*/