
@charset "utf-8";

/* CSS Document */
body{padding:0px; margin:0px; font-family:Microsoft Yahei,Arial; font-size:14px; color:#333333; overflow-x:hidden;}
*{padding:0px; margin:0px;font-family:Microsoft Yahei,Arial;}
.clear{ clear:both;}
ul,li{ list-style:none; margin:0;}

img{border:0px;}
a:hover{ text-decoration:none;}

.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; 
	vertical-align: middle; background: url("../img/ico.png");/*tpa=http://www.cttq.com/resources/web/img/ico.png*/;margin:0 .3em;}
.ico1_2 { background-position: -20px 0;}
.ico1_3 { background-position: -40px 0;}
.ico1_4 { background-position: -60px 0;}
.ico1_5 { background-position: -80px 0;}
.ico2_1 { background-position: 0 -20px;}
.ico2_2 { background-position: -20px -20px;}
.ico2_3 { background-position: -40px -20px;}
.ico2_4 { background-position: -60px -20px;}
.ico2_5 { background-position: -80px -20px;}
.ico3_1 { background-position: 0 -40px;}
.ico3_2 { background-position: -20px -40px;}
.ico3_3 { background-position: -40px -40px;}
.ico3_4 { background-position: -60px -40px;}
.ico3_5 { background-position: -80px -40px;}
.ico4_1 { background-position: 0 -60px;}
.ico4_2 { background-position: -20px -60px;}
.ico4_3 { background-position: -40px -60px;}
.ico4_4 { background-position: -60px -60px;}
.ico4_5 { background-position: -80px -60px;}

.wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;}
a{color: inherit;}
a:hover { color: #e7463c;}
/*css组件-设置*/
.form-control, .input-group-addon, .btn{border-radius: 2px;  }
.form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);}
/*选中颜色*/
::-moz-selection {color: #fff; background: #39f; }
::selection {color: #fff; background: #39f; }
/*
* placeholder颜色
*/
::-webkit-input-placeholder { color: #aaa; } 
.placeholder { color: #aaa;}
/* 网站样式 */
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none; border-radius:0;}
textarea { -webkit-appearance: none;border-radius:0;} 

.imghover img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.imghover:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}




.logo{ width:100%;}
.logoword{ overflow:hidden;}
.logo1{ float:left;}







.cartbox_1{ float:right;margin-top:30px;}
.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; float:right;}
.tel span a{ color:#e42a38; font-size:24px; text-decoration:none;}
.navbar-toggle { margin-top:-40px;}

@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;margin-top:10px; }
.header-top-right {
    float: left;
 
}

.tel{}



.cartbox_1 li{float:left; font-size:12px;  line-height:20px;margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px;color:#666;}
.cartbox_1 li img{ display:block; padding-right:10px; float:none;}
	

.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;
   
}


	
}





.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;  }
@media (max-width:767px) {

.top{ background:transparent;}


	
}

.logo{ padding:0px 0 0; height:40px; }
.logo a{ line-height:0; font-size:0;}
.nav{ float:left;  }
.nav > ul > li{float: left; font-size:16px; position:relative; line-height:60px; }
.nav > ul > li > a{ display:block; padding:0 50px; 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;  }
.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;}
.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;}


.slide {
    position: relative;
    overflow: hidden;
}







