@charset "utf-8";
/* CSS Document */
.htitle{ padding:40px 0px;}

.htitle .hd {text-align: center; }

.htitle .hd h3{ font-size:28px; color:#333; text-align:center; position:relative; line-height:28px;}
.htitle .hd h4{ font-size:14px; color:#666; text-align:center; font-weight:normal; letter-spacing:4px; line-height:24px; margin-top:3px;}
.htitle .hd h5{ font-size:12px; color:#aeaeae; font-family:"Arial"; font-weight:normal; text-align:center;}
.htitle .hd h3 i{ width:55px; height:1px; background:#333; display:block; position:absolute; left:28.5%; top:15px;}
.htitle .hd h3 em{ width:55px; height:1px; background:#333; display:block; position:absolute; right:28.5%; top:15px;}


.section{position: relative;margin:20px auto; padding: 0;width: 1220px;text-align: left;overflow: hidden;}
.section .side-list { border: 1px solid #e5e5e5; overflow: hidden; }
.section .side-list .item { float: left; width:242px; border-right: 1px solid #e5e5e5; height:285px;background-color: #fff; }
.section .side-list .item:last-child { border-right: 0; }
.section .side-list .item dt{ width:170px; float:left; padding:16px 36px;text-align: center;}
.section .side-list .item dd { width:242px; float:left;text-align: center;}
.section .side-list .item dd.title { overflow: hidden; }
.section .side-list .item dd a { text-decoration: none; color: #555; }
.section .side-list .item dd.title a { color: #000; }
.section .side-list .item dd .a { border: 1px solid #535353; line-height: 25px; padding: 0px 10px; margin-top: 5px; display: inline-block; border-radius: 15px; font-size:12px;}
.section .side-list .item h1 { font-size: 18px; }
.section .side-list .item h5 { font-weight: 500; padding:5px 0px;}

.section .side-list .item:hover dd.title a { color: #0092dd; }
.section .side-list .item:hover dd .a { background: #0092dd; font-size:12px;color: #fff; border: #0092dd; }

.product2{ width:1220px; float:left;}

.section .product2 .l { margin-right: 10px; float: left; width: 270px; position: relative; }
.section .product2 .l .item { margin-bottom: 12px; text-align:center;width: 268px; height:160px; padding:9px 0px;position: relative; float:left;border:solid 1px #ddd; display:block;}
.section .product2 .l .item:last-child { margin-bottom: 0;}
.section .product2 .l .item img { vertical-align:middle; }

.section .product2 .m { width:218px; float:left;  height:370px; overflow:hidden;}
.section .product2 .m  .video{ width:218px; height:125px; float:left;}

.section .product2 .m .mTxt{ float: left; width: 178px;background:#0092dd; padding:20px 20px; margin-top:20px; height:206px;color: #fff; font-size: 14px; line-height: 25px; }
.section .product2 .m .mTxt h1 {border: 2px solid #fff;font-size:14px;line-height:30px; text-align: center; font-weight: 500; margin-top: 18px; }
.section .product2 .m .mTxt h1 a { color: #fff; }
.section .product2 .m .mTxt h1 a:hover{ text-decoration:underline;color: #fff; }

.section .product2 .r { float: left; margin-left: 10px; }
.section .product2 .r .slide { position: relative; border: 1px solid #ddd; width: 710px; height:370px;}
.section .product2 .r .slide .slides { }
.section .product2 .r .slide .direction-nav { }
.section .product2 .r .slide .direction-nav a { background:url(../images/btn1.jpg) top center no-repeat; height: 43px; width: 43px; display: inline-block; text-indent: -999em; position: absolute; z-index: 100; }
.section .product2 .r .slide .direction-nav a.prev { display: none; }
.section .product2 .r .slide .direction-nav a.next { bottom: 0; right: 0; }


.qiehuan{ width:560px; height:395px;float:left; border:solid 1px #ddd;}
.slideBox{width:560px; height:395px;  overflow:hidden; position:relative;} 
.slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:10px; bottom:15px; z-index:1; } 
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;} 
.slideBox .hd ul li{float:left; margin-right:5px;  width:22px; height:22px; line-height:22px; text-align:center; background:#fff; cursor:pointer; color:#0092dd; overflow:hidden} 
.slideBox .hd ul li.on{ background:#0092dd; color:#fff; } 
.slideBox .bd{ position:relative; width:560px; height:395px; z-index:0; overflow:hidden;} 
/*.slideBox .bd p{position:absolute; left:0; bottom:0; text-indent:10px; line-height:30px;font-family:Verdana; font-size:14px; color:#FFF; display:block;width:100%; height:30px; font-size:14px; font-weight:bold;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#aa000000,endcolorstr=#aa000000);background:rgba(0,0,0,0.5);}
.slideBox .bd p a{ color:#fff;}*/
.slideBox .bd img{ width:560px; height:395px; margin:0; padding:0;} 

.news{ width:595px;}
.news .news-item { border-bottom: 1px dotted #c6c6c6; padding-bottom: 16px; margin-bottom: 16px; }
.news .news-item:last-child { border-bottom: none; }
.news-item .list-pic { width: 102px; height: 70px; border: 2px solid transparent ; }
.news-item .txt {  padding-left: 5px; width: 460px; font-size: 12px; line-height: 20px; }
.news-item .txt h2 { height: 32px; font-size: 14px; }
.news-item .txt h2 a { line-height: 32px; color: #444; }
.news-item .txt a { color: #0092df; }



.section{position: relative;margin:20px auto; padding: 0;width: 1220px;text-align: left;overflow: hidden;}
.section .jjfa-list { border: 1px solid #e5e5e5; overflow: hidden; }
.section .jjfa-list .item { float: left; width:242px; border-right: 1px solid #e5e5e5; height:285px;background-color: #fff; }
.section .jjfa-list .item:last-child { border-right: 0; }
.section .jjfa-list .item dt{ width:242px; height:166px;float:left; padding-bottom:15px;text-align: center;}
.section .jjfa-list .item dd { width:242px; float:left;text-align: center;}
.section .jjfa-list .item dd.title { overflow: hidden; }
.section .jjfa-list .item dd a { text-decoration: none; color: #555; }
.section .jjfa-list .item dd.title a { color: #000; }
.section .jjfa-list .item dd .a { border: 1px solid #535353; line-height: 25px; padding: 0px 10px; margin-top: 5px; display: inline-block; border-radius: 15px; font-size:12px;}
.section .jjfa-list .item h1 { font-size: 18px; }
.section .jjfa-list .item h5 { font-weight: 500; padding:5px 0px;}

.section .jjfa-list .item:hover dd.title a { color: #0092dd; }
.section .jjfa-list .item:hover dd .a { background: #0092dd; font-size:12px;color: #fff; border: #0092dd; }


.news2{ width:500px;}
.news2 .news-item2 { border-bottom: 1px dotted #c6c6c6; padding-bottom: 11px; margin-bottom: 11px; }
.news2 .news-item2:last-child {}
.news-item2 .list-pic2 { width:124px; float:left;height:64px; border: 1px solid #ddd ; }
.news-item2 .txt2{  padding-left:10px; float:right;width:360px; font-size: 12px; overflow:hidden;line-height: 20px; }
.news-item2 .txt2 h2 { height: 32px; font-size: 14px; }
.news-item2 .txt2 h2 a { line-height: 32px; color: #444; }
.news-item2 .txt2 a { color: #0092df; }


.about{ width:690px; float:right;}
.aboutBox{ width:566px; height:368px; background:#fff;float:left; border:solid 1px #ddd; line-height:220%}
.aboutBox a{ color:#0092dd; float:right; font-size:13px;}

.aboutBox .aboutBox1{ width:546px; height:348px; float:left;}
.aboutBox .aboutTxt{ width:546px; height:168px; float:left; overflow:hidden; line-height:24px;padding:10px 10px; text-indent:2em; }
.aboutBox .aboutTxt a{ color:#333;}
.aboutBox .aboutPic{ width:566px; float:left;}
.aboutBox .aboutPic ul li{ float:left; width:175px; float:left; margin-left:10px; display:block; margin-top:5px;}
.aboutBox .aboutPic ul li img{ width:175px; height:165px;}

.aboutUl{ width:112px; float:right;}
.aboutUl ul li{ display:block; float:left; width:86px; height:40px;margin-bottom:4px; background:url(../images/tabTitleBg.jpg) 0px -90px no-repeat;text-align:center; color:#555; line-height:20px; font-size:15px; font-weight:bold; padding:25px 0px 25px 26px;}

.aboutUl ul li.proHover{ color:#fff;background:url(../images/tabTitleBg.jpg) 0px 0px no-repeat;}
.aboutUl ul li:ladt-child{ margin-bottom:0px;}


.service{ width:1220px;margin:20px auto;}
.service ul li{width:290px; display:block;float:left; margin-right:18px;}
.service li.last-child{ margin-right:0px;}

.jmBg{width:100%; background:url(../images/lyBg.jpg) top center no-repeat;height:460px; overflow:hidden;}

.jmBox{ width:1200px; margin:20px auto 0px auto}
.jmBox .pic{ width:642px;}
.jmBox .yuyue{ width:515px;}

.yuyue-tit { padding:1px 0 0 10px; }
.yuyue-tit h2 { height:25px; line-height:25px; padding:0 0 5px 5px; font-size: 16px; color: #333; }

.form-wrap { padding:5px 0 0 18px; }

.form-wrap .input-box { margin-bottom:17px;  height: 30px; }
.form-wrap .input-box input { border:solid 1px #bebebe; background:#fff; width: 300px; padding-left: 10px; line-height: 30px; }
.form-wrap .input1 input{ width: 185px; }
.form-wrap .input3 input{ width: 467px; }

.form-wrap .textarea-box {  margin-bottom:25px;}
.form-wrap .textarea-box textarea { width: 467px; height:120px; background: #fff; padding:5px 10px; line-height: 22px; border: none;font-family:"微软雅黑"; color:#333; font-size:14px;border:solid 1px #bebebe;}
.form-wrap .btn-button { margin-top: 15px; width: 300px; height: 54px; }
.form-wrap .btn-button button { display: block; border: none; font-size: 24px; color: #fff; width: 300px; height: 54px; background: #008ad5; border-radius: 4px; cursor: pointer; }