@charset "gb2312";
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th {margin: 0;padding: 0;}
li {list-style: none;}
input,textarea,select {font-family: inherit;font-weight: inherit;font-size: 14px;}
img {border: 0;}
.clear {height: 0;overflow: hidden;clear: both;}
i,em{font-style: normal;font-family:Arial;text-transform: uppercase;}
dl,dt,dd {margin: 0px;padding: 0px;list-style: none;}
.fl {float: left}
.fr {float: right}
body,td,th {font-size: 14px;color: #333;}
a {font-size: 14px;color: #333;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
body {font-size: 14px;background: url() top center repeat-x;min-width: 1200px;font-family: Microsoft YaHei;}
.w1200,.page {width: 1200px;margin: auto;}
.top60{ padding-top:60px;}

/*headr*/
.head{height: 35px;line-height: 35px;background: url(../uploadfile/image/20180927113645_1062582999.png) no-repeat center;}
.head .fl, .head .fr, .head .fr a { color: #ddd; font-size: 13px; font-weight: 100; }
.head .fl { }
.head .fr{ color: #FFF; }
.head .fr > a{ display: inline-block;vertical-align: top; padding-left: 28px; position: relative; color: #fff; opacity: 0.9; filter: alpha(opacity=90);z-index: 111;margin-left: 25px;line-height: 30px }
.head .fr .head_tel{ background: url(../uploadfile/image/20180927113825_276037736.png) no-repeat left center; }
.head .fr .head_wx{ background: url(../uploadfile/image/20180927113841_69474856.png) no-repeat left center; }
.head_ewm .ewm{ display: none; position: absolute; top: 40px; width: 90px; height: 90px; left: 0}
.head .fr > a:hover{ opacity: 1; filter: alpha(opacity=100); }

.top {  position: fixed;left: 0;right: 0;top: 0; z-index: 9999;
background-color: rgba(225,225,225,1.0);background: #FFFFFF;box-shadow: 1px 1px 0px #F5F5F5;}
.top .top_l { width: 192px; height: 60px; background: url(../uploadfile/image/20180927114250_366806599.png) no-repeat right center; float: left; padding: 30px 0px 30px 200px; }
.top .page .fl { display: block; position: absolute; z-index: 33333; left: auto;top: 24px;}
.top .page .fl a,.top .page .fl a img{ display: block;}
.NavCeshi > li { float: left; width:70px; top: 0px; transition: 0.2s all ease-in-out; height: 36px; padding: 42px 5px 42px 10px; }
.NavCeshi > li:hover, .NavCeshi > li.navcurrent { width: 120px; }
.NavCeshi > li > a { display: block; text-align: center; color: #454545; transition: 0.2s all ease-in-out; height: 36px; position: relative; z-index: 55555; border-radius: 50px; overflow: hidden; width: 100%; box-sizing: border-box; }
.NavCeshi > li > a > i{ display: block; font-size: 16px; line-height: 36px; height: 36px; color: #454545; position: relative; z-index: 3; font-style: normal; }
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { padding-left: 25px; }
.NavCeshi > li#Zz0 > a:before{ z-index: 2; content: ''; width:30px; height:30px; display:block; background: url(../uploadfile/image/20180928163638_1543192440.png) no-repeat center; position: absolute; left:-25px; top: 3px; }
.NavCeshi > li#Zz1 > a:before{ z-index: 2; content: ''; width:30px; height:30px; display:block; background: url(../uploadfile/image/20180928164503_672443119.png) no-repeat center; position: absolute; left:-25px; top: 3px; }
.NavCeshi > li#Zz2 > a:before{ z-index: 2; content: ''; width:30px; height:30px; display:block; background: url(../uploadfile/image/20180928164316_841594392.png) no-repeat center; position: absolute; left:-25px; top: 3px; }
.NavCeshi > li#Zz3 > a:before{ z-index: 2; content: ''; width:30px; height:30px; display:block; background: url(../uploadfile/image/20180928164209_2091721015.png) no-repeat center; position: absolute; left:-25px; top: 3px; }
.NavCeshi > li#Zz4 > a:before{ z-index: 2; content: ''; width:30px; height:30px; display:block; background: url(../uploadfile/image/20180928164101_1301057812.png) no-repeat center; position: absolute; left:-25px; top: 3px; }
.NavCeshi > li#Zz5 > a:before{ z-index: 2; content: ''; width:30px; height:30px; display:block; background: url(../uploadfile/image/20180928163852_1680822577.png) no-repeat center; position: absolute; left:-25px; top: 3px; }
.NavCeshi > li#Zz6 > a:before{ z-index: 2; content: ''; width:30px; height:30px; display:block; background: url(../uploadfile/image/20180928164209_2091721015.png) no-repeat center; position: absolute; left:-25px; top: 3px; }
.NavCeshi > li#Zz7 > a:before{ z-index: 2; content: ''; width:30px; height:30px; display:block; background: url(../uploadfile/image/20180928163852_1680822577.png) no-repeat center; position: absolute; left:-25px; top: 3px; }

.NavCeshi > li > a:before{ transition:0.3s all ease; }
.NavCeshi > li.navcurrent > a:before,.NavCeshi > li:hover > a:before{ left: 12px !important}

.NavCeshi > li.navcurrent > a i, .NavCeshi > li:hover > a i{ color: #fff; }
.NavCeshi > li > a:after{ content: ''; display: block; width: 0%; height: 100%; transition: 0.2s all ease-in-out; position: absolute; left: 0; bottom: 0; background: #dd0214; background: -moz-linear-gradient(left, #dd0214 0%, #f0071a 100%); background: -webkit-linear-gradient(left, #dd0214 0%,#f0071a 100%); background: linear-gradient(to right, #009FE0 0%,#009FE0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd0214', endColorstr='#212121',GradientType=1 ); }
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li:hover > a:after{ width: 100%}
.NavCeshi > li.navcurrent > a > .en,.NavCeshi > li:hover > a > .en{ text-indent: 99em; background-position:center !important; line-height: 45px; }
.erji_menu { display: none; width: 100%; position: absolute; left: 0; background: rgba(250,250,250,0.95); z-index: 11111; top:120px; }
.erji_menu > .page > .fl { display: block; padding: 50px 0 40px; width: 200px; }
.erji_menu > .page > .fl:before,.erji_menu > .page > .fl::before{ content: ''; display: block; width: 60px; height: 3px; background: #212121; margin-bottom: 20px; }
.erji_menu > .page > .fl > strong{ font-size: 22px; display: block; color: #212121; line-height: 30px; }
.erji_menu > .page > .fl > a{ display: block; width: 120px; border: 1px solid #212121; text-align: center; line-height: 30px; color: #212121; font-family: arial; border-radius: 50px; margin-top: 20px; text-transform: uppercase; }
.erji_menu > .page > .fr { width: 850px; height: 150px; padding: 60px 0; }
.erji_menu > .page > .fr > ul{ float: left; padding: 0 30px; }
.erji_menu.product_list_nav > .page > .fr > ul{ width: 150px; padding:0 10px; text-align: center; }
#Zz2 .erji_menu.product_list_nav > .page > .fr > ul{width: 130px;}
.erji_menu > .page > .fr > ul img{ width: 100%; display: block; height: auto; background: #212121; transition:0.3s all ease-in-out;box-sizing: border-box; }
.erji_menu > .page > .fr > ul a:hover img{ padding: 2px}
.erji_menu > .page > .fr > ul > strong{ display: block; }
.erji_menu > .page > .fr > ul > strong a{ font-size: 15px; font-weight: 100; color: #212121; display: block; line-height: 40px; padding-bottom:5px; }
.erji_menu.product_list_nav > .page > .fr > ul > strong a{ color: #444; }
.erji_menu > .page > .fr > ul > li > a{ display: block; line-height: 24px; color: #666}
.erji_menu .divnews_tag li,.erji_menu .divdgweb2_tag li { float: none !important; width: 220px !important; }
.erji_menu .divnews_tag li span, .erji_menu .divdgweb2_tag li span { color: #666; }

/* banner */
.banner{ overflow: hidden; background:#eee;width: 100%;}
.banner-box{ min-width:1100px; height:800px; position:relative;margin:0 auto;  }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:800px; background-position:center; background-repeat: no-repeat;background-size:cover;  }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn { width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 100%; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../uploadfile/image/20180927140903_700449295.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../uploadfile/image/20180927140903_700449295.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:75px; width: 100%;}
.banner-box .hd ul { width: 1100px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-box .hd ul li.on{ background: #dd0214; width: 32px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }



/* banner-neiye */
.banner-neiye .banner{ overflow: hidden; background:#F5F5F5;width: 100%;}
.banner-neiye .banner-box{ min-width:1100px; height:300px; position:relative;margin:0 auto;  }
.banner-neiye .banner-box .bd{ width:100% !important; }
.banner-neiye .banner-box .bd li{ width:100% !important; height:300px; background-position:center; background-repeat: no-repeat;/* background-size:cover; */  }
.banner-neiye .banner-box .bd li a{ display:block; background-size:auto; }
.banner-neiye .banner-btn { width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 100%; overflow: hidden; }
.banner-neiye .banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:108px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-neiye .banner-btn a.prev{ left:-50px; background:url(../uploadfile/image/20180927140903_700449295.png) no-repeat 0 0; } 
.banner-neiye .banner-btn a.next{ right:-50px; background:url(../uploadfile/image/20180927140903_700449295.png) no-repeat -49px 0; }
.banner-neiye .banner-box .hd { position:absolute; bottom:25px; width: 100%;}
.banner-neiye .banner-box .hd ul { width: 1100px; margin: 0 auto; text-align: center; }
.banner-neiye .banner-box .hd ul li{ width:20px; height:20px; border-radius:20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 1111; }
.banner-neiye .banner-box .hd ul li.on{ background: #dd0214; width: 32px; }
.banner-neiye .banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-neiye .banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-neiye .banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*search*/
.search{height:60px;overflow: hidden;background-color: #383838; opacity: 0.6;margin-top: -60px;}
.search-t p{color: #333;font-size: 15px;font-family:'Microsoft YaHei';float: left;line-height:60px;}
.search-t p b{color: #ccc; float: left; display: inline-block; font-size: 15px;padding-left: 25px; background: url(../uploadfile/image/20180927/20180927142050_1731552610.png) no-repeat left center;}
.search-t a{color:#999;font-size: 15px;font-family:'Microsoft YaHei'; font-weight:normal; line-height:60px;}
.search-t a:hover{color:#e00404;}

#search-i{float:right; width:40px; overflow:hidden; height:40px; margin-top:11px; position: relative; margin-left: -50px;}
#search-bg{float:right; width:280px; height:40px; line-height:40px; overflow:hidden; text-indent: 12px; border:#666 1px solid; border-right:none; margin-top:10px;border-radius: 50px;}
#search-text{width:849px; float:left; line-height:60px; height:60px; font-size:14px; }
.search-text1 a{ padding-left:6px; padding-right:6px; font-size:14px;}
.search-text1 a:hover{color:#e00404; padding-left:6px; padding-right:6px; font-size:14px; text-decoration: underline;}

/*custom*/
.custom{height:145px;background: #383838;}
.custom_nr{}
.custom_01{background:url(../uploadfile/image/20180927150620_451355386.png) no-repeat; height:71px; padding-left:91px; width:253px; float:left; margin-right:84px; margin-top:37px;}
.custom_01:hover{background:url(../uploadfile/image/20180927150633_1769982034.png) no-repeat;}
.custom_01 p{font-size:18px; font-weight:bold; margin-bottom:2px; margin-top:2px;color: #eee;}
.custom_01 span{ color:#ccc; display:block;}

.custom_02{background:url(../uploadfile/image/20180927150646_1649837993.png) no-repeat; height:71px; padding-left:91px; width:253px; float:left; margin-right:84px; margin-top:37px;}
.custom_02:hover{background:url(../uploadfile/image/20180927150658_1599347628.png) no-repeat;}
.custom_02 p{font-size:18px; font-weight:bold; margin-bottom:2px; margin-top:2px;color: #eee;}
.custom_02 span{ color:#ccc; display:block;}

.custom_03{background:url(../uploadfile/image/20180927150711_188559800.png) no-repeat; height:71px; padding-left:91px; width:253px; float:left; margin-top:37px;}
.custom_03:hover{background:url(../uploadfile/image/20180927150724_37320217.png) no-repeat;}
.custom_03 p{font-size:18px; font-weight:bold; margin-bottom:2px; margin-top:2px;color: #eee;}
.custom_03 span{ color:#ccc; display:block;}

/*tit*/
.tit_l{padding-top: 60px;float: left;}
.tit_l a span{font-size: 30px;display: block;padding-bottom: 10px;color: #333;}
.tit_l a p{font-size: 18px;border-bottom: 1px #ccc solid;padding-right: 20px;padding-bottom: 15px;color: #666;}

.tit_r{float: right; text-align:right;padding-top: 60px;}
.tit_r a span{font-size: 30px;display: block;padding-bottom: 10px;color: #333;}
.tit_r a p{font-size: 18px;border-bottom: 1px #ccc solid;padding-left: 20px;padding-bottom: 15px; color: #666;}

.tit_l1{padding-top: 60px;float: left;}
.tit_l1 a span{font-size: 30px;display: block;padding-bottom: 10px;color: #fff;}
.tit_l1 a p{font-size: 18px;border-bottom: 1px #ccc solid;padding-right: 20px;padding-bottom: 15px;color: #eee;}
/*partner*/
.part{ padding-bottom: 60px;background-color: #f5f5f5;}

.part_nr{float: left;margin-top: 30px; }
.part_nr table tbody tr td a img{    border: 1px #ccc solid;}
.part_nr table tbody tr td a{color: #333; height: 40px;line-height: 40px;}

/*prod*/
.prod{ background:url(../uploadfile/image/20180928142127_691024601.jpg) top center;padding-bottom: 60px;}
.list{ margin: 20px 0px;}
.list tr{display: block;float: right;margin-left: 10px;}
.list td{}
.list a{display: block;background-color: #fff;height: 40px;line-height: 40px;text-align: center;border-radius: 50px; padding:0px 20px; font-weight: normal !important;}
.list a:hover{background-color: #dd0214;color:#fff !important;}

.prod_nr table td span a{display: block;width:290px;color: #333; background:#f2f2f2; line-height:40px;}
.prod_nr>table>tbody>tr>td {float: left;padding:0 ;width:290px;margin:0px 5px 10px 0;position: relative; }
.prod_nr>table>tbody>tr>td>span{display: none;}
.prod_nr>table>tbody>tr>td>a {display: block;float: left;width:290px;padding-left: 0px !important;position: relative;overflow: hidden;}

.prod_nr>table>tbody>tr>td>a>.ceshigo {width: 100%;background: rgba(0, 0, 0, 0.4);height: 100%;position: absolute;bottom: 0;left: -100%;-webkit-transition: 0.3s all ease-in-out;transition: 0.3s all ease-in-out;}
.prod_nr>table>tbody>tr>td>a>.ceshigo a {display: block;color: #fff;font-size: 16px;font-weight: bold;padding-top: 35%;}
.prod_nr>table>tbody>tr>td>a>.ceshigo p {height: 22px;line-height:18px;border-radius: 10px;border: 1px solid #fff;-webkit-transition: all 0.3s 0.3s;transition: all 0.3s 0.3s;padding: 1px 15px;margin: 15px auto;display: block;font-size: 13px;color: #fff;;width:100px;text-align: center;position: relative;bottom: -180px;margin-top: 72px;}
.prod_nr>table>tbody>tr>td:hover>a>.ceshigo {left: 0;}
.prod_nr>table>tbody>tr>td:hover>a>.ceshigo p {left: 0;bottom: 0;}
.prod_nr>table>tbody>tr>td>a>img {width:290px; border: #ccc 1px double;box-sizing: border-box;}
.beta5 {display: block;position: absolute;-webkit-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;}
.beta5 {width:50px;height:50px;border-radius: 50%;background:#383838 url(../uploadfile/image/20180929100400_1372136551.png) no-repeat center;left: 115px;top:100px;-webkit-transform: scale(0);transform: scale(0);}
.prod_nr>table>tbody>tr>td:hover .beta5 {-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-webkit-transform: scale(1);transform: scale(1);}

/*case*/
.case{background:url(../uploadfile/image/20180928143315_368184278.jpg) center no-repeat;padding-bottom: 60px;}

.case_nr{padding-top: 30px;}
.case_nr > table > tbody > tr > td { float: left; padding-left: 0 !important; width:290px;  position: relative;overflow: hidden;  margin-bottom: 10px;    margin-right: 10px;}
.case_nr > table > tbody > tr > td > a > img{border: #666 1px double;box-sizing: border-box;}
.case_nr > table > tbody > tr > td > a { display: block; width: 100%; }
.case_nr > table > tbody > tr > td br{ display: none; }
.case_nr > table > tbody > tr > td > div { display: block; width: 100%; position: absolute; bottom: 0; transition:0.6s all ease;background-position:center;height:40px;line-height:40px;bottom:-40px;}
.case_nr > table > tbody > tr > td > div > a { display: block; color: #fff; font-size: 14px; height: 40px; line-height: 40px;transition:0.3s all ease-in-out; background:#252525;}
.case_nr > table > tbody > tr > td > .case_nrgo{width:100%;background:rgba(0,0,0,0.4);height:100%;position:absolute;bottom:0;left:-100%;transition:0.3s all ease-in-out;}
.case_nr > table > tbody > tr > td > .case_nrgo a {display: block; color: #fff; font-size: 18px; padding-top: 30%;}
.case_nr > table > tbody > tr > td > .case_nrgo p {height: 30px; line-height: 30px;border-radius: 10px;border: 1px solid #fff; transition:all 0.3s 0.3s;padding: 1px 25px;margin: 15px auto;display: block;font-size: 13px;color: #fff;font-weight: 100;width: 70px;text-align: center;position: relative;bottom: -200px;}
.case_nr > table > tbody > tr > td:hover > div {bottom:0px;}
.case_nr > table > tbody > tr > td:hover > .case_nrgo{left:0;}
.case_nr > table > tbody > tr > td:hover > .case_nrgo p{left:0;bottom:0;}

/*ad*/
.ban01{ background: #f8f8f8 url(../uploadfile/image/20180929175636_1667144333.png) no-repeat center 0;height: 280px;padding: 66px 0 0;overflow: hidden;}
.ban01 p{font-size: 18px;color: #333;text-align: center;line-height: 30px;height: 125px;}
.ban01 p i{display: block;font-size: 24px;color: #e40013;}
.ban01 p b{display: block;}
.ban01 span{display: block; font-size: 14px; color: #333; text-align: center; background:url(../uploadfile/image/20180929/20180929100530_1051891936.png) no-repeat center 0;padding: 20px 0 0;height: 92px;} 
.ban01 span i,.ban02 span i{display: block; font-size: 30px;font-family: Georgia;}
.ban01 em,.ban02 em{display: block;width: 120px;margin:0 auto;}
.ban01 em a{margin: 0;}
.ban01 em a{display: block; font-size: 14px; color: #fff; width: 120px; text-align: center; height: 38px; line-height: 38px; background: #333;border-radius:20px;}
.ban01 em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;background: #dd0214;}

/*adv*/
.adv{padding: 40px 0 60px;    background-color: #f8f8f8;}
.adv_t{font-size: 32px;color: #333;text-align: center;line-height: 40px;height: 90px;overflow: hidden;}
.adv_t a{font-size: 32px;color: #333;}
.adv_t i{color: #dd0214;}
.adv_t span{display: block;font-size: 20px;font-weight: normal;}
.adv_t em{font-size: 60px;font-family: Georgia;font-weight: normal;}
.adv_t b{ display:block; margin:0 auto; width:70px; background-color:#e40013; height:2px;}
.adv dl{width: 394px;float: left;padding-top: 30px;padding-right: 9px;}
.adv dl dt{width: 394px;height: 296px;overflow: hidden;line-height: 0;}
.adv dl dt img{width: 394px;height: 296px;}
.adv dl dd{width: 394px;height: 190px;padding: 30px 0 0;text-align: center;border: #eee 1px solid;box-sizing:border-box;}
.adv dl dd h5{font-size: 18px; color: #333; height: 50px; line-height: 50px; overflow: hidden; background:url(../uploadfile/image/20180929/20180929100655_1289398808.jpg) no-repeat center 49px;} 
.adv dl dd p{font-size: 14px; color: #666; line-height: 24px; height: 72px; overflow: hidden; width: 318px; margin:0 auto;padding: 12px 0 0;}
.adv dl:hover dd{box-shadow: 0 3px 8px 3px #efefef;    margin-top: -15px;}
.adv dl:hover dd{transition:all 0.2s; margin-top: -15px;}
.adv .nobor{padding-right: 0;}

/*company*/
.company{ background: url(../uploadfile/image/20180928153641_342672324.jpg) center top; padding-bottom: 60px;}
.company_row2 > .fl{ width: 400px; height: 450px;display: block; position: relative; background: url(../uploadfile/image/20180929/20180929100811_42423748.jpg) no-repeat center;}
.company_row2 > .fl img{margin-top: 46px;}
.company_row2 > .fl > .company-box { position: absolute; width: 500px; height: 375px; top: 42.5px; left: 42.5px; transition:0.5s all ease-in-out; overflow: hidden; }
.company-box > .bd > ul { width: 500px; height: 375px; overflow:; }
.company-box > .bd > ul > li { display: block; width: 500px; height: 375px; display: block; padding: hidden; }
.company-box > .bd > ul > li > img { display: block; margin: 0 auto; width: 100%; height: auto; }
.company-btn { width: 100%; position: absolute; bottom: 0; height: 55px; }
.company-btn .hd{ height: 55px; width: 100%; }
.company-btn .hd ul { text-align: center; }
.company-btn .hd ul li { display: inline-block; width: 12px; height: 12px; border-radius: 50px; background: #fff; overflow: hidden; text-indent: -999999em; font-size: 0; margin: 20px 5px; transition:0.3s all ease-in-out; cursor: pointer; }
.company-btn .hd ul li.on{ width: 25px; background: #dd0214}
.company_row2{ margin-top: 30px;}
.company_row2 > .fr { width: 590px; height: 390px;padding: 30px 30px 30px 175px;background-color: #fff; }
.company_row2 > .fr strong { font-size: 28px; display: block; line-height: 70px; padding: 10px 0; }
.company_row2 > .fr strong .color{ font-size: inherit; color: #dd0214; }
.company_row2 > .fr p { font-size: 15px; line-height: 32px; color: #666; text-indent: 2em; padding-bottom: 15px; }

.company .company_btn { padding-top: 20px; }
.company .cont_r2 { margin-right: 20px; text-align: center; display: inline-block; line-height: 30px; border-radius: 30px; position: relative; overflow: hidden; -webkit-transform: rotate(0deg); }
.company .cont_r2:after,.company .cont_r2::after{ content:''; position:absolute; width:200%; height:200%; border-radius: 50%; background:#333; top: -50%; left: -50%; transition:0.3s all ease-in-out; }
.company .cont_r2:before,.company .cont_r2::before{ content:''; position:absolute; width:200%; height:200%; border-radius: 50%; background:#dd0214; top: -200%; left: -200%; transition:0.3s all ease-in-out; }
.company .cont_r2 span{ font-size: 13px; color: #fff; display:block; line-height: 30px; padding: 0 25px; position:relative; z-index:5; transition:0.3s all ease-in-out; }
.company .cont_r2:hover span{ color: #fff}
.company .cont_r2:hover::before,.company .cont_r2:hover:before{ left: -50%; top: -50%; }
.company .cont_r2:hover::after,.company .cont_r2:hover:after{ left: 200%; top: 200%; }
.company .cont_r3 {text-align: center; display: inline-block; line-height: 30px; border-radius: 30px; position: relative; overflow: hidden; -webkit-transform: rotate(0deg);  transition: 0.3s all ease-in-out; }
.company .cont_r3:after,.company .cont_r3::after{ content: ''; position: absolute; width: 200%; height: 200%; border-radius: 50%; background:#dd0214; top: -50%; left: -50%; transition:0.3s all ease-in-out; }
.company .cont_r3:before,.company .cont_r3::before{ content: ''; position: absolute; width: 200%; height: 200%; border-radius: 50%; background:#dd0214; top: -200%; left: -200%; transition:0.3s all ease-in-out; }
.company .cont_r3 span{ font-size: 13px; color: #fff !important; display:block; line-height: 30px; padding: 0 25px; position:relative; z-index:5; transition:0.3s all ease-in-out; }
.company .cont_r3:hover::before,.company .cont_r3:hover:before{ left: -50%; top: -50%; }
.company .cont_r3:hover::after,.company .cont_r3:hover:after{ left: 200%; top: 200%; }
.company_row3 { top: -30px; position: relative; display: block; z-index: 111111; }
.company_row3 .photo_tit { text-align: right; line-height: 50px; display: block; width: 95%; height: 50px; margin: 0 auto; }
.company_row3 .photo_tit li { display: inline-block; line-height: 50px; height: 50px; background: #fff; margin: 0 10px; }
.company_row3 .photo_tit li a{ font-size: 17px; color: #333; font-weight: 100; transition:0.3s all ease-in-out; padding: 0 15px; display: block; }
.company_row3 .photo_tit li.cur a{font-weight: bold;color: #dd0214}
.company_row3 .photo_cont{padding:20px 0; }
.company_row3 .photo_cont > div{position: relative;}
.company_row3 .photo_cont .cont_p2{display: none;}
.company_row3 .photo_cont .cont_p3{display: none;}
.company_row3 .comp_ibtn { width: 50px; height: 50px; background: #343434 url(../uploadfile/image/20180929/20180929100902_1509980460.png) no-repeat; display: block; position: absolute; top: 75px; cursor: pointer;  transition: 0.3s all ease-in-out;}
.company_row3 .comp_ibtnl:after{ content: ''; border-bottom: 50px solid #343434; border-right: 13px solid transparent; position: absolute; bottom: 0; right: -13px; transition: 0.3s all ease-in-out; }
.company_row3 .comp_ibtnl:hover:after{border-bottom: 50px solid #dd0214; border-right: 13px solid transparent; }
.company_row3 .comp_ibtnr:after{ content: ''; border-bottom: 50px solid #343434; border-left: 13px solid transparent; position: absolute; bottom: 0; left: -13px; transition: 0.3s all ease-in-out; }
.company_row3 .comp_ibtnr:hover:after{border-bottom: 50px solid #dd0214; border-left: 13px solid transparent;}
.company_row3 .comp_ibtnl:before{ content: ''; border-top: 10px solid #454545; border-left: 25px solid transparent; position: absolute; bottom: -10px; left: 0; transition: 0.3s all ease-in-out; }
.company_row3 .comp_ibtnr:before{ content: ''; border-top: 10px solid #454545; border-right: 25px solid transparent; position: absolute; bottom: -10px; right: 0; transition: 0.3s all ease-in-out; }
.company_row3 .comp_ibtnl:hover:before{border-top: 10px solid #064583; border-left: 25px solid transparent;}
.company_row3 .comp_ibtnr:hover:before{border-top: 10px solid #064583; border-right: 25px solid transparent}
.company_row3 .comp_ibtnl{ left: -25px; background-position: left center; }
.company_row3 .comp_ibtnr{ right: -25px; background-position: right center}
.company_row3 .comp_ibtn:hover{ background-color: #dd0214; }
.company_img_cont table { display: block; width: 100%; }
.company_img_cont td { display: block; float: left; padding: 0 !important; position: relative; margin-right: 20px; }
.company_img_cont td a img { display: block; width: 100%; height: auto; }
.company_img_cont td a { display: block; }
.cont_p1 .company_img_cont td { width: 285px; }
.cont_p2 .company_img_cont td { width: 200px; margin-right: 50px}
.company_row3 .cont_p2 .comp_ibtn{ top: 115px; }

/*news*/
.news_bg{background: #f5f5f5;width: 100%;min-width: 1200px;}
.news_t{text-align: center;padding-top: 66px;}
.news .convert2{ width:1200px; height:550px;padding-top: 150px; }
.news .convert2 .tab{width:438px;float: right;}
.news .convert2 .tab a{display:block; color:#666; text-align: center; width: 124px; font-size:15px; float:left; margin-top:30px;margin-bottom:30px;height: 40px;line-height: 40px;margin-right: 20px; border:1px #ccc solid;border-radius:50px;}
.news .convert2 .tab a.on{display:block;color:#383637; background-color: #dd0214 !important; color: #fff;}


.news .convert2 .content{ overflow:hidden; width:1200px; height:400px; position:relative;}
.news .convert2 .content ul{ position:absolute; left:0; top:10px; height:380px;}
.news .convert2 .content li{ width:1200px; height:auto; float:left;}
.news .content td br{ display:none;}
.news .content td a{ display:block; background:#ededee; line-height:40px; width:220px !important; color:#666; width:220px !important;}
.news .content td a:hover{ display:block; background:#ff6633; color:#fff;}

.news .news_div_item{ position:relative;width:379px; float: left;height:387px; margin-left: 20px;}
.news .news_div_item:hover{margin-top: -10px;transition:all 0.2s;}
.news .divdgweb_new_div_item{position:relative;width:379px; float: left;height:387px;     margin-left: 20px;}
.news .divdgweb_new_div_item:hover{margin-top: -10px;transition:all 0.2s;}
.news .news_div_item_pic{ position:absolute; top:0;}
.news .news_div_item_pic img{width:380px; height:265px;}
.news .news_div_item_content{line-height:30px; height:82px; width:340px; padding:20px;position:absolute; top:265px; background:#fff;}
.news .divdgweb_new_div_item_content{line-height:30px; height:82px; width:340px; padding:20px;position:absolute; top:265px; background:#f5f5f5;}
.news .news_div_item_body,.news .divdgweb_new_div_item_body{ color:#666; line-height:22px; margin-top:4px;}
.news .news_div_item_a,.news .divdgweb_new_div_item_a{color:#333; font-size:14px;}
.news .news_div_item_a:hover,.news .divdgweb_new_div_item_a:hover{color:#d60a0a;}


.news .news_div_item_date,.news .divdgweb_new_div_item_date{text-align:center; height:80px; width:80px;position:absolute; left:0; line-height:15px; top:0px; z-index: 9;color:#fff; background:#fd0;    display: none;}
.news_div_item_year,.divdgweb_new_div_item_year{position:absolute; top:50px; left:9px; font-size:16px;}
.news_div_item_month,.divdgweb_new_div_item_month{position:absolute; left:53px; top:50px; font-size:14px;}
.news_div_item_day,.divdgweb_new_div_item_day{position:absolute; left:20px;top:18px; font-size:34px;}

.news .news_div_item_date div,.news .divdgweb_new_div_item_date div{float:left;}

/*foot*/
.f_bg{ background: #f5f5f5 url(../uploadfile/image/20180928092925_1552284053.png) no-repeat center 0; height:340px;padding: 95px 0 0; overflow:hidden;}
.f_nav{height:82px; line-height:82px; text-align:center; overflow:hidden; color:#fff;font-size: 12px;}
.f_nav a{ font-size:14px; color:#fff; padding:0 20px;}
.f_nav a:hover{font-weight: bold;}
.f_logo{width: 300px; padding:35px 0 0;height: 160px;}
.f_logo b{width: 200px;height: 55px;display: block;padding: 0 0 15px;}
.f_logo b img{}
.f_logo p{font-size: 14px;color: #adadad;line-height: 22px;}
.f_logo p a{font-size: 14px;color: #adadad;}
.f_logo p span{padding: 0 20px;}
.f_ban{ padding:45px 0 0;height: 150px;width: 630px;}
.f_ban p{ font-size:14px; color:#adadad; line-height:26px;width: 260px;float: left; padding:0 0 10px 40px;}
.f_ban p i{display: block; color:#fff;}
.f_ban .f_p01{ background:url(../uploadfile/image/20180928093127_1858109699.png) no-repeat 0 2px;}
.f_ban .f_p02{ background:url(../uploadfile/image/20180928093145_2118331891.png) no-repeat 0 2px;}
.f_ban .f_p03{ background:url(../uploadfile/image/20180928093203_1258139232.png) no-repeat 0 2px;}
.f_ban .f_p04{ background:url(../uploadfile/image/20180928093218_626185080.png) no-repeat 0 2px;}
.f_er{height: 155px; padding:40px 0 0;}
.f_er img{ width:110px;}
.f_er p{width: 110px; text-align: center;float: left; margin-left:23px;}
.f_er p span{display: block;font-size: 12px;color: #adadad;line-height: 30px;}
.f_link{height: 60px;line-height: 60px;overflow: hidden;}
.f_link i{font-size: 16px;color: #fff; display:inline-block;width: 90px;font-weight: bold;}
.f_link a{font-size: 14px;color: #333; display:inline-block; padding:0 10px;}

.download{}
.dowm_n{border-bottom: 1px #ccc dashed;height: 50px;margin-bottom: 40px;}
.dowm_n span{float: left; display: block;height: 40px; line-height: 40px;background-color: #333;color: #fff;padding: 0 20px;}
.dowm_n a{float: right;color: #fff;background-color: #dd0214;display: block;padding: 0 10px;height: 40px;line-height: 40px;}