/*
Theme Name: DouPHP Default
Theme URI: http://demo.douco.com/
Description: DouPHP 默认模板
Version: 1.0
Author: DouCo Co.,Ltd.
Author URI: http://www.dou.co/
*/

/* 初始化
----------------------------------------------- */
body {
 font-family: Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, \5b8b\4f53, Arial, Lucida, Verdana, Helvetica, sans-serif;
 min-width:1200px;
 color: #555;
 background-color: #FFF;
}
body, button, input, textarea {
 font-size: 14px;
 line-height: 1.531;
 outline: none;
 margin: 0;
 padding: 0;
 border: 0;
}
a {
 text-decoration: none;
 color: #333333;
}
a:hover {
 color: #C70D0E;
}
p, ul, ol, dl, dt, dd, form, blockquote {
 margin: 0;
 padding: 0;
}
ul, ol, li {
 list-style: none;
}
h1, h2, h3, h4, h5, h6 {
 font-size: 12px;
 margin: 0;
 padding: 0;
}
input, select {
 font-family: Microsoft Yahei;
 vertical-align: middle;
}
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px #EEEEEE inset !important;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 vertical-align: middle;
 border: 0;
}
label {
 cursor: pointer;
}
/* 主体框架
----------------------------------------------- */
#wrapper .wrap {
 width: 1200px;
 margin: 0px auto;
}
#wrapper .mb {
 margin-bottom: 30px;
}
/* -- page -- */
#pageLeft {
 float: left;
 width: 220px;
}
#pageIn {
 background: #fff;
    width: 914px;
    float: right;
    display: inline;
    overflow: hidden;
    padding: 0 20px;
}
/* 头部导航
----------------------------------------------- */
/* -- top -- */
#top {
 background-color: #ebebeb;
 height: 35px;
 text-align: right;
 min-width:1200px;
}
#top .top_left{ float:left; line-height:35px; color:#a4a4a4;}
/* topNav */
#top .topNav {
 float: right;
 position: relative;
 z-index: 1000;
 height: 35px;
 font-size: 13px;
}
#top .topNav li {
 border-bottom: 0;
 float: left;
 zoom: 1;
 text-align: center;
}
#top .topNav li.spacer {
 overflow: hidden;
 margin: 11px 5px 0;
 width: 1px;
 height: 15px;
 background-color: #a4a4a4;
}
#top .topNav li a {
 padding: 0 7px;
 height: 35px;
 line-height: 35px;
 color: #a4a4a4;
}
#top .topNav li.hover {
 position: relative;
 background: #FFFFFF;
 border: 1px solid #DDDDDD;
 border-bottom: 0;
}
#top .topNav li.hover s {
 border-left: 1px solid #FFF;
}
#top .topNav ul {
 background: #FFFFFF;
 border: 1px solid #DDDDDD;
 border-top: 0;
 width: 100%;
 display: none;
 position: absolute;
 top: 100%;
 left: -1px;
 padding-bottom: 4px;
}
#top .topNav ul li {
 float: none;
}
#top .topNav li.hover ul li {
 border: none;
}
#top .topNav li.hover ul li a {
 height: 25px;
 line-height: 25px;
}
/* search */
#top .search {
 float: right;
 _width: 205px;
}
#top .search .searchBox {
 border: 1px solid #545454;
 background-color: #545454;
 height: 28px;
 padding-left: 10px;
}
#top .search .searchBox .keyword {
 background-color: #545454;
 color: #CCCCCC;
}
#top .search .searchBox .btnSearch {
 background-color: #545454;
}
/* -- top_logo -- */
.top_logo{ height:135px; position: relative;min-width:1200px;}
.top_logo .logo { float: left;}
.top_logo .tel{ float: right;font-size: 14px;color: #a4a4a4;background: url(images/tod.jpg) no-repeat 0 45px;padding: 35px 0 0 46px;}
.top_logo .tel p{    font-size: 30px;
    color: #146cce;
    font-weight: bold;
    line-height: 30px;}
/* -- header -- */
#header {
 height: 55px;
 position: relative;
 background:#156dce;
 z-index: 1000;
 min-width:1200px;
}
/* -- mainNav -- */
#header .mainNav {
 float: left;
 height: 55px;
 font-size: 14px;
 position: relative;
 z-index: 1001;
}
#header .mainNav li {
 position: relative;
}
#header .mainNav .m {
 height: 55px;
 _width: 100px;
 zoom: 1;
 float: left;
}
/* LEVEL ONE */
#header .mainNav .nav {
 display: block;
 text-align: center;
 height: 55px;
 line-height: 55px;
 width:150px;
 color: #fff;
 font-size:14px;
}
#header .mainNav .hover .nav, #header .mainNav .cur {
 background: #fff;
 position: relative;
 color: #156dce;
}
/* LEVEL TWO */
#header .mainNav ul {
 display: none;
 position: absolute;
 width: 120px;
 background: #272528;
 top: 100%;
 left: 0;
}
#header .mainNav ul li {
 _float: left;
}
#header .mainNav .child {
 display: block;
 text-align: center;
 font-size: 14px;
 height: 42px;
 line-height: 42px;
 color: #fff;
}
#header .mainNav .hover .hover .child {
 background: #e33541;
 color: #FFF;
}
#header .mainNav .parent {
 background: url(images/icon_main_nav.png) no-repeat 85px top;
}
#header .mainNav .hover .hover .parent {
 background: #e33541 url(images/icon_main_nav.png) no-repeat 85px bottom;
}
/* LEVEL THREE */
#header .mainNav ul ul {
 left: 100%;
 top: 0;
 min-width: 98px;
 _width: 98px;
}
#header .mainNav .children {
 display: block;
 text-align: center;
 height: 30px;
 line-height: 30px;
 padding: 0 20px;
 color: #333;
}
#header .mainNav .hover .hover .hover .children {
 background: #e33541;
 color: #FFF;
}
/* 首页样式
----------------------------------------------- */
/* -- slideShow -- */
.slideShow { min-width:1200px;}
.slideShow .slides a {
 height: 530px;
}


