@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700');
*{ margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,blockquote,p{padding:0; margin:0; font-size:100%; background:transparent; outline:0; border:0;}
li{list-style-type:none;}img{vertical-align:top;border:0; margin:0; overflow:hidden}ol,ul {list-style:none;}   
.blank1 {clear:both; height:1px; font-size:0; overflow:hidden; display:block;}
.blank10 {clear:both; height:10px; overflow:hidden; display:block;}
.blank12 {clear:both; height:12px; overflow:hidden; display:block;}
.blank15 {clear:both; height:15px; overflow:hidden; display:block;}
.blank5 {clear:both; height:5px; overflow:hidden; display:block;}
.blank30 {clear:both; height:30px; overflow:hidden; display:block;}
.blank20 {clear:both; height:20px; overflow:hidden; display:block;}
.blank40 {clear:both; height:40px; overflow:hidden; display:block;}
.blank50 {clear:both; height:50px; overflow:hidden; display:block;}
.blank60 {clear:both; height:60px; overflow:hidden; display:block;}
.blank80 {clear:both; height:80px; overflow:hidden; display:block;}
.blank360 {clear:both; height:360px; overflow:hidden; display:block;}
.cb{ clear:both;}.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}.fl { float:left;}.fr { float:right;}
a{color: #323232; text-decoration: none; outline:none;}a:hover {color: #cb252b; text-decoration: underline}
body {background:#fff;font-size:14px;color: #3a3a3a;line-height:28px;font-family:Microsoft YaHei,Verdana; -webkit-text-size-adjust:none; min-width:1300px;}

.mainbody { width:1300px; margin:0 auto;font-family:Microsoft YaHei;}

.top{width:100%; top:0;left:0; z-index:889; position:absolute;}

/*导航栏部分*/
.navs11 { width:100%;height:94px; border-bottom:rgba(255,255,255,.4) 1px solid; background-color:transparent;}
.logo { height:50px; float:left; margin-top:22px;}

/*导航栏变异部分*/

.navs22 { width:100%;height: 94px;background:#fff;-webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 2px 2px 2px;}
.fixnav {position: fixed;top: 0px;left: 0px;z-index:888;}

.navs11 .tel { float:right; font-size:12px; color:#fff; text-align:right; padding-top:20px;}
.navs11 .tel img { vertical-align:middle; margin-right:6px;}
.navs11 .tel p {font-family: impact;src: url(../fonts/impact.ttf); font-size:22px; line-height:30px;}
@font-face {
  font-family: impact;
  font-weight: 600;
  src: url(../fonts/impact.ttf);
}

.menu{ height:94px; float:right; overflow:hidden; padding-right:20px;}

.nav { height:94px; float:right;}
.nav ul li { height:94px; line-height:18px; font-size:16px; float:left; text-transform:uppercase;}
.nav ul li span { text-indent:-999px; display:block; font-family:Arial; font-size:10px; text-transform:uppercase;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}
.nav ul li a,.nav ul li a:visited{color:#fff; padding-top:20px; margin:0 15px;height:74px;display:block; text-decoration:none;}
.nav ul li a:hover,.nav ul li:hover a { color:#cb252b;padding-top:25px;height:69px;}
.nav ul li:hover span {text-indent:0; transition:all 500ms;}

.menu2 { padding-right:20px;height:100px; overflow:hidden; float:right;}
.menu2 .dh { color:#828282; width:70%;}
.menu2 .nav ul li a,.menu2 .nav ul li a:visited{color:#444;}
.menu2 .nav ul li a:hover,.menu2 .nav ul li:hover a { color:#cb252b;padding-top:25px;height:69px;}
.navs22 .tel { float:right; font-size:12px; color:#505050; text-align:right; padding-top:20px;}
.navs22 .tel img { vertical-align:middle; margin-right:6px;}
.navs22 .tel p {font-family: impact;src: url(../fonts/impact.ttf); font-size:24px; line-height:30px; color:#cb252b;}

#nav1 .nav1 a,#nav2 .nav2 a,#nav3 .nav3 a,#nav4 .nav4 a,#nav5 .nav5 a,#nav6 .nav6 a,#nav7 .nav7 a,#nav8 .nav8 a{ text-decoration:none; color:#cb252b; background:url(../images/line2.jpg) repeat-x bottom;padding-top:25px;height:69px;}
#nav1 .nav1 span,#nav2 .nav2 span,#nav3 .nav3 span,#nav4 .nav4 span,#nav5 .nav5 span,#nav6 .nav6 span,#nav7 .nav7 span,#nav8 .nav8 span{text-indent:0;}

.flash { clear:both; width:100%; height:670px; overflow:hidden; position:relative;}
.flash2 { clear:both; width:100%; height:480px; overflow:hidden; position:relative;}

.hdbg { clear:both; width:100%; background:#f7f7f7; overflow:hidden;}
.hdbg p { background:url(../images/aa1.png) no-repeat left center; padding-left:20px; height:60px; line-height:60px;}

.hdbg2 { clear:both; width:100%; background:#f7f7f7; padding-bottom:60px; overflow:hidden;}
.white { background:#fff; width:1220px; overflow:hidden; margin:0 auto; overflow:hidden; padding:40px; border-radius:10px;}
.hdbg2 .hdbg { width:1300px; margin:0 auto;}

.abtit { clear:both; text-align:center; padding-bottom:30px; overflow:hidden; width:100%; line-height:50px;}
.abtit h3 { font-size:40px; color:#000; font-weight:bold;}
.abtit p { font-size:14px; color:#999; text-transform:uppercase;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}

.abtit2 { clear:both;padding-bottom:30px; overflow:hidden; width:100%; line-height:40px;}
.abtit2 p { font-size:50px; color:#cb252b; text-transform:uppercase; font-family:Arial; padding-bottom:15px; font-weight:bold;}
.abtit2 h3 { font-size:40px; color:#000; font-weight:500; background:url(../images/line.jpg) no-repeat left bottom; padding-bottom:8px;}

.syfl { text-align:center;}
.syfl a { display:inline-block; margin:6px; padding:5px 24px; border:#ddd 1px solid; color:#333; text-decoration:none; font-size:14px;}
.syfl a:hover,.syfl a.aaa { background:#cb252b; color:#fff;}

.abbg { clear:both; padding:60px 0; background:url(../images/abbg.jpg) no-repeat center; overflow:hidden; font-size:14px; line-height:30px;}
.abimg { width:550px; float:left;}
.abimg img { width:550px;}
.syabout { width:650px; float:right;}
.syabout h3 { font-size:25px; color:#cb252b; padding-bottom:20px;}
.syabout h3 span { display:block; color:#666; font-size:14px; font-weight:400; padding-bottom:15px;}
.syabout h3 b { display:block; width:50px; height:3px; font-size:0; overflow:hidden; background:#cb252b;}

.more33 { padding-top:25px;}
.more33 a { display:inline-block; padding:3px 25px; background:#cb252b; color:#fff; text-decoration:none;}

.ysbg { clear:both; padding:70px 0; background:url(../images/bg.jpg) no-repeat center fixed; overflow:hidden;}
.ysbg .abtit h3,.ysbg .abtit p { color:#fff;}
.ysbg li { width:17%; float:left; margin-left:2%; padding:3%; background:url(../images/iconbg.png) repeat-x bottom; min-height:200px; color:#fff; text-align:center; border-radius:10px;}
.ysbg li:first-child { margin-left:0;}
.ysbg li h3 { font-size:20px; padding-bottom:15px;}
.ysbg li img { height:60px; margin-bottom:20px;transition:width 1s, height 1s;
-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */
-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */
-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */
}
.ysbg li:hover img{transform:rotate(-360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */
}


.ysbg li p { font-size:14px;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}

.text2 { width:540px;}
.ttt { width:100%; padding-bottom:30px; overflow:hidden;}
.ttt h3 { width:80px; height:102px; background:#cb252b; float:left; color:#fff; text-align:center;}
.ttt h3 b { font-size:44px; display:block; line-height:46px; padding:15px 0 5px 0;}
.ttt h3 span { font-size:16px; font-weight:400;font-family:"Times New Roman"; display:block;}
.ttt p { width:430px; float:right; color:#373737; font-size:32px; font-weight:bold; line-height:40px; padding-top:5px;}
.ttt p span { font-size:14px; display:block; color:#a9a9a9; font-weight:400; font-family:"Times New Roman";}
.ttt p b { display:block; width:50px; height:3px; font-size:0; overflow:hidden; background:#373737; margin-top:10px;}
.text2 .tex2 p { font-size:16px; color:#767676; line-height:30px; padding:5px 0 5px 27px; background:url(../images/cc.jpg) no-repeat 0 14px;}

.sysb { width:100%; height:517px; position:relative; overflow:hidden;}
.sysb .abimg2 { width:50%; height:517px; background:url(../images/ab2.jpg) no-repeat center; background-size:cover; overflow:hidden; position:absolute; left:0; top:0; z-index:9;}
.sysb .mainbody { width:1300px; height:517px;overflow:hidden; position:absolute; left:50%; margin-left:-650px; top:0; z-index:99;}
.sysb .text2 { padding-top:20px;}
.sysb .text3 { width:805px; height:200px; background:#fff; float:right; margin-top:50px;}
.sysb .text3 img { margin:17px 0 0px 17px; height:183px;}

.albg { clear:both; padding-bottom:70px; overflow:hidden; background:url(../images/bg2.jpg) repeat-x bottom;}
.anli { width:650px; padding-top:20px;}
.anli h3 { font-size:26px; font-weight:bold; margin-bottom:30px; border-left:#cb252b 4px solid; padding-left:15px;}
.anli p { padding:5px 10px; width:90%; color:#777; font-size:16px; border:#eee 1px solid; margin:10px 0;}
.anli p:hover { border:#ccc 1px solid;}
.anli .more { padding-top:115px;}
.anli .more a { display:inline-block; border:#fff 1px solid; padding:5px 30px; color:#fff; text-decoration:none; font-size:16px;}
.anli .more a:hover { background:#fff; color:#cb252b;}

.albg2 { clear:both; padding:60px 0; overflow:hidden; background:url(../images/albg.jpg) no-repeat center;}
.albg2 h3 {font-size:26px; font-weight:bold; margin-bottom:30px; color:#fff;}
.albg2 h3 span { font-size:16px; font-family:Arial; font-weight:400;}
.albg2 .bg {width:96%; background:#fff; padding:20px 2%; overflow:hidden;}
.pro_img td { padding:0 8px; text-align:center;}
.pro_img img { height:240px;}
.pro_img p { color:#333; margin-top:7px;}

.hbbg { clear:both; padding:60px 0; overflow:hidden; background:#f3f3f3;}
.hbbg li { width:196px; height:80px;line-height: 80px;position: relative;vertical-align: middle; background:#fff; margin:10px; float:left; text-align:center; overflow:hidden;transition:all 1s;}
.hbbg li img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:80%; max-height:80%;transition:all 1s;}
.hbbg li:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.hbbg li:hover {-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 10px #ccc;transform:scale(1.1,1.1);transform-origin:center center}

.synews li { width:336px; padding:40px 35px; margin-left:35px; float:left; border:#efefef 1px solid;}
.synews li:first-child { margin-left:0;}
.synews li:hover { border-bottom:#0060a7 2px solid;}
.synews li .time {color:#9999a1;font-size:16px;}
.synews li .time span { display:block; font-size:32px; font-weight:400;font-family: din_n_;src: url(../fonts/din_n_.ttf);}
.synews li h3 { font-size:18px; font-weight:400; padding:15px 0;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.synews li h3 a { color:#000;}
.synews li:hover h3 a,.synews li h3 a:hover { color:#02529b;}
.synews li .tex {height: 60px;color: #9d9f9e;line-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.synews li .nimg { width:336px; height:134px; padding-top:15px;}
.synews li .nimg img {width:336px; height:134px;}
@font-face {
  font-family: din_n_;
  font-weight: 400;
  src: url(../fonts/din_n_.ttf);
}

.footer { clear:both; width:100%; padding-top:50px; background:#343539; min-width:1300px; color:#c3c3c3; overflow:hidden;}
.footer a{ color:#c3c3c3;}
.footer h3 { color:#fff; font-size:16px; padding-bottom:10px;}
.footer .ftbq { float:left; overflow:hidden;}
.footer .ftbq li { float:left; padding:0 30px; line-height:24px;}
.footer .ftbq li.ss { width:655px; padding:0;}
.footer .ftbq li.ss a { width:32%; display:inline-block; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
.footer .ftbq li.s2 { width:70px; border-left:#494a4d 1px solid;border-right:#494a4d 1px solid; padding-bottom:10px;}
.footer .ftbq li.s2 a{ display:block; line-height:29px;}
.footer .ftbq li.s1  {border-right:#494a4d 1px solid; padding-bottom:11px;}
.footer .ftbq li.s1 .tt {min-height:96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.footer .ftbq li.s1 h2 {font-family: din_n_; src:url(../fonts/din_n_.ttf); font-size:30px; font-weight:bold; padding:10px 0; color:#fff;}
.footer .ftbq li.s1 h2 img { vertical-align:middle; margin-right:10px;}
.footer .ew { float:right; padding-top:10px;}

.footer .ftlx { float:right; width:320px; padding-right:35px; overflow:hidden;}
.footer .ftlx .tt {overflow:hidden; background:url(../images/add.png) no-repeat 0 9px; margin-top:10px; padding-left:30px; line-height:34px;}

.footer2 { clear:both; width:100%; height:70px; line-height:70px; border-top:#7d7d81 1px solid;color:#c3c3c3;}
.footer2 .fl { float:left;}.footer2 .fr { float:right;}

.about {padding:0 2%; font-size:16px; line-height:30px; overflow:hidden;}
.about p { padding:5px 0; text-indent:2em;}
.about img { margin-top:10px;}

/*hezuo*/
.hez{ background-color:#f6f6f6; overflow:hidden;}
.hezuo { overflow:hidden; width:1300px; margin:0 auto; padding:20px 0}
.hl_main5_content{ width:1300px;height:330px; overflow:hidden;position:relative; margin:0 auto;}
.hl_main5_content1{width:1300px;overflow:hidden; margin:0 auto;}
.hl_main5_content1 ul{width:2600px;height:250px; overflow:hidden;}
.hl_main5_content1 li{ float:left; width:196px; height:100px;line-height: 100px;position: relative;vertical-align: middle; background:#fff; margin:10px 6px; float:left; text-align:center;transition:all 1s; margin-right:18px;}
.hl_main5_content1 li img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:80%; max-height:80%;transition:all 1s;}
.hl_main5_content1 li:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.hl_main5_content1 li:hover {-moz-box-shadow: 0px 0px 5px #ccc;-webkit-box-shadow: 0px 0px 5px #ccc;box-shadow:0px 0px 10px #ccc;transform:scale(1.1,1.1);transform-origin:center center}
.hl_scrool_leftbtn,.hl_scrool_rightbtn{ width:40px; height:40px; cursor:pointer; position:absolute; bottom:0px; z-index:11;}
.hl_scrool_leftbtn{background:url(../images/bg1.png) no-repeat 0 0; left:46.8%;}
.hl_scrool_rightbtn{background:url(../images/bg1.png) no-repeat -60px 0; right:46.8%;}
.hl_scrool_leftbtn:hover{background:url(../images/bg1.png) no-repeat 0 -40px;}
.hl_scrool_rightbtn:hover{background:url(../images/bg1.png) no-repeat -60px -40px;}
.hl_main5_content i {display: block;width: 200px;height: 1px;background-color: #bebebe;position: absolute;left:50%; margin-left:-100px;bottom:20px; font-size:0; z-index:9;}

.servic li { float:left; width:16.5%; padding:20px 3%; margin:10px 15px; border:#ddd 1px solid; min-height:250px;}
.servic li h3 { font-size:18px; font-weight:bold; padding-bottom:15px;}

.cfsb .img { width:870px;}
.cfsb .img img { width:100%;}
.cfsb h3 { width:300px; font-size:30px; color:#cb252b; font-weight:bold; line-height:40px; padding-top:20px;}
.cfsb h3 span { display:block; color:#797979; font-family:Arial; text-transform:uppercase; font-size:24px;}
.cfsb .s2 { width:700px; background:#fff; overflow:hidden; margin-top:-220px;}
.cfsb .s2 img { max-width:46%; height:auto !important; height:100%; margin:10px 0 10px 10px;}
.cfsb .s4 { width:100%; margin-top:0;}
.cfsb .s4 img { max-width:23.5%; height:auto !important; height:100%; margin:20px 23px 10px 0;}
.cfsb .s1 { width:300px;}
.cfsb .s1 img { max-width:98%; height:auto !important; height:100%; margin-top:20px;}
.cfsb .s3 { width:900px; background:#fff;overflow:hidden; margin-top:-160px;}
.cfsb .s3 img { max-width:31.2%; height:auto !important; height:100%; margin:15px 19px 0px 0px;}
.cfsb p { line-height:22px;}

.line { clear:both; background:url(../images/bline.png) repeat-x left center; height:25px; overflow:hidden; padding:40px 0; background-size:94px 24px;}

.pro2 li {border:#ddd 1px solid; width:46%; background:#f7f7f7; padding:14px; margin:10px 10px 10px 9px; float:left; float: left;position: relative;}
.pro2 li .pimg { width:248px; float:left; height:200px;line-height: 200px; border:#ddd 1px solid; overflow:hidden; margin:0 auto; background:#fff; text-align:center;vertical-align: middle;position: relative;}
.pro2 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;transition:all 1s;}
.pro2 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.pro2 li .text { float:right; width:288px;}
.pro2 li h3 { color:#4b4b4b; font-size:18px; font-weight:bold; padding:10px 0;}
.pro2 li h3 a{ color:#4b4b4b;}
.pro2 li:hover h3 a{ color:#fff;}
.pro2 li p { color:#4b4b4b; line-height:24px;-moz-opacity:0.7; filter:alpha(opacity=70); opacity:0.7;}
.pro2 li:hover p { color:#fff;}
.pro2 li .more { padding-top:10px; height:28px; display:block;width:88px; margin:0 auto; text-align:center;}
.pro2 li .more a{ height:28px; width:88px;transition:all 500ms; color:#fff; background:#b7b7b7; text-decoration:none; font-size:12px; display:block;}
.pro2 li .more a:hover,.pro2 li:hover .more a { transition:all 500ms; color:#1b68cf; background:#fff;}

.pro3 li { float:left; width:30.7%; overflow:hidden; color:#444; margin:15px; border:#ddd 1px solid; height:400px; position:relative;}
.pro3 li .pimg { width:100%; height:310px; overflow:hidden;text-align:center;position: relative;line-height:310px;vertical-align: middle;}
.pro3 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:94%; max-height:94%;transition:all 1s;}
.pro3 li:hover img{ transform:scale(0.9,0.9);transform-origin:center top;}
.pro3 li .tex {width:100%; height:90px; line-height:90px; background:#bcbcbc; position:absolute; left:0; bottom:0; z-index:99;}
.pro3 li .tex h3 { font-size:20px; font-weight:bold; padding:0 20px;white-space: nowrap;text-overflow: ellipsis;}
.pro3 li .tex h3 a { color:#fff; display:block; text-decoration:none;overflow:hidden;}
.pro3 li .tex p{ padding:0 20px; font-size:16px; display:none;}
.pro3 li:hover .tex { transition:all 500ms; height:120px; color:#fff; line-height:30px; background:#cb252b;}
.pro3 li:hover .tex h3 { padding:25px 20px 2px 20px;}
.pro3 li:hover .tex p { display:block;}

.pro22 li {border:#ddd 1px solid; width:500px; background:#f7f7f7; padding:15px; float:left; margin:30px 34px;float: left;position: relative;}
.pro22 li .pimg { width:500px; height:333px;line-height: 333px; overflow:hidden; margin:0 auto; background:#fff; text-align:center;vertical-align: middle;position: relative;}
.pro22 li .pimg img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;transition:all 1s;}
.pro22 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}

.pro23 li { width:370px;float:left; margin:18px;float: left;position: relative;}
.pro23 li .pimg { width:370px; height:255px; overflow:hidden;}
.pro23 li .pimg img {width:370px; height:255px;transition:all 1s;}
.pro23 li .pimg:hover img{ transform:scale(1.2,1.2);transform-origin:center center}
.pro23 li p { text-align:center; line-height:50px; font-size:16px; border-bottom:#ddd 2px solid;}

.jq222{width: 100%; height:307px;position: relative; display:block;}
.jq222 .border-bottom{width: 0px;height: 2px;background: #cb252b;position:absolute;left:0px;bottom:0;z-index:9999}

#zoom{position:absolute;width:150px;height:150px;background-repeat:no-repeat;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.8);display:none; z-index:9999;}
#wrapper{width:1100px; height:670px; position:relative; margin:0 auto;}
#content3{text-align:center}
#view{ width:1000px; height:550px; line-height:550px;margin:20px auto;height:auto;background:#fff;-webkit-box-shadow:rgba(0,0,0,.3) 0 0 5px;-moz-box-shadow:rgba(0,0,0,.3) 0 0 5px;box-shadow:rgba(0,0,0,.3) 0 0 5px;display: -webkit-box;display: -moz-box;display: box;-webkit-box-align:center;-moz-box-align:center;box-align:center;-webkit-box-pack:center;-moz-box-pack:center;box-pack:center; text-align:center;position: relative;vertical-align: middle;}
#view img{ position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:90%; max-height:90%;}
#thumbs{position:relative;margin:20px 0}
#nav-left-thumbs{left:20px}
#nav-right-thumbs{right:20px}
#nav-left-thumbs,#nav-right-thumbs{ width:25px; height:43px;position:absolute;top:45%;cursor:pointer; background-repeat:no-repeat; background-image:url(../images/aaa.png);}
#nav-left-thumbs { left:0; background-position: left center;}
#nav-right-thumbs { right:0; background-position: right center;}
#pics-thumbs{position:relative;padding:5px 0;margin:0 52px;white-space:nowrap;overflow:hidden;transition-duration:.8s}
#pics-thumbs img{padding:5px;margin:0 2px;box-shadow:0 0 3px rgba(57,59,73,.6);cursor:pointer;height:75px;transition-duration:.5s}

.product { background:#fff; overflow:auto; padding:40px 0;}
.product .tit2 { width:100%; line-height:30px; border-bottom:#ececec 2px solid; padding-bottom:20px; margin-bottom:10px;}
.product .tit2 h3 {color:#cb252b; font-size:36px; font-weight:700;}
.product .tit2 h3 span {font-size:18px; padding-left:10px;}
.protext { font-size:16px; line-height:30px;}
.protext h3 { clear:both; font-size:20px; font-weight:bold; padding:10px 0;}
.protext .s4 li { width:20%; float:left;}
.protext .s4 li p { padding-left:30px;}
.product table { width:100%; margin:10px auto; border-left:#fff 2px solid;border-top:#fff 2px solid;}
.product td,.product th {border-right:#fff 2px solid;border-bottom:#fff 2px solid; padding:8px 10px; font-size:16px; line-height:22px; background:#f7f7f7; text-align:center;}
.product th { color:#666; font-weight:bold; text-align:center; background:#ddd;}
.product td.pro { width:20%; background:#efefef;}

.othpro { clear:both;}
.othpro li { width:24%; float:left; margin-right:1%;}
.othpro li a { background:url(../images/01.gif) no-repeat 10px center; border-bottom:#999 1px dotted; padding-left:30px; display:block;}

.product .order { padding-top:25px;}
.mainbody h4 { margin:10px 0; background:#cb252b; color:#fff; padding:5px 15px; font-size:16px;}

.pro_img td { padding:0 5px; text-align:center;}
.pro_img .pro { background:#efefef; padding:10px;}
.pro_img .img { width:310px; height:200px; text-align:center; overflow:hidden; background:#fff;position: relative;line-height: 200px;vertical-align: middle;}
.pro_img .img img {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;max-width:100%; max-height:100%;}
.pro_img p {overflow:hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:5px; text-align:center;}

.news { padding:0 2%;font-size:16px; line-height:32px;}
.time0 { text-align:center; padding-top:10px; color:#999; font-size:14px;}
.news h1,.product h1 { width:85%; text-align:center; font-size:30px; font-weight:bold; line-height:35px; color:#333;margin:0 auto;}
.news p {padding:5px 0; text-indent:2em;}
.news img { margin:5px 0; max-width:100%; height:auto !important; height:100%;}
.news table { width:100%; margin:5px auto;border-bottom:#666 1px solid;border-right:#666 1px solid;}
.news td,.news th {padding:5px 10px; font-size:14px; line-height:22px;border-top:#666 1px solid;border-left:#666 1px solid;}
.news th { background:#f5f5f5; color:#666; font-weight:bold; line-height:35px; text-align:center;}

.news .ppimg { text-align:center; width:100%; margin:0 auto;}
.news .ppimg li { display:inline-block; margin:10px;}
.news ul.ppimg2 { width:80%; padding:0 10%;}

.contact { padding:0 2%; font-size:16px; line-height:30px;}
.contact b { text-align:center; font-size:18px;  display:block;}

.contact li { float:left; padding:2%; width:27.8%; margin:2%; text-align:center; margin-right:0; border:#ddd 1px solid;-moz-box-shadow: 0px 0px 10px #ccc;-webkit-box-shadow: 0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;}
.contact li:first-child { margin-left:0;}
.contact li img { height:60px; margin-bottom:15px;transition: width 1s, height 1s;-moz-transition: width 1s, height 1s, -moz-transform 1s;-webkit-transition: width 1s, height 1s, -webkit-transform 1s;-o-transition: width 1s, height 1s, -o-transform 1s;}
.contact li:hover img{transform:rotate(-360deg);
-moz-transform:rotate(360deg); /* Firefox 4 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Opera */}

.iw_poi_title { font-size:14px;}
.iw_poi_content { font-size:12px;}

.pnpage { clear:both; text-align:center;padding-top:25px; font-size:14px;}
.pnpage a { padding:2px 10px; font-weight:bold; margin:0 6px; border-radius:35px; text-decoration:none;}

.close { clear:both; color:#f60; text-align:center; padding-top:10px;}
.close a{color:#f60; }

.yy td {padding:3px 0; font-size:14px;}
.yy input { border:#b2b5b5 1px solid;height:25px;line-height: 25px; margin:0 3px; color: #222; padding:0 10px; outline:none;}
.yy textarea {border:#b2b5b5 1px solid; line-height:25px;margin:0 3px;color: #222; padding:0 10px; outline:none; width:70%;}
.yy input.aak { background:#000; color:#fff; line-height:25px; padding:0 10px; cursor:pointer;}
.yy input.s1 { width:70%;}
.yy input.s2 { width:10%;}

.sousou { width:1000px; height:50px; margin:10px auto; border:#cb252b 3px solid; border-radius:5px;}
.sousou input { font-size:16px; color:#999;padding:0; height:50px; line-height:50px; margin:0; border:0; background:none; outline:none;}
.sousou input.search1 { width:80%; background:url(../images/ss1.png) no-repeat 15px center;padding:0 15px 0 45px;}
.sousou input.searchimg1 { width:130px; background:#cb252b; color:#fff; border:0; text-align:center; float:right; cursor:pointer;}

.txtc { clear:both; text-align:center; padding-right:25px; padding-top:10px; font-size:12px}
span.current,a.num { display:inline-block; margin:0 5px; padding:0 12px; height:30px; line-height:30px; border:#ddd 1px solid; vertical-align:middle;}
span.current,a.num:hover { background:#ffe7e8; border:#e9babc 1px solid; color:#cb252b;}
a.next,a.prev { text-decoration:none; text-indent:-9999px; margin:0 5px; width:32px; height:32px; display:inline-block; vertical-align:middle;}
a.prev { background:#cb252b url(../images/a2.png) no-repeat center;}
a.next{ background:#cb252b url(../images/a1.png) no-repeat center;}

.hzbg { width:100%; background:#f8f8f8; padding:15px 0; overflow:hidden; }
.hzbg .left { margin-top:20px;}

.ablist { padding-bottom:40px; overflow:hidden; text-align:center; font-size:16px;}
.ablist a { display:inline-block; padding:8px 60px; background:#efefef; color:#666; margin:0 20px; text-decoration:none; border-radius:40px;}
#kk1 a.kk1,#kk2 a.kk2,#kk3 a.kk3,#kk4 a.kk4,#kk5 a.kk5,#kk6 a.kk6,#kk7 a.kk7,#kk8 a.kk8,#kk22 a.kk22{background:#09509e; color:#fff;}

.ablist p { color:#999; text-align:left; padding-left:23px; font-size:14px; background:url(../images/h.jpg) no-repeat left center;}
.ablist p a { padding:0; background:none; color:#999; margin:0;}

.newlist li { width:96%; padding:30px 2%;margin:5px 0; float:left; border-bottom:#ddd 1px solid; line-height:24px;}
.newlist li .time { width:10%; color:#bbb;font-size:30px; font-weight:bold; float:left; line-height:30px; padding-top:2px;}
.newlist li .time span { display:inline-block; font-size:14px; padding:0 5px; border:#ccc 1px solid; font-weight:400; margin-top:5px; line-height:22px;}
.newlist li .text { width:60%;float:left;}
.newlist li h3 { font-size:20px; padding-bottom:10px;overflow:hidden; font-weight:400;}
.newlist li h3 a { color:#000;}
.newlist li h3 a:hover { color:#cb252b;}
.newlist li .text .tex { overflow:hidden; color:#878787; line-height:20px;min-height: 60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.newlist li .pimg { width:25%; height:190px; overflow:hidden; float:right;}
.newlist li .pimg img { width:100%;}
.newlist li .more3 { padding-top:15px;}
.newlist li .more3 a { display:inline-block; border:#ccc 1px solid; border-radius:25px; text-decoration:none; padding:0 20px; color:#999;}
.newlist li .more3 a:hover { background:#cb252b; color:#fff; border:#cb252b 1px solid;}

.joblist li { float:left; width:100%; padding:15px 0;}
.joblist li h3 { background:#ddd; padding:6px 15px; font-size:18px; font-weight:bold; border-radius:3px;}
.joblist li h3 span { display:inline-block; margin-left:15px; background:#f7f7f7; padding:0 15px; border-radius:30px; font-size:12px; font-weight:400; line-height:20px;}
.joblist li .tex { padding:10px 15px; border:#ddd 1px solid;}

.dingdan { padding:1% 2%; background:#f9f9f9; overflow:hidden;}
.dingdan p { padding:5px 0;}
.dingdan input,.dingdan textarea { height:40px; line-height:40px; padding:0 1%; border:#ddd 1px solid; border-radius:5px; background:#fff; width:46%;font-family:Microsoft YaHei; color:#999; font-size:14px;}
.dingdan span { padding:0 5px; color:#f00; font-size:16px;}
.dingdan input.s1 { width:96%; color:#09509e; font-weight:bold;}
.dingdan input.s2 { width:120px;}
.dingdan input.aak { width:120px; background:#000; color:#fff;}
.dingdan textarea { padding:5px 1%; line-height:20px; height:100px; width:96%;}
.dingdan img { margin:0 10px; height:45px;}
.dingdan input:focus,.dingdan textarea:focus { outline:#cb252b 2px solid;}

.ssou5 { width:1240px; height:50px; margin:10px auto; border:#666 3px solid; border-radius:5px;}
.ssou5 input { font-size:16px; color:#666;padding:0; height:50px; line-height:50px; margin:0; border:0; background:none; outline:none;}
.ssou5 input.search1 { width:855px; background:url(../images/ss1.png) no-repeat 15px center;padding:0 15px 0 45px;}
.ssou5 form select {appearance:none;-moz-appearance:none;-weblit-appearance:none;}
.ssou5 select { width:185px; height:50px;position:relative; background:none; border:0; font-size:16px; line-height:50px; padding:0 25px 0 10px; margin:0; border-right:#ddd 1px solid;background: url(../images/arrow-down.png) no-repeat 158px center; cursor:pointer; color:#666;}
.ssou5 input.searchimg1 { width:130px; background:#666; color:#fff; border:0; text-align:center; float:right; cursor:pointer;}