@charset "utf-8";
body{ font-family:"微软雅黑"; margin: 0; padding: 0; font-size: 16px; color: #444;}
p,h1,h2,h3,h4,h5,h6,li,dl,dd,ul,li{ margin:0; padding: 0;}
a{ text-decoration: none; color: #444;}
h1,h2,h3,h4,h5,h6{ font-weight: normal;}
a:hover{ text-decoration: none; color: #444;}

li{ list-style: none;}
img{ border: none;}
.clear{ clear: both; margin: 0; padding: 0; line-height: 0;}

.header{ margin: auto; height:86px;}
.header .logo{ margin-top:18px;}
.header .logo img{max-width: 100%; height: auto;}
.header .nav{ float: right; margin-top: 24px;}
.nav li{ float: left; margin-left: 1px; line-height: 42px;}
.nav li a{ display: block; padding: 0 16px; line-height: 42px;}
.nav li:hover a{ background: #019dd8; color: #fff;}
.nav li.current a{ background: #019dd8; color: #fff;}
.nav li.s{ width:1px; margin-left:8px; margin-right:8px; height: 42px; background: url(../images/fg.jpg) no-repeat center center;}
/*手机版头部*/
.mobileNav{ display:none; position:absolute; top:70px; z-index:100; padding-bottom:40px; background:#222222; width:100%; height:auto; left:0; padding-top:25px;}
.mobileNav ul{clear:right;}
.mobileNav ul li>a{ display:block; border-bottom:1px solid #393939; width:100%; line-height:60px; padding-left:22px; margin:auto; background:url(../images/add.jpg) no-repeat 93% center; background-size:20px auto; font-size:18px; color:#fff; }
.mobileNav ul li dl{ display:none; background:url(../images/subBg.png) repeat;}
.mobileNav ul li dl dd{ margin:auto; background:url(../images/arrow-r.png) no-repeat 95% center; background-size: 25px auto; }
.mobileNav ul li dl dd a{ line-height:50px; color:#fff; border-bottom: 1px solid #000; display:block; font-size:16px; padding-left:34px;}

#slides{position:relative;width:100%;}
.banner_slide{background-position:center center !important;height:710px;background-size: 100% 100%;background-repeat:no-repeat;}
.banner1{padding-top:230px;}
.banner1 .headerbox,.banner2 .headerbox{ margin: auto;}
.banner2{padding-top:168px; text-align: center;}
.banner2 h1{ font-size: 55px; color: #694836; margin-bottom: 18px;}
.banner2 p{ font-size: 20px; color: #694836;}
.slidesjs-control, .slidesjs-container{width:100%;height:710px;}
.slidesjs-pagination li a {
    display: block;
    width: 15px;
    height: 0;
    padding-top:15px;
    background: url(../images/dots.png) no-repeat;
    overflow: hidden;
}
.slidesjs-pagination li a.active{
    background: url(../images/dots-r.png) no-repeat;
}
.slidesjs-pagination{position:absolute;bottom:30px;left:50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);z-index: 20}
.slidesjs-pagination li { float: left; margin-left: 5px; margin-right: 5px; }
.wordImg{ text-align: center;}
.wordImg img{ max-width: 100%; height: auto;}

@media (min-width:768px) {
    .headerbox {
        width: 750px
    }
}
@media (min-width:992px) {
    .headerbox {
        width: 970px
    }
}
@media (max-width:992px) {
    .nav{ display: none;}
    .navbar-toggle{ display: block; background: #019dd8; margin-top: 25px; }
    .navbar-toggle .icon-bar{ background: #fff;}

}
@media (min-width:992px) and (max-width: 1200px){
    .nav li a{ padding: 0 12px;}
}
@media (min-width:1200px) {
    .headerbox {
        width: 1180px;
    }
}
@media (min-width:1280px) {
    .headerbox {
        width: 1264px;
    }
}
@media (max-width: 767px) {
    .header{ height: 70px;}
    .header .logo{ margin-left: 15px;}
    .wordImg{ padding: 0 15px;}
    .banner1{ padding-top: 80px;}
    .banner2{ padding-top: 50px;}
    .banner2 h1{ font-size: 24px;}
    .banner2 p{ font-size: 16px;}
    .banner_slide{height: 200px;}
    .navbar-toggle{ margin-top: 18px;}
    .slidesjs-control, .slidesjs-container{ height: 200px;}
}
.gray{ background: #f4f4f4; padding-top: 55px; padding-bottom: 60px;}
.indexproduct h1{ text-align: center; margin-bottom: 15px; font-size:32px; color: #0d4e8f;}
.indextext{ width: 80%; margin: auto; margin-bottom: 56px; text-align: center; font-size:16px; color: #777777; line-height:32px;}
.scrollbox{ overflow: hidden;}
.scrollbox .scrollpics{ overflow: hidden;}
.scrollbox ul{}
.scrollbox ul li{padding: 15px;float: left;}
.scrollbox ul li a{ display: block; background: #fff;  padding: 10px;}
.scrollbox ul li img{width: 100%;height: auto;}
.scrollbox ul li h2{ margin-top:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 8px; font-size:20px; font-weight: bold; color: #3d3b3b;}
.scrollbox ul li p{color: #8b8989; font-size: 16px; line-height: 32px; margin-bottom: 12px; height:64px;overflow: hidden;}
.scrollbox ul li:hover a{ box-shadow: 0 0 12px 0 rgba(61,59,59,0.4);}
.scrolldots{ text-align: center; margin-top: 15px;}
.scrolldots a{ display: inline-block; width:26px; height:4px; margin-left:5px; margin-right:5px; background: #c2c2c2;}
.scrolldots a.active{ background: #019dd8;}

.area{ overflow: hidden; padding-top:30px; padding-bottom:18px;}
.area h2{ float: left; margin-top: 5px; margin-left: 78px; font-size:32px; font-weight: bold; color: #093075;}
.area ul{ float: right; width:74%;}
.area ul li{ float: left; margin-bottom: 12px; width: 40%; margin-left: 10%; line-height:21px; overflow: hidden;}
.area ul li img{ float:left; margin-right: 26px;}
.area ul li p{ float: left; font-size: 18px; color:#04659d;}

.indexInfo{ background: url(../images/indexBg.jpg) no-repeat; background-size: 100% 100%; padding-top:85px; text-align: center; padding-bottom:85px;}
.indexInfo span{ display:block; margin: auto; margin-top:35px; margin-bottom:38px; width:48px; height:3px; background: #fff;}
.indexInfo p{ font-size: 16px; line-height: 32px; color: #fff;}
.indexInfo a{ display: inline-block; margin-top: 68px; width: 190px; height: 44px; border-radius: 50px; border: 1px solid #fff; color: #fff; line-height: 44px;}
.indexInfo a:hover{ background: #019dd8;}

.newsbox{ padding:55px 0 60px; margin: auto;}
.newsbox h1{ text-align: center; font-size:32px; color: #0d4e8f;}
.newsbox .newstab{ text-align: center; margin-top: 28px; margin-bottom: 28px;}
.newstab a{ display: inline-block; color: #474747; font-size: 16px; margin-left: 10px; margin-right: 10px; width: 124px; line-height: 40px; border: 1px solid #e2ebf1; border-radius: 50px; height: 40px;}
.newstab a.active{ background: #32aef5;border:1px solid #32aef5;box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); color: #fff;}
.newstab a:hover{ background: #32aef5;border:1px solid #32aef5;box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); color: #fff;}
.newsContent ul,.newsContent dl dd{ overflow: hidden;}
.newsContent .case-bin{
    display: block;list-style: none;
    /*margin: 0 10px 0 0;*/
    padding:0 13px;float: left;/*width: 300px;
	background: #fff;*/position: relative;
}
.case-bin a {display: block; }
.case-bin font {display: block;position: relative;overflow: hidden;}
.case-bin font:before {
    width: 33px;height: 1px;margin-left: -16px;background: #fff;content: '';display: block;
    transition: .1s .2s ease-in-out;
    -moz-transition: .1s .2s ease-in-out;
    -ms-transition: .1s .2s ease-in-out;
    -o-transition: .1s .2s ease-in-out;
    -webkit-transition: .1s .2s ease-in-out;
    top: 50%;left: 50%;position: absolute;z-index: 10;opacity: 0
}
.case-bin font:after {width: 1px;height:33px;margin-top: -16px;background: #fff;content: '';display: block;
    transition: .1s .2s ease-in-out;
    -moz-transition: .1s .2s ease-in-out;
    -ms-transition: .1s .2s ease-in-out;
    -o-transition: .1s .2s ease-in-out;
    -webkit-transition: .1s .2s ease-in-out;
    top: 50%;left: 50%;position: absolute;z-index: 10;opacity: 0;
}
.case-bin a:hover font:before {opacity: 1;}
.case-bin a:hover font:after {opacity: 1;}
.case-bin font b {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: -100%;
    left: 0;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}
.case-bin a:hover font b {top: 0;}
.case-bin font b:before {
    position: absolute;
    content: '';
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border: 500px solid rgba(117,210,48,.8);
    left: 50%;
    top: 50%;
    margin: -525px 0 0 -525px;
}
.case-bin font b:after {
    position: absolute;
    content: '';
    background: rgba(117,210,48,.8);
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
}
.case-bin font img {display: block;width:100%;}
.case-bin span {display: block;position: relative;z-index: 1;text-align: left;padding:10px 0 16px;}
.case-bin span:after {position: absolute;bottom: 0;height: 1px;left: 0;right: 0;content: '';z-index: 1;background: #c7c7c6;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}
.case-bin span h3 {font-size: 16px;color: #444;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;z-index: 2;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}
.case-bin span p{display: block; font-family:"Arial";font-size: 14px;color: #91918f;margin:5px 0 0 0;position: relative;z-index: 2;
    transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
}
.case-bin a:hover span:after {background: #5d8b3a;}
.case-bin.pro{display:inline-block;float:left;
    transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    -ms-transition:.5s ease-in-out;
    -o-transition:.5s ease-in-out;
    -webkit-transition:.5s ease-in-out;
}
.case-bin.pro span p{display:block;}
.newsContent a.more{ display: block; width:45px; height:45px; margin:auto; margin-top:64px; background: url(../images/addMore.png) no-repeat;}
.newsContent dl{ overflow:hidden;}
.newsContent dl dd{ float: left; font-size: 16px; width:47%; margin-right:6%; line-height: 32px;}
.newsContent dl dd a{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsContent dl dd span{ text-align: right;}
.newsContent dl dd:hover a{ color: #019dd8;}
.cx{ text-align: center; padding-top:83px; padding-bottom:113px; background: url(../images/cxBg.jpg) no-repeat; background-size: 100% 100%;}
.cx h2{ width: 50%; padding-top: 28px; margin: auto; font-size:26px; color: #fff; background: url(../images/mh.png) no-repeat left top;}

.footer{ background: #333333; padding-top:60px; padding-bottom:60px;}
.footer .foot{ margin: auto; overflow: hidden;}
.foot .foot-l img{ max-width: 100%; height: auto;margin-top: 30px; margin-bottom: 35px;}
.foot-l p{color:#939393; line-height: 34px;}
.foot-l a{color:#939393;}
.foot-l a:hover{ color: #019dd8;}
.foot h1{ font-size: 18px; color: #ccc;}
.foot-c ul{ margin-top: 36px;}
.foot-c ul li{ line-height:28px; margin-bottom: 22px; font-size:16px; color: #ccc;}
.foot-c ul li img{ margin-right: 28px;}
.foot-r img{ margin-top: 23px; max-width: 100%; height: auto;}
@media (max-width: 767px) {
    .gray{ padding-bottom: 30px; padding-top: 30px;}
    .indexproduct h1{ font-size: 24px;}
    .indextext{ width: auto; padding-left: 15px; padding-right: 15px; margin-bottom: 0;}
    .scrollbox ul li h2{ overflow: hidden; font-size: 18px; text-overflow: ellipsis; white-space: nowrap;}
    .scrollbox ul li p{ line-height: 24px; font-size: 15px; height: 48px;}
    .area h2{ text-align: center; font-size: 24px; margin-left: 0; float: none;}
    .area ul{ float: none; width: auto; padding: 20px 15px 0;}
    .area ul li{ margin-left: 0; width: 100%; float: none;}
    .area ul li img{ margin-right: 15px;}
    .indexInfo{ background-position:top center !important; padding-top: 35px; background-size:cover !important; padding-bottom: 0px;}
    .indexInfo img{ max-width: 100%; height: auto;}
    .indexInfo p{ padding-left: 15px; padding-right: 15px; text-align: left;}
    .indexInfo a{ margin-top: 20px; margin-bottom: 30px;}
    .newsbox{ padding: 35px 0;}
    .newsbox h1{ font-size: 24px;}
    .case-bin.pro{ margin-bottom: 15px;}
    .newsContent a.more{ width: 30px; height: 30px; background-size: cover; margin-top: 30px !important;}
    .cx{ padding: 50px 15px;}
    .cx h2{ width: 100%; line-height: 32px; font-size: 24px; padding-top: 10px; padding-left: 35px; background-size: 25px auto;}
    .footer{ padding:40px 15px;}
    .foot .foot-l img{ margin-top: 0; margin-bottom: 10px;}
    .foot-l p,.foot-l p a{ color: #ccc;}
    .foot-c{ margin-top: 20px;}
    .foot h1{ font-size: 22px;}
    .foot-c ul{ margin-top: 20px;}
    .foot-c ul li{ margin-bottom: 15px;}
    .foot-c ul li img{ margin-right: 15px;}
    .foot-r{ margin-top: 15px;}
}

/*关于东利鸿*/
.bannerbox{ padding-top:116px; padding-bottom: 205px; text-align: center; background-size:cover !important;}
.bannerbox h1{color: #fff; margin-bottom:10px; font-size: 26px;}
.bannerbox p{ color: #fff; font-size: 24px;}

.aboutbox{ background: #fafbfe; padding-top:52px; padding-bottom: 60px;}
.htitle{ text-align: center; margin-bottom: 38px;}
.htitle h1{ font-size:24px; color: #545454; margin-bottom: 20px;}
.htitle span{display: block; margin: auto; margin-bottom: 2px; height: 1px; background: #c9cacc;}
.htitle span.line{ width:80px;}
.htitle span.line-s{ width: 50px;}
.about p{ font-size:16px; color: #8b8989; line-height:32px;}
.about ul{ overflow: hidden; margin-top: 26px;}
.about ul li{ float: left; width:31.5%; margin-right:2.75%;}
.about ul li img{ max-width: 100%; height: auto;}

.record{ padding-top:52px; padding-bottom:88px;}
.menu{ text-align: center;}
.menu a{ display: inline-block; color: #474747; font-size: 16px; margin-left: 10px; margin-right: 10px; width: 124px; line-height: 40px; border: 1px solid #e2ebf1; border-radius: 50px; height: 40px;}
.menu a.active{ background: #32aef5;border:1px solid #32aef5;box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); color: #fff;}
.menu a:hover{ background: #32aef5;border:1px solid #32aef5;box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); color: #fff;}

.menuContent{ margin-top:60px;}
.menuContent ul{ overflow: hidden;}
.menuContent ul li{ width:23.4%; float: left; margin-right:2.1%; margin-bottom:25px;}
.menuContent ul li img{ max-width: 100%; height: auto; vertical-align: bottom;}

.culture{clear: both; padding-top: 80px; padding-bottom: 80px; background: url(../images/aboutBg.jpg) no-repeat center center;}
.culture .company{ overflow: hidden; background: #fff; padding-right:45px;}
.company .cul-left{ float: left;}
.cul-left img{ max-width: 100%; height: auto;}
.company .cul-right{ float: right; width: 55.6%; padding-top: 52px;}
.cul-right .htitle{ margin-bottom: 14px;}
.cul-right .htitle h1{color:#141414;}
.cultext{ color: #8b8989; font-size: 16px;}
.cul-right dl{ overflow: hidden; margin-top:45px;}
.cul-right dl dd{ margin-bottom:32px; width:50%; overflow: hidden; float: left;}
.cul-right dl dd img{ float: left; margin-top: 2px; margin-right:14.5%;}
.cul-right dl dd div{ float: left;}
.cul-right dl dd p{ font-size:20px; margin-bottom:6px; font-weight: bold; color: #545454;}
.cul-right dl dd span{ font-size:16px; color: #545454;}

@media (max-width: 767px) {
    .bannerbox{ padding: 50px 15px;}
    .bannerbox h1{ font-size: 24px;}
    .bannerbox p{ font-size:20px;}
    .aboutbox{ padding: 40px 15px;}
    .htitle{ margin-bottom: 25px;}
    .about p{ color: #444;}
    .about ul li{ float: none; margin-bottom: 15px; margin-right: 0; width: 100%; text-align: center;}
    .about ul li img{vertical-align: bottom;}
    .record{ padding: 40px 15px 20px;}
    .menuContent{ margin-top: 30px;}
    .menuContent ul li{ width: 49%; margin-right: 2%;}
    .culture{ padding: 40px 15px; background-position: top center; background-size: cover;}
    .culture .company{ padding-right: 0;}
    .company .cul-left{ display: none;}
    .company .cul-right{ width: 100%; float: none; padding: 30px 15px;}
    .cultext{ line-height: 32px; color: #444;}
    .cul-right dl{ margin-top: 20px;}
    .cul-right dl dd{ float: none; width: 100%; margin-bottom: 20px;}
    .cul-right dl dd img{ margin-right: 5%;}
    .cul-right dl dd p{ font-size: 18px;}
}

/*新闻资讯*/
.newsbanner h1{ color: #32aef5;}
.newsbanner p{ color: #32aef5;}
.main{ margin: auto; padding-top:47px; padding-bottom: 60px;}
.main .htitle{ margin-bottom: 30px;}
.main .htitle h1{ color: #0d4e8f; font-size: 30px; margin-bottom: 26px;}
.sub{ text-align: center; margin-bottom: 48px;}
.sub a{ display: inline-block; color: #474747; font-size: 16px; margin-left: 10px; margin-right: 10px; width: 124px; line-height: 40px; border: 1px solid #e2ebf1; border-radius: 50px; height: 40px;}
.sub a.current{ background: #32aef5;border:1px solid #32aef5;box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); color: #fff;}
.sub a:hover{ background: #32aef5;border:1px solid #32aef5;box-shadow: 0 0 15px 0 rgba(0,0,0,0.2); color: #fff;}
.main .newslist{}
.newslist li{ overflow: hidden; padding: 0 30px; }
.newslist li a{ display: block;border-bottom: 1px dashed #e8e8e8; padding: 23px 35px 26px 27px; overflow: hidden;}
.newslist li .news-left{ float:left; width:24.9%;border-radius:5px; border:5px solid #fff;}
.newslist li .news-right{ float: right; width: 67.3%; padding-top: 13px;}
.news-right h2{ font-size: 26px; margin-bottom: 16px; color: #3d3b3b; font-weight: bold;}
.news-right p{ font-size: 16px; height: 64px; overflow: hidden; margin-bottom: 30px; line-height: 32px; color:#8b8989;}
.news-right span{ color: #9d9c9c;}
.newslist li:hover a{ background: #32aef5;}
.newslist li:hover h2,.newslist li:hover p,.newslist li:hover span{ color: #fff;}

/*新闻内容页*/
.main .top{ text-align: center; padding-bottom: 15px; border-bottom:1px solid #dfdfdf;}
.top h2{ font-size: 24px; color: #0d4e8f; margin-bottom: 14px;}
.release span{ color: #666; font-size: 14px; margin-left:10px; margin-right:10px;}
.newstext{ margin-top:30px; font-size: 16px; line-height: 32px; color:#444;}
.newstext img{ vertical-align: bottom; max-width: 100%; height: auto;}
.main a.back{ display: block; float: right; margin-top: 40px; width:33px; height:33px; background: url(../images/back.png) no-repeat; }
.main a.back:hover{ background: url(../images/back-r.png) no-repeat;}

@media (max-width: 767px) {
    .main{ padding: 40px 15px;}
    .main .htitle h1{ font-size: 24px;}
    .sub{ margin-bottom: 30px;}
    .newslist li{ padding: 0; text-align: center;}
    .newslist li a{ padding: 20px 0px;}
    .newslist li .news-left{width: 100%; height: auto; float: none;}
    .newslist li .news-right{ float:none; width: 100%; text-align: left;}
    .news-right h2{ text-align: left; line-height: 22px; font-size: 18px; margin-bottom: 8px;}
    .news-right p{ text-align: left; margin-bottom: 10px;}
    .top h2{ line-height: 28px;}
}

/*研究与技术*/
.aboutbox .main{ padding: 0;}
.main .content{ overflow: hidden;}
.content .yjleft{ width:50%; float: left; padding:55px 45px; background: #32aef5;}
.content img{ max-width: 100%; height: auto;}
.yjleft h2{ font-size:26px; margin-bottom: 36px; color: #fff;}
.yjleft p{ font-size:16px; line-height: 32px; color: #fff;}
.content dl.yjright{ width:49.6%; float: right;}
.yjright dd{ float: left; margin-right:0.5%; margin-bottom:0.5%;}
.yjright dd img{ max-width: 100%; height: auto;}
.yjright dd.index0{ width:64.5%;}
.yjright dd.index1{ width:34.98%;}
.yjright dd.index2{ width:34.98%; margin-bottom: 0;}
.yjright dd.index3{ width:64.5%; margin-bottom: 0;}

@media (max-width: 767px) {
    .content .yjleft{ float: none; height: auto !important; width: auto; padding: 20px 15px;}
    .yjleft h2{ font-size: 20px; margin-bottom: 10px; line-height: 28px;}
    .content dl.yjright{ width: 100%; float: none;}
}

/*客户服务*/
.servicebox{ padding-top: 47px; background: url(../images/servicebg.png) no-repeat top right; }
.servicebox .main{ padding: 0;}
.serleft{ float: left; width: 34.8%; margin-left: 40px;}
.serleft h2{ font-size: 36px; margin-top: 34px; margin-bottom: 35px; color: #444; font-weight: bold;}
.serleft p{ color: #444; font-size: 16px; line-height: 32px;}
.serright{ float: right; width: 57%;}
.serright img{ max-width: 100%; height: auto;}
.servicebox .content{ padding-bottom: 80px;}

/*联系我们*/
#map{ height:306px;}
.connect{ overflow: hidden; margin-top: 50px;}
.connect .con-left{width: 34.7%; float: left;}
.connect .con-right{ width: 60.2%; float: right;}
.connect h2{ font-size: 28px; color: #0d4e8f; margin-bottom: 37px;}
.con-left ul{ margin-top: -13px;}
.con-left ul li p{ font-size:16px; line-height: 44px; color: #8b8989;}
.con-left ul li span{ color:#4a4949; font-weight:bold;}

.con-right dl dd{ width:27.3%; float: left; margin-bottom:15px; margin-right: 9%; }
.con-right dl dd input{ width: 100%;  padding: 0; margin: 0;padding-left: 15px; font-size: 16px; color: #8b8989; display: block;height:32px; line-height:32px;border: 1px solid #cccccc;}
.con-right dl dd textarea{display: inline-block; width: 100%;height:134px;padding-left: 15px; font-size: 16px;color: #8b8989;line-height:32px;border: 1px solid #cccccc;}
.con-right .submit{ display: inline-block; width: 100%; height:36px; line-height: 36px; font-size: 16px;border: none; background: #019dd8; border-radius: 3px; color: #fff;}

/*产品列表*/
.htitle p{ margin-top: -10px; margin-bottom: 5px; text-align: center; font-size:20px; color: #8b8989;}
.products{ overflow: hidden;}
.products li{padding: 20px;}
.products li a{ display: block; background: #fafbfe;  padding: 13px;}
.products li img{width: 100%;height: auto;}
.products li h2{ margin-top:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:8px; font-size:20px; font-weight: bold; color: #3d3b3b;}
.products li p{color: #8b8989; font-size: 16px; line-height: 32px; margin-bottom: 12px; height:64px;overflow: hidden;}
.products li:hover a{ box-shadow: 0 0 12px 0 rgba(61,59,59,0.4);}

/*产品内容*/
.mainbox{ margin: auto; margin-top: 60px; background: #fafbfe;}
.procontent{ padding: 60px 0;}
.bigpic{ float: left; width:50%;}
.bigpic img{ width: 100%; height: auto;}
.pro-right{ width:44%; float: right;}
.pro-right h2{ color:#3a3b3b; font-size:30px; margin-bottom: 10px;}
.pro-right .proInfo{color:#8b8989; font-size:20px;}
.protext{ margin-top: 14px; margin-bottom: 34px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; padding:35px 10px 50px;}
.protext p{color:#8b8989; font-size:16px; line-height:32px;}
.protext p span{ font-size: 18px; font-weight: bold; color: #0d4e8f;}
.smallbox{ overflow: hidden; position: relative;}
.pics{ margin:auto;overflow: hidden; position: relative;}
#pics-prev{ position: absolute; top: 50%; left:0;width:14px; height:23px; background: url(../images/arrow-left.jpg) no-repeat;}
#pics-next{ position: absolute; top: 50%; right:0; width:14px; height:23px;background: url(../images/arrow-right.jpg) no-repeat;}
.pics ul{ margin-left: 0;}
.pics ul li{ float: left; box-sizing: border-box; border: 3px solid #fff; margin-right: 3%;}
.pics ul li img{ width:100%; height: auto; margin-right: 18px;}
.pics ul li.active{ border: 3px solid #019dd8; border-radius: 3px;}
.probox{ margin-top:65px;}
.probox h3{ height:53px; line-height:53px;background: #f6f7f9; border-bottom: 1px solid #e6e6e6;}
.probox h3 span{ display: inline-block; width: 17%; font-size: 20px; color: #fff; font-weight:bold; text-align: center; height: 50px; background: #019dd8;}
.specification{ padding:20px;}
.probox table tr th{ font-size:18px; padding-bottom:9px; color: #595959; font-weight:bold;}
.probox table tr td{ line-height: 32px; color: #8b8989;}
.package{ padding: 20px 20px 38px;}
.storage{ padding:15px 20px 38px; line-height: 32px; font-size: 16px; color: #8b8989;}
.remark{ padding:15px 20px 38px; line-height: 32px; font-size: 16px; color: #8b8989;}

.pages{ text-align: center; margin-top: 20px;}
.pages a{ display: inline-block; margin-left: 4px; margin-right: 4px; font-size: 16px; padding: 4px 15px; background: #dfdfdf;}
.pages b{ display: inline-block; margin-left: 4px; margin-right: 4px; font-size: 16px; padding: 4px 15px; color: #fff; background: #0d4e8f;}
.pages a:hover{color: #fff; background: #0d4e8f;}

@media (max-width: 767px) {
    .serleft{ float: none; width: 100%; margin-left: 0;}
    .serright{ float: none; width: 100%;height: auto; margin-top: 10px;}
    .serleft h2{ margin-top: 10px; margin-bottom: 15px; font-size: 24px;}
    #map{ height: 180px;}
    .connect{ margin-top: 30px;}
    .connect .con-left{ float: none; width: 100%;}
    .connect .con-right{ float: none; width: 100%; margin-top: 15px;}
    .connect h2{ font-size: 24px; margin-bottom: 15px;}
    .con-left ul li p{ line-height: 32px;}
    .con-right dl dd{ width: 100%; float: none; margin-right: 0;}
    .products li{ padding: 0 0 15px;}
    .products li h2{ margin-top: 15px;}
    .products li p{ margin-bottom: 0;}
    .mainbox{ margin-top: 0; padding: 0 15px;}
    .bigpic{ float: none; text-align: center; width: 100%;}
    .pro-right{ float: none; width: 100%; margin-top: 15px;}
    .pro-right h2{ font-size: 22px; margin-bottom: 10px;}
    .pro-right .proInfo{ font-size: 18px;}
    .protext{ padding: 15px 10px; margin-bottom: 14px;}
    .specification,.remark{ padding: 0;}
    .package,.storage{ padding: 15px 0;}
    .probox{ margin-top: 35px;}
    .probox h3 span{ width: 30%;}
    .probox table tr th{ font-size: 15px;}
    .probox table tr td{ font-size: 15px; line-height: 24px;}
}

/*应用行业*/
.yyhy{}
.yyhy dd{ text-align: center; padding-left: 15px; padding-right: 15px;}
.yyhy dd .imgbox{ text-align: center;}
.yyhy dd .imgbox img{ width: 100%; height:auto;}
.yyhy dd .text-yy{ height: 211px; background: #32aef5; padding:50px 5px;}
.yyhy dd .text-yy p{ color: #fff; line-height: 42px; font-size: 16px; margin-top: 3px;}
.yyhy dd .text-yy p span{ font-size: 18px;}

@media (max-width: 767px) {
    .yyhy dd{ padding-left:5px; padding-right:5px; margin-bottom: 10px;}
    .yyhy dd .text-yy p{ font-size: 15px; line-height: 26px;}
    .yyhy dd .text-yy p span{ font-size: 18px;}
}