@charset "utf-8";
/* CSS Document */

.all-news-box-ii{ float:left; width:100%; margin:12px 0; height:160px;position:relative;
-webkit-clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;overflow:hidden; }

.all-news-box-ii .img-bg-1{ width:40%; height:160px; float:left; overflow:hidden; background-color:#666; margin-right:0%;}
.all-news-box-ii .img-bg-1 img{ float:left; height:160px;-webkit-filter: blur(10px); filter: blur(10px); }
.ie .all-news-box-ii .img-bg-1 img{opacity: 0.4;
    filter: alpha(opacity=40);}
.ie .all-news-box-ii .img-bg-1{ background:none;}

.all-news-box-ii i.more-plue{  margin:0px 0px 0px -25px; width:30px; height:30px; line-height:30px; float:left;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; font-size:15px; font-weight:normal; text-align:center; font-style:normal; z-index:6; position:relative; }
.nini{ float:left; width:60%;  margin:10px 0px 0px 0px;}
.nini a{ float:left; font-size:22px;  text-decoration:none; line-height:35px; margin-left:10px;}
.nini a:hover{ color:#FFF;}
.box-22{ margin:12px 33px;}
.all-news-box-ii h1{ float:left; width:47%; margin:10px 0px 0px 2%; padding:0px; text-align:left;}
.all-news-box-ii h1 a{ font-size:22px; line-height:23px; color:#FFF; text-decoration:none; text-align:left; font-weight:normal;}
.all-news-box-ii h1 a:hover{ color:#FF0; text-decoration:none;}
.all-news-box-ii h5{ float:left; width:45%; font-size:11px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#da6340; margin:5px 0px 0px 2%; padding:0px; text-align:left;}

a.all-news-img{ float:left; z-index:5; margin:5px 0px 0px -32%; position:relative; box-shadow:0px 0px 35px -5px #000; border:solid 1px #FFF;}
a.all-news-img img{ width:150px; height:150px;}

.left-inner{ width:650px; float:left; margin-right:10px;}
.right-inner{width:300px; float:left;}

#hbb-inner{ float:left; width:100%; max-width:960px; background-repeat:no-repeat;  border-left:solid 0px #F00; height:57px; line-height:57px; margin:0px 0px 10px 0px; padding:0px;}
#hbb-inner i{ line-height:50px; color:#FFF; float:left; margin:7px 0.5% 0px 1%; padding:0px; font-weight:500; font-size:25px; text-decoration:none; text-shadow:1px 1px 2px #000; font-style:normal;}
#hbb-inner a{ line-height:50px; color:#FFF; float:left; margin:7px 0.5% 0px 1%; padding:0px; font-weight:500; font-size:25px; text-decoration:none; text-shadow:1px 1px 2px #000;}
#hbb-inner a:hover{ text-decoration:none; color:#FF0;}


.right-news-list{ float:left; margin:5px 0px;}
.right-news-list ul{ float:left; list-style:none; margin:0px; padding:0px; width:100%;}
.right-news-list ul li{ width:90%; float:left; margin:0.5px 0px; padding:10px 5%; background-color:#F5F5F5;}
.right-news-list ul li a{ float:left; width:100%; margin:0px; padding:0px; font-size:16px; text-decoration:none; color:#000; }
.right-news-list ul li a:hover{ text-decoration:none;}
.right-news-list ul li a h1{ font-size:16px; text-decoration:none; font-weight:normal; text-align:left; float:left; margin:0px; padding:0px;}

.right-box{ float:left; margin:0px 0px 10px 0px; padding:0px;}

.more-list-no{ width:50%; float:left; margin:10px 25%; height:35px;}
.more-list-no a{ float:left; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; line-height:30px; padding:0px; text-align:center; width:19%; margin:0px 0.5%;box-shadow:inset 0px 0px 16px -9px #000; }
.more-list-no a:hover{ background-color:#333; color:#FF0; box-shadow:inset 0px 0px 12px #000; }
.more-list-no span{ margin:-5px -3%; background-color:#FFF; -webkit-border-radius: 25px;text-align:center;
-moz-border-radius: 25px;
border-radius: 25px;line-height:30px; padding:5px 0px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; float:left; width:26%; text-align:center; font-size:22px; box-shadow:inset 0px 0px 14px -5px #000; z-index:500; position:relative; }

#inner-page-main{ float:left; width:100%; text-align:left; border-bottom:dotted 1px #CCC;}
#inner-page-main h1{float:left; font-size:28px; line-height:30px; font-weight:normal; text-decoration:; margin:10px 0px; padding:0px;}
#inner-page-main img{ width:96%; max-width:96%; padding:2%; background-color:#FFF; box-shadow:0px 0px 5px #CCC; margin:10px 0px; }
#inner-page-main p{ font-size:20px; color:#666;}
#inner-page-main .share-box-2{ float:left; width:100%; margin:10px 0px;}
#inner-page-main .share-box-2 h6{ float:left; margin:-10px 0px 0px 10px; padding:0px; text-align:center; line-height:35px; width:65px; color:#FFF; text-shadow:1px 1px 2px #000;-webkit-border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:0px;
border-bottom-left-radius:5px; font-weight:normal;}

#inner-page-main .share-box-2 .share-box-3{ float:left; margin:-10px 10px 0px 0px; padding:5px; text-align:center; line-height:35px; width:auto; background-color:#333; color:#FFF; text-shadow:1px 1px 2px #000;-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;}

.i-left:before{font-family: 'FontAwesome'; content:"\f053"; }
.i-right:before{font-family: 'FontAwesome'; content:"\f054"; }
a.left-bttn{ float:left; width:50px; text-shadow:1px 1px #000; margin:0 0px 0 0px; z-index:15; position:relative; text-decoration:none; font-size:50px; padding:15px;-webkit-border-top-right-radius: 45px;
-webkit-border-bottom-right-radius: 45px;
-moz-border-radius-topright: 45px;
-moz-border-radius-bottomright: 45px;
border-top-right-radius: 45px;
border-bottom-right-radius: 45px;background: -moz-linear-gradient(left,  rgba(125,185,232,0) 0%, rgba(185,185,185,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(185,185,185,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(185,185,185,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(185,185,185,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(125,185,232,0) 0%,rgba(185,185,185,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(125,185,232,0) 0%,rgba(185,185,185,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#b9b9b9',GradientType=1 ); /* IE6-9 */
}
a.left-bttn:hover{ color:#000;}
a.right-bttn{ float:right; width:50px; text-shadow:1px 1px #000; margin:0 0px 0 0px;z-index:15; position:relative;text-decoration:none; color:#ff0000; font-size:50px; padding:15px;-webkit-border-top-left-radius: 45px;
-webkit-border-bottom-left-radius: 45px;
-moz-border-radius-topleft: 45px;
-moz-border-radius-bottomleft: 45px;
border-top-left-radius: 45px;
border-bottom-left-radius: 45px;background: -moz-linear-gradient(left,  rgba(185,185,185,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(185,185,185,1)), color-stop(100%,rgba(125,185,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(185,185,185,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(185,185,185,1) 0%,rgba(125,185,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(185,185,185,1) 0%,rgba(125,185,232,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(185,185,185,1) 0%,rgba(125,185,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b9b9', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
a.right-bttn:hover{ color:#000;}
.more-next-23{ float:left; width:650px; height:1px; position:fixed; margin-top:25vh;}
.more-box-list{ list-style:none; float:left; margin:20px 0px; padding:0px; box-shadow:inset 0px 0px 8px -3px #CCC;}
.more-box-list ul{ float:left; list-style:none; margin:0px; padding:0px;}
.more-box-list ul li{ float:left; list-style:none; width:23%; min-height:170px; padding:10px 1%; margin:2px 0px 2px 0px;}
.more-box-list ul li a img{ width:100%; float:left; margin:0px; padding:0px}
.more-box-list ul li a h1{ float:left; width:100%; margin:0px 0px 10px 0px; padding:0px;border-bottom:none;  }
.more-box-list ul li a h1{ float:left; text-decoration:none; color:#007dc6; font-size:13.5px; line-height:15px; margin:5px 0px; padding:0px; text-align:left; font-weight:normal;}
.more-box-list ul li a:hover h1{ color:#000;}
.more-box-list ul li h6{ font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:12px; text-align:left; width:100%; font-weight:normal; color:#999; margin:0px 0px 0px 0px; float:left; padding:0px}
.win .more-box-list ul li h1{font-family:"DINAKARAN2W", Arial, Helvetica, sans-serif; border-bottom:none; font-size:16px; line-height:19px; height:76px; overflow:hidden;}





/*......940...............*/
@media(max-width:1000px){
#hbb-inner a{ font-size:13.5px;}}
@media(max-width:512px){.all-news-box-ii .img-bg-1{ display:none;} 
#hbb-inner{ margin-top:20px;}
.left-inner{ width:100%;}.right-inner{ width:100%;} .nini{ float:none; width:100%; background:none; text-align:left;} .nini a{ float:none; width:100%; font-size:3.5vw; line-height:14px;margin-left:0px; background:none; text-align:left;}
a.all-news-img{ margin:5px;} .nini i{ display:none;}
.all-news-box-ii{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; height:auto; clear:both;
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);}
.all-news-box-ii h1{ float:none; width:90%; margin:3px 5%;}
.all-news-box-ii h1 a{ font-size:4vw; text-decoration:none; line-height:normal;}
.all-news-box-ii h5{ display:none;}
.more-list-no{ width:80%; margin:10px 10%;}
.right-box{ float:left; width:100%;}
.more-next-23{ width:100%;}
.more-box-list ul li{ width:98%; min-height:170px; padding:10px 1%; margin:2px 0px 2px 0px;}
}
@media only screen and (min-width :513px) and (max-width:959px){
#hbb-inner{ margin-top:20px;}
.all-news-box-ii{-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; height:250px;
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); width:49%; margin:5px 0.5%}
.left-inner{ width:100%;}
.all-news-box-ii h1{width:90%; margin:3px 5%;}
.all-news-box-ii h1 a{ font-size:3.5vw; text-decoration:none;}
.all-news-box-ii h5{width:90%; margin:3px 5%;}
.more-list-no{ width:80%; margin:10px 10%;}
.right-box{ float:left; width:100%;}
.right-box img{ max-width:300px;}
.all-news-box-ii .img-bg-1{ float:left; width:100%; height:120px;}
a.all-news-img{ margin:-100px 0px 0px 24%;} 
.nini{ float:right; width:53%; margin:0px 0px 0px 0px; z-index:10; }
.all-news-box-ii i.more-plue { margin: 0px 0px 0px -25px;}
.all-news-box-ii .img-bg-1 img{ z-index:3;}
.right-news-list{ float:left; width:100%;}
.right-news-list ul{ float:left; width:100%;}
.right-news-list ul li{ width:46%; margin:5px 0.5%; padding:10px 1.5%;}
.right-inner{ width:100%;}
.more-next-23{ width:100%;}
.more-box-list ul li{ width:47%; min-height:170px; padding:10px 1%; margin:2px 0px 2px 0px;}
 }

@media only screen and (min-width :1001px) and (max-width:1260px){
.left-inner,.more-next-23{ width:480px;}
.more-list-no{ width:80%; margin:10px 10%;}
a.all-news-img{ margin:05px 0 0 -36%;}
}
@media only screen and (min-width :1200px) and (max-width:1260px){}
@media only screen and (min-width :1261px) and (max-width:1359px){
.left-inner,.more-next-23{ width:420px;}
.more-list-no{ width:80%; margin:10px 10%;}
a.all-news-img{ margin:05px 0 0 -38%;}}
@media only screen and (min-width :1360px) and (max-width:1399px){
.left-inner,.more-next-23{ width:492px;}
.more-list-no{ width:80%; margin:10px 10%;}
a.all-news-img{ margin:5px 0 0 -35.5%;}}
@media only screen and (min-width :1400px) and (max-width:1439px){
.left-inner,.more-next-23{ width:532px;}
.more-list-no{ width:80%; margin:10px 10%;}
a.all-news-img{ margin:05px 0 0 -35%;}}	
@media only screen and (min-width :1440px) and (max-width:1535px){
.left-inner,.more-next-23{ width:572px;}
.more-list-no{ width:80%; margin:10px 10%;}
a.all-news-img{ margin:05px 0 0 -38%;}}
@media only screen and (min-width :1536px) and (max-width:1599px){
.left-inner,.more-next-23{ width:670px;}
.more-list-no{ width:80%; margin:10px 10%;}
a.all-news-img{ margin:05px 0 0 -32%;}	}
@media only screen and (min-width :1600px) and (max-width:1679px){
.left-inner,.more-next-23{ width:730px;}
.more-list-no{ width:80%; margin:10px 10%;}
a.all-news-img{ margin:05px 0 0 -31%;}}	
@media only screen and (min-width :1680px) and (max-width:1800px){
.left-inner,.more-next-23{ width:510px;}
.more-list-no{ width:80%; margin:10px 10%;}
a.all-news-img{ margin:05px 0 0 -35%;}}

@media only screen and (min-width :1801px) and (max-width:1900px){}