﻿@charset "utf-8";
/* CSS Document */
.swiper-container {width: 100%;}
.swiper-slide {background-position: center;background-size: cover;position: relative;}
.swiper-button-next, .swiper-button-prev{width: 44px;}
.swiper-pagination-bullet{width: 10px;height: 10px;outline: medium;background: none;border: 2px solid #FFF;opacity: 1;}
.swiper-pagination-bullet-active{background: #FFF;}
.swiper-pagination-white .swiper-pagination-bullet-active{background: #0062af;border: 2px solid #0062af;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;}
.swiper-slide .pc{}
.swiper-slide .m{display: none;}
.swiper-slide img{width: 100%;}

.swiper-slide .title{position: absolute;left: 13%;top: 20%;color: #FFF;}
.swiper-slide .title h2{font-size: 68px;font-weight: 300;}
.swiper-slide .title p{font-size: 36px;margin-top: 20px;}
.swiper-slide .title .more{width: 120px;height: 50px;line-height: 50px;border: 1px solid #FFF;text-align: center;font-size: 18px;margin-top: 40px;}
.swiper-slide .title .more a{color: #FFF;display: block;}
.swiper-slide .title .more a:hover{color: #FFF;display: block;text-decoration: none;}


.hTitle{font-size:28px;color:#191919;line-height:36px; text-align: center; max-width: 320px; margin: 0 auto; padding-bottom: 20px;}
.hTitle h2{border-bottom: 1px solid #0086ce; }
.hTitle span{font-weight: 500; background: #fff; padding: 0 25px; display: inline-block; position: relative; top: 15px; text-indent: 8px;}
.hTitle p{text-align: center; font-size: 18px; color: #757575; text-transform: uppercase; margin-top:20px;}


.dyip{padding:45px 0; background: #fff; overflow: hidden; }
.dyip .title{font-size: 32px;font-weight: 300;}
.dyip ul{margin-left: -0.2%;margin-top: 30px;}
.dyip li{float: left;width: 24.8%;margin-left: 0.2%;position: relative;margin-bottom: 1%;background: #fff;overflow: hidden;}
.dyip li img{width: 100%;opacity: 1;transition: all 0.3s;}
.dyip li:hover img{opacity: 1;transform: scale(1.12);}
.dyip li .dy_con{/*position: absolute;left: 50%;top: 50%;*/color: #FFF;width: 100%;align-items: center; /*transform: translate(-50%,-50%);*/z-index: 10;padding-top: 1.5rem;}
.dyip li .dy_con .flei1_1{width: 59px; height: 59px; margin: 6px auto; display: none;}
.dyip li .dy_con .flei1_2{width: 42px; height: 2px; background: #fff; margin: 20px auto; opacity: 1;display:none;}
.dyip li .dy_con h3{font-size: 24px;font-weight: 500; text-align: center;color:#000;}



.derp{padding:45px 0; background: #f5f5f5; overflow: hidden; }
.derp .hTitle span{ background: #f5f5f5; }
.derp .ys_about{line-height: 32px; font-size: 15px; margin-top:25px; color: #252525; letter-spacing: 1px;}
.derp .ys_about p{text-indent: 28px; padding-bottom: 5px;}
.derp .more{margin:0 auto;width: 160px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;margin-top: 10px; background: #0086ce; display: none;}
.derp .more a{color: #FFF;display: block;border: 1px solid #FFF;}
.derp .more a:hover{color: #FFF;display: block;text-decoration: none; background: #0086ce;border: 1px solid #0086ce; }


.sy2{width: 80%; margin:32px auto 15px auto;text-align: center;}
.sy2 ul li{width: 108px; height: 108px; overflow: hidden; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; transition: all 300ms ease-out; 
    display: inline-block; padding: 0 4px;}
.sy2 ul li a{width: 108px; height: 108px; display: inline-block; }
.sy2 ul li img{max-width: 100%;}
.sy2 ul li:hover{-webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg)}
.sy2 ul li:hover a{transform: rotateY(180deg)}



.dsanp{padding:45px 0; background: #fff; overflow: hidden; }
.dsanp ul{margin-left: -2%; margin-top: 45px; overflow: hidden;}
.dsanp ul li{ width: 31.333%; float: left; margin-left: 2%; margin-bottom: 2%;}
.dsanp ul li .upimg{width:100%; overflow: hidden;}
.dsanp ul li .upimg img{width: 100%; display: block;}
.dsanp ul li span{font-size: 15px;font-weight: 400; display: block; padding: 12px 0;  color: #fff; background: #303030; text-align: center;}

.banner{height: 260px;text-align: center;color: #FFF;display: flex;justify-content: center;align-items: center;}
.banner .title{}
.banner .title h2{font-size: 36px;font-weight: 300;}
.banner .title .txt{margin-top: 10px;}
.banner .title p{font-size: 18px;line-height: 30px;}



/*内页代码*/
.banner_ny img{ width:100%;}

.con{background:#f5f5f5;}
.con_box{ max-width:1200px; margin:0 auto; padding:2% 0; overflow:hidden;}
.globalbox{ width:77%; float:right; background:#FFF;}

.blk-main{width: 100%; background: #f5f5f5;overflow: hidden;}
.plc{padding: 5px 0 15px;}
.p12-curblock{display: none;}
.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #444;}
.p102-curmbs-1 b{font-weight: normal;padding-left: 35px;background: url(../images/p102-curmbs-icon1.png) no-repeat left center;}
.p102-curmbs-1 i{font-style: normal;}
.p102-curmbs-1 span{height: 46px;line-height: 46px;padding: 0px 5px;}
.p102-curmbs-1 a{color: #444;}
.p102-curmbs-1 a:hover{color: #0086ce;}


/*内页about*/
.ny_com { padding:30px 0 48px; overflow: hidden;}
.ny_l { width:25.5%; overflow: hidden;}
.ny_r { width:calc(100% - 29.5%); overflow:hidden;}
.ny_title { color:#fff; height:72px; background:#0086ce; text-align:left;padding-left:24px; font-size:22px; color:#fff; line-height:72px; font-weight:400;}
.ny_nav li { border-bottom:1px solid #e0e0e0; }
.ny_nav { background:#f8f8f8;  border-top:0; padding:10px 20px 25px; margin-bottom:22px; overflow:hidden;}
.ny_nav a {color:#252525; font-size:15px;  padding:12px 0 12px 32px; display:block; background:url(../images/pro_bj.png) no-repeat 6px center; line-height:25px;}
.ny_nav a:hover { color:#0086ce; background:url(../images/pro_bj01.png) no-repeat 6px center;font-weight:bold;}
.ny_nav .ny_nav_hover a{ color:#0086ce; background:url(../images/pro_bj01.png) no-repeat 6px center;font-weight:bold;}

.ny_tel { color:#fff; background:#0086ce; font-size:22px; padding-left:24px;width:100%; height:60px; line-height:60px;}
.ny_tel_n {padding:20px 0; background:#fff;}
.ny_tel_n img { float:left; padding-right:10px; width: 25px; display: inline-block; margin-top: 8px; vertical-align: middle;}
.ny_tel_n li { height:50px; font-size:14px;color:#222;}
.ny_tel_n .ny_tel01 { line-height:24px;}
.ny_tel_n .ny_tel02 { line-height:45px;}
.ny_r_title { border-bottom:1px solid #dfdfdf; color:#444; line-height:45px; height:40px;}
.ny_r_title span{ float:right;}
.ny_r_title a { color:#666666}
.ny_r_title a:hover { color:#0086ce; text-decoration:underline;}
.ny_r_title h3 { float:left; border-left:5px solid #0086ce; color:#222; font-size:22px; font-weight:500; line-height:25px; margin-bottom:15px; padding-left:15px;}
.ny_r_info { padding-top:15px; line-height:32px; color:#444; font-size: 14px; overflow: hidden; }
.ny_r_info img {width:100%; max-width:100%;}

/*图片列表*/

.ulimg {width: 100%;  padding-top:22px; overflow: hidden; }
.ulimg ul { list-style: none;  overflow:hidden; margin-left:-1%;}
.ulimg li { width:49%; margin-left:1%; float: left; margin-bottom:2.5%;}
.ulimg li a{ overflow:hidden; display:block; text-align:center; border: 1px solid #e2e2e2; padding: 2px;}
.ulimg li img { width:100%;}
.ulimg li span { display: block; text-align: center; line-height:20px; color: #222; font-size: 15px;padding-top: 15px; }


.honor { width: 100%;  padding-top:22px; overflow: hidden; }
.honor ul { list-style: none;  overflow:hidden; margin-left:-2%;}
.honor li { width:31.333%; margin-left:2%; float: left; margin-bottom:10px;}
.honor li a{ overflow:hidden; display:block; text-align:center; border: 1px solid #e2e2e2; padding: 2px;}
.honor li img { width:100%;}
.honor li span { display: block; text-align: center; line-height:30px; color: #222; font-size: 13px; }

.hj_com {width: 100%;  padding-top:22px; overflow: hidden; }
.hj_com ul{ overflow:hidden; }
.hj_com ul li{ width:100%; float: left;  margin-bottom:2.5%; overflow:hidden;}
.hj_com ul li .zbtp{float:left; width:57%;}
.hj_com ul li .zbtp img { width:100%; display:block;}
.hj_com ul li .zbtp span { display: block; text-align: center; line-height:20px; color: #222; font-size: 15px;padding-top: 15px; }
.hj_com ul li .ybtxt{float:right; width:40%; font-size:16px; line-height:35px; margin-top:10px; overflow:hidden;}


/*新闻中心详细内容*/
.news-box {width: 100%;  padding-top:22px; overflow: hidden; }
.news-box .news-list li {border-bottom:1px dashed #DEDEDE;}
.news-box .news-list li a {display:block;padding:20px 0;height:135px;}
.news-box .news-list li a .pic {float:left;width:260px;height:auto;position:relative;}
.news-box .news-list li a .pic img { width:100%; display: block;}
.news-box .news-list li a .txt {width:58%;float:right;margin-left:20px;padding-right:70px;position:relative;}
.news-box .news-list li a .txt .date {line-height:24px;color:#999;}
.news-box .news-list li a .txt .title {transition:all 0.4s;font-size:16px;line-height:26px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px;}
.news-box .news-list li a .txt .content {font-size:12px;color:#666;line-height:24px;margin-top:12px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news-box .news-list li a .txt .arrow {position:absolute;width:37px;height:37px;border:1px solid #CBCBCB;right:0;top:50%;margin-top:-19px;background:url("../images/arrow05.png") no-repeat 0 0;transition:all 0.4s;}
.news-box .news-list li a:hover .txt .title {color:#235094;}
.news-box .news-list li a:hover .txt .arrow {border-color:#235094;background:#235094 url("../images/arrow05.png") no-repeat 0 -37px;}



.NewsDetailed{ margin:3% auto;overflow: hidden;}
.NewsDetailed h3{line-height:40px;margin-bottom:10px;text-align:center;font-size:24px;font-weight:400;color:#000;}
.NewsShowHits{padding-bottom:16px;text-align:center;border-bottom:1px #DEDEDE dashed;color:#999999;font-size:14px;}
.NewsDetailed-content{line-height:34px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:14px;text-align:left;border-bottom:1px #DEDEDE dashed; color: #555;}
.NewsDetailed-content img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}

.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#0086ce;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}



/* product 详情 */
.produxts {width: 100%;  padding-top:22px; overflow: hidden; }
.produxts ul { list-style: none;  overflow:hidden; margin-left:-1%;}
.produxts ul li { width:49%; margin-left:1%; float: left; margin-bottom:2.5%;}
.produxts ul li img { width:98%; border: 1px solid #e2e2e2; padding: 2px;}
.produxts ul li span { display: block; text-align: center; line-height:20px; color: #222; font-size: 15px; padding-top: 15px;}

.product_details{width:100%;  padding-top:22px; overflow: hidden;}
.product_details .details_pic{float: left; width:100%;}
.product_details .details_pic img{max-width: 100%; display: block;}
.product_details .details_pic p{ display: block; text-align: center; line-height:25px; color: #222; font-size: 16px; padding: 15px 0;}


.cpxq_l{width:100%; }
.cpxq_l .cpxq_l_t{ background:#fff;  border:1px solid #e2e2e2;}
.cpxq_l .cpxq_l_b{width:91%; overflow:hidden; margin-top:10px; padding:0 20px; height: 85px; position:relative;}
.cpxq_l .cpxq_l_b a.prev,.cpxq_l_b a.next{display:block;width:12px;height:21px; margin-top:-12px; position:absolute;top:46%;left:0;background:url(../images/anu.png) no-repeat;
overflow:hidden;cursor:pointer;transition:all 0s linear;}
.cpxq_l .cpxq_l_b a.prev:hover{background-position:0 -21px;}
.cpxq_l .cpxq_l_b a.next{left:auto;right:0;background-position:0 -42px;}
.cpxq_l .cpxq_l_b a.next:hover{background-position:0 -63px;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj{ width:100%; overflow:hidden;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul{width:100%; font-size:0px; white-space:nowrap; position:absolute; z-index:10;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li{display:inline-block;  width:14%; cursor:pointer;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li img{max-width:90%; border:1px solid #e2e2e2;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li a{display:block; opacity:1; }
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li img:hover{ opacity:1;  border:1px solid #dd4a3c;}
.cpxq_l .cpxq_l_b .cpxq_l_b_kj ul li img.tb-selected { opacity:1;  border:1px solid #dd4a3c;}
dl.op{width:100%; font-size:0px; white-space:nowrap; opacity:0;}
dl.op dd{display:inline-block;  width:25%; cursor:pointer;}
dl.op dd img{width:100%;}
dl.op dd a{display:block;}

.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; }
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden; display:none;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


.product_details .details_top{float: right; width:48%;}
.product_details .details_top h5{font-size:24px;color:#333;margin-bottom:20px;padding-bottom:20px;position:relative;}
.product_details .details_top h5:before{position:absolute;content:"";width:30px;height:2px;background:#dd4a3c;left:0;bottom:0;}
.product_details .details_top .pwxx{font-size:14px;color:#666;line-height:32px;margin:0;}
.product_details .details_top .mores{ margin:28px 0 0; } 
.product_details .details_top .mores a{color:#fff; float:left; width: 105px; margin:0 6px; height: 38px; line-height:38px;  font-size: 15px;
background:#dd4a3c; text-align: center; color:#fff;border-radius: 5px;}

.product_detailsdd{width:100%; margin:0 auto;  overflow: hidden;}

.product_detailsdd .details_box{ margin-top:12px; padding-bottom: 12px; overflow: hidden;}
.product_detailsdd .details_box .tits{border-bottom: 1px solid #bbb; line-height: 42px; height: 42px; margin: 0;}
.details_box .tits span{width:135px; background: #0086ce; display: block;font-size: 15px;text-align: center; color: #fff;}
.product_detailsdd .details_box .details_text{padding:15px 0; font-size:14px; line-height:30px;}
.product_detailsdd .details_box .details_text img{display: block;max-width: 100%; padding-top: 10px;}

.product_detailsdd .details_box .details_text table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%; }
.product_detailsdd .details_box .details_text table tr td{border-right: 1px solid #000;border-bottom:1px solid #000; padding: 6px; line-height: 24px; text-align:center;}
.product_detailsdd .details_box .details_text table tr td img{ margin: 0 auto; display: block;}
.product_detailsdd .details_box .details_text table tr:first-child{background: #c4d5ef;}

.product_detailsdd .Rtit{height:40px;line-height:40px;padding-left:20px;background:#e5e5e5;color:#000;font-size:18px}


/*feedback*/
.content_box{margin-top:0px;}
.content_box .messages_box{width:auto;padding:0 1% 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #417dc5;border:none;}


#map_container{height: 520px;}