﻿.trans{-webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.clear_both{zoom:1;}
.clear_both:after{content:""; display:block; clear:both;}
.fl{float:left}
.fr{float:right} 

.main{width:1200px; margin:0 auto;}
#contain{min-width:1200px; max-width:1920px; width:100%; margin:0 auto;}
#header{height:90px;}
#header .logo{width:248px; height:50px; margin-top:26px;}
#header .weixin{width:68px; height:68px; margin-top:16px;}
#header .stock{margin-right:14px; margin-top:45px;}
#header .stock .bu{text-align:right; font-size:16px; color:#000;}
#header .stock .code{color:#e4061b; font-size:14px; text-align:right;}

#nav{height:40px; background:#404145;}
#nav li{margin-right:5px; position:relative; z-index:120;}
#nav li .senior{width:105px; height:40px; line-height:40px; font-size:14px; text-align:center;}
#nav li .senior a{color:#fff;}
#nav li .second{width:105px; position:absolute; z-index:125; top:40px; left:0; display:none;}
#nav li .second dd{height:24px; line-height:24px; overflow:hidden; text-align:center; background:#c52620; border-bottom:1px solid #9c0700;}
#nav li .second dd a{color:#fff; display:block;}
#nav li .second dd:hover{background:#e80000;}
#nav li:hover .senior{background:#c62720;}
#nav li:hover .second{display:block;}
#nav li.on .senior{background:#c62720;}
#nav .sea{margin-top:9px;}
#nav .search{height:22px; background:#a0a0a2; line-height:22px; text-indent:9px; color:#383838; border:none; outline:none; background:#a0a0a2; width:138px;}
#nav .submit{width:22px; height:22px; margin-left:3px;}

#banner{height:500px; position:relative; z-index:100}
#banner .db{height:500px; width:100%; position:absolute; z-index:101}
#banner .db li{position:absolute; width:100%; height:500px; z-index:101;}
#banner .db li .gu{position:absolute; width:100%; height:500px; z-index:101;}
#banner .db li .gu a{display:block; width:100%; height:500px;}
#banner .db li .mv{position:absolute; z-index:102; height:40px; width:260px; left:50%; margin-left:35px; top:361px;}
#banner .db li .mv .vi a{width:125px; height:40px; display:block; margin-right:5px;}

#ban{height:328px;}
#ban a{height:328px; width:100%; display:block;} 
#banner .hd{position:absolute; z-index:1002; bottom:23px; left:50%;}
#banner .hd li{margin-right:3px; width:12px; height:12px; background:url(/images/banner_li.png) no-repeat; float:left; cursor:pointer;}
#banner .hd li.on{background:url(/images/banner_li_hover.png) no-repeat;}

#content .top{padding:30px 0 50px;}
#content .top .info{width:772px; height:430px; overflow:hidden;}
#content .top .mic{height:60px; }
#content .top .mic .dongt{line-height:60px; color:#c62720; font-size:22px;}
#content .top .more{height:60px; line-height:60px;}
#content .top .more a{color:#303030;}
#content .top .tit_list{height:35px; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; width:772px;}
#content .top .tit_list li{height:35px; width:112px; text-align:center; line-height:35px;  position:relative; color:#303030; font-size:14px; cursor:pointer;}
#content .top .tit_list .dsj{position:absolute; width:112px; height:8px; background:url(/images/dsj.png) no-repeat center; bottom:-8px; display:none; left:0;}
#content .top .tit_list li:hover{background:#c62720; color:#fff;}
#content .top .tit_list li:hover .dsj{display:block;}
#content .top .tit_list li.on{background:#c62720; color:#fff;}
#content .top .tit_list li.on .dsj{display:block;}
#content .top .m_list{margin-top:18px;}
#content .top .m_list li{height:28px; line-height:28px; font-size:14px; margin-bottom:3px; background:url(/images/info_li.png) no-repeat left center; font-family:"宋体"; text-indent:11px;}
#content .top .m_list li a{color:#555;}
#content .top .m_list li .time{height:28px; line-height:28px; font-size:14px; color:#858585; vertical-align:top;}
#content .top .m_list li:hover{background:url(/images/info_li_hover.png) no-repeat left center;}
#content .top .m_list li:hover a{color:#c62720;}
#content .top .visit{width:386px;}

#content .top .visit .about{width:191px; height:87px; line-height:140px; overflow:hidden; text-align:center; font-size:14px; margin-right:2px; margin-bottom:2px;}
#content .top .visit .about a{width:191px; height:87px; display:block; color:#5b5b5b;}
#content .top .visit .c0:hover{background:url(/images/about_hover.png) center 21px no-repeat #c62720;}
#content .top .visit .about:hover a{color:#fff;}
#content .product_index{padding:45px 0; background:#f0eded;}
#content .product_index .p_name{height:48px; line-height:48px; font-size:26px; color:#c62720; text-align:center; margin-bottom:5px;}
#content .product_index .p_brief{line-height:24px; padding:0 20px; text-align:center; color:#464646; font-size:20px;}
#content .product_index .pro_list{margin-top:50px;}
#content .product_index .pro_list li{width:276px; margin-right:32px;}
#content .product_index .pro_list li .pic{width:276px; height:276px; overflow:hidden;}
#content .product_index .pro_list li .pic a{width:276px; height:276px; display:table-cell; text-align:center; vertical-align:middle;}
#content .product_index .pro_list li .pic img{vertical-align:middle;}
#content .product_index .pro_list li .name{ line-height:24px; font-size:16px; text-align:center; margin-top:20px;}
#content .product_index .pro_list li .brief{height:24px; line-height:24px; font-size:12px; text-align:center; color:#ababab; overflow:hidden;}
#content .product_index .pro_list li .name a{color:#222121; display:block;}
#content .product_index .pro_list li:hover .name a{color:#c62720;}
#content .product_index .pro_list li:hover .brief{color:#c62720;}

#content .product_index .mt{text-align:center; margin-top:24px; overflow:hidden; height:36px;}
#content .product_index .m_category{height:34px; background:#f0eded; padding:1px 3px; display:inline-block; *display:inline; zoom:1;}
#content .product_index .m_category ul{background:#f0eded; padding-left:10px; }
#content .product_index .m_category li{height:34px; line-height:34px; color:#010101; padding-right:14px; background:url(/images/mc_bg.png) no-repeat right center; margin-right:15px; cursor:pointer; font-size:14px;}
#content .product_index .m_category li:hover{color:#ce2522;}
#content .product_index .m_category li.on{color:#ce2522;}

#content .host{padding:45px 0;}
#content .host .p_name{height:48px; line-height:48px; font-size:26px; color:#c62720; text-align:center;}
#content .host .p_brief{line-height:24px; padding:0 20px; text-align:center; color:#464646; font-size:20px;}

#content .host .list{margin-top:45px;}
#content .host .list li{width:276px; position:relative; z-index:100;  margin-right:32px;}
#content .host .list li .pic{width:276px; height:276px; overflow:hidden;}
#content .host .list li .pic a{width:276px; height:276px; display:table-cell; text-align:center; vertical-align:middle;}	
#content .host .list li .pic img{vertical-align:middle;}
#content .host .list li .name{position:absolute; background:#000;  padding:0 15px; z-index:100; top:238px; width:246px; height:38px; line-height:38px; opacity:0.5; font-size:14px;}
#content .host .list li .name a{color:#fff; display:block;}
#content .host .list li .brief{font-size:16px; height:60px; line-height:60px; overflow:hidden;}
#content .host .list li:hover .name{background:#c62720; opacity:1;}
#content .host .list li:hover .brief{color:#c62720;}

#content .miss{padding:45px 0; background:#f0eded;}
#content .miss .p_name{height:48px; line-height:48px; font-size:26px; color:#c62720; text-align:center;}
#content .miss .p_brief{line-height:24px; padding:0 20px; text-align:center; color:#464646; font-size:20px;}
#content .miss .pro_list{margin-top:50px;}
#content .miss .pro_list li{width:276px; margin-right:32px;}
#content .miss .pro_list li .pic{width:276px; height:276px; overflow:hidden;}
#content .miss .pro_list li .pic a{width:276px; height:276px; display:table-cell; text-align:center; vertical-align:middle;}
#content .miss .pro_list li .pic img{vertical-align:middle;}
#content .miss .pro_list li .name{height:32px; line-height:32px; font-size:16px; text-align:center; overflow:hidden;}
#content .miss .pro_list li .name a{color:#222121; display:block;}
#content .miss .pro_list li .brief{text-align:center; color:#adabab; height:48px; line-height:24px; overflow:hidden;}
#content .miss .pro_list li:hover .name a{color:#c62720;}
#content .miss .pro_list li:hover .brief{color:#c62720;}

#center .category{height:46px; background:#f5f5f5; border-bottom:1px solid #d6d6d6; top:0; width:100%;}
#center .category .pro_cate{color:#000; line-height:46px; font-size:20px;}
#center .category .list li{height:46px; line-height:46px; padding:0 15px; background:url(/images/category_li.jpg) no-repeat right center;}
#center .category .list li a{color:#000;}
#center .category .list li:hover a{color:#c62720;}
#center .category .list li.on a{color:#c62720;}
#center .category  .back{width:92px; height:22px; line-height:22px; text-align:center; background:#c52620; border-radius:2px; margin-left:8px; margin-top:12px;}
#center .category  .back a{color:#fff; display:block;}

#center .miss{padding:45px 0;}
#center .miss .p_name{height:48px; line-height:48px; font-size:26px; color:#c62720; text-align:center;}
#center .miss .p_brief{line-height:24px; padding:0 20px; text-align:center; color:#464646; font-size:20px; margin-top:10px;}
#center .miss .pro_list{margin-top:50px;}
#center .miss .pro_list li{width:276px; margin-right:32px; margin-bottom:10px;}
#center .miss .pro_list li .pic{width:276px; height:276px; overflow:hidden;}
#center .miss .pro_list li .pic a{width:276px; height:276px; display:table-cell; text-align:center; vertical-align:middle;}
#center .miss .pro_list li .pic img{vertical-align:middle;}
#center .miss .pro_list li .name{height:32px; line-height:32px; font-size:16px; text-align:center; overflow:hidden;}
#center .miss .pro_list li .name a{color:#222121; display:block;}
#center .miss .pro_list li .brief{text-align:center; color:#888; height:48px; line-height:24px; overflow:hidden;}
#center .miss .pro_list li:hover .name a{color:#c62720;}
#center .miss .pro_list li:hover .brief{color:#c62720;}
#content .miss .cate_list{text-align:center; margin-top:10px;}
#content .miss .cate_list ul{display:inline-block; background:#f5f5f5; padding-left:12px;}
#content .miss .cate_list li{height:34px; line-height:34px; background:url(/images/category_li.jpg) no-repeat right center; padding-right:15px; margin-right:15px;}
#content .miss .cate_list li a{color:#000;}
#content .miss .cate_list li:hover a{color:#b71815;}
#content .miss .cate_list li.on a{color:#b71815;}

#center .art_list{padding:34px 0;}
#center .art_list li a{display:block;}
#center .art_list li .title{padding-top:55px; height:24px; line-height:24px; text-align:center; overflow:hidden; color:#343434;}	

#center .art_list li:hover .title{color:#fff;}
#center .article_del{line-height:24px; margin-top:50px;}


#center .info{padding-top:15px;}
#center .inn{line-height:12px;}
/*#center .info li{height:34px; line-height:34px; background:url(/images/info_left.png) no-repeat left center; text-indent:14px; border-bottom:1px dashed #ddd; font-size:14px; font-family:"宋体";}
#center .info li a{color:#292929;}
#center .info li:hover{ background:url(/images/info_left_hover.png) no-repeat left center}
#center .info li:hover a{color:#c62720;}
#center .info .time{height:34px; line-height:34px; color:#aaa;}*/

#center .des{line-height:24px; margin:30px 0;}
#center .info_list{margin-top:32px;}


#center .info_list li{height:222px; border-bottom:1px dashed #dcdcdc; margin-bottom:22px;}
#center .info_list .pic{width:345px; height:200px; overflow:hidden;}
#center .info_list .pic a{width:345px; height:200px; display:table-cell; text-align:center; vertical-align:middle;}
#center .info_list .pic img{vertical-align:middle;}
#center .info_list .box{width:820px;}
#center .info_list .box .title{height:40px; line-height:40px; font-size:20px;}
#center .info_list .box .title a{color:#c62720;}
#center .info_list .box .time{height:24px; line-height:24px; color:#979797;}
#center .info_list .box .brief{height:96px; line-height:24px; overflow:hidden; font-size:14px; color:#979797; margin:10px 0;}
#center .info_list .box .more{height:24px; line-height:24px;}
#center .info_list .box .more a{color:#c62720;}
#center .in_page{background:#f4f4f4; height:39px; padding-top:10px; padding-left:10px; width:1190px;}
#center .share{height:56px;}
#center .share .to{line-height:56px; font-size:18px; color:#999;}
#center .share .tip{margin-left:12px; margin-top:16px;}
#center .in_about{}
#center .in_about .mation{height:48px; line-height:48px; font-size:16px; color:#464141; border-top:1px dashed #dcdcdc;}
#center .out_list{line-height:24px;}
/*#center .in_about li{width:288px; margin-right:16px;}
#center .in_about li .pic{width:288px; height:288px; overflow:hidden;}
#center .in_about li .pic a{width:288px; height:288px; display:table-cell; text-align:center; vertical-align:middle;}
#center .in_about li .pic img{vertical-align:middle;}
#center .in_about li .name{height:50px; line-height:25px; font-size:16px; text-align:center; overflow:hidden; margin-top:10px;}
#center .in_about li .name a{color:#4a4848; display:block;}*/

#center .case{height:35px; border-bottom:3px solid #c62720; margin-top:56px;}
#center .case li{width:274px; height:34px; background:url(/images/case_li.png) repeat-x; border:1px solid #d9d9d9; border-bottom:none; border-radius:5px 5px 0 0; line-height:34px; text-align:center; font-size:18px; margin-right:32px; color:#393939; cursor:pointer;}

#center .case li:hover{border:1px solid #c62720; border-bottom:none; background:#c62720; color:#fff;}
#center .case li.on{border:1px solid #c62720; border-bottom:none; background:#c62720; color:#fff;}
#center .case li a{color:#393939;display: block;width: 100%;height: 100%;}
#center .case li.on a, #center .case li:hover a{color:#fff;}
#center .c_name{height:60px; line-height:60px; font-size:26px; text-align:center; color:#c62720; margin-top:40px;}
#center .c_brief{margin:15px 0 30px; padding:0 120px; text-align:center; font-size:20px; line-height:28px; color:#464646;}

#center .in_del{line-height:24px; margin-top:40px; padding-bottom:20px; border-bottom:1px dashed #dcdcdc;}
<!--成功案例列表-->
/*#center .instance{padding-bottom:20px; border-bottom:1px dashed #dcdcdc;}
#center .instance li{width:290px; margin-bottom:20px; margin-right:13px;}
#center .instance li .pic{width:290px; height:220px; overflow:hidden;}
#center .instance li .pic a{width:290px; height:220px; display:table-cell; text-align:center; vertical-align:middle;}
#center .instance li .pic img{vertical-align:middle;}
#center .instance li .name{height:32px; font-size:16px; text-align:center; line-height:32px; overflow:hidden;}
#center .instance li .name a{color:#c62720; display:block;}
#center .instance li .brief{color:#222121; text-align:center; font-size:16px; height:32px; line-height:32px; overflow:hidden;}*/
#center .instance li .yy{color:#333; text-align:center; font-size:14px; height:28px; line-height:28px;}

#center .con_top{height:160px; border-bottom:1px solid #d9d9d9; padding-top:60px;}
#center .con_top .cn_title{font-size:20px; color:#c62720;}
#center .con_top .cn_bri{font-size:14px; color:#6d6d6d;}
#center .con_top .cn_rab{padding-top:35px; margin-right:20px;}
#center .con_top .cn_rab img{max-width: 100%;}
#center .con_top .cn_rab{margin-left:16px; width:210px;}
#center .con_top .cn_rab .sao{}
#center .other{height:40px; margin:37px 0 50px;}
#center .other li{height:40px; line-height:40px; color:#6d6d6d; font-size:14px; padding-left:50px; margin-right:30px; margin-bottom:5px;}
#center .other li span{font-size:14px; color:#c62720; line-height:40px;}
#center .other li.w1{background:url(/images/phone.png) no-repeat left center;}
#center .other li.w2{background:url(/images/fax.png) no-repeat left center;}
#center .other li.w3{background:url(/images/message.png) no-repeat left center;}
#center .other li.w4{background:url(/images/weibo.png) no-repeat left center;}
#center .other li.w5{background:url(/images/tx.png) no-repeat left center;}
#center .map{line-height:24px; margin:40px 0;}
#center .con_del{line-height:24px;}

#center .wrap{margin-bottom:70px;}
#center .in_lab{width:880px;}
#center .in_lab .del_title{height:80px; line-height:80px; font-size:28px; color:#000; text-align:center; margin-top:10px;}
#center .in_lab .date{height:56px; padding:0 10px; width:860px; background:#f5f5f5; }
#center .in_lab .date .fa{line-height:56px; color:#999; font-size:18px; height:56px; }
#center .in_lab .del{line-height:24px; margin-top:35px}
#center .in_rab{width:284px;}
#center .in_rab .h_title{height:80px; line-height:80px; font-size:23px; color:#333; background:url(/images/h.jpg) no-repeat left center; text-indent:15px;}
#center .in_rab .h_list{line-height:24px;}
<!--热文列表-->
/*#center .in_rab li{width:284px; margin-bottom:15px;}
#center .in_rab .pic{width:284px; height:180px; overflow:hidden;}
#center .in_rab .pic a{width:284px; height:180px; display:table-cell; text-align:center; vertical-align:middle;}
#center .in_rab .pic img{vertical-align:middle;}
#center .in_rab .title{height:48px; line-height:24px; color:#333; margin-top:5px;}*/

#center .ab_cate{padding-bottom:65px; border-bottom:1px solid #d9d9d9; margin-bottom:45px;}
#center .ab_cate .title{height:60px; line-height:60px; font-size:18px; color:#c62720;}
#center .ab_cate dl{ padding:15px 14px;  background:#f6f6f6;}
#center .ab_cate dd{width:548px; margin-right:60px; margin-bottom:20px;}
#center .ab_cate dd .pic{width:212px; height:165px; overflow:hidden;}
#center .ab_cate dd .ab_box{width:315px;}
#center .ab_cate dd .ab_box .name{line-height:28px; font-size:18px; color:#464646; }
#center .ab_cate dd .ab_box .add{line-height:28px; font-size:14xpx; color:#464646; font-size:14px;}

#center .link{margin-bottom:30px;}
#center .link li{padding:30px 0 50px;}
#center .link li .l_name{font-size:26px; height:52px; line-height:52px; text-align:center; color:#c62720;}
#center .link li .brief{font-size:20px; line-height:30px; padding:0 90px; margin-top:10px; text-align:center;}
#center .link li .list{margin:55px 0;}
#center .link li dd{width:172px; margin-right:32px;}
#center .link li .pic{width:170px; height:60px; overflow:hidden; border:1px solid #c8c8c8;}
#center .link li .pic a{width:170px; height:60px; display:table-cell; text-align:center; vertical-align:middle;}
#center .link li .pic img{vertical-align:middle;}
#center .link li .name{height:48px; line-height:48px; text-align:center;}
#center .link li .name a{color:#555; display:block;}


#center .tab{margin:100px auto; width:700px;}
#center .tab .f_row{margin-bottom:10px; margin-right:10px; }
#center .tab .f_row .f_zi{color:#666; font-size:14px; text-align:right; width:120px; height:30px; line-height:30px; margin-right:20px;}
#center .tab .f_row .f_name{width:370px; height:28px; line-height:28px; font-size:14px; color:#ccc; text-indent:13px; border:1px solid #ddd; border-radius:5px;}
#center .tab .f_row .f_pro{width:513px; border:1px solid #ddd; height:28px; font-size:14px; color:#ccc; text-indent:13px; border-radius:5px; line-height:28px;}
#center .tab .f_row .msg{width:500px; border:1px solid #ddd; height:235px; font-size:14px; color:#ccc; padding-left:13px; border-radius:5px; line-height:28px;}
#center .tab .sub{margin-bottom:10px; margin-left:140px;}
#center .tab .sub .book{width:185px; height:45px; line-height:45px; text-align:center; font-size:20px; color:#fff; background:#c62720; border-radius:5px; border:none;}


#footer .f_top{padding:40px 0; background:#282828;}
#footer .f_top li{margin-right:50px; width:200px;}
#footer .f_top li .b_title{height:40px; line-height:40px; font-size:18px; color:#fff;}
#footer .f_top li dd{height:28px; line-height:28px; font-size:14px;}
#footer .f_top li dd a{color:#fff;}
#footer .f_top .sina{width: 200px;overflow: hidden;}
#footer .f_top .attention{font-size:18px; color:#fff; margin:35px 0 20px;}
#footer .link{ background:#282828; padding-top:20px; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e;}
#footer .link .pin{height:59px; line-height:59px; font-size:18px; color:#fff; width:80px;}
#footer .link .list{width:1062px; }
#footer .link .list li{height:59px; width:157px; overflow:hidden; margin-right:20px; margin-bottom:20px;}
#footer .bottom{height:40px; background:#282828;}
#footer .bottom .copy{line-height:40px; color:#818181;}
#footer .bottom .f_nav li{height:40px; line-height:40px; padding-right:5px; margin-right:5px; background:url(/images/f_nav.jpg) no-repeat right center;}
#footer .bottom .f_nav li a{color:#818181;}

#footer .f_top .winxin{width:68px; height:68px;}
#footer .f_top .wb{width:110px; margin-left:11px;}
#footer .f_top .wb .office{height:30px; line-height:30px; font-size:14px;  text-indent:28px;}
#footer .f_top .wb .office a{color:#ababab;}
#footer .f_top .wb .bg{background:url(/images/small_weixin.png) no-repeat left center;}

#dd{padding:10px 0px; border-top:#dcdcdc 1px dashed;}
#dd a{font-size:14px; line-height:25px; color:#999;}
