/* CSS Document */
html{ background: #cccccc;}
/**********************初始化样式**************************/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{ max-width:640px; padding-bottom: 70px; background:#efeff4;color:#000;font-size:12px; font-family:"Microsoft Yahei","Arial Narrow"; margin:0 auto;/*font-size:62.5%;*/}
ul,ol{list-style-type:none;}
select,input,img{vertical-align:middle;}
img{ display:block;}
a{text-decoration:none; outline:none;color:#000; transition:all .2s ease; cursor:pointer;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover{color:#000;}
.fix:before,.fix:after{content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;}
*{-webkit-box-sizing: border-box; margin:0; padding:0}
.tbox > * {
	height: 100%;
	display: table-cell;
	vertical-align: top;
}

.fl{ float: left;}
.fr{ float: right;}

.page {
    line-height: 24px;
    margin: 35px 0;
    text-align: center;
}

.page a, .page span {
    color: #000000;
    margin: 0 5px;
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #ccc;
}

.page a:hover, .page span {
    color: #FFFFFF;
    background: #1c3569;
}

.page-detils {
    padding: 20px 0;
    margin: 10px 0;
    border-top: 1px solid #666666;
}

.page-detils p a {
    font-size: 14px;
    line-height: 30px;
    color: #333333;
}

.page-detils p a:hover {
    color: #FF9000;
}



/**********************公共样式**************************/
#header{ background: #FFFFFF; width:100%; height: auto; position:relative; z-index:10;}
#header a.logo{ display: block; width: 65%; }
#header a.logo img{ display: block; width: 100%; height: auto;padding: 25px 0 25px 10px;}
/*#header h1{ width:100%; height: 100%; background:url(../../images/imagess/logo.png) no-repeat 10% center; background-size:55% auto ; text-indent:-999em; overflow:hidden;}*/
#header .serch{ height: 28px; width: 28px; position:absolute; right:70px; top:50%;margin-top:-14px; cursor: pointer; background: url("../../images/imagess/serch.png") center no-repeat; }
#header .menu{ position:absolute; right:20px; top:50%;margin-top:-12px; cursor: pointer; }
#header .menu i{ display:block; width:30px; height:4px; background:#000; margin-bottom:4px;}
#header .menu-slide{ padding-top: 40px; overflow: hidden; display:none; position:fixed; right:0; top: 0; width:60%; height: 100%; z-index: 999999;  background:#f6f4f4;}
#header .menu-slide ul li{ height: 48px; line-height: 48px;}
#header .menu-slide ul li a{ background: url("../../images/imagess/n1bg.png") left center no-repeat; background-size:auto 60% ; display:block; margin-left: 40%; padding-left: 15%; width:60%; font-size:1.3em; color:#454545;  box-sizing:border-box;}
#header .menu-slide ul li:nth-child(2) a{ background-image: url("../../images/imagess/n2bg.png");}
#header .menu-slide ul li:nth-child(3) a{ background-image: url("../../images/imagess/n3bg.png");}
#header .menu-slide ul li:nth-child(4) a{ background-image: url("../../images/imagess/n4bg.png");}
#header .menu-slide ul li:nth-child(5) a{ background-image: url("../../images/imagess/n5bg.png");}
#header .menu-slide ul li:nth-child(6) a{ background-image: url("../../images/imagess/n6bg.png");}
#header .menu-slide ul li:nth-child(7) a{ background-image: url("../../images/imagess/n7bg.png");}
#header .menu-slide ul li:nth-child(8) a{ background-image: url("../../images/imagess/n8bg.png");}
#header .menu-slide div{ position: absolute; bottom: 0; right: 0; width: 100%; height: 50px; background: url("../../images/imagess/clo.png") 30% center no-repeat #d2d2d2; background-size: auto 40%;   text-align: center; line-height: 50px; cursor: pointer;}

#header #serch-box{  height: 0; overflow: hidden; width: 100%; background:#e60012; position: fixed; top:0; left: 0; z-index: 999999;  }
#header #serch-box input[type=text]{ padding: 0 10px ; margin:  10px 5px; width: 80%; height: 42px; line-height: 42px;}
#header #serch-box input[type=button]{ font-size: 18px; color: #FFFFFF; background: none; display: inline-block; cursor: pointer; border: none;}
/**********************首页样式**************************/
h3{ font-size:2.4em; font-weight:100; text-align:center; padding-top:0.5em;}
h5{ font-size:1.4em; font-weight:100; text-align:center; font-family:'Palatino linotype'; text-transform:uppercase; letter-spacing:1px; padding-bottom:0.5em;}
/********焦点图**********/
#home-slider{ position:relative; overflow:hidden; z-index:0;}
#home-slider .slides li {position:relative;}
#home-slider .flex-direction-nav{ display:none;}
#home-slider .flex-control-paging { display:inline-block; position:absolute; bottom:10px; height:15px; left:50%; margin-left:-75px;}
#home-slider .flex-control-paging li { float: left; margin:0 3px;}
#home-slider .flex-control-paging li a { width:44px; height:4px; display:block; background:#636363; cursor:pointer; overflow:hidden; text-indent:-99em;}
#home-slider .flex-control-paging li a.flex-active {background:#fff;}
#home-slider .slides img {width: 100%;}

.index-tit{ text-align: center; border-bottom: 2px solid #dddddd; margin: 20px 0;}
.index-tit h2{font-size: 32px; line-height: 32px; color: #202020;}
.index-tit p{ font-size: 20px; line-height: 40px; color: #000000; background: url("../../images/imagess/titbg.png") bottom center no-repeat;}



.index-nav,.index-product,.index-news{padding: 0 2.5%; overflow: hidden; background: #FFFFFF; margin: 20px 0 0 0;}
.index-nav li{ width: 33.33333333%; float: left;}
.index-nav li+li{ border-left: 1px solid #cccccc;}
.index-nav li img{ width: 95%; display: block; margin: 0 auto; height: auto;}


/*新闻*/
.index-news .news-main img{ display: block; width: 95%; height: auto ; margin: 0 auto;}
.index-news .news-main h3{ font-size: 18px; color: #000000; height: 52px; line-height: 52px; overflow: hidden; text-align: left; }
.index-news .news-main{ font-size: 14px; color: #5f5f5f}
.index-news .news-list{ margin: 10px 0 20px 0 ;}
.index-news .news-list li{ height: 42px; line-height: 42px; overflow: hidden; border-bottom: 1px dashed #d3d3d3; font-size: 16px;}
.index-news .news-list li span{ float: right;}


/* Tab切换 */
.tabBox{ width: 100%; }
.tabBox .hd{   line-height:20px; font-size:18px;  }

.tabBox .hd ul{  text-align: center; width: 100%; overflow: hidden; }
.tabBox .hd ul li{ display: inline-block;  padding:0 10px; margin: 14px 0; vertical-align:top;  }
.tabBox .hd ul li+li{ border-left: 2px solid #585858; }
.tabBox .hd ul li.on a{ color:#1c3569; font-weight: bolder;  }

.tabBox .bd ul{  }
.tabBox .bd ul li,.product-box ul li{width: 48%; height:0; padding-bottom:32%; overflow:hidden; float: left; margin: 5px 1%; position: relative; }
.tabBox .bd ul li img,.product-box ul li img{ width: 100%; height: auto; display: block;}
.tabBox .bd ul li h4,.product-box ul li h4{ position: absolute; bottom: 0; left: 0; z-index: 9; width: 100%; height: 32px; line-height: 32px; background: rgba(0,0,0,0.5); color: #FFFFFF; text-align: center; overflow: hidden;}
.tabBox .bd li a,.product-box ul li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
a.readMore{  display:block; height:30px; width:50%; border: 1px solid #999; border-radius: 10px; line-height:30px; margin:10px auto 20px auto;  text-align:center; text-decoration:underline;   }




/*表单*/
.index-online{ margin: 10px auto;}
.index-online input{ background: url("../../images/imagess/text.png") 97% center no-repeat #FFFFFF; font-size: 14px; border: 1px solid #dcdcdc; display: block; height: 45px; line-height: 45px; width: 90%; padding: 0 5px; margin: 10px auto; }
.index-online textarea{ background: url("../../images/imagess/text.png") 97% 14px no-repeat #FFFFFF; font-size: 14px; resize: none; border: 1px solid #dcdcdc; display: block; height: 90px; line-height: 24px; width: 90%; padding: 0 5px; margin: 10px auto; }
.index-online input[type=submit]{ height: 50px; display: block; text-align: center; line-height: 50px; background: #e60e11; color: #FFFFFF; width: 30%; margin: 0 auto; font-size: 18px; cursor: pointer;}



/*box*/
.index-box{  overflow: hidden; margin: 20px auto 0; width: 100%; display: block; padding: 19px 2%; height: 145px; background: url("../../images/imagess/fbbg.png");}
.index-box>p.fl{ width: 18px; font-size: 18px; color: #FFFFFF; margin: 0 10px;}
.index-box>img.fl{ width:33%;}
.index-box .fr p{ text-align: right; line-height: 53px; color: #FFFFFF; font-size: 18px;}
.index-box .fr b{ line-height: 53px; color: #FFFFFF; font-size: 20px;}
.copy{ text-align: center; font-size: 12px; line-height: 42px; background: #FFFFFF;}

/*底部*/
#footer{position:fixed; z-index:9999999999; left: 0; bottom: 0; width:100%; height: 70px; background:#193569; text-align:center; }
#footer li{width: 25%; float: left; text-align: center; color: #FFFFFF;font-size: 14px;}
#footer li img{ display:block; margin: 8px auto;}
#footer li a{ color: #FFFFFF;}

.copyright p {
    text-align: center;
    line-height: 38px;
    color: #777777;
    font-size: 12px;
}

.izl-rmenu {
    position: fixed;
    right: 0%;
    margin-left: 620px;
    top: 100px;
    padding-bottom: 73px;
    z-index: 3;
}

.izl-rmenu .btn {
    width: 50px;
    height: 70px;
    padding-top: 43px;
    cursor: pointer;
    position: relative;
    border-bottom: 1px #e7e5e6 solid;
}

.izl-rmenu .btn-qq {
    background-color: #f2f0f1;
    background-image: url(../../images/imagess/qq.png);
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 10px;
    color: #1c3569;
    text-align: center;
}

.izl-rmenu .btn-qq:hover {
    background-color: #d9d7d8;
}

.izl-rmenu a.btn-qq,
.izl-rmenu a.btn-qq:visited {
    background-color: #f2f0f1;
    background-image: url(../../images/imagess/qq.png);
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
}

.izl-rmenu a.btn-tele {
    background-color: #f2f0f1;
    background-image: url(../../images/imagess/tele.png);
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 10px;
    color: #1c3569;
    text-align: center;
    display: block;
}

.izl-rmenu .btn-tele:hover {
    background-color: #d9d7d8;
}

.izl-rmenu a.btn-wx {
    background-color: #f2f0f1;
    background-image: url(../../images/imagess/wx.png);
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 10px;
    color: #1c3569;
    text-align: center;
    display: block;
}

.izl-rmenu .btn-wx:hover {
    background-color: #d9d7d8;
}

.izl-rmenu .btn-top {
    cursor: pointer;
    width: 50px;
    height: 48px;
    padding-top: 25px;
    background-image: url(../../images/imagess/rtop.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #666666;
    display: none;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

.izl-rmenu .btn-top:hover {
    background-color: #444;
}

/**********************首页样式**************************/





/*二级*/

.banner,.banner img{ display: block; width: 100%; height: auto;}
.ltit p+span{ width: 10%; height: 1px; background: #000000; display: block; margin: 10px 0;}






a.online{ display: block; margin: 20px auto; background: #da1a1a; height: 44px; line-height: 44px; width: 80%; border-radius: 10px; text-align: center; color: #FFFFFF; font-size: 18px;}



.secondbar{ background: #FFFFFF; padding: 0 1%; height: 65px; line-height: 65px; }
.secondbar h1{ font-size: 20px; font-weight: normal;}
.secondbar ul{ height: 16px; line-height: 16px; display: inline-block; width: 100%; text-align: center;}
.secondbar ul li{display: inline-block; font-size: 16px; margin: 8px 0; padding: 0 10px;}
.secondbar ul li+li{ border-left: 1px solid #000000;}


.product-box{ background: #FFFFFF; margin: 20px auto; padding: 20px 1%;}
.product-box h2{ font-size: 20px; line-height: 42px; height: 42px;}
.product-box h2 span{ font-weight: normal; margin-left: 10px; font-size: 14px; color: #e60012;}





.contact{ padding: 20px 2%; background: #FFFFFF; margin: 20px auto;}
.contact ul{ padding: 0 3%;}
.contact ul li{ margin: 10px 0;}
.contact ul h3{ font-size: 20px; line-height: 42px; text-align: center;}
.contact ul p{ font-size: 14px; line-height: 28px;}



.second-online{ padding: 20px 2%;}




/*荣誉*/
.honor ul li{width: 48%; float: left; margin: 5px 1%; }
.honor ul li img{ width: 100%; height: auto; display: block;}
.honor ul li h4{ width: 100%; height: 32px; line-height: 32px; color: #333; text-align: center; overflow: hidden;}
.honor li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */





/*视频*/

/* 多图滚动 */
.scrollBox{ margin:20px auto 10px; text-align:center;  }
.scrollBox .bd li{ position: relative; width: 48%; float: left; margin: 5px 1%;  }
.scrollBox .bd li h4{ width: 100%; height: 32px; line-height: 32px;  color: #000; font-weight: normal; text-align: center; overflow: hidden;}
.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
.scrollBox .bd li img{  width: 100%; height: auto; display: block; background:url(../../images/imagess/loading.gif) #fff center center no-repeat;  }
.scrollBox .bd li span{  width: 100%; display: block; height: 100%; background: url("../../images/imagess/vbg.png") center 45% no-repeat ; position: absolute; z-index: 99; top: 0; right: 0;}
.scrollBox .next{ font-size: 18px; float: right; margin-right: 10px; display:inline-block; cursor: pointer;  }




/*详情*/
.details h2{ font-size: 18px; margin-top: 10px;}



.details{background: #FFFFFF; margin: 20px auto; padding:20px 2% 30px; font-size: 16px; color: #4d4d4d; line-height: 32px;}
.details .tit{ text-align: center; margin: 20px auto;}
.details .tit h1{ font-size: 20px; line-height: 42px; color: #1e1e1e;}
.details .tit ul{ font-size: 12px; line-height: 32px; color: #605f5f;}
.details .tit li{ display: inline-block; padding-left: 20px; background: url("../../images/imagess/t1bg.png") left center no-repeat; margin: 0 5px;}
.details .tit li+li{ background-image: url("../../images/imagess/t2bg.png")}
.details .tit li+li+li{ background-image: url("../../images/imagess/t3bg.png")}
.details img{ display: block; width: 100%; height: auto; margin:10px auto}
.details a.list{ height: 50px; display: block; width: 50%; margin: 0 auto; background: #e60012; line-height: 50px; color: #FFFFFF; text-align: center; font-size: 18px;}
.details .hot{ padding: 0 10px; color: #e60012; margin: 20px auto; background: #FFFFFF; border: 1px solid #000000;}

.details .hot li,.details .hot ul,.details .hot h3{ display: block; margin: 0; padding: 0; font-size: 16px; font-weight: normal;  line-height: 42px; float: left;}
.details .hot li{ margin: 0 10px; color: #4b4b4b;}

/*产品详情*/
.productdetils-box{ font-size: 20px; line-height: 36px; color: #1a1a1a;  background: #FFFFFF; margin-top: 20px; padding: 20px 2%;}
.productdetils-box h1{ color: #2f2d2d;  font-size: 22px; line-height: 42px; border-bottom: 1px solid #d2d2d2;}
.productdetils-box p i{ padding: 0 10px; border: 1px dotted #cccccc; font-style: normal; color: #9d9d9d; font-size: 18px;}
.productdetils-box .fix{ margin: 20px 0;}
.productdetils-box a.fl{ border-radius: 5px; color: #FFFFFF; font-size: 20px; width: 40%; height: 54px; background: #e60012; line-height: 54px; text-align: center;}
.productdetils-box p.fr,.productdetils-box b.fr{ line-height: 28px; display: block; width: 50%;}
.productdetils-box p.fr{ font-size: 16px;}
.productdetils-box b.fr{ font-size: 22px; color: #ef001d;}




.culture-main{ margin:10px auto; }
.culture-main li{ position: relative; width: 48%; float: left; margin: 5px 1%;  }
.culture-main li .hover{ font-size: 14px; padding: 2%; position: absolute; width: 100%; height: 100%;  line-height: 24px;  color: #FFFFFF; background: rgba(0,0,0,0.2); font-weight: normal;  overflow: hidden;}
.culture-main li .hover h2{ text-align: center; line-height: 32px; height: 32px;  display:block;}
.culture-main li .hover h2+span{ width: 20%; height: 1px; background: #FFFFFF; display: block; margin: 0 auto;}
.culture-main li img{  width: 100%; height: auto; display: block; background:url(../../images/imagess/loading.gif) #fff center center no-repeat;  }


/*新闻*/
.news li{ padding: 5px 2%; background: #FFFFFF; margin: 10px auto;}
.news li a{ display: block;}
.news li img{ display: block; width: 40%; max-height: 137px; height: auto;margin: 5px 0; }
.news li .fr{ width: 58%; height: auto;}
.news li .fr h2{ font-size: 16px; height: 26px; line-height: 26px; overflow: hidden;}
.news li .fr p{ font-size: 13px; line-height: 22px; height: 44px; overflow: hidden;}
.news li .fr p+p{ font-size: 12px; height: 20px; line-height: 20px; overflow: hidden;}
.news li .fr p+p span{ margin: 0 2px;}


/*服务详情*/

.service-details li{ overflow: hidden;  width: 48%; float: left; margin: 5px 1%;  }
.service-details li h4{ font-size: 12px; padding: 2%;  width: 100%; height: 24px; line-height: 24px;  color: #333; font-weight: normal;  overflow: hidden;}
.service-details li img{  width: 100%; height: auto; display: block; background:url(../../images/imagess/loading.gif) #fff center center no-repeat;  }


/********服务**********/
#service-scroll{ overflow:hidden; position:relative; margin: 30px auto;}
#service-scroll .flex-viewport .slides li p{ padding-top:0.7em; font-size:1.6em; line-height:1.6em;}
#service-scroll .flex-direction-nav{ position:absolute; z-index:10; top:50%; margin-top:-29px; width:100%; height:0;}
#service-scroll .flex-direction-nav li a.flex-prev{ float:left; margin-left:10px; background:url(../../images/imagess/prev.png) no-repeat; background-size:100% 100%;}
#service-scroll .flex-direction-nav li a.flex-next{ float:right; margin-right:10px; background:url(../../images/imagess/next.png) no-repeat; background-size:100% 100%;}
#service-scroll .flex-direction-nav li a{ width:30px; height:59px;}
#service-scroll .flex-control-paging{ display:none;}
#service-scroll .slides a{display: block; width: 70%; height: 300px; overflow: hidden;  background: #FFFFFF; margin: 0 auto; border-radius: 20px; padding: 10px 5%;}
#service-scroll .slides a p{ font-size: 14px;}
#service-scroll .slides a h2{ font-size: 20px; line-height: 42px; height: 42px; overflow: hidden; text-align: center; }
#service-scroll .slides a h2+span{ margin: 0 auto; width: 20%; height: 2px; background: #ff0000; display: block;}









/********产品推荐**********/
#pro-scroll{ overflow:hidden; position:relative;}
#pro-scroll .flex-viewport .slides li{text-align:center;}
#pro-scroll .flex-viewport .slides li p{ padding-top:0.7em; font-size:1.6em; line-height:1.6em;}
#pro-scroll .flex-direction-nav{ position:absolute; z-index:2; top:50%; margin-top:-29px; width:100%; height:0;}
#pro-scroll .flex-direction-nav li a.flex-prev{ float:left; margin-left:10px; background:url(../../images/imagess/prev.png) no-repeat; background-size:100% 100%;}
#pro-scroll .flex-direction-nav li a.flex-next{ float:right; margin-right:10px; background:url(../../images/imagess/next.png) no-repeat; background-size:100% 100%;}
#pro-scroll .flex-direction-nav li a{ width:30px; height:59px;}
#pro-scroll .flex-control-paging{ display:none;}
#pro-scroll .slides img{width: 100%;}