/* CSS Document */
*{ margin: 0;padding: 0;border:0;}
body {font-size:14px; line-height:24px;color:#777777; font-family:Microsoft YaHei,SimSun; -webkit-text-size-adjust:none;}
a{ color:#5e5e5e; text-decoration:none; cursor:pointer;transition: 0.3s all 0s linear;}
a:hover{ text-decoration:none; color:#a90000;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
.relative{ position:relative;}
.absolute{	position:absolute;}
ul {list-style: none;}
li{ list-style-type:none;}
.eng{text-transform:uppercase; }

.w1200{width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.w50{ width: 50%;}
.kb10{ height: 10px;}
.kb40{ height: 40px;}

.bai{ background-color:#FFF;}
.gray{ background-color: #f0f3f6;}
.center{ text-align: center;}

.red{ color:#eb2626;}
.blue{ color:#257dc7;}
.white{ color: #FFF;}
.color3{ color: #333333 !important;}
.color6{ color: #666666 !important;}
.color9{ color: #999999 !important;}
.f12{ font-size: 12px !important;}
.f16{ font-size: 16px !important;}
.f18{ font-size: 18px !important;}
.f20{ font-size: 20px !important;}
.f24{ font-size: 24px !important;}
.f30{ font-size: 30px !important;}
.bold{ font-weight: bold;}

.page{ margin: 20px 0;}
.page a{display: inline-block;height: 20px;line-height: 20px;padding:3px 6px 3px 6px;background: #FFF;}
.page a:hover{background:#404040;color:#fff;}
.page span.current {height: 20px;line-height: 20px;padding:3px 10px;background:#404040;color:#fff;}


/*head 头部样式设置*/
.top_a{ height: 40px; background: #343434; line-height: 40px; color: #FFF; }
.top_a .right{ width: 320px;}
.top_a .hottel{ background: url(../images/tel.png) no-repeat left center; padding-left: 30px; float: left; margin-right: 80px;}
.top_a .home{ background: url(../images/home.png) no-repeat left center; padding-left: 30px; float: left;}
.top_a .home a{ color: #FFF;}
.top{ background-color: #f5f5f7;}
.logo{ height: 96px; width: 400px;}
.top .w1200{ overflow: visible;}
.nav{ height: 90px; padding-top: 6px; width: 800px; font-size: 16px;}
.nav>li{line-height: 90px; width: 114px; transition: 0.3s all;  float: left; text-align: center; position: relative;}
.nav>li > a{ display: block;}
.nav>li:first-of-type > a{border-left: none;}
.nav>li:last-of-type > a{border-right: none;}
.nav>li ul{ width: 0; height: 0; transition: 0.3s all; background: rgba(255,255,255,0.95); overflow: hidden; position: absolute; top: 90px; left: 0; z-index: 99;}
.nav>li ul .img{ width: 250px; height: 188px; padding: 20px;}
.nav>li ul .menu{ width: 140px; padding:20px 15px 0 0;}
.nav>li ul li{ height: 40px; line-height: 40px; /*border-bottom: 1px solid #d2d2d2;*/}
.nav>li ul a{text-overflow: ellipsis; white-space:nowrap; overflow: hidden; width: 100%;}
.nav>li:hover ul{ width: 450px; height: 240px;}
.nav>li:hover ul.cp_menu{ height: 450px;}
.nav>li:nth-last-of-type(1) ul,.nav>li:nth-last-of-type(2) ul{ right: 0; left: auto;}
.nav>li ul.cp_menu{ width: 100%;}
.nav>li ul.cp_menu .title{ float: left; width: 20%;  border: none; height: auto;text-align:center;}
.nav>li ul.cp_menu .title span{ font-size: 18px; line-height: 45px; display:block; width:100%; }
.nav>li ul.cp_menu .title .img{ width:260px; padding: 10px; border-bottom: 6px solid #ededed; margin: 0 auto;}
.nav>li ul.cp_menu .title .img img{ width: 100%;}
.nav>li ul.cp_menu .title ol{ width:100%; }

/*#flash{height: 526px; width: 100%; overflow: hidden; position: relative;}
.flash{ position: absolute; z-index: 0; width: 1920px; height: 526px; margin: 0 auto; top: 0;}
.zyflash{height: 320px; width: 100%; overflow: hidden;}
.zy_01{ background: url(../images/zyflash1.jpg) no-repeat top center}
.zy_02{ background: url(../images/zyflash2.jpg) no-repeat top center}
.zy_03{ background: url(../images/zyflash3.jpg) no-repeat top center}
.zy_04{ background: url(../images/zyflash4.jpg) no-repeat top center}
.zy_05{ background: url(../images/zyflash5.jpg) no-repeat top center}
.zy_06{ background: url(../images/zyflash6.jpg) no-repeat top center}
.zy_07{ background: url(../images/zyflash7.jpg) no-repeat top center}*/
.index_banner{clear:both;position:relative;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;overflow:hidden;width:100%;/*height:400px;*/}
.index_banner li a{display:block;margin:0 auto;}
.index_banner li a img{ max-width:100%; height:auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-144px;width:288px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#1d8bd8;cursor:default;}

.search_img{ background: url(../images/search.png) no-repeat center 5px; width: 30px; height: 56px;  position: absolute; top: 80px; cursor: pointer; overflow: hidden; transition: 0.3s all;}
.search_img:after{ content: ""; width: 60px; height: 56px; background: url(../images/search.png) no-repeat 35px 5px;  transition: 0.3s all; display: block;}
.search_img:hover{ background: url(../images/search.png) no-repeat -30px 5px;}
.search_img:hover:after{background: url(../images/search.png) no-repeat 5px 5px;}
#search{ position: absolute; top: 136px; background: rgba(0,0,0,0.5); width: 100%; line-height: 48px; color: #FFF; height: 0; overflow: hidden; transition: 0.3s all; z-index: 99;}
#search .w1200{padding: 0 66px;  background: url(../images/ss_bj.png) no-repeat 1255px top; position: relative;}
#search a{ color: #FFF;}
#search .search_top {background: #FFF; width: 240px; height: 30px;margin: 9px 30px 0 0;}
#search .search_top .txt{ width:190px; padding: 0 5px; float:left; height:30px;border:none; background:none; color: #444444; line-height: 30px;}
#search .search_top .but{ width:40px; height:30px; float:right; background: #df0716; color: #FFF; cursor:pointer; border:none;}
#search .close{ position: absolute; top: 0; right: 11px; height: 48px; width: 70px; cursor: pointer;}



.indexTop{background: url("../images/index-top-bg.jpg") center center no-repeat; height:152px;}
.index-top-left{padding-left: 0;}
.index-top-left .search-box{ height:48px; line-height:32px;    padding-top: 8px;}
.index-top-left .search-box span{}
.index-top-left .search-box .search-input{ display: inline-block;	border: 1px solid #dde1e5;width: 75.5%;	border-radius: 17px;padding: 0 15px;}
.index-top-left .search-box .search-input:focus{outline: none;border-color: #0064d7;}
.index-top-left .search-box .search-btn{ vertical-align: middle;}
.index-top-left .range-box{position: relative; height: 104px;}
.index-top-left .range-box:after{ clear: both; content: ''; display: block; height:0; width:100%;}
.index-top-left .range-box .range-head{ background-color: #324ea9; color: #fff; flex:1;text-align: center;font-size: 1.8rem;padding: .4rem 0;line-height: 1.35; width: 28px;float: left;height: 100%;}
.index-top-left .range-box .range-con{ width:80%; float: left;}
.index-top-left .range-box .range-con .range-item{ text-align: center;vertical-align: middle; color: rgba(255,255,255,.4); padding-top: .8rem;  display: block;width: 16%;text-align: center;float: left;}
.index-top-left .range-box .range-con .range-item i{ font-size: 4.2rem;}
.index-top-left .range-box .range-con .range-item p{font-size: 1.4rem;}
.index-top-left .range-box .range-con .range-item:hover{ color:rgba(255,255,255,1);}

.index-top-right{ position: relative;}
.index-top-right .contact-box{ height:104px; width:100%; padding:14px 0;}
.index-top-right .contact-box .tels{ height:76px; display: table-cell;vertical-align: middle;padding-left: 10px;}
.index-top-right .contact-box .tels .tel-txt{font-size: 1.8rem;color: #fff;}
.index-top-right .contact-box .tels .tel-txt span{ color: #98aae2;text-transform: uppercase;}
.index-top-right .contact-box .tels .tel{font-size: 26px; font-family:Impact; color: #fff;}
.index-top-right .contact-box .onlines{ float: right; height:76px; border-left:1px solid rgba(255,255,255,.12);}
.index-top-right .contact-box .onlines .qq-online{ margin:0 2rem;}
.index-top-right .contact-box .onlines .qq-online i{ color: #fff; font-size: 7rem;float: left;line-height: 76px;}
.index-top-right .contact-box .onlines .qq-online:hover i{ color: #0064d7;}
.index-top-right .contact-box .onlines .wx-qrcode{ width:76px; height:76px; float: right; background-color: #283e87;}
.index-top-right .catgory-box{width: 108%;	right: 0;position: absolute; line-height:48px;}
.index-top-right .catgory-box a{ color: #535353; margin:0 1rem;font-size: 1.6rem;}
.index-top-right .catgory-box a:hover{ color: #324ea9;}
.sy_bg{ background:#eee; padding-bottom:20px; overflow:hidden;}

.zhu_t1{ padding:15px 0px;}
.zhu_t1_ul li{ width:180px; text-align:center; margin-right:23px;}
.zhu_t1_ul li:nth-child(6){ margin-right:0px;}
.zhu_t1_ul li h4{ display:block; height:40px; line-height:40px; background:#535353; color:#fff; font-size:16px;}

.ht_zy_tit{ height:44px; line-height:44px; border-bottom:#448aca 1px solid; margin-top:20px;}
.ht_zy_tit h4{ float:left; display:block; background:#448aca; text-align:center; font-size:18px; color:#fff; width:156px; height:44px;}
.ht_zy_tit span{ float:right;  width:100px; text-align:right;}
.ht_zy_product{ margin-top:20px; }
.ht_zy_product .ht_pro_ul{ display:block;}
.ht_zy_product .ht_pro_ul li{ float:left; width:237px; padding:22px;background:#fff; margin-right:25px;}
.ht_zy_product .ht_pro_ul li:nth-child(4){ margin-right:0px;}
.ht_zy_product .ht_pro_ul li img{ width:237px; height:215px;}
.ht_zy_product .ht_pro_ul li .p01{ text-align:center; padding-top:10px;}


/*首页关于我们*/
.pro-t{text-align: center;padding-top: 32px}
.pro-t p{font-size: 24px;line-height: 36px;color: #333;font-weight: bold;}
.pro-t p span{color: #ff9100}
.pro-t small{font-size: 14px;line-height: 26px;color: #333;}
.pro{padding-top: 64px;}
.cp_ys03_tit{width:1200px; line-height:40px; text-align:center; font-size:18px; font-weight:bold; margin-bottom:15px;position:relative;}
.cp_ys03_tit p{ width:30%; margin:0 auto;color: #fff }
.about_ys01{width:100%; overflow:hidden; padding:10px 0px; background:url(../images/footer_bg.jpg) center no-repeat; background-attachment:fixed; margin-bottom:20px;}
.about_ys01 .about_ys01_box{ width:1200px; overflow:hidden; margin:0 auto; padding:50px 0px;}
.about_ys01 .about_ys01_box .pro-t{padding:20px 0;}
.about_ys01 .about_ys01_box .pro-t p{color: #fff}
.about_ys01 .about_ys01_box .pro-t small{color: #fff}
.about_ys01 .about_ys01_box .about_ys01_left{ float:left; width:455px; height:261px; padding:8px; border:1px solid #eee;}
.about_ys01 .about_ys01_box .about_ys01_left img{ width:100%; height:100%;}
.about_ys01 .about_ys01_box .about_ys01_right{ float:right; width:710px;}
.about_ys01 .about_ys01_box .about_ys01_right p{ line-height:29px; font-size:14px; color:#fff;}
.about_ys01 .about_ys01_box .about_ys01_right .about_ys01_more{ display:block; border:1px solid #eee; text-align:center; line-height:42px;color: #fff}
.about_ys01 .about_ys01_box .about_ys01_right .about_ys01_more:hover{ background:#ee9012;; color:#fff;}

/*首页关于我们*/
/* 首页合作伙伴*/
.hz_tit{ text-align:center; font-size:24px; color:#333;}
.hz_tit span{ font-size:24px; font-weight:bold;}
.hz_tit p{ font-size:30px; padding-top:5px; line-height:45px;}
.zy_hezuo{ padding:20px 0px;}
.zy_hezuo ul li{ display:block; float:left; width:186px; height:132px; margin-right:14px; border:1px solid #eee;}
.zy_hezuo ul li:nth-child(6){ margin-right:0px;}
.zy_hezuo ul li img:hover{-moz-opacity:0.68 !important; filter:alpha(opacity=68); opacity: 0.68;  _-moz-opacity:0.68; }

.case_left{ float:left; width:378px; overflow:hidden;}
.case_left ul li{ position:relative; width:378px; height:274px; margin-bottom:25px;}
.case_left ul li a{ display:block; width:100%; overflow:hidden; position:relative;}
.case_left ul li a img{ width:378px; height:274px;}
.case_left ul li a .hz_txt{ position: absolute;width: 100%;height: 50px;z-indent: 2; left: 0; bottom: 0; background: #333; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff;line-height: 50px;text-align: center;}
.case_left ul li a:hover .hz_txt{ background:#F93;}

.case_mid{ width:370px; height:564px; float:left; background:url(../images/index-case.png) center no-repeat; margin:0px 35px;}
.case_mid .case_zytit{ width:300px; margin:0 auto; font-size:24px; padding-top:50px; padding-bottom:40px; text-align:center;}
.case_mid dl{margin:0 auto; width:300px; line-height:25px; text-align:center;}
.case_mid p{ text-align:center; padding-top:30px; font-weight:bold;}

/*首页新闻*/
.synews{ width:1170px; padding:15px; background:#eee; border:1px solid #CCC; margin-bottom:25px;}
.synews .synews_left{ float:left; width:657px; overflow:hidden;}
.synews_tit{ width:100%; height:45px; line-height:45px; border-bottom:1px solid #CCC;}
.synews_tit dl{ font-size:24px; font-weight:bold; float:left; display:block; color:#333; width:100px; border-bottom:3px solid #09C;}
.synews_tit span { display:block; float:right;}
.synews_c { clear:both; padding:20px 0px; overflow:hidden;}
.synews_c p{ display:block; float:left;}
.synews_c p img{ width:221px; height:147px;}
.synews_c dl{ float:right; width:420px;}
.synews_ul{ display:block; overflow:hidden;}
.synews_ul li{ height:32px; line-height:32px; border-bottom:1px dotted #CCC; width:300px; float:left; margin-right:25px;}
.synews_right{ float:right; width:480px;}
.synews_rul{ display:block; padding-top:10px;}
.synews_rul li{ clear:both; display:block; height:53px; overflow:hidden; padding:10px 0px;}
.synews_rul li .synews_a{ display:block; float:left;}
.synews_rul li .synews_a img{ width:79px; height:53px;}
.synews_rul li dl{ float:right; width:390px;}
.synews_rul li dl p{ display:block; float:left; width:280px;}
.synews_rul li dl dd{ float:right; width:100px; font-size:12px;}
.synews_rul li dl dt{ font-size:12px;}

/*首页新闻*/
.fdlink{ width:100%; overflow:hidden; margin-bottom:20px;}
.fdlink .fd_box{ width:1200px; margin:0 auto; border:1px solid #eee; overflow:hidden;}
.fdlink ul li{ float:left; padding:0px 5px; line-height:30px;color:#666;}
.fdlink ul li a{ color:#666;}
.synews_d{ display:block; margin-top:15px; height:32px; line-height:32px; }
/* footer*/
.footer{ width:100%; padding:40px 0px; background:#202020; overflow:hidden;}
.footer .footer_box{ width:1200px; margin:0 auto;}
.footer .footer_box .footer_lf01{ float:left; width:207px; padding:0 25px; border-right:1px solid #383838;}
.footer .footer_box .footer_lf01 p{ padding-bottom:20px;}
.footer .footer_box .footer_lf01 dl{ display:block; width:99px; margin:0 auto; text-align:center;}
.footer .footer_box .footer_lf01 dl img{ width:99px; height:99px;}
.footer .footer_box .footer_lf01 dl dt{ padding-top:10px;}

.footer_lf02{ float:left; width:120px; text-align:center; padding:0px 20px;border-right:1px solid #383838;}
.footer_lf02tit{ display:block; padding-bottom:20px;}
.footer_lf02tit dd{  color:#CCC;}
.footer_lf02tit dt{ font-size:18px;}
.footer_lf02 ul li{ line-height:30px; color:#707070;}
.footer_lf03{float:left; width:150px; text-align:left; padding-left:30px; border-right:none;}
.footer_lf03 dl dd{ font-size:12px; color:#ccc;}
.footer_lf03 dl dd a{ color:#ccc;}
.footer_lf03 dl dt{ padding-top:15px;}
.footer_lf03 dl dt a{ margin-right:5px;}

.copy{ padding-top:20px;}
.product{ width:1200px; margin:0 auto;}
.product_top{ width:100%; overflow:hidden;}
.product_top .prodcut_left{ float:left; width:215px; height:589px; background:#0048a4;}
.product_top .prodcut_left ul{}
.product_top .prodcut_left ul li a{ display:block; overflow:hidden; padding:0px 30px; color:#9ec7fb; font-size:16px; line-height:46px; border-bottom:1px solid #3074ca;}
.product_top .prodcut_left ul li a:hover{ background:#036aed; color:#eee;}
.lf_tel{ padding:30px 0px 0px 30px; color:#eee;}
.lf_tel img{ float:left; padding-top:10px; width:31px;}
.lf_tel p{ display:block; float:left; padding-left:15px; width:130px;}

.product_right{ float:right; width:976px; height:406px;}
.product_right .product_bn2{ padding-top:20px;}
.product_right .product_bn2 a{ padding-right:8px;}
.product_right .product_bn2 a:nth-child(3){ padding-right:0px;}
.product_tit{ margin:0 auto; width:1200px; height:50px; line-height:50px; }
.product_tit h3{ float:left; background:url(../images/rd.jpg) left center no-repeat; width:120px; padding-left:20px; font-size:20px; color:#0048a4;}
.product_tit ul{ display:block; float:right; width:600px;}
.product_tit ul li{ float:right; display:block; padding:0px 5px; }
.product_line{margin:0 auto; width:1200px; overflow:hidden; padding-top:10px;}

.product_line dl{ float:left; width:227px; height:213px;}
.product_line ul li{ float:left; width:217px; height:203px; padding:5px; border:#eee 1px solid; margin-left:13px;}
.product_line ul li a img{ width:217px; height:168px;}
.product_line ul li h4 a{ font-size:12px; font-weight:normal; text-align:center; display:block; width:100%; padding-top:5px;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap;}

.line_bg{ background:#eee; padding:20px 0px; overflow:hidden;}
.bg_white{ background:#fff; padding:20px 0px; overflow:hidden;}

.list_banner{ width:100%; overflow:hidden;}
.list_banner img{ width:100%;}
.wz{ width:1200px; margin:0 auto; height:45px; line-height:45px;}
.list_bg{ width:100%; background:#eee; overflow:hidden; padding:20px 0px;}
.list_1200{width:1200px; margin:0 auto; overflow:hidden;}
.list_left{ float:left; width:252px;}
.list_left .list_tit{ display:block; background:#0075c5; padding:30px 0px 30px 30px; font-size:18px; color:#fff;}
.list_left .list_tit dd{ font-size:26px;}
.list_left .list_tit dt{ font-size:16px; color:#74b4de; padding-top:5px;}

.none{display:none}
/* 左侧导航 */
.operate{width:250px;margin:0px auto;border:1px solid #eaeaea; background:#fff;}
.operate h3{font-family:"Microsoft YaHei",微软雅黑;font-size:16px;background:#f7f7f7;height:43px;line-height:43px;padding-left:12px;}
.operate li{border-bottom:1px dotted #d2d2d2;display:inline-block;width:100%;position:relative;min-height:43px;_height:43px;z-index:10;zoom:1 }
.operate li h4{cursor:pointer;background:url(../images/bg3.png) no-repeat 200px 18px;padding-left:30px;text-decoration:none;font-size:14px;color:#555;display:block; line-height:43px;font-weight:normal;}
.operate li.selected h4{background-position:200px -37px;}
.operate li .list-item{padding:5px 0;position:relative;zoom:1 }
.operate li .list-item p{padding-left:8px;}
.operate li .list-item p.on a{color:#8caf00;font-weight:bold;}
.operate li .list-item p a{background:url(../images/bg1.png) no-repeat 42px 12px;color:#333333;display:block;height:32px;line-height:32px;margin:0 -1px 0 1px;padding-left:60px; position:relative;text-decoration:none;font-size:12px;}
.operate li .list-item p.hover a{background-color:#8caf00;color:#fff;text-decoration:none;background-position:42px -14px;font-weight:800;}

.left_tel{ background:url(../images/left_tel.jpg) no-repeat; width:252px; height:163px; margin-top:25px;}
.left_tel span{ display:block; font-size:24px; padding-top:125px; padding-left:60px; color:#333;}
.list_right{ width:918px; float:right; background:#fff;}
.list_r_ul li{ display:block; float:left; width:205px; height:230px; margin:15px 7px 5px 15px;}
.list_r_ul li a img{ width:205px; height:187px;}
.list_r_ul li h5{ font-weight:normal; padding-top:5px;}

.image_top{ width:1200px; margin:0 auto; padding:15px 0px; overflow:hidden;}
.image_top .image_tit{ border-bottom:1px solid #eee; line-height:40px; margin-bottom:20px;}
.image_top .image_tit h1{ font-size:18px; font-weight:normal; color:#333;}

/* fagndajing*/

#preview {float: none;text-align: center;width:450px; float:left;}
.jqzoom {width: 450px;height: 413px;position: relative;}
.zoomdiv {left: 859px;height: 700px;width: 700px;}
.list-h li {float: left;}
#spec-n5 {width: 500px;height: 116px;padding-top: 6px;overflow: hidden;}
#spec-left {width: 21px;margin-top:40px;margin-right:5px;height: 110px;float: left;cursor: pointer;}
#spec-right {margin-top:40px;width: 21px;height: 110px;float: left;cursor: pointer;}
#spec-list {width: 400px;float: left;overflow: hidden;display: inline;position: relative;margin-right: 6px;}
#spec-list ul li {float: left;margin-right: 4px;display: inline !important;display:inline-table ;width: 130px;}
#spec-list ul li img {padding: 1px;border: 1px solid #ccc;width: 100px;height: 100px;}
/*jqzoom*/
.jqzoom {position: relative;padding: 0;}
.zoomdiv {z-index: 100;position: absolute;top: 1px;left: 0px;width: 800px;height: 800px;border: 1px solid #e4e4e4;display: none;text-align: center;overflow: hidden;}
.bigimg {width: 800px;}
.jqZoomPup {z-index: 10;visibility: hidden;position: absolute;top: 0px;left: 0px;width:50px;height: 50px;border: 1px solid #aaa;background: #FEDE4F 50% top no-repeat;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);cursor: move;}
#spec-list div {margin-top: 0;margin-left: 0px;}
/* 放大end*/
.image_topr{ float:right; width:724px;}
.jbcs{ background:#88abda; height:41px; line-height:41px; color:#fff; font-size:18px; padding-left:20px;}
.imgtop_ul{ display:block; margin-bottom:10px; clear:both; overflow:hidden;}
.imgtop_ul li{ display:block; float:left; width:361.5px; height:46px; line-height:46px; border-bottom:1px solid #bfdbfa; border-right:1px #bfdbfa solid; background:#d9e9fb;}
.imgtop_ul li.shuang{border-right:none;}
.imgtop_ul li span{ padding-left:12px;}
.jianjie{ clear:both; width:704px; padding:15px 10px; display:block; margin-top:15px; background:#eee;}
.jianjie h3{ padding-bottom:8px;}

.img_tel{ margin-top:15px;}
.img_tel dl{ display:block; float:left; background:#0075c5; height:69px; line-height:69px; color:#fff; padding:0px 30px; font-size:24px;}
.img_tel dl .fa-phone-square{ padding-right:8px; font-size:30px;}
.img_tel p{ display:block; float:left; background:#f8b551; height:69px; font-size:28px; color:#fff; line-height:69px; padding:0px 70.5px;}
.img_tel p a{ color:#fff;}
.image_cont{ width:1200px; margin:0 auto;}
.image_cont .img_left{ float:left; width:252px;}

.image_r_cont{ float:right; width:930px; overflow:hidden;}
.image_r_cont .image_xqtit{ height:40px; line-height:40px; background:#bfdbfa;}
.image_r_cont .image_xqtit li{ float:left; text-align:center;}
.image_r_cont .image_xqtit li a{ display:block; font-size:16px; padding:0px 30px;}
.image_r_cont .image_xqtit li a:hover{ background:#eee;}
.image_r_cont .image_xqtit h4{ padding-left:10px; background:url(../images/lan.jpg) left center no-repeat; margin-left:10px; color:#333; font-size:16px;}
.image_ny{ width:910px; padding:10px; border:1px solid #eee;}
.hs1{ height:40px; line-height:40px; border-bottom:1px solid #CCC;}
.hs1 h2{ border-bottom:2px solid #36C; width:80px; color:#333; font-size:18px;}

.shang{ height:35px; line-height:35px;}
.shang p{ float:left; margin-left:10px; border-bottom:1px solid #eee; width:45%;}
.tjyd{ width:100%; border:1px solid #eee; margin-top:20px;}
.tjyd .tjyd_tit{ height:40px; line-height:40px; border-bottom:1px solid #eee;}
.tjyd .tjyd_tit span{ float:left; padding-left:10px; font-size:18px; color:#1697cf; font-weight:bold;}
.tjyd .tjyd_tit a{ float:right; padding-right:10px;}
.tjyd_ul{ display:block; padding:10px; overflow:hidden;}
.tjyd_ul li{ float:left; width:50%; height:30px; line-height:30px;}
.tjyd_ul li .fa-volume-down{ padding-right:5px;}

.news_bn{ width:100%; overflow:hidden;}
.news_bn img{ width:100%;}
.wzbg{ background:#eee;}
.news{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0px;}
.news .news_tit{ background:#eee; height:40px; line-height:40px;}
.news .news_tit h3{ float:left; width:120px; background:#0a6caf; text-align:center; font-size:16px; color:#fff;}
.news .news_tit span{ float:right; padding-right:10px;}

.news_line{ padding:20px 0px; overflow:hidden;}
.news_line_lf{ float:left; width:511px; height:342px; position:relative;}
.news_line_lf img{ width:511px; height:342px;}
.news_line_lf a{ display:block; overflow:hidden; position:relative; width:100%;}
.news_line_lf .news_jj{ position: absolute;width: 100%;height: 50px;z-indent: 2; left: 0; bottom: 0;background: #333;filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;color: #fff;line-height: 50px; text-align: center;}
.news_line_lf a:hover .news_jj{ background:#06C}
.news_line_ul{ padding:10px; float:right; width:640px; height:311px; padding:15px; background:#eee;}
.news_line_ul li{ height:31px; line-height:31px;}
.news_line_ul li a{ float:left; display:block;}
.news_line_ul li span{ float:right; display:block;}
/* yema*/

/* 页码 开始*/
/*pages*/
.pagination-wrapper{
margin: 15px 0; padding-left:20px;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 34px;
margin-right: 5px;
}
.pagination li{
float: left;
display: block;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
border: 1px solid #dddddd;
color: #555555;
text-decoration: none;
}
.pagination li a{display: block;
height: 32px;
line-height: 32px;
font-size: 14px;}
.pagination li a:hover{
background:#f5f5f5;
color:#0099ff;
}
.pagination li.thisclass {
background: #09f;
color: #fff;
}
.pagination li.thisclass a,.pagination li.thisclass a:hover{
background: transparent;
border-color: #09f;
color: #fff;
cursor: default;
}
.pagination li span{ display: block;
height: 32px;
line-height: 32px;
font-size: 16px;}
.pagination li a:hover{
background:#f5f5f5;
color:#0099ff;}
/*页码end*/ 
/* article*/
.article_box{ width:1200px; margin:0 auto; padding:20px 0px; overflow:hidden;}
.article_box .arc_left{ float:left; width:207px;}
.article_box .arc_left .arcleft_tit{display: block;background: #0075c5;padding: 30px 0px 30px 30px;font-size: 18px; color: #fff;}
.article_box .arc_left .arcleft_tit dd{ font-size:26px;}
.article_box .arc_left .arcleft_tit dt{ font-size: 16px;color: #74b4de;padding-top: 5px;}
.arc_lf_ul{ background:#eee; display:block; overflow:hidden; padding:15px;}
.arc_lf_ul li{ height:50px; line-height:50px;  border-bottom:1px solid #e5e5e5;}
.arc_lf_ul li a{ float:left; height:50px; line-height:50px; font-size:18px; padding-left:15px; overflow:hidden; display:block;}
.arc_lf_ul li .fa-sort-desc{ float:right; line-height:50px; font-weight:100;}
.arc_left_tel{ display:block; background:url(../images/arc_lefttel.jpg) no-repeat; width:207px; height:134px;}
.arc_left_tel span{ font-size:20px; color:#333; padding-left:50px; padding-top:103px; display:block;}

.arc_right{ float:right; width:972px;}
.arc_right .arc_tit h1{ height:40px; line-height:40px; border-bottom:1px dotted #eee; font-size:18px; }
.arc_right .arc_tit p{ font-size:12px; color:#999; padding-top:3px;}
.arc_right .arc_cont{ padding-top:10px; line-height:25px;}
.arc_right .arc_r_ul{ display:block; width:100%;}
.arc_right .arc_r_ul li{ display:block; height:83px; padding:15px; border:1px solid #eee; margin-bottom:15px;}
.arc_right .arc_r_ul li .arc_la{ display:block; float:left; width:124px;}
.arc_right .arc_r_ul li .arc_la img{ width:124px; height:83px;}
.arc_right .arc_r_ul li .arc_r_tit{ float:left; padding-left:15px; width:800px;}
.arc_right .arc_r_ul li .arc_r_tit a{ line-height:30px; font-size:16px;}
.arc_right .arc_r_ul li .arc_r_tit dl{ font-size:12px; line-height:20px;}
.arc_right .arc_r_ul li .arc_r_tit p{ font-size:12px; color:#999;}

.about_1200{ width:1200px; margin:0 auto;}
.about_tit{ background:url(../images/about_02.png) top center no-repeat; width:305px; margin:0 auto;}
.about_tit h4{ font-size:32px; text-align:center; padding-top:25px; color:#333; font-weight:normal;}
.about_tit p{ text-align:center; font-size:20px; color:#333; padding-top:8px; text-transform:uppercase; background:url(../images/titbg.png) bottom no-repeat; padding-bottom:8px;}
.about_t01{ overflow:hidden; width:100%; clear:both; padding:20px 0px;}
.about_left01{ float:left; width:755px;}
.about_right01{ float:right;}

.about_t02{ width:100%; background:url(../images/about02bg.jpg) center no-repeat; overflow:hidden; margin-bottom:20px;}
.about_tit02{ width:300px; margin:0 auto; padding:30px 0px;}
.about_tit02 h4{ color:#fff; font-size:30px; font-weight:normal; text-align:center;}
.about_tit02 p{ color:#087dcd; text-align:center; font-size:18px;background:url(../images/titbg.png) bottom no-repeat; padding:8px 0px;}
.yuan_ul { display:block; padding-bottom:25px; overflow:hidden;}
.yuan_ul li{ display:block; float:left; width:33.33333%; text-align:center;color:#fff;}
.yuan_ul li span{ display: block; width: 50%;font-size: 36px;border-radius: 100%; background: #0a6caf; border: solid 7px #eee;  margin: 0 auto; height:200px; line-height:200px; }
.yuan_ul li p{ padding:10px 0px; font-size:16px;}
.about_t03{ width:1200px; margin:0 auto;}
.about_t03 .about_t03ul{ display:block; padding:20px 0px; overflow:hidden;}
.about_t03ul li{  display:block; float:left; margin-left:10px; margin-right:10px;}
.about_t03ul li p{ text-align:center; line-height:30px; font-size:16px;}

.service_1200{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0px;}
.service_tit{ text-align:center; width:300px; margin:0 auto; color:#333;}
.service_tit h4{ font-size:32px; font-weight:normal;}
.service_tit p{ padding-top:10px; font-size:18px; padding-bottom:10px;}
.service_tit span{ width:30%; margin:0 auto; background:#00479d; display:block; height:3px;}
.service_t01{ text-align:center; padding-top:20px; font-size:18px; line-height:30px;}
.service_t02{ padding:20px 0px; overflow:hidden;}
.service_t02ul li{ display:block; float:left; width:381px; height:429px; margin:0px 5px 0px 12px;}
.service_t02ul li h4{ line-height:45px; font-size:18px; color:#333;}
.service_t02ul li dl{ display:block; width:120px; border:1px solid #eee; text-align:center; height:35px; line-height:35px; margin-top:15px;}
.service_t02ul li dl a{ color:#cd1f21;}
.st03_1200{width:1200px; margin:0 auto; overflow:hidden; padding:20px 0px;}
.service_t03{ width:100%; padding:20px 0px; background:#eee;}
.service_t03 .st03_left{ float:left; width:528px;}
.service_t03 .st03_left h4{ font-size:18px; color:#333; padding-bottom:10px;}
.service_t03 .st03_right{ float:right;}

.contact_t01{ overflow:hidden; padding-top:20px;}
.contact01_left{ float:left; width:381px; height:231px;}
.contact01_right{ float:right; width:800px;}
.contact01_right b{ color:#F60}
.contact_ul{ display:block; width:100%; overflow:hidden;}
.contact_ul li{ float: left;
    width: 20%;
    line-height: 35px;
    margin-bottom: 20px;
    margin-left: 80px;
    margin-right: 80px;}
.contact_ul li h4{ font-size:16px; color:#333;}

.hr_t01{ overflow:hidden; padding:20px 0px;}
.hr_zp01{ float:left; width:376px; margin-right:20px;}
.hr_zp01 img{ width:376px; height:133px;}
.hr_zp01 h5{ font-size:18px; color:#333; padding:10px 0px;}

/* left_nav */
.left_nav{width:250px;background:#fff;border:1px solid #CDCDCD;}
.left_nav dl dt{width:200px;height:22px;line-height:22px;background:url(../images/long.png) no-repeat 12px center #E6238F;padding-left:35px;color:#fff;margin-bottom:4px;}
.left_nav dl dd{height:40px;position:relative;}
.left_nav dl dd .nav_right{width:300px;height:auto;overflow:hidden;position:absolute;left:250px;top:0px;padding:0px 5px 10px 5px;background:#fff;display:none;border:1px solid #ccc;}
.left_nav dl dd .nav_right a{width:110px;height:30px;line-height:30px;text-align:left;color:#666;padding-left:30px;background:url(../images/nav_right_bg.png) no-repeat 10px center;display:block;float:left;margin-top:10px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.left_nav dl dd .nav_right a:hover{width:110px;height:30px;line-height:30px;text-align:left;color:#fff;padding-left:30px;background:url(../images/nav_right_bg2.png) no-repeat 10px center #8caf00;text-decoration:none;}
.left_nav dl dd a.nav_left{height:39px;line-height:39px;background:url(../images/left_nav_dt_bg.png) no-repeat 225px center #E0E0E0;padding-left:13px;display:block;border-bottom:1px solid #fff;color:#3C4347;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.left_nav dl dd a.nav_left:hover{background:url(../images/left_nav_dt_bg2.png) no-repeat 225px center #8caf00;color:#fff;text-decoration:none;}

@media screen and (max-width:640px) {
.w1200{ width:100%;}
.img{ max-width:100%;}
.top_a{ display:none;}
.logo{ float:none; width:80%; margin:0 auto;}
.logo img{ display:block; width:80%; margin:0 auto;}
.nav{ float:none; display:none;}
.ht_zy_product .ht_pro_ul{ width:94%; margin:0 auto; overflow:hidden;}
.ht_zy_product .ht_pro_ul li{ width:44%; padding:5px; margin-right:15px; margin-bottom:15px;}
.ht_zy_product .ht_pro_ul li a img{ width:100%; height:auto;}
.search_img{ display:none;}

.ht_zy_product .ht_pro_ul li:nth-child(2){ margin-right:0px;}
.zhu_t1_ul{ display:block; width:90%; margin:0 auto;}
.zhu_t1_ul li{ width:45%; margin-right:15px; margin-bottom:15px;}
.zhu_t1_ul li img{ width:100%;}
.about_ys01 .about_ys01_box{ width:100%;}
.about_ys01 .about_ys01_box .about_ys01_left{ float:none; width:85%; margin:0 auto;}
.about_ys01 .about_ys01_box .about_ys01_right{ float:none; width:90%;margin:0 auto;}
.zy_hezuo ul li{ width:45%;}
.zy_hezuo{ width:90%; margin:0 auto;}
.case_left{ float:none; width:90%; margin:0 auto;}
.case_left ul li{ float:left; width:45%; height:auto; margin-right:10px;}
.case_left ul li a img{ width:100%; height:auto;}
.case_mid{ display:none;}
.footer .footer_box{ width:90%; margin:0 auto;}
.footer .footer_box .footer_lf01{ display:none;}
.footer_lf02{ display:none;}
.footer_lf03{ display:block; float:none; width:100%; padding-left:0px;}
.synews{ width:90%; padding:0px;margin:0 auto;}
.synews .synews_left{ float:none;width:90%; margin:0 auto;}
.synews_c p{ width:20%;}
.synews_c p a img{ width:100%; height:auto;}
.synews_c dl{ width:75%;}
.synews_c dl dd{ display:none;}
.synews_d{ margin-top:0px;}
.synews_ul li{ float:none; width:100%;}
.synews_right{ float:none; width:90%; margin:0 auto;}
.synews_rul li .synews_a{ width:20%;}
.synews_rul li dl{ width:75%;}
.synews_rul li dl dt{ display:none;}
.synews_rul li dl p{ width:100%; float:none;}
.synews_rul li dl dd{ float:none;}
.fdlink{ width:100%; margin-top:10px;}
	}



