*{margin: 0;padding: 0;}
body{margin: auto;font:14px/28px  "microsoft yahei";color: #303030;}
ul,li{list-style: none;}
a{color:#303030;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#D2213E;text-decoration:none;}
.clear{clear: both;}
/*head*/
.contain { width:1200px; margin:0px auto;}
.contain1 { width:1300px; margin:0px auto;}
.wrapper{ width: 1200px; margin: 0px auto;}
.wrapper1{ width: 1300px; margin: 0px auto;}
.fl{ float: left;}
.fr{ float: right;}
.header{ height: 120px; background: #fff; box-shadow: 0 10px 20px #a4a4a4;}
.logo{ width: 500px;}
.logo dl{ line-height: 37px; font-size: 32px; color: #333333; font-weight: bold; margin-bottom: 4px; padding-top: 30px;}
.logo dt{ line-height: 19px; font-size: 14px; text-transform: uppercase; color: #333333;}
.logo img{ margin-top: 17px;}
.menu{ width: 800px;}
#nav{width:100%;height:120px;line-height: 120px; display: flex; justify-content: space-around;}
#nav li{text-align: center;height: 120px;line-height: 120px; width: 114px;}
#nav li a{display:block;text-align:center;font-size:18px;color: #303030;}
#nav li:hover{ background: #D2213E;}
#nav li a:hover{ color: #fff;}
#nav li dl{width:140px;background:#D2213E;list-style-type:none;left:-999em;position:absolute;z-index:99999;float:left; color: #fff;}
#nav li dl dt{height:50px;line-height:50px; text-align: center; color: #fff; border-bottom: 1px solid #eeeeee;}
#nav li dl dt a{color:#fff;font-size:16px;height:50px;line-height:50px; display: block;}
#nav li:hover dl{left:auto;}
#nav .current{ background: #D2213E; color: #fff;}

/*footer*/
.footer{ width:100%; padding:62px 0px 35px 0px; background:#272727; color: #fff; }
.footer a{ color: #fff;}
.foot_l{ width: 950px; margin-right: 50px;}
.fnav{ line-height: 38px; display: flex; justify-content: left; margin-bottom: 8px;}
.fnav li{ padding: 0px 15px;}
.fnav li:nth-child(1){ padding-left: 0px;}
.fnav li a{ font-size: 18px; color: #fff;}
.flx{ line-height: 39px;  font-size: 16px; color: #929292;}
.foot_r{ width:200px;}
.foot_r img{ width: 165px; height: 165px;}
.dbgjc{ line-height: 30px; text-align: center; font-size: 14px; padding-bottom: 10px;}
.banquan{ line-height: 39px; color: #929292; text-align: left; font-size: 16px;}

/*index*/
.product{ padding: 80px 0px;}
.title{ text-align: left;}
.title dl{ line-height: 42px; font-size: 28px; color: #303030;}
.title dt{ line-height: 48px; text-transform: uppercase; font-size: 40px; font-weight: bold; color: #dadada; position: relative; margin-bottom: -18px;}
.title dd{ line-height: 48px; text-transform: uppercase; font-size: 40px; font-weight: bold; color: #fff; position: relative; margin-bottom: -18px;}
.fs_rt{ z-index: 99; position: relative; }
.fs_rt dl{ display: flex; justify-content: left; margin-bottom: 40px;}
.fs_rt dl a{ width: 200px; margin-right: 30px; background: #d2213e; border-radius: 10px; line-height: 60px; text-align: center; font-size: 20px; color: #fff;}
.n_list li{ width:560px; float:left; margin:0px 1%; line-height:40px; height:40px; border-bottom:1px dashed #C0C0C0; background-image:url(../images/icon2.png); background-repeat:no-repeat; background-position:5px center; padding-left:16px;}
.n_list li b{ color:#374262;}
.n_list li a{ font-size:14px;}
.n_list li span{ float:right; color:#808080; font-size:14px;}
.cpfl{float: left;width: 20%;margin-right: 2%;}
.cpfl ol{background-color: #D2213E;color: #fff;text-align: center;font-size: 30px;line-height:85px;font-weight:bold;}
.cpfl ul{background-color:#EBEDEE;padding: 10px;}
.cpfl ul li{line-height:45px;color:#fff; background: #D2213E;text-indent:20px;margin-bottom:7px;transition: all 0.6s;}
.cpfl ul li a{ color: #fff; font-size: 16px;}
.cpfl ul li a i{width: 8px;height: 8px;display: inline-block;border-radius: 50%;border: 1px solid #fff;margin-right: 10px;transition: all .3s ease;}
.cpfl ul p{line-height:41px;background:#fff;text-indent:30px;color:#343434;margin-bottom:7px;transition: all 0.6s;}
.cpfl ul p a{ font-size: 14px;}
.cpfl ul p a i{width: 8px;height: 8px;display: inline-block;border-radius: 50%;border: 1px solid #fff;margin-right: 10px;transition: all .3s ease;}
.cpfl dl{background-color: #D2213E;color: #fff;padding:15px 0px;font-size: 20px;text-align: center;}
.cpfl dl dt{font-weight: bold;font-size: 26px;}
.cpfl ul li:hover{text-indent:30px;}
.cpfl ul li:hover a{color: #fff;}
.cpfl ul p:hover{background-color: #D2213E;text-indent:50px;}
.cpfl ul p:hover a{color: #fff;}
.cpzs{width:78%;float: right;display: flex;flex-wrap: wrap;justify-content: space-between;}
.cpzs div{width: 32.333%;margin-bottom: 20px;}
.cpzs div li{width:100%;max-height: 327px;}
.cpzs div li a{overflow: hidden;display: inline-table;border: 1px solid #E2E3E5;}
.cpzs div li a img{width:100%;height:auto;transition: all 0.6s;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.3);}
.cpzs div p{text-align: left;background-color:#f0f1f2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:70px; padding: 0 54px 0 30px;position: relative;transition: all .3s ease;}
.cpzs div p a{color:#333435;font-size:16px;}
.cpzs div p:after{content: '+';display: block;position: absolute;top: 0;bottom: 0;margin: auto 0;width: 30px;height: 30px;border-radius: 50%;background-color: #fff;right: 25px;line-height: 30px;text-align: center;font-size: 24px;color: #a3a9ac;font-weight: lighter;transition: all .3s ease;}
.cpzs div:hover p{background-color:#D2213E;}
.cpzs div:hover p a{color: #fff;}
.cpzs div:hover p:after{transform: rotate(360deg);color:#D2213E;}
.hzal{ background: url(../images/hzal.jpg) no-repeat top; padding: 55px 0px 80px 0px;}
.hzalb{ padding-top: 30px;}
.prott {width: 1250px;height: auto;overflow: hidden;ZOOM: 1;margin-left: -20px;margin-top:30px;}
.prott .pcontt {float: left;overflow: hidden;width: 1200px;ZOOM: 1;}
.prott .ScrCont1 {width: 32733px;ZOOM: 1;}
.prott #List3_1 {float: left;}
.prott #List4_1 {float: left;}
.prott .LeftBotton1 {background: url(../images/left.png) no-repeat left center;float: left;width: 20px;height:31px;margin-top:170px;}
.prott .RightBotton1 {background: url(../images/right.png) no-repeat right center;float: right;width: 20px;height: 31px;margin-top:170px;}
.prott .pl1 {display: block;cursor: pointer;float: left;}
.prott .pl1 li {float: left;margin:0px 10px 0px 10px;width: 380px;}
.prott .pl1 li a {background-color: #fff;display: table;overflow: hidden;height: 378px;width: 378px;border: 1px solid #fff;}
.prott .pl1 li a img {width: 378px;height: 378px;vertical-align: middle;cursor: pointer;transition: all 0.6s;}
.prott .pl1 li:hover a img {transform: scale(1.3);}
.prott .pl1 li p{font-size:16px;height:50px;line-height:50px;text-align: center;color: #fff; position: relative; margin-top: -50px; background: rgba(0,0,0,0.6);transition: all 0.6s;}
.prott .pl1 li:hover p{ margin-top: -428px; transition: all 0.6s; line-height: 428px; height: 428px;}

.gsjj{ padding: 60px 0px;}
.gsjjb{ background: url(../images/gsbg.jpg) no-repeat left top; position: relative; padding: 35px 0px 35px 35px;}
.gs_l{ width: 650px;}
.sjg{ margin-top: 35px;}
.gs_l p{ line-height: 38px; font-size: 15px; color: #303030; text-indent: 2em;}
.gs_r{ width: 600px;}
.gs_r img{ padding-top: 5px; transition: all 0.6s;}
.gs_r:hover img{ border-top-right-radius: 50px; border-bottom-left-radius: 50px; transition: all 0.6s;}
.gsmore{ width: 140px; height: 40px; line-height: 40px; text-align: center; background: #d2213e; border-radius: 10px; margin-top: 20px;}
.gsmore a{ font-size: 18px; color: #fff;}
.index-smart-section{ line-height: normal;}
.cpys{ padding: 60px 0px;}
.index-smart-section .factory {
  position: relative;
}

.index-smart-section .factory .mod-table {
  height: 100%;
}

.index-smart-section .factory .box {
  table-layout: fixed;
  margin-bottom: 50px;
}

.index-smart-section .factory .wuhan {
  width: 38.2353%;
  vertical-align: top;
}

.index-smart-section .factory .wuhan .wrap {
  width: 100%;
  position: relative;
}

.index-smart-section .factory .wuhan .pic {
  overflow: hidden;
  padding-top: 2px;
}

.index-smart-section .factory .wuhan .pic img {
  display: block;
  max-width: none;
}

.index-smart-section .factory .wuhan .title {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 15px;
}

.index-smart-section .factory .wuhan .en {
  font-style: normal;
  color: #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  font-size: 86px;
  text-transform: uppercase;
  line-height: 0.6;
}

.index-smart-section .factory .wuhan .detail {
  display: block;
  width: 128px;
  line-height: 36px;
  text-align: center;
  border-radius: 36px;
  background-color: #d2213e;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.index-smart-section .factory .beijing {
  width: 61.7647%;
  overflow: hidden;
}
 .index-smart-section .factory .made-s .beijing{ position: relative; left: 20px;}


.index-smart-section .factory .beijing .con {
  width: 345px;
  background-color: #d2213e;
  color: #fff;
  position: relative;
}

.index-smart-section .factory .beijing .con .wrap {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 20px;

}

.index-smart-section .factory .beijing .con .title {
  font-size: 28px;
  margin-bottom: 20px;
}

.index-smart-section .factory .beijing .con .desc {
  font-size: 16px;
  line-height: 32px;
  overflow: hidden;
}

.index-smart-section .factory .beijing .con .detail {
  display: block;
  width: 128px;
  line-height: 36px;
  text-align: center;
  border-radius: 36px;
  background-color: #fff;
  color: #d2213e;
  font-size: 16px;
  cursor: pointer;
  margin-top: 35px;
  margin-bottom: 35px;
}

.index-smart-section .factory .beijing .con .en {
  font-style: normal;
  position: absolute;
  font-size: 86px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.1);
  right: 0;
  bottom: 0;
  line-height: 0.73;
  text-align: right;
  text-transform: uppercase;
}
.index-smart-section .factory .beijing .pic {
  width: 495px; background: url(../images/fac_bg.jpg) right 20px top 0 no-repeat;
  position: relative;
  overflow: hidden;
}
.index-smart-section .factory .beijing .pic:after{ width: 20px; background: #fff; height: 180px; position: absolute; right: 0; bottom:0; content: ""; display: block; z-index: 2;}
.index-smart-section .factory .beijing .pic img {
  position: absolute;
  display: block;
  bottom: 0px;
 max-width: 593px; height: auto;
}
.mod-table .mod-td {
    display: table-cell;
    vertical-align: middle;
}
.layer-wrapper {
    width: 1380px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 10px;
}
.index-smart-section .factory .beijing .pic:after {
    width: 20px;
    background: #fff;
    height: 180px;
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    z-index: 2;
}
.news{ padding: 50px 0px 50px 0px; background: #F1F1F1;}
.newsb{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 60px;}
.newsb dl{ width: 650px; margin-bottom: 24px;}
.newsb ul{ width: 189px; height: 189px; overflow: hidden; float: left; margin-right:20px ;}
.newsb ul img{ transition: all 0.6s; width: 189px; height: 189px; border-radius: 10px;}
.newsb dl ol{ line-height: 23px; font-size: 14px; color: #606060;}
.newsb dl dt{ line-height: 50px; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newsb dl dt a{ font-size: 18px; color: #303030; font-weight: bold;}
.newsb dl hr{ border: none; background: #d2213e; height: 1px; width: 20px; margin-left: 0px; margin-top: -1px; margin-bottom: 13px; transition: all 0.6s;}
.newsb dl dd{ line-height: 28px; font-size: 14px; color: #606060; }
.newsb dl:hover hr{ width: 370px; transition: all 0.6s;}
.newsb dl:hover dt a{ padding-left: 30px;}
.newsb dl:hover ul img{ transition: all 0.6s; transform: scale(1.2);}
.icpfl{float: left;width: 100%;}
.icpfl ol{background-color: #D2213E;color: #fff;text-align: center;font-size: 30px;line-height:85px;font-weight:bold;}
.icpfl ul{background-color:#EBEDEE;padding: 10px;}
.icpfl ul li{line-height:45px;color:#fff; background: #D2213E;text-indent:20px;margin-bottom:7px;transition: all 0.6s;}
.icpfl ul li a{ color: #fff; font-size: 16px;}
.icpfl ul li a i{width: 8px;height: 8px;display: inline-block;border-radius: 50%;border: 1px solid #fff;margin-right: 10px;transition: all .3s ease;}
.icpfl ul p{line-height:41px;background:#fff;text-indent:30px;color:#343434;margin-bottom:7px;transition: all 0.6s;}
.icpfl ul p a{ font-size: 14px;}
.icpfl ul p a i{width: 8px;height: 8px;display: inline-block;border-radius: 50%;border: 1px solid #fff;margin-right: 10px;transition: all .3s ease;}
.icpfl dl{background-color: #D2213E;color: #fff;padding:15px 0px;font-size: 20px;text-align: center;}
.icpfl dl dt{font-weight: bold;font-size: 26px;}
.icpfl ul li:hover{text-indent:30px;}
.icpfl ul li:hover a{color: #fff;}
.icpfl ul p:hover{background-color: #D2213E;text-indent:50px;}
.icpfl ul p:hover a{color: #fff;}
.icpzs{width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.icpzs div{width: 24.5%;margin-bottom: 20px;}
.icpzs div li{width:100%;max-height: 327px;}
.icpzs div li a{overflow: hidden;display: inline-table;border: 1px solid #E2E3E5;}
.icpzs div li a img{width:100%;height:auto;transition: all 0.6s;}
.icpzs div:hover li a img{transition: all 0.6s;transform: scale(1.3);}
.icpzs div p{text-align: left;background-color:#f0f1f2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:70px; padding: 0 54px 0 30px;position: relative;transition: all .3s ease;}
.icpzs div p a{color:#333435;font-size:16px;}
.icpzs div p:after{content: '+';display: block;position: absolute;top: 0;bottom: 0;margin: auto 0;width: 30px;height: 30px;border-radius: 50%;background-color: #fff;right: 25px;line-height: 30px;text-align: center;font-size: 24px;color: #a3a9ac;font-weight: lighter;transition: all .3s ease;}
.icpzs div:hover p{background-color:#D2213E;}
.icpzs div:hover p a{color: #fff;}
.icpzs div:hover p:after{transform: rotate(360deg);color:#D2213E;}

#demo_{overflow:hidden;width:1200px; }
#indemo_{float:left;width:800%;}
#demo1_{float:left;}
#demo2_{float:left;}
.idllist1{margin:0px auto;}
.idllist1 li{float:left;margin:10px 10px 0px 10px; padding:2px; text-align: center; line-height: 40px;}
.idllist1 li ol{ width: 280px; height: 210px; overflow: hidden; border: 5px solid #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);}
.idllist1 li ol img{width:280px;height:210px; transition: all 0.6s;}
.idllist1 li:hover ol img{ transition: all 0.6s; transform: scale(1.2);}
.idllist1 li a{ font-size: 16px; color: #fff;}
.yqlj{ padding: 20px 0px; background: #F4F4F4;}
.yqljt{ line-height: 58px; border-bottom: 1px solid #1E50AE; font-size: 18px; color: #1e50ae;}
.yqljt span{ color: #303030; text-transform: uppercase; padding-left: 5px;}



.prolist{}
.prolist dl{ float: left; width: 270px; height: 240px; display: block; margin: 15px 10px 0px 10px; border: 1px solid #CCCCCC; text-align: center;}
.prolist dl dt{ text-align: center;}
.prolist dl img{ margin: 3px;  display: block; padding: 1px; border: 1px solid #EEE; height: 200px; text-align: center;}


.message{line-height:24px;}
.message dt{float:left;clear:both;width:80px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
.e2 li{line-height:52px;background-image:url(../images/cion.jpg);background-position:left center;padding-left:10px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#CCCCCC;	background-repeat:no-repeat;}
.e2 li span{float:right;}
.e2 li a{ font-size: 14px;}
.listimg{width:219px;float:left;margin:0px 5px;}
.listimg a{width:219px;}
.listimg a img{vertical-align:middle; width:219px; height:180px;}
.listimg p{line-height:40px; height:40px; text-align:center; width:219px; margin:0px auto;}
.slt{overflow:hidden;margin-top:10px;margin-bottom:10px;}
.timeBar{color:#666;line-height:36px;text-align:center;margin-top:20px;margin-right:auto;margin-bottom:10px;margin-left:auto;}
.time{background-color:#f3f3f3;border:1px solid #dedede;}
.guidbar_next{overflow:hidden;padding:10px 0px;border-top:1px solid #dadada;margin-top:20px;}
.guidbar_next li{width:330px;font-size:12px;color:#666;}
.guidbar_next li a{color:#333;}
.pre{text-align:left;float:left;}
.next{text-align:right;float:right;}
.page{padding-top:20px;padding-left:40px;height:30px;clear:both;}
.page strong{font-size:12px;}
.page li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #CCCCCC;}
.page li a{float:left;padding:2px 4px 2px;color:#333;display:block;line-height:17px; font-size: 14px;}
.page li a:hover{color:#000;text-decoration:none;padding:2px 4px 2px;}
.title3{height:36px; line-height:36px; color:#fff; font-size:14px; font-weight:bold; padding-left:10px; background-color:#1348ac;}
.title3 span{ float:right; color:#fff; padding-right:10px;}
.title3 a{ color: #fff;}
.content{line-height:36px;font-size:15px; padding:10px;}
.content p{ }
.content p a{ }
.content h1{ font-size: 22px;}
.mt5{ text-align: center;}
.ileft{ width:280px; float:left; margin-right:20px;margin-bottom: 20px;}
.iright{ width:900px; float:left;margin-bottom: 20px;}

.cptp{ margin-top: 30px; margin-bottom: 30px; max-height: 740px;}
.cp_l{ width: 45%; overflow: hidden;}
.cp_l img{ width: 100%; max-width: 538px; max-height: 538px; border: 1px solid #DADADA;}
.cp_r{width: 50%;}
.cp_r h1{ padding-top: 34px; line-height: 74px; font-size: 34px; color: #444444; font-weight: bold; background: url(../images/cpt.png) no-repeat left bottom; letter-spacing: 3px; margin-bottom: 37px;}
.cp_r h2{ line-height: 42px; font-size: 16px; color: #d30003; font-weight: normal;}
.cp_b{ line-height: 28px; font-size: 14px; color: #666666; min-height: 140px;}
.cp_xx{ margin-top: 61px; line-height: 50px;}
.cp_xx li:nth-child(1){ background: #d30003; line-height: 50px; text-align: center; width: 220px; float: left; margin-right: 60px;}
.cp_xx li:nth-child(2){ background: #ff8400; line-height: 50px; text-align: center; width: 220px; float: left;}
.cp_xx li img{ padding-right: 10px;}
.cp_xx li{ color: #fff; font-size: 20px; font-weight: bold;}
.cp_xx li a{  color: #fff; font-size: 20px;}
.cpxq{}
.cpt{ line-height: 68px; font-size: 24px; font-weight: bold; color: #666666; background: url(../images/cpt.png) no-repeat left bottom; margin-bottom: 35px;}
.cpt h2{ color: #d30003; display: inline; font-size: 24px;}
.cpb{ font-size: 14px; color: #333333; line-height: 28px; padding-top: 25px; padding-bottom: 50px;}
.cpb p{ font-size: 14px; line-height: 28px;}
.cptjb{ padding-top: 35px;}

.tbwz{ line-height: 40px; background: #f7f7f7; color: #888888;}
.tb_l{ width: 50%;}
.tb_r{ width: 50%; text-align: right;}
.tb_r a{ color: #888888; font-size: 14px; padding: 0px 5px;}
.nlx{ margin-top: 20px; background: #f4f5f7;}
.nlxt{ height: 40px; line-height: 40px;  font-size: 16px; color: #fff; padding-left:20px; background: #D2213E;}
.nlxb{  padding: 10px; line-height: 30px; font-size: 15px;}
.mup{background-color: #D2213E; height:42px;line-height: 42px;color:#fff; font-size:14px; padding-left: 30px;}
.mup p{height:42px;float:left;padding-left: 15px;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#fff;}
.mup span a:hover{color:#D2213E;}
.sbj{ margin: 40px auto;}
.rytp{width:210px;float:left;margin:0px 5px;}
.rytp a{width:210px;height:210px;display:table-cell;vertical-align:middle;overflow:hidden;border:1px solid #ccc;text-align:center;}
.rytp a img{vertical-align: middle;cursor:pointer;transition: all 0.6s;}
.rytp a img:hover{transform:scale(0.9);}
.rytp p{line-height:40px;height:40px;text-align:center;width:210px;margin:0px auto;}