/* CSS Document */
@charset "utf-8";
/*Start:body
----------------------------------------*/
*{margin:0;padding:0;}
body{font-size:14px; line-height:28px; font-family:"Microsoft Yahei"; color:#585858;}
h2,h3,h4{font-weight:normal;}
img {border:0;}
ul,li {list-style:none;}
a{ color:#585858; outline:none; text-decoration:none;}
input{outline:none; border:none;}
table{border-spacing:0; border-collapse:collapse;}
img{
	max-width:100%;
}
html{font-size:1em;}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}
/*End:body
----------------------------------------*/
#close_menu,#close_menu01{
   display:none;
   
}
	/**閸忣剙鍙￠惃鍒ass**/
.warp{ width:1020px; margin:0 auto; }
#header{width:1020px; height:102px; margin:0 auto; position:relative;}
.logo{position:absolute; left:20px; top:32px;}
.lang{position:absolute; right:0px; top:16px;}
.lang li{float:left;}
.lang li a{ color:#1e1e1e; padding:0 11px; font-family:'Microsoft Yahei';}
.tel{position:absolute; right:8px; top:49px; color:#2c9ed9; font-size:1.8em; font-family: Arial;}

#inbanner #slides { display:block; width:100%;height:323px; list-style:none; padding:0; margin:0; position:relative;z-index:0;}
#slides li {display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; text-align:center; z-index:0;}
#slides li img{width:100%; height:100%; z-index:0;}
#pagination { display:none;}


#navi{width:100%; height:71px; background:url(../images/navibg.jpg) repeat-x; }
#navi ul{position:relative; height:71px; z-index:9999;}
#navi li{float:left; width:13.333333333333333%; position:relative;}
#navi li a{display:block; width:auto; line-height:71px; font-size:16px; text-align:center; color:#fff;letter-spacing:1px;}
#navi li:hover a,#navi li.cur a{background:url(../images/navhbg.jpg) repeat-x; color:#565656;}
#navi li span {
	position:absolute;
	left:0; top:71px;
	display: none; width:100%;
	 color:#565656;}

#navi li span a { line-height:22px;border-top:1px solid #0175BE;
 /*word-spacing:1px;*/}
#navi li:hover span{ display:block;}
#navi li:hover span a,#navi li.cur span a{ display:block; color:#565656; padding:5px; width:auto; clear:both; background-image:none;background-color:#fff;}

#navi li span.n2{width:100%; position:absolute !important;}


/* index */
.infont{ width:100%;background-color:#fff; line-height:21px;}
.infont .warp{height:37px; padding:1.854% 0;}
.warp01{width:23%; float:left;}
.inlist{ background-color:#ececec; width:100%; overflow:hidden;}
.inlist li{ float:left; height:453px; overflow:hidden; word-break:break-all;}
.inlist li.iab{ width:328px; background:url(../images/inlistbg.jpg) no-repeat right; padding:0 36px 0 18px;}
.inlist li.inw{ width:261px; background:url(../images/inlistbg.jpg) no-repeat 318px 0; padding:0 61px 0 17px;}
.inlist li.icon{ width:289px; padding-left:9px;}
.inlist li h3{ font-size:29px; color:#4bc606; line-height:40px; margin:29px 0 12px;}
.inlist li h3 span{font-size:60px;}
.inlist li h3 a{
     color:rgb(75, 198, 6);
}
.inlist li h4{ color:#686868; font-size:22px; line-height:32px;}
.inlist li img{margin:16px 0 12px; }
.inlist li p{ font-size:13px; width:100%;}
.inlist li li{ clear:both; height:30px; line-height:30px; width:100%; padding-left:5px; font-size:14px;}
.inlist li.icon h4{ width:253px; margin-left:3px;}
.inlist li.icon p{ width:255px; border-top:1px solid #1397D5; margin-top:3px; padding:5px 0 0 12px;}
.inlist li .imap{ width:272px; height:116px; border:1px solid #999; margin:16px 0 0 4px;}
.inlist li .imap img{margin:0}

.pnav{ width:100%; height:139px; background-color:#01BE7F;}
.pnav strong{ font-size:30px; color:#fff; display:inline-block; margin:41px 0 20px 11px;}
.pnav ul{ padding-left:11px;}
.pnav li{ float:left;  width:166px; height:29px; color:#fff; text-align:center; line-height:29px; font-size:14px; cursor:pointer}
 .pnav li a{ color:#fff;}
.subcon{ overflow:hidden; margin:21px auto 28px; width:1016px;}
.subcon li{ float:left; width:232px; height:260px; overflow:hidden; border:1px solid #dddddd; background-color:#ececec; margin:14px 10px;}
.subcon li .pic{ width:217px; height:191px; overflow:hidden; padding:8px;
/*闂堟勘E閻ㄥ嫪瀵屽ù浣圭セ鐟欏牆娅掔拠鍡楀焼閻ㄥ嫬鐎惄鏉戠湷娑擃厾娈戦弬瑙勭《*/
     display: table-cell;
     vertical-align:middle;

     /*鐠佸墽鐤嗗鏉戦挬鐏炲懍鑵�*/
     text-align:center;

     /* 闁藉牆顕甀E閻ㄥ嚗ack */
     *display: block;
     *font-size:108px;/*缁撅缚璐熸妯哄閻拷0.873閿涳拷200*0.873 缁撅缚璐�175*/
     *font-family:Arial;/*闂冨弶顒涢棃鐎爐f-8瀵洝鎹ｉ惃鍒猘ck婢惰鲸鏅ラ梻顕€顣介敍灞筋洤gbk缂傛牜鐖�*/}
.subcon li .pic img{/*鐠佸墽鐤嗛崶鍓у閸ㄥ倻娲跨仦鍛厬*/ display:inline; vertical-align:middle; width:100%;}
.subcon li span{ text-align:center; display:block; width:100%; overflow:hidden; word-break:break-all; font-size:15px; }
.subcon li span a{ display:block; color:#565656;}

#footer{clear:both; width:100%; color:#7c7c7c; background:#ececec; text-align:center; padding-top:23px; height:124px; font-size:16px;}


/* inside */
#banner{clear:both; width:100%; height:353px; overflow:hidden; position:relative; z-index:0;}
#banner #slides{ height:353px; z-index:0;}

#content{width:100%; background-color:#0175BE; border-top:9px solid #ECECEC; border-bottom:6px solid #5079D0; overflow:hidden;}
#content .warp{ background-color:#fff; padding:10px 13px 0 12px; overflow:hidden;}

#leftside{float:left; width:185px; background-color:#DBE7FF; }
#leftside h2{ color:#fff; font-size:19px; text-align:center; width:185px; height:48px; line-height:48px; background-color:#5079d0; }
#leftside h3{ color:#fff; font-size:19px; text-align:center; width:185px; height:48px; line-height:48px; background-color:#01be7f; }
.lst{ padding-bottom:27px;}
.lst li{ height:37px; line-height:37px;  border-bottom:1px solid #fff; text-align:center; color:#565656;}
.lst li a{color:#565656;  display:block;}
.lpst{ overflow:hidden; margin-bottom:20px;}
.lpst li{ width:163px; height:183px; overflow:hidden; border:1px solid #e2e2e3; background-color:#ececec;  text-align:center; padding:5px; margin:10px auto;}
.lpst li .pic{ width:163px; height:141px; overflow:hidden; border:1px solid #fff;
/*闂堟勘E閻ㄥ嫪瀵屽ù浣圭セ鐟欏牆娅掔拠鍡楀焼閻ㄥ嫬鐎惄鏉戠湷娑擃厾娈戦弬瑙勭《*/
     display: table-cell;
     vertical-align:middle;

     /*鐠佸墽鐤嗗鏉戦挬鐏炲懍鑵�*/
     text-align:center;

     /* 闁藉牆顕甀E閻ㄥ嚗ack */
     *display: block;
     *font-size:108px;/*缁撅缚璐熸妯哄閻拷0.873閿涳拷200*0.873 缁撅缚璐�175*/
     *font-family:Arial;/*闂冨弶顒涢棃鐎爐f-8瀵洝鎹ｉ惃鍒猘ck婢惰鲸鏅ラ梻顕€顣介敍灞筋洤gbk缂傛牜鐖�*/}
.lpst li .pic img{/*鐠佸墽鐤嗛崶鍓у閸ㄥ倻娲跨仦鍛厬*/ display:inline; vertical-align:middle; width:100%;}
.lpst li span{ text-align:center; display:block; width:100%; overflow:hidden; word-break:break-all; font-size:15px; }
.lpst li span a{ display:block; color:#565656;}

.lsp{ width:167px; height:106px; overflow:hidden; margin:10px auto; padding:4px; background-color:#fff;}
.lsp img{ height:100%; width:100%;}
.sk{ height:10px; background-color:#fff;}
/*border:1px solid #000;*/

#rightside{float:right; width:795px;}
.crumbs{ border-bottom:1px solid #edeff0; color:#5079d0; height:28px; line-height:28px; background:url(../images/cbic.jpg) no-repeat 14px 7px; padding-left:33px; margin-bottom:26px;}
.crumbs a{ color:#5079d0;}
.crumbs span{ background:url(../images/cbg.jpg) no-repeat right; display:inline-block;  height:28px; margin-right:10px; padding-right:19px; }



/* about */
.about{ color:#595959; width:780px; margin:0 auto 30px;}

#dituContent{
	width:720px;height:416px;border:#ccc solid 1px;
}
/* product */
.pro{ overflow:hidden; margin:21px auto 20px; width:762px;}
.pro ul{ overflow:hidden;}
.pro li{ float:left; width:232px; /*height:240px;*/ overflow:hidden; border:1px solid #dddddd; background-color:#ececec; margin:20px 10px ;}
.pro li .pic{ width:217px; height:191px; overflow:hidden; padding:8px;
/*闂堟勘E閻ㄥ嫪瀵屽ù浣圭セ鐟欏牆娅掔拠鍡楀焼閻ㄥ嫬鐎惄鏉戠湷娑擃厾娈戦弬瑙勭《*/
     display: table-cell;
     vertical-align:middle;

     /*鐠佸墽鐤嗗鏉戦挬鐏炲懍鑵�*/
     text-align:center;

     /* 闁藉牆顕甀E閻ㄥ嚗ack */
     *display: block;
     *font-size:108px;/*缁撅缚璐熸妯哄閻拷0.873閿涳拷200*0.873 缁撅缚璐�175*/
     *font-family:Arial;/*闂冨弶顒涢棃鐎爐f-8瀵洝鎹ｉ惃鍒猘ck婢惰鲸鏅ラ梻顕€顣介敍灞筋洤gbk缂傛牜鐖�*/}
.pro li .pic img{/*鐠佸墽鐤嗛崶鍓у閸ㄥ倻娲跨仦鍛厬*/ display:inline; vertical-align:middle; width:100%;}
.pro li span{ text-align:center; display:block; width:100%; overflow:hidden; word-break:break-all; font-size:15px;}
.pro li span a{ display:block; color:#565656; max-height:28px; overflow:hidden;}

.page {width:92%; text-align:center; color: #a7a6a6; margin:28px 0 20px; }
.page a { display: inline-block; color: #a7a6a6; margin:0 7px;}

.prodetail{ overflow:hidden; margin-bottom:20px; text-align:center;}
.prodetail>img{
     width: 600px;
}
.prodetail h3{ text-align:center; color:#fff; margin:0 auto 8px; width:636px; height:33px; line-height:33px; background-color:#01be7f;}
.prodetail img{margin:0 auto 20px;}
.prodetail .txt {width:668px; margin:0 auto 20px; padding:28px 40px; background-color:#f2f2f2; text-align:left;}
.prodetail .txt span{ font-size:14px; color:#ce0000; margin-bottom:20px; width:100%; display:inline-block;}

/* news */
.news{ overflow:hidden; width:723px; margin:0 auto; padding-top:6px;}
.news ul{ overflow:hidden; margin-bottom:40px;}
.news li{ clear:both; border-bottom:1px dashed #a8a8a8; width:723px; background:url(../images/nic.jpg) no-repeat 2px 14px; padding-left:17px; height:33px; line-height:33px;}
.news li a{ color:#4c4c4c;}
.news li span{ float:right; margin-right:47px; color:#9f9f9f;}

.newsdetail{ width:782px; margin:0 auto;}
.newsdetail h3{ text-align:center; color:#fff; margin-bottom:34px; width:782px; height:38px; line-height:38px; background-color:#01be7f;}
.newsdetail p{ color:#656565; width:765px; margin:0 auto; overflow:hidden; word-break:break-all;  }

/*border:1px solid #000;*/


/* contact */
.contact{ overflow:hidden; width:726px; margin:0 auto 20px;}
.contact .map{ width:720px; height:416px; border:3px solid #517AD0; margin-bottom:16px;}
.contact h3{ font-size:22px; color:#686868; margin-bottom:14px; margin-left:30px;}
.contact p{margin-left:30px; font-size:13px; line-height:24px;}

@media (max-width:768px){
.warp{ width:1020px; margin:0 auto; }
#header{width:100%; height:102px; margin:0 auto; position:relative;}


.lang{position:absolute; right:0px; top:16px;}
.lang li{float:left;}
.lang li a{ color:#1e1e1e; padding:0 11px; font-family:'Microsoft Yahei'; }
.tel{position:absolute;width:100%; text-align:center;top:115px; color:#2c9ed9; font-size:1.3em; font-family: Arial;}

#inbanner{clear:both; width:100%;overflow:hidden; position:relative; z-index:0; top:25px; margin-top:15px;}
#inbanner #slides { display:block; width:100%;height:72px; list-style:none; padding:0; margin:0; position:relative;z-index:0;}
#slides li {display:block; width:100%; height:auto !important; list-style:none; padding:0; margin:0; position:absolute; text-align:center; z-index:0;}
#slides li img{width:100%; height:100%; z-index:0;}
#pagination { display:none;}

#menu{
   display:none;
   text-align:right;
   margin-top:-.5em;
}
#menu a{
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ededed;
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
border-left-color: #e5e5e5;
border-right-color: #e5e5e5;
border-top-color: #e5e5e5;
border-bottom-color: #bfbfbf;
color: #fff;
width: 50px;
text-shadow: none;
margin:0 auto 0;
display:inline-block;
border: 0;
text-transform: none;
background: #0e4562 !important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
padding:1% 0;
}
#menu a:hover{
  background:#000!important;
}

#navi{width:100%; position:relative;background:none; height:auto;}
#navi ul{position:relative;z-index:9999;}
#navi li{float:left;  min-width:116px;}
#navi li a{display:block; width:auto; line-height:40px; font-size:16px; text-align:center; color:#fff;letter-spacing:1px;}
#navi li:hover a,#navi li.cur a{background:url(../images/navhbg.jpg) repeat-x; color:#565656;}
#navi li span {
	position:absolute;
	left:0; top:71px;
	display: none; min-width:116px;
	width:auto; 
	 color:#565656;}

#navi li span a { line-height:22px;border-top:1px solid #0175BE;
 /*word-spacing:1px;*/}
#menu,#menu01{
   display:none;
   text-align:right;
   margin-top:-.5em;
}

#menu a,#menu01 a{
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ededed;
background-repeat: repeat-x;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
border-left-color: #e5e5e5;
border-right-color: #e5e5e5;
border-top-color: #e5e5e5;
border-bottom-color: #bfbfbf;
color: #fff;
width: 50px;
text-shadow: none;
margin:0 auto 0;
display:inline-block;
border: 0;
text-transform: none;
background: #0e4562 !important;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
padding:1% 0;
}
#menu a:hover.#menu01 a:hover{
  background:#000!important;
}
.box{
	width:100%;
}
.icon-bar {
display: block;
width: 55%;
height: 2px;
margin:10% auto;
background-color: #f5f5f5;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

/* index */
.infont{ width:95%;height:170px; background-color:#fff; line-height:21px; overflow:hidden; margin:0 auto;}
.infont .warp{ height:37px; }

.inlist{ background-color:#ececec; width:100%; overflow:hidden; padding-bottom:20px;}
.inlist li{ float:none; height:auto; overflow:hidden; word-break:break-all;}
.inlist li.iab,.inlist li.inw,.inlist li.icon{ width:95%; margin:0 auto;border-bottom: 5px solid #fff;
padding-bottom: 10px; background:none;}
.inlist li h3{ font-size:29px; color:#4bc606; line-height:40px; text-align:left; margin:5% 0 2% 0;}
.inlist li h3 span{font-size:60px;}
.inlist li h4{ color:#686868; font-size:22px; line-height:32px;}
.inlist li img{margin:16px 0 12px; }
.inlist li p{ font-size:13px; width:100%;}
.inlist li li{ clear:both; height:30px; line-height:30px; width:100%; padding-left:5px; font-size:14px;}
.inlist li.icon h4{ width:253px; margin-left:3px;}
.inlist li.icon p{ width:255px; border-top:1px solid #1397D5; margin-top:3px; padding:5px 0 0 0px;}
.inlist li .imap{ width:272px; height:116px; border:1px solid #999; margin:16px 0 0 4px;}
.inlist li .imap img{margin:0}

.pnav{ width:100%; height:110px; background-color:#01BE7F;}
.pnav strong{ font-size:30px; color:#fff; display:inline-block; margin:10px 0 0 11px;}
.pnav ul{ padding-left:11px;}
.pnav li{ float:left;  width:30%;color:#fff; text-align:center;font-size:14px; cursor:pointer; text-align:left;}
 .pnav li a{ color:#fff;}
.subcon{ overflow:hidden;width:100%;}
.subcon li{ float:left; width:43%; overflow:hidden; border:1px solid #dddddd; background-color:#ececec; margin:14px 10px; height:auto;}
.subcon li .pic{ width:100%; height:130px; overflow:hidden;}
.subcon li .pic img{/*鐠佸墽鐤嗛崶鍓у閸ㄥ倻娲跨仦鍛厬*/ display:inline; vertical-align:middle; width:100%;}
.subcon li span{ text-align:center; display:block; width:100%; overflow:hidden; word-break:break-all; font-size:15px; }
.subcon li span a{ display:block; color:#565656;}

#footer{clear:both; width:95%; color:#7c7c7c; background:#ececec; text-align:left; padding-top:23px;font-size:16px; padding:0 2.5%; height:auto;}

#footer a{display:block;}
/* inside */
#banner{clear:both; width:100%; height:80px; overflow:hidden; margin-top:15px; z-index:0; top:20px;}
#banner #slides{z-index:0;}

#content{width:100%; background-color:#0175BE; border-top:9px solid #ECECEC; border-bottom:6px solid #5079D0; overflow:hidden; position:relative; top:20px; margin-bottom:20px;} 
#content .warp{ background-color:#fff;  overflow:hidden;}

#leftside{width:95%; background-color:#DBE7FF; paddding-bottom:20px; padding:0 2.5%;}
#leftside h2{ color:#fff; font-size:19px; text-align:center; width:100%; height:48px; line-height:48px; background-color:#5079d0; }
#leftside h3{ color:#fff; font-size:19px; text-align:center; width:100%; line-height:48px; background-color:#01be7f; }
.lst li{ height:37px; line-height:37px; text-align:left; color:#565656; float:left; width:30%;}
.lst li a{color:#565656;  display:block;}
.lpst{ overflow:hidden; margin-top:10px;}
.lpst li{ width:42.5%; height:183px; overflow:hidden; border:1px solid #e2e2e3; background-color:#ececec;  text-align:center; padding:5px; margin:0 5px; float:left;}
.lpst li .pic{ width:163px; height:141px; overflow:hidden; border:1px solid #fff;
/*闂堟勘E閻ㄥ嫪瀵屽ù浣圭セ鐟欏牆娅掔拠鍡楀焼閻ㄥ嫬鐎惄鏉戠湷娑擃厾娈戦弬瑙勭《*/
     display: table-cell;
     vertical-align:middle;

     /*鐠佸墽鐤嗗鏉戦挬鐏炲懍鑵�*/
     text-align:center;

     /* 闁藉牆顕甀E閻ㄥ嚗ack */
     *display: block;
     *font-size:108px;/*缁撅缚璐熸妯哄閻拷0.873閿涳拷200*0.873 缁撅缚璐�175*/
     *font-family:Arial;/*闂冨弶顒涢棃鐎爐f-8瀵洝鎹ｉ惃鍒猘ck婢惰鲸鏅ラ梻顕€顣介敍灞筋洤gbk缂傛牜鐖�*/}
.lpst li .pic img{/*鐠佸墽鐤嗛崶鍓у閸ㄥ倻娲跨仦鍛厬*/ display:inline; vertical-align:middle; width:100%;}
.lpst li span{ text-align:center; display:block; width:100%; overflow:hidden; word-break:break-all; font-size:15px; }
.lpst li span a{ display:block; color:#565656;}

.lsp{ width:167px; height:106px; overflow:hidden; margin:10px auto; padding:4px; background-color:#fff;}
.lsp img{ height:100%; width:100%;}
.sk{ height:10px; background-color:#fff;}
/*border:1px solid #000;*/

#rightside{width:95%; margin-top:20px; padding:0 2.5%;}
.crumbs{ border-bottom:1px solid #edeff0; color:#5079d0; height:28px; line-height:28px; background:url(../images/cbic.jpg) no-repeat 14px 7px; padding-left:33px; margin-bottom:26px;}
.crumbs a{ color:#5079d0;}
.crumbs span{ background:url(../images/cbg.jpg) no-repeat right; display:inline-block;  height:28px; margin-right:10px; padding-right:19px; }



/* about */
.about{ color:#595959; width:780px; margin:0 auto 30px;}


/* product */
.pro{ overflow:hidden; margin:21px auto 20px; width:95%;}
.pro ul{ overflow:hidden;}
.pro li{ float:left; width:41%; /*height:240px;*/ overflow:hidden; border:1px solid #dddddd; background-color:#ececec; margin-right:12px; margin-bottom:10px;}
.pro li .pic{ width:217px; height:130px; overflow:hidden; padding:8px;
/*闂堟勘E閻ㄥ嫪瀵屽ù浣圭セ鐟欏牆娅掔拠鍡楀焼閻ㄥ嫬鐎惄鏉戠湷娑擃厾娈戦弬瑙勭《*/
     display: table-cell;
     vertical-align:middle;

     /*鐠佸墽鐤嗗鏉戦挬鐏炲懍鑵�*/
     text-align:center;

     /* 闁藉牆顕甀E閻ㄥ嚗ack */
     *display: block;
     *font-size:108px;/*缁撅缚璐熸妯哄閻拷0.873閿涳拷200*0.873 缁撅缚璐�175*/
     *font-family:Arial;/*闂冨弶顒涢棃鐎爐f-8瀵洝鎹ｉ惃鍒猘ck婢惰鲸鏅ラ梻顕€顣介敍灞筋洤gbk缂傛牜鐖�*/}
.pro li .pic img{/*鐠佸墽鐤嗛崶鍓у閸ㄥ倻娲跨仦鍛厬*/ display:inline; vertical-align:middle; width:100%;}
.pro li span{ text-align:center; display:block; width:100%; overflow:hidden; word-break:break-all; font-size:15px; max-height:30px; overflow:hidden;}
.pro li span a{ display:block; color:#565656;}

.page {width:92%; text-align:center; color: #a7a6a6; margin:28px 0 20px; }
.page a { display: inline-block; color: #a7a6a6; margin:0 7px;}

.prodetail{ overflow:hidden; margin-bottom:20px; text-align:center;}
.prodetail h3{ text-align:center; color:#fff; margin:0 auto 8px; width:100%; height:33px; line-height:33px; background-color:#01be7f;}
.prodetail img{margin:0 auto 20px; width:95%;}
.prodetail .txt {width:95%; margin:0 auto 20px; padding:10px 2.5%; background-color:#f2f2f2; text-align:left;}
.prodetail .txt span{ font-size:14px; color:#ce0000; margin-bottom:20px; width:100%; display:inline-block;}

/* news */
.news{ overflow:hidden; width:100%; margin:0 auto; padding-top:6px;}
.news ul{ overflow:hidden; margin-bottom:40px;}
.news li{ clear:both; border-bottom:1px dashed #a8a8a8; width:95%; background:url(../images/nic.jpg) no-repeat 2px 14px; padding-left:17px; height:33px; line-height:33px;}
.news li a{ color:#4c4c4c;max-width: 60%;
overflow: hidden;
display: block;
max-height: 33px;}
.news li span{ float:right; margin-right:10px; color:#9f9f9f;}

.newsdetail{ width:100%; margin:0 auto;}
.newsdetail h3{ text-align:center; color:#fff; margin-bottom:34px; width:100%; height:38px; line-height:38px; background-color:#01be7f;}
.newsdetail p{ color:#656565; width:95%; margin:0 auto; overflow:hidden; word-break:break-all; padding:0 2.5%}

/*border:1px solid #000;*/


/* contact */
.contact{ overflow:hidden; width:100%; margin:0 auto 20px;}
.contact .map{ width:95%; height:416px; border:3px solid #517AD0; margin-bottom:16px; margin:0 auto;}
.contact h3{ font-size:22px; color:#686868; margin-bottom:14px;}
.contact p{ font-size:13px; line-height:24px;}
#content .warp{padding:0;}
#navi li span{left:300px;}
.contact h3,.contact p{margin-left:0;}
}
@media only screen and   (max-width: 1035px) {
	.pro-list li{
		width:23.9%;
	}
	#header  .logo1{
        display:none;
    }
	#header  .logo2{
        display:block;
    }
	#menu01{
		position:absolute;
		top:40px;
		display:block;
	}
	#menu{
		position:relative;
		top:40px;
		display:block;
	}
	#nav{
		position:fixed;
		width:40%;
		right:-55%;
		top:0;
		background:rgba(14,69,98,.9);
		height:100%;
		z-index:1000;
	}
	#nav ul{
		margin:5% 0 0;
		padding:0;
	}
	#nav ul li{
		background:none;
		display:block;
		float:none;
		text-align:center;
		margin:0;
		padding:0;
		line-height:2.5em;
	}
	#nav ul li:last-child{
	    padding:0;
	}
	#nav ul li a{
		color:#fff;
	    display:block;
	}
	#nav ul li a:hover,#nav ul li a.curr{
		color:#fff;
		background:#000;
	}
	#close_menu,#close_menu01{
       display:block;
	   position:absolute;
	   left:-28px;
	   top:40%;
	   background:rgba(14, 69, 98, 0.9);
	   color:#fff;
    }
}
@media (max-width:768px){
	#header .logo{
	}
	#menu{
		top:-165px;
		right:0;
		width:16%;
		float:right;
	}
	#menu01{
		top:-90px;
		right:0;
		width:16%;
		float:right;
	}
	.lang a{
		position: relative;
	}
	.warp{
		width:100%;
		padding:0;
	}

	.product-list li:nth-of-type(3){
		margin:0;
	}
	.about,.index-new {
		width:100%;
	}
	.warp01,.both,.footer01{
		width:232px;
		float:none;
	}
	.lang{
      left:50px;
	  top:0;
   }
   .product-list li{
		width:45%;
	}
	.about-inf img{
		width:90%;
	}
	#footer span{
		margin:0;
		text-align:center;
	}
	.about-text{
		width:100%;
	}
	.news01{
		width:70%;
	}
	/*鍐呴〉*/
	.aside dl dd a span{
		left:5%;
	}
	.a-poimg img{
		margin-left:20px;
	}
	.contact .con-l{
		width:100%;
	}
	.contact .con-r{
		float:none;
	}
	#rolldiv li .text div{
		height:40px;
		overflow:hidden;
	}
	.pagination{
		height:2em;
	}
	.pagination .swiper-pagination-switch{
		height:0.3em;
		width:0.3em;
	}
	#dituContent{
		width:100%;
	}
}
@media(max-width:360px){
	.logo{position:absolute;top:47px; width:95%; padding:0 2.5%; left:0;}
}