@font-face { font-family: 'iconfont';  /* project id 455609 */ src: url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.eot'); src: url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.woff') format('woff'), url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.ttf') format('truetype'), url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 13px; font-style: normal; }
input { padding: 0; margin: 0; font-family: 'Microsoft YaHei'; }
img { border: none; background: none; vertical-align: middle; }
ul, ol, li { list-style-type: none; }
select, input, img, select { vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0 }
table, th, td { vertical-align: middle }
.clearfix:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; }
.clearfix { zoom: 1 }
.clearboth { height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px; }
h1, h2, h3, h4 { font-size: 12px; font-weight: bold; line-height: 1.5 }
hr { border: 0; border-top: 1px solid #ccc; height: 0; }
.wd1200 { width: 1200px; margin: 0 auto; }
p { margin: 0; }
/*----- Common css ------*/

.fl { float: left; }
.fr { float: right; }
.di { _display: inline; }
.fwn { font-weight: normal; }
.dib {
 *display: inline; _zoom: 1; _display: inline; _font-size: 0px; }
/*头部样式*/

.head { border-bottom: 1px solid #e8e8e8; }
.headtop { max-width: 1200px; margin: 0 auto; height: 35px; }
.wel { float: left; line-height: 35px; color: #999999; }
#header { width: 100% !important; max-width: 1200px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
.top { padding: 15px 0 12px; }
.logo { float: left; }
.logo img { width: 80px; height: auto; }
.head-name {float:left;margin-left:20px;margin-top:15px;}
.head-name h2{
    font-size: 28px;
}
.head-name p {
    font-size: 14px;
}
@media (max-width: 768px) {
    .head-name{
        /*display: none;*/
        width: calc(100% - 200px);
    }
    #header{padding-right:0}
}
 @media (max-width: 768px) {
.logo { float: left; margin-top: 1%; width:80px;}
.logo img { width: 100%; height: auto; }
.head-name h2{font-size:18px;}
.head-name p{display:none;}
}
 @media (max-width: 768px) {
.abouttop { display: none!important; }
.about { width: 100%; }
.sortt li img { width: 100%!important; }
}
 @media (max-width: 450px) {
/*.logo { width: 75%!important; }*/
.top { padding: 10px 0!important; }
}
.topLink { float: right; text-align: right; position: relative; z-index: 9999; }
.translate { width: 100px; position: absolute; left: 0; top: 10px; z-index: 9999; }
.tran-in { left: 120px; }
.translate li { border: 1px dashed #cccccc; line-height: 26px; text-align: left; background: #fff; }
.translate li a { display: block; padding-left: 10px; background: url(../images/dot4.png) no-repeat 88% 11px; }
.translate li a:hover { text-decoration: none; color: #275cea; cursor: pointer; }
.translate-en { display: none; padding: 6px; padding-top: 0px; }
.translate li .translate-en a { padding-left: 0px; text-align: center; background: #fff; border-bottom: 1px solid #cccccc; }
.translate li .translate-en a:hover { font-weight: bold; }
.topLink .f_count { color: #ff0000; font-size: 13px; font-weight: bold; }
.k1 { line-height: 35px; float: right; color: #999999; }
.k1 a { color: #999999; }
.k1 a:hover { text-decoration: none; color: #0153b9; }
.topLink .k2 { color: #333333; font-size: 14px; font-family: "微软雅黑"; background: url(../images/top_contact.jpg) 0 0 no-repeat; text-align: left; padding-left: 72px; margin-top: 22px; }
#menu { background: url(../images/menu.png) top center no-repeat; }
/*热门搜索*/

.ss { background: #e9e9e9; height: 46px; }
.search { text-align: left; width: 1200px; margin: 0 auto; }
#formsearch { float: right; background: url(../images/search.jpg) no-repeat; width: 296px; margin-top: 7px; }
.hotSearch { float: left; height: 46px; line-height: 46px; font-weight: normal; }
#search-type { float: left; width: 100px; height: 24px; border: 1px solid #c8c8c8; margin-right: 5px; }
/*导航栏样式*/

.navv { height: 65px; max-width: 1140px; margin: 0 auto; }
.navv li { line-height: 61px; height: 61px; text-align: center; width: 140px; float: left; position: relative; z-index: 999; background: url(../images/navli.jpg) right no-repeat; }
.navv li a { display: block; line-height: 61px; color: #f8f3eb; height: 61px; font-size: 18px; }
.navv li a:hover { color: #fff; text-decoration: none; background: url(../images/navhover2.png) center no-repeat; }
.navv li.lxff { background: none; }
.navv>li.cur>a { color: #fff; text-decoration: none; background: url(../images/navhover2.png) center no-repeat; }
.navv .sec { height: 0; background-color: rgba(51, 51, 51, .8); color: #fff; overflow: hidden; z-index: 9999; position: absolute; top: 61px; left: 0px; }
.navv .sec a { color: #fff; height: 33px; line-height: 33px; width: 167px; border-bottom: 1px solid #464545; }
.navv .sec a:hover { text-decoration: none; color: #0153b9; background: none; }
.navbar-header { padding-top: 10px; }
.navbar-header .navbar-toggle { border: 1px solid #b4b8bc; padding: 0 10px 0 55px; height: 34px; }
.navbar-header .navbar-toggle .menu { position: absolute; left: 10px; top: 0; line-height: 34px; }
.navbar-header .navbar-toggle.active { }
.navbar-header .navbar-toggle a:hover { text-decoration: none; }
.navbar-header .navbar-toggle .icon-bar { background-color: #999; }
.navbar-header .navbar-toggle:hover { border: 1px solid #f58222; background: #f58222; }
.navbar-header .navbar-toggle:hover .menu { color: #fff; }
.navbar-header .navbar-toggle:hover .icon-bar { background-color: #fff; }
.toleft { position: relative; overflow-x: hidden; left: 0; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; }
.push-toleft { left: -260px; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; }
.menuid.menuopen { left: 0px; opacity: 1; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; }
.push-toleft .head { left: -260px; }
#cbp-spmenu-s2 { -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; }
#menu { margin-top: 5px; }
.navbar-header { position: relative; }
.menuid { width: 100%; height: 100%; position: fixed; top: 0; left: 100%; opacity: 0; z-index: 9999; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; }
.mobile-menu-overlay { opacity: 0.3; filter: alpha(opacity=30); position: absolute; display: none; background: #000000; z-index: 9; top: 0; right: 0; width: 200%; height: 100%; }
.cbp-spmenu-open .mobile-menu-overlay { display: block; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; }
.cbp-spmenu-right { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: absolute; display: block; background: #0d233b; z-index: 10; top: 0; right: 0; width: 100%; height: 100%; max-width: 260px; overflow: auto; -webkit-overflow-scrolling: touch; padding: 60px 0 40px 0; }
.cbp-spmenu-right li a { padding: 15px 23px; color: #fff; display: block; border-bottom: solid 1px #163c65; }
.cbp-spmenu-right li a:hover { background: #f58222; text-decoration: none; }
.menuid .icon-close { -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; position: absolute; display: block; cursor: pointer; top: 0; right: 0; padding: 20px 20px 0 0; font-size: 16px; }
.menuid .icon-close span { color: #fff; font-size: 18px; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; }
.menuid .icon-close:hover span { color: #f58222; }
.menuopen .mobile-menu-overlay { display: block; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; }
/*首页banner*/

.topbanner { position: relative; }
.banner { width: 100%; height: 100%; }
.banner ul.bb { position: relative; padding: 0px; margin: 0px; z-index: 5; width: 100%; height: 100%; }
.banner ul.bb li { position: absolute; display: none; width: 100%; height: 100%; }
.banner ul.bb li a { width: 100%; display: block; height: 100%; }
.banner ul.bb li a img { width: 100%; height: 100%; }
.banner .num { position: absolute; right: 2px; bottom: 10px; width: 100%; z-index: 100; padding: 5px 0px; opacity: 0.8; text-align: center; }
.banner .num li { width: 20px; height: 20px; display: inline-block; margin-right: 8px; background: #333333; _display: inline; _font-size: 0px; line-height: 20px; border-radius: 10px; }
.banner .num li {
 *display: inline; _zoom: 1; _display: inline; }
.banner .num li.num_hover { background-color: #0153b9; }
.banner .num li.num_hover a { color: #fff; }
.banner .num li a { float: left; display: inline; text-align: center; color: #fff; text-decoration: none; cursor: pointer; width: 20px; height: 20px; overflow: hidden; opacity: 1; line-height: 20px; }
.bannerr { width: 650px; position: relative; height: 450px; border: 4px solid #e9e9e9; box-sizing: border-box;}
.bannerr ul.ba { position: relative; padding: 0px; margin: 0px; z-index: 5; }
.bannerr ul.ba li { position: absolute; display: none; }
.bannerr ul.ba img {width:642px;height:442px;}
.bannerr .numm { position: absolute; left: 0; bottom: 20px; z-index: 100; width: 100%; text-align: center; background: none; }
.bannerr .numm li { width: 10px; height: 10px; display: inline-block;  *display: inline;
zoom: 1; border-radius: 6px; background: #fff; margin-bottom: 5px; margin-right: 5px; border: 1px solid #fff; border-radius: 5px; }
.bannerr .numm li.num_hover { background-color: #252525; }
.bannerr .numm li a { display: inline-block;  *display: inline;
zoom: 1; text-indent: -160px; overflow: hidden; text-decoration: none; cursor: pointer; }
.bannerr .preNext { cursor: pointer; z-index: 99; position: absolute; width: 23px; height: 40px; top: 50%; margin-top: -20px; background: url(../images/pre.png) no-repeat; opacity: 0.6; filter: alpha(opacity=60); }
.bannerr .pre { left: 0; background-position: right top; }
.bannerr .next { right: 0; background-position: left top; }
/*主体样式*/

#container { max-width: 1200px; margin: 0 auto; margin-top: 20px; padding: 0 15px; }
.aboutus .title span { color: #0153b9; }
.aboutus { max-width: 1200px; margin: 0 auto; margin-top: 20px; padding: 0 15px; }
.aboutus h2 { text-align: center; color: #222; font: 600 32px/45px "Microsoft YaHei"; background: url(../images/line.jpg) repeat-x 0 88%; }
.aboutus h2 a { display: inline-block; padding: 0 40px; background: #fff; color: #333; }
.aboutus h2 span { color: #0153b9; }
.aboutus h2 img { max-width: 100%; height: auto; }
/*.about_img { border: 8px solid #f6e5d9; }*/
.aboutbj { padding: 0 0 22px 0; margin-top: 35px; }
.about { }
.about_title { line-height: 40px; padding-left: 15px; font-weight: bold; font-family: "Microsoft YaHei"; font-size: 32px; color: #0153b9; }
.about_title span { color: #222222; }
.about .content { padding: 5px; font-size: 14px; line-height: 30px; margin-top: 80px; }
.about a img { width: 119px; height: 33px; display: block; float: right; margin-top: 18px; }
.tit-img { text-align: right; padding-right: 20px; }
.tit-img img { max-width: 100%; height: auto; }
.service { max-width: 1200px; margin: 0 auto; margin-top: 30px; padding: 0 15px; margin-bottom: 80px; }
.service .title { text-align: center; color: #222; font: 600 32px/45px "Microsoft YaHei"; background: url(../images/line.jpg) repeat-x 0 88%; }
.service .title img { max-width: 100%; height: auto; }
.service .title a { display: inline-block; padding: 0 17px; background: #fff; color: #333; }
.service .title span { color: #0153b9; }
.sortt li img { max-width: 100%; height: 290px; box-sizing: border-box;border:1px solid #ddd;border-bottom:none;}
.sortt li { padding: 0; }
.sortt li .pro { display:none;padding: 0 5px; line-height: 20px; font: 400 13px/30px "Microsoft YaHei";overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap;border: 1px solid #f6e5d9; border-bottom: 1px solid #f6e5d9;border-top:none;}
.sortt li h3 { border: 1px solid #f6e5d9; border-top: 1px solid #f6e5d9; border-bottom: 1px solid #f6e5d9; text-align: center; color: #333; font: 400 13px/30px "Microsoft YaHei"; padding: 5px 0;  overflow: hidden; text-overflow: ellipsis;
  white-space: nowrap;
}
.sortt li h3 a { color: #333; }
 @media (min-width: 768px) {
.sortt li { padding: 0; }
}
 @media (max-width: 768px) {
.sortt li { margin-bottom: 15px; }
}
.service .content { padding-top: 30px; }
.service .content li span { border: 1px solid #e5e5e5; display: block; margin-top: 4px; padding: 20px; text-align: center; color: #333; line-height: 24px; height: 100px; overflow: hidden; }
.cont1 { background: #f5f5f5; margin-top: 30px; padding-top: 25px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; }
.cont_center { max-width: 1200px; margin: 0 auto; }
.lianjie { background: #828282; margin-top: 21px; position: relative; padding: 10px 0; }
.lianjie h2 { color: #fff; font: 600 24px/40px "Microsoft YaHei"; text-align: center; background: url(../images/line2.png) no-repeat 50% 50%; }
.lianjie .content { color: #fff; font: 400 13px/24px "Microsoft YaHei"; padding: 10px 10px; }
.lianjie .more { text-align: center; }
.lianjie .more a { display: inline-block; width: 149px; border: 1px solid #fff; background: #0153b9; font: 400 16px/38px "Microsoft YaHei"; color: #fff; }
.youshi { width: 1200px; margin: 0 auto; position: relative; height: 985px; background: url(../images/youshi.jpg) no-repeat; margin-top: 20px; }
.zixun { position: absolute; right: 30px; top: 30px; }
.sorts { padding: 10px 20px 5px; border: 4px solid #dfdfdf; border-top: none; }
.sorts li a { background: url(../images/sortsli.jpg) center no-repeat; color: #fff; display: block; line-height: 36px; font-family: "微软雅黑"; padding-left: 55px; font-size: 14px; margin-bottom: 8px; height: 36px; overflow: hidden; }
.sorts li a:hover { color: #8ebcef; text-decoration: none; }
.sort2 { padding-top: 15px; }
.sort2 li a { background: url(../images/sortsli2.jpg) center no-repeat; color: #fff; display: block; line-height: 36px; font-family: "微软雅黑"; font-size: 14px; margin-bottom: 8px; text-align: center; }
.sort2 li a:hover { color: #8ebcef; text-decoration: none; }
.product_list1 { }
.product_list1 li { padding: 0 8px 20px; _display: inline; }
.product_list1 li a.img { border: 10px solid #e9e9e9; }
.product_list1 li a.img img { max-width: 100%; height: auto; }
.product_list1 li h3 { text-align: center; padding-top: 10px; }
.product_list1 li h3 a {
  font-weight: normal;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block;
} 
.product_list1 li a.img { display: block; }
.product_list1 li:hover h3 a { color: #0153b9; }
.product_list1 li a.img:hover { border-color: #0153b9; }
.roll_product { float: left; }
.product_listt { }
.product_listt li { }
.product_listt li a.img { padding: 1px; border: 4px solid #f6e5d9; background: #fff; }
.product_listt li a.img img { max-width: 100%; height: auto; }
.product_listt li h3 { text-align: center; padding-top: 10px; }
.product_listt li h3 a { width: 130px;
  font-weight: normal;
  font-size: 14px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: block; }
.product_listt li a.img { display: block; }
.product_listt li a.img:hover { border-color: #0153b9; }
.roll_product { float: left; }
.le_youshi { width: 600px; float: left; margin-top: 345px; }
.ys { float: left; width: 452px; margin-left: 120px; }
.ys .title { font-size: 26px; font-weight: bold; color: #111111; line-height: 30px; }
.ys .title span { display: block; font-weight: normal; font-size: 12px; color: #999999; text-transform: uppercase; }
.ys .content { margin-top: 15px; color: #666; font-size: 14px; line-height: 24px; }
.ys2 { margin-top: 25px; }
.ys3 { margin-top: 25px; }
.ys4 { margin-top: 30px; }
.img_ys { width: 473px; float: right; margin-top: 295px; }
.cont2 { background: #f5f5f5; padding-top: 30px; padding-bottom: 30px; }
.cont_center1 { max-width: 1200px; margin: 0 auto; }
.cont3 { background: url(../images/cont3.jpg) top center no-repeat; height: 148px; }
.mores { width: 240px; float: right; line-height: 32px; font-size: 14px; color: #fff; margin-top: 25px; }
.aboutus { max-width: 1200px; margin: 0 auto; margin-top: 20px; padding: 0 15px; }
.aboutus h2 { text-align: center; color: #222; font: 600 32px/45px "Microsoft YaHei"; background: url(../images/line.jpg) repeat-x 0 88%; }
.aboutus h2 a { display: inline-block; padding: 0 40px; background: #fff; }
.aboutus h2 span { color: #0153b9; }
.aboutus h2 img { max-width: 100%; height: auto; }
/*.about_img { border: 4px solid #e9e9e9; }*/
.tit-img { text-align: right; padding-right: 20px; }
.tit-img img { max-width: 100%; height: auto; }
.cont4 { background: #f5f5f5; margin-top: 65px; padding-top: 20px; padding-bottom: 25px; border-bottom: 1px solid #e9e9e9; }
.process { width: 1200px; float: left; }
.process .title { background: url(../images/process_title.jpg) top center no-repeat; height: 100px; line-height: 140px; font-size: 28px; color: #333333; text-align: center; }
.process .title span { color: #0153b9; font-weight: bold; }
.cont5 { max-width: 1200px; margin: 0 auto; }
.liuyan { max-width: 1200px; margin: 0 auto; background: url(../images/liuyan.jpg) no-repeat; height: 385px; padding: 10px 10px 10px 10px; position: relative; margin-top: 35px; }
.ly { width: 670px; float: right; margin-top: 15px; margin-right: 40px; }
.ly .title { font-size: 27px; color: #111111; line-height: 40px; padding-left: 15px; }
.ly .title span { display: block; font-size: 14px; color: #fff; padding-left: 35px; }
.person { position: absolute; width: 223px; height: 362px; /*background: url(../images/person.png) no-repeat;*/
right: -110px; bottom: 10px; }
.map { width: 363px; width: 450px; }
.map img { width: 100%; }
.cate_title { line-height: 45px; padding-left: 75px; font-family: "微软雅黑"; background: url(../images/cate_title.jpg) no-repeat 0% 100%; font-size: 15px; color: #fff; height: 75px; background-size: 100% 75px; }
.cate_title2 { color: #222; font: 600 26px/45px "Microsoft YaHei"; text-align: center; }
.cate_title2 span { color: #0153b9; }
.recommend_product { }
.recommend_product .title { line-height: 60px; padding-left: 24px; font-family: "微软雅黑"; background: url(../images/product_title.jpg) no-repeat 0% 100%; font-size: 24px; color: #333333; position: relative; }
.recommend_product .title a { position: absolute; top: 0; right: 0 }
.recommend_product .content { padding-top: 20px; }
.roll_product li { padding-bottom: 0px; }
.case { padding: 0 15px; }
.case .title { text-align: center; color: #222; font: 600 32px/45px "Microsoft YaHei"; background: url(../images/line.jpg) repeat-x 0 88%; }
.case .title img { max-width: 100%; height: auto; }
.case .title a { display: inline-block; padding: 0 17px; background: #f5f5f5; color: #333; }
.case .title span { color: #0153b9; }
.case .content { padding-top: 30px; }
.case .content .anli { margin-bottom: 15px; }
.case .content a.detail img { display: block; width: 123px; height: 35px; margin: 0 auto; }
.newsbj { background: #f5f5f5; border-top: 1px solid #e9e9e9; padding: 30px 0; }
.news_company { }
.news1_title { line-height: 40px; padding-left: 18px; font-family: "微软雅黑"; background: url(../images/news_title.jpg) no-repeat 0% 100%; font-size: 16px; color: #333; position: relative; font-weight: 600; }
.news1_title span { font-size: 12px; padding-left: 5px; color: #666; font-weight: 400; }
.news1_title a { position: absolute; top: 0; right: 15px; font-size: 12px; color: #666; font-weight: 400; }
.news_company .content { padding-top: 18px; }
.news_company .content img { max-width: 100%; height: auto; }
.navigation { float: right; width: 100px; }
.index-table td { border: solid #add9c0; border-width: 0px 1px 1px 0px; padding: 10px 5px; }
.index-table { border: solid #add9c0; border-width: 1px 0px 0px 1px; margin-top: 10px; }
.news_list1 { }
.news_list1 li { line-height: 40px; position: relative; border-bottom: 1px dashed #e2e2e2; height: 40px; overflow: hidden; }
.news_list1 li a { line-height: 40px; color: #666; background: url(../images/list1.jpg) 0 50% no-repeat; padding-left: 26px; }
.news_list1 li a:hover { text-decoration: none; color: #0153b9; }
.news_list1 li span { color: #999; z-index: 0; line-height: 27px; position: absolute; right: 0px; top: 0px; }
.news_listt { margin-top: -6px; }
.news_listt li { line-height: 32px; position: relative; border-bottom: 1px dashed #e5e5e5; padding-bottom: 8px; margin-bottom: 5px; }
.news_listt li a { line-height: 32px; color: #333; font-size: 14px; display: block; background: url(../images/wen.jpg) 0 50% no-repeat; padding-left: 30px; height: 32px; overflow: hidden; background-size: 22.5px 21px; }
.news_listt li a:hover { text-decoration: none; color: #0153b9; }
.news_listt li span { color: #999; z-index: 0; line-height: 21px; display: block; background: url(../images/da.jpg) 0 0% no-repeat; padding-left: 30px; }
/*底部留言*/

.message1 { padding-top: 20px; z-index: 100; position: relative; padding-left: 20px; }
.message1 input { vertical-align: middle; outline: none; }
.message1 #name { display: block; height: 40px; line-height: 40px; padding: 0; padding-left: 6px; border: none; width: 260px; background: #dedede; margin-top: 10px; }
.message1 #contact { display: block; height: 40px; line-height: 40px; padding: 0; padding-left: 6px; border: none; width: 260px; background: #dedede; margin-top: 12px; }
.message1 #email { display: block; height: 40px; line-height: 40px; padding: 0; padding-left: 6px; border: none; width: 260px; background: #dedede; margin-top: 12px; }
.message1 #content { display: block; width: 254px; height: 135px; padding: 6px; font-size: 12px; border: none; margin-top: 10px; background: #dedede; opacity: 1; outline: none; }
.message1 .msgbtn { background: #0153b9; cursor: pointer; width: 76px; height: 28px; line-height: 28px; text-align: center; border: none; color: #fff; font-size: 14px; margin-top: 15px; font-family: "Microsoft YaHei"; margin-left: 42px; }
.message1 .msgbtn1 { background: #000; cursor: pointer; width: 76px; height: 28px; line-height: 28px; text-align: center; border: none; color: #fff; font-size: 14px; margin-top: 15px; font-family: "Microsoft YaHei"; margin-left: 7px; }
#message_main1 tr { position: relative; float: left; }
#message_main1 tr th { font-weight: normal; text-align: right; height: 42px; line-height: 42px; color: #333; font-size: 14px; }
.m_label1 { position: absolute; width: 160px; text-align: left; line-height: 40px; padding-left: 8px; color: #ccc; z-index: 1; cursor: text; }
.c_label1 { line-height: 18px; padding-top: 12px; }
#code { padding-top: 10px; line-height: 26px; }
#checkcode { height: 32px; line-height: 32px; width: 120px; border: 1px solid #dedede; }
#message_main tr { position: relative; }
#message_main tr th { font-weight: normal; text-align: right; height: 42px; line-height: 42px; color: #000; width: 23%; white-space: nowrap; }
.m_label { position: absolute; width: 160px; text-align: left; line-height: 26px; padding-left: 8px; color: #ccc; z-index: 1; cursor: text; }
.c_label { line-height: 18px; padding-top: 12px; }
 @media (max-width: 768px) {
.message { padding: 0px; }
.neiright .content img#checkCodeImg { width: auto!important; }
}
/*----- Common css ------*/

.fl { float: left; }
.fr { float: right; }
.di { _display: inline; }
.fwn { font-weight: normal; }
.dib {
 *display: inline; _zoom: 1; _display: inline; _font-size: 0px; }
/*友情链接*/

.links { background: #f3f4f6; margin-top: 0px; }
.f_link { max-width: 1200px; margin: 0 auto; line-height: 79px; text-indent: 160px; background: url(../images/links.jpg) left no-repeat; height: 79px; }
.f_link a { padding: 0 5px; }
/*页面底部*/

.foot { background: url(../images/foot.jpg) top center no-repeat; height: 335px; }
#footer { position: relative; width: 1200px; margin: 0 auto; padding: 25px 15px 0; color: #fff; }
#footer a { color: #fff; }
#footer a:hover { color: #8ebcef; text-decoration: none; }
.nav_foot { text-align: center; line-height: 60px; color: #fff; font-size: 14px; }
.nav_foot a { padding: 0 20px; }
.mid-foot { width: 530px; float: left; margin-left: 65px; }
.copyright { text-align: left; line-height: 30px; float: left; margin-top: 20px; }
.logos { width: 278px; float: left; margin-top: 60px; }
.copyright1 { text-align: left; line-height: 30px; margin-top: 45px; }
.footbj { background: #074c98; }
.foot2 { max-width: 1200px; margin: 0 auto; color: #fff; font: 400 14px/20px "Microsoft YaHei"; padding: 10px 15px; }
.foot2 a { color: #fff; }
.nav2 li { width: 180px; float: left; }
.nav2 li a { display: block; color: #fff; font: 400 18px/46px "Microsoft YaHei"; height: 46px; }
.nav2 li .sec a { font: 400 14px/28px "Microsoft YaHei"; height: auto; }
.nav2 li.lxff { width: 411px; }
.nav2 li.lxff .sec { font: 400 16px/36px "Microsoft YaHei"; }
.nav2 li.ewm { width: 114px; float: right; padding-top: 20px; }
/*------------内页-------------------*/

.left .box { margin-bottom: 10px; }
.left .box h3 { line-height: 31px; padding-left: 15px; font-weight: bold; font-family: "微软雅黑"; background: #0153b9; font-size: 14px; color: #fff; }
.left .box .content { padding: 5px 0px; }
.prodescription { border: 1px solid #e5e5e5; background: #f9f9f9; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; }
.n_banner { width: 100%; }
.n_banner img { width: 100%; height: auto; min-height: 160px; }
.left { }
.sort_menu { }
.sort_menu h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; }
.sort_product { margin-top: 10px; }
.sort_product h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; }
.n_contact { margin-top: 10px; }
.n_contact h3 { background-color: #ececec; line-height: 28px; padding-left: 15px; font-weight: bold; }
.n_contact .content { padding: 5px; line-height: 24px; }
.right { padding-bottom: 10px; }
.sitemp { line-height: 31px; height: 31px; overflow: hidden; padding-right: 10px; border-bottom: 2px solid #0153b9; }
.sitemp h2 { width: 340px; float: left; line-height: 31px; text-align: center; text-align: left; text-indent: 15px; color: #000; font-size: 14px; }
.sitemp .site { width: 380px; float: right; text-align: right; line-height: 30px; }
.right .content { padding-top: 15px; }
.right .contentt { padding: 10px 0; padding-top: 15px; overflow: hidden; line-height: 24px; }




.xypg-pagination li{ display:inline-block;}
.xypg-pagination li.active a{ background-color:#292e39; color:#FFF;}
.wan_bt {
    display: inline-block;
    margin: 0 15px;
    line-height: 30px;
    color: #fff;
    padding: 0 15px;
    background-color: #015cb5;
    border: 1px solid transparent;
    font-size: 14px;
}
.wan_list-1 .wan_wrap:hover .wan_bt {
    border-color: #fff;
    background-color: transparent;
}
.xypg-case-list li{
    padding-bottom:15px;
    background: #e9e9e9;
}
.xypg-case-list li:hover {
    background: #0153b9;
}
.xypg-case-list li:hover .img {
    border-color: #0153b9;
}
.xypg-case-list li h3 {
    padding: 0 15px;
}
.xypg-case-list li:hover h3 a {
    color:#fff;
}
.xypg-case-list li p {
    text-align: center;
}
.xypg-case-list li:hover p a {
    background: transparent;
    border: 1px solid #fff;
}
.xypg-case-list li:hover p a:hover {
    color:#fff;
}
.xypg-case-list li img {
    height: 280px;
}
@media screen and (max-width: 768px) {
    .sortt li h3,.sortt li .pro {
        width: 158px;
    }
    .sortt li img {
        height: 176px;
    }
    .g_news .m_new1 {
        padding: 0 20px;
    }
    .g_news .m_new1,.g_news .m_new1 img,.g_news .wdimg, .g_news .wdimg img{
        width: 100% !important;
    }
    .g_news .m_new3 {
        width: 100%;
        border-bottom: 3px solid #e0e0e0;
        height: 620px;
        margin-right: 0;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .g_news .m_new3 dt {
      width: 100% !important;
      height: auto;
      margin-bottom: 36px;
    }
    .g_news .m_new3 dt img {
      width: 100% !important;
      height: 213px;
      display: block;
    }
    .g_news .newmore a {
        margin: 0 auto;
    }
}