@charset "gb2312";
/* CSS Document
Theme Name: 223
Theme URI: 
Description: A website for guide themes.
Version: 2017.5.23
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{height:30px;background:#e2e2e2;line-height:30px;font-size:12px;color:#999;}
.head a{color:#999;}
.head .welcome{float:left;}
.head .smallnav{float:right;padding-right:33px;}
.head span{padding:0 7px;}
.top{height:80px;background-color:#fff;}
.top .logo{float:left;padding-right:20px;}
.top .logo img{display:block;width:auto;height:auto;}
.top .info{float:left;    display: none;}
.top .info span{display:block;}
.top .info .blue{    font-size: 14px;line-height:23px;padding-top:17px;color:#0b459b;}
.top .info .black{    font-size: 12px;line-height:19px;color:#666;font-family:"宋体"}
.top .tel{    height: 80px;float:right;    width: auto;background:url(../images/headtel_03.jpg) no-repeat left top;}
.top .tel .top{padding-left:40px;height:23px;font-size:12px;color:#666;background:none;padding-top:17px;}
.top .tel .bot{padding-left:40px;height:23px;font-size:12px;color:#666;background:none;}
.top .tel span{color:#3260a5;font-size:18px;}

.topnav{height:40px;background:#ffcd14;}
.nav li{float: left;padding-right:12px;}
.nav li:hover{background:url(../images/navhover.png) no-repeat 11px top;}
.nav li a{display: inline-block;height: 40px;line-height: 40px;
font-size: 15px;text-align: center;color: #fff;padding: 0 2px;}
.nav li span{    position: absolute; color: #fff;
    left: -11px;}
.nav li a:hover{border-color: #fff;}

.banner{position:relative;}
.banner .mask{position:absolute;z-index:2;left:0;bottom:0;    width: 99%;
background:url(../images/sou.png);height:50px;line-height:50px;padding-left:4px;
color:#fff;font-size:14px;}
.banner .mask a{color:#fff;}

.bottom {height:235px;background:#004298;}
.footer{font-size:14px;line-height:82px; background:#f8b62a;height:82px;color:#333;    text-align: center;}
.bottom .left{    width: 282px;
    float: left;
    height: 235px;    margin-right: 26px;
    background: #fff;
    text-align: center;}
.bottom .left img{    padding-top: 74px;}
.bottom .right{width:890px;color:#fff;}
.bottom .right a{    float: left;
    font-size: 14px;
    color: #fff;
    line-height: 27px;
    padding: 0 25px;
    border-right: 1px solid #fff;
    margin-top: 35px;}
.bottom .right a:hover{color:#fff;}
.botnav{height:87px;border-bottom:1px solid #1592da;margin-bottom:12px;}
.bottom .right a:last-child{border:none;}
.bottom .right p{    font-size: 14px;
    line-height: 26px;
    padding-left: 5px;
    color: #fff;
    padding-top: 0;
    height: 26px;}
.bottom .wrap{position:relative;}
.bottom .wrap .erweima{position:absolute;right:38px;top:97px;}
.title{width:368px;height:130px;background:url(../images/titlebj.png) no-repeat center center;margin:0 auto;}
.title h4{font:normal 29px/37px "微软雅黑";color:#333;padding-top:43px;}
.title h5{font:normal 14px/26px "微软雅黑";color:#d3d3d3;}
.category{display:inline-block;}

.category li{float:left;}
.category li a:hover{font: normal 17px/65px "微软雅黑";color: #333;background: url(../images/catehover_07.jpg) no-repeat center bottom;display: inline-block;height: 100%;}
.category li a{font:normal 17px/65px "微软雅黑";color:#333;}
.category li span{padding:0 36px;}
.more{height:41px;margin-bottom:39px;}
.more a{display:block;font:normal 17px/39px "微软雅黑";color:#333;width:133px;height:39px;float:right;border:1px solid #ccc;text-align:center;}

/* flexslider */
.flexslider{position:relative; height:608px; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative; z-index:1;}
.slides li{height:558px;}
.slides li a{height:100%;width:100%;display:block;}
.slides li img{height:100%;width:100%;display:block;float:left;}
.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:78px;overflow:hidden;
cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev
{left:0px;background:url(../images/prev.png) center center no-repeat;background-size:contain;}
.flex-direction-nav li a.flex-next
{right:0px;background:url(../images/next.png) center center no-repeat;background-size:contain;}
/*面包屑*/
.location{height:57px;width:811px;background:url(../images/gg_03.png) center center no-repeat;}
.location p{    line-height: 57px;
    float: right;
    white-space: nowrap;
    overflow: hidden;    width: 787px;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #fff;
    padding-right: 10px;    text-align: right;}
