html{ background:#fff; color:#666666;font-size:14px; font-family:'微软雅黑';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{padding:0;margin:0;}
img{border:0;}
ol,ul,li{list-style:none;}
h1,h2,h3{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
a{color:inherit;text-decoration:none!important;color: #666666;}
/*******CSS reset*************/


/*******CSS reset*************/
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.fl{float:left;}
.fr{float:right;}
.mr{margin:0 auto;}
.ho{height: auto;overflow: hidden;}
.t_r{text-align:right;}
.cl{clear:both;}
.nopadding{padding-left:0!important; padding-right:0!important; }
.wot{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}




/** header **/
#top_line{ line-height: 34px; color: #fff;font-size: 14px;}
#top_line_bj{ height: 34px; background: #0085f5; width:100%;}
#top_line_bj .right span{float: left;color: #f07e1b;font-weight: lighter;}
#top_line_bj .right li{float: left;}
#top_line_bj .right li a{color: #ccc;padding:0 10px;}

#top_index{ }
#logo{padding:20px 0;}
#logopadding:20px 0;}
#logo1{ text-align: center;}
#logo1 img{ max-height:100%;}


.lfooter { width:100%; background:#0085f5; position:fixed; bottom:0px; z-index:999;border-top:2px solid #cf0000;}
.lfooter ul li { width:25%; height:auto; float:left; text-align:center; padding:0.2rem 0px;font-weight: lighter;}
.lfooter ul li i{font-size: 23px;}
.lfooter ul li a { color:#fff;text-transform : uppercase;}




.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;}
.hidden{display:none;}
.jj_pic{ float:left; margin:0 10px 0 0;}
.nr_pic{ text-align:center; position:relative; width:100%;}
.red{ color:#f00; font-weight:bold; padding-left:10px;}
.nr_red{ color:#f00; font-weight:bold;}
.scale:hover img { transform: scale(1.1, 1.1);}
.scale img{ transition:transform 1s ease 0s}
#indexNews{ height: auto; overflow: hidden; margin-top: 10px;}
#indexNews li { height: 35px; line-height: 35px; background: url(../Image/xwicon.png) no-repeat left center; padding-left: 30px; border-bottom: 1px solid #d9d9d9; transition:0.3s all 0s linear; color: #575757;background-size: 12px 12px;}
#indexNews li a{ display: block; float: left; width: 75%; color: #585858; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition:0.3s all 0s linear;}
.Newstime { float: right; color:#a9a9a9; font-size:0.8em;}
#indexNews li:hover a{ color: #0059d3;}
#indexNews li:hover{ border-bottom: 1px dashed #0059d3;}
#lxwm_nr { margin: 0 20px 20px;	font-size:14px;}
#lxwm_nr p { line-height: 35px; border-bottom: 1px dotted #ccc;	padding-left: 20px;}
#prev_next{ margin-top:30px; padding-top:5px;}
#prev_next li{ padding-left:10px; height:30px; line-height:30px;width: 45%;margin:0 2%;border-radius: 15px;text-indent: 10px;border:1px dashed #eee	;float: left;overflow: hidden;}

.imgB { width: 100%;  top: 0; left: 0; position: relative;  opacity: 1;}
.imgT { width: 100%;top: 0;left: 0; position: absolute;-webkit-transform: scale(5);
    -moz-transform: scale(5);
    -ms-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}
#cpnr li:hover .imgT{
    opacity: 0.5;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

#con_lx{ height:auto; padding: 0 !important; overflow:hidden;  font-size:14px; margin-bottom:2%;padding-left: 30px;}
#con_lx p{ border-bottom:1px dotted #ccc;transition:0.3s all 0s linear;font-size: 17px;padding-bottom: 5px;font-weight: lighter;}
#con_lx p:hover{  border-bottom:1px solid #ccc;}




#top_index .right{top:57px;right: 2%; position: absolute;}
#top_pic{ float: left; padding: 30px 0 0 100px;}
#top_tel{ float: right; min-height: 60px; background: url(../Image/tel.png) no-repeat right top; text-align: right; padding: 20px 0 0 60px; color: #f39800; font-size: 28px; font-family: impact; line-height: 30px;margin-top: 35px;}
#nav_bj{ width:100%;background: #fff;border-top: 1px solid #ebebeb;border-bottom: 1px solid #e1e1e1;}
#nav{ height: 50px;}
#nav a{ display: block; float: left; color: #505050; font-size: 14px;line-height: 48px; text-align: center; transition: 0.3s;padding:0 23px;border-bottom: 2px solid #fff;}
#nav a:hover{color: #0959b7;border-bottom: 2px solid #0959b7;}





.news_1nr1 .newsli {border:1px solid #f1f1f1;transition: 0.8s;margin-bottom: 20px;height: auto;overflow: hidden;}
.news_1nr1 .newsliimg {}
.news_1nr1 .newsliimg img {float: left;display: block;width: 100%;}
.news_1nr1 .newslicontent{float: left;}
.news_1nr1 .newslicontent .newst{font-size: 24px;color: #404040;transition: 0.5s;text-indent: 0em;padding-top: 10px;padding-bottom: 10px;}
.news_1nr1 .newslicontent .newsf{font-size: 12px;color: #b1adad; }
.news_1nr1 .newslicontent .newsco{font-size: 14px;color: #7f7f7f; }
.news_1nr1 .newsli:hover{box-shadow: 0 0 20px 0 #ccc;border:1px solid　#ccc;}
.news_1nr1 .newsli:hover .newst{color: #fc9202;text-indent: 10px;}





/* 新闻动态 */

.news_1nr{width:100%; margin:0 auto;}
.news_1nr ul li{margin:0 0 45px 0; position:relative; padding:9px 16px 0 0; border:1px solid #c4c4c4; width:100%;}
.news_1nr ul li span{width:15%; height:120px; overflow:hidden; float:left; border-bottom:3px solid #06519f; color:#ffffff; text-align:center; background:#0963c1; position:absolute; top:-1px; left:8px;transition: all 0.4s;}
.news_1nr ul li span h1{font-size:30px; font-family:Impact; line-height:42px; padding:20px 0 10px 0; display:block;margin:0 auto;}
.news_1nr ul li a{width:100%; height:100px;display:block; font-size:15px;}
.news_1nr ul li div{width:80%; float:right;height: 75px;overflow: hidden;color: #000}
.news_1nr ul li div p{line-height:24px; font-size:13px;overflow: hidden;}
.news_1nr ul li:hover{background:#f2f2f2;}
.news_1nr ul li:hover span{background:none; border-bottom:0px; color:#06519f;transition: all 0.4s;}




/* 左侧分类 */

.type_s{ background: #0963c1;border-radius: 30px;}
.type_so{width: 100%;height: auto;overflow: hidden; background: #0963c1;padding:0 10px;color: #fff;font-weight: bold;font-size: 17px;height: 35px;line-height: 35px;}
.type_so a{color: #fff;display: block;width: 100%;height: 100%;}
.type_so a:hover{outline: none;background: none;color: #fff;}
.type_so a:focus{color: #fff;}
.type_s li{width: 100%;float: left;padding:0 10px;line-height: 35px;}
.type_s li a{color: #fff;font-size: 17px;display: block;width: 100%;height: 100%;font-weight: lighter;}


.type_st{-webkit-transition: -webkit-transform .2s;	transition: transform .2s;	-webkit-transform: translate3d(0,100%,0);	transform: translate3d(0,100%,0);	visibility: hidden; height: 0; overflow: hidden;}


.type_st.show{  visibility: visible;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0); height: auto;}
.type_so .fa-angle-right{transition: all .2s;line-height: 35px;font-size: 17px;}
.type_so.show .fa-angle-right{ transform: rotate(90deg);display: block;}
.fa-angle-right{display: inline!important;}



#rightnav{ display: none;}
#pageslide { 
	display:none; 
	width:22.25em;height:100%;
	background:#024794;
	position: fixed;top: 0; z-index: 999999;
}
.rightnav{
	z-index:9999 !important;
	width:22.25em !important;height:100%;
	background:#024794;
	/*box-shadow: 10px 0 10px rgba(0, 0, 0,0.3 ) inset;*/
	
}
.rightnav > *{
	 padding-top:2.2em;
	 width: 74%; margin: 0 auto;
}
.nav-in a{
	color:#ffffff;
	font-size:1.25rem; line-height:3rem;
	text-align: center;
	display:block;
}
.nav-in a:visited{
	color:#fffffe;	
}
.nav-in li{
	text-align:center;
	padding:0;
	overflow: hidden;
	border-bottom: 1px solid #fce10b;
}
.nav-in li:first-child{
	border-top: none;
}



#ssbj{height: 56px;position: relative;}
#ssnr{height: 56px;text-align: center;position: absolute;bottom: 28px;line-height: 56px;
background: rgba(5, 72,150, 0.7);}
.ssnrs{width: 70%;float: left;height: 100%;overflow: hidden;}
.ssnrs span{display: block;float: left;padding-left: 10px;color: #f07e1b;}
.ssnrs li{display: block;float: left;margin-right: 5px;}
.ssnrs li a{color: #fff;}





.numbox{}
.num{padding:30px 0;background: #fff;z-index: 99999; }
.num li{text-align: center;line-height: 38px;color: #999999;}
.num li span{display: block;width: 100%;font-family: impact;font-size: 35px; font-weight: bold;color: #0085f5;}




.productbox{background: #f7f7f7;}
.productcont{background: #fff;}
.product01{line-height: 49px;padding: 15px;height: auto;overflow: hidden;}


.product0101{font-size: 16px;color: #fff;text-align: center;font-weight: lighter; background: #0085f5; border-radius:  30px 0 0  30px; line-height:50px;}
.product0102{background: #0085f5; border-radius: 0 30px   30px  0;}
.product0102 li{line-height: 50px;float: left;text-align: center;padding:0 5px;height: 50px;}
.product0102 li a{display: block; width: 100%;height: 100%;color: #fff;}
.product0102 li:hover span{color: #ffc718;}



.productm0101{font-size: 17px;color: #fff;text-align: center;font-weight: bold;background: #0085f5;line-height:35px;}
.productm0102{background: #0980e4;height: auto;overflow: hidden;}
.productm0102 li{line-height: 35px;float: left;text-align: center;padding:0 6px;width: 50%;}
.productm0102 li a{display: block; width: 100%;height: 100%;color: #fff;font-size: 14px;}
.productm0102 li a:hover{background: #0085f5;}





.product02{height: auto; overflow: hidden;padding-bottom: 30px;}
.product02 li{margin-bottom: 5px;}
.proimg img{padding: 14px;background: #f8f9f9;transition:  0.5s;width: 100%;}
.protitle {text-align: center;width: 100%; line-height: 47px;border:2px solid #00a7f5;margin:0 auto;border-radius: 30px;color: #00a7f5;transition: 0.5s;}
.product02 li:hover .protitle {color: #000;background: #00a7f5;color: #fff;width: 100%;border-radius:0px;}
.product02 li:hover .proimg img{background: #00a7f5;}


.index-youshi{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0085f5+0,0064c9+51,0085f5+100 */
background: rgb(0,133,245); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(0,133,245,1) 0%, rgba(0,100,201,1) 51%, rgba(0,133,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,133,245,1) 0%,rgba(0,100,201,1) 51%,rgba(0,133,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,133,245,1) 0%,rgba(0,100,201,1) 51%,rgba(0,133,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0085f5', endColorstr='#0085f5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.index-youshi img{display: block;width: 100%;padding:20px 0;}



.product0103{border-radius: 30px;background: #efefef;height: auto;overflow: hidden;}
#search .right{ float: right; height: 100%; overflow: hidden;height: 49px;}
#search .right form{ overflow: hidden;}
#search .right .words{ float: right;  height: 49px;border:none;outline: none;background: none;}
#search .right .btn{ float: right; height: 40px; border: 0; color: #fff; font-size: 14px;text-align: center; background: #ffc718;margin-top:5px;border-radius: 30px;}
#search .right .btn:hover{ background-color: #0470bd; cursor: pointer;}







#ssnr1{ float: right;margin-top: 13px;}
#ssnr1 p{ color: #fff; padding-top: 5px;font-size: 12px;text-align: left;text-indent: 5px;}
#ssnr1 p a{ color: #fff; padding-right: 10px;}
#ssnr1 p a:hover{ color: #ff0;}
.ss{ width:278px; height:30px;}
.sou_left{float:left; background: #01479f; border: 1px solid #01479f; width:235px; height:30px; text-align:left; color:#fff; line-height:30px; padding-left:10px;outline: none;}
.ss_pic{ float:right;}


/** footer **/


#end_nr_bj{width: 100%; height: auto; overflow: hidden;background: #111111;}
#end_nr_bj .main{padding:30px 0;margin:0px auto;padding-bottom: 30px;}
#end_nr_bj .main .left{ color: #fff; line-height: 20px !important;}
#end_nr_bj .main .left a{ color: #fff; font-weight: normal !important;}
#end_nr_bj .main .left a:hover{ color: #ff0;}

.e1{padding-bottom: 40px;}
.e1 li{padding-top: 5px;padding-bottom:5px;color: rgba(255, 255, 255, 0.6);}
.e1 li:nth-of-type(1){text-transform : uppercase;}
.e1 li i{color: rgba(255, 255, 255, 0.3)}
.e1 span{font-size: 36px;color: rgba(0, 222, 255,0.6);}


#fen span{padding-top: 5px;padding-bottom:5px;color: #fff;display: block;width: 100%;font-size: 18px;color: #fff;}

#fen li {font-size: 14px;float: left;padding-top: 5px;padding-bottom:5px;padding-right: 20px;}
#fen li a{color: #fff;}

.e2 li i{color: rgba(255, 255, 255, 0.3)}

.ewm span{font-size: 18px;color: #fff;display: block;width: 100%;padding-top: 5px;padding-bottom:5px;}

.pros{background: #f7f7f7;}

#end_links {padding:20px 0;border-bottom: 1px solid #828282;}
#end_links span{color: #e97e12;font-weight: bold;float: left;font-size: 36px; font-weight: bold;vertical-align:bottom;display: table-cell;}
#end_links i{color: #fff;display: block;font-style: normal;float: left;color: #fff;vertical-align:bottom;display: table-cell;}
#end_links li a{color: #fff;}
#end_links li:hover a{color: #03499b;}

#end_nr_bj  .contact{padding-top: 35px;}
#end_nr_bj  .contact li{line-height: 29px;color: #fff;font-size: 16px;}



.end_nav{background: #0061c6;text-align: center;padding-top: 10px;padding-bottom: 10px;}
.end_nav span{display: inline-block;padding:0 15px;line-height: 37px;}
.end_nav span a{color: #fff;}





#end_nav{ line-height: 45px; height: auto;overflow: hidden;}
#end_nav a{ display: block; width:72px; font-size: 14px; float: left; height: 57px; line-height: 57px; color: #fff;}

#end_sj{ background: #1b1b1b; width: 100%; height: auto; overflow: hidden; border-bottom: 5px solid #0059d3; text-align: center; color: #fff; padding: 2% 0 2%;}
#end_sj a{ color: #fff;}


.end-last{ color: #fff;border-top:1px solid #353535;padding-top:10px;padding-bottom: 10px;}
.end-last a{color: #fff;display: block;float: right;}



/** main **/ 
.main{ height:auto; overflow:hidden; padding: 2% 0 2%;}
.end_lefts{padding:10%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;background: #03499b;color: #fff;}
.end_lefts img{display: block;width: 100%;}
.end_lefts i{font-style: normal;font-size: 18px;line-height: 35px;display: block;width: 100%;}
.end_lefts span{color: #fff;font-family: Impact;font-size: 30px;font-weight: bold;}
#pro_index{ text-align: center; padding: 0;}
#pro_index li{ display: inline-block;border: 1px solid #e9e9e9;height: 38px; text-align: center; line-height: 38px;
	margin:0 10px 2%;transition: 0.5s; width:90%;
}
#pro_index li a{ color: #000;display: block;width: 100%;height: 100%;transition: 0.5s;font-size:14px;}
#pro_index li:hover{background-color: #0959b7;border-radius: 23px;}
#pro_index li:hover a{color: #fff;}








.index_title{line-height: 45px; background: #eeeeee; width: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box;padding:5px 5%;height: auto;overflow: hidden;}





.index_title .left{position: relative;color: #0a0a0a;font-size: 20px;line-height: 45px;font-weight: lighter;}
.index_title .left:before{content:"";display:block;width: 6px;height: 20px; background: #e97e12;position: absolute;top:25%;left:-20%;}
.index_title .right{line-height: 45px;}
.index_title .right a{font-size:14px;color: #0a0a0a;}
.index_title .right i{color: #0a0a0a;}





#sj_pro_index{ text-align: center;}
#sj_pro_index li{ display: inline-block; text-align: center;border:1px solid #f7f7f7; width: 100%;border-bottom: 4px solid #0074c6; float:left; margin:0 20px 20px 0; text-align:center; transition:all 0.3s linear 0s;}




#sj_pro_index li img{ max-width: 100%;}
#sj_pro_index li p{ line-height: 45px; text-align: center; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #000;transition: 0.5s;}
#sj_pro_index li:hover{border:1px solid #0074c6;border-bottom: 4px solid #0074c6;}
#sj_pro_index li:hover p{color: #0074c6;}
.img{ display: block; background: #f0f0f0; width: 100%; position: relative; overflow: hidden;}
.img:after{ content: ''; margin-top: 75%; display: block; width: 100%; }
.img img{ position: absolute; max-width: 110%; top:0; left: 0 }






#gg{ background: url(../Image/gg.jpg) no-repeat center; width: 100%; height: auto; padding: 2% 0;}
#gg .main{ width: 240px; color: #fff; padding: 10px 0 0 960px;}
#gg .main p{ font-size: 30px;}

.ljzx{ width: 110px; height: 40px; line-height: 38px; text-align: center; float: left; margin-top: 10px; border-radius: 5px; border: 2px solid #fea803; transition: 0.3s; color: #fff; background: #fea803;}
.ljzx:hover{ background: #fea803; border-radius: 0; border: 2px solid #fea803;}
#gg_1{ background: url(../Image/ysbj.jpg) no-repeat center top; width: 100%; height: auto; text-align: center; padding: 2% 0;}
#gg_1 img{ width: 90%;}
#gg_2{ background: url(../Image/gg111.jpg) no-repeat center top; width: 100%; height: auto;}
#gg_2 img{ width: 100%;}
.title_index{ width: 100%; text-align: center; padding-bottom: 3%;}
.title_index img{ max-width:100%;display: block;margin:0 auto; width: auto;}



#ysbj{ background: url(../Image/yssbg.png) repeat-y center bottom; width: 100%; height: auto; overflow: hidden;padding-bottom: 90px;}


#in_02_mid{margin:0 auto;margin-top: 50px; height: auto;overflow: hidden;}
#in_02_mid ul{display: block; height: auto;overflow: hidden;}

#in_02_mid li{height: 204px;overflow: hidden;position: relative;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:20px 60px;}
#in_02_mid li:nth-child(even){margin-right: 0;}
#in_02_mid li span{position: absolute;width: 190px;height: 190px;border-radius: 100%;z-index: 1;transition: all .8s;}
#in_02_mid li span.s1{background: #fd8708;right: -95px;bottom:-95px;}
#in_02_mid li span.s2{background: #fd8708;left: -95px;bottom:-95px;}
#in_02_mid li span.s3{background: #fd8708;right: -95px;top:-95px;}
#in_02_mid li span.s4{background: #fd8708;left: -95px;top:-95px;}




#in_02_mid li._02_li1{background: #fff;border-top-right-radius: 100px;border-bottom-left-radius: 100px;}
#in_02_mid li._02_li2{background: #fff;border-top-left-radius: 100px;border-bottom-right-radius: 100px;}
#in_02_mid li._02_li3{background: #fff;border-top-left-radius: 100px;border-bottom-right-radius: 100px;}
#in_02_mid li._02_li4{background: #fff;border-top-right-radius: 100px;border-bottom-left-radius: 100px;}

#in_02_mid li ._02_tit{width: 380px;height: 42px;line-height: 42px;margin:0 auto;margin-top: 35px;color: #4498ee;font-size: 26px;position: relative;text-indent: 75px;overflow: hidden;z-index: 2;}
#in_02_mid li ._02_tit span{font-family: Impact;font-size: 45px;position: absolute;left: 0;top:0;text-indent: 0;color: #4498ee;}
#in_02_mid li ._02_info{line-height: 30px;margin:10px auto;color: #000;font-size: 16px;position: relative;z-index: 2;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-right: 30px;font-size: 14px;}
#in_02_mid li:nth-of-type(2) ._02_info{padding-left: 50px;}
#in_02_mid li:nth-of-type(4) ._02_info{padding-left: 50px;}

#in_02_mid li ._02_btn{line-height: 20px;margin:0px auto;color: #000;font-size: 14px;position: relative;z-index: 2;}

#in_02_mid li ._02_btn a{color: #fff;font-size: 14px;}
#in_02_mid li:hover span{width: 1160px;height: 1160px;}

#in_02_mid li:hover ._02_info{color: #fff;}










.news_box{width: 100%;background: #00aef6;}
.news01t{width: 100%;font-size: 30px; color: #0061c6;text-align: left;height: 71px; line-height: 71px;font-weight: lighter;}
.news01t a{color: #0061c6;}

.news01{ background: #fff;}
.news01c_l{margin-bottom: 40px;}
.news01c_l01{width: 478px; height: 272px;}
.news01c_l01 img{ width: 478px; height: 272px;transition: 0.5s;}
.news01c_l02{padding: 0 25px;}
.news01c_l0201{font-size: 16px; color: #000;}
.news01c_l0202{font-size: 14px; color: rgba(0, 0, 0, .6);}
.news01c_l:hover .news01c_l0201{ color: #0061c6; }
.news01c_l:hover .news01c_l01 img{transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05); }
.companys img{width: 100%;display: block;}
.companyc{font-size: 14px;color: #004bc6;padding-bottom: 10px;padding-top: 5px;}
.companycc{line-height: 25px;color: rgba(0, 0, 0, 0.6);}



.news01c_r{}

.news01c_r li{ margin:0 0 45px 0; position:relative; padding:15px; width:100%; background: #f4f4f4;height: auto;overflow: hidden;}
.news01c_r li span{width:15%; height:100%; overflow:hidden; float:left; color:#000; text-align:center; transition: all 0.4s;}
.news01c_r li span h1{font-size:30px; font-family:Impact; line-height:42px; padding:5px 0 10px 0; display:block;}
.news01c_r li div{width:84%; float:right;font-size: 16px;}
.news01c_r li div p{line-height:24px; font-size:14px;color: rgba(0, 0, 0, 0.6)}
/* .news01c_r  li:hover{background:#f2f2f2;}
.news01c_r  li:hover span{background:none; border-bottom:0px; color:#d5353f;transition: all 0.4s;}
 */


.anli_box{background: url('../Image/casebg.png')  no-repeat center bottom}
.anli01t{text-align: center;margin:30px 0;}
.anli01 {}
.anli02{height: auto;overflow: hidden;}
.anli0201{background: #0061c6;height: auto;overflow: hidden;margin-bottom: 20px;}

.anli020101 {padding:0;}
.anli020101 img{display: block;width: 100%;}
.anli020102 {padding:30px 25px;}
.anli02010201{font-size: 18px; font-weight: bold; color: #fff;height: 45px; border-bottom: 3px solid  rgba(255, 255, 255, 0.3)}
.anli02010202{font-size: 14px;  color: #fff;margin-top: 20px;}



.qqkefu{position: fixed; bottom:60px; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 365)); z-index:9999;right:0;width:45px}
.qqkefu ul li{height:45px;margin-bottom:1px;float:right;background:#1b1b1d;line-height:45px;font-size:14px;cursor:pointer;position:relative}
.qqkefu ul li a{color:#fff;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#d29c09;}
.qqkefu ul li.top{color:#1c1c1c;font-weight:800;text-align:center;line-height:45px;background:url(../Image/top.png) no-repeat center; height:51px;position:relative;width:45px;cursor:pointer}
.qqkefu ul li.top:hover span{}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:left}
.qqkefu ul li b.a{background:url(../Image/czx4.png) no-repeat center;}
.qqkefu ul li b.b{background:url(../Image/czx3.png) no-repeat center;}
.qqkefu ul li b.c{background:url(../Image/czx5.png) no-repeat center;}
.qqkefu ul li b.d{background:url(../Image/czxss.png) no-repeat center;}




#ysnr{  height: auto; overflow: hidden;}
#ysnr .pic{ text-align: center;}
#ysnr .pic img{ max-width: 100%;}
#ysnr .font {margin-bottom: 35px;}
#ysnr .font .bt{ color: #1b3266; font-size: 1.7em; font-weight: bold; line-height: 35px;background: #e97e12; height: auto;overflow: hidden;}
#ysnr .font .bt1{width: 30%; height: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding-top: 30px;}
#ysnr .font .bt11 {font-size: 80px; color: #fff;text-align: center;height: 80px; line-height: 80px;}
#ysnr .font .bt12 {width: 64px; height: 2px;background: #fff;margin:0 auto;}
#ysnr .font .bt13 {text-align: center;font-size: 20px;color: #fff;}

#ysnr .font .bt2{width: 70%;}
#ysnr .font .bt2 img{display: block;width: 100%;}



#ysnr .font ul{display: block;background: #fff;height: 200px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#ysnr .font li{ color: #232323; line-height: 45px; padding-left: 10%;border-bottom: 1px dashed  #ccc;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative;}
#ysnr .font li:before{content:"◆";position: absolute;top:3%;left: 5%;font-size: 24px; color: #03499b;}

#gg1{ background: url(../Image/gg1.jpg) no-repeat center; width: 100%; height: 240px;}
#gg1 .main{ padding: 50px 0 0;}
#gg1 .main .left{ color: #fff; padding-left: 20px; line-height: 25px;}
#gg1 .main .left p{ font-size: 30px;}




#marqueedivcontrol{width:720px; height:180px; overflow:hidden; margin: 0 auto; float:left;}
#marqueedivcontrol li{ float:left; overflow: hidden; width:226px; height:168px; border: 1px solid #ccc; margin-right:20px; text-align:center; transition:0.3s all 0s linear;}
#marqueedivcontrol li a{ display: block; overflow: hidden; width:224px; height:168px;}
#marqueedivcontrol li img{ max-width:224px; height:168px; }
.cpgd{width:1476px;}






.blue{ background: #ffffff; width: 100%; height: auto; overflow: hidden;}
#marqueedivcontrola ul{margin-bottom: 0px;}
#marqueedivcontrola{width:1200px; height:255px; overflow:hidden; margin: 0 auto; float:left;}
#marqueedivcontrola li{ float:left; overflow: hidden; width:289px; height:252px; margin-right:20px; text-align:center; transition:0.3s all 0s linear; border:1px solid #efefef;}
#marqueedivcontrola li a{ display: block;width:100%; height:245px;}
#marqueedivcontrola li p{padding:0px;color: #000}
#marqueedivcontrola li img{ width:289px; height:216px; }
.cpgda{width:2781px;}
#marqueedivcontrola li:hover { background: #03499b; color: #fff;}
#marqueedivcontrola li:hover a{ color: #fff;}
#marqueedivcontrola li:hover p{ color: #fff;}


#xwdt{}
.title{ height: 40px; line-height: 40px; background: #1b3266;}
.title .left{ background: #fea803; color: #fff; font-size: 17px; height: 40px; line-height: 40px; padding: 0 30px;font-weight: bold;}
.title .right{ color: #fff; padding-right: 30px;font-size: 14px;}
.title .right a{ color: #fff;}
.title .right a:hover{ color: #ff0;}



#cjwd{ }
#xw_pic{ }
#xw_pic img{ width: 100%;}
#xw_font{ line-height: 25px;}
#xw_font a{ display: block; font-weight: bold; font-size: 16px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;color: #1b3266;}
#xw_font .Newstime{ float: none !important; font-size: 12px; color: #ccc; font-family: arial;}
#xw_font p{ color: #999; line-height: 23px;}

#in_news{width: 100%;height: auto; margin:0 auto;}
#in_news li{width: 100%;height: auto; margin:0 auto; padding-bottom: 2%;margin-bottom: 2%;border-bottom: dotted 1px #dcdcdc;position: relative;}
#in_news li .news_more{width: 30px;height: 30px;position: absolute;right: 0;top:0;}
#in_news li .news_more a{display: block;width: 30px;height: 30px;background: url(../images/news_more.png) center no-repeat;}
#in_news li .news_title{ height: 37px; text-align: left; line-height: 37px; font-weight: bold;color: #1b3266;font-size: 1.3em; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; }
#in_news li .news_info{ line-height: 25px; color: #4d4d4d;font-size: 1em;}
#in_news li .news_time{ line-height: 48px; text-align: center; font-weight: normal !important; border:solid 1px #ececec; color: #2e2e2e;font-size: 0.5em; padding: 0 !important; margin: 0 !important; height: 48px;}
#in_news li .right{ padding: 0 0 0 2% !important;}
#in_news li .news_time span{display: block; margin:0 auto; width: 100%; background: #1b3266; height: 54px;text-align: center;line-height: 54px;color: #fff;font-weight: bold;font-size: 28px; transition: 0.3s;}
#in_news li:hover .news_time span{background: #cf0006}
#in_news li:hover .news_title{color: #d91a04}
#in_news li a{display: block;}



/** sidebar **/

#main_right{}
.content{ padding: 20px 0; line-height: 25px;}


#content_zy{ height: auto;overflow: hidden;font-size: 14px;line-height: 32px;/* padding:5px; */padding-top: 20px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:20px;}
#content_zy img{ max-width: 100%;height: auto!important;}

.bannerzy img{display: block;width: 100%; }

/* .bannerzy{ width:100%; height: 300px; background: url(../Image/bannerzy.png) no-repeat center bottom;background-attachment:fixed;}
.bannerzy{ width:100%; height: 400px; background: url(../Image/banner1.png) no-repeat center bottom;}

 */

#sidebar{background: #0085f5;border-radius: 5px;}
#pro_title {height:105px;width: 100%;float: left;color: #fff;margin-bottom: 0px!important;float: left;}
.pro_t1{text-align: center;font-size: 24px;font-weight: bold;padding-top: 35px;width: 100%;}
.pro_t2{text-align: center;text-transform : uppercase;width: 100%;}



#pro_list{float: left;width: 100%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:10px 0;background: #2093f5;margin-bottom: 15px;}


.pro-right{padding:10px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.pro-right span{font-size: 17px;font-weight: bold;display: block;width: 100%;margin-top: 10px;}
.pro-right p{font-size: 14px;padding-top:5px;padding-bottom:5px;border-bottom: 1px dashed #ccc;}

#pro_list li{ height:45px; line-height:45px;border-bottom: 1px solid #0b84ea; transition: 0.3s;width: 90%;margin:1% 5%;}
#pro_list li a{ color: #1b1b1b;display: block;width: 100%;height: 100%;font-size:14px;
	font-weight: lighter;
	text-indent: 30px;transition: 0.3s;color: #fff;}
#pro_list li:hover{}
#pro_list li:hover a{background-color: #0670ca;color: #fff;border-radius: 23px;}



#pro_list1 li{ height:45px; line-height:45px; background: #1b3266; text-align: center; transition: 0.3s; padding: 0 !important; margin-bottom: 2%;}
#pro_list1 li a{ color: #fff;display: block;width: 100%;height: 100%;}
#pro_list1 li:hover{ background: #fea803;}
#pro_list1 li:hover a{ color: #fff;}



#lxwm_left{ background: #eeeeee; padding: 20px 10px; color: #232323;font-size: 17px; font-weight: bold;float: left;}
#lxwm_left p{ font-family: impact; color: #fecf13; font-size: 32px;}
#zxzx{ height: 40px; background: #025ed6; text-align: center; line-height: 40px; font-size: 16px; color: #fff; margin-top: 10px;}
#zxzx a{ color: #fff;}





.product_left{}
.product_left img{ width: 100%;}
.product_right{float:right;  height:auto; overflow:hidden;width: 100%;margin-top: 20px;margin-bottom: 20px;}
.pro_namelb{ line-height:35px; background: #333; height: 35px; color: #fff; padding-left: 40px;}
#rx{ float:left; margin-top:30px; width: 450px;}
#rx p{ font-size:18px; font-weight: bold; color: #323232; border-bottom: 1px solid #c8c8c8;}
#ckxq1{ background:url(../Image/dg.png) no-repeat 30px center; height:34px; width:160px; line-height:34px; text-align:center; color:#5b5b5b; float:left; margin-top:15px; margin-right:10px; border: 1px solid #5b5b5b; padding-left: 20px; transition:0.3s all 0s linear;}
#ckxq2{ background:url(../Image/zx.png) no-repeat 15px center; height:34px; width:250px; line-height:34px; text-align:center; color:#5b5b5b; float:right; margin-top:15px; margin-right:10px; border: 1px solid #5b5b5b; padding-left: 20px; transition:0.3s all 0s linear;}
.pro_name1{ color:#4a4a4a; font-size:24px;text-align: center;}
#ckxq1:hover{ background: url(../Image/dg.png) no-repeat 30px center #666;}
#ckxq1:hover a{ color: #fff;}
#ckxq2:hover{ background: url(../Image/zx.png) no-repeat 15px center #666;}
#ckxq2:hover a{ color: #fff;}


#xw_bt1{ height:60px; background: #eeeeee;margin:10px 0;}
#xw_bt1 a{ width:155px; height:60px; text-align:center; line-height:60px; display:block; float:left; color:#000; font-size:15px;  transition:0.3s all 0s linear;color: #232222;}

#xw_bt1 a span{}
#xw_bt1 a.current{background: none !important;  padding: 0 !important;}


.article{ padding:10px; line-height:2.0;}
#xw_bt1 .xw_gc:hover{ border-top: 4px solid #323232;}
.pro2 li{float:left; margin:0 1px 0; width:110px; height:72px; text-align:center;}
.pro2 img{ width:108px; height:70px; border: 1px solid #dddddd; transition:0.3s all 0s linear;}
.pro2 a{color:#000; font-size:12px;}
.pro2 li:hover img{ border: 1px solid #39354c; }
.dgnr{ background: url(../Image/dgpic.png) no-repeat right center; line-height: 2.0; padding: 20px 0 30px; color: #999999;}
#cpms{ border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; padding: 10px 0 0; margin-bottom: 40px;}
#cpms span{ color: #cc0000;}
#cpbt{ background: #025ed6; margin: 20px 0 10px; color: #fff; font-size: 24px; text-align:center; padding: 20px 0;}
#cpbt p{ font-family: arial;}
#marqueedivcontrols{width:235px; height:650px; background: #fff; overflow:hidden; margin:0 auto; text-align:center; }
#marqueedivcontrols li{ overflow: hidden; width:225px; height:220px; color: #000; text-align:center; transition:0.3s all 0s linear;}
#marqueedivcontrols li a{ display: block; overflow: hidden; width:225px; height:176px; margin-bottom: 5px; text-align:center; }
#marqueedivcontrols li img{ width:225px; height:176px; }
.cpgds{width:235px;}


#scroolZone li{ width:285px; border: 1px solid #efefef;  border-bottom: 2px solid #0074c6; float:left; margin:0 20px 20px 0; text-align:center; transition:all 0.3s linear 0s;}
#scroolZone li .imgbox{width:285px; height:214px;display: table-cell;vertical-align: middle;text-align: center;}
#scroolZone li img{max-width:285px; max-height:214px;}
#scroolZone li:hover{   border: 1px solid #efefef; border-bottom: 2px solid #ff9a00;}
#scroolZone li p{ height: 50px; line-height: 50px;}







#coms {height: auto;width: 100%;}
#coms .main{padding:40px 0;}
#gsjj{margin:20px auto;}
#gsjj_pic {margin:20px auto;}
#gsjj_pic img{border:1px solid #ccc;display: block;width: 100%;}
#gsjj p img{margin:10px 0;display: block;}
#gsjj .content{ padding:20px; background: #fff; height: auto;overflow: hidden; line-height: 29px;}
#gsjj .content a{display: inline-block;width: 150px; height: 40px; background: #03499b; line-height: 40px; text-align: center; color: #fff; font-size: 16px; margin:20px 30px 0 30px;	}
#news-list {height: auto;width: 100%;}
.news-left-li-text{background: #03499b;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding:10px 15px;}

.news-left-li-img{}
.news-left-li a{color: #fff;}
.news-left-li-text-1{width: 100%;float: left;}
.news-left-li-text-11{float: left;}
.news-left-li-text-12{float: right;}
.news-left-li a:hover{color: #fff;}
#news-right{margin-top:20px;}
.n-left{width: 15%; float: left; height: 100px;}
.n-right{width: 80%;float: right;}




#news-right  li{height: 100px;width: 100%;float: left; border: 1px solid transparent; border-bottom: 1px dashed #cecece;margin:3px 0;}
#news-right  li:hover{border:1px solid #297bdf;}
#news-right  li .day{text-align: center;padding-top: 20px;color: #b7b6b6;font-size: 48px;text-align: center;font-weight: bold;height: 50px;display: block;}
#news-right  li .year{text-align: center;color: #323030;font-size: 16px;text-align: center;display: block;
height: 20px;padding-top: 10px;}

.n-right-1 {padding-top: 5px;line-height:28px;color: #030303;}
.n-right-2{width: 100%;height: 63px;overflow: hidden;color: #6c6c6c;line-height: 21px;}


.title1{font-size: 35px;color: #fff;font-weight: bold;line-height: 45px;}
.title2{font-size: 17px;color: #fff;font-weight: bold;line-height: 32px;padding:0;}



/** zy **/ 
.n_detailCon{ height:auto!important; overflow:hidden!important; overflow:visible;}
.n_detailCon li{ width:100%; height:155px; margin:0 0 10px 0; padding: 10px 0; border-bottom: 1px dotted #ccc; }
.n_detailCon li a{ height:155px; width:100%; display:block; padding-top: 10px;}
.n_detailCon li a:hover{ background: #fffad8;}
.n_detailPic{ width:210px; float:left; margin-left:10px;}
.n_detailR{ width:680px; float:right; margin-right:10px;}
.n_detailTitle{ height:30px; width:100%;}
.n_detailTitle span{ font-size:16px; color:#000; display:block; float:left; font-weight:bold;}
.n_detailTitle small{ font-size:12px; float:right; display:block; color:#222222;}
.n_detailNr{ width:100%; padding:5px 0; line-height:25px; color:#6b6b6b;}
.n_time{ background:url(../Image/time.jpg) left no-repeat; text-indent:25px; line-height:25px; height:25px; color:#a8a8a8; font-size:16px;}

/************************************/
.page{width:99%; height: 30px; line-height: 30px;text-align: center; margin: 12px auto;font-size: 12px; clear:both;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border: 1px solid #d2d4d6;}
.page a{display: inline-block;height: 20px;line-height: 20px;border: 1px solid #d2d4d6;padding: 0 2px;background: #FFF;color: #000;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:1px 3px;}
.page span.current {padding:3px 6px 3px 6px;height:18px;line-height:18px;background:#404040;color:#fff;}


/***************global*****************/
.pro{}
.pro li{ text-align:center;white-space:nowrap; margin-bottom: 20px; transition:all 0.3s linear 0s;/* border:1px solid #efefef; */ }
.pro li .li-img{ width:100%;background: #fff;position: relative; overflow: hidden;transition: 0.5s; }
.pro li p{ line-height: 45px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin-bottom: 0!important;font-size: 17px;font-weight: lighter;}
.pro1 li:hover{ background: #0959b7;}
.pro1 li:hover a{color:#fff;} 
.pro li:hover .li-img {transform: scale(1.1);}


.pro a{color:#444;}
.pro a:hover{color:#006ae2;} 
.pro .tent{line-height: 35px;}
.pro1{ padding-top: 2%;}
.pro1 li{ overflow:hidden; text-align:center; width: 100%; margin-bottom: 10vw; transition:all 0.3s linear 0s; border:1px solid #efefef;}
.pro1 li .li-img{ width:100%; background: #fff;}
.pro1 li img{ max-width:100%; height: auto;}
.pro1 li p{ line-height: 35px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;margin-bottom: 0!important;}

.pro1 a{color:#444;}
.pro1 a:hover{color:#fff;}


/*************index&goods**************/
.news{}
.news li{ height:45px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:45px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news li:before{color:#e40413;content:'■\00a0\00a0\00a0';vertical-align:2px;}
.news li:hover{background-color:#f6f6f6;}
.news li  a{color: #1b3266;font-size: 17px;}
.news a:hover{color:#da020d;}
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:60px;font-size: 24px;}
.meta{color:#999;text-align:center;line-height:28px; border:1px solid #f0f0f0; background:#fbfbfb; margin-bottom:10px;}
/***********news_info**************/
.jobs li{ height:auto; margin:23px 18px 18px 28px;border-bottom:1px dotted #666; position:relative;}
.jobs a{ position:absolute; right:0; top:0;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px; display:block; background:#f00;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/
.rel_center{ text-align:center; left:50%;}
.pro_name{display:block;color:#da020d;text-align:center; font-size: 18px;}
.info_title{ height:35px;background:#ececec; margin-top: 20px;}
.info_title b{display:inline-block; padding: 0 20px; height:100%; border-right:1px solid #fff; background:#fea803; color:#fff; line-height:35px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order_index{ margin-top: 20px;}
.order_index input{ border: none; border-bottom: 1px solid #e3e3e3; height: 40px; line-height: 40px; width: 300px; color: #666666; padding-left: 30px;}
.order_index textarea{ border: none; border-bottom: 1px solid #e3e3e3; background:url(../Image/ly4.png) no-repeat left 5px; padding-left: 30px; line-height: 30px; width: 1170px; margin-top: 30px; color: #666666;}
/**************order&message********/
#banner{position:relative;overflow:auto;}
#banner li {float:left;}
.banner .dots li.active {
background: #fff;
opacity: 1;
}
.banner .dots li {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
text-indent: -999em;
border: 2px solid #fff;
border-radius: 6px;
cursor: pointer;
opacity: .4;
-webkit-transition: background .5s, opacity .5s;
-moz-transition: background .5s, opacity .5s;
transition: background .5s, opacity .5s;
}
.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}
.f{ float:right; margin-right:10px; _margin-top:7px;}




#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#46a438;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../Image/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}



.dtypes{background: #0085f5;height: auto;overflow: hidden;}
.dtypes span{display: block;line-height: 35px;width: 25%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;float: left;text-align: center;border:1px solid #0884ec;}
.dtypes span a{color: #fff;}




@media (max-width: 768px)
{   
	.product0101 {font-size:14px;}
	#sidebar{background: none;}
	#in_02_mid li ._02_tit{font-size: 17px;}
	#in_02_mid li ._02_tit span {font-size: 40px;}
	#in_02_mid li ._02_info{font-size: 14px;}
	#coms{background: none;}
	.anli02010202{font-size: 14px;line-height: 27px;color: #fff;margin-top: 20px;}
	.anli0201 {padding:0;}



}


@media (min-width: 768px)
{
   
}


@media (min-width: 768px) and (max-width: 1200px)
{   
	
}




@media (max-width: 1200px)
{

}

