html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;box-sizing: border-box;}img{border:0; margin:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}

html {font-size: 625%;/*10 ÷ 16 × 100% = 62.5%*/}

/*******CSS reset*************/

body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}

.f12{font-size:12px;}

.f16{font-size:16px;}

.bold{font-weight:bold;}

.white{color:#fff;}

.t_r{text-align:right;}

.left{ float:left;}

.right{ float:right;}

.clear{clear:both;}

.relative{position:relative;}

.absolute{position:absolute;}

.rel_center{position:relative;left:50%;}

.hidden{display:none;}

.w{ width:100%; margin:0 auto; height: auto; overflow: hidden; padding: 0 100px;}



/********General**********/

.cd-main-header{



  height:112px; width:100%; top:0; left:0; z-index:999;background: #fff;



   transition: all 0.3s ease 0s;



  -moz-transition: all 0.3s ease 0s;



  -webkit-transition: all 0.3s ease 0s;}



.cd-logo {



    top:.15rem; position:absolute;



    left:5%;}

.cd-logo img{transition: all 0.3s ease 0s; height: 68px;



  -moz-transition: all 0.3s ease 0s;



  -webkit-transition: all 0.3s ease 0s;}

.cd-mobile{
	position:absolute;
	font-size:14px;
	color:rgb(0,145,246);
	line-height:24px;
	top:14px;
    right:100px;
}
.cd-mobile b{
	color:rgb(0,145,246);
	font-size:20px;
}





.topover{position:fixed;top:0;left:0;/* height:.6rem;*/background:#fff;z-index:9999;box-shadow:0px -2px 6px #000;}
/*.topover .cd-logo{top:.1rem; }*/
/*.topover .cd-logo img{ height:.4rem;}*/


.banner{width: 100%; height: auto;background: url(../Image/bannerbj.jpg) bottom left no-repeat; float: left;}
.banner .bx-wrapper{display: none;}
.main{width: 100%; float: left; overflow: hidden; }

.zdaohang{width: 100%; position: relative; height: 690px; margin-top: 100px; background: url(../Image/daohangbj.jpg) bottom repeat-x;}

.zdaohanglist{width:100%;  padding-left: 590px; float: right; position: absolute; top: 0;left: 0; z-index: 5;}

.zdaohangbt{width: 490px; position: relative; z-index: 10; float: left; padding-right: 90px; background: url(../Image/daohangw.png)left  22px no-repeat; padding-top: 60px;}

.zdaohangbt h2{
	font-size: 48px;
	color: #666666;
	line-height: 1.5;
	font-family: "微软雅黑";
	font-weight: bold;
}

.zdaohangbt p{
	font-size: 30px;
	color: #999999;
	margin: 30px 0;
	font-family: "微软雅黑";
	font-weight: normal;
}

.zdaohangbt span{
	font-size: 18px;
	display: block;
	color: #666666;
	line-height: 2;
	font-family: "微软雅黑";
	font-weight: normal;
}

.zdaohangbt a{ display: block; float: left; font-size: 14px; color: #666666; margin-top: 44px;}

.zdaohanglist .slide{ height: 568px; 

-moz-border-radius: 10px; /* Firefox */

  -webkit-border-radius: 10px; /* Safari 和 Chrome */

  border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

	}

.zdaohanglist .slide dd{ height: 266px; overflow: hidden;

 border-top-left-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

  border-top-right-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.zdaohanglist .slide dd img{width:100%; transform:translate(0,0); transition:all .5s ease-in 0s;}

.zdaohanglist .slide:hover dd img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }

.zdaohanglist .bx-viewport{padding-bottom: 75px;padding-left:15px; }

.zdaohanglist .slide .slideinfo{width: 100%; height: 265px; background: #fff;box-shadow: 0px 5px 15px #dbd8d8; padding: 30px;

  border-bottom-left-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

  border-bottom-right-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.zdaohanglist .slide .slideinfo font{ font-size: 12px; color: #666666；}

.zdaohanglist .slide .slideinfo h3{ font-size: 24px; color: #333333; font-weight: bold; margin: 20px 0;}

.zdaohanglist .slide .slideinfo p{ font-size: 14px; color: #666666; line-height: 2;}

.zdaohanglist .slide .slideinfo a{ display: block; float: right; font-size: 14px; color: #666666;   margin-top: 14px;}

.bx-controls{ bottom: 0; right: 382px; width:82px; text-align: center; position: absolute;}

.ad{width: 100%; height: 230px; background:url(../Image/ad2.jpg) center no-repeat; }

.adbt{ float: left; margin: 30px 0 0 355px;}

.adbt p{ font-size: 40px; color: #ffffff;}

.adbt span{ font-size: 12px; color: #fff;}

.adw{
	float: right;
	margin: 30px 358px 0 0;
	width: 436px;
	color: #3B94F3;
	font-size: 16px;
	line-height: 2;
	font-family: "微软雅黑";
}

.adw a{display: block; font-size: 14px; float: left; color: #fff;   margin-top: 30px;}

.fangan{float: left;width: 100%; margin-top: 100px; position: relative;}

.fanganbj{width: 75%; height:585px;  right: 0; top: 0; background:url(../Image/fanganbj.jpg)  center repeat-x; position: absolute; z-index: 1;}

.fangan .w{position: relative; z-index: 2; padding-bottom: 20px;}

.fangbt{ float: left;background:url(../Image/fanganbtxian.png) left 58px  no-repeat; padding-left:54px;}

.fangbt p{ font-size: 14px; color: #999999; font-style: italic;}

.fangbt h3{ font-size: 36px; color: #333333;   }

.fanganw{ font-size: 18px; color: #666666; padding: 75px; line-height: 2; float: right;width: 80%; background: #eaeaea;}

.fangantop{width: 100%; float: left; padding-right: 10%; background:url(../Image/fanganbj2.png) right 187px no-repeat;}

.fanganlist{width: 100%; float: left; background: #fff; padding: 75px 75px 0 0;}

.fanganlist li{width: 30.3%; position: relative; float: left; margin-right:4.5%;box-shadow: 5px 5px 10px #e4dfdf;

-moz-border-radius:10px; /* Firefox */

  -webkit-border-radius:10px; /* Safari 和 Chrome */

  border-radius:10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.fanganlist li dd{width: 100%; padding-bottom: 63.1%; position: relative; overflow: hidden;

border-top-left-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

  border-top-right-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.fanganlist li dd img{width: 100%; position: absolute; height: 100%; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s;}

.fanganlist li:hover dd img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }

.fanganlist li:nth-child(3){ margin-right: 0;}

.fanganlist li h4{ position: relative; font-size: 25px; color: #333333; margin:20px 0 0 0; margin-left: -7px; padding-left: 5px;}

.fanganlist li h4 b{width: 0; height: 92px; border-left:2px solid #333333; position: absolute;bottom:40px;left: 0; transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

}

.fanganlist li p{ font-size: 16px; color: #999999; margin: 20px 0;}

.fanganlist li .amore{ font-size: 14px; color: #333333; display: block;}

.fanganlist li .amore b{width: 0; margin-top:10px; height:0px; border-bottom:2px solid #333333; float: left; transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s; margin-right:0px;

}

.fanganlist li:hover .amore b{width:92px; margin-right: 10px;}

.fanganlist li:hover h4 b{height: 0px;}

.fanganlist li dl{ padding: 30px; position: relative; }

.fanganlist li i{display: block; width: 76px; height: 77px; position: absolute;top:-38.5px; right: 30px; background:url(../Image/fanglist1.png)center no-repeat;

-webkit-transition:0.5s ease;-moz-transition:0.5s ease;}

.fanganlist li i a{display: block;width: 100%; height: 100%;}

.fanganlist li i:hover{-webkit-transform:rotatez(360deg);-moz-transform:rotatez(360deg);}

.fanganlist li i:hover{background:url(../Image/fanglist.png)center no-repeat;}

.pro{width: 100%; float: left; position: relative; background:#eaeaea; margin-top: 65px;}

.pro .w{overflow:visible; }

.probt{ float: left;background:url(../Image/fanganbtxian.png) left 58px  no-repeat; margin-top: 30px; padding-left:54px; }

.probt p{ font-size: 14px; color: #999999; font-style: italic;}

.probt h3{ font-size: 36px; color: #333333;   }

.protopw{font-size: 16px; width: 70%; color: #666666; line-height: 2; position: relative; z-index: 1; padding: 50px; float: right; padding-bottom: 352px; background:#fff;}

.prolist{width:85%; position:relative; margin-top: -300px; z-index: 10; background: #eaeaea; float: left; padding: 50px 50px 0 0;}

.prozimu{width: 12px; height: 130px; background:url(../Image/fanganbj2.png) center no-repeat; float: right; }

.pro .w1{position: absolute; top: 175px; z-index: 11;}

.pro .slide{ width: 100%; background: #fff; box-shadow: 5px 5px 10px #e7e7e7;}

.pro .slideinfo{width:35%; float: left; padding: 3% 5%;}

.pro .slideinfo h3{
	font-size: 26px;
	color: #333333;
	margin-bottom: 40px;
	font-family: "微软雅黑";
}

.pro .slideinfo font{ font-size: 16px; color: #333333; display: block; margin-bottom: 30px;}

.pro .slideinfo  p{font-size: 16px; color: #666666; line-height: 2;}

.pro dd{width: 65%; float: left; position: relative; padding-bottom:43.29%;}

.pro dd img{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.pro dd i{width: 26px; height: 35px;display: block; position: absolute; z-index: 10; background:url(../Image/prolisti.png)center no-repeat; left: 0; top: 160px; }

.pro .bx-controls{width: 35%; bottom: 45px; left: 0;}

.pro .bx-controls-direction{width: 40%; position: relative; margin: 0 auto;}

.promore{display: block; width: 75px; font-size: 14px; color:#666666; text-align: center;  margin:30px auto;}

.more{position: relative; height: 35px;padding-top: 0; line-height: 35px;

transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

}

.more i{ transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

}

.more i:nth-child(1){ position: absolute; left: 0; bottom: 0; width: 100%; height: 0; border-bottom:1px solid #0091f6; }

.more:hover i:nth-child(1){ width:0%;}

.more:hover{ padding-top: 10px;}

.yuangan{width: 32%; margin-left:10%; float: left;padding-bottom: 15px;}

.sbfw{width: 100%;  float: left; margin-top: 100px; background:url(../Image/sbfwbj.jpg) right center no-repeat; background-size: auto 90%; }

.sbfwbt{ float: left;}

.sbfwbt font{ font-size: 20px; color: #999999; font-style: italic;}

.sbfwbt h3{ font-size: 36px; color: #333333; margin: 25px 0 30px; }

.sbfwbt p{ font-size: 26px; color: #999999;}

.yuanganw{width: 100%; float: left; margin-top:40px;}

.yuangabj{width: 100%; padding-bottom: 61.6%; position: relative; overflow: hidden; box-shadow: 5px 5px 10px #e7e7e7;

-moz-border-radius: 15px; /* Firefox */

  -webkit-border-radius: 15px; /* Safari 和 Chrome */

  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}

.yuangabj img{width: 100%; height: 100%; position: absolute; top: 0; left:0; z-index: 1;

transform:translate(0,0); transition:all .5s ease-in 0s;}

.yuangan:hover .yuangabj img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }





.yuangawz{width: 80%; float: left; margin-top:-220px; background: #fff; position: relative; z-index: 10; padding:50px;box-shadow: 5px 5px 10px #e7e7e7;margin-left:10px;

-moz-border-radius: 15px; /* Firefox */

  -webkit-border-radius: 15px; /* Safari 和 Chrome */

  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}

.yuangawz i{width: 0; height: 108px; border-left:2px solid #85c320; float: left; top: -52px; left: 79px;; display: block; position: absolute;}

.yuangawz h4{ font-size: 30px; color: #444444;margin:20px 0;}

.yuangawz p{ font-size: 14px; color: #666666; line-height: 2;}



.company{width: 32%; margin-right:10%; float: right;}

.companyw{width: 100%; float: left; margin-top: 80px;}

.companybj{width: 100%; padding-bottom: 61.6%; position: relative; overflow: hidden; box-shadow: 5px 5px 10px #e7e7e7;

-moz-border-radius: 15px; /* Firefox */

  -webkit-border-radius: 15px; /* Safari 和 Chrome */

  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}

.companybj img{width: 100%; height: 100%; position: absolute; top: 0; left:0; z-index: 1;

transform:translate(0,0); transition:all .5s ease-in 0s;}

.company:hover .companybj img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }



.companywz{width: 80%; float: left; margin-top:-220px; background: #fff; position: relative; z-index: 10; padding: 50px;box-shadow: 5px 5px 10px #e7e7e7;margin-left:10px;

-moz-border-radius: 15px; /* Firefox */

  -webkit-border-radius: 15px; /* Safari 和 Chrome */

  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}

.companywz b{width: 0; height: 108px; border-left:2px solid #0091f6; float: left; top: -52px; left: 79px;; display: block; position: absolute;}

.companywz h4{ font-size: 30px; color: #444444;margin:20px 0;}

.companywz p{ font-size: 14px; color: #666666; line-height: 2;}

.companywz a{display: block; float: right; width: 75px; font-size: 14px; color:#666666; text-align: center;    margin-top: 30px; }







.ad2{ height: 280px; width: 100%; margin: 100px 0 0 0; float: left; position: relative; }

.ad2bj{width: 100%; height: 280px; padding-right: 100px; position: absolute; top: 0; left: 0; z-index: 1;}

.ad2bj p{width: 100%; height: 280px; float: right;  overflow: hidden; box-shadow: 5px 5px 10px #e7e7e7;

border-top-right-radius: 140px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

  border-bottom-right-radius: 140px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.ad2bj p img{height: 280px; float: right;}

.ad2w{text-align: center; font-size: 30px; padding-top: 47px; color: #999999; position: relative; z-index: 10;}

.ad2w font{text-align: center; font-size: 88px; color: #666666; font-style: italic; margin-top: 30px; font-weight: bold; display: block;	}





.mes{width: 100%; float: left; margin-top: 100px; background:url(../Image/mesbj.jpg) top center no-repeat; }

.mes .w{padding-bottom: 10px;}

.mesbt{width:  17%; float:left; margin-top: 40px; }

.mesbt h3{ font-size: 36px; color: #333333;}

.mesbt p{ font-size: 16px; color: #333333; margin-top: 30px; line-height: 2;}

.mes-form{width: 79%; float: right; background: #fff; padding: 40px; padding-bottom: 10px; margin-top: 85px; box-shadow: 5px 5px 10px #e7e7e7;

-moz-border-radius: 15px; /* Firefox */

  -webkit-border-radius: 15px; /* Safari 和 Chrome */

  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.mes .form-tr{width: 30.3%; float:left; margin-right:4.5%; margin-bottom: 30px; }

.mes .form-tr:nth-child(6){margin-right:0;}

.mes .form-tr:nth-child(2){width: 100%;margin-right: 0;}

.mes .form-tr p{ font-size: 14px; color: #666666; font-weight: bold;}

.mes .form-tr p font{ color: #ff2626}

.mes .form-tr input{width:100%; background:none; border: none; height: 50px; border-bottom: 1px solid #e3e3e3}

.mes .form-tr textarea{width:100%; background:none; border: none; height: 50px; border-bottom: 1px solid #e3e3e3}

.mes .code input{width: 50%; float: left;}

.mes .code img{width:100px; float: left;}

.mes .form-tr:nth-child(9){margin-right: 0;}

.mes .submit{width: 200px; height: 50px;display: block; margin: 0 auto; text-align: center; border: 1px solid #e3e3e3; line-height: 50px; font-size: 14px; color: #333333;

	 transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;



-moz-border-radius: 0px; /* Firefox */

  -webkit-border-radius: 0px; /* Safari 和 Chrome */

  border-radius:  0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.mes .submit:hover{

	

	-moz-border-radius: 25px; /* Firefox */

  -webkit-border-radius: 25px; /* Safari 和 Chrome */

  border-radius: 25px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.footer{width: 100%; float: left; background: #eaeaea; margin-top: 60px; padding-top: 50px;}

.flogo{float: left; width: 17%;}

.flogo img{max-width: 100%;}

.footr{width:79%; float: right;}

.ftel{width: 100%; font-size: 16px; color: #333333;}

.ftel li{width: 25%; float: left;}

.fnav{width: 100%; float: left; margin-top: 40px;}

.fnav ul{width: 20%; float: left;}

.fnav ul h4{ font-size: 20px; color: #333333;}

.fnav ul li{ font-size: 16px; color: #333333; line-height: 2;}

.fnav ul li:hover{text-decoration: underline;}

.admin{width: 100%; font-size: 16px; color: #333333; text-align: center; line-height: 73px; height: 73px; border-top:1px solid #d8d8d8; margin-top: 50px;}

.nbanner{width: 100%; float: left; position: relative;}

.nbanner img{position: absolute; max-width: 50%;  top: 0; right: 0;border-radius: 0 0 0 60%;}

.nbannerw{width: 50%; float: left; padding-top: 70px; margin-top: 80px; padding-left: 60px; background:url(../Image/nbannerbt.png) top left no-repeat;  }

.nbannerw .bannerbt h3{ font-size: 48px; color: #333333; font-weight: bold;}

.nbannerw .bannerbt h3 b{font-size: 20px; font-style: italic;}

.nbannerw .bannerbt  font{ font-size: 14px; color: #999999;}

.nbannerw p{ font-size: 16px; color: #333333; line-height: 2; margin-top: 40px; font-weight: 400;}

.location .rig-title-over{display: none;}

.location{margin-top: 40px; font-size: 14px; color: #999999;}

.location dd{float: left;}

.location .rig-title{float: left;}

.naboutw{width: 100%; float: left; margin-top: 100px; }

.nabt{ background:url(../Image/nabt.png) left center no-repeat; font-size: 36px; color: #333333; padding-left: 60px;}

.naboutw_p{padding-left: 60px; margin-top: 45px; font-size: 18px; color: #333333; line-height: 2;}

.nhonor{width: 100%; float:left; margin-top: 100px; background:url(../Image/nhonorbj.jpg) top repeat-x; padding-top: 77px;    }

.nhonor #owl-demo{margin-top: 56px;}

.nhonor #owl-demo .item{width: 356px; }

.nhonor #owl-demo .item p{ font-size: 16px; color: #333333; text-align: center; line-height: 2;}

.nhonor #owl-demo .item:hover p{ color: #0091f6;}



.njzxw1{width: 100%; float: left; margin-top:100px; }

.njzxw1_p{ font-size: 18px; color: #333333; line-height: 2; margin-top: 40px; padding-left: 60px;}

.njzxw1pic{ padding-left: 60px; text-align: center;width: 100%; margin-top: 60px;}

.njzxw1pic img{ display: inline-block; margin: 0 50px;}

.cpts{width: 100%; float: left; margin-top: 100px;}

.cpts ul{width: 100%; float: left; margin-top: 64px;}

.cpts li{width:22%; position: relative; float: left; margin-right:4%; height:412px; background: #f5f5f5; padding:38px 23px 20px;

-moz-border-radius: 25px; /* Firefox */

  -webkit-border-radius: 25px; /* Safari 和 Chrome */

  border-radius: 25px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}

.cpts li i{display:block;width: 46px; height: 23px; background:url(../Image/cptdi.png) repeat-x; position: absolute; top: 0; left: 87px; }

.cpts li:nth-child(4){margin-right:0;}

.cpts li dd{width: 100%; height:354px; border: 2px dashed #cbcbcb;

-moz-border-radius: 25px; /* Firefox */

  -webkit-border-radius: 25px; /* Safari 和 Chrome */

  border-radius: 25px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.cpts li h3{font-size: 26px; color: #333333; font-weight: bold; text-align: center; margin: 20px 0;}

.cpts li p{ padding:0 40px; background:url(../Image/cptdli.png)center 40px no-repeat; font-size: 18px; color: #333333; line-height: 41px; }

.nprodh{width:20%; float: left; position: relative; margin-top: 100px; z-index: 10;}

.btn{ width: 100%; top:100px; position: absolute;  z-index: 10;

transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;

}

.btn.on{position: fixed; top:100px; width: 20%;}

.btn a{ height: 35px; margin-bottom: 15px;

	display:block; font-size: 18px; color: #666666;

	width:100%;

	text-align:left;

	}

.btn a font{display: block;  font-style: italic; float: left; padding-right: 15px;}

.btn a span{display: block; float:left; margin-top:2px;  }

.btn .active{

	color:#0091f6;

}

.btn .active font{ background:url(../Image/butaon.png)right center no-repeat; }

.npro1{width: 100%; overflow: hidden;  background: #f5f5f5; padding: 100px 0;  float: left; position: relative; }

.npro1 .w{overflow: hidden;}

.nprolist{width: 80%; float: right; padding-left: 100px; border-left:1px solid #e6e6e6; margin-left: -1px;}

#pro1{ width:100%; float: left; padding-top: 100px;}

#pro1 .nprolistw{float: left;} 

#pro1 .nprolistpic{float: right;}

.nprolistw{width:28%;} 

.nprolistbt{ padding: 35px 0; line-height:2; background-size: auto 100%; width: 100%; float: left; }

.nprolistw_p{ font-size: 16px; margin-top: 40px; width: 100%; float: left; color: #333333; line-height: 2;}

.nprolistbt h4{ font-size: 30px; color: #333333; padding: 0; margin: 0; }

.nprolistbt h4 font{ font-size: 20px; color: #333333; display: block;}

.nprolistpic{width:68%;}

.nprolistpic img{width: 100%;}

.nprolistw a{display: block; font-size: 14px; float: right; color: #666666;  margin-top: 30px;}

#pro1 .nprolistbt{ background:url(../Image/prolist_numb1.png)left center no-repeat;  }

#pro2 .nprolistbt{ background:url(../Image/prolist_numb2.png)left center no-repeat;  }

#pro3 .nprolistbt{ background:url(../Image/prolist_numb3.png)left center no-repeat;  }

#pro4 .nprolistbt{ background:url(../Image/prolist_numb4.png)left center no-repeat;  }

#pro5 .nprolistbt{ background:url(../Image/prolist_numb5.png)left center no-repeat;  }

#pro6 .nprolistbt{ background:url(../Image/prolist_numb6.png)left center no-repeat;  }

#pro7 .nprolistbt{ background:url(../Image/prolist_numb7.png)left center no-repeat;  }

#pro8 .nprolistbt{ background:url(../Image/prolist_numb8.png)left center no-repeat;  }

#pro9 .nprolistbt{ background:url(../Image/prolist_numb9.png)left center no-repeat;  }



#pro2{ width:100%; float: left;  padding-top: 100px;}

#pro2 .nprolistw{float: right;} 

#pro2 .nprolistpic{float: left;}



.npro2{width: 100%;  float: left;}

#pro3{ width:100%; float: left;  padding-top: 100px;}

#pro3 .nprolistw{float: left;} 

#pro3 .nprolistpic{float: right;}



#pro4{ width:100%; float: left;  padding-top: 100px;}

#pro4 .nprolistw{float: right;} 

#pro4 .nprolistpic{float: left;}



.npro3{width: 100%; overflow: hidden;  background: #f5f5f5; padding:0 0 100px 0;  float: left; position: relative; margin-top: 100px; z-index: 1 }

.npro3 .w{overflow: hidden;}

#pro5{ width:100%; float: left;  padding-top: 100px;} 

#pro5 .nprolistw{float: left;} 

#pro5 .nprolistpic{float: right;}

#pro6{ width:100%; float: left; padding-top: 100px;}

#pro6 .nprolistw{float: right;} 

#pro6 .nprolistpic{float: left;}





.npro4{width: 100%; float: left;}

#pro7{ width:100%; float: left;padding-top: 100px;}

#pro7 .nprolistw{float: left;} 

#pro7 .nprolistpic{float: right;}



#pro8{ width:100%; float: left; padding-top: 100px;}

#pro8 .nprolistw{float: right;} 

#pro8 .nprolistpic{float: left;}



#pro9{ width:100%; float: left; padding-top: 100px;}

#pro9 .nprolistw{float: left;} 

#pro9 .nprolistpic{float: right;}











.nproinfo{width: 100%; float: left; margin-top: 100px; font-size: 16px; color: #333333; line-height: 2;}

.pro8_1{width: 100%; position: relative;}

.pro8_1pic{width:52%; position: absolute; padding-right:200px; right: 0;top:120px;}

.pro8_1 img{ width: 100%;}

.pro8_1_bj{width: 100%; background: #f5f5f5; padding: 50px 0;}

.pro8_1_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333;  line-height:40px; text-indent: 15px; margin: 40px 0;   }

.pro8_1_w{width:100%; padding-left: 60px; }



.pro8_2_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333;  line-height:40px; text-indent: 15px; margin: 40px 0;   }

.pro8_2_w{width:100%;padding-left: 60px; font-size: 16px; color: #333333; line-height: 2;}

.pro8_2_w li{background:url(../Image/pro8w2li.png)left center no-repeat; line-height: 2.5; padding-left: 26px;}

.pro8_3{width: 100%; float: left; margin-top: 80px;}

.pro8_3_w{ width: 100%; margin-top: 50px;padding-left: 60px;}



.pro8_3_pic{width: 100%}

.pro8_3_pic img:nth-child(1){margin-top: 40px; max-width: 100%;}

.pro8_3_pc{width: 100%;}

.pro8_3_pc img{display: block; margin: 0 auto; max-width: 100%;}

.pro8_3_m{display: none;}

.pro8_3_m img:nth-child(1){margin-top: 40px; max-width: 100%; float: left;}

.pro8_3_m img:nth-child(2){margin-top: 40px; max-width: 100%;float: left;}

.pro8_4{width: 100%; margin-top:80px; }

.pro8_4 ul{padding-left: 60px; width: 100%; margin-top: 65px; }

.pro8_4 li{width: 100%; position: relative; background: #f5f5f5; height: auto; overflow: auto; float: left; margin-bottom: 30px;}

.pro8_4 li dd{width:60%; padding-bottom: 30%; position: relative; float: left;}

.pro8_4 li dd img{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.pro8_4 li p{width: 40%; position:absolute; height: 100%; padding: 60px; right: 0; top: 0;  background:url(../Image/pro8w4wp.png)left 81px no-repeat; }

.pro8_4 li p span{ font-size: 28px; display: block; color: #333333; margin-bottom: 20px;}

.pro8_4 li p i{display: block; position: absolute; bottom: 60px; right: 60px;;width: 258px; height: 38px; line-height: 38px; text-align: center; background: #e0e0e0;

-moz-border-radius: 19px; /* Firefox */

  -webkit-border-radius: 19px; /* Safari 和 Chrome */

  border-radius: 19px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.pro8_4 li:nth-child(2) dd{ float: right;}

.pro8_4 li:nth-child(2) p{left: 0;  right: auto;background:url(../Image/pro8w4wp2.png)right 81px no-repeat;}

.pro8_4 li:nth-child(4) dd{ float: right;}

.pro8_4 li:nth-child(4) p{left: 0;  right: auto;background:url(../Image/pro8w4wp2.png)right 81px no-repeat;}





.pro8_5{width: 100%; padding-top: 80px;}

.pro8_5 ul{ padding-left: 60px; width: 100%; float: left; margin-top: 60px;}

.pro8_5 ul li{width: 16.666%; float: left;}

.pro8_5 ul li dd{width: 100%;}

.pro8_5 ul li dd img{max-width: 100%;display: block; margin: 0 auto;}

.pro8_5 ul li p{text-align: center; font-size: 16px; padding: 0 20px;}

.nbannerw font{ font-size: 16px; color: #333333; font-style: italic;display: block;}

.nbannerw .bannerbt h3 span{ font-size: 30px; color: #333333; background:url(../Image/nbannerh3.png)right no-repeat; padding-right:15px;display: block; float: left; height: 50px; line-height: 30px; margin-top:12px; margin-right: 20px;}

.pro7_1{width: 100%; float: left;}

.pro7_1_w{width: 100%; padding-left: 60px;}

.pro7_1_w img{max-width: 100%; margin-top: 50px;}

.nfwwlw{width:50%; float: left; margin-top: 100px;}

.nnfwwlw_p{width:100%; float: left; padding-left: 60px; margin-top:50px; font-size: 16px; color: #333333; line-height: 2;}

.map{width: 50%; float: right;}

.map #container{width: 100%; height:800px;}



.pro7_5{width: 100%; padding-top: 80px;}

.pro7_5 ul{ padding-left: 60px; width: 100%; float: left; margin-top: 40px;}

.pro7_5 ul li{width:25%; float: left;margin-top:20px;}

.pro7_5 ul li dd{width: 100%;}

.pro7_5 ul li dd img{max-width: 100%;display: block; margin: 0 auto;}

.pro7_5 ul li p{text-align:center;font-size: 15px;line-height:20px;margin-top:10px;padding: 0 20px;}







.pro6_2_bj{width: 100%;/* margin-top: 200px;*/ background: #f5f5f5; padding: 50px 0;}

.pro6_2pic{width:38%; position: absolute; padding-right:200px; right: 0;top:67px;}









.pro4_1_w{padding-left: 60px; margin-top:  40px;}

.pro4_1_list{width:100%; text-align: center; float:left; margin-top: 50px;}

.pro4_1_list li{width: 23%; text-align: center; display: inline-block;  margin:1%;}

.pro4_1_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }

.pro4_1_list li dd img{ position: absolute; top: 0; width: 100%; height: 100%; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }

.pro4_1_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }







.pro4_2{width: 100%; position: relative; /*margin-top: 90px;*/}

.pro4_2pic{width:38%; position: absolute; padding-right:220px; right: 0;top:368px;} 

.pro4_2 img{ max-width: 100%;}

.pro4_2_bj{width: 100%; background: #f5f5f5; padding: 50px 0;}

.pro4_2_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333;  line-height:40px; text-indent: 15px; margin: 40px 0;   }

.pro4_2_w{width:100%; padding-left: 60px; }

.pro4_2_w li{background:url(../Image/pro8w2li.png)left 15px no-repeat; line-height: 2.5; padding-left: 26px;}



.pro4_3_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333;  line-height:40px; text-indent: 15px; margin: 40px 0;   }

.pro4_3_w{width:100%;padding-left: 60px;  color: #333333; line-height: 2;}

.pro4_3_w li{background:url(../Image/pro8w2li.png)left 15px no-repeat; line-height: 2.5; padding-left: 26px;}



.pro4_4{margin-top: 90px;}

.pro4_4_w{margin-top: 50px; padding-left: 60px;}



.pro5_1{width: 100%;}

.pro5_1_w{width: 100%; float: left; margin:30px 0; padding-left: 60px;}

.pro5_1_list{width: 100%; float: left; }

.pro5_1_list li{width: 23%; float: left; margin: 1%; text-align: center;}

.pro5_1_list li:nth-child(1){width:48%; float: left; margin: 1%;}

.pro5_1_list li:nth-child(1) dd{width: 100%; padding-bottom:45.23%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }

.pro5_1_list li:nth-child(1) dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }





.pro5_1_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }

.pro5_1_list li dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }

.pro5_1_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }



.pro5_2{width: 100%; background: #f5f5f5; padding: 50px 0; margin-top: 80px;}

.pro5_2_w{width: 100%; float: left; margin:30px 0; padding-left: 60px;}

.pro5_2_list{width: 100%; float: left; }

.pro5_2_list li{width:23%; float: left; margin: 1%; text-align: center;}

.pro5_2_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }

.pro5_2_list li dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }

.pro5_2_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }





.pro5_3{width: 100%; float: left; margin-top: 80px}

.pro5_3_w{width: 100%; float: left; margin:30px 0; padding-left: 60px;}

.pro5_3_list{width: 100%; float: left; }

.pro5_3_list li{width: 23%; float: left; margin: 1%; text-align: center;}

.pro5_3_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }

.pro5_3_list li dd img{ position: absolute; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }

.pro5_3_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }



.pro3_1_w{padding-left: 60px; margin-top:  40px;}

.pro3_1_list{width: 100%;  float:left; margin-top: 50px; text-align: center;}

.pro3_1_list li{width: 22%; display: inline-block;   margin: 1%;}

.pro3_1_list li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }

.pro3_1_list li dd img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }

.pro3_1_list li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }



.pro3_1_w h4{width: 169px; height: 40px; background:url(../Image/pro8h4.png)left center no-repeat; color: #333333;  line-height:40px; text-indent: 15px; margin: 40px 0;   }

.pro3_1_w{width:100%;padding-left: 60px; font-size: 18px; color: #333333; line-height: 2;}

.pro3_1_w li{background:url(../Image/pro8w2li.png)left center no-repeat; line-height: 2.5; padding-left: 26px;}





.pro3_3{width: 100%; float: left; margin-top: 80px;}

.pro3_3_w{width ul:100%;padding-left: 60px; font-size: 18px; color: #333333; line-height: 2; margin-top: 30px;}



.pro2_2{width: 40% !important;}

.pro2_2{width: 40%;}



.pro9_1{width: 100%; position: relative;}

.pro9_1pic{width:28%; padding-right:100px;margin-top:50px;float: right;}

.pro9_1 img{ max-width: 100%; float: right;}

.pro9_1_w{width: 100%; float: left; margin-bottom: 20px; padding-left: 60px;}

.pro9_1_w h4{ height: 40px; background:url(../Image/pro9h4.jpg)right center no-repeat #e0e0e0; padding-right:90px; color: #333333;  line-height:40px; text-indent: 15px; margin:20px 0; float: left;}

.pro9_1_w p{width: 100%; float: left;}



.pro12w1{width: 100%;}

.pro12w1 img{display: block; margin: 0 auto; max-width: 100%;}

.pro12w2{width: 100%;float: left;}

.pro12w2bt{width: 100%; text-align: center; font-size: 18px; color: #666666; line-height: 2;}

.pro12w2bt h4{ font-size: 30px; color: #333333; margin: 0;}

.pro12w2pic{width: 960px; margin:40px auto; max-width: 100%; position: relative;}

.pro12w2pic img{width:54%; display: block; float: left;}

.pro12w2pic1{width: 23%; float: left; font-size: 18px; color: #333333; margin-top: 180px;}

.pro12w2pic1 b{ font-size: 24px; color: #111111; display: block;}

.pro12w2pic2{width: 20%; float: left; font-size: 18px; color: #333333;margin-top: 180px;}

.pro12w2pic2 b{ font-size: 24px; color: #111111; display: block;}

.pro12w2list{width:100%; float: left; margin-top: 74px; height: 350px; background:url(../Image/pro12w2list.png) center no-repeat; }

.pro12w2list ul{width: 980px; margin: 0 auto;}

.pro12w2list ul li{ font-size: 18px; color: #333333; width: 50%; float: left; height: 170px; padding-left:73px; background:url(../Image/pro12w2listli.png)80px 57px no-repeat; padding: 43px 0 0 112px;}

.pro12w2list ul li font{display: block; font-size: 24px; color: #111111;}

.pro12w3{width: 100%; float: left; margin-top: 60px;}

.pro12w3_1{padding-left: 60px; width: 100%; float: left; margin-top: 30px;}

.pro12w3_1 img{max-width: 100%;}

.pro12_2_bj{    width: 100%; margin-top: 60px;

    background: #f5f5f5;

    padding: 50px 0;}

.pro13w2{width: 100%; float: left;}

.pro13w2_1{float: left; max-width: 50%; margin-top: 146px;}

.pro13w2_2{float: right; max-width: 50%;}



.pro14{width: 100%; float: left; margin-top: 30px; padding-left: 60px;}

.pro14 img{max-width: 100%; display: block; float: left;}

.pro14 img:nth-child(2){width:45%; float: left;display: block; margin-right: 10%；}

.pro14 img:nth-child(3){width:45%; float: left;display: block;}






.nproinfol{width: 60%; float: left;}

.backpre{display: block; width:100px; text-align: center;

     

    font-size: 14px;

    color: #666666;

    margin: 14px auto;}





.ncase{width: 100%; background: #f5f5f5; padding: 50px 0; } 

.ncase dl{width: 100%; position: relative; margin-bottom:20px; 

overflow: hidden;

-moz-border-radius: 15px; /* Firefox */

  -webkit-border-radius: 15px; /* Safari 和 Chrome */

  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

}

.ncase dl dd{position: relative; width: 100%; padding-bottom: 78.7%; 

}

.ncase dl dd img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform:translate(0,0); transition:all .5s ease-in 0s;}

.ncase dl:hover dd img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }

.ncase #owl-demo:hover.item dl p{color:#333333 !important }

.ncase dl p{width: 100%; height: 100%; background: #fff; position: absolute;top: 0; left: 0; color: #333333; padding:40px 20px; font-size: 16px; line-height: 2; text-align: left !important;opacity:1;

 transition: all 0.5s ease 0s;

  -moz-transition: all 0.5s ease 0s;

  -webkit-transition: all 0.5s ease 0s;



}

.ncase dl p span{display: block; position: absolute; left: 20px; bottom:40px;}

.ncase dl:hover p{opacity: 0;}







.page{ width:100%; text-align:center; margin-top:40px;}

.page a{ padding:5px 15px; background:#0091f6; border:1px solid #0091f6; color:#FFF; margin:0 5px;}

.page .current{border:1px solid #0091f6; color:#0091f6;padding:5px 15px; margin:0 5px;}

.page a.prev{background:url(../Image/proleft.png) center no-repeat  #0091f6;}

.page a.next{background:url(../Image/proright.png) center no-repeat  #0091f6;}



.tubox{width:100%;margin:30px auto;}
.tubox .item{margin:0 6px 10px;}
.tubox .item img{width: 100%;display:block;border-radius:10px;}
.tubox .item p{width: 100%;height:42px;overflow:hidden;text-align: center;line-height:42px;color:#686868;font-size:16px;}
.tubox .item p a{font-size: 13px;color: #303030;font-family: "微软雅黑";height:42px;line-height: 42px;display: block;width: 100%;overflow: hidden;}
.tubox .item p a:hover{color: #0097da;text-decoration: underline;}



.inner-news{margin-top:100px;padding:0 60px;}
.inner-news-list a{width:22.75%;height:auto;margin-right:3%;margin-top:3%;float:left;}
.inner-news-list a:nth-child(4n){margin-right:0;}
.inner-news-list li{padding:40px 30px;cursor:pointer;border:1px solid #eee;
-webkit-transition:all 0.5s;transition:all 0.5s;}
.inner-news-list li .time{font-size:24px;height:32px;line-height:32px;color:#999;overflow:hidden;font-family:'FuturaLL';}
.inner-news-list li .title{font-size:20px;height:32px;line-height:32px;color:#333;overflow:hidden;margin-top:30px;}
.inner-news-list li .con{font-size:16px;height:64px;line-height:32px;color:#333;overflow:hidden;margin-top:10px;}
.inner-news-list li .link{font-size:15px;height:32px;line-height:32px;color:#999;overflow:hidden;margin-top:40px;text-decoration:underline;}
.inner-news-list li:hover{background:url(../Image/bg5.jpg) no-repeat center;background-size:cover;padding:40px 20px 40px 40px;}
.inner-news-list li:hover .time{color:#FFF;}
.inner-news-list li:hover .title{color:#FFF;}
.inner-news-list li:hover .con{color:#FFF;}
.inner-news-list li:hover .link{color:#FFF;}



.news-deatils{width:90%;height:auto;margin:40px auto 40px;}
.news-deatils-title{font-size:20px;line-height:32px;color:#1d8acc;font-weight:bold;}
.news-deatils-name{font-size:36px;line-height:48px;color:#333;font-weight:bold;margin-top:30px;}
.news-deatils-time{font-size:16px;line-height:32px;color:#666;}

.news-deatils-con{font-size:16px;line-height:28px;color:#333;margin-top:40px;}
.news-deatils-con p{margin-bottom:20px;}
.news-deatils-con img{max-width:80%;display:block;margin:0 auto 30px;}


/* --翻页-- */
.txt-upDown{width:auto;height:auto;clear:both;font-size:14px;padding-top:20px;margin-top:40px;border-top:1px dashed rgb(230,230,230);}
.txt-upDown-li{width:50%;height:42px;line-height:42px;padding:0 5px;overflow:hidden;color:#666;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
-webkit-transition:all 0.3s;transition:all 0.3s;}
.txt-upDown-li .arrow{width:10%;height:42px;overflow:hidden;font-family:'宋体';font-weight:bold;}
.txt-upDown-li .title{width:90%;height:42px;overflow:hidden;color:#666;}
.txt-upDown-li:hover{color:#0091f6;padding:0 20px;cursor:pointer;}
.txt-upDown-li:hover .arrow{color:#0091f6;}
.txt-upDown-li:hover .title .page-a{color:#0091f6;}
.txt-upDown-li:hover .title a{color:#0091f6;}
.txt-upDown-li.txt-right{text-align:right;}

.fl{float:left;}
.fr{float:right;}



.swiper-banner{width:100%;height:240px;overflow:hidden;background:#fff;position:relative;z-index:99;display:none;}
.swiper-banner .swiper-slide{overflow:hidden;position:relative;}
.swiper-banner .swiper-slide .img{width:100%;height:100%;display:block;background-repeat:no-repeat;background-position:center top;background-size:cover;}

.banner_pagination{text-align:center;position:absolute;bottom:20px !important;z-index:99;}
.banner_pagination .swiper-pagination-bullet{background:#888;margin:auto 5px !important;border-radius:4px !important;}
.banner_pagination .swiper-pagination-bullet-active{width:24px;background:#666 !important;}


.swiper-prolist{width:100%;height:auto;overflow:hidden;position:relative;z-index:99;display:none;margin:30px 0 0;}
.swiper-prolist .swiper-slide{overflow:hidden;position:relative;background:#fff;}
.swiper-prolist-more{display:none;}

.swiper-prolist .slideinfo2{padding-top:5%;}

.swiper-prolist .slideinfo2 h3{font-size: 22px; color: #333333;padding:0 5%;margin-bottom: 20px;}

.swiper-prolist .slideinfo2 font{ font-size: 16px; color: #333333;padding:0 5%;display: block; margin-bottom: 20px;}

.swiper-prolist .slideinfo2 p{font-size: 14px; color: #666666;padding:0 5%;line-height: 2;}

.swiper-prolist .slideinfo2 img{width: 100%; height: 100%;display:block;margin-top:30px;}






/* --分页-- */
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin:20px 0 0;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 5px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #ffa200;
  background: #ffa200;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
}
.de-page-mian .page-inner span {
  display: block;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: block;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}




.goodslist{margin-top:40px;}

.pro15{padding-left:60px;margin-top:40px;}
.pro15{width:100%; text-align: center; float:left; margin-top: 50px;}
.pro15 li{width:22%;text-align:center;margin:1%;float:left;}
.pro15 li dd{width: 100%; padding-bottom: 95%; position:relative; overflow: hidden;box-shadow:0px 0px 5px #b0b0b0; }
.pro15 li dd img{ position: absolute; top: 0; width: 100%; height: 100%; left: 0;transform:translate(0,0); transition:all .5s ease-in 0s; }
.pro15 li dd:hover img{transform: scale(1.1); transition: all .5s ease 0s; -webkit-transform: scale(1.1); -webkit-transform: all .5s ease 0s; }
.pro15 li p{height:40px;font-size:15px;line-height:20px;margin-top:10px;overflow:hidden;}