﻿			jrfw_title@charset "utf-8";
			/* CSS Document */
			
			* {
				margin: 0px;
				padding: 0px;
			}
			
			body {
				width: 100%;
				height: 100%;
				font-family: "Microsoft YaHei", "宋体", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
				color: #333;
				overflow-x: hidden;
			}
			.hide{display:none}
			h3 {
				font-family: "微软雅黑";
				font-size: 15px;
				color: #333;
			}
			
			p {
				font-family: "宋体";
				color: #999999;
				font-size: 14px;
			}
			
			.wholebody {
				width: 100%;
                min-width: 1200px;
			}
@media only screen and (max-width: 750px){
     	.wholebody {
          min-width: 0;
		}
    }
			
			/*******中间框架样式开始*******/
			
			.main {
				width: 100%;
				margin: 0 auto;
			}
			.banner1 {
                width: 100%;
                min-width: 1140px;
                margin: 0 auto;
            }

            .banner1 img {
                width: 100%;
            }
            @media only screen and (max-width: 750px){
                .banner1 {
                  min-width: 0;
                }
            }
			.containe {
				width: 1140px;
              	min-width: 1140px;
				margin: 0 auto;
			}
			@media only screen and (max-width: 750px){
                .containe {
                    width: 90%;
                    min-width: 0;
                }
            }
			.containe:after,
			.chanp01:after {
				content: "";
				display: block;
				height: 0;
				clear:both;
				visibility: hidden;
			}
			
			.chanp02 {
				width:402px;
              	height:402px;
				margin-right: 18px;
				float: left;
			}
			.chanpimg {
				/*width: 100%;height: 0;padding-bottom: 100%;position: relative;*/
				border: 1px solid #ccc;box-sizing:border-box;
			}
			/*.chanpimg img{
				width: 100%;height: 100%;position: absolute;
			}*/
			
			.chanp03 {
				width:calc(100% - 420px);
				float: left;
              	font-size:14px;
			}
			
			.chanp03 h3{
				font-size: 18px;
				height: 60px;
                margin-left: 10px;
                display: flex;
   			 	align-items: center;
			}
			.chanp03 h3 a {
                display: -webkit-box;
                -webkit-box-orient: vertical;
                line-height: 25px;
                -webkit-line-clamp: 2;
                overflow: hidden;
                word-break: break-all;
            }
			.chanp03 p{
				line-height: 40px;				
				color: #666;
			}
