@charset "utf-8";
/* CSS Document */
/* 
化工商城推广专题
By：liuyang
ICQ：1845676808
Date：2020/09/02
*/

/**common**/
body, div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {padding:0; margin:0; font:14px Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif;}
table,td,tr,th{font-size:14px;}
ol,ul {list-style:none;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:normal;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
.clear{*zoom:1;}
.clear:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:none;}
a:active { text-decoration:none;}
.fl { float:left;}
.fr { float:right;}
input {outline:0px; -webkit-appearance:none;}


/**ly_top**/
.ly_top { width:100%; height:800px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/bg1.jpg) center center no-repeat; background-size:1920px 800px;}
.ly_top p { width:1200px; height:640px; overflow:hidden; margin:20px auto 0; padding:0;}


/**ly_part1**/
.ly_part1 { width:100%; height:550px; margin:0 auto; padding:0; background:url(../images/bg2.jpg) center top no-repeat; background-size:1920px 550px;}

.ly_main { width:1200px; height:auto; margin:0 auto; padding:200px 0 0; position:relative;}
.ly_tit { width:160px; height:160px; overflow:hidden; margin:0; padding:20px 40px; background:url(../images/tit_bg.png) center center no-repeat; background-size:240px 200px; position:absolute; left:0; top:0; z-index: 99;}
.ly_tit p { width:100%; height:90px; line-height:100px; color:#fff; font-size:96px; font-weight:bold; text-align:center; margin:0 auto; padding:0;}
.ly_tit span { display:block; width:100%; height:40px; line-height:40px; color:#fff; font-size:30px; font-weight:bold; text-align:center; margin:0 auto; padding:0;}

.p1_con { width:1100px; overflow:hidden; margin:-100px auto 0; padding:100px 70px 80px; background:url(../images/con_bg.png) center top no-repeat; background-size:100% 100%; border-radius:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.p1_con .p1_text { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.p1_text p { width:100%; overflow:hidden; line-height:48px; color:#fff; font-size:24px; margin:0 auto; padding:0;}
.p1_text p b { color:#fff000; font-weight:bold;}


/**ly_part2**/
.ly_part2 { width:100%; height:840px; overflow:hidden; margin:0 auto; padding:0; background:url(../images/bg3.jpg) center center no-repeat; background-size:1920px 840px;}

.p2_con { width:1100px; height:700px; margin:-100px auto 0; padding:100px 70px 80px; background:url(../images/con_bg.png) center top no-repeat; background-size:100% 100%; border-radius:20px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.p2_con .p2_text { width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative;}
.p2_text .p2_img { width:960px; height:440px; overflow:hidden; margin:-260px 0 0 -480px; padding:0; position:absolute; left:50%; top:50%;}
.p2_text .p2_tx1 { width:300px; overflow:hidden; line-height:24px; color:#fff; font-size:16px; text-align:justify; margin:0; padding:0; position:absolute; left:0; top:70px;}
.p2_text .p2_tx2 { width:300px; overflow:hidden; line-height:24px; color:#fff; font-size:16px; text-align:justify; margin:0; padding:0; position:absolute; right:0; top:80px;}
.p2_text .p2_tx3 { width:300px; overflow:hidden; line-height:24px; color:#fff; font-size:16px; text-align:justify; margin:0; padding:0; position:absolute; left:0; top:340px;}
.p2_text .p2_tx4 { width:300px; overflow:hidden; line-height:24px; color:#fff; font-size:16px; text-align:justify; margin:0; padding:0; position:absolute; right:0; top:370px;}
.p2_text .p2_tx5 { width:340px; overflow:hidden; line-height:24px; color:#fff; font-size:16px; text-align:justify; margin:0; padding:0; position:absolute; left:260px; top:430px;}


/**ly_part3**/
.ly_part3 { width:100%; height:990px; margin:0 auto; padding:0; background:url(../images/bg4.jpg) center center no-repeat; background-size:1920px 990px;}
.p3_con { width:1100px; height:540px; margin:-100px auto 0; padding:100px 70px 80px; background:url(../images/con_bg.png) center top no-repeat; background-size:100% 100%; border-radius:20px; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.p3_con .p3_img1 { display:block; width:240px; height:210px; margin:0; padding:0; position:absolute; right:40px; bottom:20px;}
.p3_con .p3_img2 { display:block; width:600px; height:50px; margin:0; padding:0; position:absolute; left:70px; bottom:40px;}
.p3_con .p3_text { width:100%; height:100%; margin:0 auto; padding:40px 0 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.p3_fl { width:300px; height:260px; overflow:hidden; margin:0; padding:0; float:left;}
.p3_fl p { width:100%; overflow:hidden; line-height:40px; color:#fff; font-size:22px; margin:0 auto; padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.p3_line { width:1px; height:260px; overflow:hidden; margin:0; padding:0 40px; float:left;}
.p3_fr { width:360px; height:260px; overflow:hidden; margin:0; padding:0; float:left;}
.p3_fr ul li { width:140px; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:16px; margin:0 40px 20px 0; padding:0 10px; background:url(../images/p3_bg.png) 0 0 repeat-y; border-radius:10px; float:left;}
.p3_fr ul li:nth-child(2n+2) { margin:0 0 12px;}
.p3_fl h6, .p3_fr h6 { width:180px; height:54px; overflow:hidden; line-height:54px; color:#170e49; font-size:32px; text-align:center; background-color:#ffcc00; border-radius:27px; margin:0 0 20px; padding:0;}

.ly_wyxd { width:1100px; overflow:hidden; margin:0 auto; padding:0;}
.ly_wyxd a.xd_btn { display:block; width:100%; height:67px; overflow:hidden; line-height:67px; color:#fff; font-size:36px; text-align:center; margin:0 auto; padding:0 0 5px; background:url(../images/wyxd_bg.png) 0 0 repeat-x; border-radius:10px;}
.ly_wyxd p { width:100%; height:20px; overflow:hidden; line-height:20px; color:#fff; font-size:18px; text-align:center; margin:20px auto 0; padding:0;}
.ly_wyxd p a { color:#fff;}
.ly_wyxd p a:hover { color:#f60;}

.ly_kf { width:960px; height:40px; margin:60px auto; padding:0;}
.ly_kf ul li { width:50%; height:40px; line-height:40px; color:#fff; font-size:24px; text-align:center; margin:0; padding:0 40px; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.ly_kf ul li:hover { color:#5297ff;}
.ly_kf ul li img { display:inline-block; width:36px; height:36px; vertical-align:middle; margin:-4px 12px 0 0;}
.ly_kf ul li a { color:#fff;}
.ly_kf ul li a:hover { color:#f60;}

.p3_bottom { width:980px; height:48px; overflow:hidden; margin:80px auto 0; padding:11px 20px; background:url(../images/p3_bg1.png) 0 0 repeat-x; border:1px solid #dcdcdc; border-radius:20px;}
.p3_bottom ul li { width:25%; height:48px; overflow:hidden; line-height:48px; color:#2c2c2c; font-size:24px; text-align:center; margin:0; padding:0; border-left:1px solid #fff; border-right:1px solid #bfbfbf; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
.p3_bottom ul li:first-child { border-left:0;}
.p3_bottom ul li:last-child { border-right:0;}
.p3_bottom ul li img { display:inline-block; width:48px; height:48px; vertical-align:middle; margin:-4px 12px 0 0;}

/**ly_foot**/
.ly_foot { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:40px 0; background-color:#1b232e;}
.ly_foot .ft_nav { width:1080px; height:24px; overflow:hidden; margin:0 auto 40px; padding:24px 10px; border-bottom:1px solid #2e3948;}
.ft_nav ul li { width:120px; height:24px; overflow:hidden; margin:0; padding:0; float:left; position:relative;}
.ft_nav ul li a { display:block; width:100%; height:24px; overflow:hidden; line-height:24px; color:#bcc7d7; font-size:14px; text-align:center; margin:0 auto; padding:0;}
.ft_nav ul li a:hover { color:#fff;}
.ft_nav ul li em { display:block; width:1px; height:14px; overflow:hidden; margin:0; padding:0; background-color:#bcc7d7; position:absolute; top:5px; right:0;}

.ft_con { width:1100px; height:190px; margin:0 auto; padding:0;}

.ft_con .ft_fl { width:720px; overflow:hidden; margin:0; padding:0; float:left;}
.ft_fl .ft_kf { width:100%; overflow:hidden; margin:0 auto 30px; padding:0;}
.ft_kf .kfrx { width:100%; height:30px; overflow:hidden; margin:0 auto 10px; padding:0;}
.kfrx p { height:30px; line-height:30px; color:#bcc7d7; font-size:14px; margin:0 20px 0 0; padding:0; float:left;}
.kfrx p span { color:#f08200; font-size:24px; font-weight:bold;}
.kfrx p em { display:block; width:90px; height:30px; overflow:hidden; line-height:30px; color:#fff; font-size:14px; font-style:normal; text-align:center; background-color:#34455a; margin:0; padding:0; float:left;}
.kfrx p i { display:block; width:88px; height:28px; overflow:hidden; line-height:28px; color:#bcc7d7; font-size:14px; font-style:normal; text-align:center; border: 1px solid #34455a; margin:0; padding:0; float:left;}

.ft_kf ul li { height:30px; line-height:30px; color:#bcc7d7; font-size:14px; margin:0 20px 0 0; padding:0; float:left;}
.ft_kf ul li:last-child { margin:0;}

.ft_fl .ft_copy { width:100%; overflow:hidden; margin:0 auto; padding:0;}
.ft_copy p { width:100%; overflow:hidden; line-height:30px; color:#bcc7d7; font-size:14px; margin:0 auto; padding:0;}
.ft_copy p a { color:#bcc7d7;}
.ft_copy p a:hover { color:#fff;}

.ft_con .ft_fr { width:340px; height:190px; overflow:hidden; margin:0; padding:0; float:right;}
.ft_fr .ft_ewm { width:140px; height:170px; overflow:hidden; margin:0; padding:10px; background-color:#333c4d; float:right;}
.ft_ewm img { display:block; width:140px; height:140px; overflow:hidden; margin:0 auto 10px; padding:0;}
.ft_ewm p { width:140px; height:20px; overflow:hidden; line-height:20px; color:#fff; font-size:14px; text-align:center; margin:0 auto; padding:0;}
.ft_fr a.chem17 { width:160px; height:50px; overflow:hidden; margin:70px 0; padding:0; float:left;}


/**右侧漂浮**/
.ly_right_pf { width:125px; height:312px; margin:-340px 0 0; padding:180px 60px 8px; background:url(../images/pf_bg.png) center top no-repeat; position:fixed; top:50%; right:0; z-index:999;}
.ly_right_pf ul li { width:125px; height:52px; margin:0 auto; padding:0; position:relative;}
.ly_right_pf ul li a { display:block; width:100%; height:52px; overflow:hidden; line-height:52px; color:#fff; font-size:18px; text-align:center; margin:0 auto; padding:0;}
.ly_right_pf ul li em { display:block; width:125px; height:1px; overflow:hidden; margin:0; padding:0; background:url(../images/line1.png) 0 0 no-repeat; position:absolute; left:0; bottom:0;}
.ly_right_pf ul li.kfqq p { width:190px; height:52px; overflow:hidden; line-height:52px; color:#2f82e0; font-size:18px; background-color:#fff; margin:0; padding:0 20px; position:absolute; top:0; right:0; border-radius:8px 0 0 8px; display:none;}
.ly_right_pf ul li.kfqq p a { color:#2f82e0;}
.ly_right_pf ul li.kfqq:hover p { display:block;}