.location a{line-height:57px;
font-size:14px;color:#fff;}
/*关于我们*/
.danyeleft{width:250px;float:left;}
.danyeright{width:811px;float:right;overflow: hidden;}
.dantitle{height:130px;padding-top:40px;}
.dantitle .yingwen{font:bold 30px/50px "微软雅黑";color:#e1e1e1;padding:0}
.dantitle .zhongwen{font:bold 33px/50px "微软雅黑";color:#333;}
.dantitle .zhongwen span{color:#ffcd14;}
.danyecatenav{border:1px solid #d2d2d2;background:#f5f5f5;padding:34px 25px 0;margin-bottom:63px;}
.danyecatenav li{border:1px solid #dcdcdc;width:193px;height:42px;
text-align:center;line-height:42px;font-size:14px;margin-bottom:26px;}
.danyecatenav li a{    background: #fff;
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.danyecatenav li a:hover{background:#ffcd14;color:#fff;}
.text-wrap{padding-top:22px;font:normal 14px/30px "微软雅黑";color:#333;}
.text-wrap a{color:#ffcd14;}
.text-wrap a:hover{text-decoration:underline;}

/***产品详情**/
.mainProduct{    margin-left: -18px;
    padding-top: 13px;}
.mainProduct li{    width: 220px;
    hei ght: 282px;
    float: left;
    padding-top: 5px;
    margin-left:47px;}
.mainProduct li .proshowimg{    width: 218px;
    hei ght: 211px;
    border: 1px solid #c9c9c9;}
.mainProduct li .proshowimg:hover{border-color:#ffcd14;}
.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;
    width: 220px;
    height: 69px;
    font-weight: normal;
    color: #666;
    font-size: 15px;
    line-height: 69px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;}
.mainProduct li h2 a:hover{color:#ffcd14;}
.pages{    text-align: center;
    padding-top: 24px;}
.pages ul{display:inline-block;}
.pages ul li{float:left;height: 24px;line-height: 24px;color: #666;margin-left:8px;}
.pages ul li a{    float: left;color:#666;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
    font-size: 12px;
    border: 1px solid #ffcd14;}
.pages ul li a:hover{background:#ffcd14;color:#fff;text-decoration:none;}
/***联系我们**/
.mainAboutUs {}

/***新闻资讯**/
. {}
.newsul{
	padding-top:20px;
}
.newsul li{    height: 37px;
    font-size: 12px;
    border-bottom: 1px dashed #dadada;
    padding-left: 45px;background:url(../images/uyuyuy_03.png) no-repeat left center;
    margin-bottom: 7px;}
.year{     padding-top: 7px;
    height: 36px;
    line-height: 36px;
    display: inline;
    font-size: 14px;
    color: #999;
    float: right;}

.newsul li .titlea{    font: normal 14px/36px "微软雅黑";
    color: #333;
    /* padding-top: 8px; */
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 615px;}
.newsul li p{font:normal 14px/24px "微软雅黑";color:#999;height:48px;overflow:hidden;}
.newsul li .titlea:hover{color:#ffcd14;text-decoration:none;}

/***新闻资讯详情**/
.indexnewslist {}

.fwalneipcn h1{text-align:center;font:normal 20px/46px "微软雅黑";color:#333;}
.fwalneipcn .fabutime{text-align:center;font:normal 14px/34px "微软雅黑";color:#929292;padding-bottom:22px;}
.fanye{padding-top:22px;color:#9c9c9c;    padding-bottom: 30px;}
.fanye h3{color:#9c9c9c;font-weight:normal;    font-size: 14px;float:left;}
.fanye span{float:left;}
.fanye h3 a{color:#333;}
.fanye a{color:#333;}
.fanye a:hover{color:#ffcd14;text-decoration:none;}
.relatitle{    height: 40px;
    position: relative;
    border-bottom: 2px solid #004298;}
.telat{     background: url(../images/rela.png) no-repeat left top;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 171px;
    height: 46px;
    color: #fff;
    text-align: left;
    font-size: 18px;
    line-height: 48px;
    padding-left: 23px;}
.mainProductItem {    padding: 40px 0 0px;}
.renewslist li{    height: 36px;
    padding-top: 7px;
    border-bottom: 1px dashed #dadada;background:url(../images/uyuyuy_03.jpg) left center;}
.renewslist li .jt{    float: left;
    color: #ffcd14;
    padding-right: 22px;}
.renewslist li  a{    line-height: 40px;
    float: left;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 746px;}
.renewslist li span{    line-height: 40px;
    font-size: 14px;
    color: #999;
    float: right;
}
/***产品详情**/
.pcsuo{text-align:center;}
.pcsuo img{width:auto;height:auto;display:inline;}
.neinei img{width:auto;height:auto;display:inline;}
/***首页**/
.mainIndex{}
.indexmain1{}
.main{height:2211px;background:url(../images/bj_02.jpg) no-repeat top center;}
.main .wrap{padding-top:101px;}
.indexnews{height:251px;background:#fff;}
.indexnews .left{width:443px;height:100%;float:left;}
.indexnews .left img{width:100%;float:100%;float:left;}
.indexnews .right{    width: 620px;
    float: right;
    padding: 30px 93px 0 40px;
    height: 221px;
    background: #fff;}
.indexnews .right h3{font:normal 29px/63px "宋体";color:#1d58bc;}
.indexnews .right h3 a{color:#1d58bc;}
.indexnews .right p{color:#333;font-size:14px;line-height:20px;height:100px;overflow:hidden;}
.protitle{width:486px;height:136px;background:url(../images/protitle.png) no-repeat center;
margin:88px auto 0;color:#fecc15;font:bold 46px/50px "微软雅黑";text-align:center;}
.protitle span{    display: block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    line-height: 56px;}
.proshow{height:731px;padding:40px 0 94px;}
.proshow .left{width:355px;height:727px;float:left;}
.catetitle{width:354px;position:relative;height:690px;overflow:hidden;
background:url(../images/hjggggg_03.png) no-repeat left top;background-color:#01398e;}
.dibu{width:354px;height:37px;background:url(../images/catefoot_03.png) no-repeat left top;}
.moregroup{    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    position: absolute;
    top: 80px;font-weight:bold;
    left: 40px;display:none;}
.moregroup .ckgd{font-size:15px;line-height:26px;}
.moregroup .ckgd a{color:#333;font-weight:normal;}
.infogroup{    font-size: 21px;
    line-height: 31px;
    position: absolute;
    right: 13px;
    top: 30px;letter-spacing:2px;
    font-weight: bold;}
.infogroup .eng{    color: #be8b27;
    font-size: 12px;
    line-height: 24px;letter-spacing:0;
    font-family: arial;    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    word-spacing: 11px;}
.titlelist{position: absolute;
    top: 186px;
    left: 31px;}
.titlelist li{    width: 298px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis}

.titlelist li a{    font-size: 16px;
    color: #fff;
    line-height: 54px;
    text-align: center;
    background: url(../images/yuant.png) no-repeat left 15px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 232px;
    height: 54px;
    padding: 15px 48px 11px;}
.titlelist li a:hover{background:url(../images/hovert.png) no-repeat left 15px;color:#01398e;}
.indexprolist{width:818px;float:right;margin-top:32px;background:#fff;}
.indexprolist h4{    border-right: 3px solid #eee;
    background: url(../images/hovert.png) no-repeat 15px 17px;
    height: 87px;
    line-height: 87px;
    padding-left: 69px;
    color: #01398e;
    font-size: 20px;
    width: 190px}
.prolist{border-top: 3px solid #eee;}
.prolist li{    width: 406px;
    hei ght: 302px;position:relative;
    float: left;
    border-right: 3px solid #eee;
    border-bottom: 3px solid #eee;}
.prolist li .show{width:100%;height:100%;}
.prolist li .proshowimg{width:403px;hei ght:262px;}
.prolist li .proshowimg a{display:block;width:100%;height:100%;text-align:center;}
.prolist li .proshowimg img{display:block;width:100%;height:100%;}
.prolist li h2 a{    display: block;
    height: 39px;
    line-height: 38px;text-align: center;
    color: #666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;font-size: 16px;}
.prolist li:nth-child(2){border-right: 3px solid #fff;}
.prolist li:nth-child(3){border-bottom:none;}
.prolist li:nth-child(4){border-right: 3px solid #fff;border-bottom:none;}
.prolist li .hide{    width: 300px;
    height: 142px;
    background: url(../images/hh_07.png) left top;
    overflow: hidden;
    position: absolute;
    top: 0;display:none;
    left: 0;padding-top:120px;padding-left:106px;}
.prolist li:hover .hide{display:block;}
.hide .ckxq{float:left;width:104px;height:20px;padding-top:60px;
background:url(../images/souicon.png) no-repeat left top;}
.hide .ljzx{float:left;width:104px;height:20px;padding-top:60px;
background:url(../images/talkicon.png) no-repeat left top;}
.hide a{color:#333;line-height:20px;font-size:14px;}
.indexabout{text-align:center;}
.indexabout .content{background:#fbc043;margin-top:73px;height:450px;position:relative}
.indexabout .content .compic{    width: 579px;
    height: 443px;
    position: absolute;
    left: 48px;
    top: -45px;}
.indexabout .content .compic img{display:block;width:100%;height:100%}
.indexabout .content .compic a{display:block;width:100%;height:100%}
.indexabout .content .text{width:505px;float:right;padding-right:45px;padding-top:33px;}
.indexabout .content .text .comname{    text-align: left;
    font-size: 23px;
    line-height: 96px;}
.indexabout .content .text p{    font-size: 14px;
    text-align: left;
    line-height: 33px;
    height: 198px;
    overflow: hidden;
    padding-left: 5px;}
.indexabout .content .text a{    display: block;
    width: 160px;
    height: 38px;
    line-height: 38px;
    color: #fff;
    text-align: center;
    background: url(../images/uj_03.png) no-repeat left bottom;
    margin-top: 26px;
    margin-left: 12px;}
.newstitle{    width: auto;
    height: auto;    padding-top: 90px;
    margin: 0 auto;
    display: block;
    padding-bottom: 37px;}
.indexnewslist{    width: 568px;
    height: 487px;
    padding-left: 28px;
    float: left;}
.indexnewslist li{    height: 141px;
    padding-top: 17px;
    border-bottom: 1px solid #efefef;}
.indexnewslist li .left{    width: 130px;background:url(../images/uyu_06.png) no-repeat left top;
    padding-left: 6px;
    height: 141px;
    float: left;}
.indexnewslist li .left:hover{background:url(../images/oo_03.png) no-repeat left top;}
.indexnewslist li .left:hover h4{color:#004196;}
.indexnewslist li .left h4{    font-size: 21px;
    color: #c2c2c2;
    padding-left: 36px;
    line-height: 109px;}
.right{float:right;width:430px;}
.right a{     display: block;
    font-size: 18px;
    line-height: 41px;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.right a:hover{color:#004196;}
.right span{    color: #999;
    line-height: 20px;
    padding-left: 0;}
.right p{     color: #666;
    height: 40px;
    overflow: hidden;
    line-height: 20px;
    font-size: 14px;
    padding-top: 9px;}
.newspic{width: 523px;
    float: right;
    height: 383px;
    margin-top: 40px;
    border: 4px solid #ddd;}
.newspic a{width:100%;height:100%;display:block;}
.newspic img{width:100%;height:100%}
.indexlink .wrap{    height: 146px;
    margin-top: 7px;position:relative;
    border: 2px solid #d2d2d2;
    margin-bottom: 58px;background:url(../images/hhhh_10.png) no-repeat 44px center;}
.indexlink .wrap .p1{     font-size: 17px;
    position: absolute;
    left: 310px;
    top: 36px; }
.indexlink .wrap p a{color:#666;padding-right:108px;    font-size: 14px;}
.indexlink .wrap .p2{    position: absolute;
    left: 310px;
    bottom: 40px;
    font-size: 17px;  }
.indexlink .wrap .span1{    position: absolute;
    font-size: 18px;
    left: 64px;
    top: 29px;}
.indexlink .wrap .span2{    font-size: 18px;
    position: absolute;
    left: 64px;
    bottom: 28px;}	
/***产品页面**/
.mainProduct{    padding-right: 10px;}

/***联系我们**/
.mainAboutUs{    padding-top: 30px;
    padding-bottom: 40px;}

/***新闻资讯**/
.mainNews {}

/***产品详情**/
.mainProductItem{}

/***新闻资讯详情**/
.mainNewsItem{}

	
.secondNav ul li{    position: relative;
    z-index: 20;
    width: 100px;
    float: left;
    text-align: center;
    padding: 0 36px 0 41px;}
.secondNav ul li ul li{background:none;position:relative;z-index:50;float:none;height:40px;border-top:1px dotted #fff;}
.secondNav .nav li ul li a{    line-height: 40px;
    height: 40px;
    border: none;
    float: left;
    margin-left: -8px;
}
.secondNav .nav li ul li:hover{background:none;background:rgb(1,87,176)}
.secondNav .nav li ul li a:hover{border:none;font-weight:bold;}
.secondNav ul li ul{    position: absolute;
    left: 11px;
    background: #ffcd14;
    text-align: center;
    width: 123px;    top: 40px;
    overflow: hidden;}
	
.yijip{position:relative;}
.titlelist .erjip{    top: 57px; width: 100%;
    left: 0;
    text-align: center;}
.titlelist .erjip a{     display: block;
    float: none;
    font-size: 14px;
    background: url(../images/dianbj_03.jpg) no-repeat 81px center;
    color: #fff;
    width: 100%;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding-left: 119px;}
.titlelist .erjip a:hover{font-weight:bold;color:#fff;height:40px;line-height:40px;
background:url(../images/dianbj_03.jpg) no-repeat 81px center;}
.indexnewsbot .wrap{position:relative;}
.indexabout {position:relative;}
.dwwz{    position: absolute;
    left: 350px;
    top: 168px;
    text-align: center;
    font-size: 21px}
.aboutdwwz{    position: absolute;
    left: 331px;
    top: 75px;
    text-align: center;
    font-size: 20px;}