.active{

	    /*background: #007030;*/

    	/*color: #fff !important;*/
    	color: #007030 !important;

    	font-weight: bold;

}


* {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

*:before,

*:after {

  -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

html,body{

	-webkit-user-select:none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);

	-webkit-tap-highlight-color:transparent;

	-webkit-user-select:none;

	-webkit-touch-callout:none;

	-webkit-touch-callout:none;

}

body {margin:0px auto; background: #fff; color:#555; font-family:微软雅黑,sans-serif; width: 100%; font-size: 75%; overflow-x: hidden;}

div,ul,ol,dl,dt,dd,li,dl,h1,h2,h3,h4,h5,h6,p,pre,table,caption,th,td,form,input,button,select,textarea{margin:0; padding:0; list-style:none;}



header, article, section, aside, footer, figure, nav{display: block;}



a, a:visited {color:#555; text-decoration: none;

transition:all 0.3s;

-moz-transition:all 0.3s;

-ms-transition:all 0.3s;

-o-transition:all 0.3s;

-webkit-transition:all 0.3s;

}



a:focus,a:hover{color:#ff9428; text-decoration: none;}





img {border:none; vertical-align:top;}

.clearfix:after{display: block; content: ""; clear:both;}



.b-blank10{margin:0 0 10px 0;}

.b-blank20{margin:0 0 20px 0;}

.b-blank30{margin:0 0 30px 0;}

.blank10{width:100%; height:10px;}

.blank20{width:100%; height:20px;}

.blank30{width:100%; height:30px;}

.l-blank25{float:left; width:25px; height:10px;}



@font-face {

	font-family: 'hallfetica';

	src:url('../font/hallfetica.eot');

	src:

		url('../font/hallfetica.eot?#iefix') format('embedded-opentype'),

		url('../font/hallfetica.woff') format('woff'),

		url('../font/hallfetica.ttf') format('truetype'),

		url('../font/hallfetica.svg#aGENCYR') format('svg');

}





/************************************************************共用部分开始************************************************************/
header {box-shadow: 0 2px 4px #999;}
.main{width: 100%; margin: 0 auto; position: relative;}



@media screen and (min-width: 1200px){

	.main{width: 1200px;}

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.main{width: 100%; max-width:1000px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.main{padding: 0 15px;}

}

@media screen and (max-width: 767px){

	body{padding: 0 0 55px 0;}

	.main{padding: 0 0;}

}





/*top*/

header{position: relative; background: #fff; z-index: 9999;}

header .top{background:#007030; height: 40px; line-height: 40px; color: #fff;}

header .top h2{float: left; font-size: 1em; font-weight: normal;}

header .top ul{float: right; position: relative; padding-left: 10px; padding-right: 5px;}

header .top ul li{float: left; position: relative; z-index: 100;}

header .top ul li:before{float: left; margin: 15px 10px 0 10px; display: inline-block; content: ""; width: 1px; height: 11px; background: #5881b0;}

header .top ul li:first-child:before{display: none;}

header .top ul li a,

header .top ul li a:visited,

header .top ul li a:hover{color: #fff;}

header .top ul li.tel{font-size: 1.16em;}

header .top ul li.tel i{float: left; font-size: 22px!important;}

header .top ul li i{margin: 0 5px 0 0; font-size: 14px;}

header .top ul li i img{margin: 7px 0 0 0;}

header .top ul li .xl_sj_box{position: absolute; z-index: 110; left: 50%; top_box: 38px; margin: 0 0 0 -55px; padding: 10px 0 0 0; display:none;}

header .top ul li .xl_sj_box .xl_sj{background: #fff; box-shadow: 0 0 5px #c9c9c9; text-align: center; color: #888; line-height: 30px; position: relative; behavior:url(pie.htc);}

header .top ul li .xl_sj_box .xl_sj i{position: absolute; left: 50%; margin: 0 0 0 -12px; top: -19px; }

header .top ul li .xl_sj_box .xl_sj>img{float: left; width: 95px; height: 95px; background: #ccc; margin: 10px 10px 0 10px;}

header .top ul li:hover .xl_sj_box{display: block;}



header .logo{float: left; height: 60px;display:flex;align-items: center;}

header .logo img{display: inline; vertical-align: middle;}



header .mmenu{position: absolute; right: 0px; top: 0px; bottom: 0px; width: 50px; text-align: center; display: none;}

header .mmenu i{color: #999; font-size: 24px; position: relative; top: 35%;}



@media screen and (min-width: 768px) and (max-width: 991px){

	header .top ul li.tel{font-size: 1em;}

	header .top ul li.tel i{float: left; font-size: 16px!important;}



	header .logo{height: 90px; line-height: 90px;}

	header .logo img{max-height: 45%;}



	header .mmenu{display: block;}

}

@media screen and (max-width: 767px){

	header{box-shadow: 0 0 10px rgba(0,0,0,0.1);}

	header .top{display: none;}

	header .logo{height: 70px; line-height: 70px;}

	header .logo img{max-height: 90%;}



	header .mmenu{display: block;}

}



.nav {float: right; width: 60%;}

.nav ul{position: relative; z-index: 10;}

.nav ul li{position:relative; float:left; z-index:50; width: 12.5%; text-align: center; font-weight: bold;}

.nav ul li a{display:block; font-size:1.16em; line-height: 60px; color: #333; overflow: hidden; white-space: nowrap;}

.nav ul li a .line{display: block;width: 0;height: 2px;border-radius: 2px;background: #007030;position: absolute; left: 50%; bottom: 4px;transform: translateX(-50%);transition: all 0.3s;}

/*.nav ul li a:after{display: block; content: ""; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; border-top: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; opacity: 0;}*/



.nav ul li a:hover,

.nav ul li a.on,

/*.nav ul li a.selected{background: #007030; color: #fff; font-weight: bold;}*/
.nav ul li a.selected{background: #ffffff; color: #007030; font-weight: bold;}

.nav ul li a:hover:after,

.nav ul li a.on:after,

.nav ul li a.selected:after{bottom: 28px; /*border-top-width: 6px;*/ opacity: 1;}
.nav ul li a:hover .line,

.nav ul li a.on .line,

.nav ul li a.selected .line,

.nav ul li a.active .line{width: 100%;transition: all 0.3s;}

* HTML .nav ul li a{display: inline-block}



.nav ul li ul{position: absolute; width:140px; visibility:hidden; z-index:999999;}

.nav ul li ul li{width: 100%; background: #fff; margin-left: 0px;}

.nav ul li ul li:before{display: none;}

.nav ul li ul li a{overflow:hidden; line-height:45px; height:45px; text-align: left; text-indent: 15px; font-weight:normal; font-size: 12px; border-bottom: 1px solid #e7e7e7; color: #555;}

.nav ul li ul li a:after{display: none;}

.nav ul li ul li a.selected,

.nav ul li ul li a:hover{background:#007030; color: #fff; font-weight: normal;}

.nav ul li ul li ul{width: 100%;}



* HTML .nav {height: 1%}

.downarrowclass {position: absolute; top: -1000px; right: 7px}

.rightarrowclass {position: absolute; top: 8px; right:15px}

.ddshadow {position: absolute; width: 0px; background:none transparent scroll repeat 0% 0%; height: 0px; top: 0px; LEFT: 0px}

.toplevelshadow {opacity: 0.0}

.nav ul li img{display: none;}



.nav ul li a:after{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.nav{display: none;}

}

@media screen and (max-width: 767px){

	.nav{display: none;}

}



/**/

footer{background: #292929;}

footer .link{background: #007030; padding: 15px 0;}

footer .link ul{overflow: hidden;}

footer .link ul li{float: left; position: relative; display: inline-block; padding: 0 15px; line-height: 25px; color: #fff;}

footer .link ul li:before{position: absolute; right: 0px; top: 7px; display: block; content: ""; width: 1px; height: 11px; background: #3782a6;}

footer .link ul li:first-child{padding: 0px;}

footer .link ul li:first-child:before{display: none;}

footer .link ul li a{color: #fff;}



footer .f_menu2{padding-top: 65px;}

footer .f_menu2 > li{float: left; width: 23%;}

footer .f_menu2 > li > h2{font-family: Arial; font-size: 1.66em; line-height: 1; text-transform: uppercase; color: #fff;}

footer .f_menu2 > li > h2:after{margin-top: 26px; margin-bottom: 25px; display: block; content: ""; width: 35px; height: 2px; background: #c2c2c2;}



footer .f_menu2 > li .f_menu{overflow: hidden; padding-right: 60px;}

footer .f_menu2 > li .f_menu li{float: left; width: 33.33%;}

footer .f_menu2 > li .f_menu li a{display: block; margin-right: 10px; margin-bottom: 8px; height: 30px; text-align: center; line-height: 28px; color: #888; border: 1px solid #585858; border-radius: 3px;}

footer .f_menu2 > li .f_menu li a:hover{color: #fff;}





footer .f_menu2 > li .f_lxwm dt{padding-bottom: 15px; font-size: 1.33em; font-weight: bold; color: #c2c2c2;}

footer .f_menu2 > li .f_lxwm dd{line-height: 30px; color: #c2c2c2;}

footer .f_menu2 > li .f_lxwm dd i{display: inline-block; margin-right: 5px; width: 12px; text-align: center; color: #6d6d6d; font-size: 14px;}

footer .f_menu2 > li .f_lxwm dd i[class="fa fa-fax fa-lg"],

footer .f_menu2 > li .f_lxwm dd i[class="fa fa-envelope fa-lg"]{font-size: 12px;}



footer .f_menu2 > li .f_tel{}

footer .f_menu2 > li .f_tel i{float: left; margin-right: 10px; width: 26px; height: 26px; text-align: center; line-height: 26px; font-size: 14px; color: #fff; background: #ff9428; border-radius: 50%; position: relative; behavior:url(pie.htc);}

footer .f_menu2 > li .f_tel h2{font-size: 1.66em; line-height: 1; font-weight: normal; color: #ff9428; font-family: Arial;}

footer .f_menu2 > li .f_tel span{display: block; color: #ff9428; letter-spacing: 4px;}

footer .f_menu2 > li .f_tel a{margin-top: 24px; display: block; background: #ff9428; width: 112px; height: 30px; text-align: center; line-height: 30px; color: #fff;}

footer .f_menu2 > li .f_tel a em{margin-right: 5px; font-size: 14px;}



footer .f_menu2 > li.f_ewm{float: left; width: auto;}

footer .f_menu2 > li.f_ewm h2{font-family: "微软雅黑"; font-weight: normal;}

footer .f_menu2 > li.f_ewm ol li{float: left; /*margin-left: 18px;*/ text-align: center; color: #9f9f9f;}

footer .f_menu2 > li.f_ewm ol li:first-child{margin-left: 0px;}

footer .f_menu2 > li.f_ewm ol li img{margin-bottom: 10px; /*width: 130px; height: 130px;*/}



footer .foot{margin-top: 40px; border-top: 1px solid #343434; padding: 20px 0; text-align: center;}



@media screen and (min-width: 992px) and (max-width: 1199px){

	footer .f_menu2{padding-top: 55px;}

	footer .f_menu2 > li .f_menu{overflow: hidden; padding-right: 30px;}



	footer .f_menu2 > li.f_ewm ol li img{width: 100px; height: 100px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	footer .link{padding: 10px 0;}



	footer .f_menu2{float: none; width: auto; padding-top: 35px;}

	footer .f_menu2 > li:first-child{display: none;}

	footer .f_menu2 > li{width: 33.33%!important;}

	footer .f_menu2 > li > h2{font-size: 1.33em;}

	footer .f_menu2 > li > h2:after{margin-top: 15px; margin-bottom: 15px;}



	footer .f_menu2 > li .f_lxwm dt{padding-bottom: 10px; font-size: 1.16em;}

	footer .f_menu2 > li .f_lxwm dd{line-height: 24px;}



	footer .f_menu2 > li.f_ewm ol li img{width: 110px; height: 110px;}

	footer .f_menu2 > li.f_ewm ol li{float: left; text-align: center; color: #9f9f9f;}





}

@media screen and (max-width: 767px){

	footer{display: block;}

	footer div > .f_menu2> li:nth-child(1) {

            display:none;

        }

    footer div > .f_menu2> li:nth-child(2) {

        display:none;

    }

    footer div > .f_menu2 >li:nth-child(3) {

        display:none;

    }



}





.m_menu{display: none; position: fixed; z-index: 9999; left: 0px; bottom: 0px; width: 100%; overflow: hidden; height: 55px; background: #007030;}

.m_menu li{float: left; width: 25%; height: 55px; text-align: center; border-right: 1px solid #3782a6;}

.m_menu li i{display: block; padding: 12px 0 5px 0; font-size: 18px!important;}

.m_menu li:first-child{border-left: none;}

.m_menu li:nth-child(4){border-right: none;}

.m_menu li a{display: block; color: #fff; height: 55px;}



@media screen and (max-width: 767px){

	.m_menu{display: block;}

}





/************************************************************共用部分结束************************************************************/



/************************************************************首页样式开始************************************************************/

/*幻灯片*/

.banner{position: relative; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);}

.banner img {width: 100%; max-height: 100%;}

.banner div{position: relative; z-index: 2}



@media screen and (min-width: 768px) and (max-width: 991px){

	.slick-dots li button {height:4px!important; width:45px!important;}

}

@media screen and (max-width: 767px){

	.slick-dots {bottom:10px!important;}

	.slick-dots li button {height:4px!important; width:37px!important;}

}





/*共用标题*/

.part1{padding: 50px 0 40px 0; position: relative; text-align: center;}

.part1 h2{padding-bottom: 10px; font-size: 2em; color: #007030; line-height: 1; font-weight: bold;}

.part1 span{position: relative; display: inline-block; padding: 0 10px; background: #c8c8c8; height: 20px; line-height: 20px; text-transform: uppercase; font-family: Arial; color: #fff; border-radius: 3px;}

.part1 span:before,

.part1 span:after{display: block; content: ""; position: absolute; top: 50%; width: 90px; height: 1px; background: #c8c8c8;}

.part1 span:before{left: 100%; margin-left: 5px;}

.part1 span:after{right: 100%; margin-right: 5px;}



.part2 h2{color: #fff;}

.part2 span{background: #fff; color: #042375;}

.part2 span:before,

.part2 span:after{background: #6c8eb8;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.part1{padding-top: 45px; padding-bottom: 35px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.part1{padding-top: 40px; padding-bottom: 28px;}

	.part1 h2{font-size: 1.83em;}

}

@media screen and (max-width: 767px){

	.part1{padding-top: 25px; padding-bottom: 20px;}

	.part1 h2{padding-bottom: 5px; font-size: 1.5em;}

	.part1 span:before,

	.part1 span:after{width: 70px;}

}



/*产品中心*/

.list1{background: #fff; padding: 30px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}

.list1 ul{margin-left: -27px;}

.list1 ul li{float: left; width:33%;}

.list1 ul li a{display: block; margin-left: 27px; margin-bottom: 5px; padding-bottom: 20px;}

.list1 ul li span{display: block; padding-bottom: 70%; position: relative; overflow: hidden; height:265px}

.list1 ul li span img{position: absolute; left: 0px; top: 0px; /*width: 100%;*/ height: 100%; background: #ccc;}

.list1 ul li .con1{padding: 0 15px;}

.list1 ul li h2{padding-top: 15px; padding-bottom: 12px; font-size: 1.16em; font-weight: bold; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list1 ul li h2:after{margin-top: 15px; display: block; content: ""; width: 32px; height: 2px; background: #042375;}

.list1 ul li p{line-height: 21px; height: 42px; overflow: hidden; color: #888;}

.list1 ul li a:hover{background: #007030;}

.list1 ul li a:hover .con1 h2,

.list1 ul li a:hover .con1 p{color: #fff;}

.list1 ul li a:hover .con1 h2:after{background: #fff;}

.list1 ul li h2,

.list1 ul li h2:after,

.list1 ul li p,

.list1 ul li span img{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

.list1 ul li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

@media screen and (min-width: 992px) and (max-width: 1199px){



}

@media screen and (min-width: 768px) and (max-width: 991px){

	.list1{padding: 20px;}

	.list1 ul{margin-left: -15px;}

  	.list1 ul li span{ height:172px;}

	.list1 ul li a{margin-left: 15px; padding-bottom: 15px;}

	.list1 ul li h2:after{width: 25px;}

}

@media screen and (max-width: 767px){

	.list1{margin: 0 -15px; padding: 0 15px;}

	.list1 ul{margin-left: -15px;}

	.list1 ul li{width: 50%;}

	.list1 ul li a{margin-left: 15px; padding-bottom: 15px;}

	.list1 ul li .con1{padding: 0 10px;}

	.list1 ul li h2{font-size: 1em;}

	.list1 ul li h2:after{margin-top: 10px; width: 20px;}

	.list1 ul li p{height: auto; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

  .list1 ul li span{ height:155px;}

}



/**/

.more{margin-top: 40px; margin-bottom: 50px; text-align: center;}

.more a{display: inline-block; padding: 0 45px; background: #007030; border-radius: 50px; line-height: 40px; font-size: 1.16em; font-weight: bold; color: #fff;}

.more a:hover{background: #ff7101; color: #fff;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.more{margin-top: 35px; margin-bottom: 40px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.more{margin-top: 28px; margin-bottom: 35px;}

}

@media screen and (max-width: 767px){

	.more{margin-top: 20px; margin-bottom: 20px;}

	.more a{padding: 0 30px; line-height: 30px; font-size: 1em;}

}



/*关于我们*/

.about_bg{background: url(../image/about_bg.jpg) no-repeat center top; overflow: hidden;}



.about{background: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); margin-top: 70px; margin-bottom: 20px; position: relative; height: 360px;}

.about .about_img{float: left; margin-left: 3.33%; margin-top: -60px; width: 45.16%;}

.about .about_img span{display: block; position: relative; padding-bottom: 65%;}

.about .about_img span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; box-shadow: 28px 21px 0 #ededed; behavior:url(pie.htc);}

.about .about_con{float: right; margin-right: 3.33%; width: 43%;}

.about .about_con h2{padding-top: 60px; padding-bottom: 8px; font-size: 1.83em; line-height: 1; color: #007030;}

.about .about_con h3{font-size: 1em; color: #888; font-weight: normal;}

.about .about_con h3:after{display: block; content: ""; margin-top: 20px; width: 25px; height: 3px; background: #ff9428;}

.about .about_con p{margin-top: 25px; line-height: 25px; color: #777;}

.about .about_con a{position: absolute; right: 0px; bottom: 0px; display: block; width: 145px; height: 40px; text-align: center; line-height: 40px; background: #ff9428; color: #fff;}

.about .about_con a i{float: left; background: #ff7101; width: 40px; height: 100%;}

.about .about_con a:hover{background: #ff7101;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.about{margin-top: 60px; height: 330px;}

	.about .about_img{margin-top: -50px;}

	.about .about_img span img{box-shadow: 20px 15px 0 #ededed;}

	.about .about_con h2{padding-top: 40px; font-size: 1.66em;}

	.about .about_con p{margin-top: 15px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.about{margin-left: 15px; margin-right: 15px; width: auto; margin-top: 0px; height: auto; padding-bottom: 40px;}

	.about .about_img{margin-left: 2%; margin-top: 30px;}

	.about .about_img span img{ box-shadow: 15px 10px 0 #ededed;}



	.about .about_con{width: 46%; margin-right: 2%;}

	.about .about_con h2{padding-top: 30px; font-size: 1.5em;}

	.about .about_con h3:after{margin-top: 15px;}

	.about .about_con p{margin-top: 10px; height: 100px; overflow: hidden;}

}

@media screen and (max-width: 767px){

	.about{height: auto; width: auto; margin-top: 0px; margin-left: 15px; margin-right: 15px; overflow: hidden;}

	.about .about_img{float: none; width: auto; margin-top: 0px; margin-left: 0px; padding-top: 15px;}

	.about .about_img span img{box-shadow: 0px 0px 0 ;}

	.about .about_con{float: none; width: auto; margin-right: 0px;}

	.about .about_con h2{padding-top: 20px; font-size: 1.33em;}

	.about .about_con h3{font-size: 0.83em;}

	.about .about_con h3:after{margin-top: 10px;}

	.about .about_con p{margin-top: 15px;}

	.about .about_con a{position: static; margin-top: 10px; margin-bottom: 10px; width: 120px; height: 35px; line-height: 35px;}

}





/*企业资质*/

.part3{padding-top: 30px; padding-bottom: 25px; text-align: center;}

.part3 h2{font-size: 1.5em; line-height: 1; color: #007030;}

.part3 h2:after{display: block; margin: 10px auto 0 auto; content: ""; width: 78px; height: 1px; background: #007030;}

@media screen and (max-width: 767px){

	.part3{padding-top: 10px; padding-bottom: 15px;}

	.part3 h2{font-size: 1.33em;}

	.part3 h2:after{width: 65px;}

}



.fw_box{margin-bottom: 70px; text-align: center;}

.fw_list{_display:inline;}

.fw_list a{display: block; margin: 0 10px;}

.fw_list span{display: block; position: relative; padding-bottom: 70%; overflow: hidden; border: 1px solid #e7e7e7;}

.fw_list span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff;}

.fw_list h2{padding: 15px 0; font-size: 1em; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.fw_list a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.fw_list span img,

.fw_list h2{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.fw_box{margin-bottom: 50px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.fw_box{margin-bottom: 40px;}

	.slick-prev,.slick-next{width: 40px!important; height: 40px!important; line-height: 40px!important;}

	.slick-prev{left: -20px!important;}

	.slick-next{right: -20px!important;}

}

@media screen and (max-width: 767px){

	.fw_box{margin-bottom: 20px;}

	.fw_list a{margin: 0 8px;}

	.fw_list h2{padding: 10px 0;}



	.slick-prev,.slick-next{width: 30px!important; height: 30px!important; line-height: 30px!important;}

	.slick-prev i,.slick-next i{font-size: 22px!important;}

	.slick-prev{left: -10px!important;}

	.slick-next{right: -10px!important;}

}







/*æ–°é—»*/

.news_bg{background: #f7f7f7; overflow: hidden; padding-bottom: 40px;}

.left{float: left; width: 52%;}

.right{float: right; width: 44.58%;}



.part4{margin-top: 65px; margin-bottom: 30px; border-left: 3px solid #007030; overflow: hidden; padding-left: 8px; height: 20px;}

.part4 h2{float: left; font-size: 1.66em; line-height: 1; color: #007030;}

.part4 h3{float: left; padding-left: 10px; padding-top: 2px; font-size: 1.5em;  color: #737373; font-weight:lighter; font-family: Arial; text-transform: uppercase;}

.part4 span{float: right; line-height: 20px;}



@media screen and (min-width: 992px) and (max-width: 1199px){

	.part4{margin-top: 55px; margin-bottom: 25px; height: auto;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.news_bg{padding-bottom: 30px;}



	.part4{margin-top: 45px; margin-bottom: 20px; height: auto;}

	.part4 h2{font-size: 1.5em;}

	.part4 h3{font-size: 1.16em;}

	.part4 span{line-height: inherit;}

}

@media screen and (max-width: 767px){

	.news_bg{padding-bottom: 20px;}



	.left{float: none; width: auto;}

	.right{float: none; width: auto;}



	.part4{margin-top: 30px; margin-bottom: 15px; height: auto;}

	.part4 h2{font-size: 1.33em;}

	.part4 h3{font-size: 1em;}

	.part4 span{line-height: inherit;}

}



.list2{}

.list2 ul{overflow: hidden; margin-left: -13px;}

.list2 ul li{float: left; width: 50%;}

.list2 ul li a{display: block; margin-left: 13px; background: #fff;}

.list2 ul li span{display: block; padding-bottom: 70%; position: relative; overflow: hidden;}

.list2 ul li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

.list2 ul li .con{padding: 20px 20px 10px 20px;}

.list2 ul li h2{font-size: 1.16em; font-weight: normal; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list2 ul li h2:after{margin-top: 14px; margin-bottom: 14px; display: block; content: ""; width: 20px; height: 2px; background: #c9c9c9;}

/*.list2 ul li p{padding-bottom: 20px; color: #888; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/
.list2 ul li p{padding-bottom: 20px; color: #888; overflow: hidden; text-overflow: ellipsis;}

.list2 ul li i{font-style: normal; color: #c0c0c0;}

.list2 ul li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.list2 ul li a:hover h2{color: #ff9428;}

.list2 ul li a:hover h2:after{background: #ff9428;}

.list2 ul li h2,

.list2 ul li h2:after,

.list2 ul li span img{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

.list2 ol{padding: 10px 0; overflow: hidden; margin-left: -13px;}

.list2 ol li{float: left; width: 50%; padding-left: 13px; line-height: 30px; font-size: 1.16em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

@media screen and (min-width: 992px) and (max-width: 1199px){



}

@media screen and (min-width: 768px) and (max-width: 991px){

	.list2 ul li .con{padding: 15px;}

	.list2 ul li p{padding-bottom: 10px;}

}

@media screen and (max-width: 767px){

	.list2 ul li .con{padding: 10px;}

	.list2 ul li p{padding-bottom: 10px;}



	.list2 ol li{float: none; width: auto; border-bottom: 1px solid #efefef; font-size: 1em; line-height: 35px;}

}





.list3{}

.list3 li{margin-bottom: 3px;}

.list3 li a{display: block; background: #fff; border-bottom: 2px solid #fff; padding: 19px 20px;}

.list3 li h2{padding-bottom: 10px; font-size: 1.16em; font-weight: normal; color: #007030; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list3 li p{font-size: 1.16em; color: #888; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.list3 li a:hover{background: #f3f3f3; border-bottom-color: #007030;}

.list3 li a:hover h2{color: #ff9428;}

.list3 li h2{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.list3 li a{padding: 16px 20px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.list3 li a{padding: 15px 15px;}

	.list3 li h2{padding-bottom: 5px;}

	.list3 li p{font-size: 1em;}

}

@media screen and (max-width: 767px){

	.list3 li a{padding: 15px 15px;}

	.list3 li p{font-size: 1em;}

}

/************************************************************首页样式结束************************************************************/











































/************************************************************内页样式开始************************************************************/

.n_banner{background: url(../images/n_banner.jpg) no-repeat top; height: 300px;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.n_banner{height: 250px; background-size:cover;}

}

@media screen and (min-width: 769px) and (max-width: 991px){

	.n_banner{height: 200px; background-size:cover;}

}

@media screen and (min-width: 480px) and (max-width: 768px){

	.n_banner{height: 150px; background-size:cover;}

}

@media screen and (max-width: 479px){

	.n_banner{height: 100px; background-size:cover;}

}



.breadCrumb{background: #f4f4f4; height:55px; line-height:55px; overflow: hidden; border-top: 2px solid #042375; border-bottom: 1px solid #e7e7e7;}

.breadCrumb h2{float:left; font-size:1.33em; color:#007030;}

.breadCrumb span{float:right; color: #555;}

.breadCrumb span a{margin:0 5px;}

.breadCrumb span:before{display: inline-block; content: "\f041"; font-family:"FontAwesome"; color: #007030; font-size: 14px; margin: 0 8px 0 0;}



@media screen and (min-width: 769px) and (max-width: 991px){

	.breadCrumb{height: 50px; line-height: 50px;}

}

@media screen and (min-width: 480px) and (max-width: 768px){

	.breadCrumb{height: 45px; line-height: 45px;}

	.breadCrumb h2{display: none;}

	.breadCrumb span{float: none; display: block;}

}

@media screen and (max-width: 479px){

	.breadCrumb{height: 45px; line-height: 45px;}

	.breadCrumb h2{display: none;}

	.breadCrumb span{float: none; display: block;}

}



.class_list{background: #fafafa; padding: 15px 0 15px 0; border-bottom: 1px solid #e7e7e7;}

.class_list ul{overflow: hidden; margin-top: -10px;}

.class_list ul li{margin: 10px 10px 0 0; display: inline-block; height: 35px; text-align: center; line-height: 33px; font-size: 1.16em; vertical-align: top;}

.class_list ul li a{display: block; padding: 0 20px; position: relative; background: #fff; border: 1px solid #e7e7e7; height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.class_list ul li a:hover,

.class_list ul li a.on{border-color: #ff9428; background: #ff9428; color: #fff;}



@media screen and (min-width: 992px) and (max-width: 1199px){

	.class_list ul li{margin-right: 8px; }

}

@media screen and (min-width: 769px) and (max-width: 991px){

	.class_list ul li{margin-right: 6px; font-size: 1em;}

	.class_list ul li a{padding: 0 17px;}

}

@media screen and (min-width: 480px) and (max-width: 768px){

	.class_list{display: block;}

}

@media screen and (max-width: 479px){

	.class_list{display: block;}

}







/*通用详细页 开始*/

.content{padding: 15px 0; line-height: 210%;  font-size: 1.16em;}

.content img{max-width: 100%!important; height: auto!important;}



.title{font-size: 2.17em; color: #333; font-weight: normal; padding: 50px 0 20px 0; text-align: center;}

.time{color: #b0b0b0; padding: 0 0 14px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden; text-align: center;}

.time li{display: inline-block; position: relative;}

.time li i{margin: 0 5px 0 0;}

.time li:before{position: relative; display:inline-block; content: ""; margin: 0 10px; width: 1px; height: 7px; background: #bababa;}

.time li:first-child:before{display: none;}



.fy{margin: 5px 0; padding: 5px; border-top: 1px solid #e7e7e7;}

.fy li{height: 28px; line-height: 28px; color: #ff9428; font-size: 1.16em; white-space: nowrap; text-overflow: ellipsis;}



.n_part2{ overflow: hidden; color: #042375; padding: 10px 0 0 5px; font-size: 1.33em;}



.n_list1{overflow: hidden; padding: 10px 0 10px 0;}

.n_list1 li{float: left; width: 50%; height: 32px; line-height: 32px; padding: 0 10px 0 0; overflow: hidden; font-size: 1.16em; white-space: nowrap; text-overflow: ellipsis;}

.n_list1 li:before{display: inline-block; content: ""; float: left; margin: 15px 8px 0 3px; width: 3px; height: 3px; background: #989898;}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.title{padding: 40px 0 15px 0; font-size: 2em;}

}

@media screen and (min-width: 769px) and (max-width: 991px){

	.title{padding: 28px 0 15px 0; font-size: 2em;}

}

@media screen and (min-width: 480px) and (max-width: 768px){

	.title{padding: 20px 0 15px 0; font-size: 1.8em;}

	.time{padding: 0 0 10px 0;}

	.content{padding: 15px 0; font-size: 1.16em; line-height: 210%;}



	.fy{margin: 0 0 10px 0;}

	.fy li{height: 25px; line-height: 25px; font-size: 1em;}



	.n_part2{border-top-width: 3px; padding: 10px 0 0 0; font-size: 1.16em;}



	.n_list1 li{float: none; width: 100%; font-size: 1em; line-height: 30px; height: 30px;}

	.n_list1 li:before{margin-top: 10px;}

}

@media screen and (max-width: 479px){

	.title{padding: 20px 0 10px 0; font-size: 1.6em; text-align: left;}

	.time{text-align: left;}

	.time li{float: left;}

	.time li:last-child{display: none;}

	.content{padding: 10px 0; font-size: 1em; line-height: 200%;}



	.fy{margin: 0 0 10px 0; padding: 5px 0;}

	.fy li{height: 25px; line-height: 25px; font-size: 1em;}



	.n_part2{border-top-width: 2px; padding: 8px 0 0 0; font-size: 1.16em;}



	.n_list1 li{float: none; width: 100%; font-size: 1em; line-height: 26px; height: 26px;}

	.n_list1 li:before{margin-top: 10px;}

}

/*通用详细页 结束*/



/*图片列表 开始*/

.img_list{margin-top: 20px; margin-left: -27px;}

.img_list li{float: left; width: 33%;}

.img_list li a{display: block; margin-left: 27px; margin-bottom: 25px;}

.img_list li span{display: block; padding-bottom: 70%; position: relative; overflow: hidden; height:265px}

.img_list li span img{position: absolute; left: 0px; top: 0px; /*width: 100%;*/ height: 100%; background: #ccc;}

.img_list li .con1{background: #f7f7f7; border-top: none; padding: 0 15px; overflow: hidden;}

.img_list li h2{padding-top: 20px; padding-bottom: 12px; font-size: 1.16em; font-weight: normal; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.img_list li p{line-height: 25px; height: 50px; overflow: hidden; color: #999;}

.img_list li i{display: block; margin-top: 20px; margin-bottom: 25px; width: 80px; height: 30px; text-align: center; line-height: 28px; border: 1px solid #042375; color: #042375; font-style: normal; border-radius: 3px; overflow: hidden;}

.img_list li a:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}

.img_list li a:hover .con1{background: #042375; border-color: #042375;}

.img_list li a:hover .con1 h2,

.img_list li a:hover .con1 p,

.img_list li a:hover .con1 i{color: #fff; border-color: #fff;}

.img_list li .con1,

.img_list li h2,

.img_list li p,

.img_list li i,

.img_list li span img{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

.img_list li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.img_list{margin-bottom: 40px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.img_list{margin-left: -15px; margin-bottom: 35px;}

	.img_list li a{margin-left: 15px; margin-bottom: 15px;}

	.img_list li p{height: 44px; line-height: 22px; overflow: hidden;}

	.img_list li i{margin-top: 10px; margin-bottom: 15px;}



}

@media screen and (max-width: 767px){

	.img_list{margin-left: -15px; margin-bottom: 20px;}

	.img_list li{width: 50%;}

	.img_list li a{margin-left: 15px; margin-bottom: 15px;}

	.img_list li .con1{padding: 0 10px;}

	.img_list li h2{padding-top: 15px; padding-bottom: 3px;}

	.img_list li p{height: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

	.img_list li i{margin-top: 5px; margin-bottom: 15px; width: 60px; height: 22px; line-height: 22px; font-size: 10px;}

  	.img_list li span{height:155px;}

}



.img_list201{margin-bottom: 20px;}

.img_list201 li{width: 20%;}

@media screen and (min-width: 768px) and (max-width: 991px){

	.img_list201 li:nth-child(5){display: none;}

}

@media screen and (max-width: 767px){

	.img_list201{margin-bottom: 10px;}

	.img_list201 li{width: 50%;}

	.img_list201 li:nth-child(5){display: none;}

}

/*图片列表 结束*/





/*图片列表1 开始*/

.img_list1{margin-top: 20px; margin-left: -27px;}

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

.img_list1 li a{display: block; margin-left: 27px; margin-bottom: 25px;}

.img_list1 li span{display: block; padding-bottom: 70%; position: relative; overflow: hidden; height:222px}

.img_list1 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

.img_list1 li .con1{background: #f7f7f7; border-top: none; padding: 0 15px; overflow: hidden;}

.img_list1 li h2{padding-top: 20px; padding-bottom: 12px; font-size: 1.16em; font-weight: normal; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.img_list1 li p{line-height: 25px; height: 50px; overflow: hidden; color: #999;}

.img_list1 li i{display: block; margin-top: 20px; margin-bottom: 25px; width: 80px; height: 30px; text-align: center; line-height: 28px; border: 1px solid #042375; color: #042375; font-style: normal; border-radius: 3px; overflow: hidden;}

.img_list11 li a:hover{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);}

.img_list11 li a:hover .con1{background: #042375; border-color: #042375;}

.img_list11 li a:hover .con1 h2,

.img_list11 li a:hover .con1 p,

.img_list11 li a:hover .con1 i{color: #fff; border-color: #fff;}

.img_list11 li .con1,

.img_list11 li h2,

.img_list11 li p,

.img_list11 li i,

.img_list11 li span img{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

.img_list1 li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

@media screen and (min-width: 992px) and (max-width: 1199px){

	.img_list1{margin-bottom: 40px;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.img_list1{margin-left: -15px; margin-bottom: 35px;}

	.img_list1 li a{margin-left: 15px; margin-bottom: 15px;}

	.img_list1 li p{height: 44px; line-height: 22px; overflow: hidden;}

	.img_list1 li i{margin-top: 10px; margin-bottom: 15px;}



}

@media screen and (max-width: 767px){

	.img_list1{margin-left: -15px; margin-bottom: 20px;}

	.img_list1 li{width: 50%;}

	.img_list1 li a{margin-left: 15px; margin-bottom: 15px;}

	.img_list1 li .con1{padding: 0 10px;}

	.img_list1 1li h2{padding-top: 15px; padding-bottom: 3px;}

	.img_list1 li p{height: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

	.img_list1 li i{margin-top: 5px; margin-bottom: 15px; width: 60px; height: 22px; line-height: 22px; font-size: 10px;}

  	.img_list1 li span{height:65px;}

}



.img_list201{margin-bottom: 20px;}

.img_list201 li{width: 20%;}

@media screen and (min-width: 768px) and (max-width: 991px){

	.img_list201 li:nth-child(5){display: none;}

}

@media screen and (max-width: 767px){

	.img_list201{margin-bottom: 10px;}

	.img_list201 li{width: 50%;}

	.img_list201 li:nth-child(5){display: none;}

}

/*图片列表 结束*/



/*产品列表 开始*/

.img_list2{margin-top: 0; margin-left: -20px; overflow: hidden;}

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

.img_list2 li a{display: block; margin-left: 20px; margin-top: 20px;}

.img_list2 li span{display: block; position: relative; padding-bottom: 70%; overflow: hidden;}

.img_list2 li span img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #ccc;}

.img_list2 li span em{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #1159a3; vertical-align: middle; opacity: 0; z-index: 10;}

.img_list2 li span em i{position: absolute; width: 100%; text-align: center; left: 0px; top: 0; color: #fff; font-size: 30px;}

.img_list2 h2{line-height: 45px; background: #ebebeb; font-size: 1.16em; text-align: center; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.img_list2 li a:hover h2{background: #1159a3; color: #fff;}

.img_list2 li a:hover span em{opacity: 0.9;}

.img_list2 li a:hover span em i{top: 50%;}

.img_list2 li a:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.img_list2 li span img,

.img_list2 li span em,

.img_list2 li span em i,

.img_list2 li h2{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}

.img_list201{margin-bottom: 20px;}

.img_list201 li{width: 25%;}

.img_list201 li span{padding-bottom: 59.36%;}





@media screen and (min-width: 768px) and (max-width: 991px){

	.img_list2 li{width: 33.33%;}

}

@media screen and (max-width: 767px){

	.img_list2{margin-left: -15px; margin-bottom: 10px;}

	.img_list2 li{width: 50%;}

	.img_list2 li a{margin-left: 15px; margin-top: 15px;}

	.img_list2 h2{line-height: 35px; font-size: 1em;}



}

/*图片列表 结束*/



/*新闻类 开始*/

.news_list{overflow: hidden; margin-top: 25px;}

.news_list li{overflow: hidden; position: relative; padding-right: 15px; margin-top: 30px; background: #fafafa;}

.news_list li:first-child{margin-top: 0px;}

.news_list li span{float: left; width: 220px; margin-right: 30px;}

.news_list li span i{display: block; position: relative; width: 100%; padding: 0 0 70% 0; overflow: hidden;}

.news_list li span i img{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #e7e7e7;}

.news_list li h2{position: relative; font-size: 1.5em; color: #333; font-weight: normal; padding-top: 18px; padding-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_list li p{line-height: 26px; color: #888; margin-bottom: 20px; font-size: 1.2em;}

.news_list li em{font-style: normal; color: #888;}

.news_list li em i{margin-right: 5px; color: #adadad;}

.news_list li:hover{background: #eee!important;}

.news_list li:hover span img{

	-webkit-transform: scale(1.1,1.1);

	-moz-transform: scale(1.1,1.1);

	-ms-transform: scale(1.1,1.1);

	-o-transform: scale(1.1,1.1);

	transform: scale(1.1,1.1);

}

.news_list li:hover h2{color: #d00;}

.news_list li,

.news_list li span i img{

	transition:all 0.3s;

	-moz-transition:all 0.3s;

	-ms-transition:all 0.3s;

	-o-transition:all 0.3s;

	-webkit-transition:all 0.3s;

}





@media screen and (min-width: 992px) and (max-width: 1199px){

	.news_list li{margin-top: 20px;}

	.news_list li span{width: 200px; margin-right: 20px;}

	.news_list li h2{padding: 15px 0 8px 0;}

	.news_list li p{height: 58px; margin: 0 0 6px 0; overflow: hidden;}

}

@media screen and (min-width: 768px) and (max-width: 991px){

	.news_list li{margin-top: 20px; padding-right: 15px;}

	.news_list li span{width: 190px; margin-right: 20px;}

	.news_list li h2{padding: 15px 0 10px 0;}

	.news_list li p{margin-bottom: 10px; height:44px; font-size: 1em; line-height: 22px; overflow: hidden;}

}



@media screen and (max-width: 767px){

	.news_list{margin-top: 10px; padding-bottom: 10px;}

	.news_list li{margin: 10px 0 0 0; padding: 0 10px 0 0;}

	.news_list li span{width: 120px; margin: 0 10px 0 0;}

	.news_list li h2{font-size: 1.16em; padding-top: 8px; padding-bottom: 5px;}

	.news_list li p{margin-bottom: 5px; line-height: 22px; font-size: 1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

	.news_list li em{width:60px; height: 20px; line-height: 20px; font-size: 0.83em;}

}

/*新闻类 结束*/



/*产品详细 开始*/

.m_pro_tit{text-align: center; display: none; padding: 15px 0 10px 0; font-size: 1.5em;}

.pro_img{float:left; width: 47%; margin:25px 0 15px 0; border:1px solid #e7e7e7; padding:3px; background: #fff;}

.pro_img span{display: block; position: relative; width: 100%; padding: 0 0 75% 0;}

.pro_img span img{position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 95%; max-height: 95%;}



.pro_js_box{/*float: right; width: 50%;*/margin-top: 25px;}

.pro_js_box .pro_js{}

.pro_js_box .pro_js h2{font-size:2em; font-weight:normal; padding:10px 0 15px 0; border-bottom:1px dashed #e7e7e7; color: #333; }

.pro_js_box .pro_js span{line-height:24px; font-size:1.16em; padding:15px 0;  display:block}

.pro_js_box .pro_tel{font-size:1.16em; font-weight:bold; color:#333; padding:10px 0 20px 0; display:block;}

.pro_js_box .pro_tel b{font-size:1.5em; color:#c30000}

.pro_js_box .pro_gm{overflow: hidden; border-bottom:1px dashed #e7e7e7; padding: 0 0 28px 0; margin: 0 0 20px 0;}

.pro_js_box .pro_gm a{float: left; width:125px; height:35px; text-align:center; line-height:35px; overflow:hidden; font-size:1.33em; margin:0 10px 0 0;}

.pro_js_box .pro_gm a:hover{background:#dc3333;}

.pro_js_box .pro_gm a.gm{background:#042375; color: #fff}

.pro_js_box .pro_gm a:hover.gm{background: #042375; color: #fff}

.pro_js_box .pro_gm a.zx{background:#ff9428; color: #fff;}

.pro_js_box .pro_gm a:hover.zx{background: #ff9207; color: #fff;}



@media screen and (min-width: 992px) and (max-width: 1199px){

	.pro_js_box .pro_js h2{font-size: 1.8em}

}

@media screen and (min-width: 769px) and (max-width: 991px){

	.pro_js_box .pro_js h2{font-size: 1.66em}

	.pro_js_box .pro_js span{padding: 10px 0; font-size: 1em;}

	.pro_js_box .pro_tel{padding-bottom: 15px;}

	.pro_js_box .pro_gm{padding-bottom: 15px; margin-bottom: 10px;}

	.pro_js_box .pro_gm a{width: 105px; height: 32px; line-height: 32px; font-size: 1.13em;}

}

@media screen and (min-width: 481px) and (max-width: 768px){

	.m_pro_tit{display: block;}



	.pro_img{float: none; width: 100%; margin: 0px;}



	.pro_js_box{float: none; width: auto; margin: 10px 0 0 0;}

	.pro_js_box .pro_js{display: none;}

	.pro_js_box .pro_tel{display: none;}

	.pro_js_box .bdsharebuttonbox{display: none;}

	.pro_js_box .pro_gm{padding: 3px 0 12px 0; margin: 0px; border-bottom: none; text-align: center;}

	.pro_js_box .pro_gm a{float: none; display: inline-block; width: 100px; height: 32px; line-height: 32px; font-size: 1.13em;}

	.pro_js_box .pro_gm a.zx{display: none;}

}

@media screen and (max-width:480px){

	.m_pro_tit{display: block;}



	.pro_img{float: none; width: 100%; margin: 0;}



	.pro_js_box{float: none; width: auto; margin: 10px 0 0 0;}

	.pro_js_box .pro_js{display: none;}

	.pro_js_box .pro_tel{display: none;}

	.pro_js_box .bdsharebuttonbox{display: none;}

	.pro_js_box .pro_gm{padding: 3px 0 12px 0; margin: 0px; border-bottom: none; text-align: center;}

	.pro_js_box .pro_gm a{float: none; display: inline-block; width: 90px; height: 30px; line-height: 30px; font-size: 1em;}

	.pro_js_box .pro_gm a.zx{display: none;}

}



/*产品订购*/

.order{ margin:15px 0; border: 1px solid #e7e7e7; padding: 10px 0;}

.order tr td:first-child{text-align: right; width: 105px;}

.order tr td:first-child span{color: #8d0001}

.order td{padding:5px; color: #555;}

.order td span{color:#f00;}

.order input,

.order textarea{behavior:url(pie.htc); position:relative;}



.order .order_text{border:1px solid #c1c1c1; padding:0 10px; width:300px; height:25px; line-height:25px; overflow:hidden; font-size:12px; color:#828282; font-family:inherit; border-radius:3px; box-shadow:inset 1px 1px 3px #eaeaea;}

.order .order_text:hover{border:1px solid #ff9207;}

.order .order_text2{width: 470px; height: 80px; line-height:22px !important; padding:5px 10px !important;}



.order .order_submit{padding:0 25px; height:30px; line-height:30px; border-radius:3px; overflow:hidden; cursor:pointer; font-family:inherit; background:#c70024; color:#fff; border:none; font-weight: bold;}

.order .order_submit:hover{background:#c70024;}



@media screen and (min-width: 769px) and (max-width: 991px){

	.img_list201 li{width: 25%;}

}

@media screen and (min-width: 481px) and (max-width: 768px){

	.order td{display: block; padding: 3px 10px;}

	.order tr td:first-child{text-align: left; width:auto;}

	.order .order_text{width: 100%;}

	.order .order_text2{width: 100%;}

}

@media screen and (max-width:480px){

	.order td{display: block; padding: 3px 10px;}

	.order tr td:first-child{text-align: left; width:auto;}

	.order .order_text{width: 100%;}

	.order .order_text2{width: 100%;}

}

/*产品详细 结束*/



/*在线留言 开始*/

.message{margin-top: 30px; margin-bottom: 50px; background: #fcfcfc;}

.message ul{padding: 2% 2% 2% 0;}

.message ul li{position: relative; float: left; margin: 0 0 12px 2%; padding-left: 55px; background: #fff; width: 48%; height: 40px; line-height: 40px; border: 1px solid #e7e7e7; border-radius: 5px; overflow: hidden; behavior:url(pie.htc); }

.message ul li h2{position: absolute; left: 0px; top: 0px; color: #555; font-size: 1.16em; font-weight: normal; padding: 0 5px 0 10px;}

.message ul li span{color: #c70024;}

.message ul li .ly_text{width: 100%; height: 26px; line-height: 26px; font-family: "微软雅黑"; color: #888; font-size: 1em; border: none;}

.message ul li .ly_text2{clear: both; height: 90px; line-height: 22px; margin: 3px 0 0 0;}



.message ul li.con{clear: both; float: none; width: auto; height: 115px; padding: 7px 20px 10px 55px;}

.message ul li.yzm{clear: both; float: none; padding-left: 65px; width:40%}

.message #tupian{margin-top: -10px}

.message ul .ly_submit{margin-left: 20px; width: 90px; height:32px; text-align: center; line-height: 32px; color: #fff; font-size: 14px; font-weight: bold; background: #c70024; border: none; border-radius: 5px; position: relative; overflow: hidden; behavior:url(pie.htc);}



@media screen and (min-width: 768px) and (max-width: 991px){

	.message ul{}

}



@media screen and (max-width:767px){

	.message{margin-top: 15px; margin-bottom: 20px;}

	.message ul{padding: 10px}

	.message ul li{float: none; width: auto; margin-left: 0px; margin-bottom: 10px;}

	.message ul li h2{font-size: 1em;}

	.message ul li.con{width: auto;}

	.message ul li .ly_text2{width:100%;}

	.message ul .ly_submit{margin-left: 0px;}

 	.message ul li.yzm{ width:100%;}

  	.message #tupian{margin-top: -41px;margin-left: 113px;width: 55%;}

}

/*在线留言 结束*/



.zp{margin-top: 25px;}

.zp > li{background: #fcfcfc; padding: 20px; margin-bottom: 30px;}

.zp > li .zp_tit{font-size: 1.83em; font-weight: normal; color: #333;}

.zp > li .zp_bz{padding: 15px 0; font-size: 1em; font-weight: normal; color: #888;}

.zp > li .zp_con{background: #fafafa; padding: 20px; line-height: 200%; font-size: 1.16em; color: #666;}

@media screen and (min-width: 768px) and (max-width: 991px){



}

@media screen and (max-width: 767px){

	.zp{margin-top:15px;}

	.zp > li{padding: 15px; margin-bottom: 15px;}

	.zp > li .zp_tit{font-size: 1.33em;}

	.zp > li .zp_bz{padding: 10px 0;}

	.zp > li .zp_con{padding: 15px; font-size: 1em;}

}





/************************************************************内页样式结束************************************************************/







/*page*/

.page{text-align:center; margin:20px 0 30px 0; border-top: 1px solid #e7e7e7; padding-top: 25px;}

.page li{display: inline-block; *display: inline; margin: 0 3px;}

.page li a{height: 29px; line-height: 29px; display: block;padding: 0 12px; border: 1px solid #dddddd; background: #fff;}

.page li a:hover{background: #ff9428; border: 1px solid #ff9428; color: #fff;}

.page li a.on{background: #ff9428; border: 1px solid #ff9428; color: #fff;}



@media screen and (min-width: 769px) and (max-width: 991px){

	.page{margin: 20px 0 25px 0; padding-top: 15px;}

}

@media screen and (min-width: 481px) and (max-width: 768px){

	.page{margin: 15px 0 25px 0;}

	.page li{margin: 0px;}

	.page li a{padding: 0 10px; height: 25px; line-height: 25px;}

}

@media screen and (max-width:480px){

	.page{margin: 10px 0 20px 0; padding-top: 15px;}

	.page li{margin: 0px;}

	.page li a{padding: 0 10px; height: 25px; line-height: 25px;}

}