/* CSS Document */

*{margin:0px;padding:0px;}

*{padding:0; margin:0; font-family:"Microsoft Yahei",Arial,tahoma,arial !important;}

ul li{list-style:none;}

 

a {

	text-decoration:none;

  color:#666;

}

a:hover {

	color:#FF3300;

	text-decoration:none;

}



i, em, cite {font-style: normal;}

.dsmove{clear:both; overflow:hidden; height:0px;}

.webnav{background:#008CF3;height:50px;}

.top{width:1200px; margin:0 auto;}

 
.logo_img{float:left;overflow:hidden;margin-top:2px;}

.logo_right{overflow:hidden;float: right;}

.logo_chinese{display:block;width:100%;font-family:"方正大标宋简体";font-size:34px;color:#3B3B3B;} 

.logo_english{display:block;width:100%;font-family:"Arial";color:#989898;font-size:16px;letter-spacing: 1.73px;margin-left:3px;}

.tel{float:right;}

.dh{width:100%; background:#499bcb; height:38px; }

.tophe{height:100px;}

/*newnav*/

.fleft{

    float: left;

}

.main-nav>li {

	float: left;position: relative;

	margin-left: 16px;

}

.main-nav>li a {

	display: inline-block;

	padding: 0 15px;

	height: 50px;

	line-height: 50px;

	font-size: 16px;

	color: #fff;

	text-decoration: none;

	-webkit-transition: .2s;

	-o-transition: .2s;

	transition: .2s;

	position: relative;

	font-weight:normal;



}

.main-nav>li a {

	text-decoration: none;

	-webkit-transition: .3s;

	-o-transition: .3s;

	transition: .3s;

}

.main-nav>li.on h3 a,

.main-nav>li:hover h3 a {

	color: #fff;



}

.main-nav .n-li.on h3 a::before,

.main-nav .n-li:hover h3 a::before {

	content:"";

	width: 0;

	height: 0;

	position: absolute;

	left: 50%;

	bottom: 0;

	margin-left: -7px;

	border-left: 7px solid transparent;

	border-right: 7px solid transparent;

	border-bottom: 7px solid #f2f2f2;

	z-index: 2;

	

} 

.pull_nav_title {

  background: #f40 none repeat scroll 0 0;

  color: #fff;

  display: block;

  font-size: 17px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  width: 130px;

  float:left;

}

.searchMain {

  font-family: "Microsoft YaHei",serif;

  font-size: 14px;

  margin: 0 auto;

  width: 1200px;

  position:relative;

z-index: 600;

}

#menu_content_bg {

	width:100%;

	overflow:hidden;

	position:absolute;

	background:#fff;

	z-index:700;

	transition:all 3s;

	-webkit-transition:all 1s;

	-moz-transition:all 1s;

	-ms-transition:all 1s;

}

#menu_content_bg #menu_content_wrap ul {

	height:auto;

	width:100%;

	position:absolute;

	color:#424242;

	display:block;

}

#menu_content_bg #menu_content_wrap ul li {

	display:none;

	width:100%;

	height:230px;

}

#menu_content_bg #menu_content_wrap ul li .menu_content {

	float:left;

	width:160px;

	cursor:pointer;

	margin-top:30px;

}

#menu_content_bg #menu_content_wrap ul li .menu_content p {

	font-size:13px;

	text-align:center;

	margin-top:20px;

}

#menu_content_bg #menu_content_wrap ul li .menu_content_line {

	width:0px;

	height:100px;

	float:left;

	margin:30px 20px;

	border-left:1px solid #D0D0D0;

}



#big_banner_wrap {

	height:600px;

	margin:0 auto;

	position:absolute;

	color:#424242;

	top:0px;

	z-index:600;

}

#big_banner_wrap #banner_menu_wrap {

	width:235px;

	height:100%;

	float:left;

	position:absolute;

	background:#000;

	opacity:0.8;

	z-index:600;

}

#big_banner_wrap #banner_menu_wrap .active {margin-top:0px; }

#big_banner_wrap #banner_menu_wrap li {

	width:100%;

	height:70px;

	position:relative;

	transition:all 3s;

	-webkit-transition:all .3s;

	-moz-transition:all .3s;

	-ms-transition:all .3s;

	line-height:50px;

	cursor:pointer;

}

#big_banner_wrap #banner_menu_wrap li a {

	font-size:16px;

	color:#ffffff;

	margin-left:42px;

	float:left;

	text-decoration:none;

	line-height: 70px;

}

#big_banner_wrap #banner_menu_wrap li .banner_menu_i {

	float:right;

	font-size:15px;

	margin-right:10px;

}

#big_banner_wrap #banner_menu_wrap li .banner_menu_content {

	width:600px;

	height:459px;

	display:none;

	z-index:610;

	position:absolute;

	left:235px;

	background:url(http://www.hdtcrm.com/images/xiaolanmu.png) #fff no-repeat bottom;cursor:auto;

}

#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul {

	float:left;

	width:600px;

}

#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li {

	width:160px;

	height:30px;

	padding:18px;

	float:left;

}

#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li a {

	color:#000000;

	margin-left:5px;

	font-size:15px;

}

#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li span {

	width:59px;

	height:25px;

	float:right;

	margin-top:5px;

	border:1px solid #ff6700;

	color:#FF6700;

	font-size:13px;

	line-height:24px;

	text-align:center;

	transition:all 3s;

	-webkit-transition:all .3s;

	-moz-transition:all .3s;

	-ms-transition:all .3s;

}

#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li span:hover {

	background:#ff6700;

	color:#ffffff;

}

#big_banner_wrap #big_banner_pic_wrap {

	width:1226px;

	height:460px;

	overflow:hidden;

	position:relative;

}

#big_banner_wrap #big_banner_pic_wrap #big_banner_pic {

	width:6130px;

	height:460px;

	position:absolute;

	float:left;

}

#big_banner_wrap #big_banner_pic_wrap #big_banner_pic li {

	width:1226px;

	height:460px;

	float:left;

	cursor:pointer;

}

#big_banner_wrap #big_banner_change_wrap {

	width:961px;

	height:460px;

	position:absolute;

	top:0px;

	left:250px;

	color:#ffffff;

}

#big_banner_wrap #big_banner_change_wrap div {

	display:none;

	transition:all 3s;

	-webkit-transition:all .3s;

	-moz-transition:all .3s;

	-ms-transition:all .3s;

}

#big_banner_wrap #big_banner_change_wrap div:hover {

	background:#333333;

	cursor:pointer;

	color:#FF6700;

}

#big_banner_wrap #big_banner_change_wrap #big_banner_change_prev {

	width:50px;

	height:50px;

	line-height:50px;

	float:left;

	margin-top:205px;

	font-size:50px;

	text-align:center;

}

#big_banner_wrap #big_banner_change_wrap #big_banner_change_next {

	width:50px;

	height:50px;

	line-height:50px;

	float:right;

	margin-top:205px;

	font-size:50px;

	text-align:center; 

}

.main-nav .n-li .sub-nav {

	position: absolute;

	top:50px;

	left: 0;

	z-index: 5;

	width: 100%;

	background: #f2f2f2;

	line-height: 35px;

	/*opacity: 0;*/

	/*filter: alpha(opacity=0);*/

	-webkit-transition: .1s;

	-o-transition: .1s;

	transition: .1s;

	/*visibility: hidden;*/

	display: none;

}

.main-nav .n-li:hover .sub-nav {

	/*visibility: visible;*/

	display: block;

	/*opacity: 1;

	filter: alpha(opacity=100);*/

}

/*.main-nav .n-li .sub-nav .sub-nav-content {

	display: none;

}

.main-nav .n-li:hover .sub-nav .sub-nav-content {

	display: block;

}*/

.main-nav .n-li .sub-nav a {

	display: block;

	padding: 0 20px;

	color: #333;

	font-size: 13px;

}

.main-nav .n-li .sub-nav a:hover {

	background: #008cf3;

	color: #fff;

}









/*top*/

.newHeader {

  background: #000 none repeat scroll 0 0;

  border-bottom: 1px solid #e1e1e1;

  color: #333;

  height: 35px;

}

.header_top_left {

  color: #999;

  height: 35px;

  width: 1200px;

  margin:0 auto;

}

.header_top_left h1 {

  display: inline-block;

  height: 35px;

  line-height: 25px;

  position: relative;

}

.header_top_left h1 a {

  color: #fff;

  font: 14px/2.5 "Microsoft YaHei";

  padding: 0 5px;

}

.header_top_left span {

  color: #fff;

  font-size:14px;

  margin-top: 8px;

}

.header_top_left span a {

  color: #fff;

  margin: 0 3px;

  padding: 2px 8px;

}

/*主导航菜单*/

.header {

  background-color: #249CE2;

  clear: both;

  color: #fff;

  font-size: 14px;

  height: 38px;

  line-height: 38px;

  position: relative;

}

.header .nav {

  margin: 0 auto;

  position: relative;

  width: 1200px;

}

.header .nav li{ font-size:15px; float:left;  position:relative;}

