@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0px; font-family:Microsoft Yahei,Arial; font-size:14px; color:#fff; overflow-x:hidden;}
*{padding:0px; margin:0px;font-family:Microsoft Yahei,Arial;}
.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;}


.logo{ width:100%;}
.logoword{ overflow:hidden;}
.logo1{ float:left;}

/*顶部下拉*/
.header-top-left{ margin-top:10px;}
.header-top-middle{ margin-top:20px;}
.header-top-right{ margin-top:20px;}
.xiala{float:right;z-index:9999999;position:relative; margin-top:-5px;}
.select1 {position:relative; width:120px; background: white;text-align: left; overflow:hidden; z-index:9999999;}
.select1.click{}
.select1 h3{padding-left:5px;height:22px;line-height:22px;font-size:12px;color:#666;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:#545454 #fff #fff #fff; 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; }
.select1 ul li a:hover{cursor:pointer;background:#a0a0a0; color:#fff;}
.select1 ul li a{display:block; text-align:center;}
.ml10{z-index:9999; position:absolute; margin-top:5px;}
.frTx{width:600px;height:160px;margin-bottom:8px;}



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


.tel{ line-height:20px; font-size:16px; color:#666; margin-top:10px;}
.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;
}
	
}


.logo{ padding:0px 0 0; height:40px; }
.logo a span{ font-size:30px;color:#019d92; padding-left:10px;padding-top:10px;display:block;}




.menu{background:url(../../../images/menu.jpg) repeat-x; margin-top:10px; display:block;}
.navbar{ border:0px red solid;}

.navbar-default{ background:none;}
.navbar-default .navbar-nav>li>a{ color: #FFF; font-size:14px;  padding:20px;}
.navbar-default .navbar-nav>li>a:hover{ }
.navbar-default .navbar-nav>li{margin:0px 20px;}
@media only screen and (max-width: 1200px) {
.navbar-default .navbar-nav>li{margin:0px;}
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background:#fe0000; color:#FFF; }
@media only screen and (max-width: 767px) {
.navbar-default .navbar-nav>li>a{ color: #333;}

}




.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;}





.class{ background-color:#ff6699; width:100%; height:40px; display:block; margin-top:2px; margin-left:-15px;}
@media only screen and (max-width: 767px) {
.class{ display:block; margin-left:0;margin-top:90px;
}
.class li a{ float:left; }
}
.class li a{ float:left; line-height:35px; padding-left:30px; padding-right:30px; font-size:14px; color:#fff;}
.class li a: hover{ text-decoration:none;}








.footer{ background:#05998f; }
.footer-bg  p{ font-size:12px; color:#fff; padding-right:40px; float:left; display:block; margin-top:10px;}
.footer_middle  p{ font-size:12px; color:#fff; padding-right:40px; float:left; display:block; margin-top:10px;}
.footer img{ display:block; margin-top:10px;}
.text-center {
	float:left;

	font-size:12px;
}
.text-center li{
	float:left;
	font-size:12px;color:#fff; line-height:36px;
	
}





.rightcopy {
    width: 100%;
    background-color: #252525;
    color: #fff;
    line-height:30px;
}

.ftcontact ul h4{color:#FFF; font-size:12px; }

.ftcontact ul li {color:#999; font-size:12px; }
.weixin span img{display:block; float:left; margin-top:10px;}

.policy{ display:block; float:left;}
.technoligy{display:block; float:left; }


.news-word{}

.news-word h4{ font-size: 16px;
 
   color:#333;
    line-height: 28px;
    background: url(../../../images/line_icon.jpg) 2px 5px no-repeat;
    padding-left: 12px;}




.left{ float:left; text-align:left;color:#666; font-size:14px; }
.left a{ color:#666; font-size:14px;}
.left a:hover{ color:#333;}
.left span{ float:left;color:#333;font-size:24px; margin-right:15px; font-weight:bold;}
.right{ float:right;text-align:right;}
.right ul{ margin:0;  padding:0;float:right; }
.right ul li { float:left;  padding:0px 15px;}
.right ul li a{ color:#333; display:block;}
.right ul li a:hover{color:#dd5512; border-bottom: solid 2px #dd5512;}
.text{float:left; width:100%; padding-top:20px; padding-bottom:20px;   line-height:36px; color:#333; }





.l_top{
    height: 110px;
    background:url(../../../images/right_bg.jpg)  no-repeat right top ;
    color: #fff;}


.l_top h1{
padding-left: 25px;
    font-size: 26px;
    font-weight: normal;
    padding-top: 25px;
    line-height: 40px;
}

.l_list ul li{
line-height: 48px;
    font-size: 15px;
    border-bottom: 1px solid #eaeaea;
}

.l_list ul li a{
display: block;
    padding-left: 20px;
    position: relative;
    color: #6f6f6f;

}



.content{ margin-top:20px;}
.r_topzi{ font-size:18px; 
   color:#333;
    line-height: 28px;
    background: url(../../../images/line_icon.jpg) 2px 5px no-repeat;
    padding-left: 12px;
	font-weight:bold;
	width:30%;
	float:left;
}





.news_list {
}

.news_list ul{ padding:0px; margin:0px;}
.news_list ul li a {
    color: #333;
}
.news_list ul li {
    padding: 6px 6px 6px 10px;
    background: url(../images/list_dot.jpg) 0px no-repeat;
	border-bottom:1px #b5b5b5 dashed;
}

.news_list ul li span{float:right;}
.page {
	text-align: center;
	width:100%;

}
.page a{ color:#323232}
.cartbox_1 a{ color:#666; font-size:12px; padding-right:20px;}

.news_c p,{ color:#646464;font-size:14px;line-height:26px;}
.news_c{color:#646464;font-size:14px;line-height:26px;}
.team1{  margin:10px 0px 20px 0px;}
.img_section_txt{ color:#999; margin-top:10px;}
.page {
	text-align: center;
	width:100%;

}
.page a{ 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 h3{ font-size:14px; text-align:center; color:#666;}
.productimg{ text-align:center; margin:0 auto;}
.product img{	display:block;
	width:90% \9;
	max-width:90%;
	height:auto}


.home_contact p{ margin:20px 0px 0px 0px; line-height:25px;}
.word1 a:hover{color:#333333;}
.home_contact{line-height:25px; }
.home_contact a:hover{color:#333333;}


.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;}




.right_c img{	display:block;
	width:100% \9;
	max-width:100%;
	height:auto;}
.right_c form input,textarea {
  padding: 3px;
  border: 1px solid #e2e2e2;
  width:100%;
  font-size: 13px;

 margin-top:5px;
 margin-bottom:20px;
  color: #aaa;
  outline: none; 
}

#join span{color:red;}2016/7/19

.text12hei{width:10%; }

#new-year {
    display: block;
    top: 300px;
    right: 25px;
    width: 200px;
    position: fixed;
	z-index:1000;
}






.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; width:100px;}
.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;}






.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; background:url(../../../images/nav.jpg); margin-top:10px;  }


.logo{ padding:0px 0 0; height:40px; }

.nav{ float:left;  }
.nav > ul > li{float: left; font-size:16px; position:relative; line-height:60px; }
.nav > ul > li > a{ display:block; padding:5px 45px; transition:none; font-size:14px; color:#fff;}
.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; }
.nav_layer li a:hover { }
.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:#666;}
.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;}
@media only screen and (max-width: 640px){
.mobile_key {
    display: block;
}
}

#pageLs {
float: left;
display: block;
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
height: 20px;
}
#pageLs a {
width: 20px;
height: 20px;
border: 1px #666666 solid;
display: block;
float: left;
margin: 0px 5px 0px 5px;
text-decoration: none;
line-height: 20px;
color: #666666;
background: #FFFFFF;
}
#pageLs a:hover{background:#01bdb0; color:#FFFFFF;}

@media (max-width:767px) {

.top{ background:transparent; margin-top:-30px;}

.icxin-main{ padding:0}
.cent_box1{ padding:0 }
.row>.smal-12 {
    width: 48%;
}
.icxin-list li h3{ margin-top:-120px}
.news_contiti{overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
}