.sou{ height:47px;overflow:hidden; background:#f3f3f3; border-bottom:1px solid #d5d5d5;}
.s_inp01{ width:317px; margin-top:12px;}
.ip01{width:270px; height:26px; font:12px "Microsoft Yahei";line-height:26px; background:url(images/sou1.gif) no-repeat; border:0 ; padding-left:10px;overflow:hidden; color:#666;}
.ip02{ width:37px; height:26px; border:0; background:url(images/sou2.gif) no-repeat; cursor:pointer; overflow:hidden; float:right}
.sou p{ width:510px; color:#666; font:12px "Microsoft Yahei"; line-height:47px; height:47px; overflow:hidden;}
.sou p a{color:#666; padding:0 6px;}

/* -- part_title -- */
.part_title{ width:100%; float:left; text-align:center; overflow:hidden; margin:50px 0;}
.part_title h2{ font-size:36px; color:#c50008; display:inline-block; position:relative; text-transform:uppercase; padding:0 2%; line-height:40px; height:40px; font-weight:bold; }
.part_title p{ font-size:18px; color:#666666; margin-top:10px;}
.part_title h2:before {left: 100%;}
.part_title h2:after {right: 100%;}
.part_title h2:before, .part_title h2:after {content: '';position: absolute;top: 50%;width: 9999px;border-top: #ddd 1px solid;}


/* -- part1 -- */
.part1{min-width:1200px; background:#f2f2f2; padding:20px 0;}
.part1 .left{ width:224px; float:left; background:#f3f5f3;}
.part1 .left dl{}
.part1 .left dl dt{ height:37px; line-height:37px; background:#0850b1 url(images/part1_left_dt.png) no-repeat 95% center; color:#fff; font-size:14px; padding:0 10px;}
.part1 .left dl dd{ padding:12px 10px;}
.part1 .left dl dd a{ width:50%; float:left; border-bottom:1px dashed #cecdce; line-height:37px; color:#545454; background: url(images/part1_left_dd.png) no-repeat left center; text-indent:17px; text-transform:uppercase;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.part1 .right{ width:945px; float:right;}
.part1 .right .title{ background:#0850b1; height:50px; line-height:50px; color:#fff; font-size:18px; text-indent:20px;}
.part1 .right .title a{ float:right; color:#fff; margin-right:11px; font-size:14px;}
.part1 .right .list {padding-top: 20px;zoom: 1;overflow: hidden;}
.part1 .right .list dl {float: left;width: 228px;margin-right: 10px;}
.part1 .right .list dl.noMargin {margin-right: 0;}
.part1 .right .list dl dd.img {border: 1px solid #E4E4E4;}
.part1 .right .list dl dd.img img {width: 100%; height:226px;}
.part1 .right .list dl dt{ text-align:center; line-height:30px; font-size:14px; margin-bottom:14px;}



/* -- part2 -- */
.part2{min-width:1200px; padding:20px 0;}
.part2 .title{ text-align:center;}
.part2 .title h2{ font-size:28px; color:#165a99; display:inline-block; position:relative; text-transform:uppercase; padding:0 2%; line-height:40px; height:40px; font-weight:bold; }
.part2 .title p{ font-size:18px; color:#666666; margin-top:10px;}
.part2 .title h2:before {left: 100%;}
.part2 .title h2:after {right: 100%;}
.part2 .title h2:before, .part2 .title h2:after {content: '';position: absolute;top: 50%;width: 25px;border-top: #165a99 1px solid;}
.part2 .list { margin-top:50px;zoom: 1;}
.part2 .list dl {float: left;width: 226px;margin:0 7px;}
.part2 .list dl dd.img {border: 1px solid #E4E4E4;}
.part2 .list dl dd.img img {width: 100%; height:224px;}
.part2 .list dl dt{ text-align:center; line-height:30px; font-size:14px; margin-bottom:14px;}

.experts {width: 1200px; position:relative;}
.conexpert {}
.gdjyhjl {cursor: pointer;float: left;background:url(images/jiantou1.png) no-repeat center center;WIDTH: 41px;HEIGHT: 270px; TEXT-INDENT: -999px; position:absolute; left:-41px; z-index:999;}
.gdjyhjr {cursor: pointer;float: right;background:url(images/jiantou2.png)  no-repeat center center ;WIDTH: 41px;HEIGHT: 270px;  TEXT-INDENT: -999px; position:absolute; right:-41px; z-index:999;}
#gdjyhj{ float:left; }

/* -- part3 -- */
#ys{min-width:1200px;}
#ys .ys_top{ width:100%; height:242px; overflow:hidden; text-align:center;}
#ys .ys_di{ width:100%; height:190px; overflow:hidden; text-align:center; margin-bottom:30px;}
#ys .ys_mid{width:100%;background:url(images/ysbg.png) no-repeat center;}
#ys .ys_mid .ys_midcon{ width:1100px; margin:0 auto;}
#ys .ys_mid .ys_midcon .ys1{ width:1100px; height:355px;padding-top:30px;}
#ys .ys_mid .ys_midcon .ys1 .ys1_l{ width:520px; height:355px; float:left; overflow:hidden;}
#ys .ys_mid .ys_midcon .ys1 .ys1_r{ width:500px; height:355px; float:right; margin-top:30px; border-bottom:1px solid #c7c7c7; padding-left:50px;}
#ys .ys_mid .ys_midcon .ys1 .ys1_r .ys1_top h3{ width:490px; line-height:30px; overflow:hidden; font-size:24px; color:#003e7b; font-weight:600; margin-bottom:10px;}
#ys .ys_mid .ys_midcon .ys1 .ys1_r .ys1_top p{ width:490px; line-height:30px; overflow:hidden; font-size:16px; color:#999999; margin-top:10px; margin-bottom:35px;}
#ys .ys_mid .ys_midcon .ys1 .ys1_r  .ys1_xia{ width:490px; height:260px; overflow:hidden; font-size:16px; color:#999999; line-height:1.8em;}
#ys .ys_mid .ys_midcon .ys2{ width:1100px; height:340px; margin-top:25px; padding-top:30px;}
#ys .ys_mid .ys_midcon .ys2 .ys2_l{ width:500px; float:left;border-bottom:1px solid #c7c7c7; padding-right:50px;}
#ys .ys_mid .ys_midcon .ys2 .ys2_r{ width:487px; height:370px; float:right; text-align:center; overflow:hidden;}
#ys .ys_mid .ys_midcon .ys2 .ys2_l .ys2_top h3{ width:514px; margin-top:20px; height:30px; line-height:30px; overflow:hidden; font-size:24px; color:#003e7b; font-weight:600;margin-bottom:10px;}
#ys .ys_mid .ys_midcon .ys2 .ys2_l .ys2_top p{ width:514px; height:16px; line-height:16px; overflow:hidden; font-size:16px; color:#333; margin-top:10px; margin-bottom:35px;}
#ys .ys_mid .ys_midcon .ys2 .ys2_l  .ys2_xia{ width:490px; height:260px; overflow:hidden; font-size:16px; color:#999; line-height:1.8em;}
#ys .ys_mid .ys_midcon .ys3{ width:1100px; height:360px;padding-top:30px; margin-top:30px;}
#ys .ys_mid .ys_midcon .ys3 .ys3_l{ width:516px; height:360px; float:left; text-align:center; overflow:hidden;}
#ys .ys_mid .ys_midcon .ys3 .ys3_r{ width:490px; height:355px; float:right; margin-top:30px;}
#ys .ys_mid .ys_midcon .ys3 .ys3_r .ys3_top h3{ width:490px; height:30px; line-height:30px; overflow:hidden; font-size:24px; color:#003e7b; font-weight:600;margin-bottom:10px;}
#ys .ys_mid .ys_midcon .ys3 .ys3_r .ys3_top p{ width:490px; height:16px; line-height:16px; overflow:hidden; font-size:16px; color:#333; margin-top:10px; margin-bottom:35px;}
#ys .ys_mid .ys_midcon .ys3 .ys3_r .ys3_xia{ width:490px; height:260px; overflow:hidden; font-size:16px; color:#999; line-height:1.8em;}

/* -- part4 -- */
.part4{ background:#0850b1; padding:35px 0;min-width:1200px;}
.part4 .title{ text-align:center; font-size:36px;font-weight:bold; color:#fff;}
.part4 .list{ margin-top:50px;}
.part4 .list dl{ float:left; width:236px; height:344px; background:#fff; padding:10px; box-sizing:border-box; margin:0 15px;}
.part4 .list dl dd.img{}
.part4 .list dl dd.img img{ width:100%; height:140px;}
.part4 .list dl dt{margin: 27px 0 0 0;font-size: 16px;color: #282828;font-weight: bold;}
.part4 .list dl dd.desc{display: block;font-style: normal;width: 100%;font-size: 14px;color: #6e6e6e;line-height: 24px;letter-spacing: -1px;margin-top: 10px;}
.part4 .list dl dd.desc a{ color:#0667cc;}

.expertss {width: 1200px; position:relative;}
.conexperts {}
.gdjyhjsl {cursor: pointer;float: left;background:url(images/jiantou1.png) no-repeat center center;WIDTH: 41px;HEIGHT: 270px; TEXT-INDENT: -999px; position:absolute; left:0; z-index:999;}
.gdjyhjsr {cursor: pointer;float: right;background:url(images/jiantou2.png)  no-repeat center center ;WIDTH: 41px;HEIGHT: 270px;  TEXT-INDENT: -999px; position:absolute; right:0; z-index:999;}
#gdjyhjs{ float:left; margin: 0 68px;}

/* -- part5 -- */
.part5{ padding:50px 0;min-width:1200px;}
.part5 .about{}
.part5 .about .left{ float:left; width:512px;}
.part5 .about .left img{ max-width:512px;}
.part5 .about .right{ float:right; width:620px; height: 461px; position:relative;}
.part5 .about .right .title{}
.part5 .about .right .title h1 {line-height: 40px;margin-left: 15px;margin-right: 15px;font-size: 24px;color: #165a99;float: left;}
.part5 .about .right .title .line-left {float: left;border-top: 1px solid #457bad;width: 24px;margin-top: 20px;}
.part5 .about .right .title .line-right {float: left;border-top: 1px solid #457bad;width: 24px;margin-top: 20px;}
.part5 .about .right .content{margin-top: 50px;font-size: 16px;line-height: 28px;}
.part5 .about .right .list{ color:#fff; text-align:center;position: absolute;bottom: 0;}
.part5 .about .right .list dl{ float:left;}
.part5 .about .right .list dl a{display: block;height: 120px;width: 170px; }
.part5 .about .right .list dl img{margin-top: 28px;}
.part5 .about .right .list dl h1{font-weight: normal;font-size: 14px;line-height: 50px; color:#fff;}
.part5 .gfdz{ margin-top:50px;}
.part5 .gfdz .title{ text-align:center;}
.part5 .gfdz .title h1 {line-height: 40px;margin-left: 15px;margin-right: 15px;font-size: 24px;color: #165a99; display:inline-block; position:relative; text-transform:uppercase; }
.part5 .gfdz .title h1:before {left: 105%;}
.part5 .gfdz .title h1:after {right: 105%;}
.part5 .gfdz .title h1:before, .part5 .gfdz .title h1:after {content: '';position: absolute;top: 50%;width: 25px;border-top: #165a99 1px solid;}
.part5 .gfdz .list{padding-top: 23px;}
.part5 .gfdz .list li{float:left;width:137px;margin-right:72px;text-align: center;}
.part5 .gfdz .list li i{width:137px;height: 138px;display: block;transition: 0.5s;}
.part5 .gfdz .list li span.counter-value {display: block;height: 46px;line-height: 46px;font-size:24px;color: #333333;font-weight: bold;}
.part5 .gfdz .list li em {display:block;font-size:18px;color: #666666;height: 30px;line-height: 30px;}
.part5 .gfdz .list li:hover span {color: #1263db}
.part5 .gfdz .list li:hover i{animation-duration:3s;animation-name:flipInY;transition: 0.5s;}
.part5 .gfdz .list li:last-child{margin:0;}
.part5 .gfdz .list li:nth-child(1) i{background: url(images/sl_ico1.png) no-repeat;}
.part5 .gfdz .list li:nth-child(2) i{background: url(images/sl_ico2.png) no-repeat;}
.part5 .gfdz .list li:nth-child(3) i{background: url(images/sl_ico3.png) no-repeat;}
.part5 .gfdz .list li:nth-child(4) i{background: url(images/sl_ico4.png) no-repeat;}
.part5 .gfdz .list li:nth-child(5) i{background: url(images/sl_ico5.png) no-repeat;}
.part5 .gfdz .list li:nth-child(6) i{background: url(images/sl_ico6.png) no-repeat;}
.part5 .gfdz .list li:nth-child(1):hover i{background: url(images/sl_ico1_hv.png) no-repeat;}
.part5 .gfdz .list li:nth-child(2):hover i{background: url(images/sl_ico2_hv.png) no-repeat;}
.part5 .gfdz .list li:nth-child(3):hover i{background: url(images/sl_ico3_hv.png) no-repeat;}
.part5 .gfdz .list li:nth-child(4):hover i{background: url(images/sl_ico4_hv.png) no-repeat;}
.part5 .gfdz .list li:nth-child(5):hover i{background: url(images/sl_ico5_hv.png) no-repeat;}
.part5 .gfdz .list li:nth-child(6):hover i{background: url(images/sl_ico6_hv.png) no-repeat;}

 

/* -- part6 -- */
.part6{background:#ebebeb; padding:50px 0;min-width:1200px;}
.wsz { width: 798px; float: left;}
.wsz .menus { height: 63px; background: url(images/wsx.png) repeat-x 0 bottom; margin-bottom: 39px;}
.wsz .menus ul { float: left;}
.wsz .menus ul li{ float:left;}
.wsz .menus ul li span { display: block; float: left; font-size: 20px; color: #2a2a2a; line-height: 62px; padding-left: 40px; margin-right: 30px;}
.wsz .menus ul li:hover, .wsz .menus ul li.off { color: #146cce; border-bottom: 1px solid #146cce;}
.wsz .menus ul .wsa { background: url(images/ws_06.png) no-repeat left center;}
.wsz .menus ul .wsa1 { background: url(images/ws_03.png) no-repeat left center;}
.wsz .menus ul .wsa:hover, .wsz .menus ul li.off .wsa { background: url(images/wsb.png) no-repeat left center;}
.wsz .menus ul .wsa1:hover,.wsz .menus ul li.off .wsa1 { background: url(images/wsb1.png) no-repeat left center;}
.wsz .menus span { float: right;}
.wsz .menus span a { display: block; font-size: 16px; color: #424242; line-height: 62px; padding-right: 30px; background: url(images/ws_09.png) no-repeat right center; font-weight: normal;}
.wsz dl { height: 124px;}
.wsz dt { float: left;width: 216px;
    height: 110px;}
.wsz dt img { width: 216px; height: 110px;}
.wsz dd { float: left; width: 540px; height: 92px; background: #ffffff; padding: 18px 0 0 42px;}
.wsz dd p { font-size: 16px; color: #282828; font-weight: bold;}
.wsz dd p span { float: right; margin-right: 40px; font-size: 14px; color: #858585; font-weight: normal;}
.wsz dd em { display: block; width: 497px; font-size: 14px; color: #6e6e6e; line-height: 26px; height:52px; overflow:hidden; font-style: normal;}

.wsy { width: 341px; float: right;}
.wsy h4 { height: 62px; padding-left: 30px; background: #146cce url(images/ws_09.png) no-repeat 262px center;}
.wsy h4 a { font-size: 20px; color: #ffffff; line-height: 62px;}
.wsk { height: 391px; background: #ffffff; padding: 6px 30px 0 35px;}
.wsk dl { height: 115px; padding-top: 12px; border-bottom: 1px dashed #c4c3c3;}
.wsk dt a { font-size: 16px; color: #282828; font-weight: bold;}
.wsk dd { font-size: 14px; color: #6e6e6e; line-height: 24px; margin-top: 10px; height:48px; overflow:hidden;}
.wsk .nones { border: 0;}


/* -- part7 -- */
.part7{ padding:50px 0;min-width:1200px;}
.part7 .title{ text-align:center;}
.part7 .title h2{ font-size:28px; color:#165a99; display:inline-block; position:relative; text-transform:uppercase; padding:0 2%; line-height:40px; height:40px; font-weight:bold; }
.part7 .title p{ font-size:18px; color:#666666; margin-top:10px;}
.part7 .title h2:before {left: 100%;}
.part7 .title h2:after {right: 100%;}
.part7 .title h2:before, .part7 .title h2:after {content: '';position: absolute;top: 50%;width: 25px;border-top: #165a99 1px solid;}
.part7 .list{ margin-top:50px;}
.part7 .list dl{ float:left; width:228px; border:1px solid #e8e8e8; margin:5px;}
.part7 .list dl img{ width:100%; height:64px;}

/* -- part8 -- */
.part8{min-width:1200px; padding-bottom:10px; line-height:30px;}
.part8 h3{ font-size:16px; color:#165a99; display:inline-block;}
.part8 a{ font-size:16px; color:#666666; margin-right:5px;}

/* -- part9 -- */


/* -- indexBox -- */
#index .indexBox {
 padding: 15px 0;
 zoom: 1;
 overflow: hidden;
}
#index .indexBox.bg {
 background-color: #F5F5F5;
 padding: 25px 0 35px 0;
}
#index .indexBox h3 {
 color: #333;
 position: relative;
 height: 30px;
}
#index .indexBox h3 em {
 font-size: 20px;
 font-weight: bold;
}
#index .indexBox h3 .more {
 display: block;
 position: absolute;
 right: 0;
 bottom: 3px;
 width: 90px;
 text-align: center;
 line-height: 21px;
 background-color: #19B4EA;
 color: #FFF;
 font-weight: normal;
}
#index .indexBox h3 .more:hover {
 background-color: #0072C6;
 text-decoration: none;
 color: #FFF;
}
/* -- recProduct -- */
#index .recProduct {
 float: left;
 width: 570px;
 padding-right: 30px;
 border-right: 1px solid #EEEEEE;
}
#index .recProduct .list {
 padding-top: 20px;
 zoom: 1;
 overflow: hidden;
}
#index .recProduct .list dl {
 float: left;
 width: 130px;
 height: 200px;
 margin-right: 16px;
}
#index .recProduct .list dl.noMargin {
 margin-right: 0;
}
#index .recProduct .list dl dd.img {
 border: 1px solid #E4E4E4;
 margin-bottom: 8px;
 _padding-bottom: 1px;
}
#index .recProduct .list dl dd.img img {
 width: 128px;
 height: 127px;
}
/* -- recArticle -- */
#index .recArticle {
 float: right;
 width: 360px;
 text-align: left;
}
#index .recArticle .list {
 padding-top: 15px;
}
#index .recArticle .list li {
 border-bottom: 1px dotted #D1D1D1;
 padding: 0 2px 13px 2px;
 margin-bottom: 13px;
}
#index .recArticle .list li b {
 float: right;
 color: #999999;
}
#index .recArticle .list li.last {
 border-bottom: 0;
}
/* -- about -- */

/* -- contact -- */
#index .contact {
 float: right;
 width: 270px;
 text-align: left;
 padding-top: 45px;
}
#index .contact h2 {
 float: left;
 width: 80px;
 height: 30px;
 background: #19B4EA url(images/icon_contact.png) no-repeat center 12px;
 color: #FFF;
 text-align: center;
 font-size: 13px;
 font-weight: normal;
 padding-top: 40px;
}
#index .contact ul {
 float: right;
 width: 170px;
 text-align: left;
 color: #666;
}
#index .contact ul li {
 margin-bottom: 8px;
}
/* -- link -- */
#index .link {
 padding: 10px 0;
 border-top: 1px solid #DDD;
 background-color: #F5F5F5;
}
#index .link strong {
 color: #7A7F81;
 font-weight: bold;
}
#index .link a {
 color: #555;
}
/* page
----------------------------------------------- */
#page {
 padding: 20px 0;
 min-height: 400px;
}
#page h1 {
 color: #333333;
 font-size: 18px;
 font-weight: bold;
}
#page .info {
 padding: 2px 0 20px 0;
 color: #999999;
 font-size: 13px;
}
#page .content {
 color: #666666;
 line-height: 30px;
 font-size:14px;
}
#page .content img {
 max-width: 100%;
}
/* product_category
----------------------------------------------- */
#productList {
 padding-top: 20px;
 color: #999999;
}
#productList dl {
 float: left;
 width: 212px;
 margin-right:22px;
}
#productList dl.noMargin {
 margin-right: 0;
}
#productList dt {
 float: left;
 width: 100%;
 box-shadow: 0 0 6px #146cce;
}
#productList dd {
	width:100%; float:left;
}
#productList dt img {
 width: 100%;
    height: 212px;
}
#productList .name {
 height: 45px;
 line-height:45px; text-align:center;
 margin-bottom:10px;
 overflow: hidden;
 font-size: 14px;
}
#productList .name a {
 color: #000;
 width:100%; float:left;
 font-weight: bold;
}
#productList dl:hover .name a{ background:#146cce; color:#fff;}
#productList .brief {
 color: #999999;
 padding-top: 8px;
 height: 60px;
}
#productList .price {
 padding-bottom: 10px;
}
/* product
----------------------------------------------- */
.product_tree { }
.product_tree dl{}
.product_tree dl dt{ height:37px; line-height:37px; background:#0850b1 url(images/part1_left_dt.png) no-repeat 95% center; color:#fff; font-size:14px; padding:0 10px;}
.product_tree dl dd{ padding:12px 10px;}
.product_tree dl dd a{ width:50%; float:left; border-bottom:1px dashed #cecdce; line-height:37px; color:#545454; background: url(images/part1_left_dd.png) no-repeat left center; text-indent:17px; text-transform:uppercase;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


#product {
 padding: 15px 0;
}
#product .productImg {
 float: left;
 width: 420px;
}
#product .productImg img{ width:100%;}
#product .productInfo {
 float: right;
 width: 565px;
 padding: 10px 0 0 15px;
 line-height: 200%;
}
#product .productInfo h1 {
padding: 0 20px;
    line-height: 36px;
    text-align: center;
	border-bottom:2px solid #146cce;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 20px;
    color: #146cce;
}
#product .productInfo ul {
 padding-top: 10px;
 margin-bottom: 50px;
}
#product .productInfo .productPrice {
 margin-bottom: 5px;
}
#product .productInfo .productPrice .price {
 font-family: Arial;
 font-size: 20px;
 font-weight: bold;
}
#product .productInfo .btnAsk {
 zoom: 1;
 overflow: hidden;
}
#product .productInfo .btnAsk dt {
 float: left;
 width: 88px;
 height: 39px;
 line-height: 39px;
 text-align: right;
 padding-right: 3px;
 margin-right: 6px;
 background-color: #E0E0E0;
 color: #333;
 font-weight: bold;
}
#product .productInfo .btnAsk dd {
 float: left;
 width: 300px;
}
#product .productInfo .btnBuy {
 margin-bottom: 40px;
}
#product .productInfo .btnBuy .addToCart {
 background: #19B4EA url(images/btn_addtocart.png) no-repeat 20px 50%;
 color: #FFFFFF;
 padding: 8px 25px 8px 50px;
 text-decoration: none;
 cursor: pointer;
 font-size: 16px;
}
#product .productInfo .btnBuy .addToCart:hover {
 background-color: #44C4EE;
}
#product .productContent {
 padding: 15px 0;
}
#product .productContent h3 {
 background: #0850b1;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 18px;
    text-indent: 20px;
}
#product .productContent ul {
 padding: 15px 0;
 color: #666;
 line-height: 200%;
}
#product .productContent img {
 max-width: 100%;
}

