body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h8,h7,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}
body{ min-width:1200px; font-family:"微软雅黑" !important;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
/*address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}*/
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
/*h1,h2,h3,h4,h5,h6,h7,h8{font-size:100%;font-weight:normal}*/
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
.clear{clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden;}
.f_w{ font-family:"微软雅黑"}
/* head开始*/



#search-box{ float:left; margin-top:26px; width:292px; background:url(divcss5-so-bg.gif) no-repeat 0 0;}
.searchid { display:none;}
.searchtext{ float:left; width:234px; height:36px; line-height:36px; padding-left:10px; border:0; background:none; text-align:left; font-size:14px; background:url(../img/sou_03.jpg); color:#fff;}
.searchbutton{ float:right; cursor:pointer; border:0; background:none; text-indent:-999px; width:48px; height:36px; cursor:pointer; background:url(../img/suo_03.jpg);} 










.tell { float: right; width:256px; margin-top:20px; }
.tell img { float:left; margin-right: 5px; margin-top:3px;}
.tell p {float:left; font-size: 15px; color:#666666; margin-top:2px;}
.tell h3 {float:left; font-weight: 400; font-size:28px; color:#ff9900;  font-family: "Impact"; line-height:30px;}



/*
#menu {  
    list-style:none;  
    width:1200px; 
	height:48px;
	margin:0px auto;   
    -moz-border-radius: 10px;  
    -webkit-border-radius: 10px;  
    border-radius: 10px;  
	behavior: url(ie-css3.htc);
}  

#menu {text-align:center;  }
#menu li { float:left; display:block; text-align:center; position:relative;
 padding: 10px 0px; margin:3px 38px 0px 38px; border:none;}
#menu li:hover { padding: 10px 0px; border-radius:10px 10px 0px 0px;
-moz-border-radius:25px; 
webkit-border-radius:10px 10px 0px 0px;
}  
#menu li a { font-size:13px; color:#fff;  display:block; outline:0; text-decoration:none;}
#menu li:hover a { color:#fff; }  
#menu li .drop { padding:0px 15px;   }  
#menu li:hover .drop { }  
#menu .menu_right { float:left;   margin-right:0px;  }  
#menu li .align_right { }   
#menu li:hover .align_right { left:-1px;  top:auto; z-index:1;}  
#menu p, #menu h2, #menu h3, #menu ul li { font-family:Arial, Helvetica, sans-serif; line-height:21px;  font-size:12px; text-align:left;  }  
#menu h2 { font-size:21px;  font-weight:400; letter-spacing:-1px;  margin:7px 0 14px 0; padding-bottom:14px;  border-bottom:1px solid #666666;}  
#menu h3 {  font-size:16px;   font-weight: 400;text-align:center; }  
#menu p {  line-height:18px; margin:0 0 10px 0; font-size: 15px; color:#999999; text-align:center;  }  
#menu li:hover div a { color:#000;}
#menu li:hover div a:hover { color:#000;}

#menu li .black_box {  
    background-color:#333333;  
    color: #eeeeee;  
    text-shadow: 1px 1px 1px #000;  
    padding:4px 6px 4px 6px;  
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px;  
    border-radius: 5px;  
    -webkit-box-shadow:inset 0 0 3px #000000;  
    -moz-box-shadow:inset 0 0 3px #000000;  
    box-shadow:inset 0 0 3px #000000;  
}  
  
#menu li ul { list-style:none; padding:0; margin:0 0 12px 0;}
#menu li ul li {  
    font-size:12px;  
    line-height:24px;  
    position:relative;  
    text-shadow: 1px 1px 1px #ffffff;  
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left;  
    width:130px;  
}  
#menu li ul li:hover { background:none; border:none; padding:0; margin:0;}
#menu li .greybox li {margin:0px 0px 2px 0px; padding:3px 3px 3px 3px;}
#menu li .greybox li:hover { padding:2px 3px 2px 3px; margin:0px 0px 2px 0px;}  


.dropdown_2columns,   
.dropdown_3columns,   
.dropdown_4columns,
.dropdown_7columns,
.dropdown_8columns,
.dropdown_9columns,
.dropdown_5columns {  
    margin-top:6px;  
    float:left; 
    position:absolute;  
    left:-999em; 
    text-align:left;  
    padding:10px 5px 10px 5px;   
    border-top:none; 
	background-color:#FFF;   
    background: rgba(255,255,255,0.70);     
    background: #fff\70;
    filter: alpha(opacity=70);
}  

.dropdown_9columns {  
    margin-top:6px;  
    float:left;
	margin-left:-300px;  
    position:absolute;  
    left:-999em; 
    text-align:left;  
    padding:10px 5px 10px 5px;   
    border-top:none; 
	background-color:#FFF;   
    background: rgba(255,255,255,0.70);       
        background: #fff\70;
        filter: alpha(opacity=70);

} 
 .dropdown_1columns {
     margin-top:6px;  
     float:left;
 	margin-left:-252px;  
     position:absolute;  
     left:-999em;   
     text-align:left;  
     padding:10px 5px 10px 5px;   
     border-top:none; 
 	background-color:#FFF;   
     background: rgba(255,255,255,0.70);        
         background: #fff\70;
         filter: alpha(opacity=70);
 
 }  
.dropdown_1columns {width: 375px;height:200px;}  
.dropdown_2columns {width: 480px; height:200px;}  
.dropdown_3columns {width: 480px; height:200px;}  
.dropdown_4columns {width: 560px;}  
.dropdown_5columns {width: 700px;}  
.dropdown_9columns {width: 375px; height:200px;} 
.dropdown_8columns {width: 350px;} 
.dropdown_7columns {width: 350px;} 


#menu li:hover .dropdown_1column,   
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_7columns,
#menu li:hover .dropdown_8columns,
#menu li:hover .dropdown_9columns,
#menu li:hover .dropdown_5columns { left:-1px; top:auto;}

.col_1,  
.col_2,  
.col_3,  
.col_4,  
.col_5,
.col_6,  
.col_7,
.col_8,  
.col_9 { display:inline; float: left; position: relative; margin-left: 5px; margin-right: 5px;}

.col_1 { width:60px; margin-top:25px; margin-left:15px;}  

.col_6 { width:90px; margin-top:25px; margin-left:15px;} 
.col_3 { height:157px; border:2px solid #FFF; margin-top:25px; margin-left:25px;}  

.col_12 { float: right;  height:157px; border:2px solid #FFF; margin-top:25px; margin-left:25px;} 
.col_13 { float: right;  width:60px; margin-top:25px; margin-left:15px;} 
  
.strong { font-weight:bold;}
.italic { font-style:italic;}
  
.imgshadow {
    background:#FFFFFF;  
    padding:4px;  
    border:1px solid #777777;  
    margin-top:5px;  
    -moz-box-shadow:0px 0px 5px #666666;  
    -webkit-box-shadow:0px 0px 5px #666666;  
    box-shadow:0px 0px 5px #666666;  
}  
.img_left { width:auto; float:left; margin:5px 15px 5px 5px;}



.banner{ width:100%; }
#full-screen-slider { width:100%;  float:left; position:relative; text-align:left}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:570px; z-index:99999;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}




.xiaola { width:100%; height:40px; background:#f6f6f6; }
.xiaoba { width:1200px; margin:0px auto;}
.xiaoba ul { }
.xiaoba ul img { float: left; margin-right: 6px; margin-top:8px; }
.xiaoba ul li {float: left; }
.xiaoba ul li p { font-size: 14px; color:#666666; line-height: 40px;}

.wuwua { width:100%; height:555px; background: url(../img/chanback_02.png) center ;}
.chaha { width:1200px; margin:0px auto;}
.zuolie { float: left; width:217px; }
.zuolie ul h3 { color:#fff; font-size: 22px; padding-top: 12px; }
.zuolie ul p { font-size: 14px; text-transform: uppercase; color:#fff; }
.zuolie ul li { width:192px; background:#005ebf; height:50px; margin:16px auto; font-size:17px; line-height: 50px; padding-left: 25px; }
.zuolie ul li:hover { background:#ff9900;}
.zuolie ul li a { display: block; color:#fff;}

.zhanshi { float: right; width:960px; }
#product_a { }
#product_a li { display:block; float:left; text-align:center;}
#product_a a { text-align:center; }
#product_a a img { text-align:center; border:4px solid #0066cc; margin-right:14px; }
#product_a a span { display:block; line-height:45px; color:#666666; overflow:hidden; font-size:15px;}

.jianback { width:100%; height:480px; background: url(../img/jianback_01.jpg) center;}
.jianbac { width:1200px; margin:0px auto;}
.jianll { float: left; width:580px; }
.jianll h5 { margin-top: 60px; font-size: 26px; color:#000;}
.jianll h3 { margin-top: 30px; font-size: 26px; color:#0065cd; }
.jianll span { font-size: 14px; color:#999999;}
.jianll p { margin-top:30px; font-size:14px; line-height: 32px; }


.lanyou { width:100%; height:118px; background: #17284c;}
.youlan { width:1200px; margin:0px auto;}
.youlan ul { float: left;}
.youlan ul img { margin-top: 20px;}
.youlan ul li {}
.youlan ul li h3 { font-weight: 400; color:#fff;font-size: 16px; margin-top: 15px;}
.youlan ul li p { width:20px; height:1px; background:#fff; margin:10px auto; }
.youlan ul li span { color:#fff; font-size: 13px;}


.anliha { width:1200px; margin:0px auto; text-align: center;}
.anliha h3 { font-size: 28px; color:#000;}
.anliha p { width:427px; height:25px; background:url(../img/spanha_03.jpg) no-repeat;  margin:0px auto; }
.anliha span { font-size: 13px; color:#999999;}

.anzhon { width:1140px; margin:0px auto;}
#product_b { }
#product_b li { display:block; float:left; margin-top: 20px; }
#product_b a { text-align:left; }
#product_b a img { text-align:center; margin-right:18px; margin-bottom: 10px; }
#product_b a p { display:block;  color:#333333; line-height: 30px; overflow:hidden; font-size:18px;}
#product_b a span {font-size: 14px; color:#0066cc; }




.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  height:756px;
  background:url(../img/landia.jpg) center;
}

.card {
  width: 300px;
}
.card:hover .card__caption {
  top: 50%;
  transform: translateY(-50%);
}
.card:hover .card__image {
  transform: translateY(-10px);
}
.card:hover .card__thumb::after {
  top: 0;
}
.card:hover .card__snippet {
  margin: 20px 0;
}
.card__thumb {
  position: relative;
  max-height: 744px;
  width: 300px;
  overflow: hidden;
}
.card__thumb::after {
  position: absolute;
  top: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(255,150, 0, 0.7) 60%, rgba(255, 255, 255, 0) 100%);
  transition: .3s;
}
@media (min-width: 1024px) {
  .card__thumb::after {
    top: calc(100% - 140px);
  }
}
.card__image {
  transition: .5s ease-in-out;
}
.card__caption {
  position: absolute;
  top: 35%;
  z-index: 1;
  padding: 0 20px;
  color: white;
  transform: translateY(-50%);
  text-align: center;
  transition: .3s;
}
.card__caption img { margin-bottom:30px;}




@media (min-width: 1024px) {
  .card__caption {
    transform: unset;
  }
}
.card__title {
  display: -webkit-box;
  max-height: 85px;
  overflow: hidden;
  font-family: 'Playfair Display', serif;
  font-size: 23px;
  line-height: 28px;
  text-shadow: 0px 1px 5px black;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.card__snippet {
  display: -webkit-box;
  max-height: 150px;
  margin: 20px 0;
  overflow: hidden;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 26px;
  text-overflow: ellipsis;
  transition: .5s ease-in-out;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
@media (min-width: 1024px) {
  .card__snippet {
    margin: 30px 0;
  }
}
.card__button {
  display: inline-block;
  padding: 10px 20px;
  color: white;
  border: 1px solid white;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  transition: .3s;
}
.card__button:hover {
  color: black;
  background-color: white;
}






.newsp { width:1200px; margin:0px auto;}
.newsll { float: left; width:575px;}
.biaoti { float: left; width:100%; border-bottom: 1px dashed #dedede; padding-bottom: 8px;}
.biaoti h3 { float: left; font-weight: 400; font-size: 20px; color:#000; }
.biaoti span { float: left; padding-top: 8px; margin-left: 5px; font-size: 14px; color:#666666; }
.biaoti p { float: right; font-size: 14px; color:#666666; margin-top: 8px ;}

.diyige { float: left; width:100%; margin-top:20px; }
.diyige ul { }
.diyige ul li { }
.diyige ul li img { border: 2px solid #125fa5; }
.diyige ul li h5 { font-size: 15px; color:#000; font-weight: 400; margin:8px 0px; }
.diyige ul li p { font-size: 13px; color:#666666; line-height: 24px; }

.dierge { float: left; width:100%; margin-top: 20px; }
.dierge ul { }
.dierge ul li { float: left; width:100%; line-height:53px;  border-bottom: 1px dashed #dedede; color:#0066cc;  }
.dierge ul li h5 { font-weight: 400; font-size: 15px; float: left; }
.dierge ul li p { font-size: 13px; float: right; }

.newsrr { float: right; width:580px;}

.disange { float: left; margin-top:20px;}
.disange ul { }
.disange ul li { float: left; margin-bottom:17px;}
.disange ul li img { float: left; margin-right: 20px; }
.disange ul li h5 { font-size: 14px; color:#333; font-weight: 400; margin:10px 0px;}
.disange ul li p { font-size: 12px; line-height: 22px; color:#999999; }

.disige { float: left; width:100%; margin-top: 20px;}
.disige img { float: left; margin-right: 20px;}
.disige ul { float: left; width:370px; }
.disige ul li { float: left; margin-bottom:6px;}
.disige ul li h5 { font-size: 14px; color:#333; font-weight: 400; margin:9px 0px;}
.disige ul li p { font-size: 12px; color:#999999; }




*/


/* footer结束*/

.youlian { width:100%; height:45px; line-height:55px; color:#000; }
#friendlink {width:1200px; color:#333; font-size:16px; margin:0px auto;color:#000;}
#friendlink img { margin-top: 8px;}
#friendlink ul { float:right; width:1100px; }
#friendlink a {font-size:14px; font-family:"微软雅黑"; color:#000;}
#friendlink ul li { float:left;  margin:0px 15px;}


.copyright{ width:100%; height:280px; border-top: 10px solid #ffcc00; background:#000; font-family:"微软雅黑";} 

.foo_ka { width:1200px; margin:0px auto; color:#fff;}


.foo_ll { float: left; width:780px; margin-top: 35px; }
.foo_ll ul { float: left; width:190px; }
.foo_ll ul h3 { font-size: 17px; color:#fff; font-weight: 400; margin-bottom: 15px; }
.foo_ll ul li { line-height:35px;  font-size: 13px ; color:#fff; }
.foo_ll ul li a {  color:#fff;}

.foo_rr { float: right; width:420px; margin-top: 35px;  }
.foo_rr img { float: left; }
.foo_rr ul { float: left; margin-top: 10px; margin-left: 15px; font-size: 14px; line-height: 30px; }


.foo_la {  width:1200px; margin:0px auto; border-top: 1px solid #333333;}
.foo_la p { color:#fff; margin-top: 20px; line-height:30px;  }
.foo_la p a { color:#fff; }








/*内页banner*/
.abanner {width:100%; height:280px; background:url(../img/abanner.jpg) center no-repeat;}
 #piclist li{ float:left; margin-right:10px; }

/*内页原稿*/
.site-nav{ width:1200px; margin:0 auto; height:40px; line-height:40px; overflow:hidden; color:#333; border-bottom:#dddddd solid 1px; margin-bottom:5px;}
.site-nav span{color:#333;}
.site-nav a{color:#333;}
.site-nav a:visited{color:#333;}

.ny{ width:100%; background:#f6f6f6;}
.ny_cen{ margin:0 auto; background:url(../images/bg_01.jpg) top center repeat-y;}
.ny_sousuo{ width:245px; height:50px; background:url(../images/ny_znss.png) no-repeat center; }
.ny_lxwm_top{float: left; width:245px; height:50px; background:url(../images/ny_lxwm.png) no-repeat center; }
.ny_lxwm{ float: left; margin-bottom:40px; width:245px; /*background:url(../images/ny_lxwm_bj.png) right bottom no-repeat; */}
.ny_lxwm ul{}
.ny_lxwm ul li{text-align:left; line-height:26px; font-family:"微软雅黑";}.ny_lxwm span{ text-align:left; height:40px; line-height:40px; font-family:"微软雅黑"; font-size:18px; font-weight:bolder; color:#920200}
.ny_xwzx_top{ float: left; width:245px; height:50px; background:url(../images/ny_xwzx.png) no-repeat center;}
.ny_xwzx{float: left;}
.ny_xwzx ul{}
.ny_xwzx ul li{ width:245px; height:27px; line-height:27px;border-radius:3px;text-indent:20px;
 margin-top:2px; background:#f7f7f7; border-bottom:1px dotted #ddd;}
.ny_xwzx ul li a{width:245px; height:27px; overflow:hidden; display:block;border-radius:3px;}
.ny_xwzx ul li a:hover{ width:245px; height:27px; line-height:27px; background:#838383; color:#FFF;text-indent:30px;}




.ny_cpzx_top{ float: left; width:245px; height:50px; background:url(../images/ny_cpzx.png) no-repeat center;}
.ny_cpzx{ float: left;width:245px;}


/*
.ny_cpzx ul{}
.ny_cpzx ul li{ width:245px; height:27px; line-height:27px;border-radius:3px;text-indent:20px; margin-top:2px; background:#f7f7f7; border-bottom:1px dotted #ddd;}
.ny_cpzx ul li a{width:245px; height:27px; overflow:hidden; display:block;border-radius:3px;}
.ny_cpzx ul li a:hover{ width:245px; height:27px; line-height:27px; background:#838383; color:#FFF;text-indent:30px;}
*/



.ny_cpzx ul{}
.ny_cpzx ul li{width:245px; font-size:12px;line-height:28px;border-radius:3px;text-indent:40px;
 margin-top:4px; background:#f7f7f7; border-bottom:1px dotted #ddd;}
.ny_cpzx ul li a{ width:245px; height:28px; overflow:hidden; display:block;border-radius:3px;}
.ny_cpzx ul li a:hover{ width:245px; height:28px; line-height:28px; background:#838383; color:#FFF;text-indent:50px;}




.left-search { float: left;}
.nei_dh{ width:1200px; margin:15px auto; }
.ddsmoothmenu-v {float:left; width:245px;}
.ddsmoothmenu-v ul { padding-top:5px;padding-top:5px; padding-bottom:45px;}
.ddsmoothmenu-v ul li{position:relative;float:left; margin-right:10px;padding-bottom:5px; width:245px;}
.ddsmoothmenu-v ul li a {display:block;height:40px; padding-left: 20px; line-height:40px; overflow:hidden; vertical-align:middle; color:#FFF}
.ddsmoothmenu-v ul li a span{display:block; height:40px;line-height:40px; overflow:hidden;display:block;}
/*内页稿a*/
.n_nav { width:100%; box-shadow:0px 0px 25px #aaa; margin-bottom:45px;}
.n_navcc { margin:0px auto; width:1200px;}
.site_nav { float: left; width:420px; margin-top: 15px; font-size: 14px;  left: 55px;    margin-bottom: 15px;}
.site_nav a {color:#333 !important; margin:0px 8px; }

.n_fenlei { float: right; width:774px;}
.n_fenlei li { float:right; line-height:45px; font-size: 17px; margin:0px 20px;}
.n_fenlei li a { color:#000c; }
.n_fenlei li a:hover {  color:red;}
.n_fenlei li a span {line-height: 55px; }

.n_fenleia { float: right; width:568px;}
.n_fenleia li { float:left; line-height:45px; font-size: 17px; margin:0px 20px;}
.n_fenleia li a { color:#000c; }
.n_fenleia li a:hover {  color:red;}
.n_fenleia li a span {line-height: 55px; }


.n_fenleib { float: right; width:216px;}
.n_fenleib li { float:left; line-height:45px; font-size: 17px; margin:0px 20px;}
.n_fenleib li a { color:#000c; }
.n_fenleib li a:hover {  color:red;}
.n_fenleib li a span {line-height: 55px; }
/*内页稿b*/
.ny_bgao { margin:0 auto;}
.site-navb { width:100%; height:25px;  overflow:hidden; padding-top:20px; color:#333; border-bottom:#eeeeee solid 1px; margin-bottom:25px;  font-size:15px; font-weight:bolder; color:#000}
.site-navb span{color:#333;}
.site-navb a{color:#333;}
.site-navb a:visited{color:#333;}
.neiye_fenlei { float: left;width:245px;}
.neiye_fenlei ul{}
.neiye_fenlei ul li{ width:245px; font-size:13px; line-height:45px; 
border-radius:3px;text-indent:20px; margin-top:1px;  border-bottom:1px dotted #ddd;}
.neiye_fenlei ul li a {width:245px;  overflow:hidden; display:block;border-radius:3px; color:#333; }
.neiye_fenlei ul li a:hover{ width:245px; h line-height:45px; background:#f7f7f7; color:#000;text-indent:30px;}
/* page-right */
.page-right{float:right; width:900px; overflow:hidden;  min-height:1000px;}
/*********** page ***********/
#page_main{ width:1200px; margin:0 auto; min-height:1000px;}#page_main img { max-width:1200px;}



/* page-left */
.page-left{float:left; width:240px}
.page-left h2{background:url(../images/ny_znss.png) repeat-x;height:34px;line-height:34px;font-size:100%;font-weight:normal}
.page-left h2 span{float:left;display:none}
.left-about h2{background-position:0px -68px}
.left-products h2{background-position:0px -102px}
.left-search h2{background-position:0px -136px}
.left-search p{padding:5px 0px 5px 10px}
.left-contact{padding-bottom:10px}
.left-contact h2{background-position:0px -204px}
.left-contact p{line-height:25px;padding:0px 5px 0px 10px}
.left-contact p span{font-weight:bold}