﻿@charset "UTF-8";
html,body,div,ul,li,ol,dd,dl,dt,h1,h2,h3,h4,h5,h6,p,form,table,td,tr { padding: 0; margin: 0; color: #333; font-family: "Microsoft Yahei",Arial; font-size: 14px; font-weight: normal; list-style: none; }
input,textarea,img,button { border: none; outline: none; }
a { text-decoration: none; color: #333;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
body { background-color: #fff; font-family: "Microsoft Yahei";}

.main { width: 1100px; *zoom: 1; margin: 0 auto; }
.clearfix { *zoom: 1; }
.main:after,
.clearfix:after { display: block; content: ""; height: 0; clear: both; }

@font-face {
 font-family: 'Conv_HelveticaRoundedLTStd-Bd';
 src: url('../fonts/HelveticaRoundedLTStd-Bd.eot');
 src: url('../fonts/HelveticaRoundedLTStd-Bd.woff') format('woff'),
 url('../fonts/HelveticaRoundedLTStd-Bd.ttf') format('truetype'),
 url('../fonts/HelveticaRoundedLTStd-Bd.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
.main img
{
        position: relative;
        top: 8px;
}


/*头部*/
.header { background-color: #fff; }
.header_top { background-color: #f0f0f0; height: 40px; line-height: 40px; overflow: hidden; }
.header_top p { float: left; color: #666; }
.header_top_link { float: right; text-align: right; *zoom: 1; font-size: 0; padding: 14px 0; height: 12px; line-height: 12px; }
.header_top_link a { vertical-align: middle; font-size: 12px; color: #666; padding: 0 6px; border-left: 1px solid #a6a6a6; display: inline-block; height: 12px; line-height: 12px; margin: 0; }
.header_top_link a:first-child { border-left: none; }
.header_top_link a:hover{color: #d30000;}
.header_main { background-color: #fff; padding: 20px 0; }
.header_main .logo { display: block; width: 170px; height: 70px; float: left; }
.header_main h2 { float: left; padding-top: 14px; width: 400px; margin-left: 50px; line-height: 24px; color: #666; }
.header_main h2 span { color: #d30000; }
.header_tel { float: right; width: 265px; }
.header_tel h3 { line-height: 30px; font-family: "Conv_HelveticaRoundedLTStd-Bd"; font-weight: bold; font-size: 24px; color: #d30000; overflow: hidden;text-align: right; }
.header_tel h3 span {font-weight: normal; font-size: 14px; color: #666666; padding-left: 24px; background: url(../images/index_06.png) no-repeat left center; display: block; height: 30px; float: left; font-family: "Microsoft Yahei";}

.header_nav { width: 100%; height: 46px; padding: 9px 0 0; background: #e20000 url(../images/index_11.jpg) repeat-x left center; }
.nav { float: left; width: 868px; }
.nav li { float: left; padding: 0 6px; position: relative; background: url(../images/nav_bg.png) no-repeat left 11px; position: relative; z-index: 99; }
.nav li:first-child { background: none; }
.nav li a.nav_link { display: block; padding: 0 20px 10px; height: 36px; line-height: 36px; border-radius: 5px 5px 0 0; color: #fff; font-size: 14px; }
.nav li.active a.nav_link,
.nav li.on a.nav_link { background-color: #f2f4f3; color: #d30102; }
.nav li .nav_list { display: none; width: 100%; position: absolute; top: 46px; left: 6px; background-color: #f2f4f3; padding: 0 10px; border-radius: 0 0 5px 5px; }
.nav li.on .nav_list  { display: block; }
.nav li .nav_list a { display: block; height: 22px; line-height: 22px; padding-bottom: 4px; border-bottom: 1px solid #dedede; margin-bottom: 9px; color: #585858; font-size: 12px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nav li .nav_list a:last-child { border-bottom: none; }
.nav li .nav_list a:hover { color: #d30102; }

.header_search { float: right; width: 230px; height: 34px; border: 1px solid #e67e7f; overflow: hidden; }
.header_search_txt { display: block; float: left; width: 184px; color: #f3b8b8; height: 22px; line-height: 22px; padding: 6px; font-size: 12px; background-color: transparent; }
.header_search_btn { display: block; width: 34px; height: 34px; float: right; background: url(../images/index_14.png) no-repeat center; }
.header_search_btn:hover { opacity: 0.8; filter: alpha(opacity=80); }

/*banner*/
.banner { width: 100%; position:relative; overflow:hidden; height:410px; }

.banner .slides { overflow: hidden; }
.banner .slides li a { width: 100%; display: block; height: 410px; }
.flex-direction-nav a { display: block; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; line-height: 50; overflow: hidden; font-size: 0; text-indent: 99px;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.flex-direction-nav a.flex-prev { left: -50px; background: url(../images/banner_001.png) no-repeat center; }
.banner:hover .flex-direction-nav a.flex-prev { left: 50px; }
.flex-direction-nav a.flex-prev:hover { background: url(../images/banner_002.png) no-repeat center; }
.flex-direction-nav a.flex-next { right: -50px; background: url(../images/banner_003.png) no-repeat center; }
.banner:hover .flex-direction-nav a.flex-next { right: 50px; }
.flex-direction-nav a.flex-next:hover { background: url(../images/banner_004.png) no-repeat center; }

/*温馨提示*/
.tip_info { width: 100%; padding: 14px 0; border-bottom: 1px solid #f2f2f2; box-shadow: 2px 0 6px #f2f2f2; }
.tip_info h6 {float: left;width: 60px; font-size: 12px; color: #666; height: 24px; line-height: 24px;overflow: hidden; padding-left: 28px; background: url(../images/index_20.png) no-repeat left center; }
.tip_info h6 span { color: #a60900; }
.tip_info_scroll{ width:1000px;float: right;  overflow:hidden; position:relative; }
.tip_info_scroll .hd{display: none; overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.tip_info_scroll .hd .prev,
.tip_info_scroll .hd .next{ display:block;  width:9px; height:5px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;  cursor:pointer; }
.tip_info_scroll .hd .next{  }
.tip_info_scroll .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.tip_info_scroll .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;}
.tip_info_scroll .hd ul li.on{ background-position:0 0; }
.tip_info_scroll .bd{}
.tip_info_scroll .infoList li{ }
.tip_info_scroll .infoList li a{ display: block;  font-size: 12px; color: #666; height: 24px; line-height: 24px;  }
.tip_info_scroll .infoList li a:hover{color: #a60900;}



/*产品分类*/
.index_product { width: 1100px; margin: 0 auto; padding-top: 26px; }
.index_title3 { text-align: center; line-height: 38px; height: 38px; font-size: 30px; font-weight: bold; color: #d30000; }
.index_title5 { text-align: center; line-height: 20px; height: 20px; color: #aaa; font-family: Arial; font-size: 13px; }
.index_title5 span { display: inline-block; height: 20px; vertical-align: middle; margin: 0 4px; }
.index_title5 span.line { height: 1px; width: 32px; background-color: #e8e8e8; }

.index_product .main { padding-top: 14px; }
.index_product_item { display: block; width: 260px; float: left; margin-left: 20px; }
.index_product_item:first-child { margin-left: 0; }
.index_product_item .img { width: 260px; height: 205px; overflow: hidden; }
.index_product_item .img img { display: block; width: 260px; height: 205px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_product_item:hover .img img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); }
.index_product_title { padding: 15px; background-color: #f2f2f2; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_product_item:hover .index_product_title { background-color: #d62626; }
.index_product_title h4 { height: 30px; line-height: 30px; color: #333; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_product_item:hover .index_product_title h4 { color: #fff; }
.index_product_title .line { display: block; width: 32px; height: 3px; background-color: #c0c0c0; margin: 4px 0 9px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_product_item:hover .index_product_title .line { background-color: #fff; }

.index_spraying { padding-top: 35px; width: 1100px; margin: 0 auto; }
.index_spraying .main { padding-top: 15px; }

.index_spraying_left { width: 250px; float: left; }
.index_spraying_left h4 { width: 100%; height: 54px; line-height: 54px; background: url(../images/index_11.jpg) repeat-x left center; text-align: center; font-size: 24px; color: #fff; }
.index_spraying_menu { border: 1px solid #ddd; border-top: none; padding-bottom: 8px; }
.index_spraying_menu li { width: 100%; height: 44px; line-height: 44px; background: url(../images/index_42.jpg) repeat-x center; }
.index_spraying_menu li:first-child { background: none; }
.index_spraying_menu li:hover ,
.index_spraying_menu li.on { background: url(../images/index_41.jpg) repeat-x center; }
/*.index_spraying_menu li:hover + li,*/
/*.index_spraying_menu li.on+li{ background: none; }*/
.index_spraying_menu li a { display: block; height: 44px; text-indent: 77px; background: url(../images/index_43.png) no-repeat 50px center; padding-right: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index_spraying_menu li:hover a,
.index_spraying_menu li.on a{ background: url(../images/index_46.png) no-repeat 50px center; color: #d30000; }

.index_spraying_contact { display: block; margin-top: 20px; }
.index_spraying_contact img { display: block; }

.index_spraying_right_list{width: 830px;float: right;}
.index_spraying_right {display: none;}
.index_spraying_right.on{display: block;}
.index_spraying_border { border: 1px solid #ddd; }
.index_spraying_border h4 { background: url(../images/index_36.jpg) repeat-x left center; height: 18px; padding: 12px 10px; position: relative; }
.index_spraying_border h4 span { display: block; height: 18px; line-height: 18px; border-left: 2px solid #d30000; color: #d30000; padding-left: 10px; }
.index_spraying_border h4 a { display: block; height: 14px; line-height: 14px; position: absolute; right: 20px; top: 16px; padding-right: 17px; background: url(../images/index_53.png) no-repeat right center; font-size: 12px; color: #666; }
.index_spraying_border h4 a:hover { color: #d30000; }

.index_spraying_content { padding: 20px; overflow: hidden; }
.index_spraying_content .img { display: block; float: left; width: 220px; height: 173px; }
.index_spraying_text { width: 550px; float: right; }
.index_spraying_text h6 { color: #d30000; line-height: 26px; height: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index_spraying_para { margin-top: 3px; height: 96px; overflow: hidden; }
.index_spraying_para p { line-height: 24px; font-size: 13px; color: #666; }

.index_spraying_more { display: block; margin-top: 14px; width: 90px; height: 30px; line-height: 30px; background: #fea500 url(../images/index_48.png) no-repeat 67px center; color: #fff; font-size: 13px; text-indent: 10px;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_spraying_more:hover { background-color: #d30000; }

.index_spraying_slide { padding: 20px 16px; overflow: hidden; position:relative; }
.index_spraying_slide .bd { width: 720px; margin: 0 auto; overflow: hidden; position:relative; }
.index_spraying_slide .bd li { width: 220px; margin: 0 10px; }
.index_spraying_slide .bd li a { width: 220px; }
.index_spraying_slide .bd li a .img { display: block; overflow: hidden; width: 220px; height: 173px; }
.index_spraying_slide .bd li a .img img { display: block; width: 220px; height: 173px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_spraying_slide .bd li a:hover .img img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); }
.index_spraying_slide .bd li a h5 { display: block; height: 40px; line-height: 40px; padding: 0 15px; background-color: #f5f5f5; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_spraying_slide .bd li a:hover h5 { background-color: #d62626; color: #fff; }
.index_spraying_slide .prev,.index_spraying_slide .next { display: block; width: 32px; height: 48px; position: absolute; top: 50%; margin-top: -24px;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_spraying_slide .prev { left: 16px; background: #858585 url(../images/index_66.png) no-repeat center; }
.index_spraying_slide .next { right: 16px; background: #858585 url(../images/index_69.png) no-repeat center; }
.index_spraying_slide .prev:hover,
.index_spraying_slide .next:hover { background-color: #fea500; }

/*优势*/
.index_choose { width: 100%; height: 105px; margin-top: 32px; background: url(../images/index_77.png) no-repeat center; position: relative; }
.index_choose_left { float: left; width: 470px; padding-top: 32px; }
.index_choose_left p { text-align: right; font-size: 16px; color: #fff; line-height: 22px; }
.index_choose_left h2 { text-align: center; font-size: 24px; color: #fff; line-height: 30px; padding-right: 60px; }
.index_choose_right { width: 630px; float: right; padding-top: 18px; }
.index_choose_right h3 { text-align: center; line-height: 38px; height: 38px; font-size: 30px; font-weight: bold; color: #fff; }
.index_choose_right h5 { text-align: center; line-height: 20px; height: 20px; color: #eaa3a3; font-family: Arial; font-size: 13px; }
.index_choose_right h5 span { display: inline-block; height: 20px; vertical-align: middle; margin: 0 4px; }
.index_choose_right h5 span.line { height: 1px; width: 32px; background-color: #d86f6f; }

.index_advantage { width: 1010px; margin: 0 auto; padding: 0 45px 10px; background: url(../images/index_88.jpg) no-repeat center bottom; overflow: hidden; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.index_advantage1 { padding-top: 70px; margin-top: -13px; }
.index_advantage .img { width: 490px; float: left; min-height: 260px; }
.index_advantage_content { float: right; width: 490px; }
.index_advantage_content h4 { height: 51px; line-height: 50px; overflow: hidden; padding: 10px 0; border-bottom: 1px solid #d8d8d8; margin-top: 12px; font-size: 28px; color: #d30000; }
.index_advantage_content h4 span { display: block; float: left; width: 51px; height: 51px; padding-right: 9px; background: url(../images/index_83.png) no-repeat center; font-family: "Myriad Pro",Arial; font-size: 24px; font-weight: bold; color: #fff; text-align: center; margin-right: 20px; }
.index_advantage_content ul { padding: 10px 0 0 80px; }
.index_advantage_content ul li { line-height: 24px; color: #666; }
.index_advantage2 .img { float: right; }
.index_advantage2 .index_advantage_content { float: left; }
.index_advantage3 { border-bottom: 1px solid #ddd; }

/*首页公司简介*/
.index_intro {width: 1102px;border: 1px solid #ddd;float: left;}
.index_intro h2 { height: 45px; line-height: 44px; background: url(../images/index_36.jpg) repeat-x center top; }
.index_intro h2 span { display: block; width: 118px; height: 45px; background-color: #d30000; text-align: center; color: #fff; }
.index_intro_main { padding: 20px; overflow: hidden; }
.index_intro_video {width: 290px;height: 235px;display: block;position: relative;overflow: hidden;float: left;}
.index_intro_video img {display: block;width: 290px;height: 235px;top: 0;}
.index_intro_video span { display: block; width: 290px; height: 235px; position: absolute; left: 0; top: 0; background: url(../images/index_100.png) no-repeat center; opacity: 0; filter: alpha(opacity=0);
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_intro_video:hover span { opacity: 1; filter: alpha(opacity=100); }

.index_intro_text {width: 748px;float: right;}
.index_intro_text h3 { margin-bottom: 5px; line-height: 34px; height: 34px; font-size: 16px; }
.index_intro_para { overflow: hidden; height: 120px;position: relative;  }
.index_intro_para p { line-height: 24px; color: #666;}
.index_intro_para p a {width: 744px;background: #fff;right: 0;bottom: 0;padding-left: 5px;color: #d30000;display: block;line-height: 24px;position: absolute;background: #fff;}
.index_intro_para p a:hover { color: #d30000; text-decoration: underline; }

.index_intro_link { overflow: hidden; padding-top: 26px; }
.index_intro_link a { float: left; display: block; width: 88px; height: 36px; line-height: 36px; background-color: #d30000; margin-right: 10px; color: #fff; text-align: center;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_intro_link a:hover { background-color: #b30101; }

.index_message { float: right; width: 260px; height: 303px; padding: 10px 15px; background: url(../images/index_97.png) no-repeat center; }
.index_message h3 { line-height: 32px; height: 32px; border-bottom: 1px solid #e5e5e5; color: #d30000; margin-bottom: 10px; }
.index_message_row { padding: 5px 0; overflow: hidden; }
.index_message_row span { display: block; width: 68px; height: 24px; line-height: 24px; float: left; font-size: 14px; }
.index_message_row .txt { display: block; width: 170px; height: 24px; line-height: 24px; float: left; text-indent: 6px; background-color: #eee; }
.index_message_row i { color: #d30000; font-style: normal; margin-left: 5px; }
.index_message_row textarea { display: block; float: left; padding: 5px; background-color: #eee; width: 160px; height: 60px; }
.index_message_row .btn {cursor: pointer; display: block; width: 73px; height: 30px; background: #fea500 url(../images/index_48.png) no-repeat 50px center; text-indent: 10px; text-align: left; color: #fff;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_message_row .btn:hover { background-color: #d30000; }

.index_news { float: left; width: 748px; border: 1px solid #ddd; }
.index_news h2 { height: 44px; line-height: 44px; background: url(../images/index_36.jpg) repeat-x center; }
.index_news h2 a { display: block; float: left; width: 118px; height: 44px; background: url(../images/index_105.jpg) repeat-x center; text-align: center; color: #fff; }
.index_news h2 a:first-child { border-right: 1px solid #fff; }
.index_news h2 a.current { background: url(../images/index_11.jpg) repeat-x center; }
.index_news_ul { padding: 20px 20px 30px; }
.index_news_ul li { padding-top: 30px; border-top: 1px solid #e4e4e4; overflow: hidden; }
.index_news_ul li:first-child { padding-top: 0; border-top: none; padding-bottom: 30px; }
.index_news_ul li .img { display: block; width: 210px; height: 115px; float: left; overflow: hidden; }
.index_news_ul li .img img { display: block; width: 210px; height: 115px; }
.index_news_text { float: right; width: 480px; }
.index_news_text h3 { height: 20px; line-height: 20px; margin-bottom: 4px; }
.index_news_text h3 a { font-weight: bold; color: #333; }
.index_news_text h6 { font-size: 12px; font-family: Arial; color: #999; line-height: 18px; }
.index_news_text p {position: relative; line-height: 22px; margin-top: 15px; height: 44px; overflow: hidden; color: #999; }
.index_news_text p a {display: block;position: absolute;background: #fff;width: 165px;right: 0;bottom: 0;line-height: 22px; color: #d30000; padding-left: 5px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_news_text h3 a:hover,
.index_news_text p a:hover { color: #d30000; text-decoration: underline; }

.index_problem { float: right; width: 328px; border: 1px solid #ddd; }
.index_problem h2 { height: 44px; line-height: 44px; background: url(../images/index_36.jpg) repeat-x center; }
.index_problem h2 span { display: block; width: 118px; height: 44px; background-color: #d30000; text-align: center; color: #fff; }
.index_problem ul { padding: 0 20px; }
.index_problem ul li { border-top: 1px dashed #ddd; height: 37px; line-height: 36px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.index_problem ul li:first-child { border-top: none; }
.index_problem ul li a { padding-left: 2px; color: #666; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_problem ul li a:hover { color: #d30000; text-decoration: underline; }

.index_customers { width: 1100px; margin: 26px auto 50px; }

.index_customers_slide { width: 1100px; position:relative; margin-top: 16px; }
.index_customers_slide .bd { width: 1100px; margin: 0 auto; overflow: hidden; position:relative; }
.index_customers_slide .bd li { width: 172px; margin-right: 11px; border: 1px solid #ddd; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_customers_slide .bd li:hover { border-color: #d30000; }
.index_customers_slide .bd li a { display: block; overflow: hidden; width: 172px; height: 92px; }
.index_customers_slide .bd li a img { display: block; width: 172px; height: 92px; }
.index_customers_slide .bd li a h5 { display: block; height: 40px; line-height: 40px; padding: 0 15px; background-color: #f5f5f5; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_customers_slide .bd li a:hover h5 { background-color: #d62626; color: #fff; }
.index_customers_slide .prev,.index_customers_slide .next { display: block; width: 32px; height: 48px; position: absolute; top: 50%; margin-top: -24px;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.index_customers_slide .prev { left: -52px; background: #858585 url(../images/index_66.png) no-repeat center; }
.index_customers_slide .next { right: -52px; background: #858585 url(../images/index_69.png) no-repeat center; }
.index_customers_slide .prev:hover,
.index_customers_slide .next:hover { background-color: #fea500; }

.footer { background-color: #fff8f8; border-top: 2px solid #c30000; padding: 26px 0; }
.footer_info { float: left; width: 350px; }
.footer_info h2 { color: #d30000; font-size: 22px; line-height: 24px; margin-bottom: 10px; }
.footer_info h4 { color: #666; line-height: 24px; }
.footer_info h4 a { color: #666; line-height: 24px; }
.footer_info h4 a:hover{color: #d30000;text-decoration: underline;}

.footer_img { float: left; margin-left: 28px; }
.footer_img img { display: block; width: 115px; height: 115px; border: 1px solid #fbe8e8; margin-bottom: 8px; }
.footer_img p { font-size: 13px; line-height: 20px; color: #666; text-align: center; }

.footer_nav { float: right; overflow: hidden; }
.footer_nav dl {min-height: 202px; float: left; width: 80px; background: url(../images/index_136.jpg) repeat-y left top; padding-left: 38px; padding-right: 28px; }
.footer_nav dl.dl1 { background: none; padding-left: 0; }
.footer_nav dl.dl3 { padding-right: 0; }
.footer_nav dl dt { line-height: 18px; margin-bottom: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.footer_nav dl dt a { color: #333; font-weight: bold; }
.footer_nav dl dd { line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.footer_nav dl dd a { font-size: 12px; color: #666; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.footer_nav dl dd a:hover,.footer_nav dl dt a:hover { color: #d30000; }

.friend_link { background-color: #fff8f8; border-top: 1px solid #e8e8e8; padding: 20px 0 25px; line-height: 24px; }
.friend_link span { color: #d30000; }
.friend_link a { margin-right: 18px; color: #666; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.friend_link a:hover { color: #d30000; text-decoration: underline; }

.copyright { height: 54px; line-height: 54px; background-color: #c30000; }
.copyright p { float: left; color: #f4dddd; font-size: 12px; }
.copyright p a { font-size: 12px; color: #f4dddd; margin-left: 10px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.copyright a.ctmon { font-size: 12px; float: right; color: #f4dddd; }
.copyright a:hover { text-decoration: underline; }

.container { width: 100%; padding: 40px 0 57px; }

.sidebar { width: 250px; float: left; }

.sidebar_module { margin-bottom: 20px; width: 100%; }
.sidebar_module h3 { width: 100%; height: 55px; line-height: 54px; text-align: center; color: #fff; font-size: 24px; background: url(../images/index_11.jpg) repeat-x center top; }
.sidebar_menu { border: 1px solid #ddd; border-top: none; }
.sidebar_menu li { height: 44px; line-height: 44px; border-top: 1px solid #ebebeb;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.sidebar_menu li:first-child { border-top: none; }
.sidebar_menu li a { display: block; width: 100%; height: 44px; text-indent: 77px; background: url(../images/index_43.png) no-repeat 50px center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.sidebar_menu li.active,.sidebar_menu li:hover { background: url(../images/index_36.jpg) no-repeat center; }
.sidebar_menu li.active a,.sidebar_menu li:hover a { background-image: url(../images/index_46.png); color: #d30000; }

.sidebar_menu_tab { border: 1px solid #ddd; border-top: none; padding-top: 20px; }
.sidebar_menu_tab h4 {cursor: pointer; height: 44px; line-height: 44px; background: url(../images/index_41.jpg) repeat-x center; font-size: 16px; color: #cb0000; font-weight: bold; }
.sidebar_menu_tab h4 span { padding-right: 113px; display: block; height: 44px; background: url(../images/robot_10.png) no-repeat 152px center; text-align: right; }
.sidebar_menu_tab h4.active span { background-image: url(../images/robot_22.png); }

.sidebar_menus { display: none; }
.sidebar_menus li { width: 100%; height: 44px; line-height: 44px; background: url(../images/index_42.jpg) repeat-x center; }
.sidebar_menus li:first-child { background: none; }
.sidebar_menus li.active { background: url(../images/index_41.jpg) repeat-x center; }
.sidebar_menus li.active + li { background: none; }
.sidebar_menus li a { display: block; height: 44px; text-indent: 77px; background: url(../images/index_43.png) no-repeat 50px center; padding-right: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sidebar_menus li:hover a { color: #d30000; }
.sidebar_menus li.active a { background: url(../images/index_46.png) no-repeat 50px center; color: #d30000; }

.sidebar_contact { border: 1px solid #ddd;padding-bottom: 10px; }
.sidebar_contact img { display: block; margin-bottom: 17px; }
.sidebar_contact h4 { padding: 0 10px; margin-bottom: 8px; color: #666; line-height: 24px; }
.sidebar_contact h4 a{color: #666; line-height: 24px; }
.sidebar_contact h4 a:hover{color: #d30000;}

.content { width: 820px; float: right; border: 1px solid #ddd; }
.content_title { padding: 13px 30px; height: 18px; line-height: 18px; background: url(../images/index_36.jpg) repeat-x center; overflow: hidden; }
.content_title h3 { float: left; height: 18px; border-left: 1px solid #d30000; color: #d30000; padding-left: 10px; font-size: 16px; }
.content_title .bread_nav { float: right; color: #666; }
.content_title .bread_nav a { color: #666; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.content_title .bread_nav a:hover { color: #d30000; text-decoration: underline; }

.contents { padding: 30px; }

.robot_list { overflow: hidden; }
.robot_list li { float: left; width: 240px; margin-right: 20px; margin-bottom: 20px; }
.robot_list li.r { margin-right: 0; }
.robot_list li a{overflow:hidden;}
.robot_list li a,.robot_list li a img { display: block; width: 240px;   -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.robot_list li a h4 {z-index:5;position:relative; height: 42px; line-height: 42px; background-color: #f5f5f5; color: #666; text-align: center; padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.robot_list li a:hover h4 { background-color: #d30000; color: #fff; }
.robot_list li a:hover img{-webkit-transform: scale(1.03);  -moz-transform: scale(1.03);  -ms-transform: scale(1.03);  -o-transform: scale(1.03);  transform: scale(1.03);}
.page { padding: 10px 0 30px; font-size: 0; text-align: right; *zoom: 1; }
.page a { display: inline-block; *display: inline; width: 28px; height: 28px; line-height: 28px; border: 1px solid #ddd; margin-left: 5px; vertical-align: middle; font-family: Arial; font-size: 12px; color: #666; text-align: center;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.page a.page_start,.page a.page_end { width: 64px; }
.page a:hover,.page a.page_on { background-color: #d30000; color: #fff; border-color: #d30000; }
.page a.page_prev { background: url(../images/robot_31.png) no-repeat center; }
.page a.page_prev:hover { background: #d30000 url(../images/robot_29.png) no-repeat center; }
.page a.page_next { background: url(../images/robot_33.png) no-repeat center; }
.page a.page_next:hover { background: #d30000 url(../images/robot_35.png) no-repeat center; }

.detail_top { width: 100%; overflow: hidden; }
.spec_preview { width: 406px; height: 320px; float: left; }
.jqzoom { position:relative; cursor:pointer; display:block; width:406px; height:320px; overflow:hidden; }
.jqzoom img { width:406px; height:320px; }
.zoomdiv { z-index:100; border: 1px solid #d2d2d2; position:absolute; top:0px; left:0px; width:406px; height:320px; background:#ffffff; display:none; text-align:center; overflow:hidden; }
.jqZoomPup { z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; width:20px;height:20px; border:1px solid #aaa; background:#ffffff ; opacity: 0.5; filter: alpha(opacity=50); }

.detail_top_intro { float: right; width: 332px; }
.detail_top_intro h1 { font-size: 18px; color: #d30000; font-weight: bold; height: 38px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-bottom: 11px; border-bottom: 1px dashed #dfdfdf; }
.detail_top_para { padding-top: 15px; height: 100px; overflow: hidden; }
.detail_top_para p { color: #666; line-height: 20px; color: #666; }

#bdsharebuttonbox span { float: left; display: block; height: 16px; line-height: 16px; margin: 6px; color: #909090; font-size: 12px; }

.detail_top_link { display: block; width: 94px; height: 34px; line-height: 34px; margin-top: 10px; background: #fea500 url(../images/index_48.png) no-repeat 70px center; color: #fff; font-size: 13px; text-indent: 10px;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.detail_top_link:hover { background-color: #d30000; }

.spec_scroll { width: 100%; overflow: hidden; margin-top: 20px; position: relative; }

.spec_scroll .prev,
.spec_scroll .next { display: block; width: 24px; height: 24px; cursor: pointer; position: absolute; top: 50%; margin-top: -12px; }
.spec_scroll .prev { left: 0; background: url(../images/p_prev.png) no-repeat center; }
.spec_scroll .next { right: 0; background: url(../images/p_next.png) no-repeat center; }
.spec_scroll .prev:hover { background: url(../images/p_prevh.png) no-repeat center; }
.spec_scroll .next:hover { background: url(../images/p_nexth.png) no-repeat center; }

.spec_scroll .items { width: 270px; height: 63px; margin: 0 auto; overflow: hidden; position: relative; }
.spec_scroll ul { overflow: hidden; width: 99999px; position: absolute; height: 63px; }
.spec_scroll ul li { float: left; width: 80px; height: 63px; margin: 0 5px; background-color: #000; }
.spec_scroll ul li img { width: 80px; height: 63px; cursor: pointer; opacity: 1; filter: alpha(opacity=100); }
.spec_scroll ul li.hover img { opacity: .8; filter: alpha(opacity=80); }


.detail_tab { width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; margin-top: 30px; }
.detail_tab a { display: block; float: left; width: 100px; height: 40px; line-height: 40px; border-radius: 4px 4px 0 0; margin-right: 10px; background-color: #666; color: #fff; text-align: center; }
.detail_tab a.on { background-color: #d30000; }

.detail { padding: 20px 0 45px; }
.details { display: none; color: #666; line-height: 26px; }
.details p { color: #666; line-height: 26px; }
.details img{display: block;max-width: 100%;}
.vd_pic_wrap{cursor: pointer; width: 760px;overflow: hidden;position: relative;}
.vd_pic_wrap::before{content: " "; left: 0;top:0;position: absolute; width: 100%;height: 100%;background: url("../images/vd_icon.png") no-repeat center;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.vd_pic_wrap img{width: 100%;}
.vd_pic_wrap:hover::before{background-color: rgba(0,0,0,0.2);}
.detail_tap { width: 100%; line-height: 24px; }
.detail_tap span { color: #d30000; }
.detail_tap a { color: #666; margin-right: 6px; }
.detail_tap a:hover { color: #d30000; text-decoration: underline; }

.detail_back { height: 30px; line-height: 30px; text-align: center; background-color: #fcfcfc; border-top: 1px dotted #dcdcdc; border-bottom: 1px dotted #dcdcdc; margin-top: 20px; }
.detail_back a { color: #333; font-size: 12px; }
.detail_back a:hover { color: #d30000; }

.about_top { overflow: hidden; padding-bottom: 30px; }
.about_top img { float: left; display: block; width: 263px; }
.about_top_right { float: right; width: 475px; }
.about_top_right h3,.about_content h3 { font-size: 18px; line-height: 24px; padding: 5px 0; margin-bottom: 10px; }
.about_top_right p,.about_content p { color: #777; line-height: 24px; }

.about_content { border-top: 1px solid #ececec; padding: 20px 0 30px; }

.about_grow { padding-top: 30PX; }
.about_grow h4 { float: left; font-size: 18px; width: 145px; padding-right: 25px; text-align: right; line-height: 46px; height: 46px; background-color: #d30000; color: #fff; border-radius: 0 23px 23px 0; margin-left: -30px; }

.about_grow_list { float: right; width: 590px; margin-top: 14px; background: url(../images/about_11.jpg) repeat-y left top; }
.about_grow_list li { padding-bottom: 40px; padding-left: 48px; line-height: 24px; background: url(../images/about_09.jpg) no-repeat left top; overflow: hidden; }
.about_grow_list li span { display: block; width: 80px; float: left; font-size: 18px; color: #d30000; }
.about_grow_list li p { float: right; width: 460px; color: #7f7f7f; }

.patent_list { padding: 0 6px; overflow: hidden; }
.patent_list li { border: 1px solid #e8e8e8; width: 170px; padding: 25px; float: left; margin-right: 40px; margin-bottom: 40px;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.patent_list li.r { margin-right: 0; }
.patent_list li img { display: block; width: 170px; height: 246px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; }
.patent_list li h4 { height: 14px; line-height: 14px; text-align: center; color: #333;  margin-top: 20px; }
.patent_list li:hover { border-color: #d30000; }
.patent_list li:hover h4 { color: #d30000; }
.patent_list li:hover img{  -webkit-transform: scale(1.03);  -moz-transform: scale(1.03);  -ms-transform: scale(1.03);  -o-transform: scale(1.03);  transform: scale(1.03);}

.style_tab { width: 100%; overflow: hidden; border-bottom: 1px solid #ddd; }
.style_tab a { display: block; float: left; width: 100px; height: 40px; line-height: 40px; border-radius: 4px 4px 0 0; margin-right: 10px; background-color: #666; color: #fff; text-align: center; }
.style_tab a.on { background-color: #d30000; }

.style_content_img { width: 100%; margin-top: 20px; }
.style_content_img img { display: block; width: 100%; }

.style_content_slide { width: 760px; position:relative; margin-top: 20px; }
.style_content_slide .bd { width: 668px; margin: 0 auto; overflow: hidden; position:relative; }
.style_content_slide .bd li { width: 155px; margin: 0 6px; }
.style_content_slide .bd li img { display: block; width: 155px; height: 68px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.style_content_slide .bd li.on { background-color: #d30000; }
.style_content_slide .bd li.on img { opacity: 0.8; filter: alpha(opacity=80); }
.style_content_slide .prev,.style_content_slide .next { display: block; width: 30px; height: 68px; position: absolute; bottom: 0;
 -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.style_content_slide .prev { left: 0; background: #858585 url(../images/index_66.png) no-repeat center; }
.style_content_slide .next { right: 0; background: #858585 url(../images/index_69.png) no-repeat center; }
.style_content_slide .prev:hover,
.style_content_slide .next:hover { background-color: #d30000; }

.customer_list { overflow: hidden; padding: 20px 0; }
.customer_list li { width: 174px; float: left; margin-right: 20px; margin-bottom: 5px; }
.customer_list li.r { margin-right: 0; }
.customer_list li img { display: block; width: 172px; height: 92px; border: 1px solid #ddd;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; }
.customer_list li p { padding: 0 15px; line-height: 36px; height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; color: #666;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.customer_list li:hover img{border-color: #d30000;}
.customer_list li:hover p{color: #d30000;}

.contact p { color: #777; line-height: 30px; }
.contact p a { color: #777; line-height: 30px; }
.contact p a:hover{color: #d30000;text-decoration: underline;}
.map { padding-top: 20px; }

.news_list { padding: 0; }
.news_list .index_news_text { width: 530px; }
.news_list li { padding-bottom: 30px; }
.news_list li .img img { -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.news_list li:hover .img img { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); }
.new_detail{min-height: 400px;margin-bottom: 30px;}
.new_detail img{display: block;max-width: 100%;}
.new_detail .tit{margin-bottom: 30px;}
.new_detail .tit h1{-moz-user-select: none;  -khtml-user-select: none;  user-select: none;font-size: 24px;line-height: 34px;margin-bottom: 10px;text-align: center;color: #333;}
.new_detail p{-moz-user-select: none;  -khtml-user-select: none;  user-select: none;}
.data_wrap{overflow: hidden;width: 320px;margin: 0 auto;}
.data_wrap>span{display: block;float: left;color: #909090;line-height: 28px;}
.data_wrap .bdsharebuttonbox{float: right;}


.device_list { overflow: hidden; }
.device_list a {overflow: hidden; display: block; float: left; width: 240px; margin-right: 20px; margin-bottom: 20px; }
.device_list a.r { margin-right: 0; }
.device_list a img { display: block; width: 240px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; }
.device_list a h4 {position: relative;z-index: 5; height: 42px; line-height: 42px; color: #666; text-align: center; padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s;}
.device_list a:hover h4{background-color: #d30000;color: #fff;}
.device_list a:hover img{
 -webkit-transform: scale(1.04);
 -moz-transform: scale(1.04);
 -ms-transform: scale(1.04);
 -o-transform: scale(1.04);
 transform: scale(1.04);}
.msg-box-bg { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../images/bg-box.png); display: none; z-index: 1001; }
.msg-box { width: 860px; height: 524px; padding: 50px; background-color: #F3F3F3; position: absolute; left: 50%; margin-left: -480px; top: 0; margin-top: -312px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); }
.msg-box .close-box { width: 38px; height: 38px; background: url(../images/btn-close-modal.png) no-repeat center; cursor: pointer; position: absolute; right: 10px; top: 10px;
 -webkit-transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.msg-box .close-box:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

/*喷涂案例视频*/
.video_list{overflow: hidden;}
.video_list a {cursor: pointer;display: block; float: left; width: 240px; margin-right: 20px; margin-bottom: 20px; }
.video_list a.r { margin-right: 0; }
.video_list a .pic{width: 240px;height: 188px;overflow: hidden;}
.video_list a .pic img { display: block; width: 240px;  -webkit-transition: .5s;  -moz-transition: .5s;  -ms-transition: .5s;  -o-transition: .5s;  transition: .5s; }
.video_list a:hover .pic img{  -webkit-transform: scale(1.04);  -moz-transform: scale(1.04);  -ms-transform: scale(1.04);  -o-transform: scale(1.04);  transform: scale(1.04);}
.video_list a h4 { height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 42px; background-color: #f5f5f5; color: #666; text-align: center; padding: 0 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.video_list a:hover h4 { background-color: #d30000; color: #fff; }


/*客服*/
.qqkefu{
 position: fixed;
 top:50%;
 _position: absolute;
 _top: expression(eval(document.documentElement.scrollTop + 365));
 z-index: 20;
 /*right:0;*/
 right: 30px;
 width:39px;
}
.qqkefu ul li{
 width: 45px;
 height:45px;
 margin-bottom:1px;
 float:right;
 background:#c30000;
 line-height:45px;
 font-size:14px;
 cursor:pointer;
 position:relative;
}
.qqkefu ul li a{
 color:#fff;
 overflow: hidden;
 display: block;
 height: 45px;
 padding-left: 10px;
}
.qqkefu ul li.qq_cza{
 overflow:hidden
}
.qqkefu ul li:hover{
 background:#fea500;
}
.qqkefu ul li.top{
 background:url("../images/back.png") no-repeat center #c30000;
 position:relative;
 width:45px;
 height: 45px;
 cursor:pointer;
}
.qqkefu ul li.top:hover{
 background:url("../images/back.png") no-repeat center #fea500;
}
.qqkefu ul li b{
 width:45px;
 height:45px;
 display:block;
 overflow:hidden;
 float:right;
}
.qqkefu ul li span{
 font-size: 14px;
 font-weight: bold;
 color: #FFF;
}
.qqkefu ul li b.a{
 background:url(../images/qq.png) no-repeat center center;
}
.qqkefu ul li b.b{
 background:url(../images/zixun.png) no-repeat center center;
}
.qqkefu ul li b.c{
 background:url(../images/weixin.png) no-repeat center center;
}
.qqkefu ul li b.e{
 background:url(../images/tel.png) no-repeat center center;
}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{
 width: 130px;
 height: 150px;
 position: absolute;
 top: -107px;
 left: -150px;
 background: #FFF;
 border: 1px solid #CCC;
 float: left;
 cursor: default !important;
 display:none;
 /*overflow: hidden;*/
}
.erweima p{
 line-height: 20px;
 color: #000;
 font-size: 12px;
 text-align: center;
 float: left;
 width: 130px;
}
.erweima p img{
 width: 110px;
 height: 110px;
 margin: 10px 10px 0px 10px;
}
.erweima .arrow3 {
 width: 5px;
 height: 10px;
 display: block;
 background:url(../images/czx6.png) no-repeat;
 position: absolute;
 right: -5px;
 top: 122px;
}

.contact_us1{margin-top:72px;}
.contact_us1 input,.leave_mess{border:solid #e5e5e5 1px;height:47px;border-radius: 3px; font-size: 13px;color:#c5c5c5;padding:12px 18px;box-sizing: border-box;margin-bottom: 20px;}
.input_name,.input_tel{width: 363px;}
.input_tel{float: right;}
.leave_mess,.input_email{width:100%;}
.leave_mess{height: 192px;line-height: 25px;}
.contact_us1 .send_input{background: #d30000;padding:10px 62px;color:#fff;cursor: pointer;transition:0.35s;}
.contact_us1 .send_input:hover{background-color:#b40202;}
/*common*/
.hidden{display: none;}
.common_proplem{float: left;margin-left:36px;width:765px;overflow: hidden;box-sizing: border-box;margin-bottom: 57px;}
.common_proplem_dl{line-height: 28px;color:#626262;cursor: pointer;margin-top:-8px;}
.common_proplem_dl dt{font-size:14px;padding:14px 31px 13px 31px;background:url(../images/compo_06.png) no-repeat 735px center #f5f5f5;margin: 8px 0;transition-duration: .5s;}
.common_proplem_dl dd{font-size: 13px;background-color: #f5f5f5;/*margin-top:8px;*/box-sizing: border-box;;padding-left: 31px;}
.common_proplem_dl .on,.common_proplem_dl dt:hover{background-color: #d30000;color:#fff;background-image: url(../images/comm_03.png)}