@charset "gb2312";
/* CSS Document
Theme Name: 218
Theme URI: 
Description: A website for guide themes.
Version: 2017.5.20
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;}
i{font-style:normal;}
.clear:after{
	content:"200B";
	display:block;
	font-size:0;
	line-height:0;
	clear:both;
	}
.clear{*zoom:1}
/***公用样式**/
.wrap{width: 1200px;margin:0 auto;}
.top{    height: 80px;}
.logo{float:left;    padding-left: 35px;} 
.logo a{display:block;width:100%;height:100%;}
.logo img{display:block;height:80px;float:left;}
.top .navul{height: 80px; float:right;}
.tel{   
    background: url(../images/icon.png) no-repeat left center;
    height: 24px;
    margin-top: 28px;
    float: right;
    color: #0054a6;
    font-size: 20px;
    line-height: 24px;
    padding-left: 34px;
    font-weight: bold;}
.top .navul li{    float: left;
    padding: 0 30px;}
.top .navul li:hover{background:#0054a6;}
.top .navul li:hover a{color:#fff;}
.top .navul li a{     font: normal 16px/80px "Arial";
    display: block;
    height: 80px;
    width: 100%;
    color: #333;}

/* flexslider */
.flexslider{position:relative; height:600px; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative; z-index:1;}
.slides li{height:600px;}
.slides li a{display:block;width:100%;height:100%}
.slides li img{float:left;display:block;width:100%;height:100%}
.flex-control-nav{ display:none;position:absolute;bottom:15px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 2px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:15px;height:15px;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{left:0px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:0px;background:url(../images/next.png) center center no-repeat;}
/*面包屑*/
.title{    height: 60px;
    width: 180px;
margin: 0 auto;}

.title .titleleft{    float: left;width:230px;
    height: 77px;}
.title .titleright{width:75px;float:right;padding-top:19px;font:normal 13px/35px "Arial";color:#0054a6;}
.title .daxie{    color: #c2c2c2;
    font-family: arial;
    letter-spacing: -6px;
    font: normal 80px/60px "宋体";
    text-transform: uppercase;
    height: 60px;
    float: left;
    font-weight: 800;}
.title .zhongwen{     padding-left: 48px;
    white-space: nowrap;
    color: #0054a6;
    font: normal 28px/21px "Arial";
    font-weight: 600;
    display: block;
    padding-top: 4px;}
.title .yingwen{    padding-left: 10px;
    white-space: nowrap;
    color: #c2c2c2;
    font: normal 24px/38px "宋体";
    text-transform: uppercase;
    word-spacing: 6px;font-weight: 800;
    letter-spacing: 3px;}
.indexabout{padding-top:49px;}
.inaboutcont{    padding: 70px 10px 70px 0;}
.inaboutcont .comleft{    float: right;
    color: #494949;
    width: 690px;
    position: relative;
    height: 375px; }
.inaboutcont .comleft h3{    font-size: 22px;
    font-weight: normal;
    line-height: 60px;
    margin-bottom: 12px;
    border-bottom: 2px solid #0054a6;;}
.inaboutcont .comleft .titleright{    width: 92px;    
    height: 38px;
    background: #0054a6;
    display: block;
    text-align: left;
    line-height: 38px;
    color: #fff;
    position: absolute;
    bottom: 0;text-transform: uppercase;
    right: 6px;
    padding-left: 35px;
}
.inaboutcont .comleft .titleright img{padding-left:6px;}
.inaboutcont .comleft p{ font: normal 14px/30px "Arial";
    overflow: hidden;}
.inaboutcont .comright{     float: left;
    width: 474px;
    height: 375px;}
.inaboutcont .comright img{float:right;width:100%;height:100%;}
.indexcase{height:572px;background:#003568;padding:47px 0 124px 0;}
.indexcase .title{padding-bottom:97px;}
.indexcase .title .zhongwen{color:#fff;}
.indexcase .title .daxie{color:#1e72c2;}
.indexcase .title .yingwen{color:#1e72c2;}

.indexcase .left {
    width: 646px;
    padding: 0;
    border: none;
	border-top:3px solid #003568;
    height: 416px;
    float: left;
margin: 0px;position:relative;}
.indexcase .left .yire{width: 646px;height: 416px;}
.indexcase .left .yire a{width: 100%;height: 100%;display:block;}
.indexcase .left .yire img{width: 100%;height: 100%;display:block;}
.indexcase .left .yiab{width:100%;position:absolute;left:0;bottom:0;height:48px;color:#fff;font:normal 17px/48px "Arial";
background:rgba(0,0,0,0.5);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.indexcase .left .yiab a{color:#fff;width: 100%;height: 100%;display:block;font-size:16px;}
.indexcase .right{width:554px;float:right;}

.indexcase .right .xiaocase{float:left;width:274px;height:177px;position:relative;
border-top:3px solid #003568;border-left:3px solid #003568;}
.indexcase .right .yire{width:275px;height:177px;}
.indexcase .right .yire a{width: 100%;height: 100%;display:block;}
.indexcase .right .yire img{width: 100%;height: 100%;display:block;}
.indexcase .right .yiab{width:101%;position:absolute;left:0;bottom:0;height:29px;color:#fff;
font:normal 14px/29px "Arial";
background:rgba(0,0,0,0.5);text-align:center;white-space:nowrap;overflow:hidden;
text-overflow:ellipsis;}
.indexcase .right .yiab a{color:#fff;width: 100%;height: 100%;display:block;font-size:14px;}
.indexcase .right .casemore{    line-height: 55px;
    color: #fff;
    text-transform: uppercase;font-size:22px;padding-left:250px;width:304px;height:55px;background:#2f75b9;float:left;border-top:3px solid #003568;border-left:3px solid #003568;}
.indexcase .right .casemore a{color:#fff;padding-left:27px;font-size:19px;}


.indexprocate{    padding-top: 33px;}
.indexprocate li{    float: left;
    height: 32px;
    margin-left: 0;
    width: 138px;
    text-align: center;
    line-height: 32px;
    margin-top: 15px;
    background: #0054a6;
    margin-bottom: 9px;
    color: #fff;}
.mainAboutUs .indexprocate li a{    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 31px;
    color: #fff;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.mainAboutUs .indexprocate li:hover a{ background: #0054a6;color:#fff;margin:0;line-height: 31px;}
.mainAboutUs .indexprocate li:hover .erjip a{ background: #0174C4}
.mainAboutUs .indexprocate li:hover{ background: #0054a6;color:#fff;}
.mainAboutUs .indexprocate .yijip:hover a{line-height: 50px;}
.shouye li{float:right;}
.indexprocate li a{display:block;font-size:14px;text-align:center;line-height:37px;color:#333;}
.indexprocate li:hover a{color:#0054a6;background:#fff;}
.indexpro{padding-top:65px;}
.indexpro .indexprocate li{width:auto;margin-top:0;}
.indexpro .indexprocate li a{    height: 37px;padding:0 30px;
    margin-top: 2px;}
.indexpro .indexprocate li:hover a{}
.indexprolist li{     float: left;
    position: relative;
    width: 283px;
    height: 330px;
    margin: 80px 9px 0px;}
.indexprolist .jiangao{height:270px;}
.indexprolist{     margin-left: -9px;
    margin-top: -70px;
}
.mainAboutUs .indexprolist{margin-top:0;    margin-bottom: 50px;}
.mainAboutUs .indexprolist li{height:276px;margin-top:0;}
.proshowimg{    width: 281px;
    height: 201px;}
.proshowimg a{display:block;width:100%;height:100%;}
.proshowimg img{display:block;width:100%;height:100%;    border: 1px solid #e5e5e5;    border-radius: 8px;
    overflow: hidden;}
.proshowimg img:hover{ border: 1px solid #0054a6;}
.indexprolist h2 a{font: normal 16px/39px "Arial";
    color: #333;
    text-align: center;
    background: #fff;
    position: absolute;
    left: 0;
    left: 24px;white-space: nowrap;
    width: 93px;
    overflow: hidden;
    text-overflow: ellipsis;}
.indexprolist h2{ 
    padding-top: 11px;    height: 39px;}
.indexprolist .xq{     width: 74px;
    height: 21px;
    background: #0054a6;
    display: block;
    position: absolute;
    text-align: center;
    line-height: 21px;
    font-size: 14px;
    color: #fff;
    border-radius: 11px;
    right: 21px;
    top: 222px;}
.indexprolist .xiaoxian{width: 30px;
    height: 2px;
    left: 78px;
    bottom: 40px;
    background: #0054a6;
    position: absolute;}
.indexprolist .hoverxian{width: 284px;
    height: 5px;
    left: 0px;
    bottom: 0px;
    background: #0054a6;
    position: absolute;}
.moretitle{    width: 110px;
    height: 35px;
    background: #0054a6;
    display: block;
	margin:0 auto;
    text-align: center;
    line-height: 35px;
    color: #fff;}
.moretitle:hover{color:#fff;}
.indexprolist li:hover h2 a{color:#0054a6;}
.indexnews{     padding-top: 48px;
    height: 578px;
    padding-bottom: 118px;
    background: #e9eff4;
}
.indexnews .title{padding-bottom:67px;}
.newsyitiao{position:relative;width:387px;float:left;height:458px;background:url(../images/newsbj_12.jpg) no-repeat left top;}

.newsyitiao .xwzx{font:normal 28px/55px "Arial";color:#fff;position:absolute;top:21px;left:34px;}
.newsyitiao .title{    font: normal 20px/54px "Arial";
    color: #fff;
    position: absolute;
    top: 85px;
    left: 46px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 305px;}
.newsyitiao p{    padding-right: 13px;font:normal 14px/25px "Arial";color:#fff;position:absolute;left:34px;top:139px;
height:225px;overflow:hidden;}
.newsyitiao .xq{font:normal 14px/28px "Arial";color:#fff;position:absolute;right:21px;bottom:47px;
width:87px;height:28px;    border: 1px solid #fff;
    border-radius: 18px;display:block;
    text-align: center;}
.indexnewslist{     width: 738px;
    float: right;    margin-top: -36px;
    padding-right: 16px; }
.indexnewslist li{    height: 82px;
    border-bottom: 1px solid #d2d2d2;}
.indexnewslist .noborder{border:none;}
.indexnewslist li a{    color: #333;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 82px;
    float: left;
    padding-left: 16px;}
.indexnewslist li .gonews{    color: #333;
    height: 31px;
    display: block;
    margin-top: 33px;
    border: 1px solid #1e68b0;
    font-size: 14px;
    line-height: 31px;
    float: right;
    text-align: center;
    width: 94px;
    padding: 0;
    border-radius: 24px;}
.indexnewslist li span{    display: block;
    font: normal 14px/82px "Arial"; color: #c3c3c3;
    float: right;}
.indexnewslist li .xy{    display: block;
    font: normal 14px/82px "Arial"; color: #0054a6;
    float: left;
    font-weight: bold;
    font-family: cursive;}
.indexnewslist li p{    line-height: 30px;
    color: #b1b1b1;
    white-space: nowrap;
    overflow: ho;
    overflow: hidden;
    text-overflow: ellipsis;}
.indexnewslist li a:hover{color:#0054a6;}
.indexlink{ height:159px}
.indexlink .wrap{background:url(../images/yl_15.jpg) no-repeat left top; height:159px;position:relative;}
.indexlink p{    position: absolute;
    height: 20px;
    background: #fff;
    font: normal 16px/20px "Arial";
    padding: 0 2px;
    color: #333;
}
.py{top:54px;left:50px;}
.pd{    top: 114px;
    left: 191px;
}
.indexlink p a{color:#333;font:normal 14px/30px "Arial";padding:0;padding-right:15px;}
/*公共头部*/
#hide{display:none;}
/*公共底部*/
.bottom{background:#f5f5f5;}
.indexab{height:248px;}
.indexab form{padding-left:15px;width:755px;float:right;padding-top:18px;}
.hx{    width: 317px;
    height: 58px;
    border-bottom: 1px solid #c7c7c7;position:relative;}
.hx input{    width: 264px;
    left: 53px;
    color: #acacac;
    position: absolute;
    top: 0;
    height: 100%;outline:medium;
    background: none;font-size:16px;color:#acacac}
.alert{font:normal 17px/58px "Arial";color:#acacac;}
.indexab .title{padding-bottom:35px;}
.indexab h6{    font: normal 26px/50px "Arial";
    color: #acacac;
    text-transform: uppercase;
    padding-top: 15px;}
.textarea{width:408px;height:60px;border:1px solid #acacac;outline:medium;position:absolute;
top:58px;font-size:16px;color:#c7c7c7}
.bz{width:340px;float:left;}
.xk{float:right;width:415px;position:relative;}
.btn{    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    text-align: center;
    color: #0054a6;
    background: #fff;
    margin-top: 79px;}
.btn a{    width: 100%;
    height: 100%;display:block;
    line-height: 40px;
    font-size: 17px;
    text-align: center;
    color: #0054a6;
    margin-top: 40px;}
.continfo{width:400px;float:left;line-height:50px;}
.continfo p{font:normal 18px/46px "Arial";color:#acacac;}
.botnav{    height: 54px;
    background: #333;}
.botnav .wrap{text-align:center;background:url(../images/botnav_18.jpg) no-repeat left center;}
.footer{text-align:center;background:#fff;}
.footnav{height:50px;display:inline-block;}
.footnav li{float:left;}
.footnav li a{    font: normal 14px/52px "Arial";
    color: #fff;
    padding: 0 33px;}
.beianhao{    font: normal 14px/50px "Arial";
    color: #acacac;}

/***首页**/
.mainIndex {}


/***联系我们**/
div.protitle {border-bottom:none;}
.location{height: 30px;
    color: #5a5a5a;
    font-size: 12px;
    line-height: 30px;
    background: #dbdbdb;}
.location a{color: #5a5a5a;}
.left{width: 243px;
    padding: 25px 0px 0px;
    background: #f3f3f3;
    height: auto;
    float: left;
    margin-bottom: 2px;}

.mainAboutUs .dantitlecate{     height: 64px;
    line-height: 32px;
    background: none;
    color: #333;
    width: 100%;
    margin: 0;
    float: none}
.mainAboutUs .indexprocate .dantitlecate a{padding:0;line-height:64px;display:block;
width:100%;height:100%;color:#333;}
.mainAboutUs .indexprocate .dantitlecate a:hover{
	background:#fff;color:#333;line-height:64px;
	background:url(../images/dancatenavhoverbj_03.jpg) no-repeat left top;}
.mainAboutUs .indexprocate .yijip .erjip a:hover{line-height:50px;color:#fff;}
.mainAboutUs .indexprocate .dantitlecate:hover{background:#fff;}
.text-wrap{     padding: 33px 10px 0px 0;
    font: normal 14px/30px "Arial";
    color: #333;
    width: 928px;
    float: right;}
.indexprocate .zuolxwm{margin-top:27px;width:100%;height:37px;line-height:37px;color:#fff;font-size:16px;text-align:center;}
.indexprocate  .kzli{ padding-left: 38px;
    font: normal 12px/35px "Arial";
    color: #666;    padding-right: 11px;
    height: 35px;
    margin: 0;
    background: none;
    width: auto;
    text-align: left;}
.mainAboutUs  .indexprocate  .kzli:hover{color:#333;background:none;}
.mainAboutUs  .indexprocate .dh{padding-top: 14px;background:url(../images/lxwmbj_07.jpg) no-repeat 15px 25px; }
.mainAboutUs  .indexprocate .dh:hover{background:url(../images/lxwmbj_07.jpg) no-repeat 15px 25px; }
.mainAboutUs  .indexprocate .yb{background:url(../images/lxwmbj_10.jpg) no-repeat 15px center;}
.mainAboutUs  .indexprocate .yb:hover{background:url(../images/lxwmbj_10.jpg) no-repeat 15px center;}
.mainAboutUs  .indexprocate .cz{background:url(../images/lxwmbj_12.jpg) no-repeat 15px center;  }
.mainAboutUs  .indexprocate .cz:hover{  background:url(../images/lxwmbj_12.jpg) no-repeat 15px center;}
.mainAboutUs  .indexprocate .dz{background:url(../images/lxwmbj_14.jpg) no-repeat 15px center;}
.mainAboutUs  .indexprocate .dz:hover{background:url(../images/lxwmbj_14.jpg) no-repeat 15px center;}

.mainAboutUs {}

/***新闻资讯**/
.mainNews .indexprolist{margin-top:-33px;margin-left:-55px;}
.mainAboutUs .indexprolist .dannewslist{margin-left:55px;margin-top:38px;width:259px;height:368px;border:2px solid #e8e8e8;position:relative;}
.mainAboutUs .indexprolist .dannewslist .xwtime{    font: bold 40px/54px arial;
    color: #dadada;
    text-align: center;
    border-left: 7px solid #0054a6;
    position: absolute;
    top: 31px;
    left: -2px;
    padding-left: 23px;}
.mainAboutUs .indexprolist .dannewslist .xwtitle{    font-size: 18px;
    line-height: 29px;
    color: #333;
    position: absolute;
    top: 89px;
    left: 0;
    padding: 0 30px;
    height: 58px;
    overflow: hidden;}
.mainAboutUs .indexprolist .dannewslist p{    font-size: 14px;
    line-height: 24px;
    position: absolute;
    left: 0;
    top: 164px;
    color: #868686;
    padding: 0 30px;
    height: 120px;
    overflow: hidden;}
.mainAboutUs .indexprolist .dannewslist .danxq{    display: block;
    width: 76px;
    height: 24px;
    position: absolute;
    right: 25px;
    bottom: 25px;
    text-align: center;
    border: 1px solid #0054a6;
    line-height: 24px;
    border-radius: 14px;}
	
	
	
.pages ul{float:right;padding-right:40px;}
.pages ul li{    float: left;
    font: normal 12px/24px "Arial";
    margin-right: 5px;border:1px solid #c9c9c9;padding: 0 8px;}
.pages ul li a{font:normal 12px/24px "Arial";color:#333;
display:block;}
.pages ul li a:hover{color:#fff;}
.pages ul li:hover{background:#0054a6;}

/***新闻资讯详情**/
.mainNewsItem  .indexprolist{margin-left:0;}
.mainNewsItem  .mainProduct li .proshowimg{width:268px;}
.mainNewsItem  .text-wrap{padding-top:0;}
.mainNewsItem  .indexnewslist {width:1200px;padding-bottom:50px;}
.mainNewsItem  .indexnewslist li {width:570px;margin:0 15px;float:left;}
.mainNewsItem  .indexprolist li{width:268px;}
.fwalneipcn{    padding: 28px 24px 23px;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    }
.fwalneipcnbj{margin-bottom: 52px;height:27px;background:url(../images/newsitembj_03.jpg) no-repeat 1px bottom;}
.fwalneipcn h1{font:normal 18px/31px "Arial";color:#333;text-align:center;}
.fwalneipcn .fabutime{text-align:center;color:#afafaf;font:normal 12px/27px "Arial";padding-bottom:22px;}
.fanye{padding-top:19px;color:#999;}
.fanye span{font:normal 14px/26px "Arial";color:#333;}
.fanye h3{font:normal 14px/26px "Arial";color:#999;}
.fanye a{font:normal 14px/26px "Arial";color:#333;}
.fanye a:hover{color:#0054a6;}
.relative .zhongwen{font-size:16px;line-height:23px;}
/***产品详情**/
.mainProductItem {	}
.title .titleleft1{width:135px;}
.pcsuo{text-align:center;}
.mainNewsItem .indexprolist h2 {padding-top: 0px; 
margin-top: -4px;}
.relatitle{height: 37px;position:relative;}
.telat{    background: url(../images/relabj_07.jpg) no-repeat 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 135px;
    height: 37px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    line-height: 37px;}
.renewslist{    padding: 0px 18px 43px;}
.mainProductItem {    padding: 40px 0 58px;}
.renewslist li{height: 68px;border-bottom: 1px solid #d2d2d2;}
.renewslist li .jt{     float: left;
    color: #0054a6;
    padding-right: 16px;    line-height: 68px;
    font-weight: bold;font-family: cursive;}
.renewslist li  a{    line-height: 68px;
    float: left;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 746px;}
.renewslist li  a:hover{color:#0054a6;}
.renewslist li span{    line-height: 68px;
    font-size: 14px;
    color: #999;
    float: right;
}
.mainProduct{    margin-left: -60px;padding-bottom:0;}
.mainProduct li {    width: 283px;
    height: 260px;
    float: left;    margin: 7px 0 0 60px;}
.mainProduct li .proshowimg {
    width: 283px;
    height: 200px;
margin-bottom: 17px;}
.mainProduct li .proshowimg a {
    display: block;
    width: 100%;
height: 100%;}
.mainProduct li h2 a {font: normal 16px/39px "Arial";
    color: #333;
    text-align: center;
    background: #fff;
    position: absolute;
    left: 0;
    left: 24px;
    white-space: nowrap;
    width: 93px;
    overflow: hidden;
    text-overflow: ellipsis;}
.mainProduct li h2 a:hover{color:#0054a6}
.yijin .erjin{ position: absolute;
    left: 0;
    top: 80px;
    width: 100%;
    z-index: 50;
}
.yijin .erjin li{float:none;background:#fff;}
.yijin{position:relative;}
.top .yijin .erjin li a{white-space:nowrap;color:#333;height:40px;line-height:40px;}
.yijip{position:relative;}
.yijin .erjin li a:hover{color:#fff;}
.yijip .erjip{background:#0054a6;color:#fff;display:none;opacity:0;   position: absolute;
    left: 0;
    z-index: 2;
    background: rgba(0,0,0,0);
    width: 100%;}
.yijip:hover .erjip{display:block;opacity:1;}
.indexprocate .yijip .erjip a{color:#fff;;border:1px solid #fff;margin:0px 10px 10px;white-space:nowrap;overflow: hidden;
    text-overflow: ellipsis;    height: 50px;
    line-height: 50px;}
.indexprocate .yijip .erjip a:hover{font-weight:bold;}
.feiyaodingwei .indexprocate{    padding-top:39px;text-align:center;padding-bottom:76px;}
.feiyaodingwei .indexprocate a{    display: inline-block;
    padding: 0 26px;
    height: 32px;
    border: 2px solid #0054a6;
    line-height: 32px;
    border-radius: 18px;
    text-align: center;   
    margin: 0 26px; margin-top: 20px;}
.feiyaodingwei .indexprocate a:hover{color:#fff;background:#0054a6;}
.feiyaodingwei .title{position:relative;}
.feiyaodingwei .indexprocate li a{}
a{color:#333}
a:hover{color:#0054a6;}