/****  文字大小初始化,使1em=10px *****/
body {
font: normal 14px/1.4 Verdana, "Lantinghei SC", "Hiragino Sans GB", 'Microsoft YaHei', Helvetica, arial, simsun, sans-serif ; (英文字体)
font-size:62.5%;
} /* for IE/Win */
html>body {
font-size:14px;
-webkit-text-size-adjust:none;  
} /* for everything else 去除chrome最小字体限制 */
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}  
/*字体边框等初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
 padding: 0;
 margin: 0;
 }
table {
 border-collapse: collapse;
 border-spacing: 0;
 }
fieldset,img {
 border: 0;
 }

address,caption,cite,code,dfn,th,var {
 font-weight: normal;
 font-style: normal;
 }
ol,ul {
 list-style: none;
 }
caption,th {
 text-align: left;
 }
h1,h2,h3,h4,h5,h6 {
 font-weight: normal;
 font-size: 100%;
 }
q:before,q:after {
 content:'';
 }
abbr,acronym { border: 0;
 }

a {
text-decoration:none; color:#232323;
}
/*去除 拖动和黄色边框*/
textarea {resize: none;}
textarea:focus, input:focus{outline: none;}

/*修改input里面placeholder字体颜色*/
input::-webkit-input-placeholder { color: #000;}
::-webkit-input-placeholder { /* WebKit browsers */
　　color:#999;
　　}
　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#999;
　　}
　　::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color:#999;
　　}
　　:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#999;
　　}
.w1200{ width: 1200px; margin: 0px auto;}
.w1200-of{ width: 1200px; margin: 0px auto; overflow: hidden;}
.head{ width: 100%; background: url(../images/headbg.jpg) left top repeat-x; overflow: hidden;}
.logo-img{ float: left; width: 204px; display: block;}
.head-right{ float: right; width: 950px;}


.head-logo-tel{ width: 100%; overflow: hidden; height: 98px; margin-top: 31px;}
.head-logo{ display: block;float: left; max-width: 70%;}
.head-tel{ display: block; float: right; max-width: 20%;}

