﻿/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:' '; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 966px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/

.head{ width: 100%; background-color: #EBEBEB;}
.head .logo{ width: 366px; float: left;margin-top: 15px;}
 .logo img{ max-width: 100%;}
 .topright{ width: calc(100% - 420px); float: right;}
 .search p{ width: 445px; text-align: right;}
	.search input {
     width: 195px;
     padding: 5px 5px 4px 5px;
     border: 1px solid #DEDEDE;
     background: #FFFFFF;
     text-transform: lowercase;
     font: normal 11px Arial, Helvetica, sans-serif;
     color: #703522;
 }
 .search button {
     width: 50px;
     height: 25px;
 }
 .ipt{ margin: 5px 0; text-align: right;}
 .menu ul li{ padding: 0 20px; position: relative; line-height: 70px; text-align: center; float: left;}
 .menu ul li a{ font-size: 16px; font-weight: bold;}
  .menu ul li::after{ width: 1px; height: 80%; position: absolute; content: ""; background-color: #D6D6D6; top: 50%; transform: translateY(-50%); right: 0px;}
  .menu ul li dl{ position: absolute; top: 100%; left: 0; width: 100%; display: none; background-color: #fff;}
  .menu ul li:hover dl{ display: block;}
  .menu ul li dl dd{ line-height: 30px;}
  .menu ul li dl dd a{ font-size: 12px;}
 .banner{ width: 100%; background-color: #C6B9B1;}
 
 .nr{ width: 100%; background-color: #DBDFEB; padding-bottom: 15px;}
 .nav{ padding: 5px 0; font-size: 14px;}
 .con{ background-color: #fff; width: 100%; padding: 30px 0;}
 .conlf{ width: 30%; float: left; margin: 0 15px;}
 .conmd{ width: 30%; float: left; margin: 0 15px;}
 .conrt{ width: 30%; float: left; margin: 0 15px;}
 .bitte img{ width: 100%;}
 .picku{ width: 48%; text-align: center; float: left; border: 1px solid #ddd;}
 .picku img{ width: 98%;}
 .picrt{ width: 48%; float: right;}
 .picrt h1 a{ color: #3773B5; font-size: 15px; display: block;}
 .picrt h2 a{  font-size: 15px; display: block;}
 .conlf ul li{ margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #ddd;}
 .aboutnr h1{ font-size: 17px; font-weight: bold; margin: 20px 0; margin-bottom: 10px;}
 .aboutnr p{ font-size: 14px;}
 .aboutmore{ text-align: right; margin-bottom: 20px;}
 .aboutmore a{ color: #3773B5; font-size: 14px;}
 .conrt ul li{ margin: 10px 0; padding: 10px 0; border-bottom: 1px solid #ddd;}
 
 .foot{ background-color: #FFFFFF; padding: 10px 0;}
 .footlogo{ width: 331px; float: left;}
 .footlogo img{ max-width: 100%;}
 .footrt{ width: calc(100% - 360px); float: right;}
 .footrt ul li{ font-size: 14px; line-height:normal; margin: 15px 0; text-align: center; padding: 0 15px; float: left; border-left: 1px solid #000;}
 .nylf{ width: 25%; float: left;}
 .nylf h1{ font-size: 16px; color: #FFFFFF; background-color: #10519A; text-indent: 2rem; line-height: 30px; margin-bottom: 20px;}
 .nycon ul li{ width: 45%; text-align: center; margin: 5px; float: left;}
 .nycon ul li img{ width: 100%;height: 143px; object-fit: contain; }
 .nycon{ background-color: #FFFFFF; padding: 10px;}
 .nycon1{ background-color: #FFFFFF; padding: 10px;}
 .kuang{ border: 1px solid #DDDDDD; padding: 10px 0 ; display: flex; justify-content: center; align-items: center;}
 .nyrt{ width: 73%; float: right;}
 .nyrt h1{ font-size: 16px; padding-left: 40px;}
 .contect{ width: 100%; margin: 15px 0;}
 #sidemenu{    width: 240px;
    float: left;
    padding-left: 14px;
    min-height: 400px;
    _height: 400px;
    background-image: url(../images/sidemenubg.jpg);
    background-repeat: no-repeat;
    background-position: 7px 0px;
    margin-top: 0px;
    padding-top: 0px;}
	
	#sidemenu dl {
	    width: 225px;
	    padding: 0;
	    /* border-right: 1px dotted #ccc; */
	    float: left;
	    margin-top: 0;
	    margin-right: 0;
	    margin-bottom: 0;
	    margin-left: 1px;
	}
	#sidemenu dt {
	    margin: 0;
	    padding: 7px 10px 7px 15px;
	    border-bottom: 1px #ccc solid;
	    background-image: url(../images/dt_bg.jpg);
	    background-repeat: repeat-y;
	    background-position: left;
	}
	#sidemenu dd {
	    margin: 0;
	}
	
	.ddBg_only {
	    background: url(../images/dd_bg.jpg) no-repeat top left;
	    border-bottom: 1px #ccc solid;
	}
	#sidemenu dd a {
	    display: block;
	    padding: 7px 10px 7px 30px;
	}
	.ddtitle a {
	    color: #495B82;
	    background: url(../images/dd_arrow.jpg) no-repeat 17px 13px;
	    border: 0px solid;
	    width: 100%;
	}
	.contect ul li {
		    width: 43%;
		    text-align: center;
		    margin: 10px;
		    float: left;
			padding-bottom: 10px;
			border-bottom: 1px solid #DDDDDD;
	}
	.contect .picrt h1 {
    font-size: 16px;
    padding-left: 0;
    text-align: left;
}
.contect .picrt h2 {

    text-align: left;
}
.contect .picrt p{ text-align: left;}
.product{ width: 100%; margin: 15px 0;}
.prolf{ width: 48%; float: left;}
.prort{ width: 48%; float: right;    font-size: 14px;}
.pbt{ margin: 10px 0; font-size: 14px;}

.contitem{ margin: 15px 0; display: flex; justify-content: space-between; align-items: center;}
.newlist{ margin: 15px 0;}