/*index*/

.imainBox {clear:both; width:100%; overflow:hidden;}

#banner{background: #999;position: relative; z-index: 1;}

#banner .focusBox{position:relative;overflow:hidden;width:100%;height:550px}

#banner .focusBox .pic{position:relative;z-index:0}

#banner .focusBox .pic li{position:relative;height:550px;background-position:center center;background-size:cover;background-repeat:no-repeat;text-indent:-9999em}

#banner .focusBox .pic li a{position:absolute;top:0;left:0;z-index:9;width:100%;height:100%}

#banner .focusBox .hd{position:absolute;bottom:10px;z-index:1;width:100%;text-align:center;font-size:0}

#banner .focusBox .hd li{display:inline-block;overflow:hidden;margin:0 5px;width:16px;height:16px;background:url(../images/dot.png) no-repeat 0 -16px;cursor:pointer;zoom:1}

#banner .focusBox .hd .on{background-position:0 0}

#banner .focusBox .next,.focusBox .prev{position:absolute;top:50%;z-index:10;display:none;margin:-60px 0 0;width:60px;height:90px;background:url(../images/ad_ctr.png) no-repeat 0 0;text-indent:-9999px;opacity:.2;cursor:pointer;filter:alpha(opacity=20)}

#banner .focusBox .prev{left:0}

#banner .focusBox .next{right:0;background-position:0 -90px}

#banner .focusBox .next:hover,.focusBox .prev:hover{opacity:.5!important;filter:alpha(opacity=50)!important}



#hot_class{background:#fff;overflow:hidden;border-bottom:1px solid #e60012;box-shadow:0 1px 1px #ccc}

#hot_class .hot_nav{width: 1200px;overflow:hidden;margin:0 auto;}

#hot_class .hot_nav li{list-style-type:none;margin:0;padding:0;float:left;text-align:center;display:block;width: 220px;overflow:hidden;height:100px;}

#hot_class .hot_nav li:last-child{width:171px}

#hot_class .hot_nav li a{display:block;padding-top:73px;height:100px;color:#888;border-bottom:0 solid #e60012;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;-ms-transition:all .2s ease-in;transition:all .2s ease-in}





#hot_class .hot_nav li a.icon-01{background:url(../images/icon-01.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-01:hover{background:#f1f1f1 url(../images/icon-01-hover.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-02{background:url(../images/icon-02.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-02:hover{background:#f1f1f1 url(../images/icon-02-hover.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-03{background:url(../images/icon-03.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-03:hover{background:#f1f1f1 url(../images/icon-03-hover.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-04{background:url(../images/icon-04.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-04:hover{background:#f1f1f1 url(../images/icon-04-hover.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-05{background:url(../images/icon-05.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-05:hover{background:#f1f1f1 url(../images/icon-05-hover.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-06{background:url(../images/icon-06.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-06:hover{background:#f1f1f1 url(../images/icon-06-hover.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-07{background:url(../images/icon-06.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-07:hover{background:#f1f1f1 url(../images/icon-06-hover.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-08{background:url(../images/icon-08.png) no-repeat center 13px}

#hot_class .hot_nav li a.icon-08:hover{background:#f1f1f1 url(../images/icon-08-hover.png) no-repeat center 13px}

#hot_class .hot_nav li a.more{background:url(../images/icon-more.png) no-repeat center 13px}

#hot_class .hot_nav li a.more:hover{background:#f1f1f1 url(../images/icon-more-hover.png) no-repeat center 13px}

#hot_class .hot_nav li a.more i{font-size:8px;padding-left:5px;line-height:16px}

#hot_class .hot_nav li a:hover{color:#e60012;border-bottom:3px solid #e60012}







.wrap { max-width:1180px; margin-right:auto; margin-left:auto; *width:1180px;}

.fix { *zoom:1; *clear:both;}

.fix:before, .fix:after {display:table; clear:both; content:'';}

.hide { display:none;}

ul,li { padding-left:0; list-style-type:none;}





.effImg01 img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 

.effImg01:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}





.imainPart { clear:both;}

.imainPart01 { /* background-color:#f6f5f5;  */padding:25px 0;}

.itp { height:235px; position:relative;}

.itp .img { display:block; width:100%; height:0; padding-bottom:65%; overflow:hidden; position:relative;}

.itp .img img { width:100%; height:auto;}

