@charset "utf-8";

/* CSS Document */



 a{  text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"寰蒋闆呴粦"}

 a:visited{text-decoration:none ;}

 a:active{text-decoration:none;}

 a:hover{ color:#0f3b70;outline:none;text-decoration:none;}

 .mlogo{ display:none}

body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img {

    margin: 0;

    padding: 0;

}



.container-fluid {padding-right: 0px;  padding-left: 0px;}



@media (min-width: 1250px) {

    .container{

        width: 1250px;

    }

}





@media (min-width: 1500px) {

  

}





html {font-size:62.5%;}

body{ background:#FFF; font-family:"寰蒋闆呴粦"; font-size:14px; font-size:1.4em;}



/*top*/

.top_nav{ background:#02429a; color:#ffffff; line-height:40px;}

.top_nav .wz{ color:#ffffff; font-size:13px; text-align:left}

.top_nav .wz1{ color:#ffffff; font-size:13px; text-align:right}

.top_nav .wz1 span{ font-size:15px; color:#ffffff; }

.top_nav .wz1 i{ font-size:20px; padding-right:10px;}





.wz{ text-align:right}



.top{z-index:9999;width:100%; background:#ffffff; border-bottom:1px solid #eeeeee; height:100px; position: relative} 

.top .logo{width:20%;float:left; padding:25px 0 10px}

.top .logo img{height:56px;}

.top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;}

.top .top_txt{padding:18px 0 16px 13px;line-height:32px;float:left;font-size:18px;color:#5f5f5e;}

.top .top_right{padding:0px 1px;float:right; width:11%; margin-top:35px; text-align:center; display:block; background:#ffffff; padding:8px 0; color:#000000; font-size:16px; font-weight:bold}

.topfix{ position:fixed; top:0; left:0; z-index:100000}



/*nav*/

#navbg{ width:68%; transition:0.4s; float:right;}

#navbg .nav ul{margin-bottom:0;}

#navbg .nav .firstfloor>li{display:inline-block;float:left;height:100px;line-height:110px;font-size:15px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative;}

#navbg .nav .firstfloor>li>a{display:block;height:100px; padding:0 24px;color:#000000;}

#navbg .nav .firstfloor>li:hover{ background:url(../images/nav_h.png) repeat-x bottom center;}

#navbg .nav .firstfloor>li:hover>a{color:#000000;}

#navbg .nav .secondfloor{position:absolute;left:0;top:100px;z-index:9999;display:none;background:rgb(255,255,255);width:100%;border-top:none;box-sizing:border-box;}

#navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:40px;height:40px;font-size:13px;margin-left:0;position:relative;}

#navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;}

#navbg .nav .secondfloor>li:hover>a{background:#159997;color:#FFF;}

#navbg .nav .secondfloor>li>.navr{position:absolute;left:100%;top:0;padding:0 10px;background:#FFF;display:none;width:200px;}

#navbg .nav .secondfloor>li:hover>.navr{display:block;}

#navbg .nav .secondfloor>li>.navr>a{display:block;display:inline-block;height:40px;line-height:40px;border-bottom:1px solid #E4EAEC;}











.ad{ background:#0474c3; color:#FFF; line-height:25px; padding:15px 0}

.ad a{ color:#FFF;}



@media (max-width: 1499px) {

.top .top_right{ width:12%; font-size:14px;}

#navbg .nav .firstfloor>li>a{ padding:0 15px}

}



@media (max-width: 1249px) {

.top .top_right{ display:none;}

#navbg{ width:68%;}

#navbg .nav .firstfloor>li>a{ padding:0 11px}

}





#mobilehead .nav{ display:none}

/*mobilehead*/

#mobilehead{ width:100%}

#mobilehead .logo{width:calc(100% - 120px);height:70px;float:left;}

#mobilehead .nav{float:right;}

#mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}

#mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;}

#mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;}

#mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;}

#mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;}

#mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(../images/+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;}

#mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}

#mobilehead .nav .nav_one>li>ul{display:none;}

#mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;}

#mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;}

#mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;}

#mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}

#mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;}

#mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;}

#mobilehead .nav .push-nav .nav-toggle span.two{width:30px;}

#mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;}

#mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;}

#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);}

#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);}

#mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);}

#mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;}

#mobilehead .nav .nav_contact .nav_txt{width:100%;}

#mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;}

#mobilehead .nav .nav_contact .nav_txt span a{color:#666;}

#mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(../images/mobilesitemap.png) no-repeat left center;background-size:auto 15px;}

#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(../images/mobilephone.png) no-repeat left center;background-size:auto 15px;}

#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(../images/mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}

/* 鍝嶅簲寮忔牱寮忕粨鏉 */







/*鍏敤鏍囬*/

.cpzs{  padding-bottom:30px;  overflow:hidden}

.cpzs .cpzs_bt{ padding:40px 0 25px; text-align:center}

.cpzs .cpzs_bt .fwxm_bt1{ font-size:45px; color:#313131; font-weight:bold; }

.cpzs .cpzs_bt .fwxm_bt2{ font-size:16px; font-weight:bold; color:#159997; margin:-8px 0}

.cpzs .cpzs_bt .fwxm_bt3{ font-size:15px; color:#9b9b9b;  padding:5px 0;}





@media (max-width : 1600px) {

 #navbg .nav .secondfloor{width: 140px;}

}





@media (max-width : 1200px) {

.cpzs .cpzs_bt .fwxm_bt2{ background:none}

}





@media (max-width : 768px) {

.cpzs .cpzs_bt .fwxm_bt1{ font-size:30px; color:#333333; font-weight:bold }

.cpzs .cpzs_bt .fwxm_bt2{ font-size:13px; color:#545454;}

#mobilehead .nav{ display:block}

.mlogo img{ margin-top:10px; height:50px; margin-left:10px}

}



@media (max-width : 499px) {

.cpzs .cpzs_bt .fwxm_bt1{ font-size:20px; color:#333333; font-weight:bold }

.cpzs .cpzs_bt .fwxm_bt2{ font-size:12px; color:#545454;}



}











/*涓氬姟鑼冨洿*/

.mxcp{ background:#f3f3f3; height:auto; overflow:hidden}

.cp_bj{ background:#FFF; margin:0 8px; padding-bottom:15px;}

.center .slid_img1{ font-size:16px; color:#333333; font-weight:bold}

.center .slid_img1 img{max-width:100%; padding:20px 0 15px 0;}

.center .slid_img2{ background:#ffffff;  overflow:hidden; margin:15px 18px 0 18px;}

.center .slid_img2 .slid_img2_1{ color:#FFF; text-align:left; border-top:1px dashed #ababab; color:#666666;  padding:15px 0; font-size:14px; line-height:1.6}

.center .slid_img2 .slid_img2_2{ padding-top:15px;  text-align:center; padding-bottom:5px;}

.center .slid_img2 .slid_img2_2 a{ color:#cdcdcd; margin:0 auto; border:1px solid #d8d9db; padding:5px 8px; font-size:13px; border-radius:15px;}



.center .slick-prev{ display:none !important}

.center .slick-next{ display:none !important}









/*浜у搧灞曠ず*/

#cp{ position:relative;overflow:hidden; background:#fff; padding:50px 0}

.cp_bt{ font-size:45px; font-weight:bold; color:#000;}

#cp .cp_1{ line-height:1.6; color:#000; margin-top:10px;}

#cp .cp_2 a{ width:23.8%; margin-left:1.6%; display:block; float:left; text-align:center; color:#000; border:1px solid  #000; height:44px; line-height:44px; margin-top:10px; transition:0.2s;}

#cp .cp_2 a.hover{background:#159997;; color:#fff}

#cp .cp_2 a:hover{ background:#159997;; color:#fff}

#cp .cp_2 a:first-child{margin-left:0;}

#cp .cpgd1{ margin-top:50px;}

#cp .cpgd2{ margin-top:15px;}

#cp .center1 .cp_tu{ margin:0 8px;}

#cp .center1 .cp_tu img{ max-width:100%; border:5px solid #fff;}

#cp .center1 .cp_zi{ margin:0 8px;}

#cp .center1 .cp_zi a{ line-height:35px; color:#000}



#cp .center1 .slick-prev{ display:none !important}

#cp .center1 .slick-next{ display:none !important}

.pi_content .center1 .slick-prev{ display:none !important}

.pi_content .center1 .slick-next{ display:none !important}



.pi_content .center1 .cp_tu{ margin:0 8px;}

.pi_content .center1 .cp_tu img{ max-width:100%; border:5px solid #FFF;}

.pi_content .center1 .cp_zi{ margin:0 8px;}

.pi_content .center1 .cp_zi a{ line-height:35px; color:#FFF}





/*浣滅敤*/

.zy_nr{ background:#FFF; padding:40px 20px; overflow:hidden; position:relative; transition:0.2s; margin-top:20px;}

.zy_1{width:calc(100% - 140px); float:left; line-height:1.8 ;transition:0.2s}

.zy_tu1{ border:3px solid #efefef; border-radius:50%;top: 50%;transform: translateY(-50%); position:absolute; right:20px; width:133px; height:133px; background:url(../images/z1.png) no-repeat center center;transition:0.2s}

.zy_tu2{ border:3px solid #efefef; border-radius:50%;top: 50%;transform: translateY(-50%); position:absolute; right:20px; width:133px; height:133px; background:url(../images/z2.png) no-repeat center center;transition:0.2s}

.zy_tu3{ border:3px solid #efefef; border-radius:50%;top: 50%;transform: translateY(-50%); position:absolute; right:20px; width:133px; height:133px; background:url(../images/z3.png) no-repeat center center;transition:0.2s}

.zy_tu4{ border:3px solid #efefef; border-radius:50%;top: 50%;transform: translateY(-50%); position:absolute; right:20px; width:133px; height:133px; background:url(../images/z4.png) no-repeat center center;transition:0.2s}



.zy_1_1{ font-size:24px; font-weight:bold;}

.zy_1_2{ color:#787878;transition:0.2s; min-height:110px;}



.zy_nr:hover{ background:#159997}

.zy_nr:hover .zy_1{ color:#FFF}

.zy_nr:hover .zy_1_2{ color:#FFF}

.zy_nr:hover .zy_tu1{border:3px solid #159997;background:url(../images/z1_h.png) no-repeat center center; }

.zy_nr:hover .zy_tu2{border:3px solid #159997;background:url(../images/z2_h.png) no-repeat center center; }

.zy_nr:hover .zy_tu3{border:3px solid #159997;background:url(../images/z3_h.png) no-repeat center center; }

.zy_nr:hover .zy_tu4{border:3px solid #159997;background:url(../images/z4_h.png) no-repeat center center; }

@media (max-width :992px) {

	.zy_1_2{ color:#787878;transition:0.2s; min-height:235px;}

}



@media (max-width :768px) {

	.cp_bt{font-size: 20px;}

.zy_1{width:calc(100% - 80px); float:left; line-height:1.8 ;transition:0.2s}

.zy_1_1{ font-size:18px; font-weight:bold;}	

	.zy_1_2{ color:#787878;transition:0.2s; min-height:110px;}

.zy_tu1{  width:78px; height:78px; background:url(../images/z1.png) no-repeat center center; background-size:40px; right:10px }

.zy_tu2{  width:78px; height:78px; background:url(../images/z2.png) no-repeat center center; background-size:40px; right:10px }

.zy_tu3{  width:78px; height:78px; background:url(../images/z3.png) no-repeat center center; background-size:40px;  right:10px }

.zy_tu4{  width:78px; height:78px; background:url(../images/z4.png) no-repeat center center; background-size:40px;  right:10px }



.zy_nr:hover .zy_tu1{border:3px solid #159997;background:url(../images/z1_h.png) no-repeat center center;  background-size:40px;}

.zy_nr:hover .zy_tu2{border:3px solid #159997;background:url(../images/z2_h.png) no-repeat center center; background-size:40px; }

.zy_nr:hover .zy_tu3{border:3px solid #159997;background:url(../images/z3_h.png) no-repeat center center; background-size:40px; }

.zy_nr:hover .zy_tu4{border:3px solid #159997;background:url(../images/z4_h.png) no-repeat center center; background-size:40px; }

.mlogo{ display:block}

}





/*瀹氬埗*/



.dz{ background:url(../images/dz.jpg) no-repeat top center; padding:30px 0 90px}

.dz1{ text-align:right; color:#FFF; font-size:40px; font-weight:bold}

.dz2{ text-align:right; color:#FFF; font-size:18px; padding:20px 0}

.dz3{ font-size:18px; text-align:right; color:#FFF; padding-top:20px;}

.dz3 a{ background:#159997; color:#FFF; font-size:16px; padding:8px 50px; border-radius:20px;}



@media (max-width :767px) {

.dz3 a{  padding:8px 20px;}

}





@media (max-width :414px) {

.dz1{ font-size:30px;}

.dz2{ font-size:16px;}

.dz3{ font-size:14px;}

.dz3 a{  padding:8px 20px; font-size:12px;}

}



/*瀹炲姏*/

.sl{ background:#ffffff;}



.youshi .ys_content{margin-top:15px;width:100%;overflow:hidden;position:relative;}

.youshi .ys_content .ys_li{width:calc(10% - 6px);height:533px;float:left;position:relative; margin:0 3px; color:#FFF }

.youshi .ys_content .ys1{ background:url(../images/01.jpg) no-repeat center center}

.youshi .ys_content .ys1_bj{ background:url(../images/01_h.jpg) no-repeat center center; }

.youshi .ys_content .ys2{ background:url(../images/02.jpg) no-repeat center center}

.youshi .ys_content .ys2_bj{ background:url(../images/02_h.jpg) no-repeat center center; }

.youshi .ys_content .ys3{ background:url(../images/03.jpg) no-repeat center center}

.youshi .ys_content .ys3_bj{ background:url(../images/03_h.jpg) no-repeat center center; }

.youshi .ys_content .ys4{ background:url(../images/04.jpg) no-repeat center center}

.youshi .ys_content .ys4_bj{ background:url(../images/04_h.jpg) no-repeat center center; }

.youshi .ys_content .ys5{ background:url(../images/05.jpg) no-repeat center center}

.youshi .ys_content .ys5_bj{ background:url(../images/05_h.jpg) no-repeat center center; }

.youshi .ys_content .ys6{ background:url(../images/06.jpg) no-repeat center center}

.youshi .ys_content .ys6_bj{ background:url(../images/06_h.jpg) no-repeat center center; }





.youshi .ys_content .ys_li .icon{ text-align:center; font-size:48px; font-family:Impact; color:#FFF; padding-top:120px;}

.youshi .ys_content .ys_li .ys_1{ text-align:center; padding:20px 0 10px; font-size:18px; }

.youshi .ys_content .ys_li .ys_2{ text-align:center; font-size:14px;}

.youshi .ys_content .ys_li .ys_3{ text-align:center; padding-top:150px;}





.youshi .ys_content .ys_txt{height:533px;float:left;width:calc(50% - 6px);overflow:hidden; margin: 0 3px;background-size:cover }



.youshi .ys_content .ys_txt .ys_p{width:calc(50% - 6px); position:absolute; bottom:0; background:#FFF; opacity:0.9; padding:30px 0}

.youshi .ys_content .ys_txt .ys_p div{ width:85%; margin:0 auto}

.youshi .ys_content .ys_txt .ys_p p:first-child{font-size:48px;color:#159997;font-weight:bold; }

.youshi .ys_content .ys_txt .ys_p p:last-child{font-size:14px;color:#787878;line-height:24px;width:calc(100% - 70px); margin-left:10px; }

.youshi .ys_content .ys_li.on{background:#FF9A0E; display:none}

.youshi .ys_content .ys_li.on .ys_txt{display:block;}

.youshi .ys_content .ys_li.on .icon{background:url(../images/yrarrow.png) no-repeat center center #FFF;background-size:30% auto;}

.youshi .ys_content .ys_li.on .span{border-right:none;}

.youshi .more_btn{width:374px;height:42px;margin:0 auto;margin-top:53px;}

.youshi .more_btn a{display:block;height:40px;border:1px solid #C8C8C8;line-height:40px;text-align:center;color:#666;width:169px;color:#848484;border-radius:20px;}





.youshi1 .ys_content{margin-top:15px;width:100%;overflow:hidden;position:relative;}

.youshi1 .ys_content .ys_li{width:85px;height:439px;background: -webkit-linear-gradient(left top,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);

background: -moz-linear-gradient(bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);

background: -o-linear-gradient(bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%); 

background: -ms-linear-gradient(to bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);float:left;position:relative;border-left:1px solid #ae2617;border-image: -webkit-linear-gradient(180deg, rgba(23,154,152,1) 0%, rgba(0,0,0,0) 100%) 2 2 2 2;

			border-image: -moz-linear-gradient(180deg, rgba(23,154,152,1) 0%, rgba(0,0,0,0)  100%) 2 2 2 2;

			border-image: -o-linear-gradient(180deg, rgba(23,154,152,1) 0%, rgba(0,0,0,0)  100%) 2 2 2 2;

			border-image: linear-gradient(180deg, rgba(23,154,152,1) 0%, rgba(0,0,0,0)  100%) 2 2 2 2;}

.youshi1 .ys_content .ys_li:first-child{border-left:none;}

.youshi1 .ys_content .ys_li .icon{width:43px;height:43px;background:url(../images/yuan.png) no-repeat center center;border-radius:50%;position:absolute;top:20px;left:21px;background-size:70% auto; text-align:center; line-height:43px; color:#FFF}

.youshi1 .ys_content .ys_li span{font-size:20px;text-align:center;display:block;color:#FFF;line-height:22px;padding-top:65px;width:84px;height:394px;cursor:pointer;float:left; }

.youshi1 .ys_content .ys_li span i{font-weight:bold;font-style:normal;}

.youshi1 .ys_content .ys_txt{height:439px;float:left;width:calc(100% - 595px);overflow:hidden;background-repeat:no-repeat;background-position:right 43px top;}

.youshi1 .ys_content .ys_txt.youshiimg{background: -webkit-linear-gradient(left top,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);

background: -moz-linear-gradient(bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);

background: -o-linear-gradient(bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%); 

background: -ms-linear-gradient(to bottom right,rgba(23,154,152,1) 0%,rgba(0,0,0,0) 100%);}



.youshi1 .ys_content .ys_txt .ys_p{width:90%; margin:0 auto; padding-top:45px;}

.youshi1 .ys_content .ys_txt .ys_p p{margin:0;}

.youshi1 .ys_content .ys_txt .ys_p em{font-size:24px;color:#ffffff;font-style:normal;vertical-align:top;width:57px;height:57px; text-align:center;background:url(../images/yuan.png) no-repeat center center;border-radius:50%; display:block; float:right}

.youshi1 .ys_content .ys_txt .ys_p p:first-child{font-size:26px;color:#ffffff;font-weight:bold; height:57px; line-height:57px;}

.youshi1 .ys_content .ys_txt .ys_p p:last-child{font-size:14px;color:#ffffff;margin-top:10px;line-height:30px;}

.youshi1 .ys_content .ys_li.on{background:#FF9A0E; display:none}

.youshi1 .ys_content .ys_li.on .ys_txt{display:block;}

.youshi1 .ys_content .ys_li.on .icon{background:url(../images/yrarrow.png) no-repeat center center #FFF;background-size:30% auto;}

.youshi1 .ys_content .ys_li.on .span{border-right:none;}

.youshi1 .more_btn{width:374px;height:42px;margin:0 auto;margin-top:53px;}

.youshi1 .more_btn a{display:block;height:40px;border:1px solid #C8C8C8;line-height:40px;text-align:center;color:#666;width:169px;color:#848484;border-radius:20px;}









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

	#youshibg{padding:0px 0 40px;}

	.youshi1 .ys_content .ys_txt{background-size:30% auto;background-position:right 20px center;}

}



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

	.youshi .ys_content .ys_li{height:358px;}

	.youshi .ys_content .ys_txt{height:358px;}

	

	.youshi1 .ys_content .ys_li{width:46px;height:358px;}

	.youshi1 .ys_content .ys_li .icon{width:25px;height:25px;background:#179a98;border-radius:50%;position:absolute;top:12px;left:2px; text-align:center; line-height:25px; color:#FFF}

	.youshi1 .ys_content .ys_li span{width:45px;font-size:14px;padding-top:50px;height:333px; line-height:16px;}

	.youshi1 .ys_content .ys_txt{width:calc(100% - 322px);height:358px;}

	.youshi1 .ys_content .ys_txt .ys_p{padding-top:10px;}



}





/*鍏充簬鎴戜滑*/

.about{ background:none; background-size:cover; padding:20px 0 60px; margin-top:0px;}

.about_nr{ text-align:center; line-height:1.8; font-size:18px; color:#737373; overflow:hidden;}

.about_z{ text-align:center; margin-top:50px;}

.about_z a{padding: 10px 60px;color: #169a98; border:1px solid #169a98;font-size: 15px;      margin-left: 20px;    transition: 0.3s;  }

.about_z a.on{ background:#169a98; color:#ffffff;}

.about_z a:hover{background:#169a98; color:#ffffff;}



.about_x{ margin-top:55px;} 

.about_x_nr{ text-align:center}

.about_x_nr  .about_x_nr_zi{ color:#169a98; line-height:1.8; font-size:18px; padding-top:5px;}

.about_x_nr  .about_x_nr_zi span{ font-size:14px;}





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

.about_nr{ font-size:14px;}

.about_z a{padding: 8px 40px;font-size: 13px;      margin-left: 10px}	

}





.di_nav{ background:#159997; height:80px;}

.di_nav ul li{ line-height:80px; width:12.5%; float:left; font-size:15px; text-align:center; position:relative}

.di_nav ul li a{ color:#6cbfbe}



.di_nav ul>li:before {

    content: '';

    width: 1px;

    height: 32px;

    background: #2da3a2;

    position: absolute;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}

.di_nav ul>li:last-child:before{content:none;}

/*news*/



 .news_title{ position:relative; height:58px}

 .news_title span{display:inline-block;font-size:16px;position:relative;text-align:center;padding:0;line-height:48px;height:48px;cursor:pointer;color:#3f3f3f;background:#eeeeee; width:50%; float:left; border-right:1px solid #ffffff}



 .news_title span.hover{ background:#159997; color:#FFF}

 .news_item{ margin-top:15px;}

 .news_title span.hover .san {

    position: absolute;

    left: 50%;

    margin-left: -10px;

    bottom: -10px;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-top: 10px solid #159997;

    display: block;

}





.news{ background:#f2f2f2; padding:20px 0 40px}

.news .newsbj{ background:#FFF; overflow:hidden; padding:30px}

.news_s{ overflow:hidden; border-bottom:1px solid #f2f2f2; padding-bottom:30px;}

.news_tu img{ max-width:100%;}



.news_nr{ margin-top:10px;}

.news_bt a{ font-size:22px; color:#333333; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.news_nr{ line-height:1.8; color:#666666; font-size:13px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.news_rq{ font-size:12px; padding-top:5px; color:#999999}







/*闂瓟*/

.news_x{ padding-top:30px; overflow:hidden}

.cq_bt{ overflow:hidden}

.cq_bt_1{ font-size:24PX; font-weight:bold; color:#1c1c1c; line-height:1}

.cq_bt_1 span{ font-size:12px; font-weight:bold}

.cq_bt_2{ margin-top:13px;}

.wd{ margin-top:20px;}

.wd_bt {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.wd_bt i{ font-size:20px; color:#00a8ac; margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-top:5px;}

.wd_bt a{ font-size:16px; color:#333333}

.wd_nr{ line-height:1.8; margin:10px 0; font-size:13px; color:#777777;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; min-height:46px}

.wd_h{ color:#e0e0e0;}

.wd_h span{ color:#999999; font-size:12px;}





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

.news_bt a{ font-size:16px;}

.news_tu{ margin-top:20px;}

}







/**/

.footer{ background:#0a0a0a; padding:30px 0 40px}

.f_t{overflow:hidden; margin-top:30px;}

.f_t_tu img{ max-width:100%}

.f_t_zi{ float:left; width:calc(100% - 72px); margin-left:8px;}

.f_t_zi .ft_1{ font-size:29px; color:#FFF}

.f_t_zi .ft_2{ font-size:15px; color:#5d5d5d}

.f_t_zi .ft_3{ font-size:16px; color:#FFF; padding:5px 0}





 /*鍙嬫儏閾炬帴*/

.yqlj_bt{ font-size:16px; color:#FFF; padding:30px 0 10px 0}

.yqlj_nr a{ padding:5px; display:block; float:left; color:#5d5d5d;}





/*搴曢儴*/







#footer_di{ background:#000000; padding:25px 0; }

#footer_di .bq{ text-align:center; margin:0 auto; color:#5d5d5d}

#footer_di .bq a{ color:#5d5d5d}









/*992灞忓箷*/

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

	#mobilehead{display:block;}

	.top{display:none;}

	#navbg{display:none;}

	#mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}

	#mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);}

	#mobilehead .nav .nav_box.nav_box1{top:70px;}



	.youshi1 .ys_content .ys_li{width:100%;height:50px;border-left:none;border-top:1px solid #FFF;}

	.youshi1 .ys_content .ys_li:first-child{border-top:none;}

	.youshi1 .ys_content .ys_li span{width:100%;height:50px;line-height:50px;padding-top:0;text-align:left;padding-left:30px;}

	.youshi1 .ys_content .ys_li span br{display:none;}

	.youshi1 .ys_content .ys_li .icon{right:15px;left:auto;bottom:12px;}

	.youshi1 .ys_content .ys_li.on .icon{transform:rotate(90deg);

										-ms-transform:rotate(90deg);/* IE 9 */

										-moz-transform:rotate(90deg);/* Firefox */

										-webkit-transform:rotate(90deg);/* Safari 閸滐拷 Chrome */

										-o-transform:rotate(90deg);}

	.youshi1 .ys_content .ys_txt{width:100%;height:auto;float:none;background-size:auto 100%;}

	.youshi1 .ys_content .ys_txt .ys_p{padding:20px 20px;margin-top:0;margin-left:0;width:calc(100% - 0px);}

	.youshi1 .ys_content .ys_txt .ys_p p:first-child {    font-size: 20px;    color: #ffffff;    font-weight: bold;    height: 45px;    line-height: 45px;}

	.youshi1 .ys_content .ys_txt .ys_p em {    font-size: 24px;    color: #ffffff;    font-style: normal;    vertical-align: top;    width: 45px;    height: 45px;    text-align: center; background:#179a98;   border-radius: 50%;

    display: block;    float: right;}

	

	

    .p_left{display:none;}

	.p_class{display:block;}

	.product .p_right{width:calc(100% - 30px); margin:0 auto; float:none;}

	.product .p_right h2{margin:20px 0;}

	.product{padding:15px 0;}

	.product .p_li{width:32%;margin-left:2%;}

	.product .p_li:nth-child(4n+1){margin-left:2%;}

	.product .p_li:nth-child(3n+1){margin-left:0;}

	

	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

	.news_r_bt{ height:109px; line-height:109px; color:#FFF; background:#f51923; font-size:18px; padding-left:20px;}

	

	.faqq{ width:100%; margin-top:30px;} 

	

}



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

	#mobilehead{background:url(../images/logo.png) no-repeat 10px center #FFF;background-size:auto 50px;}

	.p_class h2{display:none;}

	.p_class .p_class_li{width:calc(100% - 30px); margin:0 auto;float:none;}

	.product .p_content .p_li{width:48%;margin-left:4%;}

	.product .p_content .p_li:nth-child(3n+1){margin-left:4%;}

	.product .p_content .p_li:nth-child(odd){margin-left:0;}

	

	.youshi1 .ys_content{margin-top:20px;}

    #news{padding:20px;}

	#news .news_content .news_title span{display:inline-block;font-size:14px;position:relative;text-align:center;padding:0 10px;line-height:30px;height:30px;cursor:pointer;color:#3f3f3f;}

	#news .news_content .news_li .news_left{width:100%;}

	#news .news_content .news_li .news_left .news_txt p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

	#news .news_content .news_li .news_right{width:100%;margin-top:20px;}

	#news .news_content .news_li .news_right ul li span{ display:block;}

	

	.zq_bt{ font-size:20px; text-align:center; font-weight:bold; color:#f9f9f9; padding-top:30px;}

	.zq_sj{ font-size:15px; color:#f9f9f9; text-align:center; padding:10px;}

	.fd_2{ margin-top:15px;}

	.f3{ font-size:20px;}

	}



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

	.fawen .nav>li{ font-size:14px; }

	.fawen .xxbj .xz_1{ font-size:20px;}

	.fawen .xxbj .xz_2{ font-size:16px;}

	.zq_nr a{ border:1px solid #4061af; float:left; width:33.33%; position:relative; }

	.zq_nr .a1{ font-size:42px; font-family:Arial, Helvetica, sans-serif; color:#dddddd; line-height:20px; overflow:hidden; padding-top:45px;}

	.zq_nr .a2{ font-size:12px; position:relative; color:#dddddd; z-index:2; padding-bottom:30px;}

	

.news_l_nr{ width:80%; margin:0 auto; float:none; display:block;}

.news_r_nr{ width:80%;margin:0 auto; float:none; display:block}

.news_r_bt{ height:60px; line-height:60px; color:#FFF; background:#f51923; font-size:16px; padding-left:30px;}

.nr_p1{ padding-top:30px;}

.di_nav{ padding:20px 0}

.di_nav p{ margin:15px 0}	

.di_n_3{ padding-left:30px;}







}



/*500灞忓箷*/

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

	#mobilehead{background:url(../images/logo.png) no-repeat 10px center #FFF;background-size:auto 40px;}

	#mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}

	#mobilehead .nav .nav_box{top:70px;}

	#mobilehead{z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;}

	.pb_title .sub_title{font-size:13px;line-height:22px;}

	.product .p_class{text-align:left;}

	.product .p_class a{width:48%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:4%;margin-top:7px;}

	.product .p_class a:nth-child(2n+1){margin-left:0;}

	.product .p_content{margin-top:20px;}

	.product .p_content .p_li{width:100%;}

	.product .p_btn a{width:48%;margin-left:4%;}



    #youshibg{padding:20px 0;}



	.youshi1 .ys_content .ys_txt .ys_p{width:100%;padding:10px 10px;}

	.youshi1 .ys_content .ys_txt .ys_p p:first-child{font-size:22px;height:36px;line-height:36px;}

	.youshi1 .ys_content .ys_txt .ys_p em {    font-size: 24px;    color: #ffffff;    font-style: normal;     width: 40px;    height: 40px; line-height:40px;    text-align: center; background:#179a98;   border-radius: 50%;    display: block;    float: right;}

	.youshi1 .ys_content .ys_txt .ys_p p:last-child{font-size:13px;line-height:20px;}

	.youshi1 .ys_content .ys_li{height:40px;}

	.youshi1 .ys_content .ys_li .icon{ top:8px}

	.youshi1 .ys_content .ys_li span{font-size:14px;padding-left:10px;height:40px;line-height:40px;}

	.youshi1 .more_btn{display:none;}

	

	.info_title h2{font-size:22px;height:36px;line-height:36px;}

	.info_title i{margin:10px 0;}

	.info .info_btn a{width:130px;margin-left:10px;}

	.info .info_ul .info_li .info_p p:last-child{font-size:12px;letter-spacing:-1px;}

	#news .news_content .news_title span{width:32%;margin-left:2%;padding:0 0;font-size:14px;}

	#news .news_content .news_title span:first-child{margin-left:0;}

	

	.fawen .nav>li:first-child{ width:60%}

	.fawen .nav>li:last-child{ width:40%}

	

	.lc_ly a {    padding: 8px 20px;    font-size: 12px;    margin-left: 10px;}

	.about_bt{ font-size:20px; text-align:center; font-weight:bold; color:#f9f9f9; padding-top:20px;}

	

}





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

		.fawen .nav>li{ font-size:10px; }

	.zq_nr a{ border:1px solid #6c6b6d; float:left; width:33.2%; position:relative; }

	.zq_nr .a1{ font-size:42px; font-family:Arial, Helvetica, sans-serif; color:#dddddd; line-height:20px; overflow:hidden; padding-top:45px;}

	.zq_nr .a2{ font-size:12px; position:relative; color:#dddddd; z-index:2; padding-bottom:30px;}

}





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



	#solutionbg .solution_c .solution_c_left{width:200px;}

	#solutionbg .solution_c .solution_c_right{width:calc(100% - 200px);}



}





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



	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:40px 0 0 0;}



}

@media screen and (min-width:500px) and (max-width:667px){

	.pb_title .sub_title{font-size:14px;}

	.product .p_class{text-align:left;}

	.product .p_class a{width:32%;height:42px;line-height:42px;font-size:15px;text-align:center;margin-left:2%;margin-top:7px;}

	.product .p_class a:nth-child(3n+1){margin-left:0;}

	.product .p_content{margin-top:20px;}

	.product .p_content .p_li{width:50%;}

	.product .p_content .p_li .p_txt p:first-child{font-size:16px;}

	#solutionbg{padding:25px 0 30px;}

	#solutionbg .solution_c .solution_c_left1 li{width:33%;}

	#solutionbg .solution_c .solution_c_left1 li:nth-child(3n+1){width:34%}

	#solutionbg .solution_c .solution_c_right{width:100%;float:none;padding:20px 0 0 0;}

}



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

	.pb_title .pb_cn{font-size:24px;line-height:42px;height:42px;}

}





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

	#navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;}

	#navbg .nav .secondfloor{top:55px;}

	.index_banner{padding-bottom:40%;}

	#stylepbulic{height:200px;}

	#footbottombg{padding-bottom:55px;}

}



/*閻絻鍓冲ù顔煎З*/

.izl-rmenu{

    position:fixed;

    right:0;

    bottom:10px;

    padding-bottom:10px;

/*    background:url(../images/r_b.png) 0px bottom no-repeat;*/

    z-index:999;

    width:72px;

}

.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}

.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;}

.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;text-decoration:none;display:block;}

.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#FF9C00;}

.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#FF9C00;}

.izl-rmenu .btn-phone .phone{background-color:#FF9C00;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}

.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}

.izl-rmenu .btn-top:hover{background-color:#444;}



/*閹靛婧€濞搭喖濮?/

#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;}

#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}

#floatBottom a.kf1{background:url(../images/kf1.png) no-repeat center center;}

#floatBottom a.kf2{background:url(../images/kf2.png) no-repeat center center;}

#floatBottom a.kf3{background:url(../images/kf3.png) no-repeat center center;}

#floatBottom a.kf4{background:url(../images/kf4.png) no-repeat center center;}

#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}

#floatBottom .ewm img{width:100%;height:100%;display:block;}









.ovrly03 {overflow: hidden;    position: relative;    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);}

.ovrly03 img {    position: relative;    width: 100%;    top: 0;    left: 0;}

.ovrly03 .ovrlyT {    background: rgba(0, 0, 0, 0.25);    height: 100%;    left: -100%;    position: absolute;    top: -100%;    width: 100%;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}

.ovrly03 .ovrlyB {    background: rgba(0, 0, 0, 0.25);    height: 100%;    left: 100%;    position: absolute;    top: 100%;    width: 100%;    -webkit-transition: all 0.3s;    -moz-transition: all 0.3s;    -o-transition: all 0.3s;    transition: all 0.3s;}

.ovrly03 .buttons {    position: absolute;    top: 50%;    left: 50%;    -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -ms-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%); text-align:center}

.ovrly03 .buttons .fa {    background: rgb(256, 256, 256);    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);    box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);    -webkit-border-radius: 50%;    -moz-border-radius: 50%;    border-radius: 50%;    color: rgba(50, 50, 50, 0.9);    display: inline-block;    margin: 0 1px;    line-height: 40px;    font-size: 16px;    text-align: center;    text-decoration: none;    width: 40px;    height: 40px;    -webkit-transition: all 0.2s 0.3s;    -moz-transition: all 0.2s 0.3s;    -o-transition: all 0.2s 0.3s;    transition: all 0.2s 0.3s;    opacity: 0;}

.ovrly03 .buttons .fa1{   -webkit-transition: all 0.2s 0.3s;    -moz-transition: all 0.2s 0.3s;    -o-transition: all 0.2s 0.3s;    transition: all 0.2s 0.3s;   opacity:0}

.ovrly03 .buttons a.fa1{ font-size:14px; margin-top:15px; display:block; color:#FFF;}

.ovrly03:hover .ovrlyT {    left: 0;    top: 0;}

.ovrly03:hover .ovrlyB {    left: 0;    top: 0;}

.ovrly03:hover .buttons .fa {    opacity: 1;}

.ovrly03:hover .buttons .fa1{ opacity:1}

.ovrlyC{ padding: 15px 0; text-align:center; font-size:14px;}