

@media (min-width:1199px){
	
	#waptop,#footer_phone{ display:none}
	

}

/*手机版*/
@media (max-width:991px){

.wp1200{ width:100%; margin:0 auto; }

#top,.logo,.tel,.p_head,.pc{ display:none}

#waptop {height: 48px}
#waptop #waptopbg {width: auto}
.nav-toggle {width: 100%;position: fixed;height: 48px;z-index: 90;top: 0;left: 0;background-color: #fff}
.nav-toggle:before {width: 100%;height: 48px;background-color: #333;content: "";position: fixed;top: 0;left: 0;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);
	-webkit-transition-duration: .3s;transition-duration: .3s;opacity: 0}
.nav-open .nav-toggle:before {width: 100%;height: 100%;background-color: #fff;opacity: 1;-webkit-transition-duration: .3s;transition-duration: .3s}
.nav {position: fixed;top: 48px;left: 0;width: 100%;height: 100%;-webkit-transition-duration: .2s;transition-duration: .2s;opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);
	z-index: -1}
.nav-open .nav { background:#045a8d;opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);z-index: 91;-webkit-transition-duration: .2s;transition-duration: .2s}
.nav ul {padding: 0 48px}
.nav ul li {list-style: none;width: 100%;opacity: 0;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)}
.nav-open .nav ul li {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;transition: opacity 400ms ease, -webkit-transform 400ms ease;-o-transition: transform 400ms ease, opacity 400ms ease;
	transition: transform 400ms ease, opacity 400ms ease;transition: transform 400ms ease, opacity 400ms ease, -webkit-transform 400ms ease}
.nav-open .nav ul li:nth-child(1) {transition-delay: .1s;-webkit-transition-delay: .1s}
.nav-open .nav ul li:nth-child(2) {transition-delay: .15s;-webkit-transition-delay: .15s}
.nav-open .nav ul li:nth-child(3) {transition-delay: .2s;-webkit-transition-delay: .2s}
.nav-open .nav ul li:nth-child(4) {transition-delay: .25s;-webkit-transition-delay: .25s}
.nav-open .nav ul li:nth-child(5) {transition-delay: .3s;-webkit-transition-delay: .3s}
.nav-open .nav ul li:nth-child(6) {transition-delay: .35s;-webkit-transition-delay: .35s}
.nav-open .nav ul li:nth-child(7) {transition-delay: .4s;-webkit-transition-delay: .4s}
.nav-open .nav ul li:nth-child(8) {transition-delay: .45s;-webkit-transition-delay: .45s}
.nav-open .nav ul li:nth-child(9) {transition-delay: .5s;-webkit-transition-delay: .5s}
.nav-open .nav ul li:nth-child(10) {transition-delay: .55s;-webkit-transition-delay: .55s}
.nav-open .nav ul li:nth-child(11) {transition-delay: .6s;-webkit-transition-delay: .6s}
.nav-open .nav ul li:nth-child(12) {transition-delay: .65s;-webkit-transition-delay: .65s}
.nav-open .nav ul li:nth-child(13) {transition-delay: .7s;-webkit-transition-delay: .7s}
.nav-open .nav ul li:nth-child(14) {transition-delay: .75s;-webkit-transition-delay: .75s}
.nav-open .nav ul li:nth-child(15) {transition-delay: .8s;-webkit-transition-delay: .8s}
.nav ul li a {display: block;padding: 0;text-align: left;line-height: 45px;height: 45px;color: #fff;text-decoration: none;font-size: 16px;border-bottom: 1px solid #5d94b5}
.nav ul li a.cur {color: #999}
.nav ul:hover li a {opacity: .5}
.nav ul:hover li:hover a {opacity: 1}
#nav-icon {height: 48px;width: 58px;display: block;z-index: 91;position: absolute;top: 0;left: 0}
.nav-icon:before, .nav-icon:after {width: 25px;height: 3px;background-color: #03598c;content: "";position: absolute;left: 0;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-icon:before {top: -7px}
.nav-icon:after {top: 7px}
.nav-icon {width: 25px;height: 3px;background-color: #03598c;position: fixed;top: 23px;left: 15px;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-open .nav-icon {width: 0}
.nav-open .nav-icon:before {-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg)}
.nav-open .nav-icon:after {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg)}
#logo {display: block;position: fixed;color: #fff;width: 40%;text-align: center;top: 5px;left: 27%;margin: 0 0 0 0;z-index: 91;content: "";height: 35px;overflow: hidden}
#logo a {height: auto;overflow: hidden;display: block}
#logo img {width: 100%;height: auto}
#qq {position: fixed;top: 0;right: 0;color: #fff;-webkit-transition-duration: .5s;transition-duration: .5s;z-index: 91;content: ""}
.nav-open #qq {right: -100px}
.actions {display: inline-block;
*zoom:1;
*display:inline;vertical-align: middle;position: absolute;right: 0;top: 0;height: 48px;width: 100px}
.actions a {display: block;float: right;padding: 10px;text-align: center}
.icon-qq {
	display: inline-block;
*zoom:1;
*display:inline;width: 22px;height: 26px;vertical-align: middle;background: url(../image/icon-qq.png) no-repeat center center;background-size: 80%
}
.icon-im {display: inline-block;*zoom:1;*display:inline;width: 26px;height: 26px;vertical-align: middle;background-size: 90%}
.icon-call {display: inline-block;*zoom:1;*display:inline;width: 25px;height: 26px;vertical-align: middle;background: url(../image/icon-call.png) no-repeat center center;background-size: 80%}



/*  广告轮播图 */
.pc{ width:100%; display:none}
/* 首页banner样式 */
.x-banner{ margin-bottom:10px;}
.x-banner .owl-carousel {position: relative;}
.x-banner .owl-carousel .banner-item a { display: block;}
.x-banner .owl-carousel .owl-nav .owl-prev {left: 0;}
.x-banner .owl-carousel .owl-nav .owl-next { right: 0;}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next { display:none; outline: none; position: absolute; top: 50%;z-index: 9999; background: #424246;height: 65px; width: 50px;margin-top: -32.5px; border-radius: 0; -webkit-transition: all .5s ease;transition: all .5s ease;}
.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover { background: #ab001a;}
.x-banner .owl-carousel .owl-nav .icon-font { display: block; width: 100%; height: 100%;}
.x-banner .owl-carousel .owl-nav .icon-left-arrow:after { background-position: -34px -180px;}
.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {  background-position: -26px -480px;}


    .x-banner .owl-carousel .owl-nav button.owl-prev,
    .x-banner .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }
    .x-banner .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }


.x-banner .owl-carousel .owl-dots {
    position: absolute;
    z-index: 999;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    bottom: 5%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 .5em;
    outline: none;
    background: #fff;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    opacity: .2;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
    opacity: .5;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
    opacity: 1;
}

.center{ width:100%; text-align:center; margin:30px 0 3%}
.center .f26{ font-size:1.2rem; color:#777777}
.center .f26 span{ color:#1160ac; background:url(../image/dian.png) no-repeat 0 center; padding-left:16px; margin-left:8px;}
.center p{ font-size:1rem; color:#333333; margin:1% 3% 0;}

.inabout{ width:94%; margin:0 3%;}
.inabout .aleft{ float:right; width:100%; margin-top:1%;}
.inabout .aleft p{ width:100%; line-height:26px; padding-right:0;}
.inabout .aleft ul{ float:left; width:100%; margin-top:10px;}
.inabout .aleft li{ float: left;  text-align:center; margin-right:40px; margin-bottom:20px; border:1px solid #1160ac;width: 40%;}
.inabout .aleft li a{ color:#222222; float:left; width:160px; padding:10px 0}
.inabout .aleft li a:hover{ background:#1160ac; color:#FFFFFF}
.inabout .aleft .amore{ float:left; width:30%;}
.inabout .aleft .amore a{ float:left; color:#FFFFFF; background:#1160ac; padding:3% 0; width:100%; text-align:center;margin-top:10px;}
.inabout .aleft .amore a:hover{ background: rgba(17,96,172,.6);}
.inabout .aleft li:nth-child(2n){margin-right: 0}
.inabout .aright{ float: left; width:100%; overflow:hidden; margin-top:20px;}
.inabout .aright111:hover img{transition:all 0.5s; transform:scale(1.1,1.1);}

.inlist{ width:100%; margin:0 auto;}

.inbg{ width:100%; background:url(../image/bg.jpg) no-repeat center 0; margin-top:30px;}

/*广告*/
.guang{ width:96%;  padding:0 0 5% 0; margin:20px 2%; height:50px;}
.guang .guang-list  {float: left; width:25%;text-align:left;}
.guang .guang-list:nth-child(4n){margin-right: 0}
.guang .guang-list:last-child{ margin-right: 0;}
.guang .guang-list .f1{ color: #fff;font-size: 1.2rem; text-align:center; line-height:26px; height:32px; font-weight:bold; font-family: thyFont2; margin-bottom:8px;}
.guang .guang-list .f1 sub{ font-size: 0.6rem; color:#fff; position:relative; top:-6px;}
.guang .guang-list .f2{ color: #fff; font-size: 0.8rem; margin-top: 1%; margin-bottom:4%; text-align:center;}
.guang .guang-list .f3{ width:40px; border-bottom:3px solid #105893; float:left;}
.guang .guang-list .f4{ width:60px; border-bottom:1px solid #a6a6a6; float:left; position:relative; bottom:-2px;}

.HomeTit{ height:25px; line-height:25px; width: 100%; margin-left:13%; text-align:center}
.HomeTit li{ cursor:pointer; float:left; padding:2% 3%; border:1px solid #d0d0d0; margin-right:31px; color:#105893; font-size:1rem; width: auto; text-align:center}
.HomeTit li.on{ color:#fff; background:#1160ac; font-size:1.1rem;}
.HomeTit li:nth-child(3n){ margin-right:0;}

.pro_list{ float:left; width:96%; margin:4% 2%}
.pro_list li{float: left;margin-right: 2%;margin-bottom: 2%;width: 49%; height: auto; padding:0;}
.pro_list li:nth-child(2n){ margin-right: 0;}
.pro_list li .pic{ width:100%; height:auto; overflow:hidden}
.pro_list li .pic img{ width: 100%;height: auto;}

.pro_list li .pic_bg{ width: 100%; height: auto; padding-top:100px; color:#fff; font-size:14px; font-weight:bold; position: absolute; z-index: 9999; margin-top: -249px; background: rgba(17,96,172,.6); text-align: center;display: none;}
.pro_list li .pic_bg img{ padding-top: 90px;}
.pro_list li p{ line-height: 35px; text-align: center; font-size: 1rem; color: #000000; background:#ebebeb; margin-top:3px;}


.shili{ width:96%; margin:0 2%; height:400px;}
.shili ul{ margin-top:20px; margin-bottom:50px; float:left;}
.shili li{ float: left; margin-bottom:5%; margin-right:4%; width:48%;}
.shili li:nth-child(2n){ margin-right: 0;}
.shili li h2{ font-size:1.2rem; color:#1160ac; margin-bottom:2px;}
.shili li p{ color:#333333; font-size:1rem; margin-bottom:8px}
.shili li .line{ width:40px; border-bottom:2px solid #1160ac;}
.shili .xz{ position: relative; bottom:420px; left:420px; width:291px; height:291px; display:none}

img.touxiang:hover{
        transform: rotate(180deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
    }
    img.touxiang{
        margin: 0 auto;
        display: block;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        border-radius:100%;
    }
	
	

.incase{ width:100%; height: auto; padding:20px 0 10%; background: url(../image/case_bg.jpg) no-repeat center 0;}
.Box {position: relative;}
			.Box .content {width: 100%;margin: 0 auto; margin-top:50px;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
			.Box .Box_con {position: relative; height: auto;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 60px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../image/jtl02.png) no-repeat center;left: 0px; z-index:9999}
			.Box .Box_con .btnr {background: url(../image/jtr02.png) no-repeat center;right: 0px; z-index:9999}
			.Box .Box_con .btnl:hover {background: url(../image/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../image/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 210px;height: auto;margin-left: 20px;overflow: hidden;}
			.Box .Box_con .conbox ul li p{ width:100%; text-align:center; background:#d8d8d9; line-height:35px; margin-top:8px;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li .img{ width:100%; height:auto; overflow:hidden} 
			.Box .Box_con .conbox ul li .img img {display: block;width: 100%;height: auto;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover .img img {transform: scale(1.1);}
			.Box .Box_con .conbox ul li:hover p{ background:#1160ac; color:#FFFFFF}
			
			.Box .BoxSwitch {margin-top: 30px;text-align: center;}
			.Box .BoxSwitch span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 30px;height: 3px;background: #ccc;margin: 0 5px;cursor: pointer;}
			.Box .BoxSwitch span.cur {background: red;}
	
	
	

.innews{ width:96%; margin:30px 2%;}
.innews li{ float:left; width:100%; margin-right:0;}
.innews li .img{ width:20%; height:auto; float:left; overflow:hidden;}
.innews li .img img{ width:100%; height:auto}
.innews li .intext{ width:77%; height:auto; float:right; padding:0;}
.innews li h2{ color:#000000; font-size:1rem; font-weight:normal; border-bottom:1px solid #cccccc; padding-bottom:4px; margin-bottom:4px;}
.innews li p{ color:#555555; line-height:26px; margin-bottom:10px; display:none}
.innews li em{ color:888888;}
.innews li em span{ float:right;}


.innews li:nth-child(3n){margin-right: 0}
.innews li:hover img{transition:all 0.5s; transform:scale(1.1,1.1);}


footer{ width:100%; background:#000912; height: auto; padding:40px 2% 60px; color:#FFFFFF;}
footer .fleft{ width:50%; float:left; font-size:1.1rem;}
footer .fleft p{ font-size:16px; height:16px; line-height:16px; margin-bottom:16px;}
footer .fleft em{border-bottom:2px solid #FFFFFF; width:25px; height:2px; display:block; margin-bottom:16px;}

footer .fleft .footer-main {overflow: hidden; float:left; width:200px; margin-top:0; }
footer .fleft .footer-main>li {display: block;line-height: 30px; width:100px; float:left; }
footer .fleft .footer-main>li>a {color: #fff;font-size: 14px;width: 100%;}
footer .fleft .footer-main>li:hover>a {color: #006eba;padding-left: 5px;}

footer .fmid{ width:50%; float:left; font-size:14px;}
footer .fmid p{ font-size:1rem; height:16px; line-height:16px; margin-bottom:16px;}
footer .fmid em{border-bottom:2px solid #FFFFFF; width:25px; height:2px; display:block; margin-bottom:16px;}

footer .fmid li {display: block;line-height: 30px; width:100%; float:left; }
footer .fmid li a {color: #fff;font-size: 14px;width: 100%;}
footer .fmid li:hover a {color: #006eba;padding-left: 5px;}

footer .fcontact{ float:left; width:90%; margin-top:5%}
footer .fcontact p{ font-size:16px; height:16px; line-height:16px; margin-bottom:16px;}
footer .fcontact em{border-bottom:2px solid #FFFFFF; width:25px; height:2px; display:block; margin-bottom:16px;}
footer .fcontact li{ float: left; width:100%; margin-bottom:6px;}


footer .fright{ float:right; width:35%; text-align:center; margin-top:18%; display:none}
footer .fright img{ width:100%; height:auto}
footer .fright p{ line-height:35px; text-align:center;}

footer .bottom{ margin-top:3%; float:left; width:100%; font-size:1rem; display:none}
footer .bottom h2{ border-bottom:1px solid #808489;width:100%; float:left;  font-size:1rem; padding-bottom:10px;}
footer .bottom h2 a{ margin-right:14px; color:#FFFFFF;padding-left:8px;}
footer .bottom p{ text-align:left; line-height:30px; margin-top:8px; float:left;}
footer .bottom p a{ color:#FFFFFF}



/*phonefooter*/
#footer_phone{ background: #015185; position: fixed; bottom: 0; width: 100%; left: 0; height: 40px; line-height: 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; z-index: 10000;}
#footer_phone a { width: 33.3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #fff; float: left; display: block;
    /*text-align: center;*/ background-repeat: no-repeat; background-position: 13% center; padding-left: 12%;font-size: 12px;color: #fff;}
#footer_phone a:first-of-type {background-image: url("../image/fot_sy.png");padding-left: 15%;background-position-x: 27%;}
#footer_phone a:nth-of-type(2) { background-image: url("../image/fot_ly.png");}
#footer_phone a:last-of-type { border-right: 0;background-image: url("../image/fot_zx.png");background-position-x: 36%;padding-left: 17%;}

.nbanner { position:relative; z-index:-1; width:100%;}
.nbanner img{ width:100%; height: auto;}

#menu22016 .mleft{ width: auto; float:left; display:none; font-size:14px; color:#FFFFFF; line-height:45px;}
#menu22016 .mleft a{ color:#FFFFFF}
#menu22016 .mleft a:hover{ color:#1160ac}
#menu22016 {font-size: 1rem;height: 50px;background-color: #fff;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px; float: left; width:100%; padding:0 6%;}
#menu22016.fixed{position: fixed;top: 0;left: 0;z-index: 11;}
#menu22016 ul li {text-align: center;width: auto; margin-right: 2px;font-size: 1rem;line-height: 48px; float:left;}
#menu22016 ul li a {padding: 0;display: inline-block;color: #666;margin-left: 5px}
#menu22016 li a:hover ,#menu22016 ul li a.cur { color: #1160ac;border-bottom: 2px solid #1160ac;position: relative;margin-bottom: -1px;}


.aboutext{ width:94%; margin: 0 3% 5%;}
.aboutext h1{ font-size:1.2rem; border-bottom:1px solid #999999; color:#1160ac; margin-bottom:20px; padding-bottom:12px;}
.aboutext p{ font-size:1.1rem; line-height:20px;}

.aboutext img{ width:100%; height:auto}

.case{ width:94%; margin: 0 3% 5%;}
.case h1{ font-size:1.1rem; border-bottom:1px solid #999999; color:#1160ac; margin-bottom:20px; padding-bottom:16px;}
.case li{ float:left; margin-right:2%; width:49%;}
.case li .img{ width:100%; height:auto; overflow:hidden; border:1px solid #999999; padding:2%;}
.case li .img img{ width:100%; height:auto}
.case li p{ line-height:35px; text-align:center}
.case li:nth-child(2n){margin-right: 0}
.case li:hover .img{ border:1px solid #1160ac;}
.case li:hover img{transition:all 0.5s; transform:scale(1.1,1.1);}


.job{ width:94%; margin: 0 3% 5%;}
.job h1{ font-size:22px; border-bottom:1px solid #999999; color:#1160ac; margin-bottom:20px; padding-bottom:16px;}
.job li{ float:left; margin-right:3%; width:100%;}
.job li img{ width:100%; height:auto}
.job li:nth-child(3n){margin-right: 0}
.job img{ width:100%; height:auto}

.product{ width:94%; margin: 0 3% 5%;}
.product h1{ font-size:1.1rem; border-bottom:1px solid #999999; color:#1160ac; margin-bottom:20px; padding-bottom:12px;}
.product li{ float:left; margin-right:2%; width:49%; margin-bottom:3%;}
.product li .img{ width:100%; height:auto; overflow:hidden; border:1px solid #999999; padding:2%;}
.product li .img img{ width:100%; height:auto}
.product li:hover .img img{transition:all 0.5s; transform:scale(1.1,1.1);}

.product li p{ line-height:30px; text-align:center; width:100%; background:#e5e5e5; margin-top:4px;}
.product li:nth-child(2n){margin-right: 0}
.product li:hover p{ background:#1160ac; color:#FFFFFF}

/*百度地图样式*/
#dituContent { width:100%; height:450px;}

.contact{ width:94%; margin: 0 3% 5%;}
.contact h1{ font-size:1.1rem; border-bottom:1px solid #999999; color:#111111; font-weight:normal; margin-bottom:10px; padding-bottom:10px;}
.contact li{ font-size:0.8rem; line-height:30px; width:49%; margin-right:2%; float:left;}
.contact li:nth-child(2n){margin-right: 0}
.contact img{ width: auto; height:auto;}

.ex_news {clear: both;overflow: hidden;width: 94%; margin:30px 3%;}
.ex_news ul {overflow: hidden;}
.ex_news ul li {clear: both;padding: 0 ; width:100%;border-bottom: 1px solid #eee;overflow: hidden;background: #fff;position: relative;height: auto; padding-bottom:5%;margin-bottom: 20px;cursor: pointer;}
.ex_news ul li:last-child {margin-bottom: 0px;}
.ex_news ul li .ex_news_img {float: left;width: 30%;height: auto;background-repeat: no-repeat;background-position: center;overflow: hidden;top: 0;left: 0;}
.ex_news ul li .img_box {width: 100%;height: 165px;background-repeat: no-repeat;background-position: center;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-size: cover;}
.ex_news ul li .ex_news_info {float: left;width: 65%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute;top: 0;left: 33%;}
.ex_news ul li .ex_news_info h2{ font-size:1.2rem;}
.ex_news ul li .ex_news_info a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 1.1rem;display: block;width: 100%;padding-bottom: 10px;color: 666;}
.ex_news ul li .ex_news_info span{ float:left; width:100%; color:#888888;}
.ex_news ul li .ex_news_info p {height: 50px; float:left;line-height: 25px; width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;overflow: hidden;color: #999;font-size: 1rem;}
.ex_news ul li .ex_news_date { border:1px solid #c3c3c3; width:100px; float:left; text-align:center; padding:8px 0; margin-top:20px;}
.ex_news ul li:hover a {color: #015185;}
.ex_news ul li:hover .ex_news_info { color:#015185;}
.ex_news ul li:hover .ex_news_date font {color: #015185; }
.ex_news ul li:hover .ex_news_date item {bottom: 60px}
.ex_news ul li:hover .img_box {transform: scale(1.1, 1.1);}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:0;}
.n_body img{ width:100%; height:auto;}
#news_info { height:auto !important; height: auto; overflow:visible;}
#news_info h1{ border:none}
#news_info a { color:#3C3C3C; }
#news_info a:hover { color:#1160ac; }
#news_info .article_title { font-size:16px; padding:0; font-weight:bold; margin:0px; text-align:center; line-height:28px; }
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 0 0; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC;}
.prevnext .previous { font-size: 14px; width: 100%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 100%; float: left; text-align: left; }
.prevnext .previous:hover{ color:#1160ac; text-decoration: underline}
.prevnext .previous a:hover{ color:#1160ac; text-decoration: underline}

.prevnext .next:hover{ color:#1160ac; text-decoration: underline}
.feedback{ float:left; margin-top:35px; width:100%;}
.prevnext:hover{ color:#1160ac; text-decoration: underline}

#feedback_form .fcont{ width:100%; float:left; height:50px; color:#999999}
#feedback_form label{display:block;float:left;height:32px; color:#111;line-height:32px;margin-bottom:30px;padding-left:0;font-size:1rem; width: 80px;text-align: right;}
#feedback_form label span{ color:#FF0000}
#feedback_form .name{ width:40%;}
#feedback_form .tst{ width:20%;}
#feedback_form select{ height:30px; border:1px solid #999;}
#feedback_form input{width:20%;height:30px;  line-height:30px;float:left;margin:0 20px 10px 0;padding:0 10px;border:1px solid #999;}
#feedback_form .textarea{ width:100%; float:left; height:120px;}
#feedback_form textarea{height:100px;width:40%; color:#111; float:left; display:block;color:#333; padding:1%; border:1px solid #999;}
#feedback_form .textarea em{ float:left; width:35%; padding-left:20px;  margin-top:30px; color:#999999}
#feedback_form img{ width:10%; height:auto}
#feedback_form em{font-size:0.8rem;}

#feedback_form .btns{width:120px;height:40px;margin-right:10px; margin-left:80px; background:#1160ac;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background: rgba(17,96,172,.8);;transform:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:50px;height:22px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#009999;}




.procontent{ margin-bottom:35px; overflow:hidden; float:left; width:100%; margin-top:0;}
.post-title{ margin-bottom:20px; padding-bottom:5px; font-size:24px; line-height:36px; text-align:left;}
.product-meta-box{ overflow:hidden; float:left;}
.metaList{ float:left; width:100%; margin-top:3%;}
.metaList li{ padding: 0; width:100%; border-bottom:1px dashed #ccc; overflow:hidden; line-height:32px; font-size:1.1rem;}
.metaList li strong{ float:left; padding-right:8px; width:130px; text-align:right; font-weight:normal; display:block;}
.metaList li span{ font-weight:bold;}
.metaList li em{ color:#1160ac;}
.inquiry{ padding:12px 18px; border-radius:5px; background:#fdd000; float:left; margin-top:18px;}
.Details{ width:100%; float:left; padding-bottom:12px; margin-top:50px;}
.Details h2{ height:40px; text-align:left; padding-left:12px; border-bottom:1px solid #1160ac; float:left; line-height:34px; color:#FFFFFF; font-size:16px; background:url(../image/pbg.jpg) no-repeat; width:100%; margin-bottom:20px;}

.product-inquiry { margin-top: 4%;}
.product-inquiry a { font-size: 1rem; color: #ffffff; display: inline-block; background: #1160ac; padding: .5em 1.875em; border-radius: 2em;}
.product-inquiry a:hover { opacity: .8;}



/* 产品详情 */
.proShow_tie{font-size:26px;text-align:center;font-weight:normal;color:#333;margin-bottom:15px;}
.proShow_pic{background:#f6f6f6;padding:20px;height:;overflow:hidden;}
.spec-preview{width:660px;height:480px;padding:4px; float:left;border-radius:3px;}
.spec-scroll{width:206px;height:486px;overflow:hidden;float:right; margin-top:3px;}
.spec-scroll a.prev{display:block;width:206px;height:6px; overflow:hidden;cursor:pointer; margin-bottom:7px;}
.spec-scroll a.prev:hover{background-position:center -12px;}
.spec-scroll a.next{display:block;width:206px;height:6px; overflow:hidden;cursor:pointer; margin-top:7px;}
.spec-scroll a.next:hover{background-position:center -18px;}
.spec-scroll .items{width:206px;height:460px;overflow:hidden; position: relative;}
.spec-scroll .items ul{position: absolute; width:206px;height:480px;}
.spec-scroll .items ul li{width:206px;height:155px; text-align: center;border-radius:3px;}
.spec-scroll .items ul li img{width:200px;height:143px;cursor:pointer;padding: 2px; border:1px solid #ccc;}
.spec-scroll .items ul li:hover img,.spec-scroll .items ul .on img{border:1px solid #19a9e3;}
.proShow_font{clear:both;padding:25px 0;overflow:hidden;}


#preview{ float:left; margin:0 auto; text-align:center; width:100%;}
.jqzoom{ width:100%; height: auto; position:relative;}
.jqzoom img{ border:1px solid #CCC; width:100%; height:auto}
.zoomdiv{ left:859px; height:100%; width:100%;}
.list-h li{ float:left;}
#spec-n5{width:100%; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../image/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../image/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:365px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:92%; margin-right:6px;}
#spec-list div{ margin-top:0; *margin-left:0;}

nav.pagelist { clear: both; text-align: center; font-size: 1.4rem; padding: 18px 0px 35px 0px; width:100%;}
nav.pagelist a { border: #edecec 1px solid; margin-right: 5px; padding: 3px 7px; color: #666; font-size:14px;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}


}








