* {margin: 0px;padding: 0px; font-family:"微软雅黑";}
body{ min-width:1200px;font-size: 12px;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0px;padding:0px;}
h1{ color:#232323;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,p,span{ font-size:14px;}
p{ color:#686868;}
ul{ list-style:none;}
.cursor{cursor:pointer;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.l{float:left;}
.r{float:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
img {border:0;}
a{ text-decoration:none; color:#686868;}
.gy{ width:1200px; margin:0 auto; overflow:hidden;}
a:hover{ text-decoration:none; color:#008cf3;}
.top01{ width:100%; height:30px; line-height:30px; background:#1f2229; /*color:#f5f5f5;*/ color:#F3782A; overflow:hidden;}
.top01_center{ text-align:right;  /*padding-left:840px; margin:0 auto;*/ float:right;}
.top01_center img{ float:left; margin-top:3px;}
.top02{ height:95px; width:100%;background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);}
.logo{ width:365px; float:left; padding-top:12px;}
.nav{ width:770px; float:right;}
.nav ul{ width:780px;}
.nav li{ width:88px;  margin:0 8px 0 9px;float:left; text-align:center;/* position:relative;*/}
.nav a{ width:88px;  height:55px; padding-top:37px; display:block; font-size:18px; /*overflow:hidden; */}
.nav li a:after{
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	right: 50%;
	bottom: -3px;
	height: 3px;
	opacity: 0;
	background-color: #008cf3;
	-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 #f3782a;*/}
.nav a#sel{border-bottom:3px solid #008cf3;color:#008cf3;}
.nav a#sel: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:110; left:0px; /*height:544px; padding-bottom:50px;*/background-color:#f5f5f5;}
.nav .sub .nav_xiao{ width:1200px; overflow:hidden; padding-top:5px; margin:0 auto;padding-bottom:50px;}
.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(http://www.hdtcrm.com/Content/images03/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:#008cf3;}
.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:#008cf3; font-weight:normal; letter-spacing:1px; line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:760px; float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{ width:790px;}
.nav .sub .nav_xiao .xiao_three ul li{ float:left; display:inline; width:172px; height:190px; 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:138px; 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:#008cf3;}
.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:18px; font-weight:normal; color:#333333; height:50px; line-height:50px; border-bottom:1px solid #b3b3b3; letter-spacing:3px; margin-top:10px;}
.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(http://www.hdtcrm.com/Content/images03/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;}

.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:285px; height:160px;}
.nav .sub .nav_xiao .xiao_five a{ width:280px; height:153px; 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(http://www.hdtcrm.com/Content/images/2017/yuming_pic9.png) left center no-repeat; padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(http://www.hdtcrm.com/Content/images/2017/yuming_pic9_on.png) left center no-repeat; color:#f3782a;}
.nav .sub .nav_xiao .xiao_six_r{ float:left; width:1150px; overflow:hidden; text-align:center;}
.nav .sub .nav_xiao .xiao_six_r img{ width:55px;height:55px;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-right:1px solid #e2e3e3; padding-top:0; margin-top:50px;font-size:13px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{ margin-top:-4px; margin-bottom:36px;}

/**/

.foot_div{ overflow:hidden; background-color:#3d3d3d; clear:both;}
.foot_div .foot_div_c{ height:257px; overflow:hidden; border-bottom:1px solid #5a5a5a;}
.foot_div .foot_div_c h3{ padding-bottom:10px;color:#ffffff; font-weight:normal; background:url(http://www.hdtcrm.com/Content/images03/foot_line.png) left bottom no-repeat;}
.foot_div .foot_div_c h3 a{color:#ffffff; font-size:14px;}
.foot_div .foot_div_c h3 a:hover{color:#ffffff;}
.foot_div .foot_div_c h3 em{ float:right;font-style:normal; line-height:28px;}
.foot_div .foot_div_c h3 em a{ color:#B5B5B5; font-size:12px;}
.foot_div .foot_div_c ul {color: #9B9B9B;height: 255px; margin: 0; padding: 20px 0 0;}
.foot_div .foot_div_c ul li{ float:left;}
.foot_div .foot_div_c ul li.footyw{ width:425px; overflow:hidden;}
.foot_div .foot_div_c ul li.footyw p{ width:440px; padding-top:10px;}
.foot_div .foot_div_c ul li.footyw p span{ float:left;/* width:205px;*/}
.foot_div .foot_div_c ul li.footyw p a{color:#9b9b9b; display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; padding-right:22px;}
.foot_div .foot_div_c ul li.footyw p a:hover{color:#FFF}
.foot_div .foot_div_c ul li.footys{ width:380px;overflow:hidden; padding-left:50px;}
.foot_div .foot_div_c ul li.footys p{ width:400px; padding-top:10px;}
.foot_div .foot_div_c ul li.footys p span{ float:left; width:200px;}
.foot_div .foot_div_c ul li.footys p a{color:#9b9b9b; display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;padding-right:10px; }
.foot_div .foot_div_c ul li.footys p a:hover{color:#FFF}
.foot_div .foot_div_c ul li.footabout{ width:300px;overflow:hidden; padding-left:45px;}
.foot_div .foot_div_c ul li.footabout p{padding-top:10px;color:#9b9b9b; font-size:13px; line-height:24px;}
.foot_div .foot_div_c ul li.footabout p a{color:#9b9b9b; font-size:13px;}
.foot_div .foot_links{ margin:0px; padding:0px;width:1180px;margin:0px auto; margin-top:12px; /*height:120px;*/ padding-bottom:20px; line-height:24px; font-size:13px;}
.foot_div .foot_links h3{ color:#FFF; font-size:14px; padding-bottom:5px; font-weight:normal;}
.foot_div .foot_links a{ margin-right:5px;color:#9b9b9b; display:inline-block; font-size:14px;}
.foot_div .foot_links a:hover{ color:#FFF;}

.footer { background:#27303f; color:#676c74; font-size:14px; overflow:hidden; width:100%; min-width:1200px; position: relative; z-index: 2;}
.footer a {color:#676c74;}
.footer a:hover {color:#989a9d;}

.footer .footer_panel {width:1200px; margin:0 auto; padding:50px 0; min-height: 184px;}
.footer_panel dl { overflow:hidden; float:left;}

.footer_panel dl dt { font-size:18px; color:#cccccc; line-height:40px;}
.footer_panel dl dt a { color:#cccccc;}
.footer_panel dl dd { line-height:36px; font-size:14px; width:130px; padding-right:10px;}

.footer_panel dl.dk1 { width:130px; padding-right:20px;}
.footer_panel dl.dk1 { width:130px; padding-right:20px;}

.footer_panel dl.dk2 { width:305px; padding-right:20px;}
.footer_panel dl.dk2 dd { float:left;}

.footer_panel dl.dk3 { width:366px; padding-left:20px;}
.footer_panel dl.dk3 dd { width:100%; height:40px; line-height:40px; text-indent:20px;}
.footer_panel dl.dk3 dd.add { background:url(http://www.hdtcrm.com/Content/images/footer_ico.png) 0 0 no-repeat;}
.footer_panel dl.dk3 dd.tel { background:url(http://www.hdtcrm.com/Content/images/footer_ico.png) 0 -40px no-repeat; font-size:30px; color:#2c88d8; font-family:Arial;}
.footer_panel dl.dk3 dd.qq { margin-top:10px;}
.footer_panel dl.dk3 dd.qq a { width:180px; height:40px; display:inline-block; text-indent:10000px; background:url(http://www.hdtcrm.com/Content/images/qq1.gif) 0 0 no-repeat;}

.footer .copyright {border-top:1px #313b4c solid; width:1200px; margin:0 auto; line-height:24px; text-align:right; color:#989a9d; font-size:14px; padding:25px 0; overflow:hidden;}
.footer .copyright a.flogo { float:left; display:inline-block; width:397px; height:24px; background:url(http://www.hdtcrm.com/Content/images/ratuo_logow.png) 0 0 no-repeat; text-indent:10000px; opacity:.6; overflow: hidden;}
.footer .copyright a.flogo:hover {background:url(http://www.hdtcrm.com/Content/images/ratuo_logow.png) 0 0 no-repeat; opacity:.8;}

/*pagination*/
.pageinfo {
	margin: 3px;
	padding: 5px;
	text-align: center;
	}
.pageinfo A {
	background-color: #fff;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
	color: #666;
	margin: 2px;
	padding: 8px 20px;
	text-decoration: none;
	border-radius: 4px;
	height:36px;
	line-height:36px;
	transition: all 0.2s ease 0s;
}
.pageinfo A:hover {
  background-color: #008cf3;
  border-color: #008cf3;
  border-style: solid;
  border-width: 1px;
  color: #fff;
}
.pageinfo A:active {
  border-color: #008cf3;
  border-style: solid;
  border-width: 1px;
  color: #000;
}
.pageinfo SPAN.thisclass {
	background-color: #008cf3;
	border-color: #008cf3;
	border-style: solid;
	border-width: 1px;
	color: #fff;
	font-weight: bold;
	margin: 2px;
	padding: 8px 20px;
	border-radius: 4px;
}
.pageinfo SPAN.disabled {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px;
  color: #666;
  margin-right: 2px;
  padding: 8px 20px;
  border-radius: 4px;
  background-color: #fff;
}
.container {
  height: auto;
  margin: 20px auto;
  overflow: hidden;
  width: 1200px;
}
.breadcrumb {
  background-color: #f5f5f5;
  border-radius: 4px;
  list-style: outside none none;
  padding: 8px 15px;
}