@charset "gb2312";




/* 大屏幕 ：大于等于1200px*/
@media (min-width: 1200px) {

html {font-size:62.5%; width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}

* { font-family:"微软雅黑";  -webkit-font-smoothing:none}
body {color: #444;margin: 0px;    padding: 0px;   background:url(../img/topline.gif) top  repeat-x ; }

img{ border:0px;}
ul,li{ margin:0px; padding:0px; list-style:none;}

a{ text-decoration:none; color:#444}
a:hover{ text-decoration:underline;}

.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}

h1{ font-family:"微软雅黑"; font-size:26px; font-weight:normal;  margin-top:20px; margin-bottom:0px; padding:0px; color:#0068B7;}
h2{ font-size:20px; font-family:"微软雅黑"; margin:0px; padding:0px; color:#0068B7;}

.cle{ clear:both}

.page{ font-size:14px; text-align:center; margin-top:40px; margin-bottom:10px;}
.page a{ border:1px #ccc solid; padding:3px 6px; border-radius:3px;}

.sjj_nav{ display:none}
.sp_nav{ display:none}

.jz{ margin-top:25px;}

.container{ width:80%; max-width:1300px;  margin-left:auto; margin-right:auto; height:auto; overflow:hidden; background:#fff; margin-top:0px; margin-bottom:0px;}

.top{ width:100%; height:35px; margin-top:30px; margin-bottom:10px; overflow:hidden;  display: inline-block;   }
.top .lf{ width:500px; float:left; height:35px; margin:0px; padding:0px; overflow:hidden;     }
.top .lf img{ float:left; }
.top .lf p{ color:#b3b3b3; float:left; margin-top:9px; font-size:15px; margin-left:30px; vertical-align:middle;  }
.top .rt { width:250px; float:right; height:40px; margin-top:0px; padding:0px; overflow:hidden; display: block  }
.top .rt p{ color:#555; height:30px; line-height:30px;   text-align:right; margin:0px;  padding:0px; font-size:30px;  font-family:Century Gothic}
.top .rt i{ font-size:32px; float:left;    margin-top:0px; padding:0px;  vertical-align:middle; }

.banner{ width:100%; margin-left:auto; margin-top:25px;  margin-right:auto; background:#ccc}
.banner img{ width:100%;  -ms-interpolation-mode: bicubic;}

.banner .pc{ display:block;}
.banner .mb{ display:none;}

.menu{background:url(/img/menubg.gif); border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid;  width:100%; height:48px; margin-left:auto; margin-right:auto; font-family:"微软雅黑", "宋体"; font-size:14px; color:#555;}
.menu ul{ margin:0px; padding:0px;}
.menu li{ text-align:center; margin:0px;width:20%;height:48px;  float:left; background:url(../img/menuright.gif) right no-repeat;  }
.menu li p{ margin:0px; padding:0px; color:#666; font-size:1.2rem; font-family:Arial; text-transform: Capitalize}
.menu li strong{ display:block; font-weight:normal; margin-top:7px;}
.menu li a{ display:block;display:block; text-decoration:none;}
.menu li:last-child{ width:20%;}
.menu li:hover{ text-decoration:none; background:url(../img/menuhover.gif)}





.index-pic{ width:100%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
.index-pic li { cursor:pointer; float:left; position: relative; width:33.3333%; height:150px; border-bottom:1px #f3f3f3 solid; overflow:hidden; background:url(../img/cpbg.png) left no-repeat}
.index-pic li img{ width:100%; -ms-interpolation-mode: bicubic; }

.index-pic li .l{ width:88%; margin:5% 7%; float:left; position: relative; }
.index-pic li .l i{ color:#336699; font-size:16px; margin-right:10px;}
.index-pic li .l b{ color:#0068B7; font-size:18px; font-weight:100;}
.index-pic li .l p{ color:#666; font-size:12px; width:70%; text-align:justify; margin-top:25px;  line-height:20px;}
.index-pic li .r{ width:32%; float:left; margin-top:50px; right:-30px; position: absolute; text-align:center;}
.index-pic li .r img{ width:100%; -webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.index-pic li:hover p{ color:#0068B7; cursor:pointer}
.index-pic li:hover img {transform:scale(1.2, 1.2);	-webkit-transform:scale(1.2, 1.2);	-o-transform:scale(1.2, 1.2);}

.index-new { width:100%; margin-left:auto; margin-right:auto;  height:auto; overflow:hidden;}
.index-new .left{ width:65%; float:left}
.index-new .right { width:30%; float:left;  height:250px; margin-top:30px; display:block; margin-left:5%; }
.index-new .right img{ width:100%; -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/ }

.newlist{ margin:0px; padding:0px;}
.newlist ul{ margin:0px; padding:0px}
.newlist li{ height:40px; border-bottom:1px #808080 dotted; line-height:40px;}
.newlist li a{ font-family:"微软雅黑"; color:#333; font-size:16px;  text-decoration:none; }
.newlist li a:hover{ text-decoration:underline; color:#0068B7;}
.newlist li span{ width:90px; float:right; font-size:1.5rem; text-align:right; font-family:Arial, Helvetica, sans-serif; display: inline-block; color:#808080;}

.foot{ height:36px; background:#084577; line-height:36px; font-size:13px; text-align:center; width:100%;  font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; margin-top:20px;}
.wrapper{ width:80%; max-width:1300px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden;  margin-top:0px; margin-bottom:0px;}
.wrapper p{ float:left; margin:0px; padding:0px;}
.wrapper a{ float:right; color:#fff;}

.end{ background:#f4f4f4;  color:#666666; width:100%;     font-size:1.4rem;  }
.e{ width:80%; max-width:1300px; height:70px; line-height:45px; margin:auto auto; text-align:center;}
.e p{ float:left; margin-right:20px;}
.e p:nth-child(1){ float:left;}
.e p:nth-child(4){ float:right; margin-right:0px;}

.blue{ border-bottom:3px #0068B7 solid; font-size:18px; margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px; color:#444; font-family: "微软雅黑";}

.blue a{ float:right; font-size:12px; margin-top:8px; background:#0068B7; border-radius:3px; text-decoration:none; color:#fff; padding:3px 7px;}
.blue a:hover{ float:right; font-size:12px; margin-top:8px; background:#ff9900; border-radius:3px; color:#fff; padding:3px 7px;}

.pic-banner{ width:100%; margin-left:auto; height:176px; margin-right:auto;  margin-bottom:0px;   }
  
  .pic-banner img{ width:100%; max-height:176px;  -ms-interpolation-mode: bicubic;}
  
  
.pic-banner .mb{ display:none}
.pic-banner .pc{ display:block;}



#cd{ height:40px;  background:#f9f9f9 }
#cd li{ float:left; line-height:40px; text-align:center; color:#fff;}
#cd li:nth-child(1),#cd li:nth-child(2){ background:#66cc33; color:#fff;}

#cd li:nth-child(3),#cd li:nth-child(4),#cd li:nth-child(5),#cd li:nth-child(6){ background:#0066cc; color:#fff;}

#cd li:nth-child(7){ background:#ff9900; color:#fff;}




#cd li a{ font-size:15px; display:block;  padding-bottom:1px; color:#fff;  padding-left:15px; padding-right:15px; text-decoration:none; transition:800ms ease all; }
#cd li a:hover{  color:#fff; padding-bottom:1px;  }
#cd span{ display:none}

/* Effect 1: Brackets */
#cd a::before,#cd a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#cd a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

#cd a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#cd a:hover::before,
#cd a:hover::after,
#cd a:focus::before,
#cd a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}






#caidan{ height:40px;  background:#f9f9f9 }
#caidan li{ float:left; line-height:40px; text-align:center; color:#fff;}
#caidan li:nth-child(1){ background:#195da1; color:#fff;}
#caidan li:nth-child(2){ background:#2167ae; color:#fff;}
#caidan li:nth-child(3){ background:#2871bb; color:#fff;}
#caidan li:nth-child(4){ background:#337eca; color:#fff; }
#caidan li:nth-child(5){ background:#3b88d5; color:#fff;}
#caidan li:nth-child(6){ background:#4594e3; color:#fff;}
#caidan li:nth-child(7){ background:#4d9eef; color:#fff;}


#caidan li a{ font-size:15px; display:block;  padding-bottom:1px; color:#fff;  padding-left:15px; padding-right:15px; text-decoration:none; transition:800ms ease all; }
#caidan li a:hover{ background:#17518d;color:#fff; padding-bottom:1px;  }
#caidan span{ display:none}

/* Effect 1: Brackets */
#caidan a::before,#caidan a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#caidan a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

#caidan a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#caidan a:hover::before,
#caidan a:hover::after,
#caidan a:focus::before,
#caidan a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}




.company { color:#333; margin-top:30px; margin-bottom:30px; height:auto; line-height:33px; font-size:16px; overflow:hidden;}

.company .left{ width:56%; float:left; margin-right:4%; position: relative;}

.company sup{ font-family: "Times New Roman", Times, serif;font-size: 75%;
 line-height: 0; position: relative;vertical-align: baseline; top: -0.5em;}

.company .left p{ text-indent:32px; line-height:35px; font-size:16px; text-align:justify  }

.company .left .bt{ font-size:30px; color:#555; margin-top:30px;}

.company .left strong{ font-size:20px; line-height:40px; padding:5px 0px; color:#1a5e9f; font-weight:normal; border-bottom:3px #1a5e9f solid;}

.company h1{ font-size:26px; font-weight:normal; text-align:center}


.company .left .al{ width:50%; float:left; }
.company .left .ar{ width:50%; float:left; margin-bottom:65px;}

.biaoti{ margin-bottom:10px; font-size:18px;  display:block; }


.company .left b{ font-size:24px; font-weight:normal; padding:15px 0px; color:#1a5e9f;  }
.company .left h2{ display:block; margin-bottom:30px; font-weight:normal; border-bottom:1px #1a5ea0 solid; position: relative;  color:#1a5ea0; }
.company .right{ width:39%; margin-left:1%; float:left;}
.company .right img{ width:100%;}

.company .hits { border-bottom:1px #eee solid; border-top:1px #eee solid; padding:15px 0px; text-align:center; margin-top:20px; font-size:14px;}
.company .hits i{ margin-right:5px;}
.company .neirong{ font-size:16px; color:#333; line-height:36px; text-align:justify;}
.company .neirong p{ text-indent:32px;}

.caselist{ width:100%;  padding:0px; position: relative; margin-top:30px;}
.caselist li  { list-style:outside; width:46%; float:left; font-size:15px; margin-left:20px; padding-bottom:10px;}
.caselist li:hover{ color:#00579a; cursor:pointer}

.contact li{ font-size:17px; line-height:44px; color:#444;}


.contact li i{ font-size:22px; margin-right:10px;  verflow:hidden; color:#666;   vertical-align:middle; }
.contact li:first-child{ margin-top:30px; }

.contact li:first-child img{ width:300px; }

.contact li:nth-child(2) i{ font-size:25px; }
.contact li:nth-child(4) i{ font-size:20px; }
.contact li:nth-child(5) i{ font-size:22px; }

.contact li:nth-child(8) i { font-size:20px; }

.contact li:nth-child(11) { display:none}


 .fenbu{ font-size:20px; color:#0768b4; padding-bottom:15px; font-weight:600;  }



.contact li:last-child i{  color:#999; font-size:20px;  }

.guest{ width:100%; }
.guest b{ font-size:16px; color:#666; padding-top:10px; font-weight:normal; margin-bottom:20px; display:block;}
.guest input{ outline: none; width:94%; border:1px #ccc solid; padding:10px; border-radius:20px; color:#999; margin-bottom:25px; font-size:14px; border-radius:20px; font-family:"微软雅黑"; }

.guest textarea{ outline: none; width:94%; border:1px #ccc solid; padding:10px; border-radius:20px; color:#999; margin-bottom:20px; font-size:14px; border-radius:20px; font-family:"微软雅黑"; height:70px; }

.guest .send { outline: none; border-radius:20px; background:#054578; width:98%; line-height:24px;  font-size:18px; color:#fff; transition:all .3s ease-out; border:none; cursor:pointer}
.guest .send:hover{ outline: none; border-radius:20px; background:#0066cc; width:98%;  line-height:24px; font-size:18px; color:#fff;  border:none;}


/* 方案 */
.fangan{ width:100%; margin:50px auto; font-size:16px; line-height:30px; height:auto; overflow:hidden; }
.fangan .title{border-left:3px #1a5e9f solid;color:#1c5e9d; height:auto; overflow:hidden; display:block; width:15%; padding:0px 5px 0px 20px; margin-bottom:30px;}
.fangan .title30{ border-left:3px #1a5e9f solid; color:#1a5e9f;font-size:22px; overflow:hidden; display:block; width:45%; padding:0px 5px 0px 20px; margin-bottom:30px; height:30px; }
.jzx{ margin-right:3%;}

.fangan .l{ width:57%;text-align:justify;   }

.fangan .l li{ list-style: inside; margin-left:5%; line-height:20px; margin-bottom:12px;  list-style-position: outside;}
.fangan .l b{ font-size:22px; display:block; margin-bottom:20px; font-weight:normal; color:#1c5e9d;}
.fangan .l p{ text-indent:32px;}
.fangan .l img{ margin-left:30px; margin-top:30px;}

.fangan .r{ width:40%; }
.fangan .r img{ width:100%; height:auto;}

.fangan .imglist { width:100%; margin:30px auto 0px auto; padding:0px; background:#CC9900}
.fangan .imglist li{ padding:0px; width:20%; margin:0px;  text-align:center; float:left; list-style:none; }
.fangan .imglist li img{ width:80%; margin:0px; padding:0px; }
.fangan .imglist li b{ margin:0px; padding:0px; width:100%; font-size:14px; color:#444 }


.left-l{ float:left;}
.right-r{ float:right}

.company .z{ width:60%; float:left}
.company .y{ width:37%; margin-left:3%; float:left;}
.company .y img{ width:100%; }
.company .text li{ line-height:28px; margin-left:-20px; list-style: outside;}



/* 产品特点 */

.cptd { width:100%; height:auto; overflow:hidden; margin:0px; padding:0px;  }
.cptd strong{ font-size:18px;font-weight:normal; padding-left:20px; color:#1f63a0; border-left:2px #1f63a0 solid; display: inline-block; margin:0px; }

.tedian{ width:100%; height:auto; overflow:hidden; margin-bottom:20px; margin-top:0px;}
.tedian .cpleft{ width:35%; float:left; }
.tedian .cpleft img{ width:100%; border-radius:10px; margin:0px; padding:0px;}

.tedian .cpright{ float:right; width:62%; }

.tedian .cpright ol{ margin:0px 0px 0px 20px; padding:0px;}

.tedian .cpright b{ font-size:20px; color:#1f63a0; font-weight:normal; display: block; margin:10px auto; padding:0px; }
.tedian .cpright li{ list-style: disc; line-height:30px; font-size:16px; color:#333; ;}

.cptd img{ width:100%;}

.text p{ font-size:16px; line-height:30px; color:#555; text-indent:32px}

.tedianimg { width:100%; margin:20px auto 0px auto; padding:0px; height:auto; overflow:hidden}
.tedianimg li{ width:15%; margin:auto 2.5% ; float:left; text-align:center;}
.tedianimg li p{ line-height:24px; font-size:15px; color:#333; padding:0px 15px; }
.tedianimg li img{ width:80%; margin-left:10%; margin-right:10%; cursor:pointer}
.tedianimg li img:hover{ animation: myMove1 1s ease-in infinite alternate;-webkit-animation: myMove1 1s ease-in infinite alternate;}

.product { width:100%; margin:20px 0px 90px 0px; padding:0px; height:auto; overflow:hidden; }
.product li { float:left; width:12.57%; border-radius:5px; margin-right:2%; padding-bottom:12.57%; border:1px #ccc solid;  height:0; overflow:hidden; box-sizing: border-box;  }
.product li img{ width:80%; margin:10%; min-height:110px;}
.product li p{ position: absolute; width:140px; font-size:13px; word-wrap:break-word; word-break:break-all; overflow: hidden;}
.product li:last-child{ margin-right:0%;}

/* 产品描述 */
.cpms{  width:100%; margin:0% auto;  }
.cpms img{ width:100%;}
.cpms .z{ width:65%; float:left; height:auto; overflow:hidden; }
.cpms strong{ font-size:22px; line-height: 22px; font-weight: normal; height:24px; margin:30px auto; display:inline-block; color:#0768b5; border-left:2px #0768b5 solid;  padding-left:15px;  } 
.cpms .text li{ list-style:disc; margin-left:-20px; line-height:34px; color:#333; font-size:16px; }
.cpms p{ margin:0px auto; font-size:16px; line-height:36px;}

.cpms .text { margin:-10px auto 0px auto; padding:0px;}

.cpms .text p{ text-align:justify; line-height:34px; color:#333; font-size:16px;}
.cpms .y{ width:30%; margin-left:5%; float:right;}
.cpms .y img{ width:100%; border-radius:10px; }
.cpms h1{ font-size:34px; font-weight:550; color:#1b5e9e; padding:30px 0px 50px 0px;}

.imgjz{ margin:10px auto;}

/* 产品描述 */
.productms{ width:100%; margin:50px auto 0px auto; height:auto; overflow:hidden; }
.productms .zuo{ width:67%; float:left; font-size:15px; }
.productms .zuo h1{ margin:0px auto 40px auto; padding:0px; font-size:24px;  font-weight:normal; }

.productms .zuo h1 a{ color:#0068B7 }



.productms .zuo h1 i{ font-style:normal; color:#666; display:block; font-size:13px;  }
.productms .zuo .text{ width:100%; margin:10px auto 10px -7px; padding:0px;  }
.productms .zuo .text li{ list-style:disc; line-height:22px; font-size:15px;  margin-bottom:5px; color:#444;}
.productms .you{ width:28%; margin-left:5%; float:right; overflow:hidden; padding-top:70px;}
.productms .you img{width:100%;cursor:pointer;    border-radius:20px; margin:0px;padding:0px;-webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.productms .you img:hover{ width:100%; border-radius:20px; transform:scale(1.2, 1.2);	-webkit-transform:scale(1.2, 1.2);	-o-transform:scale(1.2, 1.2); }
.productms .you p{ text-align:center; color:#999; font-size:12px;}
.productms strong{font-size:18px;  margin:5px auto 5px 0px;  display: inline-block; color:#1b5e9e; border-left:2px #1b5e9e solid; font-weight:normal; padding-left:15px;  font-weight:500; height:21px; overflow:hidden; line-height:21px; }
.productms p{ padding-left:13px; position: relative; line-height:24px; color:#333; font-size:15px;}


.productms form{ padding-left:13px; }
.productms .inpu { border: 1px solid #acbcc7;
background-color: #fff;
border-radius: 3px; outline:none;
box-shadow: 1px 1px 3px #dedede inset;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; line-height:20px; padding:5px;  }

.btn_150_40 { background: #00a1e9; line-height:32px; border-radius: 3px; color:#fff; border:none; padding:0px 10px;
}

.btn_150_40:hover { background:#1c5e9f}

.productms img{  margin-left:-13px; position:relative;}
.picimg{ width:100%;}

table {  border-collapse:collapse; border: 1px solid #ccc; width:100%; margin-top:15px; margin-bottom:15px;  }

.richtext i{ font-size:13px; color:#555; font-style:normal;}
table td{border-collapse:collapse;  border: 1px solid #ccc; padding:4px 4px; font-size:14px; }
.richtext { overflow-x:scroll; width:100%; margin-bottom:15px;}
.table-bg{ background:#20639F; color:#fff;}

.table-bg-a{ background:#accae6; color:#fff;}


@keyframes myMove1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
 
@-webkit-keyframes myMove1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


}
 
 /*1200向上代码 ====================================================================  */
 
 
/*默认*/
@media (min-width: 980px) and (max-width: 1199px) { 






.productms form{ padding-left:13px; font-size:16px; }
.productms .inpu { border: 1px solid #acbcc7; width:240px;
background-color: #fff;
border-radius: 3px; outline:none;
box-shadow: 1px 1px 3px #dedede inset;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; line-height:20px; padding:5px;  }

.btn_150_40 { background: #00a1e9; line-height:32px; border-radius: 3px; color:#fff; border:none; padding:0px 10px;
}

.btn_150_40:hover { background:#1c5e9f}




sup{font-size: 75%; line-height: 0; position: relative;vertical-align: baseline; top: -0.5em;}

html {
font-size:62.5%; width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}

* { font-family:"微软雅黑";}
body {color: #444;margin: 0px;    padding: 0px;   background:url(../img/topline.gif) top  repeat-x ; }

img{ border:0px;}
ul,li{ margin:0px; padding:0px; list-style:none;}

a{ text-decoration:none; color:#444}
a:hover{ text-decoration:underline;}

.jz{ margin-top:25px;}


h1{ font-family:"微软雅黑"; font-size:32px;  margin-top:20px; margin-bottom:0px; padding:0px; color:#0068B7;}
h2{ font-size:20px; font-family:"微软雅黑"; margin:0px; padding:0px; color:#0068B7;}

.cle{ clear:both}

.sjj_nav{ display:none}
.sp_nav{ display:none}

.container{ width:98%; max-width:1300px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden; background:#fff; margin-top:3px; margin-bottom:0px;}

.top{ width:100%; margin-top:35px; margin-bottom:35px; display:block; background:#99CC66 }
.top .lf{ width:500px; float:left; height:35px;  margin:0px; padding:0px; overflow:hidden;    }
.top .lf img{ float:left; }
.top .lf p{  margin-left:30px; font-size:1.6rem;

color:#b3b3b3; float:left; margin-top:7px; 

}
.top .rt { width:250px; float:right;  margin:0px; padding:0px; }
.top .rt p{ color:#555; height:45px;   text-align:right; margin:0px;  padding:0px; font-size:30px;  font-family:Century Gothic}
.top .rt i{ font-size:32px; float:left;    margin-top:4px; padding:0px;  vertical-align:middle; }

.banner{ width:100%; margin-left:auto; margin-top:25px;  margin-right:auto; background:#999900}
.banner img{ width:100%;  -ms-interpolation-mode: bicubic;}

.banner .pc{ display:block;}
.banner .mb{ display:none;}


.menu{background:url(/img/menubg.gif); border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid;  width:100%; height:48px; margin-left:auto; margin-right:auto; font-family:"微软雅黑", "宋体"; font-size:14px; color:#555;}
.menu ul{ margin:0px; padding:0px;}
.menu li{ text-align:center; margin:0px;width:14.28%;height:48px;  float:left; background:url(../img/menuright.gif) right no-repeat; }
.menu li p{ margin:0px; padding:0px; color:#666; font-size:1.2rem; font-family:Arial; text-transform: Capitalize}
.menu li strong{ display:block; font-weight:normal; margin-top:7px;}
.menu li a{ display:block;display:block; text-decoration:none;}
.menu li:last-child{ width:14.28%;}
.menu li:hover{ text-decoration:none; background:url(../img/menuhover.gif)}

.index-pic{ width:100%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
.index-pic li { cursor:pointer; float:left; position: relative; width:33.3333%; height:150px; border-bottom:1px #f3f3f3 solid; overflow:hidden; background:url(../img/cpbg.png) left no-repeat}
.index-pic li img{ width:100%; -ms-interpolation-mode: bicubic; }

.index-pic li .l{ width:88%; margin:5% 7%; float:left; position: relative; }
.index-pic li .l i{ color:#336699; font-size:16px; margin-right:10px;}
.index-pic li .l b{ color:#336699; font-size:20px; font-weight:100;}
.index-pic li .l p{ color:#666; font-size:12px; width:70%; text-align:justify; margin-top:25px;  line-height:20px;}
.index-pic li .r{ width:32%; float:left; margin-top:50px; right:-30px; position: absolute; text-align:center;}
.index-pic li .r img{ width:100%; -webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.index-pic li:hover p{ color:#0068B7; cursor:pointer}
.index-pic li:hover img {transform:scale(1.2, 1.2);	-webkit-transform:scale(1.2, 1.2);	-o-transform:scale(1.2, 1.2);}


.index-new { width:100%; margin-left:auto; margin-right:auto;  height:auto; overflow:hidden;}
.index-new .left{ width:65%; float:left}
.index-new .right { width:30%; float:left;  height:250px; margin-top:30px; display:block; margin-left:5%; }
.index-new .right img{ width:100%; -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/ }

.newlist{ margin:0px; padding:0px;}
.newlist ul{ margin:0px; padding:0px}
.newlist li{ height:40px; border-bottom:1px #808080 dotted; line-height:40px;}
.newlist li a{ font-family:"微软雅黑"; color:#333; font-size:15px;  text-decoration:none; }
.newlist li a:hover{ text-decoration:underline; color:#0068B7;}
.newlist li span{ width:90px; font-size:12px; font-family:Arial, Helvetica, sans-serif; display: inline-block; color:#808080;}

.foot{ height:36px; background:#084577; line-height:36px; font-size:13px; text-align:center; width:100%;  font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; margin-top:20px;}

.wrapper{ width:98%; max-width:1300px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden;  margin-top:0px; margin-bottom:0px;}
.wrapper p{ float:left; margin:0px; padding:0px;}
.wrapper a{ float:right; color:#fff;}

.end{ background:#f4f4f4;  color:#666666; width:100%; margin:0px; padding:0px; font-size:1.6rem;  }

.e{ width:98%;  height:70px; line-height:45px; margin:auto auto; text-align:center; }
.e p{ float:left; margin-right:20px;}
.e p:nth-child(1){ float:left;}
.e p:nth-child(4){ float:right; margin-right:0px;}






.blue{ border-bottom:3px #0068B7 solid; font-size:18px; margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px; color:#444; font-family: "微软雅黑";}

.blue a{ float:right; font-size:12px; margin-top:8px; background:#0068B7; border-radius:3px; text-decoration:none; color:#fff; padding:3px 7px;}
.blue a:hover{ float:right; font-size:12px; margin-top:8px; background:#ff9900; border-radius:3px; color:#fff; padding:3px 7px;}



.pic-banner{ width:100%; margin-left:auto; margin-top:10px;  margin-right:auto; background:#ccc; margin-bottom:10px;}
.pic-banner img{ width:100%; max-height:160px;  -ms-interpolation-mode: bicubic;}


.pic-banner .mb{ display:none}
.pic-banner .pc{ display:block;}

#caidan{ height:40px;  background:#f9f9f9 }
#caidan li{ float:left; line-height:40px; text-align:center; color:#fff;}
#caidan li:nth-child(1){ background:#195da1; color:#fff;}
#caidan li:nth-child(2){ background:#2167ae; color:#fff;}
#caidan li:nth-child(3){ background:#2871bb; color:#fff;}
#caidan li:nth-child(4){ background:#337eca; color:#fff;}
#caidan li:nth-child(5){ background:#3b88d5; color:#fff;}
#caidan li:nth-child(6){ background:#4594e3; color:#fff;}
#caidan li:nth-child(7){ background:#4d9eef; color:#fff;}





#caidan li a{ font-size:15px; display:block; color:#fff;  padding-left:20px; padding-right:20px; text-decoration:none; transition:800ms ease all; }
#caidan li a:hover{ background:#17518d;color:#fff;  }
#caidan span{ display:none}



/* Effect 1: Brackets */
#caidan a::before,#caidan a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#caidan a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

#caidan a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#caidan a:hover::before,
#caidan a:hover::after,
#caidan a:focus::before,
#caidan a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}


#cd{ height:40px;  background:#f9f9f9 }
#cd li{ float:left; line-height:40px; text-align:center; color:#fff;}
#cd li:nth-child(1),#cd li:nth-child(2){ background:#66cc33; color:#fff;}
#cd li:nth-child(3){ background:#ff9900; color:#fff;}
#cd li:nth-child(4),#cd li:nth-child(5),#cd li:nth-child(6),#cd li:nth-child(7){ background:#0066cc; color:#fff;}





#cd li a{ font-size:15px; display:block;  padding-bottom:1px; color:#fff;  padding-left:12px; padding-right:12px; text-decoration:none; transition:800ms ease all; }
#cd li a:hover{  color:#fff; padding-bottom:1px;  }
#cd span{ display:none}

/* Effect 1: Brackets */
#cd a::before,#cd a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#cd a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

#cd a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#cd a:hover::before,
#cd a:hover::after,
#cd a:focus::before,
#cd a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}



.company { font-size:15px; color:#333; margin-top:30px; margin-bottom:30px; height:auto; overflow:hidden;}

.company .left{ width:56%; float:left; margin-right:4%; position: relative;}
.company .left p{ text-indent:32px; line-height:28px; color:#333; text-align:justify }


.company .left .bt{ font-size:25px; color:#555; margin-top:20px;}

.company .left strong{ font-size:20px; line-height:40px; padding:5px 0px; color:#1a5e9f; font-weight:normal; border-bottom:3px #1a5e9f solid;}
.company .left b{ font-size:22px; font-weight:normal; padding:5px 0px; color:#1a5e9f;  }
.company .left h2{ display:block; margin-bottom:20px; font-weight:normal; border-bottom:1px #1a5ea0 solid; position: relative;  color:#1a5ea0; }
.company .right{ width:40%; float:left;}
.company .right img{ width:100%;}

.company h1{ color:#1a5e9f; font-size:22px; text-align:center; font-weight:normal; padding-top:15px;}


.company .left .al{ width:50%; float:left; line-height:28px;}
.company .left .ar{ width:50%; float:left; margin-bottom:20px; line-height:28px;}

.biaoti{ margin-bottom:10px; font-size:18px;  display:block; margin-top:20px; }


.company .hits { border-bottom:1px #eee solid; border-top:1px #eee solid; padding:15px 0px; text-align:center; margin-top:20px;}
.company .hits i{ margin-right:5px;}
.company .neirong{ font-size:15px; color:#333; line-height:28px; }
.company .neirong p{ text-indent:30px; margin-bottom:10px;}

.caselist{ width:100%;  padding:0px; position: relative; margin-top:30px;}
.caselist li  { list-style:outside; width:46%; float:left; font-size:15px; margin-left:20px; padding-bottom:10px;}
.caselist li:hover{ color:#00579a; cursor:pointer}
.contact li{ font-size:15px; line-height:28px; color:#333;}
.contact li i{ font-size:20px; margin-right:10px; width:30px; color:#999;  vertical-align:middle; }
.contact li:first-child{ margin-top:30px; width:260px; }
.contact li:nth-child(2) i{ font-size:22px; }
.contact li:nth-child(3) i{ font-size:22px; }
.contact li:nth-child(5) i{ font-size:22px; }
.contact li:last-child{ font-size:15px;}

.contact li:nth-child(11) { display:none}


 .fenbu{ font-size:16px; color:#0768b4;  padding-left:20px; padding-bottom:10px; background:url(../img/1.gif) left no-repeat}


.guest{ width:100%}
.guest b{ font-size:16px; font-weight:normal; margin-bottom:20px; display:block; color:#555}
.guest input,.guest textarea{ width:90%; border-radius:20px; border:1px #ccc solid; padding:10px; margin-bottom:25px; font-size:14px;  }
.guest .send { border-radius:20px; background:#054578; width:96%; height:40px; font-size:18px; color:#fff; transition:all .3s ease-out; border:none; cursor:pointer}
.guest .send:hover{ border-radius:20px; background:#0066cc; width:96%; height:40px; font-size:18px; color:#fff;  border:none;}


/* 方案 */
.fangan{ width:100%; margin:50px auto; font-size:15px;  height:auto; overflow:hidden;}
.fangan .title{border-left:3px #1a5e9f solid;color:#1a5e9f; font-size:24px; height:auto; overflow:hidden; display:block; width:15%; padding:0px 5px 0px 20px; margin-bottom:30px;}
.fangan .title30{  border-left:3px #1a5e9f solid; color:#1a5e9f;font-size:22px; line-height:23px; overflow:hidden; display:block; width:45%; padding:0px 5px 0px 20px; margin-bottom:30px;}
.jzx{ margin-right:3%;}
.fangan .l{ width:57%;  float:left; text-align:justify;   }
.fangan .l li{ list-style: inside; margin-left:5%;  list-style-position: outside; line-height:22px; margin-bottom:10px; font-size:15px; color:#333;}
.fangan .l b{ font-size:22px; display:block; margin-bottom:20px; font-weight:normal; color:#1d5ea0;}
.fangan .l p{ text-indent:32px;}
.fangan .l img{ margin-left:30px; margin-top:30px;}

.fangan .r{ width:40%; float:left;}
.fangan .r img{ width:100%; height:auto;}
.fangan .imglist { width:100%; margin:30px auto 0px auto; text-align:left; padding:0px; background: #CCCCCC}
.fangan .imglist li{ padding:0px; width:16%;  text-align:center; float:left; list-style:none; }
.fangan .imglist li img{ width:80%; margin:0px; padding:0px; }
.fangan .imglist li b{ margin:0px; padding:0px; width:100%; font-size:15px; color:#333 }

.left-l{ float:left;}

.right-r{ float:right}





.company .z{ width:60%; float:left}
.company .y{ width:37%; margin-left:3%; float:left;}
.company .y img{ width:100%; }
.company .text li{ line-height:28px; margin-left:-20px; list-style: outside;}



/* 产品特点 */

.cptd { display:block; width:100%; height:auto; overflow:hidden;}
.cptd strong{ font-size:26px; height:34px; font-weight:normal; padding-left:20px; margin:20px auto; color:#1f63a0; border-left:2px #1f63a0 solid; display:block;}

.tedian{ width:100%; height:auto; overflow:hidden; margin-bottom:30px; margin-top:20px;}
.tedian .cpleft{ width:35%; float:left; }
.tedian .cpleft img{ width:100%; border-radius:10px;}

.tedian .cpright{ float:right; width:62%; }

.tedian .cpright ol{ margin:0px; padding:0px; }

.tedian .cpright b{ font-size:18px; color:#1f63a0; font-weight:normal; display: block; margin-bottom:15px;}
.tedian .cpright li{ list-style: disc; margin-left:20px; color:#333;  line-height:24px; margin-bottom:10px; font-size:15px;}

.cptd img{ width:100%;}

.text p{ font-size:16px; line-height:30px; color:#333; text-indent:32px}

.tedianimg { width:100%; margin:0px; padding:0px; height:auto; overflow:hidden; }
.tedianimg li{ width:15%; margin:auto 2.5% ;  float:left; text-align:center;}
.tedianimg li img{ width:80%; margin-left:10%; margin-right:10%; cursor:pointer}
.tedianimg li p{ line-height:20px; text-align:center;}
.product { width:100%; margin:20px 0px 90px 0px; padding:0px; height:auto; overflow:hidden; }
.product li { float:left; width:12.57%; border-radius:5px; margin-right:2%; padding-bottom:12.57%; border:1px #ccc solid;  height:0; overflow:hidden; box-sizing: border-box;  }
.product li img{ width:80%; margin:10%; min-height:110px;}
.product li p{ position: absolute; width:140px; font-size:13px; word-wrap:break-word; word-break:break-all; overflow: hidden;}

.product li:last-child{ margin-right:0%;}

.tedianimg li img:hover{ animation: myMove1 1s ease-in infinite alternate;-webkit-animation: myMove1 1s ease-in infinite alternate;}



/* 产品描述 */
.cpms{  width:100%; margin:0% auto; line-height:20px; font-size:14px;}
.cpms img{ width:100%;}
.cpms .z{ width:65%; float:left; height:auto; overflow:hidden; }
.cpms strong{ font-size:20px; line-height:20px; height:22px; overflow:hidden; margin:30px auto 0px auto; display:block; color:#0768b5; border-left:2px #0768b5 solid; font-weight:normal; padding-left:15px; padding-bottom:0px;  } 

.cpms p { height:auto; overflow:hidden;   text-align:justify}

.cpms .text p { height:auto; overflow:hidden; color:#333;  line-height:28px; font-size:15px; }


.cpms .text li{ list-style:disc; margin-left:-20px; line-height:20px; margin-bottom:6px; font-size:14px;}
.cpms p{ margin:15px auto;  line-height:20px;}
.cpms .y{ width:30%; margin-left:5%; float:right;}
.cpms .y img{ width:100%; border-radius:10px; }
.cpms h1{ font-size:28px; font-weight:normal; color:#0768b5; margin:20px auto;}

.imgjz{ margin-top:20px;}


.page{ font-size:14px; text-align:center; margin-top:40px; margin-bottom:10px;}
.page a{ border:1px #ccc solid; padding:3px 6px; border-radius:3px; color:#444}



/* 产品描述 */
.productms{ width:100%; margin:50px auto 0px auto; height:auto; overflow:hidden;}
.productms .zuo{ width:60%; float:left}
.productms .zuo h1{ margin:0px auto 40px auto; padding:0px; font-size:22px; font-weight:normal;}
.productms .zuo h1 i{ font-style:normal; font-size:15px; color:#666; display:block; }
.productms .zuo .text{ width:100%; margin:10px auto 10px -7px; padding:0px; }
.productms .zuo .text li{ list-style:disc; line-height:24px; margin-bottom:10px; font-size:15px;  color:#333;}
.productms .you{ width:35%; margin-left:5%; float:right; overflow:hidden;  margin:0px; padding:0px; }
.productms .you img{ width:100%;  cursor:pointer;border-radius:20px; margin:0px; padding:0px; -webkit-transition:transform .3s;
-o-transition:transform .3s;transition:transform .3s; }
.productms .you img:hover{ width:100%; border-radius:20px; transform:scale(1.2, 1.2);	-webkit-transform:scale(1.2, 1.2);	-o-transform:scale(1.2, 1.2); }
.productms .you p{ text-align:center; font-size:14px; color:#999;}
.productms strong{ line-height:24px; font-size:20px; color:#1a5e9f; font-weight:normal; display: inline-table; border-left:3px #1a5e9f solid; margin:0px; padding-left:10px;}
.productms p{ font-size:15px; line-height:24px; color:#333; padding-left:13px; position: relative;}
.productms img{  margin-left:-13px; position:relative;}
.picimg{ width:100%;}

table {  border-collapse:collapse; border: 1px solid #ccc; width:1000px; margin-top:15px;  }
table td{border-collapse:collapse;  border: 1px solid #ccc; padding: 3px 4px; font-size:13px; }
.richtext { overflow-x:scroll; width:100%;}
.table-bg{ background:#20639F; color:#fff;}

.table-hui{ background:#f9f9f9; }
.clearfix{ clear:both}

@keyframes myMove1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
 
@-webkit-keyframes myMove1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}


}
 
 /* @media (min-width: 980px) and (max-width: 1199px) { --/

 
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) { 


.productms form{ padding-left:13px; font-size:16px; }
.productms .inpu { border: 1px solid #acbcc7; width:240px;
background-color: #fff;
border-radius: 3px; outline:none;
box-shadow: 1px 1px 3px #dedede inset;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; line-height:20px; padding:5px;  }

.btn_150_40 { background: #00a1e9; line-height:32px; border-radius: 3px; color:#fff; border:none; padding:0px 10px;
}

.btn_150_40:hover { background:#1c5e9f}


sup{font-size: 75%; line-height: 0; position: relative;vertical-align: baseline; top: -0.5em;}

html {font-size:62.5%; width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}

* { font-family:"微软雅黑";}
body {color: #444;margin: 0px;    padding: 0px;   background:url(../img/topline.gif) top  repeat-x ; }

img{ border:0px;}
ul,li{ margin:0px; padding:0px; list-style:none;}

a{ text-decoration:none; color:#444}
a:hover{ text-decoration:underline;}


h1{ font-family:"微软雅黑"; font-size:32px;  margin-top:20px; margin-bottom:0px; padding:0px; color:#0068B7;}
h2{ font-size:20px; font-family:"微软雅黑"; margin:0px; padding:0px; color:#0068B7;}

.cle{ clear:both}

.jz{ margin-top:25px;}


.sjj_nav{ display:none}
.sp_nav{ display:none}

.container{ width:98%; max-width:1300px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden; background:#fff; margin-top:3px; margin-bottom:0px;}

.top{ width:100%; margin-top:35px; margin-bottom:35px; display:block; background:#99CC66 }
.top .lf{ width:500px; float:left; height:35px;  margin:0px; padding:0px; overflow:hidden;    }
.top .lf img{ float:left; }
.top .lf p{ color:#555; float:left;  margin-left:30px; font-size:1.6rem;}
.top .rt { width:250px; float:right;  margin:0px; padding:0px; }
.top .rt p{ color:#555; height:45px;   text-align:right; margin:0px;  padding:0px; font-size:30px;  font-family:Century Gothic}
.top .rt i{ font-size:32px; float:left;    margin-top:4px; padding:0px;  vertical-align:middle; }

.banner{ width:100%; margin-left:auto; margin-top:25px;  margin-right:auto; background:#999900}
.banner img{ width:100%;  -ms-interpolation-mode: bicubic;}

.banner .pc{ display:block;}
.banner .mb{ display:none;}



.pic-banner .mb{ display:none}
.pic-banner .pc{ display:block;}


.menu{background:url(/img/menubg.gif); border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid;  width:100%; height:48px; margin-left:auto; margin-right:auto; font-family:"微软雅黑", "宋体"; font-size:14px; color:#555;}
.menu ul{ margin:0px; padding:0px;}
.menu li{ text-align:center; margin:0px;width:14.28%;height:48px;  float:left; background:url(../img/menuright.gif) right no-repeat; }
.menu li p{ margin:0px; padding:0px; color:#666; font-size:1.2rem; font-family:Arial; text-transform: Capitalize}
.menu li strong{ display:block; font-weight:normal; margin-top:7px;}
.menu li a{ display:block;display:block; text-decoration:none;}
.menu li:last-child{ width:14.28%;}
.menu li:hover{ text-decoration:none; background:url(../img/menuhover.gif)}

.index-pic{ width:100%; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px;}
.index-pic li { cursor:pointer; float:left; position: relative; width:33.3333%; height:150px; border-bottom:1px #f3f3f3 solid; overflow:hidden; background:url(../img/cpbg.png) left no-repeat}
.index-pic li img{ width:100%; -ms-interpolation-mode: bicubic; }

.index-pic li .l{ width:88%; margin:5% 7%; float:left; position: relative; }
.index-pic li .l i{ color:#336699; font-size:16px; margin-right:10px;}
.index-pic li .l b{ color:#336699; font-size:17px; font-weight:100;}
.index-pic li .l p{ color:#666; font-size:12px; width:70%; text-align:justify; margin-top:25px;  line-height:20px;}
.index-pic li .r{ width:32%; float:left; margin-top:50px; right:-30px; position: absolute; text-align:center;}
.index-pic li .r img{ width:100%; -webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.index-pic li:hover p{ color:#0068B7; cursor:pointer}
.index-pic li:hover img {transform:scale(1.2, 1.2);	-webkit-transform:scale(1.2, 1.2);	-o-transform:scale(1.2, 1.2);}

.index-new { width:100%; margin-left:auto; margin-right:auto;  height:auto; overflow:hidden;}
.index-new .left{ width:65%; float:left}
.index-new .right { width:30%; float:left;  height:250px; margin-top:30px; display:block; margin-left:5%; }
.index-new .right img{ width:100%; -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/ }

.newlist{ margin:0px; padding:0px;}
.newlist ul{ margin:0px; padding:0px}
.newlist li{ height:40px; border-bottom:1px #808080 dotted; line-height:40px;}
.newlist li a{ font-family:"微软雅黑"; color:#333; font-size:15px;  text-decoration:none; }
.newlist li a:hover{ text-decoration:underline; color:#0068B7;}
.newlist li span{ width:90px; font-size:12px; font-family:Arial, Helvetica, sans-serif; display: inline-block; color:#808080;}

.foot{ height:36px; background:#084577; line-height:36px; font-size:13px; text-align:center; width:100%;  font-family:Verdana, Arial, Helvetica, sans-serif; color:#fff; margin-top:20px;}

.wrapper{ width:98%; max-width:1300px; margin-left:auto; margin-right:auto; height:auto; overflow:hidden;  margin-top:0px; margin-bottom:0px;}
.wrapper p{ float:left; margin:0px; padding:0px;}
.wrapper a{ float:right; color:#fff;}

.end{ background:#f4f4f4;  color:#666666; width:100%;     font-size:1.6rem;  }
.e{ width:98%;  height:70px; line-height:45px; margin:auto auto; text-align:center;}
.e p{ float:left; margin-right:20px;}
.e p:nth-child(1){ float:left;}
.e p:nth-child(4){ float:right; margin-right:0px; display:none}

.blue{ border-bottom:3px #0068B7 solid; font-size:18px; margin-top:10px; margin-bottom:10px; padding-top:10px; padding-bottom:10px; color:#444; font-family: "微软雅黑";}

.blue a{ float:right; font-size:12px; margin-top:8px; background:#0068B7; border-radius:3px; text-decoration:none; color:#fff; padding:3px 7px;}
.blue a:hover{ float:right; font-size:12px; margin-top:8px; background:#ff9900; border-radius:3px; color:#fff; padding:3px 7px;}

.pic-banner{ width:100%; margin-left:auto; margin-top:10px;  margin-right:auto; background:#ccc; margin-bottom:10px;}
.pic-banner img{ width:100%; max-height:160px;  -ms-interpolation-mode: bicubic;}

#caidan{ height:40px;  background:#f9f9f9 }
#caidan li{ float:left; line-height:40px; text-align:center; color:#fff;}
#caidan li:nth-child(1){ background:#195da1; color:#fff;}
#caidan li:nth-child(2){ background:#2167ae; color:#fff;}
#caidan li:nth-child(3){ background:#2871bb; color:#fff;}
#caidan li:nth-child(4){ background:#337eca; color:#fff;}
#caidan li:nth-child(5){ background:#3b88d5; color:#fff;}
#caidan li:nth-child(6){ background:#4594e3; color:#fff;}
#caidan li:nth-child(7){ background:#4d9eef; color:#fff;}


#caidan li a{ font-size:1.6rem; display:block; color:#fff;  padding-left:15px; padding-right:15px; text-decoration:none; transition:800ms ease all; }
#caidan li a:hover{ background:#17518d;color:#fff;  }
#caidan span{ display:none}

/* Effect 1: Brackets */
#caidan a::before,#caidan a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#caidan a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

#caidan a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#caidan a:hover::before,
#caidan a:hover::after,
#caidan a:focus::before,
#caidan a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}



#cd{ height:40px;  background:#f9f9f9 }
#cd li{ float:left; line-height:40px; text-align:center; color:#fff;}
#cd li:nth-child(1),#cd li:nth-child(2){ background:#66cc33; color:#fff;}
#cd li:nth-child(3){ background:#ff9900; color:#fff;}
#cd li:nth-child(4),#cd li:nth-child(5),#cd li:nth-child(6),#cd li:nth-child(7){ background:#0066cc; color:#fff;}

#cd li a{ font-size:15px; display:block;  padding-bottom:1px; color:#fff;  padding-left:12px; padding-right:12px; text-decoration:none; transition:800ms ease all; }
#cd li a:hover{  color:#fff; padding-bottom:1px;  }
#cd span{ display:none}

/* Effect 1: Brackets */
#cd a::before,#cd a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#cd a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

#cd a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#cd a:hover::before,
#cd a:hover::after,
#cd a:focus::before,
#cd a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}



.company { font-size:15px; color:#333; margin-top:30px; margin-bottom:30px; height:auto; overflow:hidden;}

.company .left{ width:56%; float:left; margin-right:4%; position: relative;}
.company .left p{ text-indent:32px; line-height:28px; text-align:justify}


.company .left .bt{ font-size:25px; color:#333; margin-top:20px;}

.company .left strong{ font-size:20px; line-height:42px; padding:5px 0px; color:#1a5e9f; font-weight:normal; border-bottom:3px #1a5e9f solid;}
.company .left b{ font-size:20px; font-weight:normal; padding:5px 0px; color:#1a5e9f;  }
.company .left h2{ display:block; margin-bottom:20px; font-weight:normal; border-bottom:1px #1a5ea0 solid;  position: relative;  color:#1a5ea0; }
.company .right{ width:40%; float:left;}
.company .right img{ width:100%;}


.company h1{ color:#1a5e9f; font-size:22px; font-weight:normal; text-align:center; padding-top:15px;}


.company .hits { border-bottom:1px #eee solid; border-top:1px #eee solid; padding:15px 0px; text-align:center; margin-top:20px;}
.company .hits i{ margin-right:5px;}
.company .neirong{ font-size:15px; color:#333; line-height:28px;}
.company .neirong p{ text-indent:34px;}
.company .neirong img{ margin-bottom:10px;}



.company .left .al{ width:50%; float:left; line-height:28px;}
.company .left .ar{ width:50%; float:left; margin-bottom:20px; line-height:28px;}

.biaoti{ margin-bottom:10px; font-size:18px;  display:block; margin-top:20px; }


.caselist{ width:100%;  padding:0px; position: relative; margin-top:30px;}
.caselist li  { list-style:outside; width:96%; float:left; font-size:15px; margin-left:20px; padding-bottom:10px;}
.caselist li:hover{ color:#00579a; cursor:pointer}



.contact li{ font-size:15px; line-height:26px; color:#333;}
.contact li i{ font-size:18px; margin-right:10px; width:28px; color:#999;   vertical-align:middle; }
.contact li:first-child{ margin-top:30px; }

.contact li:nth-child(2) i{  font-size:20px;}

 .fenbu{ font-size:16px; color:#0768b4;  padding-left:20px; padding-bottom:10px; background:url(../img/1.gif) left no-repeat}


.contact li:last-child i{ font-size:20px;color:#999;}

.contact li:nth-child(11) { display:none}

.guest{ width:100%}
.guest b{ font-size:16px; font-weight:normal; margin-bottom:20px; display:block; color:#555}
.guest input,.guest textarea{ width:90%; border:1px #ccc solid; padding:10px; margin-bottom:15px; font-size:14px; border-radius:20px; }
.guest button { border-radius:20px; background:#054578; width:96%; height:40px; font-size:18px; color:#fff; transition:all .3s ease-out; border:none; cursor:pointer}
.guest button:hover{ border-radius:20px; background:#0066cc;width:96%; height:40px; font-size:18px; color:#fff;  border:none;}

/* 方案 */
.fangan{ width:100%; margin:50px auto; font-size:15px; height:auto; overflow:hidden;}
.fangan .title{border-left:3px #1a5e9f solid;color:#1a5e9f; font-size:24px; height:auto; overflow:hidden; display:block; width:15%; padding:0px 5px 0px 20px; margin-bottom:30px;}
.fangan .title30{ background:#f1f1f1; border-left:3px #1a5e9f solid; color:#1a5e9f; font-size:20px; height:auto; overflow:hidden; display:block; width:100%; padding:10px 0px 10px 20px; margin-bottom:10px;}
.jzx{ margin-right:3%;}

.fangan .l{ width:57%;  float:left; text-align:justify;   }
.fangan .l li{ list-style: inside; font-size:15px; color:#333; margin-left:5%; line-height:24px; margin-bottom:5px; list-style-position: outside;}
.fangan .l b{ font-size:20px; display:block; margin-bottom:20px; font-weight:normal; color:#1c5e9d;}
.fangan .l p{ text-indent:32px; line-height:25px; color:#444;}
.fangan .l img{ margin-left:30px; margin-top:30px;}

.fangan .r{ width:40%; float:left;}
.fangan .r img{ width:100%; height:auto;}




.fangan .imglist { width:100%; margin:20px auto 0px auto; background:#FFFFFF; padding:0px; height:auto; overflow:hidden; }
.fangan .imglist li{ padding:0px; width:25%; margin:0px;   text-align:center; float:left; list-style:none; }
.fangan .imglist li img{ width:80%; margin:0px 10%; padding:0px; }
.fangan .imglist li b{ margin:0px; padding:0px; font-size:14px; color:#333 }


.left-l{ float:left;}
.right-r{ float:right}



.company .z{ width:60%; float:left}
.company .y{ width:37%; margin-left:3%; float:left;}
.company .y img{ width:100%; }
.company .text li{ line-height:28px; margin-left:-20px; list-style: outside;}



/* 产品特点 */

.cptd { display:block; width:100%; height:auto; overflow:hidden;}
.cptd strong{ font-size:26px; height:24px; line-height:24px;font-weight:normal; padding-left:20px; margin:10px auto; color:#1f63a0; border-left:2px #1f63a0 solid; display:block;}

.tedian{ width:100%; height:auto; overflow:hidden; margin-bottom:0px; margin-top:20px; display:inline-block }
.tedian .cpleft{ width:40%; float:left; }
.tedian .cpleft img{ width:100%; border-radius:10px;}

.tedian .cpright{ float:right; width:57%; }

.tedian .cpright ol{ margin-left:15px; padding:0px;}

.tedian .cpright b{ font-size:17px; color:#1f63a0; font-weight:normal; display: block; margin-bottom:5px;}
.tedian .cpright li{ list-style: disc; line-height:20px; margin-bottom:10px; color:#333; font-size:14px;}

.cptd img{ width:100%;}

.text p{ font-size:16px; line-height:30px; color:#555; text-indent:32px}

.tedianimg { width:100%; margin:0px; padding:0px; height:auto; overflow:hidden;}
.tedianimg li{ width:18.4%; margin-right:2%; float:left; text-align:center; }
.tedianimg li:nth-child(5){ margin-right:0%;}
.tedianimg li p{ font-size:14px; padding:0px 17px; line-height:16px; text-align:center; }
.tedianimg li img{ width:80%; margin-left:10%; margin-right:10%; cursor:pointer}

.product { width:100%; margin:20px 0px 90px 0px; padding:0px; height:auto; overflow:hidden; }
.product li { float:left; width:12.57%; border-radius:5px; margin-right:2%; padding-bottom:12.57%; border:1px #ccc solid;  height:0; overflow:hidden; box-sizing: border-box;  }
.product li img{ width:80%; margin:10%;}
.product li p{ position: absolute; width:100px; font-size:12px; word-wrap:break-word; word-break:break-all; overflow: hidden;}

.product li:last-child{ margin-right:0%;}

.tedianimg li img:hover{ animation: myMove1 1s ease-in infinite alternate;-webkit-animation: myMove1 1s ease-in infinite alternate;}



/* 产品描述 */
.cpms{  width:100%; margin:0% auto; line-height:36px; }
.cpms strong{ font-size:20px; line-height:20px; margin:25px auto 10px auto; display: inline-block; color:#0768b5; border-left:2px #0768b5 solid; font-weight:normal; padding-left:15px;  font-weight:500;  } 

.cpms .text{ margin:-10px auto 0px auto; padding:0px; margin-left:0px;  }

.cpms p{ margin:0px auto; font-size:15px; line-height:28px; color:#444; padding:0px; text-align:justify  }


.cpms .z{ width:100%; float:none; height:auto; overflow:hidden; }

.cpms .text li{ list-style:disc; margin-left:0px; font-size:14px; line-height:20px; margin-bottom:6px;}

.cpms .text p{ margin:15px auto; font-size:15px; color:#333; line-height:28px; padding:0px; text-align:justify  }
.cpms .y{ width:100%; float:none;}
.cpms .y img{ width:100%; border-radius:10px; }
.cpms h1{ font-size:24px; font-weight:550; color:#0768b5; margin:20px auto;}


.cpms .text ol{ margin-top:20px; font-size:15px; color:#444;}

.page{ font-size:14px; text-align:center; margin-top:20px; margin-bottom:10px;}
.page a{ border:1px #ccc solid; padding:3px 6px; border-radius:3px; color:#444}


.clearfix{ clear:both}

/* 产品描述 */
.productms{ width:100%; margin:10px auto; height:auto; overflow:hidden;}
.productms .zuo{ width:100%; float:none}
.productms .zuo h1{ margin:0px auto 20px auto; color:#006699; padding:0px; font-size:20px; font-weight:normal;}
.productms .zuo h1 i{ font-style:normal; font-size:15px; color:#666; display:block; }
.productms .zuo .text{ margin:20px auto 20px -20px; padding:0px; text-align:justify }
.productms .zuo .text li{ list-style:disc; line-height:28px; margin-bottom:5px; font-size:15px;  color:#333;}

.productms .you{ width:100%; margin-left:0%; float:none; overflow:hidden;  margin:0px; padding:0px; }
.productms .you img{ width:100%;cursor:pointer; padding:0px; margin:0px; border-radius:0px;margin-bottom:20px; padding:0px;-webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.productms .you img:hover{ width:100%;  transform:scale(1.2, 1.2);	-webkit-transform:scale(1.2, 1.2);	-o-transform:scale(1.2, 1.2); }
.productms .you p{ text-align:center;  display:none;  font-size:14px;  color:#999;}

.productms strong{ line-height:18px; font-size:18px; color:#1a5e9f; font-weight:normal; display: inline-table; border-left:3px #1a5e9f solid; margin:0px; padding-left:10px;}
.productms p{ font-size:15px; line-height:28px; margin:12px auto;  text-align:justify; color:#333; padding-left:13px; position: relative;}
.productms img{  margin-left:-13px; position:relative;}
.picimg{ width:100%;}

table {  border-collapse:collapse; border: 1px solid #ccc; width:1000px; margin-top:15px;  }
table td{border-collapse:collapse;  border: 1px solid #ccc; padding: 3px 4px; font-size:13px; }
.richtext { overflow-x:scroll; width:100%;}
.table-bg{ background:#20639F; color:#fff;}
.table-hui{ background:#f9f9f9; }


@keyframes myMove1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
 
@-webkit-keyframes myMove1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

 }
 
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) { 


.productms form{ padding-left:13px; font-size:16px; }
.productms .inpu { border: 1px solid #acbcc7; width:240px;
background-color: #fff;
border-radius: 3px; outline:none;
box-shadow: 1px 1px 3px #dedede inset;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; line-height:20px; padding:5px;  }

.btn_150_40 { background: #00a1e9; line-height:32px; border-radius: 3px; color:#fff; border:none; padding:0px 10px;
}

.btn_150_40:hover { background:#1c5e9f}


sup{font-size: 75%; line-height: 0; position: relative;vertical-align: baseline; top: -0.5em;}


html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling : touch;
}
 
/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
    resize: none;
    border: none;
}


 
/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { background:#ffffff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
 
/* 图片自适应 */
img {
    width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}
 
/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, 
form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, section {
    margin: 0;
    padding: 0;
}
body {
    font: 12px/1.5 'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif; 
   
}
em, i {
    font-style: normal;
}
ul,li{
    list-style-type: none;
}
strong {
    font-weight: normal;
}
table{
    border-collapse:collapse;
    border-spacing:0
}
textarea {
    resize:none; /*禁用了文本的拖拉，尤其在谷歌下*/
} 
p {
    word-wrap:break-word; /* 不够的单词自动换行 而不会被截掉 */
}
.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}
a {
    text-decoration: none;
    color: #fff;
    font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}
a:hover {
    text-decoration: none;
}
ul, ol {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: 'Microsoft YaHei';
}
img {
    border: none;
}
input{
    font-family: 'Microsoft YaHei';
}
/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
.overflow {overflow:hidden; }
.w50{
    width: 50%;
}
.w25{
    width: 25%;
}
.w20{
    width: 20%;
}
.w33{
    width: 33.333333%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.db{
    display: block !important;
}
.dn{
    display: none;
}
 

.container{ width:100%; margin:0px;    margin-left:auto; margin-right:auto; height:auto; overflow:hidden; background:#fff;  margin-bottom:0px;}

.top{ width:98%; padding:1%; overflow:hidden; border-top:3px #1c5e9e solid; position:fixed;z-index:10; text-align:center;  background:#fff; padding-top:13px; margin-bottom:5px; height:auto; }
.top .lf{ width:40%;  float:left;  margin-left:-3%; padding:0px; overflow:hidden;   }

.top .lf a{ display:block;  width:100%; height:auto; }
.top .lf img{ width:66%; text-align:center; padding-left:17%;  }
.top .lf p{ color:#666; float:none; display:block; margin-left:0px; font-size:12px;}

.top .rt { width:250px; float:right;  margin:0px; padding:0px; display:none; }
.top .rt p{ color:#555; height:45px;   text-align:right; margin:0px; display:none;  padding:0px; font-size:12px;  font-family:Century Gothic}
.top .rt i{ font-size:32px; float:left;    margin-top:4px; padding:0px; display:none;  vertical-align:middle; }

.banner{ width:100%; margin-left:auto; margin-top:75px;  margin-right:auto; background:#999900}
.banner img{ width:100%; -ms-interpolation-mode: bicubic;}

.banner .pc{ display:block;}
.banner .mb{ display:none;}


.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:13px}
.sp_nav span{display:block;background:#1c5e9e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:75px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.menu{background:url(/img/menubg.gif); border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid;  width:100%; height:48px; margin-left:auto; margin-right:auto; font-family:"微软雅黑", "宋体"; font-size:14px; color:#555; display:none}
.menu ul{ margin:0px; padding:0px;}
.menu li{ text-align:center; margin:0px;width:14.28%;height:48px;  float:left; background:url(../img/menuright.gif) right no-repeat; }
.menu li p{ margin:0px; padding:0px; color:#666; font-size:1.2rem; font-family:Arial; text-transform: Capitalize}
.menu li strong{ display:block; font-weight:normal; margin-top:7px;}
.menu li a{ display:block;display:block; text-decoration:none;}
.menu li:last-child{ width:14.28%;}
.menu li:hover{ text-decoration:none; background:url(../img/menuhover.gif)}





.index-pic{ width:98%; margin:1%; margin-left:auto; margin-right:auto; margin-top:10px; height:auto; overflow:hidden; margin-bottom:10px;}
.index-pic li { cursor:pointer; float:left; position: relative; width:100%; height:160px; border-bottom:1px #f3f3f3 solid; overflow:hidden; background:url(../img/cpbg.png) left no-repeat}
.index-pic li img{ width:100%; -ms-interpolation-mode: bicubic; background:none; }

.index-pic li .l{ width:88%; margin:5% 7%; float:left; position: relative; background:none }
.index-pic li .l i{ color:#336699; font-size:16px; margin-right:10px;}
.index-pic li .l b{ color:#336699; font-size:16px; font-weight:500; background:none }
.index-pic li .l p{ color:#666; font-size:13px; width:70%; text-align:justify; margin-top:25px;  line-height:20px; background:none }
.index-pic li .r{ width:32%; float:left; margin-top:50px; right:-30px; position: absolute; text-align:center; background:none }
.index-pic li .r img{ background:none;width:90%; -webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.index-pic li:hover p{ color:#0068B7; cursor:pointer}
.index-pic li:hover img {transform:scale(1.2, 1.2);	-webkit-transform:scale(1.2, 1.2);	-o-transform:scale(1.2, 1.2);}




.index-new { width:98%; margin:1%; margin-left:auto; margin-right:auto;  height:auto; overflow:hidden;}
.index-new .left{ width:100%; float:left}
.index-new .right { width:100%; float:left;  display:block; margin-left:0%; margin-top:20px; }
.index-new .right img{ width:100%; -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/ }

.blue{ border-bottom:3px #0068B7 solid; font-size:18px; height:36px;  color:#444; font-family: "微软雅黑";}

.blue a{ float:right; font-size:12px; margin-top:8px; background:#0068B7; border-radius:3px; text-decoration:none; color:#fff; padding:3px 7px;}
.blue a:hover{ float:right; font-size:12px; margin-top:8px; background:#ff9900; border-radius:3px; color:#fff; padding:3px 7px;}


.newlist{ margin:0px; padding:0px;}
.newlist ul{ margin:0px; padding:0px}
.newlist li{ height:40px; border-bottom:1px #808080 dotted; line-height:40px; text-overflow:ellipsis;overflow: hidden;    white-space: nowrap;}
.newlist li a{ font-family:"微软雅黑"; color:#333; font-size:16px;  text-decoration:none; }
.newlist li a:hover{ text-decoration:underline; color:#0068B7;}
.newlist li span{ width:90px; font-size:1rem; font-family:Arial, Helvetica, sans-serif; display: inline-block; color:#808080;}

.foot{ background:#0068b7; text-align:center; width:100%; display:none; margin-top:20px;}

.wrapper{ width:100%; overflow:hidden; height:40px; background:#0068b7; text-align:center; overflow:hidden;  margin-top:0px; margin-bottom:0px;}
.wrapper p{ float:none; margin:0px; padding:0px;}
.wrapper a{ float:right; color:#fff; display:none}





.end{ background:#084577;  color:#fff; width:100%;      font-size:15px;  }
.e{ width:98%; background:#084577; padding:10px 0px;  height:auto;  text-align:center; overflow:hidden;  color:#fff;   margin:auto auto;  }
.e p{ float:none;background:#084577; font-size:14px;}
.e p:nth-child(1){ float:none;}
.e p:nth-child(2){ float:left; width:49%; text-align:right;}
.e p:nth-child(3){ float:left; width:49%; text-align:left; margin-left:2%; }
.e p:nth-child(4){float:none; margin-right:0px; display:none}


.pic-banner{ width:100%; margin-left:auto; margin-top:75px;  margin-right:auto; background:#ccc; margin-bottom:0px;}
.pic-banner img{ width:100%; height:120px;  -ms-interpolation-mode: bicubic;}



.pic-banner .mb{ display:none}
.pic-banner .pc{ display:block;}

.caidan{  background:#fff; width:100%; color:#555; box-sizing: border-box;  line-height: 25px; position: relative; padding:0 10px; font-size:14px;   border:1px solid #ccc}
.caidan i{ width: 0; height: 0; border-top: 5px solid #333; border-left: 5px solid transparent;  border-right: 5px solid transparent;
position: absolute; top: 20px; right: 20px;}
.caidan span{display: block; height: 25px; cursor: pointer;}
.caidan ul{display: none;}
.caidan ul,.caidan li{padding: 0; margin:0 }
.caidan li{ float:left;  text-align:center; width:100%; line-height: 30px;  }
.caidan li a{ font-size:16px; display:block; color:#555; border-bottom:1px #ededed solid;  text-decoration:none; }
.caidan li a:hover{ background:#195da1; color:#fff;}

#caidan{width:100%; line-height: 25px; font-size:15px; color:#555; box-sizing: border-box; border:1px solid #eee; padding:7px 0px; position: relative;}
#caidan i{width: 0; height: 0; border-top: 5px solid #333; border-left: 5px solid transparent;  border-right: 5px solid transparent;
position: absolute; top: 16px; right: 10px;}
#caidan span{display: block; height: 25px; cursor: pointer; padding-left:10px; }
#caidan ul,#select li{padding: 0; margin:0 }

#caidan li{line-height: 40px; padding-left:10px;  color: #666; list-style-type: none; border-bottom: 1px solid #eee; cursor: pointer;transition: all 1s ease 0s;}
#caidan li a{ color:#666;}

#caidan li:hover{ border-bottom: 1px solid #51A6FF; background-color: #DAF0FF; padding-left: 20px; }
#caidan li:last-child{border-bottom: 0}
#caidan ul{display: none;}


#cd{width:100%; line-height: 25px; font-size:15px; color:#555; box-sizing: border-box; border:1px solid #eee; padding:7px 0px; position: relative;}
#cd i{width: 0; height: 0; border-top: 5px solid #333; border-left: 5px solid transparent;  border-right: 5px solid transparent;
position: absolute; top: 16px; right: 10px;}
#cd span{display: block; height: 25px; cursor: pointer; padding-left:10px; }
#cd ul,#select li{padding: 0; margin:0 }

#cd li{line-height: 40px; padding-left:10px;  color: #666; list-style-type: none; border-bottom: 1px solid #eee; cursor: pointer;transition: all 1s ease 0s;}
#cd li a{ color:#666;}

#cd li:hover{ border-bottom: 1px solid #51A6FF; background-color: #DAF0FF; padding-left: 20px; }
#cd li:last-child{border-bottom: 0}
#cd ul{display: none;}


#cd li:nth-child(2),#cd li:nth-child(3),#cd li:nth-child(4),#cd li:nth-child(5){ padding-left:20px; }

#cd li:nth-child(7){ padding-left:20px; }

#cd li:nth-child(9),#cd li:nth-child(10){ padding-left:20px; }



.company { font-size:16px; color:#333; height:auto; overflow:hidden; width:92%; margin:2% 4%;}
.company .left{ width:100%; float:none; margin-right:0%; position: relative; margin-top:0px;}
.company .left p{ text-indent:32px; line-height:34px; text-align:justify; }

.company .left .bt{ font-size:25px; color:#555; margin-top:20px;}


.company .left strong{ font-size:18px; line-height:38px; padding:5px 0px; color:#1a5e9f; font-weight:normal; border-bottom:3px #1a5e9f solid;}
.company .left b{ font-size:22px; font-weight:normal; padding:15px 0px; color:#1a5e9f; display:inline-block  }
.company .left h2{ display:block; margin-bottom:20px; font-weight:normal; border-bottom:1px #1a5ea0 solid;  position: relative;  color:#1a5ea0; }
.company .right{ width:100%; float:none; height:auto; overflow:hidden}
.company .right img{ width:100%; margin-top:20px;}


.company h1{ color:#1a5e9f; font-size:20px; text-align:center; font-weight:normal; padding-top:15px;}


.company .hits { border-bottom:1px #eee solid; border-top:1px #eee solid; padding:15px 0px; text-align:center; margin-top:20px;}
.company .hits i{ margin-right:5px;}
.company .neirong{ font-size:16px; margin-top:20px; color:#333; line-height:36px;}
.company .neirong p{ text-indent:34px; margin-bottom:10px;}
.company .neirong img{ margin-bottom:10px;}


.company .left .al{ width:50%; float:left;}
.company .left .ar{ width:50%; float:left; margin-bottom:20px;}

.biaoti{ margin-bottom:10px; font-size:18px;  display:block; margin-top:20px; }


.caselist{ width:100%; padding:0px; position: relative; margin-top:10px;}
.caselist li  { list-style:outside; width:97%; float:left; margin-left:20px; font-size:15px; padding-bottom:10px;}
.caselist li:hover{ color:#00579a; cursor:pointer}


.contact{ width:96%;  margin:2%;}

.contact li{ font-size:15px; line-height:30px; color:#333;}

.contact li:nth-child(1){ margin-bottom:15px;}

.contact li i{ font-size:20px; margin-right:10px; width:20px; color:#999;   vertical-align:middle; }
.contact li:first-child{ margin-top:30px; width:60%; max-width:320px; }

.contact li:last-child i{ font-size:20px; }

.contact li:nth-child(2) i{ font-size:20px;}

.contact li:nth-child(11) { display:none}

 .fenbu{ font-size:16px; color:#0768b4;  padding-left:20px; padding-bottom:10px; background:url(../img/1.gif) left no-repeat}


.guest{ width:96%;  margin:2%; margin-bottom:20px; margin-top:30px;}
.guest b{ font-size:16px; font-weight:normal; margin-bottom:20px; display:block;}
.guest input,.guest textarea{ width:93%; border:1px #ccc solid; padding:10px; margin-bottom:15px; font-size:14px; border-radius:20px; font-family:"微软雅黑" }
.guest .send { border-radius:20px; background:#054578; width:96%; height:40px; font-size:18px; color:#fff; transition:all .3s ease-out; border:none; cursor:pointer}
.guest .send:hover{ border-radius:20px; background:#0066cc; width:96%; height:40px; font-size:18px; color:#fff;  border:none;}


/* 方案 */
.fangan{ width:100%; margin:10px auto; font-size:15px; line-height:30px; height:auto; overflow:hidden;}
.fangan .title{ border-left:3px #1a5e9f solid;color:#1a5e9f; font-size:24px; height:auto; overflow:hidden; display:block; width:35%; padding:0px 5px 0px 20px; margin-bottom:0px;}
.fangan .title30{ background:#f1f1f1; display:block; border-left:3px #1a5e9f solid; color:#1a5e9f;font-size:20px; height:auto; overflow:hidden; display:block; width:100%; padding:10px 0px 10px 20px; margin-bottom:0px;}
.jzx{ margin-right:3%;}
.fangan .l{ width:96%; margin:2%;  float:left; text-align:justify;   }
.fangan .l li{ list-style: inside; margin-left:5%;  list-style-position: outside; color:#333; }
.fangan .l b{ font-size:20px; display:block; margin-bottom:20px; margin-top:10px; font-weight:normal; color:#1c5e9d;}
.fangan .l p{ text-indent:32px; color:#444; line-height:28px;}
.fangan .l img{ margin-left:30px; margin-top:30px;}

.fangan .r{ width:96%; margin:2%; float:left;}
.fangan .r img{ width:60%; margin-left:20%; height:auto;}



.fangan .imglist { width:100%; margin:20px auto 0px auto; background:#FFFFFF; padding:0px; height:auto; overflow:hidden; }
.fangan .imglist li{ padding:0px; width:25%; margin:0px;   text-align:center; float:left; list-style:none; }
.fangan .imglist li img{ width:80%; margin:0px 10%; padding:0px; }
.fangan .imglist li b{ margin:0px; padding:0px; font-size:14px; color:#444 }

.left-l{ float:left;}
.right-r{ float:right}

.text{ margin:20px 0px;}
.text p{ text-indent:30px; margin-bottom:10px;}

.product { display:none}

.tedianimg { width:100%; margin:0px; padding:0px; height:auto; overflow:hidden; }
.tedianimg li{ width:17.6%; margin-right:3%; float:left;  padding:0px; text-align:center; }
.tedianimg li:nth-child(5){ margin-right:0%;}
.tedianimg li p{ font-size:13px; padding:0px 10px 0px 10px; line-height:16px;}
.tedianimg li img{ width:100%; cursor:pointer;}
.tedianimg li img:hover{ animation: myMove1 1s ease-in infinite alternate;-webkit-animation: myMove1 1s ease-in infinite alternate;}


.cptd strong{ font-size:20px; line-height:20px; padding-top:0px; padding-bottom:0px; font-weight:normal; padding-left:20px;  color:#1f63a0; border-left:2px #1f63a0 solid;   display:block; }

.tedian{ width:100%; height:auto; overflow:hidden; margin-bottom:20px}
.tedian .cpleft{ width:100%; float:left; }
.tedian .cpleft img{ width:100%; border-radius:10px;}
.tedian .cpright{ float:right; width:100%; font-size:14px; }
.tedian .cpright b{ font-size:18px; color:#1f63a0; font-weight:normal; display: block; margin-top:15px; margin-bottom:10px;}
.tedian .cpright li{ list-style: disc; line-height:34px; margin-left:20px; font-size:16px; color:#333;}


/* 产品描述 */
.cpms{  width:96%; margin:0% auto 20px auto; line-height:26px; }
.cpms strong{ font-size:20px; line-height:20px; margin:15px auto 10px auto; display: inline-block; color:#0768b5; border-left:2px #0768b5 solid; font-weight:normal; padding-left:15px; font-weight:500; } 

.cpms .text{ margin-top:-6px; padding:0px; }

.cpms p{ margin:15px auto; font-size:14px; color:#444; line-height:24px; padding:0px; text-align:justify  }


.cpms .z{ width:100%; float:none; height:auto; overflow:hidden; }
.cpms .text li{ list-style:disc; margin-left:15px; line-height:20px; margin-bottom:6px; font-size:14px;}
.cpms .text p{ margin:15px auto; font-size:16px; line-height:34px; color:#333; padding:0px; text-align:justify  }
.cpms .y{ width:100%; float:none;}
.cpms .y img{ width:100%; border-radius:10px; }
.cpms h1{ font-size:24px; font-weight:550; color:#0768b5; margin:20px auto;}
.imgjz{ margin-top:10px;}


.cpms .text ol{ margin-top:20px; font-size:15px; color:#444;}


.page{ font-size:14px; text-align:center; margin-top:20px; margin-bottom:10px;}
.page a{ border:1px #ccc solid; padding:3px 6px; border-radius:3px; color:#444}




/* 产品描述 */
.productms{ width:96%; margin:2%; height:auto; overflow:hidden;}
.productms .zuo{ width:100%; float:none}
.productms .zuo h1{ margin:0px auto 20px auto; color:#006699; padding:0px; font-size:22px; font-weight:normal;}
.productms .zuo h1 i{ font-style:normal; font-size:15px; color:#666; display:block; }
.productms .zuo .text{ margin:10px auto 10px 25px; padding:0px; }
.productms .zuo .text li{ list-style:disc; line-height:34px; margin-bottom:5px; font-size:16px;  color:#333;}

.productms .you{ width:100%; margin-left:0%; float:none; overflow:hidden;  margin:0px; padding:0px; }
.productms .you img{ width:100%; padding:0px; margin:0px; cursor:pointer;border-radius:0px;margin-bottom:20px; padding:0px;-webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.productms .you img:hover{ width:100%;  transform:scale(1.2, 1.2);	-webkit-transform:scale(1.2, 1.2);	-o-transform:scale(1.2, 1.2); }
.productms .you p{ text-align:center;  display:none;  font-size:14px;  color:#999;}

.productms strong{ line-height:18px; font-size:18px; color:#1a5e9f; font-weight:normal; display: inline-table; border-left:3px #1a5e9f solid; margin:0px; padding-left:10px;}
.productms p{ font-size:16px;line-height:34px; margin:12px auto;  color:#333; padding-left:13px; position: relative;}
.productms img{  margin-left:-13px; position:relative;}
.picimg{ width:100%;}

table {  border-collapse:collapse; border: 1px solid #ccc; width:1000px; margin-top:15px; }
table td{border-collapse:collapse;  border: 1px solid #ccc; padding: 3px 4px; font-size:13px; }
.richtext { overflow-x:scroll; width:100%;}
.table-bg{ background:#20639F; color:#fff;}

.table-hui{ background:#f9f9f9;}


@keyframes myMove1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
 
@-webkit-keyframes myMove1 {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

 }
 
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) { 


.productms form{ padding-left:13px; font-size:16px; }
.productms .inpu { border: 1px solid #acbcc7; width:240px;
background-color: #fff;
border-radius: 3px; outline:none;
box-shadow: 1px 1px 3px #dedede inset;

-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; line-height:20px; padding:5px;  }

.btn_150_40 { background: #00a1e9; line-height:32px; border-radius: 3px; color:#fff; border:none; padding:0px 10px;
}

.btn_150_40:hover { background:#1c5e9f}


sup{font-size: 75%; line-height: 0; position: relative;vertical-align: baseline; top: -0.5em;}


html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling : touch;
}
 
/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
    resize: none;
    border: none;
}
 
/* 取消链接高亮  */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { background:#ffffff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
 
/* 设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
 
/* 图片自适应 */
img {
    width: 100%;
    height: auto;
    width: auto\9; /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}
 
/* 初始化 */
body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, 
form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, section {
    margin: 0;
    padding: 0;
}
body {
    font: 12px/1.5 'Microsoft YaHei','宋体', Tahoma, Arial, sans-serif; 
   
}
em, i {
    font-style: normal;
}
ul,li{
    list-style-type: none;
}
strong {
    font-weight: normal;
}
table{
    border-collapse:collapse;
    border-spacing:0
}
textarea {
    resize:none; /*禁用了文本的拖拉，尤其在谷歌下*/
} 
p {
    word-wrap:break-word; /* 不够的单词自动换行 而不会被截掉 */
}
.clearfix:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}
.clearfix {
    zoom: 1;
}
a {
    text-decoration: none;
    color: #fff;
    font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}
a:hover {
    text-decoration: none;
}
ul, ol {
    list-style: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-family: 'Microsoft YaHei';
}
img {
    border: none;
}
input{
    font-family: 'Microsoft YaHei';
}
/*单行溢出*/
.one-txt-cut{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*多行溢出 手机端使用*/
.txt-cut{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}
/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,a:active,a:visited,a:hover {
    background: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
.overflow {overflow:hidden; }
.w50{
    width: 50%;
}
.w25{
    width: 25%;
}
.w20{
    width: 20%;
}
.w33{
    width: 33.333333%;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.db{
    display: block !important;
}
.dn{
    display: none;
}
 
.page{ font-size:12px; text-align:center; margin-top:20px; margin-bottom:20px; }
.page a{ border:1px #ccc solid; padding:2px 4px; border-radius:3px; color:#666;}
 
.container{ width:100%; margin:0px;    margin-left:auto; margin-right:auto; height:auto; overflow:hidden; background:#fff;  margin-bottom:0px;}

.top{ width:98%; padding:1%; overflow:hidden; border-top:3px #1c5e9e solid; position:fixed;z-index:10; text-align:center;  background:#fff; padding-top:13px; margin-bottom:5px; height:auto; }
.top .lf{ width:55%;  float:left; margin-top:5px;  margin-left:-3%; padding:0px; overflow:hidden;   }
.top .lf a{ display:block;  width:100%; height:auto; }
.top .lf img{ width:78%; text-align:center; padding-left:11%;  }
.top .lf p{ color:#666; float:none; display:block; margin-left:0px; font-size:12px;}
.top .lf p img{ width:70%; margin-top:5px; margin-left:8px;}
.top .rt { width:250px; float:right;  margin:0px; padding:0px; display:none; }
.top .rt p{ color:#555; height:45px;   text-align:right; margin:0px; display:none;  padding:0px; font-size:12px;  font-family:Century Gothic}
.top .rt i{ font-size:32px; float:left;    margin-top:4px; padding:0px; display:none;  vertical-align:middle; }

.banner{ width:100%; margin-left:auto; margin-top:75px;  margin-right:auto; background:#999900}
.banner img{ height:160px; -ms-interpolation-mode: bicubic;}

.banner .mb{ display:block;}
.banner .pc{ display:none;}



.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:13px}
.sp_nav span{display:block;background:#1c5e9e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:75px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}

.menu{background:url(/img/menubg.gif); border-left:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid;  width:100%; height:48px; margin-left:auto; margin-right:auto; font-family:"微软雅黑", "宋体"; font-size:14px; color:#555; display:none}
.menu ul{ margin:0px; padding:0px;}
.menu li{ text-align:center; margin:0px;width:14.28%;height:48px;  float:left; background:url(../img/menuright.gif) right no-repeat; }
.menu li p{ margin:0px; padding:0px; color:#666; font-size:1.2rem; font-family:Arial; text-transform: Capitalize}
.menu li strong{ display:block; font-weight:normal; margin-top:7px;}
.menu li a{ display:block;display:block; text-decoration:none;}
.menu li:last-child{ width:14.28%;}
.menu li:hover{ text-decoration:none; background:url(../img/menuhover.gif)}

.index-pic{ width:98%; margin:1%; margin-left:auto; margin-right:auto; margin-top:10px; height:auto; overflow:hidden; margin-bottom:10px;}
.index-pic li { cursor:pointer; float:left; position: relative; width:100%; height:140px; border-bottom:1px #f3f3f3 solid; overflow:hidden; background:url(../img/cpbg.png) left no-repeat}
.index-pic li img{ width:100%; -ms-interpolation-mode: bicubic; }
.index-pic li .l{ width:88%; margin:5% 7%; float:left; position: relative; background:none }
.index-pic li .l i{ color:#336699; font-size:14px; margin-right:10px;}
.index-pic li .l b{ color:#336699; font-size:16px; font-weight:500; background:none }
.index-pic li .l p{ color:#666; font-size:13px; width:70%; text-align:justify; margin-top:15px;  line-height:20px; background:none }
.index-pic li .r{ width:32%; float:left; margin-top:50px; right:-30px; position: absolute; text-align:center; background:none }
.index-pic li .r img{ background:none;width:90%; -webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.index-pic li:hover p{ color:#0068B7; cursor:pointer}
.index-pic li:hover img {transform:scale(1.2, 1.2);	-webkit-transform:scale(1.2, 1.2);	-o-transform:scale(1.2, 1.2);}

.index-new { width:98%; margin:1%; margin-left:auto; margin-right:auto;  height:auto; overflow:hidden;}
.index-new .left{ width:100%; float:left}
.index-new .right { width:100%; float:left;  display:block; margin-left:0%; margin-top:20px; }
.index-new .right img{ width:100%; -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/ }

.blue{ border-bottom:3px #0068B7 solid; font-size:16px; height:36px;  color:#444; font-family: "微软雅黑";}
.blue a{ float:right; font-size:12px; margin-top:2px; background:#0068B7; border-radius:3px; text-decoration:none; color:#fff; padding:3px 7px;}
.blue a:hover{ float:right; font-size:12px; margin-top:2px; background:#ff9900; border-radius:3px; color:#fff; padding:3px 7px;}

.newlist{ margin:0px; padding:0px;}
.newlist ul{ margin:0px; padding:0px}
.newlist li{ height:40px; border-bottom:1px #808080 dotted; line-height:40px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.newlist li a{ font-family:"微软雅黑"; color:#333; font-size:15px;  text-decoration:none; }
.newlist li a:hover{ text-decoration:underline; color:#0068B7;}
.newlist li span{ width:80px; float:right; text-align:right; font-size:13px; font-family:Arial, Helvetica, sans-serif; display: inline-block; color:#808080;}

.foot{ background:#0068b7; text-align:center; width:100%; display:none; margin-top:20px;}
.wrapper{ width:100%; overflow:hidden; height:40px; background:#0068b7; text-align:center; overflow:hidden;  margin-top:0px; margin-bottom:0px;}
.wrapper p{ float:none; margin:0px; padding:0px;}
.wrapper a{ float:right; color:#fff; display:none}
  
  
.pic-banner{ width:100%; margin-left:auto; margin-top:75px;  margin-right:auto; background:#ccc; margin-bottom:0px;}

.pic-banner .pc{ display:none}
.pic-banner .mb{ display:block;}

.pic-banner img{ width:100%; height:160px;  -ms-interpolation-mode: bicubic;}

.caidan{  background:#fff; width:100%; color:#555; box-sizing: border-box;  line-height: 25px; position: relative; padding:0 10px; font-size:14px;   border:1px solid #ccc}
.caidan i{ width: 0; height: 0; border-top: 5px solid #333; border-left: 5px solid transparent;  border-right: 5px solid transparent;position: absolute; top: 20px; right: 20px;}
.caidan span{display: block; height: 25px; cursor: pointer;}
.caidan ul{display: none;}
.caidan ul,.caidan li{padding: 0; margin:0 }
.caidan li{ float:left;  text-align:center; width:100%; line-height: 30px;  }
.caidan li a{ font-size:16px; display:block; color:#555; border-bottom:1px #ededed solid;  text-decoration:none; }
.caidan li a:hover{ background:#195da1; color:#fff;}

#caidan{width:100%; line-height: 25px; font-size:15px; color:#555; box-sizing: border-box; border:1px solid #eee; padding:7px 0px; position: relative;}
#caidan i{width: 0; height: 0; border-top: 5px solid #333; border-left: 5px solid transparent;  border-right: 5px solid transparent;
position: absolute; top: 19px; right: 10px;}
#caidan span{display: block; height: 25px; cursor: pointer; padding-left:10px; }
#caidan ul,#select li{padding: 0; margin:0 }
#caidan li{line-height: 40px; padding-left:10px;  color: #666; list-style-type: none; border-bottom: 1px solid #eee; cursor: pointer;transition: all 1s ease 0s;}
#caidan li a{ color:#666;}
#caidan li:hover{ border-bottom: 1px solid #51A6FF; background-color: #DAF0FF; padding-left: 20px; }
#caidan li:last-child{border-bottom: 0}
#caidan ul{display: none;}
















#cd li:nth-child(1),#cd li:nth-child(2){ padding-left:10px; background:#66cc33; color:#fff; }

#cd li:nth-child(3){ padding-left:10px; background:#ff9900; color:#fff; }

#cd li:nth-child(4),#cd li:nth-child(5),#cd li:nth-child(6),#cd li:nth-child(7){ padding-left:10px; background:#0066cc; color:#fff; }

.company { font-size:16px; height:auto; overflow:hidden; width:92%; margin:4%;}

.company .left{ width:100%; float:none; position: relative;}

#cd li a{ color:#fff;}


.company .left .bt{ font-size:26px; color:#555; margin-top:20px;}
.company .left p{ text-indent:30px; text-align:justify; line-height:30px; margin-bottom:15px; color:#333 }
.company .left b{ font-size:20px; font-weight:normal; padding:0px 0px; color:#1a5e9f;  display:inline-block;  }

.company .left .al{ width:100%; float:none;}
.company .left .ar{ width:100%; float:none; margin-bottom:20px;}

.biaoti{ margin-bottom:10px; font-size:18px;  display:block; }

.company .right{ width:100%; float:none; height:auto;  overflow:hidden}
.company .right img{ width:100%; margin-top:20px;}

.company h1{ color:#1a5e9f; font-size:20px; font-weight:normal; text-align:center; padding-top:15px;}


.company .hits { border-bottom:1px #eee solid; border-top:1px #eee solid; padding:15px 0px; text-align:center; margin-top:20px;}
.company .hits i{ margin-right:5px;}
.company .neirong{ font-size:16px; color:#333; line-height:30px; text-align:justify;}
.company .neirong p{ text-indent:30px; margin-bottom:10px}

.company .neirong img{ margin-bottom:10px;}

.caselist{ width:100%; padding:0px; position: relative; margin-top:10px;}
.caselist li  { list-style:outside; color:#333; line-height:30px; width:97%; float:left; margin-left:20px; font-size:15px; padding-bottom:10px;}
.caselist li:hover{ color:#00579a; cursor:pointer}


.contact{ width:96%;  margin:2%;}

.contact li{ font-size:15px; line-height:26px; color:#333;}

.contact li:nth-child(1){ margin-bottom:15px; max-width:250px;}

.contact li i{ font-size:16px; margin-right:5px; width:30px;  color:#999;   vertical-align:middle; }
.contact li:first-child{ margin-top:30px; width:90%; }

.contact li:nth-child(2) i{ font-size:18px;}
.contact li:last-child{ font-size:15px;color:#333;}

.contact li:nth-child(11) { display: block}

 .fenbu{ font-size:16px; color:#0768b4;  padding-left:20px; padding-bottom:10px; background:url(../img/1.gif) 0px 10px no-repeat}



.guest{ width:96%;  margin:2%; margin-bottom:20px; margin-top:30px;}
.guest b{ font-size:15px; font-weight:normal; margin-bottom:20px; display:block;}
.guest input,.guest textarea{ width:90%; outline: none; border:1px #ccc solid; padding:10px; margin-bottom:15px; font-size:13px; border-radius:20px; font-family:"微软雅黑";}
.guest .send {outline: none; border-radius:20px; background:#054578; width:96%; height:40px; font-size:18px; color:#fff; transition:all .3s ease-out; border:none; cursor:pointer}
.guest .send:hover{ outline: none;border-radius:20px; background:#0066cc; width:96%;  height:40px; font-size:18px; color:#fff;  border:none;}

/* 方案 */
.fangan{ width:100%; margin:20px auto; font-size:14px; line-height:28px; height:auto; overflow:hidden;}
.fangan .title{ border-left:3px #1a5e9f solid; color:#1c5e9d; font-size:22px; height:auto; overflow:hidden; display:block; width:35%; padding:0px 5px 0px 10px; margin-bottom:10px;}
.fangan .title30{ border-left:3px #1a5e9f solid; color:#1a5e9f; font-size:18px; height:auto; overflow:hidden; display:block; width:100%; padding:10px 5px 10px 20px; margin-bottom:10px; background:#f1f1f1}

.jzx{ margin-right:3%;}

.fangan .l{ width:96%; margin:2%;  float:left; text-align:justify;   }
.fangan .l li{ list-style: inside; margin-left:5%;  list-style-position: outside;  color:#333; font-size:15px;}

.fangan .l b{ font-size:18px; display:block; margin-bottom:10px; font-weight:normal; color:#1a5e9f; }

.fangan .l p{ text-indent:32px; margin-bottom:20px; line-height:30px;  color:#333; font-size:16px;}
.fangan .l img{ margin-left:30px; margin-top:30px;}

.fangan .r{ width:96%; margin:2%; float:left;}
.fangan .r img{ width:80%; margin-left:10%; height:auto;}

.fangan .imglist { width:100%; margin:20px auto 0px auto; background:#FFFFFF; padding:0px; height:auto; overflow:hidden; }
.fangan .imglist li{ padding:0px; width:25%; margin:0px;   text-align:center; float:left; list-style:none; }
.fangan .imglist li img{ width:80%; margin:0px 10%; padding:0px; }
.fangan .imglist li b{ margin:0px; padding:0px; font-size:14px; color:#444 }

.left-l{ float:left; }
.right-r{ float:right}

.product { display:none}

.text{ margin:20px 0px;}
.text p{ text-indent:30px; margin-bottom:10px;}

.tedianimg { width:100%; margin:0px; padding:0px; height:auto; overflow:hidden; }
.tedianimg li{ width:31.333333333333%; padding:0px; margin-right:3%;  float:left; }
.tedianimg li:nth-child(3){ margin-right:0%;}
.tedianimg li p{ font-size:12px; margin:0px; padding:0px; text-align:center; padding:0px 10px }
.tedianimg li img{ width:100%; margin:0px; padding:0px;  cursor:pointer}

.cptd strong{ font-size:20px; line-height:20px; padding-top:0px; padding-bottom:0px; font-weight:normal; padding-left:20px; margin:20px auto; color:#1f63a0; border-left:2px #1f63a0 solid; display:block;}

.tedian{ width:100%; height:auto; overflow:hidden; margin-bottom:20px}
.tedian .cpleft{ width:100%; float:left; }
.tedian .cpleft img{ width:100%; border-radius:10px;}
.tedian .cpright{ float:right; width:100%; }
.tedian .cpright b{ font-size:20px; color:#1f63a0; font-weight:normal; display: block; margin-top:15px; margin-bottom:10px;}
.tedian .cpright li{ list-style: disc; line-height:30px; color:#333; font-size:16px; margin-bottom:6px; margin-left:20px;}

/* 产品描述 */
.cpms{  width:92%; margin:4%; line-height:30px; text-align:justify; }
.cpms strong{ font-size:20px; line-height:20px; margin:15px auto 10px auto; display:block; color:#0768b5; border-left:2px #0768b5 solid; font-weight:normal; padding-left:15px;font-weight:500; } 

.cpms .text{ margin-top:-6px; padding:0px; }


.cpms p{ margin:15px auto;   padding:0px; text-align:justify  }


.cpms .z{ width:100%; float:none; height:auto; overflow:hidden; }
.cpms .text li{ list-style:disc; margin-left:17px; line-height:22px; margin-bottom:6px; }
.cpms .text p{ margin:15px auto;  font-size:16px;  line-height:30px;   padding:0px; text-align:justify  }

.cpms .y{ width:100%; float:none;}
.cpms .y img{ width:100%; border-radius:10px; }
.cpms h1{ font-size:24px; font-weight:550; color:#0768b5; margin:20px auto;}
.imgjz{ margin-top:10px;}


.cpms .text ol{ margin-top:20px; font-size:15px; color:#444;}

.end{ background:#084577;  color:#fff; width:100%; font-size:1.6rem;  }

.e{ width:98%; background:#084577; padding:10px 0px; height:auto; text-align:center; overflow:hidden;  color:#fff;   margin:auto auto;  }
.e p{ float:nont;background:#084577; font-size:14px;}
.e p:nth-child(1){ float:none;}
.e p:nth-child(2){ float:none; margin-left:0; width:100%; text-align:center}
.e p:nth-child(3){ float:none; margin-left:0px; width:100%; margin-left:0%; text-align:center}
.e p:nth-child(4){float:none; margin-right:0px; display:none}






/* 产品描述 */
.productms{ width:96%; margin:2%; height:auto; overflow:hidden; }
.productms .zuo{ width:100%; float:none}
.productms .zuo h1{ margin:0px auto 20px auto; color:#006699; padding:0px; font-size:22px; font-weight:normal;}
.productms .zuo h1 i{ font-style:normal; font-size:15px; color:#666; display:block; }
.productms .zuo .text{ margin:10px auto 10px 25px; padding:0px; }
.productms .zuo .text li{ list-style:disc; line-height:30px; margin-bottom:5px; font-size:16px;  color:#333;}

.productms .you{ width:100%;  float:none; overflow:hidden;  margin:0px; padding:0px;  }
.productms .you img{ width:100%; padding:0px; margin:0px; cursor:pointer;border-radius:0px;margin-bottom:20px; padding:0px;-webkit-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s; }
.productms .you img:hover{ width:100%;  transform:scale(1.2, 1.2);	-webkit-transform:scale(1.2, 1.2);	-o-transform:scale(1.2, 1.2); }
.productms .you p{ text-align:center;  display:none;  font-size:14px;  color:#999;}

.productms strong{ line-height:18px; height:20px; overflow:hidden;  font-size:18px; color:#1a5e9f; font-weight:normal; display: inline-table; border-left:2px #1a5e9f solid; margin:0px; padding-left:10px;}

.productms p{ font-size:16px; line-height:30px; margin:12px auto;  color:#333; padding-left:13px; position: relative;}
.productms img{  margin-left:-13px; position:relative;}
.picimg{ width:100%;}

table {  border-collapse:collapse; border: 1px solid #ccc; width:1000px; margin-top:15px; color:#444;  margin-bottom:15px;   }
table td{border-collapse:collapse;  border: 1px solid #ccc; padding: 3px 4px; font-size:13px; }
.richtext { overflow-x:scroll; width:100%; margin-bottom:15px;}
.table-bg{ background:#20639F; color:#fff;}

.table-bg-a{ background:#accae6; color:#fff;}


#a3{ display:none}

}

/* 480* /