.chanp03 p:last-of-type{
  border-bottom: 1px dashed #CCCCCC;
}
.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}
.chanp03 dl dt,
.lxfsbox ul li{
    float: left;
    text-align: right;
    width: 82px;
    color: #999;
}
.lxfsbox ul li{width: 72px;}
.chanp03 dl dd{
    max-width: 462px;
    margin-left: 12px;
    float: left;
}
.chanp03 dl dt span,
.lxfsbox ul li span{
    float: left;
    margin-left: 10px;
}
.lxfsbox ul li span{
   margin-left: 3px;
}
.dashed_line {
    border-bottom: 1px dashed #ccc;
    height: 1px;
    margin: 15px 0 0 10px;
}
.mproducttitle{
  display:none
}
			@media only screen and (max-width: 750px){
                .mproducttitle{
                    display: flex;
    						align-items: center;
                    justify-content: center;
                    font-size:2rem;
                    height: 60px;
                    border-bottom: 1px solid #ccc;
                }
                .mproducttitle a {
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    line-height: 25px;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    word-break: break-all;
                }
                .chanp02 {
                    width:100%;
                    height:auto;
                    margin-right: 0;
                    float: none;
                    margin-bottom: 10px;
                }
                .chanp03 {
                    width:100%;
                    float: none;
                    font-size:1.4rem;
                }
                .chanp03 h3{
                    display: none;
                }
              .chanpimg img{width:100%;height:100%}
            }	

			.sidebar {
				width: 270px;
				margin: 20px 0;
			}
			
			.sidebar h2 {
				text-align: center;
				height: 60px;
				line-height: 60px;
				background-color: #02519e;
				font-size: 18px;
				color: #FFFFFF;
				border: none;
			}
			
			/*.sidebar ul li {
				font-size: 14px;
				border: 1px solid #CCCCCC;
				margin-top: -1px;
				text-align: center;
				line-height: 40px;
			}
.sidebar ul li.firstli {
  padding-left:15px;
  font-size: 20px;
}
.sidebar ul li.secondli {
  padding-left:35px;
  font-size:16px;
}
.sidebar ul li.thirdli {
  padding-left:55px;
}	*/
.navlist>li{
  background-color:rgb(234, 234, 234);
  font-weight:bold;
  font-size:16px;
  padding-left:25px;
  margin-bottom:6px;
  line-height:50px;
  position:relative;
}
.navlist>li .arrow{
  position:absolute;
  right:20px;
  top:22px;
  height:6px;width:6px;
  border-top:1px solid #000;
  border-right:1px solid #000;
  transform:rotate(45deg); 
}
.childlist{
  background-color:#fff;
  font-size:16px;
}
.childlist li{
  margin:9px 0;
  padding-left:25px;
  position:relative;
}
.childlist li::before{
  content:'';
  position:absolute;
  left:25px;
  top:8px;
  height:6px;width:6px;
  border-top:1px solid #02519e;
  border-right:1px solid #02519e;
  transform:rotate(45deg);
}
.childlist li a{
  margin-left:20px;
}
.childlist li.thirdli{
  padding-left:50px
}
.childlist li.thirdli::before{
  left:50px
}
.navlist li.current{
  background-color:rgb(136,136,136)
}
.navlist li.current a{
  color:#fff
}
.childlist li.current::before{border-color:#fff}


			.lxfsbox {
				border: 1px solid #CCCCCC;
				font-size: 14px;
				color: #999;
				line-height: 22px;
				padding: 15px;
                font-family: "宋体";
			}
			
			.containeleft {
				margin-right: 30px;
				float: left;
			}
			
			.containeright {
				margin-top: 20px;
				width: calc(100% - 300px);
				float: left;
			}           
			
			.location {
				height: 40px;
				line-height: 40px;
				border-bottom: 1px solid #CCCCCC;
				font-size: 16px;
			}
			
           @media only screen and (max-width: 750px){
                .containeleft {
                    display:none;
                }

                .containeright {
                    width: 100%;
                }
                 .location {
                   display:none;
                }
            }
                              
			.xxjsbt {
				width: 100%;
				height: 44px;
				margin: 20px 0;
				overflow: hidden;
              font-size:18px;
              font-weight:bold;
              line-height: 44px;
			}
			
			.xxjsnr {
			  padding-top:20px;
           box-sizing:border-box;
           line-height: 20px;
           min-height:400px;
           width:100%;
           overflow: hidden;
			}
			
			.chanp01 {
				margin: 20px 0;
			}
			/*******推荐产品开始*******/
			
			.title {
				width: 100%;
				height: 49px;
				border-bottom: 1px solid #ccc;
			}
			
			.titletext {
				width: 16%;
				height: 49px;
				color: #01519e;
				text-align: center;
				border-bottom: 1px solid #01519e;
				line-height: 50px;
				font-family: "微软雅黑";
				font-size: 24px;
			}
			@media only screen and (max-width: 750px){
             .titletext {
                width: 40%;
              margin: 0 auto;
                font-size: 2.4rem;
            }
         }   
			.tjcp {
				width: 100%;
				margin: 10px auto;
			}
	
			.tjcpbox:after {
			    content: "";
			    display: block;
			    height: 0;
			    clear:both;
			    visibility: hidden;
			}
			.tjcpcontent {
				width: 262px;
				margin: 15px 27px 10px 0;
				float: left;
			}
			.tjcpcontent:nth-child(3n){
				margin: 15px 0;
			}
			
			.cptp {
				width: 100%;
				border: 1px solid #ccc;
			    box-sizing: border-box;
			}
            .cptp:hover{
              border: 1px solid orange;
              box-sizing: border-box;
            }
			.cptp img{
				width: 260px;height: 260px;
			}
           /*  .cptp:hover img{
               width: 258px;height: 258px;
            }*/
			
			.cpmc {
				 margin: 10px 0;
                padding: 0 10px;
                text-align: center;
                height: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
			}
              .cpmc a{
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  line-height:20px;
                  -webkit-line-clamp:2;
                  overflow: hidden;
                  word-break: break-all;
              }
              
			.cpjs {
                margin: 15px 0 5px 0;
            }
			.btn1 {
				width: 51%;
				height: 40px;
				background-color: #dddddd;
				border-radius: 20px;
				margin: 0 64px;
				border: none;
				font-size: 14px;
				color: #555555;
			}
			
			.btn1:hover {
				background-color: #0187e6;
				border: none;
				color: #FFFFFF;
			}
			
			.btn2 {
				width: 146px;
				height: 50px;
				background-color: #99cc33;
				border-radius: 8px;
				margin: 0 64px;
				border: none;
				font-size: 16px;
				color: #FFFFFF;
				margin: 20px auto;
                margin-left:137px;
              	margin-left:142px;
                display:flex;
                justify-content: center;
    			align-items: center;
			}
			.btn2 a {
            	color:#fff;
            }
             .btn2::before{
                 content:"";
                  width:23px;
                  height:23px;
                  margin-right: 5px;
                  background-image:url(../images/products3_wyzx.png);
            }
			
			.btn2:hover {
				background-color: #84bc14;
				border: none;
			}
          	.btn1:hover a,
            .btn2:hover a {
          		color:#fff;
         	 }
              
             @media only screen and (max-width: 750px){
               .tjcpcontent {
                    width: 49%;
                    margin: 15px 2% 10px 0;
                }
                .tjcpcontent:nth-child(3n){
                    margin: 15px 2% 10px 0;
                }
               .tjcpcontent:nth-child(2n){
                    margin: 15px 0;
                }
               .cptp img{
                    width: 100%;height: 100%;
                }
                .btn1{display:none}
                .btn2 {
                  margin-left:calc(50% - 73px);
              }
            }
			/*******推荐产品结束*******/
			/*******中间框架样式结束*******/
