body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img{margin:0;padding:0}
body{background:#FFF;color:#7F7F7F;font-family:"微软雅黑",Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;min-width:1220px;}
address,caption,cite,code,dfn,em,i,th,var,h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;}
q:before,q:after{content:'';}
a,fieldset,img{border:0;}
div{overflow:hidden;}
img{vertical-align:middle;}
li{list-style-type:none;}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none;}/*去掉苹果的默认UI来渲染按钮*/
a{outline:none;text-decoration:none;}
a:hover{text-decoration:none;}

/* A HREF 默认样式 */
a:link{color:#7F7F7F;}
a:visited{color:#7F7F7F;}
a:hover{color:#005095;}
a:active{color:#7F7F7F;}

/* Top */
.top{background:#005095;border-bottom:#E4E4E4 1px solid;color:#FFF;width:100%;}
.top a{color:#FFF;}
.top span{background:url(../images/Index_01.png) right 0 no-repeat;display:block;height:32px;line-height:32px;}
.top span i{display:inline-block;height:32px;}
.top span i.tel{background:url(../images/Index_01.png) 0 -33px no-repeat;padding:0 15px 0 40px;}
.top span i.website{background:url(../images/Index_01.png) 0 -63px no-repeat;padding:0 15px 0 36px;}
.top span i.wx{background:url(../images/Index_01.png) 0 -95px no-repeat;padding:0 15px 0 36px;}

/* Header */
.header{height:90px;overflow:visible;}
.header h1{background:url(../images/Logo.png) 0 50% no-repeat;height:90px;overflow:hidden;text-indent:-99em;width:250px;}
.header ul{margin-top:42px;}
.header ul li{float:left;font-size:14px;height:48px;position:relative;z-index:99;}
.header ul li span{background:url(../images/Index_02.png) 0 7px no-repeat;color:#7F7F7F;display:block;height:24px;line-height:24px;padding:0 24px; }
.header ul li:first-child span{background:none;}

.header ul li.current{background:url(../images/Index_03.png) 50% 28px no-repeat;}
.header ul li.current span a{color:#005095;}
/*.header ul li:hover a{color:#005095;}*/
.sub-menu-container{display:none;background:#D06F20;padding:5px 0;position:absolute;top:48px;right:0;left:0;z-index:10;}
.sub-menu-container dl{width:100%;}
.sub-menu-container dl dd{float:left;height:28px;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;}
.sub-menu-container dl dd:hover{background:#FE7701;}
.sub-menu-container dl dd a{color:#FFF;font-size:12px;}

/* Banner */
.banner{width:100%;height:350px;overflow:hidden; background:url(../images/banner1.jpg)  center  top no-repeat;}
.banner a{
    display:block;
    width:100%;
    height:350px; 
    cursor:hand;
} 


#animateBox{height:520px;width:100%;position:relative;z-index:9;} 
#animateBox .playPic{height:520px;position:absolute;top:0;left:0;z-index:99;}
#animateBox .playPic li{float:left;height:520px;overflow:hidden;}
#animateBox .playPic li a{display:block;height:100%;text-indent:-99em;overflow:hidden;width:100%;}
#animateBox .optionBtn{height:20px;text-align:center;width:100%;position:absolute;bottom:5px;left:0;z-index:900;}
#animateBox .optionBtn span{background:#FFF;cursor:pointer;display:inline-block;height:10px;width:12px;margin-left:8px;/**/-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}

/* 产品服务 */
.pro-service{padding:25px 0;width:100%;}
.pro-list ul{margin-top:15px;width:100%;}
.pro-list ul li{background:#F7F7F7;border:1px solid #FFF;float:left;height:198px;overflow:hidden;text-align:center;width:198px;}

.pro-list ul li img{display:block;height:85px;margin:25px auto 0;width:85px;/**/-webkit-border-radius:85px;-moz-border-radius:85px;-o-border-radius:85px;border-radius:85px;}
.pro-list ul li h3{background:url(../images/Index_05.jpg) 50% 17px no-repeat;font-size:16px;font-weight:bold;height:34px;line-height:34px;margin-top:5px;}
.pro-list ul li h3 span{background:#F7F7F7;padding:0 5px;}
.pro-list ul li p{font-weight:bold;font-size:14px;}

.pro-list ul li:hover{background:#FE7701;color:#FFF;}
.pro-list ul li:hover a{color:#FFF;}
.pro-list ul li:hover h3 span{background:#FE7701;}

/* 应用领域 */
.app{background:#F8F8F8;padding:25px 0;width:100%;}
.app .title-01 h3 span i{background:#F8F8F8;}

.app-list{overflow:visible;}
.app-list ul{margin-left:-16px;width:1216px;}
.app-list ul li{background:#FFF;border-bottom:5px solid #EBEBEB;display:inline;float:left;margin-top:15px;margin-left:16px;height:270px;width:288px;position:relative;}
.app-list ul li:hover{border-bottom:5px solid #FFF;box-shadow:2px 0 3px #E5E5E5,-2px 0 3px #E5E5E5,0 2px 3px #E5E5E5,0 -2px 3px #E5E5E5;}
.app-list ul li img{height:152px;width:288px;}
.app-list ul li h4{background:url(../images/Index_10.jpg) 10px bottom no-repeat;color:#666;height:40px;line-height:40px;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;}
.app-list ul li p{height:45px;overflow:hidden;padding:0 10px;}
.app-list ul li .more{background:url(../images/Index_11.png) 0 0 no-repeat;display:block;height:11px;overflow:hidden;text-indent:-10em;width:35px;position:absolute;bottom:12px;right:10px;z-index:10;}
.app-list ul li .more:hover{background:url(../images/Index_11.png) 0 -11px no-repeat;}

/* 关于我们/新闻中心 */
.about-news{padding:15px 0 25px;}
.about{width:630px;}
.about .content{background:url(../images/Index_12.jpg) 0 0 no-repeat;height:290px;margin-top:20px;}
.about .content .txt{background:#F5F5F5;height:252px;margin-top:15px;width:370px;}
.about .content .txt p{padding:8px 20px;}
a.more-txt{background:#005095;color:#FFF;display:inline-block;height:28px;line-height:28px;padding:0 10px;}
a.more-txt:hover{background:#FE7701;}

.news{width:520px;}
.news-list{width:100%;}
.news-list li{float:left;margin-top:30px;padding:0 0 0 90px;width:430px;position:relative;}
.news-list li h4{font-size:14px;height:30px;line-height:30px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list li p{height:45px;overflow:hidden;}
.news-list li a{color:#666;}
.news-list li a:hover{color:#005095;}

.news-list li .date{height:60px;text-align:center;width:80px;position:absolute;top:12px;left:0;z-index:9;}
.news-list li .date span{color:#000;display:block;}
.news-list li .date span.day{font-size:32px;height:36px;line-height:36px;}
.news-list li .date span.year-month{height:22px;}

/* 栏目 */
.title-01{text-align:center;}
.title-01 h3{background:url(../images/Index_04.png) 50% 50% no-repeat;}
.title-01 h3 span{display:block;}
.title-01 h3 span.cn{color:#005095;height:20px;line-height:20px;}
.title-01 h3 span.en{font-size:12px;height:18px;line-height:18px;}
.title-01 h3 span i{background:#FFF;padding:0 20px;}
.title-01 p{margin-top:5px;}

.title-02{border-bottom:1px solid #DCDCDC;color:#666;height:32px;line-height:32px;position:relative;}
.title-02 span{font-size:12px;}
.title-02 a{color:#666;display:block;height:32px;position:absolute;top:0;right:0;z-index:9;}

/* 二级页面 */
.main{padding:25px 0;}

.page-left{width:222px;}
.page-right{width:954px;}
.border{border:1px solid #DFDFDF;}

.column{padding:10px;}
.column h2{border-bottom:1px solid #CBCBCB;font-size:20px;padding-left:12px;}
.column h2 span{color:#005095;display:block;font-weight:bold;height:32px;line-height:32px;}
.column h2 i{color:#BBB;font-size:18px;display:block;height:30px;line-height:24px;}

.column ul{margin:0 auto;padding:5px 0;width:200px;}
.column ul li{background:url(../images/Index_14.png) 0 0 no-repeat;float:left;height:26px;line-height:26px;margin-top:10px;overflow:hidden;text-indent:30px;width:100%;}
.column ul li a{display:block;color:#666;}
.column ul li:hover,.column ul li.hover{background:url(../images/Index_14.png) 0 -26px no-repeat;}
.column ul li:hover a,.column ul li.hover a{color:#FE7701;}

.contact-left{margin-top:15px;padding-bottom:10px;}
.contact-left h3{background:url(../images/Index_15.png) 0 bottom repeat-x;height:36px;line-height:36px;margin-bottom:10px;padding:0 10px;}
.contact-left p{padding:2px 10px;}

.pos{border-top:1px solid #999;border-bottom:2px solid #999;height:32px;line-height:32px;position:relative;}
.pos h4{background:url(../images/Index_16.png) 0 50% no-repeat;font-weight:bold;padding:0 15px;}
.pos .txt{position:absolute;top:0;right:0;z-index:9;}

.com-container{margin-top:10px;}

/* Footer */
.footer{background:#4F4F4F;color:#CECECE;padding:20px 0 10px;width:100%;}
.footer a{color:#CECECE;}
.footer a:hover{text-decoration:underline;}
.footer dl{display:inline;margin-right:30px;width:120px;}
.footer dl dt,.footer dl dd{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}
.footer dl dt{font-size:14px;height:30px;line-height:32px;margin-bottom:5px;}
.footer dl dd{height:24px;line-height:24px;}
.footer dl.contact{width:248px;}
.footer dl.ewm{margin-right:0;width:115px;}
.footer dl.ewm dd{height:auto;}

.footer .copy{border-top:1px solid #818181;margin-top:20px;text-align:center;width:100%;}
.footer .copy p{padding-top:10px;}

/* PUBLIC */
h3{font-size:14px;}
h4{font-size:12px;}
.auto{margin:0 auto;width:1200px;}
.fl{float:left;}
.fr{float:right;}
.container{width:100%;}
.bgf{background:#00FF66;}

/* TRANSITION */
.transition,.app-list ul li,a.more-txt,.column ul li,.sub-menu-container dl dd{-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-webkit-transition:all 0.4s;transition:all 0.4s;}

/* OPACITY */
.opacity{filter:alpha(Opacity=70);-moz-opacity:0.7;-o-opacity:0.7;-webkit-opacity:0.7;opacity:0.7;}

/* 清除浮动 */
.clear-fix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;overflow:hidden;}
.clear-fix{*zoom:1;}

.clear-both{clear:both;display:block;height:0;visibility:hidden;overflow:hidden;}

.fenye {text-align:center;padding-top:30px;padding-bottom:20px;}
.fenye a,.fenye span {border:1px solid #cccccc;padding:5px;margin-right:5px;}

.ntitle {text-align:center;line-height:38px;height:38px;font-size:18px;font-weight:bold;}
.ninfo {font-size:12px;color:#999999;border-bottom:1px dotted #cccccc;text-align:center;margin-bottom:10px;margin-top:10px;}
.nbody {padding:5px;}

.nprolist {margin-top: 10px;padding-left:18px;}
.nprolist ul li {
    display: inline;
    float: left;
   margin-left: 15px;
margin-right: 15px;
    text-align: center;
    width: 267px;
}

.nprolist ul li img{border:1px solid #DEDEDE;height:200px;width:265px;}
.nprolist ul li img:hover{-webkit-box-shadow:2px 2px 3px #DEDEDE;-moz-box-shadow:2px 2px 3px #DEDEDE;-o-box-shadow:2px 2px 3px #DEDEDE;box-shadow:2px 2px 3px #DEDEDE;}
.nprolist ul li h4{color:#333;height:26px;line-height:26px;margin-top:5px;margin-bottom:8px;}
.nprolist ul li p{height:26px;}