.class{ 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:#323232; }
.footer-bg{margin-top:10px;}
.footer-bg  li{ float:left; display:block;}
.footer-bg  li a{ font-size:12px; color:#fff; padding-right:40px; display:block; }
.text-center {
	

	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;}


.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{
position: fixed;
   
    top: 0px;
    width: 252px;
	float:right;
margin-bottom:20px;
}

.l_top{
    height: 110px;
    background:url(../../../images/right_bg.jpg)  no-repeat right top #4086c2;
    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;

}

.r_top{ border-bottom: solid 1px #efefef; margin-bottom:10px;}
.r_top span{display:block; float:right; }
.content{ margin-top:20px;}
.r_topzi{ font-size:16px; 
   color:#333;
    line-height: 28px;
    background: url(../../../images/line_icon.jpg) 2px 5px no-repeat;
    padding-left: 12px;
}





.news_list {
}

.news_list ul{ padding:0px; margin:0px;}
.news_list ul li a {
    color: #333;
font-size:14px;
}
.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;}

.news_c p,{ color:#646464;font-size:14px;line-height:26px;}
.news_c{color:#646464;font-size:14px;line-height:26px;}
.team1{  margin:0px 0px 20px 0px;}

.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; }


.product p{font-size:14px; }

.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 #b4b3b3; color:#007dbd; font-size:16px; text-indent:10px;}

.r_top span{ float:right;font-size:12px;  color:#666; font-weight:normal; padding-right:10px;}
.r_top span a{font-size:12px;  color:#666;}
.r_top span a:hover{ font-weight:bold;}
.right_c{ float:left; width:100%; padding:15px; height:auto; line-height:30px; margin-bottom: 40px;font-family:"微软雅黑"}
.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;
}







.jquery-accordion-menu,.jquery-accordion-menu * {
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: 0
}

.jquery-accordion-menu {
width: 100%;
	float: left;
	position: relative;
	/*box-shadow: 0 20px 50px #333*/
}

.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header {
	width: 100%;
	height: 50px;
	padding-left: 22px;
	float: left;
	line-height: 50px;
	font-weight: 600;
	color: #f0f0f0;
	background: #414956
}

.jquery-accordion-menu ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.jquery-accordion-menu ul li {
	width: 100%;
	display: block;
	float: left;
	position: relative
}

.jquery-accordion-menu ul li a {

	width: 100%;
	padding: 14px 22px;
	float: left;
	text-decoration: none;
	color: #fff;
	font-size: 13px;
	background: #414956;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	-o-transition: color .2s linear,background .2s linear;
	-moz-transition: color .2s linear,background .2s linear;
	-webkit-transition: color .2s linear,background .2s linear;
	transition: color .2s linear,background .2s linear
}

.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a {
	color: #fff;
	background: #3b424d
}

.jquery-accordion-menu>ul>li>a {
	border-bottom: solid 1px #3b424d
}

.jquery-accordion-menu ul li a i {
	width: 34px;
	float: left;
	line-height: 18px;
	font-size: 16px;
	text-align: left
}

.jquery-accordion-menu .submenu-indicator {
	float: right;
	right: 22px;
	position: absolute;
	line-height: 19px;
	font-size: 20px;
	-o-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-webkit-transition: transform .3s linear;
	-ms-transition: transform .3s linear
}

.jquery-accordion-menu ul ul.submenu .submenu-indicator {
	line-height: 16px
}

.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator {
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu {
	width: 100%;
	position: static
}

.jquery-accordion-menu ul ul.submenu li {
	clear: both;
	width: 100%
}

.jquery-accordion-menu ul ul.submenu li a {
	width: 100%;
	float: left;
	font-size: 12px;
	background-color:#1d94fc;
	border-bottom:solid 1px #ececec;
	border-top: none;
	position: relative;
	border-left: solid 6px transparent;
	-o-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-webkit-transition: border .2s linear;
	transition: border .2s linear
}

.jquery-accordion-menu ul ul.submenu1 li a {
background-color:#58b0fc;
}


.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #414956
}




.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a {
	padding-left: 60px
}

.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
	min-width: 20px;
	padding: 1px 2px 1px 1px;
	position: absolute;
	right: 18px;
	top: 14px;
	font-size: 11px;
	font-weight: 800;
	color: #555;
	text-align: center;
	line-height: 18px;
	background: #f0f0f0;
	border-radius: 100%
}

.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label {
	top: 12px
}

.ink {
	display: block;
	position: absolute;
	background: rgba(255,255,255,.3);
	border-radius: 100%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.animate-ink {
	-webkit-animation: ripple .5s linear;
	-moz-animation: ripple .5s linear;
	-ms-animation: ripple .5s linear;
	-o-animation: ripple .5s linear;
	animation: ripple .5s linear
}

@-webkit-keyframes ripple {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5)
	}
}

@-moz-keyframes ripple {
	100% {
		opacity: 0;
		-moz-transform: scale(2.5)
	}
}

@-o-keyframes ripple {
	100% {
		opacity: 0;
		-o-transform: scale(2.5)
	}
}

@keyframes ripple {
	100% {
		opacity: 0;
		transform: scale(2.5)
	}
}

.blue.jquery-accordion-menu .jquery-accordion-menu-footer,.blue.jquery-accordion-menu .jquery-accordion-menu-header,.blue.jquery-accordion-menu ul li a {
	background: #4A89DC
}

.blue.jquery-accordion-menu>ul>li.active>a,.blue.jquery-accordion-menu>ul>li:hover>a {
	background: #3e82da
}

.blue.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #3e82da
}

.blue.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #3e82da
}

.green.jquery-accordion-menu .jquery-accordion-menu-footer,.green.jquery-accordion-menu .jquery-accordion-menu-header,.green.jquery-accordion-menu ul li a {
	background: #03A678
}

.green.jquery-accordion-menu>ul>li.active>a,.green.jquery-accordion-menu>ul>li:hover>a {
	background: #049372
}

.green.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #049372
}

