/*头部开始*/
/*.headertop{ height: 42px; background: #f7f7f7; line-height: 42px; color: #fff; border-bottom: 1px solid #ededed;}*/
.headertop .fr{ padding: 0 20px; color: #666;}
.lang{ position: relative;}
.lang a{ color: #666; font-size: 14px; display: block; line-height: 42px;border-bottom: 1px solid #ededed;}
.lang i{ margin-left: 5px;}
.lang .onoff{ display: none;position: absolute; width: 110px; background: #fff; z-index: 99; top: 42px; text-align: center;  right: 0; border-left:1px solid #ededed; border-right:1px solid #ededed;}
.indexsearch{ position: relative;}
.indexsearch form{ width: 220px; position: absolute; top: 42px; right:5px; display: none;z-index: 99;}
.logo{ width:202px; float:left;}
.logo a{
	 display:block;
    width: 202px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.nav-box { width: calc(100% - 235px); width: -webkit-calc(100% - 235px);
    height: 49px;
     float: right;
   margin-top: 10px;
	position: relative;
	
}
.nav-pc{ text-align:center;}
.nav-pc ul{  padding:0; }
.mobile_nav>ul{ display: table;}
.mobile_nav>ul>li{ display: table-cell;}
.nav-pc .menulevel{ padding:0;}
.nav-pc li {
	
    width: 150px;
    height: 49px;
	display: inline-block;
    font-size: 15px;
    color: #333;
    line-height: 49px;
    text-align: center;
    position: relative;}
.nav-pc li a{ color:#333; display: block;}	
.nav-pc li a#menu_selected{color: #007136;}
.nav-pc li:hover{ color: #007136;}
.nav-pc li:hover a{ text-decoration:none; color: #007136;}
.nav-pc li:hover>.menulevel{ display:block;}

.menulevel{ width:100%; left:0; display:none; margin:0;position: absolute;
    z-index: 1;
    top: 75px;
    }
.menulevel li{ display:block; background:#f0f0f0; border-bottom: 1px solid #ddd }
.menulevel li:hover{ background:#e0e0e0;}
.menulevel li>.menulevel{width:100%; left:100%;  top:0;}
/*index开始=====================================================================================*/
.tit-top{ width: 100%; height: 50px; margin-bottom: 25px; border-left:4px solid #0a318f ; padding-left: 20px;}
.tit-top span{ font-size: 30px; line-height: 30px; color: #3b3b3b;}
.tit-top p{ font-size: 18px;line-height: 18px; color: #a1a1a1; text-transform: capitalize; }
.in-about .more{ width: 202px; height: 47px; line-height: 47px; text-align: center; font-size: 18px; display: block; color: #fff; background: #0a318f;}
.in-about{ background: url(../images/about-bg.jpg) no-repeat center center; padding: 50px 0;}
.about-box p{ color: #333; line-height: 32px;}
.about-tp img{position: relative; margin-top: calc(-33.34% - 50px) ;margin-top: -webkit-calc(-33.34% - 50px) ; z-index: 100;}

.product .tit-top{ margin: 43px 0;}
.product .tit-top span,.product .tit-top p{ color: #fff;}
.product .tit-top .tex{ line-height: 50px; font-size: 20px; color: #fff;}
.pro-ahout{ background:url(../images/portopbj.jpg)  no-repeat center center; background-size:auto 150%;  height: 598px;}
.pro-abtop{ color: #fff; text-align: center; font-size: 21px; padding: 45px 0 25px;}
.pro-ahout .p{ color: #fff; font-size: 14px; line-height: 38px;}
.pro-ahout .more{ width: 135px; display: block; height: 44px; border: 1px solid #fff; color: #fff; margin: 45px auto; text-align: center; font-size: 18px; line-height: 44px;}
.pro-con{ height: 598px; padding: 0; position: relative;}
.pro-con .img a{ color: #fff;}
.pro-con .p img{ display: none; } 
.pro-con .p p{ margin: 0; font-size: 13px !important; color:#333 !important; text-indent: 0 !important; line-height: 26px !important;}
.pro-con .p span{font-size: 13px !important; }
.pro-con>div{ height: 50%; padding: 15px; overflow: hidden;}
.pro-con>div.img{ background: #006ec7;}
.pro-con>div.img a:first-child{ font-size: 21px; display: block; text-align: left; line-height: 50px; margin-bottom: 30px;}
.pro-con>div.img a:first-child:after{ content: ''; display: block;  width: 50px; height: 2px; background: #fff;}
.pro-con>div.p{ background: #fff url(../images/projt.png) no-repeat center top; line-height: 30px;}
.pro-con>div.p b{ display: block; padding-top: 15px;}
.in-pro>div:nth-child(3)>div{ position: absolute; left: 0;}
.in-pro>div:nth-child(3)>div.p{background: #fff url(../images/projt2.jpg) no-repeat center bottom; top: 0;}
.in-pro>div:nth-child(3)>div.img{ background: #006ec7; width: 100%; bottom: 0;}
.video{ background: url(../images/video.jpg) no-repeat center center; padding: 50px 0;}
.video-play{ width: 600px; height: 360px;}
.video-play div{ width: 100%; height: 100%;}
.in-news{ background: #ededed; padding: 35px 0;}
.in-news li{ background: url(../images/newlibj.jpg) repeat-y center center; overflow: hidden; padding: 15px 0;}
.in-news li>div:first-child{ float: left; text-align: right;}
.in-news li:nth-child(2)>div:first-child,.in-news li:nth-child(4)>div:first-child{ float: right; text-align: left;}
.in-news li .p{ font-size: 18px; }
.in-news li .p b{ color: #0a318f; font-size: 50px; line-height: 60px;}
.in-news li .p a{font-size: 18px; line-height: 30px; font-weight: bold; color: #333;}
.in-news li .img{padding: 2px;}
.in-news li:hover .img{ background: #204398; padding: 2px; }
.in-news li:hover .img .span{ color: #fff}
.in-news li:hover .img .span p{ color: #fff !important;}
.in-news li .span{ width: calc(100% - 160px); width: -webkit-calc(100% - 160px); height: 120px; overflow: hidden; line-height:28px !important; font-size: 13px !important;}
.in-news li .span p{line-height:28px !important; font-size: 13px !important;}
.in-news .more{ width:180px; height: 50px; text-align: center; line-height: 50px; border: 2px solid #c9c9c9; border-radius:15px; display: block; margin: 0 auto;}
.index-dsj{ background:url(../images/dsjbj.png),url(../images/dashijbj.jpg) no-repeat  ; background-position:center top ; height: 800px;     position: relative;}
.index-dsj .container{position: relative; height: 100%;}
.index-dsj ul li{ position: absolute; padding:4%; width: 15.73%;}
.index-dsj ul li span{ font-size: 22px; color: #0a318f;}
.index-dsj ul li p{ font-size: 14px; color: #0a318f;}
.index-dsj ul li:nth-child(1){ left: 0px; top:4.35%;}
.index-dsj ul li:nth-child(2){ left: 14.96%; top:11.18%;}
.index-dsj ul li:nth-child(3){ left: 21.37%; top:34.78%;}
.index-dsj ul li:nth-child(4){ left: 38.03%; top:29.19%;}
.index-dsj ul li:nth-child(5){ left: 61.96%; top:38.51%;}
.index-dsj ul li:nth-child(6){ left: 69.66%; top:63.35%;}
.index-dsj ul li:nth-child(7){ left: 85.47%; top:72.17%; text-align: right;}
/*footer开始====================================================================================*/
#copyright{ width: 100%; background: url(../images/footerbj.jpg) no-repeat center top; background-color: #001c85; height: 315px;}
.foot{ height: 276px;}
.foot-rwm{ margin-top:40px ; color: #fff;}
.foot-rwm p{ color: #fff;}
.foot-content p{ color: #fff; line-height: 36px; font-size: 14px; padding-top: 30px;}
.foot-content b{ display: block;}
#copyright .banq{ color: #fff;line-height: 30px; margin: 0;}
#copyright .banq a{ color: #fff; padding: 0 5px; }


@media (min-width: 1200px) { 

.logo{ width:202px; float:left;}
.logo a{
	 display:block;
    width:202px;
    margin-top: 15px;
    margin-bottom: 15px;
}


.nav-pc li {
    width: 150px;}
	.nav-pc li a{ display:block; width:100%; height:100%;}

 }
 @media (min-width: 992px) and (max-width: 1199px) { 

  .index-dsj{ background:url(../images/dsjbj.png) no-repeat,url(../images/dashijbj.jpg) no-repeat  ; background-position:center top ;  background-size:100% auto ; height: 430px;     position: relative;}
.index-dsj .container{position: relative; height: 100%;}
.index-dsj ul li{ position: absolute; padding:1%; width:auto;}
.index-dsj ul li span{ font-size: 22px; color: #0a318f;}
.index-dsj ul li p{ font-size: 14px; color: #0a318f;}
.index-dsj ul li:nth-child(1){ left: 19%; top:4.35%;}
.index-dsj ul li:nth-child(2){ left: 30%; top:14%;}
.index-dsj ul li:nth-child(3){ left: 32.37%; top:37.78%;}
.index-dsj ul li:nth-child(4){ left: 44%; top:29.19%;}
.index-dsj ul li:nth-child(5){ left: 59%; top:38.51%;}
.index-dsj ul li:nth-child(6){ left: 69.66%; top:63.35%;}
.index-dsj ul li:nth-child(7){ left: 78%; top:72.17%; text-align: right;}
.logo{ width:202px; float:left;}
.logo a{
	 display:block;
    width: 202px;
    margin-top: 15px;
    margin-bottom: 15px;
}
}

@media (min-width: 768px) and (max-width: 979px) {
	.index-dsj{ background:url(../images/dashijbj.jpg) no-repeat  center top;  background: 100% auto;   position: relative;}
		.index-dsj img{ display: none;}
.index-dsjab{ position:static; width: 100%; height: 100%; z-index: 999; top: 0; left: 0;}
.index-dsj .container{position: relative; height: 100%;}
.index-dsj ul li{ position: static; width: 50%; float: left;}
.index-dsj ul li span{ font-size: 22px; padding-left: 20px; color: #0a318f;}
.index-dsj ul li p{ font-size: 14px; color: #0a318f;padding-left: 20px;}
.index-dsj ul li:nth-child(1){ left: 0px; top:4.35%;}
.index-dsj ul li:nth-child(2){ left: 14.96%; top:11.18%;}
.index-dsj ul li:nth-child(3){ left: 21.37%; top:34.78%;}
.index-dsj ul li:nth-child(4){ left: 38.03%; top:29.19%;}
.index-dsj ul li:nth-child(5){ left: 61.96%; top:38.51%;}
.index-dsj ul li:nth-child(6){ left: 69.66%; top:63.35%;}
.index-dsj ul li:nth-child(7){ left: 85.47%; top:72.17%; text-align: left;}

}
@media (max-width: 767px) {
#page_main{ padding-top: 80px;}
.index-dsj{ background:no-repeat;  background: 100% auto;   position: relative;}
.index-dsj img{ display: none;}
.index-dsjab{ position:static; width: 100%; height: 100%; z-index: 999; top: 0; left: 0;}
.index-dsj .container{position: relative; height: 100%;    margin-top: 40px;}
.index-dsj ul li{ position: static; width: 45%; margin: 5px 2.5%; background: #f0f0f0; float: left;}
.index-dsj ul li span{ font-size: 22px; padding-left: 20px; color: #0a318f;}
.index-dsj ul li p{ font-size: 14px; color: #0a318f;padding-left: 20px;}
.index-dsj ul li:nth-child(1){ left: 0px; top:4.35%;}
.index-dsj ul li:nth-child(2){ left: 14.96%; top:11.18%;}
.index-dsj ul li:nth-child(3){ left: 21.37%; top:34.78%;}
.index-dsj ul li:nth-child(4){ left: 38.03%; top:29.19%;}
.index-dsj ul li:nth-child(5){ left: 61.96%; top:38.51%;}
.index-dsj ul li:nth-child(6){ left: 69.66%; top:63.35%;}
.index-dsj ul li:nth-child(7){ left: 85.47%; top:72.17%; text-align: left;}
#copyright{ background: #001c85;height: auto;}
.foot{ height: auto;}
.foot-rwm{ width: 100%;}
.in-news li{ background: none;}
.in-news li>div:first-child{ float: left; text-align: left;}
.in-news li:nth-child(2)>div:first-child,.in-news li:nth-child(4)>div:first-child{ float: right; text-align: left;}
.pro-ahout{ height:  auto;}
.in-pro>div:last-child{ display: none;}
.logo{ width:202px;  margin-left:auto; margin-right:auto;    margin-top:10px;}
.logo a{ width:202px; display:block; margin:0 auto; float:none;}
}

/*头部开始自写*/
.header-top{ width:100%; height:100px; background:url(../images/top_01.png) top center no-repeat; background-size:1920px 100px;}
.header-center{ width:100%; height:46px; background-color:#499941; }
#mnav{ width:1200px; margin:0 auto; line-height:46px; color:#fff; font-size:14px;}
#mnav ul li{ width:150px; height:46px; background:url(../images/fenge_04.png) right 17px no-repeat; background-size:8px 12px;}
#mnav ul li span{ color:#fff; width:150px; display:block; text-align:center;}
#mnav ul li span:hover{ color:#f90; font-weight:bold;}

/*首页产品部分*/
.product-box{ width:100%}	
.product{ width:1200px; margin:0 auto; padding:74px 0 0 0;} 
.pro-left{ width:268px; float:left; background-color:#499941;}
.pro-left ul{ width:262px; background-color:#efefef; margin:0 auto;}
.pro-left ul li{ width:262px; height:49px; line-height:55px; text-align:center; color:#464646; font-size:14px; border-bottom:dashed 1px #499941;}
.pro-left ul li span:hover{ color:#499941; font-weight:bold;}
.pro-right{ width:900px; float:right;}
.pro-r-bottom{ width:900px; overflow:auto; margin:32px 0 0 0;}
#product_c a{ display:block; float:left; width:286px; height:275px; background-color:#499941; margin:0 14px 15px 0;;}
#product_c a img{ width:284px; height:235px; margin:1px auto 0 auto; display:block;}
#product_c a span{ display:block; font-size:14px; color:#fff; width:284px; height:40px; text-align:center; line-height:40px;}

/*首页简介部分*/
.about-box{ width:100%; height:676px; background:url(../images/jianjie-bg_13.png) top center no-repeat; background-size:1920px 676px; margin:74px 0 0 0;}	
.about{ width:1200px; margin:0 auto; padding:40px 0 0 0;} 
.about-left{ width:750px; padding:120px 0 0 48px; float:left;}
.about-right img{ display:block; float:right;}
.about-l-bottom{ width:648px; margin:50px 0 0 0;}
.gun-box{ width:648px; margin:0; padding:0; overflow:hidden;}
.imgbox{ width:2592px; height:166px;}
.imgbox img{ display:block; float:left;}
.btn{ width:170px; padding:0; margin:34px 0 0 239px;}
.btn span{ width:36px; height:8px; display:block; float:left; margin:0 10px; background-color:#fff;}
.btn span.cur{ background-color:#499941;}

/*首页新闻部分*/
.news-box{ width:100%; height:608px; background:url(../images/news-bg_16.png) top center no-repeat; background-size:1920px 608px;}	
.news{ width:1200px; margin:0 auto; padding:156px 0 0 0;display: table;} 
.news dl{ width:360px; float:left; height:377px; background-color:#efefef; position:relative;margin: 0px 20px;}
.news dl img{ display:block; width:360px;}
.news dl .xw_nr{ width:314px; height:202px; background-color:#fff; left:23px; bottom:24px; position:absolute; padding:14px 0 0 0;}
.news dl .xw_nr b{ display:block; width:314px; font-size:18px; color:#499941; text-align:center; line-height:26px;}
.news dl .xw_nr h2{display:block; width:314px; font-size:16px; color:#499941; text-align:center; line-height:26px; font-weight:bold;}
.news dl .xw_nr p{ width:270px; line-height:26px; font-size:14px; color:#464646; margin:15px auto 0 auto; padding:14px 0 0 0; border-top: dashed 1px #499941;}

/*footer自写开始*/
.footer-box{ width:100%; height:453px; background:url(../images/footer-bg_07.png) top center no-repeat; background-size:1920px 453px;}
.footer{ width:1200px; margin:0 auto;}
.footer-top{ width:532px; float:right; color:#fff; padding:36px 0 0 0; height:240px;}
.footer-top dl{ margin: 0 0 15px 0;}
.footer-top dl dt{ font-size:24px; line-height:38px;}
.footer-top dl dd{ font-size:14px; line-height:30px;}
.footer-top p{ line-height:30px; font-family:"微软雅黑"; font-size:14px;}
.footer-top p span{ line-height:30px; font-family:"微软雅黑"; font-size:14px;}
.footer-bottom{ width:532px; float:right; color:#fff; padding:36px 0 0 0;}
.footer-bottom dl{ float:left;}
.footer-bottom dl dt{ font-size:20px; font-weight:normal; margin:0 0 15px 0}
.footer-bottom dl dd a{ font-size:14px; color:#fff;}
.footer-bottom .foote-b-r{ float:left; margin:0 0 0 62px; width:115px;}
.footer-bottom .foote-b-r img{ display:block; margin:0 auto; }
.footer-bottom .foote-b-r span{ display:block; text-align:center; line-height:40px;}
.banquan{ width:100%; height:58px; background-color:#000; opacity:0.7; filter:alpha(opacity=70); padding:12px 0 0 0;}
.banquan img{ display:block; margin:0 auto 0 auto;}