@charset "gb2312";
/* CSS Document
Theme Name: 292
Theme URI: 
Description: A website for guide themes.
Version: 2017.8.18
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;}
.left{float:left;}
.right{float:right;}
.head{height:698px;position:relative;}
.head .wrap{}
.secondNav{    height: 80px;
    line-height: 80px;
width: 720px;}
.top{        height: 80px;line-height: 80px;  }
.top .logo{    float: left;
    top: 0;width:250px;
    height: 80px;
}
.top .logo img{    display: block;
    width: auto;
    height: auto;}
.top p.left{padding-left:8px;color:#666;font-size:16px;line-height:80px;}
.top .right{    width: 143px;
  }

 .nav{ height: 80px;}
 .nav li{    float: left;}
 .nav li a{ display: block;
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    text-align: center;
    color: #333;
    float: left;
    padding: 0 30px;
}
 .nav li a:hover{color:#2c80d0;}
.secondNav ul li{position:relative;z-index:20;}
.secondNav ul li ul li{    position: relative;
    z-index: 50;
    background: #fff;
    border-top: 2px solid #2c80d0;
    width: 100%;
 }
.secondNav .nav li ul li a{    line-height: 36px;
    height: 36px;
    color: #2c80d0;}
.secondNav .nav li ul li:hover{background:#2c80d0;}
.secondNav .nav li ul li a:hover{border-radius:0;white-space:nowrap;color:#fff;}
.secondNav ul li ul{    position: absolute;
    left: 0px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    z-index: 50;
    top: 80px;}
.search-box{ float: right;
    width: 187px;position:relative;
    margin-top: 26px;
    height: 29px;
    background: url(../images/search_03.jpg) no-repeat left top;}
.search-box input.text{     position: absolute;
    height: 27px;
    top: 1px;
    left: 9px;    outline: medium;
    /* padding-left: 10px; */
    line-height: 27px;}
.searcha{  display: block;
    width: 30px;
    height: 29px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;}

