﻿

.g-nav{clear:both;height:53px; overflow:hidden;background:#1d85bb;}

.g-nav li{text-align:center;height:26px; line-height:26px;float:left;overflow:hidden;font-size:12px; color:#fff; width: 67px;

position:relative;text-align:center;padding:0 6px 0; border-right:1px #0e6490 solid;border-right:1px #41ade5 solid; }
.g-nav li a{color:#fff;}

.g-nav a:nth-child(1) li,.g-nav a:nth-child(2) li,.g-nav a:nth-child(3) li{border-bottom:1px #0e6490 solid;}

.g-nav a:nth-child(4) li,.g-nav a:nth-child(5) li,.g-nav a:nth-child(6) li,.g-nav a:nth-child(7) li{border-top:1px #41ade5 solid;padding:0 7%; }

.g-nav a:nth-child(3) li,.g-nav a:nth-child(7) li{padding:0 1%;}

.g-nav a:nth-child(1) li,.g-nav a:nth-child(4) li{border-left:none;}

/*通栏广告*/

.g-adv{ clear:both;position:relative; width:320px;height:258px; z-index:15;}

.g-adv .m-box img{ display:block;position: relative; height:258px; }

.g-adv .sclwrap_box{height:258px; position:relative;}

.g-adv .m-cnt{ width:100%; position:absolute; bottom:0; left:0; z-index:10; height:5px;}

.g-adv .m-cnt li{ float:left; width:320px; height:5px;}

.g-adv .m-cnt li:nth-child(1){ width:106px;}

.g-adv .m-cnt li:nth-child(2){ width:106px;}

.g-adv .m-cnt li:nth-child(3){ width:108px;}

.g-adv .m-cnt{ background:#1d85bb; }/*通栏广告  状态栏*/

.g-adv .m-cnt .z-on { background:#e50112; position:relative;}/*通栏广告  状态栏 当前*/







/*分类*/

a.m-elc-tp2{ color:#fff;}

.g-st .m-elc-tp2{ text-align:center;color:#fff;height:35px; line-height:35px;display:block;background-color:#1a84ba;position:relative; overflow:hidden; font-size:14px;}

.g-st{height:auto; overflow:hidden;margin:16px 0 0;}

.m-st{ clear:both;padding:17px 15px 0;position:relative;}

.m-st:before{ content:""; position:absolute;border-top:4px #1a84ba solid; border-left:4px transparent solid; border-right:4px transparent solid;left:49.7%;top:0; z-index:9;}

.m-st .m-st-in h3 { clear:both;display:block;padding:0 0 0 10px; border-bottom:1px #d5d5d5 dashed; line-height:24px;height:24px; overflow:hidden; font-size:12px; color:#323232; position:relative;}

.m-st .m-st-in h3 a{ display:block;padding:0 0 0 10px; border-bottom:1px #d5d5d5 dashed; line-height:24px;height:24px; overflow:hidden; font-size:12px; color:#323232; position:relative;}

.m-st .m-st-in h3 a:before{ content:""; position:absolute; display:inline-block;width:4px;height:4px;background:#cecece; z-index:9;left:2px;top:11px;}

.m-st .m-st-in h3 a:last-child{ border:none;}

.m-st .m-st-in{ display:block;overflow:hidden;}

.m-st .m-st-in li a{ font-family:宋体;color:#1A84BA; line-height:18px; height:18px;font-size:12px; padding:0 0 0 10px; display:inline-block;width:128px; overflow:hidden; float:left;}



.m-st span{ display:block; line-height:26px;height:26px; overflow:hidden; border-bottom:1px #1a84ba solid; position:relative; font-size:12px;}

.m-st span a{ color:#1a84ba;}

.m-st span:before{ content:""; position:absolute;width:14px;height:14px; background:#1a84ba; z-index:1;right:0;top:7px;	

-moz-border-radius:14px;   

    -o-border-radius:14px; 

    -webkit-border-radius:14px; 

    border-radius:14px;}

.m-st span:after{content:""; position:absolute; display:inline-block; border-left:6px #fff solid; border-top:3px transparent solid;border-bottom:3px transparent solid;right:3px;top:11px;z-index:9;}

 /*-moz-transform: rotate(45deg);/*角度45度，针对火狐浏览器写的兼容*/

 /*	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/

 /*	-webkit-transform: rotate(45deg); /*针对苹果浏览器写的兼容*/

	 /*transform: rotate(45deg);right:3px;top:13px; z-index:10;}*/

	 

	

.g-sbox .m-cnt{color:#051a0f;height:35px; line-height:35px;display:block;padding:0;background-color:#dfdfdf;position:relative; overflow:visible;}

.g-sbox .m-cnt:before{ border:none;border:none;}

.g-sbox .m-cnt li{ color:#051a0f;font-size:12px;margin:0;padding:0 11px;height:35px;text-align:center;float:left; overflow:visible;}

.g-sbox .m-cnt li.z-on{ color:#fff; position:relative;background-color:#1a84ba;}

.g-sbox .m-cnt li.z-on:before{width:0; content:""; position:absolute; border-top:4px #1a84ba solid; border-left:4px transparent solid; border-right:4px transparent solid; border-bottom:none; z-index:9;left:49%;top:35px;}	

.g-sbox .m-cnt li.z-on:after{border:none;background:none;}



	

/*荣誉*/

.g-hon{height:230px;overflow:hidden;}

.g-hon .sclwrap_box {height:180px;position:relative;}

.g-hon .m-hon{clear:both;padding:19px 0 0 8px;width:312px; overflow:hidden;}

.g-hon .m-hon p{ display:block; float:left;width:312px; overflow:hidden;}

.g-hon .m-hon a{ display:inline-block; float:left;width:132px;margin:0 9px 0; text-align:center;}

.g-hon .m-hon a img{ border:1px #d5d5d5 solid; display:block;height:130px;}

.g-hon .m-hon a span{ line-height:23px; display:block;padding:4px 0 0;font-size:12px; color:#969696; font-weight:100;}

.g-hon .m-hon a span i{ color:#646464;font-style:normal; display:block; line-height:25px;height:25px; border-bottom:1px #d9d9d9 dashed;}

.g-hon .m-hon a span b{ text-align:justify; font-weight:100; display:block;line-height:20px;padding:4px 0 0;}







/*电话*/

.g_ctTel{padding:0 0 0 50px;line-height:40px;height:40px;display:block; position:relative;

font-size:12px; color:#fff;position:relative; border-top:2px #00863c solid;

-moz-border-radius:4px;   

    -o-border-radius:4px; 

    -webkit-border-radius:4px; 

    border-radius:4px; border:1px #ff6600 solid;margin:0 14px 20px 11px;

	background-image:#fe7f08;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd70d), to(#fb5214)); 

	background-image: -webkit-linear-gradient(top, #ffd70d, #fb5214); 

	background-image: -moz-linear-gradient(top, #ffd70d, #fb5214); 

	background-image: -o-linear-gradient(top, #ffd70d, #fb5214); 

	background-image: -ms-linear-gradient(top, #ffd70d, #fb5214); 

	background-image: linear-gradient(top, #ffd70d, #fb5214); position:relative;}	

.g_ctTel:before,.g_ctTel:after {content:"";position:absolute;z-index:-2;}

.lifted {-moz-border-radius:4px;border-radius:4px;}

.lifted:before,

.lifted:after {bottom:13px;left:10px;width:50%;height:20%;max-width:300px;max-height:100px;-webkit-box-shadow:0 14px 6px #000;-moz-box-shadow:0 14px 6px #000;box-shadow:0 14px 6px #000;-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);}

.lifted:after {right:10px;left:auto;-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);}

.g_ctTel b{ font-weight:100;font-size:18px; font-family:Arial;margin:0 0 0 3px;}

.g_ctTel .u-tel {display:inline-block;

    background:url(../images/tel.png) left top no-repeat;

    width:25px;

    height:25px; 

	background-size:25px 25px;

    -webkit-background-size:25px 25px;

    -o-background-size:25px 25px;

    -moz-background-size:25px 25px;

    left:13px; top:10px; position:absolute;}

.g_ctTel .u-tel .z-ln-1, .g_ctTel .u-tel .z-ln-2, .g_ctTel .u-tel .z-ln-3{ border-color:#fff;}

.g_ctTel .u-tel .z-ln-1{

	animation-duration: 4s;

    animation-iteration-count: infinite;

    animation-name: xshow;

    animation-timing-function: linear;

	-webkit-animation-duration: 4s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-name: xshow;

    -webkit-animation-timing-function: linear;

	-moz-animation-duration: 4s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-name: xshow;

    -moz-animation-timing-function: linear;

    border-radius: 0 35px 0 0;

    border-width: 2px 2px 0 0;

    display: inline-block;

    height:6px;

	width:6px;

    position: absolute;

    right:4px;

    top:5px;

   z-index: 10;

}

.g_ctTel .u-tel .z-ln-2{

	animation-duration: 4s;

    animation-iteration-count: infinite;

    animation-name: xshow;

    animation-timing-function: linear;

	-webkit-animation-duration: 4s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-name: xshow;

    -webkit-animation-timing-function: linear;

	-moz-animation-duration: 4s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-name: xshow;

    -moz-animation-timing-function: linear;

    border-radius: 0 35px 0 0;

    border-width: 2px 2px 0 0;

    display: inline-block;

    height: 9px;

	width: 9px;

    position: absolute;

    right: 1px;

    top:2px;

    z-index: 10;

}



.g_ctTel .u-tel .z-ln-3{

	animation-duration: 4s;

    animation-iteration-count: infinite;

    animation-name: xshow;

    animation-timing-function: linear;

	-webkit-animation-duration: 4s;

    -webkit-animation-iteration-count: infinite;

    -webkit-animation-name: xshow;

    -webkit-animation-timing-function: linear;

	-moz-animation-duration: 4s;

    -moz-animation-iteration-count: infinite;

    -moz-animation-name: xshow;

    -moz-animation-timing-function: linear;

    border-radius: 0 35px 0 0;

    border-width: 2px 2px 0 0;

    display: inline-block;

    height: 12px;

	 width: 12px;

    position: absolute;

    right: -2px;

    top: -1px;

   z-index: 10;

}







/*配件*/

.g-pj{height:532px; overflow:hidden; position:relative;}

.g-pj:before{ display:inline-block; content:""; position:absolute; border-top:4px #1a84ba solid; border-left:4px transparent solid; border-right:4px transparent solid;left:49.8%;top:58px; z-index:9;}

.g-pj h3{ display:block; text-align:center;height:58px; overflow:hidden; background:#1a84ba; color:#fff;}

.g-pj h3 b{ display:block;padding:10px 0 0; line-height:23px;height:23px; font-size:14px;}

.g-pj h3 span{display:block; line-height:21px;height:21px; font-size:12px; position:relative;}

.g-pj h3 span:before{ content:""; position:absolute; display:inline-block;height:1px;width:57px;

    background-image:#67add1;

	background-image: -webkit-gradient(linear, left top, right bottom, from(#1a84ba), to(#fff)); 

	background-image: -webkit-linear-gradient(left, #1a84ba, #fff); 

	background-image: -moz-linear-gradient(left, #1a84ba, #fff); 

	background-image: -o-linear-gradient(left, #1a84ba, #fff); 

	background-image: -ms-linear-gradient(left, #1a84ba, #fff); 

	background-image: linear-gradient(left, #1a84ba, #fff);left:32px;top:11px; z-index:9;}

.g-pj h3 span:after{ content:""; position:absolute; display:inline-block;height:1px;width:57px;

    background-image:#67add1;

	background-image: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#1a84ba)); 

	background-image: -webkit-linear-gradient(left, #fff, #1a84ba); 

	background-image: -moz-linear-gradient(left, #fff, #1a84ba); 

	background-image: -o-linear-gradient(left, #fff, #1a84ba); 

	background-image: -ms-linear-gradient(left, #fff, #1a84ba); 

	background-image: linear-gradient(left, #fff, #1a84ba);right:32px;top:11px; z-index:9;}

.g-pj p{ display:block;padding:26px 0 0;height:103px; overflow:hidden;}

.g-pj p a{ display:inline-block; float:left;padding:0 0 0 27px;width:132px; overflow:hidden; position:relative; font-weight:bold; line-height:30px;height:30px; overflow:hidden; border-bottom:1px #acd3e6 solid; font-size:12px; color:#1a84ba;}

.g-pj p a:nth-child(5),.g-pj p a:nth-child(6){ border:none;}

.g-pj p a:before{ content:""; position:absolute; display:inline-block;width:4px;height:4px; background:#1a84ba;left:17px;top:13px; z-index:9;}

.g-pj ul{ clear:both;padding:0 26px 0 15px; }

.g-pj ul li{ display:block;padding:11px 6px 19px 35px; border-bottom:1px #969696 dashed;}

.g-pj ul li h4{ display:block; line-height:36px; font-size:14px; height:36px; overflow:hidden; color:#1a84ba; font-weight:bold;}

.g-pj ul li span{ display:block; font-size:12px; line-height:18px; color:#323232;}

.g-pj ul li:last-child{ border:none;}

.g-pj ul li:nth-child(1){background:url(../images/ic1.jpg) left 15px no-repeat; -webkit-background-size:32px 26px;-ms-background-size:32px 26px;-o-background-size:32px 26px;background-size:32px 26px;}

.g-pj ul li:nth-child(2){background:url(../images/ic2.jpg) left 15px no-repeat; -webkit-background-size:32px 28px;-ms-background-size:32px 28px;-o-background-size:32px 28px;background-size:32px 28px;}

.g-pj ul li:nth-child(3){background:url(../images/ic3.jpg) left 15px no-repeat; -webkit-background-size:32px 26px;-ms-background-size:32px 26px;-o-background-size:32px 26px;background-size:32px 26px;}



/*方案*/

.g-sol .m-cnt{color:#fff;margin:20px 17px 0;height:32px; line-height:32px;display:block;padding:0;background-color:#c9c9c9;position:relative; overflow:hidden;}

.g-sol .m-cnt:before{ border:none;border:none;}

.g-sol .m-cnt li{ color:#fff;font-size:12px;margin:0;padding:0;width:50%;height:32px;text-align:center;float:left; overflow:hidden;}

.g-sol .m-cnt li.z-on{ color:#fff; position:relative;background-color:#cf2018;}

.g-sol .m-cnt li.z-on:before{border:none; background:none;}	

.g-sol .m-cnt li.z-on:after{border:none;background:none;}

.g-sol{padding:0 0 16px;overflow:hidden;/*height:537px;*/}

a.m-elc-tp2{ color:#fff;}

.g-sol .m-elc-tp2{ text-align:center;color:#fff;height:35px; line-height:35px;display:block;background-color:#dfdfdf;overflow:hidden; font-size:14px;padding:0 15px 0 0;overflow:visible;}

.g-sol .m-elc-tp2 h2{ float:left; display:inline-block;padding:0 23px; background:#1a84ba;position:relative; overflow:visible;}

.g-sol .m-elc-tp2 span{ float:right; font-size:12px; color:#a8a8a8; font-family:"Microsoft YaHei";}

.g-sol .m-elc-tp2 h2:before{ content:""; position:absolute; display:inline-block; border-top:4px #1a84ba solid; border-left:4px transparent solid;border-right:4px transparent solid; z-index:9;left:48%;top:35px;}

.g-sol .m-sol{padding:20px 0 0;width:320px; overflow:hidden; clear:both;}

.g-sol .m-sol .m-sol-in{width:320px; overflow:hidden;}

.g-sol .sclwrap_box {height:397px;position:relative;}

.g-sol .m-sol img{margin:0 0 0 18px; display:block; border:2px #b3b3b3 solid;}

.g-sol .m-sol h4{ margin:0 0 0 18px;display:block;padding:7px 0 0; line-height:36px;height:36px; overflow:hidden; font-size:14px; color:#1a84ba; font-weight:bold;}

.g-sol .m-sol p{ margin:0 15px 0 18px;display:block; font-size:12px; line-height:24px; color:#323232;padding:1px 0 0;height:132px; overflow:hidden;}

.g-sol .m-sol p b{ font-weight:100;color:#1a84ba;margin:0 0 0 5px;}

.g-sol h4{clear:both;margin:0 15px 0 18px; display:block; line-height:26px;height:26px; overflow:hidden; border-bottom:1px #1a84ba solid; position:relative; font-size:12px;}

.g-sol h4 b{ color:#1a84ba; font-weight:100;}

.g-sol h4:before{ content:""; position:absolute;width:14px;height:14px; background:#1a84ba; z-index:1;right:0;top:7px;	

-moz-border-radius:14px;   

    -o-border-radius:14px; 

    -webkit-border-radius:14px; 

    border-radius:14px;}

.g-sol h4:after{content:""; position:absolute; display:inline-block; border-left:6px #fff solid; border-top:3px transparent solid;border-bottom:3px transparent solid;right:3px;top:11px;z-index:9;}

.g-sol .g-sol-c{height:428px;position:relative;}

.g-sol .g-sol-st{padding:10px 0 0;}

.g-sol .g-sol-st a{ display:block; line-height:20px;height:20px;padding:0 0 0 20px; font-size;12px; color:#333;border-bottom:1px dotted #ccc;font-size:12px;}



/*优势*/

.g-ys{margin:25px 0 0; overflow:hidden; position:relative;}

.g-ys h3{display:block;padding:8px 0 0; height:56px;

color:#fff; text-align:center; font-size:20px;background:#1a84ba;overflow:hidden;}

.g-ys h3 span{ display:block; line-height:19px;height:19px; overflow:hidden; text-transform:uppercase; font-size:16px;}

.g-ys h3 b{ display:block; font-size:24px; font-weight:bold;

background:url(../images/ys_t.png) 30px 1px no-repeat; -webkit-background-size:29px 31px;-ms-background-size:29px 31px;-o-background-size:29px 31px;background-size:29px 31px;}

.m-ys{padding:24px 20px 0 19px; position:relative;}

.m-ys:before{ content:""; position:absolute; border-top:4px #1a84ba solid; border-left:4px transparent solid; border-right:4px transparent solid;left:49%;top:0; z-index:9;}

.m-ys li{ display:block;padding:0 0 30px;}

.m-ys li h4{ display:block;padding:5px 0 0;height:28px; overflow:hidden; border-bottom:1px #c8c8c8 dashed; line-height:21px;}

.m-ys li h4 b{ color:#fff;display:inline-block; text-align:center;width:24px; font-weight:bold; background:#1a84ba; font-size:14px;margin:0 5px 0 0;

-moz-border-radius:3px;   -o-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;}

.m-ys li h4 span{ font-size:14px; color:#1a84ba; font-weight:bold;}

.m-ys li p{ display:block;padding:8px 0 0; line-height:18px; font-size:12px; text-align:justify; color:#646464;}



/*荣誉*/

.g-cer {height:295px;margin:0 auto;overflow:hidden;position:relative;}

.g-cer .sclwrap_box{position:relative;height:295px; overflow:hidden;}

.g-cer .no_ov {margin:22px 35px 0;overflow: hidden;height:218px;}

.g-cer .no_ov a{ text-align:center; display:inline-block; float:left;width:247px;}

.g-cer .no_ov img{border:1px #e3e3e3 solid;padding:1px;}

.g-cer .no_ov span{ display:block; font-size:12px;color:#8e8e8e; display:block;line-height:27px;}

.g-cer .prev{top:86px;left:12px; position:absolute; display:inline-block; border-right:13px #8e8e8e solid; border-top:14px transparent solid;border-bottom:14px transparent solid;}

.g-cer .prev:before{ content:""; position:absolute;top:-12px;left:6px; position:absolute; display:inline-block; border-right:11px #fff solid; border-top:12px transparent solid;border-bottom:12px transparent solid;}

.g-cer .next{top:86px;right:12px; position:absolute; display:inline-block; border-left:13px #8e8e8e solid; border-top:14px transparent solid;border-bottom:14px transparent solid;}

.g-cer .next:before{ content:""; position:absolute;top:-12px;right:6px; position:absolute; display:inline-block; border-left:11px #fff solid; border-top:12px transparent solid;border-bottom:12px transparent solid;}

.g-cer .box-style{ position:relative;}

.g-cer .m-cnt{padding-right:12px;}

.g-cer .m-cnt li,.g-inf .m-cnt li{padding:0 22px; font-size:14px;}

.g-sbox .m-cnt a{ margin:0 12px 0 0;float:right; text-transform:uppercase; font-size:12px; color:#a8a8a8;}



/*资讯*/

.g-inf{margin:30px 0 0;height:324px;overflow:hidden;}

.g-inf .sclwrap_box {height:324px;position:relative;}

.g-inf .m-inf{clear:both;padding:20px 11px 0 17px;width:292px; overflow:hidden;}

.g-inf .m-inf ul{width:292px; overflow:hidden;}

.g-inf .m-inf li{overflow:hidden;line-height:33px;height:33px;position:relative; float:none; display:block; border-bottom:1px #949494 dotted;}

.g-inf .m-inf li a{ font-size:12px; color:#666;}

.g-inf .m-inf li:last-child{ border:none;}









