*{padding:0;margin:0;}
li{list-style: none;}
p{font-family: "Source Sans Pro",Helvetica,Arial,sans-serif;}
td{padding: 5px 5px;}
.testcolor{
	background-color: #aeaeae;
}
.testsolid{
	border: 1px solid #000;
}
.dropdown-menu{
	border: none;
}
/*----------顶部----------*/
.welcome{
	height: 3rem;
	line-height: 3rem;	
	/*background-image: linear-gradient(50deg, #2c7dbe 20%,#5d62b3 80%);*/
	background-color: #5288b8;
	color: #fff;	
}
.welcome span{
	font-family:"微软雅黑",arial;
}
.logo{
	line-height: 80px;
}
.share{
	float: right;
}
.share img{
	margin-bottom: 6px;
	margin-left: 5px;
}
.share p{
	font: bold 15px/36px 'Source Sans Pro',Helvetica; 
	margin-bottom: 0; 
	text-decoration: underline;
	display: inline-block;
}
@media (max-width: 767px){
.logo{
	line-height: 2rem;
	text-align: center;
	background-color: #fff;
}
.share{
	display: none;
}
.welcome_intro{
	text-align: center;
	display: block;
	margin: 0 auto;
}
.logo img{
	width: 80%;
}
}
/*----------banner----------*/

