@charset "utf-8";
/* CSS Document */
body{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px;  margin:0px 0px;  padding:0px 0px; color:#212121; background:#fff}  

form{margin:0px auto;  list-style-type:none;  padding:0px 0px; }  
td{font-family:Arial, Helvetica, sans-serif;  font-size:16px;  }  
table{font-family:Arial, Helvetica, sans-serif; margin:0px auto;  list-style-type:none;  padding:0px 0px;  }  
td {font-size:16px }  
tr {font-size:16px}  
th {font-size:16px}  
ul{margin:0px 0px;  padding:0px 0px;  list-style-type:none;}  
li{margin:0px 0px;  padding:0px 0px;  list-style-type:none;}    
a:link {color:#212121;text-decoration:none;  }  
a:visited {color:#212121;text-decoration:none;  }  
a:hover {color:#c22634;text-decoration:none;  }  
a:active {color:#212121;text-decoration:none;  } 
.grey{color:#aaacaf}
.grey a{color:#aaacaf; text-decoration:none}
.grey a:hover{color:#fe0000; text-decoration:none}
.red{color:#d41b1f}
.red a{color:#d41b1f; text-decoration:none}
.red a:hover{color:#d41b1f; text-decoration:underline}
.white{color:#FFFFFF}
.white a{color:#FFFFFF; text-decoration:none}
.white a:hover{color:#e35f14; text-decoration:underline}
.black{color:#000}
.black a{color:#000; text-decoration:none}
.black a:hover{color:#e35f14; text-decoration:none}
.yellow{color:#dbae3f;}
.yellow a{color:#dbae3f; text-decoration:none}
.yellow a:hover{color:#fff; text-decoration:none}
.blue{color:#1161c0;}
.blue a{color:#1161c0; text-decoration:none}
.blue a:hover{color:#1161c0; text-decoration:underline}
.blue1{color:#014592}
.blue1 a{color:#014592; text-decoration:none}
.blue1 a:hover{color:#014592; text-decoration:none}
.blue2{color:#9ba3b1}
.blue2 a{color:#9ba3b1; text-decoration:none}
.blue2 a:hover{color:#fff; text-decoration:none}
.grey1{color:#515151}
.grey1 a:link {color:#515151;text-decoration:none;  }  
.grey1 a:visited {color:#515151;text-decoration:none;  }  
.grey1 a:hover {color:#d41b1f;text-decoration:none;  }  
.grey1 a:active {color:#b5b5b5;text-decoration:none;  } 
img{border:0px;}
.left{float:left;}
.right{float:right;}
.banner1{clear:both}
.banner2{clear:both; height:40px; overflow:hidden}
.t01{font-family:Arial, Helvetica, sans-serif;}
.t02{font-family:Arial, Helvetica, sans-serif;}

.av{clear:both;}
/* flexslider */
.av .flexslider{position:relative;height:550px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; z-index:1; width:100%}
.av .slides{position:relative;width:100%}
.av .slides li{height:550px;width:100%}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; }
.av .flex-control-nav{position:absolute;bottom:10px;z-index:2; left:46%;text-align:center;}
.av .flex-control-nav li{display:inline-block;width:13px; float:left;height:14px;margin:0 2px;*display:inline;zoom:1;}
.av .flex-control-nav a{display:inline-block;width:13px;height:13px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.av .flex-control-nav .flex-active{background-position:0 0;}

.av .flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.av .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:60px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../images/next.png) center center no-repeat;}*/

.main-index{clear:both; overflow:hidden}
.top{clear:both; width:1200px; margin:0px auto}
.top .logo{float:left; width:245px; padding:20px 0px 0px 0px}
.top .menu{float:right; width:auto}
.top .menu ul{list-style-type:none; padding:0px; margin:0px;}
.top .menu li{position:relative; height:74px;overflow:hidden;line-height:74px;font-size:16px; width:auto; padding:0px 6px; margin:0px 0px 0px 70px; float:left}
.top .menu li:nth-child(1){margin-left:0px;}
.menu li.hover{ color:#c22634; background:url(../images/line03.jpg) repeat-x 0px bottom}

.mainabout{clear:both; width:1200px; margin:0px auto; padding:35px 0px; overflow:hidden}
.mainabout .left{width:542px; float:left; margin:0px 40px 0px 0px}
.mainabout .right{width:618px; float:left; text-align:left; padding:30px 0px 0px 0px}
.mainabout .right h1{font-size:14px; color:#c22634; padding:0px; margin:0px; font-weight:normal; text-transform:uppercase; letter-spacing:3px}
.mainabout .right h2{padding:15px 0px; margin:0px;}
.mainabout .right h3{padding:5px 0px 10px 0px; font-size:22px; margin:0px; color:#c22634}
.mainabout .right p{padding:0px; margin:0px; line-height:30px}
.mainabout .right .more{text-align:right; padding:20px 0px 0px 0px;}
#mainproducts{clear:both; background:url(../images/bg01.jpg) no-repeat center 0px; min-height:386px}
.mainproducts{clear:both; width:1200px; margin:0px auto; padding:45px 0px 35px 0px}
.mainproducts .title{clear:both}
.mainproducts h1{font-size:14px; color:#fff; padding:0px; margin:0px; font-weight:normal; text-transform:uppercase; letter-spacing:3px; text-align:center}
.mainproducts h2{font-size:48px; color:#fff; padding:10px 0px; margin:0px; font-weight:bold; text-transform:uppercase; text-align:center}
.mainproducts h3{font-size:14px; color:#fff; padding:0px 0px 10px 0px; margin:0px; font-weight:normal; text-transform:uppercase; text-align:center}
.mainproducts .content{clear:both}
.mainproducts .content ul{list-style-type:none; padding:0px; margin:0px;}
.mainproducts .content li{list-style-type:none; padding:0px; margin:10px 0px 0px 16px; width:288px; float:left}
.mainproducts .content li:nth-child(4n+1){margin-left:0px;}
.p_pic{width:288px; height:288px; overflow:hidden}
.p_pic img{width:288px; height:288px; transform: scale(1);transition: all 1s ease-in-out 0s;}
.p_name{height:40px; line-height:40px}
.mainproducts .content li:hover .p_pic img{transform: scale(1.5);}
.mainproducts .content li:hover .p_name{background:#c22634; color:#fff;}
.mainproducts .more{clear:both; padding:30px 0px 0px 0px}
#maininnovative{clear:both; background:url(../images/bg02.jpg) no-repeat center 0px; min-height:568px}
.maininnovative{clear:both; width:1200px; margin:0px auto; padding:55px 0px 35px 0px}
.maininnovative .title{clear:both}
.maininnovative h1{font-size:14px; color:#fff; padding:0px; margin:0px; font-weight:normal; text-transform:uppercase; letter-spacing:3px; text-align:center}
.maininnovative h2{font-size:48px; color:#fff; padding:10px 0px; margin:0px; font-weight:bold; text-transform:uppercase; text-align:center}
.maininnovative h3{font-size:14px; color:#fff; padding:0px 0px 40px 0px; margin:0px; font-weight:normal; text-transform:uppercase; text-align:center}
.maininnovative .content{clear:both; background:#fff; overflow:hidden; padding:12px 6px 12px 6px}
.maininnovative .content ul{list-style-type:none; padding:0px; margin:0px;}
.maininnovative .content li{list-style-type:none; padding:0px; margin:0px 6px 0px 6px; width:285px; float:left}
.n_pic{width:285px; height:214px; overflow:hidden}
.n_pic img{width:285px; height:214px; transform: scale(1);transition: all 1s ease-in-out 0s;}
.n_name{height:40px; line-height:40px}
.maininnovative .content li:hover .n_pic img{transform: scale(1.5);}
.maininnovative .content li:hover .n_name{ color:#c22634; font-weight:bold;}
#maincontact{clear:both; background:url(../images/bg03.jpg) no-repeat center center; min-height:540px}
.maincontact{clear:both; width:1200px; margin:0px auto; padding:45px 0px 35px 0px}
.maincontact .left{float:left; width:750px; text-align:left; padding:40px 0px 0px 0px}
.maincontact .left h1{font-size:48px; color:#323635; padding:10px 0px; margin:0px; font-weight:bold; text-transform:uppercase;}
.maincontact .left h2{font-size:14px; color:#323635; padding:0px 0px  10px 0px; margin:0px 0px 30px 0px; font-weight:normal; text-transform:uppercase; background:url(../images/line01.jpg) no-repeat 0px bottom; line-height:22px;}
.maincontact .left h3{padding:0px 0px 10px 0px; font-size:24px; margin:0px; color:#c22634}
.maincontact .left .content ul{list-style-type:none; padding:0px; margin:0px;}
.maincontact .left .content li{list-style-type:none; padding:4px 0px; margin:0px; clear:both; line-height:32px}
.maincontact .left .content li img{margin:0px 8px -4px 0px}
.maincontact .right{width:431px; float:right; padding:10px 0px 0px 0px}
#footer{background:#212121; height:45px; line-height:45px; overflow:hidden}
.footer{clear:both; width:1200px; margin:0px auto; overflow:hidden}
.footer .left{color:#fff}
.footer .right{padding:0px 0px 0px 0px;}
.footer .right ul{list-style-type:none; padding:0px; margin:0px;}
.footer .right li{width:auto; float:left; padding:7px 0px 0px 15px}
.footer2{clear:both; text-align:center;background:#212121; height:45px; line-height:45px; overflow:hidden; color:#fff;}
.subav{clear:both;}
#subadd{border-bottom:1px solid #f1f1f1}
.subadd{clear:both; text-align:left; height:45px; line-height:45px; width:1200px; margin:0px auto; color:#939393 }
.subadd a{color:#939393}
.subadd a:hover{color:#c22634}
.subwarp{clear:both;width:1200px; margin:0px auto; overflow:hidden}
.products{clear:both; padding:20px 0px; overflow:hidden}
.products ul{list-style-type:none; padding:0px; margin:0px;}
.products li{list-style-type:none; padding:0px; margin:10px 0px 0px 16px; width:288px; float:left}
.products li:nth-child(4n+1){margin-left:0px;}
.products li:hover .p_pic img{transform: scale(1.5);}
.products li:hover .p_name{background:#c22634; color:#fff;}
.environment{clear:both; padding:20px 0px; overflow:hidden}
.environment .title{clear:both; font-size:28px;text-transform:uppercase; text-align:center; background:url(../images/line02.png) no-repeat bottom center; padding:0px 0px 20px 0px; margin-bottom:20px}
.environment ul{list-style-type:none; padding:0px; margin:0px;}
.environment li{list-style-type:none; padding:0px; margin:10px 0px 0px 16px; width:288px; float:left}
.e_pic{width:285px; height:214px; overflow:hidden}
.e_pic img{width:285px; height:214px; transform: scale(1);transition: all 1s ease-in-out 0s;}
.e_name{height:40px; line-height:40px}
.environment li:nth-child(4n+1){margin-left:0px;}
.environment li:hover .e_pic img{transform: scale(1.5);}
.environment li:hover .e_name{background:#c22634; color:#fff;}
.scontact{clear:both;background:url(../images/bg03.jpg) no-repeat center center; }
.scontact .title{background:url(../images/i12.png) no-repeat 0px 30px; background-size:70px; text-align:center; font-size:24px; line-height:36px; margin:0px auto; padding:90px 0px 0px 0px;letter-spacing:0px; text-transform:uppercase; overflow:hidden}
.scontact .content{clear:both; overflow:hidden; margin-bottom:30px}
.scontact .content h1{font-size:36px; padding:40px 0px 30px 0px; margin:0px; text-align:center;letter-spacing:2px; text-transform:uppercase; color:#c22634}
.scontact .content ul{list-style-type:none; padding:0px; margin:0px;}
.scontact .content li{float:left; width:27%; padding:0px 3%; text-align:center; font-size:18px; border-left:1px solid #e0e0e0; overflow:hidden; height:220px; margin:35px 0px;}
.scontact .content li h1{font-size:24px; color:#000; padding:20px 0px 10px 0px; margin:0px; text-align:center }
.scontact .content li:nth-child(1){border-left:none; } 

.paginator { font: 14px Arial, Helvetica, sans-serif;padding:10px 0px 30px 0px; margin: 0px;}
.paginator a {padding: 3px 8px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin-right:2px}
.paginator a:visited {padding: 3px 8px; border: solid 1px #ddd; background: #fff; text-decoration: none;}
.paginator .cpb {padding: 3px 8px;font-weight: bold; font-size: 13px;border:solid 1px #c22634;background: #c22634; color:#FFFFFF}
.paginator a:hover {color: #fff; background: #c22634;border-color:#c22634;text-decoration: none;}

.about{clear:both}
.company{clear:both; padding:40px 0px; overflow:hidden; width:1200px; margin:0px auto}
.company .title{clear:both; font-size:28px;text-transform:uppercase; text-align:center; background:url(../images/line02.png) no-repeat bottom center; padding:0px 0px 20px 0px; margin-bottom:20px}
.company .content{clear:both; text-align:center; line-height:32px}
.ird{clear:both; color:#fff;}
.ird{background:url(../images/bg04.jpg) no-repeat center; height:1100px;  background-repeat: no-repeat; background-size: cover;  background-position: center;  background-attachment: fixed;}
.ird .title{clear:both; font-size:28px;text-transform:uppercase; text-align:center; background:url(../images/line03.png) no-repeat bottom center; padding:40px 0px 20px 0px; margin-bottom:20px; color:#fff}
.ird .content{clear:both; text-align:left; line-height:32px;width:1200px; padding:30px 0px 20px 0px; margin:0px auto; overflow:hidden}
.ird .content .left{width:430px; margin:0px 40px 0px 0px; float:left}
.ird .content img{ width:430px;}
.ird .content .right{float:right; width: calc(100% - 470px);}
.ird .content2{clear:both; width:1200px; margin:20px auto 0px auto}
.ird .content2{clear:both; overflow:hidden; padding:12px 6px 8px 6px;background-color:rgba(255,255,255,0.5); border-radius:8px}
.ird .content2 ul{list-style-type:none; padding:0px; margin:0px;}
.ird .content2 li{list-style-type:none; padding:0px; margin:0px 6px 0px 6px; width:288px; float:left}
.ird .content3{text-align:left; line-height:32px; width:1200px; margin:20px auto 0px auto}

.itf{clear:both; width:1200px; margin:0px auto; overflow:hidden}
.itf .title{clear:both; font-size:28px;text-transform:uppercase; text-align:center; background:url(../images/line02.png) no-repeat bottom center; padding:40px 0px 20px 0px; margin-bottom:20px;}
.itf .info{clear:both; text-align:center; line-height:28px}
.itf .content{clear:both; padding:30px 0px; overflow:hidden}
.itf .left{width: calc(100% - 790px); float:left}
.itf .right{width:780px; float:right}
.itf .right img{width:380px; margin:0px 0px 0px 10px}
.query1, .query1 td {border-collapse: collapse; padding:3px 8px; font-size:16px; border-bottom:1px dotted #fff; border-left:1px dotted #fff; background:#f1f1f1}
.query1 td:nth-child(1){text-align:left}