body{margin:0;padding:0;font-size:14px;background-color:#fff;font-family:'Microsoft YaHei',微软雅黑,Verdana,Arial,Lucida Grande,Tahoma,sans-serif}
A:link{color:#443433;text-decoration:none;outline:0}
A:visited{color:#443433;text-decoration:none;outline:0}
A:hover{color:#443433;text-decoration:none;outline:0}
A:active{color:#443433;text-decoration:none;outline:0}
a{border-width:0}
img{border-width:0}
div,li,ul{margin:0;padding:0;border:0}
li{list-style-type:none}
.fl{float:left}
.fr{float:right}
.fn{float:none}
.fi{float:inherit}
.fcb{clear:both}
table{border-collapse:collapse}
.fred{color:red}
.ffff{color:#fff}
.fccc{color:#ccc}
.ers{border:#FFBDAD 1px solid;padding:5px 3px 2px 22px;color:red;display:-moz-inline-box;display:inline-block;background:url(../images/ers.gif) 2px center no-repeat;font-size:12px}
.AspNetPager a{border:1px solid #D7D7D7;padding:5px 10px 5px 10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.AspNetPager a:hover{border:1px solid #00BB9C;padding:5px 10px 5px 10px;background-color:#00BB9C;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.AspNetPager{text-align:center;padding:20px 5px 10px 5px;clear:both}
.AspNetPager input{border:1px solid #D7D7D7;padding:0 2px 0 2px!important;padding:2px 0 0 0;background-color:#FFF;cursor:pointer;width:inherit;font-size:12px}
.AspNetPager span{border:1px solid #665B59;padding:5px 10px 5px 10px;background-color:#665B59;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.AspNetPager .cpb{border:1px solid #00BB9C;padding:5px 10px 5px 10px;background-color:#00BB9C;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.main{text-align:left;width:1200px;height:auto;margin:0 auto;overflow:hidden}
.mainbox20{float:left;clear:left;width:100%;height:15px;visibility:hidden;overflow:hidden}
.top100{width:100%;height:auto;margin:0 auto;overflow:hidden;height:110px;padding:5px 0 5px 0}
.topmain{text-align:left;width:1200px;height:auto;margin:0 auto;overflow:hidden;padding:0}
.top100 .logo{width:600px;float:left}
.top100 .tel{width:400px;float:right;text-align:right;padding-right:15px;padding-top:40px;}
.top100 .input{width:200px;height:30px; border:1px solid #ccc;float:left;padding:0 5px 0 5px;}
    .top100 .input:focus {
        outline: none;
        border: 1px solid #00BB9C;
    }
.top100 button {
    background-color: #00BB9C;
    height: 32px;
    border: 2px solid #00BB9C;
    width: 70px;
    color: #fff;
    float: left;
}
.nav100{width:100%;height:auto;margin:0 auto;overflow:hidden;background-color:#00BB9C;height:45px;overflow:hidden}
.nav{text-align:left;width:1200px;height:auto;margin:0 auto;overflow:hidden;height:45px}
.nav li{width:170px;float:left;font-size:17px;text-align:center;line-height:45px}
.nav a{width:150px;height:45px;display:block;color:#fff}
.nav a:hover{width:150px;height:45px;background-color:#009078}
.top100h{width:1200px;height:200px;margin:0 auto;overflow:hidden;background-color:#f3f3f3;background-image:url(../images/%E6%9C%AA%E5%91%BD%E5%90%8D-10.jpg);background-position:top center;background-repeat:no-repeat; margin-top:15px;}
.slide-wp{width:1920px;height:550px;position:relative;left:50%;margin-left:-960px;overflow:hidden}
.slide-bg,.slides{height:550px;background-color:#f3f3f3;overflow-x:hidden}
.slidesjs-pagination{position:absolute;top:530px;left:50%;z-index:11;margin-left:-52px}
.slidesjs-pagination li{float:left;margin-right:10px}
.slidesjs-pagination li a{text-indent:-9999px;background-color:#fff;display:inline-block;width:10px;height:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #666}
.slidesjs-pagination li a.active{background-color:#26C9FF}
.slideChild{width:1000px;margin:0 auto;z-index:10;height:550px;position:relative}
.slideImg{position:absolute;top:0;left:0;z-index:9}
.down{height:180px;width:100%;background-color:#444;color:#ddd;overflow:hidden;border-top:5px solid #000;padding-top:30px}
.down .box1{width:100px;float:left;text-align:center;padding-left:80px}
.down .box1 p{margin:0;padding-top:5px}
.down .box2{float:left;width:760px;line-height:35px;text-align:center}
.down .box4{float:left;width:240px;line-height:28px;padding-left:20px;text-align:center;padding-top:20px;}
.down .copyright{text-align:center;height:50px;line-height:50px}
.down a{color:#ddd}
.iboxtitle{width:1200px;background-image:url(../images/bg_index_line.png);height:100px;background-repeat:no-repeat;text-align:center}
.iboxtitle img{text-align:center;margin:0 auto}
.imbox{text-align:left;width:100%;height:auto;margin:0 auto;overflow:hidden;background-color:#eee;height:550px}
.inav{width:1240px;padding-bottom:25px; overflow:hidden;}
.inav ul{width:306px;float:left;padding:10px 0 15px 0}
.inav li{width:280px;position:relative;overflow:hidden;cursor:pointer;height:280px}
.inav .txt{width:280px;height:45px;position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";background-image:url(../images/bg_inav.png)}
.inav .txt h3{font-size:18px;height:45px;text-align:center;line-height:45px;font-weight:lighter;margin-top:0;color:#fff;}
.inav .txt p{font-size:14px;text-align:center;color:#fff;}
.inav2{width:1280px;}
.inav2 ul{width:410px;float:left;padding:10px 0 40px 0px;}
.inav2 li{width:380px;position:relative;overflow:hidden;cursor:pointer;height:250px; text-align:center;}
.inav2 img{width:360px; height:230px; padding:10px; background-color:#fff;}
.inav2 .txt{width:360px;color:#000;font-family:"微软雅黑"; padding-top:10px;}
.inav2 .txt h3{font-size:14px;height:45px;text-align:left;line-height:45px;color:#000;width:360px; font-weight:bold; overflow:hidden; margin:0px;}
.inav2 .txt .date{font-size:12px;text-align:left;color:#333333; padding:0px; margin:0; height:28px; line-height:28px;}
.inav2 .txt .tips{font-size:12px;text-align:left;color:#333333; line-height:28px;padding:0px; margin:0;}
.inews .ul{width:300px;float:left;padding:0 50px 0 50px}
.inews .title{padding-bottom:5px}
.inews .pic{width:290px;height:190px;padding:5px;background-color:#fff;position:relative}
.inews .pic img{width:290px;height:190px;clear:both}
.inews .pic p{padding:0 5px 0 5px;margin:0;position:absolute;left:5px;bottom:5px;background-image:url(../images/bg_inav.png);height:30px;width:280px;color:#fff;line-height:30px;overflow:hidden}
.inews .txt{width:300px;padding-top:10px}
.inews .txt li{background-image:url(../images/d1.png);background-repeat:no-repeat;background-position:left center;height:35px;line-height:35px;overflow:hidden;padding-left:10px}
.iabout .pic{width:280px;float:left;text-align:center}
.iabout .txt{width:890px;float:left;line-height:35px;padding-left:30px}
.mboxl{width:242px;float:left;text-align:left;overflow:hidden}
.mboxr{width:930px;float:right;text-align:left;overflow:hidden}
.boxt{width:100%;height:100px;background-color:#00BB9C;margin-bottom:10px;font-size:30px;color:#fff;text-align:center;line-height:100px}
.boxl_title{height:40px;background-color:#00BB9C;line-height:40px}
.boxl_title .cn{color:#fff;font-size:16px;padding-left:10px}
.boxl_title .en{color:#fff;font-size:12px;padding-left:5px}
.boxl{width:240px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#f6f6f6}
.boxl .boxnav0{height:45px;line-height:45px;background-color:#f6f6f6;background-image:url(../images/dog_nav0.png);background-position:left center;background-repeat:no-repeat;padding-left:30px}
.boxl .boxnav1{height:45px;line-height:45px;background-color:#fff;background-image:url(../images/dog_nav1.png);background-position:left center;background-repeat:no-repeat;padding-left:30px}
.boxl .boxnav1_1{height:40px;line-height:40px;background-color:#fff;background-position:left center;background-repeat:no-repeat;}
.boxl .boxnav1_1 img{float:left;}
.boxl .boxnav1_1 a{float:left;}
.boxl .boxnav2{height:40px;line-height:40px;background-color:#fff;background-image:url(../images/dog_nav2.png);background-position:left center;background-repeat:no-repeat;padding-left:45px;}
.boxus{padding:10px 10px 10px 10px;line-height:36px;border:1px solid #ccc;border-top-width:0;background-color:#f6f6f6;height:250px}
.boxabout{width:900px;padding:10px 15px 15px 15px;line-height:30px}
.boxlnews{padding:10px;font-size:14px;border-left:1px solid #ccc;border-right:1px solid #ccc}
.boxlnews ul{width:220px;height:60px;border-bottom:1px solid #ccc;padding-top:10px}
.boxlnews ul .pic{width:60px;height:50px;float:left}
.boxlnews ul .txt{width:150px;height:50px;float:left}
.imbox_t_l{height:40px;width:100%;overflow:hidden;background-image:url(../images/bg_t.png);background-position:left top;background-repeat:no-repeat}
.imbox_t_cn{font-size:16px;color:#000;float:left;height:40px;line-height:40px;padding:0 8px 0 4px;font-weight:700}
.imbox_t_cn2{font-size:12px;color:#000;float:left;height:40px;line-height:40px;padding:0 8px 0 0;color:#666}
.imbox_t_cn0{font-size:16px;color:#000;float:left;height:40px;line-height:40px;padding:0 8px 0 8px;background-image:url(../images/bg_t.png);background-position:left bottom;background-repeat:repeat-x}
.imbox_t_en{font-size:12px;color:#999;float:right;height:40px;line-height:40px;padding-left:10px;margin-top:4px}

.ibox880{ width:930px; padding:30px 0px 20px 20px;overflow:hidden;}
.ibox880 li{ width:310px; height:260px; float:left;overflow:hidden; text-align:center; }
.ibox880 li img{ border:1px solid #eee; background-color:#eee; width:265px; height:200px; clear:both; float:left; margin:0 auto;}
.ibox880 p{ margin:0 auto; padding-top:5px;clear:both; float:left; display:block; text-align:center; height:50px; width:265px; line-height:25px; overflow:hidden;}

.pro880{width:900px;padding:20px 0 20px 0;overflow:hidden}
.pro880 li{width:225px;height:230px;float:left;overflow:hidden;text-align:center}
.pro880 li img{border:1px solid #eee;background-color:#eee;width:210px;height:160px;clear:both;float:left;margin:0 auto}
.pro880 p{margin:0 auto;padding-top:5px;clear:both;float:left;display:block;text-align:center;height:50px;width:210px;line-height:25px;overflow:hidden}
.proshow{padding:10px 15px 10px 15px;width:900px;overflow:hidden}
.proshow .t1{font-size:24px;line-height:24px;clear:both;padding:15px 0 15px 0;text-align:center;background-color:#eee;}
.proshow .t1 span{display:block;width:130px;float:left}
.proshow .t2{font-size:12px;line-height:24px;border-bottom:3px solid #eee;height:45px;clear:both;padding-top:15px;text-align:center}
.ebook{width:880px;padding:15px 0 0 10px}
.ebook li{width:220px;height:335px;float:left;overflow:hidden;text-align:center}
.ebook li img{border:1px solid #eee;background-color:#eee;width:200px;height:260px;clear:both;float:left}
.ebook p{margin:0;padding-top:5px;clear:both;float:left;display:block;text-align:center;height:50px;width:200px;line-height:25px;overflow:hidden}

.newslist{ padding:10px;}
.newslist ul{ width:900px; height:160px; border-bottom:1px solid #ccc; padding-top:20px;}
.newslist ul .pic{ width:220px; height:140px; float:left;}
.newslist ul .txt{ width:680px; height:140px; float:left;}
.newslist ul span{ display:block;}
.newslist ul .t1{ color:#666; font-size:12px;}
.newslist ul .t2{ font-weight:bold; padding:5px 0 5px 0;}
.newslist ul .t3{ color:#666; font-size:12px; line-height:24px;}

.newsshow { padding:10px 15px 10px 15px;width:900px; overflow:hidden;}
.newsshow .t1{font-size:24px; font-weight:bold; line-height:24px;clear:both; padding:10px 0 0 0; background-color:#eee; text-align:center; padding:10px 10px 5px 10px;}
.newsshow .t2{font-size:12px; line-height:24px; border-bottom:3px solid #eee; height:30px;clear:both; padding-top:5px; background-color:#eee;text-align:center;}
.boxshow{width:900px; padding:10px 0 0 0; line-height:26px; }

/* slide */
.slide-main{height:550px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:253px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:530px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#444;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:550px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:550px;padding-top:0px;background:#ff6900;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#f3f3f3;background-image:url(../images/h2.jpg); background-repeat:no-repeat; background-position:top center;}
#bgstyleb{background:#f3f3f3;background-image:url(../images/h3.jpg); background-repeat:no-repeat; background-position:top center;}
#bgstylec{background:#f3f3f3; background-image:url(../images/h1.jpg); background-repeat:no-repeat; background-position:top center;}
.slide a{display:block;width:100%;height:490px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a{width:629px;height:113px;margin-left:-300px;top:200px;z-index:12;}
.obj-b{top:406px;height:100px;}
.obj-c{display:block;height:582px;top:0;margin-left:-540px;}
.obj-d{width:629px;height:113px;margin-left:-300px;top:200px;z-index:12;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:629px;height:113px;margin-left:-300px;top:200px;z-index:12;}
.obj-f{width:692px;height:394px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }