@charset "gb2312";
/* CSS Document */
/*³õʼ»¯*/
html, body, div, p, ul,ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, span, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; }
/* IE5.xIE6§Òbug */
* html body{overflow: visible;}
* html iframe, * html frame{overflow: auto;}
* html frameset{overflow: hidden;}
/*a,li*/
a{text-decoration: none}
li{list-style: none;}
/*Çå³ý¸¡¶¯*/
.clear{clear: both}
.fr{float: right;}
.h20{padding-top: 20px;}
.h1{height:1px; display: block; background: #fff}
.h10{height: 10px;}
.sp20{padding-left:20px}
/*¾ÓÖÐ*/
.main{ width:1100px; margin:auto;}
img{ border:none;} 

.head{ width:100%; height:106px; position:relative;}
.head .txt{ height:28px; width:100%; background:#660798;  font:13px/28px "ËÎÌå";color:#dfe8f5;}
.head .txt a{ color:#dfe8f5;}
.head .txt span{ display:block; text-align:right;}
.logo{ position:absolute; top:0%;}
.img1{ display:inline-block; float:left; margin-left:375px; margin-top:28px;}
.search {position: absolute;left:50%;top:59px;margin-left:170px;height: 27px;width: 261px;border: 1px solid #666666;}
.search-text {border: none;font: 14px/27px "΢ÈíÑźÚ";color: #666666;height: 27px;background: none;text-indent: 33px;width: 213px;}
.search-bt {border: none;color: #1B1B1B;background: url(../img/search.png) no-repeat center #666666;width: 48px;height: 100%;position: absolute;right: 0;}
.img2{ display:inline-block; float:right; margin-top:13px;}

.nav{ display:inline-block; height:55px; background:#570682; width:100%; text-align:center;}
.nav ul{ display:inline-block; margin-top:20px;}
.nav ul li{ float:left; width:128px; font:16px/16px "΢ÈíÑźÚ"; border-left:1px solid #FFF;}
.nav ul li a{ color:#fff;}
.nav ul li:first-of-type{ border-left:none}

.flash{ width:100%; height:460px; overflow:hidden;}

.nav ul li a:hover,.m1-R>ul li h3 a:hover,.m-a:hover{ color:#666666}

.main1{ margin-top:38px; display:inline-block; width:100%; margin-bottom:36px;}
.m1-L{ width:228px; display:inline-block; float:left; background:#660798;}
.m1-L p{ width:100%; height:44px; border-bottom:3px solid #fff; display:inline-block; font:20px/40px "΢ÈíÑźÚ"; color:#fff; font-weight:600; text-align:center;}
.m1-L p span{ height:42px; border-bottom:1px solid #fff; display:inline-block; width:100%;}
.m1-L>ul{ width:172px; margin:12px auto;}
.m1-L>ul>li{ width:100%; font:16px/22px "΢ÈíÑźÚ"; text-indent:20px; margin-bottom:3px}
.m1-L>ul>li>a{ display:block; height:22px; color:#444444; background:#ffffff;}
.m1-L>ul>li>ul li{ font-size:14px; width:100%; margin-left:20px; width:135px;margin-bottom:3px;}
.m1-L>ul>li>ul li:first-of-type{ margin-top:4px;}
.m1-L>ul>li>ul li a{ color:#fff; display:block;}
.m1-L>ul>li>ul li a:hover{ background:#410561}
.m1-R{ width:834px; display:inline-block; float:right;}
.m1-R>h3{ font:20px/40px "΢ÈíÑźÚ"; color:#fff; background:#660798; text-indent:20px;}
.m1-R>h3 a{ color:#fff;}
.m1-a{ font-size:14px; margin-right:15px;}
.m1-R>ul{ display:inline-block; margin-left:-24px;}
.m1-R>ul li,.main3>ul li{ width:261px; float:left; margin-left:25px; margin-top:30px;}
.m1-R>ul li img,.main3>ul li img{ border:1px solid #dadada;}
.m1-R>ul li h3{ text-indent:15px; background:url(../img/more.png) no-repeat right center #dadada; font:14px/27px "ËÎÌå"; color:#444444;}
.m1-R>ul li h3 a{ color:#fff; margin-right:10px;}

.main2{ display:inline-block; padding:34px 0px; background:#f0f0f0; width:100%;}
.m2-L{ width:353px; display:inline-block; background:#fff; float:left; padding-bottom:29px;}
.m-title{ width:100%; background:url(../img/h3.png) no-repeat left center #444444;}
.m-title h3{ display:inline-block; font:18px/38px "΢ÈíÑźÚ"; color:#fff; margin-left:10px}
.m-a{ color:#fff; font:14px/38px "΢ÈíÑźÚ"; margin-right:10px;}
.m2-L>img{ display:block; margin:auto; margin-top:30px; margin-bottom:8px;}
.m2-txt{  width:93%;margin:auto; display:block; font:14px/25px "ËÎÌå"; color:#777777}
.m2-R{ width:722px; display:inline-block; float:right; background:#fff; padding-bottom:38px;}
.m2-mv{ display:inline-block; width:332px; height:218px; overflow:hidden; float:left; margin-left:20px; margin-top:40px;}

.main3>ul{display:inline-block; margin-left:-10px}
.main3>ul li{ margin-left:15px}

.main4{ display:inline-block; margin-top:35px; width:100%;}
.m4-L{ display:inline-block; float:left; width:340px; background:#f3f3f3; padding-bottom:20px;}
.m4-C{ width:363px; display:inline-block; float:left; margin-left:20px;background:#f3f3f3; padding-bottom:20px;}
.m4-R{background:#f3f3f3; width:352px; display:inline-block; float:right; padding-bottom:18px;}
.m4-R .m-title,.R .m-title{ background:url(../img/h3.png) no-repeat 10% center #444444;}
.m4-R .m-title h3,.R .m-title h3{ margin-left:0px; background:#660798; text-indent:10px;}
.m4-L>img{ margin:auto;margin-top:10px; display:block; }
.m4-L>ul{ margin-top:10px; margin-left:13px; font:14px/25px "ËÎÌå"; color:#666666;}
.m4-div{ width:97%; margin:auto; margin-top:17px;}
.m4-div img{ display:inline-block; float:left; margin-right:7px;}
.m4-div h3{ font:16px/28px "΢ÈíÑźÚ"; font-weight:600; margin-bottom:15px;}
.m4-div a{ color:#555555;}
.m4-div p{ font:14px/25px "΢ÈíÑźÚ"; color:#777777;}
.m4-C>ul{ display:inline-block; margin-top:10px; width:100%;}
.m4-C>ul li{ font:14px/35px "΢ÈíÑźÚ"; border-bottom:1px dashed #b5b5b5;  margin-right:5px; margin-left:5px;}
.m4-C>ul li a{ color:#555555;}

#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{ width:341px; height:250px; margin: auto;  position:relative; overflow:hidden; margin-top:40px;}
.box{ position:relative; width:287px; height:250px; margin:0px auto; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0px; top:0; text-align:center;}
#playBox .oUlplay li{ float:left; width:287px;  font:14px/23px "ËÎÌå"; color:#606060;}
#playBox .pre{ cursor:pointer; width:45px; height:45px; background:url(../img/pre.png) no-repeat; position:absolute; top:90px; left:0px; z-index:10;}
#playBox .next{ cursor:pointer; width:30px; height:45px; background:url(../img/next.png) no-repeat right; position:absolute; top:90px; right:0px; z-index:10;}
#playBox .smalltitle { display:none;width:1000px; height:10px; position:absolute; bottom:15px; z-index:10}
#playBox .smalltitle .thistitle{ background:#69aaec;}

.foot{font:16px/30px "ËÎÌå"; color:#fff; display:inline-block; margin-top:30px; padding-bottom:16px; width:100%; text-align:center; padding-top:20px; background:#444444;}
.foot-nav li,.foot-call li{ float:left; margin-left:15px; margin-right:15px;}
.foot-nav,.foot-call{ display:inline-block;}
.foot p{text-align: center; max-width:1100px; margin:auto;}
.foot p a{color: #fff; padding: 5px 15px;}
.foot-nav li a{ color:#fff;}
.foot-nav li a:hover,.foot p a:hover{ color:#660798;}

/*×ÓÒ³*/
.L{width:230px; float:left; display:inline-block;}
/*.L-ul>li{position:relative;  height:37px; text-indent:20px;}
.L-ul>li a{ display:block; color: #fff;font:14px/37px "ËÎÌå";}
.L-ul li:hover{ background:#f5a700}
.L-ul>li ul{ position:absolute; top:-8px; left:-99235px; z-index:999;  width:220px;}
.L-ul>li>ul>li{ height:37px; width:100%; display:block; border-radius: 10px; text-indent:20px; border-left:2px solid #fff; border-bottom:2px solid #fff;}
.L-ul>li:hover ul{left:200px;}
.L-ul{ width:230px; float:left; display:inline-block; text-align:center; border:2px solid #0075c4; padding-bottom:20px;}
.L-ul li{ width:199px; font:14px/33px "΢ÈíÑźÚ"; text-align:left; text-indent:35px; height:33px; display:inline-block; background:#0075c4; border-radius:10px; margin-top:8px;}
*/
.L-news p{ font:20px/35px "ËÎÌå"; text-align:center; background:#660798; color:#fff;}

.R{ width:850px; display:inline-block; float:right;}
.R,.L{ margin-top:20px;}
.f-r a{  color:#fff; }
.L-news h4{ margin-bottom:10px; font:17px/35px "΢ÈíÑźÚ"; text-align:center; color:#fff; width:100%; display:inline-table; background:#ffa107;}
.L-news{border: 1px solid #DBD3CF; width:100%;font:14px/30px "΢ÈíÑźÚ"; color:#545656; display:inline-block; margin-top:10px;}
.L-news li{ padding:0 7px; list-style:inside square; color:#660798;}
.L-news li a{ color:#333;}
.L-news li:last-of-type{ border-bottom:none;}
.f-r{ float:right; font:13px/35px "ËÎÌå"; color:#fff;margin-right:10px;}
.about{width: 97%; margin: auto; margin-top: 20px; font:14px/32px "ËÎÌå"; color:#535353;}
.R .m-title{ margin-top:0px;}
.productlist ul{width: 98%; margin:auto; margin-top:10px; }
.productlist ul li{width: 269px;float: left; text-align: center;  margin: 0 4px; font: 14px/32px simsun; margin-top: 10px;}
.productlist ul li:hover img,.m1-ul li:hover img{
 box-shadow:0 0 6px 0  #b9b9b9;
 -webkit-transition:all .1s linear,color 0;
 -moz-transition:all .1s linear,color 0;
 transition:all .1s linear,color 0;
 -webkit-transform:scale(1.05);
 -moz-transform:scale(1.05);
 transform:scale(1.05);
 }
.productlist ul li img{ box-shadow:0 0 1px 0  #b9b9b9;}
.productlist ul li a{color:#737373 }

.newslist {width: 95%; margin: auto;margin-top: 22px;}
.newslist  li{font: 14px/26px simsun;padding-bottom:10px; border-bottom:1px solid #e6e6e6; color: #333; list-style: square; margin-top: 10px; font-weight: bold;}
.newslist   p{font: 14px/26px simsun; color: #666; font-weight: normal }
.newslist  li:hover{color:#660798;}
.newslist  li a{height: 32px; color: #676666;}
.newslist  li span{padding-right: 20px; }
.newslist  li:hover a{color:#660798; }
/*Ò³ÊýÏÔʾÌõµÄcssÑùʽ*/
.pagelink{  height:40px; line-height:40px; text-align:center; margin:20px 0 0 0; padding:0 10px;font: 15px/24px "microsoft yahei";cursor:pointer;}
.pagelink a, .pagelink span{ color:#333; padding:3px 10px; border:1px solid #333; margin-left:10px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

.h10{height: 10px;}
.sp20{padding-left:20px}
.news-title {font: 20px/32px simsun; color:#333; text-align: center;}
.news-info{font: 12px/20px simsun; color: #393939; text-align: center; border-bottom: 1px dotted #BBBDBF; margin-bottom: 10px; padding-bottom:5px;}
.news-text{width:97%; margin: auto}
.news-text {font: 14px/26px simsun;color: #333;  margin-top: 2px; margin-bottom:2px;}
.bshare-custom{margin: 20px 0;  }
.bar{font: 14px/26px simsun; color:#526673}
.bar{ color:#526673}
.bar a{ color:#526673}
.bar a:hover{color: #0F7EC3}
.news-text  span{color: #333 !important; }


/* CSS Document */
#faqbox { margin-top:20px; margin-left:20px; font-size: 15px;}
#faqbox .faqline{ line-height:2em; height:40px;margin-top: 10px; text-align:left}
#faqbox .faqline .faqtit{  width:90px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content{ line-height:2em; height:120px; text-align:left;margin-top: 10px;}
#faqbox .Content  .faqtit{  width:90px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px;margin-top: 10px;}
.input{ width:220px; font:14px/40px "ËÎÌå"; color:#Fff; background:#0775c9; outline:none; border:none}


.tui{ display:inline-block; margin-top:20px;}
.tui p,.tuijian p{ font:18px/30px "ËÎÌå"; font-weight:600; color#000 ;}
.tui li{ width:300px; float:left;font:14px/30px "ËÎÌå"; margin-left:5px;}
.tui li a,.tuijian li a{color:#434343;}
.tui li a:hover,.tuijian li a:hover{color:#CC0033;}
.tuijian{ display:inline-block; margin-top:20px;}
.tuijian li{ width:190px;font:14px/30px "ËÎÌå"; text-align:center; float:left; margin-left:13px;}
.tuijian li img{border:1px solid #d9d9d9;}

.izl-rmenu{position:fixed; left:4%; margin-right:20px; bottom:20px; padding-bottom:20px; background:url(../img/r_b.png) 0px bottom no-repeat; z-index:999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../img/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../img/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; right:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../img/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; right:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../img/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}
ul.foot-call > li > a {
    color: #fff;
}