
@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0px; font-family:Arial; font-size:14px;  overflow-x:hidden;}
*{padding:0px; margin:0px;font-size:14px;}
.clear{ clear:both;}
ul,li{ list-style:none; margin:0;}
.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;}
img{border:0px;}
a:hover{ text-decoration:none;}




/*��������*/
.header-top-left{ margin-top:10px;}
.header-top-middle{ margin-top:20px;}
.header{background:#000b76; height:20px;}
.header-top-right{  }
.xiala{float:right;z-index:9999999;position:relative; margin-top:-5px;}
.select1 {position:relative; width:90px;text-align: left; overflow:hidden; z-index:9999999;}
.select1.click{}
.select1 h3{padding-left:5px;height:22px;line-height:22px;font-size:12px;color:#fff;text-indent:4px;cursor:pointer;overflow: hidden; margin-top:5px; margin-bottom:5px;}
/*�˴���С���Ǳ���ʹ�ñ���ͼƬ�ſ��ԣ���Ȼ�Ļ����ڵ�ס�˱���㣬���µ�������С���������ʧ��*/
.select1 .triangel { position:absolute; right:4px; top:13px; width:0; height:0; border:6px solid blue; border-color:#fff #000b76 #000b76 #000b76; overflow:hidden;}
.select1 ul {width:100%;background: white;display:none; margin:-1px 0 0 -1px;}
.select1 ul.current{border-top: 0px}
.select1 ul li {height:22px; padding:0px; margin:0px;line-height:22px; width:100%; display:block;color:#333; }
.select1 ul li a:hover{cursor:pointer; color:#666;}
.select1 ul li a{display:block; text-align:center;color:#333;}
.ml10{z-index:9999; position:absolute;}
.frTx{width:600px;height:160px;margin-bottom:8px;}



.cartbox_1{ float:right; margin-top:-10px;}
.cartbox_1 li{float:left; font-size:12px;  line-height:20px;margin: 10px 10px 10px 10px;color:#fff;}
.cartbox_1 li a{ padding-right:20px;color:#fff;}
.cartbox_1 li img{ display:block; float:left; padding-right:10px;}


.tel{ line-height:20px; font-size:16px; color:#666;}
.tel span a{ color:#fe0000; font-size:24px; text-decoration:none;}
.navbar-toggle { margin-top:-40px;}
.menu_logotext{ margin-top:15px;}
@media (max-width:767px) {
.header-top-right .tel>span{ font-size:14px; float:left; display:block; }
.header-top-right .tel>span>a{ font-size:16px;}
.header-top-right .tel{ float:left;}

.cartbox_1{ float:left; }
.header-top-right {
    float: left;
    margin-top: 5px;
}
.cartbox_1 li{float:left; font-size:12px;  line-height:20px;margin: 10px;color:#666;}
.cartbox_1 li img{ display:block; padding-right:10px; float:none;}
	
}
@media (max-width:767px) {
.header-top-right .tel>span{ font-size:14px; float:left; display:block; }
.header-top-right .tel>span>a{ font-size:14px;}
.header-top-right .tel{ float:left;}

.cartbox_1{ float:left; }
.header-top-right {
    float: left;
    margin-top: 5px;
}
	
}



.logoword{ overflow:hidden;}

.logo{ padding:0px 0 0; height:40px; float:left; }
.logo a{ line-height:0; font-size:0;}



.topBar{ background:#0561a6;}
.language{ padding:4px 0px; color:#FFF; text-align:right;}
.language a{ padding:0px 10px;color:#FFF;}


.top-lan{ float:right; line-height:34px; color:#bfbfbf; margin-right:20px; position:relative; }
.top-lan .ion{ font-size:20px; line-height:30px; vertical-align:middle; }
.top-lan .tlan-t{ display:block; background:url("../img/lanjt.png")/*tpa=http://www.cttq.com/resources/web/img/lanjt.png*/ no-repeat right; padding-right:22px; cursor:pointer;}
.top-lan .tlan-v{ display:none; width:150px; position:absolute; top:34px; border:1px solid #ddd; padding-bottom:20px;color:#555; background:#fff;}
.top-lan .tlan-v a{ display:block; text-align:center; border-bottom:1px dashed #ddd;  }

.top{ position:relative; z-index:15; margin-top:10px;margin-bottom:10px;  }
@media (max-width:767px) {

.top{ background:transparent;}


	
}


.nav{ float:right;  }
.nav > ul > li{float: left; font-size:16px; position:relative; line-height:60px; }
.nav > ul > li > a{ display:block; padding:10px 40px; transition:none; font-size:16px; color:#333;}
.nav > ul > li.cur > a,.nav > ul > li > a:hover,.nav > ul > li.hover > a{ background:url(../../../images/nav_jt.png)/*tpa=http://www.cttq.com/resources/web/img/nav_jt.png*/ no-repeat center bottom;}
.nav_layer {  width: 480px; position: absolute; left: 0; top: 100%; background: #fff; border-top:1px solid #fbfcfd; padding:20px 0; display:none;  }
.nav_layer ul { width: 135px; float: left; background:url(../../../images/nlay_xian.gif)/*tpa=http://www.cttq.com/resources/web/img/nlay_xian.gif*/ repeat-y right; height:auto !important; height:195px; min-height:195px; }
.nav_layer li { text-align:center;}

.nav_layer li a { display: block; line-height:30px; font-size:13px; color:#666; font-family:"Arial";}
.nav > ul > li > a:hover {color:#fd0101; }
.nav_layer ._img { width:255px; float: right; padding-bottom: 10px; margin-right:45px; }
.nav_layer ._img img { width: 100%; height: auto; display: block; }
.nav_layer ._sum { font-size: 13px;display: block; line-height:22px; margin-top:10px;color:#333;}
.nav li.nav5 .nav_layer{ left:auto; right:0px;}
.nav li.nav6 .nav_layer{ left:auto; right:0px;}
.nav li.nav7 .nav_layer{ left:auto; right:-108px;}
.nav li.nav8 .nav_layer{ left:auto; right:0px;}
.nav li.nav9 .nav_layer{ left:auto; right:0px;}
.mobile_key{ display:none;}




.home_about{  padding:15px 0px 25px 0px;}
.home_about h2{ text-align:center;font-size:24px; color:#000; padding:0px 0px 0px 0px; font-weight:normal; border-bottom:1px #e3e3e3 solid; margin-bottom:20px;}
.home_about h2 span{ border-bottom:3px #d80c0d solid; width:150px; display:block; margin:0 auto; padding-bottom:10px;font-size:24px; color:#333;}
.home_about_img{ width:30%; float:right;}
.home_about_text{width:68%; float:left; line-height:27px;color:#333;margin-bottom:40px;}
.home_about_text p{color:#666;}
.home_about_text a{color:#999;float:right; }



.home_pro{padding:20px 0px 0px 0px;}
.home_pro h2{ text-align:center;font-size:24px; color:#000; font-weight:normal; border-bottom:1px #e3e3e3 solid;}
.home_pro h2 a{font-size:24px; color:#333; }
.home_pro h2 span{ border-bottom:3px #d80c0d solid; width:150px; display:block; margin:0 auto; padding-bottom:10px;}


.icxin-main{ padding:40px 0 30px;}
.ilant-cxin{ background-image:url("../img/ilan_ico02.png")/*tpa=http://www.cttq.com/resources/web/img/ilan_ico02.png*/;}
.icxin-list li{text-align:center;  margin:0 auto;  }
.icxin-list li a._img { display: block;  padding-bottom: 66%; position: relative; height:50px; text-align:center;  }
.icxin-list li a._img img { height: auto;  margin:0 auto; }
.icxin-list li ._pd{ padding:15px 10px 0px;}
.icxin-list li h3{ font-size:22px; font-weight:normal; color:#fff; margin-top:-180px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; text-align:center; }
.icxin-list li h4{ font-size:16px; font-weight:normal; color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; text-align:center;  }
.icxin-list li ._sum{ line-height:22px; height:44px; overflow:hidden; color:#666;}
.icxin-list li ._more{ width:110px; height:28px; line-height:28px; border:1px solid #e7463c; background:#fff; color:#e7463c; text-indent:20px; position:relative; margin-top:20px;}
.icxin-list li ._more .ion{ position:absolute; right:5px;}
.icxin-list li a:hover ._title{ color:#e7463c;}
.icxin-list li a:hover ._more{ color:#fff; border-color:#e7463c; background:#e7463c; }


.hex:hover{transform:rotate(60deg);-webkit-transform:rotate(60deg);-moz-transform:rotate(60deg);-o-transform:rotate(60deg);-ms-transform:rotate(60deg);}

.home_pro{ padding:20px 0px 0px 0px;}
.home_pro h2{ text-align:center;font-size:24px; color:#000; font-weight:normal; border-bottom:1px #e3e3e3 solid;}


.footer{ background:#333;}
.footer-bg  p{ font-size:12px; color:#fff; padding-right:40px; float:left; display:block; margin:10px 0 0 0;}
.footer_middle  p{ font-size:14px; color:#fff; padding-right:40px; float:left; display:block;margin:10px 0 0 0;}
.footer_right{ font-size:12px; color:#fff; padding-right:40px; float:left; display:block;margin:10px 0 0 0;}








.menu_topbox{width:1200px; margin:0 auto; height:60px;overflow:hidden; }
.menu_top{ width:1200px; margin:0 auto; height:60px;overflow:hidden; }
.menu_top h3{ position:absolute;width:170px; height:60px; background:url(../../../images/menu_title.png) no-repeat;;float:left;  z-index:9; line-height:60px; color:#FFF; padding-left:35px; font-size:15px; font-weight:bold; margin:0}
.menu_top ul{padding-left:170px; z-index:0; background:#f3f3f3 ; display:block; overflow:hidden; width:1200px; height:60px;   }
.menu_top ul li{display:block; text-align:left;  float:left; line-height:60px;  overflow:hidden;  font-weight:bold;}
.menu_top ul li a{color:#666; font-size:14px; display:block;font-size:"Arial"; width:120px; text-align:center;}
.menu_top ul li a:hover{color:#ff0000;}





.news{ float:left; width:100%; margin:0;  padding:20px;}
.news li{ border-bottom: 1px #d3d3d3 dotted; background:url(../../../images/n-li.png) left top 35px no-repeat ; text-indent:30px; padding-top:30px;padding-bottom:30px}
.news li.topnews{border-bottom: 1px #d3d3d3 dotted;padding-bottom: 20px; background:none;text-indent:0px;}
.newstitle span{ color:#333; font-size:24px;}
.newstitle a{ color:#333; font-size:16px; font-weight:bold;}
.newstitle a:hover{ color:#dd5512;}
.newsdetail{ color:#333; font-size:14px; line-height:30px;}
.newsdate{ color:#999; font-size:12px;}
.newsdetail1{ color:#333; font-size:16px; line-height:36px;}

.newstitleone { }
.newstitleone span{color:#333; font-size:18px; display:block; font-weight:bold;text-align:center }
.newstitleone a{ color:#333; font-size:14px; font-weight:bold;}
.newsdateone{color:#999; font-size:12px; display:block; font-weight:bold; text-align:center }
.newsdetailone{color:#333; font-size:14px; line-height:36px; }

/* honor */
.pic{ float:left; width:100%; margin:0;  padding:20px 0px;}
.pic li{ float:left; text-align:center; }
.pic li p{ text-align:center; margin-top:10px;  padding:5px 10px; line-height:30px;  color:#333; background:#cbcccb;}
.pic li img{ height:170px; width:auto; max-width:100%; text-align:center;display:inline;}



.job{float:left; width:100%; margin:0;  padding:20px;}



.right{ float:left;width:100%; height:auto;}
.r_top{ float:left;width:100%;  height:auto; line-height:35px;  border-bottom:solid 1px #cfcfcf; color:#007dbd; font-size:16px; text-indent:10px; margin-top:20px;}

.r_top span{ float:right;font-size:14px;  color:#999; font-weight:normal; padding-right:10px;}
.r_top span a{font-size:14px;  color:#999;}
.r_top span a:hover{ font-weight:bold;}
.right_c{ float:left; width:100%; padding:15px; height:auto; line-height:30px; margin-bottom: 40px;}
.right_c h1{ font-size:15px!important; font-weight:bold;  background:#e0e0e0!important; padding:3px 0px; text-align:center;}
.right_c p{ width:100%; }

.right_c h5{text-align:center; padding-bottom:15px;}
.right_c font {color:red;}
.r_topzi{ font-size:16px; 
   color:#333;   
    background: url(../../../images/line_icon.jpg) 2px 2px no-repeat;
    padding-left: 12px;
	font-weight:bold;float:left;
}
.text{float:left; width:100%; padding-top:20px; padding-bottom:20px;   line-height:32px; color:#333; }


.bottom_box{ color:#000;font-size:14px; text-align:center; display:block; font-weight:bold;}



.page {
	text-align: center;
	width:100%;
margin-bottom:10px;
}
.page span{ color:#323232}


.img_section{text-align:center; min-height:250px; }
.img_section img{  padding:5px; width:expression_r(this.width > 300 && this.height < this.width ? 300:true);
max-width:300px; width:auto;height:expression_r(this.height >180 ? 180:true);
max-height:180px; margin:0 auto; border:1px #d1d1d1 solid;}

.product_c h3{ font-size:16px; text-align:center; color:#333; font-weight:bold; }
.xingpu{width:100%;margin:40px 0;overflow-x: scroll; overflow-y: hidden;}
.xingpu table{width:100%}
.xingpu table thead{
	line-height: 60px;
	text-align: center;
	font-size:18px;
	font-weight: bold;
}
.xingpu table td{
	border:1px solid #ddd;
	padding:5px;
}

.productimg{ text-align:center; margin:0 auto;}
.product img{	display:block;
	width:90% \9;
	max-width:90%;
	height:auto}










.content{ float:left;width:100%; padding:15px;}
.c1 ,.news1{float:left; width:100%;}
.c1-title{float:left; width:100%; font-size:16px; font-weight:bold; line-height:36px; text-indent:10px; background:#fbe6ad; border-bottom: #935d1c solid 4px;}
.c1-js{ float:left; width:100%; padding:10px; line-height:24px;}
.c1-js a{color:#935d1c;}
.n_top{
    float:left;
    width:100%;
	height:auto;
   }
.tb_ {float:left; WIDTH: 100%;  height:auto;}
	.tb_UL {HEIGHT: auto;}
	.home_news_title{margin:0px; padding:0px;}
	.tb_ LI {TEXT-ALIGN: center; FLOAT: left;  CURSOR: pointer;  line-height:36px; padding:0; margin-left:2px; list-style:none;font-size:16px; min-width:100px;}
	.normaltab { min-width:100px; TEXT-ALIGN: center; LINE-HEIGHT: 36px; font-size:16px;  COLOR: #999;
	}
	.hovertab { min-width:100px; TEXT-ALIGN: center; LINE-HEIGHT: 36px; COLOR: #000; font-size:16px;}
	.n_con{ float:left; WIDTH:100%; padding:12px 20px;height:auto; font-size:12px;line-height:24px;}
	.n_con h1{ color:#935d1c;font-size:14px; margin:0; font-weight:bold; line-height:36px;}
    .n_con h1 a{color:#333;}
	.n_con h1 a:hover{color:#935d1c;}
	.n_detail{ padding-bottom:10px; border-bottom:dashed 1px #666; color:#666;}
    .n_detail a:hover{color:#935d1c;}
	.dis_tex{  WIDTH: 100%; }
	.dis_tex ul{ margin:0; padding:0;}
	.dis_tex ul li{ margin:0px; padding:0px; height:29px; line-height:29px;background:url(../img/index_08.png) left center no-repeat; list-style:none; text-indent:20px;overflow:hidden;     text-overflow:ellipsis;white-space:nowrap; border-bottom:1px  #935d1c  dotted; }
	.dis_tex ul li span{ float:right; color:#666;}
	.dis_tex ul li a{ text-decoration:none; color:#333;}
	.dis_tex ul li a:hover{COLOR: #935d1c;}
	.honor{ margin: 0 ;WIDTH: 100%; }
	.honor ul{ padding:0; margin:0;}
	.honor ul li{  height:auto;}
	.dis { WIDTH:100%; DISPLAY: block;}
	.undis {DISPLAY: none;}

.guahao{ float: left; width:100%; margin-top:20px;}
.guahao img{ margin:0 auto;}

.lianjie{ float:left; width:100%;}



.news_word span { color:#666; line-height:32px;}

.news_word span:hover{ color:#666;}


@media (max-width:767px) {
.select1 .triangel{ }

.cartbox_1 li {margin-top:5px;}

.about_zhbox02 ._txt{ width:87%}
.channel_li{height:90px; padding-left:0;}
.xc_con .channel_list {height:110px; }
.xc_con .channel_list li{ margin-left:-180px;clear:left;line-height:30px}


.home_about_img{ width:100%}
.home_about_text{ width:100%}


p{ font-size:16px; }


a.mask{ margin-top:0}



.pro_other{ padding:10px 0}
.banner{ margin-top:10px;}
}

table{ margin-left:auto; margin-right:auto;text-align:center;}
.img-responsive{ margin-left:auto;margin-right:auto;}




.home_about1 h2{ text-align:center;font-size:24px; color:#000; padding:0px 0px 0px 0px; font-weight:normal; border-bottom:1px #e3e3e3 solid; margin-bottom:20px;}
.home_about1 h2 span{ border-bottom:3px #d80c0d solid; width:150px; display:block; margin:0 auto; padding-bottom:10px;font-size:24px; color:#333;}
.home_about_img1{ width:30%; float:right;}
.home_about_text1{width:100%; float:left; line-height:27px;color:#333;}
.home_about_text1 p{color:#666;}
.home_about_text1 a{color:#999;float:right;margin-bottom:40px; }


@media (max-width:767px) {
.home_about_img1{ width:100%; }
.home_about_text1{ width:100%; padding:10px;}
}







/* lt-ie9 */
.b-link-stripe:hover .b-line{
	visibility:visible;
}
.b-link-stripe .b-line1{
	left:0;
}
.b-link-stripe .b-line2{
	left:20%;
	transition-delay:0.1s !important;
	-moz-transition-delay:0.1s !important;
	-ms-transition-delay:0.1s !important;
	-o-transition-delay:0.1s !important;
	-webkit-transition-delay:0.1s !important;
}
.b-link-stripe .b-line3{
	left:40%;
	transition-delay:0.2s !important;
	-moz-transition-delay:0.2s !important;
	-ms-transition-delay:0.2s !important;
	-o-transition-delay:0.2s !important;
	-webkit-transition-delay:0.2s !important;
}
.b-link-stripe .b-line4{
	left:60%;
	transition-delay:0.3s !important;
	-moz-transition-delay:0.3s !important;
	-ms-transition-delay:0.3s !important;
	-o-transition-delay:0.3s !important;
	-webkit-transition-delay:0.3s !important;
}
.b-link-stripe .b-line5{
	left:80%;
	transition-delay:0.4s !important;
	-moz-transition-delay:0.4s !important;
	-ms-transition-delay:0.4s !important;
	-o-transition-delay:0.4s !important;
	-webkit-transition-delay:0.4s !important;
}
.b-link-stripe:hover .b-line{
	opacity:1;
}
/*----- Strip -----*/
.b-link-stripe{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-weight: 300;
	overflow:hidden;
}
.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	overflow:hidden;
}
.b-link-stripe .b-line{
	position:absolute;
	top:0;
	bottom:0;
	width:20%;
	background:rgba(15, 207, 140, 0.9);
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	opacity:0;
	visibility:hidden;	/* lt-ie9 */
}
/*-- portfolio-img --*/
.b-animate-go{
	text-decoration:none;
}
.b-animate{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: hidden;
	
}
.b-animate img{
	margin-top:0px;
	display: -webkit-inline-box;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
	visibility:visible;
}
.b-from-left{
	position:relative;
	left:-100%;
}
.b-animate-go:hover .b-from-left{
	left:0;
}
.b-wrapper:hover {
	background:rgba(0, 0, 0, 0.74);
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.light-box-info {
  padding: 1.8em;
}
.gallery-grid{
	margin:10px 0;
}

img.one{
	width:100%;
}
.swipebox{
	margin-bottom:25px;}
.b-wrapper h3{ background:none;}
.b-wrapper p{ font-size:16px; color:#fff;}

.vipbox{width:25%; margin-top:10px;}



@media (max-width:768px){
.vipbox{width:50%}
}




input[type="text"]{
border:1px solid #999;
line-height:36px;
width:100%
}
textarea{
width:100%;
border:1px solid #999;
}