/* 全局CSS定义 */
body { font-family: "微软雅黑"; background: #fff; font-size:14px; color:#111; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none; font-size: 14px;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{font-size:14px;}

/* 链接颜色 */
a:link {color: #111; text-decoration:none;}
a:visited {color: #111;text-decoration:none;}
a:hover { color: #f90; text-decoration: underline;}
a:active { color: #111;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.pages{ clear:both; padding: 35px 0; font-family:Verdana, Geneva, sans-serif;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 3px; text-align:cente; padding: 4px 8px; border: 1px solid #ccc; background: #E8E8E8;}
.pages a:hover,.pages strong,.pages a.page-num-current{ border: 1px solid #DC0133; color: #fff; background: #DC0133; font-weight:normal; font-weight:bold;}
.cRed,.cRed:link,.cRed:visited{ color: #f90;}




.Header{ background:url(../image/header_bg.jpg) repeat-x 0 0;} 
.Header .top{ width: 1280px; margin: 0 auto;overflow:hidden;}
.topp{background:#f9f9f9;border-bottom:1px solid #f1f1f1;}
.toppp{width:1280px;margin:0 auto;height:40px;line-height:40px;font-size:14px;}
.toppp p{color:#7e7e7e;margin:0 auto;float:left;}
.toppp span{color:#CC0000;}
.pass_link{float:right;position:relative;margin-right:100px;}
.fl{float:left;display:inline;margin-left:15px;}
.icoo{display:inline-block;overflow:hidden;width:20px;height:20px;vertical-align:middle;background:url(../image/ico.png);}
.mmm{background-position:-5px -320px;}
.qq span{margin-left:7px;}
.logo_title{line-height:28px;float:left;margin:30px 0 0 40px;font-size:14px;}
.logo_title span{font-size:16px;color:#999;}
.fr{float:right;display:inline;}


.Header .logo{ float:left; padding: 25px 0;}
.Header .r{ float:right; width: 600px; background:url(http://www.tanhuaguizhipin.cn/skin/images/tel.png) no-repeat 0 0; height: 52px; margin-top: 37px;}
.Header .r ul{ margin-top: 10px; background:url(../image/h_map.png) no-repeat right 0; height: 27px; padding-right: 40px;}
.Header .r li{ float:right; padding: 0 30px 0 30px; height: 25px; line-height: 23px;}
.Header .r .cn{ background:url(../image/h_en.png) no-repeat 0 5px;}
.Header .r .en{ background:url(../image/h_en.png) no-repeat 0 -20px;}


.Header .menu{ height: 48px; line-height: 48px; clear:both; background: #002C77;}
.Header .menu ul{ width: 1280px;margin: 0 auto;height: 48px;}
.Header .menu ul li{ float:left; font-size: 18px; text-align:center;padding: 0 25px;}
.Header .menu ul li a,.HeaderMenu ul li a:visited{ color: #fff;}
.Header .menu ul li a:hover{ color: #f90; text-decoration:none;}
.Header .menu ul .sc{ float:right; width: 262px; padding: 7px 0 0 0;}
.Header .menu ul .sc .input{ float:right; width: 226px; height: 32px; line-height: 32px; background: #fff; border: none; text-indent: 7px; font-size: 14px;outline:none;}
.Header .menu ul .sc .but{ float: right; background: #fff url(../image/search_bg.gif) no-repeat 0 center; border: none; cursor: pointer; width: 34px; height: 34px;outline:none;}
.Header .menu ul .home{ padding-left: 0;}
.Header .menu ul .m{ background: #000; text-align:center; width: 260px; color: #fff; margin-right: 20px; padding: 0; font-size: 18px;}




/*banner*/
.main_area{ height:480px; position:relative;}
#con_product_slide{ width: 81px; height:480px;margin:0 auto; position:relative;*z-index:1;}
#scroll_btn_list{ overflow:hidden;height:20px;position:absolute;bottom:10px;z-index:5; margin: 0 auto;}
#scroll_btn_list li{width:15px;height:15px;float:left;margin-right:12px;}
#scroll_btn_list li a{display:block;position:relative;width:15px; height:15px; font-size: 0; line-height: 0; border-radius:15px;  background:#fff;overflow:hidden ;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:15px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#DA7B1F;}
#scroll_product_list{ height:480px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:480px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}



.ProductMenu{ z-index:3; width:100%; position:absolute; top: 0;}

.ProductMenu .list{ width: 1280px; margin: 0 auto; }
.ProductMenu .list .bg{ width: 260px; background: #fff; height: 479px; border-bottom: 1px solid #ddd;}
.ProductMenu .list ul{ width:260px; padding: 10px 0; float:left; border-top: 1px solid #ddd;}
.ProductMenu .list li{ float:left; width: 120px; height: 38px; line-height: 38px; font-size: 14px; text-transform:uppercase; text-indent: 16px;}
.ProductMenu .list ul:first-child{ border-top: none;}



.Home{ width: 1280px; margin: 0 auto;}
.Home .title{ height: 42px; line-height: 42px; clear:both; padding-top: 30px; border-bottom: 3px solid #002C77; overflow:hidden;}
.Home .title h3{ float:left; height: 42px; width: 170px; background: #002C77; text-align:center; color: #fff; font-size: 20px;}
.Home .title ul{ float:left; margin-left: 20px;}
.Home .title ul li{ float:left; padding-left: 30px;}
.Home .title .more{ float:right;}
.Home .title .more a,.Home .title .more a:visited{ color:#D97A1F;}



.Home .products{}
.Home .products li{ float:left; width: 410px; margin: 40px 25px 0 0;}
.Home .products .r{ float:right; margin-right: 0;}
.Home .products li img{ float:left; width: 180px; height: 180px;}
.Home .products li p{ margin: 0; padding: 20px; line-height: 28px; float:right; background: #F2F2F2; height: 140px; width:190px; color: #666;}
.Home .products li p strong{ display:block; font-size: 18px; font-weight:normal; color: #111; height: 50px;}
.Home .products li p .more{ background:url(../image/ico_3.png) no-repeat 42px center; display:block; margin-top: 20px; width: 90px;}

.Home .about{ padding-top: 30px;}
.Home .about img{ float:left; margin-right: 25px;}
.Home .about h2{ font-size: 28px; padding: 10px 0;}
.Home .about p{ margin: 0; padding: 12px 0; line-height: 27px;}



.Home .news{ float:left; width: 700px;}
.Home .news .top{ margin: 0; padding: 30px 0 15px; line-height: 27px; height: 150px; color: #666;}
.Home .news .top img{ float:left; width: 230px; height: 150px;}
.Home .news .top span{ float:right; width: 450px;}
.Home .news .top strong{ display:block; color:#DA7B1F; font-size: 16px; padding-bottom: 10px;}
.Home .news .top .more{ background:url(../image/ico_3.png) no-repeat 40px center; display:block; margin-top: 10px;}


.Home .news p{ margin: 0; padding: 5px 0 5px 35px; line-height: 25px;}
.Home .news .ico1{ background:url(../image/ico_5.png) no-repeat 0 12px; padding-top: 10px;}
.Home .news .ico1 a,.Home .news .ico1 a:visited{ color: #DA7B1F; font-size: 16px; font-weight:bold;}
.Home .news .ico2{ background:url(../image/ico_6.png) no-repeat 0 2px; color: #666; padding: 0 0 10px 35px; border-bottom: 1px dotted #ccc;}




.Home .video{ float:right; width: 520px;}
.Home .video p{ margin: 0; padding: 30px 0 0; line-height: 27px; color: #666;}
.Home .video p img{ margin-bottom: 20px; display:block;}
.Home .video p .more{ background:url(../image/ico_3.png) no-repeat 40px center; display:block; margin-top: 10px;}



.Home .case{ }
.Home .case p{ line-height: 27px; padding: 25px 0; margin: 0;}
.Home .case li{ float:left; width: 240px; height: 190px; position:relative; margin-right: 20px;}
.Home .case li img{ position: absolute; width: 240px; height: 190px;}
.Home .case li span{ position:absolute; z-index: 2; background: rgba(0,0,0,0.3);  bottom: 0; height: 32px; line-height: 32px; width: 240px; text-align:center; color: #fff;}
.Home .case .r{ float:right; margin-right: 0;}










.Content{ width: 1280px;  margin: 0 auto; border-top: none; background:url(../image/content_left_bg.png) repeat-y 0 0;}


.ContentLeft{float:left; width: 260px; padding-top: 10px;}

.ContentLeft .Menu{ padding-bottom: 20px; }
.ContentLeft .Menu h2{ height: 50px; line-height: 40px; border-top: 1px solid #ddd; clear:both; font-size: 16px; font-weight:bold; text-indent: 38px; padding-top: 10px;}
.ContentLeft .Menu ul{ margin-left: 30px;}
.ContentLeft .Menu li{ height: 38px; line-height: 38px; text-transform:uppercase; background:url(../image/ico_4.png) no-repeat 0 -16px; padding-left: 18px; font-size: 16px;}
.ContentLeft .Menu .no{ border-top: none;}
.ContentLeft .Menu .tag { background:url(../image/ico_4.png) no-repeat 0 15px;}
.ContentLeft .Menu .tag a,.ContentLeft .Menu .tag a:visited{ color:#f90;}

.ContentLeft .tuipr,.ContentLeft .down,.ContentLeft .news,.ContentLeft .video{ padding: 30px 30px 0;}

.ContentLeft h3{ height: 50px; line-height: 40px; border-top: 1px solid #ddd; clear:both; font-size: 16px; font-weight:bold;padding-top: 10px;}
.ContentLeft .tuipr ul li{ line-height: 32px; height: 32px; overflow:hidden; text-indent: 18px; background:url(../image/ico_2.gif) no-repeat 0 13px;}
.ContentLeft .news li{line-height: 21px; padding: 5px 0 5px 0; font-size: 12px; overflow:hidden;}
.ContentLeft .video{}
.ContentLeft .video li{ text-align:center; padding: 5px 0 10px;}
.ContentLeft .video li img{ max-width: 100%; display:block; margin-bottom: 5px;}










.ContentRight{ float:right; width: 1020px;}
.ContentRight .title{ background: #EFEFEF; height: 55px; line-height: 55px; padding: 0 25px; border-bottom: 1px solid #ddd; text-align:right;}
.ContentRight .title h1,.ContentRight .title h3{ float:left; font-size: 22px; font-weight:bold;}





.ContentRight .about{ padding: 40px 0 0 30px;}
.ContentRight .about h1{ font-size: 32px; height: 60px; line-height: 40px;}
.ContentRight .about .text{ line-height: 28px; }
.ContentRight .about .text p{ margin: 0; padding: 12px 0;}

.ContentRight .about .pic{}
.ContentRight .about .pic li{ float:left; width: 312px; margin-right: 27px; text-align:center; padding: 10px 0 10px;}
.ContentRight .about .pic li img{ border: 1px solid #ddd; padding: 5px; width: 300px; display:block; margin-bottom: 7px;}

.ContentRight .about .pic .r{ float:right; margin-right: 0;}


.ContentRight .about .shebei{}
.ContentRight .about .shebei li{ float:left; text-align:center; padding: 10px 0;}
.ContentRight .about .shebei li img{ display:block;}
.ContentRight .about .shebei li span{ display:block; height: 38px; line-height: 38px; background: #ddd;}
.ContentRight .about .shebei .r{ float:right;}



.ContentRight .about .case{}
.ContentRight .about .case .logo{}
.ContentRight .about .case .logo li{ float:left; width: 186px; height: 90px; margin: 20px 15px 0 0;}
.ContentRight .about .case .logo li img{ width: 174px; padding: 5px; border: 1px solid #ddd;}

.ContentRight .about .case .logo .r{ float:right; margin-right: 0;}

.ContentRight .about .case .t { padding-top: 30px;}
.ContentRight .about .case .t li {float: left; width: 328px; height: 28px; line-height: 28px; background: #DADADA; border: 1px solid #fff; text-indent: 15px;}
.ContentRight .about .case h3{ padding: 40px 0 20px; font-size: 20px; font-weight:bold;}




.ContentRight .videolist{ padding: 40px 0 0 30px;}
.ContentRight .videolist h1{ font-size: 32px; height: 60px; line-height: 40px;}
.ContentRight .videolist p{ line-height: 27px;}
.ContentRight .videolist li{ float:left; width: 310px; height: 210px; margin: 20px 30px 10px 0; background:url(../image/b_video.png) no-repeat 0 0; padding-top: 13px; position:relative; }
.ContentRight .videolist .r{ float:right; margin-right: 0;}
.ContentRight .videolist li img{ position: absolute;}
.ContentRight .videolist li span{ position:absolute; z-index: 2; background: rgba(0,0,0,0.3);  bottom: 0; height: 32px; line-height: 32px; width: 100%; text-align:center; color: #fff;}


.ContentRight .videoview{ padding: 40px 0 0 30px;}
.ContentRight .videoview h1{ font-size: 32px; height: 60px; line-height: 40px;}
.ContentRight .videoview .text{line-height: 27px;}
.ContentRight .videoview .text p{ margin: 0; padding: 12px 0; }

.ContentRight .videoview object{ width: 640px; height: 480px;}








.ContentRight .PrBanner{ background: #fff url(../image/content_right_bg.png) repeat-y right 0; padding: 40px 30px 40px 42px;}
.ContentRight .PrBanner .pic{ float:right; padding-left: 30px;}
.ContentRight .PrBanner h1{ font-size: 48px; padding-top: 10px;}
.ContentRight .PrBanner p{ margin: 0; padding: 10px 0 0; line-height: 27px;}

.ContentRight .Links{ height: 50px; background:#E9E9E9; line-height: 50px; padding: 0 20px; border-top: 1px solid #fff;}
.ContentRight .Links h1{ float:left; font-size: 28px;}
.ContentRight .Links span{ float:right; color: #ccc;}

.ContentRight .Linksv{ border-bottom: 1px solid #e4e4e4; height: 60px; line-height: 60px; padding-top: 5px; margin-left: 30px;}

.ContentRight .products{ padding: 0 0 0 30px;}
.ContentRight .products li{ float:left; width: 460px; margin: 50px 25px 0 0;}
.ContentRight .products .r{ float:right; margin-right: 0;}
.ContentRight .products li img{ float:left; width: 180px; height: 180px;}
.ContentRight .products li p{ margin: 0; padding: 30px; line-height: 21px; float:right; background: #F2F2F2; height: 120px; width:200px; color: #666;}
.ContentRight .products li p strong{ display:block; font-size: 18px; font-weight:normal; color: #111; height: 50px;}
.ContentRight .products li p .more{ background:url(../image/ico_3.png) no-repeat 42px center; display:block; margin-top: 20px; width: 90px;}



.ContentRight .productslist{ padding-left: 20px;}
.ContentRight .productslist li{ float:left; width: 480px; margin: 40px 0 0 0;}
.ContentRight .productslist .r{ float:right; margin-right: 0;}
.ContentRight .productslist li img{ float:left; width: 180px; height: 180px;}
.ContentRight .productslist li p{ margin: 0; padding: 30px 20px 0; line-height: 21px; float:right; background: #F6F6F6; height: 150px; width:260px; color: #666;}
.ContentRight .productslist li p strong{ display:block; font-size: 18px; font-weight:normal; color: #111; height: 50px; line-height: 28px;}
.ContentRight .productslist li p .more{ background:url(../image/ico_3.png) no-repeat 42px center; display:block; margin-top: 20px; width: 90px;}


.ContentRight .productslist .search{ padding: 50px 0 0; height: 80px; clear:both; font-size: 16px;}
.ContentRight .productslist .search span{ float:left; display:block; line-height: 36px;}
.ContentRight .productslist .search .input{ height: 32px; line-height: 32px; border:1px solid #ccc; text-indent: 10px; float:left; width: 300px;}
.ContentRight .productslist .search .but{ width: 70px; height: 36px; line-height: 36px; background: #000; color: #fff; font-size: 16px; cursor: pointer; border: none; float:left;}



.ContentRight .productsview{ padding: 30px 0 0 30px;}
.ContentRight .productsview .pic{ float:left; width: 240px; height: 240px; padding: 20px; border: 1px solid #e4e4e4; line-height: 240px; text-align:center;}
.ContentRight .productsview .pic img{ max-width: 240px; max-height: 240px; display:block; margin: 0 auto;}
.ContentRight .productsview .miaoshu{ float:right; width: 650px;}

.ContentRight .productsview .miaoshu{}
.ContentRight .productsview .miaoshu h1{ font-size: 28px; padding-bottom: 20px; text-transform:uppercase;}

.ContentRight .productsview .miaoshu .ico{ height: 45px; margin-top: 30px;}
.ContentRight .productsview .miaoshu .ico a{ height: 45px; line-height: 45px; display:block; width: 160px; margin-right: 20px; float:left; text-align:center; font-size: 16px; text-indent: 28px; color: #06f;}
.ContentRight .productsview .miaoshu .ico a:hover{ color: #f90;}
.ContentRight .productsview .miaoshu .ico .qq{ background:#F4F4F4 url(../image/ico_qq.png) no-repeat 15px center;}
.ContentRight .productsview .miaoshu .ico .tel{ background:#F4F4F4 url(../image/ico_tel.png) no-repeat 15px center;}


.ContentRight .productsview .miaoshu .tx{ height: 165px;}
.ContentRight .productsview .miaoshu .tx h3{ font-weight:bold; height: 26px;}
.ContentRight .productsview .miaoshu p{ line-height: 27px; margin: 0; padding: 0;}
.ContentRight .productsview .miaoshu .tishi{ background: #EFEFEF; height: 130px; overflow:hidden; margin-top: 20px;}
.ContentRight .productsview .miaoshu .tishi .l{ float:left; background:url(../image/ico_7.png) no-repeat 25px 7px; margin-top: 22px;}
.ContentRight .productsview .miaoshu .tishi .l li{ line-height: 29px; height: 30px; padding-left: 60px;}

.ContentRight .productsview .miaoshu .tishi .r{ float:right; width: 400px; height: 90px; background:url(../image/nav_line.gif) repeat-y 0 0; padding: 0 0 0 40px; margin-top: 20px;}
.ContentRight .productsview .miaoshu .tishi .r li{ line-height: 23px;}

.ContentRight .productsview .Vtitle{ height: 42px; line-height: 42px; clear:both;border-bottom: 3px solid #002C77; overflow:hidden; margin-bottom: 20px;}
.ContentRight .productsview .Vtitle h3{ float:left; height: 42px; width: 170px; background: #002C77; text-align:center; color: #fff; font-size: 20px;}


.ContentRight .productsview .body{}

.ContentRight .productsview .text{ padding-top: 30px; line-height: 27px; clear:both;}
.ContentRight .productsview .text p{ margin: 0; padding: 10px 0 5px;}
.ContentRight .productsview .text p strong{ font-size: 16px;}
.ContentRight .productsview .text .body table{ width: 100%; border-collapse:collapse; margin: 10px 0 20px;}
.ContentRight .productsview .text .body table td,.ContentRight .productsview .text .body table th{ border: 1px solid #D4D4D4;line-height: 25px; background: #f2f2f2 url(../image/bg_td.gif) no-repeat 0 0; padding: 2px 6px; }
.ContentRight .productsview .text .body table td p{ margin: 0; padding: 0; text-align:left;}
.ContentRight .productsview .text .body table td br{ line-height: 0; font-size: 0; height: 0;}
.ContentRight .productsview .text .body table td img{ display:block; margin: 0; padding: 0;}
.ContentRight .productsview .text .body font{  font-size: 14px;}

.ContentRight .productsview .text h6{ font-weight:bold; clear:both; height: 28px; line-height: 28px; padding-top: 20px; font-size: 18px;}
.ContentRight .productsview .text .tishi{ margin-top: 20px; background: #FFF4EA; border: 1px solid #FFDFBF; padding: 10px; line-height: 23px;}


.ContentRight .productsview .next{  margin-top: 40px; border-top: 1px solid #e4e4e4; padding-top: 15px;}
.ContentRight .productsview .next .l{ float:left;}
.ContentRight .productsview .next .r{ float:right;}


.ContentRight .xianguan{ padding-top: 70px; clear:both;}
.ContentRight .xianguan h3{ height: 52px; line-height: 52px; padding: 0 15px; font-size: 18px; background: #F2F2F2;}
.ContentRight .xianguan h3 a{ float:right; font-size: 14px; font-weight:normal;}

.ContentRight .xianguan li{ float:left; width: 480px; margin: 50px 0 0 0;}
.ContentRight .xianguan .r{ float:right; margin-right: 0;}
.ContentRight .xianguan li img{ float:left; width: 180px; height: 180px;}
.ContentRight .xianguan li p{ margin: 0; padding: 30px 20px 0; line-height: 21px; float:right; background: #F2F2F2; height: 150px; width:260px; color: #666;}
.ContentRight .xianguan li p strong{ display:block; font-size: 18px; font-weight:normal; color: #111; height: 50px;}
.ContentRight .xianguan li p .more{ background:url(../image/ico_3.png) no-repeat 42px center; display:block; margin-top: 20px; width: 90px;}



.ContentRight .newslist{ padding: 30px 0 0 30px;}
.ContentRight .newslist h1{ font-size: 32px; height: 60px; line-height: 40px;}
.ContentRight .newslist li{ height: 40px; line-height: 40px; border-bottom: 1px solid #e4e4e4; text-align:right; color: #999;}
.ContentRight .newslist li a{ float:left; background:url(../image/ico_2.gif) no-repeat 0 16px; padding-left: 20px;}
.ContentRight .newsview{ padding: 50px 0 0 30px;}
.ContentRight .newsview h1{font-size: 28px; text-align:center;}
.llin{text-align:center;border-bottom:1px dashed #e4e4e4;padding:15px 0 10px 0;color:#666;}
.ContentRight .newsview .time{ text-align:center; line-height: 38px; color: #999;}
.ContentRight .newsview .text{ padding: 20px 0 35px; border-bottom: 1px solid #e4e4e4; line-height: 27px;}
.ContentRight .newsview .text p{ margin: 0; padding: 12px 0; text-indent: 25px; line-height: 27px;}
.ContentRight .newsview .next{ margin-top: 15px; line-height: 38px;}








#BOX_overlay {background:#000;left:0;position:absolute;top:0;z-index:100;}/**遮罩层的样式**/
#layer_box {background:#fff; border:3px solid #0057A4;position:absolute;display:none;z-index:999;width:720px; height: 400px;} /**弹出窗口的样式**/

#layer_box h4{ height: 45px; background: #0057A4; line-height: 45px; font-weight:bold; padding: 0 10px; color: #fff; font-size: 16px;}
#layer_box h4 a,#layer_box h4 a:visited{ float:right; font-size: 14px; font-weight:normal; color: #fff;}
#layer_box h4 a:hover{ color: #fc0; }

.ContentTel{ margin: 10 auto 150px; padding: 0; font-size: 14px;}
.ContentTel .text{ background:url(../image/phone.png) no-repeat 30px 80px; padding: 50px 0 0 200px; font-size: 14px; line-height: 28px;}
.ContentTel .text .top{ height: 50px; clear:both;}
.ContentTel .text .top .input{ width: 320px; height: 38px; line-height: 38px; font-size: 22px; text-indent: 10px; border: 1px solid #ccc; margin-right: 5px; float:left;}
.ContentTel .text .top .but{ background: #f30; color: #fff; cursor: pointer; border: none; width: 120px; height: 42px; line-height: 42px; float:left; font-size: 18px; font-family:"微软雅黑";}

.ContentTel .tip{ clear:both; color: #f30; z-index: 999; padding: 10px 0; display: none; background:#FFFFCC; font-size: 14px; line-height: 24px; margin-right: 20px;}




@media (max-width: 767px) {
.FootBg{ background: #222; margin-top: 40px; }
}

.FootBg{ background: #222; margin-top: 40px;}
.Foot{ width: 1280px; margin: 0 auto; padding-bottom: 40px;}
.Foot ul{ float:left;}
.Foot ul li{ line-height: 30px; color: #999;}
.Foot ul li a{ color: #999;}
.Foot ul li a:hover{ color: #ccc;}
.Foot ul .t{ font-size: 16px; padding: 40px 0 15px; color: #fff;}
.Foot ul .t a{ color: #fff;}
.Foot .pr{ width:680px;}
.Foot .pr .t{ width: 680px;}
.Foot .pr li{ float: left; width: 340px;}
.Foot .r{ float:right; width: 600px;}
.Foot .r img{ margin-top: 25px;}
.Foot .r .m{ float:none; width: 600px;}
.Foot .r .m .t{ width: 600px; }
.Foot .r .m li{ float:left; padding-right: 30px;}
.Foot .r .us{ float:none; clear:both;}
.Foot .r .us .w2{ text-align:center; float:right; width: 140px; margin-top: 70px;}
.Foot .r .us .w2 img{ display:block;}
.FootBg .icp{ background: #000; border-top: 1px solid #333; padding: 30px 0 20px; clear:both; text-align:center; color: #999; font-size: 12px;}
.FootBg .icp img{ display:block; margin: 15px auto 0;}


.cd-top {
  display: inline-block;
  height: 70px;
  width: 70px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #000 url(../image/ico_20.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius:4px; 
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {

  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 10px;
  }}
@media only screen and (max-width:999px){
.FootBg{ background: #222; margin-top: 40px; width:1280px }
.Header{width:1280px;}
.main_area{ height:480px; position:relative;width:1280px;}
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 70px;
    width: 70px;
    right: 10px;
    bottom: 10px;
  }
.yq-link {
	color: #737680;
	line-height: 28px;
	padding-top: 40px
	display: inline-block;
    margin: 0 10px;
	float: left; 
margin-left: 10px;

}
.yq-link a {
	color: #737680
}
.yq-link a:hover {
	color: #fff
}
.yq-link yq-link visible-lg {
margin:0 10px;
  float: left;
}
}











.nav-local{background:#FFFFFF none repeat scroll 0 0;color:#999;height:30px;line-height:30px;margin:0 auto;font-size:12px;border-bottom:1px solid #eee;padding:10px 0;margin-bottom:20px;}.ny_nswbt p{font-size:13px;line-height:20px;}.lh_2 li{padding-bottom:10px;}.wrapper{width:1200px;margin:0 auto!important;min-width:1200px;}.lh_2 span{padding-top:6px;}.nav-local .local{font-weight:normal;margin-bottom:10px;float:left;background:url(http://www.tanhuaguizhipin.cn/style/img/icon_home.gif) no-repeat 6px center!important;padding-left:32px;color:#999;}
.container {
    position: relative;
}
.main{width:1200px;margin:0 auto;}


.detail{
    width:75%;
    min-height: 1610px;
    padding:0 40px 0 80px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 100px;
}
i.tag {
    display: inline-block;
    font-size: 12px;
    background-color: #4695dd;
    color: #FFF;
    padding: 3px 5px;
    line-height: 14px;
    vertical-align: middle;
    font-weight: 100;
    margin-left: 10px;
}
.detail .title{
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 auto;
    padding-top: 15px;
    width: 100%;
    color: #282d44;
}
.detail .news_info{
    color: #666;
    padding-top: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-bottom:1px solid #e9e9e9;
    padding-bottom: 10px;
}
.detail .news_info .right_info,.detail .news_info .key_words span{
    float:left;
    font-size: 14px;
}
.detail .news_info .right_info span.time_text,.detail .news_info .right_info .source{
    display:none;
}
.detail .news_info .right_info .source{
    margin-left:20px;
}
.detail .news_info .key_words{
    float:right;
}
.detail .news_info .key_words>a{
    font-size: 14px;
    padding-right: 10px;
    /*max-width:80px;*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    float: left;
    color:#666;
}
.detail .news_info .key_words>a:hover{
    color:#1875f0;
}
.share .bdsharebuttonbox{
    text-align: center;
    width: 40px;
}
#detail_share{
    position: absolute;
    top: 220px;
    left: 0px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    width: 40px;
    box-sizing: border-box;
    z-index: 999;
}
#detail_share .mobile_share{
    display:none;
}
#detail_share share{
    width: 40px;
}
#detail_share .bdsharebuttonbox  a,
#detail_share .bdsharebuttonbox .bds_more {
    width: 100%;
    padding: 10px;
    height: 40px;
    display:block;
    box-sizing:border-box;
    position: relative;
    margin: 0;
}
#detail_share .bdsharebuttonbox  .share_text{
    position: absolute;
    background-color: #fff;
    padding: 10px;
    top: 0;
    width: 90px;
    left: 60px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    display: none;
    color: #333;
}
#detail_share .bdsharebuttonbox  .share_text.active{
    display:block;
}
#detail_share .bdsharebuttonbox span.share_sina{
    top:40px;
}
#detail_share .bdsharebuttonbox span.share_qzone{
    top:80px;
}
#detail_share .bdsharebuttonbox span.share_qq{
    top:120px;
}
#detail_share .bdsharebuttonbox  .share_text.code{
    width: 136px;
    padding: 6px;
}
#detail_share .bdsharebuttonbox  span.share_text:before{
    display:block;
    content:'';
    position:absolute;
    top:50%;
    margin-top: -10px;
    left:-10px;
    border-right:15px solid #fff;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
}
#detail_share .bdsharebuttonbox .code:before {
    display:block;
    content:'';
    position:absolute;
    bottom: 5px;
    margin-top: -10px;
    left:-10px;
    border-right:15px solid #fff;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
}
#detail_share .bdsharebuttonbox .bds_weixin {
    background: url('http://www.tanhuaguizhipin.cn/style/v1/img/weixin.png') no-repeat center center;
}
#detail_share .bdsharebuttonbox .bds_tsina {
    background: url('http://www.tanhuaguizhipin.cn/style/v1/img/sina.png') no-repeat center center;
}
#detail_share .bdsharebuttonbox .bds_qzone {
    background: url('http://www.tanhuaguizhipin.cn/style/v1/img/qzone.png') no-repeat center center;
}
#detail_share .bdsharebuttonbox .bds_sqq {
    background: url('http://www.tanhuaguizhipin.cn/style/v1/img/qq.png') no-repeat center center;
}
#detail_share .bdsharebuttonbox .bds_weixin:hover {
    background: url('http://www.tanhuaguizhipin.cn/style/v1/img/weixin-hover.png') no-repeat center center;

}
#detail_share .bdsharebuttonbox .bds_tsina:hover {
    background: url('http://www.tanhuaguizhipin.cn/style/v1/img/sina-hover.png') no-repeat center center;

}
#detail_share .bdsharebuttonbox .bds_qzone:hover {
    background: url('http://www.tanhuaguizhipin.cn/style/v1/img/qzone-hover.png') no-repeat center center;

}
#detail_share .bdsharebuttonbox .bds_sqq:hover {
    background: url('http://www.tanhuaguizhipin.cn/style/v1/img/qq-hover.png') no-repeat center center;

}
.detail .content{
    font-size: 16px;
    position: relative;
}
.detail .content .news_video{
    position:relative;
}
.detail .content .news_video iframe{
    font-size: 14px;
    color: rgb(102, 102, 102);
    width:100%;
    height:377px;
    margin:40px 0;
}
.detail .content .news_video .code{
    position: absolute;
    left:10px;
    top: -26px;
    width: 134px;
    height: 156px;
    background: white;
    z-index: 9999;
    display: none;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.detail .content .news_video .code .shareCodeTop{
    padding: 10px 8px 0 10px;
}
.detail .content .news_video .code>div:nth-child(2){
    font-size: 12px;
    color: #666;
    text-align:center;
    padding-top:5px;
}
.bdshare-button-style0-16 a{
    height: 40px;
    display:block;
}
.detail .content .news_video .code:before{
    display:block;
    content:'';
    position:absolute;
    bottom:20px;
    left:-10px;
    border-right:15px solid #fff;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
}
.detail .content p{
    color: rgb(102, 102, 102);
    padding: 10px;
    line-height: 28px;
}
strong {
    font-weight: bold;
}
.detail .content p.news_pic{
    height: 458px;
    margin:40px 0;
}
.detail .content p.news_pic img{
    height: 100%;
}

.news_ad {
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
}
.news_ad {
    position: absolute;
    top: 0;
    right: 0;
    width: 280px;
    height:  100%;
    overflow: hidden;
}

.place_ad {
    width: 280px;
    height: 150px;
    margin-top: 10px;
}
.place_ad:nth-child(1) {
    margin-top: 15px;
}


.place_news_list {
    margin-top: 10px;
}
.place_news_list>li {
    position: relative;
    height: 42px;
    line-height: 42px;
}
.place_news_list1>li {
    background: url('http://www.tanhuaguizhipin.cn/style/v1/img/xiangang_img.png') no-repeat 10px 14px;
}
.place_news_list2>li:after {
    content: "";
    background: #ccc;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -2px;
}
.place_news_list>li:before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0;
    top: 50%;
    bottom: 50%;
    background: #1875f0;
    width: 3px;
    height: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.place_news_list>li>span {
    font-size: 16px;
    font-weight: bold;
    float: left;
    width: 16px;
    height: 23px;
    color: #999;
    text-align: left;
    margin-right: 10px;
}
.place_news_list2>li>span {
    margin-right: 4px;
}
.place_news_list>li>a {
    color: #666666;
    font-size: 14px;
    display: inline-block;
    width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.place_news_list2>li>a {
    width: 250px;
}
.place_news_list>li>span.newLight {
    color: #1875f0;
}
.place_news_list>li:hover a {
    color: #1875f0
}

.place_news_list>li:hover:before {
    height: 30px;
    top: 5px;
    bottom: 0
}
.place_news {
    margin-top: 30px;
}
.place_news_title {
    height: 41px;
    border-top: 1px solid #e9e9e9;
}
.place_news_title>h3 {
    display: inline-block;
    padding-top: 19px;
    font-size: 18px;
    color: #222;
    border-top: 1px solid #1875f0;
    margin-top: -1px;
    font-weight: bold;
}
.news_video {
    /* margin-top: 20px; */
}

.rightpin{height:100%;}

.news_cpzct{
    margin-bottom: 40px;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-top: 2px solid #fc9913;
    padding: 12px 0px 12px 0px;
    padding-bottom: 6px;
    position: relative;
    margin-top: 30px;
    top: 15px;
}
.ag-color {
    color: #E4AD06;
    font-size: 14px;
}
.news_cpzct .re-logo {
    position: absolute;
    display: inline-block;
    width: 140px;
    height: 32px;
    line-height: 32px;
    left: -1px;
    top: -32px;
    background: url(../image/icon-recommend.png) no-repeat;
    background-size: 140px 32px;
    padding-left: 20px;
    font-size: 14px;
    color: #ffffff;
}
.news_cpzct .re-logoxm {
    position: absolute;
    display: inline-block;
    width: 140px;
    height: 32px;
    line-height: 32px;
    left: -1px;
    top: -32px;
    background: url(../image/icon-recommend.png) no-repeat;
    background-size: 175px 55px;
    padding-left: 9px;
    font-size: 14px;
    color: #ffffff;
}


.news_related .related_container .related_top {
    height: 45px;
    border-top: 1px solid #e9e9e9;
}
.news_related .related_container .related_top>h2 {
    display: inline-block;
    padding-top: 15px;
    font-size: 20px;
    font-weight: bolder;
    color: #222;
    border-top: 1px solid #1875f0;
    margin-top: -1px;
    cursor: default;
}

.news_related .video_suspension {
    width: 42%;
    height: 288px;
    position: fixed;
    top: 20%;
    right: 0;
    z-index: 1000;
    display: none;
}


.news_related ul {
    overflow: hidden;
    list-style-type: disc;
    height: 80px;
    margin-top: 8px;
}
.news_related li {
    width: 350px;
    text-overflow: ellipsis;
    float: left;
    list-style-type: disc;
    margin: 0 18px 8px;
    line-height: normal;
    white-space: nowrap;
    color: #666;
    font-size: 14px;
}
.news_related{
margin-top: 20px;
}

.recommend-con {
    overflow: hidden;
    width: 100%;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
.clearfix:after,.mauto:after {clear: both;}

.b2b-statics {
    float: left;
    width: 170px;
    margin-right: 7px;
    margin-left: 15px;
}

.img-box:hover {
    border: 1px solid #f29435;
}
.img-box:hover img {
    transform: scale(1.05);
}
.img-box {
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    cursor: pointer;
    overflow: hidden;
    transition: all linear 0.2s;
}
.img-box img {
    width: 185px;
    height: 155px;
    transition: all linear 0.4s;
}

.s-title {
    height: 25px;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #d90d26;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 550;
}
.s-title:hover {
    color: #ed8c16;
}

.news_video li{
    float: left;
    width: 130px;
    /* height: 116px; */
    margin: 19px 20px 0 0;
}
.news_video li:nth-child(2n){
    margin-right: 0;
}

.news_video .video_box{
    width: 132px;
}
.news_video .video_img{
    width: 130px;
    height: 110px;
    position: relative;
    overflow: hidden;
}
.news_video .video_img>img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.news_video .video_img:hover>img {
    transform: scale(1.2);
}
.news_video .video_img:hover:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.news_video .video_name{
    height: 36px;
    line-height: 36px;
}
.news_video .video_name>span {
    display: inline-block;
    width: 98%;
    font-size: 14px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news_video .video_name:hover>span {
    color: #1875f0;
}
.txt-upDown {
    clear: both;
    padding: 18px 0 0;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}
.txt-upDown span {
    color: #999;
    max-width: 320px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}
.fr{float:right;}
.explain {
    background-color: #fafafa;
    color: #999;
    padding: 14px 27px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 30px;
    line-height: 20px;
}