@charset "utf-8";
/* CSS Document */
body{font-size:12px;font-family:"微软雅黑";margin:0px auto;padding:0px;color:#333;overflow-x:hidden;background-color: #d3effb;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#333;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#0071CD;text-decoration:none;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.sbj{margin-top:30px;}
.sbj1{margin-top:60px;}
.fl {float: left;}
.fr {float: right;}
.top{width:100%;/*background: url(../images/top.jpg) no-repeat center center;height: 106px;border-bottom: 2px solid #fff;*/background-color: #ff0;}
#nav{width: 100%;height:60px;line-height: 60px;background: linear-gradient(to top, #18d8e3,#20d0e8);}
.item-nav{float: left;height:60px;line-height:60px;text-align: center;}
.item-nav > a{font-size: 16px;color: #fff;}
.item-nav:hover > a{font-weight: bold;}
.two-item > a, .three-item > a, .four-item > a{text-decoration: none;color: #333;font-size: 14px;padding-left:15px;}
.two-item:hover > a, .three-item:hover > a, .four-item:hover > a{font-weight: bold;}
.none {display: none;}
.item-nav:hover > .two-nav{display: block;}
.two-item:hover > .three-nav{display: block;}
.three-item:hover > .four-nav {display: block;}
.two-nav{background:rgba(255,255,255,0.8);position: relative;display: none;z-index: 19999;width: 200px;}
.two-item{line-height:40px;background: url(../images/li.png) no-repeat 180px center;}
.three-item{line-height:40px;background: url(../images/li.png) no-repeat 180px center;}
.four-item{line-height:40px;}
.three-nav{background:rgba(255,255,255,0.8);position: absolute;top: 0;right:-201px;display:none;min-height: 240px;border-left: 1px solid #E9EAEA;border-right: 1px solid #E9EAEA;}
.four-nav {background:rgba(255,255,255,0.8);position: absolute;top: 0;right: -203px;display: none;min-height: 240px;}
.two-item,.three-item,.four-item{width:200px!important;text-align: left;}
.ys{display: flex;justify-content:center;align-items: center;}
.ys dl{width: 160px;text-align: center;height: 160px;background:linear-gradient(to top, #18d8e3,#45aff8);border-radius: 180px;color: #fff;margin: 0px 40px;border: 2px solid #D3EFFB;}
.ys dl a{color: #fff;}
.ys dl a span{display: block;margin:30px auto 0px auto;}
.ys dl a dt{font-weight: bold;font-size:20px;line-height: 40px;}
.ys dl a p{text-transform: uppercase;font-size:12px;}
.ys dl:nth-child(1) a span{background: url(../images/a.png) no-repeat center center;width: 33px;height: 32px;}
.ys dl:nth-child(2) a span{background: url(../images/b.png) no-repeat center center;width: 29px;height: 32px;}
.ys dl:nth-child(3) a span{background: url(../images/c.png) no-repeat center center;width: 32px;height: 32px;}
.ys dl:nth-child(4) a span{background: url(../images/d.png) no-repeat center center;width: 32px;height: 32px;}
.ys dl:hover{border: 2px solid #3EB9F2;background: #fff;}
.ys dl:hover a dt{background-image: linear-gradient(to top, #19d7e3,#45aff8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #20d3e5;}
.ys dl:hover a p{color: #20d3e5;}
.ys dl:hover:nth-child(1) a span{background: url(../images/a_1.png) no-repeat center center;}
.ys dl:hover:nth-child(2) a span{background: url(../images/b_1.png) no-repeat center center;}
.ys dl:hover:nth-child(3) a span{background: url(../images/c_1.png) no-repeat center center;}
.ys dl:hover:nth-child(4) a span{background: url(../images/d_1.png) no-repeat center center;}
.gsjj{width: 100%;background:linear-gradient(to top, #18d8e3,#46aff7);padding: 75px 0px;}
.company{color: #fff;}
.company dl{width:570px;float: left;height:321px;overflow: hidden;padding:15px;background: linear-gradient(to top,#46aff7,#18d8e3);border-top-left-radius: 40px;border-bottom-right-radius:40px;}
.company dl iframe{width: 570px;height:321px;}
.company ul{float: left;margin-left:50px;}
.company ul li{width: 35px;height: 5px;background-color: #fff;border-radius: 5px;}
.company ul dt{font-size: 24px;font-weight:500;margin: 10px 0px 15px 0px;}
.company ul p{text-indent: 2em;font-size: 14px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7;overflow: hidden;}
.company ul ol{background-color: #ffffff;width:150px;height:40px;line-height: 40px;text-align: center;border-radius: 5px;margin-top:20px;}
.company ul ol a{color: #0daed1;font-size: 16px;}
.company ul:hover ol{background-color: #0daed1;}
.company ul:hover ol a{color: #fff;}
.icpfl{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.icpfl li{width: 15%;height: 56px;line-height: 56px;text-align: center;background:linear-gradient(to top, #1cd6e3,#42b1f7);border-radius: 12px;border: 1px solid #D3EFFB;}
.icpfl li a{font-size: 16px;color: #fff;}
.icpfl li:hover{background: #fff;border: 1px solid #3BB8F2;}
.icpfl li:hover a{color: #38bbf1;}
.line{border-bottom: 1px solid #3CB7F4;}
.cpzs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.cpzs div{width: 50%;margin-bottom: 35px;border-bottom: 1px dashed #2CC7EB;height:290px;}
.cpzs div li{width: 248px;float: left;height: 248px;display: inline-table;overflow: hidden;}
.cpzs div li a{width: 248px;height: 248px;}
.cpzs div li a img{width: 248px;height: 248px;transition:all 0.6s;}
.cpzs div:hover li a img{transform: scale(1.3);}
.cpzs div ul{margin-left: 260px;border-left: 1px solid #90DCF5;}
.cpzs div ul ol{background: url(../images/cp.png) no-repeat left center;height: 37px;line-height: 37px;text-indent:20px;}
.cpzs div ul ol a{color: #fff;font-size: 18px;}
.cpzs div ul p{font-size: 15px;line-height:30px;margin-top:10px;}
.cpzs div ul p span{font-size: 16px;color: #40b3f5;}
.cpzs div:nth-child(5),.cpzs div:nth-child(6){border-bottom:none;margin-bottom: 0px;}
.hf{width: 100%;background: url(../images/hf.jpg) no-repeat center center;padding: 60px 0px;text-align: center;}
.title2{width: 258px;height: 69px;border: 2px solid #fff;border-radius: 12px;background: linear-gradient(to top, #1cd6e3,#42b1f7);margin: 0px auto;text-align: center;color: #fff;}
.title2 li{font-size:28px;padding-top: 5px;}
.title2 p{text-transform: uppercase;font-size: 14px;}
.picScroll-left{position: relative;}
.picScroll-left .bd{overflow: hidden;}
.picScroll-left .bd ul li{float:left;margin: 0 10px;}
.picScroll-left .bd ul li ol a{display:block;overflow: hidden;}
.picScroll-left .bd ul li ol img{transition: all 0.6s;}
.picScroll-left .bd ul li:hover ol a img{transform: scale(1.3);}
.picScroll-left .bd ul li dt{height: 50px;line-height: 50px;text-align: center;}
.picScroll-left .bd ul li dt a{font-size:16px;}
.picScroll-left a.next{display: block;width:42px;height:42px;background: url(../images/right.png) no-repeat center;position: absolute;right: -42px;cursor: pointer;}
.picScroll-left a.prev {display: block;width:42px;height:42px;background:url(../images/left.png) no-repeat center;position: absolute;left:-42px;cursor:pointer;}
.title1{text-align: center;}
.title1 ol{width: 25px;height: 2px;background: linear-gradient(to top, #1cd6e3,#42b1f7);margin: 0px auto;}
.title1 li{font-size: 22px;font-weight: bold;background-image: linear-gradient(to top, #19d7e3,#45aff8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #2cc7eb;margin: 5px 0px;}
.title1 p{color: #20d2e5;text-transform: uppercase;font-size: 14px;}
.xwzx{width: 100%;background-color: #3bb8f2;padding: 65px 0px;}
.xwzx1{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.xwzx1 dt{width:48%;background-color: #fff;margin-bottom: 30px;}
.xwzx1 dt p{width: 90px;float: left;text-align: center;height:62px;color: #fff;font-weight: bold;font-size:30px;padding: 28px 0px;background-color: #209CFC;}
.xwzx1 dt p span{font-weight: normal;font-size: 16px;}
.xwzx1 dt li{margin-left:100px;padding: 20px 0px;height:78px;}
.xwzx1 dt li a{font-size: 18px;transition:all 0.6s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}
.xwzx1 dt li:hover a{margin-left: 10px;color: #209CFC;}
.xwzx1 dt li ol{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;color: #777777;line-height:24px;margin-top: 5px;font-size: 14px;}
.contact{width:470px;float: left;margin-right: 50px;}
.title ol{width: 25px;height: 2px;background: linear-gradient(to top, #1cd6e3,#42b1f7);}
.title li{font-size: 22px;font-weight: bold;background-image: linear-gradient(to top, #19d7e3,#45aff8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #2cc7eb;margin: 5px 0px;}
.title p{color: #20d2e5;text-transform: uppercase;font-size: 14px;}
.contactn{line-height:42px;font-size:17px;}
.contactn b{font-size:20px;}
.contact1{float: right;}
#allmap {width: 100%;height:320px;overflow: hidden;margin:0px auto;}
.foot{width: 100%;background-color: #0071cd;}
.foot a:hover{color:#000;}
.foot a{color: #fff;}
.footnav{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #3BB8F2;}
.footnav li{width: 14.2%;text-align: center;height: 85px;line-height: 85px;}
.footnav li a{color: #fff;font-size: 16px;}
.banquan{margin-top: 20px;text-align: center;color: #fff;font-size: 14px;}
.copyright{text-align: center;color: #fff;line-height:36px;font-size: 14px;}
.copyright a{color: #fff;font-size: 14px;padding-right: 5px;}
.yqlj{width:100%; text-align:center; line-height:40px; background-color:#0071cd; color:#fff;}
.yqlj a{color:#fff;font-size:12px;padding-right:5px;}
/*内页样式*/
#left{ width:230px; float:left; margin-right:20px; margin-top:30px;margin-bottom: 20px;}
#right{width:950px; float:right; margin-top:30px;margin-bottom: 20px;}
.title3{text-align: center;font-size:50px;font-weight: bold;border-bottom: 1px solid #3DB7F4;padding-bottom: 10px;background-image: linear-gradient(to top, #19d7e3,#45aff8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #2cc7eb;}
.title3 li{width:40px;height: 3px;background: linear-gradient(to top, #1cd6e3,#42b1f7);margin:8px auto 0px auto;}
.mup1{height:26px; line-height:26px; border-bottom:#ccc 1px solid; margin-bottom:10px; background:url(../images/new_jt.jpg) no-repeat 10px center; padding-left:20px; font-size:14px; color:#000;margin-top: 10px;}
.mup{width: 100%;background:linear-gradient(to top, #18d8e3,#45aff8);height: 42px;line-height: 42px;font-size: 14px;color: #fff;}
.mup img{margin-right: 5px;}
.mup a{font-size: 14px;color: #fff;}
.hg{line-height:30px;}
.tittle{text-align: center;font-size:24px;font-weight: bold;margin-bottom: 10px;}
.lb{text-align: left;}
.lb a{ color:#333;}
.lb a:hover{color: #0071CD;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right:4%; background:url(../images/cion01.gif) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.nyxw2:nth-child(2n){margin-right: 0px;}
.nyxw2 a:hover{color: #0071CD;}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;background-color: #fff;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #18d8e3;border: 1px solid #18d8e3;}
.page li:hover a{color: #fff;}
.current{background-color: #18d8e3!important;border: 1px solid #18d8e3!important;}
.current a{color: #fff!important;}
.inews ul{border-bottom: 1px solid #3DB7F4;padding-bottom: 10px;margin-bottom: 10px;}
.inews ul li{background:url(../images/3.png) no-repeat left center;line-height: 32px;height: 32px;}
.inews ul li a{ padding-left:20px;font-size:16px;}
.inews ul li a:hover{color: #0071CD;margin-left: 5px;}
.inews ul li span{float:right;}
.inews ul p{color:#777;}
/*内页样式*/
.nr{line-height:36px;font-size:14px;}
.pubdate{text-align: center;font-size:16px;}
.nr a{font-size: 14px;}
.info{margin-bottom: 20px;}
.left{width:240px;float: left;margin-right: 20px;}
.right{float: left;}
.cpfl dt {color: #fff;font-size:22px;font-weight: bold;background:linear-gradient(to top, #18d8e3,#45aff8);text-align: center;padding: 20px 0px;}
.cpfl dt span {font-size: 13px;font-weight: normal;text-transform: uppercase;}
.inner-content{border: 1px solid #3DB7F4;border-top: none;padding-bottom: 5px;background-color: #fff;}
.inner-content dt{border-bottom: 1px dashed #3DB7F4;margin: 0px 10px;padding: 10px 0px;font-size: 13px;line-height: 22px;}
ul.sf-menu {clear:both;position:relative;z-index:500;width:100%;}
ul.sf-menu li {zoom:1;margin:0px; }
ul.sf-menu li a {display:block;overflow:hidden;height:42px;line-height:42px;font-size:14px;padding-left: 20px;background:url(../images/dot1.png) no-repeat 10px center; border-bottom:1px dashed #3DB7F4;}
ul.sf-menu li a:hover, ul.sf-menu li a:active {font-weight: bold;color: #3DB7F4;}
ul.sf-menu li.hover, ul.sf-menu li:hover {position:relative;}
ul.sf-menu li.menu-item:hover {position:relative;}
ul.sf-menu ul {width:100%;margin:0px;padding:0px;position:absolute;left:240px;top:0px;visibility:hidden;text-transform:capitalize;}
ul.sf-menu ul li a {font-weight:normal;line-height:42px;border-bottom:1px solid #fff;background:#1CD4E5 url(../images/dot2.png) no-repeat 10px center;height:42px;font-size:14px;padding-left:20px;color: #fff;}
ul.sf-menu li.hover ul li a, ul.sf-menu li.hover ul li a:hover, ul.sf-menu li.hover ul li a:active {font-weight: bold;}
ul.sf-menu ul li a.hover, ul.sf-menu ul li a:hover {font-weight: bold;color: #fff!important;}
ul.sf-menu ul li ul {padding:0px;}
ul.sf-menu ul ul {left:240px;margin:0px;padding:0px;visibility:hidden;}
ul.sf-menu ul ul li a {width:auto;padding:0px;padding-left:20px;text-decoration:none;font-size:14px;}
ul.sf-menu li:hover > ul {visibility:visible;margin:0px;padding:0px;}
.info img{max-width:940px;height: auto;}
table{border-collapse: collapse;}
.cp_l{ width:420px; margin-right:30px;}
.cp_r dl{border-bottom:1px solid #18d8e3;font-size: 22px;font-weight: bold;line-height: 40px;height: 40px;background-image: linear-gradient(to top, #19d7e3,#45aff8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;color: #2cc7eb;}
.cp_r ul{background:linear-gradient(to top, #18d8e3,#45aff8);padding: 10px;margin-bottom:5px;}
.cp_r ul li{color: #fff;font-size: 16px;}
.cp_r ul ol img{float: left;width: 130px;margin-right: 10px;}
.cp_r ul ol p{line-height: 26px;font-size: 13px;text-indent: 2em;color: #fff;}
.cp_r dd{font-size: 14px;line-height: 26px;}
.cp_r dt{margin-top:10px;padding: 15px 20px;font-size: 14px;color: #fff;background:linear-gradient(to top, #18d8e3,#45aff8);border-radius: 15px;overflow: hidden;line-height:31px;}
#preview{ float:none; margin:0px auto; text-align:center; width:420px;}
.jqzoom{width:410px;height:410px;position:relative; border: 1px solid #DDDDDD;display: table-cell; vertical-align: middle; padding: 4px;background-color: #fff;}
.zoomdiv{ left:859px; height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:420px;height:56px; padding-top:6px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{float:left; overflow:hidden; margin-left:5px;display:inline;position:relative; width:390px; margin-right:5px;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:65px;}
#spec-list ul li img{padding:2px;border:1px solid #ccc; width:50px; height:50px;background-color: #fff;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:430px;height:430px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
/*.bigimg{width:800px;height:800px;}*/
/*.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}*/
#spec-list div{ margin-top:0;margin-left:0px; width: 100% !important;}
.nyxx{color: #40b3f5;line-height: 36px;font-weight: bold;font-size: 15px;border-radius: 5px;margin: 10px 0px;border-bottom: 1px solid #3DB7F4}
@media screen and (min-width:1400px){
.moddle{ width:1400px;}	
.logo{background: url(../images/logo.png) no-repeat center center;height: 106px;}
.item-nav{width:175px;}
.company ul{width: 750px;}
.picScroll-left .bd ul li {width:330px;}
.picScroll-left .bd ul li img {width:330px;height:260px;}
.picScroll-left a.next{top:105px;}
.picScroll-left a.prev{top:105px;}	
.contact1{width:880px;}	
.prolist {width: 100%;overflow: hidden;}
.prolist dl {float: left;width:272px;height: auto;line-height: 0px;margin-right: 10px;}
.prolist dl:nth-child(5n){margin-right: 0px;}	
.prolist dt {width:270px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;background-color: #fff;}
.prolist dt a {width: 100%;}
.prolist dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.pro_list_img {width:270px;height:270px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.prolist dt .pro_list_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.prolist dl dd a {color: #333;}
.prolist dt:hover .pro_list_img img{transform:scale(1.3);}
.prolist dl:hover dd a{color: #0071CD;}
.right{width:1140px;}
.product {width: 100%;overflow: hidden;}
.product dl {float: left;width:276px;height: auto;line-height: 0px;margin-right: 12px;}
.product dl:nth-child(4n){margin-right: 0px;}	
.product dt {width:274px;height: auto;text-align: center;border: 1px solid #CCCCCC;border-radius: 5px;background-color: #fff;}
.product dt a {width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {width:274px;height:274px;display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {padding: 0px;border: none;width: auto;height: auto;max-width: 100%;max-height: 100%;display: block;margin: auto;line-height: 0px;font-size: 0px;cursor:pointer;transition: all 0.6s;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #0071CD;}
.cp_r{ width:690px;}
}