*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: 0}
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select {margin: 0;padding: 0}
* {margin: 0;padding: 0}
body {font-family: "microsoft yahei",arial;font-size: 14px;color: #666;line-height: 1.5;min-width: 1260px;margin: 0 auto}
a:link,a:visited {text-decoration: none;outline: 0;color: #666}
a:hover,a:active,a:focus {color: #666;text-decoration: none}
ul,li {list-style: none}
ul {padding: 0}
li {zoom: 1;vertical-align: middle}
ol {margin: 0;padding: 0;padding-left: 36px}
fieldset,img {border: 0}
img {border: 0;}
div {outline: 0}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;border: 0;width: 100%}
th,td {padding: 0}
input,textarea {font-family: arial;font-size: 14px}
input {outline: 0}
textarea {outline: 0}
input[type='reset'],input[type='button'],input[type='submit'],input[type='radio'] {cursor: pointer;outline: 0}
input[type='checkbox'],input[type='radio'] {position: relative;vertical-align: middle;margin-top: -2px;margin-bottom: 1px;margin-left: 5px;margin-right: 5px}
textarea,input[type='email'],input[type='date'],input[type='password'],input[type='text'] {padding: 0;color: #666;outline: 0}
input,select,textarea {-webkit-appearance: none;-webkit-tap-highlight-color: rgba(0,0,0,0);border-radius: 0;overflow-y: hidden;overflow-x: hidden}
::-webkit-input-placeholder {color: #a9a9a9}
:-moz-placeholder {color: #a9a9a9;opacity: 1}

::-moz-placeholder {color: #a9a9a9;opacity: 1}

:-ms-input-placeholder {color: #a9a9a9}

.fl {float: left}

.fr {float: right}

.clear {clear: both}

ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
a{color:#666;text-decoration:none;}

table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word;}
em,i,b {font-style: normal;}
.cf{zoom:1; }
.cf:after{clear:both;content: '';display: block;height: 0;visibility: hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clear-form { background: none; border: none 0; outline: 0;}
.width1400 { width: 1400px; margin: 0 auto; position: relative; }
.width1200 { width: 1200px; margin: 0 auto; position: relative; }
.bgset { background-repeat: no-repeat; background-position: center top; background-size: cover; }
.img-box { display: block; width: 100%; height: auto; overflow: hidden; }
.img-box:hover img { 
  -webkit-transform:scale(1.08);
  -moz-transform:scale(1.08); 
  -ms-transform:scale(1.08); 
  transform:scale(1.08);
}
.img-box img {
  -webkit-transition:all .8s ease-out;
  -moz-transition:all .8s ease-out;
  transition:all .8s ease-out;
}

.ht5{ line-height:5px; height:5px;clear:both;}
.ht10{ line-height:10px; height:10px;clear:both;}
.ht20{ line-height:20px; height:20px;clear:both;}
.ht30{ line-height:30px; height:30px;clear:both;}
.ht40{ line-height:40px; height:40px;clear:both;}
.ht50{ line-height:50px; height:50px;clear:both;}
.ht60{ line-height:60px; height:60px;clear:both;}
.ht70{ line-height:70px; height:70px;clear:both;}
.ht80{ line-height:80px; height:80px;clear:both;}
.ht90{ line-height:90px; height:90px;clear:both;}
.ht100{ line-height:100px; height:100px;clear:both;}
.ht110{ line-height:110px; height:110px;clear:both;}
.ht120{ line-height:120px; height:120px;clear:both;}
.ht130{ line-height:130px; height:130px;clear:both;}

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
/*img{vertical-align:middle;}
*/ol,ul,li{list-style-type:none;text-align:justify;text-justify:inter-ideograph;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.cl:after,.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.cl,.clearfix { zoom:1; }
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}

a{color:#333333;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;}:focus{outline:none;}

.fl{float:left;}
.fr{float:right;}
.wrap,.grWidth{width:1200px; margin:0 auto;}
.mt5 {margin-top:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.center{text-align:center;}
.hide{overflow:hidden;}

.par_title{text-align: center; color: #333;line-height: 25px; height: 80px;margin:60px 0 60px 0;}
.par_title p{ font-size:38px; font-weight:bold;line-height: 66px; text-transform:uppercase}
.par_title p strong{color: #004098;}
.par_title span{ font-size:15px; display:block; margin-top:6px;color: #333;}

.par_titlew{text-align: center; color: #fff; padding-top:65px; line-height: 25px; height: 80px; background:url(../images/title.png) center 97px no-repeat;}
.par_titlew p{ font-size:34px; font-weight:bold;line-height: 45px;}
.par_titlew span{ font-size:14px; display:block; margin-top:6px;}



.clearfix:after {clear: both;height: 0;content: "";line-height: 0;font-size: 0;display: block}

.pic {width: 100%;overflow: hidden;position: relative}

.middleCenter {position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;max-height: 100%;display: block;vertical-align: middle;text-align: center;margin: auto}

.container {width: 1200px;margin-left: auto;margin-right: auto}

.container2 {width: 1260px;margin-left: auto;margin-right: auto}


.topbar .fr .cn { padding-left: 35px;background-image: url(../images/cn1.png);background-repeat: no-repeat;background-position: left center;margin-right: 0px;float: right;overflow: hidden;height: 40px;}
.topbar .fr .en { padding-left: 35px;background-image: url(../images/en1.png);background-repeat: no-repeat;background-position: left center;margin-right: 0px;float: right;overflow: hidden;height: 40px;}

.topbar .fr .line{padding: 0 8px;color: #fff;float: right;display: block;background-image: url(../images/header-line.png);background-repeat: no-repeat;background-position: left center;}

.topbar{height: 40px;background-color: #004098;line-height: 40px;color: #fff;font-size: 12px;}
.topbar .wrap{position: relative;}
.topbar .fr{line-height: 40px;}
.topbar .fr .tel{padding-left: 25px;background-image: url(../images/header-ico1.png);background-repeat: no-repeat;background-position: left center;margin-right: 20px;float: right;overflow: hidden;height: 40px;}
.topbar .fr .tel b{font-size: 16px;color: #fff;position: relative;z-index: 2}
.topbar .fr  a{padding: 0 20px;color: #fff;float: right;display: block;background-image: url(../images/header-line.png);background-repeat: no-repeat;background-position: left center;}
.topbar .fr  a:hover{color: #c7dfff}
.search{display:block;width: 25px;height: 25px;background-image: url(../images/fSear-ico.png);background-repeat: no-repeat;background-position: center center;float: right;cursor: pointer; margin-top:42px;}
.searchForm{overflow: hidden;width: 282px;position: absolute;right: 0;top:150px;z-index: 20;display: none; right:10%}
.searchForm form{border: 1px solid #ccc;overflow: hidden;}
.searchForm input{display: block;float: left;}
.searchForm .txt{width: 240px;background: #fff;height: 40px;text-indent: 10px;}
.searchForm .btn{background-color: #fff;background-image: url(../images/fSear-ico.png);background-repeat: no-repeat;background-position: center center;width: 40px;height: 40px;cursor: pointer;}

.headerLogo{height: 110px;width: 400px;float: left;}
.headerLogo img{display: block; margin-top:20px;}
.headerNav{width:616px;float: right;height: 110px;}
.headerNav .menu1{height: 110px;}
.headerNav .menu1>li{float: left;}
.headerNav .menu1>li>a{display: block;width: 80px;line-height: 110px;text-align: center;font-size: 16px;color: #333333;position: relative;z-index: 0;transition: all .3s;}
.headerNav .menu1>li>a:after{content: "";position: absolute;top: 0;bottom:0;opacity: 0;transition:all .3s;left: 50%;z-index: -1;background-color: #004098;width: 0}
.headerNav .menu1>li>a:hover,.headerNav .menu1>li>.current{color: #fff;}
.headerNav .menu1>li>a:hover:after,.headerNav .menu1>li>.current:after{opacity: 1;width: 100%;left: 0}

.banner{width: 100%;height: 650px;margin:0 auto;overflow:hidden;position: relative;}
.banner .bd{height:650px;overflow: hidden;position: relative;left: 50%;margin-left: -960px;width: 1920px;}
.banner .hd{width:100%;position: absolute;z-index:999;left: 0;height:16px;bottom:40px;}
.banner .hd ul{text-align: center;}
.banner .hd ul li{display:inline-block;width: 24px;height: 24px;margin: 0 5px;cursor: pointer;overflow: hidden;transition: all .4s;color: #111;line-height: 24px;text-align: center;font-size: 14px;background-color: #333;border-radius: 50%;}
.banner .hd ul li.on,.banner .hd ul li:hover{background-color: #004098}
.banner .prev,.banner .next{display:block;width: 40px;height:60px;position: absolute;z-index:2;top:45%;margin-top: -20px;}
.banner .prev{background: url(../images/banner-pn.png) no-repeat left bottom;left: 5%;}
.banner .next{background: url(../images/banner-pn.png) no-repeat right bottom;right: 5%;}

.homeTopic{width: 290px;margin: 0 auto 40px;font-size: 36px;font-weight: normal;color: #333333;text-align: left;position: relative;}
.homeTopic span{font-size: 12px;color: #999999;text-transform: uppercase;display: block;padding-left: 3px;margin-top: 5px;}
.homeTopic:after{background-image: url(../images/hTopic-ico1.png);right: -50px;bottom: 5px;content: "";position: absolute;background-repeat: no-repeat;background-position: center;width: 92px;height: 38px;}


.homeProd{padding:0px 0 10px 0;}
.homeProd .homeTopic{clear: both;}
.homeProd .hot{position: relative;width: 580px;height: 620px;overflow: hidden;float: left; }
.homeProd .hot .bd li{width: 590px;height: 620px; background-image:url(../images/crbg.jpg);}
.homeProd .hot .bd li .pic{display: block;text-align: center;}
.homeProd .hot .bd li .pic img{height: 430px;max-width: 560px;transition: all .4s;animation: slowBig 6s linear infinite alternate; animation-play-state: paused;transform:scale(1,1)}
.homeProd .hot .bd li h5{font-size: 18px;color: #333333;font-weight: normal;text-align: center;margin-bottom: 10px;}
.homeProd .hot .bd li p{padding: 0 20px;overflow: hidden;text-align: center;font-size: 14px;color: #888888;text-overflow: ellipsis;white-space: nowrap; line-height:30px;margin-bottom: 10px;}
.homeProd .hot .bd li .more{width: 150px;height: 40px;line-height: 40px;text-align: center;font-size: 12px;color: #fff;font-weight: normal;background-color: #004098;border-radius: 20px;display: block;margin: 0 auto;transition: all .4s;}
.homeProd .hot .bd li .more i{display: inline-block;width: 20px;height: 9px;background-image: url(../images/hMore-ico.png);background-repeat: no-repeat;background-position: center center;margin-left: 10px;}
.homeProd .hot .bd li .more:hover{background-color: #111;color: #fff}
.homeProd .hot .bd li .more:hover i{background-image: url(../images/hMore-ico.png);}
.homeProd .hot .hd {position: absolute;height: 10px;bottom:20px;left: 0;right: 0}
.homeProd .hot .hd ul{text-align: center;}
.homeProd .hot .hd li{display: inline-block;width: 10px;height: 10px;background-color: #3d3d3d;border-radius: 50%;margin: 0 5px;;cursor: pointer;}
.homeProd .hot .hd li:hover,.homeProd .hot .hd li.on{background-color: #004098}
.homeProd .hot .bd li:hover img{animation-play-state: running;transform: none;}
.homeProd .list{width: 590px;float: right;}
.homeProd .list ul{margin-right: -20px;}
.homeProd .list li{width: 285px;float: left;margin-right: 20px;height: 300px;background-image:url(../images/crbg2.jpg);margin-bottom: 20px;overflow: hidden;}
.homeProd .list li a{position: relative;display: block;width: 100%;height: 100%;}
.homeProd .list li .pic{width: 285px;height: 245px;overflow: hidden;display: block;}
.homeProd .list li .pic img{width: 100%;height: 100%;display: block;transition: all .4s;}
.homeProd .list li .tit{text-align: center;font-size: 14px;color: #333333;display: block;}
.homeProd .list li .cover{position: absolute;left:-100%;top: 0;bottom: 0;background: rgba(0,64,152,0.8);opacity: 0;transition: all .4s;overflow: hidden;width: 100%}
.homeProd .list li .cover h5{font-size: 18px;color: #fff;width: 200px;margin: 0 auto;text-align: center;max-height: 44px;overflow: hidden;font-weight: normal;padding-top: 70px;margin-bottom: 40px;}
.homeProd .list li .cover p{padding: 0 30px;text-align: center;font-size: 12px;color: #fff;line-height: 20px;height: 44px;overflow: hidden;margin-bottom: 30px;}
.homeProd .list li .cover i{display: block;width: 16px;height: 16px;background-color: #fff;text-align: center;line-height: 16px;color: #333;font-style: normal;margin: 0 auto;}
.homeProd .list li:hover .cover{left: 0;opacity: 1;}
.homeProd .list li:hover img{transform: scale(1.1);}

.homeCase .homeTopic{width:330px;}
.homeCase .homeTopic:after{background-image: url(../images/hTopic-ico3.png);content: "";width: 145px;height: 38px;}
.homeCase li{height: 600px;background-color: #efefef}
.homeCase li .wrap{position: relative;height: 600px;z-index: 0}
.homeCase li .wrap:after{content: "";position: absolute;background-repeat: no-repeat;background-position: center center;z-index: -1;}
.homeCase .li1 .wrap:after{width: 427px;height: 304px;right: -360px;bottom: 0;}
.homeCase .li2 .wrap:after{width: 300px;height: 364px;left: -360px;top: 50%;margin-top: -182px;}
.homeCase li .font{width: 480px;float: right;padding-top: 150px;}
.homeCase li h5{font-size: 22px;color: #333333;width: 310px;font-weight: normal;line-height: 40px;margin-bottom: 30px;}
.homeCase li p{font-size: 14px;color: #666666;margin-bottom: 40px; line-height:30px;}
.homeCase li .more,.homeAbout .hAbout .more{display: block;width: 150px;height: 40px;border-radius: 20px;text-indent: 20px;line-height: 40px;font-size: 12px;color: #fff;background-image: url(../images/hMore-ico.png);background-repeat: no-repeat;background-position: 105px center;transition: all .4s;background-color: #004098;}
.homeCase li .more:hover{background-color: #000000;color: #fff;background-image:url(../images/hMore-ico.png); }
.homeCase li .pic{position: absolute;width: 960px;height: 600px; right: 600px;top:0;overflow: hidden;}
.homeCase li .pic img{display: block;width: 100%;height: 100%;animation: slowBig 6s linear infinite alternate; animation-play-state: paused;transform:scale(1,1)}
.homeCase li:hover .pic img{animation-play-state: running;transform: none;}
@keyframes slowBig {
  to {transform:scale(1.1,1.1);}
}
.homeCase .li2 .font{float: left;}
.homeCase .li2 .pic{left:600px;}

.in-ab{ width:100%; position:relative; background-image:url(../images/20200428182317_708393347.jpg); background-repeat:no-repeat; background-position:top center;}
.acon{ width:60%; position:relative;}
.key{  padding:20px 0 20px 0%; position:absolute; width:100%; top:0px; float:left}
.key h4{ font-size:1.25rem; color:#fff;  margin:0 auto;}
.key p{ color:#fff; font-size:14px; line-height:55px;}
.acon .cd1{ padding:7% 10% 0 0%; margin-top:100px; height:520px;}
.acon .cd1 h6{ font-size:1.475rem; font-weight:bold; color:#353535; margin-bottom:1rem;}
.acon .cd1 h6 img{ margin-bottom:5px;}
.acon .cd1 p{ font-size:1rem; line-height:1.5em; color:#4a4a4a;line-height:30px;}
.acon .cshu{ background:#fff; width:130%; margin-top:30px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.2); padding:20px 2% 20px 2%; position:relative; left:0%;}
.acon .cshu li{ width:25%; box-sizing:border-box; float:left; padding-left:4%;}
.acon .cshu li h6{ position:relative; font-size:56px; color:#004098;}
.acon .cshu li h6 i{ position:absolute; top:0; font-style:normal; font-size:1rem; color:#1f1f1f}
.acon .cshu li p{ color:#1f1f1f; margin-top:-10px; }
.acon .cu3{padding-left:0%; margin-top:40px;}
.acon .cu3 li{ float:left; border-left:1px solid #dedede; padding:10px 5%; box-sizing:border-box;}

.p6b1 {width: 120%;height: 106px;background-color: #ffffff;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);position: absolute;left: 0px;bottom: 50px;}
.p6b1 li {width: 25%;height: 100%;text-align: center;padding-top: 22px;position: relative;background: url("../img/line5.png") no-repeat right 38%;}
.p6b1 li:last-child {background: none;}
.p6b1 li  h4 {font-size: 16px;font-weight: normal;font-stretch: normal;line-height: 12px;letter-spacing: 0px;color: #333;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);width: 100%;}
.liang {display: none;}
.p6b1 li:hover {background: none;background-color: #004098;}
.p6b1 li:hover h4 {color: #fff;}
.p6b1 li:hover  .hei {display: none;}
.p6b1 li:hover  .liang {display: inline-block;}
.p6b1 .alin {background: none;background-color: #004098;color: #fff;}
.p6b1 .alin h4 {color: #fff;}



.apic{ width:40%;}
.apic img{ max-width:100%; padding:0%}

.chd{margin-bottom: 50px;}
.chd li{display: inline-block;border:1px solid #dcdcdc;margin:0 1px;height: 40px;line-height: 40px;width: 105px;color: #666;transition: all 400ms;}
.chd li.on,.chd li:hover{background: #0055a5;color: #fff;border-color: #0055a5;}
.chd li.on a,.chd li:hover a{color: #fff;}
.cbd{position: relative;}
.bdiv{position: absolute;left: 0;top:0;right: 0;z-index: -1;opacity: 0;}
.bdiv.cur{z-index: 20;opacity: 1;}
.cSlick{position: relative;padding-bottom: 40px;}
.cSlick .item{display: block;margin:0 10px;outline: none;}
.cSlick .item img{max-width: 100%;display: block;height: auto;}

.cSlick .item .txt{text-align: center;font-size: 16px; color: #666;padding: 15px 0;background: none;transition: all 400ms;}


.cSlick .img{position: relative;}
.cSlick .imore{width: 45px;height: 45px;background: #0055a5;color: #fff;border-radius: 50%;z-index: 20;text-align: center;line-height: 45px;opacity: 0;}
.cSlick .imore .iconfont{font-size: 18px;}
.cSlick .item:hover .txt{background: #0055a5;color: #fff;}
.cSlick .item:hover .imore{opacity: 1;}
.cSlick .slick-dots,.hSlick .slick-dots{bottom: 0;font-size: 0}
.cSlick .slick-dots li,.hSlick .slick-dots li{width: 8px;height: 8px;border-radius: 50%;background: #dfe1e3;}
.cSlick .slick-dots li.slick-active,.hSlick .slick-dots li.slick-active{background: #0055a5}
.cSlick .slick-prev,.cSlick .slick-next{z-index: 20;width: 30px;height: 60px;line-height: 60px;text-align: center;background: #e8e8e8;font-size: 0;margin-top: 0px;top:30%;}
.cSlick .slick-prev{left: -35px;}
.cSlick .slick-next{right: -35px;}
.cSlick .slick-prev:after{content: "\e68a";font-family: "iconfont" !important;font-size: 16px;position: absolute;left: 6px;top:0;color: #666;}
.cSlick .slick-next:after{content: "\e68b";font-family: "iconfont" !important;font-size: 16px;position: absolute;right: 6px;top:0;color: #666;}
.cmore{display: block;width: 140px;height: 40px;line-height: 40px;text-align: center;margin:30px auto;border:1px solid #dcdcdc;color: #666;transition: all 400ms;}
.cmore:hover{background: #1858b0;color: #fff;border-color: #1858b0;}


.indcase{background:#f4f4f4 url(../images/cpng.jpg) top center no-repeat; padding-bottom:50px;}
.sproc{ margin-top:45px;width:1200px;margin:0 auto;padding-top:30px;overflow:hidden;}
.sproc ul{ height:353px; width:1300px;}
.sproc ul li{ float:left; width:294px; background: url(../images/gx.png) no-repeat center; height:353px; margin-right:10px; transition:all 0.5s !important;margin-top:10px;position:relative;}
.sproc ul li a{ display:block; width:278px; height:337px; background:#fff;  margin:0 auto;margin-top:8px; position:relative;}
.sproyp{ position:absolute; top:14px; left:24px;}
.sprowz{ margin-left:25px;}
.sprotit{ font-size:16px; color:#666666;}
.sprox{ width:53px; border-bottom:2px solid #004098; margin-top:15px; margin-bottom:10px;}
.sprolb{ color:#666666; font-size:16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 20px;}
.sproc ul li:hover{ transform:translateY(-20px);-webkit-animation-fill-mode:none;animation-fill-mode:none;}
.sproc ul li:hover .sprox{ border-bottom:2px solid #004098;}
.sproc ul li:hover .sprolb{ color:#333333; font-weight:bold;}
.sproimg{width:100%;text-align:center;}
.sproimg img{width:100%;}

.spromore{width:212px;height:52px;margin:0 auto;margin-top:50px;background:url(../images/index3_39.jpg) no-repeat center;text-align:center;line-height:52px;font-size:18px;margin-bottom:60px;}
.spromore span{ font-family:'simsun'}
.spromore a{ display:block; color:#fff;}
.spromore:hover a{ color:#fff;}
.sproc ul li:after{width:278px;height:3px;position:absolute;bottom:8px;left:8px;content:"";background:#004098;}
.sproc ul li:hover:after{background:url(../images/j.jpg) no-repeat;}


.ys{background: #f0f5f8;}
.ys::after{display: block; content: ''; clear: both;}
.ys_one{background: url("../images/ys_bg.jpg") no-repeat center; color: #fff; padding-top: 80px; overflow: hidden; background-size: cover;}
.ys_one p{font-size: 40px;}
.ys_one p b{padding-right: 10px;}
.ys_one p span{font-weight: 400;}
.ys_one .container > small{display: block; font-size: 24px; font-weight: 300; margin: 20px 0 70px 0;}
.ys_one ul li{width: 480px; height: 285px; padding: 40px; float: left;}
.ys_one ul li:nth-of-type(1){background: #4ba2ac; color: #fff; }
.ys_one ul li:nth-of-type(2){background: #004098; color: #fff; }
.ys_one ul li strong{display: block; font-size: 20px; margin-bottom: 30px;}
.ys_one ul li small{display: block; font-size: 14px; opacity: 0.7; font-weight: 300; position: relative; margin-bottom: 30px; padding-left: 20px; }
.ys_one ul li small:after{display: block; content: ''; width: 5px; height: 5px; border: 5px solid #fff; position: absolute; left: 0; top: 6px; border-radius: 50%;}
.ys_two::after{display: block; content: ''; clear: both;}
.ys_two .ys_two_l{width: 800px; float: left; background: url("../images/pinzhi.jpg") no-repeat center; height: 270px;}
.ys_two .ys_two_l b{display: block; font-size: 20px; clear: #11509b; margin-left: 198px; margin-top: 50px;}
.ys_two .ys_two_l ul{margin-left: 198px; margin-top: 35px;}
.ys_two .ys_two_l ul li{font-size: 14px; color: #5b5b5b; position: relative; text-indent: 25px; margin-bottom: 20px;}
.ys_two .ys_two_l ul li:after{display: block; content: ''; width: 5px; height: 5px; border: 3px solid #11509b; position: absolute; left: 0; top: 4px; border-radius: 50%;}
.ys_two .ys_two_r{width: 400px; float: right; height: 270px; background: #28a1d9; position: relative;}
.ys_two .ys_two_r img{position: absolute; right: 24px; bottom: -25px;}
.ys_two .ys_two_r p{background: url("../images/ys_tel.png") no-repeat left center; padding-left: 65px; margin: 40px;}
.ys_two .ys_two_r p > *{display: block;}
.ys_two .ys_two_r p small{color: #89d3f5; font-size: 16px;}
.ys_two .ys_two_r p b{font-size: 38px; color: #fff; font-weight: 400;}


.news-cont img{ display: block; width: 100%; height: auto; border:0; vertical-align:middle}
.news-cont { width: 100%;}
.news-cont .first-cont { width: 50%; height: 90%; position: relative;}
.news-cont .news-list { width: 46%; height: 100%; overflow: hidden;}
.news-cont .circle-btns { width: 100%; position: absolute; bottom: 20px; z-index: 9; text-align: center; }
.news-cont .circle-btns span { opacity: 1; background-color: #fff; }
.news-cont .circle-btns .swiper-pagination-bullet-active { background-color: #d05917;}
.news-cont .prev-btn,
.news-cont .next-btn { width: 55px; height: 55px; background-color: rgba(0,0,0,.5); position: absolute; top: 42%; margin-top: -27.5px; z-index: 3; cursor: pointer;}
.news-cont .prev-btn { left: 0; }
.news-cont .next-btn { right: 0; }
.news-cont .prev-btn:after,
.news-cont .next-btn:after { content: ''; display: block; width: 9px; height: 16px; background: url(/images/banner_icon.png) no-repeat; position: absolute; left: 50%; top: 50%; margin: -8px 0 0 -4.5px; }
.news-cont .next-btn:after { 
  -webkit-transform:rotate(-180deg);
  -moz-transform:rotate(-180deg);
  -ms-transform:rotate(-180deg);
  transform:rotate(-180deg);
}
.news-cont .first-cont>a { display: block; width: 94%; height: auto; background-color: #fff; padding: 4% 0; position: absolute; bottom: 0; left: 3%; z-index: 9;}
.news-cont .date { display: block; width: 18%; color: #666; text-align: center; margin-top:0}
.news-cont .first-cont .txts { display: block; width: 82%; }
.news-cont .date strong { display: block; font-size: 40px; }
.news-cont .date em { font-size: 14px; }
.news-cont .first-cont .txts { padding: 0 5%; border-left: solid 1px #ebebeb; }
.news-cont .txts h3 { font-size: 16px; color: #222; padding-bottom: 3%;}
.news-cont .txts p { font-size: 14px; color: #666; line-height: 22px; height: 45px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list .txts { width: 78%; height: 100%; overflow: hidden;}
.news-list .date { width: 18%; height: 100%; background-color: #fff;margin-top:5%}
.news-list .date>div { position: relative; top: 50%; -webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%); transform:translateY(-50%);}
.news-list .infos { height: 20%; margin-bottom: 2.6%; }
.see-all-news { width: 100%; text-align: center; margin-top: 3%; }
.see-all-news a { font-size: 16px; color: #666; }
.see-all-news a:after { content: ''; display: inline-block; width: 10px; height: 10px; background: url(/images/icon_all.png) no-repeat; margin-left: 6px; }
.news-list .infos:hover h3,
.news-cont .first-cont>a:hover h3 { color:#004098; }
.news-list .infos:hover .txts p,
.news-cont .first-cont>a:hover .txts p { color: #222; }
.cx-title01 { width: 100%; text-align: center; color: #222222; margin-bottom: 50px;}
.cx-title01 h2 { font-size: 36px; padding-bottom: 10px; position: relative;}
.cx-title01 h2 a { color: #222222; padding: 0 30px; }
.cx-title01 .subtitle { font-size: 16px; }
.cx-title01 h2 em { display: inline-block; width: 20%; height: 1px; background-color: #e3e3e3; position: relative; top: -10px;}
.cx-title01 h2 em:after { content: ''; display: block; width: 10px; height: 1px; background-color: #d05917; position: absolute; top: 0; z-index: 2; }
.cx-title01 h2 em.left:after { right: 0; }
.cx-title01 h2 em.right:after { left: 0; }


/*footer*/
.footer{background-color: #111;overflow-x: hidden;}
.footer .w1280{}
.footer .top{padding: 60px 0 0;}
.footer .bottom{position: relative;padding: 0 240px 40px 330px;margin-top: 60px;}
/*底部logo*/
.footer .logo{position: absolute;left: 0;top: 0;}
.footer .logo img{display: block;max-width: 200px;max-height: 30px;filter: brightness(0) invert(.5);}
/*底部导航*/
.footer .nav-1st{overflow: hidden;}
.footer .nav-1st > li{float: left;margin-left: 30px;}
.footer .nav-1st > li:first-child{margin-left: 0;}
.footer .nav-1st > li > a{position: relative;display: block;padding-left: 10px;line-height: 20px;color: #fff;opacity: .5;transition: 0.3s;}
.footer .nav-1st > li > a:before{content: "";position: absolute;left: 0;top: 50%;width: 2px;height: 2px;margin-top: -1px;background-color: #fff;opacity: .5;transition: 0.3s;}
.footer .nav-1st > li > a:hover{opacity: 1;transform: translateY(-3px);}
.footer .nav-1st > li > a:hover:before{opacity: 1;}
/*版权*/
.footer .cr{margin-top: 15px;line-height: 24px;color: rgba(255,255,255,.5);}
.footer .cr span{margin-right: 12px;}
.footer .cr a{color: rgba(255,255,255,.5);transition: 0.3s;}
.footer .cr a:hover{text-decoration: underline;color: rgba(255,255,255,1);}
/*友情链接*/
.footer .friend-links{margin-top: 10px;font-size: 0;line-height: 24px;}
.footer .friend-links > *{display: inline-block;vertical-align: top;margin-right: 15px;font-size: 14px;color: #fff;opacity: .5;transition: 0.3s;}
.footer .friend-links > span{margin-right: 6px;}
.footer .friend-links a:hover{text-decoration: underline;opacity: 1;}
/*二维码*/
.footer .qrcode-wrap{position: absolute;right: 0;top: 0;font-size: 0;}
.footer .qrcode-wrap > .item{display: inline-block;vertical-align: top;margin-left: 10px;font-size: 14px;text-align: center;}
.footer .qrcode-wrap > .item:first-child{margin-left: 0;}
.footer .qrcode-wrap > .item .pic{display: block;width: 90px;height: 90px;margin: 0 auto;}
.footer .qrcode-wrap > .item .name{margin-top: 5px;line-height: 20px;color: #fff;opacity: .5;}

.service-wrap{display: flex;justify-content: space-between;padding-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,.2);}
.service-wrap > .item{position: relative;}
.service-wrap > .item .icon{position: absolute;left: 0;top: 50%;width: 70px;height: 70px;border: 2px solid #fff;border-radius: 50%;transform: translateY(-50%);}
.service-wrap > .item .icon img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 40px;height: 40px;margin: auto;}
.service-wrap > .item .info{padding: 10px 0 10px 90px;color: #fff;}
.service-wrap > .item .info .tit{height: 30px;font-size: 18px;line-height: 30px;}
.service-wrap > .item .info .txt{height: 20px;font-size: 16px;line-height: 20px;opacity: .6;}

.box_1{ float: left; margin-right: 60px; line-height:35px;}
.box_1:last-child{ margin-right: 0;}
.box_1 p { position: relative;}
.box_1 p a{ font-size: 16px; font-weight: bold; color: #fff;}
.box_1 ul{}
.box_1 li{ margin-top: 8px;}
.box_1 li a{color: rgba(255,255,255,.5);line-height:28px;}


.kkli{float:left;margin-right:30px; }
.kkli div{float:left;}
.kkli p{float:right;padding-left:37px;width:113px;text-align:center;padding-top:14px;}
.kkli p font{display:block;padding-top:16px;color:#a9a9a9}

 .footf{ font-size:14px; background:#111 ;color: rgba(255,255,255,.5);width:100%; padding:2% 0% 2% 0;border-top: 1px solid rgba(255,255,255,.2); overflow:hidden}
 .footfm{ }
.footf a{ color: rgba(255,255,255,.5);}
.footml{ float:left;}
.footmr{ float:right; }
.footfm a{ color: rgba(255,255,255,.5);}
.cantusr{width:100%;float:left; line-height:30px;  font-size:16px; color:#fff}

.footer_3 li{font-size: 16px;line-height: 42px;color: #e7e6e6;padding: 0 0 0 33px;}
.footer_3 li.iadd{background: url(../images/add.png) no-repeat left center;}
.footer_3 li.itel{background: url(../images/tel.png) no-repeat left center}
.footer_3 li.ifax{background: url(../images/fax.png) no-repeat left center}
.footer_3 li.ipho{background: url(../images/phone.png) no-repeat 3px center}
.footer_3 li.iema{background: url(../images/mail.png) no-repeat left center}
.footer_3 li.iweb{background: url(../images/web.png) no-repeat left center}

.cmored{display:block; width:220px;  text-align:center;border-radius:50px; padding:15px 10px;  background:#004098; margin:20px auto;}
.cmored a{ color:#FFF; font-size:16px}

.cmored2{display:block; width:220px;  text-align:center;border-radius:2px; padding:5px 5px;  background:#e50014;  margin:20px 0;}
.cmored2 a{ color:#FFF}

.innewsr{width:450px; float:left; padding-top:0px;}
.pro_content{ width:1200px; float:left;height:450px; margin-top:-15px;}
#demo {overflow:hidden; width:1100px; margin:0 auto;}
#indemo {float: left; width: 100000px;}
#indemo img { }
#demo1 {float: left;}
#demo2 {float: left;}
.turn_left{ background:url(../images/a_38.jpg) no-repeat; cursor:pointer;  width:40px; height:80px; margin-top:155px; float:left;}
.turn_right{ background:url(../images/a_41.jpg)  no-repeat ; cursor:pointer; width:40px; height:80px; margin-top:155px;float:right;}

.dpan{width:160px; margin-right:8px; padding-top:8px; padding-bottom:8px; line-height:24px; text-align:center;  float:left;}
.dpan img{border:solid 1px #dddddd; padding:2px; width:150px; height:120px;}
.dpan a:hover img { padding:2px;border: 1px solid #FF0000;padding-bottom:2px;}
.dptxt{line-height:22px; padding-top:3px; width:150px;}

#res{ width:100%; float:left; height:390px; margin-top:34px;}
#res ul li{ border:1px solid #dfdfdf; width:280px; height:380px; float:left; margin-right:10px; overflow:hidden;}
#res ul li img{ width:280px; height:280px; float:left; }
#res ul li span{ width:280px; height:42px; line-height:42px; text-align:center; display:block; float:left; font-size:16px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#res ul li:hover{border:1px solid #013b8f;}
#res ul li .amore{padding:5px 10px; border:1px solid #dfdfdf; margin:0 auto; width:120px; text-align:center;}

#left{ width:21px; height:41px; float:left; background:url(../images/a_38.jpg) no-repeat; border:0; margin-top:114px; margin-left:-53px; cursor:pointer; outline:none}
#right{ width:21px; height:41px; float:right; background:url(../images/a_41.jpg) no-repeat; border:0; margin-top:114px; margin-right:-53px;cursor:pointer; outline:none}

.f_top{overflow: hidden; background: #2b343f; padding: 50px 0;}
.f_top .f_top_l{float: left;}
.f_top .f_top_l dl{float: left; margin-right: 40px;}
.f_top .f_top_l dl dt{color: #fff; font-size: 18px;}
.f_top .f_top_l dl dt:after{display: block; content: ''; width: 18px;margin: 15px 0 20px 0;}
.f_top .f_top_l dl dd{margin-bottom: 5px;}
.f_top .f_top_l dl dd a{font-size: 14px; color: #808a96; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.f_top .f_top_l dl dd a:hover{color: #fff;}
.f_top .f_top_r{float: right; color: #fff; text-align: right;}
.f_top .f_top_r > *{display: block;}
.f_top .f_top_r b{font-size: 18px; line-height:45px;}
.f_top .f_top_r strong{font-size: 24px; font-weight: 400;}
.f_top .f_top_r small{font-size: 14px; color: #808a96;}
.f_top .f_top_r img{margin-top: 20px; float: right;}
.f_login{line-height: 40px; text-align: center; background: #252a31; font-size: 14px; color: #646b75;}
.f_login a{color: #646b75; -moz-transition: all 200ms linear; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.f_login a:hover{color: #fff;}

li,ul{ padding:0px; margin:0px;}
.list_content {padding-left:0px;overflow: auto;zoom:1;}
.products li {float:left;text-align:center; margin-left:10px;}
.products img { padding:2px;border: 1px solid #cccccc}
.products a:hover img { padding:2px;border: 1px solid #012043;}
.products a {}
.cpyy_content {padding-left:0px;zoom:1;}
.cpyy li {float:left;text-align:center;margin-left:10px; width:280px;}
.cpyy img { padding:2px;border: 1px solid #cccccc; width:280px;}
.cpyy a:hover img { padding:2px;border: 1px solid #012043;}
.cpyy a {text-decoration: none;}

.ncent{margin-top:5px;border-bottom: 1px dashed #e4e4e4;}
.cp1 img { padding:2px;border: 1px solid #cccccc; padding-bottom:2px;}
.cp1 a:hover img { padding:2px;border: 1px solid #012043;padding-bottom:2px;}

.contsa{WIDTH: 100%}
.contsa-a{WIDTH: 40%; FLOAT: left}
.contsa-b{WIDTH: 60%; FLOAT: right}
@media (max-width: 750px){
.contsa-a{width:100%;}
.contsa-b{width:100%; }	
	}
	
/* -- 翻页效果 -- */
.apage { height:40px; line-height:40px; padding:0 5px; margin-top:40px; text-align:center; }
.apage a { border:1px solid #c5c5c5; padding:4px 10px 4px 10px; margin-right:5px;height:40px; font-size:12px;}
.apage .num_btns { float:right; font-family:Tahoma; }
.apage a:hover, .apage .cur { border:1px solid #c5c5c5; background-color:#004098; color:#fff; text-decoration:none; }
.apage .cust_txt {  float:left; }
.apage .oran_pg_fp {  }
.apage .oran_pg_pp { }
.apage .oran_pg_np {  }
.apage .oran_pg_lp {  }
.apage select { font-size:8px; margin-top:5px; }
.apage .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px; }
.apage .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }
.apage INPUT{ border:1px solid #c5c5c5; }
/* -- 翻页效果2 -- */
.apage2 { height:25px; line-height:25px; padding:0 5px;text-align:center; margin:30px 0 10px;}
.apage2 a { border:1px solid #6A9C00; color:#6A9C00; padding:0 3px;  margin-right:8px; line-height:24px; display:inline-block;width:20px;}
.apage2 .num_btns {float:right; font-family:Tahoma;}
.apage2 a:hover, .apage2 .cur { border:1px solid #D5D5D5;background-color:#6E9615; color:#fff; text-decoration:none; }
.apage2 .cust_txt { float:left;}
.apage2 .oran_pg_fp {width:auto; padding:0 10px; }
.apage2 .oran_pg_pp {width:auto; padding:0 10px; }
.apage2 .oran_pg_np {width:auto; padding:0 10px; background:#6E9615; color:#fff; }
.apage2 .oran_pg_lp {width:auto; padding:0 10px; display:none; }
.apage2 select { font-size:8px; margin-top:5px; }
.apage2 .oran_pg_txt { height:15px; border:solid 1px #d4e3e9; width:20px; margin-left:5px;}
.apage2 .oran_pg_btn { height:15px; border:solid 1px #d4e3e9; margin-left:5px; font-size:9px; background:#5984ac; color:#fff; }


 .c_portalResNews { animation-fill-mode:both; }
 .c_portalResNews .p_news{ width:100%; margin:0 auto; }
 .c_portalResNews .newPicBox{ width:165px; height:110px; }
 .c_portalResNews .newPicLink{ display:block; width:100%; height:100%; overflow:hidden; }
 .c_portalResNews .newPic{ width:100%; height:100%; transform:scale(1); transition:all .5s ease; }
 .c_portalResNews .newList{ display:flex; padding:30px; border-bottom:1px solid #DDD; background:#fff; margin-bottom:20px; }
 .c_portalResNews .leftTime{ width:150px; position:relative; }
 .c_portalResNews .newTime{ display:block; color:#999; font-size:1.5rem; font-weight:normal; margin:0px 0 30px; transition:all .5s ease; }
 .c_portalResNews .newIcon{ padding:6px 0px; border:1px solid transparent; color:#ccc; background-image:url(../images/a_16.png); background-position: left center; background-repeat:no-repeat;}

 .c_portalResNews .rightC{ position:relative; width:100%; transition:all .5s ease; }
 .c_portalResNews .newTitle{ margin-bottom:10px; }
 .c_portalResNews .newTitleLink{ display:block; width:100%; font-size:1rem; color:#333; overflow:hidden; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; }
 .c_portalResNews .newMs{ line-height:24px; height:48px; font-size:0.875rem; overflow:hidden; color:#999; transition:600ms; }
 @media only screen and (min-width: 769px){ .c_portalResNews .content{ display:flex; width:calc( 100% - 0px ); }
 .c_portalResNews .newPicBox:hover .newPic{ transform:scale(1.1); }
 .c_portalResNews .rightC{ padding:0 30px 0 60px; }
 .c_portalResNews .newTitleLink{ transition:all .5s ease; }
 .c_portalResNews .newList{ display:flex; padding:30px; border-bottom:1px solid #DDD; background:#fff; margin-bottom:20px; }
 .c_portalResNews .newList:hover .rightC::before{ width:60px; }
 .c_portalResNews .newList:hover .rightC{ padding-left:80px; }
 .c_portalResNews .newList:hover .newTime{ color:#333; }
 .c_portalResNews .newList:hover .newIcon{  background-image:url(../images/a_166.png); background-position:10px center; background-repeat:no-repeat; background-color:#004098;padding:10px 0px; width:30%}
 }
 @media only screen and (max-width: 768px){ .c_portalResNews .content { display:flex; padding-top: 20px; width:100%; }
 .c_portalResNews .newList { flex-wrap: wrap; flex-direction: column-reverse; padding:10px; border-bottom:none; }
 .c_portalResNews .newPicBox { position:relative; width:100%; height:0; padding-bottom:70%; }
 .c_portalResNews .newPicLink { position:absolute; top:0; left:0; width:100%; height:100%; }
 .c_portalResNews .newTitle { margin:10px 0; }
 }
 .c_portalResNews .p_page .pre .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
 .c_portalResNews .p_page .next .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
 .c_portalResNews .p_more .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
 .c_portalResNews .p_loading .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }
 .c_portalResNews{ width:100%; max-width:none; min-width:320px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }
 
.cp_menu {text-align: center;}
.cp_menu a { padding:0 30px;text-align: center; height: 45px; line-height: 45px; color: #333; font-size: 14px; display: inline-block; margin: 0 14px 0 0px; *display: inline;
*zoom: 1;
cursor: pointer; background:#f5f5f5;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; border:#eee solid 1px;}

.cp_menu a:hover,.cp_menu a.current { border:#004098 solid 1px;background:#004098;color:#ffffff;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px; }

.pordRight{width: 895px;float:right}
.pordRight .topic{font-size: 24px;color: #3e3e3e;font-weight: normal;margin-bottom: 20px;}
.productList{overflow: hidden; }
.productList ul{width: 1200px;}
.productList li{float:left;width: 263px;margin-right: 20px;margin-bottom: 20px;position: relative;border: 1px solid #dadada}
.productList li .pImg{display: block;height: 243px;overflow: hidden;position: relative;}
.productList li .pImg img{width: 100%;height: 100%;transition: all .5s}
.productList li .pImg:before{position: absolute;content: "";left: 0;right: 0;top: 0;bottom: 0;background: rgba(0,0,0,0.7);opacity: 0;transition: all .5s;z-index: 1}
.productList li:hover .pImg:before{opacity: 1}
.productList li .pImg:after{content: "";position: absolute;width:47px;height: 49px;background: url(../images/view-case.png) no-repeat center center;z-index: 2;left: 50%;top: 50%;transition: all .5s;opacity: 0;margin-left: -25px;margin-top: -25px;transform: scale(0);}
.productList li:hover .pImg:after{opacity: 1;transform: scale(1.0);}
.productList li:hover .pImg img{transform: scale(1.2);-ms-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);   -moz-transform: scale(1.2); }
.productList li h4{height: 50px;line-height: 50px;text-align: center;font-size: 14px;color: #333;font-weight: normal;transition: all .5s;background-color: #efefef}
.productList li:hover h4{background: #004098;}
.productList li:hover h4  a{color: #fff;}

.pageProbg{background: #fff;padding:70px;width: 1060px;margin: 0 auto;box-shadow:0 0 2px 1px #dadada;}
.prodPic{width:860px;}
.prodPic .big{width:735px;height:490px;position:relative;z-index:1;float:left;border:1px solid #e3e3e3; overflow:hidden}
.prodPic .big a{width:735px;height:490px;background:#fff;display:table-cell;text-align:center;vertical-align:middle;}
.prodPic .big a img{vertical-align:middle;max-width:735px;max-height:490px;}
.prodPic .big a{*display:block;*font-family:Arial;*line-height:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}
.prodPic .list{width:112px;height:506px;overflow:hidden;position:relative;float:right;}
.prodPic .list a.prev,.prodPic .list a.next{display:block;width:107px;height:25px;position:absolute;top:0;left:0;background:url(../images/anus.jpg) no-repeat;overflow:hidden;cursor:pointer;}
.prodPic .list a.next{top:auto;bottom:0;background-position:0 -50px;}
.prodPic .list a.prev:hover{background-position:0 -25px;}
.prodPic .list a.next:hover{background-position:0 -75px;}
.prodPic .list .thumb{position:relative;width:112px;height:440px;overflow:hidden;top:33px;}
.prodPic .list .thumb ul{position:absolute;height:99999px;}
.prodPic .list .thumb ul li{background:none;float:left;width:107px;height:95px;position:relative;}
.prodPic .list .thumb ul li a{display:block;width:103px;height:75px;border:2px solid #e3e3e3;text-align:center;background:#fff}
.prodPic .list .thumb ul li img{max-width:100%;max-height:100%;cursor:pointer;}
.prodPic .list .thumb ul li a em{display:block;width:5px;height:9px;position:absolute;right:-5px;top:35px;}
.prodPic .list .thumb ul li a.selected{border-color:#eee;}
.prodPic .list .thumb ul li a.selected em{background:url(../images/jt.png) no-repeat}

.proshow_synopsis{padding: 19px;width:320px;color: #666;font-size: 13px;line-height:30px; height:396px;border-radius:3px;}
.proshow_synopsis .title{font-size:24px; color:#3e3e3e;margin-bottom:15px;padding-bottom:0px;font-weight:normal;padding-bottom: 10px}
.proshow_synopsis strong{color: #333;font-size: 14px;}
.proshow_synopsis .font{line-height:24px;overflow: hidden;margin-bottom:15px;}
.proshow_synopsis .down{margin-bottom:20px;font-size: 0;}
.proshow_synopsis .down a{display: inline-block;width: 100px;height: 34px;background-color: #3e3e3e;color: #fff;border-radius: 20px;text-align: center;font-size: 14px;line-height: 34px;margin-left: 10px;border-radius: 20px;transition: all .4s;}
.proshow_synopsis .down a:hover{background-color: #004098}
.prodcut-tel{ padding-left:50px; margin-bottom:20px; line-height:26px; background:url('../images/p_icon.png') no-repeat left center; }
.prodcut-tel span{font-family:arial; font-size:24px; color:#004098;display: block; }
.proshow_synopsis .btn a{display: inline-block; width: 170px; height: 40px; line-height: 40px;text-align: center; background:#3e3e3e url(../images/proshow_icon1.png) no-repeat 20px 14px; color: #fff;transition: all 0.3s;font-size:16px;border-radius: 6px;}
.proshow_synopsis .btn .a02{background:#3e3e3e  url(../images/proshow_icon2.png) no-repeat 20px 13px;margin-left:25px;}
.proshow_synopsis .btn a:hover{background-color: #004098}

.gr-tab-list{overflow:hidden; margin-top:40px;}
.gr-tab-list .hd{height:40px;line-height:40px;border-bottom:1px solid #ddd;font-size:16px;}
.gr-tab-list .hd li{width:150px;float:left;text-align:center;background:#eee;margin-right:5px;cursor:pointer;position:relative;}
.gr-tab-list .hd li.on{background:#004098;color:#fff;}
.gr-tab-list .bd{overflow:hidden;padding-top:15px;}
.gr-tab-list .hd li.on::before{position: absolute;content: "";bottom:-12px;left:70px;border:6px solid transparent;border-top-color:#004098;}

.relatedPro{margin-bottom:30px;overflow:hidden;}
.relatedPro .tie{height:40px;line-height:40px;background:#eee;color:#004098;font-size:16px;font-weight:normal;margin:20px 0;}
.relatedPro .tie span{padding:0 30px;background:#004098;display:inline-block;color:#fff;}
.relatedPro li{float:left;}
.relatedPro ul{ width:1240px; margin-top:20px;}
.relatedPro li{float:left;width:280px;margin-bottom:20px;margin-right:24px;border:1px solid #ddd;background:#eee;text-align:center;}
.relatedPro li a{display:block;width:280px;}
.relatedPro li img{width:270px;height:232px;padding:5px;background:#fff;}
.relatedPro li span{height:35px;line-height:35px;padding:0 5px; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;}
.relatedPro li:hover{border:1px solid #004098;}
.relatedPro li a:hover{background:#004098;color:#fff;}


.dqiu{line-height:32px; font-size:16px}
.cptj{ line-height:180%;font-size:16px}
.cptj table { width:100%;border-collapse:collapse;border-radius:5px;font-weight:normal;border:none;border-collapse:collapse;width:100%;max-width:99%;background-color:white;} 
.cptj tr:nth-of-type(odd) {background:#dcdedd;}
.cptj tr:nth-of-type(1) {background:#004098;color:white;}
.cptj th {background:#004098;color:white;font-weight:bold; }
.cptj td,th {padding:5px 2%;border:1px solid #ccc;text-align:left;word-wrap:break-word;} 
.cptj .cline{width:100%; height:1px; background-color:#eaeaea; margin:5px 0 5px 0; clear:both}