body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } 

table{border-collapse:collapse; border-spacing:0; } 

fieldset,img{border:0; } 

ol,ul{list-style:none; }

body{color: #333;font-size: 12px;font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;}

a{color: #333;text-decoration: none;}

a:hover{color: #cc0a0a;text-decoration: none;}

img{max-width: 100%;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}

input,textarea,select{font-size: 12px;color: #333;

    font-family:"微软雅黑","Microsoft Yahei";outline: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

}

input[type='submit'],input[type='reset'],input[type='button'],select{

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}

::-webkit-input-placeholder {color: #999;}

::-moz-placeholder {color: #999; }

::-ms-input-placeholder {color: #999;}

.fl{

	float: left;

}

.fr{

	float: right;

}

.clear:after{

	content:"";;

	display: block;

	clear:both;

}

.clear{

	zoom:1;

}



#header,#content,#footer{

	width:100%;

	min-width: 1200px;

}

.header-inner,.content-inner,.footer-inner{

	width:1200px;

	margin:0 auto;

}

/* 全局样式结束 */



.header-inner{

    height: 78px;



}

.logo{

	display: block;

	width:152px;

    height: 41px;

    padding-top:20px;

}

.logo img{

    width:100%;

    height: 100%;

    display: block;

}



.nav{

    padding-top:10px;

}

.nav li{

    float: left;

    position: relative;

}

.nav li a{

    display: block;

    font-size:15px;

    color:#333;

    padding:18px 15px;

    border-bottom:3px solid #fff;

    margin:0 20px;

}

.nav li a.on,.nav li a:hover{

    color:#cc0a0a;

    border-color:#cc0a0a;

}

.nav li dl{

    position: absolute;

    top:56px;

    left:0;

    width:100%;

    display: none;

    z-index: 99;

}

.nav li dl.pr{

    width:150px;

    left:-22px;

}

.nav li dl.pr2{

    width:110px;

    left:-5px;

}

.nav li dl.pr3{

    width:110px;

    left:10px;

}

.nav li dl.pr4{

    width:110px;

    left:20px;

}

.nav li dl dd a{

    padding:0 10px;

    line-height: 36px;

    color:#fff;

    background: #cc0a0a;

    margin:0;

    border-bottom:1px solid #b30808;

    font-size:13px;

    text-align: center;

}

.nav li dl dd a:hover{

    background: #b30808;

    color:#fff;

}

.fx1{width:170px;margin-top:20px;margin-right:10px;}

.fx1 form{ margin:3px 0; width:170px;border:1px solid #dddddd;-moz-border-radius: 15px;

-webkit-border-radius: 15px;

border-radius: 15px;}

.fx1 form #search-box{ float:left; margin-left:10px; color:#666; border:0; background:none; max-width:130px; line-height:26px;font-size:10px;padding-left:5px ;height:26px;}

.fx1 form #search-btn{ float:right; margin:4px 10px 2px 0;}



.flexslider{position:relative;height:500px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}

.slides{position:relative;z-index:1;}

.slides li{height:500px;}

.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}

.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}

.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:#fff;cursor:pointer;border-radius: 50%;}

.flex-control-nav .flex-active{background:#cc0a0a;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}

.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}

.flex-direction-nav li a.flex-prev{left:40px;background:url(images/prev.png) center center no-repeat;}

.flex-direction-nav li a.flex-next{right:40px;background:url(images/next.png) center center no-repeat;}



.pro{

    overflow: hidden;

    margin:0 -15px;

    padding-top:50px;

}

.pro .pro-list{

    float: left;

    width:380px;

    margin:0 15px;

}

.pro .pro-list .pic{

    display: block;

    position: relative;

    width:380px;

    height: 211px;

    overflow: hidden;

}

.pro .pro-list .pic img{

    display: block;

    width:100%;

    height: 100%:;

    -webkit-transition: all .8s ease 0s;

    -moz-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}



.pro .pro-list .pic:hover img{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    transform: scale(1.1);

}

.pro .pro-list .txt span{

    /* position: absolute;

    bottom:0;

    left: 0;

    background: rgba(0,0,0,0.5); */

    color:#333;

    text-indent: 20px;

    line-height: 30px;

    width:100%;

    font-size:16px;

    display: block;

    text-align: center;

    font-weight: bold;

    padding: 15px 0 6px 0;

}

/* .pro .pro-list .pic:hover span{

    background:#cc0a0a; 

} */

.pro .pro-list .txt a p{

    font-size:15px;

    color:#333;

    line-height: 28px;

    display: block;

    height: 134px;

    overflow: hidden;

}

.con-bot{

    overflow: hidden;

    margin:0 -15px;

    padding-top:50px;

    padding-bottom:60px;

}

.con-bot .con-list{

    width:277px;

    float: left;

    margin:0 15px;

}

.title a{

    font-size:16px;

    color:#333;

    display: block;

    background: url(../images/mor.png) no-repeat center right;

    line-height: 30px;

    padding-bottom:15px;

}

.con-bot .con-list .txt a {

    display: block;

    width:277px;

    height: 172px;

    overflow: hidden;

    position: relative;

}

.con-bot .con-list .txt a img{

    display: block;

    width:100%;

    height: 100%:;

    -webkit-transition: all .8s ease 0s;

    -moz-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}



.con-bot .con-list .txt a:hover img{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    transform: scale(1.1);

}

.con-bot .con-list .txt a .text{

    position: absolute;

    top:0;

    bottom:0;

    width:100%;

    height:100%;

    text-align: center;

}

.con-bot .con-list .txt a .text:before {

    display: inline-block;

    content: " ";

    height: 100%;

    vertical-align: middle;

    width: 0;

}

.con-bot .con-list .txt a .text span{

    display: inline-block;

    vertical-align: middle;

    font-size: 18px;

    color:#fff;

    font-weight:700;

    background: url(../images/ico1.png) no-repeat left center;

    padding-left:40px;

    line-height: 36px;

}

.con-bot .con-list1 .txt a .text{

    background: url(../images/li-bg3.png) repeat;

}

.con-bot .con-list2 .txt a .text{

    background: url(../images/li-bg4.png) repeat;

}

.con-bot .con-list3 .txt a .text{

    background: url(../images/li-bg5.png) repeat;

}

.con-bot .con-list4 .txt a .text{

    background: url(../images/li-bg6.png) repeat;

}

.con-bot .con-list2 .txt a .text span{

    background: url(../images/ico2.png) no-repeat left center;

}

.con-bot .con-list3 .txt a .text span{

    background: url(../images/ico3.png) no-repeat left center;

}

.con-bot .con-list4 .txt a .text span{

    background: url(../images/ico4.png) no-repeat left center;

}



#footer{

    background: #1f1f1f;

}

.footer-inner p{

    text-align: center;

    color:#d4d4d4;

    font-size:14px;

    line-height: 40px;

}

.footer-inner a{

    text-align: center;

    color:#d4d4d4;

    font-size:14px;

}

.footer-inner a:hover{

    color:#d4d4d4;

}





#banner{

    height: 300px;

    background-repeat: no-repeat;

    background-position: center;

    -webkit-background-size: cover;

    -moz-background-size:cover;

    background-size: cover;

}

.box-min{

    background: #e7e7e7;

    border-bottom:1px solid #ddd;

    height:50px;

    margin-bottom:45px;

}

.box-inner{

    width:1200px;

    margin:0 auto;

}



.box-inner h1{

    font-size:15px;

    color:#333;

    line-height: 50px;

    font-weight:normal;

    float: left;

}

.box-inner .box-sub{

    float: right;

    background: url(../images/home.png) no-repeat left center;

    padding-left:25px;

}

.box-inner .box-sub a{

    font-size:14px;

    line-height: 50px;

    color:#333;

}

.box-inner .box-sub a:hover{

    color:#cc0a0a;

}

.box-inner .box-sub span{

    font-size:14px;

    line-height: 50px;

    color:#333;

}



.content-inner{

    overflow: hidden;

    min-height:600px;

}

.con-l{

    width:200px;

    float: left;

}

.con-r{

    margin-left:265px;



}

.con-l .menu ul{

    margin-top:-14px;

}

.con-l .menu ul li a{

    display: block;

    border-bottom:1px solid #dedede;

    line-height: 42px;

    height: 42px;

    background: url(../images/li-bg1.png) no-repeat 180px 50%;

    font-size:14px;

    color:#333;

}

.con-l .menu ul li.on a,.con-l .menu ul li:hover a{

    background: url(../images/li-bg2.png) no-repeat 180px 50%;

    font-size:14px;

    color:#cc0a0a;

}



.zp{

    text-align: left;

    margin: 0px auto 100px auto;

    width: 100%;

    background: url(../images/line.jpg) repeat-y 245px 50%;

}

.zp ul li{

    overflow: hidden;

}

.zp ul li .zp-title{

    float: left;

    width:270px;

}

.zp ul li .zp-title h2{

    text-align: right;

    line-height: 24px;

    margin-top: 10px;

    padding-right: 50px;

    background: url(../images/year.png) no-repeat right center;

    font-size:16px;

    color:#333;

    font-weight: normal;

}

.zp ul li .txt{

    float: left;

    margin-left:45px;

    margin-bottom:30px;
    width: 50%;
    word-break: break-all;
    word-wrap: break-word;

}

.zp ul li .txt p{

    color:#666;

    line-height: 28px;

    font-size:14px;

    padding-top:5px;

}

.news{

    margin-top:-25px;

}

.news ul li{

    padding:25px 0;

    border-bottom:1px dashed #ddd;

    overflow: hidden;

}

.news ul li .pic{

    display: block;

    width:300px;

    height: 160px;

    float: left;

    overflow: hidden;

}

.news ul li .pic img{

    display: block;

    width:100%;

    height: 100%;

    -webkit-transition: all .8s ease 0s;

    -moz-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}

.news ul li .pic:hover img{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    transform: scale(1.1);

}

.news ul li .txt{

    margin-left:340px;

}

.news ul li .txt h1{

    font-size:18px;

    color:#333;

    margin-bottom:10px;

}

.news ul li .txt span{

    font-size:14px;

    color:#666;

    margin-bottom:10px;

    display: block;

}

.news ul li .txt p{

    font-size:15px;

    color:#666;

    line-height: 26px;

    overflow: hidden;

}

.news ul li .txt a:hover h1{

    color:#cc0a0a;

}



.page{

    text-align: center;

    overflow: hidden;

    padding:50px 0;

}

.page a{

    color: #666;

    display: inline-block;

    margin: 0 2px;

    text-align: center;

    width: auto;

    padding: 3px 5px;

    font-size: 15px;

}

.page a.on,.page a:hover{

    color:#cc0a0a;

}



.title2{

     margin-bottom:30px;

}

.title2 h1{

    text-align: center;

    line-height: 1.5;

    color: #333;

    font-size: 24px;

    font-weight: normal;

    padding-bottom:10px;

}

.title2 .message{

    border-bottom: #ccc 1px dashed;

    padding-bottom: 15px;

    margin-top: 0px;

    text-align: center;

    margin:0 auto;

}

.title2 span{

    text-align: center;

    font-size:14px;

    color: #999;

    display: inline-block;



}



.contact{

    overflow: hidden;

    padding-top:50px;

    margin-bottom:100px;

}

.contact dl{

    float: left;

    margin-right:130px;

}

.contact dl dt{

    font-size:14px;

    color:#333;

    font-weight: bold;

    line-height: 30px;

}

.contact dl dd{

    font-size:14px;

    color:#333;

    line-height: 24px;

}



.case li{

    overflow: hidden;

    margin-bottom:30px;

}

.case li .pic{

    width:302px;

    height: 186px;

    display: block;

    overflow: hidden;

    float: left;

}

.case li .pic img{

    height: 100%;

    width: 100%;

    display:block;

    -webkit-transition: all .8s ease 0s;

    -moz-transition: all .8s ease 0s;

    transition: all .8s ease 0s;

}



.case li .pic:hover img{

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    transform: scale(1.1);

}

.case li .txt{

    margin-left:340px;

}

.case li .txt h1{

    color:#333;

    font-size:17px;

    font-weight: bold;

    line-height: 30px;

    margin-bottom:10px;

    padding-top:5px;

}

.case li .txt a:hover h1{

    color:#cc0a0a;

}

.case li .txt p{

    color:#666;

    font-size:14px;

    line-height: 28px;

}



.pro2 .tit {

    padding-bottom:50px;

    padding-top:20px;

}

.pro2 .tit h1{

    font-size:22px;

    color:#dbdde5;

    font-weight: bold;

    line-height: 36px;

    text-transform: uppercase;

    text-align: center;

}

.pro2 .tit h2{

    font-size:22px;

    color:#cc0a0a;

    font-weight: bold;

    line-height: 36px;

    text-transform: uppercase;

    text-align: center;

}



.pro2-inner{

    overflow: hidden;

}

.pro2-inner .pic{

    width:516px;

    height: 290px;

    float: left;

}

.pro2-inner .pic img{

    display: block;

    width: 100%;

    height:100%;

}

.pro2-inner .txt{

    float: right;

    width:590px;

    padding-right:30px;

}

.pro2-inner .txt p{

    font-size:15px;

    line-height: 28px;

    color:#333;

    margin-bottom:20px;

}

.pro2-inner .txt dl dt{

    font-size:15px;

    color:#333;

    font-weight: bold;

    margin-bottom:18px;

}

.pro2-inner .txt dl dd{

    float: left;

    /* width:100px; */

    height:26px;

    line-height: 26px;

    text-align: center;

    border:1px solid #ccc;

    border-radius: 3px;

    background: url(../images/li-bg2.jpg) repeat-x;

    margin-right:15px;

    font-size:14px;

	padding:0 10px;

}

.pro2-inner .txt dl dd a{

    display: block;

}



.pro3{

    margin-bottom:30px;

}

.pro3 h1{

    border-bottom: #ddd 1px solid;

    padding-left: 0px;

    margin-bottom: 30px;

    height: 35px;

    font-size: 18px;

    font-weight: bold;

}



.pro3 .pro-con{

    overflow: hidden;

    margin-bottom:30px;

}

.pro3 .pro-con .pic{

    float: left;

    text-align: center;

    width:328px;

    height: 254px;

    border:1px solid #dddddd;

}



.pro3 .pro-con .pic img{

    width:100%;

    height: 100%;

    display: block;

}

.pro3 .pro-con .txt {

    float: right;

    width:545px;

}

.pro3 .pro-con .txt h2{

    color:#000;

    font-size:16px;

    font-weight: bold;

    margin-bottom:10px;

    padding-top:15px;

}

.pro3 .pro-con .txt p{

    color:#333;

    font-size:14px;

    line-height: 28px;

    padding-right:30px;

}





.slideTxtBox .hd ul{ 

    border-bottom:1px solid #ddd;

    height:32px;

    margin-bottom:50px;  }

.slideTxtBox .hd ul li{ 

    width:120px;

    height: 32px;

    border:1px solid #ddd;

    border-bottom:0;

    line-height:32px;

    text-align: center;

    float: left;

    margin-right:15px;

    font-size:14px;

    color:#333;

    position: relative;

    cursor:pointer;

 }

.slideTxtBox .hd ul li.on{

    background: #cc0a0a;

    color:#fff;

    border-color:#cc0a0a;

}

.slideTxtBox .hd ul li.on:before{

    content:"";

    display: block;

    position: absolute; 

    left: 50%; 

    margin-left: -8px; 

    bottom: -8px; 

    border-left: 8px transparent solid; 

    border-right: 8px transparent solid; 

    border-top: 8px solid #cc0a0a; 

}

