@charset "utf-8";
/*头部样式*/
p,h1,h2,h3,h4,h5,h6{ margin:0;}
.fl{ float:left;}
.fr{float:right;}
.t-nav{width:100%;     background-color: #076bcf; position:fixed;top:0;left:0; z-index:9999;}
.t-nav-in{width:1200px; height:35px;  margin:0 auto;}
.t-nav-in-l,.t-nav-in-r{ color: #fff; font-size:12px;}

.t-nav-in-l{
	line-height: 35px;
	}

.t-nav-in-r p{ display:inline-block;}
.t-nav-in-r a.qq{ background:url(../images/qq.png) no-repeat;}
.t-nav-in-r a.wx{ background:url(../images/wx.png) no-repeat;  position:relative;}
.t-nav-in-r a{ display: inline-block;vertical-align: middle;margin-left: 10px;width: 32px;
    height: 33px;}
.t-nav-in-r a.wx .ss{ position:absolute; transition:all 0.3s;-moz- transition:all 0.3s;-ms- transition:all 0.3s;-webkit- transition:all 0.3s;top: 16px;
    left: -47px;
    z-index: 999999; display:none;}
.t-nav-in-r a.wx:hover .ss{ display:block;}
.t-nav-in-r a.wx .ss img{width:123px;}



/*----头部-------*/
.headBox{
	width: 100%;
    height: 145px;
    background-color: #3399ff;
    padding-top: 35px;
	}
.head{
	    width: 1200px;
    margin: 0 auto;
	}
.logo{padding-top: 17px;}
.nav{}
.nav ul li{
	    float: left;
    padding: 45px 16px 0;
	display: inline-block;
		    vertical-align: middle;
		    text-align: center;
			line-height: 17px;
	}
.nav ul li a{
	font-size: 14px;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
	text-decoration: none;
	display: inline-block;
	position: relative;
	}
	
.nav ul li a:after{position: absolute;
					    content: "";
					    display: inline-block;
					    top: 156%;
					    left: 0;
					    height: 3px;
					    width: 100%;
					    background-color: #5cc1cf;
					    
					    -webkit-transition: 0.3s;
					    -o-transition: 0.3s;
					    transition: 0.3s;
					    
					    transform: scaleX(0);
					    transform-origin: left;}

  .nav ul li:hover a:after{
	transition: 0.3s;
	webkit-transition: 0.3s;
    transform: scaleX(1);
	}

/*首页banner*/
.j-flexslider {
    width: 100%;height: 100%;
    position: relative;
    overflow: hidden;
	top: 0px;
}
.j-flexslider img{ max-width:100%;width: 100%;}
.j-flexslider .flex-control-nav {
    bottom: 20px;
    z-index: 5;
}
.flex-control-nav li{
	margin: 0 10px!important;
	}
.j-flexslider .flex-control-paging li a {
   width: 47px;
    height: 6px;
    color: transparent;
    display: block;
    background: #fff;
    
}
.j-flexslider .flex-control-paging li a.flex-active {
    background-color: #2c8ac9;
   
    opacity: 1;
}	
/*首页banner*/



.search_box{    width: 100%;
    margin: 0 auto;}
.search_box >ul >li{
	float: left;
    width: 280px;
    margin-right: 20px;
    margin-bottom: 20px;
	}
.search_box >ul >li .img{
	width: 100%;
    height: 260px;
    border: 1px solid #ccc;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.search_box >ul >li:hover .img{
	transform:translateY(-10px);
	}
.search_box >ul >li h4{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	padding: 17px 10px;
	}
.ss-list h2{text-align: center;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;font-size: 24px;}
.ss-list-box p{
	line-height: 26px;
    font-size: 14px;
	}
.ss-list-box{
	padding: 51px 0 0;
    width: 1100px;
    margin: 0 auto;
	}
.ss-list{    margin-top: 30px;}

/*搜索框*/
.content_box{width:100%; height:auto;  }
.content{width:100%; height:auto; padding:30px 0;}

.conWidth{width:1200px; height:auto; margin:0 auto;}

.s_box{
	background: url(../images/s.png) center bottom no-repeat;
    height: 80px;
	}
.form_search{
	width: 245px;
    height: 27px;
    margin-top: 16px;
    margin: 16px 30px 0 40px;
	position: relative;
	}
.form_search input{
	width: 100%;
    height: 100%;
    border: 1px solid #dcdcdc;
    color: #646464;
    font-family: "宋体";
    padding-left: 10px;
	}
.form_search button{ 
	position: absolute;
    background: url(../images/ss.png) no-repeat;
    width: 25px;
    height: 22px;
    border: none;
    right: 5px;
    top: 3px;
}
.form_wz{
	    font-size: 12px;
    color: #646464;
    font-family: "宋体";
    margin-top: 22px;
	}
/*-------------------------产品介绍-----------*/	
	
.t{text-align: center;}
.t1{    margin: 20px 0 20px;}
.t img{}
.t p{
	text-transform: uppercase;
    color: #3399ff;
    letter-spacing: 0.8px;
}
.tm_ts .tm_img{    text-align: center;}
.tm_ts .tm_img img{ max-width:100%;}
.tm_ts .go_zx{
	width: 123px;
    height: 34px;
    display: inline-block;
    background-color: #3399ff;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 33px;
	vertical-align: text-bottom;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.tm_ts .go_zx:hover{
	background-color:#076bcf;
	}
.tm_ts p{
	    display: inline-block;
    font-size: 14px;
    color: #6f6f6f;
	text-align: left;
    padding-left: 10px;
	}
.tm_ts p i{
	color:#3399ff;
	font-size:18px;
	font-weight: 600;
	}
.tm_info{text-align: center;}


/*-------分类介绍-----*/
.fl_box{margin: 80px 0 55px;}

.fl_box h3{
	font-size: 18px;
    color: #6f6f6f;
    text-align: center;
   
    line-height: 62px;
	}
.fl_box h3 i{
	color: #3399ff;
    font-weight: 600;
	}
.fl_box .read_more{
	width: 277px;
    height: 43px;
    background-color: #3399ff;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 43px;
    margin: 0 auto;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.fl_box .read_more:hover{
	background:none;
	border:1px solid #3399ff;
	color:#333;
	}
.fl_cp_img{
	width: 594px;
    height: 434px;
    overflow: hidden;
    position: relative;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.fl_cp_img img{max-width: 100%;}
.fl_cp_img .info{
	    position: absolute;
    width: 470px;
    height: 280px;
    background-color: rgba(51,153,255,0.8);
    top: 72px;
    left: 97px;
	padding-left: 20px;
	overflow: hidden;
	
	transform: translatey(-200%);
	opacity:0;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.fl_cp_img:hover .info{
	opacity:1;
	transform: translatey(0);
	}
.fl_cp_img .info h2{
	font-size: 22px;
    color: #fff;
    margin: 30px 0 30px;
	}
.fl_cp_img .info p{
	color: #fff;
    line-height: 22px;
    font-size: 12px;
	}
	
.fl_cp_info ul li{
	width: 300px;
    height: 217px;
    overflow: hidden;
	float: left;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.fl_cp_info ul li h2{
	text-align: center;
    color: #fff;
    font-size: 24px;
    margin: 64px 0 17px;
	font-weight: 600;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.fl_cp_info ul li i{
	width: 150px;
    height: 1px;
    background-color: #fff;
    display: block;
    margin: 0 auto 25px;
	}

.fl_cp_info ul li p{text-align: center;}
.fl_cp_info ul li p a{
	font-size: 14px;
    color: #fff;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.fl_cp_info ul li.o{background-color: #3399ff;}
.fl_cp_info ul li.t{ background-color:#e0e0e0;}
.fl_cp_info ul li.t:hover{background-color:#1b1b1b; }
.fl_cp_info ul li.t:hover h2,.fl_cp_info ul li.t:hover p a{ color:#fff;}
.fl_cp_info ul li.t:hover i{ background-color:#fff;}
.fl_cp_info ul li.t h2{color: #333;}
.fl_cp_info ul li.t i{ background-color:#333;}
.fl_cp_info ul li.t p a{color: #333;}
.fl_cp_info{width: 606px;}

.fl_cp_info ul li.o:hover{
	background-color:#076bcf;
	}
	
	
/*---------------产品-----------*/

.pd_box{ 
background-color: #303030;
    height: 830px;
    margin-top: 60px;
    padding-top: 54px;
}
.pd_list{
	width: 273px;
    height: 713px;
    background-color: #3399ff;
    background: #3399ff;
	position:relative;
	}
.pd_list i{
	background: url(../images/tm_p.png) no-repeat;
    position: absolute;
    display: block;
    width: 179px;
    height: 203px;
    left: -23px;
    top: -54px;
    z-index: 9;
	}
.pd_list h2{
	text-align: center;
    padding-top: 25px;
    color: #fff;
    font-weight: 600;
	}
.pd_list p{
	text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 8px 0 20px;
	}
.pd_list ul{
	background-color: #fff;
    width: 254px;
    margin-left: 10px;
    height: 581px;
    padding-top: 16px;
	}
.pd_list ul li{
	text-align: left;
    padding: 0 54px;
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 59px;
	}
.pd_list ul li a{
	font-size: 18px;
    color: #303030;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.pd_list ul li:hover a{
	color:#3399ff;
	}
	
	
.pd_both{
	width: 900px;
    position: relative;
    top: -10px;
	}
.pd_both_item{
	width: 100%;
    height: 106px;
	}
.pd_both_item ul li{
	float: left;
    padding: 0 43.5px;
    background-color: #7d7d7d;
    height: 106px;
    line-height: 106px;
	}
.pd_both_item ul li:hover,.pd_both_item ul li.act{
	 background-color:#3399ff;
	}
.pd_both_item ul li a{
	font-size: 24px;
    color: #fff;
    display: inline-block;
	}
	
.pd_both_box{ height:607px; background-color:#fff; width:100%;}
.pd_both_box_list{
	display: none;
	padding: 0 25px;
	}
.pd_both_box_list ul li{
	width: 270px;
    height: 260px;
    float: left;
    overflow: hidden;
    margin: 25px 18px 0 0;
    position: relative;
	}
.pd_both_box_list ul li:nth-of-type(3n){ margin-right:0;}
.pd_both_box_list ul li .img{
	width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.pd_both_box_list ul li .img img{width: 100%;height: 100%;transition: .5s;}
.pd_both_box_list ul li .img:hover img{
	transform:scale(1.2);
	}

.pd_both_box_list ul li .info{
	position: absolute;
    width: 100%;
    height: 0;
    background-color: rgba(0,0,0,0.5);
    bottom: 0;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.pd_both_box_list ul li:hover .info{
	 height: 50px;
	}
.pd_both_box_list ul li .info h4{
	font-size: 18px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 16px;
	}
	
	
/*应用案例*/

.t2{
	margin: 58px 0 50px;
	}
.case_box{}
.case_box ul li{
	width: 285px;
    float: left;
    margin-right: 20px;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	overflow: hidden;
	}
.case_box ul li:last-child{ margin-right:0;}
.case_box ul li .img{
	height: 310px;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	overflow: hidden;
	}
.case_box ul li .img img{width: 100%;}
.case_box ul li:hover .img img{
	transform:scale(1.1);
	height: 310px;
	overflow: hidden;
	}

.case_box ul li h4{
	color: #303030;
    font-size: 18px;
    text-align: center;
    line-height: 48px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 15px;
	
	}
.case_box ul li .info{ line-height:48px;}
.case_box .read_mores{
	width: 202px;
    height: 46px;
    background-color: #3399ff;
    display: block;
    text-align: center;
    color: #fff;
    line-height: 46px;
    font-size: 18px;
    margin: 20px auto 40px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-transition:all 0.3s;
	}
.case_box .read_mores:hover{
	 background-color: #1b1b1b;
	}
	
	
.tm{
	width: 100%;
    background: url(../images/tm.jpg) center no-repeat;
    height: 255px;
	}
/*--------关于天脉------*/
.t3{ margin-bottom:20px;}
.tm_about_l{
	width: 516px;
    height: 339px;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.tm_about_l:hover{ transform:translateX(20px);}
.tm_about_l img{max-width: 100%;}
.tm_about_r{
	width: 600px;
    height: 339px;
    position: relative;
	}
.tm_about_r p{
	font-size: 16px;
    color: #303030;
    line-height: 44px;
	}
.tm_about_r_more{
	display: block;
    width: 243px;
    height: 52px;
    background-color: #3399ff;
    font-size: 18px;
    text-align: center;
    line-height: 52px;
    color: #fff!important;
    position: absolute;
    right: 0;
    bottom: 0;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.tm_about_r_more:hover{
	background-color: #dddddd;
	color: #1b1b1b!important;
	}
	
	
/*------------新闻------*/
.t4{margin: 56px 0 65px;}
.news_box{}
.news_item{text-align: center;position: relative;}
.news_item i{
	width: 389px;
    background-color: #e4e4e4;
    height: 2px;
    display: inline-block;
    position: absolute;
    top: 12px;
	}
.news_item i.i1{left: -15px;}
.news_item i.i2{right: -15px;}
.news_item ul li{
	width: 172px;
    height: 30px;
    display: inline-block;
    background-color: #f4f4f4;
    border-radius: 7px;
    text-align: center;
    line-height: 30px;
    margin-right: 30px;
	}
.news_item ul li:hover,.news_item ul li.ac{
	background-color:#3399ff;
	}
.news_item ul li:hover a,.news_item ul li.ac a{color:#fff;} 
.news_item ul li:last-of-type{ margin-right:0;}
.news_item ul li a{
	font-size: 14px;
    color: #4f4e4e;
    width: 100%;
    height: 100%;
    display: block;
	}
.news_both{margin-top: 68px;}
.news_both_list{ display:none;}
.news_both_list ul li{
	width: 569px;
    height: 162px;
    margin-right: 62px;
    margin-bottom: 26px;
    float: left;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	overflow:hidden;
	}
.news_both_list ul li:nth-child(2n){ margin-right:0;}
.news_both_list ul li .img{
	float: left;
    width: 225px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
	overflow:hidden;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	}
.news_both_list ul li .img img{width: 100%;}
.news_both_list ul li:hover .img img{
	transform:scale(1.2);
	}
.news_both_list ul li .info{
	width: 314px;
    float: right;
	}
.news_both_list ul li .info h4{
	font-size: 16px;
    color: #1b1b1b;
    margin: 16px 0 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	}
.news_both_list ul li:hover .info p{
	color:#3399ff;
	
	}
.news_both_list ul li:hover .info h4{
	transform:translateX(10px);
	}
.news_both_list ul li .info p{
	font-size: 14px;
    color: #999;
    line-height: 26px;
	transition:all 0.4s;
	-moz-transition:all 0.4s;
	-ms-transition:all 0.4s;
	-webkit-transition:all 0.4s;
	}
	
	
/*---------留言---------*/
.t5{margin: 66px 0 40px;}

.mess{
	margin: 0 auto 105px;
    width: 1200px;
    padding: 0 13px 0 16px;
	}
.mess h2{
	text-align: center;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 43px;
    color: #000;
	}
.mess-left{
	width: 570px;
	}
.mess-left .text{
	width: 100%;
    height: 38px;
    margin-bottom: 30px;
	position: relative;
	}
.mess-left .text input{
	width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    padding-left: 30px;
    font-size: 14px;
    font-family: "宋体";
    color: #1b1b1b;
	}
.mess-left .text i,.mess-right .textarea i{
	position: absolute;
    top: 11px;
    left: 22px;
    color: red;
    font-size: 16px;
	}
.mess-left .button{
	width: 100%;
    height: 38px;
	}
.mess-left .button input{
	width: 100%;
    height: 100%;
	border:none;
	background-color: #3399ff;
	font-size: 18px;
    color: #fff;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.mess-left .button input:hover{
	background-color:#dddddd;
	color:#000;
	}

.mess-right{width: 570px;}
.mess-right .textarea{ width:100%; 
height:106px;position: relative;margin-bottom: 30px;
}

.mess-right .textarea textarea{
	    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    padding: 7px 0 0 33px;
    font-size: 14px;
    font-family: "宋体";
	}
.mess-right .sub{
	width: 100%;
    height: 40px;
	}
.mess-right .sub input{
	    border: none;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #A9A9A9;
	background-color: #ddd;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.mess-right .sub input:hover{
	background-color:#3399ff;
	color:#fff;
	
	}


.mes-box {
    position: fixed;
    width: 290px;
    height: 100px;
    z-index: 99999999;
    background-color: #3399ff;
    top: 0;
    text-align: center;
    line-height: 100px;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
    font-size: 15px;
    color: #fff;
    border-radius: 5px;
    display: none;
}


/*底部*/
.footer{width:100%;  background: #333;}
.footer .footCon{width:1200px; margin:0 auto;padding-top: 30px;}
.footcon-l{width: 870px;padding-left: 20px;}
.foot-nav{line-height: 55px;}
.foot-nav ul{
	    border-bottom: 1px solid #919191;
    margin: 0;
	}
.foot-nav ul li{
	float: left;
    margin-right: 80px;
	
	}
.foot-nav ul li:last-child{ margin-right:0;}
.foot-nav ul li a{
	font-size: 14px;
    color: #dddddd;
    
	}

.ad{margin-top: 30px;width: 450px;}
.ad p,.ad p a{
	color: #fff;
    font-size: 14px;
    margin: 0 0 15px;
	}
.ad p iframe{ display:none;}
.rx{
	color: #fff;
    margin-left: 80px;
    margin-top: 30px;
    background: url(../images/call.png) left center no-repeat;
    padding-left: 60px;
	}
.rx h2{
	font-size: 14px;
    margin: 0;
    color: #fff;
	}
.rx p{
	font-size: 27px;
    margin: 0;
    font-weight: 600;
	}
.ss{
	margin: 20px 87px 0 0;
	}
.ss img{width: 123px;}
.ss p{
	color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 35px;
	}
	
.end{width:100%;height:63px; background-color:#222222;}
.copyRight{ width:1200px;text-align:center; margin:0 auto;     line-height: 63px;}
.copyRight span{ 
padding: 0 5px;
    color: #5d5d5e;
    font-size: 14px;
}
.copyRight span a{
	color: #5d5d5e;
    font-size: 14px;
	}
/*标题*/

.index_title{text-align:center;}
.index_title h2{color:#36478c; font-size:24px; line-height:24px; margin-bottom:15px; font-weight:normal;}
.index_title p{color:#909090; font-size:14px; margin-bottom:8px;}
.index_title a{width:128px; height:38px; line-height:38px; border:1px solid #bec3d8; border-radius:5px; color:#909090; display:inline-block; transition:.5s;}
.index_title a:hover{background:#36478c; color:#fff; border-color:#36478c;}
/*列表*/
.indexProList{width:100%; height:auto; margin-top:25px;}
.indexProList li{float:left; overflow:hidden; text-align:center; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; box-shadow:inset 0 0 0 0 rgba(54,71,140,0);}
.indexProList li:hover{-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; box-shadow:inset 0 0 0 10px rgba(54,71,140,.05);}
.indexProList li a{display:block; overflow:hidden; box-sizing:content-box;}
.indexProList li .img img{width:100%; display:block;}

.indexProList li.first{width:300px; height:300px; background:#f1f1f1;}
.indexProList li.first:hover{background:#fff;}
.indexProList li.first a{border:1px solid #ececec; width:298px; height:298px;}
.indexProList li.first h4{color:#333; font-size:20px; padding-top:20px; font-weight:normal; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.indexProList li.first:hover h4{color:#36478c}
.indexProList li.first p{color:#999; font-size:16px; line-height:30px;}
.indexProList li.first .img{width:184px; height:193px; margin:10px auto 0; overflow:hidden;}

.indexProList li.second{width:300px; height:150px; background:#fff;}
.indexProList li.second a{width:299px; height:299px; border-right:1px solid #ececec; border-top:1px solid #ececec;}
.indexProList li.second .img{width:160px; height:80px; margin:15px auto; overflow:hidden;}
.indexProList li.second p{text-align:center; margin:0 15px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.indexProList li.second:hover p{color:#36478c}

.indexProList li.third{width:300px; height:150px; background:#f6f6f6}
.indexProList li.third a{width:298px; height:149px;  border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec;}
.indexProList li.third .img{width:120px; height:75px; margin:0 auto; padding:20px 0 15px; overflow:hidden;}
.indexProList li.third .img img{height:100%; display:block;}
.indexProList li.third p{text-align:center; margin:0 15px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.indexProList li.third:hover p{color:#36478c}

.indexProList li.fourth{width:300px; height:150px; background:url(../images/indexProImg9_bg.jpg) no-repeat;}
.indexProList li.fourth a{width:299px; height:148px; border-right:1px solid #ececec; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.indexProList li.fourth .img{width:75px; height:75px; margin:20px auto 15px; overflow:hidden;}
.indexProList li.fourth .img img{height:100%; display:block;}
.indexProList li.fourth p{text-align:center; margin:0 15px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.indexProList li.fourth:hover p{color:#36478c}

.indexProList li.fifth{width:600px; height:150px; background:url(../images/indexProImg10_bg.jpg) no-repeat;}
.indexProList li.fifth a{width:599px; height:148px; border-right:1px solid #ececec; border-top:1px solid #ececec; border-bottom:1px solid #ececec;}
.indexProList li.fifth .img{width:75px; height:75px; margin:20px auto 15px; overflow:hidden;}
.indexProList li.fifth .img img{height:100%; display:block;}
.indexProList li.fifth p{text-align:center; margin:0 15px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666;}
.indexProList li.fifth:hover p{color:#36478c}
/*蓝海产品*/







/*产品频道页*/
.probg{background:#fafafa; padding-bottom:50px;}
.pro_typ_list{float:left; width:100%;}
/*标题*/
.pro_typ_list .title1{height:90px; line-height:90px; margin-top:20px;}
.pro_typ_list .title1 h1{float:left; font-size:24px; line-height:90px; margin:0; color:#666; font-weight:normal;}
.pro_typ_list .title1 a{float:right; font-size:14px; line-height:90px; color:#666; display:block; transition:.3s;}
.pro_typ_list .title1 a:hover{color:#00a0de;}
.pro_typ_list .title1 a .i{width:18px; height:18px; display:inline-block; background:#d3d3d3; color:#fff; border-radius:10px; font-family:"仿宋"; text-align:center; line-height:18px; margin-left:5px;}
.pro_typ_list .title1 a:hover .i{background:#00a0de;}
/*列表*/
.pro_typ_list .pop_img{float:left; height:300px; overflow:hidden; background:#000;}
.pro_typ_list ul{float:left;}
.pro_typ_list li{width:225px; height:300px; float:left; box-sizing:border-box; background:#fff; margin-left:15px;}
.pro_typ_list li .p_img{height:190px;width:225px; overflow:hidden; text-align:center;}
.pro_typ_list li .p_img img{height:190px; transform:scale(1,1); transition:.5s;}
.pro_typ_list li:hover .p_img img{transform:scale(1.1,1.1); transition:.5s;}
.pro_typ_list li .p_info{line-height:18px; margin-top:10px; text-align:center; font-size:12px;}
.pro_typ_list li .p_info h3{color:#666; font-weight:normal; padding:0 10px; height:30px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pro_typ_list li .p_info h3:hover{color:#00a0de;}
.pro_typ_list li .p_info p{color:#999; padding:0 10px; line-height:24px; height:24px; overflow:hidden;}
.pro_typ_list li .p_info span{color:#f1503f; font-size:14px; padding-top:10px; display:block;}
/*产品频道页*/


/*面包屑导航*/
.ChanelBanner{width:100%; height:600px; position:relative; overflow:hidden;}
.ChanelBanner .img{width:1920px; height:600px; position:absolute; left:50%; top:0; margin-left:-960px;}
.ChanelBanner .img img{width:100%; height:600px;}
.ChanelBanner .proTitle{width:1000px; margin:0 auto; height:auto; position:absolute; top:40%; left:50%; margin-left:-500px; z-index:99;}
.ChanelBanner .proTitle h4{font-size:40px; color:#fff; line-height:80px; font-weight:normal; padding-bottom:5px; margin-left:0; animation:myfirst 1s; transition:all .5s;}
.ChanelBanner .proTitle p{font-size:14px; color:#ddd; width:60%; line-height:28px; position:relative; bottom:0; animation:mySecond 1s; transition:all .5s;}
@keyframes myfirst
{
from {margin-left:-500px; opacity:0;}
to {margin-left:0; opacity:1;}
}
@keyframes mySecond
{
from {bottom:-300px; opacity:0;}
to {bottom:0; opacity:1;}
}

.InBanner{width:100%; position:relative;}
.InBanner .img{}
.InBanner .img img{max-width:100%; }

.InBanner .proTitle{width:1100px; margin:0 auto; height:180px; overflow:hidden; position:absolute; top:20%; left:50%; margin-left:-550px; z-index:99;}
.InBanner .proTitle h4{font-size:30px; color:#fff; line-height:60px; font-weight:normal; padding-bottom:5px; margin-left:0;}
.InBanner .proTitle p{font-size:14px; color:#fff; width:60%; line-height:26px; position:relative; bottom:0;}

.InBanner .crumb{width:100%; height:80px; line-height:80px; }
.InBanner .crumb .crumbBox{width:1200px; height:80px; margin:0 auto;  background:#fff;}
.InBanner .crumb .crumbBox h4{float:left; color: #0f85c8; font-size:24px; margin:25px 0 0 20px; font-weight:normal;}
.InBanner .crumb .crumbBox h4 span{ color:#333; font-size:18px;}
.InBanner .crumb .crumbBox h4 i{ color:#ccc;}
.InBanner .crumb .crumbBox .crumbInfo{float:right; margin-right:20px; padding-left:25px; background:url(../images/crumbIcon.png) center left no-repeat;}
.InBanner .crumb .crumbBox .crumbInfo a{font-size:16px; color:#999; padding-right:5px;}
.InBanner .crumb .crumbBox .crumbInfo a:hover{color:#0f85c8;}
.InBanner .crumb .crumbBox .crumbInfo span{ font-family:"仿宋"; padding-right:5px; color:#333;}

.InBanner .crumb .crumbBox ul{float:right; font-size:14px; margin: 17px 0 0;}
.InBanner .crumb .crumbBox ul li{margin:0 3px; line-height:40px; float:left; position:relative;}



.InBanner .crumb .crumbBox ul li.act,.InBanner .crumb .crumbBox ul li:hover{ color:#36478c;background-color: #0f85c8;}

.InBanner .crumb .crumbBox ul li a{
	color: #666;
    padding: 0 8px;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 16px;
}
.InBanner .crumb .crumbBox ul li.act a,.InBanner .crumb .crumbBox ul li:hover a{color:#fff;}
/*面包屑导航*/

/*产品列表页*/
.goodsList{width:100%; height:auto; margin:10px 0 20px; box-sizing:border-box;}
.goodsList>ul >li{
	width: 282px;
    height: 400px;
    float: left;
    overflow: hidden;
    margin-right: 10px;
    margin: 0 18px 20px 0;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.goodsList >ul >li .img{
	width: 100%;
    height: 350px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
	
.goodsList >ul >li:hover .img{
	transform:translateX(-10px);
	}
.goodsList >ul >li p{
	font-size: 18px;
    text-align: center;
    line-height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}
.goodsList >ul >li:hover p{ color:#0f85c8;}
.goodsList div.pagination{ width:1200px; text-align:center;}

/*产品列表页*/


/*产品详情页*/
.pro_details01{background:#f8f8f8; min-width:1200px;}
.pro_details01 .conCon{width:1200px; margin:auto;padding: 20px 0;}
.pro_details01_con{margin:40px 0; overflow:hidden; box-sizing:border-box; padding:0 20px;}
/*图片切换介绍*/
.pro_img{width:420px; float:left; position:relative;}

.pro_img .img img{
	
	vertical-align: middle;
    max-width: 100%;
	}
.pro_img ul{overflow:hidden;/* margin-top:25px;*/ padding-top:8px; position:absolute; left:25px; bottom:10px;}
.pro_img ul li{width:60px; height:60px; float:left; margin-right:15px; border:1px solid #e9e9e9; position:relative; cursor:pointer;}
.pro_img ul li img{width:100%; height:100%;}
.pro_img ul li em{position:absolute; left:50%; margin-left:-8px; bottom:100%; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #36478c; display:none;}
.pro_img ul li em i{position:absolute; left:0; top:1px; margin-left:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #fff;}
.pro_img ul li.act{border-color:#36478c;}
.pro_img ul li.act em{display:block;}
/*文字介绍*/
.pro_details01_rl{float:right; width:690px;}
.pro_details01_rl h2{
	font-size: 20px;
    font-weight: 600;
    line-height: 33px;
	}
.pro_details01_rl p{line-height:26px; font-size:14px; color:#666;}
/*尺寸规格*/
.pro_size_list{overflow:hidden; margin-top:20px;}
.pro_size img{ max-width:100%;}
.pro_size_list li{border:1px solid #e0e0e0; text-align:center; line-height:33px; color:#707070; width:13.4%; float:left; margin:0 24px 15px 0; border-radius:5px; cursor:pointer; font-size:13px;}
.pro_size_list li.act{border-color:#36478c; background:#36478c; color:#fff;}
.pro_size{width:1200px; margin:0 auto 30px; box-sizing:border-box; padding:0 20px;}
.pro_size h2{
	line-height: 68px;
    border-bottom: 1px solid #eee;
    text-indent: 20px;
    color: #0f85c8;
    font-size: 20px;
    position: relative;
    font-weight: 600;
	    margin-bottom: 20px;
	}
.pro_size h2 a{position:absolute; right:0; top:0; font-size:14px; color:#36478c;}
.pro_size .pro_size_list li{width:158px; margin:0 40px 15px 0; height:40px;line-height:40px;}
.pro_size h2 span{color:#666; font-size:13px; margin-left:10px;}
.pro_table{width:100%; margin-top:5px; margin-bottom:40px;}
.pro_table thead{background:#36478c; color:#fff;}
.pro_table thead tr td{padding:10px; text-align:center; font-size:14px;}
.pro_table tbody tr td{border:1px solid #d3d3d3; padding:16px 10px; font-size:12px; text-align:center;}
.pro_table tbody tr td.pro_car a{ color:#36478c;}
/*相关知识*/
.pro_related h3{font-size:20px; height:32px; color:#0f85c8; padding-bottom:15px; border-bottom:1px solid #dedede; font-weight:600;}
.pro_related ul{overflow:hidden; margin-top:20px; margin-bottom:20px;}
.pro_related ul li{position:relative; float:left; width:48%; line-height:38px; padding-left:10px; font-size:14px;}
.pro_related ul li em{position:absolute; left:0; top:0; font-size:20px; color:#666;}
.pro_related ul li a{color:#666;}
.pro_related ul li:hover a{color:#0f85c8;}

.pro_related{
	margin-top: 44px;
	}

/*产品详情页*/


/*联系方式*/
.contact{
	width: 1100px;
    height: auto;
    margin: 0 35px;
	
	}
/*标题*/
.contact .title{width:100%; height:auto; padding-top:20px; text-align:center;}
.contact .title h4{font-size:48px; font-weight:normal; color:#555; padding-bottom:10px;}
.contact .title p{font-size:14px; color:#999; line-height:24px;}
/*售前售后电话*/
.contact .contactWay{width:100%; height:auto; padding:30px 0 50px;}
.contact .contactWay li{width:400px; float:right; padding:0 50px; box-sizing:content-box;}
.contact .contactWay li:after{content:" "; display:block; clear:both;}
.contact .contactWay li .img{width:110px; height:110px; float:left; overflow:hidden; margin-right:40px;}
.contact .contactWay li .img img{width:100%; height:auto;}
.contact .contactWay li .Info{width:250px; height:70px; float:left; margin:20px 0;}
.contact .contactWay li .Info span{font-size:18px; display:block; line-height:30px; color:#666;}
.contact .contactWay li .Info p{font-size:24px; display:block; line-height:40px; color:#008bd6;}
/*联系方式*/
.contact .contactInfo{width:100%; height:auto;}
.contact .contactInfo .map{width:500px; height:auto; float:left; margin-bottom:30px;}

.contact .contactInfo .map p{ display:none;}
.contact .contactInfo .map p:last-child{ display:block;}
.contact .contactInfo .Info{width:416px; height:auto; padding:50px 0 0 80px; box-sizing:content-box; float:right; background:url(../images/contactBg.png) no-repeat;}

.contact .contactInfo .Info p{width:100%; line-height:24px; padding-bottom:10px; font-size:14px; color:#666; box-sizing:content-box;}
.contact .contactInfo .Info p:after{content:" "; display:block; clear:both;}
.contact .contactInfo .Info p iframe{ display:none;}
/*联系方式*/


/*侧边工具*/
#sideTool{position:fixed; right:8px; bottom:80px; width:92px;border:1px solid #ececec; background:#fff; z-index:1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; z-index:999}
#sideTool a{height:80px; border-bottom:1px solid #ececec; display:block; font-size:12px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; padding-top:6px; position:relative; color:#666;}
#sideTool a:hover{ color:#fff; background:#2680c4;}
#sideTool i{width:40px; height:40px; display:block; margin:0 auto 6px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#sideTool a.icon011 i{background:url(../images/icon055.png) no-repeat;}
#sideTool a.icon011:hover i{background-position:0 -40px;}
#sideTool a.icon01 i{background:url(../images/icon01.png) no-repeat;}
#sideTool a.icon01:hover i{background-position:0 -40px;}
#sideTool a.icon02 i{background:url(../images/icon02.png) no-repeat;}
#sideTool a.icon02:hover i{background-position:0 -40px;}
#sideTool .icon03 i{background:url(../images/icon03.png) no-repeat;}
#sideTool .icon03:hover i{background-position:0 -40px;}
#sideTool .icon03 .footCont{display:none; position:absolute; right:100%; top:0; bottom:0; border:1px solid #ececec; background:#fcfcfc; font-size:16px; padding:0 6px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#sideTool .icon03 .footCont p{padding:0 6px; color:#36478c; width:160px; text-align:left; padding-left:36px; line-height:32px;}
#sideTool .icon03 .footCont p.phone{ background:url(../images/icon05.png) no-repeat 6px center; border-bottom:1px dotted #d2d2d2;}
#sideTool .icon03 .footCont p.mail{ background:url(../images/icon06.png) no-repeat 6px center; text-align:left;}
#sideTool .icon03 .footCont p.mail a{ height: auto; border: none;padding:0; text-align:left;}
#sideTool .icon03{ height:80px; border-bottom:1px solid #ececec; display:block; font-size:12px; text-align:center; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; padding-top:6px; position:relative; }
#sideTool .icon03:hover{color:#fff; background:#2680c4;}
#sideTool .icon03:hover .footCont{display:block; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
/*侧边工具*/



/*新闻列表页*/
.newsList{width:100%; height:auto; padding:30px 20px 0; box-sizing:border-box;}
/*左边*/

.news_fl input{ border:none;
background: none;
    padding: 34px 10px 10px;
    font-size: 14px;
}
.news_fl input.up,.news_fl input.button{
	
	}
.news_fl{width:750px; float:left;}
.news_fl >ul{overflow:hidden;}
.news_fl >ul >li{overflow:hidden; margin-bottom: 30px;
    height: 200px; position:relative;border-bottom: 1px solid #E8E4E4;padding: 0 0 10px;
    }
.news_fl >ul >li .img{
	    width: 260px;
    height: 185px;
    background-repeat: no-repeat;
    background-size: cover;
	float:left;
	transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;
	overflow:hidden;
	background-position: 50%;
	}

.news_fl >ul >li:hover .img{ transform:scale(1.1);}
.news_fl >ul >li .info{
	float: right;
    width: 460px;
	}
.news_fl >ul >li .info h3{
	padding-top: 20px;
    font-size: 20px;
    line-height: 42px;
	}
.news_fl >ul >li:hover .info h3{ color:#0f85c8;}
.news_fl >ul >li .info p{line-height: 26px;color: #909090;}
.news_fl >ul >li .info p span{margin-left: 10px;}
.news_fl >ul >li .info i{
	position: absolute;
    bottom: 10px;
    display: block;
    width: 80px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    right: 30px;
    background-color: #0f85c8;
    font-size: 14px;
    border-radius: 5px;
    color: #fff;
	transition:all 0.3s;
	}
.news_fl >ul >li:hover .info i{
	border:1px solid #0f85c8;
	    background: none;
	 color: #1b1b1b;
	}
.news_fl >ul >li .info h4{
	line-height: 24px;
    font-size: 15px;
	}

/*右边*/
.news_rl{width:300px; background:#f9f9fb; padding:20px; float:right;}
.news_rl h2{color:#333; font-size:20px; font-weight:normal;}
.news_rl ul li{width:100%; padding:15px 0; border-bottom:1px dotted #dedede; overflow:hidden;}
.news_rl ul li .img{
	width: 100%;
    height: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.news_rl ul li:hover .img{ transform:scale(1.1);}
.news_rl ul li h3{
	font-size: 16px;
    line-height: 38px;
	}
.news_rl ul li a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; color:#666; font-size:14px;}
.news_rl ul li:hover h3{color:#0f85c8;}
.news_rl ul li aside{color:#999; font-size:12px;}

.news_fl .pagination a{ cursor:default;}
/*新闻列表页*/
/*新闻详情页*/
.newsCon{padding:28px; border:1px solid #eee;}
.newsCon img{max-width:100%;}
.newsCon h3{
	padding: 0 10px;
    color: #1b1b1b;
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
	
	}
.newsCon .Info{padding:0 10px; background:#f9f9f9; height:30px; line-height:30px; font-size:12px; color:#666; overflow:hidden;}
.newsCon .Info span{padding-right:20px;}
.newsCon .newsConBox{width:100%; height:auto; padding-top:20px;}
.newsCon .newsConBox p{font-size:13px; color:#666; text-indent:2em; line-height:25px; padding-bottom:10px;}
.newsCon .newsConBox span{display:block; font-size:13px; color:#666; text-indent:2em; line-height:25px; padding-bottom:10px;}
.newsCon .newsConBox img{width:100%; height:auto; padding-bottom:10px;}
/*新闻详情页*/



/*解决方案列表页*/
.solution{width:100%; height:auto;}
.solution h4{width:100%; text-align:center; font-size:18px; font-weight:normal; padding:20px 0 40px; color:#666;}
.solutionBox{width:100%;}
.solutionBox div.pagination{ width: 1200px;
    text-align: center;}
.solutionBox ul{}
.solutionBox >ul >li{
	width: 360px;
    float: left;
    margin: 0 15px 20px;
    background: #f8f8f8;
    height: 375px;
    overflow: hidden;
    position: relative;
	}
.solutionBox >ul >li .img{
	width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	background-position: 50%;
	}
.solutionBox >ul >li:hover .img{
	transform:scale(1.2);
	}
.solutionBox >ul >li .info{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
	transform: scale(0.9);
	 opacity:0;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	}
.solutionBox >ul >li:hover .info{
	transform: scale(1); opacity:1;
	}	
.solutionBox >ul >li >a{display:block; height:100%; line-height:22px;}

.solutionBox >ul >li .info h1{
	font-size: 18px;
    font-weight: normal;
    padding: 180px 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
	transition:all 0.2s;
	overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
	}
.solutionBox >ul >li .info h1:hover{
	
	transform:scale(1.1);
	}
/*解决方案列表页*/


/*解决方案详情页*/
.solutionBg{background:#f9f9f9; width:100%; height:auto; padding:20px 0 50px;}
.solutionBg img{ max-width:100%;}
.solutionBg h2{line-height:80px; font-weight:normal; font-size:28px; color:#00a0de; text-align:center;}
.solutionInfo{width:1200px; height:auto; margin:0 auto; background:#fff;}
.solutionInfo .solutionCon{padding:50px;}
.solutionInfo .solutionCon h4{font-size:16px; line-height:150%; color:#00a0de; padding:10px 0; font-weight:normal;}
.solutionInfo .solutionCon p{font-size:14px; line-height:150%; color:#666; padding-bottom:10px;}
.solutionInfo .solutionCon b{font-size:14px; line-height:150%; color:#666; padding-bottom:10px; display:inline-block;}
/*解决方案详情页*/



/*服务支持列表页*/
.serviceSupport{width:100%; height:auto; padding:20px 0;}

.ny_banner2{width:100%; height:300px;}
.ny_banner2 img{width:100%; height:auto;}
.ny_banner2 .left{ width:700px; float:left;}
.ny_banner2 .right{ width:440px; height:250px; float:left; padding:50px 30px 0; background:#639fc0; box-sizing:content-box;}
.ny_banner2 h1{ font-size:36px; line-height:36px; color:#fff; font-weight:normal;}
.ny_banner2 h2{font-size:30px; line-height:30px; color:#7aadc9;font-family:"Arial"; margin:8px 0 90px 0;}
.ny_banner2 p{font-size:14px; max-height:48px; line-height:24px; overflow:hidden; color:#fff;}

.back_white{ background:#fff;}
.hq_zc li{ width:50%; height:290px;  float:left; position:relative; text-align:center; border-bottom:1px solid #f5f5f5;}
.hq_zc li img{ margin:68px 0 15px 0;}
.hq_zc li .line{ position:absolute; width:1px; height:100%; right:0; top:0; background:#f5f5f5;}
.hq_zc li a{ display:block; border-bottom:4px solid #fff;height:286px;}
.hq_zc li a:hover{border-bottom:4px solid #008cd6; background:#fcfcfc;}
.hq_zc li a h1{font-weight:normal; font-size:18px; color:#666;}
.hq_zc li a:hover h1{ color:#008cd6;}
/*服务支持列表页*/



/*服务支持详情页*/
.serviceSupportInfo{padding:50px; margin-top:20px; border:1px solid #f5f5f5; box-sizing:border-box; text-align:center;}
.serviceSupportInfo h1{font-size:30px; line-height:30px; color:#008bd6; margin-bottom:30px; font-weight:normal;}
.serviceSupportInfo h2{text-align:left; font-size:18px; color:#008bd6; margin-top:30px; margin-bottom:20px; font-weight:normal;}
.serviceSupportInfo p{text-align:left;}
.serviceSupportInfo span{text-align:left; display:block; padding:20px 0; font-size:14px; line-height:24px; color:#666;}
.serviceSupportInfo img{padding:10px 0;}
.serviceSupportInfo span b{color:#008bd6; font-weight:normal;}
/*服务支持详情页*/



/*关于我们*/
.aboutUs{
	width: 1200px;
    height: auto;
    margin: 20px auto 20px;
    box-shadow: 0px 0px 6px #dcdcdc;
    padding: 20px;
    border-radius: 12px;
	}
.aboutUs img{ max-width:100%;}
.aboutUs p{line-height: 30px;}
/*公司简介*/
.introduce{width:1200px; margin:0 auto; height:auto;}
.introduce .title{float:left; background:#e5e5e5 url(../images/introduceTitBg.jpg) no-repeat left bottom; width:30%; height:600px; position:relative;}
.introduce .title h4{width:195px; height:58px; border:4px solid #36478c; color:#36478c; text-align:right; line-height:50px; font-size:30px; padding-right:15px; font-weight:normal; position:absolute; top:40px; right:30px;}
.introduce .title p{margin-right:30px; margin-top:20px; text-align:right; font-size:35px; line-height:35px; color:#666; position:absolute; top:130px; right:30px;}
.introduce .list{width:70%; float:left; background:#fff;}
.introduce .list li{width:100%; height:300px; overflow:hidden;}
.introduce .list li:after{content:" "; display:block; clear:both;}
.introduce .list li .img{width:50%; height:100%; float:left; overflow:hidden;}
.introduce .list li .img img{width:100%; min-height:300px; height:auto;}
.introduce .list li .txt{float:left; width:50%; line-height:26px;}
.introduce .list li .txt p{padding:60px 30px 0; max-height:180px; font-size:14px; color:#666;}
/*公司能力*/
.switch{width:100%; height:auto;}
.switchTit{text-align:center; padding:50px 0; background:#f9f9f9; margin-top:50px;}
.switchTit .titBox{width:1000px; margin:0 auto;}
.switchTit h2{color:#36478c; font-size:30px; font-weight:normal; line-height:45px;}
.switchTit span{color:#cfcfcf; font-size:14px; display:block;}
.switchTit p{font-size:14px; color:#666; margin-top:20px; line-height:24px;}
.switch .titList{width:1200px; height:110px; margin:0 auto; padding:30px 0; text-align:center; box-sizing:content-box;}
.switch .titList li{display:block; width:100px; height:110px; float:left; background:url(../images/indexTxtListIcon1.png) no-repeat; background-size:100%; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; margin:0 20px; line-height:110px; position:relative; cursor:pointer; font-size:14px; color:#666;}
.switch .titList li.act,.switch .titList li:hover{background:url(../images/indexTxtListIcon2.png) no-repeat; background-size:100%; color:#fff;}
.switch .titList li .hoverIcon{display: none; position: absolute; left: 50%; margin-left: -8px; bottom: -30px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #3a4e91;}
.switch .titList li.act .hoverIcon{display:block;}
.switch .switchList{width:100%; overflow: hidden; height: auto; padding:30px 0; background: url(../images/switchListBg.jpg) center; color: #fff; min-width: 1200px;}
.switch .switchList .switchBox{width: 1100px; height: auto; margin: 0 auto; overflow: hidden; display:none;}
.switch .switchList .switchBox .tit{width:100%; height:45px; margin-top:10px;}
.switch .switchList .switchBox .tit h4{display: inline; font-size: 30px; line-height:45px; font-weight:normal;}
.switch .switchList .switchBox .tit span{color: #9da6c3; margin-left: 20px;}
.switch .switchList .switchBox .switchInfo{position: relative; margin-top: 30px; overflow: hidden; width: 100%; min-height: 300px;}
.switch .switchList .switchBox .switchInfo .splitLine{border-left: 1px dotted #9aa8c7; height: 100%; position: absolute; left: 50%; top: 0;}
.switch .switchList .switchBox .switchInfo li{width: 46%; float: left; line-height: 26px; margin-bottom: 20px; font-size:14px;}
.switch .switchList .switchBox .switchInfo li.right{float:right;}
/*合作客户*/
.customerTit{text-align:center; padding:50px 0 30px;}
.customerTit h2{color:#36478c; font-size:30px; font-weight:normal; line-height:45px;}
.customerTit span{color:#cfcfcf; font-size:14px; display:block;}
#customer{position:relative; width:1200px; height:332px; margin:0 auto; overflow:hidden;}
#customer .flashBg{width:960px; height:330px; margin:0 auto; position:relative; overflow:hidden; box-sizing:content-box; border:1px solid #f1f1f1; border-right:0;}
#customer .flashBg .customerList{width:99999px; height:326px; position:absolute; top:0; left:0;}
#customer .flashBg ul.mobile{float:left; width:960px; height:329px; overflow:hidden; position:relative;}
#customer .flashBg ul.mobile li{float:left; width:159px; height:109px; background:#000; box-sizing:content-box; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
#customer .flashBg ul.mobile li a{display:block; height:100%;}
#customer .flashBg ul.mobile li img{width:100%; height:100%; -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s;}
#customer .flashBg ul.mobile li:hover img{opacity:0.9;}
#customer .but_left{position:absolute; left:20px; top:140px; width:32px; height:44px; border:1px solid #f1f1f1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; box-sizing:content-box;}
#customer .but_left:hover, #customer .but_right:hover{opacity:0.8;}
#customer .but_left:active{-webkit-transform:translateX(-10px); -moz-transform:translateX(-10px); transform:translateX(-10px);}
#customer .but_right{position:absolute; right:20px; top:140px; width:32px; height:44px; border:1px solid #f1f1f1; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; cursor:pointer; box-sizing:content-box;}
#customer .but_right:active{-webkit-transform:translateX(10px); -moz-transform:translateX(10px); transform:translateX(10px);}
/*关于我们*/



/*在线留言*/
.message{width:1100px; height:auto; margin:0 auto;}
/*留言图片*/
.message .img{width:500px; height:auto; float:left;}
.message .img img{width:500px; height:auto;}
/*留言框*/
.message .messageCon{width:550px; height:auto; float:right;}
.message .messageCon .title{width:100%; height:auto; padding-top:20px; margin-bottom:30px;}
.message .messageCon .title h4{font-size:30px; font-family:"Times New Roman"; color:#008bd6; font-weight:normal; padding-bottom:10px;}
.message .messageCon .title h5{font-size:18px; color:#666; line-height:24px; font-weight:normal;}

.message .messageCon .messageBox{width:100%; height:auto;}

.message .messageCon .messageBox .text{width:550px; height:45px; box-sizing:border-box; border:1px dashed #008bd6; background:rgba(0,139,214,.05); margin-bottom:10px;}
.message .messageCon .messageBox .pho{height:55px;padding-left: 15px;}
.message .messageCon .messageBox .text i{display:block; float:left; width:59px; height:43px;}
.message .messageCon .messageBox .text .i1{background:url(../images/messageIcon1.png) center no-repeat;}
.message .messageCon .messageBox .text .pp{background:url(../images/pp.png) center no-repeat;background-size: 40px 40px;}
.message .messageCon .messageBox .text .i2{background:url(../images/messageIcon2.png) center no-repeat;}
.message .messageCon .messageBox .text span{display:block; float:left; width:1px; height:20px; margin:12px 0; background:#ccc;}
.message .messageCon .messageBox .text .inp{width:400px; height:20px; float:left; box-sizing:border-box; padding:0 15px; margin:12px 0; border:none; background:none;}
.message .messageCon .messageBox .textarea{width:550px; height:120px; box-sizing:border-box; border:1px dashed #008bd6; background:rgba(0,139,214,.05); margin-bottom:10px;}
.message .messageCon .messageBox .textarea textarea{border:none; background:none; padding:10px 15px; line-height:25px;width: 550px;}

.message .messageCon .messageBox .vCode{width:550px; height:45px; margin-bottom:20px;}
.message .messageCon .messageBox .vCode input{border:1px dashed #008bd6; background:rgba(0,139,214,.05); box-sizing:border-box; width:200px; height:45px; float:left; padding:12px 15px; line-height:25px;}
.message .messageCon .messageBox .vCode p{width:80px; height:28px; float:left; margin:7px 20px;}

.message .messageCon .messageBox .button{width:200px; height:45px;}
.message .messageCon .messageBox .button input{width:200px; height:45px; background:#008bd6; color:#fff; border:none; font-size:16px;}

.message .messageCon .messageBox .text .uploader { position:relative; display:inline-block; overflow:hidden; cursor:default; margin:10px 0px; -moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd; box-shadow:0px 0px 5px #ddd; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.message .messageCon .messageBox .text .filename { float:left; display:inline-block; outline:0 none; height:32px; width:180px; margin:0; padding:8px 10px; overflow:hidden; cursor:default; border:1px solid; border-right:0; font:9pt/100% Arial, Helvetica, sans-serif; color:#777; text-shadow:1px 1px 0px #fff; text-overflow:ellipsis; white-space:nowrap; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; background:#f5f5f5; background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f5f5f5)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5', GradientType=0);
border-color:#ccc; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.message .messageCon .messageBox .text .button { width: 57px;float:left; height:32px; display:inline-block; outline:0 none; padding:8px 12px; margin:0; cursor:pointer; border:1px solid; font:bold 9pt/100% Arial, Helvetica, sans-serif; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset; }
.message .messageCon .messageBox .text .uploader input[type=file] {width: 180px;position:absolute; top:0; left:0; bottom:0; border:0; padding:0; margin:0; height:30px; cursor:pointer; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0; }
.message .messageCon .messageBox .text .white .button { color:#555; text-shadow:1px 1px 0px #fff; background:#ddd; background:-moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
border-color:#ccc; }
.message .messageCon .messageBox .text .white .button:hover{ background:#eee; background:-moz-linear-gradient(top, #dddddd 0%, #eeeeee 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #eeeeee)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee', GradientType=0);
}

 .message .messageCon .messageBox .text .white input[type=button]::-moz-focus-inner {
padding:0;
border:0 none;
-moz-box-sizing:content-box;
}
.message .messageCon .messageBox .text .white input[type=button]::-webkit-focus-inner {
padding:0;
border:0 none;
-webkit-box-sizing:content-box;
}
.message .messageCon .messageBox .text .white input[type=text]::-moz-focus-inner {
padding:0;
border:0 none;
-moz-box-sizing:content-box;
}
.message .messageCon .messageBox .text .white input[type=text]::-webkit-focus-inner {
padding:0;
border:0 none;
-webkit-box-sizing:content-box;
}
/*在线留言*/

/*友情链接*/
.wrap {
    width: 1200px;
    margin: auto;
    float: none !important;
}
.linkHorizontal {
	height: 40px;
	line-height:40px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	font-size:12px;
    margin:20px 0;
}
.linkHorizontal .linkTitle {
	float: left;
}
.linkHorizontal .linkList {
	float: left;
    width:94%;
}
.linkHorizontal .linkList a{ 
    color:#a1a1a1;
}
/*message2*/
.photo{height:55px;padding-left: 15px;}
.photo .filename { float:left; display:inline-block; outline:0 none; height:32px; width:180px; margin:0; padding:8px 10px; overflow:hidden; cursor:default; border:1px solid; border-right:0; font:9pt/100% Arial, Helvetica, sans-serif; color:#777; text-shadow:1px 1px 0px #fff; text-overflow:ellipsis; white-space:nowrap; -moz-border-radius:5px 0px 0px 5px; -webkit-border-radius:5px 0px 0px 5px; border-radius:5px 0px 0px 5px; background:#f5f5f5; background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f5f5f5)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5', GradientType=0);
border-color:#ccc; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.photo .white .button { color:#555; text-shadow:1px 1px 0px #fff; background:#ddd; background:-moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
border-color:#ccc; }
.photo .button { width: 57px;float:left; height:32px; display:inline-block; outline:0 none; padding:8px 12px; margin:0; cursor:pointer; border:1px solid; font:bold 9pt/100% Arial, Helvetica, sans-serif; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; border-radius:0px 5px 5px 0px; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset; }
.photo .uploader input[type=file] {width: 180px;position:absolute; top:0; left:0; bottom:0; border:0; padding:0; margin:0; height:30px; cursor:pointer; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0; }
.single .inp{width:488px; height:20px; float:left; box-sizing:border-box; padding:0 15px; margin:12px 0; border:none; background:none;}
/*地图*/
.modal {
    overflow-x: hidden;
    overflow-y: auto;
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.slides{
	/*height:496px;*/
	overflow:hidden;
}
.img_60203{
	min-height:315px;
}
.info_60164{
	min-height:339px;
}
.weixin{
	min-height:123px;
}
.info_61023{
	min-height:175px;
} 
.dialing{
	min-height:24px;
} 
.telephone{
	min-height:24px;
} 
.list_28442{
	min-height:30px;
} 
.pd_both_box_list ul{
    height: 576px; 
}
.article_list_28044{
	height: 385px;
}
.news_both_list ul{
    height: 376px; 
}

