@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
html{  }
body{ font-size: 1em; font-family:"微软雅黑","Microsoft YaHei",msyh; color: #333; font-size: 16px;  }
a{ color: #333; text-decoration: none; }
li{ list-style: none; }
button, textarea, input, select{ outline: none; }
.clear{ clear: both; }
::selection{color:#fff;background:#aaa;}
::-moz-selection{color:#fff;background:#aaa;}
::-webkit-selection{color:#fff;background:#aaa;}
.container{ width: 100%; margin:35px 0; }
.wrapper{ width: 1200px; margin: 0 auto; }

.header{ height: 70px; width: 100%; background: rgba(255,255,255,0.87); position: fixed; top: 0px; left: 0px; z-index: 99; transition: all 0.35s; box-shadow: 0 0 5px rgba(0,0,0,0.25); }
.header1200{ width: 1200px;  margin: 0 auto; height: 100%; }
.header .logo{ width: 170px; height: 70px; background-position:center 9px ; background-repeat: no-repeat; float: left; background-image: url(../images/icon/logo.png); transition: all 0.35s;  }
.header .nav ul{ height: 100%; }
.header .nav{ float: right; transition: all 0.35s; height: 100%;  }
.header .nav ul li{ float: left; margin-left: 30px; height: 100%; transition: 1s all; line-height: 70px; }
.header .nav ul li a{  font-size: 1em; display: block; color: #333;}
.header .nav ul li a:hover{  font-size: 1em; display: block; color: #999;}
.banner{ margin-top: 0px; transition: all 0.35s; }
/*焦点图*/
		/* 本例子css */
		.slideBox{ width:100%; height:620px; overflow:hidden; position:relative; }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; display: none; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; height: 620px; background-position: top center; background-repeat: no-repeat;}
		.slideBox .bd li a{ display: block; width: 100%; height: 100%; }
		.slideBox .bd img{ width:100%; height:620px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }

.con1{ background:#fff;  width: 100%; padding: 100px 0;}
.con11200{ width: 1000px; margin:0 auto; display: table;}

.select-ul{ display: none; }

.con2{ width: 100%; height: 290px; margin:0px auto; padding: 120px 0; background: url(../img/about.png) center; transition: all 0.2s; }

        /* 本例子css */
        .picScroll-left{ position:relative; }
        .picScroll-left .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
        .picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
             cursor:pointer; background:url("images/arrow.png") no-repeat;}
        .picScroll-left .hd .next{ background-position:0 -50px;  }
        .picScroll-left .hd .prevStop{ background-position:-60px 0; }
        .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
        .picScroll-left .hd ul{  overflow:hidden; zoom:1; display: table; margin: 20px auto; zoom:1; }
        .picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#cfcfcf; border-radius: 50%; overflow: hidden; }
        .picScroll-left .hd ul li.on{ background:#0ae; }
        .picScroll-left .bd{ padding:10px;   }
        .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
        .picScroll-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center; position: relative; }
        .picScroll-left .bd ul li .pic{ text-align:center; width: 294px; height: 349px; background: #e7e7e7; vertical-align: middle; display: table-cell; }
        .picScroll-left .bd ul li .pic img{vertical-align: middle; max-width:290px; margin:0 auto; max-height:345px; display:block;   }
        .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
        .picScroll-left .bd ul li .title{ line-height:24px; width: 290px; margin-top: 7px;  }
        .picScroll-left .bd ul li .title a{ color: #777; }
.picScroll-left{ margin: 0 auto; margin-bottom: 30px; }

        /* 本例子css */
        .picScroll-left2{ position:relative; }
        .picScroll-left2 .hd{ position: relative;  }
        .picScroll-left2 .hd .prev,.picScroll-left2 .hd .next{ 
            display:block;  width:30px; height:60px; position: absolute; overflow:hidden;
             cursor:pointer; background: url(../images/slider-arrow2.png) -110px 5px no-repeat; left: 3%; top:200px;
         }
        .picScroll-left2 .hd .next{ background-position:0 -50px; left: auto; right: 3%; background-position:8px 5px;}
        .picScroll-left2 .hd .prevStop{ background-position:-60px 0; }
        .picScroll-left2 .hd .nextStop{ background-position:-60px -50px; }
        .picScroll-left2 .hd ul{  overflow:hidden; zoom:1; display: table; margin: 20px auto; zoom:1; }
        .picScroll-left2 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#cfcfcf; border-radius: 50%; overflow: hidden; }
        .picScroll-left2 .hd ul li.on{ background:#0ae; }
        .picScroll-left2 .bd{ padding:10px;   }
        .picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
        .picScroll-left2 .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; position: relative; border-bottom: 3px solid #02a4ff; height:460px; transition: all 0.35s;}
        .picScroll-left2 .bd ul li .pic{ background-position: center; background-size:auto 100%; width: 280px; height: 260px; overflow: hidden; }
        .picScroll-left2 .bd ul li .pic img{ max-width:280px; max-height: 260px; display:block;  }
        .picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
        .picScroll-left2 .bd ul li .title{ line-height:66px; color: #777;  text-align:left;     white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; border-bottom: 1px solid #d9d9d9;}
        .picScroll-left2 .bd ul li .wz{ padding:20px; padding-top: 0px; width: 280px; box-sizing: border-box; }
        .picScroll-left2 .bd ul li .p{ padding-top:20px;  height: 80px; overflow: hidden; color: #aaa; line-height: 1.7em; }
.picScroll-left2{ margin: 0 auto; margin-bottom: 30px; }
.picScroll-left2 .bd ul li:hover{ box-shadow: 0 0 25px rgba(0,0,0,0.10); }
.picScroll-left2 .bd ul li:hover .p{ color: #777; }

.tempWrap{ margin:0 auto; }
.con-com{ width: 1200px; background: #162c77; margin: 0 auto; padding: 30px 120px; color: #fff; position: relative; z-index: 2; }
.con-com div{ text-align: center; margin: 0 auto;}

.chang{ background-image:url(../images/pic/chang.png); background-color: #555; background-repeat: no-repeat; background-position:center; background-size:auto 100%;  width: 100%; height: 454px; margin-top: -128px; position: relative; z-index: 1; transition: 0.7s all; }
.chang iframe{ display: none; position: relative; z-index: 88;}

.chang-n{ width: 200px; height: 200px; margin:0 auto;  background-image:url(../images/pic/changn.png); background-position: center; background-color: transparent; background-repeat: no-repeat; cursor: pointer; border-radius: 50%; transition: 1s all; }
.chang:hover .chang-n{ background-color: rgba(0,0,0,0.5); }
.fri{ background: #2f2f2f; width: 100%; padding: 40px 0; }
.fri ul li{ width: 240px; height: 85px; background-position: center; background-repeat: no-repeat; float: left; transition: 0.35s all; }
.fri ul li:hover{ background-color: #252525; }
.fri ul{ display: table; margin: 0 auto; }

.foot{ width: 100%; background: #545454; padding:30px 0; margin-top: 140px; }
.foot input{ width: 278px; border: 1px solid #aaa;  background: transparent; height: 30px; margin-top: 15px; padding:0 10px;  color: #aaa;}
.fot i{ float: right; color: #aaa; width:39px; height: 32px; margin-top: 15px; margin-left: -40px; line-height: 32px; text-align: center; cursor:pointer; position: relative; z-index: 5;}
.ftt{ float: left; }
.ftt ul{ float: left; padding: 0 0px; }
.ftt ul li{ margin:20px 0; }

.ftt ul li a{ color: #ccc; display: block; font-size: 0.95em; cursor:default ; }
.ftt .ft1{ margin-right: 136px;}
.ftt .ft1 li{ margin:20px 0; }
.ftt .ft1 li a{ line-height: 1.8em; }
.fot{ margin: 0 auto; width: 1200px; display: table; }
.foot-bottom{ width: 100%; background: #333; color: #aaa; line-height: 50px; height: 50px; text-align: center; font-size: 0.85em;  }

.probanner{ background-repeat: no-repeat; background-color: #eee; background-position: center; width:100%; height: 300px; background-size: auto 100%; margin-top: 70px; }

.pro-t{ width: 22%; }
.pro-t ul{ background: #747474; padding-top: 10px; padding-bottom: 200px;}
.pro-t ul li{  }
.pro-t ul li a{ color: #fff; width: 100%; padding: 10px 50px 10px 20px; box-sizing: border-box;  border-radius: 5px; color: #fff; font-size: 0.92rem; transition: 0.3s all; cursor: pointer; display: block; position: relative; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.pro-t ul li a::after{ content: "";
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../img/slider-arrow2.png) center/17% no-repeat;
    overflow: hidden; }
.pro-con{ width: 1200px; margin: 50px auto; display: table; position: relative; }

.product-index-list img{ display: block;
    vertical-align: middle; margin:0 auto; max-width: 100%; max-height: 250px; }
.pro-c2{ width: 50%; height: 250px; float: right; position: relative; }
.pro-c2 .pc-title{ font-size: 1.8em; color: #e00; white-space : nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
.pro-c2 .pc-jianjie{ margin:18px 0 8px 0; line-height: 1.7rem; max-height: 6.8rem; overflow: hidden; }
.pro-c2 .pc-web{ font-size: 0.9em; color: #555; max-height: 120px; overflow: hidden; }
.pro-c2 a{ width:106px; height: 37px; background: #e00; text-align: center; color: #fff; border-radius: 5px; display: block; line-height: 37px; position: absolute; bottom: 0px; left: 0px; }

.pro-c2 .pc-jianjie ul{
	list-style-type: none !important;
    list-style-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}
.pro-c2 .pc-jianjie ul li{
	list-style-type: none !important;
    list-style-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
}
.pro-c2 .pc-jianjie a{
	list-style-type: none !important;
    list-style-image: none !important;
    padding: 0 !important;
    margin: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    background-color: auto !important;
    background: transparent !important;
    float: left;
    margin-right: 7px;
}
.gc-con .pro-tab{ width: 100%; float: right; }
.pro-con .pro-tab{ width: 75%; float: right; }
.pro-con .pro-tab li{ border-top: 1px solid #ccc; padding:30px 0; width: 100%; height: 400px;  }

.pro-t ul li a.hover{ background:#e00; color:#fff }
.pro-t ul li a:hover{ background:#e00; color:#fff }

.lx-title{ text-align: center; margin-top: 45px; font-size: 2em; margin-bottom: 20px;   }
.lx-jianjie{ text-align:left; width: 1200px; margin: 0 auto; color: #555; line-height: 1.7em; letter-spacing: 1px; text-indent: 2em; }

.detail_index{ width: 1200px; margin:0px auto 30px auto; display: table; }
.detail-img{ margin: 0 auto; display: block; text-align: vertical-align:middle; max-width: 500px; max-height: 500px; }
.de-r{ width: 425px; float: right; }

.detail-title{ font-size: 1.7em; }

.detail-jianjie{ margin-top:30px; line-height: 1.8em; color: #999; height: 150px; width:100%; overflow: hidden; transition: 0.5s all;  }

.llqw{ height: 37px; width: 98px; border: 1px solid #e00; text-align: center; background: #fff; color: #e00; border-radius: 4px; line-height: 37px; margin-top: 20px; transition: all 0.5s; cursor: pointer;}
.llqw:hover{ background: #e00; color: #fff;  }
.detail-con{ width: 1200px; min-height: 300px; margin:0 auto 70px auto; display: table; }

.a3d-list{ width: 100%; background: #2f2f2f; position: fixed; top: 80px; left: 0px; z-index: 87; padding: 20px 0; display: none; }
.a3d-list-auto{ width: 1200px; margin:0 auto;  }
.a3d-list-auto li{ float: left; margin-left: 0px !important; }
.a3d-list-auto li a{  display: table-cell !important; vertical-align:middle; text-align:center; width: auto; height: 80px; padding: 15px; transition: 0.35s all; }
.a3d-list-auto li a img{ display: block; vertical-align: middle; }
.a3d-list-auto li a.a3da:hover{ background: #111; }



.location{ width: 100%; margin:20px auto; }
.about-title{ font-size: 1.5em; margin:10px 0 20px 0; }
.about-con{ line-height: 1.7em; }
.default-con{ width: 1200px; margin:30px auto 70px auto; }  

.s11, .s12, .s13{ text-align: center; margin:0 auto; }
.s11{ font-size: 1.4em; font-weight: bold; }
.s12{ margin-top:15px; margin-bottom: 15px; background: #000; width: 79px; height: 4px; }
.s13{ font-size: 1.7em; }
.panmail{ display: table; margin:57px auto; }
.pan, .mail{ width: 234px; height: 150px; background: #d9d9d9; margin:0 33px; float: left; border-radius: 7px; box-shadow: 0px 0px 15px rgba(0,0,0,0.35); background-repeat: no-repeat; background-position: center; transition: all 0.35s; }
.pan{ background-image: url(../images/server/pan.png); }
.mail{ background-image: url(../images/server/mail.png); }
.pan:hover{ background-color: #e00; box-shadow:0px 0px 15px rgba(0,100,200,0.70);  }
.mail:hover{ background-color: #e00; box-shadow:0px 0px 15px rgba(0,100,200,0.70); }
.panmail a{ display: block; width: 100%; height: 100%; }
.lc{  width: 584px; float: left; }
.lc table tr{ height: 60px;}
.srt1{ text-align: center; font-size: 1.5em; letter-spacing: 3px; margin-top:10px;  }
.srt2{ text-align: center; font-size: 0.7em; }
.bigbh{ color: #000; width: 100px; height: 40px; line-height: 50px; text-align: right; font-size: 1em; letter-spacing: 2px; border-radius: 4px; }
.bigbr{ background: #e62129; color: #fff; width: 220px; height: 40px; line-height: 40px; text-align: center; font-size: 1.2em; letter-spacing: 2px; border-radius: 4px; display: block; border:0px;  cursor: pointer;}
.tianxiexuqiu{ height: 40px; border: 1px solid #ccc; width: 300px;  padding: 0 20px; font-size: 1em; line-height: 40px; }
.cc div{ margin-right:20px; }
.cc select{ border: 0px; background: transparent; font-size: 1em; color: #fff;   height: 100%; }
.cc select option{ color: #000;  }

.contact-t{ font-size: 1.8em; text-align: center; letter-spacing: 2px; }
.contact-e{ font-size: 0.7em; text-align: center; margin-bottom: 30px; }
.contact-r{ float: right; width: 578px; height: 409px; background: #fff; border:0px solid #d1d1d1; position: relative; }

.cr-li{ height: 100px; width: 100%; zoom:0.90; }
.cr-li .clp{ float: left; height: 100%; width: 82px;  background-repeat: no-repeat; background-position: center; }
.clt{ float: left; color: #777; }
.clt1{ margin-top:23px; font-size: 20px; }
.clt1 span{ font-size: 0.6em; margin-left:11px; color: #aaa; }

.a3c{ display: none; padding-left: 10px }
.a3c li{ background-position: center 60px; background-repeat: no-repeat; background-color: #999; height: 180px !important; width: 130px; margin:0 20px; }
.header .header1200 .nav ul li.a3d .a3d-list.a3c .a3d-list-auto li a{ padding-top: 80px; text-align: center; width: 140px !important; display: block; color: #fff; font-size: 0.85em; }
.header .header1200 .nav ul li.a3d .a3d-list.a3c .a3d-list-auto li:hover{ background-color: #e00; }

.wang {
    padding-bottom: 0px !important;
    line-height: 20px;
    margin: 0px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px !important;
}

.a3d{ position: relative; }
.a3d:hover .vertical-nav{ display: block; }
.vertical-nav{ display: none;  position: absolute; left: -40px; box-shadow: 0px 3px 5px #aaa;}

.vertical-nav ul li { clear: both; transition: 0.1s all !important; border:0px; margin: 0px !important;  background: #fff; line-height:40px !important; width: 150px; text-align: center; position: relative;}
.vertical-nav ul li a{ transition: 0.1s all; }
.vertical-nav ul li ul{ position: absolute; left:150px; top: 0px; display: none; border-left: 1px solid #aaa; }
.vertical-nav ul li:hover ul{ display: block; }
.vertical-nav ul li:hover{ background: #efefef; color: #000; }
.vertical-nav ul li ul li{ line-height: 40px !important; height: 40px !important; }

.env-nav{ position: fixed; top: 80px; left: 0px; width: 100%; background: #fff; display: none; background-color: #fafafa; padding:10px 0; box-shadow: 0 0 5px rgba(0,0,0,0.35); }
.env-nav ul{ display: table; margin:0 auto; }
.env-nav ul li{ float: left; margin: 0px !important; }
.env-nav ul li a{ background-position:center 20px; background-repeat: no-repeat; width: 120px; height: 160px; display: block; text-align: center; line-height: 290px; padding:20px; white-space: nowrap; }
.env-nav ul li a:hover{ background-color: #f3f3f3; }
.en1{ background-image: url(../images/env/Vida-line.png); }
.en2{ background-image: url(../images/env/Perfactory-line.png); }
.en3{ background-image: url(../images/env/cDLM-outline.png); }
.en4{ background-image: url(../images/env/Vector-line.png); }
.en5{ background-image: url(../images/env/pi-4.png); }
.en6{ background-image: url(../images/env/Slcom-line.png); }
.en7{ background-image: url(../images/env/pi-v-a.png); }
.en8{ background-image: url(../images/env/pi-6.png); }

.en1:hover{ background-image: url(../images/env/VIDA-1-1.png); }
.en2:hover{ background-image: url(../images/env/Perfactory-2017.png); }
.en3:hover{ background-image: url(../images/env/cDLM-Mock-up-Ivory-01-copy.png); }
.en4:hover{ background-image: url(../images/env/Vector-3SP-1.png); }
.en5:hover{ background-image: url(../images/env/BioPlotter-manufacturer-series.png); }
.en6:hover{ background-image: url(../images/env/SLCOM-2.png); }
.en7:hover{ background-image: url(../images/env/pi-v-b.png); }
.en8:hover{ background-image: url(../images/env/pi-acc-b.png); }

.downli li{ height: auto !important;  }
.downlit{ color: #777; }
.downlit:hover{ color: #e00; }

.env-pro{ width: 100%; }
.ep1{ padding: 20px; }
.env-pro li{ float: left; width: 23%; margin: 20px 1%; background: #f1f1f1 !important; overflow: hidden; }

.env-pro li .img{ width: 50%; margin: 0 auto; }
.env-pro li .img img{ width: 100%; }


.con1 .title{ text-align: center; color: #696969; margin-bottom:55px;}
.con1 .title .t1{ font-size: 2em; }
.con1 .title .t2{ width: 33px; height: 2px;  background: #696969; margin:10px auto 14px auto;}
.con1 .title .t3{ font-size: 0.9em; }

.con2 .title2{ text-align: center; color: #fff; margin-bottom:47px; }
.con2 .title2 .t1{ font-size: 1.5em; }
.con2 .title2 .t3{ font-size: 0.9em; margin-top: 5px; }

.con3 .title2{ text-align: center; margin-bottom:20px; font-weight: bold;}
.con3 .title2 .t1{ font-size: 1.8em; color: #333;}
.con3 .title2 .t3{ font-size: 0.85em; margin-top: 5px; color: #555; }

.con4>.picScroll-left2>.title{ text-align: center; color: #696969; margin-bottom:55px;}
.con4>.picScroll-left2>.title .t1{ font-size: 2em; }
.con4>.picScroll-left2>.title .t2{ width: 33px; height: 2px;  background: #696969; margin:10px auto 14px auto;}
.con4>.picScroll-left2>.title .t3{ font-size: 0.9em; }

.con5 .title2{ text-align: center; color: #000; margin-bottom:20px; font-weight: bold;}
.con5 .title2 .t1{ font-size: 2em; }
.con5 .title2 .t3{ font-size: 0.85em; margin-top: 5px; color: #000;}

.con5 { width: 1200px; margin:0 auto; margin-top: 100px; }
.con5 ul{  height: 70px; overflow: hidden; margin-top: 20px; }
.con5 ul li{ float: left; overflow: hidden; width: 33.3%; }
.con5 li .time{ width: 60px; height: 70px; border-right: 1px solid #cdcdcd; float: left; margin-right: 10px; }
.con5 ul li .timed{ font-size:2.8em; text-align: left; margin-top: -10px;}
.con5 ul li .timey{ font-size: 0.9em; }
.con5 ul li .nr{ float: left; width: 325px; }
.con5 ul li .nrjj{ margin-top: 10px; font-size: 0.85em; color: #aaa; }
.con5 ul li .nrbt{ white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; }

.con2 a{ display: block; margin:0 auto; text-align: center; color: #fff; background: #f00; width: 160px; height: 50px; border-radius: 25px; line-height: 50px; letter-spacing: 2px; }
.con2 a:hover{ transition: all 1s; background: #f33; }

.con3{ padding:70px 0; }
.baoewm{ width: 200px; height: 200px; background: #fff; box-sizing: border-box; padding: 15px; }
.baoewm img{ width: 100%; height: 100%; }

.wrap {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
.rect-538 {
    padding-bottom: 53.8%;
}
*[class*="rect-"] {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}
.rect-5625 {
    padding-bottom: 56.25%;
}
*[class*="rect-"] ._full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


/*缁煎悎椤�-鍖哄潡鏍囬*/
.zhprt_title { padding:60px 0; text-align:center; }
.zhprt_title ._hd { margin-bottom:10px; font-size:40px; color:#333333;}
.zhprt_title ._bd { max-width:700px; margin:0 auto; font-size:15px; color:#7c7c7c; }


/*鍏充簬鎴戜滑缁煎悎*/
.about .pt1_top{width: 100%;}
.about .pt1_top_left{width: 50%;float: left;background: #F0F0F0;}
.about .pt1_top_right{width: 50%;float: right}
.about .pt1_top_left .neirong_area{padding: 90px 65px 103px 65px}
.about .pt1_top_pic img{transition: 1.5s all ease}
.about .pt1_top_pic:hover img{transform: scale(1.2,1.2)}
.about .pt1_top_left .ptl_title{font-size: 26px;margin-bottom: 20px}
.about .pt1_top_left .ptl_dec{ }
.about .pt1_top_left .ptl_dec a{ font-size: 13px; line-height: 2em; }
.about .pt1_bottom{width: 100%;}
.about .pt1_bottom_left{float: left;width: 50%;}
.about .pt1_bottom_right{float: right;width: 50%;}
.about .pic_hidden{display: none;}
.about .pt1_bottom_right ul>li.li_cur{background: #E6002F;color: #ffffff;position: relative}
.about .pt1_bottom_right ul>li.li_cur:before{content: '';position: absolute;border: 10px solid;border-color: transparent #E6002F transparent transparent;left: -20px;top: 50%;margin-top: -10px;z-index: 1;}
.about .pt1_main .li_box{padding: 94px 55px}
.about .pt1_main .li_title{font-size: 26px;margin-bottom: 20px}
.about .pt1_main .li_dec{line-height: 1.8em; font-size: 13px;}
.about .pt1_bottom_pic img{transition: 1.5s all ease}
.about .pt1_bottom_pic:hover img{transform: scale(1.2,1.2)}
ul.slide_wrap{ margin: 0px; padding: 0px; }
.about .cpart02 { overflow:hidden; margin-top: 100px; }
.about .cpart02 .wrap { position:relative; }
.about .his_slide .his_con { margin:0 auto; width:80%; }
.about .his_slide_box { height:310px; background-image:url(../img/about01.jpg); background-repeat:no-repeat; background-position:center center; }
.about .his_slide {margin: 0px; width:100%; padding-top: 20px; color:#ffffff; }
.about .his_slide.show { z-index:1; }
.about .his_slide ._date { margin-bottom:20px; font-size:25px; line-height:1; }
.about .his_slide ._tt { font-size:13px; line-height:2.4; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
.about .his_slide ._desc { max-width:680px; height:9.6em; overflow:hidden; font-size:13px; line-height:2.4; }
.about .his_slide .arrs { display:block; position:absolute; top:50%; z-index:1; margin-top:-28px; width:28px; height:56px; background-image:url(../img/about02.png); background-repeat:no-repeat; }
.about .his_slide .arrs.arr_prev { left:50%; margin-left:-560px; background-position:0 0; }
.about .his_slide .arrs.arr_next { right:50%; margin-right:-560px; background-position:-28px 0; }
/*.about .his_slide .slide_nav { position:absolute; bottom:5px; width:100%; text-align:center; }
.about .his_slide .slide_nav > a { display:inline-block; *display:inline; *zoom:1; margin-right:16px; margin-bottom:16px; width:10px; height:10px; font-size:0; border:#ffffff 1px solid; background:url(about:blank)\9; border-radius:50%; cursor:pointer; }
.about .his_slide .slide_nav > a.on { background-color:#ffffff; }*/
.about .his_menu_box { position:relative; margin-bottom:40px; font-size:25px; color:#8a8a8a; }
.about .his_menu_box ._line_lt,.about .his_menu_box ._line_rt { display:block; position:absolute; top:7px; background-repeat:no-repeat; }
.about .his_menu_box ._line_lt { right:100%; width:50%; height:5px; background-image:url(../img/about05lt.jpg); background-position:center right; }
.about .his_menu_box ._line_rt { left:100%; width:50%; height:5px; background-image:url(../img/about05rt.jpg); background-position:center left; }
/*.about .his_menu_box .myscr_arrs { display:block; position:absolute; top:50%; z-index:1; margin-top:218px; width:28px; height:56px; background-image:url(../img/about02.png); background-repeat:no-repeat; }
.about .his_menu_box .myscr_arrs.myarr_prev { left:50%; margin-left:-560px; background-position:0 0; }
.about .his_menu_box .myscr_arrs.myarr_next { right:50%; margin-right:-560px; background-position:-28px 0; }*/
.about .his_menu_box .bd { height:78px; overflow:hidden; }
.about .his_menu_box li { float:left; width:20%; }
.about .his_menu_box ._menu_item { position:relative; text-align:center; }
.about .his_menu_box .on_year ._menu_item { color:#e6002f; }
.about .his_menu_box ._menu_item ._line { display:block; position:absolute; width:100%; top:8px; margin-top:-3px; height:5px; background-image:url(../img/about03.jpg); background-repeat:no-repeat; background-position:center center; }
.about .his_menu_box .passed_year ._menu_item ._line {background-image:url(../img/about08.jpg);}
.about .his_menu_box .on_year ._menu_item ._line {background-image:url(../img/about04.jpg);}
.about .his_menu_box ._menu_item ._pt { position:relative; margin:2px auto 15px; width:17px; height:17px; background-color:#c6c6c6; border-radius:50%; }
.about .his_menu_box .passed_year ._menu_item ._pt { background-color:#e6002f; }
.about .his_menu_box .on_year ._menu_item ._pt { top:-2px; width:21px; height:21px; background-color:#e6002f; }

.about .cpart03 .zhprt_title ._bd{font-size: 14px;width: 875px}
.about .pt3_main .txt_box{padding: 35px 0}
.about .pt3_main .txt_more{background: url("../img/xian_bac.png");background-repeat: no-repeat;background-position: center;}
.about .pt3_main .txt_t{font-size: 20px;margin-bottom: 10px}
.about .pt3_main ul>li .pic_area img{transition: 1s all ease}
.about .pt3_main ul>li:hover .pic_area img{transform: scale(1.2,1.2)}
.about .pt3_main ul>li.cur .txt_area{background: #E6002F;color: #ffffff;text-align: center}
.about .pt3_main ul>li.cur .txt_area .txt_more{color: #ffffff;}
.about .pt3_main ul>li .txt_area{background: #ffffff;;text-align: center}
.about .pt3_main ul>li .txt_area .txt_more{color: #C5C5C5; font-size: 13px;}

.about .his_slide .has_pic .pic_wrap {
    float: left;
    width: 50%;
}

.rect-5344 {
    padding-bottom: 53.44%;
}

.gc-t{ position: fixed; top: 0px; left: 0px; height: 100%; background: #fff; width:300px; }
.gc-t1{ background-image:url(../img/gyj.png); background-position: center; background-repeat:no-repeat; background-size: auto 100%;  margin-top: 70px; height: 100%; padding-left: 30px; }
.gc-tt{ line-height: 70px; color: #000; font-size: 1.7em; padding-top: 20px; }
.gc-t ul{  height: 100%; }
.gc-t ul li{ line-height: 2.7em; font-size: 1.1em; margin: 10px 0; }

.gc-t ul li a{ display: block; width:100%; height: 100%; transition: all 0.35s; }
.gc-t ul li a:hover{ background: rgba(255,255,255,0.55); padding-left: 20px; width: 250px; }
.gc-t ul li a.hover{ background: rgba(255,255,255,0.55); padding-left: 20px; width: 250px; }
.gc-con{ background: #fff; margin-top: 70px; }

.gc-con .pro-t{ margin-top: 50px; }
.gc-con .pro-t ul{  display: table; margin: 0 auto; }
.gc-con .pro-t ul li{  float: left; margin:10px 15px;  }
.gc-con .pro-t ul li a{ color: #fff; height: 60px; line-height: 60px; border: 1px solid #e00; background: #fff; text-align: center; border-radius: 5px; color: #e00; font-size: 1.1em; transition: 0.3s all; cursor: pointer; display: block; }
.gc-con{  display: table; padding-left: 300px; width: 100%; box-sizing: border-box; }

.gc-con img{ display: block;
    vertical-align: middle; margin:0 auto; width: 500px; height: 100%;}
.gc-con .pro-c2{ width: 50%; float: left; height: 150px; overflow: hidden; padding-left: 20px; }
.gc-con .pro-c2 .pc-title{ margin-top: 10px; font-size: 1.8em; color: #e00; white-space : nowrap; text-overflow: ellipsis; overflow: hidden; width: 20em; }
.gc-con .pro-c2 .pc-jianjie{ font-size: 0.85rem; margin:18px 0 8px 0; max-height: 250px; overflow: hidden; }
.gc-con .pro-c2 .pc-web{ font-size: 0.9em; color: #555; max-height: 120px; overflow: hidden; }
.gc-con .pro-c2 a{ width:106px; height: 37px; background: #e00; text-align: center; color: #fff; border-radius: 5px; display: block; line-height: 37px; margin-top: 50px;}
.gc-con .pro-tab li { margin-top:20px; margin-left: 20px; margin-right: 20px; transition: 0.35s all; }
.gc-con .pro-c2 .pc-jianjie ul{
    list-style-type: none !important;
    list-style-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}
.gc-con .pro-c2 .pc-jianjie ul li{
    list-style-type: none !important;
    list-style-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    border: 0 !important;
}
.gc-con .pro-c2 .pc-jianjie a{
    list-style-type: none !important;
    list-style-image: none !important;
    padding: 0 !important;
    margin: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    background-color: auto !important;
    background: transparent !important;
    float: left;
    margin-right: 7px;
}
.gc-con .pro-tab li:hover{ background: #eee; }
.gc-con .pro-con .pro-tab li{ border-top: 1px solid #ccc; padding:30px 0; width: 100%; height: 400px;  }

.gc-con .pro-t ul li a.hover{ background:#e00; color:#fff }

.lmap{ float: right; width: 600px; height: 300px; background: #aaa; }

.newsul{ width: 1200px; margin:0 auto; }
.newsul li{ width: 100%; height: 100px }
.newsul li a{ width: 100%; height: 100px; display: block; }
.newsul li a .date{ float: left; width: 90px; margin-top: 8px; color: #777; font-size: 0.9em; }
.newsul li a .dateimg{ float: left; width: 33px; height: 100px; background: url(../img/dd.png); }
.newsul li a .newsr{ float: left; width: 1057px; margin-left:20px;  }
.newsul li a .newsr .newst{ font-size: 1.1em; color: #555; }
.newsul li a .newsr .newsjj{ font-size: 0.9em; color: #888; margin-top: 10px; line-height: 1.7em; height: 3.4em; overflow: hidden; }
/* CSS3滚动条 */
::selection {background: #222; color: white ; text-shadow: none ;}
::-webkit-scrollbar-track-piece{width:10px;background-color:#eee;border-radius:50px}
::-webkit-scrollbar{width:8px;height:6px ; }
::-webkit-scrollbar-thumb{height:50px;background:#999;  border-radius:50px ; cursor:pointer;}
::-webkit-scrollbar-thumb:hover{background:#999; cursor:pointer}

.about-com-p{  }
.wrapper>.title{ font-size: 2rem; text-align: center; margin: 40px 0; }
.about-com-p p{ text-indent: 2rem; margin: 10px 0; color: #777; }

.foursqure{  }
.foursqure ul li{ width: 50%; float: left; height: 350px; overflow: hidden;  }
.foursqure ul li img{ width: 100%; height: 350px; transition: all 2s; }
.foursqure ul li:hover img{ transform: scale(1.2); }
.foursqure ul li .t{ font-size: 1.5rem; margin-bottom: 20px; }
.foursqure ul li p{ font-size: 0.92rem; }

.ry li{ float: left; width: 50%; }
.ry li{ margin-bottom: 40px; border: 1px solid #000; box-sizing: border-box; }
.ry img{ width: 100%; }
.ry2 li{ margin-bottom: 40px; border: 1px solid #000; }
.ry2 li img{ width: 100%; }

.editt {
    margin: 30px 0 10px 0;
    font-size: 1.7em;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    color: #777;
}
.editt span {
    font-size: 16px;
    color: #aaa;
    margin-left: 15px;
}
    ul {
        overflow: hidden;
    }
    pre {
        background: #333;
        padding: 10px;
        overflow: auto;
        color: #BBB7A9;
    }
    .button {
        text-decoration: none;
        color: #F0353A;
        border: 2px solid #F0353A;
        padding: 6px 10px;
        display: inline-block;
        font-size: 18px;
    }
    .button:hover {
        background: #F0353A;
        color: #fff;
    }
    .demo {
        text-align: center;
        padding: 30px 0
    }
    .clear {
        clear: both;
    }
    h1 {
        font-size: 2em;
        line-height: 1.5em;
        margin: 20px 0;
        font-weight: normal;
    }
.product-detail .page{ float: left; }
.product-detail .detail-con img{ max-width: 100%; }

.product-detail-right{ float: right; width: 550px; }
.product-detail-list{ position: fixed; left: -300px; top: 20%; z-index: 55; transition: all 0.35s; }
.product-detail-list .pro-t{ width: 300px; float: left; }
.product-detail-list .list-button{ float: left; width: 40px; background: #fff; text-align: center; padding: 10px 0; color: #aaa; line-height: 1.6rem; border-radius: 0 20px 20px 0; font-size: 1rem;  cursor:pointer; border: 2px solid #ccc; }

.sol img{ display: block;
    vertical-align: middle;
    margin: 0 auto;
    max-width: 100%;
    max-height: 150px; }
.sol .pro-tab{ width: 100%; }
.sol a{ display: block; }
.sol .pro-c2{ height: 150px; }
.news-detail-area img{ max-width: 100%; }
.sol-detail-area img{ max-width: 100%; }

.download-index{ width: 100%; }
.download-index .pro-tab{ width: 1200px; margin:0 auto; clear: both; float: none; }









@media screen and (min-width: 1441px){
body { zoom: 1; }
}

@media screen and (max-width: 1440px){
body { zoom:0.9; }
}

@media screen and (max-width: 1200px){
body { zoom:0.8; }
}