﻿body{margin:0 auto;padding:0;font-size:14px;background-color:#Fff;font-family:"微软雅黑",Arial; overflow-x: hidden;}
div,form,dl,dd,dt{margin:auto;overflow:hidden;}
a{transition:all .8s cubic-bezier(0.075,0.82,0.165,1);}
img{border:0px;}
ul{list-style:none;margin:0 auto;padding:0;}
a{text-decoration:none;color:#333;}
a:hover{color:#D73939;}
.BodyWidth{width:1200px;overflow:visible;}
.Left{float:left;}
.Right{float:right;}

/******************************************************************************/

/**********页眉*/
.Header{height:85px;width:1200px;text-align:left;}

.Headerlogo{width:320px;float: left;}
/**********主导航*/
.MainNav{width:480px;float:left;height:85px;font-family:Verdana;}
.MainNav ul{display:flex;justify-content:space-between;}
.MainNav ul li{flex-grow:1;width: 80px;}
.MainNav ul li a{text-align:center;font-size:15px;line-height:85px;color:#000000;display:block;background-image:url('../../style/cn_style/n2.gif');background-repeat:no-repeat;background-position:center 55px;}
.MainNav ul li a:hover{color: #000000;border-radius:4px;background-image:url('../../style/cn_style/n1.gif');background-repeat:no-repeat;background-position:center 60px;}
.MainNav ul li ul{display:none;}

.MainLan{width: 180px;float: right;}
.MainLan ul{display:flex;justify-content:space-between;}
.MainLan ul li{flex-grow:1;width:200px;}
.MainLan ul li a{text-align:center;font-size:15px;line-height:85px;color:#333333;display:block;background-image:url('../../style/cn_style/n3.gif');background-repeat:no-repeat;background-position:left center;}
.MainLan ul li a:hover{color: #D73939;background-image:url('../../style/cn_style/n3.gif');background-repeat:no-repeat;background-position:10px center;}
.MainLan ul li ul{display:none;}

.Headline{height: 5px;background-color: #D73939;}

/***********/
.Headtit{width:1200px;height:70px;color:#333333;text-align:center;font-size:32px;background-image:url('../../style/cn_style/line.gif');background-repeat:no-repeat;background-position:center bottom;}

/**********主页内容*/
.Maincont1{padding: 80px 0;background-image:url('../../style/cn_style/index_r5_c4.jpg');background-repeat:no-repeat;background-position:center bottom;}
.Maincont1 ul{width:1200px;margin:auto;display:flex;flex-wrap:nowrap;justify-content:space-between;padding-top:50px;padding-bottom:50px;}
.Maincont1 ul li{position:relative;width:32%; height:450px;overflow:hidden;transition:all 0.3s ease;}
.Maincont1 ul:hover li{width:28%;}
.Maincont1 ul:hover li:hover{width:40%;overflow:hidden;}
.Maincont1 ul li span{display:block;position:absolute;left:30px;right:30px;bottom:40px;background-color:white;border:1px solid #cecece;font-size:16px; transition:all 0.3s ease;}
.Maincont1 ul li span::before{content:'\27A4';font-family:'宋体';color:#999999;display:inline-block;padding:10px 30px;margin-right:70px;border-right:1px solid #cecece;transition:all 0.3s ease;}
.Maincont1 ul li:hover span{bottom:70px;font-size:18px;}
.Maincont1 ul li:hover span::before{margin-right:100px;}
.Maincont1 ul li img{width:100%;height:100%;object-fit:cover;}

.Maincont2{padding: 60px 0;height: 630px;background-image:url('../../style/cn_style/index_r6_c1.jpg');background-repeat:no-repeat;background-position:center bottom;}
.Maincont2 ul{width: 1200px;display:flex;justify-content:space-between;padding-top:40px;height:410px;}
.Maincont2 ul li {flex-grow:1;width:240px;text-align: center;height:380px;}
.Maincont2 ul li img{width:230px;height: 360px;transition:all 0.3s ease; box-sizing: border-box;}
.Maincont2 ul li a:hover img{border: #D73939 5px solid; transform: scale(1.05);}
.Maincont2 ul li .Name{font-size: 15px;line-height: 30px;color: #000000; background-image:url('../../style/cn_style/n3.gif');background-repeat:no-repeat;background-position:5px center;text-align: left;padding-left:30px;transition:all 0.3s ease;}
.Maincont2 ul li a:hover .Name{color: #D73939; background-position:10px center;text-align: left;padding-left: 20px;}

.Maincont3{padding: 60px 0;height: 460px;background-image:url('../../style/cn_style/index_r8_c2.jpg');background-repeat:no-repeat;background-position:center bottom;}
.Maincont3text{width: 1100px;padding:60px 50px;font-size: 16px;line-height:30px;color: #333333;}

.Maincont3-1{padding: 0px 0;}
.Maincont3-1 ul{width:1200px;margin:auto;display:flex;flex-wrap:nowrap;justify-content:space-between;padding-top:0px;padding-bottom:0px;}
.Maincont3-1 ul li{position:relative;width:33%; height:250px;overflow:hidden;transition:all 0.3s ease;}
.Maincont3-1 ul:hover li{width:30%;}
.Maincont3-1 ul:hover li:hover{width:40%;overflow:hidden;}
.Maincont3-1 ul li img{width:100%;height:250px;object-fit:cover;}


.Maincont4{background-color: #F2F2F2; display: flex; justify-content: center;}
.Maincont4>div{margin:0;width:600px;height:250px;background-repeat:no-repeat;background-position:center center;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all 0.3s ease;background-size:20%;}
.Maincont4>div:hover{background-position:95% 90%;background-size:15%;}
.Maincont4>div.left{background-color:#e9e9eb;background-image:url('l1.png');}
.Maincont4>div.right{background-color:#e0e0e2;background-image:url('l2.png');}
.Maincont4>div>a{margin:0;text-align:center;}
.Maincont4>div div{transition:all 0.3s ease;}
.Maincont4>div:hover div{transform:scale(1.1);}
.Maincont4>div .cn{font-size:23px;letter-spacing:10px;text-indent:10px;font-weight:bold;}
.Maincont4>div .en{font-size:14px;color:#999999;letter-spacing:1px;}


.Maincont5{padding: 80px 0;height: 580px;background-image:url('../../style/cn_style/index_r10_c5.jpg');background-repeat:no-repeat;background-position:center bottom;}
.Maincont5cont{width:1200px;padding: 60px 10px;}
.Maincont5_ly{width:790px;float:left;color: #333333;}

div.order_online td{line-height:100%;padding:5px;text-align: left;color: #999999;}
div.order_online td:first-child{text-align: right;}
div.order_online td input{background-color:#fff;width:700px;border-radius:4px;padding:2px; border:1px solid #CCCCCC;height: 26px;color: #999999;}
div.order_online td textarea{background-color:#fff;width:700px;height:35px;border-radius:4px; border:1px solid #CCCCCC;color:#999999;height:100px; font-family: 'Arial';}
div.order_online input[type="submit"]{float:right;width:80px;background-color:#D73939;color:white;cursor: pointer;vertical-align:middle;border:1px solid #D73939;font-size: 16px;}
div.order_online img.VerifyCode{height:30px;vertical-align:middle;padding:5px;float:left;}
div.order_online input[name="VerifyCode"]{width:100px;vertical-align:middle;float:left;}

.Maincont5lx{width:370px;float:right;text-align:left;	font-size:14px;color:#000;padding-top:10px;}



/**********页尾*/
.Footer{height:250px;background-image:url('../../style/cn_style/index_r11_c1.jpg');background-repeat:no-repeat;background-position:center bottom;text-align: center;}
.Footertext{width: 1200px;text-align:left;font-size: 14px;color: #Fff;line-height: 24px;padding-top: 50px;}

/**********内页*/
.Nycontban{height:auto;background-color:#EEEEEE;}

.Nycont{background-image:url('../../style/cn_style/index_r10_c5.jpg');background-repeat:no-repeat;background-position:center bottom;padding:10px 0 80px 0;}


.Nyconttext{width:1200px;font-size: 16px;line-height: 200%;padding: 0 20px;}

.Nycontlot{color: #333333;font-size: 12px;letter-spacing: 5px;padding-bottom: 30px;}


/**********产品*/
.Prna{font-size:35px;color: #000;padding: 10px 10px 20px 10px;}
.Prme{float: left;width:650px;}
.Prme img{width: 600px;height: 600px;border: 10px #EEEEEE solid;}
.Prco{float: right;width:480px;padding-top:30px;line-height: 40px;font-size: 20px;} 
.Procot1{color: #999999;font-size:18px;}


.Prolistname{font-size: 35px;color: #000;line-height: 40px;}
.Prolist{height: 86px;border-bottom: #CCCCCC 1px solid;border-top: #CCCCCC 1px solid;margin-top: 30px;margin-bottom: 30px;}
.Prolist ul{height: 86px;}
.Prolist ul li{float: left;width: 230px;height: 86px;}
.Prolist ul li .Name{font-size: 18px;line-height: 86px;color: #000000; background-image:url('../../style/cn_style/n3.gif');background-repeat:no-repeat;background-position:30px center;text-align: center;padding-left:30px;transition:all 0.3s ease;}
.Prolist ul li a:hover .Name{color: #D73939; background-position:50px center;text-align: center;padding-left: 20px;}


.Gslc{background-image:url('../../style/cn_style/jcbc.gif') ;background-repeat:no-repeat;background-position:right bottom;color: #000;font-size: 18px;width: 100%;clear: both;}
.Tit1{font-size: 30px;color: #D73939;line-height: 40px;text-align: center;clear: both;width: 100%;}
.Tit2{font-size: 18px;color: #000;line-height: 26px;text-align: center;}

.Yelc{width: 100%;margin:30px;}
.Ye1{background-color:#D73939;color: #fff;font-size: 22px;text-align: 30px;width: 10%;float: left;text-align: center;clear: both;}
.Ye2{background-color:#000000;color: #fff;font-size: 22px;text-align: 30px;width: 10%;float: left;text-align: center;clear: both;}
.Ye3{background-color:#999999;color: #fff;font-size: 22px;text-align: 30px;width: 10%;float: left;text-align: center;clear: both;}
.Yetext{float: right;width: 90%;padding-left: 20px;}


.jjnav{width:100%;float:left;height:50px;font-family:Verdana;clear: both;margin-bottom: 50px;}
.jjnav ul{display:flex;justify-content:space-between;}
.jjnav ul li{width:180px;margin: 10px 120px;}
.jjnav ul li a{text-align:center;font-size:15px;line-height:36px;color:#fff;display:block;background-color: #999999;letter-spacing:2px;}
.jjnav ul li a:hover{color: #fff;background-color: #D73939;}
.jjnav ul li ul{display:none;}