.itp .na { width:auto; height:44px; line-height:44px; font-size:18px; font-weight:bold; color:#fff; padding:0 26px; background-color:#000; position:absolute; right:0; bottom:0;}

.itp .n { display:block; font-size:14px; font-weight:normal; height:56px; line-height:56px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.itp .tel { position:absolute; right:0; bottom:0; line-height:56px; font-size:14px; color:#008fd0; font-weight:bold;}

.itp_hover .na { background-color:#058cc8;}

.play_ico { display:block; width:58px; height:58px; background:url(../images/play_ico.png) no-repeat; position:absolute; left:50%; top:50%; margin:-29px 0 0 -29px; overflow:hidden;}

.itp .cover { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); color:#fff; text-align:center; font-size:20px; transition:all 0.3s ease; font-weight:bold;}

.itp .cover b { display:block; width:52px; height:52px; background:url(../images/ipro_bg.png) no-repeat; margin:50px auto 5px;}

.itp .ap { display:none; width:0; height:0; overflow:hidden; border-color:transparent transparent #0c94d1; border-style:dashed dashed solid; border-width:10px; position:absolute; left:50%; margin-left:-10px; top:-20px;}

.ips_act { z-index:51;}

.ips_act .cover,.itp:hover .cover { background:rgba(0,143,208,0.9); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#dd008fd0,endcolorstr=#dd008fd0);}

.ips_act .cover b,.itp:hover .cover b { background-position:0 -52px;}

.ips_act .ap { display:block;}



.iproLayer { width:100%; height:625px; padding-top:140px; background:#e5e5e5 url(../images/iprobg.jpg) center center no-repeat; position:absolute; left:0; top:0; z-index:50; display:none;}

.iproLayer .hd { height:65px; border-bottom:#d6d7d6 1px solid;}

.iproLayer .hd .n { width:98px; height:32px; line-height:32px; float:left; font-size:25px; font-weight:bold; color:#01a2ea; text-align:center;}

.ipsel { float:left;}

.iproLayer .hd .close { float:right; width:30px; height:30px; line-height:26px; border:#b9b9b9 1px solid; border-radius:50%; overflow:hidden; text-align:center; cursor:pointer;}

.iproLayer .hd .close:hover { filter:alpha(opacity=70); opacity:0.7;}

.iproLayer .hd .close [class*="ico-"] { font-size:20px; color:#b9b9b9; margin:0 0 0 2px;}

.ipsel .nselect { width:180px; height:32px; float:left; margin-right:7px;}

.ipsel .nselect .c_select,.ipsel .nInput { height:32px; line-height:32px;}

.ipsel .nselect .c_select,.ipsel .nInput input { background:#dedede;}

.ipsel .nselect .c_select ._arrow .arr { width:15px; height:8px; background:url(../images/ips_arr.png) no-repeat; border:none; margin:-4px 0 0 -7px; overflow:hidden;}

.ipsel .nselect .on ._arrow .arr { background-position:0 -8px;}

.ipsel .nselect .c_select ._arrow { background:#dedede;}

.ipsel .nInput { background-color:#dedede; float:left; margin-right:1px;}

.ipsel .nBtn { width:37px; height:34px; float:left;}

.ipsel .nBtn a { height:34px; line-height:32px; background-color:#01a2ea; color:#fff;}







/*品牌理念over*/

.iproLayer .bd { clear:both;}

.proScroll { width:100%; height:520px; clear:both; overflow:hidden;}

.proScroll li { width:195px; height:auto; float:left;}

.proScroll .box { width:136px; margin:0 auto; padding-top:30px;}

.proScroll .n { display:block; height:40px; line-height:40px; font-size:15px; text-align:center; margin-bottom:10px;}

.proScroll .img { display:block; width:134px; height:134px; overflow:hidden; border-radius:50%; border:#c7c7c7 1px solid; margin-bottom:15px;}

.proScroll .lk { padding-left:18px;}

.proScroll .lk a { line-height:24px;}



.proScrollBox { position:relative;}

.proScrollBox .psb { position:absolute; top:50%; margin-top:-35px; display:block; width:40px; height:70px; background:url(../images/ipro_slide_arr.png) no-repeat; z-index:10; transition:none;}

.proScrollBox .unable { display:none;}

.proScrollBox .psb_prev { left:-20px;}

.proScrollBox .psb_prev:hover { background-position:0 -70px;}

.proScrollBox .psb_next { right:-20px; background-position:-40px 0;}

.proScrollBox .psb_next:hover { background-position:-40px -70px;}

.proScrollBox .slide_nav { display:none;}


.imainPart02 { background-color:#fff; padding:40px 0;}

.imainPart02 .hd { clear:both; overflow:hidden; margin-bottom:10px;}

.imainPart02 .hd .n { float:left; font-size:30px; height:60px; line-height:60px;}

.imainPart02 .inews_btn { width:auto; float:right; padding-top:20px;}

.imainPart02 .inews_btn .inb { display:block; width:28px; height:27px; float:left; background:url(../images/inews_btn.png) no-repeat;}

.imainPart02 .inews_btn .inb_prev { margin-right:3px;}

.imainPart02 .inews_btn .inb_prev:hover { background-position:0 -27px;}

.imainPart02 .inews_btn .inb_next { background-position:-28px 0;}

.imainPart02 .inews_btn .inb_next:hover { background-position:-28px -27px;}

.imainPart02 .more { float:right; height:28px; line-height:28px; padding:20px 10px 0;}

.imainPart02 .more a { color:#666;}



.i_newsSlider { width:100%; height:410px; overflow:hidden;}

.i_newsSlider .slide_nav { display:none;}

.insli { width:100%; height:440px; overflow:hidden;}

.inewslist01 { width:51%; float:left;}

.inewslist01 li { width:600px;/*width:275px ;*/ float:left; margin-right:20px; position: relative;}

.inewslist01 .img { display:block; width:100% ; height: 408px; /*height:0; *//*padding-bottom:69%;*/ overflow:hidden; /*margin-bottom:10px;*/}

.inewslist01 .img img { display:block; width:100%;  height: 408px;/*height:189px;*/}

.inewslist01 .time { width:50px; height:50px; float:left; background-color:#7e7e7e; color:#fff; text-align:center; font-family:Arial;}



.inewslist01 div.text {position: absolute;bottom: 0px; color: #ffffff; margin-left: 0px !important;  padding: 20px 20px;background: #000; background:rgba(0, 0, 0, 0.67);width: 100%;} 

.inewslist01 div.text .n{font-size: 20px;text-align: left !important;margin-bottom: 5px;}

.inewslist01 div.text{height:70px;transition:height 1s;

-moz-transition:height 1s; /* Firefox 4 */

-webkit-transition:height 1s; /* Safari and Chrome */

-o-transition:height 1s; /* Opera */}

.inewslist01 li a:hover div.text{height:110px;} 







.inewslist01 .time .day { display:block; font-size:26px; font-weight:bold; line-height:1; padding-top:3px;}

/*.inewslist01 .n,.inewslist01 .text { margin-left:60px; display:block; overflow:hidden;}*/

/*.inewslist01 .n { font-size:15px; line-height:22px; height:44px; font-weight:normal; margin-bottom:15px; color:#333;}*/

.inewslist01 .text { line-height:22px; height:132px; overflow:hidden; color:#666;}

.inewslist01 .text a { color:#666;}

.inewslist01 li:hover .time { background-color:#008fd0;}

/*.inewslist01 li:hover .n { color:#008fd0;}*/



.inewslist01  .next,.inewslist01  .prev{position:absolute;top:50%;z-index:10;display:none;margin:-60px 0 0;width:60px;height:90px;background:url(../images/ad_ctr.png) no-repeat 0 0;text-indent:-9999px;opacity:.6;cursor:pointer;filter:alpha(opacity=60)}

.inewslist01  .prev{left:0}

.inewslist01  .next{right:0;background-position:0 -90px}

.inewslist01  .next:hover,.inewslist01  .prev:hover{opacity:.6!important;filter:alpha(opacity=60)!important}













.inewslist02 { width:48%; float:right;}

.inewslist02 li { border:#dadada 1px solid; margin-bottom:12px; padding:15px 20px;height: 128px !important;}

.inewslist02 li:hover { background-color:#f6f6f6;}

.inewslist02 .n { display:block; height:30px; line-height:30px; font-size:16px; color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.inewslist02 .time { display:block; line-height:26px; color:#666;}

.inewslist02 .text { line-height:20px; height:40px; overflow:hidden; color:#666;}

.inewslist02 a:hover .n { color:#008fd0;}



.imainPart03 { padding:60px 0;}

.iabout { border:#dadada 1px solid; background-color:#fff; clear:both; overflow:hidden; position:relative;}

.iabout .hn { width:auto; font-size:40px; position:absolute; left:39px; top:30px; line-height:1.2;}

.about_links { height:181px; padding:95px 0 0 45px;}

.about_links li { width:50%; height:52px; line-height:52px; float:left; font-size:16px;}

.about_links .lic { display:inline-block; width:33px; height:32px; background:url(../images/i_ab_arr.png) no-repeat; overflow:hidden; vertical-align:middle; margin-right:10px;}

.about_links a:hover .lic { background-position:0 -32px;}

.about_zeren { clear:both; overflow:hidden; background-color:#e0e0e0; height:253px; position:relative;}

.about_zeren .img { width:58%; height:0; padding-bottom:43%; float:left; overflow:hidden; margin-right:6%;position:static !important;}

.about_zeren .img img { display:block; width:100%; height:auto;}

.about_zeren .n,.about_zeren .text { display:block;}

.about_zeren .n { font-size:26px; padding-top:40px; font-weight:normal; color:#000; margin-bottom:5px;}

.about_zeren .text { font-size:14px; color:#666;}

.about_zeren .more { display:block; width:48px; height:48px; background:url(../images/more_btn.png) no-repeat; overflow:hidden; position:absolute; right:0; bottom:0; font:0/0 a; transition:all 0.3s ease;}

.about_zeren:hover .more {/* background-position:0 -50px;*/ filter:alpha(opacity=60); opacity:0.6;}

.about_story { /*margin-left:3px;*/ height:auto;position: relative;}



.about_story .con {position: absolute;bottom: 0px;padding: 20px 20px;background:#000;background: rgba(0, 0, 0, 0.67); color: #FFF;}



.about_story .con h3{ font-size: 20px;margin-bottom: 10px;}



.about_story .img { display:block; width:100%; height:0; overflow:hidden;padding-bottom: 85.6%;/*padding-bottom:62%; */position:relative;}

.about_story .img_r{padding-bottom: 86%;}

.about_story .img .n { width:135px; height:135px; position:absolute; right:0; top:0; font-size:35px; line-height:40px; color:#000; background-color:#facd00; padding:25px; text-align:center;}



.istoryList li { width:44.5%; float:left; padding:15px 0 0 5%;}

.istoryList .n { display:block; font-size:16px; font-weight:bold; color:#333; height:30px; line-height:30px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; margin-bottom:5px;}

.istoryList .text { line-height:20px; height:60px; overflow:hidden; color:#666;}

.istoryList .more { width:22px; height:50px; float:left; padding-top:50px;}

.istoryList .more a { display:block; width:22px; height:50px; background:url(../images/more_arr.png) no-repeat; font:0/0 a; letter-spacing:-9px;}











.inewslist01 { position:relative;}

.inewslist01 .refresh { position:absolute !important; right:30px; top:-42px; font-size:14px;}

.inewslist01 .refresh i{ margin-right: 5px }

.inews_0730 .inews_btn .inb { background-image:url(../images/inews_btn_0730.png);}

.inews_0730 .inewslist02 { height:408px; overflow:hidden; position:relative;}











.itp { height:auto; position:relative;}

.itp .img { display:block; width:100%; height:0; padding-bottom:65%; overflow:hidden; position:relative;}

.itp .img img {width:100%;height:auto;}

.itp .na {width: 100%;height:44px;line-height:44px;font-size:18px;font-weight:bold;color:#fff;/* padding: 0 62px; */background-color:#000;position:absolute;right:0;bottom:0;text-align:  center;}





.itp .n { display:block; font-size:14px; font-weight:normal; height:56px; line-height:56px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}

.itp .tel { position:absolute; right:0; bottom:0; line-height:56px; font-size:14px; color:#008fd0; font-weight:bold;}

.itp .img:hover .na { background-color:#058cc8;}

.play_ico { display:block; width:58px; height:58px; background:url(../images/play_ico.png) no-repeat; position:absolute; left:50%; top:50%; margin:-29px 0 0 -29px; overflow:hidden;}

.itp .cover { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); color:#fff; text-align:center; font-size:20px; transition:all 0.3s ease; font-weight:bold;}

.itp .cover b { display:block; width:52px; height:52px; background:url(../images/ipro_bg.png) no-repeat; margin:50px auto 5px;}

.itp .ap { display:none; width:0; height:0; overflow:hidden; border-color:transparent transparent #0c94d1; border-style:dashed dashed solid; border-width:10px; position:absolute; left:50%; margin-left:-10px; top:-20px;}













/*index end*/



.slide { position: relative; overflow:hidden;-ms-touch-action: none}

.slide_wrap{position:relative;width:100%;height:100%;overflow:hidden;*zoom:1;}

.slide_c {float:left;  top: 0; left: 0; width: 100%; height:100%; overflow: hidden; z-index: 1; }

.slide_nav { position: absolute; z-index: 98; }

.arrs { cursor: pointer; z-index: 99; }

.arrs.unable{cursor: default;}



.inews_toggle { width:100%; height: 408px; /*height:390px;*/ position:relative; overflow:hidden;}

.inews_toggle_li { width:100%; height:390px;}





.span-6,.full-row .row .span-6 {

	float: left;

	transition: .2s width ease;

	margin-right: 2%;

	*margin-right: 1.89%;

	width: 48%

}



.full-row {

	width: 100%;

	*zoom: 1

}



.full-row:before,.full-row:after {

	content: " ";

	display: table;

	clear: both

}

.full-row .span-6 {

	width: 49.9%;

	*width: 49.89%

}

.full-row [class*="span"],.full-row [class*="midd"],.full-row [class*="smal"] {

	margin-right: 0

}



@media screen and (min-width: 40.01em) and (max-width: 73.70em) {

	 

	.wrap {/*margin-left: 3%; margin-right: 3%;*/ max-width: none; font-size: 16px;}

	

	

	

	

	

	#banner .focusBox,#banner .focusBox .pic li {height: 370px;}


	#hot_class .hot_nav {width: 100%; margin: 0 3% 0 3%;}

	

	#hot_class .hot_nav li{ width: 25%;}

	

	#hot_class .hot_nav li:last-child{width: 25%;}	

	

	



	.imainPart .col-xs-12 { margin-bottom: 15px;}



	.about_story .con{ height: 77px;overflow: hidden; width: 100%;}

	

	.about_story .con h3{ font-size: 16px;}

	

	.about_story .con p{display: none;}

	

	

}



@media screen and (max-width: 40em) {

   .imainPart .col-xs-12{ margin-bottom: 15px; }

    

   

   #banner{

      background: #999;

      position: relative;

      z-index: 1;

      margin-top: 64px;

   }

   	#banner .focusBox,#banner .focusBox .pic li {height: 180px;} 

   	#banner .focusBox .hd{bottom: 1px;}



   #hot_class{

      background: #fff;

      margin-bottom: 5px;

      overflow: hidden;

      border-bottom: 1px solid #e60012;

      box-shadow:0px 1px 1px #ccc;

      padding: 10px;

   }

   #hot_class .hot_nav{

      width: 100%;

      overflow: hidden;

      margin: 0 auto;

      margin-bottom: 5px;

   }

   #hot_class .hot_nav li{

      list-style-type: none;

      margin: 0;

      padding: 0;

      float: left;   

      text-align: center;

      display: block;

      width: 25%;

      overflow: hidden;

      height: 100px;

   }

   #hot_class .hot_nav li:last-child {

    width: 89px;

}

   

   #hot_class .hot_nav li a{

      display: block;

      padding-top: 73px;

      height: 100px;

      color: #888;

      border-bottom: 0px solid #e60012;

      -webkit-transition: all 0.2s ease-in;

      -moz-transition: all 0.2s ease-in;

      -o-transition: all 0.2s ease-in;

      -ms-transition: all 0.2s ease-in;

      transition: all 0.2s ease-in; 

   }



   #hot_class .hot_nav li a.icon-01{

         background: url(../images/icon-01.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-01:hover{

         background: #f1f1f1 url(../images/icon-01-hover.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-02{

         background: url(../images/icon-02.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-02:hover{

         background: #f1f1f1 url(../images/icon-02-hover.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-03{

         background: url(../images/icon-03.png) no-repeat center 13px;

      }  

   #hot_class .hot_nav li a.icon-03:hover{

         background: #f1f1f1 url(../images/icon-03-hover.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-04{

         background: url(../images/icon-04.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-04:hover{

         background: #f1f1f1 url(../images/icon-04-hover.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-05{

         background: url(../images/icon-05.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-05:hover{

         background: #f1f1f1 url(../images/icon-05-hover.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-06{

         background: url(../images/icon-06.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-06:hover{

         background: #f1f1f1 url(../images/icon-06-hover.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-07{

         background: url(../images/icon-06.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.icon-07:hover{

         background: #f1f1f1 url(../images/icon-06-hover.png) no-repeat center 13px;

      }



   #hot_class .hot_nav li a.more{

         background: url(../images/icon-more.png) no-repeat center 13px;

      }

   #hot_class .hot_nav li a.more:hover{

         background: #f1f1f1 url(../images/icon-more-hover.png) no-repeat center 13px;

      }



   #hot_class .hot_nav li a.more  i{

      font-size: 8px;

      padding-left: 5px;

      line-height: 16px;

   }

   #hot_class .hot_nav li a:hover{

      color: #e60012;

      border-bottom: 0;

   } 


   .imainBox{margin-bottom: 10px;}

   .wrap{margin-left: 3%;margin-right: 3%;max-width: none;font-size:16px;}

   .imainPart01 {padding: 11px 0;}

   .imainPart01 .row{margin-left: -7px;margin-right: -7px;}

   .imainPart01 .col-xs-4{padding-left: 3px;padding-right: 3px;}

   .imainPart01 .itp .na{width: 100%;font-size: 12px;height: 22px;line-height: 22px;padding: 0px;background-color: #000;position: absolute;right: 0;bottom: 0;text-align: center;}

   .imainPart02{padding:20px 0;}

   .imainPart02 .hd .n{font-size:20px;height: 40px;line-height: 40px;}

   .imainPart02 .inews_btn{display: none;}

   .imainPart02 .more { padding-top:7px;}

   .inewslist01,.inewslist02{float: none;width: auto;margin-bottom: 12px;} 

   .inewslist01 li{margin-right: 20px;overflow: hidden;float: none;width: auto ;}

   .inewslist01 .refresh { right:60px;}

   .inews_toggle,.inews_toggle_li { height:auto;}

   .inewslist01 .img{position: relative;  float: left;     width: 100%;/*width: 33%; */ height: auto;

  padding-bottom: 0;  margin-right: 10px;} 

   .inewslist01 div.text {bottom: -23px;height: 56px; padding-top: 6px;}

   .inewslist01 div.text h3.n{font-size: 16px;    margin-bottom: 30px;}

   .inewslist01 div.text p {  font-size: 12px;}

   .inewslist01 .time{display: none;}

   .inewslist01 .n{margin:8px 0;}

   .inewslist01 li:hover .time{background:none;}

   .inewslist01 .img img{height: auto;}

   .inewslist01 .time{width: 4em; margin-right:10px;}

   .inewslist01 .text{height: 110px;margin-bottom: 22px;}

   



   .imainPart03{padding:0;margin-bottom: 7%;}



   .iabout { 

      margin-top: 5%;

   }

   .iabout .hn{left: 15px;font-size:20px;top:20px;}

   .full-row .smal-12 {

		width: 100%

   }

   

   .about_story { margin-left: 0px;}

   .about_story .con {height: 45px;overflow: hidden;width: 100%;padding-top: 16px;}

   .about_story .con h3 {font-size: 14px; padding-left: 0px;padding-right: 0px; }

   .about_story .con p{display: none;}

   .about_story .img .n {width: 65px;height: 65px;font-size: 15px;line-height: 17px;padding: 17px;}

   .about_story .img_r{padding-bottom: 88%;}

 
   .about_links{ height: auto;padding-top: 60px;padding-left: 15px;} 

   .about_links li{float: none;width: auto;height: 40px;line-height: 40px;}

   .about_links .lic{display: none;}

   .about_zeren{height: auto;padding-bottom: 20px;}

   .about_zeren .img{float: none;width: auto;margin:0;} 

   .about_zeren .n{padding: 20px 10px 0;font-size:20px;}

   .about_zeren .text{padding:0 10px;}

   .istoryList li{float: none;width: auto; padding-right:5%;}

   .istoryList .more{display: none;}


}
/*  */
@media screen and (max-width: 768px){
   .pic2{display: block;text-align: center;padding: 0.3rem 0.2rem;color: #1f0808;line-height: 1.4rem;font-size: 0.2rem;padding-bottom: 10%;}
   .pic2 img{border-radius:3px;width: 16rem;height: 16rem;display:block;margin:0 auto 5px;box-shadow:3px 3px 5px rgba(0,0, 0,.2);}
   
   }
   @media screen and (min-width: 768px) {
      .pic2{
         display: none;
      }
   }