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

.content-box-all{ height:auto !important;}
.banner-blank{ height:335px; line-height:335px; text-align:center;}
.content-main-box{ background:url(../images/left-top-bg.png) left top no-repeat;}
.content-left{ width:271px;}
.left-menu{ height:101px; padding-left:55px; color:#FFF; padding-top:20px}
.left-menu span.en{ font-size:160%; font-family:arial; font-weight:normal}
.left-menu span.cn{ font-size:180%; font-family:"微软雅黑"}
.left-pro-box{ width:269px; height:auto !important; overflow:hidden; border:1px solid #B8B9BB; border-top:0px; background:#EFF3F6; padding-top:19px}
left-pro-box ul{}
.nav-item{}

.nav-item a.big{display: block;overflow: hidden;padding-left: 20px;line-height: 49px;max-height: 49px;color: #ABB1B7;transition: all .3s ease;border-bottom:1px solid #D6D6D6; }
.nav-item ul li a{border:1px solid #D6D6D6; margin-left:6px; margin-top:7px; line-height:32px; padding-left:32px; display:block; color:#666666}
.nav-item ul{ padding-bottom:12px}
.nav-item{position: relative;}
.nav-item.nav-show{border-bottom: none;}
.nav-item ul{display: none;}
.nav-item.nav-show ul{display: block;}
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height:20px;background: #767779;opacity:1;transition: all .3s; top:17px; left:4px}


/*---------------------*/
.nav-item>a .nav-more{float:right;margin-right:16px; width:15px; height:15px; background:url(../images/neiye-pro-dot.png) no-repeat; margin-top:20px;transition:all  0.5s ease;}

/*---------------------*/

.nav-show a.big,.nav-item>a:hover{color:#FFF; border-bottom:0px solid #FF8A00; background:#333333}
.nav-show>a:before,.nav-item>a:hover:before{background:#FFF;opacity:1;}
.nav-show a.big .nav-more,.nav-item a:hover .nav-more{background:url(../images/neiye-pro-ondot.png) no-repeat;}
.nav-item li:hover a{border:1px solid #FF8A00}




.left-contact{ height:298px; background:#2378d0; color:#FFF; } 
.left-contact-title{ height:82px; line-height:82px; text-align:center; font-size:24px; background:url(../images/left-contact-title.jpg) center no-repeat;}
.left-contact h2{text-align:center; font-size:200%; padding-top:12px;}
.left-contact p{ line-height:30px; font-size:16px; padding-left:25px; padding-right:25px; padding-top:12px}
/******右侧*****/
.content-right{ background:#FFF; width:908px; margin-top:36px; padding-left:21px; padding-top:16px;}
.content-nav{ height:28px;}
.content-nav span.class-title{ font-size:18px}
.content-nav span.class-title img{ float:left; margin-right:10px}
.content-nav span.menu-nav{ font-size:13px; margin-right:10px;}
.content-nav span.menu-nav a{ color: #333;}
.content-nav span.menu-nav a:hover{ color: #113B41;}
.list-product { display:block; padding-top:36px}
.list-product li{ height:156px; padding-bottom:25px; border-bottom:1px solid #CCCCCC; margin-top:30px; transition:all 0.5s ease}
.list-product li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.list-product li img{ width:206px; height:153px; border:1px solid #CDCDCD; margin-right:24px;transition:all 0.5s ease}
.list-product li:hover img{transform: scale(1.08);}
.product-text{ height:156px; color:#161616; width:670px}
.product-text h3{ line-height:24px; font-size:16px; font-weight:normal}
.product-text  p{ padding-top:8px; line-height:24px; font-size:14px;}
.product-text  a h3{ color:#171717; font-size:18px}
.product-text  a p{color:#171717; font-size:14px;}
.product-text  a:hover h3,.product-text  a:hover p{color:#616161 }
.product-text  a.more{ bottom:0; line-height:30px; left:0; color:#FF8A00;}

/*****分页*****/
.pages { padding:10px; text-align:center; color:#5E5E5E; font-size:14px; margin-top:20px}
.pages  a{color:#5E5E5E; font-size:14px; padding:5px 10px; border:1px solid #5E5E5E}
.pages  span{ color:#FFF; font-weight:bold; padding:5px 10px; border:1px solid #5E5E5E; background:#103B41}

/*****新闻中心*****/

.list-news { display:block; padding-top:36px}
.list-news li{ height:183px; padding-bottom:25px; border-bottom:1px solid #CCCCCC; margin-top:30px; transition:all 0.5s ease;}
.list-news li .list-img{ height: 181px; overflow: hidden;}
.list-news li img{ width:289px;  border:1px solid #CDCDCD; margin-right:18px; transition:all 0.5s ease}
.list-news li:hover img{border:1px solid #103B41;}
.news-text{ height:183px; color:#161616; width:600px}
.news-text a{ transition:all 0.5s ease}
.news-text a h3{ line-height:24px; font-size:16px; font-weight:normal; color:#030303; transition:all 0.5s ease}
.news-text a  p{ padding-top:8px; line-height:24px; font-size:14px; color:#6A6A6A; transition:all 0.5s ease}
.list-news li:hover a h3{ padding-left:2px}
.news-text  span{ bottom:0; line-height:30px; left:0;  display:block; width:172px; height:27px; line-height:27px; background:#828282; text-align:center; color:#FFF; font-size:13px}
.list-case{ padding-top:36px}

.list-case li{ width:285px; height:244px; margin-bottom:15px; border:1px solid #333; line-height:30px; text-align:center;}
.list-case li img{ width:285px; height:206px;}
.list-case li a{ font-size:14px; color:#5E5E5E}

.singlebox{ padding-top:36px;}
.singlebox h3{ text-align:center; font-size:180%; font-family:"微软雅黑"; color:#3D3D3D; font-weight:normal}
.singlebox h3 span{ }
.singlebox h3 span.line{ border-top:1px solid #3D3D3D; width:88px; margin-top:25px}
.singlebox h3 span.title{ line-height:50px;}
.singlebox h4{ line-height:22px; text-align:center; font-size:13px; color:#717171; font-weight:normal; padding:0px 10%; padding-top:10px}
.singlebox h3.title{ text-align:center; font-size:150%; font-family:"微软雅黑"; color:#3D3D3D; font-weight:normal; line-height:22px}
.singlebox h4.ftitle{ font-size
:15px; border-bottom:1px solid #f5f5f5; padding-bottom:6px}
.singlebox h4.ftitle a{ color: #999;}
.conbox{ padding-top:32px; width:800px; margin:auto}
.singlebox .des{ padding:20px; line-height:28px; font-size:16px; letter-spacing:1px;}
.singlebox .contact{ width:411px; border-top:1px solid #999}
.singlebox .contact ul li{ height:81px; border-bottom:1px solid #999}
.singlebox .contact ul li img{ margin-right:15px; margin-top:25px}
.singlebox .contact ul li .text{line-height:76px; }
.singlebox .contact ul li .text2{ line-height:76px}
.singlebox .liuyanbox{ width:352px} 
.singlebox .liuyanbox input.text{ height:35px; line-height:35px; background:#FCFBF9; color:#7D7D7D; padding-left:12px; border:1px solid #F5F3F4; font-size:14px; margin-bottom:7px; width:332px;}
.singlebox .liuyanbox .textarea{height:66px; line-height:35px; background:#FCFBF9; color:#7D7D7D; padding-left:12px; border:1px solid #F5F3F4; font-size:14px; margin-bottom:7px; width:332px;}
.liuyanbox .submit{ width:108px; height:32px; line-height:32px; text-align:center; background:#DB0000; color:#FFF; font-size:14px; margin-top:3px; border:0px; cursor:pointer}

.page{ padding-top:10px; padding-left:5px}
.page li{ line-height:28px; font-size:14px;}
.page li a{ color:#333; font-size:14px;}
.other-title{ padding:15px 0px 9px 5px; line-height:40px; font-size:18px; border-top:1px solid #F2F2F2; border-bottom:1px solid #F2F2F2}
.list-other li{ width:49%; border-bottom:1px solid #DBDBDB; margin-top:13px; line-height:30px; font-size:16px;}
.list-other li a{ color:#484848; font-size:16px;}
.list-other li span{ float:right;}

/*****product pics*****/

.picshowbox{ width:401px; height:429px;position:relative; float:left;}
#showbox { border:1px solid #DEDEDE}
#showbox span {background:url(../images/whitebg.png) repeat;}
#showsum { left:15px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

/*****end ****/
.attribute{ width:480px; height:409px; float:right}
.attribute .title{ padding-top:6px; line-height:42px; font-size:28px; padding-left:20px}
.attribute .ftitle{ line-height:24px; font-size:13px; color:#999; padding-left:20px; border-bottom:1px solid #E5E5E5}
.attribute .smalltext{ padding-top:16px; line-height:30px; font-size:14px; padding-left:20px}

.youshi{ height:34px; bottom:102px; left:0; }
.youshi li{ width:136px; line-height:34px; color:#E70209; font-size:18px;}
.youshi li img{ float:left; margin-right:7px;}
.share { height:30px; bottom:46px; left:0; width:100%}
.attribute .tabmore{ display:block;  text-align:center; font-size:16px; bottom:1px}
.attribute .tabmore.buy{ left:2px; background:#E3393C; color:#FFF;width:124px; height:32px; line-height:32px;}

.tabmore.detail{ left:142px; color:#303030;width:122px; height:30px; line-height:30px; border:1px solid #303030}
.detail-title{ height:40px; line-height:40px; font-size:16px; background:#10373C; color:#FFF; padding-left:10px;}
.detail-pic{ padding:20px; text-align:center;}
.detail-stitle{ height:44px;margin-bottom:20px; border-bottom:1px solid #10373C}
.detail-stitle span{ display:block; width:164px; text-align:center; line-height:44px; color:#FFF; font-size:16px; background:#10373C; }
.detail-content{ line-height:32px; font-size:16px;margin-bottom:20px; }
.list-service { padding-top:36px;}
.list-service li{ line-height:52px; padding-left:28px; border-bottom:1px solid #DADADA; font-size:16px;}
.list-service li a{ color:#333333; font-size:16px; width: 100%;}
.list-service li div.t1{ width:90%; float: left;}
.list-service li div.t1 span{ float:right}
.list-service li div.t2{  text-align:right; padding-top:10px}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#2379d0 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#2379d0 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#2379d0 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#2379d0 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}