/*----------运用领域----------*/
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active{
	border-color:#fff;
	box-shadow: 0px 0px 5px  #cacaca;
}
.yy_box{
	margin:80px 0; 
	height: 300px;
}
.yy_main{
	margin:15px 0;
	height: 270px;
	border-radius:20px;
}
.yy_ico{
	width: 120px;
	height: 120px;
	margin: 20px auto; 
}
.yy_ico>img{
	width: 100%
}
.yy_intro{
	padding: 0 5px;
	display: block;
	text-align: center;
}
.yy_intro>h4{
	font-weight: bold;
	color: #212330;
}
.yy_intro>p{
	color: #8c8c8c;
}
.thumbnail:hover{
	text-decoration: none;
	color: #696969 ; 
}
.alert {
	border: 1px solid #696969;
}
.yy_pic_up:hover .yy_ico>img{
	margin-top: -8px;
	-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.yy_pic_up:hover .yy_intro>h4{
	color: #5288b8;
}
.applicationArea_mob{
	display: none;
}
@media (max-width: 767px){
.yy_box{
	margin: 0 0; 
	height: 14rem;
}
.yy_main{
	margin: 1rem 0;
	height: 12rem;
	border: 1px solid #aeaeae;
	border-radius:5px;
}
.yy_ico{
	width: 68%;
	height: 80%;
	margin: 1rem auto; 
}
.yy_intro{
	display: none;
}
.thumbnail{
	border: none;
}
.index_yy_main{
	height: 44rem;
}
.applicationArea{
	display: none;
}
.applicationArea_mob{
	display: block;
	width: 100%;
	padding-top: 15px;
}
.yy_mob_box{
	font: bold 18px "微软雅黑";
	color: #fff;
	width: 48%;
	padding: 0 0;
	padding-top: 11px;
	background-color: #5288b8;
	height: 100px;
	line-height: 26px;
	margin-bottom: 15px;
	text-align: center;
}
.yy_mob_box a{
	color: #fff;
	text-decoration: none;
}
.ml5{
	margin-left: 5px;
}
.mr5{
	margin-right: 5px;
}
}
/*----------公司简介----------*/
.aboutUs{
	background-color: #aeaeae;
}
.aboutUs_left{
	width: 50%;
	height: 400px;
	float: left;
	position: absolute;
	background: rgba(244,247,255,1);
}
.aboutUs_right{
	width: 50%;
	height: 400px;
	float: right;
	overflow: hidden;
}
.about_pic{
	-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 600ms;
}
.aboutUs_right:hover .about_pic{
	transform: scale(1.1);
	-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 600ms;
}
.aboutUs_intro{
	width: 540px;
	height: 340px;
	float: right;
	position: relative;
	right: 30px;
	top: 30px;
}
.aboutUs_intro>h3{
	color: #3370df;
}
.aboutUs_intro>h3::after{
	content: "Company introduction";
	color: #98b5e8;
	font-size: 20px;
	margin-left: 10px;

}
.aboutUs_intro>p{
	color: #212300;
	line-height: 22px;
	font: 14px/22px "Source Sans Pro",Helvetica,Arial;
}
.aboutUs_mask{
	position: relative;
	overflow: hidden;
}
.mark_up{
	-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.aboutUs_mask:hover .mark_up{
	top: 0;
	-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.aboutUs_mask>a{
	color: #fff;
}
.aboutUs_mask>a:hover{
	color: #fff;
	text-decoration: none;
}
.mark_up{
	display: block;
	position: absolute;
	text-align: center;
	top: 160px;
	width: 100%;
	height: 160px;
	line-height: 160px;
	background: rgba(51,112,223,0.8);
	font-size: 18px;
}
@media (max-width: 767px){
.aboutUs_left{
	width: 100%;
	background: rgba(0,0,0,0);
}
.aboutUs_right{
	width: 100%;
}
.aboutUs_intro{
	width: 80%;
	height: 340px;
	padding: 0 1rem;
	float: right;
	position: relative;
	right: 30px;
	top: 30px;
	background: rgba(44,125,190,1);
	color: #fff;
}
.aboutUs_intro>h3{
	color: #fff;
}
.aboutUs_intro>p{
	color: #fff;
	line-height: 20px;
	text-indent: 2em;
}
.aboutUs_intro hr{
	margin-top: 15px;
	margin-bottom: 15px;
}
.mark_up{
	display: block;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 100%;
	height: 100px;
	line-height: 120px;
	background: rgba(20,20,20,0.2);
	font-size: 14px;
}
.aboutUs_intro>h3{
	text-align: center;
}
.aboutUs_intro>h3::after{
	display: none;
}
.aboutUs_mask>a{
	display: none;
}
}
/*----------产品展示----------*/
.products_main a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active{
	border-color: #3370df;
	box-shadow: none;
}
.products h2{
	color: #3370df;
}
.products h2::after{
	content: "Product Center";
	color: #98b5e8;
	font-size: 20px;
	margin-left: 10px;
}
.index_title{
	height: 80px;
	margin-top: 80px;
	margin-bottom: 20px;
}
.products_box{
	height: 330px;
	margin-bottom: 20px;
}
.products_main{
	margin: 15px 0;
	height: 320px;
	overflow: hidden;
	text-align: center;
}
.products_main>a{
	padding: 10px;
}
.products_main>p>a{
	color: #aeaeae;
}
.products_main>p>a:hover{
	color: #3370df;
	text-decoration: none;
}
.products_more{
	margin: 30px auto;
	width: 12%;
	margin-bottom: 80px;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default{
	background-color: #3370df;
	color: #fff;
	border-color: #3370df;
	box-shadow: 0px 0px 15px  #3370df;
	-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
/*@media (max-width: 767px){
.index_title{
	height: 4rem;
	margin-top: 2rem;
	margin-bottom: 20px;
}
.products_main{
	margin: 15px 0;
	height: auto;
	overflow: hidden;
}
.products_box{
	height: auto;
	margin-bottom: 0rem;
}
.products_more{
	margin: 0 auto;
	width: 40%;
	margin-bottom: 2rem;
}
.products_main>a{
	border: #8c8c8c 1px solid;
	margin-bottom: 0.5rem;
}
}*/
@media (max-width: 767px){
	.products{
		display: none;
	}
	.map{
		display: none;
	}
	.news{
		display: none;
	}
}
/*----------地图----------*/
.map{
	padding: 150px 0;
	background: url(../img/map_img.jpg) no-repeat center top;
	/*background-attachment: fixed;*/
    background-size: cover;
}
/*----------新闻----------*/
.news h2{
	color: #3370df;
	font-family: "Source Sans Pro";
}
.index_news_box{
	padding-top: 20px;
	padding-bottom: 20px;
}
.news h2::after{
	content: "News Center";
	color: #98b5e8;
	font-size: 20px;
	margin-left: 10px;
}
.news_main{
	height: 150px;
}
.news_main>img{
	width: 40%;
	display: inline-block;
	float: left;
	overflow: hidden;
}
.news_right{
	width: 55%;
	height: 150px;
	float: right;
}
.news_right a{
	color: #212330;
}
.news_right a:hover{
	text-decoration: none;
}
.news_right a:hover .article_tit{
	color: #3370df;
	font-weight: bold;
}
.art_more{
	float: right;
}
.art_more a{
	text-decoration: none;
}
.art_more a:hover{
	color: #3370df;
	text-decoration: underline;
}
/*----------底部----------*/
footer{
	padding: 30px 0;
	margin-top: 40px;
	background-color: #2c7dbe;
	/*background-image: linear-gradient(50deg, #2c7dbe 40%,#5d62b3 60%);*/
}
.footer_logo ul{
	color: #fff;
	margin-top: 10px;
	line-height: 26px;
}
.footer_list span{
	line-height: 40px;
	color: #fff;
	font-size: 18px;
}
.footer_list li{
	font-size: 13px;
	line-height: 24px;
}
.footer_list a{
	color: #fff;
	-webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;	
}
/*.footer_list a:hover{
	color: #fff;
	text-decoration: none;
}*/
.footer_erweima{
	padding-top: 20px;
	text-align: center;
}
.footer_erweima span{
	margin-top: 5px;
	display: block;
	color: #fff;
	font-size: 12px;
}
/*----------页底版权----------*/
.copyrjght{
	font-size: 12px;
	color: #fff;
	padding: 10px 0; 
	width: 100%;
	text-align: center;
	background-color: #004277;
}
.copyrjght a{
	color: #cecece;
}
.copyrjght a:hover{
	color: #fff;
	text-decoration: none;
}
.copyrjght span{
	padding: 0 5px;
}
@media (max-width: 767px){
footer{
	padding: 2rem 0;
	margin-top: 0px;
	background-color: #2c7dbe;
}	
.footer_logo p{
	width: 100%;

}
.footer_logo img{
	display: block;
	margin: 0 auto;
}
.footer_list{
	display: none;
}
.copyrjght{
	padding: 10px 0; 
}
.footer_logo ul{
	padding: 0 30px;
}
}

/*----------内页开始----------*/
.breadcrumb{
	padding-left: 0;
	padding-right: 0;
}
.breadcrumb > .active{
	color: #aeaeae;
}
.breadcrumb>li>a{
	color: #696969;
}
.in_main{
	width: 1000px;
	padding: 40px 15px 0px;
}
.form-group{
	margin-bottom: 30px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus{
	background-color: #8c8c8c;
}
.pagination > li > a, 
.pagination > li > span{
	color: #696969;
	padding:0;
    margin-left:0;
    border:none;
}
.pagination > li{
	position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
@media (max-width: 767px){
.breadcrumb{
	display: none;
}
.in_main{
	width: 100%;
	padding: 15px 15px 0;
}
.form-group{
	margin-bottom: 10px;
}
.pull-right{
	float: none !important;
	margin: 0 19% 0; 
}
}
/*----------about----------*/
.in_banner>img{
	width: 100%;
}
.breadcrumb{
	background-color: #fff;
}
.about_banner{
	height: 320px;
}
.in_about_introleft>img{
	width: 100%;
}
.in_about_introbottom {
	margin-bottom: 40px;
}
.in_about_introright>p , 
.in_about_introbottom>p {
	padding-top: 10px;
	margin: 0;
	font: 14px/28px "微软雅黑",arial;
}
.in_about_introbottom>h4{
	margin-top: 20px;
}
@media (max-width: 767px){
.in_banner{
	display: none;
}
.product_nav{
	display: none;
}
}
/*----------contact----------*/
.contact_left>h3::after {
	content: "Contact Us";
	color: #cacaca;
	font-size: 20px;
	margin-left: 10px;

}
.contact_right>h3::after {
	content: "Online Message";
	color: #cacaca;
	font-size: 20px;
	margin-left: 10px;
}
.contact_map{
	margin-top: 20px;
}
.Message_form{
	margin-top: 20px;
}
.Message_form button{
	width: 100%;
}

@media (max-width: 767px){
	
}
/*----------product----------*/
.thumbnail .caption h3{
	font: 18px/20px "微软雅黑",arial;
}
.in_product_main .thumbnail{
	padding: 8px 8px 0;
}
.product_box a{
	color: #8c8c8c;
}
.product_box a:hover{
	color: #212330;
	text-decoration: none;
}
.product_nav{
	margin:0 auto; 
/*	padding: 0 25% 0;*/
	margin-bottom: 30px;
}
.product_nav a{
	color: #696969;
}
.product_nav>ul>li{
	margin-bottom: 10px;
}
@media (max-width: 767px){

.product_box{
	padding-right: 5px;
	padding-left: 5px;
}
.in_product_main .thumbnail{
	padding: 4px 4px 0;
}
.thumbnail .caption h3{
	font: 15px/20px "微软雅黑",arial;
}
}
/*----------news----------*/
.list_news_box{
	margin-bottom: 40px;
	width: 100%;
	height: 200px;
	background-color: #fff;
	border: none;
	position:relative;
	cursor:pointer;
	transition:800ms ease all;
	outline:none;
}
.list_news_box>a{
	color: #696969;
}
.list_news_box>a:hover{
	color: #fff;
	text-decoration: none;
	transition:800ms ease all;
}
.list_news_box:hover{
	background:#5288b8;
	color:#fff;
}
.list_news_box:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	height:3px;
	width:0;
	background: #2b567b;
	transition:400ms ease all;
}
.list_news_box:after{
	right:inherit;
	top:inherit;
	left:0;
	bottom:0;
}
.list_news_box:hover:after{
	width:100%;
	transition:800ms ease all;
}
.in_news_pic{	
	overflow: hidden;
}
.in_news_intro h3{
	margin-top: 10px;
}
.in_news_intro span{
	display: block;
	margin-top: 20px;
}
.in_news_pic,.in_news_intro{
	padding-top: 8px;
}
.in_news_more{
	overflow: hidden;
	padding: 0;
	height: 200px;
	position: relative;
}
.news_mask{
	text-align: center;
	line-height: 200px;
	position: absolute;
	left: 100%;
	width: 100%;
	height: 200px;
	background-color: #fff;
}
.list_news_box:hover .news_mask{
	color: #2b567b;
	border:#2b567b 3px solid;
	left: 0;
	transition:800ms ease all;
}
.list_news_box:hover .in_news_intro{
	color: #fff;
}
@media (max-width: 767px){
.in_news_more{
	display: none;
}
.list_news_box{
	height: auto;
}
.in_news_pic{
	padding: 0;
	height: auto;
}
.in_news_intro{
	padding: 20px 10px 20px;
}
}
/*----------news_article----------*/
.news_body>h3{
	text-align: center;
}
.new_author{
	text-align: center;
	color: #aeaeae;
}
.news_intro>p{
	color: #696969;
	text-indent: 2em;
	font: 16px/28px "微软雅黑",arial;
}
.pager .previous > a{
	color: #696969;
}
.pager .next > a{
	color: #696969;
}
/*----------product_article----------*/
.product_imgbox{
	border: 2px #aeaeae solid;
	padding-top: 15px;
	padding-bottom: 10px;
}
.product_introbox{
	padding-left: 30px;
}
.product_introbox>h3{
	margin-top: 15px;

}
.product_introbox>p{
	/*color: #aeaeae;*/
	font: 16px/28px "微软雅黑",arial;
}
.product_introbox>span{
	display: block;
	margin-top: 60px;
	float: right;
}
.product_tab a{
	color: #333;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	color: #fff;
	background-color: #696969;
}
.product_tab{
	margin-top: 40px;
}
.tab-content p{
	font:14px/28px "微软雅黑",arial;
	text-indent: 2em;
	padding: 10px 15px;
}
.image-list .cover{
    position: relative;
    width: 100%;
    height: 250px;
    display: inline-block;
    background-color: #fff;
    cursor: pointer;
    overflow: hidden;
}
.image-list .cover img{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.tab-pane{
	margin-top: 20px;
	margin-bottom: 20px;
}
/*main CSS*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.3);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 590px;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #aeaeae;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../img/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../img/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../img/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #aeaeae;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../img/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}
@media (max-width: 767px){
#pictureViewer > .content{
    width: auto;
    height: auto;
}
.product_introbox{
	padding-left: 0;
}
}
/*----------field_list----------*/
#accordion .panel{
		border: none;
		box-shadow: none;
		border-radius: 0;
		margin: 0 0 15px 10px;
	}
	#accordion .panel-heading{
		padding: 0;
		border-radius: 30px;
	}
	#accordion .panel-title a{
		display: block;
		padding: 12px 20px 12px 50px;
		background: #2b7dbe;
		font-size: 18px;
		font-weight: 600;
		color: #fff;
		border: 1px solid transparent;
		border-radius: 30px;
		position: relative;
		transition: all 0.3s ease 0s;
	}
	#accordion .panel-title a.collapsed{
		background: #fff;
		color: #0d345d;
		border: 1px solid #ddd;
	}
	#accordion .panel-title a:after,
	#accordion .panel-title a.collapsed:after{
		content: "\f107";
		font-family: fontawesome;
		width: 55px;
		height: 55px;
		line-height: 55px;
		border-radius: 50%;
		background: #2b7dbe;
		font-size: 25px;
		color: #fff;
		text-align: center;
		border: 1px solid transparent;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
		position: absolute;
		top: -5px;
		left: -20px;
		transition: all 0.3s ease 0s;
	}
	#accordion .panel-title a.collapsed:after{
		content: "\f105";
		background: #fff;
		color: #0d345d;
		border: 1px solid #ddd;
		box-shadow: none;
	}
	#accordion .panel-body{
		padding: 20px 25px 10px 9px;
		background: transparent;
		font-size: 14px;
		color: #8c8c8c;
		line-height: 25px;
		border-top: none;
		position: relative;
	}
	#accordion .panel-body p{
		padding-left: 25px;
		border-left: 1px dashed #8c8c8c;
	}
.tab-content p{
	margin-top: 5px;
	padding:0; 
	text-indent: 0;
}	
.nav > li > a{
	padding: 10px 14px;
}
.banner_a{
	text-decoration: none;
	color: #fff;
}
.banner_a:hover{
	text-decoration: none;
}
.cp_box{
	height: 138px;
}
.Eshop{
	text-align: right;
    font-family: "微软雅黑";
    font-size: 22px;
    margin-top: 44px;
}
.Eshop>a{
	background-color: #5288b8;
	border-color: #427098
}
.Eshop>a:hover{
	text-decoration: none;
	background-color: #427098;
}
@media (max-width: 767px){
.Eshop{
	display: none;
}
.logo{
	float: none !important;
}
}