.bg100{background-size:1600px auto;}
@media screen and (min-width: 1600px) and (max-width: 2800px){
  .bg100{background-size:100% auto;}
}
.toper{width:1600px; height:165px; margin:0 auto; /* background:url(../img/headbg01.jpg) no-repeat 0px 0px; */}
.cibtclogo{background:url(../img/cibtclogo.png) no-repeat 0px 0px; width:700px; height:90px; margin:40px 0 0 92px; display:inline-block;}

.header{height:50px; width:100%; min-width:1600px; margin:0 auto; }
.header .banner{width:1600px; height:50px; margin:0 auto; position:relative; z-index:1200;}
.headerbg{background: linear-gradient(to bottom, #bf2018 , #ee2d2c); width:100%; height:50px; margin:0 auto; opacity:0.9; filter:alpha(opacity=90); position:relative; top:-50px; z-index:90; }

.bigmov{width:100%; height:750px; margin:0 auto; position:relative; top:-71px; z-index:80; background-color:#7f0000;}
.videos{margin:0 auto;display:block;width:1600px; height:750px;}
.centermov{width:1900px; height:468px; margin:0 auto;background:url(../img/centermov.jpg)  no-repeat 0px 0px;}


.mov70{position:absolute; left:813px; top:62px; width:545px; height:310px; text-align:center;}
.banner{font-size:20px;}
.banner li{float:left; line-height:50px;}
.banner li a{color:white;text-decoration:none;}
.banner li a.active{border-bottom:3px solid white; padding-bottom:6px;}
.banner li a:hover{border-bottom:3px solid white; padding-bottom:6px;}
.banner li.tob1,.banner li.tob2,.banner li.tob3,.banner li.tob4,.banner li.tob5,.banner li.tob6,.banner li.tob7,.banner li.tob8{padding:0 40px;}
.banner li.tob1{margin-left:142px;}
.banner li.tob8{background:url(../img/search.png)  no-repeat 16px center; cursor:pointer; }

.cnewstitle{height:30px; line-height:30px; padding-bottom:12px; width:1200px; margin:0 auto;}
/* .cnewstitle .shotline{height: 3px; margin-top: 16px; background: #ee2d2c; width:50px;} */
.cnewstitle .shotline{background: url(../img/news.jpg) no-repeat 0px 15px;width: 50px;height: 30px;}
.cnewstitle .cnname{color:black; font-size:24px; font-weight:normal; padding-left:10px;}
.cnewstitle .enname{color:black; padding-left:10px;  font-size:18px; padding-top:2px;}

.companynews{width:1195px; height:326px; margin:0 auto; margin-top:24px;}

.cards{background-color:white; width:298px; height:324px; cursor:pointer; border-right:1px solid #e4e4e4;}
.cards:hover .cardsbg{background-color:#fda52e; color:white; }
.cards:hover  .cardstime{color:white; }

.cards .cardsimg{ height:191px; width:298px;}
.cards .cardsbg{padding:24px 26px 30px 23px; color:black;}
.cards .cardstime{padding-bottom:16px; font-size:12px; color:#999;}
.cards .cardscontent{line-height:24px;}

.overviews{background:url(../img/overviewbg.jpg) no-repeat 0px 70px;  height:auto; background-color:white;}
.overviews .showarea{margin:0 auto; width:1200px; }
.overviews .historydate{color:#ee2d2c; border-bottom:2px solid #ee2d2c; height:44px; line-height:44px; width:102px; clear:both; text-algin:left;text-indent:0; font-weight:bold; margin-left:48px;}
.historyintro{text-indent:47px;margin-top:10px;}
.historymore{margin-top:10px; float:right; font-size:12px; color:#ec4141;}
.historymore a{color:#ee2d2c}

.overviews .honerdate{color:#ee2d2c; border-bottom:2px solid #ee2d2c; height:40px; line-height:40px; width:56px; clear:both; text-algin:left;text-indent:0; font-weight:bold; margin-left:48px;}
.overviews .honercontent{margin-top:10px;text-indent:47px;}
.honeryear{color:red; padding:20px 0 20px 0;}

.honerymore{margin-top:10px; float:right; font-size:12px; color:#ec4141;}
.honerymore a{color:#ee2d2c}

.overviews .tabcontent{width:1200px; height:240px; margin:0 auto;}
.overviews .showarea .introtxt{width:500px; margin-left:50px; text-indent:28px; color:#363636; line-height:25px;}
.overviews .showarea .imagew{width:650px;}

.introtxt{}
.introtxt .elecinfo{float:left;}
.introtxt .elecinfo p{line-height:42px; height:42px; font-weight:bold; cursor:pointer; width:400px;}
.introtxt .elecinfo p.active{color:#ee2d2c; background:url(../img/sc.png) no-repeat 310px 0px; }
.elecinfoqcode{float:left; text-align:center; width:120px; overflow:hidden; }
.elecinfoqcode a{}
.elecinfoqcode a img{width:120px; height:120px; float:left;}
.elecinfoqcode a .gotosee{ background:url(../img/gotosee.png) no-repeat 10px 14px; width:120px; height:41px; clear:both;}

.industrial{background-color:#f7f7f7;}
.industrial{height:auto;}
.industrial .showarea{margin:0 auto; width:1200px; }
.industrial .showarea .introtxt{width:689px;  text-indent:28px; color:#363636; line-height:25px;}
.industrial .showarea .imagew{width:455px;}

.major{background-color:white;}
.major .majorarea{width:1200px;margin:0 auto; overflow:hidden; padding:40px 0;}
.major .majcate{width:290px;}
.major .majcate .majtitle{line-height:30px; font-size:18px; margin-bottom:33px; color:#666666; width:180px;}
.major .majcate .majdetial{line-height:25px; text-indent:28px; font-size:14px;}
.major .majopt{width:865px; margin-left:45px;}
.major .majopt .majcontent{}
.major .majopt .majcontent.active .majtitle{font-weight:bold;}
.major .majopt .majcontent .nums{width:75px; height:60px; line-height:70px; border-bottom:3px solid #cccccc; color:#163479; margin-left:16px; text-indent:18px; font-weight:bold; font-size:20px; }
.major .majopt .majcontent .majtitle:hover{text-decoration:underline;}
.major .majopt .majcontent .majtitle{margin-left:18px; line-height:24px; margin-top:10px; height:50px;}
.major .majopt .majcontent .tagsarea{margin-left:18px; margin-top:11px;  height:58px; }
.tagsarea .majtags{border:1px solid #ee2d2c; padding:5px 13px; font-size:12px; color:#ee2d2c; border-radius:12px; }
.major .majcontent{width:213px; height:323px; border:1px solid #cccccc; float:left; display:block; }
.majopt .active .topactive{background: linear-gradient(to right, #bf2018 , #ee2d2c, #f76f59); width:216px; height:14px; position:relative; top:-15px; left:-1px; }
.majopt .majcontent.active .bottomactive{background: linear-gradient(to right, #bf2018 , #ee2d2c, #f76f59); width:216px; height:8px; position:relative;left:-1px; }
.major .majopt .majcontent.active .nums{color:#ee2d2c; height:47px; line-height:47px;}

.organiz{background-color:#f7f7f7;}
.organiziframe{margin-left:170px;}

.tabop{}
.tabop a{background-color:#FFF4E4; color:#ee2d2c; font-size:14px; padding:7px 17px;box-shadow: 0px 0px 2px 0px rgba(0, 0, 255, .2);}
.tabop a.active{background-color:#ee2d2c; color:white;}

.indexcanvas{width:1000px; margin:0 auto; height:550px;position:relative; z-index:100;}
.cpyicon1{position:absolute; background:url(../img/map_local.png) no-repeat 0px -4px; width:17px; height:28px; top:100px; cursor:pointer; }
.cpyicon2{display:none; position:absolute; background:url(../img/map_local.png) no-repeat 2px -44px; width:14px; height:30px; cursor:pointer; }

.tabchange{width:1000px; margin:0 auto; height:110px;}
.tabchange .tabchangebg{margin:0 auto;  width:196px;height:62px;background:url(../img/map_tab.png) no-repeat 0px 0px; }
.tabchange .tabchangebg .opchange{color:#363636; display:inline-block; width:80px; float:left; height:30px; line-height:30px; margin-top:18px; text-align:center;}
.tabchange .tabchangebg .opchange.active{background-color:#cccccc; border-radius:11px; font-weight:bold;}

body .skincolor1 .layui-layer-content{background-color:#ee2d2c; padding:2px 15px; color:white;}
body .skincolor1 i.layui-layer-TipsR{border-bottom-color:#ee2d2c;}
body .skincolor1 i.layui-layer-TipsL{border-bottom-color:#ee2d2c;}
body .skincolor1 i.layui-layer-TipsT{border-right-color:#ee2d2c;}
body .skincolor1 i.layui-layer-TipsB{border-right-color:#ee2d2c;}

<!--
body .skincolor2 .layui-layer-content{background-color:#4824c2; padding:2px 15px; color:white;}
body .skincolor2 i.layui-layer-TipsR{border-bottom-color:#4824c2;}
body .skincolor2 i.layui-layer-TipsL{border-bottom-color:#4824c2;}
-->
body .skincolor2{}
body .skincolor2 .layui-layer-content{background-color:#f1c86f;}
body .skincolor2 i.layui-layer-TipsR{border-bottom-color:#f1c86f;}
body .skincolor2 i.layui-layer-TipsL{border-bottom-color:#f1c86f;}


.leftmenu{float:left; width:170px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; background-color:white; border-top:2px solid #ee2d2c;}
.leftmenu .normalcate{padding-top:10px; min-height:300px;}
.leftmenu .normalcate ul{}
.leftmenu .normalcate ul li{height:47px; line-height:47px; text-align:center;}
.leftmenu .normalcate ul li a{font-size:14px; font-weight:bold; color:#4a4a4a; }
.leftmenu .normalcate ul li a.active{color:#ee2d2c}

.rightcontent{float:left; width:; margin-left:20px; }
.rightcontent .title{color:#4a4a4a; font-size:20px; font-weight:bold; line-height:63px;text-indent:16px;}
.contentarea{border:1px solid #eaeaea; background-color:white;}
.rightcontent .contentarea .words{padding:30px 40px 0 40px; color:#242424; line-height:26px; min-height:440px; width:625px;}

.elec{width:630px; overflow:hidden; }
.elec .leftelec{float:left; width:180px; }
.elec .leftelec .elecone{
	width:150px;text-align:left; height:50px; 
	background-color:#f9f9f9; vertical-align:middle;  
	border-top-right-radius:5px; 
	border-bottom-right-radius:5px;
	border:1px solid #e4e4e4; 
	line-height:24px; 
	padding:0; 
	height:64px;
	cursor:pointer;
}
.elec .leftelec .elecone .elecolor{width:8px; height:64px; float:left; background-color:#e4e4e4;}
.elec .leftelec .elecone.active .elecolor{ background-color:#5a98fd;}
.elec .leftelec .elecone .eletext{float:left; width:130px; padding-left:8px; padding-top:10px;}
.elec .leftelec .elecone.active .eletri{width:8px; height:12px; background:url(../img/eletri.png) no-repeat 0px 0px; right:-171px;top:30px; position:relative;}
.elec .leftelec .elecone .eletri{}

.elec .leftelec .elecone.active{font-weight:bold;  background-color:#F1FEFF; }
.elec .rightelec{float:left; width:380px; height:430px; padding:20px 20px 10px 20px;  border:3px solid #e7e7e7;}
.elecontent{}
.elecontent p{text-indent:28px;}

.history{padding:30px 0px 0 0px; color:#242424; line-height:26px; min-height:440px; width:678px;}
.history .decade{width:691px; height:250px; background:url(../img/decadebg.jpg) no-repeat 0px 0px;  }
.history .anchor{background:url(../img/decadebg.jpg) no-repeat 0px 0px; width:691px; height:250px;}
.history .anchor .anchor_top{height:110px; width:690px; position:relative;}
.history .anchor .anchor_bottom{height:110px; width:690px; position:relative;}
.history .anchor .anchor_top a{color:#4a4a4a; font-weight:bold;  position:absolute; }
.history .anchor .anchor_top a .er{line-height:12px;text-align:center;}
.history .anchor .anchor_bottom a{color:#4a4a4a; font-weight:bold;  position:absolute;}
.history .anchor .anchor_bottom a .er{line-height:12px;text-align:center;}

.newsleft{float:left; width:170px; height:64px; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; border-bottom:3px solid #d8d8d8; background-color:white; border-top:2px solid #ee2d2c;}
.newsleft_cate{text-align:center; height:64px; line-height:64px; display:block; font-weight:bold;}
.newslist{float:left; margin-left:30px; margin-top:30px;}
.newslist .newsone{border-bottom:1px solid #d8d8d8; padding-top:5px; padding-bottom:8px; width:698px; overflow:hidden;}
.newslist .newsone .date{line-height:30px; color:#808080; font-size:12px;  font-weight:bold;  }
.newslist .newsone .title{color:#515151; font-weight:bold; line-height:32px; font-size:14px;}
.newslist .newsone .title a{color:#515151; }
.newslist .newsone .title a:hover{color:#ee2d2c;}
.newslist .newsone .author{color:#757575; font-size:12px; line-height:30px; }

.detialpage{border:1px solid #d8d8d8; background-color:white;}
.detialpage .node{padding-top:12px; border-bottom:1px solid #d8d8d8; line-height:38px; padding-left:9px; font-size:14px; width:147px;}
.detialpage .title{text-align:center; color:#0a0a0a; font-weight:bold; font-size:18px; padding-bottom:28px;}
.detialpage .others{line-height:30px;clear:both; height:30px; padding:0 40px 20px 40px; }
.detialpage .others .date{float:left; margin-right:30px; }
.detialpage .others .author{float:left; }
.detialpage .others .print{float:left;}
.detialpage .contents{padding:0 40px 40px 40px; font-size:14px; }
.detialpage .contents img{width:817px;}

.searchpage{border:1px solid #d8d8d8; background-color:white;}
.searchpage .searchtitle{padding-top:12px; border-bottom:1px solid #d8d8d8; line-height:38px; padding-left:9px; font-size:14px; width:147px;}
.searcharea{padding-top:53px; padding-left:43px; height:83px; border-bottom:1px solid #d8d8d8;}
.search-panel-fields{float:left; border:1px solid #e2e2e2; background-color:#f3f3f3;}
.search-panel-fields .search-input{border:0; background-color:#f3f3f3; line-height:27px; text-indent:7px; width:200px; }
.search-button{float:left; border:1px solid #e2e2e2;  margin-left:4px; cursor:pointer;}
.search-button .btn-search{border:0; background-color:#f3f3f3; color:#6e6e6e; line-height:27px; padding:0 15px; cursor:pointer; font-weight:bold;}
.search-button .btn-search:hover{color:black; cursor:pointer;}
.search-nums{clear:both; line-height:54px;}

.searchresult{padding-left:43px; padding-right:43px; padding-top:22px;}
.searchresult ul{} 
.searchresult ul li{line-height:49px;}
.searchresult ul li a{color:#333;}
.searchresult ul li a:hover{color:red;}

.owncpy{width:1200px;height:172px;background:url(../img/index_04.png) no-repeat 49px 0px; margin:0 auto;}
.owncpytxt{width:1200px;margin:0 auto;}
.owncpytxt ul{margin-top:42px;}
.owncpytxt ul li{width:280px; float:left; text-align:center; margin-left:18px;}
.owncpytxt ul li:first-child{margin-left:0;}
.owncpytxt ul li:nth-child(2){margin-left:27px;}
.owncpytxt ul li:nth-child(3){margin-left:29px;}
.ownmore{cursor:pointer; height:60px; background:url(../img/ownmore.png) no-repeat 100px 20px;}

.cooperpage{clear:both;}
.co_title{text-align:left;}
.co_department{clear:both;}
.co_department ul{}
.co_department ul li{}
.co_department ul li a.cooper_one{margin-top:20px; border:1px solid #dedede;padding:21px 8px 0 20px; background-color:#ffffff;display:block;float:left; width:280px; height:228px; margin-right:2px; }
.co_department ul li a.cooper_one:hover{background-color:#ee2d2c; color:white;}
.cooper_one .names{font-weight:bold; font-size:14px; margin-bottom:19px;}
.cooper_one .lines{line-height:11px; height:11px;}
.cooper_one .address{font-size:14px;line-height:26px;}
.cooper_one .zcode{font-size:14px;line-height:26px;}
.cooper_one .phone{font-size:14px;line-height:26px;}
.cooper_one .fax{font-size:14px;line-height:26px;}
.cooper_one .emmail{font-size:14px;line-height:26px;}

.footer{background-color:#111d39;width:1600px; margin:0 auto;}
.footerbg{height:446px;background:url(../img/footerbg.jpg) no-repeat 0px 0px; width:1200px; margin:0 auto;}
.leftpart{float:left; width:328px; position: relative;/*background:url(../img/line.png) no-repeat 325px 98px;*/ }
.leftpart .line{position: absolute;top:81px;right:0;width:1px;height:190px;background:#fff;}
.leftpart .smalllogo{padding-top:50px;}
.leftpart .contactinfo{color:white; padding-top:32px;}
.leftpart .contactinfo p{line-height:24px; font-size:12px;}

.centerpart{float:left; position: relative;padding:50px 0 0 57px;/*background:url(../img/line.png) no-repeat 450px 98px;*/ width:400px; height:280px;}
.centerpart .line{position: absolute;top:81px;right:0;width:1px;height:190px;background:#fff;}
.centerpart .ctitle{color:white; font-size:14px; color:white;}
.centerpart .cselect{padding:26px 0 38px 0;}
.centerpart .cselect select{border:1px solid white;font-size:14px; padding:3px 5px 3px 0; }

.rightpart{float:left; padding:50px 0 0 54px; width:330px; overflow:hidden;}
.rightpart .rtitle{color:white; }
.rightpart .rcontent{color:white;  padding-top:26px; line-height:35px;}

.blowpart{clear:both;}
.blowpart .blowline{background-color:white; height:1px; width:1200px;}
.copyright{font-size:12px; color:white; text-align:center; padding-top:48px;}

/*back to top*/
.float-bar{bottom:80px; left:57%; margin-left:498px; position:fixed; z-index:1005;}
.float-bar li{ margin-top:5px;}
.float-bar li a{width:48px; height:50px; display:inline-block;}

.float-bar .backtoptop{width:48px; height:50px;}
.float-bar .backtoptop a{background:url(../img/tips.png) no-repeat 0 0px; }
.float-bar .backtoptop a:hover{background:url(../img/tips.png) no-repeat 0 0px; }

#news.move,#overview.move,#industrial.move,#major.move,#organiz.move,#footer.move,#header.move{animation: movefromleft 2s; animation-fill-mode: forwards;}
@keyframes movefromleft{ from { opacity: 0; transform: translateX(-100%); } to { opacity: 1; transform: translateX(0px); } }


@media screen and (max-width: 1601px) { 
	/* .toper{width:1600px; background:url(../img/headbg01.jpg) no-repeat 0px 0px} */
	.header{min-width:1600px;}
	.header .banner{width:1600px; }
	.banner li.tob1{margin-left:70px;}
	.w_1600{width:1600px;}
	.videos{margin:0 auto;display:block;width:1400px; height:655px;}
	.bigmov{height:655px;}
	.centermov{width:1600px; height:468px; margin:0 auto;background:url(../img/centermov.jpg)  no-repeat 0px 0px;}
	.mov70{left:812px;}
	.footer{width:1600px;}
	.float-bar{left:51%;}
	.organiziframe{margin-left:80px;}
} 

@media screen and (max-width:1441px){ 
	.cibtclogo{background-size:70%;}
	/* .toper{width:1400px; height:135px; background:url(../img/headbg01.jpg) no-repeat 0px 0px} */
	.header{min-width:1400px;}
	.header .banner{width:1400px; }
	.banner li.tob1{margin-left:70px;}
	.w_1600{width:1400px;}
	.videos{margin:0 auto;display:block;width:1400px; height:655px;}
	.bigmov{height:655px;}
	.centermov{width:1400px; height:485px; margin:0 auto;background:url(../img/centermov_1400.jpg)  no-repeat 0px 0px;}
	.mov70{left:562px;}
	.footer{width:1400px;}
	.float-bar{left:47%;}
	.organiziframe{margin-left:80px;}
}
.contentarea .bigimage{background: linear-gradient(to right, #f7fdfb, #d6edfc);}