/*-----  Global  ----*/
*{margin:0px;padding:0px; border-width:0;}
body{font-size:14px; font-family:"Microsoft YaHei";color:#555;}
a,a:visited{text-decoration:none!important;color:#555;}
a:hover,a:active{text-decoration:none!important;color:#555;}
ul li{list-style:none;}
.clear{clear:both; height:0px; width:0px; overflow:hidden;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/ 
*html .clearfix {height: 1%;}
.clearfix {display: block;}
.floatLeft{float:left;}
.floatRight{float:right;}
::-webkit-input-placeholder
{color:#ccc;}
:-moz-placeholder
{color:#ccc;}
::-moz-placeholder
{color:#ccc;}
:-ms-input-placeholder
{color:#ccc;}


 .clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
.footer-fix {display:none;}
.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1 {background-image: url(../image/f_01.png);}
.footer-fix li i.i2 {background-image: url(../image/f_02.png);}
.footer-fix li i.i3 {background-image: url(../image/f_03.png);}
.footer-fix li i.i4 {background-image: url(../image/f_04.png);}




#headbg{background:#F6F7F7;height:33px;}
.head{}
.head p{margin:0;float:left;color:#8a8a93;font-size:15px;height:33px;line-height:33px;}
.head .h_span{float:right;font-size:0;-webkit-text-size-adjust:none;}
.head .h_span a{display:inline-block;height:33px;line-height:33px;font-size:15px;color:#8a8a93;margin-left:20px;position:relative;}
.head .h_span a:before{content:'';width:1px;height:16px;background:#919199;position:absolute;left:-10px;top:9px;}
.head .h_span a:after{content:'';width:1px;height:16px;background:#c1c0c4;position:absolute;right:-10px;top:9px;}
.head .h_span a:first-child{margin-left:0;}
.head .h_span a:first-child:before{content:none;}

#topbg{height:125px;/*background:url(../images/topbg.jpg) repeat-x left top;*/position:relative;padding:15px 0;}
.top{}
.top .t_left{float:left;padding:13px 0 11px;}
.top .t_left .logo{width:368px;float:left;}
.top .t_left .logo img{width:83%;height:auto;display:block;}
.top .t_left i{display:block;width:1px;height:57px;float:left;margin-left:12px;background:#D1D1D1;}
.top .t_left .t_txt{float:left;margin-left:17px;}
.top .t_left .t_txt p{margin:0;color:#333;}
.top .t_left .t_txt p span{font-size:12px;color:#6e6e6e;}
.top .t_left .t_txt p:first-child{height:22px;line-height:22px;font-size:18px;}
.top .t_left .t_txt p:last-child{height:27px;line-height:27px;font-size:21px;font-weight:bold;margin-top:8px;}
.top .t_right{float:right;}
.top .t_right .t_erweima{width:100px;height:100px;float:left;}
.top .t_right .t_erweima img{width:100%;height:100%;display:block;}
.top .t_right .t_p{float:left;margin-left:15px;padding-bottom:3px;}
.top .t_right .t_p p{margin:0;height:24px;line-height:24px;color:#f93131;font-size:20px;margin-top:3px;font-weight:bold;}
.top .t_right .t_p p:first-child{font-size:14px;color:#000;margin-top:0;font-weight:normal;}


.top .logo img,.top .nav,.top .nav .firstfloor>li{display:block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}

#pcnavbg{background:#005AC4;height:62px;}
.pcnav{}
.pcnav ul{margin:0;}
.pcnav .firstfloor>li{font-size:16px;text-align:center;position:relative;cursor:pointer;float:left;width:12%;}
.pcnav .firstfloor>li>a{display:block;width:100%;color:#FFF;height:62px;line-height:62px;border-left:1px solid rgba(255,255,255,.2);}
.pcnav .firstfloor>li:first-child>a{border-left:none;}
.pcnav .firstfloor>li:hover>a{background:#19488C;color:#FFF;border-left:1px solid #19488C;}
.pcnav .car{background:#19488C;color:#FFF;border-left:1px solid #19488C;}
.pcnav .secondfloor{position:absolute;left:0;top:100%;z-index:9999;display:none;background:#fff;width:560px;border-top:none;box-sizing:border-box; text-align:left;}
.pcnav .secondfloor>li{float:left;width:50%;padding:0 10px}
.pcnav .secondfloor>li>a{display:block;font-size:14px;color: #666; height: 38px; line-height:38px;border-bottom:1px solid #eee;border-radius: 5px;transition: all 0.3s; padding:0 5px}
.pcnav .secondfloor li a:hover{background:#0084ff;color:#fff;padding-left: 15px}


/**
    
.pcnav .secondfloor{position:absolute;top:117px;background:#fff;width:560px;z-index:999;visibility:hidden;opacity:0;padding:10px 0;box-shadow:2px 5px 10px rgba(23,23,103,0.28);transition:all 0.3s}
.pcnav .secondfloor>li{float:left;width:50%;padding:0 10px}
.pcnav .secondfloor>li>a{display:block;font-size:14px;color: #666; height: 38px; line-height:38px;border-bottom:1px solid #eee;border-radius: 5px;transition: all 0.3s; padding:0 5px}
.pcnav .secondfloor li a:hover{background:#0084ff;color:#fff;padding-left: 15px}
    
    
    
    **/

.search_box {padding:0px 0px 30px 0;}
.search_box .table1 {width:100%;box-shadow:0 5px 10px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden;margin-top:40px; }
.search_box .table1 th span, .search_box .table1 td span, .search_box .table1 td a {white-space:nowrap;display:inline-block;line-height:22px; width:100%;padding:10px 5px;text-align:center;font-size:14px;transition:all 0.3s}
.search_box .table1 th {background:#0a4384;color:#fff}
.search_box .table1 tr:nth-child(even) td {background:#fff}
.search_box .table1 tr:nth-child(odd) td {background:#f4f8ff}
.search_box .table1 td {line-height:22px;}
.search_box .table1 td a {padding:0 5px;color:#0078ff;font-size:14px;transition:all 0s}
.search_box .table1 tr:hover td{background:#0078ff;color:#fff}
.search_box .table1 tr:hover td a {color:#fff}

.met_pager {
    margin-top:30px;
    text-align:center;
}
.met_pager .PreSpan, .met_pager .NextSpan {
    border:1px solid #e4eaec;
    padding:9px 15px;
    background:#fff;
    color:#ccd5db;
    cursor:default
}
.met_pager a, .met_pager span {
    border:1px solid #e4eaec;
	margin-right:-1px;
    background:#fff;
    padding:9px 15px;
    text-align:center;
    color:#76838f
}
.met_pager span {background:#d53233;color:#fff;border:1px solid #d53233}
.met_pager a.current {
    background:#005ac4;
    border-color:#005ac4;
    color:#fff;
    cursor:default
}
.met_pager a:hover {background:#005ac4;border-color:#005ac4;color:#fff}

.inner-fr {width:100%;}
.website-fr, .website {overflow:hidden;border-bottom:1px solid #ddd;line-height:59px;position:relative}
.website-fr h2.fl {font-size:24px;color:#333;font-weight:500}
.website-fr .fr, .website {font-size:14px;color:#888}
.website-fr .fr a, .website a {color:#333}
.website-fr .fr a:hover, .website a:hover {color:#2467c8}
.website-fr .fr i, .website i {padding:0 10px}

.pro_detail {margin-top:30px}
.pro_detail .jianjie .pic {width:45%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,0.06);background: #fff}
.pro_detail .jianjie .pic img {display:block;margin:0 auto;max-width:100%}
.pro_detail .jianjie .brief {width:50%}
.pro_detail .jianjie .brief h1 {font-size:23px;color:#333;line-height:30px;border-bottom:1px solid #ddd;margin-bottom:20px;margin-top:auto; padding-bottom:20px;}
.pro_detail .jianjie .brief p {line-height:30px;font-size:14px;float:left;width:50%;padding-right:20px;box-sizing:border-box}
.pro_detail .jianjie .hotline {display:inline-block;background:#d53233;font-size:14px;color:#fff;border:1px solid #d53233;padding-left:10px;overflow:hidden;margin-top:20px;margin-right:15px}
.pro_detail .jianjie a.mob {display:none}
.pro_detail .jianjie .hotline b {background:#fff;color:#333;display:inline-block;padding:0 20px;height:38px;line-height:38px;margin-left:10px;font-size:16px}

.pro_detail .detail {margin-top:30px}
.pro_detail .detail .title, .detailist .title {position:relative;line-height:59px;color:#333;padding-left:15px;font-weight:bold}
.pro_detail .detail .title:before, .detailist .title:before {content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#333;left:0;top:50%;margin-top:-3px}
.pro_detail .detail .title span, .detailist .title span {font-size:16px}
.pro_detail .detail .content {line-height:24px;font-size:14px;color:#888}
.pro_detail .detail .content img {display:block; max-width:100%;margin:10px auto}

.detailist {margin-top:20px}
.detailist li {float:left;width:25%;box-sizing:border-box;padding:5px;}
.detailist li a {
	display:block;
	background:#F6F7F7;
	line-height:40px;
	padding:0 10px;
	font-size:14px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	border-radius:3px;
	transition:all 0.3s
}
.detailist li a:hover {background:#d53233;color:#fff}
.detailist a.more {display:block;width:200px;height:35px;line-height:35px;background:#ec0032;color:#fff;margin:30px auto 0;text-align:center;border-radius:30px;transition:all 0.3s}
.detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.detailist a.more:hover i {text-indent:0;opacity:1}

.nei_banner {width:100%; height:369px;}
.nei_banner_about {background: url(../image/about.jpg) no-repeat center; background-size: cover;}
.nei_banner_kucun {background:url(../image/kucun.jpg) no-repeat center; background-size:cover;}
.nei_banner_brand {background:url(../image/brand.jpg) no-repeat center; background-size:cover;}
.nei_banner_pro {background:url(../image/pro.jpg) no-repeat center; background-size:cover;}
.nei_banner_app {background:url(../image/app.jpg) no-repeat center; background-size:cover;}
.nei_banner_new {background:url(../image/new.jpg) no-repeat center; background-size:cover;}
.nei_banner_contact {background:url(../image/contact.jpg) no-repeat center; background-size:cover;}


.sublist {text-align:center;margin:45px auto 35px}
.sublist li {display:inline-block;margin:0 7px}
.sublist li a {display:block;padding:8px 20px;border:1px solid #ddd;font-size:14px;color:#666;border-radius:20px;transition:all 0.3s}
.sublist li a.cur,.sublist li a:hover {background:#005AC4;border:1px solid #005AC4;color:#fff}


#mobilehead{height:70px;width:100%;display:none;}
#mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;background:url(../image/mlogo.jpg) no-repeat 10px center;background-size:auto 50px;}
#mobilehead .nav{float:right;}
#mobilehead .nav_bg{display:none;position:fixed;top:103px;left:0;z-index:989;width:100%;height:calc(100% - 103px);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:103px;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{height:42px;line-height:42px;font-size:15px;}
#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(../image/_.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(../image/mobilesitemap.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(../image/mobilephone.png) no-repeat left center;background-size:auto 15px;}
#mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(../image/mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;}

.index_banner{width:100%;height:0;padding-bottom:30.95%;position:relative;overflow:hidden;}
.index_banner .swiper-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;}
.index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.index_banner .swiper-pagination-bullet{width:10px;height:10px;opacity:1;background:#FFF;}
.index_banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#005AC4;}

.fw {margin:0 auto;width:1400px;}
.search-top {height:86px;width:100%;background:url(../image/search_bg.gif) repeat-y center top; border-bottom:1px solid #F3F3F3;}
.search-top .tt {float:left;font-size:18px;color:#fff;width:180px;line-height:86px;font-weight:bold;background:url(../image/search_bg1.gif) no-repeat right top;padding-left:20px}
.search-top .tt i {font-size:24px;margin-right:10px}
.search-top form {width:1075px;float:right}
.search-top input.text1 {
	width:216px;
	height:41px;
	line-height:41px;
	border-radius:5px;
	padding:0 10px;
	background:#f2f2f2;
	float:left;
	margin-left:27px;
	margin-top:23px
	}
.search-top input.text2 {width:68px}
.search-top .btn1 {
	width:115px;
	height:41px;
	margin-top:23px;
	display:block;
	float:right;
	background:#005AC4;
	border:0;
	text-align:center;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	line-height:41px;
	margin-right:30px;
	}
.search-top .btn1:hover {background:#d53233}
.select_box{
	position:relative;cursor:pointer;
	background:#f2f2f2;
	font-size:12px;
	color:#000;
	height:41px;
	line-height:41px;
	border-radius:5px;
	z-index:60;
	float:left;
	margin-left:27px;
	margin-top:23px
	}	
.selet_open{display:inline-block;position:absolute;right:0;top:0;width:40px;height:41px; background:url(../image/search_icon1.png) no-repeat center center;}
.select_txt1{display:inline-block;padding-left:10px;font-size:14px;width:216px;line-height:41px;height:41px;cursor:text;overflow:hidden; z-index:60;}
.option{width:100%;border:solid 1px #EDE7D6;position:absolute;top:40px;left:-1px;z-index:999;overflow:hidden;display:none;}
.option a{display:block;height:35px;line-height:35px;text-align:left;padding:0 10px;width:100%;background:#fff;color:#666}
.option a:hover{background:#005AC4; color:#fff;}

.phone_search {width:100%;background:#666666;padding:10px;box-sizing:border-box;display:none;}
.phone_search .text {display:block;box-sizing:border-box;background:#fff;width:100%;height:40px;position:relative;border-radius:20px;line-height:40px;font-size:14px;color:#666;padding-left:20px}
.phone_search .text i {font-size:18px;color:#666;position:absolute;right:20px;line-height:40px}
.search-over{display:none;position:fixed;z-index:9991;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:9992;left:0;top:0;width:100%;font-family:Microsoft Yahei;color:#757575;}
.search-hd{padding:1em;overflow:hidden;background:#ececec;border-bottom:1px solid #dcdcdc;}
.search-hd .bd{position:relative;float:left;width:80%;overflow:hidden;background:#FFF;border-radius:0.3em;}
.search-hd .keywords{width:88%;padding:0 10% 0 2%;height:2em;border:none;font-size:1em;line-height:2em;color:#757575;font-family:Microsoft Yahei;outline:none;box-shadow:0 0 0.2em #ababab;}
.search-hd .bd i{display:none;position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;background:#ececec url(https://www.macn-sh.com/images/search-clear.png) center center no-repeat;background-size:0.5em 0.5em;border-radius:100%;cursor:pointer;}
.search-button{float:left;width:20%;height:2em;line-height:2em;text-align:center;}

.search-warmp h1.tt {background:#d7003f;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;position:relative;margin:0px;}
.search-warmp h1.tt a.cancel {position:absolute;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;right:0;top:0;font-family:helvet;font-size:14px}
.search-warmp dl {padding:10px}
.search-warmp dl dd {border:1px solid #ddd;margin-bottom:10px}
.search-warmp dl dd .text1 {height:30px;line-height:30px;padding:0 10px;width:100%;border:0}
.search-warmp .btn1 {width:50%; display:block;margin:0 auto; height:35px;line-height:35px;background:#333;color:#fff;text-align:center;border:0;padding:0}


/*brand*/
#brand{padding:40px -1 50px;}
#brand .pb_title{background:none;padding-bottom:0;}
.type_in .fw {width:1190px;position:relative}
.type_in .fw a.prev, .type_in .fw a.next {position:absolute;top:50%;width:30px;text-align:center;height:50px;margin-top:-39px;opacity:0.5; cursor:pointer}
.type_in .fw a.prev {left:-30px}
.type_in .fw a.next {right:-30px}
.type_in .fw a.prev i, .type_in .fw a.next i {font-size:50px;color:#333;line-height:50px}
.type_in .fw a.prev:hover, .type_in .fw a.next:hover {opacity:1}
.type_in .list li {width:20%;float:left}
.type_in .list li .info {width:100%;padding:10px;box-sizing:border-box}
.type_in .list li .pic {width:100%;height:130px;}
.type_in .list li .pic img {display:block;margin:0 auto;width:100%;height:100%}
.type_in .list li a:hover .pic img {transform:scale(1.1)}
.type_in .list li .info .txt {padding:20px;background:#fff;transition:all 0.3s}
.type_in .list li .info:hover .txt {/*background:#3488EA*/}
.type_in .list li .info .txt h4 {font-size:16px;color:#333;line-height:30px;font-weight:100;transition:all 0.3s}
.type_in .list li .info:hover .txt h4 {/*color:#fff*/}
.type_in .list li .info .txt p {color:#666;line-height:22px;transition:all 0.3s}
.type_in .list li .info:hover .txt p {/*color:#fff*/}
.type_in .list li .info .more {display:block;padding:12px 20px;color:#666;background:#fff;border:1px solid #ddd;transition:all 0.3s}
.type_in .list li .info:hover .more {/*border:1px solid #3488EA;color:#3488EA;*/padding-left:30px}


/*hot*/
#hotbg{background:#F5F7F7;padding:24px 0 23px;border-bottom:1px solid #DFDFDF;}
.hot{}
.hot p{margin:0;font-size:0;-webkit-text-size-adjust:none;}
.hot p span{display:inline-block;font-size:14px;color:#4d4d4d;height:20px;line-height:20px;}
.hot p a{display:inline-block;font-size:14px;color:#666;height:20px;line-height:20px;padding:0 10px;}
/*pb_title*/
.pb_title{text-align:center;position:relative;background:url(../image/h2_bottom.png) no-repeat center bottom;padding-bottom:25px;}
.pb_title h2{margin:0;font-size:45px;color:#000;text-align:center;font-weight:bold;height:55px;line-height:55px;position:relative;}
.pb_title p{margin:0;color:#898888;text-align:center;line-height:25px;margin-top:2px;font-size:15px;}
/*product*/
.product{position:relative;padding:33px 0 35px;}
.product .p_content{margin-top:19px;}
.p_class{width:283px;float:left;position:relative; /*border:1px solid #005AC4;*/}
.p_class .pc_left{width:100%;padding:11px 10px 10px 17px;background:#005AC4;}
.p_class .pc_left p{margin:0;color:#FFF;padding-left:33px;}
.p_class .pc_left p:first-child{background:url(../image/classicon.png) no-repeat left center;font-size:30px;font-weight:bold;height:36px;line-height:34px;}
.p_class .pc_left p:last-child{font-size:14px;font-family:Arial;height:20px;line-height:20px;margin-top:8px;}
.p_class .pc_right{width:calc(100% - 150px);float:right;padding-right:50px;background:#e6e6e6;height:50px;line-height:50px;position:relative;text-align:center;font-size:16px;display:none;}
.p_class .pc_right em{display:block;width:50px;height:50px;background:url(../image/navarrow.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;position:absolute;right:0;top:0;}
.p_class .pc_right.on em{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.p_class .pc_ul{background:#F7F5F5;padding:0 10px 10px; height:614px; overflow:auto;}

.p_class .pc_ul::-webkit-scrollbar {width: 4px;}
.p_class .pc_ul::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);}
.p_class .pc_ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}

.p_class .pc_ul ul{margin:0;}
.p_class .pc_ul ul li{margin-top:5px;}
.p_class .pc_ul ul li .car{background:#D53233; color:#fff;}
.p_class .pc_ul ul li p:hover{background:#D53233; color:#fff;}
.p_class .pc_ul ul li p{margin:0;width:100%;height:46px;line-height:46px;font-size:16px;color:#FFF;background:url(../image/loading.png) no-repeat right 20px center #666;padding-left:10px;}
.p_class .pc_ul ul li p a{color:#FFF;}
.p_class .pc_ul ul li dl{margin:0;padding-top:6px;}
.p_class .pc_ul ul li dl dd{margin-top:6px;width:100%;height:42px;line-height:42px;background:#fff;padding-left:10px;font-size:15px;color:#fe6001;font-size:13px;}
.p_class .pc_ul ul li dl dd:first-child{margin-top:0;}
.p_class .pc_ul ul li dl dd a{display:block;width:100%;height:100%;color:#fe6001;}
.p_class .pc_ul .pc_bottom{margin-top:9px;padding:10px 10px 10px 20px;background:#666;}
.p_class .pc_ul .pc_bottom .p_txt{background:url(../image/left_phone.png) no-repeat left center;padding-left:53px;}
.p_class .pc_ul .pc_bottom .p_txt p{margin:0;color:#FFF;height:22px;line-height:22px;}
.p_class .pc_ul .pc_bottom .p_txt p:first-child{font-size:14px;}
.p_class .pc_ul .pc_bottom .p_txt p:last-child{font-size:16px;margin-top:1px;}
.p_class .pc_ul .pc_bottom .p_phone{margin-top:9px;}
.p_class .pc_ul .pc_bottom .p_phone p{margin:0;color:#FFF;font-size:21px;height:27px;line-height:27px;}
.p_class .pl_erweima{width:100%;background:#F7F5F5;padding:10px;margin-top:10px;}
.p_class .pl_erweima img{width:100%;height:100%;display:block;}
.product .p_right{width:calc(100% - 300px);float:right;}
.product .p_right .pr_title{width:100%;height:85px;background:url(../image/pr_titlebg.png) repeat-x left center #F6F6F6;position:relative;}
.product .p_right .pr_title span{padding:0 20px 0 30px;display:inline-block;font-size:24px;color:#333;line-height:85px;background:#F6F6F6;}
.product .p_right .pr_title a{display:inline-block;height:85px;line-height:85px;position:absolute;right:0;top:0;padding:0 15px;background:#F6F6F6;color:#9a9a9a;}
.product .p_right .p_ul{position:relative;}
.product .p_right .p_ul .p_li{width:32%;margin-left:2%;float:left;display:block; margin-bottom:27px;}
.product .p_right .p_ul .p_li:nth-child(3n+1){margin-left:0;}
.product .p_right .p_ul .p_li .p_img{width:100%;padding-bottom:75%;position:relative; border:1px solid #E5E5E5; overflow:hidden;}
.product .p_right .p_ul .p_li .p_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;}
.product .p_right .p_ul .p_li p{margin:0;line-height:43px;height:43px;color:#0d0d0d;font-size:15px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f5f5f7;text-align:center;}
.product .p_right .p_ul a:hover img { padding:3px; transform:scale(1.1);}


/*fenge*/
#fengebg{background:url(../image/fengebg.jpg) no-repeat left top #005AC4;padding:55px 0 56px;background-size:auto 100%;}
.fenge{}
.fenge .fg_txt{padding-left:460px;}
.fenge .fg_txt p{margin:0;color:#fff;}
.fenge .fg_txt p:first-child{height:56px;line-height:56px;font-size:48px;font-weight:bold;}
.fenge .fg_txt p:last-child{height:40px;line-height:40px;font-size:30px;margin-top:8px;}
/*youshi*/
.youshi{padding:54px 0 77px;}
.youshi .y_ul{margin-top:45px;}
.youshi .y_ul .y_li{background:#F8F8F8;}
.youshi .y_ul .y_li .y_left{float:left;}
.youshi .y_ul .y_li .y_right{float:right;}
.youshi .y_ul .y_li .y_img{width:50%;}
.youshi .y_ul .y_li .y_img .y_img_img{width:100%;padding-bottom:48.17%;position:relative;}
.youshi .y_ul .y_li .y_img .y_img_img img{width:100%;height:100%;display:block;position:absolute;left:0;top:0;object-fit:cover;}
.youshi .y_ul .y_li .y_txt{width:50%;}
.youshi .y_ul .y_li .y_txt .y_pp{width:100%;padding-bottom:48.17%;position:relative;}
.youshi .y_ul .y_li .y_txt .y_pp .y_p{width:100%;height:100%;position:absolute;left:0;top:0;}
.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);padding:0 40px;}
.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp{padding-left:145px;position:relative;}
.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp span{display:block;width:125px;height:109px;line-height:109px;font-size:125px;font-family:Impact;color:#e8e8e8;text-align:left;position:absolute;left:0;top:0;}
.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p{margin:0;}
.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p:nth-child(2){height:30px;line-height:30px;font-size:24px;font-weight:bold;color:#005AC4;}
.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p:nth-child(3){height:20px;line-height:20px;margin-top:5px;font-size:16px;color:#3e3e3e;font-family:Arial;}
.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p:last-child{color:#565656;line-height:24px;font-size:14px;margin-top:6px;}
/*yingyong*/
#yingyongbg{padding:50px 0 88px;background:url(../image/lingyubg.jpg) no-repeat center center;background-size:cover;}
#yingyongbg .pb_title{background:url(../image/yingyongh2_bottom.png) no-repeat center bottom;}
.yingyong{margin-top:42px;overflow:hidden;}
.yingyong .y_li{width:100%;padding-bottom:100%;position:relative;}
.yingyong .y_li .y_img{background:#e4e4e4;padding:5px;border-radius:50%;display:block;width:100%;height:100%;position:absolute;left:0;top:0; overflow:hidden;}
.yingyong .y_li .y_img img{object-fit:cover;border-radius:100%;width:100%;height:100%;}
.yingyong .y_li .y_img a:hover img { padding:3px; transform:scale(1.1);}
.yingyong p{margin:0;height:22px;line-height:22px;font-size:16px;text-align:center;margin-top:18px;color:#F5F5F5;}
/*info*/
.infobg{background:#F8F8F8;padding:42px 0 40px;}
.info{margin-top:20px;}
.info .i_left{width:370px;float:left;position:relative;z-index:10;}
.info .i_left .i_ul{width:100%;padding:50px 10px 57px 86px;background:#FFF;border-bottom:2px solid #f8f8f8;cursor:pointer;}
.info .i_left .i_ul .i_li{width:100%;padding-left:82px;position:relative;}
.info .i_left .i_ul .i_li i{display:block;position:absolute;left:0;top:0;width:48px;height:48px;}
.info .i_left .i_ul .i_li i.icon1{background:url(../image/info_icon1.png) no-repeat left center;}
.info .i_left .i_ul .i_li i.icon2{background:url(../image/info_icon2.png) no-repeat left center;}
.info .i_left .i_ul .i_li i.icon3{background:url(../image/info_icon3.png) no-repeat left center;}
.info .i_left .i_ul .i_li p{margin:0;text-align:left;}
.info .i_left .i_ul .i_li p:nth-child(2){height:28px;line-height:28px;font-size:18px;color:#000;}
.info .i_left .i_ul .i_li p:last-child{height:18px;line-height:18px;font-size:14px;font-family:Arial;color:#747474;margin-top:2px;}
.info .i_left .i_ul.on{background:#005AC4;border-bottom:2px solid #005AC4;}
.info .i_left .i_ul.on .i_li i.icon1{background:url(../image/info_icon1_hover.png) no-repeat left center;}
.info .i_left .i_ul.on .i_li i.icon2{background:url(../image/info_icon2_hover.png) no-repeat left center;}
.info .i_left .i_ul.on .i_li i.icon3{background:url(../image/info_icon3_hover.png) no-repeat left center;}
.info .i_left .i_ul.on .i_li p:nth-child(2){color:#F4F4F4;}
.info .i_left .i_ul.on .i_li p:last-child{color:rgba(255,255,255,.4);}
.info .i_right{width:calc(100% - 370px);float:right;background:url(../image/infobg.jpg) no-repeat right top;height:471px;padding:70px 170px 0 0;}
.info .i_right .i_item_wai{height:325px;box-shadow:-5px 5px 5px rgba(238,238,238,.5);z-index:9;overflow:hidden;}
.info .i_right .i_item{height:325px;}
.info .i_right .i_txt{width:100%;background:#FFF;padding:37px 25px 43px 33px;}
.info .i_right .i_txt p{margin:0;color:#747474;}
.info .i_right .i_txt p:first-child{height:30px;line-height:30px;font-size:24px;font-weight:bold;}
.info .i_right .i_txt p:nth-child(2){margin-top:15px;line-height:30px;height:150px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
.info .i_right .i_txt a{display:inline-block;width:27px;height:23px;line-height:23px;background:#005AC4;font-size:18px;margin-top:27px;text-align:center;color:#FFF;}
/*news*/
#newsbg{background:#f3f3f3;padding:40px 0 50px;}
#newsbg .pb_title{background:none;padding-bottom:0;}
.news{}
.news .news_span{height:44px;font-size:0;-webkit-text-size-adjust:none;text-align:center;margin-top:26px;}
.news .news_span span{display:inline-block;height:44px;line-height:42px;border:1px solid #CECECE;padding:0 47px;font-size:16px;color:#666;margin-left:19px;cursor:pointer;background:#FFF;}
.news .news_span span:first-child{margin-left:0;}
.news .news_span span.on{background:#005AC4;color:#FFF;}
.news .news_list{margin-top:23px;}
.news .news_left{width:380px;height:530px;float:left;position:relative;margin-top:10px;}
.news .news_left img{width:100%;height:100%;display:block;}
.news .news_left .n_h2{width:100%;height:56px;position:absolute;left:0;bottom:40px;background:url(../image/news_icon.png) no-repeat right 35px center;padding-left:35px;}
.news .news_left .n_h2 p{margin:0;color:#FFF;height:20px;line-height:20px;font-size:16px;font-weight:bold;}
.news .news_left .n_h2 p:first-child{height:36px;line-height:36px;font-size:28px;}
.news .news_right{width:calc(100% - 390px);float:right;}
.news .news_right .n_ul{width:47.66%;padding-left:10px;display:inline-block;margin-top:10px;box-shadow:3px 3px 5px rgba(228,228,228,1);}
.news .news_right .n_ul:first-child,.news .news_right .n_ul:nth-child(2){float:left;width:52.34%;padding-left:0;}
.news .news_right .n_ul .nr_li{background:#FFF;width:100%;padding:38px 25px 50px 35px;text-align:left;}
.news .news_right .n_ul:first-child .nr_li,.news .news_right .n_ul:nth-child(2) .nr_li{padding:30px 30px 38px;}
.news .news_right .n_ul .nr_li .c_txt{padding-bottom:20px;border-bottom:1px solid #EEE;}
.news .news_right .n_ul .nr_li .c_txt p{margin:0;}
.news .news_right .n_ul .nr_li .c_txt p a{color:#000;}
.news .news_right .n_ul .nr_li .c_txt p:first-child{line-height:40px;height:40px;font-size:18px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news .news_right .n_ul .nr_li .c_txt p:last-child{line-height:24px;height:48px;color:#858585;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news .news_right .n_ul .nr_li .c_data{margin-top:23px;background:url(../image/newsli.jpg) no-repeat right center;}
.news .news_right .n_ul .nr_li .c_data span{display:block;text-align:left;}
.news .news_right .n_ul .nr_li .c_data span:first-child{font-size:30px;height:32px;line-height:32px;color:#999;font-weight:bold;}
.news .news_right .n_ul .nr_li .c_data span:last-child{font-size:12px;height:20px;line-height:20px;color:#999;margin-top:8px;}
.news .news_right .n_ul .nr_li .data{width:91px;height:82px;border-right:1px solid #eee;float:left}
.news .news_right .n_ul .nr_li .data span{display:block;text-align:left;}
.news .news_right .n_ul .nr_li .data i{width:20px;height:1px;display:block;margin:8px 0 9px;background:#CCC;}
.news .news_right .n_ul .nr_li .data span:first-child{font-size:30px;height:44px;line-height:44px;color:#999;font-weight:bold;}
.news .news_right .n_ul .nr_li .data span:last-child{font-size:12px;height:20px;line-height:20px;color:#999;margin-top:2px;}
.news .news_right .n_ul .nr_li .title{width:calc(100% - 110px);height:82px;float:right;background:url(../image/newsli.jpg) no-repeat left 7px bottom 5px;}
.news .news_right .n_ul .nr_li .title p{margin:0;font-size:18px;color:#000;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*���*/
.kucun {padding-top:0}
.kucun .list {margin-top:50px;position:relative;overflow:hidden;padding-bottom:0px}
.kucun .list li {float:left;width:25%;padding:10px}
.kucun .list li a {display:block}
.kucun .list li a .pic {width:100%;height:225px;overflow:hidden}
.kucun .list li a .pic img {display:block;width:100%;height:100%;transition:all 0.6s}
.kucun .list li a .txt {width:100%;height:67px;line-height:67px;text-align:center;font-size:18px;color:#333;background:#fff}
.kucun .list li a:hover .pic img {transform:scale(1.1)}
.kucun .list li a:hover {box-shadow:0 5px 20px rgba(0,0,0,0.1)}


/*foot*/
.clearboth {width:100%; height:0px; line-height:0px; display:block; clear:both; overflow:hidden; font-size:0px;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.foot {width:100%;background:#202e42;padding:60px 0}
.foot .list {float:left;width:315px;border-right:1px solid #374355;margin-right:50px;/*height:224px;*/overflow:hidden}
.foot .list .tt {font-size:18px;color:#fff;margin-bottom:20px;display:block}
.foot .list li {float:left;width:50%;padding-right:23px;line-height:35px;overflow:hidden; white-space:nowrap;}
.foot .list li a {color:rgba(255,255,255,0.3)}
.foot .list li a:hover {color:#fff}
.foot .list2 {border-right:0;margin-right:0;width:200px}
.foot .list2 li {width:100%}
.foot .con {width:368px; float:right;}

.foot .con .teltt {color:#fff}
.foot .con .tel {font-size:38px;color:#fff;line-height:55px}
.foot .con p.p1 {line-height:28px;color:rgba(255,255,255,0.3);padding:10px 0}

@media (max-width: 767px) { 
  .foot { 
    display: none;
   
  }
}

.ewm_li {margin-top:15px}
.ewm_li a {display:block;float:left;width:45px;height:45px;border:1px solid #9097a1;border-radius:50%;margin-right:15px;background:url(../image/ewm_icon.png) no-repeat;background-size:250%;position:relative}
.ewm_li a .icon {position:absolute;width:150px;height:170px;background:url(../image/ewm_bg.png) no-repeat;left:50%;margin-left:-78px;transition:all 0.3s; visibility:hidden; opacity:0;bottom:55px;padding:1}
.ewm_li a .icon img {display:block;width:100%}
.ewm_li a:hover .icon {visibility:visible;bottom:45px;opacity:1}
.ewm_li a.a1 {background-position:8px 8px;}
.ewm_li a.a1:hover {background-position:8px -28px;border:1px solid #fff}
.ewm_li a.a2 {background-position:-34px 8px;}
.ewm_li a.a2:hover {background-position:-34px -28px;border:1px solid #fff}
.ewm_li a.a3 {background-position:-73px 8px;}
.ewm_li a.a3:hover {background-position:-73px -28px;border:1px solid #fff}
.copyright {height:61px;line-height:61px;font-size:14px;color:rgba(255,255,255,0.4);background:#202e42;border-top:1px solid rgba(255,255,255,0.2)}
.copyright p{margin:0px;}
.copyright a {color:rgba(255,255,255,0.4);font-size:14px;opacity:1;color:#fff}
.copyright a:hover { text-decoration:underline}

@media (max-width: 767px) { 
  .copyright { 
    display: none;
  }
  .footer-fix {display: block;}
}

/*friendlink*/
#friendlinkbg{background:#141414;padding:16px 0 19px;}
.friendlink{position:relative;}
.friendlink .f_link{font-size:0;-webkit-text-size-adjust:none;background:url(../image/friendlink_icon.png) no-repeat left top;padding:3px 0 4px 68px;min-height:56px;}
.friendlink .f_link a{color:#909090;white-space:nowrap;display:inline-block;font-size:14px;padding:0 22px;position:relative;height:20px;line-height:20px;margin:4px 0;}
.friendlink .f_link a:before{content:'';position:absolute;right:1px;top:3px;width:1px;height:14px;background:#4c4c4c;}
.friendlink .f_link a:after{content:'';position:absolute;right:0;top:3px;width:1px;height:14px;background:#272727;}
/*stylepbulic*/
#stylepbulic{width:100%;height:340px;background-repeat:no-repeat;background-position:center top;background-size:cover;}
#stylesubnav{width:100%;height:50px;border-bottom:1px solid #E0E0E0;}
#stylesubnav .xq_c{padding:0;}
#stylesubnav .xq_crumbs{background:url(../image/position.png) no-repeat left 18px;background-size:auto 12px;line-height:29px;float:left;padding:10px 0 10px 20px;}
#stylesubnav .xq_nav{float:right;font-size:0;-webkit-text-size-adjust:none;}
#stylesubnav .xq_nav a{display:inline-block;height:49px;line-height:49px;padding:0 18px;text-align:center;position:relative;font-size:14px;}
#stylesubnav .xq_nav a.on{background:#1767CA;color:#FFF;}
#stylesubnav .xq_nav a.on .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 #1767CA;display:block;}

/*px*/
#px_banner{width:100%;padding-bottom:369px;position:relative;z-index:9;}
#px_banner img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;display:block;}
.px_txt{position:absolute;width:100%;height:100%;left:0;top:0;}
.px_txt .px_txt_p{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;}
.px_txt .px_txt_p h2{margin:0;line-height:60px;height:60px;font-size:48px;font-weight:bold;color:#FFF;display:inline-block;padding:0 25px;position:relative;}
.px_txt .px_txt_p h2:before{content:'';position:absolute;width:55px;height:1px;background:#FFF;left:-55px;top:50%;}
.px_txt .px_txt_p h2:after{content:'';position:absolute;width:55px;height:1px;background:#FFF;right:-55px;top:50%;}
.px_txt .px_txt_p p{margin:0;margin-top:13px;height:30px;line-height:30px;font-size:26px;color:#FFF;text-transform:uppercase;}
.pnav_ul{font-size:0;-webkit-text-size-adjust:none;text-align:left;margin-top:-70px;position:relative;z-index:10;}
.pnav_ul a{height:34px;line-height:34px;background:#FFF;display:inline-block;margin-right:15px;font-size:16px;color:#444;padding:0 29px;}
.pnav_ul a:last-child{margin-right:0;}
.pnav_ul a.on{background:#9D48A5;color:#FFF;}

/*视频弹出*/
#tan_box{display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.8);z-index:1000;}
.tan_box{position:absolute;left:0px;top:0px;right:0px;bottom:0px;padding:50px;display:-webkit-box;display:-moz-box;display:-webkit-flex;
    display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;}
.tan_box .box{position:relative;background:#fff url(../image/loading.gif) center center no-repeat;padding:10px;box-shadow:0 0 15px #ccc;border-radius:5px 0 5px 5px;}
.tan_box .box video{max-width:1000px;width:100%;height:auto;display:block;overflow:hidden;}
.tan_box .v_close{width:36px;height:36px;text-align:center;position:absolute;right:0px;top:-36px;cursor:pointer;box-shadow:0 0 5px #ccc;border-radius:5px 5px 0 0;background:url(../image/closeicon.png) no-repeat center center #FFF;}

/*电脑浮动*/
.izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;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(../image/r_qq.png) 0px 0px no-repeat;background-color:#005AC4;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../image/r_qq.png) 0px 0px no-repeat;background-color:#005AC4;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../image/r_wx.png) 0px 0px no-repeat;background-color:#005AC4;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../image/r_phone.png) 0px 0px no-repeat;background-color:#005AC4;}
.izl-rmenu .btn-phone .phone{background-color:#005AC4;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(../image/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;display:none;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../image/kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(../image/kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(../image/kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(../image/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;}


/*1230以上屏幕*/
@media (min-width:1230px){
	.container{width:1200px;}
    /*.fw {width:auto;}*/
}
/*1200以下屏幕*/
@media screen and (max-width:1229px){
	.container{width:994px;}
	#topbg{height:101px;padding:10px 0;}
	.top .t_left .logo{width:500px;}
	.top .t_left i{height:51px;}
	.top .t_left .t_txt p:first-child{height:20px;line-height:20px;font-size:16px;}
	.top .t_left .t_txt p:last-child{height:24px;line-height:24px;font-size:20px;margin-top:7px;}
	.top .t_right .t_erweima{width:75px;height:75px;}
	.top .t_right .t_p p{height:22px;line-height:22px;}
	#pcnavbg{height:50px;}
	.pcnav .firstfloor>li>a{height:50px;line-height:50px;font-size:15px;}
	#hotbg{padding:15px 0;}
	.pb_title h2{font-size:30px;height:40px;line-height:40px;}
	.pb_title p{font-size:14px;line-height:20px;margin-top:5px;}
	.product{padding:30px 0;}
	.p_class .pc_ul{padding:0px 10px 10px;}
	.p_class .pc_ul ul li p{height:44px;line-height:44px;font-size:15px;}
	.p_class .pc_ul ul li dl{height:225px;padding-top:5px;}
	.p_class .pc_ul ul li dl dd{height:40px;line-height:40px;font-size:14px;margin-top:5px;}
	.p_class .pc_ul .pc_bottom{display:none;}
	.product .p_right .p_ul .p_li{margin-top:31px;}
	#fengebg{padding:20px 0;}
	.fenge .fg_txt p:first-child{height:40px;line-height:40px;font-size:32px;}
	.fenge .fg_txt p:last-child{height:30px;line-height:30px;font-size:20px;}
	.youshi{padding:30px 0;}
	.youshi .y_ul{margin-top:20px;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c{padding:0 20px;}
	#yingyongbg{padding:30px 0;}
	.yingyong{margin-top:20px;}
	.yingyong p{margin-top:10px;}
	#infobg{padding:30px 0;}
	.info .i_left{width:320px;}
	.info .i_left .i_ul{padding:40px 10px 47px 35px;}
	.info .i_right{width:calc(100% - 320px);height:411px;padding:40px 120px 0 0;}
	#newsbg{padding:30px 0;}
	.news .news_span{margin-top:15px;}
	.news .news_list{margin-top:10px;}
	.news .news_left{display:none;}
	.news .news_right{width:100%;float:none;}	
	#footbg{padding:20px 0 30px;}
	.foot .f_left{width:calc(100% - 400px);}
	.foot .f_left .f_txt .f_phone span{font-size:26px;}
	.foot .f_right{width:400px;padding:0 0px 0 20px;}
	#friendlinkbg{padding:10px 0 10px;}
	
	#lefttop{display:none;}
	#px_banner{padding-bottom:325px;}
}

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

.fw {width:auto;padding:0 20px}
.headnav li {padding-right:20px}
.search_in,.search-top {display:none}
.phone_search {display:block}
.protab_con .cd-tabs-content, .cooper .list {width:100%}
.title-in .more-in {right:20px}

}
@media screen and (max-width:1200px){
.foot .list {width:33.333333%;padding-left:20px;margin-right:0}
.foot .con {float:left;width:100%;margin-top:50px;text-align:center;}
.ewm_li {width:177px;margin:15px auto 0}
.ewm_li a {margin:0 7px}
}
@media screen and (max-width:1180px) {
    .type_in .fw {width:100%;box-sizing:border-box}
    .type_in .list li .pic {height:auto}
    .type_in .fw a.next {right:0}
    .type_in .fw a.prev {left:0}

}

/*992以下屏幕*/
@media screen and (max-width:1023px){
	.container{width:calc(100% - 30px);}
	.head p{font-size:12px;}
	.head .h_span a{font-size:12px;}
	#topbg{display:none;}
	#pcnavbg{display:none;}
	#mobilehead{display:block;}
	#mobilehead.mhead{background:#FFF;position:fixed;z-index:9999;top:0;box-shadow:0 2px 5px rgba(0,0,0,.6);}
	#mobilehead .nav_bg.nav_bg1{height:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box.nav_box1{top:70px;}
	.index_banner{padding-bottom:35%;}
	#hotbg{padding:10px 0;}
	.hot p span{font-size:12px;}
	.hot p a{font-size:12px;}
	.pb_title p{font-size:12px;line-height:18px;}
	.product{padding:20px 0;}
	.p_class{width:100%;float:none;}
	.p_class .pc_left{width:150px;float:left;padding:0 0 0 15px;}
	.p_class .pc_left p{padding-left:25px;}
	.p_class .pc_left p:first-child{height:50px;line-height:50px;font-size:18px;background-size:auto 15px;}
	.p_class .pc_left p:last-child{display:none;}
	.p_class .pc_right{display:block;}
	.p_class .pc_ul{position:absolute;left:0;top:50px;z-index:10;width:100%;float:none;display:none;padding:0 10px 10px;}
	.p_class .pc_ul ul li dl{height:auto;}
	.p_class .pl_erweima{display:none;}
	.product .p_right{width:100%;float:none;margin-top:15px;}
	.product .p_right .pr_title{height:60px;}
	.product .p_right .pr_title span{height:60px;line-height:60px;font-size:20px;}
	.product .p_right .pr_title a{height:60px;line-height:60px;}
	.product .p_right .p_ul .p_li{margin-top:15px;}
	#fengebg{padding:10px 0;}
	.fenge .fg_txt{padding-left:300px;}
	.fenge .fg_txt p:first-child{height:30px;line-height:30px;font-size:22px;}
	.fenge .fg_txt p:last-child{height:24px;line-height:24px;font-size:16px;}
	.youshi{padding:20px 0;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c{padding:0 10px;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp{padding-left:100px;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp span{width:90px;height:73px;line-height:73px;font-size:90px;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p:nth-child(2){height:24px;line-height:24px;font-size:20px;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p:nth-child(3){height:20px;line-height:20px;margin-top:5px;font-size:14px;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p:last-child{line-height:20px;font-size:12px;margin-top:4px;}
	#yingyongbg{padding:20px 0;}
	.yingyong{margin-top:10px;}
	.yingyong p{font-size:15px;margin-top:6px;}
	#infobg{padding:20px 0;}
	.info .i_left{width:100%;float:none;}
	.info .i_left .i_ul{width:33.33%;float:left;border-bottom:2px solid #FFF;padding:21px 10px 20px 20px;}
	.info .i_left .i_ul .i_li{padding-left:55px;}
	.info .i_right{width:100%;float:none;padding:20px 20px;height:auto;}
	.info .i_right .i_item_wai{height:285px;}
	.info .i_right .i_item{height:285px;}
	.info .i_right .i_txt{padding:20px;}
	#newsbg{padding:20px 0;}
	.news .news_right .n_ul:first-child .nr_li, .news .news_right .n_ul:nth-child(2) .nr_li{padding:15px 20px 20px;}
	.news .news_right .n_ul .nr_li .c_txt{padding-bottom:10px;}
	.news .news_right .n_ul .nr_li .c_data{margin-top:9px;}
	.news .news_right .n_ul .nr_li{padding:20px 25px 30px 25px;}
	#footbg{padding:20px 0 60px;}	
	.foot .f_left{width:100%;float:none;margin-top:0;}
	.foot .f_left .f_txt{margin-top:0;}
	.foot .f_left .f_txt .f_p{margin-top:10px;}
	.foot .f_left .f_txt .f_p p:nth-child(6){margin-top:10px;}
	.foot .f_right{width:100%;padding:0 0;margin-top:15px;}
	.foot .f_right .f_title{text-align:left;}
	.foot .f_right .feedback li{margin-top:8px;}
	.foot .f_right .feedback .f_btn{margin-top:8px;}
	.foot .erweima{display:none;}
	#friendlinkbg{padding:10px 0 58px;}
	.friendlink .f_link{padding:3px 0 4px 55px;}
	.friendlink .f_link a{margin:0 0;padding:0 11px;}
	#floatBottom{display:block;}
	.kucun .list li {width:50%}
	#px_banner{padding-bottom:250px;}
	#stylesubnav{height:auto;border-bottom:none;}
	#stylesubnav .xq_crumbs{width:100%;float:none;border-bottom:1px solid #E0E0E0;}
	#stylesubnav .xq_nav{float:none;margin-top:15px;width:100%;display:table;}
	#stylesubnav .xq_nav a{background:#EEE;border-right:1px solid #FFF;padding:0 0;display:table-cell;}
	#stylesubnav .xq_nav a.on .san{display:none;}	
}
/*768以下屏幕*/
@media screen and (max-width:768px){

    .nei_banner_about {background: url(../image/about.jpg) no-repeat -167px; background-size: cover;}
    .nei_banner_kucun {background:url(../image/kucun.jpg) no-repeat -167px; background-size:cover;}
    .nei_banner_brand {background:url(../image/brand.jpg) no-repeat -167px; background-size:cover;}
    .nei_banner_pro {background:url(../image/pro.jpg) no-repeat -167px; background-size:cover;}
    .nei_banner_app {background:url(../image/app.jpg) no-repeat -167px; background-size:cover;}
    .nei_banner_new {background:url(../image/new.jpg) no-repeat -167px; background-size:cover;}
    .nei_banner_contact {background:url(../image/contact.jpg) no-repeat -167px; background-size:cover;}
    .main-im{display:none;}
	.foot .list {width:50%;padding:0 20px}
	.foot .list2 {display:none}
	.foot .list:nth-child(2) {border-right:0}
    .copyright {margin-bottom:50px;}
}
@media screen and (max-width:767px){
	.fenge .fg_txt{padding-left:270px;}
	.fenge .fg_txt p:last-child{font-size:13px;margin-top:0;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p:nth-child(3){font-size:12px;height:16px;line-height:16px;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p:last-child{line-height:18px;}
	.info .i_left .i_ul .i_li p:last-child{font-size:12px;}
	.news .news_right .n_ul .nr_li .data{width:65px;}
	.news .news_right .n_ul .nr_li .title{width:calc(100% - 80px);}
    .kucun .list {margin-top:20px}
    .type_in .list li {width:33.3333%;}


	#px_banner{margin-top:0;padding-bottom:220px;}
}
/*668以下屏幕*/
@media screen and (max-width:667px){
	.product .p_right .p_ul .p_li{width:49%;margin-left:2%;}
	.product .p_right .p_ul .p_li:nth-child(3n+1){margin-left:2%;}
	.product .p_right .p_ul .p_li:nth-child(odd){margin-left:0;}
	.product .p_right .p_ul .p_li:last-child{display:none;}
	#fengebg{background:#005AC4;}
	.fenge .fg_txt{padding-left:0;}
	.fenge .fg_txt p{text-align:center;}
	.youshi .y_ul .y_li .y_img{width:100%;float:none;}
	.youshi .y_ul .y_li .y_txt{width:100%;float:none;}
	.youshi .y_ul .y_li .y_txt .y_pp{padding-bottom:0;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p{position:relative;width:100%;height:auto;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c{position:relative;top:0;transform:translateY(0);padding:20px 10px;}
	.info .i_left .i_ul .i_li{padding-left:0;}
	.info .i_left .i_ul .i_li i{display:none;}
	.info .i_left .i_ul .i_li p{text-align:center;}
	.info .i_right{padding:10px 10px;}
	.info .i_right .i_item_wai{height:238px;}
	.info .i_right .i_item{height:238px;}
	.info .i_right .i_txt{padding:15px 15px;}
	.info .i_right .i_txt p:first-child{font-size:20px;}
	.info .i_right .i_txt p:nth-child(2){margin-top:10px;line-height:26px;height:130px;}
	.info .i_right .i_txt a{margin-top:15px;}
	.news .news_span span{padding:0 35px;}
	.news .news_list{margin-top:0;}
	.news .news_right .n_ul{width:100%;float:none;padding-left:0;}
	.news .news_right .n_ul:first-child, .news .news_right .n_ul:nth-child(2){width:100%;}

	#px_banner{padding-bottom:160px;}
	#stylesubnav .xq_nav{display:block;}
	#stylesubnav .xq_nav a{height:38px;line-height:38px;border-right:1px solid #FFF;border-bottom:1px solid #FFF;padding:0 15px;display:inline-block;}
}

@media screen and (max-width:628px){
    .detailist li {width:33.333333%}
.pro_detail .jianjie .pic, .pro_detail .jianjie .brief {width:100%}
.pro_detail .jianjie .brief h1 {font-size:18px;padding:20px 0 10px}
.foot .list {width:100%;border-right:0;border-bottom:1px solid rgba(255,255,255,0.2);height:auto;padding:0;padding-bottom:20px;margin-bottom:20px}
.foot .con {margin-top:20px}
}


/*500以下屏幕*/
@media screen and (max-width:499px){

   

	#headbg{display:none;}
	#mobilehead .nav_bg{top:70px;height:calc(100% - 70px);}
	#mobilehead .nav .nav_box{top:70px;}
	#mobilehead .logo{width:calc(100% - 70px);background-size:auto 34px;}
	.index_banner .swiper_btn{width:100%;height:50px;background:rgba(31,92,158,.8);}
	.index_banner .swiper_btn .swiper-button-prev{left:30px;right:0;}
	.pb_title h2{font-size:20px;height:30px;line-height:30px;}
	.pb_title p{font-size:12px;}
	#hotbg{padding:7px 0;}
	.hot p a{padding:0 4px;}
	.p_class .pc_left{display:none;}
	.p_class .pc_right{width:100%;float:none;}
	.product{padding:15px 0;}
	.product .p_right .pr_title{height:40px;}
	.product .p_right .pr_title span{height:40px;line-height:40px;font-size:16px;}
	.product .p_right .pr_title a{height:40px;line-height:40px;}
	.product .p_right .p_ul .p_li{width:100%;float:none;margin-left:0;margin-top:10px;}
	.product .p_right .p_ul .p_li:nth-child(3n+1){margin-left:0;}
	.product .p_right .p_ul .p_li:last-child{display:block;}
	.fenge .fg_txt p:first-child{font-size:20px;height:26px;line-height:26px;}
	.fenge .fg_txt p:last-child{font-size:12px;height:auto;line-height:20px;}
	.youshi{padding:15px 0;}
	.youshi .y_ul{margin-top:10px;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c{padding:10px 10px 20px;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp span{width:100%;font-size:60px;text-align:center;height:48px;line-height:48px;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp{padding-top:60px;padding-left:0;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p{text-align:center;}
	.youshi .y_ul .y_li .y_txt .y_pp .y_p .y_c .pp p:last-child{text-align:left;}
	#infobg{padding:15px 0;}
	.info .i_left .i_ul{padding:0 0;}
	.info .i_left .i_ul .i_li p:nth-child(2){height:50px;line-height:50px;}
	.info .i_left .i_ul .i_li p:nth-child(2){font-size:16px;}
	.info .i_left .i_ul .i_li p:last-child{display:none;}
	.info .i_right{padding:5px;}
	.info .i_right .i_txt{padding:10px 10px;}
	.info .i_right .i_txt p:first-child{font-size:16px;}
	.info .i_right .i_txt p:nth-child(2){font-size:13px;}
	#newsbg{padding:15px 0;}
	.news .news_span span{padding:0 15px;margin-left:5px;height:36px;line-height:34px;font-size:14px;}
	.news .news_right .n_ul .nr_li{padding:10px 15px;}
	.news .news_right .n_ul:first-child .nr_li, .news .news_right .n_ul:nth-child(2) .nr_li{padding:10px 15px;}
	.news .news_right .n_ul .nr_li .c_txt p:first-child{font-size:16px;height:32px;line-height:32px;}
	.news .news_right .n_ul .nr_li .c_data span:first-child{font-size:24px;height:32px;line-height:32px;}
	.news .news_right .n_ul .nr_li .c_data span:last-child{margin-top:0;}
	.news .news_right .n_ul .nr_li .data{width:60px;height:76px;}
	.news .news_right .n_ul .nr_li .data span:first-child{font-size:22px;height:34px;line-height:34px;}
	.news .news_right .n_ul .nr_li .title{width:calc(100% - 70px);height:76px;}
	.news .news_right .n_ul .nr_li .title p{line-height:26px;font-size:16px;}
	.foot .f_left .f_txt .f_phone span{font-size:18px;height:24px;line-height:24px;background-size:auto 24px;padding-left:30px;}
	.foot .f_left .f_txt .f_phone em{display:none;}
	.foot .f_right .f_title{font-size:12px;}
	.foot .f_right .feedback li{width:100%;margin-left:0;float:none;}
	.foot .f_right .feedback li:nth-child(odd){width:100%;}
	.friendlink .f_link{padding:0;background:none;}
     .copyright {overflow:hidden;}

	#px_banner{padding-bottom:100px;}
    .fw {padding:0 10px}
    .kucun .list li {padding:1px}
	.kucun .list li a .pic {height:165px}
	.kucun .list li a .txt {height:51px;line-height:51px;font-size:16px}
	.kucun .list {padding-bottom:0}
    .type_in {width:100%;}
    .type_in .fw .list {width:100%;overflow:hidden;margin:0 auto; margin-top:15px;}
    .type_in .list li {width:50%}
    .type_in .list li .info {margin-top:0px; padding:5px;}
}

@media screen and (max-width:480px) {
    .detailist li {width: 50%;}
    .contact .txt span {padding:0;white-space:normal;display:block;width:100%;}
    .sublist li {margin:0 5px}
    .sublist li a {padding:8px 10px}
    .nei_banner {height:189px}
}

.fenye{margin-top:30px;background:#eee;padding:25px 20px;overflow:hidden;}.fenye .sx{width:100%;float:left;}.fenye .sx p{font-size:14px;line-height:30px;color:#888;}