@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}

*{margin:0;padding:0;}
body{background:#fff; font-size:12px;line-height:22px;font-family:"Microsoft YaHei";}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
.body,.ul,.ol,.li,.p,.h1,.h2,.h3,.h4,.h5,.h6,.form,.fieldset,.table,.td,.img,.div,.tr,.dl,.dd,.select,.option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none; }
.img_cover{position: absolute;top: 0;bottom: 0;left: 0;right: 0;	max-width: 100%;max-height: 100%;display: block;margin:auto;padding: auto;}
.clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}
.tr{ transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
.wrap{ max-width:1200px; margin:0 auto;}
.overflow { overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}

header{ width:100%;}
.header_top { background:#f6f6f6;border-bottom:2px solid #ebebeb;}
.header_top .h6 { line-height:38px; font-size:14px;color:#222; float:left;}
.header_top .h5 { line-height:38px; font-size:14px;color:#222; float:right;}
.header_top .h5 a { color:#222;}
.header_top .h5 a:hover { text-decoration:underline !important;}
.header_top .h4 { float:right; margin-right:10px;}
.header_top .h4 a { display:inline-table;margin:7px }
.header{ width:100%; }
.logo{ width:70%; float:left;}
.logo img{ display:block; max-width:100%;}
.xx_box { width:25%;}
.header .tel { margin-top:30px; background:url(../images/tel.png) no-repeat left center;padding-left:27px; float:right;}
.header .tel span { display:block;line-height:22px; font-size:18px;color:#333; float:left;}
.header .tel i { display:block;line-height:22px; font-size:25px;color:#0657b2; font-family:"Impact"; font-style:normal;float:left;}
.header .ss { margin-top:12px;border:2px solid #0657b2;float:right;}
.header .ss input { width:197px; line-height:24px;padding:0 10px; background:#fff;float:left;}
.header .ss button { width:25px; height:24px;background:url(../images/but.jpg) no-repeat center center;float:left;border:none;}
/*导航下拉开始*/
.header_nav{ width:100%; z-index:99; position:relative; background:#0657b2;border-bottom:3px solid #00438f;}
.header_nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header_nav .nav{   position:relative; width:100%; float:left; }
.header_nav .nav .nLi{ float:left;  position:relative; display:inline; width:12.5%; text-align:center; }
.header_nav .nav .nLi h3{ width:100%; background:url(../images/shu.jpg) no-repeat right center;}
.header_nav .nav .nLi h3 a{ display:block; font-size:16px; color:#fff;line-height:50px;  margin-right:2px; }
.header_nav .nav .sub{ display:none; width:99.1%; left:0; top:50px;  position:absolute; background:rgba(11, 76, 149, 0.9) none repeat scroll 0 0  !important;  line-height:35px; padding:5px 0; z-index:999;}
.header_nav .nav .sub li{ zoom:1; }
.header_nav .nav .sub a{ display:block; padding:0 10px;color:#fff }
.header_nav .nav .sub a:hover{ background:#0657b2; color:#fff;  }
.header_nav .nav .nLi:hover h3 a{ color:#fff;background:#0b4c95; }
.header_nav .nav .nLi h3 a.cur{ color:#fff; background:#0b4c95; }
/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{float:right;  cursor:pointer;position:absolute;right:-13%;top:0; margin-top:40px;z-index:999; width:40px;}
.icon-menu .span01 { width:100%;height:5px;background:#0087e0;border-radius:5px; display:block;}
.icon-menu .span02 { width:100%;height:5px;background:#0087e0;border-radius:5px; display:block; margin:8px 0;}
.icon-menu .span03 { width:100%;height:5px;background:#0087e0;border-radius:5px; display:block;}
.icon-menu.click .span02 {width:0;opacity:0;filter:alpha(opacity=0); }
.icon-menu.click .span01 { position:relative;top:13px;transform:rotate(45deg);}
.icon-menu.click .span03 { position:relative;top:-13px;transform:rotate(-45deg);}
.sjdnav{ width:115px; height:280px; position:absolute;right:0%; top:119px;z-index:9999;background:rgba(44, 44, 44, 0.7) none repeat scroll 0 0 !important; background-color:#202020;}
.sjdnav ul{ padding:0; margin:0;}
.sjdnav li{ height:44px; line-height:44px;display:block;text-align:center; margin:0; padding:0;}
.sjdnav li a{display:block;line-height:40px; font-family:'Microsoft YaHei'; font-size:15px; color:#fff;}
.sjdnav li a:hover{background:#333; color:#fff;}
.sjdnavhide{ height:0; overflow:hidden;}
/*大图滚动开始*/
.banner{ width:100%;}
.ban_img { width:100%; padding-top:35%; position:relative;}
.swiper-pagination-bullet { width:32px; height:4px; border:1px solid #fff;  border-radius:0; background:rgba(0,0,0,0); opacity:1; }
.swiper-pagination-bullet-active { background:#8cc43d;border:1px solid #8cc43d; }

main { width: 100%; position:relative;margin:0 0 30px 0;}
.cp {margin:33px 0 0 0;}
.title { text-align:center;}
.title1 { line-height:35px;font-size:30px;color:#0657b2;}
.title2 { line-height:23px;font-size:20px;color:#0657b2;}
.title3 { width:300px;height:3px;background:url(../images/title.png) no-repeat center center;margin:13px auto;}
.slideTxtBox { width:100%; margin:10px 0 0 0;position:relative;}
.slideTxtBox .hd { width:100%; text-align:center;}
.slideTxtBox .hd ul { display:block;}
.slideTxtBox .hd ul li { width:12.5%;height:40px; line-height:40px; float:left; text-align:center;background:#0657b2; font-size:14px; color:#fff;cursor:pointer; border-right:1px solid #00336e;}
.slideTxtBox .hd ul li:hover { background:#014ba2;color:#fff;}
.slideTxtBox .hd ul li.on { background:#014ba2;color:#fff;}
.slideTxtBox .bd { width:100%; margin-top:30px; position:relative;}
.slideTxtBox .bd .cp_ul { display:block;}
.slideTxtBox .bd .cp_ul li { width:23%;float:left;margin: 0 1% 25px 1%; overflow:hidden; border:1px solid #dfdfdf; padding:3px;}
.slideTxtBox .bd .cp_ul li .pic { width:100%;position:relative;overflow:hidden;}
.slideTxtBox .bd .cp_ul li .pic .cp_img { padding-top:76%}
.slideTxtBox .bd .cp_ul li .zi { line-height:45px;font-size:16px;color:#222;text-align:center;}
.slideTxtBox .bd .cp_ul li:hover { border-color:#0657b2;}
.slideTxtBox .bd .cp_ul li:hover img { transform:scale(1.1,1.1);}
.slideTxtBox .bd .cp_ul li:hover .zi { color:#0657b2;}
.slideTxtBox .bd .cp_ul .hover { width:100%;height:100%;position:absolute;left:0;top:100%;background:rgba(2,2,2,0.8); display: -webkit-box; display: -moz-box; display: box; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; text-align:center}
.slideTxtBox .bd .cp_ul .hover .h1 { line-height:32px;font-size:20px;color:#fff; font-weight:bold;}
.slideTxtBox .bd .cp_ul .hover  b{ display:block;width:30px;height:2px;background:#fff; margin:10px auto;}
.slideTxtBox .bd .cp_ul .hover span{ color:#fff;font-size:20px;}
.slideTxtBox .bd .cp_ul li:hover .hover{ top:0;}


.news { margin:20px 0 0 0;}
.news_tt { width:100%;height:95px;background:#0858b1;}
.news_tt_zi { float:left;margin:18px 0 0 0;}
.news_tt_zi .h1 { line-height:31px;font-size:24px;color:#fff;}
.news_tt_zi .h2 { line-height:20px;font-size:14px;color:#fff;}
.news_tt_zi span { display:block; width:120px;height:1px;background:#fff;margin:5px 0 0 0;}
.news_tt a { display:block;float:right;width:76px; height:68px;line-height:68px;text-align:center; background:url(../images/more.png) no-repeat center center; font-size:20px;color:#fff;padding-right:10px;margin-top:13px;}
.news_left { margin:40px 0 0 0; width:43%;float:left;overflow:hidden;}
.news_left img { display:block; max-width:100%;margin:0 auto;}
.news_left .h1 { margin-top:8px;line-height:39px; font-size:16px;color:#666;font-weight:bold;}
.news_left span { display:block;width:30px;height:2px;background:#0657b2;}
.news_left .h2 { margin-top:10px;line-height:22px; font-size:13px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.news_left .h2 a {  color:#0657b2;}
.news_left:hover img { opacity: 0.8;}
.news_right { width:52%;float:right;margin:40px 0 0 0; }
.news_right ul { display:block;}
.news_right ul li { background:#f3f3f3; padding:10px; float:left }
.news_right ul li .news_B { width:180px;height:125px;float:left; margin-right:15px;overflow:hidden;}
.news_right ul li .news_B .news_img { width:100%;height:100%;}
.news_box { overflow:hidden;}
.news_right ul li .h1 { line-height:35px; font-size:16px;color:#666;font-weight:bold;}
.news_right ul li span { display:block;width:30px;height:2px;background:#0657b2; overflow:hidden}
.news_right ul li .h2 { margin-top:10px;line-height:22px; font-size:13px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.news_right ul li:hover{ background:#0657b2;}
.news_right ul li:hover .h1 { color:#fff;}
.news_right ul li:hover .h2 { color:#fff;}
.news_right ul li:hover .h2 a { color:#fff;}
.news_right ul li:hover span{ background:#fff; width:100%;}

.about { margin:40px 0 0 0;background:url(../images/about_bj.jpg) no-repeat 50% 50%;background-size:cover;padding:35px 0;}
.about_main { margin:15px 0 0 0; background:#fff; display:table;}
.about_left { width:23%;float:left;}
.about_left .pic3 { width:100%;overflow:hidden;position:relative; }
.about_left .pic3 img {  }
.about_left .text2 { width: 100%; padding: 37px 25px;border-top: none;background:#0858b1; }
.about_left .text2 span { display: block; width: 40px; height: 3px; background: #fff; margin: 0 auto; }
.about_left .text2 p { color: #fff; height: 24px; overflow: hidden; font-size: 16px; text-align: center; line-height: 24px; margin: 15px auto 0; }
.about_right { width:73%; margin:1% 2%;float:right; }
.about_right .pic { display:inline-block;width:100%;}
.about_right .pic .pic1 { width: 67%; float: left; overflow: hidden; position: relative; max-height:360px }
.about_right .pic .pic2 { width: 29%; float: right; overflow: hidden; position: relative;  }
.about_right .text1 { width:100%; margin:10px 0; font-size:14px;color:#222;line-height:22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.about_right .text1 a { color:#0657b2;position:absolute }
.about_main img { display:block; max-width:100%; transition: ease-out 1s;}
.about_main:hover img { transform:scale(1.1,1.1)}

.case { margin:35px 0 0 0;}
.cases_main{ width:100%; float:left; margin-top:3%; height:430px;}
.case_main_L{ width:29%; float:left; margin:0 0.5%; height:100%;overflow:hidden;}
.case_L_1{ width:100%; height:28%;overflow:hidden;}
.case_L_1 a{ display:block; width:100%; height:100%; }
.case_L_2{ width:100%; height:72%; margin:10px 0 0 0;overflow:hidden;}
.case_L_2 a{ display:block; width:100%; height:100%; }

.case_main_C{ width:49%; float:left; margin:0 0.5%; height:100%;overflow:hidden;}
.case_C_1{ width:100%; height:70%;overflow:hidden;}
.case_C_1 a{ display:block; width:100%; height:100%; }
.case_C_2{ width:100%; height:30%;  padding:10px 0 0 0;}
.case_C_3{ width:34%; height:100%; float:left;overflow:hidden;}
.case_C_3 a{ width:100%; display:block; height:100%; }
.case_C_4{ width:66%; height:100%; padding-left :10px; float:right;overflow:hidden;}
.case_C_4 a{ width:100%; display:block; height:100%; text-align:center;}

.case_main_R{ width:19%; margin:0 0.5%; height:100%; float:left;overflow:hidden;}
.case_R_1{ width:100%; height:70%;overflow:hidden;}
.case_R_1 a{ display:block; width:100%; height:100%;  }
.case_R_2{ width:100%; height:30%;  margin:10px 0 0 0;overflow:hidden;}
.case_R_2 a{ display:block; width:100%; height:100%}

.case_L_2 a:hover { transform:scale(1.1,1.1);}
.case_C_1 a:hover { transform:scale(1.1,1.1);}
.case_C_4 a:hover { transform:scale(1.1,1.1);}
.case_R_1 a:hover { transform:scale(1.1,1.1);}
.case_R_2 a:hover { transform:scale(1.1,1.1);}

footer { }
.foot_nav { background:#717172;padding-top:34px;}
.foot_nav dl { height:auto;background:url(../images/foot_shu.jpg) no-repeat right top;padding:0 60px; float:left;}
.foot_nav dl dt { font-size:14px;color:#fff; margin-bottom:5px;}
.foot_nav dl dd {  line-height:24px;font-size:13px;color:#c5c5c5;}
.foot_nav dl dd a { font-size:13px;color:#c5c5c5;}
.foot_nav dl dd a:hover { color:#0657b2;}
.foot_nav .h1 { font-size:14px;color:#fff; margin-bottom:18px; text-align:center;overflow:hidden;}
.foot_nav img { display:block; max-width:100%;float:right;}
.foot_nav .erweima { border:1px solid #000;border-radius:5px;}

.foot { background:#0858b1;padding:16px 0;text-align:center;}
.foot_top { line-height:26px;font-size:14px;color:#fff;}
.foot_top a { font-size:14px;color:#fff;}
.foot_top a:hover { text-decoration:underline !important;}
.foot_bottom { line-height:26px;font-size:14px;color:#fff;}
.foot_bottom a { color:#fff;}
.foot_bottom img { margin-right:5px;}
.foot_bottom a:hover { text-decoration:underline !important;}

/*cpzs*/
.cpzs { width:100%;position:relative; }
.cpzs_bj1 { width:50%;height:68px;background:#0657b2;position:absolute;left:0;top:0; z-index:-1;}
.cpzs_bj2 { width:50%;height:68px;background:#e8e8e8;position:absolute;right:0;top:0;z-index:-1;}
.cpzs_bj3 { width:50%;height:100%;background:#f6f6f6;position:absolute;left:0;top:68px;z-index:-1;}
.cpzs_bj4 { width:50%;height:100%;background:#ffffff;position:absolute;right:0;top:68px;z-index:-1;}
.cpzs_left { width:248px;float:left;overflow:hidden; background:#f6f6f6;height:1000px;}
.s-drop-wrap { width:100%; }
.s-drop-btn { /*cursor:pointer;*/width:100%;height:68px;background:#0657b2;text-align:center; padding-top:9px; font-size:20px;color:#fff;font-weight:bold; line-height:30px;border-right:2px solid #fff;}
.s-drop-btn span { display:block;font-weight:normal;font-size:12px;color:#7faedc;text-transform:uppercase; line-height:20px;}
.s-drop-btn.act{ background:#0657b2;}
.s-drop-list {display: block; }
.s-drop-list li{ margin-top:0;}
.s-drop-list li a{ display:block; }
.ack{color:#0657b2 !important;}

.aside-list-link{ font-size:14px; color:#222;line-height:59px;border-bottom:1px solid #c4c4c4; background:url(../images/cpzs_dian1.png) no-repeat 97% center, #f6f6f6; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.aside-list-link:hover, .aside-list-link.act{ background:url(../images/cpzs_dian2.png) no-repeat 97% center, #f6f6f6; color:#0657b2; font-weight:bold;}
.s-drop-list li .aside-sublist{ width:100%;  display:none;  }
.s-drop-list li .aside-sublist li{margin-top:5px;}
.s-drop-list li .aside-sublist li a{ color:#5e5e5e; line-height:40px;  font-size:14px; margin-bottom:1px; text-align:center; background:#eee;}
.s-drop-list li .aside-sublist li a:hover, .aside-sublist li a.act{ background:#fff;color:#0657b2;}
.cpzs_lxfs { margin-top:33px;}
.cpzs_lxfs .h3 { line-height:67px;font-size:18px;color:#fff;font-weight:bold;background:#0657b2;text-align:center;}
.cpzs_lxfs .h3 span { font-size:14px;font-weight:normal;}
.cpzs_lxfs .lxfs { background:#f6f6f6;border:1px solid #e5e5e5;padding:12px; line-height:28px;font-size:13px;color:#333;}
.cpzs_lxfs .lxfs img { display:block; max-width:100% ;margin:0 auto 10px auto;}
.cpzs_right { width:calc(100% - 250px);width:-moz-calc(100% - 250px);width:-webkit-calc(100% - 250px); float:left;  background:#fff;min-height:1000px;}
.cpzs_right .h1 { width:100%;height:68px;background:#e8e8e8; font-size:18px;color:#0657b2;font-weight:bold; line-height:68px;padding-left:44px;}
.cpzs_right .h1 span { font-size:12px;color:#222;float:right;font-weight:normal;}
.cpzs_ul { margin:30px 0 0 15px;}
.cpzs_ul li { width:31.3%;float:left;margin:0 1% 22px 1%;overflow:hidden; border:1px solid #dfdfdf;padding:1px;}
.cpzs_ul li .pic { width:100%;position:relative;overflow:hidden;}
.cpzs_ul li .pic .cpzs_img { padding-top:76%;}
.cpzs_ul li .pic .hover { width:100%;height:100%;position:absolute;left:0;top:100%;background:rgba(2,2,2,0.7);  display: -webkit-box; display: -moz-box; display: box; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; }
.cpzs_ul li .pic .hover .h2 { line-height:32px;font-size:18px;color:#fff;}
.cpzs_ul li .pic .hover span { width:95px;height:1px;background:#fff;margin:20px auto 10px auto;display:block;}
.cpzs_ul li .pic .hover img { display:block; max-width:100%;margin:0 auto;}
.cpzs_ul li .zi { line-height:37px;text-align:center;font-size:16px;color:#333;}
.cpzs_ul li:hover .hover { top:0;}

/*cpzs_ny*/
.cpzs_ny { width:90%; margin:20px auto;}
.cpzs_ny .bt { line-height:34px;font-size:20px;color:#0657b2;font-weight:bold;text-align:center;}
.cpzs_ny img { display:block; max-width:100%;margin:20px auto;}
.cpzs_ny_tt { border-bottom:1px solid #0657b2;padding:0 10px;}
.cpzs_ny_tt a { display:inline-block;margin-right:10px;width:90px;line-height:30px;text-align:center; font-size:14px;color:#333;border-radius:5px 5px 0 0; background:#e4e3e3;}
.cpzs_ny_tt a.on { background:#0657b2;color:#fff;}
.cpzs_ny_tt a:hover { background:#0657b2;color:#fff;}
.cpzs_ny .zi { font-size:14px;color:#333;line-height:28px; margin-top:20px;}

/*news*/
.xw_ul { width:90%;margin:30px auto;}
.xw_ul li {  background:#f3f3f3; padding:10px; margin-bottom:16px;border:1px solid #ccc; float:left;width:100%;}
.xw_ul li  .news_B { width:180px;height:125px;float:left; margin-right:15px;overflow:hidden;}
.xw_ul li  .news_B .news_img { width:100%;height:100%;}
.news_box { overflow:hidden;}
.xw_ul li  .h3 { line-height:35px; font-size:16px;color:#666;font-weight:bold;}
.xw_ul li  span { display:block;width:30px;height:2px;background:#0657b2; overflow:hidden}
.xw_ul li  .h2 { margin-top:10px;line-height:22px; font-size:13px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.xw_ul li:hover{ background:#0657b2;}
.xw_ul li:hover .h3 { color:#fff;}
.xw_ul li:hover .h2 { color:#fff;}
.xw_ul li:hover .h2 a { color:#fff;}
.xw_ul li:hover span{ background:#fff; width:100%;}

/*news_ny*/
.xw_ny { width:90%; margin:25px auto; /*text-align:center;*/}
.xw_ny img {  display:block; max-width:100%; margin:2% auto;}
.xw_ny h1 {  display:inline-block ;line-height:42px;  font-size:18px; color:#2d2d2d;font-weight:bold; border-bottom:2px solid #0196dc;text-align:center; margin:2% auto;}
.xw_ny h2 {  display:block;line-height:35px; font-size:14px; color:#636363; margin-top:2%; text-align:left;}
.xw_ny h3 {  display:block;line-height:35px; font-size:12px; color:#636363; margin-top:2%; text-align:right;}

/*lxwm*/
.lxwm {width:90%; margin:25px auto; }
.lxwm .lxfs { line-height:35px; font-size:14px; color:#636363; }

/*zizhi*/
.zizhi_ul { margin:20px 0 0 0;}
.zizhi_ul li { width:23%;float:left;margin:0 1% 17px 1%;overflow:hidden; border:1px solid #e9e9e9;}
.zizhi_ul li .pic { width:100%;position:relative;}
.zizhi_ul li .zi_img { padding-top:75%;}
.zizhi_ul li:hover img { transform:scale(1.1,1.1);}

/*hr*/
.hr { width:90%;margin:20px auto;line-height:26px; font-size:14px; color:#636363;}

/*手机底部*/
.hot{width:100%; height:58px; background:#191919; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }


@media (max-width:1200px){
	.wrap{ width:96%}
    .foot_nav dl { padding:0 16px;}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .wrap1 { width:100% !important;}
    .logo { width:494px;}
    .slideTxtBox .hd ul li { width:25%;}
    .slideTxtBox .bd .cp_ul li { width:31.33333%;}
    .news_left { width:100%;}
    .news_right { width:100%;}
    .about_right { width:98%;margin:1%;}
    /*.cpzs*/
    .cpzs { margin-top:20px;}
    .cpzs_left { width:100%; height:auto;}
    .s-drop-list li { width:50%;float:left;}
    .aside-list-link { padding:0 5%;}
    .cpzs_right { width:100%;height:auto;}
    /*zizhi*/
    .zizhi_ul li { width:31.333%}
    }

@media (max-width:767px){
	.wrap{ width:96%}
    .wrap1 { width:100% !important;}
    .logo { width:494px;}
    .slideTxtBox .hd ul li { width:25%; font-size:12px;}
    .slideTxtBox .bd .cp_ul li { width:48%;}
    .news_left { width:100%;}
    .news_right { width:100%;}
    .news_right ul li .news_B { width:150px;}
    .news_right ul li .h1 { font-size:14px;}
    .news_right ul li .h2 { font-size:12px;}
    .about_right { width:98%;margin:1%;}
    .about_right { width:98%;margin:1%;}
    .cases_main{ height:380px;}
    .case_main_L {width:35%;}
    .case_main_C { width:63%;}
	.case_C_1{ height:60%;}
	.case_C_2{ height:40%;}
    /*.cpzs*/
    .cpzs { margin-top:20px;}
    .cpzs_left { width:100%; height:auto;}
    .s-drop-list li { width:50%;float:left;}
    .aside-list-link { padding:0 5%;}
    .cpzs_right { width:100%;height:auto;}
    .cpzs_ul li { width:48%;}
    /*zizhi*/
    .zizhi_ul li { width:48%}
    }

@media (max-width:567px){
    .logo { width:300px;}
    .icon-menu { margin-top:20px;}
    .sjdnav { top:72px;}
	}

@media (max-width:467px){
    .cases_main { margin-top:20px;height:250px;}
    .case_L_2 { padding:3px 0 0 0;}
    .case_C_2 { padding:3px 0 0 0;}
    .case_C_4 { padding-left:3px;}

    }

@media (max-width:376px){
	}

@media (max-width:336px) {
    .logo { width:260px;}
    .icon-menu .span02 { margin:5px 0;}
    .sjdnav { top:62px;}
    }
    /*清除样式*/
.clear 
{
     clear:both;
     font-family:'微软雅黑';

}

/*分页css scott style pagination*/
div.scott
{
    padding:3px;margin:3px;text-align:center;

}
div.scott a
{
    border:#221616 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;text-decoration:none;

}
div.scott a:hover
{
    border:#221616 1px solid;color:white;background-color:#221616;

}
div.scott a:active
{
    border:#221616 1px solid;color:#611985;background-color:#221616;

}
div.scott span.current
{
    border:#221616 1px solid;padding:2px 5px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#221616;

}
div.scott span.disabled
{
    border:#dfdfdf 1px solid;padding:2px 5px;color:#221616;margin:0 2px 0 0;

}

/*QQ*/
.dock {
    position: fixed;
    right: 0px;
    width: 50px;
    -moz-opacity: 0.7;
    opacity: 0.7;
    z-index: 200;
}

    .dock.close {
        z-index: 50;
    }

    .dock ul.icons {
        position: absolute;
        list-style: none;
        right: 0px;
        padding: 0px;
        width: 50px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
    }

    .dock.close ul.icons {
        right: -70px;
    }

    .dock ul.icons li i {
        display: block;
        position: relative;
        width: 50px;
        height: 50px;
        background: url(../images/icons.png) no-repeat;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -ms-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
        z-index: 210;
    }

    .dock ul.icons li.active i {
        -moz-opacity: 0.4;
        opacity: 0.4;
    }

    .dock ul.icons li.up i {
        background-position: -63px -150px;
    }

    .dock ul.icons li.tel i {
        background-position: -62px -108px;
    }

    .dock ul.icons li.im i {
        background-position: -63px -20px;
    }

    .dock ul.icons li.wechat i {
        background-position: -59px -66px;
    }

    .dock ul.icons li.down i {
        background-position: -63px -190px;
    }

    .dock ul.icons li p {
        display: block;
        position: absolute;
        top: 50px;
        right: -260px;
        padding: 15px 20px;
        height: 120px;
        color: White;
        line-height: 30px;
        border: 1px solid #333;
        border-right: none;
        background: #111;
        -moz-border-radius: 10px 0 0 10px;
        -webkit-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .4s ease-in-out .1s;
        -moz-transition: all .4s ease-in-out .1s;
        -ms-transition: all .4s ease-in-out .1s;
        -o-transition: all .4s ease-in-out .1s;
        transition: all .4s ease-in-out .1s;
        overflow: hidden;
        z-index: 201;
    }

    .dock ul.icons li.active p {
        right: 50px;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .dock ul.icons li.tel p {
        width: 200px;
        height: 130px;
        line-height: 90px
    }

    .dock ul.icons li.im p {
        width: 185px;
        height: 155px;
        line-height: 30px
    }

        .dock ul.icons li.im p a {
            display: block;
            margin-top: 12px;
            width: 100px;
            height: 35px;
            line-height: 32px;
            color: #00dfb9;
            font-size: 16px;
            text-align: center;
            text-decoration: none;
            border: 1px solid #00dfb9;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            -webkit-transition: all .3s ease-in-out 0s;
            -moz-transition: all .3s ease-in-out 0s;
            -ms-transition: all .3s ease-in-out 0s;
            -o-transition: all .3s ease-in-out 0s;
            transition: all .3s ease-in-out 0s;
        }

            .dock ul.icons li.im p a:hover {
                color: White;
                background: #0f8773;
                border: 1px solid #0f8773;
            }

    .dock ul.icons li.wechat p {
        width: 180px;
        height: 180px;
        line-height: 30px
    }

        .dock ul.icons li.wechat p img {
            border: 2px solid #000;
        }

    .dock a.switch {
        position: absolute;
        display: block;
        top: 270px;
        right: 11px;
        width: 26px;
        height: 26px;
        background: url(../images/icons.png) no-repeat 0px -640px;
        cursor: pointer;
        -webkit-transition-delay: .15s;
        -moz-transition-delay: .15s;
        -ms-transition-delay: .15s;
        -o-transition-delay: .15s;
        transition-delay: .15s;
    }

        .dock a.switch.off {
            background-position: -32px -640px;
        }