﻿@charset "utf-8"; 
/*=========================================全局共用属性CSS nie ===============================================*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset,figure,figcaption, table, th, td img{margin:0; padding:0; } 
a, abbr, acronym, address, big, blockquote, body, caption, cite, code, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, ins, kbd, label, legend, li, ol, p, pre, q, s, samp, small, span, strike, strong, ul {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body{font-family:"微软雅黑","simsun","Microsoft YaHei"; font-size:14px;  text-align:left; margin:0 auto; line-height:24px; background:#fff; color:#333; font-weight:400; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block; }
*{margin: 0px;padding: 0px;}
button{border-radius：0px;-webkit-border-radius:0px; outline:none;}
input{/*-webkit-appearance:none;*/border-radius:0; outline:none;}
img{
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0;
}/*让链接里的 img 无边框；清除图片间距*/
ul,li{list-style:none; } 
button{cursor:pointer; } /*这个可以不用*/
.clear{clear:both; }
.fl{float:left; }
.fr{float:right; }
.tl{text-align:left; }
/*全局的字体链接*/
a{ text-decoration:none; color:#666;}
a:link,a:visited{color:#666; text-decoration:none; }
a:hover,a:active{color:#007739; text-decoration:none;-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;}
.delay200 {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.imgZoom { overflow:hidden; }
.imgZoom:hover img{-webkit-transition: all .5s;
	-o-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s; -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0px; }
.main1200{width:1200px; margin:0 auto;}
.main{clear:both; overflow:hidden; width:1200px; margin:0 auto;}

/*=========================顶部 top=============================*/
.top01{ width:100%; height:30px; line-height:30px; background:#1f2229; /*color:#f5f5f5;*/ color:#007739; overflow:hidden;}
.top01_center{ width:220px; /*padding-left:840px; margin:0 auto;*/ float:right; background:url(../images/top_tel_icon.jpg) no-repeat left center; padding-left:20px;}
.top02{ height:95px; width:100%;}
.logo{ width:240px; float:left;}


/**********页面字体***********/

@font-face { 
	font-family: "dincond"; 
	src: url("../fonts/dincond-regular-webfont.eot"); 
	src: url("../fonts/dincond-regular-webfont.eot") format("embedded-opentype"),
    url("../fonts/dincond-regular-webfont.woff2") format("woff2"),
	url("../fonts/dincond-regular-webfont.woff") format("woff"),
	url("../fonts/dincond-regular-webfont.ttf") format("truetype"),
	url("../fonts/dincond-regular-webfont.svg#dincond") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "gothamregular";
    src: url("../fonts/gotham-black-webfont.eot");
    src: url("../fonts/gotham-black-webfont.eot") format("embedded-opentype"),
    url("../fonts/gotham-black-webfont.woff2") format("woff2"),
    url("../fonts/gotham-black-webfont.woff") format("woff"),
    url("../fonts/gotham-black-webfont.ttf") format("truetype"),
    url("../fonts/gotham-black-webfont.svg#gothamregular") format("svg");
    font-weight: normal;
    font-style: normal;

}
.ion {
  font-family:"jrico" !important;
  display:inline-block;
  vertical-align: middle;
  margin:0 .3em;
  font-size: 1.1em;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;   
}


/*=========================导航 start=============================*/
.nav{ width:780px; float:right;}
.nav ul{}
.nav li{ width:100px; display: inline-block;margin:0 5px 0 6px;float:left; text-align:center;/* position:relative;*/}
.nav a{ width:100px;  height:52px; padding-top:40px; display:block; font-size:16px; /*overflow:hidden; */}
.nav li a:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -3px;height: 3px;opacity: 0;background-color: #007739;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li a:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav a:hover{ /*border-bottom:3px solid #007739;*/}
.nav li.on{border-bottom:3px solid #007739;color:#007739;}
.nav li:hover:after{opacity: 0;}

.nav .sub{ display:none; /*默认隐藏*//* width:1920px;*/ width:100%; padding:0; position:fixed; top:125px; overflow:hidden; text-align:left; z-index:11110; left:0px; /*height:544px; padding-bottom:50px;*/background-color:#f5f5f5;}
.nav .sub .nav_xiao{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px;padding-bottom:30px;}
.nav .sub .nav_xiao .xiao_one{/* margin-left:405px; */width:760px; float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{ float:left; display:inline; height:28px; line-height:28px; width:108px; margin-right:12px; overflow:hidden; border-bottom:1px solid #d3d2d2; color:#313030; background:url(../images/nav_dian.jpg) left center no-repeat; padding:0; padding-left:15px; margin-top:13px; font-size:12px; font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{ color:#f3782a;}
.nav .sub .nav_xiao .xiao_two{ margin-top:28px;/*margin-left:405px; width:670px;*/width:760px; float:right;}
.nav .sub .nav_xiao .xiao_two img{ float:left; margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{ float:left; width:380px; padding-top:30px; font-size:12px; color:#666666; line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{ font-size:16px; color:#f3782a; font-weight:normal; letter-spacing:1px; line-height:36px;}

.nav .sub .nav_xiao .xiao_three{overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{ }
.nav .sub .nav_xiao .xiao_three ul li{ float:left; display:inline; width:100px; height:140px; overflow:hidden; margin-right:19px; text-align:center; position:inherit; line-height:46px; margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{ width:100%; height:78px; display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{ color:#686868; width:100%; font-size:14px; height:100%; padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{ color: #090 !important;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{ width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{ width:195px; height:138px;}

.nav .sub .nav_xiao .xiao_four{ width:512px; overflow:hidden;margin-right:25px; margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{ font-size:20px;font-weight:bold; color:#333333; height:50px; line-height:50px; border-bottom:1px solid #E8E8E8; letter-spacing:3px;}
.nav .sub .nav_xiao .xiao_four .ul{ width:590px;}
.nav .sub .nav_xiao .xiao_four .ul li{ height:42px; line-height:42px; margin-right:80px; padding-right:10px; width:205px; overflow:hidden; float:left; display:inline; background:url(../images/nav_dian2.png) right center no-repeat; margin-left:0px; position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{ padding:0; width:205px; text-align:left;height:auto !important; padding-top:0px !important; }

.nav .sub .nav_xiao .xiao_five{ width:680px; overflow:hidden; float:left; margin-top:15px; margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{ width:280px; height:212px;}
.nav .sub .nav_xiao .xiao_five a{ width:280px; height:212px; padding:0; margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left; width: 445px; margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9; box-shadow: none;font-size: 14px; padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px; display: inline-block;padding-top:0; height:auto;padding: 5px 0; font-size:14px; }

.nav .sub .nav_xiao .xiao_six_l{ float:left; width:140px; margin-left:70px; overflow:hidden; margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{ display:block; height:46px; line-height:46px; font-size:16px; color:#333333; padding-left:20px; background:url(../images/yuming_pic9.png) left center no-repeat; padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat; color:#f3782a;}
.nav .sub .nav_xiao .xiao_six_r{ float:left; width:990px; overflow:hidden; text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{ display:block; margin:0 auto; margin-bottom:32px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{ float:left;/* width:180px;*/  width:140px;height:auto; border-left:1px solid #e2e3e3; padding-top:0; margin-top:50px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{ margin-top:-4px; margin-bottom:36px;}


/*==============================导航 end==============================*/


