@charset "gb2312";
/* CSS Document
Theme Name: 216
Theme URI: 
Description: A website for guide themes.
Version: 2017.5.19
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;}
.head{position:relative;}
.top{    height: 116px;
    position: absolute;
    z-index: 2;
     top: 0; 
    left: 50%;
    margin-left: -600px;}
.logo{float:left;padding-left: 42px;} 
.logo a{display:block;width:100%;height:100%;}
.logo img{display:block;width:100%;height:100%;float:left;}
.top .wrap{background:url(../images/topnavbj.png);height:116px;}
.top .navul{    height: 40px;
    background: url(../images/madk.png);
    width: 100%;
    position: absolute;
    z-index: 23;
    left: 0;
    bottom: 0;box-shadow: 0px 1px 2px #ddd;
}
.tel{    width: 315px;
    background: url(../images/dianhua_03.png) no-repeat;
    height: 40px;
    margin-top: 20px;
    float: right;
    color: #ffae00;
    padding-left: 38px;
    font-size: 16px;
    line-height: 20px;}
.top .navul li{float:left;padding:0 45px;}
.top .navul li:hover{background:#ff7200;padding-bottom:5px;}
.top .navul li:hover a{color:#fff;}
.top .navul li a{    font: normal 14px/40px "Î¢ÈíÑÅºÚ";
    display: block;
    height: 40px;
    width: 100%;
    color: #333;}
.feiyaodingwei .indexprocate{overflow:hidden;}
/* flexslider */
.flexslider{position:relative; height:708px; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative; z-index:1;}
.slides li{height:708px;}
.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{    border-bottom: 5px solid #e3e3e3;
    height: 77px;
    width: 212px;
    margin: 0 auto;}

.title .titleleft{    float: left;width:247px;
    height: 77px;}
