﻿@charset "utf-8";
/* CSS Document 2016.3 */
body { font-family:"微软雅黑"; margin:0;padding:0;font-size:12px;color:#333;margin:0 auto; }
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border:0;}
ul,li{list-style-type:none;}
a {color:#333;}
img{border:0;vertical-align:middle;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:12px;font-weight:normal;}
/* Link */
a,span{text-decoration:none; }
a{cursor:pointer!important;}
a:hover {color:#00a2e9;text-decoration:none;transition: all 300ms ease 0s;}
a:link, a:visited { text-decoration: none; transition: all 300ms ease 0s; outline:none;}
i,em,b{ font-style:normal;display: inline-block;}
.nomr { margin-right:0px!important;}
/* Other */
.pc-show{display:inherit; width: 100%;}
.phone-show{display:none;}
.phone-nav
{
    display:none;
}
.header-search2
{
    display:none;
}
.header_tel2
{
    display:none;
}
@media (max-width:960px){
.pc-show{display:none;}
.phone-show{display:inherit; position: relative; z-index: 90; margin-top: 65px;}
	}
.t-center{text-align:center;}
.clear{ clear:both; display:block;}
.clearfix:after{content:".";display:block; height:0;clear:both;visibility:hidden;} /* only FF */
.fl{float:left!important;}
.fr{float:right!important;}
.hid{overflow:hidden;}

.col5{width: 45%;float:left;}
.col6{width: 49%;float: left;margin-top: 5%;margin-right: 3.5%;}


.page{text-align:center; padding-top:15px; line-height:23px; margin:10px auto 20px; clear:both; overflow:hidden; color:#999;}
.page a{color:#000;}
.page a:hover,.page b{color:#00a2e9;}

.page-next{margin-top:30px; border-top:#ddd 1px solid; padding-top: 23px;}
.page-next2{margin-top:10px;}

.news-pic img{max-width:500px; max-height:500px;}

.fontRed{color:#00a2e9;}
.fontWhite{color:#fff;}
.fontOrg{color:#00a2e9!important;}
.fontBlue{color:#00a2e9;}

.padding-20{padding:20px;}
.padding-36{padding:0 46px;}

.Fcenter{ text-align:center;}
.Fright{ text-align:right;}
.Fleft{ text-align:left;}
.w{ width:100%; clear:both;}
.w600 { width:600px; margin:0px auto;}
.w1200 { max-width: 1600px;margin:0px auto;height:auto;overflow:hidden;}
.w1400 { width:1400px; margin:0px auto; height:auto; overflow:hidden;}
.w1600 { max-width: 1670px;margin:0px auto;height:auto;overflow:hidden;}
.w1 { width:100%; margin:0px auto; height:auto; overflow:hidden;}
.foot{text-align:center; padding-top:10px; line-height:30px;}

.btn{display:inline-block; clear:both; padding:10px 50px; margin-top: 20px; border-radius: 30px; height: 32px; line-height: 32px; font-size:16px;}
.btn-yellow{background:#00a2e9; color:#ffffff;}
.btn-yellow:hover{color:#00a2e9; border:#00a2e9 1px solid; background:none;}
.btn-back{background:#eee; border:1px solid #ccc; margin:0 auto 35px; cursor:pointer; width:60px; height:24px; display:block;}
.btn-back:hover{background:#00a2e9; color:#000;}

/*top*/
.topline { width:100%; position:absolute; z-index:10; top:0; color:#000; text-align:right; font-size:12px;}
.topline a:nth-child(1){color:#00a2e9;}
.top{ clear:both; width:100%; height:108px; border-top:3px solid #00a2e9;}
.top .logo{width:405px; height:100px; text-align:left; float:left; line-height:100px;}
.top .logo a{display:block; width:405px; height:100px; cursor:pointer;}
.top a:hover{color:#00a2e9;}
.nav{width:auto; overflow:visible; position:relative; z-index:9;}
.nav > ul{float:right; min-height: 500px; margin-right: 0px;}
.nav > ul > li { float:left;height:40px; margin-top:40px; position:relative;}
.nav > ul > li > a { display:block; height:40px; line-height:40px; font-size:16px; color:#000; padding:0px 22px;}
.nav > ul >  li:hover{border-bottom:2px solid #00a2e9;}
.nav > ul >  li:hover > a {background: rgba(0,0,0,0); color:#00a2e9;}
.nav > ul >  li:nth-child(8){display:none;}

.sub { width:100%;  display:none; position:absolute; top:40px; left:0px; z-index:20005; background: rgba(0,0,0,0.5); }
.sub li { width:100%;}
.sub li a{ width:100%; text-align:center; font-size:14px; height:36px; line-height:36px; display:block; color:#fff;}
.sub a:hover {  color:#FFF !important; background:#00a2e9;font-size:14px;}

#menu_button_wrapper{display: none;}
.hidden {display: none;}


.index_contact p{ font-size:26px !important; color:#ffffff; margin:5px 0px 0px !important; line-height: 42px !important;}
.index_contact span{ font-size:26px !important; color:#00a2e9 !important; margin:0px 0px 5px !important; line-height: 30px !important;}
.top .logo img{ width:100% !important;}


@media (max-width:1300px){
.w1200 { width:96%; margin:0px auto; height:auto; overflow:hidden;}
.nav{width:auto; float:right; overflow:visible;}
}


.header-search {
	width: 100px;
	height: 100px;
	position: relative;
	float: right;
	cursor: pointer;
}
.header-search img {
	width: 22px !important;
	position: absolute;
	right: 32px;
	top: 32px;
}
@media only screen and (max-width: 1700px) 
{
    .pro_bg {
        padding-top: 142px !important;
        padding-bottom: 29px !important;
    }
}
@media only screen and (max-width: 1500px) 
{
    .pro_bg {
        padding-top: 126px !important;
        padding-bottom: 0px !important;
    }
}
@media only screen and (max-width: 1350px) 
{
    .top .logo {
        background-size: 100% !important;
        margin-top: 10px !important;
    }
    .top .logo {
        width: 360px !important;
    }
    .top .logo a {
        width: 360px !important;
    }
}
@media only screen and (max-width: 1300px) {
.header-search input {
		width: -moz-calc(100% - 80px);
		width: -webkit-calc(100% - 80px);
		width: calc(100% - 80px);
		height: 100%;
		padding: 0 15px;
		font-size: 24px;
		background-color: transparent;
		border: none;
		position: absolute;
		right: 80px;
		top: 0px;
	}
.header-search input {
    width: 115px !important;
    right: 90px;
    top: 40px !important;
}
.header-search {
    width: 90px;
    height: 108px;
}
.header-search img {
    right: 44px !important;
    top: 49px !important;
    width: 26px !important;
}
.nav > ul {
   margin-right: 39px !important;
}
.top .logo {
    width: 230px !important;
    background-size: 100% !important;
    margin-left: 12px !important;
    margin-top: 11px !important;
}
.top .logo a {
    width: 230px !important;
}
.header-search {
    width: 50px !important;
}
.header_tel {
    margin-top: 48px !important;
}
.in-banner
{
    background-size: contain !important;
    height: 300px !important;
}
.pro_bg {
    padding-top: 106px !important;
    padding-bottom: 36px !important;
}
}
@media only screen and (max-width: 750px) {
.header-search 
{
    display:none;
}
.header-search2 {
    width: 95%;
    height: 60px;
    position: relative;
    float: left;
    cursor: pointer;
    margin-top: 24px;
    margin-left: 15px;
    display:block;
}
.header-search2 img {
	width: 22px !important;
	position: absolute;
	right: 32px;
	top: 32px;
}
	.header-search2 input {
        width: 69%;
        padding: 0 10px;
        font-size: 14px;
        right: 40px;
        height: 35px;
        line-height: 35px;
    }
	.header-search2 img {
	    width: 20px;
	    right: 15px;
	    top: 10px;
	}
.top .logo {
    width: 340px !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.top .logo a {
    width: 330px !important;
}
.index_contact p{ width:100% !important; text-align:center !important; font-size:18px !important; color:#ffffff; margin:5px 0px 0px !important; line-height: 50px !important;}
.index_contact span{ width:100% !important; text-align:center !important; font-size:18px !important; color:#00a2e9 !important; margin:0px auto 0px !important; line-height: 30px !important;}
.header_tel
{
    display:none;
}
.header_tel2
{
    float:left;
    margin-top: 0px;
    margin-left: 15px;
    display:block;
}
.header_tel2 span
{
    color:#ffffff;
    font-size:24px;
}
}
@media only screen and (min-width: 1200px) 
{
    .header-search input {
		width: 155px;
		height: 40px;
		border-radius: 5px;
		padding: 0 10px;
		font-size: 14px;
		overflow: hidden;
		background-color: #FFFFFF;
		border: 1px solid rgba(0,0,0,0.5);
		position: absolute;
		right: 80px;
		top: 20px;
		z-index: 99999;
		display: none;
	}
	.header-search:hover input {
		display: block;
	}
.header_tel
{
    float:right;
    margin-top: 43px;
}
.header_tel span
{
    color:#ffffff;
    font-size:24px;
}
}
@media only screen and (min-width: 1200px) {
	.header-search {
		width: 90px;
		height: 108px;
	}
	.header-search img {
		width: 28px;
		right: 31px;
		top: 53px;
	}
	.header-search input {
		width: 155px;
		right: 90px;
		top: 44px;
	}
}
@media only screen and (min-width: 1550px) {
	.header-search {
		width: 100px;
		height: 108px;
	}
	.header-search img {
		width: 36px;
		right: 51px;
		top: 50px;
	}
	.header-search input {
		width: 140px;
		right: 100px;
		top: 38px;
	}
}

/* Responsive for smaller screens */
@media (max-width:960px){
	.topline{display:none;}
	.w1200,.w1240{width:100%!important;}
	.w1200 input[type="button"]{display:block; margin:0 auto!important;}/* 返回按钮 */
	.top { height: 65px!important; position: fixed; z-index: auto; background-color: #ffffff; top: 0; z-index: 9999;}
	.top .logo{width:100%; max-width:100%; text-align:center; line-height:50px; position: relative; z-index: 95;}
	.top .logo img{max-width:75%; width:100%; display:block; margin-left:2%;}
	.top a:hover{color:#00a2e9;}
.nav{width:70%; position: fixed !important;right:0;z-index:96; background:none; top:11px; float:none; height:auto;}
.nav > ul{width:100%; float:none; background:#333; height:2500px; overflow:hidden; position:absolute; top:-11px; z-index:99;}
.nav > ul > li {width:100%; height:auto; line-height:45px; margin-top:0; background:#333; border-bottom:#979797 1px solid;}
.nav > ul > li > a {line-height:45px; height:45px; color:#fff;}
.nav > ul >  li > a:hover {color:#00a2e9; background:none; height:45px; line-height:45px; margin:0;}
.nav > ul >  li:nth-child(8){display:inherit; color:#fff; border:none;}
.nav > ul >  li:nth-child(8) a{float:left;}


.sub {display:none;top:60px;background:#333; border-top:#979797 1px solid; position:relative; z-index:auto; top:0;}
.sub li { width:100%;color:#fff; border-bottom:#979797 1px solid;}
.sub li a{ width:100%; padding-left:35px; text-align:left; font-size:14px; height:45px; line-height:45px;}
.sub a:hover {  color:#00a2e9; background:#fff;font-size:14px;}

#menu_button_wrapper{display: block;padding: .8em .8em .8em .8em; margin-top:0;}
#menu_button {
        float: right;
        padding: .6em .7em;
        border-radius: 2px;
        color: white;
		background:#00a2e9;}
#menu_button:hover {
        cursor: pointer;
        background-color: #333;}    
#hamburger {padding-top: .15em;}    
#menu_button span{
        display: block;
        background-color: #fff;
        width: 1.8em;
        height: .25em;
        border-radius: 1px;
        margin-bottom: .2em;}
.qyhj {
    width: 96% !important;
    float: initial !important;
    margin:10px auto !important;
}
.qyhj li {
    width: 49% !important;
}
}


.in-prolist .prlistbox:nth-child(3n+0) 
{
    
}


/* fullSlide */
.fullSlide{width:100%;position:relative;height:auto;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:638px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:638px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#00a2e9;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
@media (max-width:960px){
.fullSlide .bd li{height:200px; background-size:160%!important;}
.fullSlide .bd li a{height:200px;}
.phone-nav
    {
        display:block;
    }
}
@media (max-width:550px){
.fullSlide .bd li{height:200px; background-size:160%!important;}
.fullSlide .bd li a{height:200px;}
}




.index-tt{border-bottom:#c3c3c3 1px solid; padding-bottom:10px; text-align:center; width:100%; height:auto; overflow:hidden;}
.index-tt span{font-size:28px; color:#135fb4;}
.index-tt em{font-size:15px; color:#b2b2b2; text-transform:uppercase;}
.index-tips{width:100%; line-height:55px; font-size:16px; color:#333; text-align:center; height:auto; overflow:hidden;}
.subnav-list{width:100%; height:auto; overflow:hidden; margin-bottom:18px;}
.subnav-list li{float:left;}
.subnav-list li a{display:block; padding:8px 25px; background:#135fb4; font-size:15px; color:#fff; margin-right:15px; border:#135fb4 1px solid;}
.subnav-list li a:hover{color:#333; border:#135fb4 1px solid; background:none;}
.subnav-list li:nth-child(1) a{background:#00a2e9; border:#00a2e9 1px solid;}
.subnav-list li:nth-child(1) a:hover{color:#333; border:#00a2e9 1px solid; background:none;}


.index_news .index_news_right{ position:absolute; height:100%; margin-right:4%; width: 64%; right:-50px; opacity:0;}
.index_news .index_news_right .news_right_list{ padding:0px 12px; border-left:1px solid #eaeaea; height:100%; padding-top:40%; text-align:left;}
.index_news .index_news_right .news_right_list .right_list_time1{ font-size:78px; color:#00a2e9; margin-bottom:18%;}
.index_news .index_news_right .news_right_list .right_list_time2{ font-size:14px; color:#333333; margin-bottom:10px;}
.index_news .index_news_right .news_right_list .right_list_title{ font-size:16px; color:#333333;display: -webkit-box; width:100%;
-webkit-box-orient: vertical; line-height:32px;
-webkit-line-clamp: 2;
overflow: hidden;}
.index_news .index_news_right .news_right_list .right_list_title:hover{ color:#00a2e9;}
.index_news .index_news_right .news_right_list .right_list_late{ font-size:12px; color:#999999; margin-bottom:10px; margin-top:10px;}
.index_news .index_news_right .news_right_list .right_list_img{ display:inline-block; width:100%; overflow:hidden;}
.index_news .index_news_right .news_right_list .right_list_img img{ width:100%; height:196px; object-fit:cover;}
.index_news .index_news_right .news_right_list p{ font-size:14px; color:#999999;display: -webkit-box; margin-top:20px;
-webkit-box-orient: vertical; line-height:26px;
-webkit-line-clamp: 3;
overflow: hidden;}
.index_news .index_news_right .news_right_list .right_list_more{ display:inline-block; margin-top:40px;}
.index_news .index_news_right .news_right_list .right_list_img img{
	-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
.index_news .index_news_right .news_right_list:hover .right_list_img img{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}
.i-wrap4 .box{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 0;
}
.i-wrap4 .left{
	width: 29.7%;
	float: left;
	position: relative;
	left: -50px;
	opacity: 0;
	top: 50%;
	margin-top: -190px;
	margin-left: 5%;
}
.i-wrap4 .left h1{
	font-size: 30px;
	color: #333333;
	line-height: 62px;
	font-family: 'MyNewFont';
	font-weight:normal;
}
.i-wrap4 .left h2{
	font-size: 22px;
	color: #333333;
	line-height: 25px;
	margin:4% 0 4%;
	font-weight:normal;
}
.i-wrap4 .left p{
	font-size: 14px;
	color: #666;
	line-height: 35px;
}
.i-wrap4 .left .btns{
	width: 37px;
	margin-top: 9px;
	margin-left: 8px;
	text-align: center;
	color: #dfdfdf;
}
.i-wrap4 .btns a{
	width: 11px;
	height: 20px;
	display: inline-block;
	position: relative;
    top: 3px;
    transition:background 0.3s;
}
.i-wrap4 .btns i{
	width: 1px;
	background: #dfdfdf;
	display: inline-block;
	height: 26px;
}

.i-wrap4 .more{
	width: 164px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	background: #00a2e9;
	display: block;
	margin-top: 7%;
	border-radius: 30px;
}
.i-wrap4 .right{
	float: right;
	width: 63%;
	overflow: hidden;
}
.i-wrap4 .right ul{
	width: 1000%;
	float: left;
}
.i-wrap4 .right li{
	float: left;
	border-left: 1px solid #eaeaea;
	height: 100%;
	box-sizing: border-box;
	position: relative;
	left: 50px;
	opacity: 0;
}
.i-wrap4 .right a{
	display: block;
	width: 100%;
	padding: 28.7% 4% 0;
}
.i-wrap4 .right img{
	width: 100%;
}
.i-wrap4 .right .day{
	font-size: 80px;
	color: #666;
	line-height: 60px;
	opacity: 0.2;
	padding-bottom: 54%;
}
.i-wrap4 .right .data{
	font-size: 14px;
	color: #333333;
	line-height: 33px;
	margin-bottom: 7px;
}
.i-wrap4 .right h2{
	font-size: 16px;
	color: #333;
	line-height: 25px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 6%;
	transition:color 0.3s;
}
.i-wrap4 .right .latest{
	font-size: 12px;
	color: #999999;
	line-height: 19px;
	margin-bottom: 4%;
}
.i-wrap4 .right .pic{
	margin-bottom: 7%;
}
.i-wrap4 .right img{
	transition:all 0.3s;
}
.i-wrap4 .right .font{
	font-size: 13px;
	color: #888888;
	line-height: 20px;
	height: 80px;
	overflow: hidden;
}
.i-wrap4 .right .more{
	width: 52px;
	height: 11px;
	background: url(../img/wel10.png) no-repeat center;
	margin-top: 19%;
	position: relative;
	left: 0;
	transition:left 0.3s;
}
.i-wrap4 .right .pic{
	overflow: hidden;
}
.i-wrap4 .right li.on .bg{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	background: url(../img/wel11.png) no-repeat right center;
	background-size: 100% 100%;
	height: 100%;
}
.svg-box{
	position: relative;
	left: 50%;
	top: 50%;
	margin: -334px 0 0 -334px;
}
.dot-red{fill:#ED1D24;display: none;}
.dot-red.active{
	display: block;
}





/*底部*/
.bottom {background:#313131;color:#f5f5f5; line-height:24px; padding:18px 0; font-size:14px; overflow:hidden;}
.bottom a{color:#f5f5f5;}
.bottom a:hover{color:#00a2e9;}
.footer{width:100%; height:auto; overflow:hidden; clear:both;background:#f5f5f5; border-top:10px #193064 solid;}
.footer .fl{width:50%;}
.footer .fr{width:50%;}

@media (max-width:960px){
.bottom .fl{width:90%; margin:0 auto 40px; float:none!important;}
.bottom .fr{display:none!important;}
.bottom {line-height:20px; padding:12px 0;}
}

/*内页公用*/
.main-bg{width:auto; height:auto; overflow:hidden;}
.in-banner { height:413px; margin-bottom:10px; position:relative; z-index:-1;}
.main-site{border-bottom:#ddd 1px solid; font-size:15px; line-height:22px; color:#666; text-align:right; margin-bottom:18px;overflow: hidden; padding:8px 0 10px;}
.main-site em{color:#00a2e9;}

.in-nav { height:auto; float:left; width:18%; padding-bottom:30px; margin-top: 13px;}
.in-nav dl { width:100%;  height:auto; overflow:hidden; box-shadow:0px 0px 6px 3px #eee; margin-left:10px;}
.in-nav dt{font-size:20px; line-height:50px; text-align:center; border-bottom:#ddd 1px solid;}
.in-nav dd {border-bottom:#ddd 1px solid; line-height:50px; text-align:center;}
.in-nav dd a{text-align:center; font-size:16px; }
.in-nav dd:hover,.in-nav dd.active,.in-nav dt.active{background:#00a2e9; color:#fff;}
.in-nav dd:hover a,.in-nav dd.active a{color:#fff;}

.in-con { float: left; box-shadow: -3px 0px 12px 6px #eee; margin: 15px 15px 35px 20px; width: 97%; font-size: 14px; color: #333; line-height: 24px;}
.main-tt{ font-size: 36px; text-align:center; text-transform:uppercase; margin:20px 35px 20px; overflow:hidden; height:auto; min-height:30px; line-height:123px;}
.main-tt p{width:100%; text-align:center; height:128px;}
.main-tt em{color:#00a2e9;}
.main-info{background:#fff; width:100%; height:auto; overflow:hidden;}

@media (max-width:960px){
	.in-banner{background-size:116%!important; height:112px; margin-top: 65px;}
	.in-nav{width:90%; margin:0 auto 30px; height:auto; overflow:hidden; float:none; display:block; clear:both; padding-bottom:0px;}
	.in-nav dl{border:0; padding-left:0; margin-left:0; width:100%; height:auto; overflow:hidden; background:none;}
	.in-nav dl dt{display:none;}
	.in-nav dl dd{float:left; text-align:center; border-bottom: none;}
	.in-nav dl a { display:block; text-indent:0; padding:0; height:38px; line-height:38px; border:1px dashed #dcdcdc; background:#f5f5f5; margin:0 5px 5px 0; border-radius:3px; font-size:14px; width: 101px;}
	.in-nav dl dd span{display:none;}
	.in-nav dd:hover a, .in-nav dd.active a{border-color:#00a2e9; color:#00a2e9; background:#fff;}
	.in-nav dd:hover, .in-nav dd.active{ color:#00a2e9; background:#fff;}
	
	.in-con{width:100%; margin:0 auto; float:inherit; display:block; height:auto; overflow:hidden; clear:both}
	.main-tt{ text-align:center; font-size:22px; line-height:2.5em; height:auto; padding:6px 0; float:none; margin:0 auto 0px;}
	.main-tt p{height:auto;}
	.main-site{width:90%!important; display:block; font-size:1.1em;}

	.pro-nav li{margin:0 2px 8px;}
	.pro-nav li a{height:30px; line-height:30px; padding:0 8px; border-radius:5px;}
	.page a {
        line-height: 30px!important;
        padding: 0 10px!important;
        margin-bottom:10px;
    }
    .padding-20 {
        padding: 0px;
    }
	}


/*内页about*/
.about-info{width:auto; background:url(../images/about-bg.jpg) no-repeat center 150px; padding:10px 37px 37px; height:auto; line-height:26px; overflow:hidden; clear:both; text-align: justify;}
.info-list{width:auto; padding:10px 37px 37px; height:auto; line-height:26px; overflow:hidden; clear:both;}
.info-list table{width:100%;}

/*产品*/
.in-prolist { padding:10px 0 37px 35px; width:auto; height:auto; overflow:hidden;}
.in-prolist table{width:100%!important; border:1px #ccc solid!important; padding:0!important;}
.prlistbox { float:left; width:29.5%; border:1px solid #ddd; padding:6px; height:auto; overflow:hidden; margin-right:17px; margin-bottom:20px; text-align:center;}
.prlistbox .prlistimg {max-width:100%;  max-height:auto; transition: all 300ms ease 0s; }
.prlistbox .prlistimg img{width:100%!important; height:auto!important;}
.prlistbox:hover { border-color:#00a2e9;}
.prlistbox:hover a{color:#00a2e9;}
.prlistbox .prlistname {width:100%; line-height:28px; text-align:center; top:; left:0px; color:#111; font-size:14px; display:block;overflow: hidden;text-overflow:ellipsis;
white-space: nowrap;}
.prlistbox:hover .prlistname{color:#00a2e9;}
.prolist-pic {text-align:center;}
.prolist-pic img{width:auto;  margin:0 auto; border:#f1f1f1 1px solid; border-radius:8px; max-width: 502px;}

.in-prolist-info{padding:10px 40px 40px; text-align: justify;}
.in-prolist-info table{border-top:#ccc 1px solid;border-left:#ccc 1px solid; border-right-width:0!important; border-bottom-width:0!important; width:100%!important; background:#fff!important;jerry: expression(cellSpacing="0");
border-collapse: separate;
border-spacing: 0px;}
.in-prolist-info table td,.in-prolist-info table th{border-bottom:#ccc 1px solid !important;border-right:#ccc 1px solid !important; border-left-width:0!important; border-top-width:0!important; padding:5px 3px 5px 3px; background:#fff!important; text-align:center; word-wrap: break-word; word-break: break-all;}
.in-prolist-info table tr {
    transition: all .2s;
}

.in-prolist-info table tr:hover {
    background: #e7f1fc;
}


.descon_item{padding:0;}
.descon_item table{border-top:#ccc 1px solid;border-left:#ccc 1px solid; border-right-width:0!important; border-bottom-width:0!important; width:100%!important; background:#fff!important;jerry: expression(cellSpacing="0");
border-collapse: separate;
border-spacing: 0px;}
.descon_item table td,.descon_item table th{border-bottom:#ccc 1px solid !important;border-right:#ccc 1px solid !important; border-left-width:0!important; border-top-width:0!important; padding:5px 3px 5px 3px; background:#fff!important; text-align:center;}


@media (max-width:960px){
.in-prolist{padding:5px!important;}
.prlistbox { float:left; width:47%; border:1px solid #ccc; padding:10px 0; height:auto; overflow:hidden; margin-bottom:15px; text-align:center;}
.prlistbox:nth-child(odd){margin:0 10px 0 3px;}
.prlistbox:nth-child(even){margin-right:0;}
.prlistbox .prlistimg {width:100%; max-width:100%;  max-height:auto; transition: all 300ms ease 0s; }
.prlistbox .prlistimg img{width:100%!important;  height:auto!important;}
.prlistbox .prlistname{width:100%;}
.prolist-pic img{width:100%; max-width:100%; margin:0 auto;}
.in-prolist-info{padding:10px 20px 20px;}

.in-con .w1200{width:90%!important; margin:0 auto;}
.in-con .w1200 p img{width:100%; max-width:100%;}
.about-info{margin-bottom:30px; overflow:hidden; padding: 10px 10px 37px !important;}
.honor-list ul li,.in-prolist1 ul li{width: 43%!important; margin:0 10px 15px 0!important;}
.news-list .info_conbox img{ width:100%; height:auto;}
}

/*新闻*/
.news-list li{line-height:45px; height:45px; width:96%; display:block; border-bottom:#ccc 1px dotted; font-size:16px;}
.news-list li a{display:block; float:left; font-size:16px; width:85%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.news-list li span{display:block; float:right; text-align:right; font-size:12px; color:#999; width:15%;}

.news-list h2{font-size:25px; height:auto; min-height:30px; text-align:center; margin:20px 35px 0; overflow:hidden; line-height:30px;}
.news-list .info{background:#f5f5f5; font-size:14px; padding:5px; color:#999; text-align:center; margin:15px 20px;}
.news-list .info_conbox{font-size:15px; line-height:27px; padding:10px 20px 20px; text-align: justify;}
.news-list .info_conbox div:nth-child(1){margin-bottom:10px;}
.news-list .info_conbox table{border-top:#ccc 1px solid;border-left:#ccc 1px solid; border-right-width:0!important; border-bottom-width:0!important; width:100%!important; background:#fff!important;jerry: expression(cellSpacing="0");
border-collapse: separate;
border-spacing: 0px;}
.news-list .info_conbox table td,.in-prolist-info table th{border-bottom:#ccc 1px solid !important;border-right:#ccc 1px solid !important; border-left-width:0!important; border-top-width:0!important; padding:5px 3px 5px 3px; background:#fff!important; text-align:center; word-wrap: break-word; word-break: break-all;}
.news-list .info_conbox table tr {
    transition: all .2s;
}

.news-list .info_conbox table tr:hover {
    background: #e7f1fc;
}


/*荣誉资质*/
.honor-list{margin-left:39px;}
.honor-list li{width: 31.15% !important; float:left; padding:2px; margin:0 15px 20px; text-align:center; height:auto; overflow:hidden;}
.honor-list li img{width:100% !important; height:auto; display:block; transition: all 0.5s; margin: 0 auto;}
.honor-list li a:hover img{ transform: scale(1.1);}
.honor-list li .pro-t{overflow: hidden; white-space: nowrap; text-overflow:ellipsis; line-height:50px; font-size:14px;} /*  列表标题隐藏 */
.fancybox-opened .fancybox-title{display:none;}/* 点击放大后的隐藏 */

/*联系我们*/
.about_msg{padding:20px!important;}
.about_msg .fl{padding-left:20px; font-size:16px;}

/* 视频 */
.video-list li{width:100%; border:#ededed 1px solid; padding:15px; float:left; text-align:center; line-height:35px; height:auto; overflow:hidden; margin-right:15px;}
.video-list li span,.video-list li a{width:100%; text-align:center; line-height:20px; margin:4px 0; display:block; height:auto; overflow:hidden; font-size:16px; color:#333;}
.video-list li span img{display:block; width:100%; max-width:100%; height:auto; border-radius:10px;}
.video-list li img{display:none;}


@media (max-width:1600px){
.honor-list li {
    width: 29.8% !important;
    margin: 0 15px 0px;
}
}

@media (max-width:960px){
	.news-list h2{font-size:1.3em; height:auto; text-align:center; margin:20px 25px 0; overflow:hidden;}
	.honor-list li{width:45.8%!important; margin: 0 0 15px 3%;}
	.honor-list li img{width:95%!important;}
	
	.about_msg{padding:20px 10px!important;}
	.about_msg .fl{float:none; width:100%; padding-bottom:15px; padding-left:0;}
	.about_msg iframe{width:100%!important; margin:0 auto;}
	
	.video-list li{width:80%; float:none; margin:0 auto 20px;}
	
    .honor-list {
        margin-left: 0;
    }
}

/*page*/
#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px;margin:10px 0 30px 0;padding:30px 0px;height:40px;clear:both;text-align:center;}
#dcms_pager .pages a {border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:10px;font-size:12px;height:40px;line-height:40px;background:#fff;}
#dcms_pager .pages a:hover {border:1px solid #dcdcdc;}
#dcms_pager .pages .pgempty {border:1px solid #dcdcdc;color:#999999;background:#fff;}
#dcms_pager .pages .pgcurrent {border:1px solid #aeaeae;color:#fff;font-weight:bold;background-color:#00a2e9;}

/* phone-底部导航 */
.phone-nav{position:fixed; bottom:0; z-index: 998;}
.phone-nav a{display:block; float:left; width:33.33333333%; height:auto; overflow:hidden;}
.phone-nav a img{width:100%;}

/*---------------------客服组件-------------*/
.icon-zs{position:fixed; z-index:999999; right:10px; bottom:10px;}
.w-service-fixed{position:fixed; bottom:50%; right:10px; margin-bottom:-220px; z-index:200000; font-size:14px;}
.bg_s_default{ background:#00a2e9;}
.color_s_default{color:#00a2e9;}

.w-service-fixed .color_s_default:hover{color:#00a2e9;}
.w-service-fixed .bg_s_default:hover{ background:#00a2e9;}
.w-service-fixed .service-popc{background:#00a2e9; }
.w-service-fixed .service-item{width:46px; height:46px; line-height:46px; margin-bottom:2px; position:relative; text-align:center;}
.w-service-fixed .service-item .service-popc{ position:absolute; right:46px; top:0; width:0; overflow:hidden; text-align:left; color:#fff; }
.w-service-fixed .service-item .service-popc a{ color:#fff; text-decoration:none; display:block;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;overflow: hidden;}
.w-service-fixed .service-item:hover .service-popc{ width:180px;transition: width 0.2s;-moz-transition: width 0.2s;-webkit-transition: width 0.2s; -o-transition: width 0.2s; }
.w-service-fixed .service-item .service-popc a:hover{ opacity:0.75; *filter:alpha(opacity=75); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);}
.w-service-fixed .service-item .service-popc .service-popc-in{padding:10px 13px 11px; line-height:1.5;}

.w-service-fixed .service-item-qrCode .service-popc{ top:auto; bottom:0;}
.w-service-fixed .service-item-qrCode .qrCodeImg img{ max-width:100%;}
.w-service-fixed .icon_service{ display:inline-block; *display:inline; *zoom:1; width:35px; height:35px; background:url(../images/icon_service.png) no-repeat; vertical-align:middle;}
.w-service-fixed .icon_service_qq{ background-position:0 0;} 
.w-service-fixed .icon_service_tel{ background-position:0 -35px;}
.w-service-fixed .icon_service_msn{ background-position:0 -70px;}
.w-service-fixed .icon_service_qrCode{ background-position:0 -105px;}
.w-service-fixed .icon_service_whatsApp{ background-position:0 -140px;}
.w-service-fixed .icon_service_skype{ background-position:0 -175px;}
.w-service-fixed .icon_service_wangWang{ background-position:0 -210px;}
.w-service-fixed .icon_service_email{background-position:0 -245px;}
.w-service-fixed .service-item-top{ cursor:pointer; display:none;}
.w-service-fixed .service-item-top .fa-caret-up{ position:absolute; top:-10px; left:18px; font-size:16px; }
.w-service-fixed .service-item-top .topIcon{ color:#fff; font-size:15px;}
.w-service-fixed .ic_s{ display:inline-block; *display:inline; *zoom:1; width:25px; height:25px; vertical-align:middle; margin-right:-15px;}
.w-service-fixed .ic_s_qq{ background-position:0 0;} 
.w-service-fixed .ic_s_tel{ background-position:0 -25px;} 
.w-service-fixed .ic_s_msn{ background-position:0 -50px;} 
.w-service-fixed .ic_s_whatsApp{ background-position:0 -100px;}
.w-service-fixed .ic_s_skype{ background-position:0 -125px;}
.w-service-fixed .ic_s_wangWang{ background-position:0 -150px;}
.w-service-fixed .ic_s_email{ background-position:0 -175px;}
@media (max-width:1200px){
	.nav > ul > li > a {padding:0px 15px;}
	}
@media (max-width:960px){
.icon-zs{display:none;}
.w-service-fixed{display:none;}
}


.nodata{ width:100%; float:left; text-align:center; font-size:16px;}


.page{ float:left; width:100%; margin-bottom:50px; margin-top:30px; text-align:center;}
.page a{ display:inline-block; background:#fff; border:1px solid #eee; border-left:none; font-size:16px; color:#666; line-height:40px; padding:0 20px; text-transform:uppercase;}
.page a.cur,.page a:hover{ background:#00a2e9; border-top-color:#00a2e9; border-bottom-color:#00a2e9; color:#fff;}
.page a:first-child{ border-left:1px solid #eee;}
.p_rt a{ font-size:14px; border-right:none; border-left:1px solid #eee;}
.p_rt a:last-child{ border-right:1px solid #eee;}



.foot1{ width:1200px; margin:0 auto; color:#ffffff; text-align:center; position:absolute; bottom:10px; left: 50%; margin-left: -600px;}
.foot1 a{ color:#ffffff;}


.pro_bg{ background:url(../images/index-pro1.jpg) bottom center no-repeat; background-size:100%; width:100%; min-height:721px; float:left; text-align:center; padding-top: 160px; padding-bottom: 115px;}


.industry p{ font-size:16px; line-height:26px; color: #666; padding: 21px 0px;}