@charset "utf-8";

/* CSS Document */



body{ font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:24px;}



a { color:#fff; font-size:12px; text-decoration:none; }



a:hover { text-decoration:none;}



.body-bg{ width:100%; background-image:url(../images/bg.jpg); background-attachment:fixed; background-position:top center; background-size:cover;}





/***************index css********************/

.header-f{ width:100%; height:136px; overflow:visible; position:absolute; z-index:9999; left:0; top:0; background:url(../images/top-bg.png);}

.top{ width:100%; height:86px; border-bottom:1px solid #c5c5c5;}

.top .bg{ width:1200px; height:86px; margin:0 auto}

.top .bg .logoo{ width:600px; height:86px; float:left}

.top .bg .right{ width:328px; height:auto; float:right; margin-top:28px;}

.top .bg .right .search{ width:258px; height:35px; float:left;}

.top .bg .right .search .wbk{ width:214px; height:35px; background:url(../images/wbk.png) no-repeat; line-height:35px; color:#fff; text-indent:20px;}

.top .bg .right i{ display:block; overflow:hidden; margin-left:13px; float:left; margin-top:5px;}





#nav{ width:1200px; height:49px; margin:0 auto; overflow:visible}

#nav ul{ }

#nav ul li.lim { float:left; display:inline; width:240px; height:49px; position:relative;}

#nav ul li.lim a.lima{ display:block; width:144px; height:49px; margin-left:48px; text-align:center; line-height:49px; color:#ffffff; font-size:14px; text-transform:uppercase}

#nav ul li.lim:hover a.lima{ color:#fff; background:#f7bb03}

#nav ul li.lim ul{ position:absolute; z-index:999; width:283px; height:auto; display:none; left:48px; top:49px; background:url(../images/xl-bg.png);}

#nav ul li.lim ul li{ width:100%; height:32px; position:relative}

#nav ul li.lim ul li a{ display:block; width:100%; height:32px;  line-height:32px; text-indent:32px; color:#333}

#nav ul li.lim ul li a:hover{background:url(../images/xl-ico.png) no-repeat center right; color:#fff}

#nav ul li.lim ul li ul{ left:283px; top:0;}



.flash{ width:1920px; height:651px; margin:0 auto; border-bottom:15px solid #f7bb03; }





/******************************** index *********************************/

.side1{ width:1200px; height:250px; margin:15px auto;}

.about{ width:252px; height:auto; float:left}

.about .title{ height:42px; line-height:42px; color:#fff; font-size:20px; text-transform:uppercase;}

.about .txt{ width:252px; height:auto;}



.pro{ width:696px; height:auto; float:left; margin-left:20px}

.pro .title{ height:42px; line-height:42px; color:#fff; font-size:20px; text-transform:uppercase; position:relative}

.pro .title .btn{ float:right; width:80px; height:24px; margin-top:9px; margin-right:5px;}

.pro .title .btn .left_pic{ width:34px; height:24px; float:left; display:block; background:url(../images/left_pic.jpg) no-repeat}

.pro .title .btn .left_pic:hover{ background:url(../images/left_pich.jpg) no-repeat}

.pro .title .btn .right_pic{ width:34px; height:24px; float:right; display:block; background:url(../images/right_pic.jpg) no-repeat}

.pro .title .btn .right_pic:hover{ background:url(../images/right_pich.jpg) no-repeat}

.pro .gdimg{ width:696px; height:200px;}

.pro .gdimg ul li{ width:227px; height:193px; margin-right:5px; position:relative}

.pro .gdimg ul li img{ width:227px; height:193px; display:block}

.pro .gdimg ul li .box{ position:absolute; display:none; z-index:999; width:227px; height:193px; background:url(../images/pic-png.png); left:0; top:0}

.pro .gdimg ul li .box .name{ width:100%; text-align:center; line-height:28px; padding-top:85px; color:#fff;}

.pro .gdimg ul li:hover{ box-shadow: 0 0 5px #000;}



.contact{ width:216px; height:auto; float:right}

.contact .title{ height:42px; line-height:42px; color:#fff; font-size:20px; text-transform:uppercase;}

.contact .txt{ width:216px; height:auto;}



/****************************** ny *************************************/

.ny_left{ width:262px; height:auto; float:left; display:inline; background:url(../images/top-bg.png)}

.ny_cpfl{ width:262px; height:auto;}

.ny_cpfl .title{ width:262px; height:49px; border-bottom:1px solid #5f5f5f; line-height:49px; text-indent:20px; color:#fff; font-size:18px; text-transform:uppercase;}

.ny_cpfl .txt{ width:262px; height:auto; padding-top:10px; padding-bottom:10px;}







.ny_side{ width:913px; height:auto; float:right; display:inline; background:url(../images/top-bg.png)}

.ny_side .title{ width:913px; height:49px; border-bottom:1px solid #5f5f5f; line-height:49px; text-indent:20px; color:#fff; font-size:18px; text-transform:uppercase;}

.ny_side .title .mbx{ float:right; margin-right:20px; font-size:12px; text-transform:none}

.ny_side .txt{ width:888px; height:auto; margin:18px auto; min-height:450px;}

.ny_side #sucai{  width:895px; margin:18px auto; height:750px;}

.ny_side #sucai .nr{ width:885px;}



.fkr{ width:247px; height:367px; background:#323487; position:fixed; z-index:99999; right:0; top:50%; margin-top:-183px;}

.fkr .xx{ width:16px; height:16px; position:absolute; z-index:999; top:14px; right:18px; cursor:pointer; display:block}

.fkr .title{ width:100%; height:43px; background:#1d2088; color:#fff; line-height:43px; font-size:18px; text-indent:30px; }

.fkr .txt{ width:208px; margin:0 auto; margin-top:14px;}

.fkr .txt ul li{ width:208px; height:auto; overflow:hidden; margin-bottom:10px;}

.fkr .txt ul li .inp{ display:block; width:192px; height:32px; background:#fff; border:none; line-height:32px; color:#666666; padding-left:8px; padding-right:8px;}

.fkr .txt ul li .inp2{width:85px; float:left}

.fkr .txt ul li .inp3{width:85px; float:right}

.fkr .txt ul li .tex{ width:192px; height:60px; line-height:20px; padding:4px 8px; color:#666666; background:none; background:#fff}

.fkr .txt ul li .btn{ width:208px; height:43px; border:none; background:#f7bb03; line-height:40px; text-align:center; color:#fff; font-size:16px; text-transform:uppercase; cursor:pointer}



.contactn{ width:888px; height:auto; margin:0 auto; margin-top:18px;}

.contactn .left{ float:left; width:420px; height:auto;}

.contactn .right{ width:363px; height:auto; float:right;}

.contactn .right .bt{ width:100%; height:50px; text-align:center; line-height:50px; color:#ffffff; font-size:30px;}

.contactn .right .nr{ width:363px; height:auto; margin-top:30px;}

.contactn .right .nr ul li{ width:363px; height:auto; overflow:hidden; margin-bottom:10px;}

.contactn .right .nr ul li .inp{ width:363px; height:40px; border:none; line-height:40px; color:#fff; font-size:14px; text-indent:15px; border-bottom:1px solid #fff; background:none}

.contactn .right .nr ul li .tex{ background:rgba(102, 102, 102, 0.45); border:none; border-radius:5px; width:333px; height:116px; color:#fff; padding:15px; line-height:4px;}

.contactn .right .nr ul li .btn{ width:363px; height:45px; border:none; border-radius:5px; text-align:center; line-height:42px; background:#f7bb03; color:#fff; font-size:16px;}





.tc-bg{ width:100%; height:100%; position:fixed; z-index:9998; left:0; top:0; background:#000; opacity:0.8; display:none}

.tc-ts{ width:729px; height:387px; position:fixed; z-index:9999; left:50%; top:50%; margin-left:-320px; margin-top:-150px; cursor:pointer; display:none}