/* The CSS Document is designed by King.Cheng 09/2018 */
@charset "gb2312";
@import url("common.css");
@import url("font-awesome.min.css");

/* == 通用 == */
.main { float:left; width:100%; margin-bottom:50px; overflow:hidden; }

.left { float:left; width:210px; margin:30px 0 0 15px; padding:0 29px 50px 0; border-right:1px solid #F0F0F0; overflow:hidden; }
.right { float:right; width:890px; margin:10px 15px 0 0; overflow:hidden; }
.rightIntro { float:left; width:100%; margin-top:20px; overflow:hidden; }

.mainTitle { float:left; width:100%; height:50px; text-align:center; overflow:hidden; }
.mainTitle h1 { float:left; width:100%; text-align:center; height:50px; background: url(../image/title_Line.jpg) bottom center no-repeat; font-size:24px; font-weight:normal; color:#194a8e; line-height:30px; }
.mainTitle h2 { float:left; width:100%; text-align:center; height:50px; font-size:24px; font-weight:normal; color:#FFF; line-height:30px; }
.mainTitle h3 { float:left; width:100%; text-align:center; height:50px; font-size:24px; font-weight:normal; color:#194a8e; line-height:30px; }
.mainTitle img { display:inline-block; height:40px; width:auto; }

.mainTitles { float:left; width:100%; height:40px; overflow:hidden; }
.mainTitles h1 { float:left; width:100%; height:40px; font-size:22px; font-weight:normal; color:#194a8e; line-height:40px; }

.mainInTitle { float:left; width:100%; height:40px; overflow:hidden; }
.mainInTitle i { float:left; width:24px; height:24px; margin:8px 0; text-align:center; text-indent:2px; font-size:16px; font-weight:normal; color:#FFF; line-height:24px; background:#09D1E3; margin-right:10px; }
.mainInTitle span { float:left; height:40px; font-size:15px; color:#000; line-height:40px; font-weight:bold; }
.mainInTitle p { float:left; height:40px; font-size:14px; font-weight:normal; color:#999; line-height:40px; margin-left:12px; font-family:Arial; }
.mainInTitle .mainInTitleBtn { float:right; width:400px; height:40px; text-align:right; overflow:hidden; }

.mainInTitles { float:left; width:100%; height:30px; border-bottom:1px solid #DEDEDE; overflow:hidden; }
.mainInTitles i { float:left; width:25px; height:20px; text-align:center; font-size:16px; font-weight:normal; color:#1A4B8E; line-height:20px; }
.mainInTitles h1 { float:left; height:20px; margin-left:2px; text-align:center; font-size:15px; font-weight:bold; color:#1A4B8E; line-height:20px; }

.newInTitle { float:left; width:100%; overflow:hidden; }
.newInTitle h1 { float:left; width:100%; padding-bottom:10px; border-bottom:1px solid #DEDEDE; text-align:center; font-size:15px; font-weight:bold; color:#1A4B8E; line-height:20px; }
.newInTitle h2 { float:left; width:100%; margin-top:10px; text-align:center; overflow:hidden; }
.newInTitle h2 p { display:inline-block; margin:0 30px;  font-size:12px; font-weight:normal; color:#999; line-height:20px; }

.mainMore { float:left; width:100%; height:40px; margin:20px 0 10px 0; text-align:center; overflow:hidden; }
.mainMore .btnBlue { display:inline-block; height:40px; padding:0 45px; background: url(../image/btn_BlueBg.jpg) top repeat-x; font-size:14px; font-weight:normal; color:#FFF; line-height:40px; }
.mainMore .btnBlue:hover { background:#276AC4; }

.mainLine { float:left; width:calc(100%/1 - 20px); width:-moz-calc(100%/1 - 20px); width:-webkit-calc(100%/1 - 20px); margin:0 10px; height:1px; margin-top:0; border-top:1px solid #CFCFCF; overflow:hidden; }

.mainLeft { float:left; width:855px; margin:20px 0 0 15px; overflow:hidden;  }
.mainRight { float:right; width:300px; margin:20px 15px 0 0; overflow:hidden; }
.mianRightBox { float:left; width:calc(100%/1 - 32px); width:-moz-calc(100%/1 - 32px); width:-webkit-calc(100%/1 - 32px); padding:0 15px 15px 15px; margin-bottom:15px; border:1px solid #EBEBEB; overflow:hidden; } 


/* == 轮播图 == */
.banner { float:left; width:100%; height:630px; background:#FFF; overflow:hidden; }
.banner .arrow-left { background:url(../image/arrow_Left.png) no-repeat left top; position: absolute; left: 5%; top: 450px; margin-top: -15px; width: 27px; height: 50px; z-index:100; }
.banner .arrow-right { background:url(../image/arrow_Right.png) no-repeat left bottom; position: absolute; right: 5%; top: 450px; margin-top: -15px; width: 27px; height: 50px; z-index:100; }
.banner .swiper-container { width: 100%; }
.banner .pagination { position: absolute; left: 0; text-align: center; top:850px; width: 100%; z-index:100; display:none; }
.banner .swiper-pagination-switch { display: inline-block; width: 6px; height: 6px; border-radius: 10px; background:none; border:1px solid #FF6B4D;  margin: 0 5px; cursor: pointer; }
.banner .swiper-active-switch { background:#FF6B4D; }
.banner .swiper-container { margin:0 auto; position:relative; overflow:hidden; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1; }
.banner .swiper-wrapper { position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.banner .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.banner .swiper-slide { float: left; width:100%; height:630px; text-align:center; background:#FFF; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; overflow:hidden; }
.banner .banner01 { background:url(../image/banner_Img01.jpg) center top no-repeat; }
.banner .banner02 { background:url(../image/banner_Img02.jpg) center top no-repeat; }
.banner .banner03 { background:url(../image/banner_Img03.jpg) center top no-repeat; }
/* IE10 Windows Phone 8 Fixes */
.banner .swiper-wp8-horizontal { -ms-touch-action: pan-y; }
.banner .swiper-wp8-vertical { -ms-touch-action: pan-x; }


/* == 首页新闻 == */
.homeNew { float:left; width:100%; height:40px; background:#C1C9D0; border-bottom:1px solid #E5E5E5; overflow:hidden; }
.homeNew .box { float:left; width:calc(33.3%/1 - 20px); width:-moz-calc(33.3%/1 - 20px); width:-webkit-calc(33.3%/1 - 20px); height:40px; margin:0 10px; background:url(../image/icon_Dot.png) 0px 17px no-repeat; font-size:12px; font-weight:normal; color:#1a4b8e; line-height:40px; overflow:hidden; }
.homeNew .box b { float:left; width:75px; height:40px; margin:0 10px 0 12px; font-weight:normal; color:#1a4b8e; }
.homeNew .box:hover { color:#1a4b8e; text-decoration:underline; }


/* == 品牌价值 == */
.homeBrand { float:left; width:100%; padding:40px 0; overflow:hidden; }
.homeBrand .intro { float:left; width:calc(100%/1 - 30px); width:-moz-calc(100%/1 - 30px); width:-webkit-calc(100%/1 - 30px); height:390px; margin:30px 15px 0 15px; overflow:hidden; }
.homeBrand .intro .icon { float:left; width:340px; overflow:hidden; }
.homeBrand .intro .icon .box { float:left; width:334px; height:94px; background:#FFF; border:3px solid #D5DDDE; margin-bottom:30px; overflow:hidden; }
.homeBrand .intro .icon .box img { float:left; width:50px; height:50px; margin:22px 15px 22px 22px; overflow:hidden; }
.homeBrand .intro .icon .box h1 { float:left; width:calc(100%/1 - 110px); width:-moz-calc(100%/1 - 110px); width:-webkit-calc(100%/1 - 110px); margin-top:18px; height:20px; font-size:16px; font-weight:bold; color:#1a4b8e; line-height:20px; }
.homeBrand .intro .icon .box p { float:left; width:calc(100%/1 - 110px); width:-moz-calc(100%/1 - 110px); width:-webkit-calc(100%/1 - 110px); height:30px; margin-top:5px; font-size:12px; font-weight:normal; color:#999; line-height:15px; }
.homeBrand .intro .img { float:left; width:490px; height:360px; overflow:hidden; }
.homeBrand .intro .icon .box:hover { background:#D8E7F5; border:3px solid #194A8E; }

.inBrand { float:left; width:100%; overflow:hidden; }
.inBrand .intro { float:left; width:calc(100%/1 - 30px); width:-moz-calc(100%/1 - 30px); width:-webkit-calc(100%/1 - 30px); height:390px; margin:0 15px 0 15px; overflow:hidden; }
.inBrand .intro .icon { float:left; width:340px; overflow:hidden; }
.inBrand .intro .icon .box { float:left; width:334px; height:94px; background:#FFF; border:3px solid #D5DDDE; margin-bottom:30px; overflow:hidden; }
.inBrand .intro .icon .box img { float:left; width:50px; height:50px; margin:22px 15px 22px 22px; overflow:hidden; }
.inBrand .intro .icon .box h1 { float:left; width:calc(100%/1 - 110px); width:-moz-calc(100%/1 - 110px); width:-webkit-calc(100%/1 - 110px); margin-top:18px; height:20px; font-size:16px; font-weight:bold; color:#1a4b8e; line-height:20px; }
.inBrand .intro .icon .box p { float:left; width:calc(100%/1 - 110px); width:-moz-calc(100%/1 - 110px); width:-webkit-calc(100%/1 - 110px); height:30px; margin-top:5px; font-size:12px; font-weight:normal; color:#999; line-height:15px; }
.inBrand .intro .img { float:left; width:490px; height:360px; overflow:hidden; }
.inBrand .intro .icon .box:hover { background:#D8E7F5; border:3px solid #194A8E; }


/* == 应用场景 == */
.homeCase { float:left; width:100%; padding:40px 0; background:#F2F2F2; overflow:hidden; }
.homeCase .intro { float:left; width:100%; margin:15px 0 5px 0; }
.casebox { float:left; width:370px; height:250px; margin:15px; overflow:hidden; }
.casebox .text { position:relative; top:0; left:0; width:370px; height:250px; background-color:rgba(0,0,0,0.50); overflow:hidden; text-align:center; z-index:2; transition: all 1s; }
.casebox .text h1 { float:left; width:calc(100%/1 - 30px); width:-moz-calc(100%/1 - 30px); width:-webkit-calc(100%/1 - 30px); height:30px; margin:40px 15px 0 15px; font-size:18px; font-weight:normal; color:#FFF; line-height:30px; overflow:hidden; transition: all 1s; }
.casebox .text h2 { float:left; width:calc(100%/1 - 100px); width:-moz-calc(100%/1 - 100px); width:-webkit-calc(100%/1 - 100px); height:60px; margin:20px 50px 0 50px; font-size:12px; font-weight:normal; color:#FFF; line-height:20px; text-align:center; overflow:hidden; transition: all 1s; }
.casebox .text h3 { display:inline-block; height:28px; padding:0 25px; margin:30px 0 0 0; background:none; border:1px solid #FFF; font-size:12px; font-weight:normal; color:#FFF; line-height:28px; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; overflow:hidden; transition: all 1s; }
.casebox .img { position:relative; top:-250px; left:0; width:370px; height:250px; overflow:hidden; text-align:center; z-index:1; }
.casebox .img img { width:100%; height:auto; }
.casebox:hover { box-shadow:1px 0 3px #999; }
.casebox:hover .text { background-color:rgba(0,0,0,0); transition: all 1s;  }
.casebox:hover .text h1 { margin:250px 15px 0 15px; }
.blk_19 { float:left; display:inline; font-size:12px; width:1200px; height:250px; margin-top:-70px;  ZOOM: 1 }
.blk_19 .arrowLR { position:relative; top:180px; right:40px; width:1280px; height:88px; z-index:1; }
.blk_19 .pcont { position:relative; top:-10px; left:0; width:1200px;  overflow: hidden;}
.blk_19 .ScrCont { width:32766px; zoom: 1 }
.blk_19 #List1_2 { float: left }
.blk_19 #List2_2 { float: left }
.blk_19 .LeftBotton { background:url(../image/arrow_Left.png) no-repeat; float: left; margin-left:-15px;  width:27px; height:50px }
.blk_19 .RightBotton { background: url(../image/arrow_Right.png) no-repeat; float: right; margin-right:-15px; width:27px; height:50px }
.blk_19 .LeftBotton { background-position: 0px 0px; }
.blk_19 .RightBotton { background-position: 0px 0px; }
.blk_19 .LeftBotton:hover { background-position: 0px 0px }
.blk_19 .RightBotton:hover { background-position: 0px 0px }
.blk_19 .pl img { display:block; cursor:pointer; border-top-style:none; border-right-style: none; border-left-style: none; border-bottom-style: none; }


/* == 产品系列 == */
.homePro { float:left; width:100%; padding:40px 0; overflow:hidden; }
.homePro .intro { float:left; width:100%; height:320px; margin:30px 0 35px 0; }
.probox { float:left; width:270px; height:320px; margin:0 15px; overflow:hidden; }
.probox .title { float:left; width:100%; height:50px; background:#376391; text-align:center; font-size:16px; font-weight:bold; color:#FFF; line-height:50px; overflow:hidden; } 
.probox .img { float:left; width:100%; height:220px; text-align:center; overflow:hidden; } 
.probox .img img { width:100%; height:auto; }
.probox .link { float:left; width:100%; height:50px; text-align:center; background:url(../image/pro_BottomBg.jpg) top repeat-x; overflow:hidden; } 
.probox .link a { display:inline-block; height:24px; margin:12px 3px; padding:0 5px; font-size:12px; font-weight:normal; color:#ff8a00; line-height:24px; border:1px solid #ff8a00; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden; } 
.probox .link a:hover { color:#FFF; border:1px solid #FF8A00; background:#FF8A00;  }
.blk_20 { float:left; display:inline; font-size:12px; width:1200px; height:320px; margin-top:-70px;  ZOOM: 1 }
.blk_20 .arrowLR { position:relative; top:220px; right:40px; width:1280px; height:88px; z-index:0; }
.blk_20 .pcont { position:relative; top:-10px; left:0; width:1200px;  overflow: hidden;}
.blk_20 .ScrCont { width:32766px; zoom: 1 }
.blk_20 #List1_3 { float: left }
.blk_20 #List2_3 { float: left }
.blk_20 .LeftBotton { background:url(../image/arrow_Left.png) no-repeat; float: left; margin-left:-15px;  width:27px; height:50px }
.blk_20 .RightBotton { background: url(../image/arrow_Right.png) no-repeat; float: right; margin-right:-15px; width:27px; height:50px }
.blk_20 .LeftBotton { background-position: 0px 0px; }
.blk_20 .RightBotton { background-position: 0px 0px; }
.blk_20 .LeftBotton:hover { background-position: 0px 0px }
.blk_20 .RightBotton:hover { background-position: 0px 0px }
.blk_20 .pl img { display:block; cursor:pointer; border-top-style:none; border-right-style: none; border-left-style: none; border-bottom-style: none; }


/* == 产品购买在线申请表 == */
.message { float:left; width:100%; height:460px; background:url(../image/main_Bg_01.jpg) top center fixed; overflow:hidden; }
.message .intro { float:left; width:100%; height:360px; padding:50px 0; background:url(../image/mask_Blue.png) repeat; overflow:hidden; }
.message .intro .title { float:left; width:100%; height:100px; text-align:center; overflow:hidden; }
.message .intro .title img { width:auto; height:100px;}
.message .intro .tel { float:left; width:100%; height:40px; margin-top:15px; text-align:center; font-size:12px; font-weight:normal; color:#FFF; line-height:40px; }
.message .intro .tel img { position:relative; top:12px; left:-10px; width:40px; height:40px; }
.message .intro .tel b { font-size:20px; font-family:Arial; }
.message .intro .box { float:left; width:100%; text-align:center; margin-top:45px; }
.message .intro .box .input[type="text"] { float:left; width:calc(33.3%/1 - 52px); width:-moz-calc(33.3%/1 - 52px); width:-webkit-calc(33.3%/1 - 52px); height:38px; margin:0 15px; padding:0 10px; background:#FFF; border:1px solid #FF8A00; overflow:hidden; font-size:13px; font-weight:normal; color:#222; line-height:38px; }
.message .intro .box .btnYellow { display:inline-block; height:40px; padding:0 45px; margin:30px 15px 0 15px; background: url(../image/btn_YellowBg.jpg) top repeat-x; font-size:14px; font-weight:normal; color:#FFF; line-height:40px; cursor:pointer; }
.message .intro .box .btnYellow:hover { background:#FFC43E; }


/* == 合作伙伴 == */
.cooperation { float:left; width:100%; margin:30px 0 140px 10px; }
.cooperation .link { float:left; width:218px; height:88px; margin:10px; border:1px solid #DBDBDB; overflow:hidden; }
.cooperation .link img { width:218px; height:88px; }
.cooperation .link:hover { box-shadow:1px 0 3px #999; }
.blk_18 { float:left; display:inline; font-size:12px; width:1200px; height:100px; margin-top:-50px;  ZOOM: 1 }
.blk_18 .arrowLR { position:relative; top:110px; right:40px; width:1280px; height:88px; z-index:0; }
.blk_18 .pcont { position:relative; top:-10px; left:0; width:1200px;  overflow: hidden;}
.blk_18 .ScrCont { width:32766px; zoom: 1 }
.blk_18 #List1_1 { float: left }
.blk_18 #List2_1 { float: left }
.blk_18 .LeftBotton { background:url(../image/arrow_Left.png) no-repeat; float: left; margin-left:-15px;  width:27px; height:50px }
.blk_18 .RightBotton { background: url(../image/arrow_Right.png) no-repeat; float: right; margin-right:-15px; width:27px; height:50px }
.blk_18 .LeftBotton { background-position: 0px 0px; }
.blk_18 .RightBotton { background-position: 0px 0px; }
.blk_18 .LeftBotton:hover { background-position: 0px 0px }
.blk_18 .RightBotton:hover { background-position: 0px 0px }
.blk_18 .pl img { display:block; cursor:pointer; border-top-style:none; border-right-style: none; border-left-style: none; border-bottom-style: none; }


/* == 内页大图 == */
.bannerIn { float:left; width:100%; height:240px; overflow:hidden; }
.bannerAbout { background:url(../image/main_Bg_02.jpg) top center no-repeat; }
.bannerProduct { background:url(../image/main_Bg_03.jpg) top center no-repeat; }
.bannerService { background:url(../image/main_Bg_04.jpg) top center no-repeat; }
.bannerCase { background:url(../image/main_Bg_05.jpg) top center no-repeat; }
.bannerNew { background:url(../image/main_Bg_06.jpg) top center no-repeat; }
.bannerContact { background:url(../image/main_Bg_07.jpg) top center no-repeat; }


/* ====== 左侧导航列表 ====== */
.leftNav { float:left; width:100%; overflow:hidden; }
.leftNav a { float:left; width:100%; height:40px; background:url(../image/icon_Dot2.png) 0 17px no-repeat; font-size:14px; font-weight:normal; color:#666; line-height:40px; text-indent:15px; overflow:hidden; }
.leftNav a:hover { color:#1A4B8E; font-weight:bold; }
.leftNav .hover { color:#1A4B8E; font-weight:bold; }


/* ====== 右侧品牌切换图片 ====== */
.brandsImg { float:left; width:890px; height:300px; margin-top:25px; overflow:hidden; }
.brandsImg .banner_pic { position:relative; top:0; left:0; width:1780px; height:300px; overflow:hidden; margin:0 auto; z-index:1; }
.brandsImg .banner_pic ul { position:absolute; top:0; left:0; width:99999px; height:300px;}
.brandsImg .banner_pic ul li{ float:left; width:890px; list-style:none;}
.brandsImg .banner_pic ul li a img { width:890px; height:300px; border:0; }
.brandsImg .banner a.btn_prev,.banner a.btn_next{ display:block; width:33px; height:61px; overflow:hidden; margin-top:100px; text-indent:-9999px; outline:none; hide-focus:expression(this.hideFocus=true);}
.brandsImg .banner a.btn_prev{ position:relative; top:140px; left:-60px; background:url(../image/arrow_L.png) no-repeat; z-index:10; }
.brandsImg .banner a.btn_next{ position:relative; float:right; top:-20px; left:60px; background:url(../image/arrow_R.png) no-repeat; z-index:11; }
.brandsImg .banner a.btn_prev:hover{ background:url(../image/arrow_L.png) no-repeat; }
.brandsImg .banner a.btn_next:hover{ background:url(../image/arrow_R.png) no-repeat; }
.brandsImg .banner_info{ position: relative; top:-30px; left:0; width:270px; height:30px; overflow:hidden; }
.brandsImg .banner_info li{ display:none; list-style:none; }
.brandsImg .banner_info li .ext,.banner_info li .ext a{ color:#999; list-style:none; }
.brandsImg span.pipe{ padding:0 6px; }
.brandsImg .banner_pages{ position:relative; left:45%; top:-55px; width:100%; height:30px; text-align:center; overflow:hidden; z-index:20; }
.brandsImg .banner_pages ul{ float:left; width:100%; text-align:center; }
.brandsImg .banner_pages ul li{ display:inline-block; margin:0 8px; list-style:none; }
.brandsImg .banner_pages ul li span{ display:block; width:7px; height:7px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;  overflow:hidden; background:#CECECE; text-indent:-9999px; cursor:pointer; }
.brandsImg .banner_pages ul li.current span, .banner_pages li.current span:hover{ background:#1A4B8E; }


/* ====== 右侧品牌介绍 ====== */
.aboutIntro { float:left; width:100%;  font-size:13px; line-height:24px; color:#333; overflow:hidden; }
.aboutIntro p { float:left; width:100%; text-align:left; font-size:13px; font-weight:normal; color:#333; line-height:24px; margin-bottom:10px; }
.aboutIntro img { display:inline-block; width:100%; height:auto; margin-bottom:10px; }


/* ====== 右侧联系我们 ====== */
.contactIntro { float:left; width:100%; padding:20px 0; border-bottom:1px solid #F0F0F0; border-top:1px solid #F0F0F0; overflow:hidden; }
.contactIntro .logo { float:left; width:415px; height:80px; padding:7px 39px 0 0; border-right:1px solid #F0F0F0; overflow:hidden; }
.contactIntro .intro { float:right; width:360px; margin-right:35px; overflow:hidden; }
.contactIntro .intro p { float:left; width:100%; text-align:left; font-size:13px; font-weight:normal; color:#333; line-height:20px; margin-bottom:5px; }
.contactMap { float:left; width:890px; margin-top:15px; overflow:hidden; }
.contactMap img { width:890px; height:auto; }
.contactLine { float:left; width:100%; margin-top:10px; overflow:hidden; }
.contactLine h1 { float:left; width:100%; font-size:14px; font-weight:bold; color:#000; line-height:30px; overflow:hidden; }
.contactLine .intro { float:left; width:100%; font-size:13px; color:#333; line-height:24px; }
.contactLine .intro p { float:left; width:870px; text-align:left; font-size:13px; font-weight:normal; color:#333; line-height:24px; }


/* == 当前位置 == */
.location { float:left; width:calc(100%/1 - 20px); width:-moz-calc(100%/1 - 20px); width:-webkit-calc(100%/1 - 20px); height:40px; margin:0 10px 0 10px; border-bottom:1px solid #DEDEDE; overflow:hidden; }
.location h1 { float:left; width:auto; height:40px; margin:0 5px 0 5px; font-size:12px; font-weight:normal; color:#000; line-height:40px; }
.location p { float:left; width:auto; height:40px; font-size:12px; font-weight:normal; color:#000; line-height:40px; }
.location img { float:left; width:4px; height:7px; margin:16px 10px 0 10px; }
.location a { float:left; height:40px; font-size:12px; font-weight:normal; color:#0f2d51; line-height:40px; }
.location a:hover { text-decoration:underline; color:#1A4B8E; }


/* == 产品中心大分类 == */
.productSort { float:left; width:1176px; margin:40px 12px 50px 12px; overflow:hidden; }
.productSort .boxL { float:left; width:882px; overflow:hidden; }
.productSort .boxL a img { float:left; width:auto; height:288px; margin:3px; }
.productSort .boxL a:hover img { box-shadow:1px 0 3px #999; }
.productSort .boxR { float:left; width:294px; overflow:hidden; }
.productSort .boxR a img { float:left; width:288px; height:auto; margin:3px; }
.productSort .boxR a:hover img { box-shadow:1px 0 3px #999; }


/* == 产品中心 == */
.productLeft { float:left; width:900px; margin-top:20px; margin-left:1px; }
.productMain { float:left; width:100%; }
.productMain .pro { float:left; width:280px; height:300px; margin:0 9px 18px 9px; border:1px solid #ECECEC; overflow:hidden; }
.productMain .pro:hover { box-shadow:1px 0 3px #999; }
.productMain .pro .title { float:left; width:100%; height:50px; background:#376391; text-align:center; font-size:16px; font-weight:bold; color:#FFF; line-height:50px; overflow:hidden; } 
.productMain .pro .img { float:left; width:100%; height:200px; text-align:center; overflow:hidden; } 
.productMain .pro .img img { width:100%; height:auto; }
.productMain .pro .link { float:left; width:100%; height:50px; text-align:center; background:url(../image/pro_BottomBg.jpg) top repeat-x; overflow:hidden; } 
.productMain .pro .link p { display:inline-block; height:24px; margin:12px 0; padding:0 15px; font-size:12px; font-weight:normal; color:#ff8a00; line-height:24px; border:1px solid #ff8a00; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden; } 

.productAll { float:left; width:100%; margin-top:20px; margin-left:1px; }
.productMain .proSo { float:left; width:280px; height:250px; margin:0 9px 18px 9px; border:1px solid #ECECEC; overflow:hidden; }
.productMain .proSo:hover { box-shadow:1px 0 3px #999; }
.productMain .proSo .title { float:left; width:100%; height:50px; background:#376391; text-align:center; font-size:16px; font-weight:bold; color:#FFF; line-height:50px; overflow:hidden; } 
.productMain .proSo .img { float:left; width:100%; height:200px; text-align:center; overflow:hidden; } 
.productMain .proSo .img img { width:100%; height:auto; }


/* == 右侧列表 == */
.mainList { float:right; width:270px; margin:20px 10px 0 0; overflow:hidden; }
.mainList .list { float:left; width:230px; background:#F8F8F8; padding:19px; margin-bottom:20px; border:1px solid #DEDEDE; overflow:hidden; }
.mainList .list .big { float:left; width:100%; margin-top:5px; overflow:hidden; }
.mainList .list .big li { float:left; width:100%; background:url(../image/icon_Arrow.png) 5px 10px no-repeat; overflow:hidden; }
.mainList .list .big li a { float:left; width:100%; font-size:13px; font-weight:bold; color:#333; line-height:25px; text-indent:18px; }
.mainList .list .big li a:hover { color:#1A4B8E; text-decoration:underline; }
.mainList .list .small { float:left; width:230px; margin:0 15px; overflow:hidden; }
.mainList .list .small li { float:left; width:100%; background:url(../image/icon_Dot2.png) 5px 10px no-repeat; overflow:hidden; }
.mainList .list .small li a { float:left; width:100%; font-size:12px; font-weight:normal; color:#333; line-height:25px; text-indent:18px; }
.mainList .list .small li a:hover { color:#1A4B8E; text-decoration:underline; }
.mainList .list .listIn { float:left; width:100%; margin-top:5px; overflow:hidden; }
.mainList .list .listIn li { float:left; width:100%; background:url(../image/icon_Dot2.png) 5px 10px no-repeat; overflow:hidden; }
.mainList .list .listIn li a { float:left; width:100%; font-size:12px; font-weight:normal; color:#333; line-height:25px; text-indent:18px; }
.mainList .list .listIn li a:hover { color:#1A4B8E; text-decoration:underline; }
.mainList .list .listTel { float:left; width:100%; margin-top:15px; overflow:hidden; }
.mainList .list .listTel img { float:left; width:40px; height:40px; overflow:hidden; }
.mainList .list .listTel p { float:left; width:180px; height:15px; margin:0 0 0 10px; font-size:12px; font-weight:normal; color:#1A4B8E; line-height:20px; }
.mainList .list .listTel span { float:left; width:180px; height:20px; margin:5px 0 0 10px; font-size:20px; font-weight:bold; color:#1A4B8E; line-height:20px; font-family:Arial; }
.mainList .list .listContact { float:left; width:100%; margin-top:15px; overflow:hidden; }
.mainList .list .listContact p { float:left; width:100%; margin-bottom:5px; font-size:12px; font-weight:normal; color:#666666; line-height:20px; }


/* == 产品详细 == */
.productL { float:left; width:900px; margin:20px 0 0 10px; overflow:hidden; }

.proTitle { float:left; width:840px; background:#FFF; padding:19px; margin-bottom:20px; border:1px solid #DEDEDE; overflow:hidden; }
.proTitle .img { float:left; width:430px; height:307px; text-align:center; overflow:hidden; }
.proTitle .img img { width:auto; height:100%; }
.proTitle .intro { float:right; width:calc(100%/1 - 450px); width:-moz-calc(100%/1 - 450px); width:-webkit-calc(100%/1 - 450px); overflow:hidden; }
.proTitle .intro h1 { float:left; width:100%; margin:10px 0; font-size:18px; font-weight:bold; color:#1A4B8E; line-height:20px; }
.proTitle .intro .text { float:left; width:100%; padding:6px 0; border-bottom:1px dotted #CFCFCF; overflow:hidden; } 
.proTitle .intro .text span { float:left; width:120px; height:20px; font-size:12px; font-weight:normal; color:#999; line-height:20px; text-indent:3px; }
.proTitle .intro .text p { float:left; width:250px; font-size:12px; font-weight:normal; color:#999; line-height:20px; }
.proTitle .intro .texts { float:left; width:100%; padding:10px 0; overflow:hidden; } 
.proTitle .intro .texts span { float:left; width:120px; height:20px; font-size:12px; font-weight:normal; color:#1A4B8E; line-height:20px; text-indent:3px;  }
.proTitle .intro .texts p { float:left; width:250px; font-size:16px; font-weight:bold; color:#1A4B8E; line-height:20px; font-family:Arial; }

.proInfor { float:left; width:840px; background:#FFF; padding:19px; border:1px solid #DEDEDE; margin:0 0 50px 0; overflow:hidden; }
.proInfor .text { float:left; width:100%; margin-top:15px; text-align:center; overflow:hidden; }
.proInfor .text p { float:left; width:100%; text-align:left; font-size:12px; font-weight:normal; color:#666; line-height:25px; margin-bottom:10px; }
.proInfor .text img { display:inline-block; max-width:840px; height:auto; margin-bottom:10px; }


/* == 客户案例 == */
.case { float:left; width:100%; margin:30px 0 0 0; overflow:hidden; }
.case .box { float:left; width:calc(100%/1 - 72px); width:-moz-calc(100%/1 - 72px); width:-webkit-calc(100%/1 - 72px); height:490px; padding:20px; margin:0 15px 20px 15px; background:#FFF; border:1px solid #EBEBEB; overflow:hidden; }
.case .box .boxL { float:left; width:calc(100%/1 - 750px); width:-moz-calc(100%/1 - 750px); width:-webkit-calc(100%/1 - 750px); height:490px; overflow:hidden; }
.case .box .boxL .title { float:left; width:100%; height:30px; overflow:hidden; }
.case .box .boxL .title a { float:left; width:100%; font-size:15px; font-weight:bold; color:#1a4b8e; line-height:30px; overflow:hidden; }
.case .box .boxL .title a:hover { color:#000; }
.case .box .boxL .intro { float:left; width:100%; height:445px; margin:15px 0 0 0; font-size:13px; color:#222; line-height:24px; overflow:hidden; }
.case .box .boxL .intro p { float:; width:calc(100%/1 - 10px); width:-moz-calc(100%/1 - 10px); width:-webkit-calc(100%/1 - 10px); margin-bottom:10px; font-size:13px; font-weight:normal; color:#222; line-height:24px; }
.case .box .boxL .intro img { float:left; width:100%; height:auto; margin-bottom:10px;  }
.case .box .boxR { float:right; width:720px; height:490px; margin:0; overflow:hidden; }
.case .box .boxR img { width:720px; height:490px; border:0; }


/* ====== 新闻动态 ====== */
.newsBox { float:left; width:840px; margin-bottom:40px; overflow:hidden; }
.newsBox .img { float:left; width:200px; height:150px; text-align:center; margin-right:15px; overflow:hidden; }
.newsBox .img img { width:auto; height:100%; }
.newsBox h1 { float:left; width:calc(100%/1 - 215px); width:-moz-calc(100%/1 - 215px); width:-webkit-calc(100%/1 - 215px); height:30px; font-size:16px; font-weight:bold; color:#1A4B8E; line-height:30px; overflow:hidden; }
.newsBox .note { float:left; width:calc(100%/1 - 215px); width:-moz-calc(100%/1 - 215px); width:-webkit-calc(100%/1 - 215px); height:25px; border-bottom:1px dotted #CFCFCF; font-size:12px; font-weight:normal; color:#999; line-height:20px; overflow:hidden; }
.newsBox .note p { display:inline-block; font-size:12px; font-weight:normal; color:#999; line-height:20px;  }
.newsBox h2 { float:left; width:calc(100%/1 - 215px); width:-moz-calc(100%/1 - 215px); width:-webkit-calc(100%/1 - 215px); height:40px; margin-top:10px; font-size:13px; font-weight:normal; color:#666; line-height:20px; overflow:hidden; }
.newsBox .btn { float:left; padding:0 30px; height:28px; margin:15px 0 0 0; background:#FFF; border:1px solid #999; font-size:14px; font-weight:normal; color:#999; line-height:28px; }
.newsBox .btn:hover { background:#1A4B8E; border:1px solid #1A4B8E; color:#FFF; }


/* ====== 新闻详细 ====== */
.newsView { float:left; width:840px; overflow:hidden; }
.newsView .title { float:left; width:100%; overflow:hidden; }
.newsView .title h1 { float:left; width:100%; margin-top:5px; font-size:16px; font-weight:bold; color:#1A4B8E; line-height:25px; overflow:hidden; }
.newsView .title .note { float:left; width:100%; margin-top:10px; padding-bottom:15px; border-bottom:1px dotted #CFCFCF; font-size:12px; font-weight:normal; color:#999; line-height:20px; overflow:hidden; }
.newsView .title .note p { display:inline-block; margin-right:20px; font-size:12px; font-weight:normal; color:#999; line-height:20px;  }
.newsView .img { float:left; width:100%; text-align:center; margin-top:20px; overflow:hidden; }
.newsView .img img { display:inline-block; width:400px; height:auto; }
.newsView .intro { float:left; width:100%; margin-top:20px; font-size:13px; color:#333; line-height:24px; overflow:hidden; } 
.newsView .intro p { float:; width:100%; font-size:13px; font-weight:normal; color:#333; line-height:24px; margin-bottom:10px; }
.newsView .intro img { float:; width:100%; height:auto; margin-bottom:10px; }


/* ====== 内页轮播 ====== */
.rightCarousel { float:left; width:270px; height:200px; margin-top:15px; overflow:hidden; }
.rightCarousel img { float:left; width:270px; height:200px; border:0; }


/* ====== 右侧相关新闻 ====== */
.rightNews { float:left; width:100%; overflow:hidden; }
.rightNewsBox { float:left; width:100%; padding:10px 0; border-bottom:1px solid #EBEBEB; overflow:hidden; }
.rightNewsBox:hover { background:#F2F2F2; }
.rightNewsBox .img { float:left; width:60px; height:60px; text-align:center; overflow:hidden; }
.rightNewsBox .img img { width:auto; height:60px; } 
.rightNewsBox p { float:left; width:calc(100%/1 - 70px); width:-moz-calc(100%/1 - 70px); width:-webkit-calc(100%/1 - 70px); height:15px; margin-left:10px; font-size:12px; font-weight:normal; line-height:15px; color:#999; overflow:hidden; }
.rightNewsBox h1 { float:left; width:calc(100%/1 - 70px); width:-moz-calc(100%/1 - 70px); width:-webkit-calc(100%/1 - 70px); margin-left:10px; font-size:13px; font-weight:bold; line-height:20px; color:#222; overflow:hidden; }
.rightNewsBox span { float:left; width:calc(100%/1 - 70px); width:-moz-calc(100%/1 - 70px); width:-webkit-calc(100%/1 - 70px); height:40px; margin:5px 0 0 10px; font-size:12px; font-weight:normal; line-height:20px; color:#999; overflow:hidden; }


/* == 分类 == */
.sort { float:left; width:100%; height:90px; text-align:center; overflow:hidden; }
.sort a { display:inline-block; height:40px; padding:0 30px; margin:20px 10px; background:#194A8E; font-size:14px; color:#FFF; line-height:40px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden; }
.sort a:hover { background:#5083C9; }


/* == 联系我们 == */
.contact { float:left; width:1180px; margin:20px 10px 0 10px; overflow:hidden; }
.contact .title { float:left; width:100%; height:20px; text-align:center; border-bottom:1px solid #DEDEDE; font-size:24px; font-weight:normal; color:#194a8e; line-height:20px; overflow:hidden; }
.contact .contactLeft { float:left; width:819px; padding:30px 30px 30px 30px; border-right:1px solid #DEDEDE; overflow:hidden; }
.contact .contactLeft h1 { float:left; width:100%; margin-bottom:15px; font-size:15px; font-weight:bold; color:#333; line-height:20px; }
.contact .contactLeft p { float:left; width:100%; margin-bottom:5px; font-size:12px; font-weight:normal; color:#666; line-height:20px; }
.contact .contactLeft img { float:left; width:750px; height:auto; margin-top:20px; }
.contact .contactRight { float:right; width:240px; padding:30px 30px 30px 30px; text-align:center; overflow:hidden; }
.contact .contactRight .QRcode { display:inline-block; width:200px; margin-bottom:30px; text-align:center; }
.contact .contactRight .QRcode img { display:inline-block; width:120px; height:120px; }
.contact .contactRight .QRcode span { float:left; width:100%; margin-top:5px; font-size:12px; font-weight:normal; color:#666; line-height:20px; }


/* == 分页样式 == */
.introPage { float:left; width:100%; height:40px; margin:20px 0 0 0; text-align:center; font-size:13px; font-weight:normal; color:#666; line-height:40px; overflow:hidden; }
.introPage td { display:inline-block; font-size:14px; font-weight:normal; color:#999; line-height:40px; }
.introPage p { display:inline-block; margin:0 10px; font-size:14px; font-weight:normal; color:#999; line-height:40px; }
.introPage a { display:inline-block; padding:0 10px; font-size:14px; font-weight:normal; color:#999; line-height:40px; }
.introPage a:hover { background:#E7E7E7; color:#333; }
.introPage .wenbenkuang { display:inline-block; margin:0 3px; width:28px; height:28px; text-align:center; font-size:14px; font-weight:normal; color:#999; line-height:38px; border:none; background:#FFF; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;  }
.introPage .go-wenbenkuang { display:inline-block; width:38px; height:38px; text-align:center; font-size:14px; font-weight:normal; color:#999; line-height:38px; background:none; border:1px solid none; cursor:pointer; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;  }
.introPage .go-wenbenkuang:hover {  background:#E7E7E7; color:#333; }