﻿/******************************
*同创模板网-专业提供企业网站源码程序模板*
* www.cnfusu.com *
* www.cnboco.com *
* 微信：cnboco *
* QQ:289229516 *
 ******************************/
 

@charset "utf-8";
/* CSS Document */
/*CSS重置*/
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol,textarea{margin:0px;padding:0px;}
body,input,button,form{font:14px/26px "微软雅黑", "宋体", "Arial Black";color:#666666;}
body{ background:url(../images/bodybg.jpg) repeat 0px 0px; }
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}
ul,ol,li{list-style:none;}
img{border:0px;}
em{ font-style:normal;}
button,input,select,textarea{font-size: 100%;}
table {border-collapse: collapse;border-spacing:0;}
/*网站公用样式表 */
a{ text-decoration:none;  color:#000000;font-weight: bold;}
a:hover{ text-decoration:none; color:#f35b07; }
a:visited{ text-decoration:none;}
.w960{ width:1050px; margin:0px auto;}
.orange{ color:#f35b07; }
.f12{ font-size: 12px; }
.fl{ float:left;}
.fr{ float:right;}
.tac{ text-align:center;}
.tal{ text-align:left;}
.hidden{ display: none; }
/*清除浮动*/
.clearfix:after { visibility:hidden; display:block; font-size: 0;content: " "; clear:both; height:0;}
.clearfix{ *zoom:1; }
.icon{ background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle; }

.max_w{width: 1050px!important;}
.max_w .reLink{width: 1050px!important;}
.max_w .rePro li{ margin-left: 40px;}
/* topper */
.topper{width: 100%; height: 32px; line-height: 32px; color: #393939; font-size: 12px; border-bottom: 1px solid #d1d0d0;}
.topper-c{ position: relative; } 
.topper .opr { width: 280px; text-align: right;}
.topper .opr .icon{ width:1px; height:10px; margin: 0px 6px 0px 10px; background-position: -361px 0px;}
.topper .opr a{ }
.topper .wel{ padding-left:13px;}
.logo{ width:137px; height:126px; position:absolute; left:0px; top:21px; z-index: 11;  }
.logo img{ width:300px; height:90px; display: block; margin: 34px 0px  0px 20px;}
/* header */
.header{height: 135px;}
.topad{ padding:42px 0 0px 330px; font-size:18px; line-height:28px; color:#393939;  }
.topad em{ display:block; font-size: 18px; font-weight: bold;}
/*tel*/
.tel{ width:245px; padding-top:23px; line-height:20px;}
.tel span{ font-size: 16px; padding-top:4px; color:#333; font-weight: bold; }
.tel em{ display:block; font-size:25px; line-height:29px; font-family: impact; padding-left: 58px; }
.tel s{ width:52px; height:47px; background-position: 0px 0px; margin-right: 6px;}
/* nav */
.nav{ width:100%; height: 59px; position: relative; z-index: 10; background: url(../images/navbg.jpg) repeat-x 0px 0px; text-align: center; }
.nav .item{ width:115px; height: 59px; line-height: 59px; font-size: 16px; position:relative; float:left; color: #1c1c1c;  text-align: center; }
.nav .item a{ color: #ffffff;}
.nav .item a.home{ color:#ffffff; font-weight: bold;}
.nav a.home s{ width:17px; height: 15px; margin-right: 10px; vertical-align: -2px; background-position: -57px 0px; *vertical-align:1px;}
.nav a.nav1{ width:100%; display:block;}
.nav a.nav1:hover,.nav a.nav1.hover{ color:#1c1c1c; font-weight: bold; }
.nav a.nav1 em{ width:100%; height:3px; display: block; position: absolute; bottom: 1px; left:0px; background: #f35b07; display:none;}
.nav a:hover em,.nav a.hover em{ display: block;}
.nav span.icon{ width:1px; height:59px; display:block; float:left; background-position: -361px -17px;}
.nav .subNav{ width: 105px; position:absolute; left:0px; top:58px; z-index:11;  background:#f35b07; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; display:none;}
.nav .subNav a{ width:100%; text-align:center; font-size:14px; line-height: 32px; display:block;  color: #fff; }
.nav .subNav a:hover{ font-weight: bold; }
.nav .subNav span{ width: 100%; height:7px; display: block;     }
/* banner */
.banner, .banner ul, .banner img { height:550px; }
.banner { width:100%; min-width:1000px; position:relative; margin-bottom: 15px; }
.banner ul { width:100%; }
.banner li { width:100%; position:absolute; z-index:1; overflow:hidden;  }
.banner img { width:1920px; display:block; position:relative; left:50%; margin-left:-960px; top:0; }
.banner .tip { width:960px; height:17px; line-height:0; font-size:0; text-align:center; position:absolute; left:50%; margin-left:-480px; bottom:22px; z-index:3; }
.banner .tip span { display:inline-block; width:17px; height:17px; margin:0 7px; border-radius: 17px; cursor:pointer; background: #f35b07;}
.banner .tip span.cur { background:#151515;}
.minbanner,.minbanner ul,.minbanner img{ height:300px;}
/*search*/
.search { width:100%; height:45px; line-height:45px; padding:20px 0px 15px; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; margin-bottom: 35px; color:#7a7b7b;  }
.search_form{ width:384px; height:31px; margin-top: 9px; position: relative; margin-right: 44px; }
.search_form .stxt{ width:340px; height:27px; display:block; float:left; border:2px solid #f35b07; text-indent: 1em; background:#fff; color:#070707; font-size: 12px; }
.search_form .sbtn{ position: absolute; right:0px; top:0px; width:42px; height:31px; display:block; background-position: -47px -18px; background-color: #f35b07; border: 0px; cursor:pointer; }
.search .skey{ color:#1c1c1c; font-size: 12px; padding-top: 6px;}
.search .skey a{ color:#1c1c1c; margin:0px 6px 0px 4px;}
.search .skey a:hover{ color: #f35b07;}
.search .tel { width:260px; padding:0px;}
.search .tel em{ font-size:24px; line-height: 24px;display: inline-block;padding-left: 0;}
.search .tel span{ font-size:14px; line-height: 18px;}
/*标题公用*/
.itit{ width:100%; text-align:center; margin-bottom: 20px; padding-bottom: 15px;}
.itit .en{ font-size: 40px; font-family: impact; color:#8a8888; line-height: 42px; text-transform:uppercase;}
.itit h2{ font-size: 26px; font-weight: bold; color:#212121;}
.itit p{ color:#000; font-size: 16px; margin-top: 5px;}

.titgong{ position: relative;}
.titgong em,.titgong s{ display:block; position: absolute;; bottom: 30px;}
.titgong em{ width:374px; height: 1px; background:#cacaca;}
.titgong em.line-left{ left: 0px;}
.titgong em.line-right{ right: 0px;}
.titgong s{ width:12px; height: 12px; background:#cecece; bottom:24px;}
.titgong s.dian-left{ left:375px;}
.titgong s.dian-right{ right:375px;}
/*分类*/
.isort{ width: 100%; text-align:center; margin:25px auto;}
.isort a{ width:164px; height:32px; text-align:center; line-height:32px; display:inline-block; margin:0px 26px; background:#979696; color:#fff;}
.isort a:hover,.isort a.cur{ background:#f35b07;}
/*ipro*/
.icase{ padding-top: 20px; position: relative;}
.icase .itit{ border-bottom: 1px solid #d3d3d3; position: relative;}
.icase .itit em{ width:108px; height:11px; display: block; position: absolute; left:50%; margin-left: -54px; bottom:-5px; background: #f35b07;}
.icaseCon{ width:960px; margin-bottom: 40px; overflow: hidden; position: relative;}
.icaseList{ width:1200%; position: relative;}
.icaseList .list{ width:978px; float: left;}
.icaseList .item{ width:217px; height:163px; float:left; position:relative;overflow:hidden; margin:0px 18px 13px 0px;}
.icaseList .item img{ width:217px; height:163px; display: block;}
.icaseList .item a{ display:block; color:#fff;line-height:26px; font-size:16px;}
.icaseList .wd{ width:100%; height: 100%; text-align: center;  position:absolute; left:0px; top:0px; background:url(../images/blankbg.png) repeat 0px 0px;}
.icaseList .wd h3{ color:#fefefe; font-size: 16px; font-weight: bold; padding-top: 5px;}
.icaseList .wd em{ width:62px; height:3px; display: block; margin: auto; background:#fff; margin: 10px auto 25px;;}
.icaseList .wd .icon{ width:30px; height: 30px; background-position: -236px -132px;}
.icaseList .one{ width:255px; height:340px; float:left; position:relative;overflow:hidden; margin:0px 18px 13px 0px;}
.icaseList .one .img{ width:255px; height:340px;display: block;}
.icaseList .one .wd .icon{ margin-top:40px; }
.icaseList .one .wd .em{ margin-top:10px; }
.icase .btn{ width:26px; height: 65px; text-align: center; position: absolute; z-index: 10; top:323px; background: #1d1d1d; cursor: pointer; }
.icase .btn:hover{ background: #f35b07;}
.icase .btn-left{ left:-37px;}
.icase .btn-right{ right:-37px;}
.icase .btn .icon{ width:12px; height: 18px; vertical-align: -24px;}
.icase .btn-left .icon{ background-position:-90px -25px;}
.icase .btn-right .icon{ background-position:-90px 0px;}
/*iadvange*/
.iadv .itit { position: relative;}
.iadv .itit .icon{ width:25px; height: 8px; position: absolute; bottom:22px; }
.iadv .itit .left{ left: 30%; background-position: -112px 0px;}
.iadv .itit .right{ right: 30%; background-position: -112px -14px;}
.iadv .itit p{ color:#1c1c1c;}
.iadvList{ width:110%; padding:0px 0px 40px; }
.iadvList li{ width:216px; height:186px; padding-top:30px; position: relative; margin-right: 33px; text-align:center; float:left;}
.iadvList li .di{ width:216px; height:216px; position: absolute; z-index:1; left: 0px; top:0px; background:url(../images/advabg.png) no-repeat center center; }
.iadvList li .icon{ width:38px; height:45px; margin:0px auto; background-position: 0px -57px;}
.iadvList li .two{ background-position:-48px -57px; }
.iadvList li h3{ height:30px; line-height:30px; font-size:16px; color:#040404;}
.iadvList li em{ width:30px; height:3px; background:#040404; display:block; margin:5px auto 10px; cursor:pointer;} 
.iadvList li span{ display: block; padding:0px 40px; color: #1a1919; line-height: 22px;}
/*ixiaobanner*/
.ixbanner{ width:100%; height:169px; background: #1c1c1c;}
.ixbanner .ixbCon{ position: relative;}
.ixbanner .zx{ width:141px; height: 90px; padding:36px 0px 0px 5px; background: #f35b07; color: #fff; line-height: 18px;}
.ixbanner .zx .icon{ width: 34px; height: 34px; background-position: -151px 0px; margin-right: 6px;}
.ixbanner .zx strong{ font-size: 18px;}
.ixbanner .zx span{ font-size: 10px; text-transform:uppercase;}
.ixbanner .wz{ width:410px; height: 100px; padding:20px 0px 0px 24px; margin: 18px 0px 0px 55px; color:#ffffff; background: url(../images/xbxbg.jpg) no-repeat left center;}
.ixbanner .wz p{ font-size: 20px; margin-bottom: 3px;}
.ixbanner .wz .ixtel{ padding:5px 0px 0px 40px; font-size: 16px; font-weight: bold;}
.ixbanner .wz .ixtel strong{ font-size: 20px; font-family: impact; font-weight: normal;}
.ixbanner .img{ width: 336px; height: 169px; position: absolute; right:-25px; top:0px; }
.ixbanner .img img{ width: 336px; height: 169px; display: block; }
/*iscase*/
.iscase .itit{ padding: 45px 0px 15px;}
.iscase{ width:100%; height: 525px; background: url(../images/scasebg.jpg) no-repeat center center;}

.iimgList{ width:100%; position:relative; }
.iimgList .arrow-l,.iimgList .arrow-r { width:30px; height:52px;  top:100px; position:absolute; cursor:pointer; }
.iimgList .arrow-l { left:-72px; background-position:-231px 0;}
.iimgList .arrow-r { right:-72px; background-position:-192px 0;}
.iimgCon{ width:100%; height:250px; position: relative; overflow:hidden;}
.iimgCon .list{ width:300%; }
.iimgCon .item{ width:293px; height:217px; padding:6px; text-align: center; float:left; position:relative; margin:0px 20px 20px 0px; background:#fff; box-shadow: rgba(0,0,0,0.3) 0px 0px 5px; }
.iimgCon .item img{ width:100%; height:100%;}
.iimgCon .item .icon{ width: 33px; height: 33px; background-position: -192px -128px; margin: 22px auto 40px; }
.iimgCon .item h3{ width:100%; text-align: center; font-size:22px; font-weight: bold; color:#fff; text-transform:uppercase; }
.iimgCon .item .txt{ width:293px; height: 217px; position: absolute; left:6px; top:6px; color: #666666; background: url(../images/blankbg.png) repeat 0px 0px; }
.iimgList .imglist-more{ width:166px; height: 38px; line-height: 38px; display: block; background: #f35b07; text-align: center; margin: 25px auto 0; color: #fff;}
.iimgList .imglist-more:hover{ background: #8a8888;}
/*客户见证*/
.ikehu .itit p{ color:#333;}
.ikehu{ padding: 50px 0px;}
.ikehuCon{ width:100%; position:relative; overflow:hidden; margin-bottom: 20px;}
.ikehuCon .list{ width:300%; position: relative; }
.ikehuCon .item{ width:211px; height: 318px; text-align: center; float:left; position:relative; background:#f1f1f1; margin-right: 39px;  }
.ikehuCon .item a.img{ width:189px; height:142px; position: relative; display: block; margin: 5px auto 0px ; cursor:pointer; }
.ikehuCon .item a.img .zz{ width:189px; height:142px; position: absolute; left:0px; top:0px; background:url(../images/ikehuing.png) no-repeat left center;}
.ikehuCon .item a.img img{ width:189px; height:142px; display: block;}
.ikehuCon .item h3{ width:172px;margin: 0px auto 2px; text-align: center; font-size:16px; font-weight: bold; color:#020202; }
.ikehuCon .item em{ width:64px; height: 5px; display: block; background: #0b0a0a; margin: 0px auto 15px;}
.ikehuCon .item .txt{ width:172px; margin: 0px auto 15px; line-height: 18px; font-size: 12px; text-align:left; color:#333; }
.ikehuCon .item a.more { width:92px; height:23px; line-height: 23px; text-align: center; margin: 0px auto; position:absolute; left:50%; bottom:-30px; margin-left:-46px; display: block; background: #fff; color:#f35b07; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); }
.ikehuCon .item:hover{ background: #f35b07; }
.ikehuCon .item:hover em{ background: #fff;}
.ikehuCon .item:hover a.img .zz{  background-position: -191px 0px; }
.ikehuCon .item:hover h3 a,.ikehuCon .item:hover .txt{ color:#fff; }
.ikehu .ikehu-more{ width:166px; height: 39px; line-height: 39px; text-align: center; display: block; margin: 0px auto; border: 1px solid #b4aeae; color: #666666;}
.ikehu .ikehu-more:hover{ border-color:#f35b07; color: #f35b07;}
/*iabout*/
.iaboutCon{ padding-top: 10px;}
.iaboutCon img{ width:387px; height: 288px; display: block; padding: 6px; background: #fff; box-shadow: rgba(0,0,0,0.3) 0px 0px 5px; margin-right: 26px;}
.iaboutCon .iaboutTxt{ color:#666666; line-height: 28px;}
.iabout a.more{ width: 112px; height: 34px; margin:15px 0px 0px 425px; display: block; background: #f35b07; line-height: 34px; text-align: center; color: #fff;}
.iabout a.more:hover{ background: #8a8888;}
/*ihonor*/
.ihonor{ padding-top:60px;}
.ihonor .iimgList .arrow-r {  background-position:-321px 0;}
.ihonor .iimgList .arrow-l {  background-position:-273px 0;}
.isplit{ width:100%; height: 1px; text-align: center; margin: 42px 0px 60px; position: relative;}
.isplit .xian{ width:100%; height: 1px; display: block; background: #cacaca;}
.isplit .icon{ width:55px; height: 22px; position: absolute; left:50%; margin-left:-27px; top: -10px; background-position: -96px -57px;}
/*inews*/
.xinw{ padding-bottom: 40px;}
.xinw .tit-g{ height: 28px; line-height: 28px; padding:20px 0px; border-bottom: 1px solid #000; border-top: 1px solid #000;}
.xinw .tit-g .more{ width: 89px; height: 27px; background-position: -162px -57px;}
.xinw .tit-g h3{ color:#303030; display: inline-block; *display: inline; zoom: 1; cursor: pointer;}
.xinw .tit-g h3.cur{ color:#f35b07; font-weight: bold; }
.xinw .tit-g em{ color:#616161; font-weight: bold; display: inline-block; margin: 0px 20px 0px 25px;}
.inews{ width:605px;}
.inewsCon{ }
.inewsCon .item{ width:95%; padding-right:5%; height:150px; margin-top: 20px;}
.inewsCon .item .img{ width:200px; height: 150px; display: block; cursor: pointer; position: relative;}
.inewsCon .item img{width:200px; height:150px; display: block; }
.inewsCon .item .img .time{ width:54px; height: 50px; position: absolute; right:0px; top:0px; display: block; background: #f35b07; color: #fff; text-align: center; padding-top: 10px; font-size: 20px; line-height: 20px;}
.inewsCon .item .img .time em{ font-size: 12px; font-size: 14px; display: block; margin: 0px auto;  text-transform:uppercase;}
.inewsCon .item h3{ width:350px; margin: 5px 0 10px; color:#303030;}
.inewsCon .item h3 a{ color:#303030; }
.inewsCon .item h3 a:hover{ color:#f35b07; }
.inewsCon .item .txt{ width:350px; line-height:24px; color: #555555; font-size: 12px;}
/*iqa*/
.iqa{ width: 314px;}
.iqaCon{ width:100%; padding-top: 5px;}
.iqaCon dl{ width:100%; padding:25px 0; border-bottom: 1px dashed #bbb;}
.iqaCon dl em{ font-weight: bold; font-size: 16px; margin-right: 10px;}
.iqaCon dt{  color:#303030; }
.iqaCon dt a{ font-weight: bold; color: #303030;  }
.iqaCon dt a:hover{ color:#f35b07; }
.iqaCon dd{ padding-top: 8px;}
.iqaCon dd .txt{ width:278px;  line-height: 20px; padding-top: 2px; font-size: 12px; color: #666666;  }
/*index message*/
.imsg{ width: 100%; padding-top: 40px; background: #fff; position: relative;}
.imsg .itit { width:960px; position: relative; margin-bottom: 0px; padding-bottom: 0px;}
.imsg .itit .img{ width:227px; height: 200px; display: block; margin: 5px auto 0;}
.imsg .itit em{ width:400px; height: 9px; display: block; background:url(../images/imsgtit.jpg) no-repeat left top; position: absolute; top: 40px;}
.imsg .itit em.left{ left: -10px;}
.imsg .itit em.right{ right: -10px; background-position: 0px bottom;}
.imsg .imap{ width: 100%; height: 410px; }
.imsg .imap .imapCon{ width:100%; height:410px; opacity: 0.8; filter:alpha(opacity=80); }

.imsgCon{ width:292px; padding:65px 80px 0px; height: 345px; position: absolute; left: 50%; margin-left: -226px; bottom: 0px; background: #fff; }
.imsgCon .bline{ width:100%; height: 1px; display: block; margin-bottom: 5px; background: #0a0a0a;}
.imsgCon .item{ width:100%; height:30px; line-height: 30px; padding-top: 10px; border-bottom:1px solid #0a0a0a;}
.imsgCon .item label{ color:#0a0a0a; font-weight: bold; margin-left: 3px;}
.imsgCon .item input{ width:225px; height:30px; line-height:30px; color:#0a0a0a; display: inline-block; border:none; background: none; }
.imsgCon .item .icon{ width:10px; height:10px; background-position:-283px -153px; margin-top: 13px;  }
.imsgCon .titxt{ text-align: center; line-height: 15px; padding:20px 0px 5px;}
.imsgCon .titxt h4{ font-size: 15px; color: #0a0a0a; font-weight: bold;}
.imsgCon .titxt span{ font-size: 10px; text-transform: uppercase; font-weight: bold; letter-spacing: -1px;}
.imsgCon .liuyan{ width:282px; height:70px; line-height: 24px; padding:5px; color: #fff; font-size: 12px; overflow:hidden; background: #3b3b3b; resize:none; border:none;   margin: 0 auto;}
.imsgCon .sub{ width:65px; height:22px; line-height:18px; padding:0px; text-align: center; border: 2px solid #f35b07; color:#0a0a0a; margin: 10px auto 0px;  cursor:pointer; display: block; font-size: 12px; background:#fff; }
.imsg input.red{ color:#f35b07;}
/*footer*/
.footer{ width:100%; height:340px; line-height: 26px; color:#ccc; background: #292929; position:relative;}
.footer a{ color:#ccc;}
.footer a:hover{ color:#f35b07;}

.footer .returnTop{ width:71px; height:29px; cursor:pointer; background-position:-308px -83px; position:absolute; top:-29px; left:50%; margin-left:-35px;}
.footer-left{ width: 605px;}
.friendLink,.btnav{ width: 214px; padding-right: 45px; margin:80px 0px 30px; background: url(../images/fbgsplit.jpg) repeat-y right top;}
.friendLink a,.btnav a{ font-size: 12px; margin: 0px 20px 8px 0px; display: inline-block;}
.friendLink .tit,.btnav .tit{ font-size: 16px; margin-bottom: 20px; color:#ccc;}
.friendLink .tit span,.btnav .tit span{ font-family: impact; margin-left: 10px; color: #fff; }
.btnav{ padding-left: 65px;}
.copyright{font-size: 12px; color: #fff;text-align:center;}
.footer-right{ width:310px; padding:65px 0px 0px 40px;}
.footer-right .blogo{ width:178px; height: 51px; margin: 0px 0px 23px -6px;}
.footer-right .dizhi{ font-size: 12px; }
.footer-right .code{ padding-top: 20px;}
.footer-right .code li{ width: 80px; float: left; margin-right: 10px; font-size: 12px; color:#fff; text-align: center;}
.footer-right .code li img{ width:67px; height: 67px; margin: 0px auto; padding:2px; background: #fff; display: block; }
/* 全局布局 */
.wrapper{ padding: 0px 0px 40px;}
.content { width:810px;}
.content .ctit{ width:100%; height: 36px; line-height: 36px; border: 1px solid #cbc5c5; border-top: 6px solid #f35b07; margin-bottom:15px; }
.content .ctit h3{ font-size:16px; line-height: 18px; margin:8px 8px 0px 10px; padding-left: 10px; color:#333333;  border-left:7px solid #f35b07; }
.content .sitepath { float:right; height:36px; line-height:36px; color:#666666; font-size:12px; padding-right: 12px; }
.content .sitepath a:hover { text-decoration:underline; }
.content ul.list { height:auto !important;  }
/*recommend*/
.recommend{ border:1px solid #e4e4e4; padding-bottom: 20px;}
.recommend .tit{ width:100%; height: 38px; line-height: 38px; margin-bottom: 20px; border-bottom:1px solid #e4e4e4; color: #f35b07; font-weight: bold;}
.recommend .tit .icon{ width:9px; height: 38px; background-position: -370px 0px; margin-right: 10px; }
.recommend .tit a{ color:#555555; font-size: 12px; margin-right: 5px; font-weight: normal;}

.reNew .list{ padding-left: 20px;}
.reNew li{ width:312px; padding:0px 20px 0px 10px; line-height: 32px; float: left; }
.reNew li a{ color: #666666; display:block;}

.rePro li {float:left; width:245px; margin-left:16px;text-align:center; line-height:30px; }
.rePro li a{ display:block; color: #555555; }
.rePro li a:hover{ color:#1e82e0; }
.rePro li img { width:243px; height:180px; border:1px solid #e6e6e6; display:block; }
.rePro li img:hover { opacity:0.8; filter:Alpha(opacity=80); }
.recommend li a:hover{ color:#f35b07;}
/* pager */
.pager { display:block; border:1px solid #cccccc; padding:4px 5px; margin:25px 0 5px; text-align:right; clear:both; }
.pager span, .pager a{ display:inline-block; border:1px solid #ccc; color:#666; background:#fff; height:20px; line-height:20px; padding:2px 8px 2px; text-decoration:none; margin:0 5px;  }
.pager a:hover{ background:#f35b07; border-color:#f35b07; color:#fff; text-decoration:none;}
.pager .cur{ background:#f35b07; border-color:#f35b07;  color:#fff; }
.pager span.dot{ background:#007f60; border-color:#007f60; font-weight:bold; color:#fff; }
.pager span.txt{ float:left; }
.listProduct .pager,.listCase .pager{ width:810px; margin-bottom:20px;}
/* reLink */
.reLink {  width:708px;height:30px; line-height:30px; font-size:12px; border:1px solid #ccc; background:#FFF; margin-bottom:15px; }
.reLink .prevLink { float:left; margin-left:10px; }
.reLink .nextLink { float:right; margin-right:10px; }
/*侧栏*/
.sideBar{ width:225px;}
.sideBar .leftTit{ width:100%; height:56px; line-height: 56px; color: #fff; text-align: center; position: relative; font-weight: bold; font-size: 20px; background: #f35b07; border-top-right-radius: 4px; border-top-left-radius: 4px;}
.sideBar .leftTit .icon{ width:23px; height: 23px; position: absolute; top: 19px; left:25px; background-position: -99px -88px;}
.sideBar .con{ width:187px; border:5px solid #f35b07; border-top: 0px; padding:10px 14px 8px;border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.leftNav{ margin-bottom: 20px;}
.leftNav dd{ width:100%;  }
.leftNav .nav1{ width:100%; height: 42px; line-height: 42px; text-align: center; display:block;  border-bottom:1px dashed #c2c0c0;}
.leftNav .nav1:hover,.leftNav .hover{ height:42px; line-height:42px; background:url(../images/icon.png) no-repeat 1px -117px; display:inline-block; vertical-align:middle; color:#fff; border-color:#fdfdfd;}
.leftNav dd .drop{ width:178px;  margin: 4px auto;}
.leftNav dd .drop a.nav2{  width:176px; height:28px; line-height: 28px; text-align: center; font-size: 12px; border-bottom:1px solid #d9d9d9; display: block;  }
.leftNav dd .drop a.nav2:hover,.iproNavi dd .drop a.nav2.hover{ background:#f35b07; border-color: #f35b07; color:#fff;}

.leftRecom{ margin-bottom: 20px;}
.leftRecom li{ width:189px;  margin: 10px auto; text-align: center;}
.leftRecom li img{ width:183px; height: 137px; padding:2px; border:1px solid #e3e3e3; display: block;}
.leftRecom li h3{ color: #666666; line-height: 30px;}
.leftRecom li:hover img{ background: #f07f00; border-color: #fff;}
.leftRecom li:hover h3{ color: #f07f00;}

.leftCon{ width:217px; padding:15px 0 18px; border:4px solid #f35b07;}
.leftCon h2{ color:#303030; text-align: center; font-size: 18px; font-weight: bold;}
.leftCon .leftTel{ margin:10px 0px 0px 10px;line-height: 14px; }
.leftCon .leftTel .icon{ width: 34px; height: 34px; margin-right: 6px; background-position: -203px -88px;}
.leftCon .leftTel span{ color:#303030; font-size:14px; }
.leftCon .leftTel strong{ font-size:20px; display: block; line-height: 24px;padding-left: 36px; }
.leftCon .icontxt{ font-size:12px; color:#303030; line-height:24px; padding:16px 10px 0px;}

.singlePage .tod{  padding:0px 8px;}
/* listNews */
.listNews .list { padding:10px; overflow:hidden; }
.listNews .item { width:100%;  border-bottom:1px solid #dfdcdc; padding-bottom: 20px; margin-bottom: 25px; }
.listNews .item dt a { font-weight: bold; color: #f35b07; }
.listNews .item dt a:hover { text-decoration:underline; }
.listNews .item .time { color:#666666; font-size: 12px; font-weight: normal; }
.listNews .item dd{ margin-top: 10px; font-size: 12px; color: #666666; line-height: 22px;}
/* listNews2 */
.listNews2 .list { padding-bottom:20px; overflow:hidden; }
.listNews2 .item { width:100%; height:130px; border-bottom:1px dashed #ddd; padding:10px 0; }
.listNews2 .item .img { float:left; width:160px; height:120px; padding:4px; border:1px solid #ddd; margin-right:10px;  }
.listNews2 .item img { display:block; width:160px; height:120px; }
.listNews2 .item .img:hover { background:#ffc17b; border-color:#f07f00; }
.listNews2 .item h3 { height:30px; line-height:30px; overflow:hidden; font-size:15px; font-weight:700; font-family:"Microsoft Yahei";  }
.listNews2 .item h3 a:hover { text-decoration:underline; }
/* pageNews */
.pageNews h1.bt{ font-size:16px; line-height:25px; padding:15px 0; text-align:center; font-weight: bold; }
.pageNews .mark { height:30px; line-height:30px; text-align:center; margin-bottom:20px; font-size:12px; border-bottom:1px solid #DDD; border-top:1px solid #DDD;  }
.pageNews .mark span { margin:0 7px; }
.pageNews .info { margin-bottom:40px; color: #868686; }
.pageNews #setFont a{  margin:0px 3px; }
.pageNews #setFont a.cur{ font-weight:bold; color:#f35b07;}
/* listCase */
.listCase .list{ width:100%; }
.listCase .item{ width:238px; height:189px; padding:6px; text-align: center; float:left; position:relative; margin:0px 0px 20px 15px; background:#fff; box-shadow: rgba(0,0,0,0.3) 0px 0px 5px; }
.listCase .item img{ width:100%; height:100%;}
.listCase .item .icon{ width: 33px; height: 33px; background-position: -192px -128px; margin: 22px auto 40px; cursor:pointer; }
.listCase .item h3{ width:100%; cursor:pointer; text-align: center; font-size:18px; font-weight: bold; color:#fff; text-transform:uppercase; }
.listCase .item .txt{ width:238px; height: 189px; position: absolute; left:6px; top:6px; color: #666666; background: url(../images/blankbg.png) repeat 0px 0px; }
/* pageCase */
.pageCase h1 { font-family:"Microsoft Yahei"; font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight:700; }
.pageCase .photo { overflow:hidden; text-align:center; margin-bottom:20px;  }
.pageCase .photo img{ border:1px solid #eee; padding:2px; max-width:640px;}
.pageCase .info { margin-bottom:40px; }
/* listProduct */
.listProduct .list{ width:108%;}
.listProduct .item{ width:257px; float:left; margin:0px 15px 15px 0px;  text-align: center; }
.listProduct .item img{ width:254px; height:200px; display: block; padding:3px; background: #fff; border: 3px solid #e2e2e2; }
.listProduct .item h3{ width:100%; height:35px; line-height: 35px; display: block; color:#666666;  }
.listProduct .item:hover img{ background: #f07f00; border-color: #f07f00;}
.listProduct .item:hover h3{ color: #f07f00;}
/* listProduct2 */
.listProduct2 .tod { overflow:hidden; }
.listProduct2 .list { float:left; width:110%; font-family:"Microsoft Yahei"; }
.listProduct2 .item { float:left; width:220px; margin:0 13px 20px 0; _display:inline; }
.listProduct2 .item .img { display:block; width:210px; height:158px; padding:4px; border:1px solid #ddd; transition:all 500ms ease; overflow:hidden; }
.listProduct2 .item img { width:210px; height:158px; display:block; }
.listProduct2 .item .img:hover { background:#ffc17b; border-color:#f07f00; transition:all 500ms ease; }
.listProduct2 .item h3 { height:30px; line-height:25px; font-size:16px; text-align:center; }
.listProduct2 .item h3 a:hover { text-decoration:underline; }
.listProduct2 .item .summary { height:60px; line-height:20px; color:#999; overflow:hidden; margin-bottom:10px; }
.listProduct2 .item .order { display:block; width:77px; height:23px; line-height:23px; margin:0 auto; text-align:center; color:#333; border:1px solid #aaa; }
.listProduct2 .item .order:hover { color:#f07f00; border-color:#f07f00; }

/* .pageProduct */
.pageProduct2 h1 { font-family:"Microsoft Yahei"; font-size:18px; line-height:25px; padding:15px 0; text-align:center; font-weight:700; }
.pageProduct2 .photo { margin-bottom:20px; }
.pageProduct2 .photo .img { display:block; padding:4px; border:1px solid #dbe7c7; margin:0 auto; }
.pageProduct2 .detaiInfo { margin-bottom:10px; }
/* pageProduct2 */
/* showLine */
.pageProduct .tod{ padding:10px;}
.pageProduct .photo { width:358px; }
.pageProduct .photo .img { width:358px; height:269px; display:block; border:1px solid #ddd; }
.pageProduct .photoimg{ width:358px; height:82px; padding-top:10px; overflow:hidden;}
.pageProduct .photoimg .list{ width:110%;}
.pageProduct .photoimg a{ width:108px; height:80px; display:block; float:left;  margin-right:14px; border:1px solid #ddd;}
.pageProduct .photoimg a img{ width:108px; height:80px; display:block;}
.pageProduct .photoimg a:hover{ border:1px solid #f35b07;}
.pageProduct .baseInfo { float:right; width:310px; }
.pageProduct .baseInfo h1,.pageProduct .baseInfo p {  line-height:30px; font-size:14px; color: #333; }
.pageProduct .baseInfo p span { font-size:16px; color:#1a1b1c; }
.pageProduct .baseInfo p.ntel{ color:#e67b06; font-size: 16px; padding-top: 30px;}
.pageProduct .baseInfo p.button { width:175px; height: 50px; text-align: center; margin-top: 20px;}
.pageProduct .baseInfo a.btn { width:100%; display:block; height:50px; line-height:50px; color:#fff; background: #f35b07; font-size:18px;}
.pageProduct .baseInfo a.btn:hover { background:#1b1b1b; }
.pageProduct .baseInfo .share{ width:100%; text-align:left; margin-top:40px;}
.pageProduct .baseInfo #bdshare{ width:310px; }
.pageProduct .detaiTit { height:44px; line-height:44px; border-bottom:2px solid #dcdcdc; margin:45px auto 15px; }
.pageProduct .detaiTit h2{ width:128px; height: 42px; line-height: 39px; border-bottom:3px solid #f35b07; background: #f3f3f3; text-align: center; color:#333333;font-size:16px; }
.pageProduct .detaiInfo { margin-bottom:10px; color:#868686; }
.pageProduct .nzx{ font-size: 18px; margin: 20px 0px 10px;}
.pageProduct .nzx .btn{  width:125px; height: 32px; display:inline-block; margin-left: 50px; text-align: center;line-height:32px; color:#fff; background: #f35b07;}
.pageProduct .nzx .btn:hover { background:#1b1b1b; }

.pageProduct .reInformation{ border:1px solid #e5e4e4; margin-top:10px; padding-bottom:30px;}
.pageProduct .reInformation .tit{ font-weight:bold; font-size:16px; color:#333; margin:10px 0px 0px 20px;}
.nyformData{ width:650px; margin:30px 0px 0px 20px; }
.nyformData .item{ width:264px; height;40px; line-height:40px; float:left; margin:0px 40px 18px 0px;}
.nyformData label{  width:75px; height;40px; line-height:40px; text-align:right;  display:block; float:left;  color:#333333; }
.nyformData input{ width:184px; height:38px; display:block; float:left; line-height:38px; border:1px solid #d2cece; text-indent:1em; }
.nyformData .item2{ width:100%; float:left; }
.nyformData .item2 label{ float:left;}
.nyformData textarea{ width:480px; height:95px; float:left; padding:5px; color: #666; font-size: 14px; overflow:hidden;  resize:none; border:none; border:1px solid #d2cece; }
.nyformData .code{ width:100%; float:left; margin-top:18px; }
.nyformData .code input{ width:100px;}
.nyformData .sub{ width:90px; height:36px; line-height:36px; text-align:center; color:#fff; display:block; margin-left:76px; border:0px; background:#f35b07; text-indent:0px; cursor:pointer; }
.nyformData input.red{ color:#f35b07;}
/*map*/
.dtditu{width:140px; height:30px; line-height:30px; background:#f35b07; color:#fff; font-weight:bold; margin:10px auto 0; text-align:center; font-size:14px;}
.baiduMap{width:715px; height:280px; border:1px solid #f35b07; border-top:3px solid #f35b07;}

/* mapPage  */
.maplist li a {background: #eee;  width: 98%;  height: 30px;  line-height: 30px;  display: block;  margin-bottom: 10px;  padding-left: 2%;  font-weight: bold; }
.maplist li .box {  width: 110%;  height: auto;  margin-bottom: 10px;}
.maplist li .box a { height: 26px;  line-height: 26px;  width: 168px; display:inline-block;  text-align: center;  margin-right: 8px; padding:0px; border:0px; font-weight: normal;}
.maplist li .box a:hover {  background: #f35b07; color: #fff;}
/* formData */
.formData { width:550px; margin:0px auto 20px; padding-top:30px; }
.formData tr.item label { margin-right:5px; }
.formData tr.item .tip { width:130px; margin-left:20px; }
.formData tr.item input, .formData tr.code input { width:250px; height:25px; line-height:25px; color:#666; border:1px solid #ccc; border-radius:2px; padding:0 5px; }
.formData tr.item textarea { width:250px; height:80px; color:#666; border:1px solid #ccc; margin-bottom:15px; border-radius:3px; padding:0 5px; }
.formData tr.item input:focus, .formData tr.code input:focus, .formData tr.item textarea:focus { border:1px solid #999; }
.formData tr.code input { width:90px; }
.formData .sub { width:102px; height:32px; line-height:32px; text-align:center; background:#999; border-radius:2px; color:#FFF; border:none; margin-right:10px; cursor:pointer; }
.formData .sub:hover { background:#666; }
.formData tr.code img { vertical-align:middle; *vertical-align:0; margin-left:10px; }
.formData .err, .formData .red { color:#ff0000; }
.formData .red { font-size:16px; line-height:16px; font-weight:700; margin-right:5px; }
/* cms2.0.map */
.baiduMap { margin:0 auto 20px; background:#eee; box-shadow:2px 4px 5px rgba(0,0,0,0.1); width:90%; height:400px; }
.BMap_bubble_title a { display:inline-block; height:25px; line-height:26px; overflow:hidden; padding:0 10px; border-radius:3px; _background:#999; _color:#FFF; }
.BMap_bubble_title a:hover { _background:#666; _color:#FFF; }
.BMap_bubble_title > a { background:#999; color:#FFF; }
.BMap_bubble_title > a:hover { background:#666; }

/*右侧悬浮框*/
.bcts_bar{width:120px; padding:10px; position:fixed; right:1%; z-index:111; top:200px; text-align:center; background:#f35b07; border-radius:3px;}
.bcts_bar h3{ color:#fff; font-size:20px; font-weight:bold; margin:10px 0;  }
.bcts_bar .yewu{ width:100%; background:#fff;  border-radius:3px; padding-bottom:5px; }
.bcts_bar .yewu h4{ width:100%; height:34px; line-height:34px;color:#fff; background:#303030; font-size:12px; margin-bottom:10px; border-top-right-radius:3px; border-top-left-radius:3px; }
.bcts_bar a.jt{ width:100%; display:block; height:30px; line-height:30px; color:#666; font-size:12px;}
.bcts_bar a.jt s{ width:16px; height:16px; background-position:-137px -93px; margin-right:8px; }
.bcts_bar .erweima{ width:100%; padding:10px 0px; border-radius:3px;  background:#fff; margin-top:1px; }
.bcts_bar .returnTop{ width:43px; height:37px; background-position:-257px -93px; position:absolute; bottom:-37px; left:52px;   cursor:pointer;}
.bcts_bar .bct-tel{ color:#fff;  line-height:20px; padding:10px 0px 0px;}
.bcts_bar .bct-tel h5 s{ width:24px; height:18px; background-position:-168px -91px; margin-right:5px; }
.bcts_bar .bct-tel em{ font-size:16px;  font-weight:bold;}
.bcts_bar .c_close{ width:44px; height:29px; background-position:-257px -56px; position:absolute; top:-29px; left:52px;  cursor: pointer;}
.fly_talk{   height: 150px; padding:10px 0px 0px;  width:30px ; line-height:22px;  position: fixed;  right: 0px;  top: 200px;  z-index: 111;  text-align: center;  font-size: 18px;color: #fff;  background-color: #f35b07; cursor: pointer;}


/* 动画 */
.bounceIn-hover {
    animation: bounceIn-hover 1s linear infinite;
    -webkit-animation: bounceIn-hover 1s linear infinite;
    -moz-animation: bounceIn-hover 1s linear infinite;
    -o-animation: bounceIn-hover 1s linear infinite;
    -ms-animation: bounceIn-hover 1s linear infinite;
}

@-webkit-keyframes bounceIn-hover {
    0% {
        -webkit-transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
    }

    80% {
        -webkit-transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounceIn-hover {
    0% {
        -moz-transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.1);
    }

    80% {
        -moz-transform: scale(0.9);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes bounceIn-hover {
    0%;

{
    -o-transform: scale(1);
}

50% {
    -o-transform: scale(1.1);
}

80% {
    -o-transform: scale(0.9);
}

100% {
    -o-transform: scale(1);
}

}

@keyframes bounceIn-hover {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    80% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}

