/*banner*/
.banner{position:relative;overflow:hidden; height:auto;}
.banner .slider{position:relative;height:500px;overflow:hidden;}
.banner .slider > div{position:relative;height:500px;}
.banner .slider .banner_bg{height:100%;background-repeat:no-repeat; background-position: center 0; display:block;}
.banner .bx-wrapper .bx-pager { bottom: 20px; z-index: 999; }
.banner .bx-wrapper { margin-bottom: 0 }
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #0856a9; }
.bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0;  *zoom:1;
}
.bx-wrapper img { max-width: 100%; display: block; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; }
.bx-wrapper .bx-loading { min-height: 50px; background: url(images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block;  *zoom:1;
 *display:inline;
}
.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; text-indent: -9999px; display: block; width: 58px; height: 8px; margin: 0 20px; outline: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
.bx-wrapper .bx-prev { left: 0; background: url('../images/controls.png') no-repeat 0 0; }
.bx-wrapper .bx-next { right: 0; background: url('../images/controls.png') no-repeat -43px 0 }
.bx-wrapper .bx-prev:hover { background-position: 0 0; }
.bx-wrapper .bx-next:hover { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -20px; outline: 0; width: 41px; height: 41px; text-indent: -9999px; z-index: 9999 }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
.bx-wrapper .bx-controls-auto { text-align: center }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(images/controls.png) -86px -11px no-repeat; margin: 0 3px }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(images/controls.png) -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; }
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80,80,80,0.75); width: 100%; }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
[data-animate], .alm_fiu, .alm_fir, .alm_fir1, .alm_fir2, .alm_fir3, .alm_fil, .alm_fil1, .alm_fil2, .alm_fil3, .alm_fid, .alm_fid1, .alm_fid2, .alm_fid3 {
opacity:0
}