.header .nav li a{ padding: 0 30px;color: #fff;display: block;font-family: "Microsoft YaHei";font-size: 16px;height: 38px;text-align: center;white-space: nowrap;text-decoration: none;}

.header .nav li a:hover{  background-color: #ff8a04;color:#fff;text-decoration: none;}

.header .nav li .curr{ background-color: #ff8a04;color:#fff;}

.header .nav li a i {background: rgba(0, 0, 0, 0) url("http://www.hdtcrm.com/Content/images/headhot.jpg") no-repeat scroll -1px 0;display: inline-block;height: 11px;position: absolute;right: 32px;top: -11px;width: 21px;}

.header .nav li ul { width:124px; position:absolute; left:50%; margin-left:-62px; top:38px; display:none; z-index:2;                 }

.header .nav li ul .ul_bg{ width:100%;  filter:alpha(opacity=50); -moz-opacity:0.8; opacity:0.8; background:#fff; position:absolute; left:0; top:0; height:102px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}

.header .nav li.li_t ul .ul_bg{ height:68px;}

.header .nav li ul li{ width:124px; height:34px; line-height:34px; float:inherit; margin:0 auto; text-align:center; position:relative;}

.header .nav li ul li .li_bg{ background:#fff;  filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; height:34px; width:100%; position:absolute; left:0; top:0; z-index:1}

.header .nav li ul li a{ color:#000000; font-size:14px; width:124px; height:34px; line-height:34px; padding:0; border:0; position:relative; z-index:2; font-weight: 100;}

.header .nav li ul li a:hover{ border-bottom:none;}

.banner{width:100%; overflow:hidden; height:200px; margin:0 auto;}

.flexslider { position: relative; height: 200px; overflow: hidden; background: url(http://www.hdtcrm.com/Content/2020/images/loading.gif) 50% no-repeat;}

.slides { position: relative; z-index: 1;}

.slides li { height:200px;}

.flex-control-nav { position: absolute; bottom: 20px; z-index: 2; width: 100%; text-align: center;}

.flex-control-nav li { display: inline-block; width: 52px; height: 9px; margin: 0 2px; *display: inline; zoom: 1;}

.flex-control-nav a { display: inline-block; width: 52px; height: 9px; line-height: 38px; overflow: hidden; background: url(http://www.hdtcrm.com/Content/2020/images/dot.png) right 0 no-repeat; cursor: pointer;}

.flex-control-nav .flex-active { background-position: 0 0;}

.content_title h1{font-size:26px;font-weight: bold;}



/*banner*/

#wrapper {

	background:#fff;

	position:relative;

	overflow: hidden;

    z-index: 0;

}

.fullwidthbanner-container{

	width:100% !important;

	position:relative;

	padding:0;

	max-height:200px !important;

	overflow:hidden;

}



.fullwidthbanner-container .fullwidthabnner	{

	width:100% !important;

	max-height:350px !important;

	position:relative;

}



@media only screen and (min-width: 768px) and (max-width: 959px) {

	  .banner, .bannercontainer			{	width:768px; height:309px;}

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

	   .banner, .bannercontainer		{	width:480px; height:193px;	}

}



@media only screen and (min-width: 320px) and (max-width: 479px) {

		.banner, .bannercontainer		{	width:320px;height:129px;	}

}



@media only screen and (max-width: 319px) {

		.banner, .bannercontainer		{	width:240px;height:97px;	}

}



.tp-bullets.simplebullets.round .bullet:hover,

.tp-bullets.simplebullets.round .bullet.selected,

.tp-bullets.simplebullets.navbar .bullet:hover,

.tp-bullets.simplebullets.navbar .bullet.selected {	

	background:#e1472f !important; 

}

.tp-leftarrow:hover,

.tp-rightarrow:hover {	

	background-color:#e1472f !important;

 }

/** BULLETS **/

.tp-bullets {

    z-index: 1001;

    position: absolute;

    bottom: 0px;

}



.tp-bullets.simplebullets.round .bullet {

    cursor: pointer;

    position: relative;

    background: #fff;

    width: 188px;

    height: 6px;

    float: left;

    -webkit-transition: background 0.1s linear;

    -moz-transition: color, background 0.1s linear;

    -o-transition: color, background 0.1s linear;

    transition: color, background 0.1s linear;

}





.tp-leftarrow.large {

	z-index: 100;

	cursor: pointer;

	position: relative;

	background: #393939 url(http://www.hdtcrm.com/Content/images/slider-left-arrow.png) no-Repeat;

	width: 42px;

	height: 43px;

	margin-left: 0px;

	margin-top: -21px;

	-webkit-transition: background 0.1s linear;

	-moz-transition: color, background 0.1s linear;

	-o-transition: color, background 0.1s linear;

	transition: color, background 0.1s linear;

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/

	/*

	**打开注释，按钮变成圆形的

	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 

	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 

	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 

	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 

	*/

}



.tp-rightarrow.large {

    z-index: 100;

    cursor: pointer;

    position: relative;

    background: #393939 url(http://www.hdtcrm.com/Content/images/slider-right-arrow.png) no-Repeat 0 0;

    width: 42px;

    height: 43px;

    margin-left: 0;

    margin-top: -21px;

    -webkit-transition: background 0.1s linear;

    -moz-transition: color, background 0.1s linear;

    -o-transition: color, background 0.1s linear;

    transition: color, background 0.1s linear;

	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);/*增加阴影*/

	/*

	**打开注释，按钮变成圆形的

	border-radius: 20px;  所有角都使用半径为5px的圆角，此属性为CSS3标准属性 

	-moz-border-radius: 20px;  Mozilla浏览器的私有属性 

	-webkit-border-radius: 20px;  Webkit浏览器的私有属性 

	border-radius: 20px 20px 20px 20px; 四个半径值分别是左上角、右上角、右下角和左下角 

	*/

}







.tp-bullets.tp-thumbs {

    z-index: 100;

    position: absolute;

    padding: 3px;

    background-color: #fff;

    width: 500px;

    height: 50px;

    margin-top: -50px;

}



.fullwidthbanner-container .tp-thumbs {

    padding: 3px;

}



.tp-bullets.tp-thumbs .tp-mask {

    width: 500px;

    height: 50px;

    overflow: hidden;

    position: relative;

}



.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {

    width: 5000px;

    position: absolute;

}



.tp-bullets.tp-thumbs .bullet {

    width: 100px;

    height: 50px;

    cursor: pointer;

    overflow: hidden;

    background: none;

    margin: 0;

    float: left;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	/*filter: alpha(opacity=50);	*/

    -moz-opacity: 0.5;

    -khtml-opacity: 0.5;

    opacity: 0.5;

    -webkit-transition: all 0.2s ease-out;

    -moz-transition: all 0.2s ease-out;

    -o-transition: all 0.2s ease-out;

    -ms-transition: all 0.2s ease-out;

}



.tp-bullets.tp-thumbs .bullet:hover,

.tp-bullets.tp-thumbs .bullet.selected {

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    -moz-opacity: 1;

    -khtml-opacity: 1;

    opacity: 1;

}



.tp-thumbs img {

    width: 100%;

}



.tp-bannertimer {

    width: 100%;

    height: 10px;

    position: absolute;

    z-index: 200;

    z-index: 5000;

}



.tp-bannertimer.tp-bottom {

    bottom: 0px !important;

    height: 5px;

}





@media only screen and (min-width: 768px) and (max-width: 959px) {;

}



@media only screen and (min-width: 480px) and (max-width: 767px) {

    .responsive .tp-bullets.tp-thumbs {

        width: 300px !important;

        height: 30px !important;

    }



    .responsive .tp-bullets.tp-thumbs .tp-mask {

        width: 300px !important;

        height: 30px !important;

    }



    .responsive .tp-bullets.tp-thumbs .bullet {

        width: 60px !important;

        height: 30px !important;

    }

}



@media only screen and (min-width: 0px) and (max-width: 479px) {

    .responsive .tp-bullets {

        display: none;

    }



    .responsive .tparrows {

        display: none;

    }

}





.tp-simpleresponsive img {

    -moz-user-select: none;

    -khtml-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

}



.tp-simpleresponsive a {

    text-decoration: none;

}



.tp-simpleresponsive ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.tp-simpleresponsive >ul >li {

    list-stye: none;

    position: absolute;

    visibility: hidden;

}



.caption.slidelink a div,

.tp-caption.slidelink a div {

    width: 10000px;

    height: 10000px;

}



.tp-loader {

    background: url(http://www.hdtcrm.com/Content/images/loader.gif) no-repeat 10px 10px;

    background-color: #fff;

    margin: -22px -22px;

    top: 50%;

    left: 50%;

    z-index: 10000;

    position: absolute;

    width: 44px;

    height: 44px;

    border-radius: 3px;

    -moz-border-radius: 3px;

    -webkit-border-radius: 3px;

}



.warp{width:1200px; margin:0 auto;}

.warp2{width:1200px; margin:0 auto;min-height:300px; margin-bottom:20px;}

.warp3{margin:0 auto; margin-bottom:35px;}

.wleft{width:1198px; float:left;}

.company{width:1198px; float:left; padding-top:20px;}

.companyname{width:1198px; float:left;}

.companytu{width:22px; height:22px; float:left; padding-top:5px;}

.companytitle{font-size:16px; color:#333333; line-height:36px; padding-left:5px; font-weight:bold; float:left;}

.companytitle a:link, .companytitle a:visited{color:#333333; text-decoration:none;}

.companytitle a:hover{text-decoration:none; color:#ff4300;}

.companynr{width:1198px; float:left;}

.companyimg{width:280px; height:233px; float:left; padding-top:3px;}

.companycontent{width:620px; float:left; padding-left:20px; font-size:14px; color:#666666; line-height:28px; padding-top:13px;background:url(http://www.hdtcrm.com/Content/2020/404/3434.jpg)}

.zzsp{width:1198px; float:left; padding-top:20px;}

.zzspbor{width:1196px; float:left; }

.zzspbt{width:1194px; float:left; height:30px; margin-bottom:15px;}

.zzspbtbiao{width:7px; height:12px; float:left; padding-left:10px; padding-top:9px;}

.zzspname{font-size:16px; color:#333333; padding-left:10px; line-height:30px; float:left;}

.zzspname a:link, .zzspname a:visited{color:#249CE2; text-decoration:none;}

.zzspname a:hover{text-decoration:underline; color:#ff0000;}

.zzspmore{float:right; color:#666666; font-size:16px; line-height:30px; padding-right:3px;}

.zzsplm{width:1196px; float:left; padding-bottom:20px;}

.zzspone{width:345px; padding-top:8px; float:left; padding-left:15px;}

.zzsponename{float:left; width:345px; padding-bottom:4px;}

.zzsptitle{font-size:14px; float:left; color:#2ea7e0; font-weight:bold; line-height:30px;}

.zzsponemore{float:right; font-size:12px; color:#ff0000; line-height:30px; padding-right:3px;}

.zzsponemore a:link, .zzsponemore a:visited{color:#ff0000; text-decoration:none;}

.zzsponemore a:hover{text-decoration:underline; color:#ff0000;}

.zzsponebor{width:343px; float:left; border:1px solid #2ea7e0;}

.zzsplist{width:343px; float:left; margin-bottom:-1px;}

.zzsplist ul{list-style:none;}

.zzsplist ul li{float:left; font-size:14px; color:#555555; border-bottom:1px solid #2ea7e0; line-height:34px; width:333px; padding-left:10px;}

.zzsplist ul li a:link, .zzsplist ul li a:visited{color:#555555; text-decoration:none;}

.zzsplist ul li a:hover{text-decoration:underline; color:#ff4300;}



.zzspcenone{width:1200px; float:left;}

.zzsptwo{width:320px; padding-top:20px; float:left;}

.zzsptwo2{width:320px; padding-top:20px; float:left; padding-left:20px;}

.zzsptwoname{float:left; width:320px; padding-bottom:4px;}

.zzsptwotitle{font-size:14px; float:left; color:#2ea7e0; font-weight:bold; line-height:30px;}

.zzsptwomore{float:right; font-size:12px; color:#ff0000; line-height:30px; padding-right:3px;}

.zzsptwomore a:link, .zzsponemore a:visited{color:#ff0000; text-decoration:none;}

.zzsptwomore a:hover{text-decoration:underline; color:#ff0000;}

.zzsptwobor{width:318px; float:left; border:1px solid #2ea7e0;}

.zzsptwolist{width:318px; float:left; margin-bottom:-1px;}

.zzsptwolist ul{list-style:none;}

.zzsptwolist ul li{float:left; font-size:14px; color:#555555; border-bottom:1px solid #2ea7e0; line-height:34px; width:313px; padding-left:5px;}

.zzsptwolist ul li a:link, .zzsptwolist ul li a:visited{color:#555555; text-decoration:none;}

.zzsptwolist ul li a:hover{text-decoration:underline; color:#ff4300;}



.wright{width:257px; float:left;}

.gdone{width:256px; float:left;}

.gdone2{width:242px; float:left; padding-top:15px; }

.gdonetbg{width:242px; height:39px; float:left; background:url(http://www.hdtcrm.com/Content/2020/images/lmbg.jpg) no-repeat;}

.gdonetitle{font-size:14px; color:#ffffff; line-height:39px; font-weight:bold; padding-left:22px;}

.gdonetitle a:link, .gdonetitle a:visited{color:#ffffff; text-decoration:none;}

.gdonetitle a:hover{text-decoration:none; color:#ffff00;}

.gdonenr{width:256px; float:left;}

.gdonebor{width:255px; float:left;}

.gdonecon{width:255px; float:left; padding-top:5px; padding-bottom:20px;}

.gdonecon ul{list-style:none;}

.gdonecon ul li{font-size:14px; color:#666666; line-height:34px; width:252px; border-bottom:1px dashed #ff8100; padding-left:3px;}

.gdonecon ul li a:link, .gdonecon ul li a:visited{color:#666666; text-decoration:none;}

.gdonecon ul li a:hover{text-decoration:underline; color:#ff4300;}

.gdonecon ul li b {

  color: #999;

  font-size: 12px;

  margin-right: 5px;}

.gdonecon1{width:255px; float:left; padding-top:5px; padding-bottom:20px;}

.gdonecon1 ul{text-align: center;}

.gdonecon1 ul li{font-size:14px; color:#666666; line-height:27px; width:252px; border-bottom:1px dashed #d1d1d1; padding-left:3px;}

.gdonecon1 ul li a:link, .gdonecon ul li a:visited{color:#666666;text-align: center;}

.gdonecon1 ul li a:hover{text-decoration:underline; color:#ff4300;}

.gdonecon1 ul li b {

  color: #999;

  font-size: 12px;

  margin-right: 5px;

}

.gszc{width:320px; float:left; padding-top:20px;}

.gszc2{width:320px; float:left; padding-top:20px; padding-left:20px;}

.gszcbor{width:318px; float:left; border:1px solid #dfdfdf;}

.gszcbt{width:316px; float:left; background:#f2f2f2; height:30px; margin:1px;}

.gszclist{width:318px; float:left;  margin-bottom:-1px;}

.gszclist ul{list-style:none;}

.gszclist ul li{float:left; font-size:14px; color:#555555; border-bottom:1px solid #dfdfdf; line-height:34px; width:313px; padding-left:5px;}

.gszclist ul li a:link, .gszclist ul li a:visited{color:#555555; text-decoration:none;}

.gszclist ul li a:hover{text-decoration:underline; color:#ff4300;}

.honor{width:916px; float:left;padding:22px 10px;}

.honorimg{width:162px; height:130px; float:left; padding:22px 0px 22px 17px;}

.contact{width:242px; float:left; padding-top:20px;}

.contactrt{width:242px; float:left; padding-top:20px;}

.conlx{font-size:14px; color:#555555; line-height:30px; float:left; padding:9px 10px 8px 10px;}

/*news*/

.zx-title {

  background-color: #eee;

  border-radius: 10px;

  height: 40px;

  width: 100%;

  margin-bottom: 10px;

}

.zx-l {

  color: #000;

  display: block;

  float: left;

  font-size: 16px;

  line-height: 39px;

  padding-left: 12px;

  width: 150px;

}

.zx-l img {

  display: inline-block;

  margin-right: 5px;

  vertical-align: middle;

}

.zf-txt {

  margin: 1px auto auto;

  width: 182px;

}

.zf-txt img {

  border-radius: 10px;

}

.zf-bottom {

  height: 40px;

  padding-left: 10px;

  padding-right: 10px;

  width: 170px;

}

.zf-bottom span {

  color: #ff8a04;

  display: inline-block;

  font-size: 16px;

  line-height: 40px;

  text-align: center;

  width: 172px;

  font-weight: bold;

}

/*我们的服务*/

.tit {background: rgba(0, 0, 0, 0) url("http://www.hdtcrm.com/Content/images/t1.png") repeat-x scroll left center;height: 50px;text-align: center; margin-top: 6px;}

.tit span {background-color: #fff;color: #249CE2;padding: 0 20px;display: inline-block;font-size:18px;}

.tit em{color: #999;display: block;font-size:12px;}

.serwrap {height: auto;margin: 0 auto;width: 938px;}

.service-list {width: 100%;margin:20px 0px 15px 25px;}

.service-list li {height: 260px;margin-bottom: 10px;margin-right: 40px;width: 147px;float: left;}

.service-list li .pic {display: block;height: 122px;width: 141px;padding-bottom: 10px;}

.service-list li a{color: #313131;display: block;padding-bottom: 10px; font-size: 14px;}

.tc {

  text-align: center;

}

.ti {

    text-indent: -999999px;

}

.in-b {

    display: inline-block;

}

.service-list li .t1 {background: rgba(0, 0, 0, 0) url("http://www.hdtcrm.com/Content/images/tp1.png") no-repeat scroll left top;}

.service-list li .t2 {

	background:url("http://www.hdtcrm.com/Content/images/tp1.png") no-repeat -206px top;

}

.service-list li .t3 {

	background:url("http://www.hdtcrm.com/Content/images/tp1.png") no-repeat -413px top;

}

.service-list li .t4 {

	background:url("http://www.hdtcrm.com/Content/images/tp1.png") no-repeat -620px top;

}

.service-list li .t5 {

	background:url("http://www.hdtcrm.com/Content/images/tp1.png") no-repeat right top;

}

.service-list li .t6 {

	background:url("http://www.hdtcrm.com/Content/images/tp2_hover.png") no-repeat left top;

}

.service-list li .t7 {

	background:url("http://www.hdtcrm.com/Content/images/tp2_hover.png") no-repeat -206px top;

}

.service-list li .t8 {

	background:url("http://www.hdtcrm.com/Content/images/tp2_hover.png") no-repeat -413px top;

}

.service-list li .t9 {

	background:url("http://www.hdtcrm.com/Content/images/tp2_hover.png") no-repeat -620px top;

}

.service-list li .t10 {

	background:url("http://www.hdtcrm.com/Content/images/tp2_hover.png") no-repeat right top;

}



.service-list li .t1:hover {

	background:url("http://www.hdtcrm.com/Content/images/tp1_hover.png") no-repeat left top;

}

.service-list li .t2:hover {

	background:url("http://www.hdtcrm.com/Content/images/tp1_hover.png") no-repeat -206px top;

}

.service-list li .t3:hover {

	background:url("http://www.hdtcrm.com/Content/images/tp1_hover.png") no-repeat -413px top;

}

.service-list li .t4:hover {

	background:url("http://www.hdtcrm.com/Content/images/tp1_hover.png") no-repeat -620px top;

}

.service-list li .t5:hover {

	background:url("http://www.hdtcrm.com/Content/images/tp1_hover.png") no-repeat right top;

}

.service-list li .t6:hover {

	background:url("http://www.hdtcrm.com/Content/images/tp2.png") no-repeat left top;

}

.service-list li .t7:hover {

	background:url("http://www.hdtcrm.com/Content/images/tp2.png") no-repeat -206px top;

}

.service-list li .t8:hover {

	background:url("http://www.hdtcrm.com/Content/images/tp2.png") no-repeat -413px top;

}

.service-list li .t9:hover {

	background:url("http://www.hdtcrm.com/Content/images/tp2.png") no-repeat -620px top;

}

.service-list li .t10:hover {

	background:url("http://www.hdtcrm.com/Content/images/tp2.png") no-repeat right top;

}



.service-list li p {

	color:#868787;

	 line-height: 18px;

	 font-size:12px;

	  text-indent: 0em;

}

/*资质标准*/

 .index-utility{padding-bottom:1px}

 .index-utility li{float:left;width:20%;text-align:center}

 .index-utility li a{display:block;padding:0 10px}

 .index-utility li a i{display:inline-block;background:url(http://www.hdtcrm.com/Content/images/utility.png);width:142px;height:110px}

 .index-utility li a h3{font-size:18px;font-weight:700;line-height:36px}

 .index-utility li a p{line-height:18px;font-size:12px;color:#666}

 .index-utility li a:hover h3{color:#00afdb}.index-utility li a:hover p{color:#333}

 .index-utility li a .con1 i{background-position:0 0}

 .index-utility li a .con2 i{background-position:-142px 0}

 .index-utility li a .con3 i{background-position:-284px 0}

 .index-utility li a .con4 i{background-position:-426px 0}

 .index-utility li a .con5 i{background-position:-568px 0}

 .index-utility li a .con1 i:hover{background-position:0 -110px}

 .index-utility li a .con2 i:hover{background-position:-142px -110px}

 .index-utility li a .con3 i:hover{background-position:-284px -110px}

 .index-utility li a .con4 i:hover{background-position:-426px -110px}

 .index-utility li a .con5 i:hover{background-position:-568px -110px}

 .index-utility li a h3:hover{font-size:18px;font-weight:700;line-height:36px;color:#00afdb}

 .index-utility li a p:hover{color:#333}

/*分类页面*/

.lmlt{width:460px; float:left;}

.lmlist{width:445px; padding-top:8px; float:left; padding-left:15px;}

.lmlisttitle{font-size:14px; float:left; color:#333333; padding-bottom:4px; font-weight:bold; line-height:30px;}

.lmlisttitle a:link, .lmlisttitle a:visited{color:#333333; text-decoration:none;}

.lmlisttitle a:hover{text-decoration:none; color:#ff4300;}

.lmlistbor{width:443px; float:left; border:1px solid #c2c2c2;}

.lmlistlb{width:443px; float:left; margin-bottom:-1px;}

.lmlistlb ul{list-style:none;}

.lmlistlb ul li{float:left; font-size:14px; color:#555555; border-bottom:1px solid #c2c2c2; line-height:34px; width:433px; padding-left:10px;}

.lmlistlb ul li a:link, .lmlistlb ul li a:visited{color:#555555; text-decoration:none;}

.lmlistlb ul li a:hover{text-decoration:underline; color:#ff4300;}

.lmlistimg{width:242px; height:121px; float:left; padding-top:20px;}



.bottom{width:100%; background:#008cf3; overflow:hidden; height:100%;}

.btm{width:1200px; margin:0 auto;}

.link{text-align:center; font-size:12px; color:#fff5a4; width:1200px; line-height:30px; padding-top:10px; float:left;}

.link a:link, .link a:visited{color:#ffffff; text-decoration:none;}

.link a:hover{text-decoration:underline; color:#ffffff;}

.bq{text-align:center; font-size:12px; float:left; padding-top:5px; padding-bottom:10px; color:#ffffff; line-height:30px; width:1200px;position: relative;}

.bq a:link, .bq a:visited{color:#ffffff; text-decoration:none;}

.bq a:hover{text-decoration:underline; color:#fff5a4;}

.govIcon{position: absolute;

    top: 1px;

    right: 0;}

/*新闻列表页*/

.news{width:1200px;min-height:360px; }

.news ul{list-style:none;}

.news ul li{font-size:16px; color:#444444; line-height:34px; float:left; border-bottom:1px dotted #c2c2c2; padding-left:10px; width:1126px;}

.news_ltspan{float:left; width:630px;}

.news_ltspan a:link, .news_ltspan a:visited{color:#444444; text-decoration:none;}

.news_ltspan a:hover{text-decoration:underline; color:#ff4300;}

.news_rtspan{float:right; font-size:12px; padding-right:10px; color:#888888;}

.page{float:left; padding:30px 0px 30px 10px; font-size:14px; color:#095a9b; width:600px;}

.page a:link, .page a:visited{text-decoration:none; color:#095a9b;}

.page a:hover{text-decoration:underline; color:#ff0000;}

.page li{float:left; padding:0px 6px; list-style:none outside none;}

/*荣誉列表页*/

.rongyu{width:936px; float:left;}

.rongyu ul{list-style:none;}

.h-listType2 li {

	float: left;

	margin-left: 62px;

	display: inline;

	width: 227px;

	height: 260px;

	border: 1px solid #e6e6e6;

	_height: 240px;

	overflow: hidden;

	margin-top:26px;

}

.h-listType2 li a {

	display:block;

	padding:9px 9px 0 9px;

	cursor:pointer;

	text-decoration: none;

}

.h-listType2 li a:hover {

	background:#fff;

	text-decoration: none;

}

.h-listType2 li a:hover .name {

	color:#ff8a04

}

.h-listType2 li .pic {

	width:214px;

	height:185px;

	overflow:hidden

}

.h-listType2 li .name {

	height:30px;

	line-height:30px;

	overflow:hiddenp;

	font-size:14px;

	color:#5c5f65;

	text-align:center;

	font-family:\5FAE\8F6F\96C5\9ED1;

}

.h-listType2 li p{font-size:12px;color:#666;text-align: center;text-indent: 0;}

/*产品列表页*/

.prolist{width:936px; float:left; padding-left:2px;}

.proimgzi{width:162px; float:left; border:1px solid #dedede; margin-left:15px; margin-top:20px;}

.proimg{width:160px; height:128px; margin:1px; float:left;}

.probg{width:160px; height:34px; background:#ffffff; float:left; margin:1px;}

.prozi{color:#555555; line-height:36px; font-size:14px; text-align:center;}

.prozi a:link, .prozi a:visited{color:#555555; text-decoration:none;}

.prozi a:hover{text-decoration:none; color:#ff0000;}

/*内容页*/

.content{width:1196px; float:left; padding:15px 10px 20px 10px;}

.content1{width:1200px; margin:0 auto; padding:15px 10px 20px 10px;}

.content_title{font-size:20px; color:#249CE2; line-height:36px; text-align:center; font-weight:bold;}

.content_title1{font-size:20px; color:#f60; line-height:36px; font-weight:bold;}

.content_from{text-align:center; font-size:12px; color:#666666; line-height:24px; width:916px; border-bottom:1px dashed #aaaaaa; padding-top:5px; padding-bottom:10px;}

.content_from1{text-align:center; font-size:12px; color:#666666; line-height:24px; width:1200px; border-bottom:1px dashed #aaaaaa; padding-top:5px; padding-bottom:10px;}

.content_nr{font-size:16px; color:#444444; line-height:30px; padding-top:15px;}

.content_nr1{font-size:14px; color:#444444; line-height:30px; padding-bottom:30px; padding-top:15px; background-color:#f5f5f5;}

.prenext{font-size:14px; color:#666666; line-height:30px; padding-left:10px;}

.prenext a:link, .prenext a:visited{color:#095a9b; text-decoration:none;}

.prenext a:hover{text-decoration:underline; color:#ff0000;}

/*---search---*/

.search{

    width:242px;

    float:left;

    padding-top:20px;

}

.search ul li{

float:left;

height:120px;

margin:0 1px 0 0;}

.w-pic-recolist{

    width:242px;

    float:left;

    padding-top:66px;

	position: relative;

}

.w-pic-recolist .reco-pic {

  display: inline-block;

  vertical-align: top;

}

.w-pic-recolist .reco-img {

  height: 95px;

  width: 256px;

}

.w-pic-recolist .reco-bottom {

  display: inline-block;

  padding: 0 10px 10px;

  vertical-align: top;

  width: 236px;

}

.w-pic-recolist .reco-list {

  cursor: pointer;

  left: 25px;

  position: absolute;

  top: 170px;

  vertical-align: top;

}

.w-pic-recolist .list-item {

  background-color: #fff;

  border-radius: 4px;

  display: inline-block;

  font-family: Microsoft Yahei;

  font-size: 14px;

  height: 40px;

  line-height: 40px;

  margin-top: 1px;

  padding-left: 10px;

  vertical-align: top;

  width: 200px;

}

.w-pic-recolist .list-item .item-go {

  background-color: #ff8a04;

  border-radius: 20px;

  color: #fff;

  float: right;

  font-family: Microsoft Yahei;

  font-size: 12px;

  height: 20px;

  line-height: 20px;

  margin-right: 10px;

  margin-top: 11px;

  text-align: center;

  vertical-align: top;

  width: 42px;

}

.w-pic-recolist .list-item .item-text {

  color: #777;

  display: inline-block;

  height: 40px;

  line-height: 40px;

  overflow: hidden;

  text-overflow: ellipsis;

  vertical-align: top;

  white-space: nowrap;

  width: 140px;

  font-family: Microsoft Yahei;

}

.w-pic-recolist .list-item:hover .item-text {

    color: #ff8a04;

}

.w-pic-recolist .item-margin {

  display: inline-block;

  height: 10px;

  vertical-align: top;

  width: 210px;

}

/**/

#button{margin:10px 0 50px 0;width:100%;overflow:hidden;text-align:center;}

#button a{padding:10px 20px;background:#EFEFEF;color:#B0091F;font-size:20px;display:inline-block;margin:0 10px;text-decoration:none;}

#button a:hover{text-decoration:underline;}



/*2017.3.1 工商3个页面*/

.zserwrap {height: auto;margin: 0 auto;width: 938px;}

.zserwrap p{line-height:30px;color:#666;text-indent:0em;}

.zservice-list {width: 110%;margin-top: 20px;}

.zservice-list li {height: 180px;margin-bottom: 10px;margin-right: 40px;width: 195px;float: left;}

.zservice-list li .zpic {display: block;height: 122px;width: 195px;}

.zservice-list li a{color: #313131;display: block;padding-bottom: 10px; padding-top: 10px;font-size: 14px;}



.zindex-utility{padding-bottom:1px;margin-top:40px;margin-bottom:20px;}

.zindex-utility li{float:left;width:31%;text-align:center;margin: 0 10px;}

.zindex-utility li a{display:block;padding:0 10px}

.zindex-utility li a img{display:inline-block;width:270px;height:160px}

.zindex-utility li a h3{font-size:18px;font-weight:700;line-height:36px;margin: 10px 0px;}

.zindex-utility li a h3 span{border-bottom:2px solid #00afdb;}



.zindex-utility li a p{line-height:22px;font-size:15px;color:#666;text-indent:0px;text-align:left;}



.zindex-utility li a:hover h3{color:#00afdb}

.zindex-utility li a:hover p{color:#333}

.zindex-utility li a h3:hover{color:#00afdb}

.zindex-utility li a p:hover{color:#333}



#featureContainer {

	BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; MARGIN: 0px auto; WIDTH: 923px; FONT-SIZE: 80%; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted;margin-top: 25px;

}

#wrap {

	OVERFLOW: hidden

}

#load {

	BACKGROUND-IMAGE: url(http://www.hdtcrm.com/Content/2020/images/loader32x32.gif); BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH: 923px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 100px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted

}

#feature {

	BORDER-BOTTOM: #999 0px dotted; POSITION: relative; BORDER-LEFT: #999 0px dotted; MARGIN-TOP: 5px;  BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted

}

#feature .button {

	BORDER-BOTTOM: #999 0px dotted; POSITION: absolute; BORDER-LEFT: #999 0px dotted; WIDTH: 840px; BORDER-TOP: #999 0px dotted; TOP: 72px; BORDER-RIGHT: #999 0px dotted; LEFT: 0px

}

#feature .prev {

	POSITION: relative;BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(http://www.hdtcrm.com/Content/images/feature_left.gif) center top; FLOAT: left; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -125px; BORDER-RIGHT: #999 0px dotted

}

#feature .next {

	POSITION: relative;BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(http://www.hdtcrm.com/Content/images/feature_right.gif) center top; FLOAT: right; HEIGHT: 48px; BORDER-TOP: #999 0px dotted; TOP: -125px; BORDER-RIGHT: #999 0px dotted

}

#feature .prev:hover {

	BACKGROUND-POSITION: center bottom

}

#feature .next:hover {

	BACKGROUND-POSITION: center bottom

}

.featureUL {

	BORDER-BOTTOM: #000 0px dotted; POSITION: relative; BORDER-LEFT: #000 0px dotted; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 2800px; PADDING-RIGHT: 0px; FLOAT: left; BORDER-TOP: #000 0px dotted; BORDER-RIGHT: #000 0px dotted; PADDING-TOP: 0px; LEFT: 0px

}

.featureBox {

	BACKGROUND-IMAGE: url(http://www.hdtcrm.com/Content/images/bg-featurebox.jpg); BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; WIDTH: 280px; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 230px; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 10px

}

#botton-scroll {

	Z-INDEX: 0; BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; MARGIN: 0px auto; WIDTH: 840px; FLOAT: left; HEIGHT: 200px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted

}

#block {

	Z-INDEX: 0; BORDER-BOTTOM: #999 0px dotted; POSITION: relative; BORDER-LEFT: #999 0px dotted;  MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 840px; PADDING-RIGHT: 0px; HEIGHT: 180px; FONT-SIZE: 70%; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; PADDING-TOP: 0px

}

#block .box {

	BORDER-BOTTOM: #d8d8d8 0px solid; BORDER-LEFT: #d8d8d8 0px solid; PADDING-BOTTOM: 10px; MARGIN: 0px 10px; PADDING-LEFT: 10px; WIDTH: 240px; PADDING-RIGHT: 10px; FLOAT: left; HEIGHT: 150px; BORDER-TOP: #d8d8d8 0px solid; BORDER-RIGHT: #d8d8d8 0px solid; PADDING-TOP: 10px

}

#block .box .feature-title {

	FONT-SIZE: 140%; FONT-WEIGHT: normal

}

#block .box .feature-thumb {

	WIDTH: 240px; MARGIN-BOTTOM: 5px; FLOAT: left; HEIGHT: 150px

}

.btn-orange{



background: #249ce2 none repeat scroll 0 0;

border-radius: 3px;

color: #fff;

display: block;

font: 600 16px/40px microsoft yahei;

height: 40px;

padding: 0 20px;

white-space: nowrap;

 margin-right: 10px;

    position: relative;

    text-align: center;

	width:100px;

	 margin-left: 43%;

}

.btn-orange:hover{color:#f1f1f1;}



/*4.1新的*/

.protype-list { width: 100%; overflow: hidden; margin-bottom: 35px; margin-top: 25px; }

.box-article { margin-bottom: 20px; overflow: hidden; }

.hd-h2 { margin-bottom: 25px; width: 100%; background: #f0f0f0; height: 40px; }

.hd-h2-title { float: left; width: 210px; text-align: center; background: #008CF3; position: relative; }

.hd-h2-title i.arrow { background: url(http://www.hdtcrm.com/Content/2020/images/arrow4.png) no-repeat; width: 26px; height: 40px; display: block; position: absolute; top: 0px; right: -26px; }

.hd-h2-title a { color: #fff; font-size: 18px; color: #fff; line-height: 40px; }

.hd-h2 .go-more { float: right; line-height: 40px; padding-right: 20px; background: url(http://www.hdtcrm.com/Content/2020/images/more1.png) no-repeat right center; margin-right: 10px; }

.hd-h2 .go-more:hover { background: url(http://www.hdtcrm.com/Content/2020/images/more2.png) no-repeat right center; }

.product-intro { width: 100%; }

.l-case { float: left; width: 21%; position: relative; }

.l-case img { width: 100%; height: auto; }

.l-case p { text-indent: 0;background: #000; opacity: 0.8; filter: alpha(opacity=80); position: absolute; bottom: 3px; left: 0; width: 100%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; margin: 0; text-align: center; }

.r-product { float: left; width: 79%; }

.r-product p.invisible { margin: 0 0 20px 20px; line-height: 22px; color: #555; }

.r-product ul { margin: 0 0 0 20px; overflow: hidden; }

.r-product ul li { width: 25%; float: left; *width: 24%; }

.r-product ul li a { display: block; padding: 18px 0 14px; }

.r-product ul li a img { text-align: center; margin: 0 auto; display: block; border: none; _width: 160px; }

.r-product ul li a p { text-align: center; font-size: 14px; margin: 19px 0 0; }

.r-product ul li a:hover { background: #f2f2f2; }

/*2018.5.18更新*/

#gallery-container{overflow: hidden;}

.gallery-item {

  margin: 0 0 30px;

  overflow: hidden;

  min-height: 1px;

padding-left: 12px;

padding-right: 12px;

position: relative;

 float: left;

 margin-bottom: 24px;

 width: 270px;

}

.gallery-item figure {

  line-height: 1;

  margin: 0 0 23px;

  position: relative;

}



.gallery-item .gallery-btn {

  background-color: #f64a02;

  border: 2px solid #ffffff;

  color: #ffffff;

  font-size: 14px;

  font-weight: 700;

  left: 50%;

  margin: -22px 0 0 -79px;

  opacity: 0;

  padding: 10px 0;

  position: absolute;

  text-align: center;

  top: 45%;

  width: 160px;

  z-index: 200;

}

.gallery-item .media-container {

  background-color: #008cf3;

  height: 100%;

  opacity: 0;

  position: absolute;

  width: 100%;

  z-index: 100;

}

.gallery-item img {

  display: block;

  margin: 0 !important;

  padding: 0 !important;

  width: 100%;

}

.gallery-item img {

  border: 1px solid #ededed;

  margin: 0;

  max-width: 100%;

  padding: 0;

}

.gallery-item .item-title {

  color: #282828;

  font-size: 15px;

  font-weight: 600;

  line-height: 1.4;

  margin-bottom: 0;

  margin-top: 0;

  overflow-x: hidden;

  padding-bottom: 0;

  position: relative;

  text-align: center;

  text-overflow: ellipsis;

  white-space: nowrap;

  z-index: 999;

}

.portfolio-item .overlay a:hover {

  opacity: 1;

}

.gallery-item figure:hover .gallery-btn {

  opacity: 1;

}

.gallery-item .gallery-btn:hover {

  background-color: #ffffff;

  color: #f16543;

}

/**/

.lei-tab { width: 100%; padding: 15px 0 15px; overflow: hidden;}

.lei-tab ul { overflow: hidden; margin: 0 auto; width: 100%; }

.lei-tab ul li { float: left; margin: 0 5px; min-width: 135px; line-height: 42px; text-align: center;margin-bottom:10px; }

.lei-tab ul li a { font-size: 14px; color: #333; display: block; text-align: center; line-height: 42px; background: #eee; border: 1px solid #eee; }

.lei-tab ul li.active a, .lei-tab ul li.active a:hover { color: #fff; border: 1px solid #249ce2; background: #249ce2; }

.lei-tab ul li a:hover { background: #333; color: #fff; border: 1px solid #333; }

.list-content { margin-bottom: 35px; overflow: hidden; }

.list-content ul { overflow: hidden; }

.list-content ul li { float: left; width: 230px; border-right: 1px solid #ececec; border-top: 1px solid #ececec; position: relative; top: -1px; right: -5px; margin-right:1px;}

.list-content ul li img { width: 80%; height: auto; display: block; margin: 0 auto; text-align: center; padding: 20% 0 45%; border: none; }

.list-content ul li a { display: block; font-size: 14px; }

.list-content ul li a p { position: absolute; left: 8%; bottom: 1%; width: 82%; text-align: center; border: height:70px; margin: 0; cursor: pointer;text-indent:0 }

.list-content ul li a:hover p { bottom: 48%; border: 1px solid #fff; color: #fff; }

.list-content ul li a span { display: none; }

.list-content ul li a:hover span { display: block; width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; opacity: 0.76; filter: alpha(opacity=76); }

.visa-hint {

  border: 1px solid #676767;

  color: #666;

  font: 14px/24px "microsoft yahei";

  margin-bottom: 20px;

  overflow: hidden;

  padding: 5px 10px;

   width: 1110px;

}

.visa-hint label {

  float: left;

  font-weight: bold;

}

.visa-hint .hint-content {

}

/**/

.main_left { float: left; margin-top: 5px; width: 72%; padding-bottom: 15px; }

.cplbtn { width: 100%; float: right; overflow: hidden; margin:10px 0;}

.cplbtn li { list-style: none; float: left; background:#FF6600;  width: 19.8%; height:42px; line-height:42px; font-size:18px; text-align: center; margin-right:0.2%; margin-bottom:5px;  }

.cplbtn ul li a{color: #ffffff;}

.cplbtn1 { width: 100%; float: right; overflow: hidden; margin:10px 0;}

.cplbtn1 li { list-style: none; float: left; background:#FF6600;  width: 24.7%; height:42px; line-height:40px; font-size:15px; text-align: center; margin-right:0.2%; margin-bottom:5px;  }

.cplbtn1 ul li a{color: #ffffff;}

.cplbtn2 { width: 100%; float: right; overflow: hidden; margin:10px 0;}

.cplbtn2 li { list-style: none; float: left; background:#FF6600;  width: 19.8%; height:42px; line-height:42px; font-size:18px; text-align: center; margin-right:0.2%; margin-bottom:5px;  }

.cplbtn2 ul li a{color: #ffffff;}

.pro_titlebg { height: 30px; line-height: 30px; /*background: url(titbg.jpg) repeat-x; */ width: 97.3%; float: left; overflow: hidden; font-size: 20px; text-align: left; margin-bottom:10px; }

.pro_con_explanation { line-height: 30px;width: 100%; overflow: hidden; font-size: 14px; height:86px;}

.pro_con_explanation strong { line-height: 28px; color: #f60; margin-bottom:15px; }



.pro_show { float: left; width: 100%; margin-top: 20px; margin-bottom: 20px; _margin-top: 0; }

.pro_show_img { float: left; width: 40%; border: #CDCDCD 1px solid; text-align: center; padding: 10px 0;  }

.pro_show_img img { width: 90%; height: auto; }

.pro_show_con { float: right; width: 55%; }

.cplpt { width: 100%; text-align: left; line-height: 28px; font-weight: bold; float: right; }

.cplpt span { font-size: 15px; }

.lx-tool {  float: left; width:100%; overflow:hidden; margin:15px 0 15px 0 }

.lx-tool .left{ float:left; display:block ;color: #333333; line-height: 28px; font-weight: bold; font-size:16px;}  

.lx-tool .right{color: #f60; line-height: 28px; font-weight: bold;  font-size:25px;}

.xunjia-btn {     margin:0 5px 5px 0; float: left; width: 100%; text-align:center; height:44px; line-height:44px; background: #f60; font-size:16px;  width:40%;}  .xunjia-btn a{color: #FFFFFF;}

.pro_con { line-height: 30px; margin-right: 5px; width: 100%; overflow: hidden; font-size: 13px; }



.pro_con .title {

  height: 70px;

  overflow: hidden;

  padding-top: 10px;

  position: relative;

  text-align: center;

}

.pro_con  h2{   

  background-color: #fff;

display: inline-block;

height: 46px;

line-height: 46px;

overflow: hidden;

padding: 0 18px;

position: relative;

text-decoration: none;

z-index: 2;

color: #ff6600;

font-size: 20px;

line-height: 54px;

}

.pro_con  h3{   

  background-color: #fff;

display: inline-block;

height: 46px;

line-height: 46px;

overflow: hidden;

padding: 0 18px;

position: relative;

text-decoration: none;

z-index: 2;

color: #ff6600;

font-size: 20px;

line-height: 54px;

}

.pro_con .title h6 {

  color: #ff6600;

font-size: 14px;

font-weight: normal;

line-height: 18px;

}

.pro_con .title .line {

  background-color: #ff6600;

  display: block;

  height: 1px;

  left: 0;

  position: absolute;

  top: 38px;

  width: 100%;

  z-index: 1;

}

.pro_con p { text-indent: 2em; margin-top: 15px; margin-bottom: 15px; line-height:30px;font-size:16px; color: #2F2F2F; }

.pro_con p a { color: #2f2f2f; }

.pro_con h1 { font-size: 20px; text-align: center; margin-top: 20px; }

.pro_con p#xg { clear: both; overflow: hidden; }

.h4_2em { text-indent: 2em;  margin-top:15px;}



.pro_con table { border: #d8d8d8 1px solid; border-collapse: collapse; margin-top: 10px; margin-bottom: 15px; width: 100%; float: left; }

.pro_con table td { padding: 3px 0; line-height: 21px; border: #ccc 1px solid; text-align: center; }



.releate {border: 1px solid #e1e1e1; border-top: none; background: url(http://www.hdtcrm.com/Content/2020/images/news_lm.png) repeat-x; margin: 3% 0 1% 0; width: 99%; overflow: hidden; }

.releate h4 {    display: block;  float: left;      padding-left: 20px; padding-right:20px;  text-align: center; line-height: 42px; height: 41px; background: #fff;border-top: 3px solid #e96a59; border-right: 1px solid #eee;font-size: 16px;}

.releate li {   width: 47%;margin: 0 2% 10px 0; float: left;  height: 30px; line-height: 30px; background: url(http://www.hdtcrm.com/Content/2020/images/new_ico.jpg) no-repeat 20px center; text-indent: 4%;}

.releate ul{ width:100%; overflow:hidden; margin:15px 0 0 0; float:left}

.pro_tit { margin-top: 65px;background: #249ce2; width: 100%; height: 46px; line-height: 46px; color: #fff; text-align: left; text-indent: 20px; font-size: 18px; font-weight: bold; float: right; }

.pro_list { float: right; padding: 0; width: 100%; background: #f5f5f5; }

.pro_list h2, .pro_list h4 { font-size: 14px; font-weight: bold; color: #FF6600; padding: 10px 0 5px 10px; margin: 0; width: 150px; float: left; }

.pro_list ul li { float: left; width: 118px; color: #666; height: 28px; line-height: 25px; overflow: hidden; margin-left: 0px; /*background:url(yd.jpg) no-repeat left;*/ padding-left: 10px; }

.pro_list ul li a{font: 12px/26px "Microsoft Yahei","SimSun",sans-serif;}



.section { border: 1px #e6e6e6 solid;margin-top: 10px; height: 195px; }

.product-switch { border-bottom: 1px #e6e6e6 solid; background-color: #f7f7f7; }

.product-switch span { float: left; _display: inline; margin: 3px 0 0 0px; padding: 0 20px 1px; color: #000; font-size: 16px; font-weight: bold;line-height: 41px;height:41px; }

.product-switch span:hover,.product-switch .current { position: relative; margin: 0 0 -1px -1px; padding: 0 20px 2px; border-left: 1px #e6e6e6 solid; border-right: 1px #e6e6e6 solid; background-color: #fff;border-top: 3px solid #e96a59; }

.product-newslist { float: left; _display: inline; margin: 14px 0 14px 19px; width: 100%; z-index: 8; }

.product-newslist li { position: relative; padding: 0 0 0 14px; height: 30px;width:410px;float:left; overflow: hidden; font-size: 16px; line-height: 30px; background: rgba(0, 0, 0, 0) url("http://www.hdtcrm.com/Content/2020/images/new_ico.jpg") no-repeat scroll 0px center;}





.sectiona { border: 1px #e6e6e6 solid;margin-top: 10px; height: 195px; overflow: hidden; }

.product-switcha { border-bottom: 1px #e6e6e6 solid; background-color: #f7f7f7; }

.product-switcha span { float: left; _display: inline; margin: 3px 0 0 0px; padding: 0 20px 1px; color: #000; font-size: 16px; font-weight: bold;line-height: 41px;height:41px; }

.product-switcha span:hover,.product-switcha .currenta { position: relative; margin: 0 0 -1px -1px; padding: 0 20px 2px; border-left: 1px #e6e6e6 solid; border-right: 1px #e6e6e6 solid; background-color: #fff;border-top: 3px solid #249ce2; }

.product-newslista { float: left; _display: inline; margin: 14px 0 14px 19px; width: 100%; z-index: 8; }

.product-newslista li { position: relative; padding: 0 0 0 14px; height: 30px;width:370px;float:left; overflow: hidden; font-size: 16px; line-height: 30px; background: rgba(0, 0, 0, 0) url("http://www.hdtcrm.com/Content/2020/images/new_ico.jpg") no-repeat scroll 0px center;}



.sectionb { border: 1px #e6e6e6 solid;margin-top: 10px; height: 320px;overflow: hidden; }

.product-modulehead { padding: 0 25px 1px; border-bottom: 1px #e6e6e6 solid; background-color: #249ce2; }

.product-modulehead h2 { float: left; color: #fff; font-size: 16px; line-height: 40px; font-weight: 800; }

/* product-picnews */

.product-picnews .ft-num,.ft-view{ background: url(http://www.hdtcrm.com/Content/2020/images/product-icon.png) no-repeat; }

.product-picnews { padding: 0 0 20px; }

.product-picnews li { position: relative; float: left; _display: inline; margin: 20px 14px 0 20px; width: 560px; height: 112px; overflow: hidden; }

.product-picnews .pic { float: left; margin: 0 15px 0 0; width: 150px; }

.product-picnews .pic img { display: block; }

.product-picnews .hd { position: relative; height: 30px; overflow: hidden; font-size: 20px; line-height: 30px; }

.product-picnews p { margin: 5px 0 0; color: #888; line-height: 20px; font-size:13px;text-indent:0px;}

.product-picnews .ft { margin: 12px 0 0; }

.product-picnews .ft-view,.product-picnews .ft-num { float: left; margin: 0 12px 0 0; color: #999; line-height: 20px; }

.product-picnews .ft-view { padding: 0 0 0 18px; background-position: -165px -420px; }

.product-picnews .ft-num { padding: 0 0 0 16px; background-position: -165px -460px; }

.product-picnews .ft-view:hover,.product-picnews .ft-num:hover { color: #666; text-decoration: none; }

.product-picnews .ft-view:hover { background-position: -165px -440px; }

.product-picnews .ft-num:hover { background-position: -165px -480px; }

.zg_dy { width: 100%; overflow: hidden; margin-top: 30px; margin-bottom: 40px; }

.zjdp { clear: left; float: left; background: url(http://www.hdtcrm.com/Content/images/zjdpbg.jpg) no-repeat; width: 100%; margin-top: 20px; position: relative; padding-bottom: 12px; }

.zjdp h4 { font-size: 28px; color: #d80000; margin: 35px 0 10px 160px; }

.zjdp h4 span { font-size: 20px; margin-left: 20px; color: #000; }

.zjdp p { margin: 10px 0 15px 120px; }

.zjdp ul { width: 95%; margin: 0 auto; }

.zjdp li { float: left; width: 15%; margin: 0 2.5%; text-align: center; }

.zjdp li img { width: 100%; height: auto; margin: 0; }

.zjdp li span { /*background: #E1E1E1;*/ font-weight: 500; font-size: 14px; height: 32px; /*color: #000;*/ margin-top: -2px; line-height: 32px; }

.WenDaItem { clear: left; float: left; width: 100%; margin-top: 25px; padding-bottom: 20px; position: relative; }

.WenDaItem .topLine { clear: left; float: left; width: 625px; }

.WenDaItem .userIcon { display: block; width: 50px; height: auto; float: left; margin-left: 0px; margin-right: 24px; }

.WenDaItem .right { float:right; width: 93%; min-height: 60px; }

.WenDaItem .right .title { clear: left; float: left; display: inline-block; font-size: 16px; line-height: 26px; word-break: break-all; }

.WenDaItem .right .title a { color: #000; }

.WenDaItem .right .title b { color: #EB2002; font-weight: 500; margin-right: 8px; }

.WenDaItem .right .title:hover { color: #DE0000; }

.WenDaItem .right .cardLine { width: 100%; margin: 0 auto; overflow: hidden; margin-top: 35px; }

.WenDaItem .right .cardLine .card { float: left; line-height: 24px; text-align: left; font-size: 14px; width: 40%; margin-right: 1%; padding-left: 10px; }

.WenDaItem .right .cardLine .card .fenlei:hover { color: #DE0000; }

.WenDaItem .right .time { color: #666; float: right; font-family: Arial; font-size: 14px; width: 30%; text-align: right; }

.ZJword { clear: left; float: left; width: 96%; background-color: #F7F7F7; _overflow: hidden; position: relative; padding: 20px 15px; }

.ZJword.short { padding-bottom: 30px; }

.ZJword .userIcon2 { width: 60px; height: auto; margin-right: 15px; float: left; }

.ZJword .title { float: left; font-size: 15px; color: #4297db; margin-left: 7px; margin-top: 12px; }

.ZJword .word { clear: left; float: left; width: 99%; overflow: hidden; }

.ZJword.short .word { height: auto; overflow: visible; }

.ZJword .updown { width: 100%; height: 50px; position: absolute; bottom: 0; left: 0; background-position: center bottom; cursor: pointer; padding-top: 0px; background-repeat: repeat-x; }

.ZJword .updown.on { }

.touxiang{ width:6.5%; float:left}

.WenDaItem .icons { background-image: url("http://www.hdtcrm.com/Content/images/relate-icons.png"); background-repeat: no-repeat; }

.wordInner p { padding-left: 40px; color: #666;text-indent:0; }

.d { width: 24px; height: 24px; line-height: 24px; left: 20px; font-size: 14px; font-style: normal; color: #fff; text-align: center; position: absolute; }

/*sousuo*/

.home-search {

  background: #2c3841 url("../image/indexbg.jpg") no-repeat scroll center center;

  height: 161px;

  min-width: 1200px;

  width: 1200px;

    margin: 0 auto;

}

.home-search .sh2 {

  color: #fff;

  font-size: 26px;

  height: 57px;

  line-height:57px;

  overflow: hidden;

  text-align: center;

}

.home-search .sh3 {

  color: #fff;

  font-size: 14px;

  height: 33px;

  line-height: 25px;

  overflow: hidden;

  text-align: center;

}

.home-search-form {

  border-radius: 3px;

  display: block;

  height: 58px;

  padding: 5px;

  position: relative;

  width: 636px;

  display: block;

  z-index: 999;

  margin: 0 auto;

}

#home-searchInput {

    border: 1px solid #c3c3c3;

    border-bottom-left-radius: 2px;

    border-top-left-radius: 2px;

	border-top-right-radius: 2px;

	border-bottom-right-radius: 2px;

    font-size: 18px;

    height: 30px;

    outline: 0 none;

    overflow: hidden;

    padding: 12px;

    text-indent: 8px;

    width: 500px;

}

#home-searchInput {

    border: 0 none;

    font-family: "Microsoft YaHei";

    font-size: 16px;

    height: 48px;

    line-height: 48px;

    padding: 0;

    text-indent: 20px;

    width: 500px;

	float:left;

}



#home-searchYc {

  background: #ff782f none repeat scroll 0 0;

}

#home-searchIcon, #home-searchYc {

  background: #f64a02 none repeat scroll 0 0;

  border: 0 none;

  border-bottom-right-radius: 2px;

  border-top-right-radius: 2px;

  color: #fff;

  cursor: pointer;

  float: left;

  font-family: "Microsoft Yahei";

  font-size: 18px;

  height: 48px;

  line-height: 46px;

  overflow: hidden;

  text-align: center;

  width: 120px;

}

.clearfix::after {

  clear: both;

  content: " ";

  display: block;

  font-size: 0;

  height: 0;

  visibility: hidden;

}

.home-searcha {

  background: #2c3841 url("http://www.hdtcrm.com/Content/images/dingbuguagngao.jpg") no-repeat scroll center center;

  height: 177px;

  min-width: 916px;

  width: 916px;

    margin: 0 auto;

	overflow: hidden;

}

.home-search-forma {

  border-radius: 3px;

  display: block;

  height: 58px;

  padding: 5px;

  position: relative;

  width: 520px;

  display: block;

  z-index: 999;

  margin: 108px auto 0 240px;

}

#home-searchInputa {

    border: 1px solid #c3c3c3;

    border-bottom-left-radius: 2px;

    border-top-left-radius: 2px;

	border-top-right-radius: 2px;

	border-bottom-right-radius: 2px;

    font-size: 18px;

    height: 30px;

    outline: 0 none;

    overflow: hidden;

    padding: 12px;

    text-indent: 8px;

    width: 390px;

}

#home-searchInputa {

    border: 0 none;

    font-family: "Microsoft YaHei";

    font-size: 14px;

    height: 48px;

    line-height: 48px;

    padding: 0;

    text-indent: 20px;

    width: 390px;

	float:left;

}







.kf_qq_r{

  width:52px;

  height:174px;

  position:fixed;

  top:200px;

  right:-10px;

}

.kf_qq_r a{

   background:url(http://www.hdtcrm.com/Content/images/qq_kf.png) no-repeat -81px -66px;

   display:block;

   width:52px;

   height:174px;

}

.kf_qq_r a:hover{

  opacity: 0.8;

}



.democode{width:400px;margin:30px auto 0 auto;line-height:24px;}

.democode h2{font-size:14px;color:#3366cc;height:28px;}

.agree{margin:40px auto;width:400px;font-size:16px;font-weight:800;color:#3366cc;}



.btnbox{text-align:center;height:30px;padding-top:10px;background:#ECF9FF;}



#windownbg{

  display:none;

  position:absolute;

  width:100%;

  height:100%;

  background:#000;

  top:0;

  left:0;

}

#windown-box{

  position:fixed;

  _position:absolute;

  border:8px solid #4CB3E7;

  background:#FFF;

  text-align:left;

}

#windown-title{

   position:relative;

   height:44px;

   border-bottom:1px solid #CCCCCC;

   overflow:hidden;

   background:#F5F5F5;

}

#windown-title h2{

    background: url(http://www.hdtcrm.com/Content/images/qq_kf.png) no-repeat scroll -66px 2px transparent;

    color: #666666;

    font-size: 25px;

    font-weight: bold;

    height: 40px;

    left: 10px;

    line-height: 40px;

    padding-left: 84px;

    position: absolute;

    top: 5px;

}

#windown-title p{

  color: #666666;

    font-size: 15px;

    font-weight: bold;

    left: 198px;

    position: absolute;

    top: 17px;

}

#windown-close{

    background: url(http://www.hdtcrm.com/Content/images/qq_kf.png) no-repeat scroll -106px -42px transparent;

    cursor: pointer;

    height: 12px;

    overflow: hidden;

    position: absolute;

    right: 10px;

    text-indent: -10em;

    top: 17px;

    width: 12px;

}

.mainlist{

  width:100%;

}

#windown-content-border{position:relative;top:-1px;}

.kf_qq_li{

  padding:20px 0;

  background: url(http://www.hdtcrm.com/Content/images/qq_kf_line.gif) no-repeat center bottom;

  float:left;

  width:100%;

}

.kf_qq_li .kf_qq_li_left{

  width:175px;

  float:left;

  background-image:url(http://www.hdtcrm.com/Content/images/qq_kf.png);

  margin-right:22px;

  height:50px;

}

.kf_qq_li .kf_qq_li_right{

  width:394px;

  float:left;

  font-family:"微软雅黑";

  color:#333;

}

.kf_qq_li_1{

  background-position:3px -262px;

}

.kf_qq_li_2{

  background-position:3px -355px;

}

.kf_qq_li_3{

  background-position:0px -425px;

}

.kf_qq_li_4{

  background-position:0px -510px;

}





.kf_r_t{

  width:100%;

  float:left;

  padding-bottom:4px;

}

.kf_r_t span{

  font-size:16px;

  float:left;

  padding-top:3px;

}

.kf_r_t .qyqq{

  width:102px;

  height:24px;

  line-height:24px;

  font-size:15px;

  color:#fff;

  background:#3A9EDF;

  display:block;

  text-align:center;

  float:left;

  font-weight:bold;

}



.kf_qq_c{

  width:100%;

  float:left;

  overflow:hidden;

}

.kf_qq_c ul{

  width:408px;

}

.kf_qq_c ul li{

   width:93px;

   height:23px;

   float:left;

   margin-right:7px;

   display:inline;

   margin-bottom:7px;

   font-family:"宋体";

}

.kf_qq_c ul li a{

  width:93px;

  height:23px;

  line-height:23px;

  display:block;

  color:#333;

  text-align:center;

  font-size:13px;

  background:url(http://www.hdtcrm.com/Content/images/qq_kf.png) -51px -654px;

}

.kf_qq_c ul a:hover{

  background:url(http://www.hdtcrm.com/Content/images/qq_kf.png) -51px -685px;

  color:#fff;

}

.kf_r_d{

    border-top: 1px solid #CCCCCC;

    float: left;

    font-size: 12px;

    padding-top: 4px;

    width: 100%;

}

.ke_qq_jl{

  width:189px;

  float:left;

}

.ke_qq_jl_l{

  background: url(http://www.hdtcrm.com/Content/images/kf_qq_line2.jpg) no-repeat right  top;

  min-height:100px;

  margin-right:13px;

}

.ke_qq_jl p{

  line-height:20px;

  display:block;

  float:left;

  width:100%;

}

.ke_qq_jl .jl_left{

  float:left;

  width:53px;

  font-size:13px;

}

.ke_qq_jl .jl_right{

  float:left;

  width:134px;

  font-size:13px;

  line-height:20px;

}

.ke_qq_jl .jl_right .jl_call{

  padding-left:24px;

  float:left;

  display:block;

  background:url(http://www.hdtcrm.com/Content/images/qq_kf.png) -77px -590px;

  padding-bottom:2px;

}

.ke_qq_jl .jl_right .jl_qq{

  padding-left:25px;

  float:left;

  display:block;

  background:url(http://www.hdtcrm.com/Content/images/qq_kf.png) -77px -609px;

}

.ke_qq_jl .jl_right .jl_qq a{

  width:93px;

  height:23px;

  line-height:23px;

  display:block;

  color:#333;

  text-align:center;

  font-size:13px;

  background:url(http://www.hdtcrm.com/Content/images/qq_kf.png) -51px -654px;

}

.ke_qq_jl .jl_right .jl_qq a:hover{

  background:url(http://www.hdtcrm.com/Content/images/qq_kf.png) -51px -685px;

  color:#fff;

}







#windown-content img,#windown-content iframe{display:block;}

#windown-content .loading{position:absolute;left:50%;top:50%;margin-left:-8px;margin-top:-8px;}







/*--微信--*/

#featured-content{

  width:190px;

  height:56px;

  display:block;

  z-index:-1;

  float:left;

}

#featured-content img{

  z-index:0;

}

 #featured-preview {

         display: none;

    height: 270px;

    left: -14px;

    overflow: hidden;

    position: absolute;

    top: 62px;

    width: 320px;

    z-index: 90;

    }



    #featured-overlay {

        position: absolute;

        top: 0;

        left: 0;

        z-index: 100;

		 width: 190px;

        height: 56px;

    }



    #featured-overlay div {

       background:#fff;

        z-index: 100;

        display: none;

        width: 190px;

        height: 56px;

    }

.promise-list .promise {

  cursor: pointer;

  display: inline-block;

  height: 32px;

  padding: 0 4px;

  width: 200px;

  float:left;

  z-index: 225;

}

.promise-list .promise em{

cursor: pointer;

}



.xiangqy_jsq {

  background: #fff;

  border: 2px solid #54ccf1;

  padding: 0 24px 15px;

  width:878px;

  overflow: hidden;

  height:177px;

}

#zhizgj_left {

    float: left;

    width: 256px;

    height: 349px;

   background: url(http://www.hdtcrm.com/images/baojiatu.jpg);

	margin-top:75px;

}

#zhizgj_left .zhizgjbrand {

  border-top: 1px dotted #e6e6e6;

  font-size: 14px;

  padding-top: 108px;

  text-align: center;

}

#zhizgj_left .zhizgjbrand p {

	background-color: #edeef0;

border-radius: 20px;

display: inline-block;

font-family: Microsoft Yahei;

font-size: 16px;

height: 40px;

line-height: 40px;

margin-top: 1px;

padding-left: 10px;

vertical-align: top;

width: 200px;

  font-weight: bold;

  text-align: center;

  text-indent: 0em;

  margin-top:10px;

}



.mfhqbj {

    background: url(http://www.hdtcrm.com/images/zzdd_right_imgTOP.png) no-repeat 10px 10px;

    font-size: 16px;

    font-family: "微软雅黑", "黑体", Arial;

    color: #ff4400;

    height: 120px;

    text-align: center;

    padding-top: 28px;

}

/*获取报价样式*/

.mfhqbj .mfhqbj_num {

    width: 208px;

    height: 60px;

    margin: 0 auto;

    text-align: right;

}



    .mfhqbj .mfhqbj_num em {

        float: right;

        height: 45px;

        line-height: 45px;

        padding: 0 5px;

        color: #666666;

    }



    .mfhqbj .mfhqbj_num .mfhqbj_jiagesz {

        float: right;

        height: 45px;

        line-height: 60px;

        width: 70px;

        text-align: center;

        overflow: hidden;

    }



        .mfhqbj .mfhqbj_num .mfhqbj_jiagesz .mfhqbj_jiagesz_box {

            display: block;

            width: 70px;

            font-size: 26px;

            color: #ff4400;

            text-align: center;

            position: relative;

            left: 0;

            top: 0;

            animation: mycontinue 8s infinite;

        }



@keyframes mycontinue {

    0% {

        top: -0px;

    }





    12.5% {

        top: -80px;

    }



    25% {

        top: -160px;

    }



    37.5% {

        top: -240px;

    }



    50% {

        top: -320px;

    }

    62.5% {

        top: -400px;

    }



    75% {

        top: -480px;

    }



    87.5% {

        top: -560px;

    }



    100% {

        top: -640px;

    }

}

.huoqlxfs {

    width: 230px;

    margin: 0 auto;

}



    .huoqlxfs ul {

        margin-top: 10px;

    }



        .huoqlxfs ul li {

            height: 30px;

            text-align: center;

            margin-bottom: 10px;

        }



            .huoqlxfs ul li select {

                border-radius: 3px;

                height: 30px;

                line-height: 26px;

                padding: 1px 0 4px 5px;

            }



            .huoqlxfs ul li p {

                font-size: 12px;

                color: #F00;

                height: 20px;

                line-height: 28px;

            }

.zzgj_index_btn {

  border: 1px solid #999999;

  border-radius: 3px;

  font-size: 14px;

  height: 35px;

  line-height: 30px;

  width: 100%;

}

.zzgj_suozdq {

    width: 48.9%;

    border: 1px solid #999999;

    height: 30px;

    line-height: 30px;

    border-radius: 3px;

    padding-left: 3%;

}



.zzgj_index_ljsqbtn {

    width: 126px;

    height: 30px;

    background: #ff4400;

    line-height: 30px;

    border: none;

    border-radius: 3px;

    color: #FFF;

    font-size: 14px;

    float: right;

}



.uform-err {

    display: none;

    color: red;

    text-align: left;

    padding-left: 10px;

}



.uform-err-subptype, .uform-err-phone {

   /* width: 50%;*/

    /*display: inline-block;*/

    float: left;

}



.uform-err-subtype, .uform-err-sublv, .uform-err-areapid, .uform-err-areaid {

    width: 46%;

    /*display: inline-block;*/

    float: left;

}

.zsbase-l{ width:260px; background-color:#FFF; float:left; position:relative;}

.zsbase-l b{ font-size:20px; color:#000; height:50px; line-height:50px; border-bottom:1px solid #ececec; margin:0 10px; padding:8px 8px 0 16px;}

.zsbase-l h1 span{ color:#e1e1e1; font-size:14px; font-weight:normal; padding-left:10px;}

.zsbase-l b{color:#666668!important;font-size:1pc!important}

.zsbase-l ol{padding:10px 0 20px 15px!important;height:auto!important;color:#444}

.zsbase-l ol a {font-size:initial;color:#666;padding-right: 8px;}

.zsbase-l ol a:nth-child(1){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;}

.zsbase-l ol a:nth-child(3){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;}

.zsbase-l ol a:nth-child(9){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;}

.zsbase-l ol a:nth-child(12){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;}

.zsbase-l ol a:nth-child(13){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;}

.zsbase-l ol a:nth-child(14){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;}

.zsbase-l ol a:nth-child(15){padding:0 5px;color:#ff5400;font-size:18px;line-height:30px;font-weight:700; font-weight:bold;}

.zsbase {

  background-color: #efeff1;

  padding: 20px 0;

  width: 100%;

}

.details-nav {

    display: block;

    margin: 0 auto;

    width: 1120px;

}

.details-nav h2 {

  font-size: 14px;

  font-weight: normal;

  height: 50px;

  line-height: 50px;

}

.zsbase{ background-color:#efeff1; width:100%; padding:20px 0 20px;}

.zsbase-con{ width:1220px; margin:0 auto;overflow: hidden;}

.zsbase-l{ width:230px; background-color:#FFF; float:left; position:relative;}

.zsbase-b {

  float: left;

  height: auto;

  width: 230px;

}

.zsbase-b .zsbase-l {

  width: 230px;

}

.icon-knowl1,.icon-knowl2{background:url(http://www.hdtcrm.com/Content/images/in1.gif) no-repeat; display:block;}

.icon-knowl1{ position:absolute; background-position:-316px -2px; width:24px; height:31px; top:0; left:0px;}

.icon-knowl2{ position:absolute; background-position:-312px -36px; width:31px; height:24px; bottom:0; right:0px;}

.zsbase-r{ float:right; background-color:#ffffff;}

.zsbase-r a,p {white-space:normal; word-break:break-all; }

.zsbase-r ul li{ padding:15px; border-bottom:1px dashed #d5d5d5;}

.zsbase-r ul li h3{ font-size:18px; height:36px; line-height:36px; font-weight:normal;}

.zsbase-r ul li h3 a{ color:#666}

.zsbase-r ul li h3 a:hover{ color:#f00; text-decoration:underline}

.zsbase-r ul li .kn-time{ line-height:36px; height:36px;}

.zsbase-r ul li .kn-time span{ display:block; height:36px; float:right; padding-left:20px; overflow:hidden;}

.zsbase-r ul li .kn-time span i{ margin:12px 6px 0 0; overflow:hidden; display:block; float:left;background:url(http://www.hdtcrm.com/Content/images/in1.gif) no-repeat; }

.zsbase-r ul li .kn-time span i.icon-k1{ background-position:-346px -2px; width:15px; height:16px;}

.zsbase-r ul li .kn-time span i.icon-k2{ background-position:-347px -19px; width:15px; height:16px;}

.zsbase-r ul li .kn-time span i.icon-k3{ background-position:-347px -39px; width:15px; height:16px;}

.zsbase-r ul li .kn-time strong{ font-size:13px; font-weight:normal;}

.zsbase-r ul li .kn-time a{ text-decoration:none; padding:0 5px; color:#878787;}

.zsbase-r ul li .kn-time a:hover{ color:#ff9e01; text-decoration:none;}

.zsbase-r ul li p a{ font-size:14px; color:#999999; line-height:24px;}

.zsbase-r ul li p {

  color: #999;

  font-size: 14px;

  line-height: 24px;

  text-indent: 2em;

}

.zsbase-r ul li .kn-time span {

    font-size: 9pt;

}

.zsbase-r ul li .kn-time span {

    display: block;

    float: right;

    height: 36px;

    overflow: hidden;

    padding-left: 20px;

}

.zsbase-r ul li .kn-time span i.icon-k2 {

    background-position: -347px -19px;

    height: 16px;

    width: 15px;

}

.zsbase-r ul li .kn-time span i {

    background: rgba(0, 0, 0, 0) url("http://www.hdtcrm.com/Content/images/in1.gif") no-repeat scroll 0 0;

    display: block;

    float: left;

    margin: 12px 6px 0 0;

    overflow: hidden;

}

.zsbase-r ul li .kn-time span i.icon-k1 {

  background-position: -346px -2px;

  height: 16px;

  width: 15px;

}



.index_report_w {

  margin: 0 auto;

  width: 938px;

  overflow: hidden;

  padding-top:15px;

}

.index_zizbz-title {

  color: #333;

  font-size: 18px;

}

.index_zizbz-title span {

  color: #499bcb ;

  font-size: 20px;

  font-weight: 700;

  padding-right: 10px;

}

.index_zizbz-title a {

  color: #333;

}

.content-cooperationmain {

  height: 136px;

  overflow: hidden;

  padding-bottom: 0;

}

.content-cooperationmain a {

  display: inline-block;

  font-size: 14px;

  margin-top: 14px;

  padding-left: 0;

  padding-right: 20px;

}



.tags-back {

    overflow: hidden;

    zoom: 1;

	padding-bottom: 20px;

    padding: 10px;

    border: 1px solid #ddd;

	margin: 0 auto;

    width: 1100px;

}

.hr-h20 {

    padding: 10px;

}

.leter-list {

    font-size: 18px;

    font-family: Arial, Helvetica, sans-serif;

    color: #0066cc;

    font-weight: bold;

}

.hr-h10 {

    height: 10px;

}

.hr-dotted {

    border-top: 1px dashed #ddd;

}

.leter-search ul{ margin-left:-10px; margin-top:6px}

.leter-search ul li{ float:left; overflow:hidden; margin-left:20px; line-height:24px; white-space:nowrap;}

.pageBox { overflow:hidden; width:100%;}

/*title*/

.contaca{ background:url(http://www.hdtcrm.com/Content/images/rlzybg.jpg) no-repeat center center;}

.contaca_con{ width:900px; margin:0px auto; padding:35px 0px; overflow:hidden;}

.contaca_left{ float:left; color:#fff; font-size:16px; line-height:40px; width:290px;}

.contaca_left h2{ font-size:30px; font-family:"Estrangelo Edessa";}

.contaca_left b{ font-size:26px; color:#eda711; display:block; padding-bottom:45px;}

.contaca_left span{ display:block; text-indent:6.3em;}

.contaca_left p{ text-indent:0.3em;}

.contaca_right{ float:right;}

.title1 { overflow:hidden; width:100%; margin-bottom:40px;margin-top: 50px;}

.title1 h2{ text-align:center; font-weight:normal; font-size:36px; color:#333;font-weight: bold;}

.title1 h2 a{ color:#333;}

.title1 em{ display:block; text-align:center; font-size:12px; color:#999; font-family:Arial; margin-bottom:10px; text-transform:uppercase}

.title1 i{ display:block; margin:0 auto; width:30px; height:1px; background-color:#003c98;}

.title.wt1 h2{ color:#fff}

.title.wt1 h2 a{ color:#fff;}

.title.wt1 em{ color:#fff;}

.title.wt1 i{ background-color:#fff;}

.lx-info1 { overflow:hidden; width:100%; height:1400px; }

.lx-info { overflow:hidden; width:100%;}

.lx-info h3{ text-align:center; font-size:22px; color:#555; margin-top:50px; font-weight:normal}

.lx-info em{ display:block; text-align:center; font-size:12px; color:#999; font-family:Arial; margin-bottom:45px;}

.lx-info ul{ overflow:hidden; width:1200px; margin:0 auto;}

.lx-info li{ float:left; width:399px; overflow:hidden; float:left; font-size:14px; line-height:30px; color:#555; border-right:1px solid #d3d3d3}

.lx-info li img{ margin-right:5px;}

.lx-info .li02{ padding-left:50px; width:299px;}

.lx-info .last{ padding-left:50px; width:290px; border:none;}



.lx-menu { overflow:hidden; width:1200px; height:50px; margin:0 auto; margin-top:-25px; position:relative; z-index:2;}

.lx-menu li{ float:left; width:199px; cursor:pointer; height:50px; text-align:center; line-height:50px; font-size:14px; color:#fff; margin-right:1px; background-color:#1144a3;}

.lx-menu .cur{ background-color:#37c663;}



.lx-box { overflow:hidden; width:100%; height:600px; margin-top:-25px; position:relative; z-index:1}

.lx-box .lx-list{ overflow:hidden; width:100%; height:600px;}

.drivingPanel

        {

            height: 600px;

            overflow: scroll;

            width: 80%;

            display: none;

            position: absolute;

            z-index: 0;

            left: 0;

            top: 0;

        }

.in_thr_bg {

  height: 830px;

  padding: 40px 0 0;

}

.in_thr {

  width: 1200px;

  margin: 0 auto;

}

.in_thr_tit {

  background: rgba(0, 0, 0, 0) url("http://www.hdtcrm.com/Content/images/in_one_tibg.png") no-repeat scroll center bottom;

  color: #535353;

  font-size: 33px;

  font-weight: bold;

  height: 62px;

  line-height: 62px;

  padding: 0 0 10px;

  text-align: center;

}

.in_thr_nav {

  margin: 0 auto;

  overflow: hidden;

  padding: 30px 0 40px;

}

.in_thr_nav ul{ float:left;}

.in_thr_nav li{ float:left; margin:0 9px; width:115px; height:32px; line-height:30px; background:url(http://www.hdtcrm.com/Content/images/in_one_nav_bg.png) no-repeat center 3px;}

.in_thr_nav li a{ display:block; padding:3px 0 0; height:29px; line-height:28px; font-size:15px; color:#505050; text-align:center;}

.in_thr_nav li:hover,.in_thr_nav li.in_one_navxz{ background:url(http://www.hdtcrm.com/Content/images/in_one_nav_hbg.png) center top no-repeat;}

.in_thr_nav li:hover a,.in_thr_nav li.in_one_navxz a{ color:#fff;}

.in_thr_xxk{ overflow:hidden; display:none;}

.in_thr_m{ display:block; width:110px; height:16px; margin:35px auto 0;}

.in_thr_m:hover{filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5;/*其他，透明度50%*/}



.in_thr_xxk ul li{ width:47%; float:left; padding:10px 0; border-bottom:1px #dedede solid;}

.in_thr_xxk ul li img{ border:1px #dedede solid; padding:1px; float:left; width:160px; height:120px;}

.in_thr_xxk ul li h4{ float:left; margin:0; margin-left:10px; font-size:16px;}

.in_thr_xxk ul li h4 a{ color:#f25d40;}

.in_thr_xxk ul li h4 a:hover{ color:#2e7fcf;}

.in_thr_xxk ul li p{ float:left; margin-left:10px; width:360px; line-height:25px; margin-top:5px;font-size:12px;}

.in_thr_xxk ul li time{float:left; margin-left:10px; width:360px; background:url(http://www.hdtcrm.com/Content/images/bg13.png) no-repeat 0 3px; padding-left:25px; margin-top:0px;}

/*2017.8.30新增代办分类导航样式*/

.fl{display:inline;float:left}

.fr{display:inline;float:right}

.cf:after{content:"";clear:both;display:block;height:0;overflow:hidden}

.cf{zoom:1}

.pb10{padding-bottom:10px}

.mt10{margin-top:10px}



.lanrenzhijia{width:1200px;margin:10px auto;background:#fff;}

.lanrenzhijia .title{height:20px;border-bottom: 3px solid #e7e7e7;padding-bottom:10px;}

.lanrenzhijia .title h2{ font-size: 16px;font-family: "microsoft yahei";background: #f0f5fb none repeat scroll 0 0;

color: #333;

float: left;

line-height: 32px;

margin: 0;

padding-left: 15px;

text-align: left;

width: 99px;}

.lanrenzhijia .title-list{ position: relative; top: 6px;}

.lanrenzhijia .title-list li{ width: 120px; line-height: 20px; text-align: center; float: left; display: inline;}

.lanrenzhijia .title-list li.on{ color: #ff6600; font-weight: bold;}

.lanrenzhijia .title-list p{position:absolute;top:24px;left:0px;width:120px;height:7px;border-top: 3px solid #ff6600; overflow: hidden; text-align: center;}

.lanrenzhijia .title-list b{margin-right: 25px;display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color: #ff6600 #fff #fff #fff;overflow: hidden;zoom: 1;font-size: 0;}

.product{ height: 60px; position: relative; overflow: hidden; display: none; margin-top: 20px;}

.product ul{ position: absolute; left: 0px;}

.product-wrap .show{ display: block;}

.product-wrap .product li{ float: left; display: inline; margin: 0 5px 5px 0;background: #f3f3f3;border: 2px solid #fafafa; transition:0.4s;-webkit-transition:0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;-ms-transition: 0.4s;}

.product-wrap .product li a.imgwrap{ display: block;  line-height: 18px; background: #fff; text-align:center;padding:0 5px;}



.mult_select {

  color: #333;

  font-family: "microsoft yahei";

  overflow: hidden;

  padding: 7px 15px;

  text-align: left;

  white-space: nowrap;

  line-height: 32px;

  padding: 0;

  margin:0px auto;

	width:1200px;

	border:1px solid #e0eaf6;

}

.poi_selecters dt {

  color: #333;

  line-height: 32px;

  margin: 0;

  padding-left: 15px;

  text-align: left;

  width: 99px;

  font-weight: bold;

  float:left;

  background: #f0f5fb none repeat scroll 0 0;

}

.list_gaiban_icon {

  display: inline-block;

  height: 21px;

  margin-right: 10px;

  vertical-align: -5px;

  width: 20px;

}

.list_gaiban_icon {

  background: rgba(0, 0, 0, 0) url("../image/list_xin_icon.png") no-repeat scroll 0 0;

}

.x_city {

  background-position: 0 -165px;

}

.x_tuijian {

  background-position: 0 0;

}

.poi_selecters dd {

  background: #fff none repeat scroll 0 0;

  float: left;

  padding-left: 20px;

  width: 663px;

   height: 32px;

}

.poi_selecters ul{

  width: 650px;

}

.poi_selecters dd li {

  height: 24px;

  line-height: 24px;

  padding: 4px 0;

  float:left;

}

.poi_selecters dd li a {

  display: inline-block;

  height: 16px;

  line-height: 16px;

  margin: 2px 0;

  padding: 2px 8px;

  white-space: nowrap;

}

.zizbk-content {

  background: #fff none repeat scroll 0 0;

  font-family: "微软雅黑","Arial Unicode MS","黑体";

  margin-bottom: 20px;

  overflow: hidden;

    width: 910px;

}

.zizbk_zizfl{margin-bottom:30px;overflow: hidden;}

.zizbk_zizfl2{overflow: hidden;}



.zizbk_zizfl .zizfl_title{font-size:18px;color:#0873f3;border-bottom:1px solid #0873f3;padding-bottom:5px;padding-left:10px;margin-bottom:10px}

.zizbk_zizfl .zizfl_title img{vertical-align:text-bottom;padding-right:10px}

.zizfl-list li{float:left;font-size:16px;color:#666;width:168px;text-align:center;line-height:2.2em;position:relative}

.zizfl-list li a{color:#666}

.zizfl-list li a:hover{color:#f40}

.zizbk_zizfl_xiangq{margin-bottom:30px;overflow: hidden;}

.zizbk_zizfl_xiangq .zizfl_xiangq_title{border-bottom:1px solid #0873f3;padding-left:15px;margin-bottom:10px}

.zizbk_zizfl_xiangq .zizfl_xiangq_title span{background:#0873f3;color:#FFF;padding:10px 10px;font-size:14px;display:inline-block;text-align:center;border-radius: 10px 10px 0px 0px;}

.zizfl_xiangq_list li{font-size:14px;color:#666;width:auto;float:left;line-height:2.2em;padding:0 15px}

.zizbk_rmbq{border:1px solid #f40;overflow: hidden;}

.zizbk_rmbq .zizbk_rmbq_title{padding:8px 0;border-bottom:1px solid #f40;padding-left:15px;margin-bottom:10px;font-size:16px}

.zizbk_rmbq .zizbk_rmbq_title img{vertical-align:text-bottom;padding-left:10px}

.zizbk_rmbq .zizbk_rmbq_list{padding-left:15px}

.zizbk_rmbq .zizbk_rmbq_list li{float:left;padding:10px 25px 10px 0;display:block;font-size:14px}

.zzbk_hot{background:url(http://www.hdtcrm.com/Content/images/zzbk-hot.png) no-repeat;display:inline-block;width:30px;height:20px;vertical-align:middle;position:absolute;top:-2px}

.footer-link li {

  float: left;

  height: 28px;

  line-height: 28px;

  padding: 0 30px 0 0;

}

.footer-link li a {

  color: #666;

  font-size: 14px;

}

/**********吸底样式***********/

.footerDivBox_big{position:fixed; left: 0; bottom: 0; height: 204px; width: 100%; background: rgba(0,0,0,0.8); z-index: 99999;}

.footerDivBox_big .footMainBox{width: 1065px; margin: 0 auto;  background: url(http://www.hdtcrm.com/Content/images/footMibloe.png) left top no-repeat; height: 204px;}

.footerDivBox_big .footMainBox .footMain_r{float: right; background: rgba(57,82,113,0.61) url(http://www.hdtcrm.com/Content/images/footerewm.png) center no-repeat; height: 175px; width: 540px;  position: relative;}

.footerDivBox_big .footMainBox .footMain_r a{display: block; float: left; width: 225px; height: 135px; margin: 10px 20px;}

.footerDivBox_big .footMainBox .footerClose{display: inline-block; margin-top: 10px;}



.footerDivBox_small{position:fixed; left: -157px; bottom: 0; height: 175px; width:157px; z-index: 99999;}

.footerDiv_anm{

	animation:footerDiv_flash 1s ease-in-out 0s ;

	-moz-animation:footerDiv_flash 1s ease-in-out 0s ;

	-webkit-animation:footerDiv_flash 1s ease-in-out 0s ;

	-o-animation:footerDiv_flash 1s ease-in-out 0s ;

	animation-fill-mode：forwards

}



@media only screen and (min-width: 100px) and (max-width: 1366px) {

	.footerDivBox_big{position:fixed; left: 0; bottom: 0; height: 125px; width: 100%; background: rgba(0,0,0,0.8);  z-index: 99999;}

	.footerDivBox_big .footMainBox{width: 1180px; margin: 0 auto;  background: url(http://www.hdtcrm.com/Content/images/footMibloe.png) left top no-repeat; background-size:40%; height: 175px;}

	.footerDivBox_big .footMainBox .footMain_r{float: right; background: rgba(57,82,113,0.61) url(http://www.hdtcrm.com/Content/images/footerewm.png) center no-repeat; height: 125px; width: 540px;  position: relative;}

	.footerDivBox_big .footMainBox .footMain_r a{display: block; float: left; width: 225px; height: 125px; margin: 10px 20px;}

	.footerDivBox_big .footMainBox .footerClose{display: inline-block; margin-top: 10px;}

	

	.footerDivBox_small{position:fixed; left: -157px; bottom: 0; height: 125px; width:157px; z-index: 99999;}

}



@keyframes footerDiv_flash

{

0% {left: -100%;}

100%{left: 0;}

}



@-moz-keyframes footerDiv_flash 

{

0% {left: -100%;}

100%{left: 0;}

}



@-webkit-keyframes footerDiv_flash 

{

0% {left: -100%;}

100%{left: 0;}

}



@-o-keyframes footerDiv_flash

{

0% {left: -100%;}

100%{left: 0;}

}

#gradient{width: 100%;height: 35px;repeat-x;position: absolute;bottom: 0;left: 0;}

#read-more{width:915px;height: 45px;margin: 0 auto;text-align: center;background: url("http://www.hdtcrm.com/images/zhankai.jpg") no-repeat scroll 0 center;}

#read-more a{color: #fff;font: bold 14px/20px "微软雅黑";text-align: center;}

#read-more a: hover{color: #000;}



#wrapa {overflow: hidden;}

#gradienta{width: 100%;height: 35px;repeat-x;position: absolute;bottom: 0;left: 0;}

#read-morea{width:915px;height: 45px;margin: 0 auto;text-align: center;background: url("http://www.hdtcrm.com/images/zhankai.jpg") no-repeat scroll 0 center;}

#read-morea a{color: #fff;font: bold 14px/20px "微软雅黑";text-align: center;}

#read-morea a: hover{color: #000;}



#wrapb {overflow: hidden;}

#gradientb{width: 100%;height: 35px;repeat-x;position: absolute;bottom: 0;left: 0;}

#read-moreb{width:915px;height: 45px;margin: 0 auto;text-align: center;background: url("http://www.hdtcrm.com/images/zhankai.jpg") no-repeat scroll 0 center;}

#read-moreb a{color: #fff;font: bold 14px/20px "微软雅黑";text-align: center;}

#read-moreb a: hover{color: #000;}



#wrapc {overflow: hidden;}

#gradientc{width: 100%;height: 35px;repeat-x;position: absolute;bottom: 0;left: 0;}

#read-morec{width:915px;height: 45px;margin: 0 auto;text-align: center;background: url("http://www.hdtcrm.com/images/zhankai.jpg") no-repeat scroll 0 center;}

#read-morec a{color: #fff;font: bold 14px/20px "微软雅黑";text-align: center;}

#read-morec a: hover{color: #000;}

.gszc-main {

  margin: 0 auto;

  overflow: hidden;

  width: 1200px;

}

.gszc-ul5{

  overflow: hidden;

  width: 100%;

  margin-bottom:10px;

}

.gszc-ul5 li {

  display: inline;

  float: left;

  margin-right: 20px;

  width: 281px;

}

.gszc-ul5 li b {

  background: #f64a02 none repeat scroll 0 0;

  color: #ffffff;

  display: block;

  font-size: 22px;

  font-weight: normal;

  height: 50px;

  line-height: 50px;

  text-align: center;

  width: 100%;

}

.gszc-ul5 li p {

  -moz-border-bottom-colors: none;

  -moz-border-left-colors: none;

  -moz-border-right-colors: none;

  -moz-border-top-colors: none;

  border-color: currentcolor #f0f0f0 #f0f0f0;

  border-image: none;

  border-style: none solid solid;

  border-width: medium 1px 1px;

  color: #616161;

  font-size: 14px;

  height: 299px;

  line-height: 35px;

  padding: 10px 0 0 20px;

  width: 259px;

  text-indent:0px;

}



.gszc-ul5 li.last{

  margin-right: 0;

}

.gszc-ul5 li p strong {

  font-weight: bold;

}

.zixuna {

  background: #c5c5c5 none repeat scroll 0 0;

  border-radius: 5px;

  color: #ffffff;

  display: block;

  font-size: 14px;

  line-height: 32px;

  margin: 10px auto;

  text-align: center;

  width: 114px;

}

.zixuna:hover {

  background: #fd9b02 none repeat scroll 0 0;

  color:#fff;

}

 

/*.box_parent {

  height: 285px;

  overflow: hidden;

  position: relative;

  width: 1200px;

}

.box-l {

  left: -20%;

  position: absolute;

  margin-top:70px;

}

.box-r {

  left: 120%;

  position: absolute;

}

.box4 {

  margin-left: -650px;

  text-align: right;

  width: 600px;

}

.box5 {

  padding-top: 25px;

}

.box5 img{margin-right:30px;}

.box5 .bdpic:hover{opacity:0.8}*/ 

.general_con_c_ri_title {

  color: #525151;

  font-family: "微软雅黑";

  font-size: 20px;

  margin-bottom: 30px;

  text-align: center;

}

.general_con_c_ri_title a{color:#0873f3;}

.general_con_c_ri_title a:hover{color:#0873f3;}