/*!
推荐产品
 * ui-dialog.css

 * Date: 2014-07-03

 * https://github.com/aui/artDialog

 * (c) 2009-2014 TangBin, http://www.planeArt.cn

 *

 * This is licensed under the GNU LGPL, version 2.1 or later.

 * For details, see: http://www.gnu.org/licenses/lgpl-2.1.html

 */


@charset "utf-8";

/***

 .ispc //PC专用

 .ismobile //移动专用

***/

/*初始化样式表*/


body{font:0.75em/1.5 Arial, Verdana "Microsoft Yahei","微软雅黑","宋体",Helvetica,sans-serif; -webkit-text-size-adjust:100%;_width:100% }

h1,h2,h3,h4,h5,h6{ font-weight:400;}

a{ color:#333; text-decoration:none;}

a:hover{text-decoration:none;}

*{

	transition-property:border-color, background-color, color;

	transition-duration:.3s;

	transition-timing-function:ease-in;

	transition-delay:.1s;

}



li{list-style:none;}

img{border:0;vertical-align:middle;}

table{border-collapse:collapse;border-spacing:0;}

p{word-wrap:break-word}







.iconfont {

  font-family:"iconfont" !important;

  font-size:16px;

  font-style:normal;

  -webkit-font-smoothing: antialiased;

  -webkit-text-stroke-width: 0.2px;

  -moz-osx-font-smoothing: grayscale;

}



/*文章内容样式初始化*/

.default-article-content a{ color:blue;}

.default-article-content ul{ padding-left: 20px;}

.default-article-content li{ list-style-type: inherit;}

.default-article-content h1,

.default-article-content h2,

.default-article-content h3,

.default-article-content h4,

.default-article-content h5,

.default-article-content h6{

	margin-top:1em;

	margin-bottom:1em;

	font-weight:bold;

}

.default-article-content td{

	border:1px solid #333;

}

.default-article-content p{

	margin-top:1em;

	margin-bottom:1em;

}

.default-article-content img{

	max-width:100%;

}
.tuijian h3{

	font-size:25px;

	color:#fff;

	height:50px;

	line-height:50px;

	text-align:center;

	background: #2DC38C;


}
/**-left 图文-**/

.list_content{ width:100%;}

.case_content{}

.case_content li{padding:20px 0 ; border-bottom:1px solid #dedede;}

.art_cover{ width:185px; height:120px; overflow:hidden; border:1px solid #dedede;}

.art_cover img{width:100%; height:auto;}

.art_msg{width:470px; margin:0 20px;}

.art_title{font-size:18px; line-height:32px; height:32px; overflow:hidden;}

.art_title a:hover{color:#2DC38C; text-decoration:underline;}

.art_summary{ margin-top:5px; font-size:14px; color:#999; line-height:24px; height:72px; overflow:hidden;}

.art_time{width:120px;}

.art_time span{float:left; display:block; color:#888; height:12px; line-height:12px; width:36px; padding:0 2px;}

.art_time em{float:left; font-size:28px;width:76px; color:#888; display:block; height:24px; line-height:24px; text-align:right;}

/*控制网页宽度*/

.wp{ width:1188px; margin:0 auto;}

.w960 .wp, .w960 .w1188{ width:960px;}



/*浮动设置*/

.l,.left{float:left;}

.r,.right{float:right;}



/*清除浮动*/

.cl{zoom:1;}

.cl:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}






/*分页按钮*/

.page{ font-size:14px; line-height:28px;}

.page a{display:block; float:left; padding:0 12px; border:1px solid #dedede; border-radius:3px; transition:all 0.3s; margin-right:8px;}

.page a.a,.page a:hover{background:#ccc; color:#fff;}























/*幻灯片样式*/

.default-slider-2{ position:relative;}

.default-slider-2 .default-slider-box{ position:relative; width:100%; overflow:hidden; }

.default-slider-2 .next, 

.default-slider-2 .prev{ position:absolute;}

.default-slider-2 .dots { 

	position:absolute; 

	width:100%;

	bottom:10px; 

	text-align:center;

}

.default-slider-2 .dots span{

	display: inline-block;

  	background-color: #fff;

  	margin: 5px;

  	width: 47px;

  	font-size: 0;

  	height: 12px;

	cursor:pointer;

}

.default-slider-2 .dots span{ *display: inline } /*IE兼容*/

.default-slider-2 > .dots > span{ *display:inline;}	/*IE兼容*/

.default-slider-2 > .dots > span.active{ background-color:red;}



.default-slider-box > ul > li{ position:relative; overflow:hidden;}

.default-slider-effect-fadeIn > .default-slider-box > ul{ position:relative;}

.default-slider-effect-fadeIn > .default-slider-box > ul > li{ position:absolute; top:0; left:0; display:none;}






































.water ul li img{

	position:absolute;

	width: 100%;

	height:auto;

	display:none;

	left:0;

	margin-top:10px;

}

.water ul li:hover{

	height:477px;

}

.w960 .water ul li:hover{

	height:407px;

}

.water ul li:hover img{

	display:block;

}

.product{
    border: 1px solid rgb(239, 233, 233);
	margin-bottom:30px;
text-align: center;
margin: 0 auto;

}

.product .tit{

	text-align:center;

	/*margin-top:30px;*/

}
.titeeng {
text-transform: uppercase;
    font-size: 24px;
   
    margin-bottom: 10px;
    font-family: SimHei;
}




.pro{

    margin: 15px 10px 5px 10px;

}

.pro ul li{

	float:left;

	/*border: 5px solid #999;*/

	margin-right:10px;

}

.pro ul li:hover{
	/*border: 1px solid #007CC2;*/
}
.IndexTjproductTitle {
    width:110px;
display: block;
    padding-left: 15px;
    margin-bottom: 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.pro ul li a{

	display:block;

}



.pro .dots{

	bottom:-30px;

}

.pro .dots span{

	height:7px;

	background-color:#999;

}

.pro .dots span.active{

	background-color: #007CC2;

}



.part3{
margin-top:67px;
margin: 0 auto;


}

.news{

		width:97%;

}

.news h3{

	font-size:30px;

	width:66px;

	height:350px;

	background:url("../../Images2016/mb2/tjcsd_21.jpg") no-repeat;

}

.news h3 a {

  display: block;

  width: 35px;

  text-align: center;

  margin: 50px 10px;

  color: #fff;

}
.BinNewClass {
text-align: center;margin: 0 auto;margin-top:14px;
}
.news-1{
padding-top: 22px;
    width: 511px;

}
.news-2{
padding-top: 12px;
    width: 83.33%;
_width: 80%;
}
.news-1 li {

  line-height: 56px;

  border-bottom: 1px solid #ccc;

  height: 57px;

  overflow: hidden;

}
.news-2 li {

  line-height: 56px;

  border-bottom: 1px solid #ccc;

  height: 57px;

  overflow: hidden;

}
.news-1 li a {_padding-left: 10px;
  float: left;

  font-size: 16px;

  text-indent:2em;

  height: 57px;

  overflow: hidden;

  background:url("../../Images2016/mb2/tjcsd_24.jpg") no-repeat center left;
  max-width: 310px;
}
.news-2 li a {
_padding-left: 10px;
  float: left;

  font-size: 16px;

  text-indent:2em;

  height: 57px;

  overflow: hidden;

  background:url("../../Images2016/mb2/tjcsd_24.jpg") no-repeat center left;

}
.news-1 li p{

	float:right;

	font-size: 15px;

	color:#999;

}
.news-2 li p{

	float:right;

	font-size: 15px;

	color:#999;

}
.news-1 li:hover a{

	color: #007CC2;

	background:url("../../Images2016/mb2/tjcsd_27.jpg") no-repeat center left;

}
.news-2 li:hover a{

	color: #007CC2;

	background:url("../../Images2016/mb2/tjcsd_27.jpg") no-repeat center left;

}
.video{

	width:36%;

}

.video h3{

	width:57px;

	height:290px;

	font-size:30px;

	background:#007DC0;

	border-top-left-radius:10px;

	border-bottom-left-radius:10px;

}

.video h3 a{

  display: block;

  width: 35px;

  text-align: center;

  margin: 50px 10px;

  color: #fff;

}

.video div {

  width: 370px;

  height: 290px;

}

.w960 .video div {

  width: 288px;

}




.lianxi p{

	font-size:14px;

	font-weight:bold;

	text-align:center;

	border:1px solid #ccc;

	padding:15px 0;

}

.lianxi em {

  display: block;

  font-style: normal;

  color: #007CC3;

  font-size: 24px;

}

.list-r{

	width:100%;

}

.bag {

  line-height: 50px;

  border-bottom: 1px solid #ccc;

  text-align: right;

}

.bag a:hover{

	 color: #007CC3;

}

.pub{

	text-align:right;

	margin:5px 0;

}



.list-news li{

	margin-top:30px;

}

.list-news li img{

	width:30%;

	height:auto;

}

.list-news li div{

	width:67%;

}

.list-news li div h3{

	font-size:20px;

	color:#3398CC;

	border-bottom:1px solid #ccc;

	line-height:40px;

}

.list-news li div em{

	display:block;

	font-style:normal;

	font-size:12px;

	color:#999;

	line-height:30px;

}

.list-news li div p{

	border-bottom:1px solid #ccc;

	line-height:2em;

	color:#666666;

	max-height:73px;

	overflow:hidden;

}

.page{

	margin:20px 0;

	text-align:center;

}

.page a{

	display:inline;

	float:none;

	padding: 6px 12px

}

.page a{

	*display:inline;

}

.page a.a, .page a:hover {

  background: #007CC3;

}



.word h2{

	text-align:center;

	font-size:24px;

	color:#007CC3;

}

.word em{

	display:block;

	font-style:normal;

	text-align:center;

	color:#999;

	line-height:40px;

}



.article{

	padding-top:10px;

	border-top:1px solid #ccc;

	margin-top:10px;

}

.word p a:hover{

	color:#007CC3;

}

.word p a{

	color:#999;

}



/*---------------------list-show---------------*/



.list-show li {

  padding: 0.5%;

  float: left;

  width: 31%;

  margin-right: 2%;

  margin-top: 3%;

}

.list-show li a{

	display:block;

	background:#fff;

}

.list-show li a img{

	width:100%;

	height:auto;

}

.list-show li a p{

	text-align:center;

	height:60px;

	line-height:60px;

	font-size:16px;

	background:#E6E6E6;

}

.list-show li:hover{

	background:#007CC3;

}

.list-show li:hover p{

	background:#007CC3;

	color:#fff;

}



.bt{

    height:400px;

}

.lb{

	width:50%;

	height: 400px;

}

.bt div.r{

	width:49%;

}

.bt div.r h2

,.bt div.r em{

	text-align:left;

}

.bt div.r p{

	height:50px;

	overflow:hidden;

	line-height:25px;

}

.default-slider-direction-left > .thumb {

  left: 47%;

}





.case-1{

	width:100%;

	float:left;

}

.case-1 h2{

	font-size:20px;

	color:#007CC3;

	line-height:50px;

	border-bottom:1px solid #007CC3;

}

.case{

	margin-top:20px;

}

.case li{

	float:left;

	width:274px;

	padding:5px;

	margin-right:20px;

}

.case li:hover{

	background:#007CC3;

}

.case li a{

	background:#fff;

	display:block;

}

.case li a img{

	width:100%;

	height:auto;

}

.case li a p{

	line-height:60px;

	height:60px;

	font-size:15px;

	color:#333;

	background:#E6E6E6;

	text-align:center;

}

.case li:hover a p{

	background:#007CC3;

	color:#fff;

}





@media screen and (max-width:1024px){ 

.video div {

  width: 304px;

}

.tiyan{

	margin-top:0;

}

.water ul li a p {

  font-size: 24px;

}

}

@media screen and (max-width:768px){ 

.tiyan li {

  width: 15%;

}

.tiyan li em{

	display:none;

}

.water ul li {

  width: 50%;

  border-bottom:1px solid #ccc;

}

.news {

  width: 100%;

}

.video {

  width: 100%;

    margin-top:20px;

}

.news h3

,.video h3 {

  width: 100%;

  height: 55px;

  background: #007DC0;

  border-radius: 10px 10px 0 0;

}

.news h3 a 

,.video h3 a{

  width: 100%;

  margin: 7px;

}

.news-1 {

  width: 100%;

}
.news-2 {

  width: 82.33%;

}
.video div {

  width: 100%;

}

}

@media screen and (max-width:480px){ 

.tiyan li.f1{

	display:none;

}

.tiyan li {

  width: 24%;

  height: 122px;

}

.water{

	display:none;

}



}


.gsbs2017{text-align:center;}
.gsbs2017 img{width:128px;height:52px;}