@charset "UTF-8";
body{overflow-x: hidden;overflow-y: auto;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei","宋体", "Arial"; color: #333333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;outline: none;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #ba292e;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.w1200{width: 1200px; margin: 0 auto;}
.ico{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;}
a{color: #333333; text-decoration: none;}
a:hover{color: #03a4aa; text-decoration: none;}
a:visited{text-decoration: none;}
.right {
    float: right;
}

.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*top_main*/
.top_main{width: 100%; height: 40px; line-height: 40px; position: relative; z-index: 80; background-color: #03a4aa; color: #fff; font-size: 14px;}
.top_main li{position: relative;display: inline-block;text-align: center;margin: 0 8px;}
.top_main li a{color: #fff;cursor: pointer;}
.top_main li a:hover{color: #fff;}
.top_main .split{display: inline-block;width: 1px;height: 12px;background: #666;vertical-align: middle;margin: 0;}
/*header_main*/
.header_center{width: 1200px;margin: 0 auto;height: 126px;}
.header_center h1{float: left;margin-top: 10px;}
.header_center h2{float: left;padding: 5px 0;margin-top: 25px;padding-left: 20px;border-left: 1px solid #d2d2d2;font-size: 23px;color: #03a4aa;margin-left: 20px;font-weight: bold;line-height: normal;}
.header_center h2 em{display: block;font-size:1.01rem;color: #666;margin-top: 5px;font-weight: normal;}
.header_center .phone{overflow: hidden;float: right;margin-top: 45px;padding-left: 55px;background: url(../images/phone.png) no-repeat left center;line-height: normal;}
.header_center .phone p{font-size: 13px;color: #666;}
.header_center .phone span{display: block;font-size: 25px;color: #03a4aa; font-weight:bold;}
.nav_main{width:100%;height: 60px;line-height: 60px;background: #f9f9f9;position: relative;z-index: 3;}
.nav .list{width: 102%; margin:0 auto;height: 60px; line-height: 60px;position: relative;}
/*.nav_main .nav{width: 1200px; margin: 0 auto;}
.nav_main .nav li{float:left;width: 153px;display: block;position: relative;z-index: 10;font-size: 16px;text-align: center;}
.nav_main .nav li:first-child{background: none;}
.nav_main .nav li:first-child.hover{background-color: #ce0001;}
.nav_main .nav li a{display: block;color:#333;font-size:16px;}
.nav_main .nav li a:hover, .nav_main .nav li a.hover, .nav_main .nav li #hover2{background: #03a4aa; color:#FFF}
.nav_main .nav li.sur{background: #03a4aa; color:#FFF}
.nav_main .nav li.sur a{ color:#FFF}

.nav_main .nav dl{width: 100%;background: #fff;position: absolute;left: 0;top: 60px;z-index: 12;}
.nav_main .nav dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
.nav_main .nav li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav dl dd{line-height: 44px;height: 44px;border-top: 1px solid #e5e5e5;text-align: left;position: relative;z-index: 12;display: block;width: 100%;}
.nav_main .nav dl dd:first-child{border: none;}
.nav_main .nav dl dd a{color: #666;font-size: 14px;padding: 0;width: 100%;text-align:center;}
.nav_main .nav li.sur dl dd a{color: #666;font-size: 14px;padding: 0;width: 100%;text-align:center;}
.nav_main .nav dl dd a:hover, .nav_main .nav dl dd a.hover{background: #0b8fa3;color: #fff;}
.nav_main .nav li.sur dl dd a:hover{color: #fff;}
.nav_main .nav dl dd .three{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(-10px, 0, 0);}
.nav_main .nav dl dd:hover .three{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
.nav_main .nav dl dd .three{position: absolute;left: 141px;top: 4px;padding-left: 20px;color: #666;z-index: 10;background: url(../images/menu_bg.png) 12px 10px no-repeat;}
.nav_main .nav dl dd .three a{color: #666;width: 140px;font-size:14px;background: #fff;text-align: center;display: block;height: 39px;line-height: 39px;border-top: 1px solid #e5e5e5;transition: ease-in-out .2s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.nav_main .nav dl dd .three a:first-child{border-top:none;}
.nav_main .nav dl dd .three a:hover{background:#03a4aa;color: #fff;}
*/


 .xdh {
            list-style: none;
            display: flex;
            position: relative;
        }
        
        .xdh > li {
            position: relative;
            flex: 1;
            text-align: center;
        }
        
        .xdh > li > a {
            display: block;
            padding: 0px 10px;
            color: #333;
            text-decoration: none;
            font-size: 16px;
            transition: all 0.3s ease;
  
			 height:60px; line-height:60px;
        }
        
        .xdh > li:hover > a,
        .xdh > li.sur > a {
            background-color:#03a4aa;
			color:#FFF; height:60px; line-height:60px;

        }
        
        /* 二级菜单样式 */
        .xdh > li > dl {
            position: absolute;
            top: 100%;
            left: 0;
			width:200px;
            background-color: #f0f0f0;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.3s ease;
            z-index: 100;
			 text-align:center
        }
        
        .xdh > li:hover > dl {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        .xdh > li > dl > dd {
            position: relative;
        }
        
        .xdh > li > dl > dd > a {
            display: block;
            padding: 0px 15px;
            color: #333;
            text-decoration: none;
            text-align: center;
            transition: all 0.2s ease;
			 border-bottom:1px #fff solid;
			  height:44px;
			   line-height:44px;
			
        }
        
        .xdh > li > dl > dd:hover > a {
            background-color:#0b8fa3;
			 color:#FFF
        }
        
        /* 三级菜单样式 */
        .xdh > li > dl > dd > dl {
            position: absolute;
            top: 0;
            left: 100%;
			width:230px;
		
            background-color: #f9f9f9;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
            opacity: 0;
            visibility: hidden;
            transform: translateX(10px);
            transition: all 0.3s ease;
        }
        
        .xdh > li > dl > dd:hover > dl {
            opacity: 1;
            visibility: visible;
            transform: translateX(0);
        }
        
        .xdh > li > dl > dd > dl > dd > a {
            display: block;
            padding: 0px 15px;
            color: #333;
            text-decoration: none;
            text-align: left;
            transition: all 0.2s ease;	height:44px;
			line-height:44px;
			border-bottom:1px #f0f0f0 solid;
        }
        
        .xdh > li > dl > dd > dl > dd:hover > a {
            background-color: #0b8fa3;
			color:#fff
        }
        
        /* 清除浮动 */
        .clearfix:after {
            content: "";
            display: table;
            clear: both;
        }
        
      
/* banner */
#banner_main{overflow:hidden;position: relative;z-index: 2;max-width:1920px;margin:0 auto;}
#banner_main .banner{height: 600px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height: 600px;overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;}
.banner li:first-child{display:block;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip{width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:42px;z-index:3;}
#banner .tip span{width:16px;height:16px;margin:0 6px;display:inline-block;font-size: 0;cursor: pointer;background-position:-150px 0px;}
#banner .tip span.cur{background-position:-130px 0px;}
#banner #btn_prev,#banner #btn_next{width:32px;height:50px;position:absolute;top: 50%;margin-top: -25px;z-index:5;}
#banner #btn_prev{background-position:-60px 0;left:12%;transition: all 600ms ease;}
#banner #btn_next{background-position:-92px 0;right:12%;transition: all 600ms ease;}
#banner #btn_prev:hover{opacity:.8;filter:alpha(opacity=80);transition: all 600ms ease;left: 11.6%;}
#banner #btn_next:hover{opacity:.8;filter:alpha(opacity=80);transition: all 600ms ease;right: 11.6%;}
/*search*/
.search_div{width: 100%;height:60px;border-bottom:1px dashed #d9d9d9;}
.ser{width:1200px;height:60px;}
.search{  float: right;width:310px;height: 40px;margin-top: 10px;background: #f3f3f3;border-radius: 5px;}
.search_tow{  border: none;  width:150px; color: #777777;font-size: 13px;padding-left: 10px;  height: 40px;background: none;}
.search_button{  background: url(../images/btn.png) no-repeat center center;  cursor: pointer;width: 50px;height: 40px; position: absolute; right: 0px; border: none; }
#SearchType {width:60px;height: 30px;line-height: 30px;border: none;color: #ffffff;text-indent: 8px;background: #03a4aa;border-radius: 5px;margin: 5px 0 0 6px;}
.search{position:relative;}
.sea_key{float: left;width: 800px;height:60px;line-height:60px;overflow: hidden; background: url(../images/ser01.png) no-repeat left center;}
.sea_key a{color:#777777; margin:0 5px; }
.sea_key a:hover{color: #e60212;}
.sea_key span{color:#2b2b2b;margin-left: 20px;}
.fr{ float:right}
/*link*/
.link{overflow: hidden;width: 100%;padding-bottom: 20px;}
.link .linkbox{overflow: hidden;width:1200px;margin: 0 auto;padding: 25px 20px;border: 1px solid #dbdbdb;line-height: normal;}
.link .linkbox h3{float: left;font-size: 18px;}

.link h3 a{color: #029095;font-weight: bold;}
.link h3 em{color: #999;margin-left: 5px;}
.link ul{overflow: hidden;float: right;width:1050px;}
.link li{float: left;white-space: nowrap;margin: 5px 15px;font-size: 13px;}
.link li a{color: #666;}
/*footer*/
.footer{overflow: hidden;width: 100%;background: url(../images/footbg.jpg) center top no-repeat #046e72;}
.footer .f_nav{overflow: hidden;width: 100%;height: 50px;background-color: #029095;}
.footer .f_nav ul{overflow: hidden;width: 100%;}
.footer .f_nav li{float: left;font-size: 16px;height: 48px;background: url(../images/nav_b.png) right center no-repeat;line-height: 48px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.footer .f_nav li a{width: 200px;color: #fff;text-decoration: none;display: block;text-align: center;}
.footer .f_nav li:last-child{background: none}
.footer .f_nav li:hover{border-color: #dd0201;}
.footer .f_nav li:hover a{color: #dd0201;}
.footer .f_center{overflow: hidden;width: 1200px;margin: 0 auto;}
.footer .f_center h2{float: left;margin-top:55px;}
.footer .f_center .info{overflow: hidden;float: left;margin-top: 55px;margin-left: 35px;}
.footer .f_center .info p{font-size: 14px;color: #fff;line-height: 32px;}
.footer .f_center .ewm{overflow: hidden;float: right;margin-left: 20px;margin-top: 55px;text-align: center;}
.footer .f_center .ewm img{display: block;margin-bottom: 10px;}
.footer .f_center .ewm em{display: block;text-align: center;font-size: 13px;color: #fff;}
.footer .f_btm{overflow: hidden;width: 100%;height: 40px;border-top: 1px solid #0e949a;margin-top: 40px;}
.footer .f_btm p{line-height: 40px;color: #fff;font-size: 14px;}
.footer .f_btm p a{color: #fff;}
.footer .f_btm .container>a{float: right;margin-top: 12px;color: #858585;font-size: 13px;}
/*******index css*******/
.index .indexTit{width: 1200px;text-align: center;font-size: 0;padding-top: 30px;}
.index .indexTit div{display: inline-block;height: 44px;border-bottom: 1px solid #DDDDDD;position: relative;line-height: 100%;font-size: 30px; font-weight:bold;color: #383838;}
.index .indexTit div i{font-family: 'Arial';color: #03a4aa;}
.index .indexTit div:before{content: '';width: 55px;height: 3px;background-color: #0b8fa3;position: absolute;bottom: -1px;left: 30px;}
.index .indexTit span{display: block;width: 100%;text-align: center;line-height: 30px;margin:5px 0px 15px;font-size: 18px;color: #666666;}
.index .indexTit b{display: inline-block;height: 46px;line-height: 46px;}
.index .indexTit .ad{width: 240px;border-radius: 3px;background-color: #ce0001;font-size: 20px;text-align: center;color: #FFF;margin-right: 25px;}
.index .indexTit .adl{font-size: 24px;text-align: left;color: #03a4aa;}
.index .tab{text-align: center;padding-top: 30px;}
.index .tab a{padding: 0 16px;height: 40px;line-height: 40px;background: #03a4aa;font-size: 18px;display: inline-block;margin: 0 20px;color: #fff;}
.index .tab a:hover{background: #03a4aa;}
.index .more{margin-top:40px;}
.index .more .line{display:block;width:500px;height:1px;margin-top:24px;background:#ccc;}
.index .more .look_more{display:block;width:198px;height:48px;font-size:16px;line-height:48px;text-align:center;border:1px solid #ccc;transition:all .5s; border-radius:30px}
.index .more .look_more:hover{background:#03a4aa;color:#fff;transition:all .5s;border:1px solid #03a4aa;}
.index #floor_1_main{height: 816px;background:#f6f6f6;}
#floor_2_main{background:#fff;}
#floor_2_main .floor_2{padding-bottom: 45px;}
#floor_2_main .cpter{width:1200px;padding-top: 10px;position: relative;z-index: 3;}
#floor_2_main .cpterft{ background: url(../images/cp02.png) no-repeat center center;width:280px;height:100px;float: left;}
#floor_2_main .cpterft P{font-size: 24px;color: #ffffff;font-weight: bold;text-indent: 98px;margin-top: 25px;}
#floor_2_main .cpterft span{display: block;font-size: 12px;color: #f3a4a7;text-indent: 98px;}
#floor_2_main .cpter ul{width:1135px; margin:0 auto}
#floor_2_main .cpter ul li{float: left;margin-left: 10px;position: relative;margin-bottom: 10px;}
#floor_2_main .cpter ul li>a{display: block;height:45px;background: #0b8fa3;text-align: center;line-height: 45px;font-size: 15px;color: #fff; border-radius:8px; padding:0 20px}
#floor_2_main .cpter ul li>a:hover{background: #047282;}
#floor_2_main .cpter ul li>div{width:174px;position: absolute;top: 45px;left: 0;z-index: 1000;}
#floor_2_main .cpter ul li>div{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
#floor_2_main .cpter ul li>div:before{content: '';border-style: solid dashed dashed dashed;border-color: transparent transparent #333 transparent;border-width: 10px;width: 0;height: 0;overflow: hidden;position: absolute;left: 50%;margin-left: -10px;top: -10px;}
#floor_2_main .cpter ul li>div>a{background: #333;display:block;width:174px;height:45px;text-align: center;line-height: 45px;color: #fff;font-size: 15px;border-bottom: 1px solid #222;}
#floor_2_main .cpter ul li>div>a:nth-child(1){margin-top: 10px;}
#floor_2_main .cpter ul li:hover div{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
#floor_2_main .cpter ul li>div>a:hover{background: #ce0001;}
#floor_2_main .cpter ul li.cpp1>a{background: #ce0001;}

 .cpter {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            padding: 0;
            margin: 0;
        }
        
        .cpter ul {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            list-style: none;
            padding: 0;
            margin: 0;
            width: 100%;
        }
        
        .cpter li {
            margin: 0 8px;
            margin-bottom: 10px;
        }
        
        .cpter a {
            display: block;
            padding: 10px 18px;
            background-color: #3498db;
            color: white;
            text-decoration: none;
            border-radius: 4px;
            transition: all 0.3s ease;
            font-size: 14px;
            white-space: nowrap;
        }
        
        .cpter a:hover {
            background-color: #2980b9;
            transform: translateY(-2px);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
		
		
		
#floor_2_main .proCenter .list{width:106%;}
#floor_2_main .proCenter .list li{float:left;width:288px;height: 350px;margin-top:30px;margin-right:30px;background: #f9f9f9;transition:all .5s; border-radius:8px;}
#floor_2_main .proCenter .list li a{display:block;padding:20px;}
#floor_2_main .proCenter .list li img{width:100%;height: 100%;}
#floor_2_main .proCenter .list li .tit{height:36px;font-size: 16px;text-align:center;}
#floor_2_main .proCenter .list li:first-child{margin-left:0px;}
#floor_2_main .proCenter .list li .title{margin-top:12px;}
#floor_2_main .proCenter .list li .tit{color:#333;}
#floor_2_main .proCenter .list li em{width:100px;height:26px;background:url("../images/em.png") no-repeat;transition:all .5s;}
#floor_2_main .proCenter .list li:hover{background:#f0f0f0; box-shadow:0 0px 15px rgba(0, 105, 180, 0.1)}
#floor_2_main .proCenter .list li:hover .tit{color:#333;}
#floor_2_main .proCenter .list li:hover em{width: 100px;height:26px;background:url("../images/em1.png") no-repeat;transition:all .5s;}
#floor_2_main .proCenter .list li:hover img{-webkit-filter:brightness(105%);filter:brightness(105%);}
/*slip*/
.index_slip{height:180px;background:url("../images/ixbannerbg1.png") no-repeat center center;}
.index_slip .slip_tit{width:772px;}
.index_slip .slip_tit .tit1{padding-top:50px;font:bold 32px "microsoft yahei";color:#64c5ff;}
.index_slip .slip_tit .tit2{margin-top:14px;font-size:24px;color:#fff;}
.index_slip .slip_btn{display:block;margin-left:124px;margin-top:64px;width:202px;height:57px;background:url("../images/ixbanner-btn.png") no-repeat;font:bold 20px "microsoft yahei";line-height:56px;text-align:center;color:#10479f;}
.index_slip1{background:url("../images/ixbannerbg.jpg") no-repeat center center;}
.index_slip1 .slip_tit{width:900px;}
.index_slip1 .slip_btn{margin-left:94px;}
.index_slip .slip_btn:hover{background:url("../images/ixbanner-btn1.png") no-repeat;}
.index_slip1 .slip_btn:hover{background:url("../images/ixbanner-btn1.png") no-repeat;}
/*四大优势*/
.advantage_bg{width: 100%;background: url(../images/ysbg.jpg) ;}
.advantage{width: 1220px;margin:0px auto;padding-top:80px;}
.advantage_con{width: 1220px;margin-top: 100px;}
.advantage_con>li{width: 580px;height: 370px;float: left;position: relative;margin-right: 40px;margin-bottom: 20px;overflow: hidden;}
.advantage_con>li .li1{display: block;width: 580px;height: 160px;border-bottom: 1px dashed #DDD;margin-bottom: 29px;}
.advantage_con>li .li1 .li1_top{padding-left: 80px;height: 64px;background: url(../images/advantage_num.png) no-repeat left center;position: relative;overflow: hidden;}
.advantage_con>li .li1 .li1_top b{display: block;font-size: 22px;color: #03a4aa;font-weight:600;line-height: 30px;margin-top:7px;}
.advantage_con>li .li1 .li1_top span{display: block;font-size: 14px;color: #555;line-height: 30px; text-transform: uppercase}
.advantage_con>li .li1 .li1_top i{display: block;width: 64px;height: 64px;text-align: center;line-height: 64px;font-size: 18px;color: #FFF;position: absolute;top:0px;left: 0px;}
.advantage_con>li .li1 .li1_con{font-size: 14px;color: #666666;line-height: 24px;margin-top: 20px;}
.advantage_con>li .li2{width: 580px;height: 350px;white-space: nowrap;font-size: 0;}
.advantage_con>li .li2 li{width: 580px;height: 350px;display: inline-block;}
.advantage_con>li .li2 li img{width:100%;}
.advantage_con>li .li2_arrow{width: 40px;height: 70px;background: rgba(2,144,149,0.5);position: absolute;top:50%;margin-top: -35px;background-position: center;background-repeat: no-repeat;cursor: pointer;}
.advantage_con>li .li2_arrow:hover{background-color: #03a4aa;}
.advantage_con>li .li2_arrow.arrow_lf{left:0px;background-image: url(../images/advantage_arrow1.png);}
.advantage_con>li .li2_arrow.arrow_rg{right:0px;background-image: url(../images/advantage_arrow2.png);}
.advantage_con>li .pic{background: url(../images/advantage_li3_bg.png) no-repeat center bottom;position: relative;overflow:hidden;height:350px;width:580px;z-index:2;margin:0 auto 0px;}
.advantage_con>li .pic ul{width:100%;height:100%;position:absolute;top:0;left:0;}
.advantage_con>li .pic ul li{position:absolute;z-index: 2;top:30px;left:334px;opacity:0.8;filter:alpha(opacity:90);}
.advantage_con>li .pic ul li img{position:relative;top:0;left:0;width:150px;height: 210px;}
.advantage_con>li .pic ul .pic1{top:30px;left:63px;z-index:3;opacity:0.9;filter:alpha(opacity:90);}
.advantage_con>li .pic ul .pic2{top:0px;left:174px;z-index:4;opacity:1;filter:alpha(opacity:100);}
.advantage_con>li .pic ul .pic3{top:30px;left:334px;z-index:3;opacity:0.9;filter:alpha(opacity:90);}
.advantage_con>li .pic ul .pic1 img{width:150px;height: 210px;}
.advantage_con>li .pic ul .pic2 img{width:212px;height: 297px;}
.advantage_con>li .pic ul .pic3 img{width:150px;height: 210px;}
.advantage_con>li .prev{width: 25px;height: 46px;position: absolute;top:105px;background-position: center;background-repeat: no-repeat;cursor: pointer;z-index: 33;left:0px;background-image: url(../images/advantage_arrow3.png);}
.advantage_con>li .next{width: 25px;height: 46px;position: absolute;top:105px;background-position: center;background-repeat: no-repeat;cursor: pointer;z-index: 33;right:0px;background-image: url(../images/advantage_arrow4.png);}
/*工程案例*/
#floor_4_main{background:#f0f0f0;padding-bottom: 45px;padding-top: 15px;}
#floor_4_main .floor_4{}
#floor_4_main .proCase{position:relative;margin-top: 45px;}
#floor_4_main .proCase .list{width:106%;}
#floor_4_main .proCase .list li{position:relative;display:block;float:left;width:380px;height: 290px;margin-right:20px;border:1px solid #ddd;background:#fff;transition:all ease 600ms;}
#floor_4_main .proCase .list li a{display:block;padding:10px;padding-bottom:80px;}
#floor_4_main .proCase .list li a img{display:block;width:100%;height:100%;}
#floor_4_main .proCase .list li .title{margin-top:20px;}
#floor_4_main .proCase .list li .tit{font-size:20px;color:#333;}
#floor_4_main .proCase .list li .cont{margin-top:12px;font-size:14px;color:#333;}
#floor_4_main .proCase .list li .view_detail{position:absolute;bottom:30px;left:30px;display:block;width:120px;height:32px;font-size:14px;line-height:30px;text-align:center;background:#03a4aa;color:#fff;}
#floor_4_main .proCase .list li:hover{border:1px solid #03a4aa;background:#03a4aa;transition:all ease 600ms;}
#floor_4_main .proCase .list li:hover .tit{color:#fff;}
#floor_4_main .proCase .list li:hover .cont{color:#c1d4f1;}
#floor_4_main .proCase .list li:hover .view_detail{background:#fff;color:#03a4aa;}
#floor_4_main .proCase .hd{position:absolute;width:100%;}
#floor_4_main .proCase .hd .prev{width: 42px; height: 42px; background-position: 0px -60px; cursor: pointer; position: absolute; top: -200px; left: -80px;transition:all ease 600ms;}
#floor_4_main .proCase .hd .next{width: 42px; height: 42px; background-position: -126px -60px; cursor: pointer; position: absolute; top: -200px; right: -80px;transition:all ease 600ms;}
#floor_4_main .proCase .hd .prev:hover{background-position: -42px -60px;transition:all ease 600ms;}
#floor_4_main .proCase .hd .next:hover{background-position: -84px -60px;transition:all ease 600ms;}
/*关于我们*/
.about{height: 520px;background: url(../images/com_bg.jpg) no-repeat top center;padding: 40px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.about .w1200{position: relative;}
.about .img{position: absolute;right: 0;top: 50%;margin-top: -170px;z-index: 10;display: block;width: 520px;height: 340px;background:#FFFFFF; border-radius:10px; overflow:hidden}
.about .img img{width: 100%;height: 100%;}
.about-con{padding: 30px 110px 30px 30px;font-size: 16px;line-height: 30px;width: 760px;height: 455px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: justify;}
.about-con h2{border-bottom: 2px solid #00a2a4;margin: 0 0 20px;padding-bottom: 20px;font-size: 30px;font-weight: bold;color: #00a2a4;}
.about-con p{text-indent: 2em;}
/*新闻中心*/
.hh_news{position:relative; width: 1200px; padding: 30px 0px; margin: 0px auto;}
.hh_newscon{float:left; width: 570px;}
.hh_title{border-bottom: 1px solid #ccc; height: 45px; margin-bottom: 20px;}
.hh_title h3{font-size: 16px; font-weight: normal; line-height: 45px; color:#ccc;}
.hh_title h3 span{font-size:22px;display: inline-block;margin-right: 10px;border-bottom: 2px solid #03a4aa;height: 44px;color:#444;}
.hh_titlemore{float:right; line-height: 45px;}
.hh_imga{float:left; margin-right: 20px;}
.hh_newsfirstcon h3{font-size: 16px;
    line-height: 35px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* 显示行数 */
    overflow: hidden;
     }
	
.hh_newsfirstcon h3 a{color:#444;font-weight: bold;}
.hh_newsfirstcon h3 a:hover{color:#03a4aa; text-decoration: none;}
.hh_newsfirstcon p{font-size:14px;color: #666;line-height:1.5em;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 显示行数 */
    overflow: hidden;}
.hh_newsfirstcon p a{color:#444;}
.hh_newsfirstcon p a:hover{color:#03a4aa; text-decoration: none;}
.hh_newsul{display:block; margin-top: 15px;}
.hh_newsul li{display:block; padding-left:25px; background: url(../images/index_49.jpg) 8px 13px no-repeat; font-size: 15px; line-height: 35px; height:35px; overflow:hidden}
.hh_newsdate{float:right; color:#ccc; font-size: 12px;}
/*资质荣誉*/
.zhengshu{overflow: hidden;}
.zhengshu .zsbox{overflow: hidden;width: 1200px;margin: 0 auto;position: relative;margin-top: 30px;}
.zhengshu .zsbox i{display: block;width: 41px;height: 41px;cursor: pointer;position: absolute;top: 155px;}
.zhengshu .zsbox .btn01{background: url(../images/hezuo__btn01.png) no-repeat center top;left: 0}
.zhengshu .zsbox .btn02{background: url(../images/hezuo__btn02.png) no-repeat center top;right: 0}
.zhengshu .zsbox i:hover{background-position: bottom}
.zhengshu .zswin{overflow: hidden;width: 1100px;height: 400px;margin: 0 auto;position: relative;}
.zhengshu .zswin ul{overflow: hidden;position: absolute}
.zhengshu .zswin li{float: left;background-color: #fff;margin:0 10px;}
.zhengshu .zswin li img{display: block;width: 255px;height: 350px;}
.zhengshu .zswin li span{display: block;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 14px;line-height: 40px;color: #333;}
.zhengshu .zswin il a{display: block;text-decoration: none}
/*******内页样式********/
.nybanner{width: 100%;height: 300px;overflow: hidden;position: relative;}
.nybanner img{width: 1920px;display: block;position: absolute;left: 50%;margin-left: -960px;top: 0;}
.submian{padding-bottom: 30px;}
.submian .sobtitle{height: 30px;line-height: 30px;padding: 10px 0px 10px;margin-bottom: 20px;font-size: 14px;border-bottom: 1px solid #f1f1f1;}
.submian .sobtitle s{width: 14px;height: 14px;margin-right: 10px;background-position: -129px -30px;}
.submian .sobtitle a{font-size: 14px; color: #333}
.submian .sobtitle a:hover{color: #03a4aa;}
.submian .sobtitle a.now{color: #03a4aa; font-size: 14px; font-weight: bold;}
.submian .sobtitle a.now:hover{text-decoration: underline;}
.submian .subleft{width: 245px;}
.submian .subleft .title{background: #03a4aa;height: 90px;color: #fff;font-size: 24px;font-weight: bold;border-radius: 10px 10px 0 0;}
.submian .subleft .title h2{line-height: 90px;text-align: center;font-size: 24px;font-weight: bold;}
.submian .subleft .title i{font-size: 16px;color: #fff;}
.submian .subleft .bort9{border-top: 9px solid #007eb9; border-radius: 5px 5px 0px 0px;}
.submian .subleft .bor9{border-bottom: 0;}
.submian .subleft .lefta{width: 245px;}
.submian .subleft .lefta .comt{background: #fff;position: relative;border: 1px solid #eaeaea;border-bottom: 0;}
.submian .subleft .lefta .comt ul{border: 0;padding: 11px 12px 12px 14px;}
.submian .subleft .lefta .comt ul li a{background: #fff;border-bottom: 1px #bfbfbf dashed;line-height: 45px;height: 45px;display: block;padding-left: 25px;font-size: 16px;font-weight: 100;}
.submian .subleft .lefta .comt ul li:last-child a{border-bottom: 0;}
.submian .subleft .lefta .comt ul li .box{padding: 10px 0px; display: none;}
.submian .subleft .lefta .comt ul li .box a{height: 30px; line-height: 30px; display: block; color: #888; border: 0px;}
.submian .subleft .lefta .comt ul li .box a:hover{color: #007eb9; background: none;}
.submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a{color: #03a4aa;}
.submian .subleft .lefta .comt ul li.hover a{color: #03a4aa;}
.submian .subleft .lefta .comt ul li.hover .box a{background: none; font-weight: normal;}
.submian .subleft .lefta .comt ul li.hover .box a.hover{color: #007eb9; font-weight: bold;}
.submian .subleft .lefta .comt1 ul li a{background: #fff url(../images/jia.png) 213px center no-repeat; border-top: 1px solid #eaeaea; line-height: 60px; height: 60px; display: block; padding-left: 25px; font-size: 14px;}
.submian .subleft .lefta .comt1 ul li .box{padding: 10px 0px; display: none;}
.submian .subleft .lefta .comt1 ul li .box a{height: 30px; line-height: 30px; display: block; color: #888; border: 0px;}
.submian .subleft .lefta .comt1 ul li .box a:hover{color: #007eb9; background: none;}
.submian .subleft .lefta .comt1 ul li:hover a, .submian .subleft .lefta .comt1 ul li.hover a{background: #03a4aa url(../images/jia1.png) 213px center no-repeat; font-weight: bold; color: #fff}
.submian .subleft .lefta .comt1 ul li.hover a{background: #03a4aa url(../images/jian.png) 213px center no-repeat; font-weight: bold; color: #fff}
.submian .subleft .lefta .comt ul li .boxlist{padding: 0; display: none; border:none;}
.submian .subleft .lefta .comt ul li .boxlist li{line-height: 30px;}
.submian .subleft .lefta .comt ul li .boxlist li a{font-size: 12px;height: 30px;padding-left: 45px;color: #666;font-weight: normal;line-height: 30px;border-bottom: 1px #bfbfbf dashed;}
.submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover{color: #03a4aa;}
.submian .subleft .lefta .comt ul li.hover .boxlist{display: block;}
.submian .subright .anlitopH4 { background: #fff; }
.submian .subright .anlitopH4 {height: 38px;line-height: 38px;border: 1px solid #e4e4e4;margin-top: 20px;}
.submian .subright .anlitopH4 span { border-left: 5px solid #03a4aa; height: 38px; line-height: 38px; padding-left: 22px; display: block; float: left; color: #03a4aa; font-weight: bold; font-size: 14px; }
.submian .subright .divanli{border: 1px solid #e4e4e4; border-top: none; margin-bottom: 10px; padding: 15px;}
.submian .subright .divanli ul{width: 105%; height: 185px;}
.submian .subright .divanli ul li{float: left; margin-left: 10px;}
.submian .subright .divanli ul li:first-child{margin-left: 0;}
.submian .subright .divanli ul li a img{width: 194px; height: 143px; display: block; border: solid 1px #e4e4e4;}
.submian .subright .divanli ul li a span{height: 45px; line-height: 45px; text-align: center; display: block; width: 170px;}
.submian .subright .divanli ul li a:hover img{border-color: #007eb9;}
.submian .subright .divanli ul li a:hover span{color: #007eb9; font-weight: bold;}
.submian .subright .divremmnews{border: 1px solid #e4e4e4; border-top: none; margin-bottom: 10px; padding: 15px; background-color: #fff;}
.submian .subright .divremmnews ul{width: 100%; overflow: hidden;}
.submian .subright .divremmnews ul li{float: left;width: 47%;height: 35px;line-height: 35px;margin: 0 1.5%;border-bottom: 1px dashed #ccc;}
.submian .subright .divremmnews ul li a{height: 35px; line-height: 35px; float: left; overflow: hidden;}
.submian .subright .divremmnews ul li span{color: #666; float: right; height: 35px; line-height: 35px; white-space: nowrap}
.submian .subright .divremmnews ul li a:hover{color: #03a4aa;}
.map_ul{list-style: outside none none; display: block; width: 100%; padding-top: 10px;}
.map_ul li{display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left;}
.map_ul li a{font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold;}
.map_ul .list-inline{display: block; margin-left: 14%; width: 80%; min-height: 30px;}
.map_ul .list-inline a{font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px;}
.map_ul .list-inline a:hover{background: #03a4aa; color: #fff;}
.submian .subleft .adv{margin-bottom: 10px; background: #000;}
.submian .subleft .adv a img{display: block; width: 100%;}
.submian .subleft .adv a:hover img{opacity: 0.9; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9;}
.submian .subleft .leftnews{margin-bottom: 10px;}
.submian .subleft .leftnews .title{height: 40px;line-height: 40px;text-align: center;border-radius: 0;}
.submian .subleft .leftnews .leftnewscomt{background: #fff; padding: 10px;}
.submian .subleft .leftnews .leftnewscomt ul li{height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2; overflow: hidden;}
.submian .subleft .leftnews .leftnewscomt ul li a{font-size: 14px; display: block; padding-left: 10px;}
.submian .subleft .leftnews .phone {overflow: hidden;width: 170px;padding: 20px 0;padding-left: 75px;border-radius: 10px 10px 0 0;background: url(../images/pro_phone.png) no-repeat 20px center;background-color: #03a4aa;}
.submian .subleft .leftnews .phone p {font-size: 16px;color: #fff;}
.submian .subleft .leftnews .phone b {display: block;font-size: 24px;color: #fff;font-family: 'Times New Roman'}
.submian .subleft .leftnews .leftcont{background: #fff;padding: 10px;border: 1px solid #eaeaea;}
.submian .subleft .leftnews .leftcont h2{font-size: 16px; font-weight: bold; color: #03a4aa; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2;}
.submian .subleft .leftnews .leftcont span{line-height: 24px; font-size: 12px; padding-top: 10px; display: block; border-bottom: 1px solid #f2f2f2;}
.submian .subright{width: 920px;padding-bottom: 20px;line-height: 28px;}
.submian .subright .aboutlist{color: #666;}
.submian .subright img{max-width: 920px;}
.submian .subright .newslist .textlist li{padding: 25px 0px 25px; height: 110px; border-bottom: 1px solid #ddd; width: 100%; margin-bottom: 25px;}
.submian .subright .newslist .textlist li a{display: block; cursor: pointer;}
.submian .subright .newslist ul li a img{width: 147px; float: left; margin-right: 18px; border: 1px solid #eee; height: 110px; display: block;}
.submian .subright .newslist ul li a .txt{color: #888; line-height: 24px; font-size: 12px;}
.submian .subright .newslist .textlist li a p{height: 40px; line-height: 40px;}
.submian .subright .newslist .textlist li a b{color: #03a4aa; font-size: 14px;}
.submian .subright .newslist .textlist li a:hover b{color: #03a4aa;}
.submian .subright .newslist .textlist li a i{color: #999; display: block; line-height: 20px; margin-bottom: 5px; font-size: 12px;}
.submian .subright .newslist .textlist li a span{line-height: 22px; max-height: 66px; overflow: hidden; display: block; color: #666;}
.submian .subright .newslist .textlist2 li{height: 40px; line-height: 40px;}
.submian .subright .newslist .textlist2 li a{display: block;}
.submian .subright .newslist .textlist2 li s{width: 4px; height: 4px; display: inline-block; vertical-align: middle; background: #007eb9; margin-right: 10px; border-radius: 100%;}
.submian .subright .newslist ul li a:hover img{opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8;}
.submian .subright .newslist ul li a:hover p b{text-decoration: underline;}
.submian .subright .newslist ul li a:hover span{color: #777;}
.submian .subright .caselist ul li{padding: 20px 0px; border-bottom: 1px dotted #c2c2c2; height: 176px;}
.submian .subright .caselist ul li a{display: block;}
.submian .subright .caselist ul li a img{width: 220px; height: 162px; display: block; border: 7px solid #e2e2e2;}
.submian .subright .caselist ul li a .txt{width: 470px; float: left; padding-left: 20px;}
.submian .subright .caselist ul li a .txt p{height: 40px; line-height: 40px; color: #007eb9; font-size: 14px; font-weight: bold;}
.submian .subright .caselist ul li a .txt i{color: #666; padding-bottom: 10px; display: block;}
.submian .subright .caselist ul li a .txt span{line-height: 22px; height: 88px; overflow: hidden; display: block; color: #666;}
.submian .subright .caselist ul li a:hover img{opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; border-color: #007eb9;}
.submian .subright .caselist ul li a:hover p{text-decoration: underline;}
.submian .subright .caselist ul li a:hover span{color: #777;}
.submian .subright .mess{background: #fff; padding:0px 40px 30px; width:596px; margin-left:80px;} .submian .subright .mess h1{text-align: center;font-size:30px; padding-bottom:10px;} .submian .subright .mess p{text-align: center; padding-bottom:30px;}
.submian .subright .mess .left{}
.submian .subright .mess .left li{margin-bottom:15px; float: left; margin-right: 10px;}
.submian .subright .mess .left label{width:150px; height:43px; line-height:43px; text-align: center; background:none; color: #03a4aa; font-size: 16px; float: left; border-radius: 3px 0 0 3px;border: 1px solid #03a4aa;}
.submian .subright .mess .left input{border: 1px solid #ccc; border-left: none; float: left; height: 21px; line-height: 21px; padding: 11px 10px; width:404px; color: #666; border-radius: 0px 3px 3px 0; outline: none;}
.submian .subright .mess .left select{border: 1px solid #ccc; border-left: none; float: left; height: 45px; line-height: 45px; width: 424px; color: #666; border-radius: 0px 3px 3px 0; outline: none; text-indent: 10px;}
.submian .subright .mess .right{float:left; width:585px;padding-top:10px;*padding-top:20px;}
.submian .subright .mess .right input,.submian .subright .mess .right a{width:40%; margin-right:2%; height: 45px; line-height: 45px; text-align: center; display: block; border: none; background: #03a4aa; color: #fff; font-size: 16px; border-radius: 3px; cursor: pointer; transition: ease-in-out .2s;float:left}
.submian .subright .mess .right a{color: #333; background: #ffcc00;float:right}
.submian .subright .mess .right a:hover{background: #cda503;}
.submian .subright .mess .right input:hover{background: #2bba72;}
.honorlist ul.list{float: left;width: 100%;padding-left: 0px;}
.honorlist ul.list li.item{float: left;width:296px;margin-bottom: 30px;margin-right:14px;}
.honorlist ul.list li.item a:hover img{opacity: 0.8;}
.honorlist ul.list li.item a:hover span{color: #03a4aa;}
.honorlist ul.list li.item span{width: 284px;height: 45px;color: #555;margin: 1px;margin-top: 0px;text-align: center;display: block;line-height: 45px;background: #fff;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.honorlist ul.list li.item img{width: 100%;display: block;padding: 1px;padding-bottom: 0;}
.list_imgH ul.list li.item{width: 286px;margin-right: 30px;}
.list_imgH ul.list li.item a{display: block;width:100%;overflow: hidden;position: relative;background: #a0a0a0;}
.list_imgH ul.list li.item a:hover{background: #03a4aa;}
.list_imgH ul.list li.item img{display:block;width: 284px;height: 213px;}
.item_mask{width: 284px;height: 213px;background: rgba(0,0,0,0);position: absolute;left: 1px;top: 1px;opacity: 0;filter:Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;}
.item_link_icon{display: block;width:45px;height:45px;text-align: center;background-position: 0px -105px;line-height: 38px;position: absolute;left: 50%;top: 50%;margin-left: -22px;opacity:0;filter:Alpha(opacity=0);*zoom:1;}
.list_imgH ul.list li.item:hover .item_mask{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.list_imgH ul.list li.item:hover .item_link_icon{transform: translateY(-21px);opacity: 1;filter:Alpha(opacity=100);}
.submian .t{padding: 0 0 25px;color: #03a4aa;font-size: 18px;}
.submian .t2{padding: 25px 0;color: #03a4aa;font-size: 24px;}
/* formData */
.formData{padding-bottom: 20px;}
.formData .item{float: left;color: #999;font-weight: normal;width: 420px;height: 56px;line-height: 56px;border: 1px solid #e4e4e4;margin-right: 76px;margin-bottom: 45px;position: relative;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 56px;line-height: 56px;font-size: 18px;color: #666;}
.formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;}
.formData .item .txt{width: 350px;height: 56px;line-height: 56px;display: block;background: none;padding-left: 70px;border: 0 none;color: #666;}
.formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute;left: 0;top: 0px;}
.formData .liuyan{width: 918px;height: 260px;border: 1px solid #e4e4e4;float: left;}
.formData .liuyan label{text-align: right;display: block;}
.formData .liuyan textarea{width: 908px;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 52px;border: 2px solid #03a4aa;margin-right: 2px;text-align: center;background: #03a4aa;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #03a4aa;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 0;top: 0;height: 56px;border: 0px;display: block;}
/** 新闻中心 **/
.submian .subright .thumblist{}
.submian .subright .thumblist .list{padding-bottom: 20px;}
.submian .subright .thumblist .item{width: 880px;border-bottom: 1px solid #eaeaea;display: block;padding: 20px;transition: all .5s;}
.submian .subright .thumblist .item a{display: block;}
.submian .subright .thumblist .item .img{position:relative;width: 180px;height: 135px;display:block;overflow: hidden;cursor: pointer;}
.submian .subright .thumblist .item img{width: 100%;height: 100%;transition: all 0.3s ease-out 0s;}
.submian .subright .thumblist .item a:hover img{transform: scale(1.1, 1.1);}
.submian .subright .thumblist .item .txt{width: 680px;cursor: pointer;}
.submian .subright .thumblist .item .txt h3{font-size: 16px;line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.submian .subright .thumblist .item .txt .mark{color: #999;font-size: 12px;line-height: 30px;padding:0;}
.submian .subright .thumblist .item .txt .mark span{display: inline-block;padding-right: 18px;}
.submian .subright .thumblist .item .txt p{color: #666;line-height: 25px;}
.submian .subright .thumblist .item .txt p span{display: inline-block;color:#03a4aa;padding-left: 10px;}
.submian .subright .thumblist .item a:hover .txt h3{color:#03a4aa;}
.submian .subright .thumblist .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}
.reLink{height: 38px; border: 1px solid #ccc; margin: 10px auto 10px; padding: 0px 10px;}
.reLink .prevLink, .reLink .nextLink{height: 38px; line-height: 38px;}
.reLink .prevLink a, .reLink .nextLink a{height: 38px; line-height: 38px;}
.reLink .prevLink a:hover, .reLink .nextLink a:hover{color: #03a4aa;}
.reLink .prevLink{float: left;}
.reLink .nextLink{float: right;}
.submian .subright .conBox .ArticleTitle h1{font-size: 24px;text-align: center;padding: 20px 0px;border-bottom: 1px dashed #ccc;font-weight: bold;}
.submian .subright .conBox .ArticleMessage{line-height: 30px;height: 30px;margin-bottom: 10px;text-align: center;}
.submian .subright .conBox .ArticleMessage span:first-child{margin-left:0;}
.submian .subright .conBox .ArticleMessage span{color: #999;margin-left: 14px;font-size: 12px;}
.submian .subright .conBox .ArticleMessage .jiathis_style{float: left; margin-top: 5px;}
.submian .subright .conBox .ArticleTencont{padding: 5px 0px 20px 0px; line-height: 28px; overflow: hidden; color: #666;font-size:14px;}
.submian .subright .showproduct .ArticleTencont img{max-width: 100%;}
.submian .subright .conBox .ArticleTencont img{max-width: 100%;}
.field_down{text-align: left;}
.field_down a{width: 100px; height: 30px; line-height: 30px; background: #0267ac; color: #fff; display: block; text-align: center;}
/********.toolbar*********/
.toolbar{width: 50px;position: fixed;right: 1%;top: 44%;z-index: 999;}
.toolbar dd{width: 50px;height: 50px;margin-bottom: 1px;position: relative;background: url(../images/black20.png) repeat 0 0;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i{width: 50px;height: 50px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;}
.toolbar dd i span{width: 35px;height: 35px;display: block;margin: 7px 0 0 7px;background: url(../images/rightFixIcon.png) no-repeat 0 0;}
.toolbar dd.gottop{display: none;}
.toolbar .slide-tel{display: block;width: 0;height: 50px;line-height: 50px;font-size: 24px;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 50px;top: 0;right: 0;overflow: hidden;-webkit-border-radius: 50px;border-radius: 50px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
.toolbar .pop{position: absolute;right: 90px;top: -51px;background: #03a4aa;display: none;}
.toolbar .pop-code{width: 160px;}
.toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;}
.toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;}
.toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;}
.toolbar .qq span{background-position: 0 -47px;}
.toolbar .qq a{width: 50px; height: 50px; cursor: pointer; display: block;}
.toolbar .qq:hover{background: #03a4aa;}
.toolbar .tel span{background-position: 0 0;}
.toolbar .tel:hover{background: #03a4aa;}
.toolbar .code span{background-position: 0 -95px;}
.toolbar .code:hover{background: #03a4aa;}
.toolbar .top span{background-position: 0 -142px;}
.toolbar .top:hover{background: #03a4aa;}
.subright .searchList{border-top:1px solid #ddd;}
.subright .searchList li{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #ddd;}
.subright .searchList li:first-child{border-top:none;}
.subright .searchList li:hover a h2{color:#03a4aa;font-weight:bold;}
.leftprocomt{padding: 10px;border: 1px solid #eaeaea;}
.leftprocomt li{}
.leftprocomt li a{display: block;color: #666;line-height: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.leftprocomt li a:hover{color: #03a4aa;}
/*******font-face********/
@font-face{font-family: didot;src: url('../font/didot.eot');src: url('../font/didot.eot?#iefix')format('embedded-opentype'), /* IE6-IE8 */url('../font/didot.woff') format('woff'), /* Modern Browsers */url('../font/didot.ttf') format('truetype'), /* Safari, Android, iOS */url('../font/didot.svg#didot') format('svg'); /* IE9 Compat Modes */ /* Legacy iOS */}
/*↓组图样式↓*/
.HS10, .HS15{overflow:hidden;clear:both;}
.HS10{height:10px;}
.HS15{height:15px;}
.Hidden{display:none;}
.Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
.FlLeft{float:left;}
.FlRight{float:right;}
/*幻灯片区域背景*/
.MainBg{width: 920px;margin:0 auto;}
/*大图展示区域*/
.OriginalPicBorder{padding: 0;}
#OriginalPic{width: 920px;overflow:hidden;position:relative;font-size:12px;}
#OriginalPic img{display:block;min-width: 100px;margin:0 auto;}
/*鼠标手势*/
.CursorL{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;left: 0;cursor:url(../images/CurL.cur), auto;background:url(../images/space.png) repeat scroll 0 0 transparent;}
.CursorR{position:absolute;z-index:999;width:50%;height:600px;color:#FFF;right:0;cursor:url(../images/CurR.cur), auto;background:url(../images/space.png) repeat scroll 0 0 transparent;}
/*小图预览和滑动*/
.SliderPicBorder{width: 100%;overflow:hidden;}
.ThumbPicBorder {width: 920px;margin:0 auto;background: #eeeeee;overflow: hidden;position: relative;}
.ThumbPicBorder #btnPrev{width:45px;height:113px;cursor:pointer;position: absolute;left: 20px;top: 20px;}
.ThumbPicBorder #btnNext{width:45px;height:113px;cursor:pointer;position: absolute;right: 20px;top: 20px;}
.ThumbPicBorder .pic{width: 755px;overflow: hidden;position: relative;margin: 20px auto;}
#ThumbPic img{border: 3px solid #ddd;cursor:pointer;background-color: #ddd;margin: 0 5px;width: 135px;height: 108px;display:block;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#ThumbPic img.active{border: 3px solid #03a4aa;}
/*↑组图样式↑*/
.a-container {
            width: 100%;
            max-width: 615px;
            margin: 0 auto;
            padding: 0px;
        }
		
		 h1 {
            text-align:left;
			 font-size:18px;
            margin-bottom: 10px;
			 margin-top:10px;
            color: #2c3e50;
            font-weight: 600;
            text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
        }
		.image-gallery {
            list-style: none;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 5px;
        }
        
        .image-gallery li {
            flex: 1;
            min-width: 80px;
            height: 50px;
            border-radius: 0px;
            overflow: hidden;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
			padding:3px;
			border:1px #f0f0f0 solid;
			 background:#FFF
        }
		.image-gallery li img{ width:100%;
        }
        
        .image-gallery li:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        }
        
        .image-gallery img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform 0.5s ease;
        }
        
        .image-gallery li:hover img {
            transform: scale(1.05);
        }
        
        .caption {
            padding: 10px;
            text-align: center;
            background: rgba(255, 255, 255, 0.9);
            margin-top: -5px;
            font-size: 14px;
            color: #34495e;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }
		
.local{height: 60px;line-height: 60px;overflow: hidden;}
.local ul{float: right;margin-right: 60px;}
.local ul li{padding: 0 25px;float: left;}

.local ul li a{position: relative;display: block;padding: 0 15px;overflow: hidden;color: #363636;}
.local ul li a i{width: 0;height: 3px;background: #3b3a45;position: absolute;left: 50%;opacity: 0;filter: alpha(opacity=0);bottom: 0;transition: ease-in .2s;}
.local ul li a.hover,
.local ul li a:hover{color: #363636;}
.local ul li a.hover i,
.local ul li a:hover i{left: 0;opacity: 1;filter: alpha(opacity=100);width: 100%;}
.bg_main{padding-bottom:0px;min-height: 640px;}
.bg_bottom_main{background: #eaeaea;height: 100px;}
.sub_banner{height: 200px;width: 100%;}
.sub_nav{height: 35px;line-height: 35px;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;padding-top: 20px;}
.sub_nav .fl{font-size: 30px;}
.sub_nav .fr li{float: left;}
.sub_nav .fr li a{padding: 0 20px;border: 1px solid #e6e6e6;display: block;margin-left: 10px;transition: ease-in-out .2s; font-size:15px}
.sub_nav .fr li a:hover,
.sub_nav .fr li a.hover{background: #03a4aa;color: #fff;border: 1px solid #03a4aa;}
.case{margin-top: 40px;}
.case ul{width: 105%;}
.case li{width: 380px;float: left;margin-right: 30px;margin-bottom: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; border-radius:8px; overflow:hidden}
.case li .img{overflow: hidden;height: 213px;display: block;border: 1px solid #efefef;width: 378px;border-bottom: none;}
.case li .img img{width: 380px;height: 213px;transition: .9s;}
.imgH li .img{height: 284px;border: 1px solid #efefef;width: 378px;border-bottom: none;}
.imgH li .img img{height: 284px;}
.case li:hover .img img{transform: scale(1.2);-webkit-transform: scale(1.2);}
.case li .p{border: 1px solid #efefef;display: block;width: 340px;padding: 5px 19px;border-top: none;}

.case li .p p{line-height: 30px;margin-bottom: 10px;font-size: 16px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; text-align:center}
.case li .p  span{color: #666;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.case li .p i{width: 32px;height: 12px;background-position: -73px -43px;}
.case li .p .fl{font-size: 12px;font-family: arial;}
.case li:hover a span{color:#0e4295;}
.case li:hover a p{color:#0e4295;}
.case li:hover{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}
.news{padding-top: 50px;}
.bg_main .news_ul{width:1200px; margin:0 auto; padding-bottom: 40px; padding-top: 12px;}
.bg_main .news_ul li{padding: 37px 0; border-bottom: 1px solid #eaeaea; position:relative;}
.bg_main .news_ul li .box1{width: 253px;height: 190px;overflow: hidden;}
.bg_main .news_ul li .box1 img{width: 253px;height: 190px;transition: ease-in-out .9s;}
.bg_main .news_ul li .box2{padding-left: 42px;width: 759px;padding-top: 30px;}
.bg_main .news_ul li .box2 h1{font-size: 18px;color: #333;height: 26px;line-height: 26px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; overflow:hidden}
.bg_main .news_ul li .box2 p{color: #666;line-height: 24px;padding-top:10px;height: 75px;}
.bg_main .news_ul li .box2 span{font-size: 12px; color: #999;}
.bg_main .news_ul li .right{padding-right: 15px;padding-top: 55px;text-align: center;}
.bg_main .news_ul li .right h3{font-size: 36px; color: #999; font-weight: 100;}
.bg_main .news_ul li .right p{font-size: 24px; color: #bbb; padding-top:10px;}
.bg_main .news_ul li a{display: block; cursor: pointer; width: 100%; height: 100%;}
.bg_main .news_ul li a:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.bg_main .news_ul li a:hover h1{color: #0e4295;}
.bg_main .news_ul li b{display:block; width:100px; height:30px; border:#ccc solid 1px; text-align:center; line-height:30px; font-weight:normal; position:absolute; right: 12px;top: 161px;}
.detail{padding-top: 10px;}
.detail .title{padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;text-align: center;}
.detail .title h1{font-size: 30px;font-weight: 100; text-align:center; margin-bottom:20px;}
.detail .title span{line-height: 18px;font-family: arial;color: #959595;margin: 0 5px;}
.detail .title i{width: 23px;height: 16px;background-position: -73px 0;margin-right: 10px;}
.detail .title .i2{background-position: -104px 0;margin-left: 30px;}
.detail .context{color: #333;line-height: 35px;text-align: justify;padding: 25px 0; font-size:16px}
.detail .context img{max-width: 1200px; border-radius:10px; margin:0 0 0 20px}

.product{margin-top: 40px;}
.product ul{width: 105%;}
.product li{width: 285px;float: left;margin-right: 30px;margin-bottom: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; border-radius:8px; overflow:hidden}
.product li .img{overflow: hidden;height: 300px;display: block;border: 1px solid #efefef;width: 378px;border-bottom: none;}
.product li .img img{width: 100%;height: 300px;transition: .9s;}
.imgHp li .img{height:300px;border: 1px solid #efefef;width:100%;border-bottom: none;}
.imgHp li .img img{height: 300px;}
.product li:hover .img img{transform: scale(1.2);-webkit-transform: scale(1.2);}
.product li .p{border: 1px solid #efefef;display: block;padding: 5px 19px;border-top: none;}

.product li .p p{line-height: 30px;margin-bottom: 10px;font-size: 16px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s; text-align:center}
.product li .p  span{color: #666;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.product li .p i{width: 32px;height: 12px;background-position: -73px -43px;}
.product li .p .fl{font-size: 12px;font-family: arial;}
.product li:hover a span{color:#0e4295;}
.product li:hover a p{color:#0e4295;}
.product li:hover{box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);}

.content {
            display: flex;
            padding: 0;
			 width:1200px; margin:0 auto
        }
        
        /* 左侧内容样式 */
        .left-column {
            flex: 7;
            padding: 30px 30px 30px 0;
            border-right: 1px solid #eaeaea;
        }
        
        .product-title {
            font-size: 32px;
            margin-bottom: 40px;
            color: #2c3e50;
            padding-bottom: 20px;
			text-align:center
        }
        
        .product-image {
            width:350px;;

            object-fit: cover;
            border-radius: 8px;
            margin-bottom: 25px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s;
			margin:0 auto
        }
        
        .product-image:hover {
            transform: scale(1.02);
        }
        
        .product-description {
            margin-bottom: 25px;
            color: #555;
			font-size:16px;
			line-height:35px;
        }
        
        .product-features {
            background: #f8f9fa;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 25px;
        }
        
        .product-features h3 {
            color: #2575fc;
            margin-bottom: 15px;
        }
        
        .features-list {
            list-style-type: none;
        }
        
        .features-list li {
            padding: 8px 0;
            padding-left: 30px;
            position: relative;
        }
        
        .features-list li:before {
            content: "✓";
            color: #28a745;
            position: absolute;
            left: 0;
            font-weight: bold;
        }
        
        /* 右侧内容样式 */
        .right-column {
            flex: 3;
            padding: 30px;
            background: #fafbfc;
        }
        
        .section-title {
            font-size: 20px;
            color: #2c3e50;
            padding-bottom: 10px;
            border-bottom: 2px solid #03a4aa;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
			font-weight:bold;
        }
        
        .section-title i {
            margin-right: 10px;
            color: #2575fc;
        }
        
        .category-list {
            list-style-type: none;
            margin-bottom: 40px;
        }
        
        .category-list li {
            padding: 12px 15px;
            margin-bottom: 10px;
            background:#03a4aa;
			color:#FFF;
            border-radius: 6px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
            transition: transform 0.3s, box-shadow 0.3s;
            display: flex;
            justify-content: space-between;
			font-size:16px;
			font-weight:bold
        }
		.category-list li a{
			color:#FFF;
        }
        
        .category-list li:hover {
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
			background:#2b8016; color:#FFF
        }
		.category-list li A:hover {color:#FFF
        }
        
        .category-list .count {
            background: #eef4ff;
            color: #2575fc;
            padding: 2px 10px;
            border-radius: 20px;
            font-size: 12px;
            font-weight: bold;
        }
        
        .news-list {
            list-style-type: none;
        }
        
        .news-list li {
            padding: 15px 0;
            border-bottom: 1px solid #eee;
        }
        
        .news-list li:last-child {
            border-bottom: none;
        }
        
        .news-list a {
            color: #444;
            text-decoration: none;
            transition: color 0.3s;
            display: block;
			 font-size:16px
        }
        
        .news-list a:hover {
            color: #03a4aa;
        }
        
        .news-date {
            font-size: 12px;
            color: #777;
            margin-top: 5px;
        }

/* reLink*/
.reLink{height: 38px;line-height: 38px;border: 1px solid #e6e6e6;padding: 0 15px;margin-bottom: 50px;}
.reLink .nextLink,
.detail .reLink .prevLink{width: 50%;}
.reLink .nextLink{text-align: right;}
.reLink a{-webkit-transition: all ease 500ms;-moz-transition: all ease 500ms;-ms-transition: all ease 500ms;-o-transition: all ease 500ms;transition: all ease 500ms;}
.reLink a:hover{color: #052f67;}

DIV.black {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px;PADDING-BOTTOM: 0px; MARGIN: 0px auto 5px auto; COLOR: #a0a0a0; PADDING-TOP: 10px;  TEXT-ALIGN: center
}
DIV.black A {
	BORDER: #03a4aa 1px solid;   COLOR: #000; MARGIN-RIGHT: 3px; font-size:14px; font-family: "宋体";  TEXT-DECORATION: none; border-radius:4px; padding:6px 10px;}
DIV.black A:hover {
	BORDER: #f0f0f0 1px solid; background:#03a4aa;  COLOR: #ffffff;  font-size:14px; font-family: "宋体"; BACKGROUND-COLOR: #03a4aa;  border-radius:4px;padding:6px 10px;}
DIV.black A:active {
	BORDER: #f0f0f0 1px solid; font-size:14px; font-family: "宋体";COLOR: #ffffff; BACKGROUND-COLOR: #03a4aa;  border-radius:4px; padding:6px 10px;}

DIV.black SPAN.current1 {
	BORDER: #03a4aa 1px solid; font-size:14px; font-family: "宋体";PADDING: 5px; FONT-WEIGHT: bold;  COLOR: #ffffff; MARGIN-RIGHT: 3px;  BACKGROUND-COLOR: #03a4aa;  border-radius:4px; padding:6px 10px;}
DIV.black strong {
	BORDER: #03a4aa 1px solid; font-size:14px; font-family: "宋体";PADDING: 5px; FONT-WEIGHT: bold;  COLOR: #ffffff; MARGIN-RIGHT: 3px;  BACKGROUND-COLOR: #03a4aa;  border-radius:4px; padding:6px 10px;}

DIV.black SPAN.disabled {
	BORDER: #03a4aa 1px solid; PADDING-RIGHT: 5px; font-size:14px; font-family: "宋体";PADDING-LEFT: 5px; PADDING-BOTTOM: 2px;  COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px;  border-radius:4px; padding:6px 10px;
}
/* pager*/
.reimg img{max-width:100%;height:auto !important;}
.pager{padding: 30px 0 30px;text-align: center;*zoom: 1;*padding: 40px 0 30px;}
.pager:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.pager p{height: 26px;line-height: 26px;display: inline-block;*display: inline;*zoom: 1;display: none;}
.pager ul{display: inline-block;*display: inline;*zoom: 1;overflow: hidden;}
.pager ul li{float: left;margin: 0 5px;padding: 0 !important;height: auto !important;border: none !important;}
.pager ul a{line-height: 30px;padding: 0 10px;transition: all ease 300ms;color: #000000;text-decoration: none;float: left;border: 1px solid #ddd;}
.pager ul a.current,
.pager ul a:hover{color: #fff;border: 1px solid #0a408a;background: #0a408a;}
.contact .box1{line-height: 18px;padding: 48px 0 0px;overflow: hidden;}
.contact .box1 ul{width: 125%;}
.contact .box1 li{float: left;width: 230px;margin-right: 250px;}
.contact .box1 li i{width: 56px;height: 56px;background-position: -142px 0;float: left;}
.contact .box1 li b{font-size: 18px;font-family: arial;font-weight: 100;}
.contact .box1 li td{vertical-align: middle;height: 56px;padding-left: 5px;}
.contact .box1 .l2 i{background-position: -204px 0;}
.contact .box1 .l3 i{background-position: -267px 0;}
.contact .box2{margin-bottom: 75px;}
.contact .box2 #map1_container,
.contact .box2 #allmap1{width: 100%;height: 400px;}
.contact .box3 h1{font-size: 36px;padding-bottom: 15px;text-align: center;}
.contact .box3 p{font-size: 16px;color: #828282;line-height: 24px;padding-bottom: 46px;text-align: center;}
.contact .box3 b{color: #0e4295;}
.formData{padding-bottom: 20px;}
.formData .item{float: left; color: #999; font-weight: normal; width: 560px; height: 50px; line-height: 50px; border: 1px solid #e5e5e5; margin-right: 76px; margin-bottom: 30px; position: relative; background:#f9f9f9; border-radius:10px;}
.formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 50px;line-height: 50px;font-size: 18px;color: #555;}
.formData .item input{outline: none; line-height: 38px; height: 38px; font-size: 18px;}
.formData .item .txt{width: 355px; height: 50px; line-height: 50px; display: block; background: none; padding-left: 70px; border: 0 none; color: #333;}
.formData .item .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .item.mr0{margin-right: 0;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 1198px; height: 240px; border: 1px solid #e5e5e5; float: left;}
.formData .liuyan label{text-align: right; display: block;}
.formData .liuyan textarea{width: 1178px;height: 214px;line-height: 28px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;}
.formData .bot{width: 100%;}
.formData .sub{width: 232px;line-height: 46px;border: 2px solid #03a4aa;margin-right: 2px;text-align: center;background: #03a4aa;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;}
.formData .sub:hover{background: none;color: #03a4aa;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute;right: 3px;top: 3px;border: 0px;display: block;}
.about .box1{padding-top: 105px;padding-bottom: 100px;overflow: hidden;}
.box1_add{padding: 70px 0;}
.about .box1 .fl{padding-top: 32px;}
.about .box1 .fl h1{font-size: 80px;text-transform: uppercase;font-family: arial;line-height: 80px;}
.about .box1 .fl p{font-size: 24px;padding-bottom: 88px;}
.about .box1 .fl i{width: 54px;height: 54px;background-position: 0 -99px;cursor: pointer;position: relative;display: block;float: left;}
.about .box1 .fl i img{position: absolute;left: 20px;bottom: 56px;width: 0px;height: 0px;opacity: 0;filter: alpha(opacity=0);transition: ease-in-out .2s;}
.about .box1 .fl i:hover img{filter: alpha(opacity=100);opacity: 1;left: 0;height: 80px;width: 80px;}
.about .box1 .fl .i2{background-position: -58px -99px;margin-left: 20px;}
.about .box1 .fr{width: 611px;}
.about .box1 .fr h1{font-size: 24px;font-weight: 100;}
.about .box1 .fr span{display: block;background: #b0b0b0;width: 20px;height: 2px;margin: 13px 0 24px;}
.about .box1 .fr h2{font-size: 18px;}
.about .box1 .fr p{line-height: 30px;padding-top: 12px;}
.about .box1 .fr i{width: 54px;height: 54px;background-position: -59px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box1 .fr a:hover{cursor: pointer;}
.about .box1 .fr a:hover i{margin-left: 15px;}
.about .bg_20{height: 20px;width: 100%;background: #eaeaea;}
.about .box2{padding-bottom: 94px;}
.about .box2 .con{margin-top: 40px;}
.about .box2 .con .fl{width: 410px;height: 428px;overflow: hidden;}
.about .box2 .con .fl img{width: 410px;height: 428px;}
.about .box2 .con .fr .img{width: 380px;height: 214px;overflow: hidden;display: block;}
.about .box2 .con .fr .img img{width: 380px;height: 214px;transition: .9s;}
.about .box2 .con .fr .p{display: block;padding-left: 20px;width: 360px;height: 214px;}
.about .box2 .con .fr .p h1{font-size: 24px;line-height: 60px;font-weight: 100;}
.about .box2 .con .fr .p i{width: 54px;height: 54px;background-position: -59px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box2 .con .fr li:hover{cursor: pointer;}
.about .box2 .con .fr li:hover h1,
.about .box2 .con .fr li:hover p{color: #333;}
.about .box2 .con .fr li:hover i{margin-left: 15px;}
.about .box2 .con .fr li{float: left;}
.about .box2 .con .fr li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.about .box3{background: url(../about_bg.jpg) center top no-repeat;width: 100%;height: 457px;padding-top: 93px;}
.about .box3 .w1200{overflow: hidden;}
.about .box3 .fl{width: 500px;}
.about .box3 .fl h1{font-size: 36px;color: #fff;font-weight: 100;padding-bottom: 25px;}
.about .box3 .fl span{display: block;width: 40px;height: 2px;background: #ffd200;margin-bottom: 25px;}
.about .box3 .fl p{color: #fff;line-height: 24px;}
.about .box3 .fl i{width: 54px;height: 54px;cursor: pointer;background-position: 0px -35px;margin-top: 35px;transition: ease-in-out .2s;}
.about .box3 .fl a:hover i{margin-left: 15px;}
.about .box3 .fr .picScroll-left{overflow: hidden;position: relative;margin-top: 68px;height: 225px;width: 620px;}
.about .box3 .fr .picScroll-left .hd{overflow: hidden;}
.about .box3 .fr .picScroll-left .hd .prev,
.about .box3 .fr .picScroll-left .hd .next{display: block;left: 0;top: 50%;margin-top: -36px;width: 30px;height: 72px;position: absolute;z-index: 10;background-position: -133px -67px;cursor: pointer;display: none;}
.about .box3 .fr .picScroll-left .hd .next{left: auto;right: 0;background-position: -164px -67px;}
.about .box3 .fr .picScroll-left:hover .hd .prev,
.about .box3 .fr .picScroll-left:hover .hd .next{display: block;}
.about .box3 .fr .picScroll-left .hd ul{float: right;overflow: hidden;margin-top: 10px;zoom: 1;}
.about .box3 .fr .picScroll-left .hd ul li{float: left;width: 9px;height: 9px;overflow: hidden;margin-right: 5px;text-indent: -999px;cursor: pointer;background: url("../icocircle.gif") 0 -9px no-repeat;}
.about .box3 .fr .picScroll-left .hd ul li.on{background-position: 0 0;}
.about .box3 .fr .picScroll-left .bd ul{overflow: hidden;zoom: 1;}
.about .box3 .fr .picScroll-left .bd ul li{margin-right: 20px;float: left;_display: inline;overflow: hidden;text-align: center;}

.about .box3 .fr .picScroll-left .bd ul li img{width: 300px;height: 225px;}
.bg_top{height: 50px;background: #eaeaea;width: 100%;}
.erro{color: red;}
.contact-info {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
            margin-bottom: 40px;
        }
        
        .info-card {
            background: white;
            padding: 25px;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease;
        }
        
        .info-card:hover {
            transform: translateY(-5px);
        }
        
        .info-card i {
            font-size:22px;;
            color: #03a4aa;
            margin-bottom: 15px;
			 margin-right:15px;
        }
        
        .info-card h3 {
            font-size:18px;
			font-weight:bold;
            margin-bottom: 15px;
            color: #03a4aa;
            border-bottom: 2px solid #e6f0fa;
            padding-bottom: 10px;
        }
        
        .info-card p {
              font-size:16px;
			line-height:30px;;
        }
        
        .info-card a {
            color: #333;
            text-decoration: none;
            transition: color 0.2s;
        }
        
        .info-card a:hover {
            color: #0d4a85;
            text-decoration: underline;
        }
        
        .map-container {
            background: white;
            padding: 25px;
            border-radius: 10px;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
            margin-bottom: 30px;
        }
        
        .map-container h2 {
            font-size: 1.6rem;
            color: #03a4aa;
            margin-bottom: 20px;
            text-align: center;
			font-weight:bold;
        }
        
        .map-placeholderx {
            background: #e6f0fa;
            height: 300px;
            border-radius: 8px;
             justify-content: center;
            align-items: center;
            color: #1a6fc4;
            font-size: 1.2rem;
        }
		
		.map-placeholderx img{ width:100%
        }
		
/* map_ul*/
.map_ul{list-style: outside none none;display: block;width: 100%;}
.map_ul li{display: block;width: 100%;padding: 0;margin-bottom: 25px;}
.map_ul li a{width: 100%;height: 35px;line-height: 35px;font-weight: bold;display: block;background: #f6f6f6;text-indent: 15px;}
.map_ul .list-inline{display: block;width: 86%;}
.map_ul .list-inline li{height: 32px;display: inline-block;*display: inline;margin: 15px 5px 15px 0;zoom: 1;line-height: 32px;border-bottom: 0;text-align: center;width: auto;padding: 0px;}
.map_ul .list-inline li a{text-indent: 0;font-weight: normal;display: block;line-height: 32px;height: 32px;display: inline-block;padding: 0px 10px;width: auto;border: 1px solid #ccc;text-align: center;}
.map_ul .list-inline li a:hover{background: #0a408a;color: #fff;border: 1px solid #0a408a;}
.erro{text-align: center;min-height:400px;}
.showPro{padding: 50px 0;}
.showPro .reLink{margin-bottom: 0;}
.showPro .showContxt{padding: 30px 0 35px;color: #666;font-size: 14px;line-height: 30px;text-align: justify;}
.showPro .showContxt img{max-width: 100%;height: auto !important;}
.showPro .showimgCon{padding: 0 0 30px;font-size: 16px;line-height: 32px;}
.showPro .showimgCon .txtcon{width: 720px;height: 423px;float: right;position: relative;}
.showPro .showimgCon .txtcon .tit{position: relative;font-size: 20px;margin-bottom: 15px;color: #0e4295;font-weight: bold;line-height: 24px;padding-bottom: 14px;border-bottom: 1px solid #dddddd;padding-right: 60px;}
.showPro .showimgCon .txtcon .tit .goBack{position: absolute;right: 0;top: 0;color: #999999;font-size: 14px;display: block;font-weight: normal;cursor: pointer;}
.showPro .showimgCon .txtcon .tit .goBack s{width: 20px;height: 20px;background-position: -440px -62px;margin-left: 6px;}
.showPro .showimgCon .txtcon .tit .goBack:hover{color: #047fcc;}
.showPro .showimgCon .txtcon .txt{font-size: 14px;line-height: 28px;color: #666;text-align: justify;}
.showPro .showimgCon .txtcon .txt .item{margin-bottom: 7px;max-height: 144px;overflow: hidden;}
.showPro .showimgCon .txtcon .tel-btn{width: 100%;position: absolute;left: 0;bottom: 0;border-top: 1px solid #ddd;padding-top: 40px;}
.showPro .showimgCon .txtcon .tel-btn .btn{width: 118px;float: right;height: 40px;line-height: 40px;margin-top: 5px;font-size: 20px;text-align: center;color: #fff;cursor: pointer;background: #0e4295;}
.showPro .showimgCon .txtcon .tel-btn .btn:hover{background: #333;}
.showPro .showimgCon .txtcon .tel-btn .tel{width: 280px;float: left;}
.showPro .showimgCon .txtcon .tel-btn .tel span,
.showPro .showimgCon .txtcon .tel-btn .tel strong{display: block;color: #666666;}
.showPro .showimgCon .txtcon .tel-btn .tel s{width: 42px;height: 42px;display: block;float: left;margin-right: 6px;margin-top: 4px;background-position: -315px -30px;}
.showPro .showimgCon .txtcon .tel-btn .tel span{font-size: 16px;line-height: 20px;}
.showPro .showimgCon .txtcon .tel-btn .tel strong{font-size: 28px;line-height: 28px;}
.showPro .showimg{width: 442px;position: relative;float: left;overflow: hidden;}
.showPro .showimg .bigimg{width: 440px;height: 332px;display: block;position: relative;border: 1px solid #dddddd;}
.showPro .showimg .bigimg .list{width: 5000%;}
.showPro .showimg .bigimg .list li{width: 440px;height: 332px;float: left;border: 0;margin-right: 1px;}
.showPro .showimg .bigimg .list img{width: 100%;height: 100%;display: block;transition: all ease 300ms;}
.showPro .showimg .smallimg{width: 440px;height: 76px;position: relative;padding-top: 30px;z-index: 10;overflow: hidden;}
.showPro .showimg .list{width: 357px;overflow: hidden;position: relative;margin: 0 auto;}
.showPro .showimg .listcon{width: 600% !important;position: relative;}
.showPro .showimg .prev,
.showPro .showimg .next{width: 20px;height: 76px;z-index: 10;position: absolute;top: 30px;cursor: pointer;background: #f9f9f9 url(../show-btn-ico.png) no-repeat 0 center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.showPro .showimg .prev:hover,
.showPro .showimg .next:hover{background-color: #f9f9f9;}
.showPro .showimg .prev{left: 0;background-position: 3px center;}
.showPro .showimg .next{right: 0;background-position: -84px center;}
.showPro .showimg li{width: 94px;height: 70px;margin-right: 28px;float: left;cursor: pointer;position: relative;border: 3px solid #fff;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.showPro .showimg li img{width: 100%;height: 100%;display: block;}
.showPro .showimg li.on{width: 94px;height: 70px;border: 3px solid #0e4295;}
.relateTit{height: 58px;line-height: 58px;border-bottom: 1px solid #e4e4e4;margin: 0 auto;width: 1200px;}
.relateTit h3{font-size: 18px;display: inline-block;*display: inline;*zoom: 1;position: relative;}
.relateTit h3 .line{width: 100%;height: 2px;display: block;position: absolute;left: 0;bottom: -1px;background: #0e4295;}


.pro-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            display: flex;
        }
        
        /* 左侧导航样式 */
        /*.pro-sidebar {
            width: 230px;
            background-color: #fff;
            border-radius: 8px;
            padding: 15px;
            margin-right: 20px;
			border:1px #f0f0f0 solid;
        }
        
        .pro-nav-title {
            font-size: 18px;
            font-weight: bold;
            padding-bottom: 10px;
            margin-bottom: 15px;
            border-bottom: 1px solid #eee;
            color: #333;
			 text-align:center
        }
        
        .pro-nav-list {
            list-style: none;
        }
        
        .pro-nav-item {
            margin-bottom: 5px;
        }
        
        .pro-nav-item > a {
            display: block;
            padding: 8px 15px;
            text-decoration: none;
            color: #333;
            border-radius: 4px;
            transition: all 0.3s;
            position: relative;
			 background:#f0f0f0; border-radius:6px;
			 font-size:16px;
        }
        
        .pro-nav-item > a:hover {
            background-color: #03a4aa;
            color: #fff;
        }
        
        .pro-nav-item > a::after {
            content: ">";
            position: absolute;
            right: 15px;
            transform: rotate(90deg);
            transition: transform 0.3s;
        }
        
        .pro-nav-item:hover > a::after {
            transform: rotate(-90deg);
        }
        
        .pro-sub-nav {
            list-style: none;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease;
            background-color: #f9f9f9;
            border-radius: 4px;
            margin-top: 5px;
        }
        
        .pro-nav-item:hover .pro-sub-nav {
            max-height: 300px;
        }
        
        .pro-sub-nav-item {
            position: relative; 
        }
        
        .pro-sub-nav-item > a {
            display: block;
            padding: 8px 15px 8px 25px;
            text-decoration: none;
            color: #666;
            transition: all 0.3s;
        }
        
        .pro-sub-nav-item > a:hover {
            background-color: #eee;
            color: #e74c3c;
        }
        
        .pro-sub-nav-item > a::after {
            content: ">";
            position: absolute;
            right: 15px;
        }
        
        .pro-third-nav {
            list-style: none;
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.5s ease;
            background-color: #f5f5f5;
            border-radius: 24px;
            margin-left: 10px;
        }
        
        .pro-sub-nav-item:hover .pro-third-nav {
            max-height: 200px;
        }
        
        .pro-third-nav-item a {
            display: block;
            padding: 6px 15px 6px 35px;
            text-decoration: none;
            color: #777;
            transition: all 0.3s;
        }
        
        .pro-third-nav-item a:hover {
            background-color: #eee;
            color: #e74c3c;
        }
        
        /* 右侧产品列表样式 */
        .pro-product-section {
            flex: 1;
        }
        
        .pro-section-title {
            font-size: 22px;
            font-weight: bold;
            margin-bottom: 20px;
            color: #333;
            padding-bottom: 10px;
            border-bottom: 2px solid #e74c3c;
        }
        
        .pro-product-list {
            display: flex;
            flex-wrap: wrap;
            margin: 0 -10px;
        }
        
        .pro-product-item {
            width: calc(33.333% - 20px);
            margin: 0 10px 20px;
            background-color: #fff;
            border-radius: 4px;
            overflow: hidden;
            box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s, box-shadow 0.3s;
        }
        
        .pro-product-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
        }
        
        .pro-product-img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            display: block;
        }
        
        .pro-product-title {
            padding: 15px;
            text-align: center;
            font-weight: bold;
            color: #333;
        }
		
		
.pro-sidebar {
            width: 280px;
            background: white;
            border-radius: 12px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            transition: all 0.3s ease;
			
			 padding: 15px;
            margin-right: 40px;
			border:1px #f0f0f0 solid;
        }
        
        .pro-sidebar:hover {
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
        }
        
        .pro-nav-title {
            background: linear-gradient(135deg, #03a4aa, #02777b);
            color: white;
            padding: 18px 20px;
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 1px;
            text-align: center;
            margin-bottom: 0;
        }
        
        .pro-nav-list {
            list-style: none;
            padding: 10px 0;
        }
        
        .pro-nav-item {
            border-bottom: 1px solid #f0f0f0;
            position: relative;
        }
        
        .pro-nav-item:last-child {
            border-bottom: none;
        }
        
        .pro-nav-item > a {
            display: block;
            padding: 12px 20px;
            color: #333;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.2s ease;
            position: relative;
            padding-right: 40px;
			font-size:15px;
			
        }
        
        .pro-nav-item > a:hover {
            background-color: #03a4aa;
            color: #fff;
        }
        
        .pro-nav-item > a::after {
            content: "";
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 6px;
            height: 6px;
            border-right: 2px solid #ccc;
            border-bottom: 2px solid #ccc;
            transform: translateY(-50%) rotate(-45deg);
            transition: all 0.3s ease;
        }
        
        .pro-nav-item:hover > a::after {
            border-color: #fff;
            transform: translateY(-50%) rotate(45deg);
        }
        
        .pro-sub-nav {
            list-style: none;
            background-color: #f8f9fa;
       /*     max-height: 0;*/
            overflow: hidden;
            transition: max-height 0.4s ease;
        }
        
        .pro-nav-item:hover .pro-sub-nav {
            max-height: 300px;
        }
        
        .pro-sub-nav-item {
            border-bottom: 1px solid #eaeaea;
        }
        
        .pro-sub-nav-item:last-child {
            border-bottom: none;
        }
        
        .pro-sub-nav-item a {
            display: block;
            padding: 12px 20px 12px 40px;
            color: #666;
            text-decoration: none;
            font-size: 14px;
            transition: all 0.2s ease;
            position: relative;
        }
        
        .pro-sub-nav-item a::before {
            content: "";
            position: absolute;
            left: 25px;
            top: 50%;
            transform: translateY(-50%);
            width: 5px;
            height: 5px;
            background-color: #bbb;
            border-radius: 50%;
            transition: all 0.2s ease;
        }
        
        .pro-sub-nav-item a:hover {
            background-color: #eef5ff;
            color: #3498db;
            padding-left: 45px;
        }
        
        .pro-sub-nav-item a:hover::before {
            background-color: #3498db;
            width: 8px;
            height: 8px;
        }
		
.n-container {
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .n-header {
            text-align: center;
            margin-bottom: 30px;
        }
        
        .n-title {
            font-size: 32px;
            color: #2c3e50;
            margin-bottom: 10px;
            position: relative;
            display: inline-block;
        }
        
        .n-title::after {
            content: '';
            position: absolute;
            bottom: -20px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background-color: #3498db;
        }
        
        .n-subtitle {
            color: #7f8c8d;
            font-size: 16px;
            margin-top: 15px;
        }
        
        .n-news-list {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 25px;
            list-style: none;
        }
        
        .n-news-item {
            background-color: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: flex;
            height: 150px;
        }
        
        .n-news-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
        }
        
        .n-news-image {
            width: 40%;
            overflow: hidden;
        }
        
        .n-news-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .n-news-item:hover .n-news-image img {
            transform: scale(1.05);
        }
        
        .n-news-content {
            width: 60%;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        
        .n-news-title {
            font-size: 18px;
            font-weight: 600;
            line-height: 1.4;
            margin-bottom: 10px;
            color: #2c3e50;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .n-news-time {
            color: #95a5a6;
            font-size: 14px;
            margin-bottom: 15px;
        }
        
        .n-news-link {
            color: #3498db;
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            display: inline-block;
            transition: color 0.3s ease;
        }
        
        .n-news-link:hover {
            color: #2980b9;
        }
        
        .n-news-link::after {
            content: '→';
            margin-left: 5px;
            transition: transform 0.3s ease;
        }
        
        .n-news-link:hover::after {
            transform: translateX(3px);
        }