/* CSS Document */

body { margin: 0; padding: 0; line-height: 24px; font-family: 'Alibaba-Regular','Microsoft YaHei'; font-size: 14px; background: #fff; }
div, ul, li, dt, dl, dd, h1, h2, h3, h4, h5, h6, h7, img, p, span { border-style: none; border-color: inherit; border-width: 0px; padding: 0; list-style-type: none; margin-left: auto; margin-top: 0; margin-bottom: 0; }


@font-face { font-family: 'Alibaba-Regular'; src: url(../fonts/Alibaba-Regular.ttf); }
@font-face { font-family: 'Alibaba-Light'; src: url(../fonts/Alibaba-Light.ttf); }
@font-face { font-family: 'Alibaba-Heavy'; src: url(../fonts/Alibaba-Heavy.ttf); }
@font-face { font-family: 'Alibaba-Medium'; src: url(../fonts/Alibaba-Medium.ttf); }
@font-face { font-family: 'Alibaba-Bold'; src: url(../fonts/Alibaba-Bold.ttf); }


/* Link */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { border: 0px; background-color: Transparent; }

a { blr: expression(this.onFocus=this.blur()); outline: none; }

.blank5 { width: 100%; height: 5px; clear: both; }
.blank10 { width: 100%; height: 10px; clear: both; }
.blank15 { width: 100%; height: 15px; clear: both; }
.blank20 { width: 100%; height: 20px; clear: both; }
.blank30 { width: 100%; height: 30px; clear: both; }
.blank40 { width: 100%; height: 40px; clear: both; }
.blank50 { width: 100%; height: 50px; clear: both; }
.blank60 { width: 100%; height: 60px; clear: both; }
.blank70 { width: 100%; height: 70px; clear: both; }
.blank80 { width: 100%; height: 80px; clear: both; }

/*Clear*/
.clear { clear: both; font-size: 1px; height: 0px; line-height: 0px; overflow: hidden; }
/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*针对1920的宽屏*/

.max { position: relative; overflow: hidden; }

.m_head { width: 100%; float: left; position: relative; overflow: hidden; }


.m_logo { width: 477px; height: 73px; float: left; margin: 14px 0 0 0; }

.m_pho { width: 270px; height: 67px; float: right; margin: 16px 0 0 0; background: url(../images/phobg.png) no-repeat top left; }


.m_pho h3 { width: 200px; float: right; margin: 5px 0 0 0; font-family: 'Alibaba-Medium'; font-size: 18px; color: #ff7200; line-height: 26px; text-align: left; font-weight: bold; }

.m_pho h3 font { width: 100%; float: left; font-family: 'Alibaba-Bold'; font-size: 24px; color: #ff7200; line-height: 26px; text-align: left; font-weight: bold; }



.m_hbgc { width: 100%; float: left; height: 100px; background: #f8f8f8; border-bottom: 1px solid #dddddd; position: relative; overflow: hidden; }

.m_navibgc { width: 100%; float: left; height: 60px; background: #fff; position: relative; overflow: hidden; }


.m_navi { float: left; }

.m_navi ul { float: left; }
.m_navi ul li { float: left; width: 150px; height: 60px; }
.m_navi ul li a { float: left; width: 150px; height: 60px; background: #fff; font-family: 'Alibaba-Regular'; font-size: 18px; color: #222; text-align: center; line-height: 60px; font-weight: normal; }

.m_navi ul li a:hover, .m_navi ul li a.ahov { background: #ff7200; color: #fff; }


.m_navi_en { width: 120px; height: 40px; float: right; background: url(../images/gf_network.png) no-repeat left bottom; margin: 10px 0 0 0; }

.m_navi_en a { float: left; height: 40px; padding: 0 0 0 50px; width: 100%; font-family: 'Alibaba-Bold'; font-size: 16px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; }

.m_banner { width: 1920px; *width: 1920px; _width: 1920px; height: 760px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; overflow: hidden; }


.m_index { width: 1200px; margin: 0 auto; }


.m_prodbox { width: 1920px; *width: 1920px; _width: 1920px; height: 720px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; padding: 70px 0; overflow: hidden; }

.m_prod_cokk { width: 1920px; max-width: 100%; float: left; height: 60px; background: #fff; border-bottom: 1px solid #fff; position: relative; margin: 0 0 20px 0; }

.m_prod_cokk::after { width: 340px; height: 1px; float: left; background: #999; content: ''; position: absolute; left: 0; top: 26px; }

.m_prod_cokk h4 { width: 380px; height: 60px; float: left; -webkit-text-stroke: #ff7200 1px; font-family: 'Alibaba-Light'; background: #fff; font-size: 76px; color: transparent; text-align: left; line-height: 60px; font-weight: bolder; text-transform: uppercase; -webkit-background-clip: text; position: relative; z-index: 5; letter-spacing: 5px; }


.m_prod_cokk h4 font { width: 380px; height: 60px; float: left; position: absolute; z-index: 7; left: 0px; top: 0px; padding-left: 20px; font-family: 'Alibaba-Medium'; font-size: 30px; color: #222; text-align: left; line-height: 60px; font-weight: bold; -webkit-text-stroke: transparent 0px; letter-spacing: 5px; }



.m_prod_cokk h5 { width: 50px; height: 40px; float: right; margin: 12px 0 0 0; background: #003685; border: none; }

.m_prod_cokk h5 a { width: 50px; height: 40px; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; }



.m_prods { width: 1200px; float: left; }

.m_prods ul { width: 1240px; float: left; }

.m_prods ul li { width: 320px; height: 330px; float: left; padding: 0; margin: 10px -8px 0px -10px; position: relative; z-index: 10; }


.m_prods ul li .pgboxs { width: 320px; height: 330px; float: left; background: url(../images/plbgc.png) no-repeat left top; position: absolute; z-index: 15; display: none; }

.m_prods ul li:hover .pgboxs { display: block; }

.m_prods ul li .pimgs { width: 290px; height: 220px; float: left; margin: 15px 0 15px 15px; position: relative; z-index: 5; overflow: hidden; }

.m_prods ul li .pimgs img { display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.m_prods ul li:hover .pimgs img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.m_prods ul li font { width: 290px; height: 40px; float: left; margin: 5px 0 15px 15px; font-size: 18px; color: #222222; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }

.m_guanggao { width: 1920px; *width: 1920px; _width: 1920px; height: auto; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; padding: 0px 0; overflow: hidden; }


.m_yingxbox { width: 1920px; *width: 1920px; _width: 1920px; height: 620px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; *margin-left: -962px; _margin-left: -962px; padding: 60px 0 40px 0; overflow: hidden; }
.m_yxiao { width: 580px; float: right; }

.m_yxiao_cokk { width: 940px; float: left; height: 60px; position: relative; margin: 0 0 20px 0; }

.m_yxiao_cokk::after { width: 340px; height: 1px; float: left; background: #999; content: ''; position: absolute; left: 0; top: 26px; }

.m_yxiao_cokk h4 { width: 380px; height: 60px; float: left; -webkit-text-stroke: #ff7200 1px;  text-transform: uppercase; -webkit-background-clip: text;  background: #fff;  font-family: 'Alibaba-Light';font-size: 76px; color: transparent; text-align: left; line-height: 60px; font-weight: bolder;position: relative; z-index: 5; letter-spacing: 5px; }


.m_yxiao_cokk h4 font { width: 380px; height: 60px; float: left; position: absolute; z-index: 7; left: 0px; top: 0px; padding-left: 20px; font-family: 'Alibaba-Medium'; font-size: 30px; color: #222; text-align: left; line-height: 60px; font-weight: bold; -webkit-text-stroke: transparent 0px; letter-spacing: 5px; }


.m_yxiao_cokk h5 { width: 50px; height: 40px; float: right; margin: 12px 0 0 0; background: #003685; border: none; }

.m_yxiao_cokk h5 a { width: 50px; height: 40px; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; }




.m_prods_01 { width: 580px; height: 240px; float: left; margin: 20px 0 0 0; position: relative; z-index: 15; overflow: hidden; }

.m_prods_01 .mpic1 { width: 580px; height: 240px; float: left; position: relative; z-index: 5; }


.m_prods_01 .mpicbgc { width: 580px; height: 40px; float: left; position: absolute; z-index: 8; left: 0; bottom: 0; background: rgba(34,34,34,.8); }


.m_prods_01 .mpicbgc h6 { width: 440px; height: 40px; float: left; margin: 0 0 0 20px; font-size: 16px; color: #fff; text-align: left; line-height: 40px; font-weight: normal; text-transform: uppercase; overflow: hidden; }



.m_prods_01 .mpicbgc font { height: 40px; float: right; margin: 0 20px 0 0px; font-size: 16px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; overflow: hidden; }


.m_prods_02 { width: 580px; height: auto; float: left; margin: 0px 0 0 0; position: relative; z-index: 15; }

.m_prods_02 ul { width: 580px; height: auto; float: left; margin: 0px 0 0 0; position: relative; z-index: 15; }

.m_prods_02 ul li { width: 580px; height: auto; float: left; margin: 10px 0 0 0; position: relative; z-index: 15; }

.m_prods_02 ul li img.cpic { width: 200px; height: 100px; float: left; }


.m_prods_02 ul li .cptxt { width: 370px; height: auto; float: right; margin: 0px 0 0 0; position: relative; z-index: 12; }


.m_prods_02 ul li .cptxt_bt { width: 370px; height: 20px; float: right; margin: 10px 0 0 0; position: relative; z-index: 12; }


.m_prods_02 ul li .cptxt_bt h6 { width: 260px; height: 20px; float: left; margin: 0 0 0 0px; font-size: 14px; color: #222; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; overflow: hidden; }



.m_prods_02 ul li .cptxt_bt font { height: 20px; float: right; width: 80px; border: 1px solid #ff7200; font-size: 14px; color: #ff7200; text-align: center; line-height: 20px; font-weight: normal; text-transform: uppercase; overflow: hidden; }



.m_prods_02 ul li .cptxt_font { width: 370px; height: 40px; float: left; margin: 10px 0 0 0px; font-size: 14px; color: #222; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


.m_prods_02 ul li:hover .cptxt_bt h6 { color: #ff7200; }

.m_prods_02 ul li:hover .cptxt_bt font { background: #ff7200; border: 1px solid #ff7200; color: #fff; }

/*f6f6f6*/

.m_yxfuwu { width: 580px; float: left; margin-left: 40px; }

.m_yxfw_cokk { width: 580px; float: left; height: 60px; position: relative; margin: 0 0 20px 0; }

.m_yxfw_cokk h4 { width: 380px; height: 60px; float: left; -webkit-text-stroke: #ff7200 1px; font-family: 'Alibaba-Light'; background: #fff; font-size: 76px; color: transparent; text-align: left; line-height: 60px; font-weight: bolder; text-transform: uppercase; -webkit-background-clip: text; position: relative; z-index: 5; letter-spacing: 5px; }


.m_yxfw_cokk h4 font { width: 380px; height: 60px; float: left; position: absolute; z-index: 7; left: 0px; top: 0px; padding-left: 20px; font-family: 'Alibaba-Medium'; font-size: 30px; color: #222; text-align: left; line-height: 60px; font-weight: bold; -webkit-text-stroke: transparent 0px; letter-spacing: 5px; }


.m_yxfw_cokk h5 { width: 50px; height: 40px; float: right; margin: 12px 0 0 0; background: #003685; border: none; }

.m_yxfw_cokk h5 a { width: 50px; height: 40px; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; }




.m_yxfw_con { width: 540px; float: left; height: 420px; position: relative; margin: 0px 0 20px 0; background: #f6f6f6; padding: 20px; }


.m_yximg { width: 540px; float: left; height: 330px; overflow: hidden; }

.m_yx_type { width: 270px; float: left; height: 78px; margin: 10px 0 0 0; font-size: 16px; color: #003685; text-align: left; line-height: 28px; font-weight: normal; overflow: hidden; }

.m_yx_type h5 { width: 100%; height: 28px; float: left; font-size: 18px; color: #003685; text-align: left; line-height: 28px; font-weight: bold; }

.m_yx_type font { color: #ff7200; font-weight: bold; }


.m_yxlist { width: 261px; float: right; height: auto; margin: 10px 0 0 0; }

.m_yxlist ul { width: 261px; float: left; }


.m_yxlist ul li { width: 241px; height: 40px; float: left; margin: 0 0 4px 0; background: url(../images/yxiao1.jpg) no-repeat left bottom; padding: 0 10px; font-size: 18px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; letter-spacing: .5px; }


.m_yxlist ul li:nth-child(2) { width: 241px; height: 40px; float: left; background: url(../images/yxiao2.jpg) no-repeat left bottom; padding: 0 10px; font-size: 18px; color: #fff; text-align: left; line-height: 40px; font-weight: bold; letter-spacing: .5px; }



.m_showbox { display: none;width: 1920px; height: 800px; position: relative; z-index: 9; margin: 0; top: 0; float: left; left: 50%; margin-left: -962px; padding: 10px 0 60px 0; overflow: hidden; }

.m_show_cokk { width: 1920px; max-width: 100%; float: left; height: 60px; background: #fff; border-bottom: 1px solid #fff; position: relative; margin: 0 0 20px 0; }

.m_show_cokk::after { width: 340px; height: 1px; float: left; background: #999; content: ''; position: absolute; left: 0; top: 26px; }

.m_show_cokk h4 { width: 780px; height: 60px; float: left; -webkit-text-stroke: #ff7200 1px; font-family: 'Alibaba-Light'; background: #fff; font-size: 76px; color: transparent; text-align: left; line-height: 60px; font-weight: bolder; text-transform: uppercase; -webkit-background-clip: text; position: relative; z-index: 5; letter-spacing: 5px; }


.m_show_cokk h4 font { width: 380px; height: 60px; float: left; position: absolute; z-index: 7; left: 0px; top: 0px; padding-left: 20px; font-family: 'Alibaba-Medium'; font-size: 30px; color: #222; text-align: left; line-height: 60px; font-weight: bold; -webkit-text-stroke: transparent 0px; letter-spacing: 5px; }



.m_show_cokk h5 { width: 50px; height: 40px; float: right; margin: 12px 0 0 0; background: #003685; border: none; }

.m_show_cokk h5 a { width: 50px; height: 40px; float: left; font-size: 14px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; }




.m_showlist { width: 1200px; float: left; }


.m_showlist ul { width: 1240px; float: left; }


.m_showlist ul li { width: 590px; height: 400px; float: left; margin: 20px 20px 0 0; position: relative; overflow: hidden; }


/*
.m_showlist ul li img { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%); }
.m_showlist ul li:hover img { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0); -webkit-filter: grayscale(0%); }

*/

.m_showlist ul li:nth-child(3), .m_showlist ul li:nth-child(4), .m_showlist ul li:nth-child(5) { width: 385px; height: 260px; float: left; margin: 20px 22px 0 0; position: relative; overflow: hidden; }



/*foot*/

.m_footer { width: 100%; height: auto !important; min-height: 280px; float: left; background: #001330; overflow: hidden; }


.m_foot1 { width: 1200px; float: left; border-bottom: 1px solid #001330; }

.m_foot1 ul { width: 1210px; float: left; padding: 30px 0; }

.m_foot1 ul li { width: 170px; height: 20px; float: left; border-right: 1px solid #fff; }

.m_foot1 ul li:last-child { width: 170px; height: 20px; float: left; border-right: 1px solid #001330; }

.m_foot1 ul li a { width: 170px; height: 20px; float: left; font-size: 16px; color: #fff; text-align: center; line-height: 20px; font-weight: normal; }




.m_foot2 { width: 100%; height: auto; float: left; padding: 10px 0 20px 0; font-size: 18px; color: #fff; text-align: center; line-height: 40px; font-weight: normal; }

.m_foot2 a { color: #fff; }

.m_foot3 { width: 100%; float: left; border-top: 1px solid #999999; padding: 10px 0 10px 0; font-size: 14px; color: #fff; text-align: center; line-height: 30px; font-weight: normal; }

.m_foot3 a { color: #fff; }



/*about */

.s_bannner
{
     width:1920px; *width:1920px; _width:1920px; height:300px;
    position:relative;
    z-index:9;
    margin:0;
	top:0;
    float:left;
	left:50%;
	margin-left:-962px;
	*margin-left:-962px;
	_margin-left:-962px; 
    overflow:hidden;
}


.s_bannner img.ban01{position:relative; z-index:3;}


.s_banncon{width:100%; height:100%; float:left; position:absolute; z-index:8; left:0; top:0;}

.s_banncon h4{width:100%; float:left;  padding:110px 0 10px 0; -webkit-text-stroke:rgba(34,34,34,.2) 1px;  text-transform: uppercase; -webkit-background-clip: text;  background: transparent; color:#fff;  font-size:72px;    text-align: center; line-height: 80px; font-weight: normal; text-transform:uppercase;  position:relative; }

.s_banncon h4::after{width:160px; height:2px; background:#fff; content:''; position:absolute; left:50%; margin-left:-80px; bottom:0;}




.s_company{width:100%; float:left; padding:20px 0 40px 0;  position:relative; z-index:3;}



.s_abotype{width:624px; float:left;  margin:20px 0 10px 0;  font-family: 'Alibaba-Regular';  font-size:16px; color: #222222; text-align:justify; line-height: 36px; font-weight: normal;  position:relative; }

.s_abotype h3{width:100%; float:left;   font-family: 'Alibaba-Medium';  font-size:36px; color: #ff7200; text-align: left; line-height:40px; font-weight: normal; margin:0 0 20px 0; text-transform:uppercase; }




.s_abotype_en{width:624px; float:left;  margin:20px 0 10px 0;  font-family: 'Alibaba-Regular';  font-size:16px; color: #222222; text-align:justify; line-height: 31px; font-weight: normal;  position:relative; }

.s_abotype_en h3{width:100%; float:left;   font-family: 'Alibaba-Medium';  font-size:36px; color: #ff7200; text-align: left; line-height:40px; font-weight: bold; margin:0 0 20px 0; text-transform:uppercase; }



.s_abo_photo{width:520px; height:600px; background:#999; float:right;  margin:20px 0 10px 10px; position:relative; z-index:8; }

.s_abo_photo::after{width:520px; height:600px; background:#ffb87f; float:left; content:''; position:absolute; z-index:-1; left:-10px; top:10px; }

.s_abo_photo_img{width:520px; height:600px; background:#fff; position:relative; z-index:5; }



/*products */



.s_protype{width:260px; float:left;  margin:20px 0 10px 0; position:relative; }


.s_protype_bt{width:200px; height:60px; float:left; padding:30px; background:#ff7200;}


.s_protype_bt h4 { width:180px; height: 50px; float: left; margin-left:-15px; -webkit-text-stroke: #fff 1px; font-family: 'Alibaba-Light'; background: #ff7200; font-size:42px; color: transparent; text-align: left; line-height: 50px; font-weight: bolder; text-transform: uppercase; -webkit-background-clip: text; position: relative; z-index: 5; letter-spacing:4px; }


.s_protype_bt h5{ width:180px; height: 30px; float: left; position: relative; z-index: 7; margin:-20px 0 0 0px; font-family: 'Alibaba-Medium'; font-size: 30px; color: #fff; text-align: left; line-height: 30px; font-weight: bold; -webkit-text-stroke: transparent 0px; letter-spacing:2px; }

 
.xiny_head { width: 95%; height: auto !important; min-height: 40px; float: left; padding: 10px 2% 10px 0%; cursor: pointer; position: relative; margin: 0px; font-weight: bold; background: #f6f6f6 url(../images/up01.png) 90% 50% no-repeat; border-bottom: 1px solid #fff; }
 
.xiny_head::after{width:30px; height:1px; background:#f6f6f6; content:''; float:left; position:absolute; z-index:8; left:0; bottom:0;}



.xiny_head::after{width:30px; height:1px; background:#f6f6f6; content:''; float:left; position:absolute; z-index:8; left:0; bottom:0;}


.xbiaot { width: 60%; height: 40px; float: left; margin-left:30px; font-size: 20px; color: #000000; text-align: left; line-height: 40px; font-weight: normal; overflow: hidden; }

.xbiaot a{color:#000;}


.xiny_list .current { background: #fff; position:relative;}

.xiny_body { width: 100%; float: none; display: none; background: #fff; padding: 1% 0; font-size: 16px; color: #888; text-align: left; line-height: 34px; font-weight: 500; }


.xiny_head.current .xbiaot,.xiny_head.current .xbiaot a{color:#ff7200;}
.xiny_head.current .xiny_body{display:block;} 


.xiny_head.current{ background: #fff url(../images/up02.png) 90% 50% no-repeat; position:relative;}
 
  
.xiny_list { margin: 2% 0; display: block; }

.d_list { width: 100%; float: left; background: #fff; }
.d_list dl { width: 100%; float: left; }
.d_list dl dt { width:100%; height: 40px; float: left; font-size: 16px; color: #888; text-align: left; line-height: 40px; font-weight: 500; }
.d_list dl dt a {padding-left:30px; font-size: 16px; color: #333; text-align: left; line-height: 40px; font-weight: normal; }


.d_list dl dt:hover{ width: 94%; height: 40px; float: left;  font-size: 16px; color: #ff7200; text-align: left; line-height: 34px; font-weight: 500; background: #fff; }

.d_list dl dt:hover{ color: #ff7200; }


,.d_list dl dt.lhov { width: 94%; height: 40px; float: left;  font-size: 16px; color: #ff7200; text-align: left; line-height: 34px; font-weight: 500; background: #fff; }

.d_list dl dt.lhov a { color: #ff7200; }


.s_pro_lianxi{width:220px; height:80px; background:url(../images/tybgc1.jpg) no-repeat left bottom; float:left;  margin:20px 0 10px 0; position:relative; padding:20px  15px;}

.s_pro_lianxi h4{width:100%; height:30px; float:left; font-size:24px; color:#fff; text-align:left; line-height:30px; font-weight:bold;}

.s_pro_lianxi h4 font{ font-size:16px; color:#fff; text-align:left; line-height:30px; font-weight:bold;}

.s_pro_lianxi h5{width:100%; height:40px; float:left; margin:10px 0 0 0; font-size:24px; color:#ff7200; text-align:center; line-height:40px; font-weight:bold; background:#fff; border-radius:10px; letter-spacing:0;}



.s_prolist{width:920px; float:right;  margin:20px 0 10px 0; position:relative; }


.s_prods { width: 920px; float: left; }

.s_prods dl { width:960px; float: left; }

.s_prods dl dd { width: 320px; height: 320px; float: left; padding: 0; margin: 10px -8px 0px -10px; position: relative; z-index: 10; }


.s_prods dl dd .pgboxs { width: 320px; height: 320px; float: left; background: url(../images/prolian.png) no-repeat left top; position: absolute; z-index: 15; display: none; }

.s_prods dl dd :hover .pgboxs { display: block; }

.s_prods dl dd  .pimgs { width: 290px; height: 220px; float: left; margin: 15px 0 15px 15px; position: relative; z-index: 5; overflow: hidden; }

.s_prods dl dd  .pimgs img { display: block; margin: 0; border: none; transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }
.s_prods dl dd:hover .pimgs img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); transition: all 0.4s linear; -ms-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; }


.s_prods dl dd font { width: 290px; height: 40px; float: left; margin: 5px 0 15px 15px; font-size: 18px; color: #222222; text-align: center; line-height: 40px; font-weight: normal; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; }



/*fanye*/


.s_fanye
{
    width:100%;
    height:auto;
    float:left;
    padding-top:10px;
    padding-bottom:10px;
}
ul.pl1-b { PADDING: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; }
ul.pl1-b li.pl1-b1 { display:inline-block;  margin:4px 5px;  padding:1px 10px;  BORDER: #929292 1px solid; background: #fff; border-radius:50px; }
ul.pl1-b li.pl1-b1 span,ul.pl1-b li.pl1-b1 a{  font-family: Arial; font-size: 14px; COLOR: #929292; TEXT-DECORATION: none;  text-align:center; }

ul.pl1-b li.pl1-b1:hover { font-family: Arial; font-size: 14px; color: #ff7200;   border: #ff7200 1px solid; BACKGROUND-COLOR: #fff;}

ul.pl1-b li.pl1-b1:hover span,ul.pl1-b li.pl1-b1:hover A {  font-family: Arial; font-size: 14px; COLOR: #ff7200; TEXT-DECORATION: none;  text-align:center;    }

ul.pl1-b li.pl1-b1.on1 { font-family: Arial; font-size: 14px; color: #ff7200; border: #ff7200 1px solid; BACKGROUND-COLOR: #fff; }

ul.pl1-b li.pl1-b1.on1 span,ul.pl1-b li.pl1-b1.on1 a{background:none; border:none; color:#ff7200; margin:0; padding:0; }
ul.pl1-b li.pl1-b1 A:active { font-family: Arial; font-size: 14px; color: #ff7200;  border: #ff7200 1px solid; BACKGROUND-COLOR: #fff;} 
ul.pl1-b li.pl1-b1 SPAN.disabled {  font-family: Arial; font-size: 14px; COLOR: #929292; }

/*prodshow*/

.s_pshow1{width:920px; float:left;}

.s_pshow1_pic{width:450px; height:auto!important; min-height:365px; float:left; padding:0 5px 0 0 ;  position:relative;}

.s_pshow1_pic::after{width:1px; height:365px; float:right; background:#eee; content:''; position:absolute; top:0; right:0;}

.s_pshow1_pic img{width:450px; float:left;}


.s_pshow1_txt{width:450px; background:#fff; height:auto!important; min-height:365px; float:right; padding:0;  position:relative;}

.s_pshow1_txt h3{width:94%; float:left; padding:3%; background:#fef6ef;  font-size: 30px; color: #222222; text-align: left; line-height: 40px; font-weight: normal; }


.s_pshow1_txt h4{width:100%; float:left; margin:30px 0 40px 0; padding:0%;  font-size:14px; color: #222222; text-align: justify; line-height:26px; font-weight: normal; }

.s_pshow1_txt h4 font{width:100%; float:left; font-size:16px; color: #222222; text-align: left; line-height:30px; font-weight: bold;}


.s_pshow1_txt h5{width:179px; height:69px; float:left; margin:5px 0  0 0; padding:0%; background:url(../images/dhzxun.jpg) no-repeat left bottom;  font-size:18px; color: #fff; text-align: center; line-height:69px; font-weight: normal; }




.s_pshow2{width:920px; background:#fff; height:auto; float:left; padding:0;  margin:10px 0 20px 0; position:relative;   font-size:14px; color: #222222; text-align: justify; line-height:30px; font-weight: normal; }


.s_pshow2 h5{width:100%; float:left; font-size:16px; color: #222222; text-align: left; line-height:30px; font-weight: bold;}

.s_pshow2_bt{ width:920px; height:55px; margin:10px 0 10px 0; float:left; background:url(../images/pro_bt.jpg) no-repeat left bottom;  }


.s_pshow2_bt font{width:155px; height:54px; float:left;   font-size:24px; color: #fff; text-align: center; line-height:54px; font-weight: normal;}

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




.s_fenye
{
    width:100%;
    height:auto;
    float:left;
    padding-top:10px;
    padding-bottom:10px;
    border-top:1px solid #eee;
}


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

.s_fan1 ul{ width:100%; float:left;}

.s_fan1 ul li{ width:160px; height:50px; float:left; }
.s_fan1 ul li a{ width:160px; height:50px; background:#eeeeee; float:left;   font-size:24px; color: #222222; text-align: center; line-height:50px; font-weight: normal; }
.s_fan1 ul li a:hover{background:#ff7200; color:#fff;}



.s_fan1 ul li:last-child{ width:160px; height:50px; float:right; }

.s_fan1 ul li:last-child a{ width:160px; height:50px; background:#eeeeee; float:right;   font-size:24px; color: #222222; text-align: center; line-height:50px; font-weight: normal; }
.s_fan1 ul li:last-child a:hover{background:#ff7200; color:#fff;}


/*service*/

.s_service{ width:100%; float:left; padding:30px 0 30px 0;}


.s_service h4{ width:100%; float:left; padding:10px 0 20px 0;  font-size:30px; color: #ff7200; text-align: center; line-height:50px; font-weight: bold;}


.s_service h5{ width:100%; float:left; padding:0px 0 20px 0;  font-size:24px; color: #222222; text-align: left; line-height:40px; font-weight: bold;}


.setab1{width:1180px; height:40px; float:left;  margin:20px 0 0 0 ; padding:0 0 0 20px; background:#fff; border:1px solid #ddd;  font-size:16px; color: #222222; text-align: left; line-height:40px; font-weight: normal; }


.setab2{width:1180px; height:120px; float:left;  margin:20px 0 0 ; padding:0 0 0 20px; background:#fff; border:1px solid #ddd;  font-size:16px; color: #222222; text-align: left; line-height:30px; font-weight: normal; }



.setab3{width:140px; height:40px; float:left;  margin:30px 0 10px 0 ; padding:0 0 0 0px; background:#ff7200; border:1px solid #ff7200;  font-size:16px; color: #fff; text-align: center; line-height:40px; font-weight: normal; }



/*news*/


.s_newlist { width: 1200px; height: auto; float: left; margin: 0px 0 0 0; position: relative; z-index: 15; }

.s_newlist dl { width: 1200px; height: auto; float: left; margin:10px 0 20px 0; position: relative; z-index: 15; }

.s_newlist dl dd { width: 1200px; height:180px; float: left; padding:10px 0; margin:5px 0 5px 0; position: relative; z-index: 15; box-shadow:0 2px 4px rgba(34,34,34,0);}
.s_newlist dl dd:hover { width: 1200px; height:180px; float: left; padding:10px 0; margin:5px 0 5px 0; position: relative; z-index: 15; box-shadow:0px 0px 10px rgba(34,34,34,.2);}

.s_newlist dl dd img.cpic { width:400px; height: 180px; float: left; margin:0 0 0 10px;}


.s_newlist dl dd .cstxt { width: 760px; height: auto; float: right; margin:10px 10px 0 0; position: relative; z-index: 12; }


.s_newlist dl dd .cstxt_bt { width:100%; height: 20px; float: right; margin: 0px 0 0 0; position: relative; z-index: 12; }


.s_newlist dl dd .cstxt_bt h6 { width:640px; height: 20px; float: left; margin: 0 0 0 0px; font-size: 16px; color: #222; text-align: left; line-height: 20px; font-weight: normal; text-transform: uppercase; overflow: hidden; }



.s_newlist dl dd .cstxt_bt font { height: 20px; float: right; width: 80px; font-size: 14px; color: #999999; text-align: center; line-height: 20px; font-weight: normal; text-transform: uppercase; overflow: hidden; }


.s_newlist dl dd .cstxt h5{ width: 750px; height:74px; float: left; margin:20px 0px 0 0; font-size: 14px; color: #222; text-align: justify; line-height:28px; font-weight: normal;  position: relative;  display:-webkit-box;   -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden;  }



.s_newlist dl dd:hover  .cstxt_bt h6{color:#ff7200;}





.s_newshow { width: 1060px; height:auto; float: left; padding:50px 70px 70px 70px; margin:20px 0 15px 0; position: relative; z-index: 15; box-shadow:0px 0px 10px   rgba(34,34,34,.2); font-size:16px; color: #222; text-align: justify; line-height:36px; font-weight: normal; }

.s_newshow h4{ width: 1060px; height:auto; float: left; font-size: 30px; color: #222; text-align: center; line-height:38px; font-weight: bold;  }

.s_newshow h5{ width: 1060px; height:auto; float: left; font-size:16px; color: #999999; text-align: center; line-height:30px; font-weight: normal;  padding:0 0 10px 0; border-bottom:1px solid #ddd;}

.s_newshow img{display:block; margin:0 auto;}



/*marketing service*/



.s_marketing{ width:1140px; height:auto; float: left; padding:40px 30px; margin:20px 0 40px 0; position: relative; z-index: 15; box-shadow:0px 0px 10px   rgba(34,34,34,.2);}


.s_makleft{width:540px; float:left;}

.s_markcon{width:100%; float:left; font-size:16px; color: #222; text-align: left; line-height:30px; font-weight: normal; }


.s_markcon h5{width:100%; float:left; margin:0px auto 20px auto; font-size:36px; color: #ff7200; text-align: left; line-height:50px; font-weight: bold; }



.s_markcon ul{width:620px;}
/*fef8f3*/

.s_markcon ul li{width:260px; height:200px; float:left; margin:30px 10px 0 0; background:#fef8f3;}


.s_markcon ul li img{ display:block; margin:30px auto 20px auto; }


.s_markcon ul li h6{width:100%; float:left;  font-size:24px; color: #222; text-align: center; line-height:30px; font-weight: normal; }

.s_markcon ul li h6 font{width:100%; float:left;  font-size:30px; color: #222; text-align: center; line-height:40px; font-weight: normal; }



.s_maklimgs{width:500px; height:360px; float:right;}



/*contact*/




.s_conta{width:630px; float:left; margin:30px auto 30px auto; font-size:22px; color: #222; text-align: left; line-height:40px; font-weight: normal; }

.s_conta h3{width:100%; float:left;  margin:0px auto 20px auto; font-size:36px; color: #ff7200; text-align: left; line-height:50px; font-weight: normal; }

.s_conta strong{width:100%; float:left;  font-size:22px; color: #222; text-align: left; line-height:40px; font-weight: bold; }

.s_conta a{color:#222;}


.s_conta_map{width:520px; height:350px; float:right;  margin:30px auto 30px auto;}


.s_conta_map iframe,.s_conta_map img{width:520px; height:350px;}