.green.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #049372
}

.red.jquery-accordion-menu .jquery-accordion-menu-footer,.red.jquery-accordion-menu .jquery-accordion-menu-header,.red.jquery-accordion-menu ul li a {
	background: #06c;
}


.red.jquery-accordion-menu>ul>li.active>a,.red.jquery-accordion-menu>ul>li:hover>a {
	background: #06c
}

.red.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #fff
}

.red.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #06c
}

.white.jquery-accordion-menu .jquery-accordion-menu-footer,.white.jquery-accordion-menu .jquery-accordion-menu-header,.white.jquery-accordion-menu ul li a {
	background: #fff;
	color: #555
}

.white.jquery-accordion-menu>ul>li.active>a,.white.jquery-accordion-menu>ul>li:hover>a {
	background: #f0f0f0
}

.white.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #f0f0f0
}

.white.jquery-accordion-menu ul ul.submenu li a {
	color: #f0f0f0
}

.white.jquery-accordion-menu>ul>li>a>.ink {
	background: rgba(0,0,0,.1)
}

.black.jquery-accordion-menu .jquery-accordion-menu-footer,.black.jquery-accordion-menu .jquery-accordion-menu-header,.black.jquery-accordion-menu ul li a {
	background: #292929
}

.black.jquery-accordion-menu>ul>li.active>a,.black.jquery-accordion-menu>ul>li:hover>a {
	background: #222
}

.black.jquery-accordion-menu>ul>li>a {
	border-bottom-color: #222
}

.black.jquery-accordion-menu ul ul.submenu li:hover>a {
	border-left-color: #222
}



.top img{
	margin:auto;
	}

.bor .col-md-4 .thumbnail{
	border-radius:50%;
	}
.bor .col-md-4 .thumbnail a{
	color:#000;
	}
.thumbnail:hover,.thumbnail:hover a{
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s; 
	border-color:#f37000;
	color:#f37000;
	}
.bor .col-md-4 .thumbnail:hover img{
	transform:rotate(15deg);
	-ms-transform:rotate(15deg); /* IE 9 */
	-moz-transform:rotate(15deg); /* Firefox */
	-webkit-transform:rotate(15deg); /* Safari 和 Chrome */
	-o-transform:rotate(15deg); /* Opera */
	}













.home_case{}
.home_case h2{ text-align:center;font-size:24px; color:#000; padding:0px 0px 0px 0px; font-weight:normal; border-bottom:1px #5290c0 solid; margin-bottom:20px;}
.home_case h2 span{ border-bottom:3px #5290c0 solid; width:150px; display:block; margin:0 auto; color:#FFF;  padding-bottom:10px;}
.home_case ul li p{color:#333; padding-top:20px; line-height:30px;}
@media only screen and (min-width:1200px) {
.home_case ul li img{min-height:200px;}
	}
@media only screen and (max-width:640px) {
.home_case ul li img{min-height:120px;}

	}





#flexiselDemo1{ padding-left:0px ; margin:0 auto;}
.nbs-flexisel-container {position: relative;max-width: 100%;}
.nbs-flexisel-ul {position: relative;width: 9999px;list-style-type: none;text-align:center; }
.nbs-flexisel-inner {overflow: hidden;width:95%;margin: 0 auto; padding: 20px 0px 20px 0px; }
.nbs-flexisel-item {float: left;cursor: pointer;position: relative;line-height: 0px;}
.nbs-flexisel-item > img {cursor: pointer;position: relative; 	}
.hotli img{width:90%; border: solid 1px #76a4ca; }
/*---- Navigation ---*/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {width:33px;height:70px;position: absolute;cursor: pointer;z-index: 100;}
.nbs-flexisel-nav-left {left: -40px;background:url(../../../images/btn_left.png) center no-repeat; }
.nbs-flexisel-nav-right {right: -40px;background:url(../../../images/btn_right.png) center no-repeat;}



@media (max-width:767px) {
.nbs-flexisel-nav-left {left: 0px;background:url(../../../images/btn_left.png)  center no-repeat;  top:20% !important;left:-4%}
.nbs-flexisel-nav-right {right: 0px;background:url(../../../images/btn_right.png) center no-repeat;top:20% !important;right:-4% }
}




 .kefuclose{ position:relative;margin-top:-325px;margin-left:180px;cursor:pointer; }

.column-title{ margin-top:-35px;}
@media (max-width:767px) {
.kefuclose{ position:relative;margin-top:-325px;margin-left:180px;cursor:pointer; }

.column-title{ margin-top:0px;}
} 


table{ margin-left:auto; margin-right:auto;}


.news-section{margin-bottom:10px;}
