@charset "utf-8";

/* CSS Document */



body { width: 100%; font-size: 12px; color: #000; font-family:Arial, Helvetica, sans-serif; margin: 0 auto; }

ul, li, ol, p, dl, dt, dd { margin: 0px; padding: 0px; list-style: none; }

img, fieldset { vertical-align: top; border: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; margin: 0; padding: 0; }

address, cite, code, em, th { font-weight: normal; font-style: normal; }

input, button, textarea, select { font: 100%; font-family: Arial, Helvetica, sans-serif; outline: medium; vertical-align: middle }

table, td, tr, th { font-size: 12px; }

a { color: #000; text-decoration: none; }

a:hover { color: #333; }

.clearfix {

*zoom:1; clear: both; }

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

.banben { height: 35px; background: #333; width: 100%; }

.banben_con { font-size: 14px; color: #fff; line-height: 35px; margin: auto; width: 1100px; }

.banben_left { float: left; }

.banben_right { text-align: center; position: relative; float: right; }

.banben_right strong { margin-right: 5px; font-weight: normal; }

.banben_right img { margin-right: 5px; margin-top:10px;}

.banben_right .bb { z-index: 100; display: none; font-weight: normal; right: 0; top: 35px; background: url(../images/tmbg.png); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; position: absolute; }

.banben_right .bb a { padding: 0 30px; color: #fff; }

.banben_right .bb p:hover { background: #333; }

.banben_right .bb p:hover a { color: #fff; }

.banben_right:hover .bb { display: block; }

.head { position: relative; height: 105px; }

.head .smaller { box-shadow: 1px 1px 10px #ddd; height: 50px; background: rgba(255,255,255,0.9); filter: Alpha(opacity=90); position: fixed; top: 0; z-index: 999; }

.head .smaller .logo { width: 120px; margin: 8px 0 0 3%; }

.head .smaller .logo img { width: 100px; height: auto; }

.head .smaller .search { display: none; }

.head .smaller .nav li span a { color: #333; margin-top: 0px; font-size: 14px; line-height: 44px; display: block; text-transform: uppercase; }

.head .smaller .nav li:hover span a { color: #008cd6; }

.head .smaller .tel { width: 200px; margin-top: 12px; margin-right: 1%; }

.head .smaller .tel img { width: 80%; }

.top{ position:relative;  height: 105px; position:absolute; top:0; width:100%; z-index:10;}

.head_con{ width:1100px;  margin:auto; }

.logo{   margin-top:25px; float:left; width:150px; }

.logo img{ width:150px; height:auto;}

.tel{ width:210px;float:right;  text-align:right;margin-top:18px; }

.search{ height:30px; margin-top:5px; background:url(../images/search.jpg) no-repeat right;}

.search input{ width:120px; line-height:25px; height:25px; padding-left:10px; background: none; border:none; float:right; }

.search .button{ width:30px; cursor:pointer;}

.search{margin-top:10px;}

.nav{  max-width:1100px; margin:auto; min-width:1000px;}

.nav ul{ margin-top:5px; width:710px; text-align:right;  margin-right:10px; float: right;}

.nav li { position:relative;   float:left; padding:0 16px; margin:0 1px; }

.nav li.thisclass{ border-bottom:2px solid #008cd6;}

.nav li:hover{border-bottom:2px solid #008cd6;}

.nav li span{ text-align:center;}

.nav li span a{ color:#222; margin-top:20px;  font-size:14px; line-height:50px;  display:block; text-transform:uppercase;}

.nav li:hover span a{color:#008cd6; }



.nav li .xiala{ width:100%;background:#fff;}

.nav li dl{ text-align:left; box-shadow:1px 1px 5px #ddd;background:#fff; width:200%; margin-left:-50%; position:absolute; top:72px; left:0; z-index:10;display:none;}

.nav li:hover dl{display:block;  transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -o-transition:all 0.5s ease; -ms-transition:all 0.5s ease;  }

.nav li dd a{ border-bottom:1px dashed #e5e5e5; display:block; color:#555; text-align:center; font-size:13px; line-height:36px;  }

.nav li dd a:hover{ background:#008cd6; color:#fff;}

.nav.smaller { background: rgba(0,0,0,0.5); filter:Alpha(opacity=60);  position: fixed; top: 0; z-index: 999;}

.smaller li dl{ box-shadow:1px 1px 5px #ddd;background:#fff; width:200%;margin-left:-50%; position:absolute; top:40px; left:0; z-index:10;display:none;}



.banner { clear: both; }

.mBan2 { overflow: hidden; }

.mBan2 .slideBox { width: 100%; height: auto; position: relative; }

.mBan2 .slideBox .hd { height: 16px; overflow: hidden; position: absolute; bottom: 6px; z-index: 1; width: 140px; margin-left: -70px; left: 50%; padding: px 0px 0px 11px; }

.mBan2 .slideBox .hd ul { }

.mBan2 .slideBox .hd ul li { float: left; width: 30px; height: 7px; background: #000; opacity: 0.5; cursor: pointer; margin-right: 5px; }

.mBan2 .slideBox .hd ul li.on { background: #008cd6; opacity: 1; }

.mBan2 .slideBox .bd { position: relative; height: 100%; }

.mBan2 .slideBox .bd ul, .slideBox .bd ul li { width: 100%!important; }

.mBan2 .slideBox .bd img { width: 100%; height: auto; display: block; }

.product_c { padding: 50px 0; }

.fazx { padding: 50px 0; }

.fazx_t { display: block; width: 200px; margin: auto; text-align: center; padding-bottom: 15px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

.fazx_t strong { font-weight: normal; font-size: 36px; line-height: 65px; color: #008cd6; }

.fazx_t span { font-weight: normal; display: block; font-size: 18px; color: #666; text-transform: uppercase; }

.fazx_c { position: relative; width: 1100px; margin: 50px auto 0 auto; }

.fazx_c .hd { overflow: hidden; }

.fazx_c .hd li { width: 363px; background: #eeeeee; border: 1px solid #ddd; display: block; margin-right: 2px; padding: 20px 0; position: relative; float: left; cursor: pointer; }

.fazx_c .hd li:last-child { margin-right: 0px; }

.fazx_c .hd li strong { margin-left: 35px; background: url(../images/left4.png) no-repeat left; padding-left: 30px; font-size: 18px; line-height: 30px; color: #ec4f2c; font-weight: normal; }

.fazx_c .hd li span { margin-left: 35px; color: #666; display: block; font-size: 12px; text-transform: uppercase; }

.fazx_c .hd li.on { background: #008cd6; color: #fff; }

.fazx_c .hd li.on strong { color: #fff; background: url(../images/left3.png) no-repeat left; }

.fazx_c .hd li.on span { color: #fff; }

.fazx_c .bd { }

.fazx_c .lh { margin-right: 4px; margin-top: 20px; background: #e5e5e5; overflow: hidden; }

.fazx_c .lh .pic { border: 1px solid #e5e5e5; float: left; width: 36%; }

.fazx_c .lh .pic img { width: 100%; }

.fazx_c .lh .txt { margin-right: 2%; float: right; width: 60%; font-size: 14px; line-height: 30px; color: #444; margin-top: 25px; }

.fazx_c .lh .txt h2 a { font-weight: normal; background: url(../images/left5.png) no-repeat left; line-height: 40px; padding-left: 30px; font-size: 24px; margin: 20px 0 !important; color: #008cd6; }

.fazx_c .prev { z-index: 10; position: absolute; top: 57%; display: block; left: -40px; width: 30px; height: 50px; cursor: pointer; background: url(../images/left1.png) no-repeat; }

.fazx_c .next { z-index: 10; position: absolute; top: 57%; display: block; right: -40px; width: 30px; height: 50px; cursor: pointer; background: url(../images/left1.png) no-repeat -65px 0; }

/*.product_c{ background:url(../images/fa_bg.jpg) no-repeat center top; background-size: cover;}*/



.product_s { background: url(../images/fa_bg.jpg) no-repeat center top; background-size: cover; }

.product_t { display: block; width: 200px; margin: auto; text-align: center; padding-bottom: 15px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }

.product_t strong { font-size: 36px; line-height: 65px; color: #008cd6; font-weight: normal; }

.product_t span { font-weight: normal; display: block; font-size: 18px; color: #666; text-transform: uppercase; }

.product_c_con { position: relative; margin: 50px auto 0 auto; width: 1100px; min-width: 800px; }

.product_c_con .hd .prev { position: absolute; top: 45%; display: block; left: -30px; width: 30px; height: 50px; cursor: pointer; background: url(../images/left2.png) no-repeat; }

.product_c_con .hd .next { position: absolute; top: 45%; display: block; right: -30px; width: 30px; height: 50px; cursor: pointer; background: url(../images/left2.png) no-repeat -65px 0; }

.product_c_con .bd ul { overflow: hidden; zoom: 1; }

.product_c_con .bd ul li { background: #f5f5f5; margin: 0 10px 0 10px; width: 255px; height: 375px; float: left; _display: inline; overflow: hidden; text-align: center; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.product_c_con .bd ul li:hover { background: #008cd6; }

.product_c_con .bd ul li .pic { width: 214px; height: 139px; border: solid #ddd 1px; margin: 30px auto 30px auto; text-align: center; overflow: hidden; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.product_c_con .bd ul li:hover .pic { border: solid #008cd6 1px; }

.product_c_con .bd ul li .pic img { width: 215px; height: 140px; display: block; }

.product_c_con .bd ul li .title { margin: 0 20px 20px 20px; color: #000; font-size: 14px; line-height: 40px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.product_c_con .bd ul li .title strong { font-weight: normal; }

.product_c_con .bd ul li .title p { margin-bottom: 30px; color: #666; line-height: 24px; font-size: 12px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.product_c_con .bd ul li:hover .title { color: #fff; }

.product_c_con .bd ul li:hover .title p { color: #fff; }

.product_c_con .bd ul li .title p a { padding: 5px 30px; border-bottom: 2px solid #ce3a19; line-height: 25px; border-radius: 20px; background: #ec4f2c; color: #fff; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.product_c_con .bd ul li:hover .title p a { background: #fff; color: #008cd6; border-bottom: 2px solid #047ebe; }

.news { margin: 50px 0; clear: both; }

.news_title { background: url(../images/news.png) no-repeat center top; height: 160px; }

.news_con { width: 1100px; margin: auto; }

.news_left { margin-top: 50px; width: 700px; float: left; }

.news_left li { clear: both; padding-bottom: 40px; }

.news_left li .pic { float: left; width: 252px; height: 172px; }

.news_left li .pic img { width: 252px; height: 172px; }

.news_left li .txt { float: right; width: 430px; }

.news_left li .txt h2 strong a { font-weight: normal; font-size: 18px; line-height: 30px; }

.news_left li:hover .txt h2 strong a { color: #008cd6; }

.news_left li .txt h2 strong span a { color: #008cd6; }

.news_left li:hover .txt h2 strong span a { color: #000; }

.news_left li .txt p { float: left; color: #666; margin-top: 15px; line-height: 24px; }

.news_left li .txt p a { margin-top: 15px; line-height: 26px; border-radius: 20px; border: 1px solid #ddd; display: block; text-align: center; color: #008cd6; width: 105px; }

.news_left li:hover .txt p a { color: #fff; background: #008cd6; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }

.news_left li .txt_con .date { float: right; text-align: center; color: #4a4a4a; margin-top: 15px; width: 72px; height: 72px; background: #f3f3f3; }

.news_left li .txt_con em { display: block; font-size: 48px; line-height: 52px; }

.news_right { margin-top: 50px; float: right; width: 365px; }

.news_right_title { border-bottom: 1px solid #ddd; line-height: 50px; padding-left: 33px; background: url(../images/xw.png) no-repeat left; font-size: 18px; }

.news_right_title span a { float: right; color: #666; line-height: 40px; font-size: 12px; }

.news_right_title span a:hover { color: #008cd6; }

.news_right ul { margin-top: 10px; }

.news_right li { line-height: 36px; border-bottom: 1px dashed #eee; background: url(../images/dian.png) no-repeat left; padding-left: 15px; }

.news_right li a { color: #333; }

.news_right li span a { color: #008cd6; }

.news_right li:hover a { color: #008cd6; }

.news_right li em { float: right; color: #777; }

.bottom { height: 50px; line-height: 50px; background: #1b1b1b; }

.bottom_nav { max-width: 1100px; margin: auto; }

.bottom_nav ul { width: 100%; }

.bottom_nav li { width: 14%; float: left; text-align: center; }

.bottom_nav li a { display: block; color: #fff; }

.bottom_nav li a:hover { background: #008cd6; }

.bottom_nav li.on a { background: #008cd6; }

.foot { padding: 50px 0; background: #272727; width: 100%; }

.foot_con { max-width: 1100px; min-width: 1078px; margin: auto; }

.foot_logo { margin-left: 1%; color: #ddd; float: left; width: 190px; }

.foot_lxwm { color: #fff; float: left; margin-left: 50px; width:400px; }

.foot_lxwm p { line-height: 24px; }

.foot_lxwm p a { line-height: 24px; color: #FFF; }

.foot_lxwm p.tu img { margin-right: 10px; max-height: 25px; }

.foot_lxfs { width: 400px; float: right; }

.foot_lxfs .ewm { float: left; width: 110px; margin-right: 15px; }

.foot_lxfs .ewm img { max-width: 100%; }

.foot_lxfs .tel { float: left; }

.foot_search input { color: #fff; margin-top: 20px; background: #1b1b1b; border: none; width: 150px; padding: 0 5px; height: 30px; line-height: 30px; }

.foot_search .button { width: 40px; cursor: pointer; height: 30px; line-height: 30px; background: url(../images/search2.png) no-repeat center center #008cd6; border: none; }

.xf_right { }

.side { position: fixed; width: 50px; height: 200px; right: 0; top: 50%; margin-top: -100px; z-index: 100; }

.side ul li { width: 50px; height: 50px; float: left; position: relative; margin-bottom: 1px; }

.side ul li .sidebox { position: absolute; width: 50px; height: 50px; top: 0; right: 0; line-height: 50px; background: #008cd6; color: #fff; overflow: hidden; }

.go_top .sidetop { position: fixed; bottom: 50px; right: 50px; width: 50px; height: 50px; display: inline-block; background: url(../images/top.png) no-repeat center center #008cd6; transition: all 0.3s; }

.go_top:hover .sidetop { background: url(../images/top.png) no-repeat center center #ec4f2c; }

.side { width: 100%; height: 100%; }

#sidebar { position: fixed; z-index: 100; right: 10px; margin-top: -90px; top: 50%; }

#sidebar table { width: 55px; }

#sidebar table td { margin: 0; padding: 0; height: 55px; }

#sidebar table .img { width: 55px; height: 55px; margin: 0 auto; cursor: pointer; }

#sidebar table .t3 .img { background: url(../images/ht.png) no-repeat center center #ea8213 !important; }

#sidebar table .t4 { position: relative; }

#sidebar table .t4 .img { background: url(../images/whatsapp.png) no-repeat center center #008cd6; }

#sidebar table .t4 .djjt { background: #ec4f2c; font-size: 14px; text-align: center; width: 55px; color: #fff; height: 47px; padding-top: 8px; display: none; position: absolute; right: 0px; top: 0px; }

#sidebar table .t4:hover .djjt { display: block; }

#sidebar table .t5 { position: relative; }

#sidebar table .t5 .img { background: url(../images/dh.png) no-repeat center center #008cd6; }

#sidebar table .t5 .djjt { background: #ec4f2c; font-size: 14px; text-align: center; width: 55px; color: #fff; height: 47px; padding-top: 8px; display: none; position: absolute; right: 0px; top: 0px; }

#sidebar table .t5:hover .djjt { display: block; }

#sidebar table .t5 .phone_NO { position: absolute; top: 0; right: 55px; width: 240px; font-size: 14px; color: #333; background: #fff; line-height: 24px; padding: 20px; border-radius: 5px; box-shadow: 1px 1px 7px #ccc; }

#sidebar table .t5 .phone_NO p { padding: 5px 0 5px 0px; }

#sidebar table .t5 .phone_NO p strong { color: #008cd6; }

#sidebar table .t5:hover .img { background: url(../images/dh.png) no-repeat center center #ec4f2c; }

#sidebar table .t6 { position: relative; }

#sidebar table .t6 .img { background: url(../images/wx.png) no-repeat center center #008cd6; }

#sidebar table .t6 .djjt { background: #ec4f2c; font-size: 14px; text-align: center; width: 55px; color: #fff; height: 47px; padding-top: 8px; display: none; position: absolute; right: 0px; top: 0px; }

#sidebar table .t6:hover .djjt { display: block; }

#sidebar table .t6:hover .img { background: url(../images/wx.png) no-repeat center center #ec4f2c; }

#sidebar table .t6 .ewm { position: absolute; right: 55px; top: 0; }

#sidebar table .t6 .ewm img { width: 170px; }

#sidebar table a { text-decoration: none; }

/* product/产品中心 */







.banner { }

.fullSlide { position: relative; width: 100%; position: relative; height: 330px; overflow: hidden; }

.fullSlide .bd { position: relative; z-index: 0; }

.fullSlide .bd ul { width: 100% !important; }

.fullSlide .bd1 img { max-width: 1100px; margin-left: auto; margin-right: auto; }

.fullSlide .bd li { width: 100% !important; height: 330px; }

.cont { width: 1100px; margin: 20px auto; }

.con_left { float: left; width: 275px; margin-bottom: 20px; }

.con_left_title { background: #008cd6; line-height: 60px; padding: 0 20px 0 20px; border-bottom: 1px solid #ddd; margin-bottom: 10px; font-size: 18px; color: #fff; }

.con_left_title span { color: #fff; text-transform: uppercase; margin-left: 10px; font-size: 14px; }

.con_left1_con { background: #fff; margin-bottom: 20px; }

.con_left1_con img { max-width: 100%; }

.con_left1_con li { padding-right: 10px; padding-left: 10px; border-bottom: 1px dashed #ddd; line-height: 60px; font-size: 16px; }

.con_left1_con li a { background: url(../images/right2.png) no-repeat right; color: #333; display: block; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.con_left1_con li:hover a { margin-left: 5px; color: #008cd6; background: url(../images/right1.png) no-repeat right; }

.con_left1_con li.thisclass a { color: #008cd6; background: url(../images/right1.png) no-repeat right; }

.con_left.smaller { position: fixed; top: 0; }

.con_right { float: right; width: 790px; }

.con_right_title { line-height: 40px; border-bottom: 1px solid #ddd; }

.con_right_title strong { display: inline-block; line-height: 41px; font-size: 18px; font-weight: normal; color: #008cd6; }

.con_right_title ul { float: right; margin-right: 0px; }

.con_right_title ul li { font-size: 14px; float: left; }

.con_right_title li a { margin: 0 5px; }

.con_right_title li:hover a { color: #008cd6; }

.con_right_title li:last-child a { color: #008cd6; }

.product_list { }

.product_list li { background: #fafafa; padding: 15px; border: 1px solid #ddd; clear: both; margin-top: 20px; }

.product_list li:hover { background: #f5f5f5; }

.product_list li .pic { float: left; width: 182px; height: 119px; overflow: hidden; }

.product_list li .pic img { border: 1px solid #f5f5f5; width: 180px; height: 117px; }

.product_list li .txt { float: right; width: 550px; }

.product_list li .txt h2 strong a { font-weight: normal; font-size: 18px; line-height: 30px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.product_list li:hover .txt h2 strong a { color: #008cd6; }

.product_list li .txt p { color: #666; margin-top: 5px; line-height: 24px; }

.product_list li .txt p a { clear: both; background: #008cd6; color: #fff; line-height: 24px; display: inline-block; border-radius: 20px; padding: 0 15px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.product_list li:hover .txt p a { margin-left: 5px; color: #fff; background: #ec4f2c; }

.product_d { width: 1100px; margin: 30px auto; }

.xldh { width: 1100px; margin: 20px auto; clear: both; }

.xldh_left { margin-top: 30px; width: 320px; float: left; font-size: 16px; color: #666; }

.xldh_left strong { font-weight: normal; display: block; font-size: 30px; color: #333; }

.xldh_right { width: 750px; float: right; margin-top: 20px; }

.xldh_right li { margin-left: 30px; text-align: center; font-size: 16px; line-height: 40px; float: right; }

.xldh_right li:hover a { color: #008cd6; }

.tab { line-height: 30px; font-size: 14px; color: #333; }

#tabs { background: #f5f5f5; overflow: hidden; width: 100%; margin: auto; padding: 0; list-style: none; }

#tabs li { font-size: 18px; border-right: 1px solid #fff; line-height: 50px; float: left; }

#tabs a { position: relative; padding: 0 50px; display: block; color: #444; }

#tabs a:hover, #tabs a:hover::after, #tabs a:focus, #tabs a:focus::after { background: #008cd6; }

#tabs a:focus { outline: 0; }

#tabs #current a, #tabs #current a::after { color: #fff; background: #008cd6; z-index: 3; }

#content { position: relative; z-index: 2; margin: 20px 0 30px 0; font-size: 14px; color: #444; line-height: 36px; width: 1100px; margin: auto; }

#content1 { position: relative; z-index: 2; margin: 20px 0 30px 0; font-size: 14px; color: #444; line-height: 36px; }

#content h2, #content h3 { margin: 0 0 15px 0; }

#content1 h2, #content h3 { margin: 0 0 15px 0; }

#tab1 { margin-top: 20px; }

#tab1 { margin-top: 20px; }

#tab2 { margin-top: 20px; }

#tab2 td { border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding: 10px; font-size: 14px; color: #444; line-height: 15px; }

#tab2 table { border-left: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }

#tab3 { margin-top: 20px; position: relative; overflow: hidden; width: 1100px; }

#tab3 .bigImg { width: 652px; margin: auto; height: 391px; position: relative; }

#tab3 .bigImg li img { border: 1px solid #e5e5e5; vertical-align: middle; width: 650px; height: 389px; margin-top: 20px; }

.product_tab3 .smallScroll { width: 910px; margin: auto; height: 114px; margin-bottom: 6px; }

.product_tab3 .sPrev, .product_tab3 .sNext { float: left; display: block; width: 25px; height: 114px; text-indent: -9999px; background: url(../images/left3.png) no-repeat 0 40px; }

.product_tab3 .sNext { background-position: -38px 50px; }

.product_tab3 .smallImg { float: left; margin: 15px; display: inline; width: 830px; overflow: hidden; }

.product_tab3 .smallImg ul { height: 114px; width: 9999px; overflow: hidden; }

.product_tab3 .smallImg li { float: left; margin-right: 30px; width: 142px; cursor: pointer; display: inline; }

.product_tab3 .smallImg img { border: 1px solid #e5e5e5; width: 140px; height: 84px; }

.fenye { height: 25px; margin: auto; clear: both; }

.fenye ul { }

.fenye ul li { border: 1px solid #fff; float: left; line-height: 25px; background: #f5f5f5; }

.fenye li a { display: block; color: #333; padding: 0 10px; }

.fenye li a:hover { background: #0e92d8; color: #fff; }

.fenye li.thisclass { color: #fff; padding: 0 10px; background: #0e92d8; }

.fenye li.thisclass a { color: #fff; }

/* product/产品详情 */







.product_xq { max-width: 1100px; padding: 50px 0; clear: both; margin: auto; }

.product_xq_txt { margin-left: 2%; float: right; width: 55%; }

.product_xq_txt h1 { font-weight: normal; font-size: 30px; line-height: 70px; color: #008cd6; }

.product_xq_txt p { line-height: 30px; color: #666; font-size: 14px; }

.product_xq_txt p span { color: #ea8213; }

.product_xq_txt p a { display: inline-block; padding: 0 40px; margin-top: 30px; border-radius: 5px; line-height: 40px; border: 1px solid #008cd6; color: #008cd6; font-size: 18px; ; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.product_xq_txt:hover p a { background: #008cd6; color: #fff; border: 1px solid #008cd6; margin-left: 10px; }

.product_xq_pic { margin-right: 2%; float: left; text-align: right; width: 35%; }

.product_xq_pic img { max-width: 100%; }

.product_xq2 { background: #ececec; padding: 50px 0; clear: both; }

.pro_top { margin: 20px 0; }

.pro_top .pic { border: 1px solid #eee; height: 300px; float: left; width: 302px; }

.pro_top .pic img { width: 300px; }

.pro_top .txt { float: right; width: 530px; }

.pro_top .txt h2 { font-weight: normal; margin: 10px 0 20px 0; font-size: 30px; color: #0e92d8; }

.pro_top .txt p { font-size: 14px; color: #666; line-height: 30px; }

.pro_title { clear: both; margin: 20px 0; border-bottom: 1px solid #eee; }

.pro_title span { display: block; width: 140px; text-align: center; line-height: 50px; font-size: 18px; color: #fff; background: #0e92d8; }

.pro_con { padding: 0 0 20px 0; }

.pro_con img { max-width: 100%; }

/* project/方案中心 */



.fazx_d { margin: 30px auto; }

.fazx_xq { padding: 50px 0; clear: both; margin: auto; }

.fazx_xq_con { width: 1100px; margin: auto; }

.fazx_xq_txt { margin-left: 2%; float: right; width: 55%; }

.fazx_xq_txt h1 { font-weight: normal; font-size: 30px; line-height: 70px; }

.fazx_xq_txt p { line-height: 30px; color: #666; font-size: 14px; }

.fazx_xq_txt p span { color: #ea8213; }

.fazx_xq_txt p a { display: inline-block; padding: 0 40px; margin-top: 30px; border-radius: 5px; line-height: 40px; border: 1px solid #008cd6; color: #008cd6; font-size: 18px; ; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.fazx_xq:hover p a { background: #008cd6; color: #fff; border: 1px solid #008cd6; margin-left: 10px; }

.fazx_xq_pic { margin-right: 2%; float: left; text-align: right; width: 35%; }

.fazx_xq_pic img { max-width: 100%; }

.fazx_xq2 { background: #ececec; padding: 50px 0; clear: both; }

.fazx_ny { background: #f5f5f5; overflow: hidden; width: 100%; padding: 0; list-style: none; }

.fazx_ny ul { width: 1000px; margin: auto; }

.fazx_ny li { font-size: 18px; border-right: 1px solid #fff; line-height: 50px; float: left; }

.fazx_ny li a { position: relative; padding: 0 30px; display: block; color: #444; }

.fazx_ny li a:hover { color: #fff; background: #008cd6; }

.fazx_ny li a:focus { color: #fff; outline: 0; background: #008cd6; }

.fazx_ny li.current a { color: #fff; background: #008cd6; z-index: 3; }

.project_list { }

.project_list li { background: #fafafa; padding: 15px; border: 1px solid #ddd; clear: both; margin-top: 20px; }

.project_list li:hover { background: #f5f5f5; }

.project_list li .pic { float: left; width: 182px; height: 119px; overflow: hidden; }

.project_list li .pic img { border: 1px solid #f5f5f5; width: 180px; height: 117px; }

.project_list li .txt { float: right; width: 550px; }

.project_list li .txt h2 strong a { font-weight: normal; font-size: 18px; line-height: 30px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.project_list li:hover .txt h2 strong a { color: #008cd6; }

.project_list li .txt p { color: #666; margin-top: 5px; line-height: 24px; }

.project_list li .txt p a { clear: both; background: #0e92d8; color: #fff; line-height: 24px; display: inline-block; border-radius: 20px; padding: 0 15px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.project_list li:hover .txt p a { margin-left: 5px; color: #fff; background: #ec4f2c; }

/* surppot/服务支持 */







.surppot1 { max-width: 1100px; margin: auto; padding: 50px 0; clear: both; }

.surppot_con { max-width: 1100px; margin: auto; }

.surppot_txt { margin-left: 2%; float: left; width: 55%; }

.surppot_txt h1 { font-weight: normal; font-size: 30px; line-height: 70px; }

.surppot_txt p { line-height: 30px; color: #666; font-size: 14px; }

.surppot_txt p span { color: #ea8213; }

.surppot_txt p a { display: inline-block; padding: 0 40px; margin-top: 30px; border-radius: 5px; line-height: 40px; border: 1px solid #008cd6; color: #008cd6; font-size: 18px; ; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.surppot_txt:hover p a { background: #008cd6; color: #fff; border: 1px solid #008cd6; margin-left: 10px; }

.surppot_pic { margin-right: 2%; float: right; text-align: right; width: 35%; }

.surppot_pic img { max-width: 100%; }

.surppot2 { background: #f5f5f5; padding: 50px 0; clear: both; }

/* news/新闻中心 */







.con_right2 { width: 790px; float: right; }

.article_list { }

.article_list li { border-bottom: 1px dashed #ddd; clear: both; margin-top: 20px; padding-bottom: 20px; }

.article_list li .pic { float: left; width: 220px; height: 150px; overflow: hidden; }

.article_list li .pic img { width: 213px; height: 145px; }

.article_list li .txt { float: right; width: 550px; }

.article_list li .txt h2 strong a { font-weight: normal; font-size: 18px; line-height: 30px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.article_list li:hover .txt h2 strong a { color: #008cd6; }

.article_list li .txt p { color: #666; margin-top: 5px; font-size: 14px; line-height: 24px; }

.article_list li .txt p a { color: #ec4f2c; margin-left: 10px; line-height: 24px; display: inline-block; float: right; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.article_list li:hover .txt p a { color: #008cd6; }

/* news/新闻详情 */







.article_left { margin-bottom: 30px; }

.article_left h1 { font-weight: normal; margin-top: 20px; font-size: 18px; line-height: 50px; text-align: center; }

.article_left .zuozhe { color: #444; line-height: 30px; padding-bottom: 10px; border-bottom: 1px dashed #ddd; text-align: center; }

.article_left .zuozhe span { margin-right: 20px; }

.article_left .zuozhe img { margin-top: 8px; }

.article { margin: 20px 0 30px 0; font-size: 14px; color: #444; line-height: 36px; }

.article img { max-width: 100%; }

.syp { border-top: 1px dashed #e5e5e5; padding-top: 20px; line-height: 30px; clear: both; color: #008cd6; font-size: 14px; }

.syp a { color: #000; }

.syp a:hover { color: #008cd6; }

.syp strong { color: #ec4f2c; font-size: 14px; margin-right: 10px; }

/* problem/常见问题 */







.cjwt_list li { border-bottom: 1px dashed #ddd; clear: both; margin-top: 40px; padding-bottom: 30px; }

.cjwt_list li h2 { font-weight: normal; line-height: 30px; clear: both; font-size: 16px; color: #008cd6; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.cjwt_list li:hover h2 { color: #eb4e2b; }

.cjwt_list li em { float: left; margin-right: 10px; padding: 0 10px; display: inline-block; background: #008cd6; font-size: 16px; line-height: 30px; color: #fff; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.cjwt_list li:hover em { background: #eb4e2b; }

.cjwt_list li h2 span { font-size: 14px; line-height: 30px; color: #999; float: right; }

.cjwt_list li .answer { clear: both; margin-top: 10px; }

.cjwt_list li .answer p { color: #666; margin-top: 10px; font-size: 14px; line-height: 24px; }

.cjwt_list li .answer em { background: #777; color: #fff; }

/* 在线保修 */



.zxbx { width: 1100px; margin: auto; background: #f5f5f5; }

.zxbx h1 { line-height: 90px; border-bottom: 1px solid #ddd; color: #333; background: url(../images/zxbx.png) no-repeat 20px 30px; padding-left: 60px; font-size: 16px; font-weight: normal; }

.zxbx em { color: #f00; }

.zxbx_left { border-right: 1px solid #ddd; float: left; width: 450px; margin: 70px 0 50px 70px; }

.zxbx h2 { margin-bottom: 40px; text-align: center; font-weight: normal; font-size: 30px; color: #008cd6; }

.zxbx h2 span { font-size: 18px; color: #666; }

.zxbx_left_con li { margin: 10px; }

.zxbx_left_con li p { font-size: 14px; color: #333; line-height: 25px; margin: 7px 0; }

.zxbx_left_con li p span { font-size: 14px; color: #666; }

.zxbx input { padding: 0 5px; font-size: 14px; color: #444; line-height: 30px; height: 30px; border: 1px solid #ddd; width: 350px; }

.zxbx_right { float: right; width: 450px; margin: 70px 70px 50px 0; }

.zxbx textarea { height: 130px; padding: 0 5px; font-size: 14px; color: #444; line-height: 30px; border: 1px solid #ddd; width: 415px; }

.zxbx .tijiao { width: 600px; margin: 50px auto; }

.zxbx .button { border: none; width: 240px; cursor: pointer; background: #008cd6; color: #fff; font-size: 24px; line-height: 50px; height: 50px; text-align: center; float: left; margin-left: 20px; }

/* download */







.download { margin: 30px auto; }

.download li { border: 1px solid #ddd; clear: both; margin-top: 30px; }

.download li h1 { line-height: 43px; padding-left: 10px; font-size: 14px; border-bottom: 1px solid #ddd; background: #f5f5f5; }

.download li:hover h1 strong a { color: #008cd6; }

.download li h1 span a { background: url(../images/download.png) no-repeat left; padding-left: 20px; float: right; color: #008cd6; margin-right: 10px; }

.download li p { margin: 10px; line-height: 30px; font-size: 14px; color: #666; }

/* 人才招聘 */







.list_zp { font-size: 14px; clear: both; margin: 20px 0; }

.list_zp h1 { color: #000; }

.list_zp h1 strong { width: 245px; display: inline-block; }

.list_zp h1 span { margin-right: 5px; float: right; width: 95px; text-align: right; display: inline-block; }

.sideMenu { }

.sideMenu h3 { background: #f5f5f5; border-bottom: 1px solid #ddd; margin-top: 10px; height: 48px; line-height: 48px; cursor: pointer; }

.sideMenu h3 em { float: right; display: block; width: 48px; height: 48px; background: url(../images/jia.png) no-repeat 12px 12px #008cd6; cursor: pointer; }

.sideMenu h3.on { background: #008cd6; }

.sideMenu h3.on em { background: url(../images/jian.png) no-repeat 12px 12px #e5e5e5; }

.sideMenu ul { background: #fff; padding: 10px 25px; color: #999; display: none; /* 默认都隐藏 */ }

.sideMenu ul li { font-size: 14px; line-height: 30px; }

.sideMenu ul li a { color: #008cd6; border: 1px solid #008cd6; line-height: 27px; margin: 10px 0; border-radius: 20px; width: 120px; text-align: center; display: block; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.sideMenu ul li a:hover { margin-left: 10px; color: #fff; font-size: 12px; background: #008cd6; border-radius: 20px; }

.sideMenu h3 strong { margin-left: 10px; color: #333; }

.sideMenu h3.on strong { color: #fff; }

.sideMenu h3 span { margin-right: 10px; float: right; color: #fff; font-weight: normal; font-size: 12px; text-align: right; }

/* 荣誉证书 */







.ryzz { margin: 30px 0; }

.ryzz ul { width: 1010px; }

.ryzz li { position: relative; margin-right: 15px; margin-bottom: 20px; width: 250px; float: left; }

.ryzz li:hover a { color: #01b0cb; }

.ryzz li img { width: 250px; height: 180px; border: 1px solid #ddd; }

.ryzz li p { line-height: 40px; text-align: center; font-size: 14px; }

.ryzs_tc { background: url(../images/tmbg.png); width: 100%; height: 100%; position: fixed; z-index: 999; top: 0; left: 0; }

.ryzs_tc p { padding-top: 3%; text-align: center; height: 90%; vertical-align: middle; }

.ryzs_tc p a { margin-left: 33px; }

.ryzs_tc p a.x { margin-left: 5px; }

.ryzs_tc img { max-width: 100%; max-height: 100%; }

/* 联系我们 */



.cutepage { TEXT-ALIGN: right }

.ditus { float: left; width: 49%; }

.con2 { clear: both; }

.foucebox { width: 550px; position: relative; float: right; overflow: hidden; }

.foucebox .bd { margin-right: 25px; margin-top: 20px; clear: both; position: relative; overflow: hidden; }

.foucebox .bd li p strong { font-size: 18px; color: #222; font-weight: normal; }

.foucebox .bd li .txt { line-height: 30px; font-size: 14px; margin-bottom: 10px; color: #666; }

.foucebox .hd { background: url(../images/ys.png) no-repeat; padding-right: 4px; z-index: 1; }

.foucebox .hd ul { position: relative; }

.foucebox .hd li { text-align: center; float: left; line-height: 24px; cursor: pointer; font-size: 14px; color: #444; margin-right: 10px; margin-bottom: 10px; width: 150px; }

.foucebox .hd li:hover { color: #fff; background: #0169b0; }

.denglu { width: 100%; margin-bottom: 30px; background: url(../images/123.jpg) no-repeat center top; height: 240px; }

.denglu_con { padding-left: 60px; width: 1100px; margin: auto; padding-top: 60px; }

.denglu input { float: left; margin-right: 50px; color: #999; margin-bottom: 20px; border: none; padding: 0 5px; width: 300px; height: 30px; line-height: 30px; }

.denglu .button { clear: both; margin-left: 340px; display: block; border: none; background: #081d4d; margin-top: 20px; color: #fff; width: 350px; height: 40px; line-height: 40px; cursor: pointer; }

.hydl { width: 100%; margin-bottom: 30px; }

.hydl_con { width: 1100px; margin: auto; padding-top: 60px; }

.hydl_left { width: 420px; float: left; }

.hydl_left h1 { text-align: center; font-size: 24px; line-height: 70px; color: #333; }

.hydl_left li { line-height: 30px; clear: both; }

.hydl_left li span { width: 90px; display: inline-block; float: left; }

.hydl_left li em { color: #f00; margin-left: 5px; }

.hydl input { float: left; color: #999; margin-bottom: 20px; border: 1px solid #ddd; padding: 0 5px; width: 300px; height: 30px; line-height: 30px; }

.hydl .button { border: none; background: #081d4d; margin-top: 20px; color: #fff; width: 400px; height: 40px; line-height: 40px; cursor: pointer; }

.hydl_right { width: 550px; float: right; }

.hydl_right img { width: 550px; height: 400px; }

.hydl_tz { width: 100%; }

.hydl_tz ul { width: 1140px; }

.hydl_tz li { float: left; margin-right: 40px; width: 530px; }

.hydl_tz li img { width: 530px; }

.hydl_tz li p { text-align: center; font-size: 18px; line-height: 50px; }

/* 投资者关系 */







.tzzgx_list li { border-bottom: 1px dashed #ddd; clear: both; margin-top: 10px; padding-bottom: 10px; }

.tzzgx_list li span { color: #666; float: right; }

.tzzgx_list li h2 { font-weight: normal; line-height: 30px; clear: both; font-size: 16px; color: #333; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.tzzgx_list li:hover h2 { color: #008cd6; }

.tzzgx_list li em { float: left; margin-right: 10px; padding: 0 10px; display: inline-block; background: #008cd6; font-size: 16px; line-height: 30px; color: #fff; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; }

.tzzgx_list li:hover em { background: #eb4e2b; }

.tzzgx_list li h2 span { font-size: 14px; line-height: 30px; color: #999; float: right; }

.tzzgx_list li .answer { clear: both; margin-top: 10px; }

.tzzgx_list li .answer p { color: #666; margin-top: 10px; font-size: 14px; line-height: 24px; }

.tzzgx_list li .answer em { background: #777; color: #fff; }

.weizhi { width: 1100px; margin-left: auto; margin-right: auto; }

.yqlj { width: 1100px; clear: both; line-height: 30px; margin: 10px auto; }

.yqlj strong { float: left; width: 35px; color: #183884; }

.yqlj ul { width: 1000px; float: left; }

.yqlj li { float: left; }

.yqlj a { color: #333; margin: 0 10px; }

.yqlj a:hover { color: #183884; }

/* 解决方案 */







.fazx_dh2 { clear: both; margin: 20px auto; position: relative; max-width: 980px; min-width: 870px; }

.fazx_dh2 .hd { height: 100%; max-width: 980px; margin: auto; }

.fazx_dh2 .hd .prev { position: absolute; top: 33%; display: block; left: -30px; width: 30px; height: 50px; cursor: pointer; background: url(../images/left2.png) no-repeat; }

.fazx_dh2 .hd .next { position: absolute; top: 33%; display: block; right: -30px; width: 30px; height: 50px; cursor: pointer; background: url(../images/left2.png) no-repeat -65px 0; }

.fazx_dh2 .bd .tempWrap { }

.fazx_dh2 .bd li { background: #f5f5f5; text-align: center; font-size: 14px; float: left; width: 200px; margin-right: 1%; }

.fazx_dh2 .bd li img { width: 200px; height: 120px; }

.fazx_dh2 .bd li p { margin: 10px 0; font-size: 16px; }

.fazx_dh2 .bd li:hover { background: #008cd6; }

.fazx_dh2 .bd li.thisclass { background: #008cd6; }

.fazx_dh2 .bd li:hover a { color: #fff; }

.fazx_dh2 .bd li.thisclass a { color: #fff; }