@charset "gb2312";
/* CSS Document
Theme Name: 257
Theme URI: 
Description: A website for guide themes.
Version: 2017.6.27
Author: ljh
 */
/* CSS Document */
/***预设样式***/
body,h1,h2,h3,h4,h5,h6,li,ul,ol,dt,dl,dd,input,p{margin:0;padding:0;}
body{font-family:arial,"Microsoft Yahei","宋体";font-size:14px;}
ol,ul{list-style:none;}
input,img{border:none;}
a{text-decoration:none;color:#333;}
i{font-style:normal;}
.clear:after{
	content:"200B";
	display:block;
	font-size:0;
	line-height:0;
	clear:both;
	}
.clear{*zoom:1}
/***公用样式**/
.wrap{width: 1100px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.top{height:600px;position:relative;}
.topab{    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    height: 79px;    background: url(../images/head.png);
    width: 100%;}
.logo{float:left;}
.logo a{display:block;width:100%;height:100%;}
.logo img{width:auto;height:auto;float:left;}
.top .navul{    float: right;
    width: auto;
    top: 0;
    height: 79px;
    top: 0;}
.top .navul li{float:left;padding:0 30px;}
.top .navul li:hover a{color:#00a8ea;}
.top .navul li a{    white-space: nowrap;
    font: normal 14px/79px "微软雅黑";
    display: block;
    height: 79px;
    width: 100%;
    color: #fff;}
/* flexslider */
.flexslider{position:relative; height:521px; overflow:hidden;padding-top:79px;}
.slides{position:relative; z-index:1;}
.slides li{height:521px;}
.slides li a{display:block;width:100%;height:100%}
.slides li img{float:left;display:block;width:100%;height:100%}
.flex-control-nav{ position:absolute;bottom:40px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:18px;height:18px;margin:0 10px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:18px;height:18px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:35%;}
.flex-direction-nav li a{display:block;width:78px;height:119px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{display:none;left:0px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{display:none;right:0px;background:url(../images/next.png) center center no-repeat;}
/*首页*/
.indexkong{padding:50px 0;}
.title{height:70px;text-align:center;}
.title .zhongwen{font-size:32px;line-height:36px;height:53px;}
.title .zhongwen span{color:#00a3df;}
.title .yingwen{font-size:15px;line-height:17px;color:#717171;text-transform:uppercase;}
.catetitle{text-align:center;font-size:17px;line-height:18px;padding:30px 0;}
.catetitle a{     color: #333;
    padding: 0 20px;
    line-height: 40px;
    white-space: nowrap;
    font-size: 14px;}
.catetitle a:hover{color:#00a4df}
.procate li{width:262px;height:360px;float:left;position:relative;margin: 0 52px;}
.procate li .proshowimg{width:218px;height:218px;border-radius:50%;overflow:hidden;margin: 20px auto;}
.procate li h2{    font-weight: normal;
    text-align: center;
    font-size: 17px;
    line-height: 50px;
    padding-top: 5px;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.procate li p{    font-size: 14px;
    color: #666;
    line-height: 20px;
    height: 40px;
    overflow: hidden;}
.procate li .proshowimg a{display:block;width:100%;height:100%;}
.procate li .proshowimg img{display:block;width:100%;height:100%;}
.indexnews{background:url(../images/newsbj_07.jpg)}
.newcate{padding:20px 0;}
.newcate li{height:100px;}
.newcate li .wrap{background:url(../images/jiantohui_03.png) no-repeat right center;height: 100px;}
.newcate li:hover .wrap{background:url(../images/xinjiantou_03.png) no-repeat right center;}

.newcate li:hover{background:#00a4df;}
.newcate li:hover a{color:#fff;}
.newcate li:hover span{color:#fff;}
.newcate li:hover p{color:#fff;}
.newcate li span{width:230px;float:left;display:block;font-size:21px;line-height:100px;color:#323232;}
.newcate li a{    display: block;
    float: left;    padding-top: 13px;
    width: 700px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 33px;}
.newcate li p{    font-size: 12px;
    float: left;
    width:700px;
    height: 40px;
    color: #4f4f4f;
    line-height: 20px;
    overflow: hidden;}
.indexkong .more{    display: block;
    width: 230px;
    height: 50px;
    margin: 0 auto;
    color: #dee52b;
    text-align: center;
    line-height: 50px;
    background: #656462;
    border-radius: 37px;
    font-size: 19px;text-transform:uppercase;}
.indexabout p{     line-height: 35px;
    margin: 30px 0;
    height:245px;
    overflow: hidden;}
.indexab .title .zhongwen{color:#fff;}
.indexab .title .yingwen{color:#fff;}
/*面包屑*/
.huangre{height:40px;background-color:#ffc519;}
.huangre .wrap{position:relative;}
.huangre .wrap .location{position:absolute;right:0;top:0;padding-right:10px;font:normal 14px/40px "微软雅黑";color:#333;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;width:1170px;}
.huangre .wrap .location a{font:normal 14px/40px "微软雅黑";color:#333;}

.title-all{   float: left;
    width: 225px;
    border: 8px solid #19b1ec;}
.title-all li{    float: left;
    width: 100%;
    border-bottom: 1px solid #19b1ec;}
.zhishi{width:114px;height:61px;float:left;text-align:center;padding-top:12px;background-color:#ffc519;}
.zhishi h5{font:bold 18px/25px "微软雅黑";color:#333;}
.zhishi h6{    font: bold 14px/25px "微软雅黑";
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    text-align: left;
    padding-left: 20px;}
 .title-all li a{ display: block;
    width: 137px;
    font: normal 14px/53px "微软雅黑";
    padding-left: 45px;}
.title-all li a:hover{color: #19b1ec;background:url(../images/dantitlebj_07.png) no-repeat 30px 24px;}
.mainAboutUs  .right{    width: 759px;
    background: #fff;overflow:hidden;
    padding: 20px 50px 40px;}
.mainAboutUs  .location{    background: url(../images/zhidaobj_03.jpg) no-repeat 0 0;
    height: 99px;
    border-bottom: 1px solid #d2d2d2;
    position: relative;}
.mainAboutUs  .location .yingwen{    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-transform: uppercase;
    padding-top: 20px;}
.mainAboutUs  .location .zhongwen{font-size:18px;line-height:33px;} 
.mainAboutUs  .location .mianbaoxue{position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    text-align: right;
    line-height: 55px;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 620px;}
.mainAboutUs  .location .mianbaoxue a{color: #666;}
/*公共头部*/

/*公共底部*/
.footer{    padding: 20px 0; background: #00a4df;text-align:center;}
.footer .wrap{padding-left:14px;}
.footer .footnav{height:38px;}
.footer .footnav a{font:normal 15px/38px "微软雅黑";color:#fff;    padding: 0 27px;}
.bottom{font:normal 14px/28px "微软雅黑";color:#fff;}
.bottom a{font:normal 12px/28px "微软雅黑";color:#fff;}

/***首页**/

.indexab{    background: url(../images/newsbj.png) no-repeat center;}
.hx{width: 340px;
    height: 47px;
    background: #fff;
    margin-top:20px;
    position: relative;
    border-radius: 9px;
    float: left;margin-left:40px;}
.hx1{margin-left:0}
.hx input{     position: absolute;
    outline: medium;
    font-family: "微软雅黑";
    left: 0;
    top: 0px;
    width: 320px;
    height: 100%;
    background: none;
    font-size: 16px;
    line-height: 47px;
    padding-left: 20px;}
#hide{display:none;}
.alert{font:normal 17px/62px "微软雅黑";color:#fff;}
.indexab .title{padding-bottom:50px;}
.textarea{    font-family: "微软雅黑";
    width: 1078px;
    height: 92px;
    margin-top: 20px;
    background: #fff;
    border-radius: 9px;
    font-size: 16px;
    outline: medium;
    padding: 10px;}

.btn{    width: 170px;
    height: 40px;
    line-height: 40px;border-radius:9px;
    font-size: 17px;
    text-align: center;
    color: #fff;
    margin: 46px auto 0;
    border: 1px solid #fff;}
.btn a{    width: 100%;
    height: 100%;
    display: block;
    line-height: 40px;
    /* font-size: 17px; */
    text-align: center;
    color: #fff;}
.continfo p{    font: normal 16px/60px "微软雅黑";
    color: #fff;
    width: 366px;
    float: left;
    text-align: center;}
.continfo p img{    width: 25px;
    height: 25px;display:block;margin:0 auto;}
.indexonly{    padding: 20px 0;}
.indexonly .wrap{    padding-left: 34px;background:url(../images/youlian_03.jpg) no-repeat left center;}
.indexonly p{font:normal 14px/29px "微软雅黑";}
.indexonly p span{color:#00a4df;}
.indexonly p a{color:#333;}
.indexonly p a:hover{color:#00a4df;}
.indeximage2{color:#fff;line-height:50px;}
/***关于我们**/
.dantop {   height: 66px; background: url(../images/head.png);
border-top: 3px solid #f1f1f1;}
.dantop .logo img{max-height:66px;}
.dantop .navul{float:right;}
.dantop .navul li{float:left;}
.dantop .navul li a{    display: block;
    height: 66px;    white-space: nowrap;
    line-height: 66px;
    padding: 0 30px;color:#fff;}
.dantop .navul li a:hover{color:#00a8ea;}
.dantop .navul li .erjin{top:66px;}
.dantop .navul li .erjin a{height:40px;line-height:40px;}
.mainAboutUs .text-wrap{    font: normal 14px/31px "微软雅黑";
    color: #333;
    padding-top: 10px;}
.banner{}
.banner img{width:100%;}
.danre{    height: 86px;
    background: url(../images/toumingerji_06.png);
    position: relative;
    z-index: 2;
    margin-top:-50px;    width: 859px;
    float: right;}
.zhidao .yingwen{position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 38px;
    text-transform: uppercase;
    line-height:60px;}
.zhidao .zhongwen{    color: #209fe3;
    position: absolute;
    right: 0;
    font-size: 26px;
    line-height: 38px;
    top: 46px;}
.mainAboutUs{background:#f1f1f1;}
/***新闻资讯**/
.mainAboutUs .newsul li{    height: 156px;
    border-bottom: 1px dashed #d2d2d2;
    padding: 20px 0;}
.mainAboutUs .newsul li .newsleft{    width: 153px;
    height: 153px;
    border: 2px solid #d7d7d7;
    float: left;
    margin-right: 20px;}
.mainAboutUs .newsul li .newsleft a{display:block;width:100%;height:100%;}
.mainAboutUs .newsul li .newsleft img{display:block;width:100%;height:100%;}
.mainAboutUs .prosul li .newsright{float:right;position:relative;width:580px;height:158px;}
.mainAboutUs .newsul li .newsright a.titlea{    font-size: 15px;
    line-height: 16px;font-weight: normal;
    position: absolute;
    top: 18px;
    left: 0;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 450px;}
.mainAboutUs .newsul li .newsright p{     line-height: 30px;
    position: absolute;
    left: 0;
    top: 49px;
    color: #666;
    height: 60px;
    overflow: hidden;}
.mainAboutUs .newsul li .newsright span{}
.mainAboutUs .newsul li .newsright a.readmore{color: #666;
    position: absolute;
    left: 0;
    bottom: 20px;
    padding-left: 22px;
    background: url(../images/hui_06.jpg) no-repeat 0 0;
    line-height: 16px;}
.mainAboutUs .newsul li .newsright a:hover{color:#ba1717;}
.mainAboutUs .newsul li .newsright a.readmore:hover{  background: url(../images/chakanhong_03.jpg) no-repeat 0 0;}
.fenye{padding-top:30px;float:right;padding-bottom:30px;}
.fenye li{    float: left;
    margin-left: 8px;
    font: normal 12px/22px "微软雅黑";
    border-radius: 4px;color:#1d71c7}
.fenye li a{      font: normal 12px/22px "微软雅黑";
    display: block;
    padding: 0 7px;
    height: 22px;
    border: 1px solid #d2d2d2;
    text-align: center;color:#1d71c7;    border-radius: 4px;}
.fenye li:hover a{background:#1d71c7;color:#fff;border-color:#1d71c7;}
.mainAboutUs .newsul li .newsright{position:relative;    height: 162px;}
.mainAboutUs .newsul .jian{height: 127px;}
.mainAboutUs .newsul li .jianduan{height: 123px;}
.mainAboutUs .xinwenye li .newsright a.titlea{    font-size: 14px;
    line-height: 22px;
    width: 620px;top:0;}
.mainAboutUs .xinwenye li .newsright  span{  position: absolute;
    right: 0;
    top: 0;
    line-height: 22px;
    font-size: 12px;
    display: block;
    color: #999;}
.mainAboutUs .xinwenye li .newsright  p{     font-size: 12px;
    line-height: 24px;
    top: 35px;
    height: 48px;
    overflow: hidden;}
.mainAboutUs .xinwenye li .newsright a.more{    width: 62px;
    display: block;
    height: 24px;
    position: absolute;
    left: 0;
    bottom: 0;
    /* background: url(../images/more_07.png) no-repeat; */
    text-transform: uppercase;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #333;}
.mainAboutUs .xinwenye li .newsright a.more:hover{color:#00a4df}
/***产品页面**/
/***新闻资讯详情**/
.articleinfo h1{    font-size: 16px;
    text-align: center;color:#ba1717;
    font-weight: normal;
    line-height: 30px;
    padding: 0 50px;
}
.articleinfo .fabutime{    text-align: center;
    line-height: 36px;
    font-weight: normal;
    font-size: 12px;
color: #999;}
.fanye{    line-height: 28px;
    padding: 10px 0;
    border-top: 1px dashed #d2d2d2;
    border-bottom: 1px dashed #d2d2d2;
    margin-top: 20px;}
.fanye h3{    font-size: 14px;
    font-weight: normal;}
.fanye a:hover{color:#ba1717;}
.relatitle{font-size:18px;line-height:65px;padding-left:13px;    background: url(../images/relabj_03.jpg) no-repeat left center;}
.relatitle span{    text-transform: uppercase;
    color: #999;    font-size: 16px;
    padding-left: 10px;}
.relapro{    height: 280px;margin-left:-34px;
    border-bottom: 1px dashed #d2d2d2;}
.relapro li{float: left;
    width: 226px;
    height: 280px;margin-left:34px;
    text-align: center;}
.relapro li .picdiv{    width: 226px;
    height: 226px;
    border: 2px solid #d9d9d9;}
.relapro li .picdiv a{display:block;width:100%;height:100%;}
.relapro li .picdiv img{display:block;width:100%;height:100%;}
.relapro li h2{}
.relapro li h2 a{    font-weight: normal;
    font-size: 14px;
    line-height: 50px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 200px;
    padding: 0 15px;}
.relapro li h2 a:hover{color:#ba1717;}
/***产品详情**/
.pcsuo{text-align:center;}
.yijin{position:relative;}
.erjin{    z-index: 10;
    left: 0;width:100%;
    top: 79px;position:absolute;overflow:hidden;}
.erjin li{background:#fff;float:none;}
.erjip {width: 100%;
    z-index: 20;}
.top .navul .erjin li a{height:40px;line-height:40px;color:#333;}
.top .navul .erjin li a:hover{color:#00a8ea;}