.lxfs{margin-top:12px;padding-left:10px;width:315px;}
.lxfs span{width:396px;display:block;float:left;text-align:center;line-height:22px;}
.lxfs span i{font-style:normal;font-size:16px;color:#333; font-weight:bold;}
.lxfs span i.dh{font-style:normal;font-size:23px;color:#146cce; font-weight:bold;}
.lxfs span P{color:#146cce;font-size:18px;margin:0px;}
.lxfs a{display:block;float:left; border-radius:3px;box-shadow:0 0 6px #146cce; width:126px; margin-left:140px; margin-top:10px; display:inline; height:46px;background:#146cce;color:#fff;text-decoration:none;text-align:center;line-height:46px;font-size:16px;}

.online{ border-top:1px solid #e5e5e5; margin:20px 0 0; padding:20px 0; font-family:"黑体";}
.online h2{ font-size:15px; line-height:30px; background:#146cce; color:#fff; height:30px; overflow:hidden; margin:0 0 24px; padding-left:14px;}
.online h2 span{ color:#fff; display:inline-block; padding-left:20px; font-weight:normal;}
.online ul li{ margin-bottom:25px;}
.online li span{ display:inline-block; width:80px; font-size:14px; vertical-align:top; color:#4a4a4a; text-align:right; line-height:36px;}
.online li span em{ padding-right:2px; font-style:normal;}
.online .li01{ width:360px; float:left;}
.online .li02{ width:360px; float:left;}
.online .li03{ width:360px; float:left;}
.online .li04{ clear:both;}
.online li img{ vertical-align:middle; height:36px; background:#e5e5e5;}
.online .li05,.online .li06{ margin-bottom:10px;}
.inp1{ width:234px; height:36px; background:url(Img/iconfont-lianxiren.png) no-repeat 244px 10px #eeeef0; overflow:hidden; line-height:36px; border:0; padding:0 25px 0 10px;}
.inp2{ width:234px; height:36px; background:url(Img/iconfont-phone.png) no-repeat 244px 10px #eeeef0; overflow:hidden; line-height:36px;border:0; padding:0 25px 0 10px;}
.inp3{ width:234px; height:36px; background:url(Img/iconfont-youxiang.png) no-repeat 244px 10px #eeeef0; overflow:hidden; line-height:36px;border:0; padding:0 25px 0 10px;}
.inp4{ width:626px; height:109px; background:none; overflow:hidden; line-height:36px;border:1px solid #e0e0e0; resize:none;}
.inp5{ width:205px; height:36px; overflow:hidden; line-height:36px;border:1px solid #e0e0e0; background:none; margin-right:10px;}
.inp7{ width:234px; height:36px; background:url(Img/iconfont-gongsi.png) no-repeat 244px 10px  #eeeef0; overflow:hidden; line-height:36px; border:0;padding:0 25px 0 10px;}
.btn1{  width:59px; height:24px; border:0; margin:10px 27px 0 80px;}
.btn2{  width:59px; height:24px; border:0; margin:10px 0 0 0;}



/*---产品列表页面的随机资讯--*/
.RandomNews {padding-bottom:10px; margin-bottom:15px;}
.diysr{ background: url(images/top4.gif) no-repeat 6px center; height:40px; line-height:40px;color: #146cce ;font-family:"黑体";font-size: 16px;font-weight: bold; text-indent:40px;}
.diysr .line{border-top: 1px solid #ececec; font-size:0; height:0;margin-right: 10px; overflow:hidden;}
.diysr i{font-size:10px; font-family:arial; font-weight:normal; text-transform:uppercase; font-style:normal; padding-left:5px;color: #999;}
.news_random{ font-size:14px;margin-top:16px;}
.news_random ul{ padding-top:10px; display:block; width:750px;}
.news_random ul li{ height:30px;line-height:30px; padding:0;  width:365px; float:left;overflow:hidden; padding-right:10px;}
.news_random ul li a{ background:url(images/ico55.gif) no-repeat left center; padding-left:12px;}
.news_random ul li span{ font-size:12px;}

.new-s dl{width: 920px;margin: 0 auto;padding-top:0px;height:134px;}
.new-s dl dt {height:124px;width: 228px;float: left;position: relative;border-bottom: 1px solid #e2e2e2}
.new-s dl dt img{width: 216px;height: 110px;}
.new-s dl dt p{width: 216px;height: 28px;display: inline-block;position: absolute;top:53px;left:2px;font: 14px 'Microsoft  YaHei';color: #fff;text-align: center;line-height: 28px}
.new-s dl dd{width: 674px;float: right;height:124px;border-bottom: 1px solid #e2e2e2; position:relative;}
.new-s dl dd p{color: #353e47;font-size: 16px;font-weight:normal;margin-bottom:8px;}
.new-s dl dd span{font-size: 14px ;color: #353e47;display:inline-block;width: 668px;line-height: 24px; height:50px; overflow:hidden;}
.new-s dl dd a{display: inline-block; font-size:12px; font-family:'黑体';color: #c53535; float:right; position:absolute; bottom:15px; right:5px;}
.news_random ul li a{ color:#353e47;padding-top:6px;}
.news_random ul li a:hover{ color:#146cce; padding-left:16px;}
.news_random ul{ padding-top:0; margin:0 auto; width:910px;}
.news_random ul li{width:440px; padding:0 10px 0 0; font-size:12px;}
.news_random ul li.fr{ float:right;}

/* article_category
----------------------------------------------- */
#articleList dl {
 border-bottom: 1px dotted #D1D1D1;
 padding: 20px 0;
 zoom: 1;
 overflow: hidden;
}
#articleList dl.last {
 border-bottom: 0;
}
#articleList dt {
 width: 620px;
 margin-bottom: 10px;
 font-size: 18px;
}
#articleList dd {
 color: #999999;
 line-height: 180%;
 zoom: 1;
 overflow: hidden;
}
#articleList dd p {
 float: left;
}
#articleList dd p.img {
 margin-right: 10px;
}
#articleList dd p.desc {
 width: 590px;
}
#articleList .numDate {
 float: right;
 text-align: right;
 padding-top: 12px;
}
#articleList .numDate em {
 background-color: #b81b26;
 color: #FFF;
 padding: 3px 4px;
 font-size: 14px;
 font-weight: bold;
}
#articleList .numDate p {
 font-size: 16px;
 color: #999999;
 margin-top: 5px;
}

/* article_category2
----------------------------------------------- */
.article-info, .article-info2 {
    clear: both;
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
}
.article-info .art-img {
    float: left;
    height: 120px;
    overflow: hidden;
    position: relative;
	text-align:center;
    width: 180px;
}
.article-info .art-img img{ max-height:100%; max-width:100%;}
.article-info .art-info {}
.article-info .art-info .title {
    line-height: 30px;
    height: 30px;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
	font-size: 18px;
}
.article-info .cont-short {
    -moz-box-orient: vertical;
    color: #999;
    display: -webkit-box;
    font-size: 14px;
    line-height: 24px;
    max-height: 24px;
    margin-bottom: 10px;
    overflow: hidden;
    word-wrap: break-word;
    padding-left: 10px;
}
.article-info .art-other {
    color: #999;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    padding-left: 10px;
}
.article-info .art-other .author {
    float: left;
}
.article-info .art-other a {
    color: #999;
}
.article-info .art-other .author p.info {
    display: inline-block;
}
.article-info .art-other .bdsharebox {
    float: right;
    margin-left: 20px;
}

/* zxnr01
----------------------------------------------- */
.zxnr_bt01 {
    background: url(images/zxnr_bg01.gif) repeat-x;
    height: 57px;
    line-height: 57px;
    overflow: hidden;
    border: solid 1px #ddd;
}
.zxnr_bt01 span {
    display: block;
    overflow: hidden;
    font-size: 20px;
    color: #000;
    text-align: center;
}
.zxnr_con01 {
    width: 928px;
    border: solid 1px #d9d9d9;
    border-top: none;
    background: #f2f2f2;
    padding: 28px 0 0 30px;
}
.zxnr_con01 p {
    display: block;
    width: 878px;
    font-size: 14px;
    color: #858585;
    line-height: 24px;
    padding-bottom: 10px;
}
.zxnr_con01 p.chu em {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #8a8a8a;
    padding-right: 20px;
    margin-bottom: 10px;
}
.zxnr_bot {
    margin: 1px 0 0;
}
.zxnr_bot span {
    display: block;
    float: left;
}
.zxnr_bot span a {
    width: 448px;
    height: 40px;
    background: #e5e5e5;
    display: block;
    padding: 23px 0 0 31px;
}
.zxnr_bot span a:hover, .zxnr_bot .cur a {
    background: #f9e5e6;
}
.zxnr_bot span a i {
    background: url(images/zxnr_le02.png) no-repeat;
    width: 12px;
    height: 20px;
    display: block;
    float: left;
}
.zxnr_bot span a:hover i, .zxnr_bot .cur a i {
    background: url(images/zxnr_le01.png) no-repeat;
}
.zxnr_bot span a em {
    display: block;
    float: left;
    padding: 0 0 0 29px;
    font-size: 14px;
    color: #000;
    margin-left: 21px;
    border-left: solid 1px #a49798;
}
.zxnr_bot p {
    display: block;
    float: right;
}
.zxnr_bot p a {
    width: 480px;
    height: 40px;
    background: #e5e5e5;
    display: block;
    padding: 23px 0 0 0;
}
.zxnr_bot p a em {
    display: block;
    float: left;
    padding: 0 29px 0 0;
    font-size: 14px;
    color: #000;
    border-right: solid 1px #a49798;
    width: 350px;
    text-align: right;
    margin-right: 29px;
}
.zxnr_bot p a i {
    background: url(images/zxnr_ri01.png) no-repeat;
    width: 12px;
    height: 20px;
    display: block;
    float: left;
}

/* article
----------------------------------------------- */
#article {
 padding: 15px 0;
 min-height: 400px;
}
#article h1 {
 color: #333333;
 font-size: 20px;
 margin-top:10px;
 margin-bottom:10px;
 text-align:center;
 font-weight: bold;
}
#article .info {
 color: #999999;
 text-align:center;
 font-size: 13px;
 border-top:1px solid #ddd;
 border-bottom:1px solid #ddd;
 line-height:30px;
 margin:10px 0;
}
#article .content {
 color: #666666;
 line-height: 180%;
}
#article .content img {
 max-width: 100%;
}
/* 提示信息
----------------------------------------------- */
#douMsg {
 padding: 10px 0 100px 0;
}
#douMsg dl {
 padding: 160px 0 200px 0;
 text-align: center;
}
#douMsg dt {
 color: #0072C6;
 font-size: 16px;
 margin-bottom: 30px;
 font-weight: bold;
}
#douMsg dd {
 color: #666;
}
#douMsg dd a {
 margin-left: 5px;
 color: #000;
}
/* 全局样式
----------------------------------------------- */
/* -- urHere -- */
.urHere {
 height: 30px;
 line-height: 30px;
 padding-top: 15px;
 margin-bottom:20px;
 color: #333; font-size: 14px;
}
.urHere a {
 color: #ed1c24;
}
.urHere b {
 margin: 0 8px;
}

.crumb{border-bottom:3px solid #960303;height:40px;line-height:40px;}
.crumb span{border-left:5px solid #960303;height:23px; line-height:23px; padding-left:5px; margin-left:5px; margin-top: 7px;}
.crumb b,.crumb b a{color:#756a5a;font-family:'宋体';}
.crumb b a{margin:0px 3px;}
.fr {
    float: right;
}
.fl {
    float: left;
}
.fs18 {
    font-size: 18px;
}

/* -- tree -- */
.treeBox {
 margin-bottom: 15px;
}
.treeBox h3 {
	text-align: center;
    font-size: 24px;
    color: #ffffff;
    height: 70px;
    line-height: 70px;
    background: #146cce;
}
.treeBox ul{}
.treeBox li {
	width: 100%;
    height: 54px;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}
.treeBox li span {
    display: block;
    float: left;
    border: 1px solid #333;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    margin: 24px 18px 0 24px;
}
.treeBox li a {
	display: block;
    float: left;
    font-size: 14px;
    color: #333333;
	line-height:17px;
    margin-top: 22px;
}
.treeBox li i {
    display: block;
    float: right;
    font-size: 14px;
    color: #e0e0e0;
    margin: 24px 15px 0 0;
}


.treeBox .search {
 margin: 20px 0;
}
.treeBox .search .keyword {
 width: 136px;
}
.treeBox .lxfs{ line-height:30px; font-size:14px; text-align:left;}

/* -- product_new -- */
.product_new{ margin-bottom: 15px; }
.product_new h3{text-align: center;font-size: 24px;color: #ffffff;height: 70px;line-height: 70px;background: #146cce;}
.product_new .list {padding-top: 20px;zoom: 1;overflow: hidden;}
.product_new .list dl {float: left;width: 100%; margin-bottom: 10px;}
.product_new .list dl.noMargin {margin-right: 0;}
.product_new .list dl dd.img {border: 1px solid #E4E4E4;}
.product_new .list dl dd.img img {width: 100%; height:218px;}
.product_new .list dl dt{ text-align:center; line-height:30px; font-size:14px; margin-bottom:14px;}

/* -- case_list -- */
.case_list{padding:0 10px 10px;overflow: hidden;background: #fff;}
.case_list h2{font-weight: normal;font-size: 14px;line-height: 40px;border-bottom: 1px solid #e1e1e1;}
.case_list ul{width: 200px;}
.case_list li{margin: 14px 9px 0 0;}
.case_list li, .case_list li img{width: 198px; }
.case_list li p{width: 100%; line-height: 26px;height: 26px;text-align: center;background: rgba(0,0,0,.6);left: 0;bottom: 0;color: #fff;}
.alsjs{ font-size:12px;}

/* -- ny_nav -- */
.ny_nav { background:#f0f0f0}
.ny_nav dl {  line-height:51px; overflow:hidden; border-bottom:solid 1px #d8d8d8} 
.ny_nav dl dt { float:left; padding-left:50px;}
.ny_nav dl dt a em { font-size:16px; color:#333; display:block; float:left; width:90px;}
.ny_nav dl .ny_dt01 a em { width:80px;}
.ny_nav dl dt a img { display:block; float:left; padding:13px 0 0;}
.ny_nav dl dd { float: right; width:1000px;}
.ny_nav dl dd a { font-size:14px; color:#333; padding-right:20px;}
.ny_nav dl dd a:hover,.ny_nav dl dd a.cur { color:#ed1c24} 

/* -- screen -- */
.screen {
 padding-top: 20px;
 border-bottom: 1px dotted #DDD;
}
.screen dl {
 margin-bottom: 10px;
}
.screen dl dt {
 display: inline-block;
 font-weight: bold;
}
.screen dl dd {
 display: inline-block;
}
.screen dl dd a {
 display: inline-block;
 background-color: #DDD;
 color: #555;
 padding: 2px 10px;
 margin-right: 8px;
}
.screen dl dd a.cur {
 background-color: #19B4EA;
 color: #FFF;
}
/* -- searchBox -- */
.searchBox {
 border: 1px solid #DDDDDD;
 background-color: #FFF;
 height: 28px;
 padding-left: 10px;
}
.searchBox .keyword {
 color: #CCCCCC;
}
.searchBox .btnSearch {
 background: url(images/icon_search.png) no-repeat 50% 50%;
 width: 28px;
 height: 28px;
 text-indent: -999px;
 overflow: hidden;
 cursor: pointer;
}
/* -- common -- */
.cue {
 color: red;
 font-size: 12px;
}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.captcha {
 text-transform: uppercase;
}
.price {
 color: #CC0000;
}
.none {
 display: none;
}
.pointer {
 cursor: pointer;
}
/* -- form -- */
.btn {
 display: inline-block;
 background-color: #0072C6;
 color: #EEE;
 padding: 6px 25px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 text-align: center;
 -webkit-appearance: none;
}
.btn:hover {
 text-decoration: none;
 color: #FFFFFF;
 background-color: #007AD5;
}
.btnGray {
 display: inline-block;
 background-color: #CCC;
 border: 0;
 color: #333;
 padding: 6px 15px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 -webkit-appearance: none;
}
.btnPayment {
 display: inline-block;
 background-color: #ff4246;
 color: #FFF;
 padding: 7px 28px;
 text-transform: capitalize;
 cursor: pointer;
 font-weight: bold;
 font-size: 14px;
 text-align: center;
 -webkit-appearance: none;
}
/* -- input -- */
.textInput {
 height: 20px;
 padding: 6px;
 font-size: 14px;
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 color: #666;
 -webkit-appearance: none;
}
.textArea {
 padding: 4px;
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 line-height: 20px;
 -webkit-appearance: none;
}
.textAreaAuto {
 border: 1px solid #E9E9E9;
 background-color: #FFF;
 padding: 0;
 font-size: 12x;
 line-height: 20px;
 resize: none;
 min-height: 40px;
 -webkit-appearance: none;
}
/*- tableBasic -*/
.tableBasic {
 color: #666666;
 border-left: 1px solid #EEE;
 border-top: 1px solid #EEE;
 border-collapse: collapse;
}
.tableBasic select {
 color: #8F8F8F;
}
.tableBasic td, .tableBasic th {
 border-right: 1px solid #EEE;
 border-bottom: 1px solid #EEE;
}
.tableBasic th {
 background-color: #EEE;
}
.tableBasic .child {
 background-color: #FFFFFF;
}
.tableBasic td label {
 margin-right: 15px;
}
.tableBasic td i {
 color: #F00;
 margin-left: 5px;
 font-weight: bold;
}
/*- tableDiv -*/
.tableDiv dl {
 zoom:1;
 overflow:hidden;
 margin-bottom:20px;
}
.tableDiv dl dt {
 font-weight: bold;
 margin-bottom: 5px;
 font-size: 13px;
}
.tableDiv dl dt i {
 color:#F00;
 margin-left:5px;
 font-weight:bold;
}
.tableDiv dl dd label {
 margin-right: 15px;
 line-height:34px;
}
/* -- lift -- */
.lift {
 margin-top: 60px;
 color: #999;
 font-size: 14px;
}
.lift a {
 color: #999;
}
.lift span {
 margin-right: 15px;
}
/* -- pager -- */
.pager {
 text-align: right;
 padding-top: 20px;
 color: #666;
 font-size: 14px;
}
.pager a {
 color: #666;
 text-decoration: underline;
}
/* -- pager class two -- */
.pager ul {
 display: inline-block;
 *display: inline;
 border-left: 1px solid #dddddd;
}
.pager ul li {
 display: inline;
}
.pager ul li a {
 float: left;
 padding: 0 14px;
 line-height: 38px;
 text-decoration: none;
 background-color: #ffffff;
 border: 1px solid #dddddd;
 border-left-width: 0;
}
.pager ul li a:hover {
 background-color: #f5f5f5;
}
.pager ul .active a {
 background-color: #f5f5f5;
 color: #999999;
 cursor: default;
}
/* -- onlineService -- */
.onlineService {
 position: fixed;
 _position: absolute;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
 top: 208px;
 right: 0;
 z-index: 999999;
 display: block;
}
.onlineService .onlineIcon {
 position: relative;
 cursor: pointer;
 background: url(images/online_service.png) no-repeat;
 width: 34px;
 height: 110px;
 text-indent: -9999px;
 overflow: hidden;
}
.onlineService #pop {
 border: 3px solid #19B4EA;
 background-color: #F2F2F2;
 padding: 8px;
 width: 95px;
 min-height: 84px;
 position: absolute;
 right: 34px;
 top: 0;
 display: none;
 z-index: 999999;
}
.onlineService .onlineQQ a {
 display: block;
 background: url(images/online_service.png) no-repeat left -160px;
 color: #19B4EA;
 width: 82px;
 height: 24px;
 line-height: 23px;
 padding-left: 27px;
 margin-bottom: 8px;
}
.onlineService .onlineQQ a:hover {
 text-decoration: none;
 color: #19B4EA;
}
.onlineService .service {
 border-top: 1px solid #DDDDDD;
 padding-top: 8px;
 color: #666;
}
.onlineService .service a {
 color: #666;
}
.onlineService .service li {
 background: url(images/online_service.png) no-repeat left -202px;
 padding-left: 8px;
}
.onlineService .goTop {
 display: none;
}
.onlineService .goTop .goBtn {
 background: #F2F2F2 url(images/online_service.png) no-repeat left -120px;
 width: 34px;
 height: 34px;
 display: block;
}
/* footer
----------------------------------------------- */
#footer {
 background-color: #146cce;
 padding-bottom:30px;
 font-size: 14px;
 min-width:1200px;
}
#footer .footNav {
 margin-bottom: 30px;
 border-bottom:1px solid #fff;
 line-height:120px;
}
#footer .footNav a {
 color: #fff;
 font-size:14px;
}
#footer .footNav i {
 margin: 0 20px;
 color: #fff;
}
#footer .footNav a.first {
 margin-left: 0;
}
#footer .footer_l{ width:750px; float:left;}
#footer .footer_l .foot_logo{ float:left; margin-right:50px; margin-top:72px;}
#footer .copyRight{
	float:left;
 font-family: Arial;
 color: #fff;
 font-size:16px; line-height:30px;
}
.footer_r{ width:350px; float:right; text-align:center; margin-top:30px;}
.footer_r li{ display:inline-block; margin:0 20px;}
.footer_r li p{ color:#fff; font-size:14px; line-height:30px; margin-top:20px;}

.footer_l{ width:450px; float:left;}
.lxfs{ margin-top:20px;}
.lxfs li{ font-size:14px; color:#fff; line-height:25px;}

.f_yq{padding: 50px 0 0;width: 400px; float:left;}
.f_yq span { display:block; width:310px; height:50px;}
.f_yq span i a { display:block; float: left; font-size:18px; color:#fff;}
.f_yq p{ display:inline-block;}
.f_yq p a { font-size:14px; color:#8a8a8a; padding-right:18px; display:block; float:left; line-height:30px;}
.f_yq p a:hover { color:#fff;}



.right_product{}
.right_product .title{ background:#0850b1; height:50px; line-height:50px; color:#fff; font-size:18px; text-indent:20px;}
.right_product .title a{ float:right; color:#fff; margin-right:11px; font-size:14px;}
.right_product .list {padding-top: 20px;zoom: 1;overflow: hidden;}
.right_product .list dl {float: left;width: 221px;margin-right: 10px;}
.right_product .list dl.noMargin {margin-right: 0;}
.right_product .list dl dd.img {border: 1px solid #E4E4E4;}
.right_product .list dl dd.img img {width: 100%; height:226px;}
.right_product .list dl dt{ text-align:center; line-height:30px; font-size:14px; margin-bottom:14px;}

.cpzd {
        border: 2px solid #eee;
        padding: 15px 20px;
        text-align: center;
    }
    
    .jcsbl {
        width: 280px;
        border: 5px solid #eee;
        float: left;
        text-align: center;
        padding-top: 15px;
        height: 323px;
    }
.content1 {
        margin-bottom: 15px;
    }
    
    .content1 .jscbl2 {
        height: 233px;
    }
    
    .jcsbl:hover {
        color: #1263db;
        border: 5px solid #1263db;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3)
    }
    
    .jcsbr {
        margin: 0 22px;
        text-align: center;
    }
    
    .jcsbl p {
        padding: 1px 15px;
        text-align: left;
    }
    
    .jcsbr p {
        padding: 15px 15px;
    }
 .tit {
        font-size: 24px;
        text-align: center;
        margin: 25px 0;
    }
    
    .chi {
        margin-bottom: 5px;
        color: #333333;
        font-weight: bold;
    }
    
    .eng {
        text-transform: uppercase;
        font-weight: 100;
        font-size: 15px;
        color: #b9b9b9;
    }
	 .drst5 .xtb {
        width: 60px;
    }
    
    .linc {
        width: 80px;
        height: 3px;
        background: #282924;
        display: block;
        margin-top: -10px;
        display: none
    }
    
    .drstl5 {
        width: 434px;
        float: left;
        padding: 0px 10px 0px 20px;
    }
    
    .drstl7 {
        width: 450px;
        float: left;
    }
    
    .drstr5 {
        width: 448px;
        float: right;
    }
    
    .drstr7 {
        width: 460px;
        float: right;
        padding: 0px;
    }
    
    .drst7 {
        height: 280px;
        margin-bottom: 15px;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
        border: 1px solid #eee;
    }
    
    .drst5 {
        height: 280px;
        margin-bottom: 15px;
        box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);
        border: 1px solid #eee;
    }
    
    .drst5 .ymxh {
        display: block;
        font-size: 20px;
        color: #333;
        padding-left: 68px;
        line-height: 100%;
        height: 62px;
        background:url(images/gfimg13.jpg) no-repeat;
        margin-bottom: 25px;
        line-height: 32px;
        margin-top: 50px;
    }
    
    .drst7 .ymxh {
        display: block;
        font-size: 20px;
        color: #333;
        padding-right: 88px;
        line-height: 100%;
        height: 62px;
        background:url(images/gfimg12.jpg) no-repeat 385px 0;
        margin-bottom: 25px;
        line-height: 32px;
        text-align: right;
        margin-top: 50px;
    }
    
    .drst7 .ymxh3 {
        background:url(images/gfimg14.jpg) no-repeat 385px 0;
        ;
    }
    
    .drst5 .ymxh4 {
        background:url(images/gfimg15.jpg) no-repeat;
    }
    
    .drst7 .ymxh5 {
        background:url(images/gfimg16.jpg) no-repeat 385px 0;
        ;
    }
    
    .drst7 .xtb {
        width: 60px;
        margin: 20px 0 0 460px;
    }
    
    .drst7 .zdzg {
        margin: 0px 20px 0 30px;
        margin-bottom: 0px;
        font-size: 15px;
        margin-bottom: 40px;
    }
    
    .drst5 .zdzg {
        margin: 30px 50px 0 0px;
        font-size: 15px;
        margin-bottom: 15px;
        ;
    }
	.drstl7 img {
    max-width: 100%;
}
.drstr5 img {
    max-width: 100%;
}



.clear {
        clear: both
    }
    
    .blk-main {
        width: 100%;
    }
    
    .blk {
        margin: 0 auto 20px auto;
    }
    
    .content1 {
        width: 1200px;
        margin: 0 auto;
    }
    
    .p12-aboutinfo-1-nr {
        padding: 0 0px 20px!important;
    }
    
    .p12-aboutinfo-1-tit {
        display: none;
    }
	
	.gsjsl2 .ysppsl {
        padding: 80px 0 0 60px;
    }
    
    .gsjsr2 {
        width: 580px;
        float: left;
        border: 5px solid #56d317;
    }
    
    .gsjsl2 {
        width: 560px;
        float: right;
    }
    
    .gsjsl2 p {
        text-indent: 2em;
        line-height: 32px;
        font-size: 15px;
        margin-top: 24px;
    }
    
    .jhgf {
        font-size: 24px;
        color: #115dcd;
        display: block;
        font-weight: bold;
        margin-top: 40px;
    }
    
    .jhgf2 {
        font-size: 24px;
        color: #e3e3e3;
        display: block;
        margin-top: 5px;
    }
    
    .gsjsl2 b {
        display: block;
        width: 131px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background: #56d317;
        margin-top: 59px;
        border-radius: 5px;
        color: #fff;
        font-size: 18px;
    }
    
    .gsjsl2 b a {
        color: #fff;
    }
	
	 .g_pp {
            background:url(http://www.gf-tpe.com/resource/images/cd91343a59814d54bca71e339cc1c9bf_68.jpg?ver=5) no-repeat center top;
            height: 258px;
            padding-top: 62px;
        }
        
        .g_pp .pptit {
            float: left;
            width: 466px;
            margin-left: 28px;
            padding-top: 24px;
        }
        
        .g_pp .pptit dt {
            float: left;
            width: 134px;
            height: 134px;
            overflow: hidden;
            margin-right: 26px;
        }
        
        .g_pp .pptit dt img {
            width: 134px;
            height: 134px;
            display: block;
            transition: all 1s ease 0s;
        }
        
        .g_pp .pptit dt:hover img {
            transform: scale(1.1);
        }
        
        .g_pp .pptit dd {
            float: left;
            width: 240px;
            background:url(http://www.gf-tpe.com/resource/images/cd91343a59814d54bca71e339cc1c9bf_72.png?ver=12) no-repeat;
            padding-top: 46px;
            height: 90px;
            font-size: 22px;
            font-weight: bold;
            color: #333333;
        }
        
        .g_pp .ppr {
            float: right;
            width: 706px;
            padding-top: 15px;
        }
        
        .g_pp .pprup {
            height: 68px;
            border-bottom: 2px solid #e2e2e2;
            margin-bottom: 22px;
        }
        
        .g_pp .pprup ul {
            height: 34px;
        }
        
        .g_pp .pprup li {
            float: left;
            height: 34px;
            line-height: 34px;
            font-size: 18px;
            color: #333333;
            padding-left: 22px;
            background:url(http://www.gf-tpe.com/resource/images/cd91343a59814d54bca71e339cc1c9bf_74.png?ver=3) no-repeat 0 8px;
            margin-right: 10px;
        }
        
        .g_pp .pprup p {
            font-size: 12px;
            color: #999999;
            padding-left: 22px;
            margin: 0;
        }
        
        .g_pp .ibrand-num li {
            float: left;
            font-size: 16px;
            color: #666666;
        }
        
        .g_pp .ibrand-num li em {
            display: inline-block;
            font-size: 42px;
            color: #333333;
            font-style: normal;
        }
        
        .g_pp .ibrand-num i {
            font-size: 20px;
            font-style: normal;
            position: relative;
            top: -2px;
            color: #333;
            font-style: normal;
        }
        
        .g_pp .ibrand-num li span {
            display: block;
        }
        
        .g_pp .ibrand-num .li1 {
            width: 130px;
            margin-right: 17px;
        }
        
        .g_pp .ibrand-num .li2 {
            width: 160px;
            margin-right: 22px;
        }
        
        .g_pp .ibrand-num .li3 {
            width: 180px;
            margin-right: 22px;
        }
        
        .g_pp .ibrand-num .li4 {
            width: 150px;
            background: none;
        }
		
		.gsjsr3 {
        width: 500px;
        float: right;
        border: 5px solid #56d317;
    }
    
    .gsjsl3 {
        width: 620px;
        float: left;
        padding-top: 70px;
        padding-left: 30px;
    }
    
    .gsjsl3 p {
        padding: 15px 0 0 0;
        text-indent: 2em;
    }
    
    .ppsl {
        width: 200px;
        height: 3px;
        background: #56d418;
        display: block;
    }
    
    .ppsle {
        text-transform: uppercase;
        font-size: 44px;
        color: #efefef;
        display: block;
        font-weight: bold;
        font-style: italic;
        margin-top: 15px;
        letter-spacing: 2px;
    }
    
    .gsjsr5 {
        width: 500px;
        float: left;
        border: 5px solid #56d317;
    }
    
    .gsjsl5 {
        width: 620px;
        float: right;
        margin-top: 30px;
    }
    
    .gsjsl5 p {
        text-indent: 2em;
        margin-top: 25px;
    }
	.content1{line-height: 28px;}
	.content1 img{ width:100%;}



.tl-fdh-02 {
    height: 55px;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    width: 1200px;
    margin: 0 auto 20px;
}
	
.blk {
    margin: 0 auto 20px auto;
}
.tl-fdh-02 li {
    width: 14.2%;
    height: 55px;
    font-size: 18px;
    line-height: 55px;
    text-align: center;
    float: left;
    border-right: 1px solid #eee;
    margin-right: -1px;
    background: #f4f4f4;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tl-fdh-02 li.sidenavcur, .tl-fdh-02 li:hover {
    background: url(images/p16-icon6.png) no-repeat bottom center #1363dc;
    border-color: #1363dc;
}
.tl-fdh-02 li.sidenavcur a, .tl-fdh-02 li:hover a {
    color: #fff;
}
.tl-fdh-02 li a {
    display: block;
    height: 55px;
    color: #a8a8a8;
}

.contactus ul {
        height: 180px;
        margin: 0 auto;
        margin-top: 20px;
    }
    
    .contactus ul li {
        border-bottom: 1px solid #e9e9e9;
        float: left;
        height: 45px;
        line-height: 45px;
        margin: 14px 0 0;
        padding: 0 0 14px 70px;
        width: 500px;
    }
    
    .obnpp {
        font-size: 22px;
        font-weight: bold;
        color: #105ad7;
        width: 100%;
        height: 40px;
        border-bottom: 1px solid #eee;
    }
.contact1{background:url(images/contact1.png) left top no-repeat;}
.contact2{background:url(images/contact2.png) left top no-repeat;}
.contact3{background:url(images/contact3.png) left top no-repeat;}
.contact4{background:url(images/contact4.png) left top no-repeat;}
.contact5{background:url(images/contact5.png) left top no-repeat;}
.contact6{background:url(images/contact6.png) left top no-repeat;}


/*代工*/
#daigong{margin: 100px 0;}
#daigong .bottom{height: 300px;margin-top:50px;}
#daigong .bottom li{width: 220px;height: 300px;border-radius: 15px;color: #333;background: #f4f4f4;float: left;margin-right: 25px;}
#daigong .bottom li:last-child{margin-right: 0px;}
#daigong .bottom li p{font-size: 18px;color: #333;text-align: center;}
#daigong .bottom li p span{font-weight: bold;font-size: 24px;display: block;margin-top: 10px;}
#daigong .bottom li hr{width: 30px;height: 1px;background: #333333;border:none;margin-top: 25px;}
#daigong .bottom li img{display: block;margin: 55px auto 30px;}
#daigong .bottom li:hover{background: #00253d;color: #fff;}
#daigong .bottom li:hover hr{background: #fff;}
#daigong .bottom li:hover p{padding-top: 50px;color: #fff;}
#daigong .bottom li:hover img{display: none;}
#daigong .bottom li .wen{display: none;padding-top: 20px;width: 85%;margin: 0 auto;font-size: 14px;line-height: 25px;text-align: center;}
#daigong .bottom li:hover .wen{display: block;}
#daigong .title {
    text-align: center;
    font-size: 16px;
}
#daigong .title p {
    font-size: 36px;
    color: #333;
    padding-bottom: 15px;
}
#daigong .title p span {
    font-weight: bold;
}
#daigong .title i {
    text-transform: uppercase;
    font-family: 'Oswald-Medium';
    letter-spacing: 15px;
    color: #999;
    font-size: 12px;
    display: block;    font-style: normal;
}
.content1 {
    width: 1200px;
    margin: 0 auto;
}

.ts{ margin-top:64px; background:url(images/ts_bg.jpg) no-repeat center top; height:521px; overflow:hidden; position:relative;}
.ts dl{ width:530px; float:right; margin-top:48px;}
.ts dd{ font:16px "Microsoft Yahei"; line-height:53px; height:53px; overflow:hidden; color:#555;}
.ts dd b{ color:#d40900;}
.ts .dd02{ padding-left:27px;}
.ts .dd03{ padding-left:50px;}