/* slide */
.slide-main { height: 500px; position: relative; }
/*.prev, .next { display: block; width: 44px; height: 44px; position: absolute; z-index: 222; top: 240px; 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); }*/
.slide-main .item { display: block; width: 100%; height: 5px; position: absolute; z-index: 124; top: 460px; left: 0; text-align: center; }
.slide-main .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; }
.slide-main .item a.cur { background: #fff; }
.slide-box, .slide { display: block; width: 100%; height: 500px; overflow: hidden; }
.slide-box { position: relative; }
.slide { display: none; height: 450px; padding-top: 50px; background: #ff6900; position: relative; position: absolute; z-index: 8; }
#bgstylea { background: #ff6900; }
#bgstyleb { background: #193d85; }
#bgstylec { background: #3ac9e8 url(../images/3.jpg) no-repeat center top; }
.slide a { display: block; width: 100%; height: 410px; cursor: pointer; }
.obj-a, .obj-b, .obj-c, .obj-d, .obj-e, .obj-f { position: absolute; z-index: 9; left: 50%; }
.obj-a, .obj-b { width: 952px; margin-left: -476px; text-align: center; }
.obj-a { display: block; height: 352px; top: 20px; }
.obj-b { top: 300px; height: 100px; }
.obj-c { display: block; height: 582px; top: 0; margin-left: -540px; }
.obj-d { top: 180px; height: 164px; }
.obj-d p { display: block; padding-top: 20px; font-size: 16px; color: #fff; clear: both; }
.obj-e { width: 366px; height: 170px; margin-left: -550px; top: 180px; z-index: 12; }
.obj-f { width: 692px; height: 394px; top: 100px; 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%;
}
}
/**/
.hot-products { padding-top: 50px; padding-bottom: 25px; }
.hot-products .item { text-align: center; margin-left: 20px; margin-right: 20px; }
.hot-products h4 { font-size: 16px; padding: 20px 0 0; text-transform: capitalize; font-weight: 600;  font-family: "微软雅黑";  }
.hot-products p { font-size: 12px; color: #9C9C9C; padding: 10px 0; line-height: 20px; }
.button4 { font-size: 12px; padding: 5px 20px; text-transform: capitalize; text-decoration: none; color: #ffae00; background: #f6f6f6; }
/**/
.fluid-a { background: #f9fafc; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 25px; padding-bottom: 25px; }
.introduce { padding: 0 50px 0 20px; }
.introduce p { text-indent: 25px; line-height: 28px; margin-bottom: 15px; }
.introduce h3 { line-height: 35px; margin-bottom: 15px; font-size: 14px; }
.button3 { padding: 7px 10px; background: #ffae00; color: #ffffff; font-size: 12px; display: inline-block }
.button2 { padding: 7px 10px; background: #ffae00; color: #ffffff; font-size: 12px; display: inline-block }
.education { padding-top: 0px; padding-bottom: 0px; }
.education li { float: left; width: 25%; }
.education .item { padding: 0 20px; }
.education .item .img-responsive { border: 0px solid #ddd; width: 100%; }
.education p { line-height: 25px; margin-bottom: 15px; background: #fff; font-size: 12px; padding: 10px; border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; height: 25px; }
.item-title { margin-bottom: 20px; line-height: 30px; }
.item-title h3 { font-size: 18px; font-weight: 400; color: #444444; display: block; float: left; padding-left: 20px; font-family:"微软雅黑"; }
.item-title .r-more { float: right; padding-right: 20px; font-size: 12px; }
.item-title .r-more a{color: #9C9C9C;}
.item-title span { color: #ddd; font-size: 14px; }
/**/
.fluid-b { background: #f5f5f5; padding-top: 15px; padding-bottom: 15px; }
.fluid-c { background: #2b2e2f; padding-top: 30px; padding-bottom: 30px; color:#8c8c8c; }
.fluid-c a{color:#8c8c8c;}
.fluid-d { background: #1c1e1f; padding: 10px 0; }
.footer-info .Copyright { text-align: center; font-size: 12px; color: #484c4d; }
.footer-info .col-links { float:right; _display: inline; width: 80px; margin: 0 0 0 50px; }
.footer-info .col-links dt { margin-bottom: 10px; font-size: 14px; font-family:"微软雅黑"; }
.footer-info .col-links dd { margin: 0 0 6px; font-size: 12px; }
.footer-info .col-other { float:left; width: 350px; font-size: 12px;}
.footer-info .col-other p{ line-height: 20px;}

/**/
.banner{ width:100%; height:200px; background:#010f68 url(../img/b2.jpg) no-repeat center top; border-bottom:15px solid #F7F7F7}
.main{ margin-top:15px; margin-bottom:15px; background:#FFFFFF;}
content{ padding:20px; border-left:0px solid #E9E9E9}

.left-nav,.right-content{float: left;}
.right-content{ width: 850px;}
.about-module p{ margin-bottom:15px; line-height:30px; text-indent: 30px;}
.about-module p a{ color:#28a7e1}
.details{ margin-bottom: 30px;}
.details img{ padding:20px 0;}
.details p{ line-height: 30px; margin-bottom: 15px;}
.right-content h2{ font-weight: bold; font-size:16px; font-family: "微软雅黑"; line-height:40px; margin-bottom:15px; border-bottom:1px solid #E9E9E9}
.right-content .details{ max-width: 850px;}
.right-content .details img{ max-width: 100%;}
.about-module li{}
.about-module dt{ font-weight: 700; margin-bottom: 10px; margin-top: 10px;}
.about-module dd{ margin-left: 0px; line-height: 30px;}
.product-show dt{ font-weight: 700; margin-bottom: 10px; margin-top: 10px;}
.product-show dd{ margin-left: 0px; line-height: 30px; text-indent: 30px;}
.product-show .top-nav{font-weight: bold; font-size:16px; font-family: "微软雅黑"; line-height:40px; margin-bottom:15px; border-bottom:1px solid #E9E9E9}
.product-show .top-nav li{ float: left; padding: 0 20px;}
.product-show .top-nav .current{ background:#28a7e1; }
.product-show .top-nav .current a{color:#FFFFFF}
.product-show .content p{text-indent: 30px; line-height: 30px;}

.job-show p{ margin-bottom:15px; line-height:30px;}
.job-show ol{padding-left: 0px;}
.job-show ol li{  line-height: 30px;}

.left-nav{ width: 250px; }
.left-nav .list{border:1px solid #ECECEC; margin-bottom: 20px;}
.left-nav .list li{ text-align:center; line-height:40px; border-bottom: 1px solid #ECECEC; }
.left-nav .list a{ display:block;}
.left-nav .list .current{ background:#28a7e1 url(../img/hd.jpg) no-repeat; }
.left-nav .list .current a{color:#FFFFFF}
.left-nav .product-nav{ border:1px solid #ECECEC;}
.left-nav .product-nav h3{ text-align: center; font-size: 16px; font-family: "微软雅黑"; border-bottom: 2px solid #ECECEC; background: #f9fafc; font-weight: 400; line-height: 40px;}
.left-nav .product-nav ul{text-align:center; padding: 10px 0;}
.left-nav .product-nav ul li{line-height:35px; border-bottom: 1px dashed #ECECEC;}

/**/
.news-module li{ clear: both; margin-bottom: 20px; overflow: hidden; border-bottom: 1px solid #ECECEC; padding-bottom: 20px;position: relative;}
.news-module .item h3{ font-size: 14px;}
.news-module .item p{ font-size: 12px; line-height: 25px; margin-top: 10px; text-indent: 24px; margin-bottom: 20px;}
.news-module .img-responsive{float: right; width:180px; margin-left: 20px;}
.news-module .item .date{font-size: 12px;position: absolute; bottom: 10px; left: 0px; color: #9C9C9C;}

/**/
.Product-list{ margin-left:-20px; margin-right:-20px; *zoom:1;_position:relative; padding-top:30px;}
.Product-list li{margin:0 20px; width:550px; float:left; margin-bottom:40px; }
.Product-list .img-responsive{ width:100%;}
.Product-list h2{ padding:0px 0 0px 15px; line-height: 40px; font-weight:400; font-size:14px; background: #f9fafc; border-bottom: 1px solid #ECECEC;}

.b-b-b{ border-bottom:1px solid #e0e0e0;}

.m-box{ width:100%; background:#FFFFFF; border-bottom:0px solid #ddd}

.ico-list{ padding-left:5px; padding-right:5px; padding-bottom:20px; }
.ico-list li{ text-indent:0px; width:160px; float:left; margin:30px 30px 0; height:280px;}
.ico-list .pic-img{ width:150px; height:150px; margin:0 auto 15px; line-height:150px; text-align:center;}
.ico-list .pic-txt{ text-align:center; line-height:22px; color:#9C9C9C; font-size: 12px;}
.ico-list .pic-txt strong{ display:block; font-size:14px; font-weight:400; margin-bottom:10px; color:#444;}



table.altrowstable {
	border-width: 1px;
	border-color: #ddd;
	border-collapse: collapse; width:100%;
}
table.altrowstable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #ddd;
}
table.altrowstable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #ddd;
}
.oddrowcolor{
	background-color:#ffffff;
}
.evenrowcolor{
	background-color:#f9f9f9;
}

/* 本例子css */
	.hot-products{ width:1140px; }
	.hot-products .hd{ height:22px; line-height:22px; margin-top:30px; padding-left:590px; position: relative; }
	.hot-products .hd h2{ float:left; color: #072; margin: 0 0 12px 0; }
	.hot-products .hd h2 a{ color:#37A; font-size:12px; margin-left:10px;  }
	.hot-products .hd .next,
	.hot-products .hd .prev{ position: absolute; display:block; width:18px; height:18px; background: url(../images/left_right.gif) no-repeat -6px -7px; overflow:hidden; margin-right:6px; cursor:pointer; }
	.hot-products .hd .prev{ left: -30px; top: -150px;}
	.hot-products .hd .next{ background-position:-34px -7px; right: -30px; top: -150px;}
	.hot-products .hd .prevStop{ background-position:-6px -40px; cursor:default; }
	.hot-products .hd .nextStop{ background-position:-34px -40px; cursor:default; }
	.hot-products .hd ul{ float:left; margin:6px 6px 0 0; zoom:1; }
	.hot-products .hd ul li{ float:left; cursor:pointer; display:block; width:8px; height:8px; margin-right:4px; _display:inline; background: url(../images/switch_dot_small.jpg) no-repeat 0 0; }
	.hot-products .hd ul li.on{ background-position:-12px 0; }
	.hot-products .bd{ padding:12px 0 0 0;  }
	.hot-products .bd ul{ overflow:hidden; zoom:1; }
	.hot-products .bd ul li{ float:left; width:213px; margin-right:15px; background: #f9fafc; text-align:center; border: 1px solid #E7E7E7; padding-bottom: 15px; padding-top: 10px; }
	.hot-products .bd ul li:hover{ background: #f5f7fa; border: 1px solid #d6d6d6; cursor:pointer;}
	
	
	/* 幻灯片 */
	.fullSlide{ min-width:1000px; position:relative;  height:500px; overflow:hidden;   }
	.fullSlide .bd{ position:relative; z-index:0;  }
	.fullSlide .bd ul{ width:100% !important; }
	.fullSlide .bd li{ width:100% !important;  height:500px; }
	.fullSlide .bd li .siteWidth{ width:1000px; position:relative;  margin:0 auto;  height:500px;  }
	.fullSlide .bd li a{ position:absolute; width:100%; height:500px; display:block; z-index:1;;   }
	.fullSlide .bd .txt{ position:absolute; width:415px; top:100px; left:22px;   }
	.fullSlide .bd .btn{ display:block; zoom:1; margin-top:8px;  width:72px; padding-right:10px;  height:31px; line-height:31px; text-align:center; color:#fff; font-size:12px; background:url(../images/banner-btn.png) 0 0 no-repeat;
	_background:url(../images/banner-btn-ie6.png) 0 0 no-repeat;
	}

	.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
		line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
	}
	.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }
	
	/*悬浮代码*/

.side-pannel { position: fixed; right: 10px; z-index: 99 }
.side-bar { border: 1px solid #E7E7E7; border-bottom: none; bottom: 120px; background: #fff; font-size: 12px; }
.side-bar a { display: block; cursor: pointer; width: 70px; height: 60px; border-bottom: 1px solid #E7E7E7; position: relative; color: #676767; text-align: center }
.side-bar a s { display: block; margin-left: auto; margin-right: auto }
.side-bar a span { line-height: 20px }
.side-bar a.gotop s { position: absolute; top: 50%; left: 17px }
.side-bar a.text { padding-top: 15px }
.side-bar a.weixin i { width: 277px; height: 259px; position: absolute; left: -277px; top: 50%; margin-top: -120px; display: none; background-position: 0 0 }
.side-bar a.weixin2 i { width: 277px; height: 259px; position: absolute; left: -277px; top: 50%; margin-top: -120px; display: none; background-position: 0 0 }
.side-bar a.web i { width: 277px; height: 259px; position: absolute; left: -277px; top: 50%; margin-top: -120px; display: none; background-position: 0 0 }
.side-bar a.weixin:hover i,.side-bar a.weixin2:hover i,.side-bar a.web:hover i { display: block }
.side-bar a.weixin i { background-image: url(../images/weixin.png) }
.side-bar a.weixin2 i { background-image: url(../images/weixin2.png) }
.side-bar a.web i { background-image: url(../images/wap.png) }
.g-icon-top { height: 20px; width: 35px; margin-top: -10px; background-position: 0 -33px }
.g-icon-survey1 { height: 23px; width: 26px; margin-top: -11px; background-position: 0 -53px }
.side-bar a.survey:hover s { height: 23px; width: 26px; margin-top: -11px; background-position: -26px -53px }
.g-icon-qq1 { height: 20px; width: 22px; background-position: -35px -33px }
.g-icon-weibo1 { height: 25px; width: 27px; background-position: -72px 0 }
.g-icon-weibo2, .side-bar a.weibo:hover s { height: 25px; width: 27px; background-position: -72px -25px }
.g-icon-qr1 { height: 33px; width: 36px; margin-top: 15px;  background-position: -36px 0 }
.g-icon-qr2, .side-bar a.weixin:hover s { height: 33px; width: 36px; margin-top: 15px;  background-position: 0 0 }
.g-icon-qr2, .side-bar a.web:hover s { height: 33px; width: 36px; margin-top: 15px;  background-position: 0 0 }
.g-icon-qq1, .g-icon-qr1, .g-icon-qr2, .g-icon-survey1, .g-icon-survey2, .g-icon-top, .g-icon-weibo1, .g-icon-weibo2, .side-bar a.weixin:hover s, .side-bar a.web:hover s, .side-bar a.survey:hover s, .side-bar a.weibo:hover s { background-image: url(../images/sprite.png) }

.clearfix:after { 
content: "." ; 
display: block ;
height: 0 ;
clear: both ;
visibility: hidden ;
}
.clearfix{ display: inline-block; }
/* Hides from IE-mac */ 
*html .clearfix{ height:1%; }
.clearfix{ display:block; }
/* End hide from IE-mac */
.note{padding: 15px; background-color: #fcf8e3; font-size: 12px;  }
.product-show .content .note p{ text-indent: 24px; line-height: 20px;}

/**/
.col-l-40{ margin-left: 40px;}
.about_us,.news{ width:550px; float: left; margin-top:30px; margin-bottom: 30px;}
.about_us .title,.news .title{ font-family: "微软雅黑"; font-size: 16px; font-weight: 600; margin-bottom: 15px;}
.about_us .title span,.news .title span{ color:#9C9C9C; font-weight: normal; font-size: 14px; }
.about_us .content{ line-height: 25px; font-size: 12px;}
.about_us .content p{ margin-bottom: 10px; text-indent: 24px;}
.about_us .content .details,.news .content .more{ color: #ffae00; font-weight: bold;}
.news .content{ line-height: 35px; font-size: 12px;}
.news .content li{ border-bottom: 1px dashed #E7E7E7; }
.news .content li span{ float: right; color: #9C9C9C;}

/**/
.contact-us{ padding-top: 20px; padding-bottom: 20px;}
.contact-us .map{float: left;width: 570px;}
.contact-us .address{float: right; width: 520px; height: 400px; background: url(../images/kefu.jpg) right bottom; }
.contact-us .address p{ margin-bottom: 15px; line-height: 30px;}
/**/
.index-edu li{ float: left; width: }
/**/
 #playerlist a {
            text-decoration: none;
            outline: none;
            color: #FFF;
        }

        #a1 {
            width: 650px;
            height: 480px;
            float: left;
        }
        #a2, #a3 {
	width: 10px;
	height: 480px;
	float: left;
	color: #FFF;
	background-color: #666;
	line-height: 480px;
	cursor:pointer;
        }
        #playerlist {
            width: 190px;
            height: 480px;
            overflow: auto;
            float: left;
            background: #262626;
            font-size: 12px;
        }

            #playerlist li {
                list-style: none;
                height: 40px;
                line-height: 40px;
                padding-bottom: 2px;
                border-bottom: 1px solid #333;
                overflow: hidden;
                padding-left: 5px;
				cursor:pointer;
            }

                #playerlist li:last-child {
                    border-bottom: none;
                }

                #playerlist li.crent {
                    background: #1C1C1C;
                }

                #playerlist li.crent a {
                   color: #FF7900;
                }

                #playerlist li a {
                    display: block;
                    color: #fff;
                }

                #playerlist li img {
                    vertical-align: middle;
                    height: 40px;
                    margin: 0 20px 0 0;
                }



.describe { overflow: hidden; }
.describe .tab-hd { }
.describe .tab-hd ul {
	font-weight: bold;
	font-size: 16px;
	font-family: 微软雅黑;
	line-height: 40px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgb(233, 233, 233);
}
.describe .tab-hd li{ float: left;}
.describe .tab-hd li a{
	display: block; color: #444444;	 padding: 0 20px;}
.describe .tab-hd li a:hover{ color:#28a7e1; text-decoration: none; }
.describe .tab-hd li.on a{ background: #28a7e1; color: #FFFFFF;}
.describe .tab-bd p {
	text-indent: 0px;
	line-height: 30px;
}