﻿@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#444; font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:rgb(198,235,253,0.1);}
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.fK{color:#a91432;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#000; text-decoration:none;}
a:hover {color:#FF6600; text-decoration:none; }

.shutter{width:100%; height:500px; overflow:hidden; position:relative;}
.shutter-img{ position: absolute; z-index:0;}
.shutter-img a{position: absolute;}
.shutter-img .created {overflow: hidden; position: absolute; z-index: 2;}
.shutter-btn li {width:40px; height:60px; margin-top: 220px; position: absolute; z-index: 4; font-size: 36px; color: white; font-weight: bold; cursor: pointer;}
.shutter-btn li:hover{color: #888;}
.shutter-btn li.prev {left: 10px;}
.shutter-btn li.next {right: 0px;}

/* 本例子css */
.fullSlide{ width:100%;  position:relative;  height:555px; background:#000; min-width:1200px; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:555px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:555px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ float:right;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;
	filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.fullSlide .hd ul .on{ background:#407abb;  }
.fullSlide .prev,
.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }

/* 本例子css */
.fullSlides{ min-width:1000px; position:relative;  height:300px; overflow:hidden; min-width:1200px; }
.fullSlides .bd{ position:relative; z-index:0;  }
.fullSlides .bd ul{ width:100% !important;  }
.fullSlides .bd li{ width:100% !important;  height:300px; overflow:hidden; text-align:center;  }
.fullSlides .bd li a{ display:block; height:300px; }

.fullSlides .hd{ width:1000px; left:50%; margin-left:-500px; bottom:15px; position:absolute; z-index:1; bottom:15px; overflow:hidden;  }
.fullSlides .hd ul{ float:right;  }
.fullSlides .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; }
.fullSlides .hd ul li img{ width:80px; line-height:41px; display:block; border:2px solid #fff; filter:alpha(opacity=50);opacity:0.5;  }
.fullSlides .hd ul .on img{ border-color:#FF8106; filter:alpha(opacity=100);opacity:1;  }


/* banner */
#gonyon { margin: auto; width: 1120px; height: auto; }

.dht { width:100%; height:50px; float:left; background-color:#bbd6f1; /*background:url(../images/beijin_1.jpg) repeat-x;*/ min-width:1200px;} 
.dht_a { width: 1120px; margin:auto;}
.dht,.sub{background-color: rgb(0,79,189,0.4) !important; background-image: linear-gradient(rgb(0,79,189,0.8),rgb(0,79,189,0.2),rgb(0,79,189,0.8));}
.clearfix:after{content:".";display:block;height:0;clear:both; visibility:hidden;}
.nav{ padding:0 0; height:46px; line-height:48px;  position:relative; z-index:1;}
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h4{ float:left;}
.nav .nLi h4 a{ display:block; padding:0 39.7px; font-size:14px; color:rgb(255,255,255,0.9); font-weight:bold;}
.nav .sub{ display:none; width:250px; left:-5px; top:48px;  position:absolute; background:#ebebeb;  line-height:40px; padding:5px 0; }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; font-size:14px;color:rgb(255,255,255,0.9);}
.nav .sub a:hover{ background:rgb(0,79,189,0.8); color:#fff; }
.nav .on h4 a{ color:#fff;  background:url(../images/beij.png) no-repeat center; }
.gan { background:url(../images/gan.jpg) right no-repeat;}

.husas { height:300px;}

.taobu { width:100%; background:#366ab2; line-height:33px;  min-width:1200px; float:left; color:#FFF;}
.taobu h4 { width:500px; float:left;}
.taobu .tk { width:412px; float:right;}
.taobu h5 { width:78px; float:left; text-align:left;}
.taobu h5 a{ color:#FFF;}
.taobu h5 a:hover { color:#FFF; display:block; background:#6ca8dd;}
.taobu h6 { width:113px; float:left;}
.taobu h7 { width:143px; float:left;}
.taobu h7 a{ color:#FFF;}
.taobu h7 a:hover { color:#FFF; display:block; background:#6ca8dd;}

.logo { width:532px; float:left;}
.ssl { width:416px; float:right; margin-top:35px;}
.ssl .s1 { width:381px; height:49px; float:left; background:url(../images/sol_1.jpg) no-repeat;}
.ssl .s1 h4 { width:128px; float:left; text-align:center; font-size:15px; line-height:49px; color:#FFF;}
::-webkit-input-placeholder { /* WebKit browsers */ color: #e5e5e5; } 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #e5e5e5; } 
::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #e5e5e5; } 
:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #e5e5e5; } 
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}
.ssl .s1 h5 {}
.ssl .s2 { width:35px; float:left;}

.tuj { position:relative; }
.tuj .jkk{ margin-top:-170px; border-radius:4px; width:1118px; /*border:solid 1px #e4e4e4 ;*/ background-color:rgb(3,85,251,0.02); box-shadow:2px 2px 4px rgb(3,85,251,0.4);}
.tuj .jkk ul { margin:0px 6px; width:1106px; font-size:16px;}
.tuj .jkk li { width:348px; float:left; /*border:solid 1px #e6e6e6;*/ margin: 10px 9px; position:relative; border-radius:4px;}
.tuj .jkk li .pic{ overflow:hidden;}
.tuj .jkk li .pic img{ transition:all 0.3s; height:203px;}
.tuj .jkk li:hover .pic img{ transform:scale(1.2);}
.tuj .jkk li .jsk { line-height:35px; text-align:center; background-color:rgba(39, 95, 172, 0.5); position:absolute; left:0px; bottom:0px; width:100%; transition:all 0.3s;}
.tuj .jkk li:hover .jsk{ line-height:203px;}
.tuj .jkk li a{ color:#FFF;}
.tuj .jkk li a:hover {  display:block; color:#FFF;}

.beijin { width:100%; background-color:rgb(198,235,253,0.2); float:left; min-width:1200px;}
.xian { width:100%; border-top:solid 1px rgb(0,79,189,0.6); float:left; overflow:auto; margin-bottom:20px; margin-top:20px;}
.cptj { width:1220px; margin:auto;}
.cptj .tj { width:100%; float:left; text-align:center; margin:0 0 10px 0; font-size:30px; color:#275fac;}
.cptj .tjj { width:100%; float:left;}


.xwzx {width:100%; height:240px; clear:left; background-color:rgb(198,235,253,0.36);}
.zx{width: 1280px; margin:40px auto; padding-top:20px;}
/*.xwzx .zx{ width:100%; float:left; margin:20px 0 20px 0;}*/
.xwzx .zx .zw { width:100%; font-size:30px; color:#275fac; text-align:center;}
.xwzx .wc {width:100%;}
.xwzx .wc dl{ width:360px; float: right; margin:15px 0 0 10px;}
.xwzx .wc dd{ width:360px; float:left; margin-right:20px;}
.xwzx .wc dd .ku { width:10px; height:22px; float:left; background:#275fac;}
.xwzx .wc dd .mt { float:left; width:320px; margin-left:5px; font-size:16px; line-height:22px;}
.xwzx .wc dt{ width:300px; float:left; color:#868686; margin:10px 0 0 13px; line-height:18px;}
.xwzx .more { width:120px; line-height:30px; float:right; background:#275fac; text-align:center; margin-top:10px; margin-right:20px;}
.xwzx .more a{ color:#FFF;}
.xwzx .more a:hover { color:#FFF; display:block; background:#6ca8dd;}

.bottom { width:100%; float:left; background:#275fac; margin-top:10px; min-width:1200px;}
.bottom .dhlm { width:900px; margin:auto;}
.bottom .dhlm ul li { width:112px; text-align:center; line-height:25px; float:left; margin:10px 0;}
.bottom .dhlm ul li  a{ color:#FFF;}
.bottom .dhlm ul li a:hover { color:#FFF; display:block; background:#6ca8dd;}
.bottom .xi { width:100%; float:left; border-bottom:solid 1px #FFF; margin-bottom:10px;}
.bottom .fott { width:1120px; margin:auto; text-align:center; line-height:25px; color:#FFF; overflow:auto;}

.wql { width:250px; float:left; margin-top:15px; margin-bottom:20px;}
.wql .wka { width:250px; float:left; background:#275fac;}
.wql .wka .wkb { width:250px; float:left; margin: 10px 0 0 15px; font-size:24px; color:#FFF; line-height:50px;}
.wql .wka .wkd { width:250px; float:left; background:#f4f4f4; line-height:45px;}
.wql .wka .wkd ul li { width:250px; float:left;  border-bottom:solid 1px #dcdcdc; text-indent:25px; font-size:14px;}
.wql .wka .wkd ul li a{ }
.wql .wka .wkd ul li a:hover { color:#fff; display:block; width:100%; background:#6ca8dd;}
.wql .wka .wkd .ao a { background:#6ca8dd; float:left; color:#fff; width:100%;  margin-top:1px;}

.mpo_sa { width:850px; float: right; margin-top:16px;}
.mpo_ss { width:100%; float:left; margin-top:15px;}
.mpo { width:100%; float: right; background:#f4f4f4; font-size:14px;}
.mpo .pa { float:right; line-height:50px; margin-right:10px; }
.mpo .paa { float: left; line-height:50px; margin-right:10px; text-indent:25px; }

.about { width:98%; float:left; line-height:35px; margin:1%; font-size:14px;}
.about h7 { width:400px; float:left; margin-top:20px;}
.about h6 { width:650px; float: right;}

.ims { width:98%; float:left; margin-top:10px; background:#366ab2; height:80px; color:#FFF;}
.ims a{ color:#FFF;}
.ims a:hover { color:#FFF; display:block; background:#6ca8dd; height:65px;}
.ims h4{ font-size:18px; margin:1%;}
.ims h5{ line-height:20px; margin:1%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.imss { width:98%; float:left; height:70px; color:#FFF; margin:0 0 7px 0;}
.imss a{ }
.imss a:hover { display:block; background:#6ca8dd; color:#FFF; height:100%;}
.imss h4{ font-size:18px; margin:1%;}
.imss h5{ line-height:20px; margin:1%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.neisaxin { float: left; width:98%; margin-top: 10px; margin:1%; font-size:14px;}
.neisaxin_1 { float: left; width: 100%; border-bottom: solid thin #999999; text-align: center; margin-bottom: 10px; line-height:25px;}
.neisaxin_1 .on { font-size:16px; font-size:22px; color:#FF6600; font-family:"微软雅黑"; line-height:35px;}
.neisaxin_2 { line-height: 35px; float: left; width: 100%;}
.neisaxin_3 { float: left; width: 100%; margin-top:10px; line-height:25px;}
.neisaxin_3 h6 { width:400px; float:left;}
.neisaxin_3 h5 { width:400px; float:right;}

.icon_sprite_detail { display: inline-block; *display: inline; *zoom: 1;background: url("../images/down.jpg") -1000px -1000px no-repeat}
.specification_inner { width: 100%; height:54px; margin:10px 0 20px 0; float:left;}
.content { float: left; width: 890px; border: solid #e6e6e6; border-width: 1px 0 1px 0; background-color: #f2f2f2}
.specification_btn { float: left; display: block; width: 137px; height: 54px; border: 1px solid #e6e6e6; line-height: 54px; text-align: center;cursor: pointer}
.specification_btn .icon_download_btn { width: 30px; height: 20px; background-position: -60px 0px; position: relative; top: 6px}
.specification_btn:hover {color: #0695d6}
.specification_btn:hover .icon_download_btn {background-position: -60px -20px}
.icon_download_img {float: left; width: 60px; height: 54px; background-position: 0 0}
.titlee { float: left; width: 330px; margin-left: 40px; margin-top: 12px}
.titlee .word { width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.size { float: left; width: 260px; height: 54px; line-height: 54px}
.time { float: left; width: 260px; height: 54px; line-height: 54px}

/* 本例子css */
.slideGroup{ width:1220px; text-align:left; margin-bottom:20px;}
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 68px; position:relative;   }
.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:0px; top:90px; display:block; width:55px; height:70px; background:url(../images/icoLeft.jpg) center center no-repeat #f4f4f4; }
.slideGroup .sNext{ left:auto; right:0px; background:url(../images/icoRight.jpg) center center no-repeat #f4f4f4;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }
.slideGroup .parBd ul{ overflow:hidden; zoom:1;}
.slideGroup .parBd ul li{float:left; _display:inline; overflow:hidden; text-align:center;}
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{display:block;}
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;}
.slideGroup .parBd ul li .title{}

.product { width:830px; float:left; margin:20px 0 0 10px;}
.product .pk { width:100%; margin-bottom:15px; float:left;}
.product .pk .ps{ width:210px; float:left;}
.product .pk .ps img{ /*!width:210px;*/ /*!height:120px*/; max-width: 100%;max-height: 100%;}
.product .pk .pt{ width:600px; float:right; border: solid 1px #e3e3e3; margin-left:10px; background:#f4f4f4; height:120px;}
.product .pk .pt dl{ width:580px; float:left; margin:10px 0 0 10px;}
.product .pk .pt dd{ width:100%; font-size:16px; font-weight:bold;}
.product .pk .pt dt{ line-height:30px; width:100%; border-bottom: solid 1px #e4e4e4; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.product .pk .pt .psa { line-height:25px; margin-top:5px; color:#275fac;}

.naiyon { width:850px; float:left; margin:10px 0 0 0;}
.naiyon .naw { width:850px; float:left; background:#f4f4f4;}
.naiyon .naw .nan { width:530px; float:left; background:#FFF; margin:5px 0 0 5px; }
.naiyon .naw .nan dl{ float:left; margin:10px 0 0 10px;}
.naiyon .naw .nan dd{ width:100%; font-size:16px; font-weight:bold;}
.naiyon .naw .nan dt{ line-height:30px; width:100%; border-bottom: solid 1px #e4e4e4; font-size:14px;}
.naiyon .naw .nan .psa { line-height:30px; margin-top:5px; color:#275fac; font-size:14px;}
.naiyon .naw .nat { width:300px; float: right; margin:5px 5px 5px 0;}
.naiyon .naw .nat img{ /*! width:300px; */ /*! height:180px; */max-width: 100%;max-height: 100%;}

.nrl { width:840px; background:#abadab; margin:15px 0 0 5px;float:left; height:30px;}
.nrel {position:relative; width:130px; float:left; margin-left:30px; background:#fff; line-height:40px; top:-10px; text-align:center; border:solid 1px #e4e4e4;}
.nerls { width:830px; margin:10px 0 30px 10px; overflow:auto; float:left; line-height:25px; font-size:14px;}

.tu { width:410px; float:left; background:#fff; margin:0 2px 10px 3px;}
.tu .nanm { width:250px; float:left; background:#FFF; margin:5px 0 5px 5px;}
.tu .nanm dl{ float:left; margin:0 0 0 10px;}
.tu .nanm dd{ width:100%; font-size:14px; font-weight:bold;}
.tu .nanm dt{ line-height:20px; width:100%; border-bottom: solid 1px #e4e4e4; font-size:12px;}
.tu .nanm .psa { line-height:20px; margin-top:5px; color:#275fac; font-size:12px;}
.tu .natm { width:147px; float: right; margin:15px 5px 5px 0;}
.tu .natm img{ /*!width:147px;*/ /*! height:110px; */max-width: 100%;max-height: 100%;}

.zaixian { width:830px; float:left; padding:1%;}
.zaixian .za { width:100%; border-bottom: solid 1px #a1a1a1; line-height:40px; font-size:25px; float:left; margin-top:5px;}
.zaixian .zaa { width:100%; line-height:25px; margin-top:10px; float:left;}
.zaixian .zsk { width:100%; float:left; margin-top:20px;}
.zaixian .zsk strong { font-size:18px;}
.zaixian .zskk { width:100%; margin-top:20px; float:left;}
.zaixian .zskk .ska dl{ width:400px; float:left; margin:5px 0; font-weight:bold;}
.zaixian .zskk .ska dd{ width:100%; line-height:25px;}
.form-control { line-height:25px; }
.zaixian .zskk .ska dt{ width:400px;}

.miaoshu { width:830px; float:left; margin:5px 0; font-weight:bold;}
.miaoshu_1 { width:100%; float:left;}
.miaoshu_1 .form-control { line-height:25px; width:810px; }

.tijiao { width:810px; float:left; margin:20px 0; text-align:center; border-radius: 5px; background:#366ab2; line-height:35px;}
.tijiao a{ color:#FFF;}
.tijiao a:hover {color:#FFF; display:block; background:#6ca8dd; border-radius: 5px;}

.tujk { position:relative; }
.tujk .jkk{ border-radius:4px; width:850px; }
.tujk .jkk ul { margin:0px 0px; width:850px; font-size:16px;}
.tujk .jkk li { width:275px; float:left; border:solid 1px #e6e6e6; margin: 0 0; position:relative;}
.tujk .jkk li .pic{ overflow:hidden;}
.tujk .jkk li .pic img{ transition:all 0.3s; height:160px;}
.tujk .jkk li:hover .pic img{ transform:scale(1.2);}
.tujk .jkk li .jsk { line-height:35px; text-align:center; background-color:rgba(39, 95, 172, 0.5); position:absolute; left:0px; bottom:0px; width:100%; transition:all 0.3s;}
.tujk .jkk li:hover .jsk{ line-height:160px;}
.tujk .jkk li a{ color:#FFF;}
.tujk .jkk li a:hover {  display:block; color:#FFF;}

.yuan { width:850px; float:left;}
.yuan ul { margin-top:0;}
.yuan li { width:275px; float:left; text-align:center; background:#e7e7e7; border: solid 1px #ececec; line-height:30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-bottom:10px; font-size:14px;}
.yuan li a { color:#000;}
.yuan li a:hover { color:#FFF; display:block; background:#6ca8dd; }
#slid_box img{width: 100%; height: auto; max-width: 250px;}
#slid_box li{width: 260px; height:280px; margin:20px; float:left; border:1px solid rgb(0,79,189,0.4);}
#slid_box li:hover {border-radius:2px; box-shadow: 1px 1px 2px 2px rgb(0,79,189,0.4);}
#slid_box .pic{width: 256px; height: 246px; overflow: hidden; padding-left:6px;}
#slid_box .title{height:30px; line-height:30px; text-align:center;}
#slid_box a{font-size: 16px; color:blue;}
.toshop{background-color: #245ba7; color: white; padding: 2px 12px; border-radius: 4px; float: right; font-size:12px;}
.toshop:hover{padding: 1px 11px;}
.gonyonbg{width: 100%; height: 140px; background-color: #f1f6fa;}