.title .titleright{width:75px;float:right;padding-top:19px;font:normal 13px/35px "Î¢ÈíÑÅºÚ";color:#ff7200;}
.title .daxie{    color: #e3e3e3;
    letter-spacing: -6px;
    font: bold 65px/72px arial;
    float: left;
    height: 77px;
    border-bottom: 5px solid #ff7200;}
.title .zhongwen{padding-left:10px;white-space:nowrap;color:#ff7200;font:normal 35px/40px "Î¢ÈíÑÅºÚ";}
.title .yingwen{     padding-left: 10px;
    white-space: nowrap;
    color: #e3e3e3;
    font: normal 24px/41px "Î¢ÈíÑÅºÚ";
    text-transform: uppercase;
    word-spacing: 16px;}
.indexabout{padding-top:42px;}
.inaboutcont{    padding: 120px 10px 84px 0;}
.inaboutcont .comleft{    float: right;
   
    color: #494949;
       width: 586px;position:relative;    height: 325px;
    }
.inaboutcont .comleft h3{ font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    padding-bottom: 30px;}
.inaboutcont .comleft .titleright{    width: 110px;
    height: 35px;
    background: #ff7200;
    display: block;
    text-align: center;
    line-height: 35px;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 13px;}
.inaboutcont .comleft p{ font: normal 14px/30px "Î¢ÈíÑÅºÚ";height: 180px;
    overflow: hidden;}
.inaboutcont .comright{    float: left;
    width: 542px;
    height: 326px;
    padding-left: 16px;}
.inaboutcont .comright img{float:right;width:100%;height:100%;}
.indexcase{height:490px;background:#f8f3ed;}

.indexcaselist li{width:246px;height:234px;padding:36px 35px 0 ;float:left;}
.indexcaselist .caseborder{width:246px;height:234px;border-bottom:2px solid #e1e1e1;}
.indexcase ul li:first-child{margin-left:0;border-left:none;padding-left:0;}
.indexcase ul li:last-child{margin-right:0;border-right:none;padding-right:0;}
.indexcase ul li:last-child img{border:none;padding-right:0;}
.indexcaselist li .fwalneipctitleleft{width:246px;height:161px;padding-bottom:10px;}
.indexcaselist li .fwalneipctitleleft a{display:block;width:100%;height:100%;}
.indexcaselist li .fwalneipctitleleft img{width:100%;height:100%;height:161px;border-right:1px solid #e6e6e6;padding-right:35px;}
.indexcaselist li .fwalneipctitle a{color:#333;font:normal 17px/27px "Î¢ÈíÑÅºÚ";padding-left:2px;}
.indexcaselist li .fwalneipctitle .more{color:#999;}
.indexcaselist li:hover .caseborder{border-bottom:2px solid #bf995b;}
.indexcaselist li:hover a{color:#bf995b;}
.indexcaselist li:hover .more{color:#bf995b;}
.indexprocate{}
.indexprocate li{    float: left;
    height: 32px;
    margin-left: 0;
    width: 138px;
    text-align: center;
    line-height: 32px;
    margin-top: 15px;
    background: #ff7200;
    margin-bottom: 9px;
    color: #fff;}
.mainAboutUs .indexprocate li {width:136px;border:1px solid #eee;color:#bababa;background:none;}
.mainAboutUs .indexprocate li a{    display: block;
    font-size: 14px;
    text-align: center;
    line-height: 31px;
    color: #bababa;    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.mainAboutUs .indexprocate li:hover a{ background: #ff7200;color:#fff;margin:0;line-height: 31px;}
.mainAboutUs .indexprocate li:hover .erjip a{ background: #Fd950E}
.mainAboutUs .indexprocate li:hover{background:#ff7200}
.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:#ff7200;background:#fff;}
.indexpro{padding-top:65px;}
.indexpro .indexprocate li{width:auto;margin-top:0;}
.indexpro .indexprocate li a{    height: 38px;
    padding: 0 30px;
    margin-top: 3px;}

.indexpro .indexprocate li .jiana{color:#fff;}
.indexpro .indexprocate li .jiana:hover{color:#ff7200;}
.indexpro .indexprocate li:hover a{}
.indexprolist li{    float: left;   position: relative;
    width: 283px;
    height: 290px;
        margin: 70px 9px 54px;box-shadow: 0 1px 4px #d6d6d6;}
.mainAboutUs .indexprolist li{    margin-top: 0;
    margin-left: 54px;margin-right: 0;
    position: relative;}
.mainAboutUs .indexprolist{margin-top:0;    margin-left: -38px;}
.indexprolist .jiangao{height:270px;}
.indexprolist{     margin-left: -9px;
    margin-top: -70px;
}
.proshowimg{     width: 283px;
    height: 201px;
    position: absolute;
    left: -1px;}
.proshowimg a{display:block;width:100%;height:100%;}
.proshowimg img{display:block;width:100%;height:100%;    border: 1px solid #e5e5e5;}
.proshowimg img:hover{ border: 1px solid #ff7200;}
.indexprolist h2 a{font: normal 16px/39px "Î¢ÈíÑÅºÚ";
    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: 7px;
    height: 39px;
    position: absolute;
    left: 0;
    bottom: 44px;}
.indexprolist .xq{    width: 64px;
    height: 21px;
    border: 1px solid #ff7200;
    display: block;
    position: absolute;
    text-align: center;
    line-height: 21px;
    font-size: 14px;
    color: #333;
    border-radius: 12px;
    right: 14px;
    bottom: 39px;}
.indexprolist .xiaoxian{width: 30px;
    height: 2px;
    left: 78px;
    bottom: 40px;
    background: #ff7200;
    position: absolute;}
.indexprolist .hoverxian{width: 284px;
    height: 5px;
    left: 0px;
    bottom: 0px;
    background: #ff7200;
    position: absolute;}
.indexprolist .xq:hover{color:#ff7200;}
.moretitle{    width: 110px;
    height: 35px;
    background: #ff7200;
    display: block;
	margin:0 auto;
    text-align: center;
    line-height: 35px;
    color: #fff;}
.moretitle:hover{color:#fff;}
.indexprolist li:hover h2 a{color:#ff7200;}
.indexnews{    padding-top: 120px;height:936px;}
.yitiao{width:546px;float:left;padding:18px 65px 0 6px;}
.yitiao h4{font:normal 16px/36px "Î¢ÈíÑÅºÚ";color:#333;}
.yitiao p{font:normal 14px/30px "Î¢ÈíÑÅºÚ";color:#666;height:180px;overflow:hidden;}
.yitiao p a{font:normal 14px/30px "Î¢ÈíÑÅºÚ";color:#ff7200;white-space:nowrap;}
.indexnewslist{    height: 680px;position:relative;
padding-top: 88px;background:url(../images/indexnewbj_07.jpg) no-repeat center bottom;}
.indexnewslist li{ position:absolute;   width: 454px; height: 164px;}
.indexnewslist li a{      color: #333;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 30px;}
.indexnewslist li span{ display: block;font: normal 13px/15px "Î¢ÈíÑÅºÚ";padding-bottom:10px;color:#333;}
.indexnewslist li p{    line-height: 30px;
    color: #b1b1b1;
    white-space: nowrap;
    overflow: ho;
    overflow: hidden;
    text-overflow: ellipsis;}
.indexnewslist li:first-child{top: 88px;left: 632px;}
.indexnews ul li:nth-child(2){top: 226px;left: 110px;text-align:right;}
.indexnews ul li:nth-child(3){top: 363px;left: 632px;}
.indexnews ul li:nth-child(4){top: 501px;left: 110px;text-align:right;}
.indexnews ul li:nth-child(5){top: 638px;left: 632px;}
.indexnewslist li a:hover{color:#ff7200;}
.indexlink{    padding: 30px 0 50px;}
.indexlink .wrap{}
.indexlink p{margin-top:26px;height:30px;border-bottom:1px solid #ff7200;
font:normal 14px/30px "Î¢ÈíÑÅºÚ";padding-left:24px;color:#fff;background:url(../images/yl.png) no-repeat left top;}
.indexlink p a{color:#333;font:normal 14px/30px "Î¢ÈíÑÅºÚ";padding:0;padding-right:15px;}
.indexlink p a:first-child{padding-left:50px;}
/*¹«¹²Í·²¿*/
#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 "Î¢ÈíÑÅºÚ";color:#acacac;}
.indexab .title{padding-bottom:35px;}
.indexab h6{    font: normal 26px/50px "Î¢ÈíÑÅºÚ";
    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: #ff7200;
    background: #fff;
    margin-top: 79px;}
.btn a{    width: 100%;
    height: 100%;display:block;
    line-height: 40px;
    font-size: 17px;
    text-align: center;
    color: #ff7200;
    margin-top: 40px;}
.continfo{width:400px;float:left;line-height:50px;}
.continfo p{font:normal 18px/46px "Î¢ÈíÑÅºÚ";color:#acacac;}
.botnav{height:50px;background:#ff7200;}
.botnav .wrap{text-align:center;}
.footer{text-align:center;background:#fff;}
.footnav{height:50px;display:inline-block;}
.footnav li{float:left;}
.footnav li a{font:normal 14px/50px "Î¢ÈíÑÅºÚ";color:#fff;padding:0 40px;}
.beianhao{    font: normal 14px/40px "Î¢ÈíÑÅºÚ";
    color: #acacac;}

/***Ê×Ò³**/
.mainIndex {}


/***ÁªÏµÎÒÃÇ**/
div.protitle {border-bottom:none;}
.location{    height: 30px;color: #939393;
    font-size: 12px;
    line-height: 30px;
background: #e5e5e5;}
.location a{color: #939393;}
.left{width: 139px;padding:20px 22px 9px;margin-bottom: 40px;
  border: 2px solid #eee;height:auto;float:left;    margin-top: 45px;}
.dantitle  {width:134px;height:40px;border:2px solid #ff7200}
.dantitle .titleleft{     width: 180px;
    white-space: nowrap;
    height: 23px;
    background: #fff;
    margin-top: 9px;text-align:center;
    margin-left: -24px;}
.dantitle .zhongwen{    font-size: 16px;
    color: #ff7200;
    line-height: 24px;padding:0;
}
.dantitle .yingwen{    font-size: 8px;
    line-height: 24px;
    padding-left: 0;
    color: #bababa;
    word-spacing: 0px;
    letter-spacing: -1px;}
.dantitlecate{margin-left:46px;}
.dantitlecate a{padding:0 19px;line-height:40px;margin-top:3px;}
.dantitlecate a:hover{background:#ff7200;color:#fff;}
.dantitlecate li:hover a{background:#ff7200;color:#fff;}
.text-wrap{    padding: 45px 0px 18px;
    font: normal 14px/30px "Î¢ÈíÑÅºÚ";
    color: #333;overflow:hidden;
    width: 974px;
    float: right;}

.mainAboutUs {}

/***ÐÂÎÅ×ÊÑ¶**/
.mainNews{    margin-left: -13px;margin-bottom:85px;}
.mainNews li{    height: 238px;
    width: 288px;
    border-bottom: 1px dashed #dcdcdc;
    float: left;
    border-right: 1px dashed #dcdcdc;
    padding: 0 20px;}
.mainNews li:nth-child(4) h2{padding-top:18px;}
.mainNews li:nth-child(5) h2{padding-top:18px;}
.mainNews li:nth-child(6) h2{padding-top:18px;}
.mainNews li:nth-child(3){border-right:none;}
.mainNews li:nth-child(4){border-bottom:none;}
.mainNews li:nth-child(5){border-bottom:none;}
.mainNews li:nth-child(6){border-right:none;border-bottom:none;}
.mainNews li a{display:block;font:normal 16px/20px "Î¢ÈíÑÅºÚ";color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mainNews li .xq{    display: block;
    font: normal 16px/26px "Î¢ÈíÑÅºÚ";
    color: #fff;
    width: 80px;
    height: 26px;
    text-align: center;
    background: #ff7200;
    border-radius: 20px;
    float: right;
    margin-top: 14px;}
.mainNews li .xq:hover{color:#fff}
.mainNews li a:hover{color:#ff7200;}
.mainNews li span{    display: block;
    padding-top: 12px;
    font: normal 14px/26px "Î¢ÈíÑÅºÚ";
    color: #868686;}
.mainNews li p{    color: #ababab;
    font: normal 14px/27px "Î¢ÈíÑÅºÚ";
    height: 108px;
    overflow: hidden;}
.pages ul{float:right;padding-right:69px;}
.pages ul li{    float: left;
    font: normal 12px/24px "Î¢ÈíÑÅºÚ";
    margin-right: 8px;}
.pages ul li a{padding: 0 8px;border: 1px solid #c9c9c9;font:normal 12px/24px "Î¢ÈíÑÅºÚ";color:#333;
display:block;}
.pages ul li a:hover{color:#fff;background:#ff7200}

/***ÐÂÎÅ×ÊÑ¶ÏêÇé**/
.mainNewsItem  .indexnewslist {width:1200px;padding-bottom:50px;}
.mainNewsItem  .indexnewslist li {width:570px;margin:0 15px;float:left;}
.fwalneipcn{padding:28px 17px 24px;}
.fwalneipcn h1{font:normal 18px/31px "Î¢ÈíÑÅºÚ";color:#333;text-align:center;}
.fwalneipcn .fabutime{text-align:center;color:#afafaf;font:normal 12px/27px "Î¢ÈíÑÅºÚ";padding-bottom:22px;}
.fanye{padding-top:19px;color:#999;}
.fanye span{font:normal 14px/26px "Î¢ÈíÑÅºÚ";color:#333;}
.fanye h3{font:normal 14px/26px "Î¢ÈíÑÅºÚ";color:#999;}
.fanye a{font:normal 14px/26px "Î¢ÈíÑÅºÚ";color:#333;}
.fanye a:hover{color:#ff7200;}
.relative .zhongwen{font-size:16px;line-height:23px;}
/***²úÆ·ÏêÇé**/
.mainProductItem {	}
.title .titleleft1{width:135px;}
.pcsuo{text-align:center;}

.relatitle{border-bottom:2px solid #ff7200;height:26px;position:relative;}
.telat{     background: #ff7200;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 94px;
    height: 29px;
    color: #fff;
    text-align: center;
    font-size: 16px;}
.renewslist{    padding: 0px 18px 43px;}
.mainProductItem {    padding: 40px 0 58px;}
.renewslist li{height: 75px;border-bottom: 1px solid #d2d2d2;}
.renewslist li .jt{     float: left;
    color: #ff7200;
    padding-right: 16px;    line-height: 75px;
    font-weight: bold;font-family: cursive;}
.renewslist li  a{    line-height: 75px;
    float: left;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 746px;}
.renewslist li  a:hover{color:#ff7200;}
.renewslist li span{    line-height: 75px;
    font-size: 14px;
    color: #999;
    float: right;
}
.mainProduct{    margin-left: -59px;padding-bottom:0;}
.mainProduct li {    width: 283px;
    height: 260px;position: relative;
    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 {    display: block;
    width: 283px;    position: absolute;
    bottom: 20px;
    height: 30px; font-weight: normal;
    margin-top: 17px;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;}
.mainProduct li h2 a:hover{color:#ff7200}
.yijin .erjin{ position: absolute;
    left: 0;
    top: 40px;
    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: #ff7200;
    color: #fff;
    display: none;
    opacity: 0;
    position: absolute;
    left: -1px;
    z-index: 2;
    background: rgba(0,0,0,0);
    width: 138px;}
.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;}
.indexprocate .yijip .erjip a:hover{font-weight:bold;background:Red}
.feiyaodingwei .indexprocate{     background: #ff7200;
    margin-top: 74px;
}
.feiyaodingwei .title{position:relative;}
.feiyaodingwei .indexprocate li a{}
a{color:#333}
a:hover{color:#ff7200;}