@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;}

header{ width:100%;}
.header{ width:100%; position:relative;}
.logo{  width:307px; float:left; }
.logo img{ display:block; max-width:100%; }
.header .tel { float:left;background:url(../images/tel.png) no-repeat left center;padding-left:55px;line-height:80px; font-size:18px;color:#ff0000;font-weight:bold; margin-left:2%;}
.header .top1 { float:right; margin:25px 0 0 10px;position:relative;}
.top2 { display:none; width:100px;height:100px;position:absolute;right:0;top:55px; z-index:9999;}

/*导航下拉开始*/
.header_nav{ width:48%;z-index:99; float:left ; margin-left:30px;}
.header_nav .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.header_nav .nav{  position:relative; z-index:99;  }
.header_nav .nav a{ color:#fff;  }
.header_nav .nav .nLi{ float:left;  position:relative; display:inline; width:14.28%; text-align:center;}
.header_nav .nav .nLi h3{ float:left; width:100%; }
.header_nav .nav .nLi h3 a{ display:inline-table; font-size:16px; color:#828282; line-height:76px;}
.header_nav .nav .sub{ display:none; width:100%; left:0; top:80px;  position:absolute; background:rgba(255, 255, 255, 0.6) none repeat scroll 0 0 !important;  line-height:30px; padding:5px 0; z-index:999;}
.header_nav .nav .sub li{ zoom:1; }
.header_nav .nav .sub a{ display:block; font-size:13px;color:#333;}
.header_nav .nav .sub a:hover{  color:#3f9fdb; }
.header_nav .nav .nLi:hover h3 a{ color:#3f9fdb;  border-bottom:4px solid #3f9fdb;}
.header_nav .nav .nLi h3 a.cur{  color:#3f9fdb; border-bottom:4px solid #3f9fdb;}
/*移动端导航*/
.sj_nav{ width:100%; }
.icon-menu{float:right;  cursor:pointer;position:absolute;right:2%;top:0; margin-top:25px;z-index:999; width:40px;}
.icon-menu .span01 { width:100%;height:5px;background:#3f9fdb;border-radius:5px; display:block;}
.icon-menu .span02 { width:100%;height:5px;background:#3f9fdb;border-radius:5px; display:block; margin:8px 0;}
.icon-menu .span03 { width:100%;height:5px;background:#3f9fdb;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:80px;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-size:15px; color:#fff;}
.sjdnav li a:hover{background:#333; color:#fff;}
.sjdnavhide{ height:0; overflow:hidden;}
/*大图滚动开始*/
.banner{ width:100%; position:relative;}
.ban_img { width:100%; padding-top:35%; position:relative;}
.swiper-pagination-bullet { width:59px; height:4px; border-radius:0; background:#fff; opacity:1; }
.swiper-pagination-bullet-active { background:#f6a10a; }
.swiper-button-next { width:72px;height:72px;background:url(../images/right.png) no-repeat ;right:-100%; transition:all 0.7s;}
.swiper-button-prev {  width:72px;height:72px;background:url(../images/left.png) no-repeat ;left:-100%; transition:all 0.7s;}
.banner:hover .swiper-button-next { right:20px;}
.banner:hover .swiper-button-prev { left:20px;}

.sjsj { width:100%;height:50px;background:#3f9fdb;}
.sjsj .tel2 { line-height:50px; background:url(../images/tel2.png) no-repeat left center;padding-left:45px;margin-left:10px;font-size:18px;color:#fff;}

main { width: 100%; position:relative;}
.ys { margin:40px 0 0 0;position:relative;}
.title { text-align:center;}
.title1 { line-height:42px; font-size:24px;color:#0071b8;background:url(../images/title.png) no-repeat center center;}
.title2 { line-height:28px; font-size:14px;color:#757575;text-transform:uppercase;}
.ys_ul { margin-top:34px;text-align:center;}
.ys_ul li { width:12%;float:left;text-align:center; margin:0 4%;}
.ys_ul li .pic1 { /*background:url(../images/k1.png) no-repeat center center, #3f9fdb;*/background:#3f9fdb; border:15px solid #f0f0f0; margin:0 auto; position:relative;}
.ys_ul li .pic1 .ys_img { padding-top:100%}
.ys_ul li .zi { line-height:55px; font-size:18px;color:#595959;}
.ys_ul li:hover .pic1 { transform:rotateY(-360deg);border-color:#c9dfec;background:#0071b8;}

.cp { width:100%;background:#f0eeed;padding:40px 0 0 0;}
.swiper-container1 { margin:40px 0 0 0;position:relative;}
.swiper-container1 .swiper-slide .pic { width:100%;position:relative;overflow:hidden; border: 1px solid #999}
.swiper-container1 .swiper-slide .pic .cp_img { padding-top:75%; }
.swiper-container1 .swiper-slide .pic .hover { width:100%;height:100%;position:absolute;left:0;top:100%;background:rgba(70,145,191,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; }
.swiper-container1 .swiper-slide .pic .hover img { display:block;max-width:100%;margin:15px auto;}
.swiper-container1 .swiper-slide .pic .hover .h1 { line-height:46px;font-size:18px;color:#fff;border-top:1px solid #fff;}
.swiper-container1 .swiper-slide:hover img { transform:scale(1.1,1.1);}
.swiper-container1 .swiper-slide:hover .hover { top:0;}
.cp_zi { line-height:32px; font-size:15px;color:#fff;background:#0071b8;padding:22px 0;text-align:center;}

.news { margin:40px 0 0 0;position:relative;}
.news_ul { margin:35px 0 0 0;position:relative;}
.news_ul li { width:48%;overflow:hidden; margin-bottom:60px;}
.news_ul li .news_B { width:155px;height:154px;float:left;margin-right:20px;border:15px solid #f0f0f0;}
.news_ul li .news_B .news_img { width:100%;height:100%;}
.news_ul li .h1 { line-height:22px; font-size:18px;color:#595959;}
.news_ul li .h2 { line-height:30px; font-size:12px;color:#ababab;}
.news_ul li .h3 { line-height:23px; font-size:14px;color:#8e8e8e;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news_ul li .h4 { width:100px;height:36px;line-height:36px;text-align:center; font-size:14px;color:#9d9d9d; overflow:hidden; background:#f0f0f0;}
.news_ul li:hover .news_B { border-color:#c9dfec;}
.news_ul li:hover .news_img { transform:scale(1.1,1.1);}
.news_ul li:hover .h1 { color:#3f9fdb;}
.news_ul li:hover .h4 {  color:#fff;background:#0071b8;}

.case { margin:10px 0 0 0;position:relative; background:url(../images/case_bj.jpg) no-repeat top center; padding:45px 0 0 0;}
.swiper-container2 { margin:35px 0 0 0;}
.swiper-container2 .swiper-slide .pic { width:100%;position:relative;overflow:hidden;border:1px solid #d3d3d3; padding:8px;background:#fff;}
.swiper-container2 .swiper-slide .pic .case_img { padding-top:80%;}
.swiper-container2 .swiper-slide .pic .hover { width:100%;height:100%;position:absolute;left:0;top:100%;background:rgba(70,145,191,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; }
.swiper-container2 .swiper-slide .pic .hover img { display:block;max-width:100%;margin:15px auto;}
.swiper-container2 .swiper-slide .pic .hover .h1 { line-height:46px;font-size:18px;color:#fff;border-top:1px solid #fff;}
.swiper-container2 .swiper-slide:hover .pic { border-color:#0071b8;}
.swiper-container2 .swiper-slide:hover img { transform:scale(1.1,1.1);}
.swiper-container2 .swiper-slide:hover .hover { top:0;}

footer { margin:90px 0 0 0;background:url(../images/foot_bj.jpg) no-repeat 50% 50%;background-size:cover;padding:42px 0 0 0;}
.cont { width:45%;height:233px;background:url(../images/foot_shu.png) no-repeat right center; margin:20px 0 0 0; float:left;}
.cont .h1 { line-height:55px; font-size:18px;color:#fff;}
.cont .lxfs { line-height:32px;font-size:14px;color:#fff; padding-left:27px; margin-right:35px; float:left;}
.foot_nav { width:25%;float:left;height:233px;background:url(../images/foot_shu.png) no-repeat right center; margin:20px 0 0 0; padding:0 2%;}
.foot_nav .h1 { line-height:55px; font-size:18px;color:#fff;}
.foot_nav a { display:inline-table;width:32%;line-height:32px; font-size:14px;color:#fff;}
.foot_nav a:hover { text-decoration:underline !important;}
.link { width:28%;float:right; margin:20px 0 0 0;}
.link .h1 { line-height:55px; font-size:18px;color:#fff;}
.link a { display:inline-table;width:49%;line-height:32px; font-size:14px;color:#fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.link a:hover { text-decoration:underline !important;}
.foot { border-top:1px solid #fff; padding:36px 0; line-height:32px;font-size:14px;color:#fff;text-align:center; width:100%;float:left; margin-top:40px;}
.foot a { color:#fff;}

/*cpzs*/
.cpzs { margin:45px 0 0 0;position:relative;}
.cpzs_left { width:280px;float:left;overflow:hidden; margin-right:20px;}
.s-drop-wrap { width:100%; }
.s-drop-btn { background:url(../images/cpzs_dian1.png) no-repeat 22px center, url(../images/cpzs_heng.jpg) no-repeat left center,  #0071b8; line-height:52px; font-size:18px; color: #fff; padding-left:155px; }
.s-drop-btn span { line-height:52px;right:20px;}
.s-drop-btn.act{ background:url(../images/cpzs_dian1.png) no-repeat 22px center, url(../images/cpzs_heng.jpg) no-repeat left center,  #0071b8;}
.s-drop-list {display: block;}
.s-drop-list li{ margin-top:15px;}
.s-drop-list li a{ display:block; }
.aside-list-link{ font-size:14px; color:#252525;line-height:37px; background:#e9e9e9; text-align:center; }
.aside-list-link:hover, .aside-list-link.act{ background:#3f9fdb; color:#fff;}
/*.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:#000;color:#bc2a2a;}*/
.cpzs_lxwm { margin-top:43px;}
.cpzs_lxwm .h1 { background:url(../images/cpzs_dian2.png) no-repeat 22px center, url(../images/cpzs_heng.jpg) no-repeat left center,  #0071b8; line-height:52px; font-size:18px; color: #fff; padding-left:155px;}
.cpzs_lxwm img { display:block;max-width:100%;margin:10px auto;}
.cpzs_lxwm .lxfs { line-height:34px; font-size:14px;color:#252525}
.cpzs_lxwm .lxfs span {  color:#ff0000;}
.cpzs_right { width:calc(100% - 300px);width:-moz-calc(100% - 300px);width:-webkit-calc(100% - 300px); float:left;}
.cpzs_tt { line-height:30px;font-size:12px;color:#535353;border-bottom:1px solid #535353;}
.cpzs_ul { margin:35px 0 0 0;position:relative;}
.cpzs_ul li { width:31.3%;float:left;margin:0 1% 10px 1%;overflow:hidden;}
.cpzs_ul li .pic { width:100%;position:relative;overflow:hidden;border:1px solid #d3d3d3; padding:8px;background:#fff;}
.cpzs_ul li .pic .case_img { padding-top:80%;}
.cpzs_ul li .pic .hover { width:100%;height:100%;position:absolute;left:0;top:100%;background:rgba(70,145,191,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; }
.cpzs_ul li .pic .hover img { display:block;max-width:100%;margin:15px auto;}
.cpzs_ul li .pic .hover .h1 { line-height:46px;font-size:18px;color:#fff;border-top:1px solid #fff;}
.cpzs_ul li .zi { line-height:55px;font-size:14px;color:#535353;text-align:center;}
.cpzs_ul li:hover .pic { border-color:#0071b8;}
.cpzs_ul li:hover img { transform:scale(1.1,1.1);}
.cpzs_ul li:hover .hover { top:0;}
.cpzs_ul li:hover .zi { color:#3f9fdb;}

/*cpzs_ny*/
.cpzs_ny { margin:35px 0 0 0;position:relative;}
.cpzs_ny img { display:block;max-width:100%;margin:10px auto;}
.cpzs_ny .h1 { text-align:center;line-height:34px;font-size:15px;color:#535353;}

/*news*/
.xw_ul { margin:35px 0 0 0;position:relative;}
.xw_ul li { width:100%;float:left;margin-bottom:33px;border:1px solid #dcdcdc;background:#dcdcdc;}
.xw_ul li .xw_B { width:270px;height:226px;float:left;border:5px solid #fff;margin-right:33px; overflow:hidden;}
.xw_ul li .xw_B .xw_img { width:100%;height:100%;}
.xw_ul li .h1 { margin-top:18px;line-height:58px;font-size:16px;color:#333;}
.xw_ul li .h2 { line-height:24px;font-size:14px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; padding-right:2%;}
.xw_ul li .h3 { margin-top:18px;line-height:28px;font-size:12px;color:#333;}
.xw_ul li:hover { border-color:#0071b8;background:#0071b8;}
.xw_ul li:hover .xw_img { transform:scale(1.1,1.1);}
.xw_ul li:hover .h1 { color:#fff;}
.xw_ul li:hover .h2 { color:#fff;}
.xw_ul li:hover .h3 { color:#fff;}

/*news_ny*/
.xw_ny { width:100%; margin-top:25px;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;}








/*手机底部*/
.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%}
    .header_nav { width:64%;}
    .cont .lxfs { margin-right:20px;}
    }

@media (max-width:991px) and (min-width:768px){
	.wrap{ width:96%}
    .wrap1 { width:100% !important;}
    .ys_ul li { float:none;display:inline-block; width:25%; margin:10px 4%;}
    .news_ul li { width:100%;}
    .cont { width:100%;background:none;}
    .link { width:100%;}
    /*cpzs*/
    .cpzs_left { width:100%;}
    .s-drop-list { display:none;}
    .cpzs_right { width:100%;}
    }
 
@media (max-width:767px){
	.wrap{ width:96%}
    .wrap1 { width:100% !important;}
    .ys_ul li { float:none;display:inline-block; width:27%; margin:10px 2%;}
    .ys_ul li .pic1 { border:8px solid #f0f0f0;}
    .ys_ul li .zi { font-size:14px;}
    .cp_zi { font-size:12px; line-height:28px;padding:18px 0;}
    .news_ul li { width:100%;}
    .news_ul li .h3 { -webkit-line-clamp:2;margin-top:5px;}
    .news_ul li .h4 { margin-top:15px;}
    .cont { width:100%;background:none; height:initial;}
    .link { width:100%; height:initial;}
    /*cpzs*/
    .cpzs_left { width:100%;}
    .s-drop-list { display:none;}
    .cpzs_right { width:100%;}
    .cpzs_ul li { width:48%;}
    /*news*/
    .xw_ul li .xw_B { float:none;}
    }

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

@media (max-width:467px){
    .ys_ul li {  width:30%; margin:10px 1%;}

    }

@media (max-width:376px){
    .logo { width:255px;}
    .icon-menu { margin-top:18px;}
    .icon-menu .span02 { margin:5px 0;}
    .sjdnav { top:66.44px;}
    .icon-menu.click .span01 { top:12px;}
    .icon-menu.click .span03 { top:-9px;}
	}

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