html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s,
 samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin:0px; padding:0px; border:0px; vertical-align:baseline; background:transparent }
h1, h2, h3, h4, h5, h6{ font-size:100%;font-weight:normal;}
  

::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8;}::-webkit-scrollbar {width:8px;background-color:#2882e8;}::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae;}::-webkit-scrollbar-thumb:hover {width:8px;background-color:#2882e8;}  

input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{   border:none;padding:0 } 
a{blr:expression(this.onFocus=this.blur())} 
a{outline:none;} 
img{border:0 none;vertical-align:middle;}
ol,ul,li{list-style-type:none;}
a img {border: medium none;}
input:focus,input:active,input:hover,textarea:focus,textarea:active,textarea:hover,a:active{outline:none;}
q:before, q:after, blockquote:before, blockquote:after {content: "";}
.invisible{visibility:hidden;}
.hidden{display: none;}
.hide, .popup {display:none;}
.show {display:block;}
table{border-collapse:collapse; border-spacing:0; empty-cells:show; }
th, td { border-collapse:collapse; }
.fl {float:left;}
.fr {float:right;}
.ellipsis {text-overflow:ellipsis;overflow: hidden;white-space: nowrap;display:block}
.automargin{ margin:0 auto}
.bold{ font-weight:bold}
.fontEn{font-weight:normal;  font-family:"Arial";}


.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
	* html .clearfix {
		height:1%;}
.clearfix {display:block;}

.clear {clear:both;}


.f-s, .f-e {
    background: none repeat scroll 0 0 #ddd;
    clear: both;
    height: 1px;
    margin: 0 1px;
    overflow: hidden;
}
.f-m {border-color: #ddd;border-style: solid;border-width: 0 1px;}

.f-1,.f-2,.f-3 {overflow:hidden;display:block;height:1px;background: #fff;}
.f-1 { margin: 0 3px; background: #ebebeb; }
.f-2 { margin: 0 2px; border-right: 2px solid #ebebeb; border-left: 2px solid #ebebeb; }
.f-3 { margin: 0 1px; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; }


.white, .white a,.white a:link,.white a:visited { color:#fff }
.black, .black a,.black a:link,.black a:visited { color:#000 }
.black3, .black3 a,.black3 a:link,.black3 a:visited { color:#333 }
.black6, .black6 a,.black6 a:link,.black6 a:visited { color:#666 }
.black9, .black9 a ,.black9 a:link,.black9 a:visited{ color:#999 }
.green, .green a ,.green a:link,.green a:visited{ color:#174100 }
.green1, .green1 a,.green1 a:link,.green1 a:visited { color:#2f7300 }
.green2, .green2 a ,.green2 a:link,.green2 a:visited{ color:#008000 }
.blue, .blue a ,.blue a:link,.blue a:visited{ color:#0065ff }
.blue1, .blue1 a ,.blue1 a:link,.blue1 a:visited{ color:#002777 }
.blue2, .blue2 a ,.blue2 a:link,.blue2 a:visited{ color:#255266 }
.blue3, .blue3 a ,.blue3 a:link,.blue3 a:visited{ color:#046ebd }
.blue4, .blue4 a ,.blue4 a:link,.blue4 a:visited{ color:#0033ff }
.orange, .orange a ,.orange a:link,.orange a:visited{ color:#f60 }
.red, .red a ,.red a:link,.red a:visited{ color:#F00; }
.red1, .red1 a ,.red1 a:link,.red1 a:visited{ color:#C00; }
.red2, .red2 a ,.red2 a:link,.red2 a:visited{ color:#900; }
.pink,.pink a ,.pink a:link,.pink a:visited{ color:#d3015a; }
.pink1,.pink1 a ,.pink1 a:link,.pink1 a:visited{ color:#fe577f; }
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}

.viewpic img {width: auto!important; }

.mt5 { margin-top:5px }
.mt8{ margin-top:8px;}
.mt10 { margin-top:10px }
.mt15 { margin-top:15px }
.mt20 { margin-top:20px }
.mt30 { margin-top:30px }
.mt40 { margin-top:40px }
.mt50 { margin-top:50px }
.mb5 { margin-bottom:5px }
.mb8{ margin-bottom:8px;}
.mb10 { margin-bottom:10px }
.mb15 { margin-bottom:15px }
.mb20 { margin-bottom:20px }
.mb30 { margin-bottom:30px }
.mb40 { margin-bottom:40px }
.mb50 { margin-bottom:50px }
.mr5 { margin-right:5px;}
.mr8 { margin-right:8px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr30 { margin-right:30px;}
.mr40 { margin-right:40px;}
.mr50 { margin-right:50px;}
.ml5 { margin-left:5px;}
.ml8 { margin-left:8px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml30 { margin-left:30px;}
.ml40 { margin-left:40px;}
.ml50 { margin-left:50px;}
.nomargin{ margin-left:0px; margin-right:0px;}


.pt5 { padding-top:5px }
.pt8{ padding-top:8px;}
.pt10 { padding-top:10px }
.pt15 { padding-top:15px }
.pt20 { padding-top:20px }
.pt30 { padding-top:30px }
.pt40 { padding-top:40px }
.pt50 { padding-top:50px }
.pb5 { padding-bottom:5px }
.pb8{ padding-bottom:8px;}
.pb10 { padding-bottom:10px }
.pb15 { padding-bottom:15px }
.pb20 { padding-bottom:20px }
.pb30 { padding-bottom:30px }
.pb40 { padding-bottom:40px }
.pb50 { padding-bottom:50px }
.pr5 { padding-right:5px;}
.pr8 { padding-right:8px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr30 { padding-right:30px;}
.pr40 { padding-right:40px;}
.pr50 { padding-right:50px;}
.pl5 { padding-left:5px;}
.pl8 { padding-left:8px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl30 { padding-left:30px;}
.pl40 { padding-left:40px;}
.pl50 { padding-left:50px;}
.nopadding{ padding-left:0px; padding-right:0px;}

.t_c { text-align:center }
.t_l { text-align:left;}
.t_r { text-align:right }
.block{ display:block; overflow:hidden; zoom:1;}
.abs{ position:absolute} 
.relat{ position:relative} 

.w1200,.container{margin:0 auto;width:1200px;}  
.w1100{width:1100px; overflow:hidden; margin:0 auto} 
.w1000{width:1000px; overflow:hidden; margin:0 auto} 
.w950{width:950px; overflow:hidden}
.w900{width:900px; overflow:hidden}
.w850{width:850px; overflow:hidden}
.w800{width:800px; overflow:hidden}
.w750{width:750px; overflow:hidden}
.w700{width:700px; overflow:hidden}
.w650{width:650px; overflow:hidden}
.w600{width:600px; overflow:hidden}
.w550{width:550px; overflow:hidden}
.w500{width:500px; overflow:hidden}
.w450{width:450px; overflow:hidden}
.w400{width:400px; overflow:hidden}
.w350{width:350px; overflow:hidden}
.w300{width:300px; overflow:hidden}
.w250{width:250px; overflow:hidden} 
.w200{width:200px; overflow:hidden}


.imgloading{position:absolute;left:0;top:0;border:0px; background:url(404.png) no-repeat center;}



 

html{}
body{ color: #666; font-family:Arial,Helvetica, sans-serif,Verdana;font:12px/180% "microsoft yahei" !important;overflow-x:hidden;min-width:1200px}
a,a:link,a:visited{color: #4a4a4a;text-decoration:none; outline:0;transition:all ease .6s;}
a:hover{text-decoration:none;color:#00c0ff;}
table,td{font:12px/180%}


#header{ background:#fff;background:rgba(255, 255, 255, 1);width:100%;height:auto;border-bottom:0px solid rgba(255, 255, 255, .2);transition:all ease .3s;z-index:99;}
#header.mini { background:rgba(255, 255, 255, 1); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }
#header.mini ul li.navitem {padding-bottom:10px;}
.top{}
.topbar{height: 0px; line-height: 0px; border-bottom: 0px solid #f1f1f1; background:#fff;}
.topbar_l{ color:#999; font-size:14px;}
.topbar_r{ color:#999;}
.topbar_r span{color:#f39800;}







.logoh{height:60px; max-width:450px; overflow:hidden;} 
.toplogo_tel{height:80px; overflow:hidden; border-bottom:1px solid #efefef} 
.toplogo_tel .logo{float:left; margin-top:10px;}
.toplogo_tel .logo img{width:auto; transition:all ease .3s; display:block;}
.toplogo_tel .logotxt{ margin-left:5px; border-left:1px solid #f1f1f1;}
.toplogo_tel h1{ font-size:18px; padding-left:15px; line-height:24px; padding-top:5px;}
.toplogo_tel h1 b{font-size:22px; font-weight:bold; display:block; color:#990000; margin-bottom:5px;}
.toplogo_tel .tel{float:right; margin-top:20px;}
.toplogo_tel .tel img{width:auto; transition:all ease .3s; float:left}
.toplogo_tel .tel span{font-size:12px; margin-left:10px;color:#999999;  float:left;}
.toplogo_tel .tel span b{ display:block; font-size:20px;  font-weight:bold; color:#00c0ff; font-family:Arial, Helvetica, sans-serif; margin-top:5px;}




.topmenu_nav{background:#ffffff; }
.topmenu_nav .menu{}
.topmenu_nav .menu #nav{padding-top:12px; padding-left:0px;}
.topmenu_nav .menu #nav li.navitem {line-height:30px;display: block;  font-size: 15px; padding: 0 30px 12px 30px; width:auto;float:left;position:relative;transition:all ease .3s}


#nav li.navitem a {color:#5d5d5d; transition:all ease-out .3s;} 
#nav li.navitem a.active, #nav li.navitem:hover a {color:#00c0ff}  


#nav li.navitem ul.subnav {position:absolute;width:180px;  z-index:200; border-top:#00c0ff 2px solid; opacity: 0;transition: all 0.3s ease 0s;transform: translate3d(0px, 10px, 0px);visibility: hidden; -webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .1); box-shadow: 0 5px 9px rgba(4, 0, 0, .1); }
#nav li.navitem:hover ul.subnav {opacity: 1;transform: translate3d(0px, 0px, 0px);visibility: visible;}
#nav li.navitem ul.subnav li { }
#nav li.navitem ul.subnav li a {padding:10px 15px;width:150px;height:25px;line-height:20px;background:#fff;background:rgba(255, 255, 255, 1);display:block;color:#5d5d5d;font-size:12px;transition:all ease-out .2s;font-size:14px;}
#nav li.navitem ul.subnav li a i {float:right;margin-top:5px;transition:all ease-out .2s;opacity:0}
#nav li.navitem ul.subnav li a:hover {text-indent:10px;background:#fff;background:#f9f9f9;color:#00c0ff}
#nav li.navitem ul.subnav li a:hover i {opacity:1}





#sitecontent {height:auto; }
#indexPage{}

.module {background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:2}
.module .bgmask { background-color:#000; filter:Alpha(opacity=70); background-color:rgba(0, 0, 0, .7);position:absolute;left:0;top:0;width:100%;height:100%;display:none;background-size:cover}
.module .bgmaskwhite {background-color:#fff; filter:Alpha(opacity=70); background-color:rgba(255, 255, 255, .7);position:absolute;left:0;top:0;width:100%;height:100%;display:none;background-size:cover}
.module.bgShow {background-attachment:fixed}
.module.bgShow .bgmask,.module.bgShow .bgmaskwhite {display:block}


.module a.more {border:#dfdfdf 1px solid;background:rgba(255, 255, 255, .6);width:200px;height:50px;display:block;margin:30px auto 30px;line-height:50px;text-indent:65px;border-radius:30px;transition:all ease-out .3s;}
.module a.more:hover {border-color:#b6b6b6;text-indent:40px;}
.module a.more i {text-indent:15px;font-size:24px;color:transparent;transition:all ease-out .3s}
.module a.more:hover i {text-indent:18px;color:#707070;}



.module .header {padding:30px 0px; text-align:center}
.module .header .title{text-align:center;display:block; line-height:45px; font-size:20px; color:#555555;}
.module .header .subtitle {line-height: 20px; display:block;margin: 0px 0; color:#7f7f7f; font-size:14px}


.module .header .headerLine{border-bottom:1px solid #b2b2b2; }
.module .header .headerSubLine{border-bottom:1px solid #eaeaea; width:60px; margin:0 auto;margin-bottom:5px;}


.module .sortClassOne{ text-align:center;position:relative }
.module .sortClassOne a{padding:10px 20px; line-height:25px; transition:all ease-out .3s; font-size:13px;position:relative ;display:inline-block;}
.module .sortClassOne a:hover,.module .sortClassOne a:active{ color:#fff; }
.module .sortClassOne a span{ position:relative; z-index:1}
.module .sortClassOne a:after{ content: '';position: absolute;width: 1px;height: 12px;right:1px;top:20px;background:#d3d3d3;}
.module .sortClassOne a:last-child:after{background:#ffffff;}

.sortClassOne a .move{background-color:rgba(0,192,255,.7); width:96%; height:100%; position:absolute; left:0; top:0; opacity:0; visibility:hidden;transition: visibility .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);}
.module .sortClassOne a:hover .move{ opacity:1; visibility:visible}

a.amore { min-width: 120px; position: relative; display:inline-block; text-align:center; font-size:14px; padding: 10px 30px; color: #9e9e9e; border: 1px solid #9e9e9e; transition: all 0.3s linear; z-index: 1; }
a.amore:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00c0ff; z-index: -1; opacity: 0; -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
a.amore:hover { color: #ffffff; background-color: #00c0ff;border-color: #00c0ff; }
a.amore:hover::before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: scale3d(1, 1, 1); }

.video{ height:415px; margin-top:0px;}


.listViewItem {float:left; margin-right:20px; margin-bottom:20px;}
.listViewItem a {display:block;width:285px;overflow:hidden; background:#f8f8f8;}
.listViewItem a .imgBlock{width:285px; height:200px; overflow:hidden; position:relative}
.listViewItem a img{ width:100%; height:auto;}
.listViewItem a:hover{ background:#00c0ff}
.listViewItem h1.title {color:#595959;height:40px;line-height:40px;transition: all ease-out .2s}
.listViewItem h2.description {color:#848484;font-size:16px;line-height:50px;overflow:hidden;width:100%; text-align:left; padding-left:15px;}
.listViewItem:hover .description {color:#ffffff}

.listViewItem .rectborder { width:calc(100% + 20px); height:calc(100% + 20px); position:absolute; left:-10px; top:-10px; border:rgba(0,192,255,.9) 1px solid;transition: all ease-out .3s}
.listViewItem:hover .rectborder { width:calc(100% - 22px); height:calc(100% - 22px);left:10px; top:10px; }

.listViewItem .icon{ position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:0px; color:#ffffff; opacity:0; transition: all ease-out .3s; background:#00c0ff; font-size:35px; width:50px; height:50px; line-height:50px; text-align:center; font-family:Arial, Helvetica, sans-serif}
.listViewItem:hover .icon{ opacity:1; margin-top:-25px}

.listViewItem1 {float:left; margin-right:9px; margin-bottom:10px; }
.listViewItem1 .imgBlock{width:190px; height:150px; overflow:hidden; border:1px solid #eaeaea}
.listViewItem1 img{ width:100%; height:auto;}
.listViewItem1 a:hover img{}
.listViewItem1 h1.title {color:#595959;height:40px;line-height:40px;transition: all ease-out .2s}
.listViewItem1 h2.description {color:#848484;font-size:13px;line-height:24px;overflow:hidden;width:100%; text-align:left}
.listViewItem1:hover .title {color:#e90500}

.listViewItem2 {float:left; margin-right:20px; margin-bottom:30px; height:250px;  background:#fff;  -webkit-transition: all ease-in-out .3s;  
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;  
    transition: all ease-in-out .3s; position:relative}
.listViewItem2 .imgBlock {display:block; width:285px; overflow:hidden;  position:relative; height:200px}
.listViewItem2 .imgBlock img{ width:100%; height:auto;}

.listViewItem2 a:hover img{
    -webkit-transform: scale(1.1); 
    -ms-transform: scale(1.1);    	
	-moz-transform: scale(1.1);   
    transform: scale(1.1);  
	-webkit-transition: all ease-in-out .3s;  
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;  
    transition: all ease-in-out .3s;
    }
.listViewItem2 a img{
    -webkit-transform: scale(1); 
    -ms-transform: scale(1);      
    -moz-transform: scale(1);
    transform: scale(1);  
    -webkit-transition: all ease-in-out .3s;  
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;  
    transition: all ease-in-out .3s;
}

.listViewItem2 h2.description {color:#848484;font-size:16px;line-height:50px;overflow:hidden;width:100%; text-align:center;  }

.listViewItem2:hover{  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); -webkit-transition: all ease-in-out .3s;  
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;  
    transition: all ease-in-out .3s; }


.listViewItem2  .imgBlock .item_mask { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; opacity: 0; transform-origin: 50% 0; transform: scale(1, 1); transition: all ease-out .3s }
.listViewItem2 .imgBlock .item_link_icon { display: block; width: 38px; height: 38px; text-align: center; font-size: 22px; line-height: 38px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -21px; transform: translateY(-142px); opacity: 0; transition: all 0.6s cubic-bezier(.23, 1, .38, 1) .2s; }
.listViewItem2 .imgBlock a:hover{ color:#ffffff;}
.listViewItem2 .imgBlock a:hover .item_mask { top: 0; opacity: 1; transform: scale(1, 1); transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s; }
.listViewItem2 .imgBlock a:hover .item_link_icon { transform: translateY(-21px); opacity: 1; }
.listViewItem2 .imgBlock .item_link_icon i { color: #fff; margin-top: 8px }


.news_li{float: left; margin-bottom: 40px; width:47%; margin-right:5%}
.news_li .img_Block{width: 265px; height: 175px; overflow:hidden; float:left; position:relative}
.news_li .img_Block img{ width:100%; height:auto;}
.news_li .img_Block .item_mask { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; opacity: 0; transform-origin: 50% 0; transform: scale(1, 1); transition: all ease-out .3s }
.news_li .img_Block .item_link_icon { display: block; width: 38px; height: 38px; text-align: center; font-size: 22px; line-height: 38px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -21px; transform: translateY(-142px); opacity: 0; transition: all 0.6s cubic-bezier(.23, 1, .38, 1) .2s; }
.news_li .img_Block a:hover{ color:#ffffff;}
.news_li .img_Block a:hover .item_mask { top: 0; opacity: 1; transform: scale(1, 1); transition: all .5s cubic-bezier(.23, 1, .38, 1) 0s; }
.news_li .img_Block a:hover .item_link_icon { transform: translateY(-21px); opacity: 1; }
.news_li .img_Block .item_link_icon i { color: #fff; margin-top: 8px }

.news_li .word_info{ margin-left: 295px;margin-top: 10px;}
.news_li .word_info .title { width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #222; }
.news_li .word_info  a:hover .title{ color:#00c0ff}
.news_li .word_info .description { height: 90px; overflow: hidden; margin-top: 20px ;font-size: 12px; color: #878787; padding-bottom: 10px; line-height: 24px;}
.news_li .word_info .subtitle { font-size: 12px; color: #BFBFBF; border-bottom: 1px dotted #d3d3d3; padding-bottom: 10px; line-height: 24px; }

.listTable{}
.listTable ul{}
.listTable ul li{background:url(404.png) left no-repeat; width:289px; height:57px; float:left; margin-right:14px;} 
.listTable ul li:hover,.listTable ul li.cur{background:url(404.png) left no-repeat;} 

.listTable ul li a{ color:#1357ac; padding-left:110px; line-height:55px; font-size:16px; font-weight:bold; display:block}



.photoMaskViewItem {width:22%;height:auto; margin-right:1.5%; margin-left:1.5%; margin-bottom:3%; float:left;position:relative;background:transparent}
.photoMaskViewItem a {display:block;overflow:hidden; height:176px;position:relative; }
.photoMaskViewItem a img {width:100%; height:auto;transition:all ease-out .3s}
.photoMaskViewItem .photoView_info {width:100%;  position:absolute;left:0;  height:40px; bottom:0px;background: #000; filter:Alpha(opacity=60); background:rgba(0, 0, 0, 0.6); transition:all ease-out .3s;}

.photoMaskViewItem a:hover .photoView_info{bottom:0px; }
.photoMaskViewItem .photoView_info h1{color:#fff; text-overflow:ellipsis; white-space: nowrap; padding-left:90px; }
.photoMaskViewItem .photoView_info h5{color:#fff; padding-top:10px;padding-left:15px; }
.photoMaskViewItem .photoView_info div {position:absolute; top:10px;}





.photoMaskViewItem_ {width:23%;height:auto; margin-right:1%; margin-left:1%; margin-bottom:2%; float:left;position:relative;background:transparent}
.photoMaskViewItem_ a {display:block;overflow:hidden; height:190px;position:relative; }
.photoMaskViewItem_ a img {width:100%; height:auto;  transition:all ease-out .3s}
.photoMaskViewItem_ .photoView_info {width:100%;  position:absolute;left:0;  height:30px; bottom:0px;background: #000; filter:Alpha(opacity=60); background:rgba(0, 0, 0, 0.6); transition:all ease-out .3s;}
.photoMaskViewItem_ a:hover img{transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);}
.photoMaskViewItem_ a:hover .photoView_info{bottom:0px; }
.photoMaskViewItem_ .photoView_info h1{color:#fff; text-overflow:ellipsis; white-space: nowrap; padding-left:15px;}
.photoMaskViewItem_ .photoView_info h5{color:#fff; padding-top:10px;padding-left:15px; }
.photoMaskViewItem_ .photoView_info div {position:absolute; top:0px;}




.module.bgShow .modulePhotoView {position:relative;}
.module .photoView_wrapper {overflow:hidden; width:100%; margin:0 auto;}
.photoViewItem {width:25%;height:auto; float:left;position:relative;}
.photoViewItem a {display:block;overflow:hidden; margin-right:1%; margin-left:1%;margin-bottom:2%}
.photoViewItem a img { width:100%; height:auto;transition:all ease-out .3s}
.photoViewItem a:hover img {transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);}
.photoViewItem .photoView_info {width:100%;height:100%; position:absolute;left:0;bottom:0; background:rgba(0, 0, 0, 0); transition:all ease-out .3s;}
.photoViewItem a:hover .photoView_info {background:rgba(0, 0, 0, .6)}
.photoViewItem .photoView_info h1, .photoViewItem .photoView_info h2{text-align:center;color:#fff;padding:0 20px}
.photoViewItem .photoView_info div {position:relative;top:50%;margin-top:-15px}
.photoViewItem .photoView_info h1.title {margin-top:10px;color:rgba(0, 0, 0, 0);transition:all ease-out .3s; filter:Alpha(opacity=0)}
.photoViewItem a:hover .photoView_info h1.title {margin-top:0px;color:#fff;filter:Alpha(opacity=100) }
.photoViewItem .photoView_info h2.subtitle {margin-top:15px;color:rgba(0, 0, 0, 0);transition:all ease-out .3s; filter:Alpha(opacity=0)}
.photoViewItem a:hover .photoView_info h2.subtitle {margin-top:0px;color:#b7b7b7; filter:Alpha(opacity=100) }





.newsTwo_right .imgBlock{height:200px; overflow:hidden;border:solid 3px #f0f0f0;}
.newsTwo_right img{  width:100%; height:auto}
.newsTwo_right ul li{background:url(404.png) left no-repeat; padding-left:14px; border-bottom:1px dotted #c1c1c1; height:42px; line-height:42px; overflow:hidden; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.newsTwo_right ul li a{ font-size:12px;}
.newsTwo_right ul li:hover{ text-indent:15px; }
.newsTwo_right ul li span{ float:right;padding-left:20px;}


.news_Left_Pic {max-height:235px; overflow:hidden; background:#f0f0f0; margin-bottom:20px;}
.news_Left_Pic .imgBlock { width:380px;display:table-cell;overflow:hidden; height:auto; height:235px; position:relative; vertical-align:middle; display: flex; justify-content: center; align-items: center;}
.news_Left_Pic .imgBlock img{width:auto; max-width:380px; height:auto; max-height:235px;}
.news_Left_Pic a:hover img{}
.news_Left_Pic .news_content{ overflow:hidden; padding:15px 10px;}
.news_Left_Pic label{float:left;width:100px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:5px 0 0 0}




.module .header .headerLineOneLeft{border-bottom:1px solid #dcdcdc;height:40px; line-height:40px;}
.module .header .headerLineOneLeftTitle{border-bottom:1px solid #034a8c; height:40px; line-height:40px; color:#333333; padding:0px 10px;}


.module .circle-more{border-radius:15px;border:1px solid #999; text-align:center;height:25px; line-height:25px; font-size:12px;background:#fff;padding:0 15px;}
.module .circle-more i{padding-left:5px;font-style:normal; font-family:"宋体"}
.module .circle-more:hover{border:1px solid #034a8c;}



.news-list li{ line-height:35px; border-bottom:1px solid #e0e0e0;height:35px}
.news-list li a h3{height:35px;overflow:hidden;padding-left:12px;background:url(404.png)left center no-repeat;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align:left; font-size:14px;}
.news-list li a h3:hover{text-indent:0px; }
.news-list li span{float:right;color:#999;overflow:hidden; padding-left:20px;}


.ques-list{border-bottom:1px solid #e0e0e0; margin-bottom:5px; padding-bottom:5px;}
.ques-list .question{height:30px;padding-left:20px;background:url(404.png) left center no-repeat;text-align:left; font-size:14px; color:#0E76C3; line-height:30px;}
.ques-list .question a{color:#0E76C3; }
.ques-list .answer{ line-height:22px;padding-left:20px;background:url(404.png) left 3px no-repeat;text-align:left;}






.scrollImg{position: relative;width: 800px; }
.scrollImg .arrow_l,.scrollImg .arrow_r{ width:10px; height:16px; position: absolute;cursor: pointer; display:block;z-index: 100;}
.scrollImg .arrow_l{bottom:30px;left:40px; }
.scrollImg .arrow_r{bottom:30px;right:40px;}
.scrollImg .arrow_l a{ background: url(404.png) no-repeat; width:20px; height:20px; display:block;}
.scrollImg .arrow_r a{ background: url(404.png) no-repeat; width:20px; height:20px; display:block;}
.scrollImg ul{ width:800px; overflow:hidden; height:470px; }
.scrollImg ul li{ width:800px; float: left; text-align:center;vertical-align:middle;display:table-cell;}
.scrollImg ul li img{display: block; width:100%; height:auto}
.scrollImg ul span{ width:100%; display:block;  height:80px;   overflow:hidden; text-align:left; color:#fff;font-size: 14px; cursor: pointer; position: absolute; background:#000; filter:Alpha(opacity=80);  background:rgba(0, 0, 0, 0.8); bottom:0; }
.scrollImg ul span .word{ padding:5px 80px 0px 80px; font-weight:normal;line-height:25px;}
.scrollImg ul span .word1{ padding:0px 80px 0px 80px;font-weight:normal;line-height:20px; color:#CCC; color:rgba(255, 255, 255, 0.5)}
.scrollImg ul span a:hover{text-decoration: none;}




.left-block{ width:100%; overflow:hidden}
.left-block .title{font-size:16px; font-weight:bold; background:#0c63a3;  color:#ffffff; line-height:35px;border-left:5px solid #2a96e6;}

.left-block ul{float:left; padding:15px 0px 0px 0px; width:100%}
.left-block ul li { margin-bottom:5px;}
.left-block ul li a { font-size:14px; line-height:35px; color:#fff; display:block; background:#48555e;padding-left:20px; }
.left-block ul li a.active, .left-block ul li a:hover{color:#fffff;line-height:35px; background:#2a96e6} 

.left-block ul li ul { width:100%; padding:5px 0px 5px 0px;}
.left-block ul li ul li {border-bottom:#E8E8E8 1px solid; margin-bottom:0px; }
.left-block ul li ul li:last-child{border-bottom:none;}
.left-block ul li ul li  a { font-size:14px; line-height:30px; color:#274a7b; display:block; padding-left:30px;background:url(404.png) no-repeat 20px #fff}
.left-block ul li ul li  a.active, .left-block ul li ul li  a:hover{color:#ffc07f;line-height:30px;background:url(404.png) no-repeat 20px #fff} 

.left-block .news-list ul{ padding:5px 0px;}
.left-block .news-list li{ line-height:30px; border-bottom:1px solid #e0e0e0;height:30px; }
.left-block .news-list li a{background:none; color:#48555e; padding-left:5px;}
.left-block .news-list li a:hover{background:none;}
.left-block .news-list li a h3{height:38px;overflow:hidden;padding-left:12px;background:url(404.png)left center no-repeat;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align:left; font-size:14px;}
.left-block .news-list li a h3:hover{text-indent:0px; color:#06F }


.right-block{ width:100%; overflow:hidden}
.right-block .title{font-size:16px; font-weight:bold; color:#0e76c3; line-height:35px; border-bottom:2px solid #0e76c3}
.right-block .subline{ background-color:#0e76c3; height:2px; position:absolute; right:0px; bottom:0px; width:20%; border-left:5px solid #fff; display:none;}

.right-block-content{ font-size:14px; line-height:2.2; padding:20px 0px;}

.right-block-content b,.right-block-content strong{ color:#0e76c3}


.right-block-content table{border-collapse:collapse;border-spacing:0; border:0px;}
.right-block-content table{ border-collapse:collapse;}
.right-block-content table th,.right-block-content table td{ border:0px solid #ccc; padding:2px; text-align:left}

.ystitle{background:url(404.png) no-repeat; width:502px; margin:0 auto; height:50px; line-height:50px; text-align:center; color:#fff; font-size:24px; font-weight:bold}
.ysblock{width:1185px; margin:0 auto}
.blockbg{ width:385px; height:250px; float:left; background:#eaeaea}



.page{height:38px; padding-top:15px; padding-bottom:15px; text-align:center; padding-right:20px;}

DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN:right; margin-right:0px;
}
DIV.black2 A {
	BORDER-RIGHT: #0e76c3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #0e76c3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #0e76c3 1px solid; COLOR: #0e76c3; PADDING-TOP: 2px; BORDER-BOTTOM: #0e76c3 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #0e76c3 1px solid; BORDER-TOP: #0e76c3 1px solid; BORDER-LEFT: #0e76c3 1px solid; COLOR: #fff; BORDER-BOTTOM: #0e76c3 1px solid; BACKGROUND-COLOR: #0e76c3
}
DIV.black2 A:active {
	BORDER-RIGHT: #0e76c3 1px solid; BORDER-TOP: #0e76c3 1px solid; BORDER-LEFT: #0e76c3 1px solid; COLOR: #fff; BORDER-BOTTOM: #0e76c3 1px solid; BACKGROUND-COLOR: #0e76c3
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #0e76c3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #0e76c3 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #0e76c3 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #0e76c3 1px solid; BACKGROUND-COLOR: #0e76c3
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #0e76c3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #0e76c3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #0e76c3 1px solid; COLOR: #0e76c3; PADDING-TOP: 2px; BORDER-BOTTOM: #0e76c3 1px solid
}


#contactform p { margin-bottom: 20px }
#contactform p .inputtxt { width: 100%; line-height: 22px; padding: 10px 26px; color: #4a4a4a; border: #f2f2f2 1px solid; -webkit-box-sizing: border-box; box-sizing: border-box; transition: all .1s linear; font-family:"microsoft yahei" }
#contactform p .inputtxt:hover { border: 1px solid #CECECE; }
#contactform p textarea.inputtxt { height: 100px; resize: none; overflow: hidden; background-color: transparent; }
#contactform p .inputtxt.submit {  width: auto; cursor: pointer; padding-left:60px; padding-right:60px;border-color: #E9E9E9; width: auto; cursor: pointer ; background:transparent}
#contactform p .inputtxt.submit:hover { border-color: #00c0ff; background-color: #00c0ff; color: #fbfbfb; }




#footer{ background:#545454; padding-bottom:20px }
#footer .copyright { line-height:200%;  margin: 0 auto;color: #fff;  text-align: left;  padding: 25px 0 0 0;}
#footer .copyright a,#footer .copyright a:visited {color: #ffff; text-decoration:none; }
#footer .copyright a:hover{ color:#b3dfff; text-decoration:none;}

#footer ul{ width:1200px;}
#footer ul li { float:left; width:170px;}
#footer ul li a { font-size:16px; line-height:40px; color:#fff;}
#footer ul li a.active, #footer ul li a:hover{color:#b3dfff;line-height:40px;} 

.link li {  padding:0px 20px 0px 10px; float:left}




.fullSlide .hd ul{overflow:hidden; z-index:9999;position:absolute; bottom:50px; right:200px;}
.fullSlide .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("404.png") 0 -9px no-repeat; }
.fullSlide .hd ul li.on{ background-position:0 0; }
.fullSlide .hd  .next{position:absolute; bottom:180px; right:0px;}






#shares {position:fixed;height:140px;right:10px;bottom:10px;z-index:99}
#shares a {width:30px;height:30px;display:block;background:#8b8b8b;background-color:rgba(31, 31, 31, .6);color:#fff;font-size:16px;text-align:center;}
#shares a i {margin-top:7px;}
#shares a#sshare {cursor:default;display:none;}
#shares a#sweibo {background-color:#ea493c}
#shares a#sweixin {background-color:#24b727}
#shares a#gotop {background-color:#666666;background-color:rgba(0, 0, 0, .6);margin-top:15px;font-size:22px}
#shares a#gotop i {margin-top:3px}

.fixed {position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgb(0,0,0);background:rgba(0, 0, 0, .6);overflow-y:auto;z-index:100;display:none}
#fixed_weixin .fixed-container {box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);width:220px;height:auto;padding:20px 20px 0 20px;background:#fff;position:absolute;left:50%;top:50%;margin-left:-110px;margin-top:-140px}
#fixed_weixin .fixed-container div {height:220px}
#fixed_weixin .fixed-container p {height:40px;line-height:40px;text-align:center;font-size:14px;color:#000}

#olx_head {background: #E90500;}
#online_open {background: #444;}
#olx_qq li a:hover i {color: #F00;}

#online_open {
	width:30px;
	height:30px;
	background:##444;
	cursor:pointer;
	position:fixed;
	right:-40px;
	bottom:150px;
	z-index:99999;
	font-size:18px;
	color:#fff;
	text-align:center;
	line-height:30px;
}
#online_open i {
	margin-top:6px
}
#online_lx {
	width: 180px;
	height: auto;
	border-radius: 5px;
	background-color: #fff;
	-webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
	box-shadow: 0 5px 9px rgba(4, 0, 0, .17);
	position:fixed;
	right:10px;
	bottom:150px;
	z-index:99999
}

#olx_head { padding: 20px; line-height: 16px; height: 16px; background: #444; color: #fff; font-size: 14px }
#olx_head i {
	font-size:18px;
	color:#fff;
	cursor:pointer
}
#olx_qq li a {
	padding:12px 30px;
	height:18px;
	line-height:18px;
	background:#f5f5f5;
	color:#353434;
	display:block;
	border-bottom:#fff 1px solid;
transition:all ease-out .3s;
	font-size:12px
}
#olx_qq li a i {
	color:#5e5e5e;
	font-size:16px;
	vertical-align:middle;
	margin-right:18px
}
#olx_qq li a:hover {
	color:#fff;
	background:#565656
}
#olx_qq li a:hover i {
	color:#ffffff;
}
#olx_tel {
	padding:20px 20px
}
#olx_tel div {
	color:#434343;
	line-height:14px;
	height:14px;
	margin-bottom:10px
}
#olx_tel div i {
	font-size:18px;
	margin-right:20px;
	vertical-align:middle
}
#olx_tel p {
	line-height:18px;
	font-size:16px
}






#mslider {
	width:100%;
	position:relative;
	overflow:hidden
}
#mslider .bx-wrapper {
	
	width:100%;
}
#mslider ul li {
	width:100%;
	display:block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#mslider ul li div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 800px;
}
#mslider ul li p {
	color:#fff;
	text-align:center;
}
#mslider ul li p.title {
	font-size:60px;
	line-height:70px;
	height:70px;
	transition-delay:0
}
#mslider ul li p.subtitle {
	font-size:16px;
	height:20px;
	transition-delay:0.2s
}
#mslider ul li a {
	width:100%;
	height:100%;
	display:table;
}
#mslider ul li a i {
	text-indent:20px;
	font-size:24px
}
#mslider ul li p, #mslider ul li a {
	transform:translateY(25px);
transition:all ease-out .3s;
-webkit-transition:all ease-out .3s;
	opacity:0
}
#mslider ul li.active p, #mslider ul li.active a {
	transform:translateY(0px);
	opacity:1
}

#mslider ul li div.mask {
	background-color:transparent;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20px;
	width: 100%;
}
.bx-wrapper .bx-loading {
	background: url(404.png) center center no-repeat #ffffff;
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 9px;
	height: 9px;
	margin: 0 5px;
	outline: 0;
	border-radius: 6px;
transition:all ease-out .3s;
	border:#c8c8c8 1px solid;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	border:#00c0ff 1px solid;
	background-color:#00c0ff;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
.bx-wrapper .bx-prev {
	left: 20px;
	
}
.bx-wrapper .bx-next {
	right: 20px;
	
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	outline: 0;
	width: 40px;
	height: 40px;
	z-index: 2;
	border-radius:20px;
transition:all ease-out .3s
}
.bx-wrapper .bx-controls-direction a i {
	color:#fff;
	font-size:24px;
	margin-top:8px;
	margin-left:14px;
transition:all ease-out .3s
}
.bx-wrapper .bx-controls-direction a.bx-next i {
	margin-left:16px
}
.bx-wrapper .bx-controls-direction a:hover {
	background-color:#00c0ff
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.lowB #header, .lowB #mslider .bx-wrapper{position:relative}


#contentPage{height:auto}

#contentPage #banner {
	width:100%;
	position:relative;
}
#contentPage #banner .banner-img{
	background-color:#39383E;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	width:100%;
}

#contentPage #banner .mask {
	
	background-color:rgba(0,0,0,0.1);
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}




.loginmask {
	width: 100%;
	height: 100%;
	z-index: 8;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}

#loginalert {
	width: 1200px;
	height:560px;
	background: #fff;
	position: fixed;
	top: -600px;
	left: 50%;
	margin-left: -600px;
	z-index: 99;
	display: none;
}

.closealert {
	width: 28px;
	height: 28px;
	cursor: pointer;
	background: url('../image/closebt.jpg') no-repeat;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.closealert:hover {
	transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
}

#reg_setp {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #f8f8f8;
	z-index: 99999999999;
	top: 0;
	left: 100%;
	display: none;
}

.closereg{
	width:60px;
	height:60px;
	cursor: pointer;
	background: url('../image/regbt.png') no-repeat;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.closereg:hover{
	background: url('../image/regbt1.png') no-repeat;
}

.ovfHiden{overflow: hidden;}


.sortClassOnea{ text-align:left;position:relative }
.sortClassOnea a{padding:10px 15px; line-height:25px; transition:all ease-out .3s; font-size:13px;position:relative ;display:inline-block;}
.sortClassOnea a:hover,.sortClassOnea a:active{ color:#fff; }
.sortClassOnea a span{ position:relative; z-index:1}
.sortClassOnea a:after{ content: '';position: absolute;width: 1px;height: 12px;right:1px;top:20px;background:#d3d3d3;}
.sortClassOnea a:last-child:after{background:#ffffff;}

.sortClassOnea a .move{background-color:rgba(0,192,255,.7); width:96%; height:100%; position:absolute; left:0; top:0; opacity:0; visibility:hidden;transition: visibility .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);}
.sortClassOnea a:hover .move{ opacity:1; visibility:visible}


.leftKuang{padding:10% 0% 0% 5%; min-width:900px;}

  
@media screen and (min-width: 1500px){ 
.rightKuang{width:400px;}
.leftKuang{padding:10% 0% 0% 18%;}
.video_code{width:1000px; height:602px;}
 }
 @media screen and (min-width: 1200px) and  (max-width: 1500px){ 
 .rightKuang{
	 width:300px;
	 overflow:hidden
	 }
 } 
 
  @media screen and (max-width: 1200px){ 
 .rightKuang{
	 width:200px;
	 overflow:hidden
	 }
 }
 
  @media screen and (max-width: 1500px){ 

	 .leftKuang{padding:8% 0% 0% 5%;}
	 .video_code{width:900px; height:546px;}
  }





.listViewItemm {float:left; margin-right:20px; margin-bottom:20px;}
.listViewItemm a {display:block;width:280px; height:195px; border:1px solid #f1f1f1;overflow:hidden; background:#f8f8f8;}

.listViewItemm a:hover{ background:#00c0ff}
.listViewItemm h1.title {color:#595959; font-size:16px; font-weight:bold;line-height:25px;transition: all ease-out .2s; padding-left:30px; padding-top:60px}
.listViewItemm h2.description {color:#848484;font-size:14px;overflow:hidden;width:100%; text-align:left; padding-left:30px; padding-top:10px}
.listViewItemm:hover .description,.listViewItemm:hover .title {color:#ffffff}