.navul{ width: 100%; margin: 0px auto; height: 59px;}
.navul li{ float: left; line-height: 56px; width: 12.5%; text-align: center; font-size: 16px; font-weight: bold;}
.navul li a{ color: #333; display: block; width: 100%; border-bottom: 3px solid #ebebeb;}
.navul li a:hover{ display: block; width: 100%; border-bottom: 3px solid #094f96;}
#jsddm{	margin: 0;
	padding: 0; width: 100%;}
#jsddm li{float: left;list-style: none;line-height: 56px; width: 12.5%; text-align: center; font-size: 16px; font-weight: bold;}
#jsddm li a{color: #333; display: block; width: 100%; border-bottom: 3px solid #ebebeb;}
#jsddm li a:hover{border-bottom: 3px solid #094f96;}
#jsddm li ul{margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;z-index: 6; min-width: 119px;}
#jsddm li ul li{float: none;display:block;font-weight: normal; font-size: 14px; width: 100%;}
#jsddm li ul li a{	width: auto;
				background: #094f96; opacity: 0.8;
				color: #fff}
#jsddm li ul li a:hover
			{border-bottom: 3px solid #fff;}

.con01_1{ width: 100%; margin:0px auto 8px auto;}
.focus01{ position: relative; width:100%;overflow: hidden; margin:0px 0px 2px 0px;}
.focus01 .hd{ overflow:hidden; zoom:1; position:absolute; bottom:25px; left:50%; z-index:3}
.focus01 .hd li{ float:left; line-height:15px; text-indent:10px; width:10px; height:10px; cursor:pointer; overflow:hidden; background:url(../images/pic09.png) no-repeat; margin:0 3px;}
.focus01 .hd .on{ background:url(../images/pic08.png) no-repeat;}
.focus01 .pic li{  width:100%;}
.focus01 .pic li img{ width: 100%;}

.img{ width: 100%; overflow: hidden;}
.img img{ display: block; width: 100%;}
.mt60{ margin-top: 60px !important;}
.mt15{ margin-top: 15px !important;}
.mt30{ margin-top: 30px !important;}
.mb30{ margin-bottom: 30px !important;}

.index-product{ width: 1200px; margin: auto; overflow: hidden;}
.product-left{ width: 310px; float: left;}
.left-navul{ width: 100%; overflow: hidden; margin: 0px auto 13px auto; background: url(../images/productlistbg.jpg) top center no-repeat; padding-top: 110px;}
.left-navul li{ width: 86%; margin: 0px auto; background: url(../images/sj.png) left center no-repeat; font-size: 16px; line-height: 60px; border-bottom: 1px solid #0e7dcd;}
.left-navul li a{ display: block; padding-left: 20px; color: #fff;}
.left-navul li a:hover{ display: block; background-color: #fff; color: #094f96;}
.left-tel{ width: 100%; background: url(../images/telbg.jpg) top center no-repeat; font-size: 30px; line-height: 85px; padding-top: 20px; font-weight: bold; color: #c1e2ff; text-align: center;}
.product-right{ width: 885px; float: right; overflow: hidden;}
.product-right li{ float: left; width: 277px; height: 247px; margin-left: 13px; margin-bottom: 15px; border: 1px solid #e7e7e7;}
.product-right li img{ width: 100%; height: 193px;}
.product-right li a img{ display: block; width: 100%; height: 193px; overflow: hidden;}
.product-right li p{ width: 100%; background-color: #195ea1; color: #fff; margin: 0; padding: 0; text-align: center; line-height: 54px; font-size: 16px;}
.product-right li p a{ color: #fff; display: block; width: 100%;}
.product-right li p a:hover{ background-color: #333; display: block; width: 100%;}

.bgf5f5f5{ background-color: #f5f5f5; padding: 30px 0px; margin-top: 50px;}
.index-success-tit{ max-width: 1200px; margin: 0px auto; text-align: center;}
.index-success-tit p{ font-size: 36px; font-weight: bold; color: #034f98; background: url(../images/yellow-h-line.jpg) center bottom no-repeat; line-height: 60px;}
.index-success-tit span{ display: block; font-size: 18px; color: #666; line-height: 30px;}
.index-success-ul{ width: 100%; overflow: hidden;}
.index-success-ul li{ float: left; width: 23%; margin: 15px 1%; overflow: hidden; background-color: #fff;}
.index-success-ul li img{ display: block; width: 100%; height: 201px; overflow: hidden;}
.index-success-ul li p{ width: 94%; padding: 3%;}
.index-success-ul li p span{ display: block; background: url(../images/yellow-line.jpg) left top no-repeat; padding-left: 15px; font-size: 16px; font-weight: bold; color: #034f98;}
.index-success-ul li p i{ display: block; font-style: normal; font-size: 14px; color: #666666; padding-left: 15px; width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.more-btn{ width: 264px; font-size: 30px; margin: 20px auto 10px auto; line-height: 68px; text-align: center; background-color: #1162af;}
.more-btn a{ color: #fff;}

.index-three{ width: 100%; background-color: #f1f0f0;}
.index-sdly{ width: 1200px; margin: 25px auto; position: relative;height: 1130px;background: url(../images/threebg.jpg) top center no-repeat; }
.index-sdly-one{ position: absolute; left: 108px; top: 281px;}
.index-sdly-two{ position: absolute; right: 7px; top: 596px;}
.index-sdly-three{ position: absolute; left: 128px; top: 877px;}
.index-sdly dl{ width: 510px;}
.index-sdly dl dt{ font-size: 20px; margin-left: 20px; line-height: 42px; color: #071a54; margin-bottom: 22px;}
.index-sdly dl dd{ font-size: 14px; line-height: 33px; color: #333333;}
.index-sdly-two dt{ margin-left: 40px !important;}

.index-about{ width: 100%; background: url(../images/aboutbg.png) top center no-repeat; padding-top: 130px; padding-bottom: 100px;}
.index-about p{font-size: 14px; line-height: 36px; color: #fff; width: 496px;}
.index-about p a{ color: #fff; }
.index-about-tit{ width: 496px; margin-top: 15px; margin-bottom: 20px;}
.index-about-tit span{ display: block; font-size: 30px; font-weight: bold; color: #6daeee; line-height: 42px;}
.index-about-tit i{ display: block; font-style: normal; text-transform: uppercase; font-size: 14px; color: #1b61a4;}

.index-newslist{ width: 530px; margin-left: 30px; margin-right: 30px; float: left;}
.index-newslist-tit{width: 100%; background: url(../images/newstitbg.jpg) left bottom no-repeat; margin-top: 19px; overflow: hidden; padding-bottom: 10px;}
.index-newslist-tit p{ float: left; line-height: 42px; font-size: 28px; color: #0054a3;}
.index-newslist-tit span{ display: block; float: right; background-color: #015198; width: 110px; line-height: 36px; color: #fff; text-align: center; }
.index-newslist-tit span a{ color: #fff;}

.index-newslistul{ width: 100%; margin-top: 15px;}
.index-newslistul li{ border-bottom: 1px dashed #d4d4d4; width: 100%; overflow: hidden; padding-bottom: 10px; margin-top: 10px;}
.index-newslistul li img{ display: block; float: left; width: 150px; height: 100px;}
.index-newslistul li span, .index-newslistul li i, .index-newslistul li p{ display: block; width: 366px; float: right;}
.index-newslistul li span{ font-size: 16px; color: #333; font-weight: bold; line-height: 32px;}
.index-newslistul li i{ font-style: normal; font-size: 12px; color: #999999; line-height: 20px;}
.index-newslistul li p{ font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; color: #999;}
.index-newslistul li a:hover{ color: #0c5291;}

.index-newslistul2{ width: 100%; margin-top: 15px;}
.index-newslistul2 li{ border-bottom: 1px dashed #d4d4d4; background: url(../images/sline.jpg) no-repeat 0px 8px; width: 100%; overflow: hidden; padding-bottom: 10px; margin-top: 10px;}
.index-newslistul2 li span, .index-newslistul2 li i, .index-newslistul2 li p{ display: block; margin-left: 3%; width: 92%;}
.index-newslistul2 li span{ font-size: 16px; color: #333; font-weight: bold; line-height: 32px;}
.index-newslistul2 li i{ font-style: normal; font-size: 12px; color: #999999; line-height: 20px;}
.index-newslistul2 li p{ font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; color: #999;}
.index-newslistul2 li a:hover{ color: #0c5291;}

.link{ width: 1116px; padding: 0px 10px; border: 1px solid #dcdcdc; overflow: hidden; margin: 30px auto 0px auto; line-height: 44px;}
.link dt{ display: block; float: left; font-size: 14px; color: #333; font-weight: bold;}
.link dd{ display: block; float: left; font-size: 14px; color: #666;}

.hot-product{ width: 1116px; padding: 0px 10px; border: 1px solid #dcdcdc; overflow: hidden; margin: 20px auto; line-height: 44px;}
.hot-product dl{ background: url(../images/hoticon.jpg) 0px 10px no-repeat; padding-left: 30px; overflow: hidden;}
.hot-product dl dt, .hot-product dl dd{ float: left;}
.hot-product dl dt{ font-weight: bold;}

.footer{ width: 100%; background-color: #1579c5;}
.footul{ width: 1100px; margin: 0px auto; overflow: hidden;}
.footul li{ float: left; border-right: 1px solid #1364aa; line-height: 16px; margin-top: 20px; margin-bottom: 20px; font-size: 14px;}
.footul li a{ display: block; margin-right: 20px; margin-left: 20px; color: #fff;}
.foot-img{ display: block; float: left; border-right: 1px solid #ededef; margin-right: 40px; padding-right: 30px;}
.foot-text{ float: left; width: 350px;}
.foot-text li{ font-size: 14px; line-height: 30px; color: #666;}
.foot-img2{ float: right;}

.subbanner{ width: 100%; overflow: hidden;}
.subbanner img{display: block; width: 100%;}
.crumb{ width: 100%; max-width: 1200px; overflow: hidden; margin: 10px auto; padding-bottom: 5px; border-bottom: 1px solid #EDEDEF;}
.crumb li{ float: left; font-size: 16px; color: #333; line-height: 36px;}
.crumb li a{ display: inline-block; color: #666;}
.right{width: 860px; float: right; overflow: hidden;}
.title{ width: 90%; margin: 10px auto; text-align: center;}
.title p{ font-size: 30px; text-align: center; line-height: 60px; margin-bottom: 10px;}
.title span{ display: block; text-align: center; font-size: 14px; line-height: 24px; color: #555;}
.text{ width: 96%; margin: 10px auto;}
.text p{ font-size: 16px; line-height: 36px; margin-bottom: 20px;}
.text img{ display: block; margin: 10px auto; max-width: 94%;}

.right-tit{ width: 100%; text-align: left; font-size: 30px; line-height: 50px; padding-bottom: 10px; border-bottom: 1px dashed #D4D4D4;}

.newlist{ width: 100%; margin-top: 15px;}
.newlist li{ border-bottom: 1px dashed #d4d4d4; width: 100%; overflow: hidden; padding-bottom: 10px; margin-top: 10px;}
.newlist li img{ display: block; float: left; width: 150px; height: 100px;}
.newlist li p{ width: 700px; float: right;}
.newlist li p a{ display: block; width: 100%; color: #333;}
.newlist li p a span, .newlist li p a i, .newlist li p a b{ font-weight: normal; font-style: normal; width: 100%; display: block;}
.newlist li p a span{ font-size: 16px; color: #333; font-weight: bold; line-height: 32px;}
.newlist li p a i{ font-size: 12px; color: #999; line-height: 20px;}
.newlist li p a b{ font-size: 14px; line-height: 26px; color: #666;}
.newlist li p a:hover span, .newlist li p a:hover i, .newlist li p a:hover b{color: #0c5291; display: block;}

.pages {
      clear:both;
    padding: 30px 0 30px;
    text-align: center
}
.pages li {
    display: inline;
    margin:0 0.5%;
    float:none;
}
.pages li.thisclass,
.pages a:hover {
    padding: 10px 15px;
    border: 1px solid #c91723;
    background: #c91723;
    color: #fff;
    text-decoration: none;
    border-radius: 3px;
    line-height:50px;
}
.pages a {
    padding: 10px 15px;
    border: 1px solid #ddd;
    background: #fff;
    color: #A4A4A4;
    line-height:50px;
    border-radius: 3px;
}
.syt{margin-top:20px; border-top:1px solid #dbdbdb; padding-top:20px; font-size:16px;}
.syt p a{font-size:16px; color: #555;}
.syt p a:hover{ color: #888;}
.syt p:first-child{margin-bottom:10px;}

.productlist{ width: 100%; overflow: hidden;}
.productlist li{ float: left; width: 270px; height: 247px; margin-right: 13px; margin-top: 15px; border: 1px solid #e7e7e7;}
.productlist li img{ width: 100%; height: 193px;}
.productlist li a img{ display: block; width: 100%; height: 193px; overflow: hidden;}
.productlist li p{ width: 100%; background-color: #195ea1; color: #fff; margin: 0; padding: 0; text-align: center; line-height: 54px; font-size: 16px;}
.productlist li p a{ color: #fff; display: block; width: 100%;}
.productlist li p a:hover{ background-color: #333; display: block; width: 100%;}

.contactul{ width: 94%; margin: 0px auto;}
.contactul li{ width: 100%; overflow: hidden; line-height: 60px; border-bottom: 1px solid #D4D4D4; font-size: 16px;}
.contactul li img{ display: block; vertical-align: middle; margin-top: 23px; margin-right: 15px; float: left;}
.online{ width: 94%; margin: 20px auto; overflow: hidden;}
.online li{ width: 100%; overflow: hidden; font-size: 16px; line-height: 46px; margin-bottom: 25px;}
.online li span{ display: block; float: left; margin-right: 15px; width: 100px; text-align: right;}
.online li input{ display: block; border: 1px solid #DBDBDB; width: 600px; float: left; height: 46px; line-height: 46px; font-size: 16px;}
.online li textarea{ display: block; width: 600px; font-size: 16px; line-height: 36px; border: 1px solid #DBDBDB;}
.online li.online-btn input{ margin-left: 115px; width: 280px; background-color: #c91723; color: #fff; font-size: 24px; font-weight: bold; line-height: 56px; height: 56px; cursor: pointer;}
/*右侧浮动*/
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow: #DDD 0px 1px 5px;
	       -moz-box-shadow: #DDD 0px 1px 5px;
	       box-shadow: #DDD 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 48px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: #DDD 0px -1px 5px;
    -moz-box-shadow: #DDD 0px -1px 5px;
    box-shadow: #DDD 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}
/*相关新闻*/
.later_tit{clear:both; color:#333; font-weight:normal; height:34px; margin:20px auto; font-weight: 700; text-align:left; line-height:34px; font-size:22px;}
.late_new{float:left; width:30%; margin-left:3%;display:block;}
.late_new ul{clear:both;}
.late_new ul li{clear:both; font-size:16px; text-align:left; line-height:33px; background: url("../images/icon.gif") left center no-repeat; padding-left: 10px;}

.pcnone{ display: none;}
.mnone{ display: block;}


/* banner */
.c-banner{
	width: 100%;
	position: relative; margin-bottom: 8px;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;
		/*height: 345px;*/
		overflow: hidden;
	}
	.c-banner .banner ul li img{
		width: 768px;
		/*height: 345px;*/
		position: absolute;
		left: 50%;
		margin-left: -384px;
	}
}