/*
* cc 2.0
* by xiaoyi@changic.com
*/
body{ background:#FCFCFC;font-family:Tahoma,Arial}
a{color:#333;}

/*common*/

/* pages*/
.pageNum {height: 25px;margin: 0 auto;padding: 50px 0 10px;text-align: center;width: 100%;color: #552c3a;clear: both;}
.pageNum a {background: #2d3d54; border: 1px solid #41557e;color: white;height: 16px;line-height: 16px;margin: 3px;padding: 2px 6px 2px;text-align: center;}

/* gun dong tiao*/
.scroll-control{ width: 100%; height: 30px; /*background: greenyellow;*/ position: absolute; left: 0px;bottom: 0px}
.scroll-axis{ width: 90%; height: 15px; background: #cdcdcd; border-radius: 10px; left: 5%; top: 5px; position: absolute;}
.scroll-bar{ width: 120px; height: 15px; background: #59aee5; border-radius: 10px; position: absolute; top: 0px; left: 0px; cursor: pointer;}
/*  title inline  */
.cc-line{ position: relative; display: block; width: 100%; height: 3px; background: #ccc; font-size: 0; line-height: 0}
.cc-line .in{ position: absolute; display: block;  height: 3px; background: #2e4161;}
.cc-more{ width: 45px; height: 1em; color: #999  }
.cc-more:hover{ width: 45px; height: 1em; color: #2e4161  }
.u-close{ display: block; width: 33px; height: 33px;background-position:-145px -95px;text-indent:-999999px}
.u-close:hover{  background-position:-145px -95px;}

/* list style*/
ul.nlist{ padding-top: 12px;}
ul.nlist li{ height: 29px; line-height: 29px; font-size: 14px;}
ul.nlist li span.title{ width: 400px; height: 29px; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.nlist li span.time{ color: #bbb; font-size: 12px;}
ul.nlist li a{ color: #333; float: left;}
ul.nlist li a:hover{ color: #968868;  border-bottom: 1px solid #968868}

/* head */
.cc-head{ height: 1154px;width: 100%;background: url("http://t.changicvn.com/images/header_bg.jpg") center no-repeat;}
.cc-head a{margin-right: 190px; height: 51px; width: 250px;float: right; background: url("http://t.changicvn.com/images/back_home_btn.png") center no-repeat}
.cc-head a:hover{background: url("http://t.changicvn.com/images/back_home_btn_hover.png") center no-repeat}

/* body */
.cc-body{ width:916px; min-height:520px;margin-top:-425px;text-align:center; position: relative; margin-left: auto; margin-right: auto;}

/* news center */
.cc-info-box {width:535px;height:320px; }
.cc-news {width:535px; height:255px;background-color:#EBECEF;border: 1px solid #B3B3B3;width: 531px;margin-left: 2px; }
.cc-notice {width:535px; height:56px; margin-left:2px; margin-top:10px; background: url("http://t.changicvn.com/images/news_bg.png") center no-repeat;}
.cc-notice span{display:block; margin-top:22px; float:left; width:140px; height:20px;text-align:left;}
.cc-notice .hot{color:#FA6F11;}

/* news */
.g-news{ position:  absolute; width: 640px; height: 250px; background: #fff;}
.m-news{width: 495px;height:214px;   padding:18px 20px; }
.m-news .u-title {height: 1.5em;}
.m-news .u-title span{ float: left; width: 75px; padding: 0; text-align: center; cursor: pointer}
.m-news .u-title span a{float:left}
.m-news .innews{ width: 75px;}
.m-news .listcontainer{ position: relative; width: 495px; height: 187px; overflow: hidden}
.m-news .listwrap{ position: absolute; width: 3600px;}
.m-news ul.nlist{ float: left; width: 495px;}
.m-news ul.nlist li{ float: left; display: inline; width: 98%; margin-right:2%;}
.m-news ul.nlist li:nth-child(even){ margin-right: 0}
.m-news .u-title span.ti{ position: relative; color: #999; }
.m-news .u-title span.ti.hover{ color: #2e4161}
.m-news .u-title i{ position: absolute; top:-1px; display: inline-block; width: 15px; height: 15px; overflow: hidden; border-radius: 15px; background: #c42000; font-weight: normal; margin-left:5px;   font-size:12px; line-height: 15px; text-align: center; color: #fff}
/* innerPage news list*/
.cc-left-content{width:716px;min-height:783px; border:1px solid #B3B3B3;background-color:#EBECEF; }
.cc-news-subnav{width:100%;}
.cc-news-subnav .switch-tab a{display:block;color:white;width:70px; float:left;height:25px;padding-top:10px; margin-right:1px; text-align:center;font-size:14px;background:url("http://t.changicvn.com/images/news_type_blue_bg.jpg") center repeat;}
.cc-news-subnav .switch-tab .active{background:url("http://t.changicvn.com/images/news_type_red_bg.jpg") center repeat;}
.cc-news-subnav .switch-tab a:hover{background:url("http://t.changicvn.com/images/news_type_red_bg.jpg") center repeat;}
.cc-news-switch-list{ width:686px;margin:15px;}
.cc-news-switch-list ul li{border-bottom: 1px dashed #cecece;width:100%; float:left;height: 20px;line-height: 20px;padding: 10px 0px 10px 0px;color: #8fa0c6;overflow: hidden;}
.cc-news-switch-list ul li a{float:left;color:#2d3d54;}
.cc-news-switch-list ul li a:hover{color: #bb9647;}
.cc-news-switch-list ul li i{float:right;}

/* innerPage news detail*/
.article-nav{width:100%; height:27px;}
.news-icon{ display:block;color:white;width:210px;line-height: 27px; height:27px; background:url("http://t.changicvn.com/images/news-icon.png") center no-repeat;}
.article-path{height:27px; line-height:27px;}
.article-title{width:calc(100% - 40px); background-color:#D1D1D1; height:40px;line-height:40px; margin-top:10px;margin-left:20px; margin-right:20px;}
.article-date{font-size:12px; margin-right:20px; margin-top:3px; }
.article-content{width:calc(100% - 40px);margin:20px;text-align:left;overflow: hidden;word-break: break-all;}

/* erweima download Box*/
.cc-download-box{width:365px;height:255px; margin-left:10px; margin-top:-10px;}
.cc-ios-download{width:182px; height:268px;  background: url("http://t.changicvn.com/images/download_ios.png") center no-repeat;}
.cc-ios-download:hover{background: url("http://t.changicvn.com/images/download_ios_hover.png") center no-repeat;}
.cc-android-download{width:182px; height:268px; margin-left:1px;background: url("http://t.changicvn.com/images/download_android.png") center no-repeat;}
.cc-android-download:hover{background: url("http://t.changicvn.com/images/download_android_hover.png") center no-repeat;}
.cc-erweima{width:160px; height:160px; margin-top: 91px;margin-left: 10px; }
.ios-erweima{ background: url("http://t.changicvn.com/images/erweima_ios.png") center no-repeat;}
.android-erweima{ background: url("http://t.changicvn.com/images/erweima_android.png") center no-repeat;}
.cc-apk_download{cursor: pointer; width:365px; height:56px; margin-top:7px;background: url("http://t.changicvn.com/images/apk_download_btn.png") center no-repeat; }
.cc-apk_download:hover{background: url("http://t.changicvn.com/images/apk_download_btn_hover.png") center no-repeat; }

/* innerPage erweima download Box*/
.cc-download-ios-android{width:188px; height:267px; margin-top:-10px; margin-left:10px; background: url("http://t.changicvn.com/images/download_ios_android.png") center no-repeat;}
.cc-download-ios-android .cc-ios-icon{cursor: pointer;margin-left: 25px;margin-top: 25px;height: 57px;width: 52px;background: url("http://t.changicvn.com/images/icon_ios.png") center no-repeat;}
.cc-download-ios-android .cc-android-icon{cursor: pointer;margin-left: 25px;margin-top: 25px;height: 57px;width: 52px;background: url("http://t.changicvn.com/images/icon_android.png") center no-repeat;}
.cc-download-ios-android .cc-ios-icon-active{background: url("http://t.changicvn.com/images/icon_ios_active.png") center no-repeat;}
.cc-download-ios-android .cc-android-icon-active{background: url("http://t.changicvn.com/images/icon_android_active.png") center no-repeat;}

.cc-ios-erweima-innerpage{width:160px; height:160px;background: url("http://t.changicvn.com/images/erweima_ios.png") center no-repeat; margin-left:14px;margin-top:8px;}
.cc-android-erweima-innerpage{width:160px; height:160px;background: url("http://t.changicvn.com/images/erweima_android.png") center no-repeat; margin-left:14px;margin-top:8px;}
.cc-download-apk-short{width:180px; height:75px;cursor: pointer; margin-left:15px;background: url("http://t.changicvn.com/images/apk_download_btn_short.png") center no-repeat;}
.cc-download-apk-short:hover{background: url("http://t.changicvn.com/images/apk_download_btn_hover_short.png") center no-repeat;}


/* fb info */
.cc-fb-info-box{width:533px; height:178px; margin-left:2px; margin-top:12px ; background: url("http://t.changicvn.com/images/fb_info_bg.png") center no-repeat; }
.cc-fb-info-box a{height:30px; width:135px;display: block; margin-right:5px; background: url("http://t.changicvn.com/images/fb_home_btn.png") center no-repeat;}
.cc-fb-info-box a:hover{background: url("http://t.changicvn.com/images/fb_home_btn_hover.png") center no-repeat;}
.cc-fb-info-box span{display:block;width:60px; height:14px; font-size:12px; text-align:center;margin-top: 155px;margin-left: 290px;}
/* innerPage fb info*/
.cc-fb-info-box-short{margin-left:15px; width:180px; height:178px; margin-top:10px;}
.cc-fb-info-box-short a{display:block;width:100%; height:100%;background: url("http://t.changicvn.com/images/fb_short.png") center no-repeat;}


/* kf info */
.cc-kf-info-box{width:365px;height:178px; margin-top:12px; margin-left:10px; background: url("http://t.changicvn.com/images/kf_info.png") center no-repeat;}
.cc-kf-info-box a{margin-top:130px; margin-left:33px; height:25px; width:93px;display:block;  background: url("http://t.changicvn.com/images/kf_connect_btn.png") center no-repeat; }
.cc-kf-info-box a:hover{background: url("http://t.changicvn.com/images/kf_connect_btn_hover.png") center no-repeat; }
/* innerPage kf info*/
.cc-kf-info-box-short{width:180px; height:264px; margin-left:15px; background: url("http://t.changicvn.com/images/connect_2.png") center no-repeat;}
.cc-kf-link-btn{display:block;width:108px; height:112px; margin-left:40px;margin-top:140px; background: url("http://t.changicvn.com/images/connect2_btn_bg.png") center no-repeat;}
.cc-kf-link-btn:hover{background: url("http://t.changicvn.com/images/connect2_btn_bg_hover.png") center no-repeat;}

/* Slide */
.cc-carousel{width:903px; height:270px; margin-left:3px; margin-top:12px; border:1px solid #cdcdcd; background-color:#ebecf0;position: relative;}
.cc-carousel .carousel_content{width: calc(100% - 100px);  height: 100%; margin: 0 auto; overflow-x:hidden;}
.cc-carousel .leftsor{position: absolute; left: 15px; top: 95px; width: 27px; height: 81px; background: #d4d4d4; cursor: pointer;} 
.cc-carousel .leftsor:hover{background: #2b2b2b;}
.cc-carousel .leftsor:before{content: "";position: absolute; width: 0px; height: 0px; border: 10px #000000 solid; border-top: 10px transparent solid; border-left: 10px transparent solid; border-bottom: 10px transparent solid; right: 10px; top: 30px;}
.cc-carousel .leftsor:after{content: ""; position: absolute; width: 0px; height: 0px; border: 10px #d4d4d4 solid; border-top: 10px transparent solid; border-left: 10px transparent solid; border-bottom: 10px transparent solid; right: 7px; top: 30px;}
.leftsor:hover .leftsor:after{border-color:#2b2b2b !important;}
.rightsor{  position: absolute;  right: 15px;  top: 95px;  width: 27px; height: 81px; background: #d4d4d4; cursor: pointer;}
.rightsor:hover{ background: #2b2b2b;}
.rightsor:before{ content: "";  position: absolute; width: 0px; height: 0px; border: 10px #000000 solid; border-top: 10px transparent solid; border-right: 10px transparent solid; border-bottom: 10px transparent solid; left: 10px; top: 30px;}
.rightsor:after{ content: ""; position: absolute; width: 0px; height: 0px; border: 10px #d4d4d4 solid; border-top: 10px transparent solid; border-right: 10px transparent solid;  border-bottom: 10px transparent solid;  left: 7px;  top: 30px;}
.rightsor:hover .rightsor:after{ border-color:#2b2b2b !important;}
.sor_1{  width: 390px;  height: 220px; /*margin-top: 10px;*/ margin: 10px auto; border: 1px solid #ebecf0; display: inline; float: left;}
.carousel_bg{ width: 382px;  height: 215px;  /*display: inline-block;*/}
#carousel_images{ min-width: 4200px; height: 100%;}

/* foot */
.cc-foot{height: 500px;width: 100%; margin-top:-250px;background: url("http://t.changicvn.com/images/footer_bg.jpg") center no-repeat;}
.cc-copyRight{ width:916px;height:30px; text-align:center;position: relative; margin-left: auto; margin-right: auto;}
.cc-copyRight span{display:block; height:20px;position: absolute; right:260px; top: 455px; font: 12px "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,Tahoma,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,Simhei,sans-serif;color: #333; }