@charset "utf-8";

/* base 公共部分 */
body { font: 14px/22px 思源宋体; color:#555; margin: 0px; text-align:center;}
*{ padding:0; margin:0; font-family:"思源宋体" !important;}
a { color:#555; text-decoration:none;}
a:hover{ color:#3f9bff; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page{ text-align:center; margin-top:20px; width:100%; float:left; margin-bottom:10px; }
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#555;}

.bb{ background:#3f9bff; color:#fff !important;}


/*头部*/
.header{ width:100%; margin:auto;}
.header .header1{width:1200px; margin:auto;}
.logo{ float:left; height:88px;}

.top-z{ float:left; height:40px; padding:12px 0; margin-left:120px;}
.top-z p{ font-size:18px; color:#3f9bff; text-align:left; font-weight:600; line-height:30px;}

.top_right{ float:right; color:#3f9bff; font-size:31px; line-height:110px; text-align:right; background:url(../images/top-tel.jpg) no-repeat center; width:248px; height:88px;}
.top_right a{ padding-left:25px; margin-left:10px;}
.top_right a.ch{ background:url(../images/ch.jpg) no-repeat left;}
.top_right a.en{ background:url(../images/en.jpg) no-repeat left;}

/*菜单*/
.nav{ width:100%; height:50px; line-height:50px; float:left; font-size:16px; background:#fff;}
.nav ul{width:1200px; margin:0 auto;}
.nav ul li{ background:#fff; width:160px; float:left; position:relative;}
.nav ul li a{ display:block; text-align:center; color:#363434;}
.nav ul li a:hover,.header .nav ul li a.dq{ background:#3f9bff; color:#fff;}
/*二级菜单*/
#menu ul ul { display:none;  position:absolute; top:50px; left:0; z-index:99999; width:auto; background:#ecf9fe;}
#menu ul ul li{ background:none; float:none; border-bottom:solid 1px #fff;}
#menu ul ul li a{ color:#363434; font-size:16px; line-height:40px; padding:0; display:block; text-align:center;}
#menu ul ul li a:hover{ color:#fff;}



.slideBox{ width:100%;  overflow:hidden; position:relative;   }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute;right:47.8%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px;  text-align:center; background:#fff; cursor:pointer; border-radius:15px; }
.slideBox .hd ul li.on{ background:#7b020b; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; display:block;  }


/*banner*/
.banner{ width:100%; float:left; position:relative; z-index:6; border-bottom:solid 1px #fff; overflow:hidden;}
#campaign_slide_navigation{ text-align:center; position:absolute; bottom:10px; right:10px; z-index:10;}
#campaign_slide_navigation li{ float:left; margin:0 2px; cursor:pointer;}
#campaign_slide_navigation li.campaign_navi_item{ background:#f1f1f1; width:9px; height:9px;}
#campaign_slide_navigation li.activeSlide{ background:#e63820; width:9px; height:9px;}


.main{ width:1200px; margin:0 auto; margin-top:30px;}

.cp-logo{ width:1200px; margin:auto; margin-top:20px;}

		/* css 重置 */
		*{margin:0; padding:0; list-style:none; }
		body{ background:#fff; font:normal 12px/22px 思源宋体;  }
		img{ border:0;  }
		a{ text-decoration:none; color:#333;  }

		/* 本例子css */
		
		.gd-title{ font-size:22px; text-align:center; color:#262626; line-height:50px; font-weight:bold;}
		
		.picMarquee-left1{ width:1200px;  overflow:hidden; position:relative;  border:1px solid #ccc; }
		.picMarquee-left1 .bd{ margin:10px;   }
		.picMarquee-left1 .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left1 .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left1 .bd ul li .pic{ text-align:center;}
		.picMarquee-left1 .bd ul li .pic h2{ text-align:center; font-size:14px; color:#555; padding:0; margin:4px auto;}
		.picMarquee-left1 .bd ul li .pic img{ width:120px; height:80px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left1 .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left1 .bd ul li .title{ line-height:24px;}


.box2{width:1200px; margin:0 auto;}
.box2 .title{ text-align:center; margin:60px auto 40px auto;}

.box2 .xilie {width: 100%;margin-top: 35px;text-align: center;}
.box2 .xilie a {cursor: pointer;font-size: 16px; color:#333; transition: .5s;display: inline-block; border-radius: 10px; border:0.92px solid #000000; height: 40px; line-height: 40px; width:152px; margin:0 5px;}
.box2 .xilie a:hover, .xilie a.on {color: #fff;background-color: #3f9bff; border:none;}
.box2 .picMarquee-left{ width:1200px; margin:0 auto;  overflow:hidden; position:relative; margin-top:40px; margin-bottom:40px;}
.box2 .picMarquee-left .bd{ padding:10px 0;   }
.box2 .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.box2 .picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.box2 .picMarquee-left .bd ul li .pic{ text-align:center; }
.box2 .picMarquee-left .bd ul li .pic img{ width:280px; height:210px; display:block;border:1px solid #ddd; }
.box2 .picMarquee-left .bd ul li .pic a:hover img{ border-color:#daecf5;}
.box2 .picMarquee-left .bd ul li .title1{ text-align:center; font-size:18px; line-height:40px;}
.box2 .more {transition: .5s;color: #89898a;font-size: 16px;text-align: center;line-height: 30px; width: 120px;height: 30px;border-radius: 15px;border: 2px solid #fcd475;display: block;
margin: 0 auto; margin-bottom: 0px;}
.box2 .more:hover {color: #fff;background-color: #fcd475;}

.box3{ width:100%; background:url(../images/new-dt.jpg) no-repeat center; height:395px; margin-top:56px;}
.box3 .center{ width:1200px; margin:0 auto; padding:34px 0 24px 0;}
.box3 .center .title{ text-align:left; font-size:22px; color:#fff; font-weight:bold; font-family:"黑体"; margin-bottom:20px;}
.box3 .center .title span{ font-size:20px; font-weight:normal;}
.box3 .center .xian{ width:52px; height:5px; background:#fff; margin-bottom:30px}
.box3 .center .box3-l{ float:left; width:860px;}
.box3 .center .box3-r{ float:right; width:270px;}
.box3 .center .box3-l p{ text-align:left; font-size:15px; line-height:2; color:#fff;}
.box3 .center .box3-l .ckxq{ width:112px; height:35px; border:1px solid #fff; margin-top:30px;}
.box3 .center .box3-l .ckxq a{ text-align:center; line-height:37px; color:#fff;}
.box3 .center .box3-r p{ font-size:15px; line-height:22px; color:#fff; text-align:left; font-weight:bold;}
.box3 .center .box3-r .xw_img{ width:119px; height:119px; float:right; margin:15px 20px 10px 0; text-align:center; font-size:14px; color:#fff;}
.box3 .center .box3-r .xw_img span{ line-height:30px;}
.box3 .center .box3-r .xw_img img{ max-width:100%;}


.box4{ width:1200px; margin:0 auto;}
.box4 .title{text-align:center; margin:60px auto 40px auto;}
.box4 .box4-l{ float:left; width:522px; height:360px; overflow:hidden;}
.box4 .box4-l img{ max-width:100%; width:522px; height:360px;}

.box4-l img{ border:solid 1px #dadada; width:522px; height:360px;transform: scale(1,1); transition-duration: 0.5s;}
.box4-l img:hover{transform: scale(1.1,1.1); transition-duration: 0.5s;}


.box4 .box4-r{ float:right; width:620px;}
.box4 .box4-r .box4-ckxp{ width:112px; height:35px; border:1px solid #3f9bff; margin-top:30px;}
.box4 .box4-r .box4-ckxp a{ text-align:center; line-height:37px; color:#3f9bff;}
.box4 .box4-r ul li{ border-bottom:1px dotted #e2e2e2; padding-bottom:4px; text-align:left;}
.box4 .box4-r ul li h4{ line-height:24px; font-size:14px; text-align:left; margin-top:0px;}
.box4 .box4-r ul li a{ color:#333;}
.box4 .box4-r ul li span{ color:#888; font-size:12px;}
.box4 .box4-r ul li p{ color:#888; font-size:14px; }

.box4 .nr{}
.box4 .nr ul li{ float:left; width:350px; margin-right:75px; text-align:left;}
.box4 .nr .last{ margin-right:0;}
.box4 .nr ul li .pic{ width:350px; height:214px; margin-bottom:15px; overflow:hidden;}
.box4 .nr ul li .pic img{width:350px; height:214px;transform: scale(1,1);transition-duration: 0.5s;}
.box4 .nr ul li .pic img:hover{ transform:scale(1.1,1.1); transition-duration:0.5s;}

.box4 .nr ul li .tit{ color:#171616; font-size:16px;}
.box4 .nr ul li span{ color:#888888; font-size:12px; padding:8px 0; display:block;}
.box4 .nr ul li p{ line-height:26px;}
.box4 .nr ul li p a{ color:#f9b20d; font-size:16px; padding-top:5px;}
.box4 .more {transition: .5s;color: #89898a;font-size: 16px;text-align: center;line-height: 30px; width: 120px;height: 30px;border-radius: 15px;border: 2px solid #fcd475;display: block;
margin:40px auto;}
.box4 .more:hover {color: #fff;background-color: #fcd475;}



/*内页*/
.banner2{width:100%; margin-bottom:20px;}
.banner2 img{width:100%;}

.intro{}
.about{padding:15px 0;line-height:26px;min-height:360px;}
.about p{ margin-bottom:10px;}
.about .picMarquee-left{ width:853px;overflow:hidden; position:relative;}
.about .picMarquee-left .bd{ padding:10px 0;   }
.about .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.about .picMarquee-left .bd ul li{ margin:0 11px; float:left; _display:inline; overflow:hidden; text-align:center; width:258px;}
.about .picMarquee-left .bd ul li .pic{ text-align:center; }
.about .picMarquee-left .bd ul li .pic img{ width:250px; height:200px; display:block; padding:2px; border:1px solid #ccc; }
.about .picMarquee-left .bd ul li .pic a:hover img{ border-color:#188eee;  }

.about1{padding:20px 0; padding-left:2px;}
.about1 ul li{ margin:10px;float:left; width:200px;}
.about1 ul li img{ padding:2px; border:1px solid #ddd; width:192px; height:137px;box-shadow: 0px 2px 3px #ddd;}
.about1 ul li h2{ margin:10px 0; text-align:left; font-size:16px; color:#000; font-weight:200;}
.about1 ul li span{ color:#ff9700;}
.about1 ul li p{ margin-top:10px; color:#888; line-height:24px;}

.hall {display: block;width: 100%;height: auto;}

.product_list{padding:10px 0;}
.product_list ul li{width:282px; height:200px; float:left; margin:12px 0px; display:inline; text-align:center;}
.product_list ul li.last2{margin-right:0;}
.product_list ul li .pic{overflow:hidden;width:282px; height:212px;}
.product_list ul li img{width:246px; height:185px;text-align:center; border:1px solid #ddd;transform: scale(1,1);transition-duration: 0.5s;}
.product_list ul li img:hover{transform:scale(1.1,1.1); transition-duration:0.5s;}
.product_list ul li h3 a{font-size:18px; font-weight:500; height:40px; line-height:40px; text-align:center;}
.product_list ul li p.xx{font-size:13px; line-height:24px; }
.product_list ul li p.more2{margin-top:5px;}
.product_list ul li p.more2 a{display:block; width:50px;height:24px; line-height:24px;text-align:center;float:left; margin-right:15px; color:#fff; border-radius:3px; background:#2d3037;}
.product_list ul li p.more2 a.orange{background:#dc541a;}
.tj{margin-top:25px;}
.tj2{ border:1px solid #ddd; padding:10px; }
.tj2 ul li{text-align:center; font-size:13px; margin:5px 0;}

.product_list1{padding:10px 0;}
.product_list1 ul li{width:200px;float:left; margin:12px; display:inline;background:#0186d5; text-align:center;}
.product_list1 ul li.last2{margin-right:0;}
.product_list1 ul li img{width:198px;height: 200px;text-align:center; border:1px solid #ddd;}
.product_list1 ul li h3 a{font-size:15px; font-weight:500; height:40px; line-height:40px; text-align:center; color:#fff;}

.footer{ width:100%; margin-top:60px; background:#686868;}

.footer .center{ width:1200px; margin:0 auto; padding:50px 0; text-align:left; color:#fff;}
.footer .footer-left{ float:left; width:965px; color:#fff; font-size:16px;}
.footer .footer-right{ float:right; width:150px; background:#fff; padding:10px;}
.footer .footer-right p{ font-size:14px; text-align:center; color:#bdbbb9;}
.footer .footer-right img{ max-width:100%;}

.footer .footer-left ul li a{ color:#fff; text-align:center; display:inline-block; padding:0 20px;}
.footer .center ul li{ float:left; border-right:1px solid #fff; text-align:center;}
.footer .center ul .footer-s{ border:none;}
.footer .footer-xian{ width:100%; height:1px; background:#fff; margin:25px 0;}
.footer .footer-left .footer-l{ float:left; width:600px;}
.footer .footer-left .footer-l p{ font-size:15px; color:#fff; line-height:24px;}
.footer .footer-left .footer-r{ float:right; width:290px; height:54px; background:url(../images/footer-tel.png) no-repeat top left;}
.footer .footer-left .footer-r p{ font-weight:bold; font-size:30px; text-align:left; color:#fff; margin:6px 0 0 60px;}
.footer .footer-left .footer-r span{ font-size:16px; color:#fff; margin-left:60px;}


.floating_ck{position:fixed;right:20px;bottom:5%; z-index:10}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#3f9bff;border-bottom:solid 1px #3f9bff;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/icon0701/zxicon.png);}
.quote{background-image:url(../images/icon0701/kficon.png);}
.qrcord{background-image:url(../images/icon0701/zxicon.png);}
.return{background-image:url(../images/icon0701/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-230px;top:0px;width:230px;height:80px;background-color:#3f9bff;border-bottom:solid 1px #ccc;display:none; text-align:left;}
.floating_left a{color:#fff;line-height:70px;}
.floating_ewm{height:310px;top:-230px;}
.floating_ewm i{background-image:url(../images/ewm.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}
.kefu-list {width:160px;}
.kefu-list a {display: block;width:160px;color: #fff;-webkit-transition: 0.2s;-moz-transition: 0.2s; -ms-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.kefu-msg { width: 146px;padding-left: 70px; height: 73px;line-height: 73px;border-bottom: 1px solid #ccc; background: #3f9bff url(../images/qq_06-h.png) no-repeat 30px center;}
.kefu-qq {background: url(../images/qq_15-h.png) no-repeat 30px center;}
.kefu-qq, .kefu-mail, .kefu-tel { width: 146px;padding-left: 70px;height: 62px;line-height: 62px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.kefu-mail {background: url(../images/qq_22-h.png) no-repeat 30px center;}
.kefu-tel {background: url(../images/qq_29-h.png) no-repeat 30px center;}
.kefu-weixin {border-top: 1px solid #ccc; padding: 40px 30px; width: 156px;overflow: hidden;}
.kefu-weixin h3 {float: left;width: 16px;text-align: center;font-size: 12px;color: #fff;height: 100px;padding: 10px;line-height: 16px; background-color: #1f5a99;border-radius: 5px 0 0 5px;}
.kefu-weixin .img { float: right;width: 100px;height: 100px;padding: 10px; background-color: #fff;border-radius: 5px;}



/*内页左边菜单*/
.sidebar{ width:240px; float:left; padding:0 20px 0 0;}
.side_menu{}
.side_menu .title{ background:#3f9bff; height:55px; text-align:center; line-height:55px; margin-bottom:5px;}
.side_menu .title span{ display:block; color:#fff; font-size:20px;}
.side_menu .intro{}
.side_menu .intro ul li{ border:solid 1px #fff; font-size:14px; position:relative; text-align:center;}
.side_menu .intro ul li a{ display:block; background:#e1f2fa; height:32px; line-height:32px;}
.side_menu .intro ul li a:hover,.side_menu .intro ul li a.active,.side_menu .intro ul li:hover{ background:#2d6db3; color:#fff;}
#menu2 ul ul{ display:none;  position:absolute; top:0;  left:200px; width:200px; border-left:solid 1px #fff; z-index:10;}

/*新闻列表*/
.news_list{ padding:20px 0;}
.news_list ul li{ border-bottom:dotted 1px #dbdbdb; background:url(../images/iocn02.jpg) no-repeat 6px; padding-left:16px; line-height:24px; margin-bottom:10px; text-align:left;}
.news_list ul li a:hover{ text-decoration:underline; color:#3f9bff;}
.news_list ul li span{ float:right;}

/*新闻详细页*/
.news_show{ padding:20px 0;}
.news_show .name{ font-size:20px; text-align:center; line-height:40px;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px;}
.news_show .nr{ padding:8px 18px; text-align:left;}
.news_show .nr p{ margin-bottom:10px; line-height:26px;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#ec6100;}

/*======内页右边内容=====*/
/*内页右边标题*/
.side_right{ width:890px; float:right; padding:0 20px; background:#fff; border:solid 1px #dcdcdc; box-shadow:0 0 2px #e8e8e8; padding:15px; min-height:400px;}
.side_right .title{ border-bottom:solid 1px #e3e3e3; height:24px; text-align:left;}
.side_right .title .dangq{ font-size:16px; border-left:solid 3px #3f9bff; padding-left:6px; float:left;}
.side_right .title .weizhi{ float:right;}
.side_right .title a:hover{ text-decoration:underline;}

/*内页右边单页及表格、表单样式*/
.side_right .intro{ line-height:26px; padding:20px;}
.side_right .intro h4{ font-size:16px; margin:0 0 10px 0; text-align:left; color:#3f9bff;}
.side_right .intro .jj-t{ float:right; width:300px;}
.side_right .intro .jj-t img{ max-width:100%;}
.side_right .intro p{ margin-bottom:15px; text-align:left;}
.side_right .intro table{ text-align:left; margin-left:10px; margin-bottom:20px;}
.side_right .intro table tr td{ padding:4px; background:#fff;}
.side_right .intro table tr td a:hover{ color:#c30;}
.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"微软雅黑"; border-radius:3px;}
.side_right .intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}

/*产品详细*/
.product_show{ padding:20px 0;}
.product_show .cp1{ margin-bottom:20px;}
.product_show .pic{ width:460px; float:left;}
.product_show .pic img{ max-width:100%; border:solid 1px #dadada;}
.product_show .guige{ width:400px; float:right; text-align:left;}
.product_show .guige ul li{ border-bottom:dotted 1px #ccc; line-height:24px; padding-left:10px; margin-bottom:10px;}
.product_show .guige ul li .font1{ color:#287fc6;}
.product_show .sm{ width:100%; float:left; margin-top:20px;}
.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.product_show .sm .smbt span{ background:#287fc6; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}
.product_show .sm .neirong{ padding:10px; line-height:24px; float:left; text-align:left;}