/*底部*/
.bottom{    padding: 25px 0 10px;
    background: #323232;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 35px;}
.bottom a{color:#fff;}
.bottom span{padding:0 24px;}
.secNav{line-height:32px;}

/***首页**/
.indexkong{padding:60px 0;}
.title{    height: 80px;  text-align: center;
    color: #393939;
    font-size: 24px;
    line-height: 25px;}
.title .yingwen{      font-size: 37px;
    color: #347ee2;
    line-height: 38px;
    text-transform: uppercase;
    font-family: arial;
    letter-spacing: 5px;}
.title  .zhongwen{    padding-top: 16px;}
.indexabout{background:url(../images/indexabout_02.jpg) no-repeat center 0;}
.indexabout .title .yingwen{color:#fff;}
.indexabout .title .zhongwen{color:#fff;}
.indexabout p{color:#fff;font-size:15px;line-height:33px;text-align:center;height:99px;overflow:hidden;margin-top:57px;}
.indexabout .mored{    display: block;
    width: 27px;
    height: 11px;
    margin: 75px auto 0;
    background: url(../images/jiantou_04.png) no-repeat center;}
.indexabout ul{    padding-top: 53px;
    text-align: center;
    width: 904px;
    margin: 0 auto;}
.indexabout ul li{    float: left;width:226px;border:1px solid #afc9f5;height:88px;text-align:center;line-height:30px;
margin:0 35px;}
.indexabout ul li a{display:block;width:100%;height:100%;color:#fff;}
.indexabout ul li .ch{font-size:22px;padding-top:17px;}
.indexabout ul li .en{font-size:14px;text-transform:uppercase;}
.dantitle {position:relative;height:104px;}
.dantitle .zhongwen{font-size: 22px;
    text-align: center;
    display: block;
    background: #fff url(../images/dantitle_03.jpg) no-repeat center bottom; height: 48px;
    line-height: 48px;
    width: 82px;
    margin: 0 auto; }
.dantitle .yingwen{     color: #2168a3;
    line-height: 43px;
    padding-top: 36px;
    text-align: center;
    text-transform: uppercase;
    font-size: 37px;
    font-family: arial;
    letter-spacing: 5px;}
.tonglan .wrap{position:relative;}
.juzhong {text-align:center;margin:20px 0 0;}
.juzhong  a{    color: #393939;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    margin: 10px 15px 0;
    display: inline-block;
    padding: 0 28px;
    border: 1px solid #fff;
    border-radius: 10px;}
.juzhong  a:hover{color:#fff;background:#2c80d0;border-color:#2c80d0;}
.mainAboutUs .indexpro{background:none;}
.mainAboutUs .indexpro  .content li{background:#e7f4fb;}
.indexpro {background:url(../images/indexpro_08.jpg) no-repeat center bottom}
.indexpro  .content{width:1230px;}
.indexpro  .content li{    width: 264px;
    height: 214px;
    float: left;
    margin-right: 14px;
    margin-top: 20px;
    background: #fff;position:relative;
    padding: 13px 13px 0;}
.indexpro  .content li .ima{display:block;width:100%;height:164px;}
.indexpro  .content li .ima img{display:block;width:100%;height:100%;}
.indexpro  .content li h2{    font-weight: normal;
    height: 50px;
    text-align: center;
    line-height: 50px;}
.indexpro  .content li:hover a{color:#2c80d0;}
.indexpro  .content li h2 a{    font-size: 16px;
    color: #393939;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 20px;}
.indexpro  .content li .hover{position:absolute;
top: 13px;display:block;
    left: 13px;width:264px;height:164px;background:url(../images/prohover_11.png);display:none;}
.indexpro  .content li:hover .hover{display:block;}
 .indexpro .more{   display: block;
    width: 171px;
    height: 54px;
    margin: 50px auto 0;
    background: url(../images/more_03.png) no-repeat center;
    font-size: 18px;
    color: #fff;
    line-height: 54px;
    text-align: center;}


.indexnews {background:url(../images/indexnews_02.jpg) no-repeat center 0;padding-bottom: 16px;}
.indexnews ul{padding-top:20px;width:1266px;}
.indexnews ul li{    width: 564px;
    height: 66px;    margin-right: 66px;
    border: 1px solid #d1d1d1;
    float: left;
    line-height: 66px;
    margin-top: 20px;}
.indexnews ul li:hover{border-color:#fff;background:#2c80d0}
.indexnews ul li:hover a{color:#fff;}
.indexnews ul li:hover span{color:#fff;}
.indexnews ul li a{color:#333;display:block;float:left;vertical-align:middle;padding-left:20px;}
.indexnews ul li span{float:right;display:block;vertical-align:middle;color:#666;padding-right:20px;}
.indexnews .more{   display: block;
    width: 171px;
    height: 54px;
    margin: 50px auto 0;
    background: url(../images/more_03.png) no-repeat center;
    font-size: 18px;
    color: #fff;
    line-height: 54px;
    text-align: center;}

.titleindex{height:60px;margin:0 auto;text-align:center;}
.titleindex .zhongwen{    font-size: 28px;
    color: #666;line-height:28px;
    padding-bottom: 15px;}
.titleindex .yingwen{font-size:20px;line-height:20px;color:#ccc;    text-transform: uppercase;}
.margintop{    margin-top:30px;}

.procateul{    width: 380px;
    height: 376px;
    float: right;
    padding-top: 8px;}
.procateul a{font-size: 16px;
    display: block;
    width: 100%;
    line-height: 62px;
    color: #333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}

.indexprocate{text-align:center;margin:50px 0 75px;height:32px;border-bottom:2px solid #2c80d0;}
.indexprocate ul{display:inline-block;}
.indexprocate ul li{    float: left;border:3px solid #2c80d0;
    height: 28px;border-left:none;text-align:center;}
.indexprocate ul li:first-child{border-left:3px solid #2c80d0;}
.indexprocate ul li a{padding:0 20px;color:#666;display:block;height:100%;text-align:center;font-size:16px;line-height:28px}
.indexprocate ul li a:hover{background:#2c80d0;color:#fff;}
.prolist{margin-left:-10px;padding-bottom:80px;}
.prolist li{width:280px;height:374px;float:left;margin:0 10px;}

.prolist li .proshowimg{margin-bottom:20px;width:278px;height:316px;float:left;border:1px solid #fff;border-radius:7px;overflow:hidden;}
.prolist li .proshowimg:hover{border-color:#2c80d0;}
.prolist li .proshowimg  a{display:block;width:100%;height:100%;}
.prolist li .proshowimg  a img{display:block;width:100%;height:100%;}
.prolist li h2{height:25px;}
.prolist li h2 a{    display: block;
    width: 100%;
    height: 35px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
   color:#333;
    text-align: center;
    font: normal 16px/35px "微软雅黑";
    background: none;}
.prolist li h2 a:hover{ color: #fff;background: #2c80d0;}

/*面包屑*/
.tonglan{    height: 104px;
    border-bottom: 1px solid #c9c9c9;
}
.zi{     font-size: 12px;
    color: #999;
    width: 940px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 33px;
    line-height: 33px;}
.zi a{  color: #999;}
.zi a:hover{  color: #2c80d0;}
.zi img{padding-right:5px;}
/*关于我们*/
.danleft{     width: 230px;
    float: left;
    margin-top: -30px;
    position: relative;
    z-index: 50;}
.danleft .content{    border: 1px solid #333;
    border-top: none;}
.danleft .content a{display:block;width:279px;height:126px;}
.danleft .content p{    font-size: 20px;
    color: #333;
    padding: 0;
    height: 30px;
    line-height: 30px;}
.danleft .content .xinxi{padding: 14px 10px;
    line-height: 30px;}
.danleft .content a img{display:block;width:100%;height:100%;}
.danleft p{    font-size: 14px;
    line-height: 28px;
    color: #2c80d0;
    height: 42px;
    padding-left: 27px;}
.danyeleft{    width: 247px;
    float: left;
    position: relative;
    margin-bottom: 40px;
    background: #f1f1f1;
    position: absolute;
    left: 12px;
    padding: 11px 5px;}
.danyeright{width:940px;float:right;overflow: hidden;}



.contactus{    padding: 75px 49px 40px 24px;
    background: url(../images/iocn_03.jpg) no-repeat 24px 79px;position:relative;}
.child{width:89px;height:121px;background:url(../images/ghf_03.png) no-repeat center; position:absolute;    right: -32px;
    bottom: -45px;}
.danyecatenav .gduo a{margin: 0 auto;
    margin-top: -1px;
    background: #2c80d0;color:#fff;
    border: 1px solid #2c80d0;}
.danyecatenav {    padding-top: 20px;}
.danyecatenav li {display:inline-block;padding:0 10px;    position: relative;z-index:10;}
.danyecatenav li a{  display:block;
    color: #333;
    line-height: 38px;
    font-size: 14px;
    height: 38px;
    border: 1px solid #fff;
    border-radius: 0;
    padding: 0 20px;
    margin: 10px 0px;}
.danyecatenav li a:hover{color:#2c80d0;border-color:#2c80d0;background:#fff;}
.danyecatenav li a.active{color:#2c80d0;border-color:#2c80d0;background:#fff;}
.text-wrap{font: normal 14px/38px "微软雅黑";
    color: #555;overflow:hidden;  }
.textbot{padding-top:10px;}

/***产品详情**/

.mainProduct{    margin-left: -38px;
    max-height: 1000px;
    
    margin-top: 20px;
    width: 927px;}
.xiangao{height:283px;}
.mainProduct li{    width: 270px;
    height: 338px;
    float: left;
    position: relative;
    margin-left: 38px;}
.mainProduct .kanall{background:url(../images/ckgd_17.jpg);}
.mainProduct .kanall h2{height:100%;top:0;}
.mainProduct .kanall h2 a{    line-height: 198px;
    font-size: 25px;}
.mainProduct .xgcpy:first-child{margin-left:0}
.mainProduct li .proshowimg{    width: 100%;      height: 195px;}
.danpros li{      width: 293px;
    height: 200px;
    margin-left: 0;
    margin-right: 30px;
    position: relative;
    margin-top: 30px;background:#f5f5f5;
}
.danpros li:hover{background:#fff;box-shadow: 0 0 9px #d2d2d2;}
.danpros li .proshowimg{      width: 100%;
    height: 160px;}

.mainProduct li h2{ width: 100%;
    text-align: center;
    line-height: 60px;
    height: 60px;
}

.mainProduct li .showbegin{    height: 56px;
    position: absolute;
    top: 264px;
    line-height: 56px;
    left: 0;}
.danpros  li .showbegin{      height: 40px;
    line-height: 40px;
    position: static;
    background: url(../images/pronameadd_03.jpg) no-repeat right 0;
    padding-right: 45px;
    width: 247px;}
.mainProduct li .hovermore{    color: #fff;
    text-transform: uppercase;
    position: absolute;    height: 26px;
    line-height: 26px;
    text-align: center;
    display: block;
    bottom: 10px;
    left: 89px;
    width: 71px;}
.mainProduct li .hovermore:hover{color:#fff;}
.mainProduct li .proshowimg a{display:block;width:100%;height:100%;}
.mainProduct li .proshowimg a img{float:left;display:block;width:100%;height:100%;}
.mainProduct li h2 a{ display: block; font-weight: normal;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* text-align: center; */
    overflow: hidden;
    font-size: 16px;
    padding: 0 20px;}
.danpros li h2 a{font-size: 14px;
    color: #666;
    line-height: 40px;}
.mainProduct li .hover h2{    background: url(../images/propt_11.png) no-repeat center bottom;
    height: 186px;}
.mainProduct li .hover h2 a{    color: #fff;
    font-size: 14px;
    line-height: 27px;
    height: 54px;
    white-space: inherit;
    padding-top: 86px;}
.mainProduct li .hover h2 a:hover{color: #fff;}
.mainProduct li h2 a:hover{color:#2c80d0;}
.mainProduct li:hover{border-color:#2c80d0;}
.pages{  text-align:center;}
.pages ul{float:right;height:108px;}
.pages ul li{    float: left;
    margin: 40px 0px 40px 6px;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    border: 1px solid #c9c9c9;
    display: block;
    padding: 0 10px;
    height: 28px;}
.pages ul li a{color:#656565;}
.pages ul li:hover a{color:#fff;}
.pages ul li:hover{text-decoration:none;background:#2c80d0;color:#fff;
border-color:#2c80d0;}
/***联系我们**/
.mainAboutUs { padding-bottom:40px;}

/***新闻资讯**/
.newsshow li{ height: 117px;
    position: relative;
    margin-top: 30px;}
.newsshow li:hover .left1{background:#2c80d0;}
.newsshow li:hover .left2 a{color:#2c80d0;}
.newsshow li:hover .left2 p{text-decoration:underline;}
.newsshow li .left1{width:94px;height:94px;background:#878787;text-align:center;color:#fff;position:absolute;left:0 ;top:0;
border-radius:50%;}
.newsshow li .left1 .day{    font-size: 30px;
    line-height: 38px;
    padding-top: 11px;}
.newsshow li .left1 .mon{font-size: 15px;
    line-height: 24px;}
.newsshow li .left2{    width: 870px;
    left: 137px;
    position: absolute;
    top: 0;}
.newsshow li .left2 a{color: #393939;
    font-size: 16px;
    line-height: 42px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.newsshow li .left2 p{    color: #666;
    line-height: 20px;
    height: 40px;
    overflow: initial;}
.newsshow li .danmore{display: block;
    background: #878787;
    width: 136px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 0;
    top: 26px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px 0 0 20px;}
.newsshow li .danmore:hover{background:#2c80d0;color:#fff;}
.newsul li{    height: 50px;
    line-height: 50px;
    background: url(../images/newsbj_03.png) no-repeat 0 center;
    border-bottom: 1px solid #d2d2d2;}

.newsul li .titlea{ 
    color: #666; display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    width: 700px;
    padding-left: 20px;}
.newsul li span{    color: #c3c3c3; font-size: 14px;
    display: block;
    float: right;}
.newsul li .titlea:hover{color:#333;text-decoration:none;}
.indexlink{padding-top:30px;}
.indexlink .wrap{    background: url(../images/link_07.png) no-repeat 0 center;
}
.indexlink p{      line-height: 40px;
    font-size: 14px;
    color: #2c80d0;
    padding-left: 36px}
.indexlink a{    color: #2c80d0;padding-right: 10px;}



/***新闻资讯详情**/
.indexnewslist {}
.hotcity a{padding-right:6px;}
.fwalneipcn h1{text-align: center;
    font: normal 16px/40px "微软雅黑";
    color: #555;
padding-top: 30px;}
.fwalneipcn .fabutime{      text-align: center;
    font: normal 14px/26px "微软雅黑";
    color: #999;}
.fanye{ color: #666;
    line-height: 23px;
    margin: 10px 0;
    padding: 6px 0;
    border-top: 1px dashed #2c80d0;
    border-bottom: 1px dashed #2c80d0;}
.fanye h3{font:normal 14px/23px "微软雅黑";color:#666;    float: left;}
.fanye h3 a{font:normal 14px/23px "微软雅黑";color:#666;}
.fanye a{color:#666;}
.fanye a:hover{color:#2c80d0;text-decoration:none;}

.telat{     font-size: 18px;
    color: #2c80d0;
    line-height: 35px;
    background: url(../images/rela_07.jpg) no-repeat 0 0;
    height: 35px;
    padding-left: 50px;
    font-weight: bold;
    padding-top: 20px;
margin-top: 20px;}
.telatpro{left:239px;}
.telat span{font-style:italic;    padding-right: 50px;display:none;}
.mainProductItem {    padding: 40px 0 40px;}

/***产品详情**/
.pcsuo{text-align:center;    padding: 10px 0;}
.pcsuo img{width:auto;height:auto;display:inline;}
.neinei img{width:auto;height:auto;display:inline;}

/***产品详情**/
.mainProductItem {
    margin-left: 0;}

/***新闻资讯详情**/
.mainNewsItem{}
.danpros{    width: 970px;    padding-bottom: 10px;
    margin: 0; margin-left: 0;}
	
.erjip{    min-width: 100%;
    text-align: center;
    position: absolute;
    left: 10px;z-index:20;
    top: 50px;
    white-space: nowrap;}
.danyecatenav .erjip a{      font-size: 14px;
    padding-left: 0;
    text-align: center;
    width: 100%;  
    color: #fff;
    margin: 0 auto;
    padding: 0;
    white-space: nowrap;}
.danyecatenav li:hover .erjip .nobj{color:#fff;background: #4c70bf;}
.danyecatenav .erjip a:hover{background:#2c80d0;font-size:15px;color:#fff;}
.text-wrap a{color:#747474;}
.text-wrap a:hover{color:#2c80d0;}
.wangshang{    margin-top: -21px;}
.relanews{padding-top:10px;width:1245px;}
.relanews li{height:34px;line-height:34px;padding-right:45px;width:570px;float:left;}
.relanews li a{display:block;vertical-align:middle;float:left;color:#333;}
.relanews li span{display:block;vertical-align:middle;float:right;color:#666;}