@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; color:#2c2c2c; font:12px/180% "Microsoft YaHei", Arial, Helvetica, sans-serif;}
body{width:100%; background-color: #fafafa;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style:none; vertical-align:bottom;}
img {border:none; display:block;}
em,i {font-style:normal;}
a{text-decoration:none; color: #a0a0a0;}
a:hover{ text-decoration:none;}
.disable {display:none;}
.fl {float:left;}
.fr {float:right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{outline:none; resize:none; font-family: "Microsoft YaHei"}
select{height:22px; line-height:18px; padding:2px 0; outline:none; font-family: "Microsoft YaHei"}

.wrapper{ width:1200px; margin: 0 auto;}

.mt10{ margin-top:10px;}

/*头部*/
.header{ background-color: #1b1b1b; min-width: 1200px; line-height: 40px; color: #fff; font-size: 14px;}
.header a{ color:#fff; margin-left: 30px;}

/*logo*/
.header_info{ background-color:#fff; min-width: 1200px; padding: 20px 0 25px;}
.c_name{ margin-left: 42px; padding-left: 35px; border-left: 2px #b62022 solid; height: 91px;}
.c_name b{ display:block; font-size: 30px; color: #b62022; font-weight: 600; line-height: 45px; padding-top: 10px;}
.c_name p{ font-size: 18px; line-height: 30px;}
.c_contact{ text-align:right; padding-top: 10px;}
.c_contact b{ display:block; font-size: 24px; font-weight: 600; line-height: 40px;}
.c_contact p{ font-size: 14px; line-height: 37px;}
.c_contact p em{ color:#b62022; font-family: "黑体"; font-size: 28px; font-weight: 600;}

/*导航*/
.nav{ min-width: 1200px; height: 89px; background-color: #b62022;}
.nav_list li{ float:left; font-size: 16px; line-height: 89px;}
.nav_list a{ display:block; padding: 0 35px; color: #fff;}
.nav_list a i{ display:block; padding-left: 33px; background: url(../images/ico_01.png) no-repeat left center;}
.nav_list a:hover,.nav_list a.on{ background-color:#2c2c2c;}
.search{ padding-top:27px;}
.search li{ width:168px; padding: 0 15px; height: 35px; border: 1px #dcdcdc solid; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; background-color: #fff;}
.search input{ display:block; float: left; width: 147px; height: 35px; line-height: 35px; border: 0; font-size: 16px; color: #2c2c2c;}
.search button{ display:block; border: 0; width: 21px; height: 35px; outline: none; background: url(../images/ico_02.png) no-repeat center center; cursor: pointer;}

/*幻灯片*/
.banner{ min-width: 1200px; height: 632px; position: relative; overflow: hidden;}
.banner .bd a{ display:block; width: 100%; height: 632px; background-position: center center; background-repeat: no-repeat;}
.banner .hd{ position:absolute; left: 0; right: 0; bottom: 28px; z-index: 1; text-align: center;}
.banner .hd li{ display:inline-block; margin: 0 8px; width: 8px; height: 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; overflow: hidden; text-indent:22em;}
.banner .hd li.on{ background-color: #636363;}
.banner .prev,.banner .next{ display:block; position: absolute; top:-340px;}
.banner .prev{ right:50%; margin-right: 600px;}
.banner .next{ left:50%; margin-left: 600px;}

/*产品中心*/
.index_product{ padding: 60px 0 70px;}
.index_product .left{ width:340px; float: left;}
.index_product .right{ width: 826px; float: right;}

.index_product .left b{ display:block; text-align: center; font-size: 28px; color: #fff; font-weight: 600; line-height: 80px; background-color: #b62022;}
.center_car_nav{ margin-top:5px; background-color: #fff;}
.center_car_nav em{ display:block; height: 58px; line-height: 58px; background-color: #2c2c2c; padding-left: 74px; position: relative; font-size: 18px; color: #fff; cursor: pointer;}
.center_car_nav i{ display:block; position: absolute; left: 37px; top: 18px; width: 21px; height: 21px; background: url(../images/ico_03.png) no-repeat left center;}
.center_car_nav em.on i{ background-image:url(../images/ico_04.png);}
.center_car_nav ul{ padding: 7px 0 7px 56px;}
.center_car_nav ul li{ padding-left: 34px; background: url(../images/ico_05.png) no-repeat left center; line-height: 48px; font-size: 16px;}
.center_car_nav ul li:hover{ background-image:url(../images/ico_18.png);}
.center_car_nav ul a{ color:#2c2c2c;}
.center_car_nav ul a:hover{ color:#b62022;}

.center_tel { margin-top: 5px; background-color: #b62022; color: #fff; padding: 20px 0 20px 38px;}
.center_tel h2{ display:block; font-size: 28px; line-height: 50px;}
.center_tel p{ font-size: 16px; color: #fafafa; line-height: 28px; padding-left: 60px; background: url(../images/ico_06.png) no-repeat 0 5px;}
.center_tel p i{ display:block; font-size: 28px;}

.center_tel_other{ margin-top: 5px; padding:0 20px; background-color: #b62022; color: #fff;}
.center_tel_other h2{ display:block; text-align: center; font-size: 28px; color: #fff; font-weight: 600; line-height: 88px;}
.center_tel_other div{ height: 92px; background-color: #fff; font-size: 16px; color: #2c2c2c; padding-left: 86px; background: url(../images/ico_13.png) no-repeat 18px 26px; background-color: #fff;}
.center_tel_other p{ padding-top: 20px; line-height: 30px;}
.center_tel_other p i{ display:block; font-size: 28px;}
.center_tel_other ul{ padding: 22px 15px; font-size: 16px; color: #fff; line-height: 30px;}
.center_tel_other em{ display:block; float: left;}
.center_tel_other span{ display:block; float:right; width: 220px;}

.index_product_list{ padding-top:10px;}
.index_product_list img{width:100%}
.index_product_list .title{ height:51px; background: url(../images/l_01.jpg) no-repeat left bottom; overflow: hidden;}
.index_product_list .title li{ height:50px;}
.index_product_list .title h2{ display:block; float: left; padding: 0 60px 0 10px; height: 50px; line-height: 50px; border-bottom: 1px #b62022 solid; color: #b62022; font-size: 18px; font-weight: normal;}
.index_product_list .title h2 i{ color:#2C2C2C;}
.index_product_list .title a{ display:block; float: right; font-size: 16px; color: #b62022; line-height: 50px; padding-right: 16px; background: url(../images/ico_07.png) no-repeat right center;}
.index_product_list .list { padding-top: 15px;}
.index_product_list .list li{ float:left; width: 226px; padding: 0 25px 0 22px; margin-top: 9px;}
.index_product_list .list a{ display:block;}
.index_product_list .list div{ width:226px; height: 226px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.index_product_list .list h4{display:block; text-align: center; font-size: 16px; color: #2c2c2c; font-weight: normal; line-height: 45px; height: 45px; overflow: hidden;}
.index_product_list .list a:hover h4{ color:#b62022;}

/*客户案例*/
.index_case{ min-width: 1200px; background-color: #fff; overflow: hidden; padding-bottom: 65px;}
.index_case .title{ padding: 55px 0; text-align: center;}
.index_case .title h2{ display:block; font-size: 36px; color: #2c2c2c; line-height: 50px;}
.index_case .title p{ color:#b62022; font-size: 24px; line-height: 26px; text-transform: uppercase;}

.index_case .tab{ height: 118px; margin-bottom: 53px;}
.index_case .tab a{ display:block; float: left; width: 196px; height: 118px; background-color: #fafafa; margin-right: 4px; text-align: center; position: relative; color: #2c2c2c;}
.index_case .tab a:last-child{ margin-right: 0;}
.index_case .tab div{ height: 69px; background-position: center bottom; background-repeat: no-repeat;}
.index_case .tab img{ display:none; position: absolute; left: 0; top: 118px;}
.index_case .tab h4{ display:block; font-size: 16px; line-height: 45px; font-weight: normal;}
.index_case .tab .ico_01{ background-image: url(../images/t_01.png);}
.index_case .tab .ico_02{ background-image: url(../images/t_02.png);}
.index_case .tab .ico_03{ background-image: url(../images/t_03.png);}
.index_case .tab .ico_04{ background-image: url(../images/t_04.png);}
.index_case .tab .ico_05{ background-image: url(../images/t_05.png);}
.index_case .tab .ico_06{ background-image: url(../images/t_06.png);}
.index_case .tab a.on{ background-color: #b62022; color: #fff;}
.index_case .tab a.on img{ display:block;}
.index_case .tab a.on .ico_01{ background-image: url(../images/t_01_2.png);}
.index_case .tab a.on .ico_02{ background-image: url(../images/t_02_2.png);}
.index_case .tab a.on .ico_03{ background-image: url(../images/t_03_2.png);}
.index_case .tab a.on .ico_04{ background-image: url(../images/t_04_2.png);}
.index_case .tab a.on .ico_05{ background-image: url(../images/t_05_2.png);}
.index_case .tab a.on .ico_06{ background-image: url(../images/t_06_2.png);}

.index_case .reviews li{ float:left; width: 817px; height: 660px; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.index_case .reviews li img{ width: 100%; height: 325px}
.index_case .reviews li:nth-child(n+2){ float: right; width: 347px; height: 305px;}
.index_case .reviews li:last-child{ margin-top: 31px;}
.index_case .reviews a{ display:block; position: relative;}
.index_case .reviews a h4{ display:block; position: absolute; left: 0; right: 0; bottom: 0; height: 63px; line-height: 63px; color: #fff; font-size: 16px; font-weight: normal; overflow: hidden; background:url(../images/ico_09.png) repeat;padding-left: 10px}

/*资讯*/
.index_news{ padding: 60px 0;}
.index_news .left{ width:780px;}
.index_news .right{ width:380px;}
.index_news .title{ height: 73px; padding-left: 30px; position: relative; margin-bottom: 50px;}
.index_news .title b{ display:block; font-size: 36px; color: #2c2c2c; line-height: 40px; height: 40px;}
.index_news .title p{ font-size: 24px; color: #b62022; line-height: 25px; margin-top: 8px; text-transform: uppercase;}
.index_news .title i{ display:block; position: absolute; left: 0; top: 0; bottom: 0; width: 17px; background-color: #b62022;}

.video_intro{ height: 238px; padding-right: 43px; background-color: #b62022; color: #fff;}
.video_intro img{ margin-right: 39px;}
.video_intro h4{ display:block; font-weight: 600; font-size: 18px; line-height: 45px; padding-top: 25px;}
.video_intro p{ font-size: 14px; line-height: 30px; height: 120px;}
.video_intro span{ display:block; text-align: right; line-height: 28px; font-size: 14px; padding-right: 15px; background: url(../images/ico_10.png) no-repeat right center;}
.video_intro span a{ color: #fff;}

.news_list{ padding-top: 30px;}
.news_list li{ float:left; width: 375px; height: 37px; line-height: 37px; font-size: 16px;}
.news_list li:nth-child(2n){ float:right;}
.news_list p{ float:right;}
.news_list h4{ float:left; display:block; font-size: 16px; font-weight: normal;}
.news_list h4 a{ color:#2c2c2c;}
.news_list h4 a:hover{ color:#b62022;}

.comon_problem{ background-color: #fff;}
.comon_problem .titles{ padding:0 18px; text-align: right; font-size: 14px; height: 63px; line-height: 65px; background-color: #2c2c2c; overflow:hidden;}
.comon_problem .titles a{ display:inline-block; color: #fff; padding-right: 15px; background: url(../images/ico_10.png) no-repeat right center; }
.comon_problem .lists{ padding:10px 28px 25px;}
.comon_problem .lists li{ padding-top: 20px;}
.comon_problem .lists h4{ display:block; font-size: 16px; color: #b62022; font-weight: normal; line-height: 26px; height: 26px; overflow: hidden; padding-left: 34px; background: url(../images/ico_01.jpg) no-repeat left center;}
.comon_problem .lists h4 a{ color:#b62022;}
.comon_problem .lists p{ font-size: 16px; color: #2c2c2c; line-height: 30px; height: 60px; padding-left: 34px; background: url(../images/ico_02.jpg) no-repeat left center;}

/*底部导航*/
.f_nav{ min-width: 1200px; height: 89px; line-height: 89px; font-size: 16px;  background-color: #b62022;}
.f_nav li{ float:left; padding: 0 42px;}
.f_nav a{ color:#fff;}

/*底部*/
.footer{ min-width: 1200px; background-color: #2c2c2c; padding: 65px 0 20px;}
.f_address{ padding-left: 73px; font-size: 18px; color: #fff; line-height: 38px;}
.f_address i{ padding-left: 45px;}
.f_code b{ display:block; text-align: center; font-size: 16px; color: #fff; font-weight: normal; line-height: 50px;}
.f_link{ text-align:center; font-size: 16px; color: #a0a0a0; line-height: 38px; padding-top: 45px;}
.f_link a{ color:#a0a0a0;}
.f_link em{ padding:0 9px;}
.f_copy{ text-align:center; font-size: 16px; color: #fff; line-height: 40px;}

/*当前位置*/
.location{ padding: 0 15px; height:47px; line-height: 47px; padding-bottom: 1px; background:url(../images/l_02.jpg) no-repeat left bottom;}
.location p{ font-size: 16px; color: #b62022; padding-left: 35px; background: url(../images/ico_11.png) no-repeat left center;}
.location a{ color: #2c2c2c;}

/*关于我们*/
.about{ padding:60px 0 140px;}

.about_tab{ height: 72px; margin-top: 48px;}
.about_tab a{ display:block; float: left; width: 229px; height: 72px; line-height: 72px; text-align: center; font-size: 16px; color: #fff; background-color: #b62022; position: relative; margin-right: 13px;}
.about_tab a:last-child{ margin-right:0;}
.about_tab a img{ display: none; position: absolute; left: 0; top: 71px;}
.about_tab a:hover,.about_tab a.on{ background-color: #2c2c2c;}
.about_tab a:hover img,.about_tab a.on img{ display:block;}

.about_info .title{ text-align:center; padding: 150px 0 0; line-height: 40px;}
.about_info .title h1{ display:block; font-size: 30px; color: #2c2c2c;}
.about_info .title p{ color:#b62022; font-size: 28px; text-transform: uppercase;}

.about_info .content{ padding-top: 40px; font-size: 16px; color: #2c2c2c; line-height: 35px;}
.about_info .content p{ text-indent: 2em;}
.about_info .content p i{ color:#b62022;}
.about_info .content img{ margin-top:40px;}

/*产品中心*/
.product_customer{ height: 425px; background-color: #b62022; padding-right: 35px; margin-top: 32px; margin-left: 10px; overflow: hidden; color: #fff;}
.product_customer img{ float:left; width: 479px; height: 425px; margin-right: 40px;}
.product_customer h4{ display: block; font-size: 19px; padding-top: 45px; line-height: 30px;}
.product_customer p{ font-size: 15px; line-height: 32px; padding-top: 15px; text-indent: 2em;}
.product_customer span{ display:block; text-align: right; line-height: 28px; font-size: 14px; padding-right: 15px; background: url(../images/ico_10.png) no-repeat right center; margin-top: 20px;}
.product_customer span a{ color: #fff;}

.customer_news_List{ margin:15px 0 0 10px; background: url(../images/l_03.jpg) no-repeat center center;}
.customer_news_List li{ float:left; width: 376px; height: 37px; line-height: 37px; color: #2c2c2c; font-size: 15px;}
.customer_news_List li:nth-child(2n){ float:right;}
.customer_news_List p{ float:right;}
.customer_news_List h4{ display:block; font-weight: normal; float: left;}
.customer_news_List h4 a{ color:#2c2c2c;}
.customer_news_List h4 a:hover{ color:#b62022;}

/*分页*/
.page{ text-align: center; padding: 35px 0 20px; line-height: 34px; font-size: 16px; color: #b62022;}
.page a{ display:inline-block; height: 34px; line-height: 34px; padding: 0 13px; border: 1px #b62022 solid; color: #b62022; margin: 0 7px;}
.page a:hover{ background-color:#b62022; color: #fff;}
.page span{ display:inline-block;height: 34px; line-height: 34px; padding: 0 13px; border: 1px #b62022 solid; background-color: #b62022; color: #fff; }

/*客户案例*/
.comon_problem01{ background:none;}
.comon_problem01 .lists{ padding-left: 10px;}

/*产品详情*/
.show_img{ text-align:right; padding-top: 20px;}
.show_img img{ display:inline-block; margin-top: 20px;}

.detial_product{ padding-left:15px; padding-top: 35px; padding-bottom: 20px;}
.detial_product .dp_left{ width:385px;}
.detial_product .dp_right{ width:390px;}

.detial_intro h1{ display:block; font-size: 24px; color: #fff; font-weight: 600; line-height: 40px; padding: 15px 10px; background-color: #b62022; text-align: center; margin-bottom: 20px;}
.detial_intro p{ font-size: 14px; color: #2c2c2c; line-height: 30px;}
.detial_intro ul{ padding-top:22px;}
.detial_intro span{ display: block; float: left; padding-left: 50px; font-size: 18px; color: #2c2c2c; line-height: 23px; font-weight: 600; background: url(../images/ico_14.png) no-repeat 0 5px; margin-top: 10px;}
.detial_intro span em{ display:block; color: #b62022;}
.detial_intro a{ display:block; float: right; width: 153px; height: 63px; line-height: 63px; text-align: center; color: #fff; background-color: #b62022; font-size: 18px;}


/*图片放大镜样式*/
.jqzoom{float:left; border:none; position:relative; padding:0px; cursor:pointer; margin:0px; display:block;}
.jqzoom img{ width:381px; height:381px;}
.zoomdiv{z-index:100; position:absolute; top:0px; left:0px; width:400px; height:400px; background:#ffffff; border:1px solid #e2e2e2; display:none; text-align:center; overflow:hidden;} 
.jqZoomPup{z-index:10; visibility:hidden ;position:absolute; top:0px; left:0px; width:10px; height:10px; border:1px solid #aaa; background:#ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:381px; height:381px; box-shadow: 0 0 10px rgba(0,0,0,0.2);} 
.spec-scroll{ display:block; margin-top:18px; width:380px; height: 124px; position: relative;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:25px; height:124px; position: absolute; top: 0; z-index: 99999;}
.spec-scroll .prev{ left: 0; background:url(../images/ico_16.png) no-repeat center;}
.spec-scroll .next{ right: 0; background:url(../images/ico_17.png) no-repeat center;}
.spec-scroll .items{float:left; position:relative; width:381px; height: 115px; overflow:hidden; padding: 4px 0;}
.spec-scroll .items ul{position:absolute; width:999999px; height:115px;}
.spec-scroll .items ul li{float:left;width:127px; text-align:center;}
.spec-scroll .items ul li img{ margin: 0 auto; width:113px; height: 113px; box-shadow: 0 0 10px rgba(0,0,0,0.2); border:1px #fff solid;}
.spec-scroll .items ul li img:hover{border:1px solid #b62022; box-shadow: 0 0 10px rgba(182,32,34,0.2);}

.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.aligncenter p.wp-caption-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}