/*search */
.search{ position: relative; overflow: hidden; width: 100%; height: auto; background:#f7f7f7;}
.search .container-2 {position: relative; width:1200px; margin: 0 auto; height:85px; border-bottom:1px solid #d7d7d7;}
.search ul{ float:left; margin-top:33px; height:16px; line-height:16px; }
.search ul li{ float:left;  padding-right:23px;}
.search ul li .red{ color:#db3935; }
.search form{ float:right;  margin-top:24px;}
.search form  #input{ width:137px; height:32px; ; list-style-type:none; border:none; border:1px solid #e2e2e2; margin-right:-4px;}
.search form #buton{ width:40px; height:34px; background: url(../images/search.png) no-repeat center; list-style-type:none; border:none;}


/*application*/
.application{ position: relative; overflow: hidden; width: 100%; height:auto; background:#f7f7f7;}
.application .container { position: relative; width:1200px; margin: 0 auto; }
.application .title{position:relative; width:459px; height:137px; background: url(../images/titel.jpg) no-repeat center; margin:30px auto 0; text-align:center;}
.application .title h2{ font-size:40px; color:#217dde; font-weight:bold; position:relative; top:20px;}
.application .title p{  position:relative; top:35px;}
.application .container ul { margin-top:30px;}
.application .container ul li{ float:left; text-align:center;  padding-right:0px; margin-right:24px; margin-bottom:57px;}
.application .container ul li:nth-child(3n){margin-right:0px;}
.application .container ul li img{width:380px; height:240px; box-shadow: 1px 1px 3px #999;  }
.application .container ul li p{margin-top:20px; font-size:16px; font-weight:bold;}

/*product */
.product{position: relative; overflow: hidden; width: 100%; background:#fff; }
.product .container { position: relative; width:1200px; margin: 40px auto 0; }
.product .leftall {position:relative; width:230px; float:left; }
.product .left { width:230px; border:1px solid #d7d7d7;}
.product .left .title{ position:relative; width:230px; height:60px; background: url(../images/titel2.jpg) no-repeat center; text-align:center;}
.product .left .title h2{ font-size:24px; color:#fff; font-weight:bold; position:relative; top:18px; left:20px;}
.product .left dd > div {position:relative; width:100%; height:39px; background:#f2f2f2;border-top:1px solid #d7d7d7;}
.product .leftmenu dd > div span{ display:block; float:right; margin-right:15px; margin-top:-12px;  width:20px; height:20px; background: url(../images/icon1.png) no-repeat center; }
.product .leftmenu dd > div p{ font-size:16px; color:#000; position:relative; top:10px; left:10px;}
.product .leftmenu .title3 .p1{color:#217dde;}
.product .leftmenu .title3 .span1{background: url(../images/icon2.png) no-repeat center;}

.product .leftmenu .menuson { margin-left:25px;}
.product .leftmenu .menuson li{position:relative; display:block; width:188px; height:40px; overflow:hidden; border-bottom: 1px dotted #d7d7d7; line-height:40px;}
.product .leftmenu .menuson li span{ opacity:0; margin-left:-20px; margin-right:10px; letter-spacing:-2px;  color:#217dde;}
.product .leftmenu .menuson li:hover span{ opacity:1;}
.product .leftmenu .menuson li:hover a{ color:#217dde;}
.product .leftmenu dd .menuson{display:none;}

.product .leftmenu .menuson li .ys{color:#217DDE;}

.product .leftmenu dd:first-child .menuson{display:block;}

.product .left-2 { width:230px; border:1px solid #d7d7d7; margin-top:20px; overflow:hidden; height:450px;}
.product .left-2 .title{ position:relative; width:230px; height:60px; background:#217dde; }
.product .left-2 .title h2{ font-size:24px; color:#fff; font-weight:bold; position:relative; top:15px; left:20px;}
.product .left-2 .title .p1{ font-size:14px; color:#a4c9f0;  float:right; margin-right:20px; margin-top:-8px;}
.product .left-2 .title .p2{ clear:both; margin-top:50px; font-size:18px; margin-left:20px; color:#3a3a3a;}
.product .left-2 .title .p3{margin-top:6px; font-size:22px; margin-left:20px; color:#db3935; font-weight:bold;}
.product .left-2 .title .p4{margin-top:6px; font-size:13px; margin-left:20px; }
.product .left-2 .title span{ display:block; margin-top:10px;margin-left:20px;  width:192px; height:47px; line-height:47px; background: url(../images/kefu.png) no-repeat center; text-align:center;}
.product .left-2 .title span p{margin-left:34px;margin-top:2px; font-size:18px; color:#fff;}
.product .left-2 .title span a{ color:#fff;}
.product .left-2 .title .wechat{ position:relative; width:189px; height:189px; margin-left:20px; margin-top:20px;}
.product .left-2 .title .wechat img{ width:100%;}


.product .right { position:relative; width:950px; float:right;}
.product .tabs {width:950px; height:auto;}
.product .tabs > ul { position:relative; display: inline-block; width:100%; height:62px;line-height:50px; background: url(../images/tabbj.jpg) repeat-x 0px 0px;}
.product .tabs > ul li{height:62px; cursor:pointer;float:left; font-size:18px; color:#fff; padding-left:20px; padding-right:20px; }
.product .tabs > ul li.on{ font-weight:bold; background: url(../images/on.png) no-repeat center;}
.product .tabs > dd{width:100%;}
.product .tabs > dd.hide{display: none;}
.product .tabs > ul span a{ float:right; color:#fff; margin-right:20px; font-size:16px;}
.product .tabs .cp{ margin-top:40px;}
.product .tabs .cp li{position:relative; float:left; width:460; height:240px;  margin-right:18px; margin-bottom:40px;}
.product .tabs .cp li:nth-child(2n){margin-right:0px;}
.product .tabs .cp .div1{ float:left; width:240px; height:240px; border:1px solid #e2e2e2;}
.product .tabs .cp .div1 img{ width:100%; }
.product .tabs .cp .div2{ float:left; width:200px; height:204px; margin-left:20px;}
.product .tabs .cp .div2 h2{ font-size:18px; font-weight:bold; color:#3a3a3a; margin-top:4px;}
.product .tabs .cp .div2 h3{ display:block; width:64px; height:22px; line-height:22px; border-radius:2px; background:#5a5a5a; font-size:13px;  color:#fff; margin-top:25px; margin-bottom:2px; text-align:center;}
.product .tabs .cp .div2 span{ display:inline-block; height:30px; margin-top:6px;}
.product .tabs .cp .div2 span a{font-size:14px; color:#217dde;}


/*liucheng*/

.liucheng{position: relative; overflow: hidden; width: 100%; height:458px;  background: url(../images/beij2.jpg) no-repeat center; margin-top:30px;}
.liucheng .container {position: relative; width:1200px;height:458px; margin: 0 auto; overflow:hidden;}
.liucheng .container .title5 {position: relative; height:70px; width:430px; background:; text-align:left;  color:#fff; margin:40px auto 0;}
.liucheng .container .title5 h2 {position: relative; color:#ffde00; font-size:58px; top:-6px; }
.liucheng .container .title5 p {position: relative; color:#fff; font-size:23px; top:-75px; left:240px; font-weight:bold;}
.liucheng .icon{ height:116px; display:inline-block; margin-top:50px; }
.liucheng .icon li{ float:left; width:116px; height:116px; border-radius:100%; display:block; background:#fff; text-align:center; margin-right:36px;}
.liucheng .icon li:nth-child(8n){margin-right:0px;}
.liucheng .icon li p{ font-size:18px; font-weight:bold; color:#217dde; margin-top:42px; width:116px;}
.liucheng .icon li .p2{ margin-top:36px;}
.liucheng .icon li .p1{ margin-top:34px; font-size:18px; }
.liucheng .tel{position: relative; height:100px; width:465px; background:; text-align:left;  color:#fff; margin:36px auto 0;}
.liucheng .tel h2 { font-size:40px; }
.liucheng .tel h3 { font-size:20px; color:#ffde00; margin-left:20px; margin-top:8px; }
.liucheng .tel span {height:34px; width:91px; display:block;position: relative; top:-82px; left:360px; margin-bottom:10px; }


/*supslit*/
.supslit{position: relative; overflow: hidden; width: 100%; background:#f2f2f2; }
.supslit .container { position: relative; width:1200px; margin: 0px auto; }
.supslit .title{position:relative; width:630px;  height:110px; background: url(../images/titel6.jpg) no-repeat center; margin:50px auto 0; text-align:center;}
.supslit .title h2{ font-size:30px; color:#0856a9; font-weight:normal; position:relative; top:20px;}
.supslit .title p{  position:relative; top:33px; font-size:18px;}

/* 左滚动 */
.supslit .leftLoop1{position: relative; width:100%; margin:0 auto; background:;}
.supslit .leftLoop1 .hd{ position:relative; width:1200px; margin:0 auto; z-index:999;}
.supslit .leftLoop1 .hd .prev{ position:absolute; left:-70px; top:50px; display:block;  width:41px; height:41px; cursor:pointer; background:url("../images/cprevPro.png") no-repeat left top;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.supslit .leftLoop1 .hd .prev:hover{ background:url("../images/cprevPro.png") no-repeat left bottom;  }
.supslit .leftLoop1 .hd .next{position:absolute; right:-60px; top:50px;  display:block;  width:41px; height:41px; cursor:pointer; background:url("../images/cnextPro.png") no-repeat left top;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.supslit .leftLoop1 .hd .next:hover{ background:url("../images/cnextPro.png") no-repeat left bottom;  }

.supslit .leftLoop1 .bd{position:relative; width:1200px; margin:0 auto; text-align:center; }
.supslit .leftLoop1 .bd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none; width:1200px; margin:0 auto;}
.supslit .leftLoop1 .bd ul li{float:left; _display:inline; overflow:hidden; width:240px; text-align:center; }
.supslit .leftLoop1 .bd ul li .pic img{ width:229px;}
.supslit .leftLoop1 .bd ul li .pic{ width:229px; text-align:center; height:109px; display:inline-block; border:1px solid #d7d7d7; overflow:hidden;}

.supslit .leftLoop1 .bd ul li p{ margin:10px 0;height:30px; line-height:30px; font-size:12px;}
.supslit .leftLoop1 .bd ul li a{display:block; position:relative;}



/*reason*/
.reason{ position: relative; overflow: hidden; width: 100%; height:1058px;background: url(../images/beij6.jpg) no-repeat center;}
.reason .container { position: relative; width:1200px; margin: 0 auto; }
.reason .title{position:relative; width:601px; height:137px; background: url(../images/titel7.jpg) no-repeat center; margin:40px auto 0; text-align:center;}
.reason .title h2{ font-size:40px; color:#217dde; font-weight:bold; position:relative; top:14px;}
.reason .title ul{position:relative; top:23px; font-size:18px; height:20px; line-height:20px; left:68px;}
.reason .title ul li{ float:left; margin-right:54px;}
.reason .text {position:relative; width:860px;margin: 120px auto 0; }
.reason .text .left{float:left; width:416px; height:340px; overflow: hidden;}

.reason .text h2{position:relative; font-size:30px; color:#217dde; font-weight:bold; margin-bottom:20px;}
.reason .text h2 span{position:relative;top:-4px;color:#f00;}
.reason .text h2 font{position:relative;color:#0ff;}
.reason .text p{ margin-bottom:20px;}
.reason .text p span{position:relative;top:-2px;color:#f00;}
.reason .text p i{position:relative;color:#f00; top:-2px;}


.reason .text b{font-size:38px; color:#db3935; position:relative; top:-8px;}
.reason .text .right{float:right;  width:416px; height:340px; overflow: hidden; margin-top:400px; margin-right:-120px; }












/*reason2*/
.reason2{ position: relative; overflow: hidden; width: 100%; height:428px;background: url(../images/beij7.jpg) no-repeat center;}
.reason2 .container { position: relative; width:1200px; margin: 0 auto; }
.reason2 .left{float:left; width:420px; height:330px; overflow: hidden; margin-top:100px;}

.reason2 .left h2{position:relative; font-size:30px; color:#217dde; font-weight:bold; margin-bottom:20px;}
.reason2 .left h2 span{position:relative;top:-4px;color:#f00;}
.reason2 .left h2 font{position:relative;color:#0ff;}
.reason2 .left p{ margin-bottom:20px;}
.reason2 .left p span{position:relative;top:-2px;color:#f00;}
.reason2 .left p i{position:relative;color:#f00;top:-2px;}




.reason2 .left b{font-size:38px; color:#db3935; position:relative; top:-8px;}








/*reason3*/
.reason3{ position: relative; overflow: hidden; width: 100%; height:795px;background: url(../images/beij8.jpg) no-repeat center;}
.reason3.container { position: relative; width:1200px; margin: 0 auto; }
.reason3 .title{position:relative; width:601px; height:137px; background: url(../images/titel7.jpg) no-repeat center; margin:40px auto 0; text-align:center;}
.reason3 .title h2{ font-size:40px; color:#217dde; font-weight:bold; position:relative; top:14px;}
.reason3 .title ul{position:relative; top:23px; font-size:18px; height:20px; line-height:20px; left:68px;}
.reason3 .title ul li{ float:left; margin-right:54px;}
.reason3 .text {position:relative; width:860px;margin: 120px auto 0; }
.reason3 .text .left{float:left; width:416px; height:340px; overflow: hidden;margin-top:400px; margin-left:-50px;}


.reason3 .text h2{position:relative; font-size:30px; color:#217dde; font-weight:bold; margin-bottom:20px;}
.reason3 .text h2 span{position:relative;top:-4px;color:#f00;}
.reason3 .text h2 font{position:relative; top:-4px;color:#00f;}
.reason3 .text p{ margin-bottom:20px;}
.reason3 .text p span{position:relative;top:-2px;color:#f00;}
.reason3 .text p i{position:relative;color:#f00; top:-2px;}




.reason3 .text b{font-size:38px; color:#db3935; position:relative; top:-8px;}
.reason3 .text .right{float:right;  width:416px; height:340px; overflow: hidden; margin-top:-20px; margin-right:-100px; }








/*evaluate*/
.evaluate{ position: relative; overflow: hidden; width: 100%; height:422px;background:#f2f2f2;}
.evaluate .container { position: relative; width:1200px; margin: 0 auto; }
.evaluate .title{position:relative; width:100%; height:50px; line-height:50px; border-bottom:1px solid #d7d7d7; margin-top:30px;}
.evaluate .title h2{ font-size:24px; color:#0856a9; font-weight: normal; text-indent:40px;  background: url(../images/icon3.png) no-repeat 0px 12px; }
.evaluate .title p { float:right; margin-top:-50px;}

.evaluate  ul{position:relative; top:23px; font-size:18px;  left:0px;}
.evaluate  ul li{ float:left; margin-right:22px; width:280px; height:auto; text-align:left;}
.evaluate  ul li:nth-child(4n){ margin-right:0px;}
.evaluate  ul li img{ width:100%;}
.evaluate  ul li p{font-size:13px; width:280px; margin-top:6px;}
.evaluate  ul li a{ display:block;width:280px; height:200px; position:relative; }
.evaluate  ul li a .active{width:280px; height:200px; position:relative; margin-top:-200px; z-index:8; display:none;}
.evaluate  ul li:hover a .active{display:block;}


/*central*/
.central{ position: relative; overflow: hidden; width: 100%; height:200px;background: url(../images/beij9.jpg) no-repeat center;}
.central .container { position: relative; width:1200px; margin: 0 auto; }
.central .title{position:relative; width:245px;; height:200px; background:#135099; float:right; text-align:center;color:#fff;}
.central .title h2{ font-size:26px; color:#fff; font-weight:bold; margin-top:50px; margin-bottom:15px; }
.central .title p{  margin-bottom:15px; }


/*abus*/
.abus{ position: relative; overflow: hidden; width: 100%; }
.abus .container { position: relative; width:1200px; margin: 0 auto; overflow: hidden;border-bottom:1px solid #e2e2e2;}
.abus .title{position:relative; width:601px; height:137px; background: url(../images/titel8.jpg) no-repeat center; margin:40px auto 0; text-align:center;}
.abus .title h2{ font-size:40px; color:#217dde; font-weight:bold; position:relative; top:14px;}
.abus .title ul{position:relative; top:23px; font-size:18px; height:20px; line-height:20px; left:180px;}
.abus .title ul li{ float:left; margin-right:40px;}


.abus .left{float:left; width:822px;  overflow: hidden; border:0px solid #d7d7d7;}
.abus .right{float:right; width:330px;  overflow: hidden; border:0px solid #d7d7d7;}
.abus .title3{position:relative; width:99%; height:40px; line-height:40px; border:1px solid #d7d7d7; margin-top:30px;}
.abus .title3 h2{ font-size:18px;  font-weight: normal; text-indent:20px;   }
.abus .title3 p { float:right; margin-top:-40px; margin-right:20px; }
.abus .title3 p a{  color:#db3935;}
.abus .left .jianjie{position:relative; width:807px; overflow: hidden;margin-top:10px;}
.abus .left .jianjie span{ float:left; display:block; margin-top:20px; }
.abus .left .jianjie .span1{ width:350px;}
.abus .left .jianjie .span2{ width:425px; margin-left:30px;}
.abus .left .jianjie .span2 h2{font-size:18px; margin-bottom:20px; margin-top:10px;}
.abus .left .jianjie .span2 a{ color:#333;height:180px;
    overflow: hidden;
    display: block;}

.abus .left .jianjie .span2 p{font-size:13px;}

.abus .left ul{position:relative; top:22px;  left:0px;}
.abus .left ul li{ float:left; margin-right:12px; width:194px; height:auto; }
.abus .left ul li:nth-child(4n){ margin-right:0px;}
.abus .left ul li img{ width:100%;}
.abus .right{float:right; width:330px;  overflow: hidden; border:0px solid #d7d7d7;}
.abus .supslit2{ width:99%;; height:386px;border:1px solid #d7d7d7; border-top:none;}

/* 左滚动2 */
.supslit2 .leftLoop2{position: relative; width:330px; margin:0 auto; }
.supslit2 .leftLoop2 .hd{ position:relative;width:330px; margin:0 auto; z-index:999;}
.supslit2 .leftLoop2 .hd .prev{ position:absolute; left:0px; top:150px; display:block;  width:41px; height:41px; cursor:pointer; background:url("../images/cprevPro2.png") no-repeat left top;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.supslit2 .leftLoop2 .hd .prev:hover{ background:url("../images/cprevPro2.png") no-repeat left bottom;  }
.supslit2 .leftLoop2 .hd .next{position:absolute; right:0px; top:150px;  display:block;  width:41px; height:41px; cursor:pointer; background:url("../images/cnextPro2.png") no-repeat left top;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.supslit2 .leftLoop2 .hd .next:hover{ background:url("../images/cnextPro2.png") no-repeat left bottom;  }

.supslit2 .leftLoop2 .bd{position:relative; width:330px; margin:0 auto; text-align:center; }
.supslit2 .leftLoop2 .bd ul{ overflow:hidden; zoom:1; list-style:none; width:330px; margin:0 auto;}
.supslit2 .leftLoop2 .bd ul li{float:left; _display:inline; overflow:hidden; width:230px; text-align:center; }
.supslit2 .leftLoop2 .bd ul li .pic img{ width:220px;}
.supslit2 .leftLoop2 .bd ul li .pic{ width:220px; text-align:center; height:314px; display: inline-block; border:0px solid #d7d7d7; overflow:hidden;}

.supslit2 .leftLoop2 .bd ul li p{ margin:10px auto;font-size:12px;}
.supslit2 .leftLoop2 .bd ul li a{display:block; position:relative;}


/*question*/
.question{ position: relative; overflow: hidden; width: 100%; margin-top:30px;}
.question .container { position: relative; width:1200px; margin: 0 auto; overflow: hidden;}
.question .text .left{position: relative; float:left; width:500px; height:710px; }
.question .text .left .pct{width:480px; border:1px solid #d7d7d7; padding:10px;}
.question .text .left .pct img{width:100%; }

.question .text .left .fiq{width:500px; border:1px solid #d7d7d7; margin-top:27px;height: 350px;}

.question .title3{position:relative; width:100%; height:40px; line-height:40px;  margin-top:0px; border-bottom:1px solid #d7d7d7;}
.question .title3 h2{ font-size:18px;  font-weight: normal; text-indent:20px;   }
.question .title3 p a{color:#db3935;float:right; margin-top:-40px; margin-right:20px;}
.question .fiq #moocBox{ height: 260px;width: 452px; overflow: hidden; margin:10px auto 0;}

.question .fiq #moocBox h4{ font-size:16px; color:#3a3a3a; text-indent:30px;  background: url(../images/icon4.png) no-repeat 0px 0px; margin-top:20px;}
.question .fiq #moocBox p{ font-size:13px; color:#3a3a3a; text-indent:30px;  background: url(../images/icon5.png) no-repeat 0px 0px; margin-top:10px;}
#moocBox ul li {height: 130px; overflow: hidden;}


.question .right { position:relative; width:670px; float:right;}
.question .tab {width:668px; height:340px; border:1px solid #d7d7d7;}
.question .tab_menu ul { position:relative;  width:100%; height:40px; line-height:40px;  border-bottom:1px solid #d7d7d7;background:#f2f2f2;}
.question .tab_menu ul li{height:40px; cursor:pointer;float:left; font-size:18px;  padding-left:16px; padding-right:16px; margin-top:1px; margin-left:-1px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.question .tab_menu ul li.selected{color:#0856a9; background:#fff;}
.question .tab_box div{width:100%;}
.question .tab_box div.hide{display: none;}
.question .tab_menu ul span a{color:#db3935;float:right; margin-right:20px;}
.question .cp{ margin-top:10px;margin-left:20px; display:none; }
.question .cp li{position:relative; display:block;width:618px; height:42px; line-height:42px; border-bottom: 1px dotted #d7d7d7; font-size:13px;}
.question .cp li:hover a{ color:#0856a9;}

.question .right .fiq{ position:relative;width:668px; border:1px solid #d7d7d7; margin-top:27px;height: 350px;}
.question .right .fiq .form1 {  position:relative; width:616px; margin:0 auto; overflow:hidden;}
.question .right .fiq .form1 ul  { margin-top:30px;}
.question .right .fiq .form1 ul li { float:left; margin-bottom:20px; margin-left:20px;}
.question .right .fiq .form1 ul li span { margin-right:8px; font-size:16px;}
.question .right .fiq .form1 input{width:230px; height: 32px; border:1px solid #d7d7d7;}
.question .right .fiq .form1 .text {clear:both; margin-left:20px;}
.question .right .fiq .form1 .text span { margin-right:8px; font-size:16px;}
.question .right .fiq .form1 textarea{width:520px; height: 98px; border:1px solid #d7d7d7;}
.question .right .fiq .form1 .buton{width:100px; height: 35px; border:1px solid #d7d7d7; font-size:16px;background:#fff; border-radius:4px; margin-top:15px; }
.question .right .fiq .form1 #buton1{ margin-left:70px;background:#217dde; color:#fff;margin-right:10px;}
.question .link { clear:both; width:100%; height:100px; margin-bottom:20px; }
.question .link > ul { position:relative;  width:1120px; height:40px; line-height:40px;  border-bottom:1px  dotted #d7d7d7; margin-left:80px;}
.question .link > ul li{height:40px; cursor:pointer;float:left; font-size:18px;  padding-left:16px; padding-right:16px; font-size:13px; }
.question .link > p { position:relative; font-weight:bold; top:30px; font-size:14px;}



/*foot*/
.foot{ position: relative; overflow: hidden; width: 100%; height:240px;background:#248ed9; margin-top:0px;}
.foot .container { position: relative; width:1200px; margin: 0 auto; }
.foot .container > div{float:left; color:#fff;}
.foot .container .div1 h2{ font-size:18px; margin-top:40px; margin-bottom:26px;}
.foot .container .div1 p{ font-size:13px; line-height:26px;}
.foot .container .div2{ position: relative; top:60px; }
.foot .container .div2 p{ font-size:13px; line-height:24px;}
.foot .container .div2{ margin-left:30px; margin-top:30px;}
.foot .container .div3{float:right; }
.foot .container .div3 ul{position:relative; top:40px; font-size:18px;}
.foot .container .div3 ul li{ float:right; margin-left:25px; width:110px; height:auto; text-align:center;}
.foot .container .div3 ul li img{  width:100%; }
.foot .container .div3 ul li p{font-size:12px; margin-top:4px; }

.foot2{ position: relative; overflow: hidden; width: 100%; height:40px;background:#0856a9;}
.foot2 .container { position: relative; width:1200px; margin: 0 auto; }
.foot2 .container p{height:40px; line-height:40px; color:#75c6ff; font-size:13px; text-align:center; }





/*uv.html*/

.banner-2{ position: relative; overflow: hidden; width: 100%; height:500px;background: url(../images/banner-2.jpg) no-repeat center;}
.banner-2 .container { position: relative; width:1200px; margin: 0 auto; }

#product-2 .tabs > ul { position:relative; display: inline-block; width:100%; height:50px;line-height:50px; background:#f2f2f2; text-indent:16px;}
#product-2 .tabs > ul li{ float:left; font-size:13px; color:#5a5a5a; padding-left:0px; padding-right:0px; }
#product-2 .tabs > ul .first{position:relative; top:3px;}
#product-2 .tabs > ul li a.dwei{ color:#0856a9; }
#product-2 .tabs > ul li a:hover{color:#0856a9; }
#product-2 .page{ clear:both; height:100px; width:100%; text-align:center; margin:0px auto; overflow:hidden;}
#product-2 .page ul{display:block; height:34px; width:400px;line-height:34px;  margin:40px auto; }
#product-2 .page li{ display:block; float:left; width:34px; height:34px; border-radius:4px; background:#fff; font-size:16px; margin-right:16px; border:1px solid #d7d7d7;}
#product-2 .page .first{background:#3583d6; }
#product-2 .page .first a{ color:#fff;}





/*product.html*/

.banner-3{ position: relative; overflow: hidden; width: 100%; height:500px;background: url(../images/banner-3.jpg) no-repeat center;}
.banner-3 .container { position: relative; width:1200px; margin: 0 auto; }

#product-3 { margin-bottom:20px;}

#product-3 .tabs > ul { position:relative; display: inline-block; width:100%; height:50px;line-height:50px; background:#f2f2f2; text-indent:16px;}
#product-3 .tabs > ul li{ float:left; font-size:13px; color:#5a5a5a; padding-left:0px; padding-right:0px; }
#product-3 .tabs > ul .first{position:relative; top:3px;}
#product-3 .tabs > ul li a.dwei{ color:#0856a9; }
#product-3 .tabs > ul li a:hover{color:#0856a9; }

#product-3 .tabs .cp li{position:relative; float:left; width:460; height:272px;  margin-right:18px; margin-bottom:40px;border:1px solid #d7d7d7;}
#product-3 .tabs .cp li:nth-child(2n){margin-right:0px;}
#product-3 .tabs .cp li img{width:460; height:272px;}
#product-3 .tabs .cp .div3{width:460; height:272px; position:relative; top:-272px; left:0px; z-index:10;}
#product-3 .tabs .cp .div3 span{font-size:14px; color:#217dde; margin-left:20px; }

#product-3 .tabs .cp .div3 h2{ font-size:18px; font-weight:bold; color:#3a3a3a; margin-top:200px; margin-left:20px;}
#product-3 .tabs .cp .div3 a{}



/*application.html*/

.banner-4{ position: relative; overflow: hidden; width: 100%; height:500px;background: url(../images/banner-4.jpg) no-repeat center;}
.banner-4 .container { position: relative; width:1200px; margin: 0 auto; }

.application-nav{ position: relative; overflow: hidden; width: 100%; height:88px; border-bottom:1px solid #e2e2e2;}
.application-nav .container { position: relative; width:1200px; margin: 0 auto; }
.application-nav .nav ul{ display:inline-block; height:88px; line-height:88px;  position:relative;}
.application-nav .nav ul li{float:left;}
.application-nav .nav ul li a{ display:inline-block;height:88px; padding-left:20px; padding-right:16px; font-size:16px; color:#000; }
.application-nav .nav ul li a:hover{ color:#0856a9;}
.application-nav .nav ul .curr a{color:#0856a9;}



.fenping{ position: relative; overflow: hidden; width: 100%; }
.fenping .container { position: relative; width:1200px; margin: 0 auto; }
.fenping .text {position:relative; margin: 20px auto 0; width:100%; overflow:hidden; height:auto; }
.fenping .text > div{ float:left; }
.fenping .text .div1{ float:left; margin-right:140px;}

.fenping .text .left{ width:440px; height:410px;  margin-top:40px;}
.fenping .text .left img{width:440px;}
.fenping .text h2{position:relative; font-size:36px; color:#3583d6; font-weight: normal; margin-bottom:20px;}
.fenping .text p{ margin-bottom:20px; line-height:30px;}
.fenping .text b{font-size:36px; color:#3583d6; position:relative; top:-5px;}
.fenping .text span{font-size:16px; color:#3583d6; height:30px; line-height:30px;  margin-right:25px; margin-top:20px;}
.fenping .text span a{font-size:13px; color:#3583d6; display:block; width:95px; height:30px; line-height:30px; text-align:center; border-radius:4px; background:#f2f2f2; border:1px solid #d7d7d7; float:left;}
.fenping .text span a.click{ color:#fff;  background:#3583d6; }
.fenping .text span a:hover{ color:#fff;  background:#3583d6; }
.fenping .text .right{ width:600px; height:340px; overflow: hidden; margin-top:120px; }



/*Solution.html*/

.banner-5{ position: relative; overflow: hidden; width: 100%; height:500px;background: url(../images/banner-5.jpg) no-repeat center;}
.banner-5 .container { position: relative; width:1200px; margin: 0 auto; }




/*news.html*/

.banner-6{ position: relative; overflow: hidden; width: 100%; height:500px;background: url(../images/banner-6.jpg) no-repeat center;}
.banner-6 .container { position: relative; width:1200px; margin: 0 auto; }

#product-6 .leftall {position:relative; width:230px; float:right;margin-top:-20px;  }

#product-6 .right { position:relative; width:950px;  float:left; }


#product-6 .tabs .ndiv {position:relative; display: inline-block; width:100%; height:50px;line-height:50px; background:#f2f2f2;}
#product-6 .tabs h4 {position:relative; float:left;display:block; text-indent:16px; font-size:18px; font-weight:normal; background: url(../images/icon6.png) no-repeat 0 16px; }
#product-6 .tabs #newul { position:relative;display:block; width:auto; height:50px;line-height:50px;  text-indent:16px; float:right; margin-right:10px;}
#product-6 .tabs #newul li{ float:left; font-size:13px; color:#5a5a5a; padding-left:0px; padding-right:0px; }
#product-6 .tabs #newul .first{position:relative; top:3px;}
#product-6 .tabs #newul li a.dwei{ color:#0856a9; }
#product-6 .tabs #newul li a:hover{color:#0856a9; }
#product-6 .page{ clear:both; height:100px; width:100%; text-align:center; margin:0px auto; overflow:hidden;}
#product-6 .page ul{display:block; height:34px; width:400px;line-height:34px;  margin:40px auto; }
#product-6 .page li{ display:block; float:left; width:34px; height:34px; border-radius:4px; background:#fff; font-size:16px; margin-right:16px; border:1px solid #d7d7d7;}
#product-6 .page .first{background:#3583d6; }
#product-6 .page .first a{ color:#fff;}

#product-6 .tabs .cp{ margin-top:40px;}
#product-6 .tabs .cp li{position:relative; float:none; width:100%; height:180px; border-bottom:1px dotted #bbbbbb;}
#product-6 .tabs .cp .div1{ float:left; width:234px; height:140px;}
#product-6 .tabs .cp .div1 img{ width:100%; }
#product-6 .tabs .cp .div2{ float:left; width:636px; height:140px; margin-left:30px;}
#product-6 .tabs .cp .div2 h5{ font-size:16px; font-weight: nomal; color:#333; margin-top:4px; margin-bottom:20px;}
#product-6 .tabs .cp .div2 h5 i{ font-size:13px; font-style:normal;font-weight:100;}
#product-6 .tabs .cp .div2 h5 p{ font-size:13px; }

#product-6 .tabs .cp .div2 span a{font-size:13px; color:#3583d6; display:block; width:95px; height:30px; line-height:30px; text-align:center; border-radius:4px; background:#f2f2f2; border:1px solid #d7d7d7;  margin-top:14px;}
#product-6 .tabs .cp .div2 span a:hover{ color:#fff;  background:#3583d6; }



/*new2.html*/

.banner-6{ position: relative; overflow: hidden; width: 100%; height:500px;background: url(../images/banner-6.jpg) no-repeat center;}
.banner-6 .container { position: relative; width:1200px; margin: 0 auto; }

#product-7 { margin-bottom:20px; }
#product-7 .leftall {position:relative; width:230px; float:right; margin-top:-20px; }
#product-7 .right { position:relative; width:950px;  float:left; border:1px solid #d7d7d7; }


#product-7 .tabs .ndiv {position:relative; display: inline-block; width:100%; height:50px;line-height:50px; background:#f2f2f2;}
#product-7 .tabs h4 {position:relative; float:left;display:block; text-indent:16px; font-size:18px; font-weight:normal; background: url(../images/icon6.png) no-repeat 0 16px; }
#product-7 .tabs #newul { position:relative;display:block; width:auto; height:50px;line-height:50px;  text-indent:16px; float:right; margin-right:10px;}
#product-7 .tabs #newul li{ float:left; font-size:13px; color:#5a5a5a; padding-left:0px; padding-right:0px; }
#product-7 .tabs #newul .first{position:relative; top:3px;}
#product-7 .tabs #newul li a.dwei{ color:#0856a9; }
#product-7 .tabs #newul li a:hover{color:#0856a9; }
#product-7 .right .text {width:900px;margin: 0 auto; text-align:center; }
#product-7 .right .text h3 {font-size:24px; height:110px;line-height:110px;border-bottom:1px dotted #d7d7d7;font-weight:normal;  }
#product-7 .right .text p {font-size:13px; text-align:left; text-indent:20px;line-height:24px;}
#product-7 .right .text .div1 {width:900px;margin: 0 auto; text-align:left;height:50px;line-height:50px; border-bottom:1px dotted #d7d7d7;}
#product-7 .right .text .div1 a{ color:#5a5a5a;}
#product-7 .right .text .div1 .span1{ float:left;}
#product-7 .right .text .div1 .span2{ float:right; }
#product-7 .right .text .div1 .span2 a{color:#000;}
#product-7 .right .text .div2 {width:900px; text-align:left;height:50px;line-height:50px; margin: 0 auto 40px; border-bottom:none;}
#product-7 .right .text .div2 a{ color:#5a5a5a;}
#product-7 .right .text .div2 .span1{ float:left;}
#product-7 .right .text .div2 .span2{ float:right; }
#product-7 .right .text .div2 .span2 a{color:#000;}




/*aboutus.html*/
.banner-7{ position: relative; overflow: hidden; width: 100%; height:500px;background: url(../images/banner-7.jpg) no-repeat center;}
.banner-7 .container { position: relative; width:1200px; margin: 0 auto; }

.aboutus{ position: relative; overflow: hidden; width: 100%; height:auto;}
.aboutus .container { position: relative; width:1200px; margin: 0 auto; }
.aboutus .title{position:relative; width:1200px; height:137px; background: url(../images/titel9.jpg) no-repeat center; margin:30px auto 0; text-align:center;}
.aboutus .title h2{ font-size:36px; color:#217dde; font-weight:normal;  position:relative; top:20px;}
.aboutus .title p{  position:relative; top:40px; font-size:16px; }
.aboutus .text span img{width:360px; float:left;}
.aboutus .text span p{width:820px;  float:left; font-size:13px; line-height:24px; margin-left:20px;}
.aboutus .text2 {position:relative;clear:both; overflow:hidden;}
.aboutus .text2 h5{ width:176px; height:45px; line-height:45px; text-align:center ;font-size:18px; font-weight:normal; background:#217dde; color:#fff; margin-top:100px; }
.aboutus .text2 p{font-size:16px; margin-top:10px;}
.aboutus .text2 ul{ margin-top:20px; margin-left:174px; width:600px;}
.aboutus .text2 ul li{ float:left; margin-right:60px; margin-bottom:27px;}
.aboutus .text2 ul li:nth-child(3n){margin-right:0px;}
.aboutus .text2 .pic2 { float:right; width:380px; margin-top:-130px;}
.aboutus .text2 .pic2 img{width:380px;}

.aboutus2{ position: relative; overflow: hidden; width: 100%;  background:#f7f7f7; }
.aboutus2 .container { position: relative; width:1200px; margin: 0 auto; overflow: hidden; }
.aboutus2 .title{position:relative; width:1200px; height:137px; background: url(../images/titel10.jpg) no-repeat center; margin:30px auto 0; text-align:center;}
.aboutus2 .title h2{ font-size:36px; color:#217dde; font-weight:normal;  position:relative; top:20px;}
.aboutus2 .title p{  position:relative; top:40px; font-size:16px; }
.aboutus2 .container > ul { margin-top:20px; width:100%;}
.aboutus2 .container > ul li{ float:left; text-align:center; margin-right:38px; margin-bottom:40px;}
.aboutus2 .container > ul li:nth-child(3n){margin-right:0px;}
.aboutus2 .container > ul li img{width:372px; height:225px; }
.aboutus2 .page{ clear:both;  margin:0px auto; overflow:hidden;}
.aboutus2 .page ul{height:34px;  margin-top:10px; float:right; margin-bottom:10px; }
.aboutus2 .page li{ display:block;float:left; width:34px; height:34px; line-height:34px;text-align:center; border-radius:4px; background:#fff; font-size:16px; margin-right:16px; border:1px solid #d7d7d7;}
.aboutus2 .page .first{background:#3583d6; }
.aboutus2 .page .first a{ color:#fff;}


.aboutus3{ position: relative; overflow: hidden; width: 100%; margin-top:0px; }
.aboutus3 .container { position: relative; width:1200px; margin: 0 auto; }
.aboutus3 .title{position:relative; width:1200px; height:137px; background: url(../images/titel11.jpg) no-repeat center; margin:30px auto 0; text-align:center;}
.aboutus3 .title h2{ font-size:36px; color:#217dde; font-weight:normal;  position:relative; top:20px;}
.aboutus3 .title p{  position:relative; top:40px; font-size:16px; }
.aboutus3 .text span img{width:510px; float:right;}
.aboutus3 .text .span1 {width:540px;  float:left; text-align:left;}
.aboutus3 .text .span1 h4 {font-size:18px; color:#5a5a5a; margin-top:30px; margin-bottom:15px;}
.aboutus3 .text .span1 h4 font{font-size:18px; position:relative; top:-2px;}
.aboutus3 .text .span1 p {font-size:13px;  margin-top:15px; margin-bottom:15px; line-height:20px;}


.aboutus4{ position: relative; overflow: hidden; width: 100%; height:660px; background:#f7f7f7; }
.aboutus4 .container { position: relative; width:1200px; margin: 0 auto; }
.aboutus4 .title{position:relative; width:1200px; height:137px; background: url(../images/titel12.jpg) no-repeat center; margin:30px auto 0; text-align:center;}
.aboutus4 .title h2{ font-size:36px; color:#217dde; font-weight:normal;  position:relative; top:20px;}
.aboutus4 .title p{  position:relative; top:40px; font-size:16px; }

/* 左滚动2 */
.aboutus4 .leftLoop1{position: relative; width:1200px; margin:0 auto; }
.aboutus4 .leftLoop1 .hd{ position:relative; width:1200px; margin:0 auto; z-index:999;}
.aboutus4 .leftLoop1 .hd .prev{ position:absolute; left:0px; top:150px; display:block;  width:41px; height:41px; cursor:pointer; background:url("../images/cprevPro3.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;}
.aboutus4 .leftLoop1 .hd .prev:hover{ background:url("../images/cprevPro3.png") no-repeat left bottom;  }
.aboutus4 .leftLoop1 .hd .next{position:absolute; right:0px; top:150px;  display:block;  width:41px; height:41px; cursor:pointer; background:url("../images/cnextPro3.png") no-repeat left top;-webkit-transition: all 0.3s ease-in-out;}
.aboutus4 .leftLoop1 .hd .next:hover{ background:url("../images/cnextPro3.png") no-repeat left bottom;  }

.aboutus4 .leftLoop1 .bd{position:relative; width:1200px; margin:0 auto; text-align:center; }
.aboutus4 .leftLoop1 .bd ul{ overflow:hidden; zoom:1; margin:0; padding:0; list-style:none; width:1200px; margin:0 auto;}
.aboutus4 .leftLoop1 .bd ul li{float:left; _display:inline; overflow:hidden; width:280px; text-align:center; }
.aboutus4 .leftLoop1 .bd ul li img{width:220px;}
.aboutus4 .leftLoop1 .bd ul li .pic{ width:220px; text-align:center; display: inline-block; border:1px solid #d7d7d7; overflow:hidden; }
.aboutus4 .leftLoop1 .bd ul li p{ margin-top:10px; font-size:12px; }
.aboutus4 .leftLoop1 .bd ul li a{display:block; position:relative;}



.customer{ position: relative; overflow: hidden; width: 100%; }
.customer .container { position: relative; width:1200px; margin: 0 auto; }
.customer .title{position:relative; width:1200px; height:137px; background: url(../images/titel9.jpg) no-repeat center; margin:30px auto 0; text-align:center;}
.customer .title h2{ font-size:36px; color:#217dde; font-weight:normal;  position:relative; top:20px;}
.customer .title p{  position:relative; top:40px; font-size:16px; }

.customer .container > ul { margin-top:20px; width:100%;}
.customer .container > ul li{ float:left;width:280px; height:340px; text-align:left; padding-right:20px; margin-bottom:44px; border-bottom:1px solid #e2e2e2;}
.customer .container > ul li:nth-child(4n){padding-right:0px;}
.customer .container > ul li p{width:280px; margin-top:10px; margin-bottom:15px;}
.customer .container > ul li img{ width:280px;}
.customer .container > ul li a{ display:block;width:280px; height:200px; position:relative; }
.customer .container > ul li a .active{width:280px; height:200px; position:relative; margin-top:-200px; z-index:8; display:none;}
.customer .container > ul li:hover a .active{display:block;}

.customer .page{ clear:both;  margin:0px auto;  width:100%; overflow:hidden; margin-bottom:80px;}
.customer .page ul{display: block; height:34px;line-height:34px; float:right; margin-bottom:10px; margin-top:10px;}
.customer .page li{display:block;float:left; width:34px; height:34px; line-height:34px;text-align:center; border-radius:4px; background:#fff; font-size:16px; margin-right:16px; border:1px solid #d7d7d7;}
.customer .page .first{background:#3583d6; }
.customer .page .first a{ color:#fff;}



/*contact.html*/
.banner-8{ position: relative; overflow: hidden; width: 100%; height:500px;background: url(../images/banner-8.jpg) no-repeat center;}
.banner-8 .container { position: relative; width:1200px; margin: 0 auto; }

.contact{ position: relative; overflow: hidden; width: 100%;  margin-bottom:60px;}
.contact .container { position: relative; width:1200px; margin: 0 auto; }
.contact .title{position:relative; width:1200px; height:137px; background: url(../images/titel9.jpg) no-repeat center; margin:30px auto 0; text-align:center;}
.contact .title h2{ font-size:36px; color:#217dde; font-weight:normal;  position:relative; top:20px;}
.contact .title p{  position:relative; top:40px; font-size:16px; }

.contact .text .left{position: relative; float:left; width:500px;  }
.contact .text .left .fiq{width:500px; border:1px solid #d7d7d7; margin-top:27px;height: 350px;}
.contact .title3{position:relative; width:100%; height:40px; line-height:40px;  margin-top:0px; border-bottom:1px solid #d7d7d7;}
.contact .title3 h2{ font-size:18px;  font-weight: normal; text-indent:20px;   }
.contact .title3 p a{color:#db3935;float:right; margin-top:-40px; margin-right:20px;}
.contact .fiq .tel{ height: 260px;width: 452px; overflow: hidden; margin:10px auto 0;}
.contact .fiq .tel p{ font-size:16px; color:#5a5a5a;  margin-top:0px; margin-bottom:8px;}

.contact .right { position:relative; width:670px; float:right;}
.contact .right .fiq{width:668px; border:1px solid #d7d7d7; margin-top:27px;height: 350px;}
.contact .right .fiq .form1 {  position:relative; width:616px; margin:0 auto; overflow:hidden;}
.contact .right .fiq .form1 ul  { margin-top:30px;}
.contact .right .fiq .form1 ul li { float:left; margin-bottom:20px; margin-left:20px;}
.contact .right .fiq .form1 ul li span { margin-right:8px; font-size:16px;}
.contact .right .fiq .form1 input{width:230px; height: 32px; border:1px solid #d7d7d7;}
.contact .right .fiq .form1 .text {clear:both; margin-left:20px;}
.contact .right .fiq .form1 .text span { margin-right:8px; font-size:16px;}
.contact .right .fiq .form1 textarea{width:520px; height: 98px; border:1px solid #d7d7d7;}
.contact .right .fiq .form1 .buton{width:100px; height: 35px; border:1px solid #d7d7d7; font-size:16px;background:#fff; border-radius:4px; margin-top:15px; }
.contact .right .fiq .form1 #buton1{ margin-left:70px;background:#217dde; color:#fff; margin-right:10px;}


.contact2{ position: relative; overflow: hidden; width: 100%;  background:#f7f7f7; }
.contact2 .container { position: relative; width:1200px; margin: 0 auto; }
.contact2 .title{position:relative; width:1200px; height:137px; background: url(../images/titel10.jpg) no-repeat center; margin:30px auto 0; text-align:center;}
.contact2 .title h2{ font-size:36px; color:#217dde; font-weight:normal;  position:relative; top:20px;}
.contact2 .title p{  position:relative; top:40px; font-size:16px; }
.contact2 .text{ text-align:left;}
.contact2 .text p{ line-height:40px; font-size:13px;}

.contact2 .tabs ul{}
.contact2 .tabs ul li{display: block;float: left;  cursor:pointer; line-height: 50px; height:50px; text-align:center;background: #fff;border: 1px solid #d7d7d7; padding:0 16px;margin-right: 30px;margin-top: 30px; }
.contact2 .tabs ul li p{ font-size: 16px; font-weight:bold;color: #3a3a3a; float:left;}
.contact2 .tabs ul li span{ display:block; width:13px; height:8px;background: url(../images/icon8.png) no-repeat center; float:left; margin-top:20px; margin-left:10px; }
.contact2 .tabs ul .on{ background: #217dde;}
.contact2 .tabs ul .on p{ color: #fff;}

.contact2 .tabs ul .on span{background: url(../images/icon9.png) no-repeat center;}
.contact2 .tabs dd { clear:both; display:block;width:1200px; height:426px; border: 1px solid #d7d7d7;background: #fff; position:relative; top:40px; margin-bottom:100px;}
.contact2 .tabs .hide { display:none;}
.contact2 .tabs dd div {width:1120px; margin:20px auto;}
.contact2 .tabs dd div h3{ font-size:16px; margin-top:30px; margin-bottom:10px}
.contact2 .tabs dd div p{line-height:30px; font-size:13px;}
#contactfoot{ margin-top:0px;}


/*uv2.html*/

.banner-9{ position: relative; overflow: hidden; width: 100%; height:500px;background: url(../images/banner-9.jpg) no-repeat center;}
.banner-9 .container { position: relative; width:1200px; margin: 0 auto; }

#product-2 .details{width:950px;}
#product-2 .details .title{width:950px; height:40px; line-height:40px;background: url(../images/det1.jpg) no-repeat center;margin-top:50px;}
#product-2 .details .title h2{float:left; font-size:18px; color:#3583d6;}
#product-2 .details .title p{float:left; margin-left:10px; }
#product-2 .details .text {position:relative; top:20px;}


#product-2 .Photograph{width:950px; clear:both; position:relative; top:20px; overflow:hidden; margin-bottom:100px;}
#product-2 .Photograph .title{width:950px; height:40px; line-height:40px;background: url(../images/det2.jpg) no-repeat center;margin-top:50px; margin-bottom:30px;}
#product-2 .Photograph .title h2{float:left; font-size:18px; color:#3583d6;}
#product-2 .Photograph .title p{float:left; margin-left:10px; }
#product-2 .Photograph .pct{ width:100%; text-align:left;}
#product-2 .Photograph .pct img{ width:874; }





#map2 .lujing {
    height: 25px;
    line-height: 25px;
    background: url(../images/wu.png) left 2px no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 5px;
}
#map2 .map{ overflow:hidden; width:1000px; margin:30px auto;}
#map2 .map-box{ overflow:hidden; margin-bottom:30px;}
#map2 .map-box  .mapLeft{font-size:16px; margin-bottom:10px;}
#map2 .mapRight{overflow:hidden; border:1px solid #ccc; padding:10px;}
#map2 .mapRight li{ overflow:hidden; float:left; width:200px;}
#map2 .mapRight a:hover{ color:#f00;}
#map2 .mapRight a{ display:block; padding:5px 0;}
#map2 .mapRight a b{display:block; font-size:14px;}










/*分页公共样式*/
#pager{clear:both; overflow:hidden;}
.pager{ text-align:center; margin:40px 0; height:40px;}
.pager span{ display:inline-block; height: 40px;}
.pager a{ font-size:12px; color:#666; border:#d7d7d7 1px solid; display:inline-block;  line-height:34px; width: 34px;height: 34px; border-radius:5px; margin:0 5px;}
.pager span a.current{ background:#3583D6; color:#fff; }
.btn{ margin:12px 0 0 2px;}

.ye{ background: #3062ac; color: #fff;}










/*右悬浮qq  */

.qqbox{position:fixed; right:0px; top:40%; z-index:999; width:120px; padding-bottom: 10px; text-align:center; background:#1f7ddf; color:#fff;}
.qqbox .p1{ margin-top:10px;}
.qqbox .qqbtn1{display:block; position: absolute; left:-26px; top:130px;  width:25px; height:67px; background:url("../images/qqbtn1.png") no-repeat center;}
.qqbox .qqbtn2{display:block; position: absolute; left:-26px; top:130px;  width:25px; height:67px; background:url("../images/qqbtn2.png") no-repeat center;}
.qqbox .returnTop{position:relative; width:75px; height:43px; background:url("../images/r-top.png") no-repeat center; margin-left:20px; margin-top:10px;}



/*中间qq  */

.kefu2{ position:fixed; z-index:10002; width:328px; height:200px; top:50%; left:0px;  background:#1f7ddf;  padding:2px; overflow:hidden;}
.kefu2 h2{font-size:18px; color:#fff;  font-weight:bold; margin-left:15px; line-height:40px; height:40px;}
.kefu2 .div1{position:relative; width:328px; height:156px; background:url("../images/kefu2.png") no-repeat center; overflow:hidden; margin-top:4px;}
.kefu2 h4{font-size:18px; color:#5a5a5a; margin-top:35px; font-weight:normal; margin-left:122px;}
.kefu2 h4 span{color:#db3935; position:relative; top:-2px;}
.kefu2 h3{font-size:24px; color:#1f7ddf; line-height:40px;margin-left:120px;}

.kefu2 p{ height:24px; line-height:24px; position:relative;margin-left:150px; margin-top:10px; }
.kefu2 p a{display:inline-block; height:20px; margin-right:15px;}
.kefu2 p a img{ height:100%;}

.cha2{position:absolute; z-index:99; right:10px; top:10px; width:25px; height:25px;}



#selected{background:#217dde;}
#selected p a{color:#fff;}
#cnzz_stat_icon_1260166602{ margin-left: 20px;}

.qq_pic {
    background: url(../images/tiutiu.png) no-repeat left center;
    width: 88px;
    height: 22px;
    color: #333;
    font-size: 14px;
    display: block;
        margin: 5px auto;
}







@media (max-width:1200px) {
body { width:1200px }
}