/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:middle;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.header{ height:100px; position:relative; z-index:8; background:url(../images/menubg.png) repeat;}
.head{ height:100px;}
.head .logo{ float:left;}
/*menu*/
.menu{height:52px;line-height:52px; float:right; margin-top:24px;}
.menu ul li{ float:left; position:relative; width:120px;}
.menu ul li dl{ width:100%; position:absolute; left:0px; top:52px;display:none; }
.menu ul li dl dd{ line-height:40px; height:40px; margin-top:1px;}
.menu ul li dl dd a{ font-size:12px; color:#fff; font-weight:bold; display:block; padding:0; text-align:center; background:#4c4c4c; border-radius:22px 0px 22px 0px;}
.menu ul li dl dd a:hover{ background:#313131;}
.menu a{ font-size:17px;color:#272727; text-decoration:none; font-weight:bold;display:block;text-align:center; border:12px 0px 12px 0px;transition:0.5s all;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#c7111a;color:#fff; border-radius:22px 0px 22px 0px;}


/*banner_02*/
.banner_02{ height:584px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

.con1bg{ background-image:linear-gradient(0deg, rgba(240, 240, 240, 1), rgba(255, 255, 255, 1));}
.con1{ margin-top:50px; padding-bottom:50px;}
.con1 h2{ text-align:center; font-weight:normal; font-size:32px; color:#333;}
.con1 h2 span{ display:inline-block; padding:0px 20px; background:#fff;}
.con1 h2 em{ background: rgba(230, 231, 234, 1); display:inline-block; width:232px; height:1px; position:relative; top:-10px;}
.con1 h3{ font-size:12px; font-weight:normal; text-align:center; line-height:25px;}
/*scroll_03*/
.scroll_03{ margin-top:20px; position:relative;}
.scroll_03 .hd .prev{ display:block;  width:45px; height:45px; overflow:hidden;cursor:pointer; background:url(../images/Left.png) no-repeat; position:absolute; top:200px; left:-55px;} 
.scroll_03 .hd .prev:hover{ background:url(../images/Left_h.png) no-repeat;}
.scroll_03 .hd .next{ display:block;  width:45px; height:45px; overflow:hidden;cursor:pointer;  background:url(../images/right.png) no-repeat; position:absolute; top:200px; right:-55px;} 
.scroll_03 .hd .next:hover{ background:url(../images/right_h.png) no-repeat;}
.scroll_03 .bd li{ float:left; width:373px; overflow:hidden; margin:0 12px; border:#eaeaea 1px solid; border-right:#eaeaea 2px solid; border-bottom:#eaeaea 2px solid}
.scroll_03 .bd li .img{height:497px; }
.scroll_03 .bd li .img table tr td{ height:497px;}
.scroll_03 .bd li .img table tr td img{ max-width:373px; max-height:497px;}

.con2{ padding:50px 0px;}
.c2_left{ float:left; width:315px; background:url(../images/line.png) right center no-repeat; padding-right:127px;}
.c2_mid{ float:left; width:315px; background:url(../images/line.png) right center no-repeat; padding-right:127px;}
.c2_right{ float:right; width:315px;}
.con2 h2{ margin-bottom:15px; font-size:26px;}
.con2 h2 b{ font-weight:normal; font-size:12px; padding-left:10px;}
.con2 strong{ display:block; font-size:18px; margin-top:20px; margin-bottom:10px;}
.con2 strong a{ color:#333;}
.con2 strong a:hover{ color:#c71519;}
.con2 span{ display:block; font-size:14px; color:#A9A9A9; line-height:20px; height:140px;}
.con2 .more a{ display:block; background:#343434; font-size:14px; color:#fff; width:112px; height:38px; line-height:38px; text-align:center;}

.f_navbg{ background:url(../images/f_navbg.png) repeat-x; height:49px; line-height:49px; text-align:center; color:#fff; font-size:14px; font-weight:bold;}
.f_nav a{ color:#fff; padding:0px 10px;}

.footer{ background:url(../images/footer.png) repeat-x top; padding:50px 0px;}
.ft_left{ float:left;}
.ft_mid{ float:left; border-left:2px solid rgba(204, 204, 204, 1); margin-left:50px; padding-left:50px; font-size:14px; line-height:24px;}
.ft_right{ float:right;}




/*Add------------------------------------------------------------------------------*/

.inside_cont{ padding:100px 0px;}
.cont_left{ float:left; width:600px;}
.cont_right{ float:right; width:520px;}
.cont_right h2{ color:#333; font-size:28px;}
.cont_right i{ display:inline-block; width:80px; height:1px; background:#333;}
.cont_right dl{ margin-top:20px;}
.cont_right dl dt{ font-weight:bold; font-size:24px; color:#333; margin-bottom:20px;}
.cont_right dl dd{ font-size:16px; line-height:30px;}

.mess_ny h2{ color:#fff; font-size:42px; padding-bottom:15px; margin-top:100px;}
.mess_ny i{ display:block; width:120px; height:2px; background:#fff;}
.mess_ny h3{ color:#fff; font-size:24px; padding-top:15px; font-weight:normal;}

.inside_mess{ padding:100px 0px;}
.mess_left{ float:left; width:450px;}
.mess_right{ float:right; width:520px;}
.mess_right table tr td{ padding:5px 5px; font-size:14px;}
.mess_right table tr td font{ color:#f00;}
.mess_right table tr td .Text{ width:330px; height:140px; padding:5px; border:1px solid #e5e5e5;}
.mess_right table tr td .InputText{ border:1px solid #e5e5e5; width:330px; padding:0px 5px; line-height:28px;}
.mess_right table tr td .input_button{ width:100px; height:36px; line-height:36px; text-align:center; background:#666; color:#fff; cursor:pointer;}
.mess_right table tr td .input_button:hover{ background:#f11830;}

.news_ny h2{ color:#fff; font-size:42px; padding-bottom:15px; margin-top:100px; text-align:center;}
.news_ny i{ display:block; width:120px; height:2px; background:#fff; margin:0 auto;}
.news_ny h3{ color:#fff; font-size:24px; padding-top:15px; font-weight:normal; text-align:center;}
.news_ny h3 a{ display:inline-block; width:150px; height:45px; line-height:45px; text-align:center; background:#c41009; color:#fff; font-size:14px; margin:0px 10px;}
.news_ny h3 a:hover{ background:#333;}

.inside_news{ margin-top:50px; padding-bottom:50px;}
.weizhi{height:40px; line-height:40px; background:url(../images/home.png) left center no-repeat;font-size:14px; }
.weizhi span{ padding-left:20px;}

.inside_news ul{ margin-top:20px;}
.inside_news ul li{ border-bottom:1px dashed #ccc; background:#f7f7f7; padding-bottom:20px; margin-bottom:20px;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; height:160px; position:relative;}
.inside_news ul li img{ float:left; background:#eaeaea; width: 200px; height: 130px; padding:15px;}
.inside_news ul li .news_txt{ width: 56%; float: left; margin: 36px 0 28px 34px; transition: all .3s ease-out 0s }
.inside_news ul li .news_txt strong{ display:block;font-size: 16px; color: #000; margin-bottom: 10px; transition: all .3s ease-out 0s; }
.inside_news ul li .news_txt span{ display:block; height: 52px; color: #8e8d8d; line-height: 24px; transition: all .3s ease-out 0s;}
.inside_news ul li .more{ position:absolute; top:60px; right:80px; width:100px; text-align:center; height:35px; line-height:35px; text-align:center; border-radius:18px; border:1px solid #dedfe1; transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.inside_news ul li .more a{ display:block;}
.inside_news ul li:hover .news_txt { margin: 36px 0 28px 54px }
.inside_news ul li:hover{ border: 1px solid #efefef; box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08)}
.inside_news ul li:hover img{ background: #ccc; }
.inside_news ul li:hover .news_txt strong{ color: #080808; }
.inside_news ul li:hover .news_txt span{ color: #999; }
.inside_news ul li:hover .more{ background: #ccc; border: 1px solid #ccc; margin: 0 -60px }

.news_tit{ text-align:center;border-bottom:#ccc 1px dashed;padding:20px; background:#efefef; vertical-align: middle; margin-bottom:20px; font-size:30px; margin-top:20px; color:#333; }
.news_con{ margin-top:30px; padding-bottom:30px; min-height:400px;}

.pro_ny h2{ color:#fff; font-size:42px; padding-bottom:15px; margin-top:100px; text-align:right;}
.pro_ny i{ display:block; width:120px; height:2px; background:#fff; margin:0 auto; float:right;}
.pro_ny h3{ color:#fff; font-size:24px; padding-top:15px; font-weight:normal; text-align:right;}
.pro_ny h3 a{ display:inline-block; width:150px; height:45px; line-height:45px; text-align:center; background:#c41009; color:#fff; font-size:14px; margin:0px 10px;}
.pro_ny h3 a:hover{ background:#333;}

.inside_pro{ margin-top:30px; padding-bottom:30px;}
.inside_left{ width:244px; float:left;}
.inside_left .side_a h1{ color:#000; font-size:12px; position:relative;}
.inside_left .side_a i{ position:absolute; top:8px; left:80px; height:2px; background:#000; width:120px;}
.inside_left .side_a h2{ font-size:30px; color:#000; padding:10px 0px;}
.inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
.inside_left .side_a dl dd{ height:50px; line-height:50px; margin-bottom:10px;}
.inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; border:1px solid #000;transition:all 0.5s;}
.inside_left .side_a dl dd a:hover{ background:#c7121b; color:#fff;}
.inside_left .side_a dl .hover a{ background:#c7121b; color:#fff;} 

.inside_right{ width:900px; float:right; }
.inside_right h2{ font-size:30px; font-weight:normal; color:#000; background:url(../images/ico1.png) left center no-repeat; padding-left:45px;}
.inside_con{ margin-top:30px;}
.product-list li{width: calc((100% - 80px)/3);float:left;padding-bottom: 10px;border: #e8e8e8 1px solid;background: #FFFFFF;margin:10px;}
.product-list li:hover{border: #da0000 1px solid;}
.product-list li figure{margin: auto;margin-top: 10px;width: 100%;display:block;line-height:normal;overflow:hidden;position:relative;} 
.product-list li figure img{display:block;width:100%;height:auto;transition:424ms linear;} 
.product-list li figcaption{display:block;color:#5d5d5d;text-align: center;display: none;font-family: Georgia;margin-bottom: 25px;font-size:14px;line-height:normal;transition:350ms;} 
.product-list li figure mark{position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;background: rgba(255, 255, 255, 0.56);background:#ffae00\9;filter:alpha(opacity=20);z-index:20;opacity:0;transform:skewX(45deg);visibility:hidden;transition:360ms;} 
.product-list li figure mark b{ display:block; width:46px; height:46px; position:absolute; left:50%; top:50%; margin-left:-23px; margin-top:-23px; z-index:30;} 
.product-list li figure mark b:before{ content:""; width:100%; height:1px; position:absolute; left:0; top:23px; transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);} 
.product-list li figure mark b:after{ content:""; width:1px; height:100%; position:absolute; left:23px; top:0; transform:translateY(-200px); -webkit-transform:translateY(-200px); -moz-transform:translateY(-200px);} 
.product-list li figure mark:before{ content:""; width:100%; height:0%; border-left:0px solid #4c9c6b; border-right:0px solid #4c9c6b; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;} 
.product-list li figure mark:after{ content:""; width:0%; height:100%; border-top:0px solid #4c9c6b; border-bottom:0px solid #4c9c6b; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;} 
.product-list li:hover figure mark{ opacity:1; transform:skewX(0); visibility:visible;} 
.product-list li:hover figure mark:before{ height:100%; transition:330ms 200ms;} 
.product-list li:hover figure mark:after{ width:100%; transition:330ms 200ms;} 
.product-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);} 
.product-list li:hover figure mark b:before{ transition:355ms 180ms; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);} 
.product-list li:hover figure mark b:after{ transition:355ms 240ms; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);} 
.product-list li:hover figcaption{ color:#da0000; }

.pro_pic { border:rgba(228,228,228,1) 1px solid; padding:10px;}
.pro_pic img{ width:100%;}
.pro_txt{ margin-top:20px;}
.pro_txt h1{ border-bottom:1px solid rgba(240, 240, 240, 1);}
.pro_txt h1 span{ display:inline-block; width:106px; height:45px; line-height:45px; background:#666; color:#fff; font-size:14px; text-align:center;}

.about_ny h2{ color:#fff; font-size:42px; padding-bottom:15px; margin-top:100px; text-align:center;}
.about_ny i{ display:block; width:120px; height:2px; background:#fff; margin:0 auto;;}
.about_ny h3{ color:#fff; font-size:24px; padding-top:15px; font-weight:normal; text-align:center;}
.about_ny h3 a{ display:inline-block; width:150px; height:45px; line-height:45px; text-align:center; background:#333; color:#fff; font-size:14px; margin:0px 10px;}
.about_ny h3 a:hover{ background:#c41009;}

.inside{ padding-bottom:30px;}
.inside_tit{ font-size:40px; color:#000; text-align:center; border-bottom:#CCCCCC 1px dashed; line-height:150px; font-weight:bold; margin-bottom:20px;}

/*contact*/
.contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.contact{ margin-top:15px; }
.contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
.contact ul li{ line-height:20px; padding:3px 0;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*product_list*/
.side_product { margin-top:15px;}
.side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
.side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
.side_product ul li{line-height:24px;}
.side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
.side_product ul li dl dd a{ display:inline; border:none; background:none;}