@charset "utf-8";

/* CSS RESET **/
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:#333;font-family:"新宋体",Arial, Helvetica, sans-serif;font-size:12px;line-height:22px;min-width:1060px;}
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:underline;}

/* A HREF 默认样式 */
a:link{color:#333;}
a:visited{color:#333;}
a:hover{color:#F28D17;}
a:active{color:#333;}
.view:link{color:#F28D17;}
.view:visited{color:#F28D17;}
.view:hover{color:#F28D17;}
.view:active{color:#F28D17;}

/* Header */
.header{background:url(../images/Index_01.png) 0 0 repeat;width:100%;}
.header .auto{height:120px;position:relative;}
.header h1{background:url(../images/Logo.png) 0 30px no-repeat;height:120px;overflow:hidden;text-indent:-99em;}
.header .fav{display:block;height:22px;position:absolute;top:10px;right:0;z-index:9;}
.header .tel{display:block;background:url(../images/Index_02.png) 0 0 no-repeat;font-family:impact,"微软雅黑";line-height:28px;padding-top:6px;position:absolute;bottom:5px;right:0;z-index:10;}
.header .tel span{font-family:"微软雅黑";font-size:18px;padding-left:26px;}
.header .tel em{color:#015BA9;font-size:24px;letter-spacing:1px;}
.header .tel i{color:#F28D17;font-size:28px;letter-spacing:1px;}

/* Nav */
.nav{background:#262161;height:44px;overflow:visible;width:100%;}

.nav ul li{background:url(../images/Index_03.png) 0 0 no-repeat;display:inline;float:left;font-size:14px;height:44px;line-height:44px;margin-right:1px;text-align:center;width:129px;position:relative;z-index:999;}
.nav ul li:first-child{background:url(../images/Index_03.png) -10px 0 no-repeat;}
.nav ul li:hover,.nav ul li.hover{background:#F28D17;}
.nav ul li a{display:block;color:#FFF;text-decoration:none;}
.nav ul li:hover .sub-menu{display:block;}

.sub-menu{display:none;width:129px;position:absolute;top:44px;left:0;z-index:9;}
.sub-menu dd{border-top:1px solid #F3A341;font-size:12px;background:#F28D17;height:32px;line-height:32px;}
.sub-menu dd:hover{background:#262161;}

/* Banner*/
.banner{margin-top:2px;height:480px;width:100%;}

#animateBox{height:480px;width:100%;position:relative;z-index:9;} 
#animateBox .playPic{height:480px;position:absolute;top:0;left:0;z-index:99;}
#animateBox .playPic li{float:left;height:480px;}
#animateBox .optionBtn{ background:#000;height:30px;text-align:center;width:100%;position:absolute;bottom:0;left:0;z-index:900;filter:alpha(Opacity=50);opacity:0.5;-moz-opacity:0.5;-o-opacity:0.5;-webkit-opacity:0.5;}
#animateBox .optionBtn span{background:#FFF;cursor:pointer;display:inline-block;height:8px;margin-top:11px;width:42px;margin-left:3px;}
#animateBox .optionBtn span.current{background:#F00;}
/*#animateBox .bg{height:30px;width:100%;position:absolute;bottom:0;left:0;z-index:890;background:#000;filter:alpha(Opacity=50);opacity:0.5;-moz-opacity:0.5;-o-opacity:0.5;-webkit-opacity:0.5;}*/

/* 精品推荐 */
.recom-pro{background:url(../images/Index_04.jpg) 0 0 repeat;padding:15px 0;width:100%;}
.recom-pro h3{background:url(../images/Index_05.jpg) 0 0 no-repeat;height:180px;overflow:hidden;text-indent:-99em;width:132px;}
.recom-pro .btn{display:none;height:10px;width:10px;position:absolute;top:0;left:0;z-index:10;}
.recom-pro .list{width:900px;}
.recom-pro .list ul{min-width:900px;}
.recom-pro .list ul li{display:inline;border:2px solid #F28D17;float:left;height:176px;margin-left:6px;overflow:hidden;width:170px;}
.recom-pro .list ul li img{height:140px;width:170px;}
.recom-pro .list ul li p{background:#F28D17;color:#FFF;font-weight:bold;height:36px;line-height:36px;overflow:hidden;text-align:center;}

/* 简介/应用范围 */
.title{background:url(../images/Index_06.png) 0 0 no-repeat;color:#262161;height:36px;line-height:28px;position:relative;}
.title h3{height:28px;font-weight:bold;text-align:center;width:100px;position:absolute;top:0;left:0;z-index:9;}
.title .en{display:block;height:28px;line-height:34px;position:absolute;top:0;left:110px;z-index:10;}
.title .more{display:block;font-family:"新宋体";height:28px;line-height:34px;position:absolute;top:0;right:0;z-index:11;}

.title .txt{display:block;color:#03F;font-size:14px;font-style:italic;height:28px;position:absolute;top:0;right:50px;z-index:10;}
.title .txt i{color:#399600;font-style:italic;}

.company-app{padding:15px 0;}

.company-app .company{width:540px;}
.company-app .company .container{color:#666;line-height:24px;margin-top:15px;}

.container .ly {
    font-size: 14px;
    width: 450px;
    margin: 15px auto;
    line-height: 28px;
}

.container .title2 {
    font-weight: bold;
    font-size: 20px;
    color: #000;
    text-align: center;
	margin: 15px auto;
}

.container .yhr {
    width: 550px;
    height: 1px;
    background: #dddddd;
    margin: 0 auto;
    margin-top: 14px;
}

.container .hyr {
    border-top: 1px dashed #cccccc;
    margin: 0 auto;
    margin-top: 45px;
}
.container .prev {
	font-size: 14px;
    margin: 30px auto;
}
.container .prev .aa1 {

    margin-right: 110px;
}
.container .prev a {
    text-decoration: none;
    color: #333333;
    font-size: 14px;
}
.container  .list-none {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.container li {
    float: left;
    display: inline;
    text-align: center;
	margin-left:18px;
	margin-right:18px;
	margin-bottom:18px;
}
.container li a.img {
    display: block;
    text-align: center;
    font-size: 0px;
}
.container li h3 a {
    color: #000;
}
.container  li h3 {
    padding: 5px 0px 10px;
    font-weight: normal;
    line-height: 1.5;
	border:#CCC dashed 1px;
}

.list_pages {
    color: #666666;
    height: 30px;
    margin: auto;
    font-size: 14px;
    font-family: "宋体";
    margin-top: 35px;
}
.company-app .app .container{height:140px;margin-top:20px;}

#accordion{height:140px;width:460px;}
#accordion div{display:inline;}
#accordion .titles{float:left;background:#262161;border-right:1px solid #FFF;color:#FFF;cursor:pointer;font-size:14px;height:140px;text-align:center;width:48px;}
#accordion .content{float:left;display:none;width:210px;}

/* 资质荣誉 */
.honorary{background:url(../images/Index_04.jpg) 0 0 repeat;padding:15px 0;width:100%;position:relative;}
.honorary .btn{display:none;height:10px;width:10px;position:absolute;top:0;left:0;z-index:10;}
.honorary .list{margin:15px auto 0;width:1040px;}
.honorary .list ul{min-width:1040px;}
.honorary .list ul li{display:inline;float:left;height:120px;margin:0 19px;overflow:hidden;width:170px;}
.honorary .list ul li img{height:120px;width:170px;}

/* 主营产品 */
.main-pro{padding:15px 0;}

.main-pro .pro-cate{width:410px;}
.main-pro .pro-cate h3{background:url(../images/Index_08.jpg) 0 0 no-repeat;height:80px;overflow:hidden;text-indent:-99em;}
.main-pro .pro-cate ul{width:100%;}
.main-pro .pro-cate ul li{background:url(../images/Index_09.png) 0 10px no-repeat;float:left;font-size:14px;height:30px;line-height:30px;padding-left:20px;width:180px;}

.main-pro .ys{background:url(../images/Index_10.jpg) 0 0 no-repeat;min-height:220px;width:620px;}
.main-pro .ys ul{margin-top:30px;width:400px;}
.main-pro .ys ul li{background:url(../images/Index_14.jpg) 0 11px no-repeat;float:left;font-size:14px;height:30px;line-height:30px;padding-left:20px;width:380px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}

/* Footer */
.footer{background:url(../images/Index_12.jpg) 0 0 repeat-x;width:100%;}
.footer .auto{background:url(../images/Index_11.jpg) 50% 0 no-repeat;color:#FFF;height:170px;line-height:30px;text-align:center;padding-top:30px;}

/* Main */
.main{padding:15px 0;}

.page-left{border:1px solid #262161;width:218px;/**/-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;}
.page-left h4{background:#262161;color:#FFF;font-weight:bold;height:42px;line-height:42px;padding-left:20px;}
.page-left ul{margin:0 auto;padding:10px 0;width:180px;}
.page-left ul li{background:url(../images/Index_13.jpg) 0 13px no-repeat;border-bottom:1px dotted #CCC;float:left;height:36px;line-height:36px;padding-left:15px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;width:165px;}
.page-left ul li.current a{color:#FE0000;font-weight:bold;}

.page-right{width:780px;}
.page-right .pos{border-bottom:1px solid #262161;height:30px;line-height:30px;}
.page-right .container{margin-top:10px;}
 
/* PUBLIC */
h3{font-size:18px;}
h4{font-size:14px;}
.auto{margin:0 auto;width:1040px;}
.fl{float:left;}
.fr{float:right;}
.container{width:100%;}
.yh{font-family:"微软雅黑";}
.bgf{background:#00FF66;}

/* TRANSITION */
.transition{-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);opacity:0.7;-moz-opacity:0.7;-o-opacity:0.7;-webkit-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;}

.footer2 img {
    margin-left: 350px;
}