@charset "UTF-8";
/* css reset */
*,body,html,div,p,h1,h2,h3,h4,h5,h6,span,i,strong,small,ul,li,dl,dt,dd,ol,table,tr,td,th,a,input,textarea,label,img,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none;outline:none;display:inline-block;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;color:#333}
img{border:0;vertical-align: middle;max-width: 100%;}
span{display:inline-block;}
i,em{font-style: normal;}
ul,li{list-style: none}
input:focus,textarea:focus,select:focus{outline:none; }
input,select,textarea,button {vertical-align:middle;  border:0;}
button {border:0 none;background-color:transparent;cursor:pointer;outline: none;}
caption {display:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
th,td{ padding:0;}
body{font-family: SourceHanSansCN,"Source Han Sans CN Regular",Helvetica, sans-serif;font-weight:100;font-size:14px;color:#666;}
.clear{clear:both;zoom:1;}
.clear:after,.clear:before{content:""; display:table; height:0; clear: both;}
select { border: solid 1px #000;appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;padding-right: 14px;}
select::-ms-expand { display: none; }

.wrap{width:1200px; margin:0 auto;overflow: hidden;}
.fl,li{float:left}
.fr{float:right}

/* header */
body{
    font-family: SourceHanSansCN,"Source Han Sans CN Regular",sans-serif;;
}
/*@font-face {
    font-family: OpenSans;
    src:url('../font/opensan/OPEN SANS.eot'),
    url('../font/opensan/OPEN SANS.svg'),
    url('../font/opensan/OPEN SANS.ttf'),
    url('../font/opensan/OPEN SANS.woff');
}*/
@font-face {
    font-family: 'OpenSans';
    src: url('../font/opensan/OPEN SANS.eot');
    src:  url('../font/opensan/OPEN SANS.ttf')  format('truetype'),
    url('../font/opensan/OPEN SANS.woff') format('woff'),
    url('../font/opensan/OPEN SANS.svg#DINPRO-BOLD') format('svg');
}
@font-face {
    font-family: OpenSans Blod;
    src:url('../font/opensan blod/OPEN SANS BOLD.eot'),
    url('../font/opensan blod/OPEN SANS BOLD.svg'),
    url('../font/opensan blod/OPEN SANS BOLD.ttf'),
    url('../font/opensan blod/OPEN SANS BOLD.woff');
}
@font-face {
    font-family: OpenSans Light;
    src:url('../font/opensan light/OPEN SANS LIGHT.eot'),
    url('../font/opensan light/OPEN SANS LIGHT.svg'),
    url('../font/opensan light/OPEN SANS LIGHT.ttf'),
    url('../font/opensan light/OPEN SANS LIGHT.woff');
}
@font-face {
    font-family: AGR;
    src:url('../font/AGR/AKZIDENZ-GROTESK-BOLD.eot'),
    url('../font/AGR/AKZIDENZ-GROTESK-BOLD.svg'),
    url('../font/AGR/AKZIDENZ-GROTESK-BOLD.ttf'),
    url('../font/AGR/AKZIDENZ-GROTESK-BOLD.woff');
}
textarea{resize: none}
.header{ position:fixed; top:0; left:0; width:100%; height:80px;background:#f8f7f7; line-height: 50px; z-index: 9; -webkit-transition: 0.3s;transition: 0.3s; transition:top .5s;}
.head{ top:-80px; }
.header a{display: block;line-height: 80px;}
/*.logo{ width:187px;}*/
.menu{display:none;}
.group{position:absolute;right:0;top:16px;font-size:12px;line-height: 1;}
.nav{margin-right:150px;}
.nav li{/*position:relative;*/ margin:0 4px; font-size: 16px;-webkit-transition: .2s;transition: .2s}
.nav li>a{ display:block; padding:0 20px; height:100%;line-height: 80px; text-transform:uppercase; text-align:center; z-index: 10;}
.nav li a{ color:#083b70;}
.nav li:hover>a{background:rgba(0,0,0,0.1);}
.sub_nav{ display:none; position:absolute;top:80px; left:0;  width:100%;background:#fff; z-index: 9;/* box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);*/}
.nav li dl{ padding:1% 0 2%; background:#FFF; text-align: center;}
.nav li dd{ -webkit-transition: .2s;transition: .2s;width: 24.5%;box-sizing: border-box;display: inline-block;vertical-align: top;}
.nav li dd a,.nav li dl a{ display:block; padding:5px 0; line-height: 1.25em;color: #888;font-size: 12px;}
.nav li dd h4{font-size: 16px; color:#444}
.nav li dd p{font-size: 15px;line-height: 1.7em; }
.nav li dd:hover a{color: #083b70;}
.nav li.l1 .sub_nav, .nav li.l2 .sub_nav{display:none;}
.nav li.l1 .sub_nav dl dt a:hover, .nav li.l2 .sub_nav dl dt a:hover,.nav li.l1 .sub_nav dl dd a:hover, .nav li.l2 .sub_nav dl dd a:hover{color: #083b70;}
.nav li.l1 .sub_nav dl, .nav li.l2 .sub_nav dl{width: 19.5%;box-sizing: border-box;display: inline-block;text-align: left;vertical-align: top;line-height: 24px;}
/*.nav li.l1 .sub_nav dl div{width:50%;float:left;}*/
.nav li.l1 .sub_nav dl{width:16%}
.nav li.l1 .sub_nav dl:nth-child(1){width:16%}
.nav li.l1 .sub_nav dl:last-child{width:28%}
.nav li.l1 .sub_nav dl:last-child div{width:50%;float:left;}
.nav li.l2 dd h4{font-family: inherit;}
.nav li.l2 dd h4 a:hover{color:#083b70; }
.nav li.l2{text-align: center;}
.nav li.l2 .sub_nav dl{width: 16%;text-align: left;}
.nav li.l2 .sub_nav dl.l5{width: 28%;}
.nav li.l2 .sub_nav dl.l5 dd h4 a{font-size: 14px;color: #333333;}
.nav li.l2 .sub_nav dl.l5 dd{width: 50%;float: left;padding-right: 3%;box-sizing: border-box;}
.nav li.l1 .sub_nav dl dt a, .nav li.l2 .sub_nav dl dt a{}
.nav li.l1 .sub_nav dd, .nav li.l2 .sub_nav dd{width: 100%;}
.nav li.l1 .sub_nav dd a, .nav li.l2 .sub_nav dd a{  padding:0; font-size:14px;color: #666;text-align: left;}
.nav li.l1 .sub_nav dd a, .nav li.l2 .sub_nav dd a{color: #666;line-height: 1.5em}
.nav li.l1 .sub_nav dd a, .nav li.l2 .sub_nav dd a{  padding:0;  }
.nav li.l1 .sub_nav dl dt a, .nav li.l2 .sub_nav dl dt a{line-height: 2em;color: #444;font-size: 15px;font-weight: bold;}
.nav li.l5 dd{width: 19.5%;}
.nav li dd .icon{height: 40px;line-height: 40px;width: 40px;-webkit-background-size: contain;background-size: contain;display: inline-block;background-position: center;background-repeat: no-repeat;margin: 0 auto 10px;-webkit-transition: .3s;transition: .3s;}
.nav li.l3 dd.d1 .icon{background-image: url("../images/nav_icon_03.png")}
.nav li.l3 dd.d1:hover .icon{background-image: url("../images/nav_icon2_03.png");}
.nav li.l3 dd.d2 .icon{background-image: url("../images/nav_icon_04.png")}
.nav li.l3 dd.d2:hover .icon{background-image: url("../images/nav_icon2_04.png");}
.nav li.l3 dd.d3 .icon{background-image: url("../images/nav_icon_005.png")}
.nav li.l3 dd.d3:hover .icon{background-image: url("../images/nav_icon2_005.png");}
.nav li.l3 dd.d4 .icon{background-image: url("../images/nav_icon_06.png")}
.nav li.l3 dd.d4:hover .icon{background-image: url("../images/nav_icon2_06.png");}
.nav li.l3 dd.d5 .icon{background-image: url("../images/nav_icon_20.png")}
.nav li.l3 dd.d5:hover .icon{background-image: url("../images/nav_icon2_20.png");}
.nav li.l3 dd.d6 .icon{background-image: url("../images/IOT-01.png")}
.nav li.l3 dd.d6:hover .icon{background-image: url("../images/IOT-01.png");}

.nav li.l4 dd.d1 .icon{background-image: url("../images/nav_icon_07.png")}
.nav li.l4 dd.d1:hover .icon{background-image: url("../images/nav_icon2_07.png");}
.nav li.l4 dd.d2 .icon{background-image: url("../images/nav_icon_08.png")}
.nav li.l4 dd.d2:hover .icon{background-image: url("../images/nav_icon2_08.png");}
.nav li.l4 dd.d3 .icon{background-image: url("../images/nav_icon_009.png")}
.nav li.l4 dd.d3:hover .icon{background-image: url("../images/nav_icon2_009.png");}
.nav li.l4 dd.d4 .icon{background-image: url("../images/nav_icon_10.png")}
.nav li.l4 dd.d4:hover .icon{background-image: url("../images/nav_icon2_10.png");}

.nav li.l5 dd.d1 .icon{background-image: url("../images/nav_icon_11.png")}
.nav li.l5 dd.d1:hover .icon{background-image: url("../images/nav_icon2_11.png");}
.nav li.l5 dd.d2 .icon{background-image: url("../images/nav_icon_12.png")}
.nav li.l5 dd.d2:hover .icon{background-image: url("../images/nav_icon2_12.png");}
.nav li.l5 dd.d3 .icon{background-image: url("../images/nav_icon_13.png")}
.nav li.l5 dd.d3:hover .icon{background-image: url("../images/nav_icon2_13.png");}
.nav li.l5 dd.d4 .icon{background-image: url("../images/nav_icon_14.png")}
.nav li.l5 dd.d4:hover .icon{background-image: url("../images/nav_icon2_14.png");}
.nav li.l5 dd.d5 .icon{background-image: url("../images/nav_icon_15.png")}
.nav li.l5 dd.d5:hover .icon{background-image: url("../images/nav_icon2_15.png");}

.header .menu{  position:absolute; top:0; right:2%; display:none; margin-top:9px; z-index: 999;}
.header .menu span{ display:block; width:28px; height:3px; background:#0e4074; margin:5px auto; -webkit-transition: 0.3s;transition: 0.3s;}
.header .menu .sp2{ width:18px; }
.header .menu.on span{ width:18px; }
.header .menu.on .sp2{ width:28px; }
.lang{margin-left: 5px;}
.lang a{ position:absolute; top:20px; z-index: 2;}
.lang .sh{ right:100px; width:40px; height:40px; background:url("../images/sh.png") no-repeat center center ; }
.lang .cn{  right:0; width:55px; height:40px; line-height: 40px;color: #0e4074;}
.hs .nav{ display:none;}
.lang li{position: absolute;right: 0;top: 0;height: 100%;width: 90px;}
.lang li em{display: block;width: 100%;height: 100%;position: relative;}
.lang li:hover{background-color: rgba(0,0,0,0.1)}
.su_nav{background-color: #ffffff;position: absolute;top: 81px;left: -20%;width: 140%;z-index: 10;display: none;box-shadow: 0 0 5px 2px rgba(0,0,0,0.1);}
.su_nav a{position: static;padding-left: 2.5em;color: #083b70;line-height: 2.5em;padding-top: 3%;padding-bottom: 3%;font-size: 15px;}
.su_nav i{font-family: "SimHei";padding-left: 10px;-webkit-transition: 0.2s ease-out	;transition: 0.2s ease-out	;}
.su_nav a:hover i{padding-left: 17px;}
.back_top{position: fixed;width: 2.5em;height: 2.5em;bottom: 10%;right: 1em;background-color: #f0f0f0;cursor: pointer;border-radius: 3px;}
.back_top img{vertical-align: top;}


.banner{ position:relative;overflow: hidden;margin-top: 80px;height: 350px;background-position: center;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;}
.banner.ind{height: 700px;}
.banner img{ width:100%;}
.banner a.prev,
.banner a.next{ position:absolute; top:50%; width:1.4em; height:1.4em; border-radius:50%; background:rgba(0,0,0,0.5); text-align:center; line-height:1.4; font-size:50px; color:#fff; font-family:"SimHei";z-index: 5;}
.banner a.prev{ left:5%;}
.banner a.next{ right:5%;}
.banner .hd{position:absolute; left:0; bottom: 30px; width:100%; text-align: center;z-index: 1; }
.banner .hd ul{display:inline-block;}
.banner .hd li{float:left; width:30px; height:5px; margin:0 8px; background:rgba(255,255,255,0.46); font-size:0;cursor: pointer;}
.banner .hd li.on{background:rgba(255,255,255,255);}
.banner .bd{ width:100%; height:100%;}
.banner .bd ul{ width:100%; height:100%;}
.banner li{ width:100%; height:100%; background-size:cover;}
.banner .bd li{ position:relative;width: 100%;}
.banner .bd li>.img{ width:100%; transform:scale(1.04); -webkit-transform:scale(1.04); -ms-transform:scale(1.04); transition:9s; -webkit-transition:9s; -ms-transition:9s;height: 100%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.banner .bd li.on>.img{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
.banner .txt{ position:absolute; left:0; top:70%; margin-top:-120px; width:100%; }
.banner .tw{ display:inline-block; text-align:center;}
.banner span{ font-size:18px; color:#dadada; text-transform: uppercase;  }
.banner h3{ line-height:1.6; font-size:60px; color:#dadada; }
.banner li .txt{ top:70%; margin-top:-120px; }
.banner li .tw img{ margin-left:5px; width:auto;}
.banner li span{ font-size:60px; color:#333; opacity: 0; -webkit-transform: translateY(-30px);transform: translateY(-30px); -webkit-transition: 0.5s;transition: 0.5s;}
.banner li h3{ line-height:1.3; font-size:46px; color:#333; opacity: 0; -webkit-transform: translateY(-30px);transform: translateY(-30px);  -webkit-transition: 0.5s 0.3s;transition: 0.5s 0.3s;}
.banner li a{ /*margin-top:5%; border-bottom:1px solid #333; line-height:2; font-size:22px; color:#333; opacity: 0; -webkit-transform: translateY(-30px);transform: translateY(-30px);  -webkit-transition: 0.5s 0.6s;transition: 0.5s 0.6s;*/
height:100%;width:100%;display:block;}
.banner li a:hover{ /*border-bottom:1px solid #de7618; color:#de7618;*/}
.banner li a .img{height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;}
.banner .bd li.on span{ opacity: 1; -webkit-transform: translateY(0);transform: translateY(0);}
.banner .bd li.on h3{ opacity: 1; -webkit-transform: translateY(0);transform: translateY(0);}
.banner .bd li.on a{ opacity: 1; -webkit-transform: translateY(0);transform: translateY(0);}
.banner.amb h3{ line-height: 1; }
.banner.amb span{ margin-top:2px; width:51px; height:5px; background:#dadada;}
.banner>h3{ position:absolute; top:50%; left:0; margin-top:-0.5em;  width:100%; line-height:1em; text-align:center; text-transform:uppercase; font-size:42px; color:#fff; }

.footer{background:url("../images/footer.jpg") no-repeat center center; background-size:cover; }
.footer .ft{ padding:4% 0; }
.footer dl{ float:left; margin-right:8.3%; white-space:nowrap;margin-right: 7em;}
.footer dl.d7{ margin-right:0;float: right; }
.footer dt{ margin-bottom:20px; line-height:2em; font-size:16px;color:#d5d7da;font-family: Arial;font-weight: bold;text-transform: uppercase;}
.footer dt a{color: #d5d7da;}
.footer dd{ line-height:2.33em; font-size:12px;  }
.footer dd a{ color:rgba(255,255,255,0.35);}
.footer dl img{ width:137px;}
.footer dl.d7 p{line-height: 45px;color:#d5d7da;}
.footer dl.d7 p.last{border-top: 1px solid #d5d7da;}
.footer dl.d7 a.bds_fbook,.footer dl.d7 a.bds_linkedin,.footer dl.d7 a.bds_twi{
    background: url(../images/product2_link_05.png) 0 0 no-repeat;
    width: 36px;
    height:36px;
    margin-right: 1.4285em;
}
.footer dl.d7 a.bds_linkedin{
    background: url(../images/product2_link_13.png) 0 0 no-repeat;
    position:relative;
}
.footer dl.d7 a.bds_twi{
    background: url(../images/product2_link_09.png) 0 0 no-repeat;
    position:relative;
}
.footer dl.d7 a.bds_linkedin p{position:absolute;top:40px;left:50%;margin-left:-60px;width:120px;line-height: 1.5;text-align: center;display:none;}
.footer dl.d7 a.bds_linkedin:hover p{display:block;}
.footer dl.d7 a.bds_twi img{position:absolute;width:120px;margin-left:-60px;top:40px;left:50%;max-width: inherit;display:none}
.footer dl.d7 a.bds_twi:hover img{display:block;}
#footer .wrap{overflow: inherit}

.footer .fb{ padding:1.5% 0; border-top:1px solid rgba(63,105,151,0.18); line-height:1em; font-size:14px; }
.footer .copy{ color:#b9baba;}
.footer .fb li{ position:relative;width: initial;padding-right: 0;}
.footer .fb a{ padding:0 10px; color:#b9baba;}
.footer .fb .l1:after{ display:block; content:""; position:absolute; top:0; right:0; width:2px; height:1em; background:#b9baba; font-size:14px;}
.footer a:hover{ color:rgba(255,255,255,1);}
.footer .fb .wrap{overflow: inherit;}

.pd{ padding:5% 0; }
.index{ background:#eae9e9; }
.index p{ font-size:15px; }
.index .tittle{ text-align:center; }
.index .tittle h3{ line-height:1.5em;font-size:40px; color:#083b70;font-family: "OpenSans Blod"}
.index .tittle span{ display:block; margin:2% auto; width:41px; height:4px; background:#acabab; }
.ind_walk .bd{ margin:2% auto; width:90%;}
.ind_walk .bd p{ line-height:1.53em; color:#525252; font-family: SourceHanSansCN,"Source Han Sans CN Regular"}
.ind_walk .bd>p{ margin:0 auto; width:96%; text-align:center;}
.ind_walk .bd li{ margin-top:3%; padding:1% 3% 5%; width:40%;-webkit-transition: 0.3s;transition: 0.3s;position: relative;
    }
.ind_walk .bd li:before{
    content: '';
    display: block;
    width: 0;
    height: 3%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ind_walk .bd li:hover{ background:rgba(255,255,255,0.2); box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.1); -webkit-transform: translateY(-4px); transform: translateY(-4px);}
.ind_walk .bd li:hover:before{
    -webkit-animation: colorc 5s linear infinite ;
    animation: colorc 5s linear infinite ;
    background: -webkit-linear-gradient(left, #c9c9c9 , #858484);
    background: -o-linear-gradient(right, #c9c9c9, #858484);
    background: -moz-linear-gradient(right, #c9c9c9, #858484);
    background: linear-gradient(to right, #c9c9c9 , #858484);
}
@keyframes colorc {
    0%{
        /*background-color:rgba(230,0,180,0)*/
    }
    33.3%{
        /*background-color:rgba(45,111,180,0.05)*/
        width: 50%;
    }
    66.6%{
        /*background-color:rgba(230,0,180,0.05)*/
        width: 100%;
    }
    100%{
        /*background-color:rgba(230,0,18,0)*/
    }
}
.ind_walk .bd li.l1{ float:left;}
.ind_walk .bd li.l2{ float:right;  }
.ind_walk .bd a{ display:block; position:relative; min-height:95px;}
.ind_walk .bd h4{ position:relative; line-height:3em; text-align:center; height: 6em;}
.ind_walk .bd h4:before{ display:block; content:""; position:absolute; top:50%; left:0; margin-top:0.5px; width:100%; height:1px; background:#c9c9c9; text-align:center; text-transform:uppercase; z-index: 1;}
.ind_walk .bd h4 span{ position:relative; padding:0 5%; background:#eae9e9;font-size:23px; color:#2a2a2a; z-index: 2;margin-top: 1em;}
.ind_walk .bd li:hover h4 span{ }
.ind_walk .bd .img{ position:absolute; top:6em; left:0; width:95px; height:95px; border-radius:50%; overflow:hidden; }
.ind_walk .bd .img img{ width:100%;}
.ind_walk .bd .txt{ position:relative; margin-left:95px; padding-left:5%; }

.ind_pro{ position:relative; background:url("../images/ind_pr.jpg") no-repeat center center; background-size:cover; }
.ind_pro:before{ display:block; content:""; position:absolute; top:0; left:50%; margin-left:-47px; width:94px; height:23px; background:url("../images/ind_pri.png") no-repeat center center; background-size:cover;}
.ind_pro .tittle{ padding:2% 0;}
.ind_pro .tittle h3{ color:#fff; }
.ind_pro .tittle p{ color:rgba(255,255,255,0.57); }
.ind_pro .bd{ }
.ind_pro .bd li{ float:left; padding:1%; width:26%; margin-right:8%; margin-bottom:1%; -webkit-transition: 0.3s;transition: 0.3s;position: relative;}
.ind_pro .bd li:before{
    content: '';
    display: block;
    width: 0;
    height: 1.5%;
    position: absolute;
    bottom: 0;
    left: 0;
}
.ind_pro .bd li:hover{ background:rgba(255,255,255,0.05); box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.1); -webkit-transform: translateY(-4px); transform: translateY(-4px);
    -webkit-animation: 0.3s;
    animation: 0.3s;
    }
.ind_pro .bd li:hover:before{
    -webkit-animation: colorcha 5s linear infinite ;
    animation: colorcha 5s linear infinite ;
    background: -webkit-linear-gradient(left, #083b70 , #eae9e9);
    background: -o-linear-gradient(right, #083b70, #eae9e9);
    background: -moz-linear-gradient(right, #083b70, #eae9e9);
    background: linear-gradient(to right, #083b70 , #eae9e9);
}
@keyframes colorcha {
    0%{
        /*background-color:rgba(255,255,255,0)*/
    }
    33.3%{
        /*background-color:rgba(255,255,255,0.3)*/
        width: 50%;
    }
    66.6%{
        /*background-color:rgba(255,255,255,0)*/
        width: 100%;
    }
    100%{

    }
}
.ind_pro .bd li:nth-child(3n){ margin-right:0; }
.ind_pro .bd li a{ display:block; }
.ind_pro .bd .img{ margin:5% 0; width:100%; height:130px; line-height:130px; text-align:center; overflow:hidden;}
.ind_pro .bd .img img{ max-width:100%; max-height:100%;}
.ind_pro .bd .txt{ padding:5%; border-top:1px solid #285f97;text-align: center;}
.ind_pro .bd h4{ line-height:2em; font-size:20px; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden ;font-family: SourceHanSansCN,"Source Han Sans CN Regular";text-align: center;}
.ind_pro .bd p{ height:3em; line-height:1.5em; font-size:14px; color:#689ed5; display:-webkit-box; -webkit-orient:vertical; -webkit-line-clamp:2; overflow:hidden;text-align: center;display: inline-block;}
.ind_pro .bd .more{ position:relative; margin:3% auto; width:9.6em; height:2.5em; background:#e0702d; border-radius:5px; line-height:2.5em; text-transform:uppercase; text-align:center; font-size:14px; overflow:hidden; }
.ind_pro .bd .more a{ position:relative;  color:#fff; z-index: 2;}
.ind_pro .bd .more:before{ display:block; content:""; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.1); z-index: 1; -webkit-transition: 0.3s;transition: 0.3s;}
.ind_pro .bd .more:hover:before{ width:100%; }

.ind_sol .tittle p{ margin:0 auto; width:58%; line-height:1.53em; color:#525252;  }
.ind_sol .bd{ margin:4% 0;width: 100%;}
.ind_sol .bd .li_l{width: 50%;overflow: hidden;float: left;}
.ind_sol .bd .li_r{width: 50%;overflow: hidden;float: right;}
.ind_sol li{ position:relative; float:left; width:100%; overflow: hidden;}
.ind_sol li a{ display:block;width: 100%;height: 100%;}
.ind_sol li.l3,.ind_sol li.l4{ width:50%; }
.ind_sol li .img{ overflow:hidden;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;}
.ind_sol li .img img{ width:100%; -webkit-transition: 0.3s;transition: 0.3s;}
.ind_sol li:hover .img img{ }
.ind_sol li .txt{ position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(8,59,122,0.83); opacity: 0; filter:Alpha(opacity=0); -webkit-transition: 0.3s; transition: 0.3s; }
.ind_sol li .txt h4{ position:relative; top:50%; margin-top:-43px; line-height:3em; text-align:center; font-size:20px; color:#fff; -webkit-transition: 0.3s;transition: 0.3s; -webkit-transform: translateY(-50%);transform: translateY(-50%); opacity: 0; filter:Alpha(opacity=0); }
.ind_sol li .txt i{ display:block; margin:0 auto; width:26px; height:26px; background:url("../images/ind_sol_i.png") no-repeat center center; background-size:cover;}
.ind_sol li:hover .txt{ opacity: 1; filter:Alpha(opacity=100); }
.ind_sol li:hover .txt h4{ -webkit-transform: translateY(0);transform: translateY(0); opacity: 1; filter:Alpha(opacity=100); }

.ind_new{ background:#e0dfdf;}
.ind_new .tittle p{ color:#181818;}
.ind_new .bd{ margin-top:5%;font-family: SourceHanSansCN,"Source Han Sans CN Regular";}
.ind_new .bd h4{ font-size:17px; color:#083b70; font-family: SourceHanSansCN,"Source Han Sans CN Regular" }
.ind_new .ev{ position:relative; width:47%;}
.ind_new .ev a{width: 100%;display: block;}
.ind_new .ev .time{ position:absolute; top:0; left:10px; padding:20px; background:#09396b; text-align:center; color:#d2dfed; }
.ind_new .ev .time .y{ display:block; font-size:19px; }
.ind_new .ev .time .y:after{ display:block; content:""; margin:0 auto; width:8px; height:7px; background:url("../images/id_t.png") no-repeat center center; background-size:cover; }
.ind_new .ev .time .d{ display:block; font-size:16px; }
.ind_new .ev .img{ overflow:hidden;width: 100%;max-height: 265px;overflow: hidden;}
.ind_new .ev .img img{width: 100%;}
.ind_new .ev .txt{ padding:5% 0;}
.ind_new .ev .txt h4{ line-height:2em;}
.ind_new .ev .txt span{ font-size:13px; color:#5a5a5a;width: 100%;}
.ind_new .ev .txt p{ margin-top:2%; height:2.6em; line-height:1.3em; font-size:15px; color:#000; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow:hidden;}
.ind_new .nw{ width:47%;}
.ind_new .nw li{ float:none; margin-bottom:8%;overflow: hidden;}
.ind_new .nw li a{ display:inline-block;}
.ind_new .nw .img{ float:left; margin-right:5%; width:112px; height:105px; overflow:hidden;line-height: 105px;border: 1px solid #bcb8b8;}
/*.ind_new .nw .img img{height: 100%;}*/
.ind_new .nw .txt{ float:right;width: 75%;}
.ind_new .nw h4{ margin-bottom:1%; font-size:17px;}
.ind_new .nw p{ line-height:1.5; font-size:14px; color:#3c3c3c;}
.ind_new .nw em{ display:block; margin-top:1%;  text-transform:uppercase; font-size:13px; color:#083b70;cursor: pointer;}
.ind_new .nw em:hover{text-decoration: underline;}

.ind_stay{ padding:3% 0; position:relative; background:url("../images/ind_st.png") no-repeat center center; background-size:cover; }
.ind_stay .tittle h3{ color:#fff; }
.ind_stay .tittle p{ color:rgba(255,255,255,0.73); }
.ind_stay form{ position:relative; margin:3% auto 0;  width:360px;}
.ind_stay input{ margin-left:-62px; width:360px; height:34px; border:1px solid #e0702d; background:none; text-indent:1em; line-height:34; font-size:12px; color:rgba(255,255,255,0.6); text-overflow:ellipsis; white-space: nowrap; overflow:hidden; }
.ind_stay button{ position:absolute; top:0; right:-62px; width:124px; height:36px; background:#e0702d; text-align:center; line-height:36px;  font-size:15px; color:#fff; }
.ind_stay button span{ position:relative; z-index: 2; }
.ind_stay button:before{ display:block; content:""; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.1); z-index: 1; -webkit-transition: 0.3s;transition: 0.3s;}
.ind_stay button:hover:before{ width:100%; }

.about .item1 p{ line-height:1.66em; font-size:15px; color:#2c2c2c;line-height: 2em;}
.about .tittle{ text-align:center;}
.about .tittle h3{ line-height: 2em; text-transform:uppercase; text-align:center; font-size:26px; font-weight:500; color:#1a1a1a;font-family: "OpenSans Blod"}
.about .tittle span{ display:block; margin:10px auto;  width:45px; height:4px; background:#083b70;}
.about .item1 .bd{ margin:3%; }
.about .item1{ position:relative; background:url("../images/ab_1b.jpg") no-repeat center center; background-size:cover; }
.about .item2{ position:relative; background:url("../images/ab_2b.jpg") no-repeat center center; background-size:cover; text-align:center; color:#fff;font-family: "OpenSans Light"}
.about .item2 .bd{ padding:6% 0 8%; }
.about .item2 h3{ line-height:2em; text-transform:uppercase; font-size:42px; }
.about .item2 p{ font-size:28px; }
.about .item3{font-family: "OpenSans Light"}
.about .item3 .hd{ position:relative; margin:5% 0; border-bottom:1px solid #e1e1e1;}
.about .item3 .hd em{ cursor: pointer;position:absolute; bottom:-8px; height:15px; background:url("../images/ab_i.png") no-repeat center center; background-size:11px; z-index: 2; -webkit-transition: 0.3s;transition: 0.3s;}
.about .item3 .hd a{ position:absolute; bottom:-20px; width:30px; height:40px; background-size:17px; background-repeat:no-repeat; background-position:center center;}
.about .item3 .hd .prev{ left:-40px; background-image:url("../images/ab_3l.png"); }
.about .item3 .hd .next{ right:-40px; background-image:url("../images/ab_3r.png");}
.about .item3 .hd li{ position:relative; line-height:4em; text-align:center; font-size:20px; color:#3c3c3c;cursor: pointer;}
.about .item3 .hd li:after{ display:block; content:""; position:absolute; left:50%; bottom:-5px; margin-left:-4.5px; width:9px; height:9px; border-radius:50%; background:#a2a2a2; z-index: 1; opacity: 1; filter:Alpha(opacity=100);-webkit-transition: 0.3s;transition: 0.3s;}
.about .item3 .hd li.on:after{ opacity: 1; filter:Alpha(opacity=100);}
.about .item3 .bd{ margin:0 auto; width:90%;}
.about .item3 .bd .img{ float:left; width:40%;}
.about .item3 .bd .txt{ float:right; width:54%;}
.about .item3 .bd h4{ padding-left:30px; background:url("../images/ab_3i.png") no-repeat left center; background-size:17px; line-height:2em; font-size:36px; color:#000; }
.about .item3 p{ color:#3c3c3c;line-height: 2em; }

.pb{ padding:0 0 5%;}
.site{ margin-bottom:3%; background:#f0f0f0; line-height: 60px;}
.supsite,.ab_newsite,.ab_exhsite,.ab_evesite{
    margin-bottom:0;
}
.site a{ font-size:14px; color:#5b5b5b;font-family: SourceHanSansCN,"Source Han Sans CN Regular"}
.site i{ padding:0 2px;}

.news{ padding:2% 0 5%;}
.news li{ float:none; -webkit-transition: 0.3s; transition: 0.3s; margin-bottom: 2em;}
.news li:hover{ background:#f9f9f9; box-shadow: 0 0 5px 2px rgba(0,0,0,0.1)}
.news li a{ display:block; padding:3.5% 3% 4%;border:1px solid #d7d7d7; }

/*.news li+li a{ border-top:1px solid #d7d7d7;}*/
.news li .img{ float:left; position:relative; margin:0 5% 0 0; width:235px; overflow:hidden;background: url("../images/nopic.jpg");height: 10em;background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;line-height: 10em;}
.news li .img img{-webkit-transition: .3s;transition: .3s;-webkit-transform: scale(1);transform: scale(1);}
.news li:hover .img img{ -webkit-transform: scale(1.1);transform: scale(1.1);}
.news li h4{ margin-bottom:1.3%; line-height: 1.5em; font-size:15px; color:#083b70; /*overflow:hidden; white-space: nowrap; text-overflow:ellipsis;*/}
.news li span{ display:block; line-height:1.9; font-size:14px; color:#1f1f1f;}
.news li p{ margin-bottom:1%; /*height:3.8em;*/ line-height:1.9; font-size:14px; color:#1f1f1f; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

.news.eve li{width: 30%;float: left;margin-right: 5%;margin-bottom: 3%;}
.news.eve li:nth-child(3n){margin-right: 0;}
.news.eve li .img{width: 100%;position: static;height: 13em;margin-bottom: 1em;}
.news.eve li .img img{width: 100%;height: 100%;}
.news.eve li .txt{width: 100%;}
.news.eve li .txt h4{/*white-space: normal;overflow: inherit;*/line-height: 1.5em;/*text-overflow: ellipsis;white-space: nowrap;*/}

.page{ margin:3% 0 5%;}
.page a{ float:left; display:inline-block; min-width:50px; height:45px; background:#e9e8e8; line-height:45px; text-align:center; text-transform:uppercase; font-size:16px; color:#1e1e1e;}
.page .num a{ margin-right:2px;}
.page .pn a{ margin-left:2px;float: right;}
.page .num a:last-child{ padding:0 10px;}
.page .prev{ /*background:#d7d7d7 url("../images/pg_p.png") no-repeat center;*/ font-family: "SimHei"; font-weight:bold;}
.page .next{ padding:0 30px;}
.page a:hover,
.page a.on{ background:#de7618; color:#fff;}

.solu_page{padding: 3em 0 6em;background-color: #f3f3f3;text-align: center;}
.solu_page2{background-color: #ffffff;}
.solu_page a{line-height: 2em;padding:0 2em;text-align: center;font-size: 16px;font-family: OpenSans;margin: 0 0.5em;color: #083b70;}
.solu_page a.on{background-color: #e5e5e5;}
.solu_page a:hover{color: #1f5d9f;}
.solu_page a:last-child{border: none;}

.news_det .hd{ padding:4% 3% 2.5%; border-bottom:1px solid #d7d7d7; }
.news_det .hd h4{ line-height:2em;  font-size:22px; color:#083b70;}
.news_det .hd h4 span{ line-height:3em; font-size:14px; color:#565656; }
.news_det .bd{ margin:3% 3% 10%; }
.news_det .bd p{ line-height:1.9; font-size:14px; color:#1f1f1f;}
.news_det .bd img{  margin:5% auto;  display:block; height:auto;}

.exh{ padding:4% 0;}
.exh .list li{ margin-right:3.5%; margin-bottom:3.5%; width:31%; -webkit-transition: 0.3s;transition: 0.3s;}
.exh .list li:hover{ box-shadow: 1px 2px 5px 2px rgba(0,0,0,0.2); }
.exh .list li:nth-child(3n){ margin-right:0;}
.exh .list li a{ display:block;}
.exh .list li .img{ overflow:hidden;}
.exh .list li .img img{ width:100%; -webkit-transition: 0.3s;transition: 0.3s;}
.exh .list li:hover .img img{ -webkit-transform:scale(1.1);transform:scale(1.1);}
.exh .list li .txt{ padding:3% 2%; }
.exh .list li h4{ line-height: 2em; font-size:15px; color:#083b70; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.exh .list li p{ margin:2% 0;}
.exh .list li span{ display:block; line-height: 1.9em; font-size:14px; color:#1f1f1f;}

.partner h3{ margin-bottom:2%; text-transform: capitalize; font-size:20px; color:#083b70;}
.partner p{ line-height:2em; font-size:15px; color:#4f4f4f;}
.partner h4{line-height:2em; font-size:15px; color:#4f4f4f;font-family: "OpenSans Blod"}
.partner .item{ margin-bottom:4%;}

.contact .bd h3{ font-size:30px; color:#083b70;}
.contact .bd .fl{ width:100%;}
.contact .bd .fl h3{ margin-bottom:4%; font-size:30px;}
.contact .bd .fl p{ line-height:1.7em; font-size:14px; color:#1f1f1f;padding: 0.5em 0;}
.contact .bd .fl em{font-family: "OpenSans Blod";}
.contact .bd .fl .code{ margin-top:10%; width:134px;}
.contact .bd .fr{ width:36%; padding:2% 4%; background:#eaeaeb;}
.contact .bd .fr p{ position:relative; margin-top:5px; line-height:3em;  font-size:13px; color:#000;}
.contact .bd .fl ul{border:1px solid #eaeaeb;padding: 7px 0;margin-bottom: 5em;}
.contact .bd .fl li{width: 100%;border-top: 1em;margin-bottom: 0em;padding: 0 0 0 1em;}
.contact .bd .fl li h4{font-size: 18px;font-weight: bold;color: #083b70;line-height: 2.5em;}
/*.contact .bd .fl li.l1{background-color: #1c9ad7;border-color: #21b6cc;}
.contact .bd .fl li.l2{background-color: #f3aa29;border-color: #db972a;}
.contact .bd .fl li.l3{background-color: #7ab235;border-color: #5a9917;}*/
.contact .bd form{ margin-left:2%;}
.contact .bd form p{ padding-left:2%; line-height: 1.8em;}
.contact .bd form i{ position:absolute; top:40%; left:-2%; margin-left:-0.4em; margin-top:-1em; color:#d90000;}
.contact .bd form label{ color:#515151;}
.contact .bd form input,
.contact .bd form textarea{ width:100%;  background:#fff; font-size:13px; color:#666;}
.contact .bd form input{ height:2.6em; text-indent:1em; line-height: 2.6em; }
.contact .bd form textarea{ height:7.5em; text-indent:2em; line-height: 1.5em; }
.contact .bd form button{ display:block; position:relative; margin:8% auto 2%; width:55%; height:2.3em; background:#083b70; line-height:2.3em; text-align:center; text-transform:uppercase; font-size:16px; color:#fff;}
.contact .bd form button span{ position:relative; z-index: 2;}
.contact .bd form button:before{ display:block; content:""; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.1); z-index: 1; -webkit-transition: 0.3s;transition: 0.3s;}
.contact .bd form button:hover:before{ width:100%; }
.contact .map{ margin:3% auto 4%; width:100%; height:475px;}
.contact .map label{ display:none!important;}
.my-map { margin: 0 auto; width:100%; height: 100%; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}

.slide-l{ float:left; /*width:20%;*/background-color: #fff;}
.slide-l dl{ margin-bottom:5.5%;}
.slide-l dt{ position:relative; margin-bottom:10px; padding-left:30px; border-bottom:1px solid #e8e7e7;  line-height:3em; font-size:16px; color:#083b70;}
.slide-l dt:before{ display:block; content:""; position:absolute; top:50%; left:8px; margin-top:-5px; width:10px; height:10px; background-image:url("../images/sl_i.png"); background-repeat:no-repeat; background-position:center top; background-size:10px 20px; -webkit-transition: 0.3s; transition: 0.3s; }
.slide-l dl.on dt:before{ background-position:center bottom; }
.slide-l dd{ display:none; padding-left:30px; line-height:2.1em; font-size:14px; color:#202020; -webkit-transition: background 0.3s;transition: background 0.3s;cursor: pointer;}
.slide-l dd a{ color:#202020; display: block;}
a.btn_new{display: block;margin: 0.7em 3%;}
a.btn_new:hover{color: #0e4074;text-decoration: underline;}
.slide-l dl.on dd{ display:block;}
.slide-l dd.on,
.slide-l dd:hover{ background:#083b70;}
.slide-l dd.on a,
.slide-l dd:hover a{ color:#fff;}
.slide-l.on{position: fixed;top: 0;margin-top: 0;}
.slide-r{ float:right; width:75%;min-height: 500px;}
.slide-r .wrap{width: 100%;}
.slide-r h3{ margin-bottom:1.5%; line-height:2em; text-align:center; font-size:16px; color:#1d1d1d;}
.slide-r .item{ margin-bottom:2%;}
.slide-r tr{ width:70%; border-bottom:4px solid #fff;}
.slide-r th{ padding:2% 2%; background:#ececec; line-height:1.5em; text-align:left; text-transform:uppercase; font-size:15px; font-weight:normal; color:#000000;}
.slide-r td{ padding:2% 2%;  background:#f4f3f3; line-height:1.5em;height: 1.5em; font-size:14px; color:#252525; -webkit-transition: 0.3s;transition: 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*.slide-r td:hover{text-overflow: initial;}*/
.slide-r td a{ display:inline-block; margin:0 auto; width:40%; height:100%; background:url("../images/dw_i.png") no-repeat center center; background-size:13px 16px;}
.slide-r .t1{ padding-left:8%; width:22%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.slide-r .t1:hover{text-overflow: initial;}
.slide-r .t3{ width:15%; }
.slide-r .t4{ width:20%; text-align:center;}
.slide-r tr:hover td{ background:rgba(8,59,112,0.15);}
.slide-r dl dd{display: none;}
.slide-r dl dd.on{display: block;}

.product .slide-r li{ margin-right:2%; margin-bottom:2%; width:32%; -webkit-transition: 0.5s;transition: 0.5s}
.product .slide-r li:nth-child(3n){ margin-right:0; }
.product .slide-r li a{ display:block; padding:8%; border:1px solid #d9d9d9; }
.product .slide-r li .txt{ margin:5% auto;}
.product .slide-r li h4{ margin-bottom:5%; line-height:1.6em; font-size:16px; color:#083b70; -webkit-transition: 0.5s;transition: 0.5s;}
.product .slide-r li .tw{ display:inline-block;line-height:1.6em; font-size:13px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7;}
.product .slide-r li p{ position:relative; padding-left:7%; color:#5b5b5b; -webkit-transition: 0.3s;transition: 0.3s;}
.product .slide-r li p:before{ display:block; content:""; position:absolute; top:0.8em; left:2%; margin-top:-2.5px; margin-right:5px; width:5px; height:5px; background:#414141; border-radius:50%; line-height:1.6em; font-size:13px;  }
.product .slide-r li .img{ height:108px; line-height:108px; text-align:center; overflow:hidden;}
.product .slide-r li .img img{ max-width:100%; max-height:100%;}
.product .slide-r li:hover a{ background:#083b70;}
.product .slide-r li:hover h4{ color:#FFFFFF;}
.product .slide-r li:hover .tw{ color:rgba(255,255,255,0.66);}
.product .slide-r li:hover p{ color:rgba(255,255,255,0.66);}
.product .slide-r li:hover p:before{ background:rgba(255,255,255,0.66);}

.faq .hd{  margin:0 auto 3%; width:90%;}
.faq .hd li{ margin-right:1%; margin-left:-1px; width:19.2%;margin-bottom:9px; }
.faq .hd li:nth-child(5n+5){margin-right:0;}
.faq .hd li:last-child{ margin-right:0; }
.faq .hd li a{ display:block; border:1px solid #dcdcdc; border-radius:3px; line-height: 3em; text-align:center; font-size:15px; color:#272727;}
.faq .hd li.on a{ background:#083b70; color:#fff;}
.faq .bd{  margin:0 auto; width:90%;}
.faq .bd li{  float:none; padding-top:1px;}
.faq .bd dt{ position:relative; margin-top:-1px; padding:2% 7%; border-top:1px solid #e1e0e0; border-bottom:1px solid #e1e0e0; line-height: 2em; font-size:15px; color:#2b2b2b; -webkit-transition: 0.3s;transition: 0.3s;}
.faq .bd dt em{ display:block; position:absolute; top:50%; left:5%; margin-left:-24px; margin-top:-12px; width:24px; height:24px; background:#8a8a8a url("../images/faq_q.png") no-repeat center center; background-size:10px 12px; -webkit-transition: 0.3s; transition: 0.3s; }
.faq .bd dt i{ display:block; position:absolute; top:50%; right:5%; margin-top:-5px; width:15px; height:10px; background:url("../images/faq_i.png") no-repeat center top; background-size:15px 20px; -webkit-transition: 0.3s; transition: 0.3s; }
.faq .bd dd{ display:none; margin:0 2%; padding:2% 7% 2% 5%; background:#f4f3f3; line-height: 2em; font-size:14px; color:#1f1f1f;}
.faq .bd dl.on dt,
.faq .bd dl:hover dt{  color:#083b70;cursor: pointer;}
.faq .bd dl.on dt em{  background-color:#083b70 ; }
.faq .bd dl.on dt i{  background-position:center bottom ; }
.faq .bd dl.on dd{ display:block;}

.ticket form{ margin:0 auto; width:90%;}
.ticket .item{ float:left; position:relative; margin:1% 1.5%;}
.ticket .text{ width:47%;}
.ticket .textarea{ width:97%;}
.ticket .button{ width:97%;}
.ticket i{ position:absolute; top:0; left:-1%; margin-left:-1em;  height:3em; line-height:3.2em; font-size:13px; color:#d90000;}
.ticket label{ position:absolute; top:0; left:3%; height:3em; line-height:3.2em; font-size:13px; color:#515151;}
.ticket input{height: 3.2em; padding:0 3%; margin-left:-1px; width:94%; background:none; border:1px solid #dcdcdc; line-height:3.2em; font-size:13px; color:#666;}
.ticket textarea{ padding:0.8em 3%; margin-left:-1px; width:94%; background:none; border:1px solid #dcdcdc;  height:11em; line-height:1.6em; font-size:13px; color:#666;}
.ticket .textarea label{ left:1.5%;}
.ticket button{ display:block; position:relative; margin:5% auto; width:16.6em; height:3em; background:#083b70; line-height:3em; text-align:center; text-transform:uppercase; font-size:16px; color:#fff;}
.ticket button span{ position:relative; z-index: 2;}
.ticket button:before{ display:block; content:""; position:absolute; top:0; left:0; width:0; height:100%; background:rgba(255,255,255,0.1); z-index: 1; -webkit-transition: 0.3s;transition: 0.3s;}
.ticket button:hover:before{ width:100%; }

.tool{/*font-family: "Microsoft YaHei"*/}
.tool li{ float:none; margin-bottom:3%; border:1px solid #dcdcdc;}
.tool h3{ display:block; margin:-1px; padding:1px; background:#0d3163; line-height:3.9em; text-align:center; text-transform:uppercase; font-size:16px; color:#fff;}
.tool p{ padding:2% 3% 4% 3%; line-height:1.8em; font-size:13px; color:#252525;}
.tool a{ position:relative; display:block; background:#eeeeee; border-top:1px solid #dcdcdc; line-height:4.7em; text-align:center; font-size:13px; color:#0d3163;}
.tool a:before{ display:block; content:""; position:absolute; top:0; left:0; width:100%; height:0;  background:rgba(8,59,112,0.1); -webkit-transition: 0.3s;transition: 0.3s;}
.tool a:hover:before{ height:100%; }

.solution li{ margin-bottom:2%; margin-right:2%; width:49%; -webkit-transition: 0.3s;transition: 0.3s;}
.solution li:hover{ background:#f9f9f9; box-shadow: 0 0 5px 2px rgba(0,0,0,0.2);}
.solution li:nth-child(2n){ margin-right:0;}
.solution li a{ display:block; }
.solution li .img{ overflow:hidden;}
.solution li .img img{ width:100%; -webkit-transition: 0.3s;transition: 0.3s;}
.solution li:hover .img img{ -webkit-transform: scale(1.1);transform: scale(1.1);}
.solution li h4{  text-align:center; }
.solution li h4 span{  position:relative; padding:1% 10%; line-height: 2em; font-size:22px; color:#444;}
.solution li:hover h4 span{  color:#0d3163;}
.solution li h4 span:before,
.solution li h4 span:after{ position:absolute; top:50%;  display:block; content:""; width:40px; height:1px; background:#989797;}
.solution li h4 span:before{ left:0; }
.solution li h4 span:after{ right:0; }
.solution li:hover h4 span:before,
.solution li:hover h4 span:after{ background:#0d3163; }
.solution2_typ1 dd{text-align: center;}

.search .form{ position:relative; }
.search form{ position:absolute; top:50%; left:0; margin-top:-23px; width:100%; height:46px;}
.search .form .wrap{ position:relative; }
.search form input{ display:block; margin:0 auto; padding-right:10%; width:80%; border:1px solid #ccc; background:#fff; text-indent:1em; line-height:44px; font-size:13px; color:#666; }
.search form button{ position:absolute; top:0; right:5%; width:46px; height:46px; background:#bababa url("../images/sh_i.png") no-repeat center center; background-size:16px; -webkit-transition: 0.3s;transition: 0.3s;}
.search form button:hover{ background:#083b70 url("../images/sh_i2.png") no-repeat center center; background-size:16px;}
.search .hd{ margin:3% auto 2%; text-align:center;}
.search .hd ul{ display:inline-block;}
.search .hd li{  width:13.2em; height:3em;  text-align:center; line-height:3em; text-transform:uppercase; font-size:15px; }
.search .hd li+li{ margin-left:1px;}
.search .hd li a{ display:block; background:#bbb; color:#fff;}
.search .hd li.on a,
.search .hd li:hover a{ background:#204e7e; }
.search .bd li{ float:none; padding:3% 0; border-top:1px solid #e2e2e1; -webkit-transition: 0.3s;transition: 0.3s;}
.search .bd li:hover{ background:rgba(0,0,0,0.02); box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);}
.search .bd li a{ display:block; padding-left:15px;}
.search .bd li .img{ float:left; margin:0 4% 0 1%;width:160px; height:60px; line-height: 60px; text-align:center;}
.search .bd li .img img{ max-width:100%; max-height:100%;}
.search .bd li .txt{ position:relative; padding-right:140px; }
.search .bd li h4{ position:relative; line-height: 2.2em; font-size:15px; color:#083b70; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.search .bd li p{ max-height:4em; line-height:2; font-size:14px; color:#000; overflow:hidden; display:-webkit-box; -webkit-box-orient: vertical; -weblit-line-clamp:2;}
.search .bd li span{ position:absolute; top:50%; right:10px; margin-top:-13px; padding:0 15px; height:26px; background:#dadada; border-radius:2px; line-height:26px; text-align:center; font-size:12px; color:#5e5e5e; -webkit-transition: 0.3s;transition: 0.3s;}
.search .bd li:hover span{ background:#083b70; color:#fff;}
.privacy p{ margin:0 1%; line-height: 1.8em; font-size:14px; color:#3a3a3a;}
.prodect2_ban{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.prodect2_ban .wrap{
    width: 100%;
}
.product_item .pro_item_l .hd ul li.pro_last{padding-right: 0;margin-right: 0;}
.prodect2_ban .ban_in{
    position: absolute;
    left: 0;
    right: 0;
    top:50%;
    margin-top: -80px;
    margin-left: -600px;
    left:50%;
    width: 32%;
    color: #1e1e1e;
    overflow: hidden;
}
.product_item .pro_item_l .hd ul li.pro_last img{width: 100%;height: 100%;}
.prodect2_ban .ban_in p{
    font-size: 1.0714em;
    color: #555555;
}
.prodect2_ban .ban_in h3{
    font-size: 42px;
    line-height: 1em;
    padding-bottom: 0.5em;
    color: #333333;}
.prodect2_centre{
    width:100%;
    height: 80px;
    background-color: #083b70;
    position: relative;
}
.prodect2_centre .pro_nav{
    width: 1200px;
    height:100%;
    margin:0 auto;
    position: relative;
}
.prodect2_centre .pro_nav_wrap{width: 90%;margin: 0 auto;overflow: hidden;height: 80px;}
.prodect2_centre .bd{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.prodect2_centre .pro_nav ul{
    width: 100%;
    height: 5.7em;
}
.prodect2_centre .pro_nav .bd ul li{
    width: 21.4285em;
    text-align: center;
    height: 5.7em;
    line-height: 5.7em;
    color: #fff;
    position: relative;
    cursor: pointer;
}
.prodect2_centre .pro_nav .bd ul li a{
    color: #ffffff;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0 auto;
    border-right: 1px solid #395f86;
    box-sizing: border-box;
    height: 70px;
    line-height: 70px;
    margin: 5px 0;
}
.prodect2_centre .pro_nav .bd ul li.on a{
    font-weight: bold;
    font-size: 16px;
}
/*.prodect2_centre .pro_nav .bd ul li:before{
    content: '';
    display: block;
    height: 0;
    width: 0;
    background-color: #083b70;
    position: absolute;
    top: 5.3571em;
    background-color:#FFF;
    -webkit-transition: 1s all;
    transition: 1s all;
}*/
/*.prodect2_centre .pro_nav .bd ul li:after {
    content: '';
    display: block;
    height: 4.5em;
    width: 1px;
    background-color: #395f86;
    position: absolute;
    top: 50%;
    margin-top: -2.25em;
    right: -1px;
}
.prodect2_centre .pro_nav .bd ul li:hover:before{
    width:100%;
}*/
.prodect2_centre .hd{height: 100%;
    width: 100%;position: absolute;top: 0;height: 1px;}
.prodect2_centre .hd a{
    width: 1.2142em;
    height: 100%;
    background-color: #083b70;
    position: absolute;
    top:0;
    height: 80px;
}
.prodect2_centre .hd span{
    display: inline-block;
    width: 1.2142em;
    height: 1.8571em;
    background: url(../images/product2_jiantou_05.jpg) 0    0 no-repeat;
    margin-top: 24px;
    cursor: pointer;
}
.prodect2_centre .hd .jt1{
    left: -15px;
}
.prodect2_centre .hd .jt2{
    right: -15px;
}
.prodect2_centre .hd .jiantou2{
    background: url(../images/product2_jiantou2_05.jpg) 0    0 no-repeat;
}
.prodect2_centre .pro_nav .aside{
    width:5.8571em;
    height:2.6785em;
    position: absolute;
    border-left:1px solid #395f86;
    border-right:1px solid #395f86;
    right: -10em;
    top:0;
    margin-top: 10px;
    padding-top:1.8215em;
    cursor: pointer;
}
.prodect2_centre .pro_nav .aside i{
    display:block;
    width:0;
    height:0;
    overflow:hidden;
    line-height: 0;
    border-width:0.5714em;
    border-style:solid;
    border-color:#fff transparent transparent transparent;
    margin: auto;
}
.prodect2_centre .aside_fade{
    width: 21.7142em;
    overflow: hidden;
    position: absolute;
    display: none;
    right: 0;
    border:1px solid #96acc3;
    background-color: #ffffff;
    z-index: 5;
}
.prodect2_centre .aside_fade .fade_top{
    height: 4.0714em;
    overflow: hidden;
    position: relative;
    margin: 0 0.5714em 0.6428em ;
    border-bottom: 1px solid #d1d9e0;
    cursor: pointer;
}
.prodect2_centre .aside_fade .fade_top span{
    display: inline-block;
    position: absolute;
    width:0 ;
    height: 0;
    line-height: 0;
    border-width:0.5em;
    border-style:solid;
    border-color: transparent transparent #444444 transparent;
    top: 50%;
    left: 50%;
    margin:-0.6428em -1.2142em;
}
.prodect2_centre .aside_fade .fade_list{
    overflow: hidden;
    display: block!important;
}
.prodect2_centre .aside_fade .fade_list ul li{
    width:100%;
    height:3em;
    text-align: center;
    line-height:3em;
    cursor: pointer;
    font-weight: bold;
}
.prodect2_centre .aside_fade .fade_list ul li:hover a{color: #FFFFFF;}
.prodect2_centre .aside_fade .fade_list ul li:hover{
    color: #ffffff;
    background-color: #083b70;
}
.prodect2_centre .aside_fade .fade_bottom{
    width: 20.3571em;
    height:4.0714em;
    margin: 0 0.6428em;
    border-top: 1px solid #d1d9e0;
    display: block!important;
}
.prodect2_centre .aside_fade .fade_bottom p{
    text-align: center;
    line-height: 4.0714em;
    color: #083b70;
    font-weight: bold;
    cursor: pointer;
}
.product_item{
    margin: 0 auto;
    padding: 5.7142em 0;
    box-sizing: border-box;
}
.product_item .pro_item_l{
    width:50%;
    margin: 0 auto;
    position: relative;
}
.product_item .pro_item_l .pro_txt{
    position: absolute;
    top: 50%;
    left: 0;
    overflow: hidden;
    margin-top: -172px;
}
.product_item .pro_item_l .bd ul{
    width: 34.2857em;
    overflow: hidden;
}
.product_item .pro_item_l .bd li{width:100%;max-height: 17em;text-align: center;height: 17em;}
.product_item .pro_item_l .bd img{
    /*width: 100%;*/
    max-height: 17em;
    display: inline-block;
}
.product_item .pro_item_l .hd{
    width:34.2857em;
    /*height: 1.3571em;*/
    margin-top: 4em;
    /*position: absolute;
    bottom: 15%;*/
}
.product_item .pro_item_l .hd ul{
    width: 25em;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    height: 49px;
}
.product_item .pro_item_l .hd ul li{
    width: 6em;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size:cover;
    background-size:cover;
    margin-right: 2em;
    float: none;
}
.product_item .pro_item_l .hd ul li img{width: 100%;height: 100%;cursor: pointer;}
.product_item .pro_item_r{
    width:50%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.product_item .pro_item_r.animated{
    -webkit-animation-fill-mode: none!important;
    animation-fill-mode: none!important;
    z-index: -1;
}
.pro_item_r h3 {
    text-transform: uppercase;
    color: #1a1a1a;
    font-size: 1.8571em;
    font-weight: bold;
}
.pro_item_r span{
    display: block;
    width: 3.2142em;
    height: 4px;
    background-color: #083b70;
    margin: 2em 0;
}
.pro_item_info{
    width:100%;
    height: 18.5em;
    margin-bottom: 2em;
}
.mCSB_dragger_bar{
    width: 2px!important;
    background-color: #083b70!important;
}
.pro_item_info p{
    color: #5b5b5b;
    font-size: 1.0714em;
    line-height: 1.7857em;
    padding-bottom: 2em;
}
.pro_item_link ul li{
    width: 2.5em;
    height:2.5em;
    margin-right: 1.4285em;
}
.pro_item_link a.bds_fbook,.pro_item_link a.bds_linkedin,.pro_item_link a.bds_twi{
    background: url(../images/product2_link_05.png) 0 0 no-repeat;
    width: 2.5em;
    height:2.5em;
    margin-right: 1.4285em;
}
.pro_item_link a.bds_linkedin{
    background: url(../images/product2_link_13.png) 0 0 no-repeat;
}
.pro_item_link a.bds_twi{
    background: url(../images/product2_link_09.png) 0 0 no-repeat;
}
.key_feat{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size:cover;
    background-size:cover;
    overflow: hidden;
}
.key_feat .key_feat_content{
    width: 1200px;
    margin: 0 auto;
    color: #ffffff;
    overflow: hidden;
    padding: 7.4285em 0 5em;
}
.prodect2 h3{
    font-family: "OpenSans Blod";
}
.key_feat_content h3{
    text-transform: uppercase;
    text-align: center;
    font-size: 1.8571em;
    font-weight: bold;
    font-family: "OpenSans Blod";
}
.key_feat_content span{
    display: block;
    width:3.2857em ;
    height: 0.3171em;
    background-color: #fff;
    margin: 2em auto;
}
.key_feat_content ul{width: 100%;overflow: hidden;text-align: center;}
.key_feat_content ul li{
    display: inline-block;
    width: 80%;
    padding:0 0 1.6428em 0;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: left;
    float: none;
    position: relative;
}
.news_det a.next,.news_det a.prev{margin: 0.7em 3%;}
.key_feat_content ul li i{
    display: inline-block;
    float: left;
    width: 25px;
    height: 25px;
    margin-top:2px;
    background: url(../images/product2_gou.png) center no-repeat;
    -webkit-background-size:cover;
    background-size:cover;
    position: absolute;
}
.key_feat_content ul li p{
    display: inline-block;
    float: left;
    font-weight: lighter;
    line-height:1.7857em;
    padding-left: 2.5em;
    font-size: 1.2857em;
    font-family: "OpenSans Light";
}
.product_para{
    width: 100%;
    padding-top:8.2857em;
}
.product_para h3{
    text-transform: uppercase;
    text-align: center;
    color: #1a1a1a;
    font-size: 1.8571em;
    font-family: "OpenSans Blod";
}
.product_para span{
    display: block;
    width:3.2142em;
    height:4px;
    margin:2.1428em auto 5.3571em;
    background-color: #083b70;

}
.product_para_top{
    width: 1200px;
    overflow: hidden;
    margin: auto;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 3em;
    padding-top: 3em;
}
.product_para_bottom{
    width: 1200px;
    overflow: hidden;
    margin: auto;
    padding:4.5em 0 7.1428em;
    box-sizing: border-box;
}
.product_para li{
    width: 21.15%;
    padding-right:5%;
}
.product_para li p{
    line-height: 1.78571429em;
}
.product_para li ol li{
    padding-right:0;
}
.product_para .para_last{
    padding-right:0;
}
.product_para li ol li{
    width: 100%;
    color: #5b5b5b;
}
.product_para h4{
    font-size:1.3571em ;
    color: #21548a;
    padding-bottom: 1.7857em;
}
.download{
    width:100%;
    overflow: hidden;
}
.supcont{
    padding-top:3%;
}
.download .down_in{
    width: 1200px;
    padding: 6em 0;
    margin: 0 auto;
    overflow: hidden;
}
.download .down_in h3{
    text-transform: uppercase;
    font-size: 1.8571em;
    text-align: center;
    font-weight: bold;
    line-height: 1.8571em;
    color: #ffffff;
    font-family: "OpenSans Blod";
}
.com2down{
    background-color: #083b70;
}
.download .down_in span{
    display: block;
    width: 3.2142em;
    height: 4px;
    background-color: #ffffff;
    margin: 2em auto 2.8571em;
}
.download .down_in ul li{
    width: 100%;
    height: 6em;
    color: #363636;
    text-align: center;
    background-color: #efeeee;
    box-sizing:border-box;
    position: relative;
    cursor: pointer;
    margin-bottom: 0.5171em;
}
.download .down_in ul a{width: 50%;float: left;}
.download .down_in i{
    display: inline-block;
    width: 1em;
    height: 1em;
    position: absolute;
    top:50%;
    margin-top: -0.5em;
    background: url(../images/product2_down_09.jpg) center no-repeat;
}
.download .down_in p{
    display: inline-block;
    line-height: 6em;
    padding-left: 2em;
}
.download .down_in p:hover{
    color: #205389;
    text-decoration: underline;
}
.pro_down{
    background-color: #083b70;
}
.related{
    width: 100%;
    overflow: hidden;
    background-color: #ffffff;
}
.rel_in{
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    padding:5.7142em 0 7em;
}
.rel_in h3{
    color: #1a1a1a;
    font-size: 1.8571em;
    line-height:1.8571em;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    font-family: "OpenSans Blod";
}
.rel_in span{
    display:block;
    margin: 1.7857em auto 3em;
    width: 3.2142em;
    height: 4px;
    background-color: #083b70;
}
.rel_in ul li{
    width: 23.9166%;
    float: left;
    margin-right:1.2% ;
    border: 1px solid #d9d9d9;
    padding:3.1428em 1.5714em;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.rel_in ul li h4{text-align: center;height: 144px;line-height: 144px;}
.rel_in ul li:hover{
    background-color: #083b70;
    border-color:#083b70;
    box-shadow: 2px 4px 10px 4px rgba(0,0,0,0.3);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
}
.rel_in ul li:hover dt{
    color: #ffffff;
}
.rel_in ul li:hover dd{
    color: #ffffff;
}
.rel_in ul li:hover dd:before{
    background-color: #dae2ea;
}
.rel_in .rel_last{
    margin-right: 0;
}
.rel_in dl{
    padding-bottom: 35px;
}
.rel_in dl dt{
    font-size: 1.1428em;
    line-height:1.1428em;
    color: #083b70;
    padding-bottom: 1.6428em;
}
.rel_in dl dd{
    font-size: 0.9285em;
    line-height: 1.5714em;
    color: #5b5b5b;
    padding-left:1em;
    position: relative;
}
.rel_in dl dd:before{
    content: '';
    display: block;
    height: 0.5em;
    width: 0.5em;
    border-radius: 50%;
    background-color: #414141;
    position: absolute;
    top: 0.46425em;
    left: 0;
}
.lot_head{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size:cover;
    background-size:cover;
    overflow: hidden;
    color: #ffffff;
    position: relative;
}
.inter_in h5{display: none;}
.lot_head_in{
    width: 1200px;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5.8456em 0 0 -600px;
}
.lot_head h3{
    font-size: 2.8185em;
    font-family: "OpenSans Blod";
}
.lot_head p{
    width: 42.7142em;
    line-height:1.7857em;
}
.lot_internet{
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.lot_inter_in{
    width: 1200px;
    margin: 0 auto;
    position: relative;
    color: #101010;
    text-align: center;
    padding:8.0714em 0 9.0714em;
}
.lot_inter_in h3{
    font-size: 2.6307em;
    position: absolute;
    top:50%;
    left: 50%;
    margin: 4.7571em -2.4714em ;
}
.lot_inter_in h4{
    position: absolute;
    display: inline-block;
    left: 50%;
    top:50%;
    font-size: 1.5em;
}
.inter_in_fle h4{
    left: 50%;
    top:50%;
    margin:-16.617em 0 0 2em;
}
.inter_in_sms h4{
    left: 50%;
    top:50%;
    margin: -2.9345em 0 0 13.9428em;
}
.inter_in_Spe h4{
    left: 50%;
    top:50%;
    margin:-2.9345em 0 0 -22.3428em;
}
.inter_in_nat h4{
    left: 50%;
    top:50%;
    margin: 13.8544em 0 0 -24.6428em;
}
.inter_in_flow h4{
    margin:13.8544em 0 0 17.2428em;
}
.lot_inter_in p{
    color: #878787;
    position: absolute;
    text-align: left;
    top:50%;
    left: 50%;
}
.inter_in_fle p{
    margin: -20.8571em 0 0 -21.4285em;
}
.inter_in_Spe p{
    margin: -0.8453em 0 0 -40.6428em;
    width: 26.4285em;
}
.inter_in_sms p{
    margin: -0.8453em 0 0 17.3142em;
}
.inter_in_nat p{
    margin: 24.4714em 0 0 -39.5em;
    width: 26.4em;
}
.inter_in_flow p{
    margin: 24.4714em 0 0 21em;
}
.lot_application{
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.lot_appli_in{
    width:1200px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    color: #ffffff;
    padding:7% 0 5%;
    box-sizing: border-box;
}
.lot_appli_in h3{
    font-size: 2.8571em;
    line-height: 2em;
}
.lot_appli_in p{
    line-height: 1.6857em;
    font-size: 1.1428em;
}
.lot_appli_in ul li span{
    display: block;
    width: 11.0714em;
    height: 11.0714em;
    border-radius: 50%;
    border: 0.4285em solid #e5e5e5;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    margin: 0 auto;
}
.lot_appli_in ul li span:before{
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background-color: rgba(0,0,0,0.15);
    position: absolute;
    border-radius: 40%;
    box-shadow:0 0 20px rgba(0,0,0,0.6);
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: 8.5em;
}
.lot_appli_in ul li span:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 2.2142em solid #e5e5e5;
    border-left: 1.2142em solid transparent;
    border-right: 1.2142em solid transparent;
    position: absolute;
    bottom: -2.2142em;
    left: 50%;
    margin-left: -1.2142em;
}
.lot_appli_in ul{
    width: 100%;
    padding: 3.7157em 10.5% 0 ;
    overflow: hidden;
    box-sizing: border-box;
}
.lot_appli_in ul li{
    width: 20%;
    margin-bottom: 2.2em;
}
.appli_in_last {
    padding-right:0 !important;
}
.lot_appli_in ul li p{
    font-size: 1.2157em;
    line-height: 2em;
    margin-top: 3em;
    padding:0;
    margin-left: 0!important;
    left: 0!important;
}

.lot_profess_list{
    width: 100%;
}
.lot_profession_2{
    background-color: #ededed;
}
.lot_profession_4{
    background-color: #e3e3e3;
}
.lot_profess_list dl dd{
    width: 100%;
    font-size: 1.1428em;
    padding: 0 0 0.7142em 0.8571em;
    position: relative;
}
.lot_profess_list dl dd:before{
    content: '';
    display: block;
    width: 5px;
    height:5px;
    background-color: #083b70;
    position: absolute;
    left: 0;
    top: 0.6em;
    border-radius: 50%;
}
.lot_prof_in{
    width: 1200px;
    margin: 0 auto 6.2em;
    position: relative;
    color: #333333;
}
.lot_prof_in .wrap{overflow: hidden;}
.lot_prof_in dl{
    float: left;
    overflow: hidden;
    position: absolute;
    top: 50%;
}
.lot_prof_1 dl,.lot_prof_3 dl{
    left:0;
}
.lot_prof_2 dl,.lot_prof_4 dl {
    right:0;
}
.lot_prof_in dt{
    font-size: 2.5557em;
    line-height: 1.5em;
    padding-bottom:0.8384em;
}
.lot_profession_1 h3{
    text-transform: uppercase;
    color: #083b70;
    font-size: 2.1428em;
    font-weight: bold;
    text-align: center;
    padding:3.666em 0 1.9333em;
    font-family: "OpenSans Blod";
}
.lot_prof_1 img{
    float: left;
}
.lot_prof_1 dl{
    width: 28.8571em;
}
.lot_profession_2{
    padding:10.0714em 0;
}
.lot_profession_3{
    padding:9.2857em 0;
}
.lot_profession_4{
    padding:7.6428em 0;
}
.lot_profession_2 dl {
    width:33em;
}
.lot_profession_3 dl{
    width:27.2857em;
}
.lot_profession_4 dl{
    width:34.2857em;
}
.fla{
    float: right !important;
}
.solu_head{
    width: 100%;
    position: relative;
}
.solu_in{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.solu_in.solu_in3 li{width: 100%;}
.solu_in.solu_in3 li{text-align: center;padding: 4em 0;}
.solu_in.solu_in3 li img{margin-top: 3em;}
.solu_in.solu_in3 p{color: #303030;font-size: 16.44px;}
.solu_head_in{
    color: #ffffff;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    width: 100%;
}
.prodect2_centre .pro_nav .bd ul li{
    width: 25%;
}
.solu_head_cell{
    display: inline-block;
    background-color: #0c3d70;
    margin-left: 50%;
    padding:1.9285em 2.5em;
    box-sizing: border-box;
}
.solu_head_cell p{
    font-size: 1.1428em;
    line-height:2.375em;
}
.solu_head_in h3{
    font-size: 42px;
    text-align: center;
}
.solu_head_in h4{
    font-size:2.2342em ;
    text-align: center;
}
.solu_item{
    width: 100%;
    position: relative;
    margin-bottom: 8em;
}
.solu_in .title{position: relative;text-align: center;background: url("../images/solu1_bg_03.png") center no-repeat;-webkit-background-size: contain;background-size: contain;}
.solu_in .title h3{font-size: 30.7px;color: #083b70;display: inline-block;padding: 0 1em;line-height: 1em;background-color: #ffffff;}
.solu_item_in{
    overflow: hidden;
    box-sizing: border-box;
}
.solu_item.solu4 .title{margin-top: 0;}
.solu_item_in .title{margin-bottom: 8em;}
.solu_item_l{
    width: 37%;
    float: left;
    box-sizing: border-box;
    padding-left: 4em;
}
.solu_item_r{
    float: right;
    width: 51%;
    box-sizing: border-box;;
}
.center{text-align: center;}
@keyframes solufirst
{
    from {opacity: 0;}
    to {opacity: 1;transform: rotate(360deg)}
}

@-moz-keyframes solufirst
{
    from {opacity: 0;}
    to {opacity: 1;transform: rotate(360deg)}
}
@-webkit-keyframes solufirst
{
    from {opacity: 0;}
    to {opacity: 1;transform: rotate(360deg)}
}
@-o-keyframes solufirst
{
    from {opacity: 0;}
    to {opacity: 1;transform: rotate(360deg)}
}
.solu_item_r{
    color: #1d1d1d;
}
.solu_item_r dl{
    width: 100%;
    overflow: hidden;
    animation:itemfirst 2s;
    -moz-animation:itemfirst 2s;
    -webkit-animation:itemfirst 2s;
    -o-animation:itemfirst 2s;
}
@keyframes itemfirst
{
    from {margin-top: 300px;opacity: 0;}
    to {margin-top: 0;opacity: 1;}
}
@-moz-keyframes itemfirst
{
    from {margin-top: 300px;opacity: 0;}
    to {margin-top: 0;opacity: 1;}
}
@-webkit-keyframes itemfirst
{
    from {margin-top: 300px;opacity: 0;}
    to {margin-top: 0;opacity: 1;}
}
@-o-keyframes itemfirst
{
    from {margin-top: 300px;opacity: 0;}
    to {margin-top: 0;opacity: 1;}
}
.solu_item_r dl dd{
    font-size: 1.1428em;
    line-height: 1.875em;
    padding:1em 0 1em  1.625em;
    position: relative;
}
.solu_item_r dl dd:before{
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #303030;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top:1.7em;
}
.solu{
    width: 100%;
}
.solu_chara li{
    width: 100%;background-repeat: no-repeat;padding: 5em 0;background-position: left center;-webkit-background-size: auto 100%;
}
.solu_chara li table{width: 99%;}
.solu_chara li.l3 td{padding: 1em 0;border:1px solid #e7e7e7; }
.solu_chara li.l3 tr.th1{height: 7em;line-height: 7em;}
.solu_chara li.l3 tr.th2{background-color: #3eb7ec;font-size: 23.03px;font-weight: normal;}
.solu_chara li.l3 tr.th2 td{padding: 0.5em 0;color: #ffffff;}
.solu_chara li.l3 tr.th3{background-color: #e7e7e7;color: #303030;}
.solu_chara li.l3 tr.th3 td{border:1px solid #ffffff;}
.solu_chara li.l4 img,.solu_chara li.l5 img{margin: 0 auto;display: block;}
.solu_chara_in{text-align: center;}
.s_chara_in{
    display:block;
}
.sol_img{display: inline-block;overflow: hidden;width: 30%;padding-right: 2em;}
.s_chara_in dl{
    display: inline-block;
    width: 39em;
    overflow: hidden;
    vertical-align: top;
}
.s_chara_in dl dd{
    font-size: 16px;
    line-height:1.75em;
    text-align: left;
    color: #373737;
}
.solu_chara_in h3{
    text-align: center;
    color: #083b70;
    font-size: 35.55px;
    line-height: 1.5407em;
}
.solu_in h4{
    display: inline-block;
    text-align: center;
    color: #083b70;
    line-height:1.5em;
    font-size: 1.4285em;
    position: relative;
    padding-bottom: 2em;
    margin: 0 auto;
    font-size: 23.03px;
}
.solu_in h4:before,.solu_in h4:after{
    content: '';
    display: block;
    width: 2em;
    height: 1px;
    background-color: #083b70;
    position: absolute;
    margin-left: -3em;
    top: 0.7142em;
}
.solu_in h4:before{left: 0;}
.solu_in h4:after{
    right:0;margin-right: -3em;
}
.solu_robot{
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.solu_robot_in{
    overflow: hidden;
    text-align: center;
}
.solu_robot_in img{
    padding-right: 2em;
}
.solu_robot_in dl{
    display: inline-block;
    width: 55%;
    text-align: left;
    box-sizing: border-box;
    vertical-align: top;
}
.solu_robot_in dl dd{
    font-size: 18px;
    color: #464747;
    line-height: 1.3888em;
    padding-bottom:1.3333em;
}
.solu_bot{
    overflow: hidden;;
}
.solu2_in{
    width:100%;
}
.solu2_inner{
    width: 100%;
    overflow: hidden;
}
/*.solu2_pro_inner{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}*/
.solution2_head{
    height: 27.8571em;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.solu2_head_in{
    color: #ffffff;
}
.solu2_head_in h3{
    font-size: 3.9285em;
    text-align: center;
}
.solu2_head_in h4{
    font-size:2.2342em ;
    text-align: center;
}
.solution2_pro1{
    background-color: #f3f3f3;
    padding:4.8571em 0;
    color: #2f2f2f;
}
.solution2_pro1_in .pic,.solution2_pro2_in .pic{width: 40%;padding: 0 2em;box-sizing: border-box;}
.solution2_pro1_in dl,.solution2_pro2_in dl{
    width:58%;
    padding: 0 3em;
    box-sizing: border-box;
}
.solution2_pro1_in dd{
    font-size: 1.2142em;
    line-height:1.5em;
    margin: 1em 0;
    position: relative;
    padding-left: 1.5294em;
}
.solution2_pro1_in dd:before{
    content: '';
    display:block;
    width: 0.5741em;
    height: 0.5741em;
    border-radius: 50%;
    background-color: #1f5d9f;
    position: absolute;
    top: 0.4188em;
    left: 0;
}
.solution2_pro2 {
    padding:7.1428em 0;
}
.solution2_pro2_in{
    color: #2f2f2f;
}
.solution2_pro2_in dt{
    font-size: 1.8571em;
    line-height:3.4615em;
}
.solution2_pro2_in dd{
    font-size: 1.1428em;
    line-height:2.1875em;
}
.solu2_item_bg{
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.solution2_item_con h3{
    display: inline-block;
    text-transform: uppercase;
    font-size: 2.2857em;
    color: #ffffff;
    line-height:1.6875em;
    padding:0 0 0 0.9687em;
    width: 100%;
    background-color: #2d5885;
    box-sizing: border-box;
}
.solu2_item{
    overflow: hidden;
    width: 100%;
    color: #242424;
}
.solu2_item dl dt{
    font-size: 1.4285em;
    line-height:2.8em;
}
.solu2_item dl dd{
    font-size: 1.1428em;
    line-height:2.75em;
    position: relative;
    padding-left:1.125em;
}
.solu2_item dl dd:before{
    content: '';
    display: block;
    width: 0.3571em;
    height: 0.3517em;
    border-radius: 50%;
    background-color: #242424;
    position: absolute;
    left: 0;
    top: 1.19645em;
}
.solution2_item1 dl dd:before,.solution2_item4 dl dd:before{
    background-color: #f3f3f3;
}
.solution2_item1 dt,.solution2_item4 dt{
    color: #ffffff;
}
.solution2_item1 dd,.solution2_item4 dd{
    color: #7aa6d5;
}
.solution2_item4 .solution2_item_con{
    padding-left:5.5714em;
}
.solution2_item_con{width: 30%;float: left;padding: 5em 4em;}
.solu2_typ{
    width: 100%;
    padding-top:4.5714em;
    color: #242424;
}
.solu2_typ h2{
    font-size: 4.2857em;
    text-align: center;
    line-height: 1.6666em;
}
.solu2_typ h3{
    text-align: center;
    font-size: 2.2107em;
    line-height:2.3586em;
}
.solu2_typ h2,.solu2_typ dt{
    text-transform: uppercase;
}
.solu2_typ h4{text-align: center;}
.solu2_typ dt{
    text-align: center;
    font-size: 1.3485em;
    font-weight: bold;
    color: #242424;
    line-height:1.4830em;
}
.solu2_typ dd{
    font-size: 1.1428em;
    line-height:24px;
}
.solution2_typ_in{
    width: 1200px;
    margin: 0 auto;
}
.solution2_typ2{
     background-color: #eff0f0;
 }
.solution2_typ4{
      background-color: #f5f5f5;
}
.solution2_typ_in img{
    padding: 2.8571em 0 6.0714em 0;
    margin: 0 auto;
}
.prodect2_centre .pro_nav .wrap{overflow: initial;}
.solu2_con1{background-color: #f3f3f3;padding: 0 0 5em;}
.solu2_con2{padding: 5em 0;}
.solu2_con1 .pic{width: 40%;}
.solu2_con1 .tw{width: 52%;}
.solu2_con1 .tw p{font-size: 17px;color: #2f2f2f;line-height: 1.5em;padding: 1em 0 1em 1.5em;position: relative;}
.solu2_con1 .tw p:before{content: '';display: block;width: 8px;height: 8px;border-radius: 50%;position: absolute;left: 0;top: 1.5em;background-color: #1f5d9f;}
.solu2_con2 .tw{width: 47%;}
.solu2_con2 .pic{width: 45%;}
.solu2_con2 .tw h4{font-size: 26px;color: #2f2f2f;padding-bottom: 1em;}
.solu2_con2 .tw p{font-size: 16px;color: #2f2f2f;line-height: 2.5em;}
.solu2_con3 .pic{width: 48%;}
.solu2_con3 .tw{width: 37%;padding: 0 3em;box-sizing: border-box;}
.solu2_con3 .tw h3{font-size: 32px;color: #ffffff;background-color: rgba(255,255,255,0.11);padding-left: 0.7em;line-height: 1.7em;}
.solu2_con3 .tw dt{font-size: 20px;color: #ffffff;padding: 0.5em 0 1em;}
.solu2_con3 .tw dd{color: #85b2e1;font-size: 16px;padding:0.5em 0 0.5em 1em;position: relative;}
.solu2_con3 .tw dd:before{content: '';display: block;width: 5px;height: 5px;border-radius: 50%;color: #242424;position: absolute;top: 1.1em;left: 0;background-color: #ffffff;}
.solu2_con3 li{width: 100%;padding: 5em 0;}
.solu2_con3 li.on h3{background-color: #083b70;}
.solu2_con3 li.on dt{color: #242424;}
.solu2_con3 li.on dd{color: #242424;}
.solu2_con3 li.on .tw dd:before{background-color: #242424;}
.solu2_con3 li.odd .pic{float: right;}
.solu2_con3 li.odd .tw{float: left;}
.solu2_con3 li.one{background-color: #083b70;}
.solu2_con3 li.two{background-color: #f3f3f3;}
.solu2_con3 li.three{background-color: #e9e8e8;}
.solu2_con4 h3{font-size: 60px;padding-top:1.5em;text-align: center;color: #242424;line-height: 1em;text-transform: uppercase;}
.solu2_con4 li{width: 100%;padding: 5em 0;text-align: center;color: #242424;}
.solu2_con4 li.on{background-color: #eff0f0;}
.solu2_con4 h4{font-size: 30.95px;padding-bottom: 0.5em;line-height: 1em;}
.solu2_con4 h5{font-size: 18.88px;font-family: "OpenSans Blod";padding-bottom: 0.5em;text-transform: uppercase;}
.solu2_con4 p{font-size: 16px;}
.solu2_con4 .pic{padding-top: 3em;}

.solu4 .title{margin-bottom: 6em;margin-top: 11em;}
.solu4 .con3 li{width: 50%;box-sizing: border-box;margin-bottom: 1.5em;border-right: 1px solid #e7e7e7;}
.solu4 .con3 li.odd{border-right: none;border-left: 1px solid #e7e7e7;}
.solu4 .con3 li.odd h5,.solu4 .con3 li.odd .tw{border-right: 1px solid #ffffff;}
.solu4 .con3 li h5{font-size: 21.88px;color: #ffffff;background-color: #3eb7ec;line-height: 2.2em;text-align: center;}
.solu4 .con3 li.odd .pic{border-right: 1px solid #e7e7e7;}
.solu4 .con3 li .pic{height: 250px;line-height: 250px;text-align: center;}
.solu4 .con3 li .tw{background-color: #e7e7e7;padding: 2em 15%;box-sizing: border-box;}
.solu4 .con3 li p{position: relative;color: #303030;padding-left: 1em;line-height: 1.7em;font-size: 15px;}
.solu4 .con3 li p:before{content: '';display: block;position: absolute;width: 4px;height: 4px;background-color: #000000;left: 0;border-radius: 50%;top: 0.65em;}
.solu5 li{width: 100%;font-size: 16px;color: #1e1e1e;padding-top: 5.5em;}
.solu5 li p{line-height: 2.3em;}
.solu5 li img{padding: 5em 0;}
.solu5 li.l2 dl{padding-bottom: 4em;}
.solu5 li.l2 dd{width: 30%;display: inline-block;vertical-align: top;}
.solu5 li.l2 dd p{color: #1e1e1e;padding-top: 1em;font-weight: bold;}
.solu5 li.l2 dd img{padding: 0;}
.solu6{font-size: 16px;color: #1e1e1e;line-height: 2em;}
.solu6 .title{margin-bottom: 5em;}
.solu6 li{width: 100%;margin-bottom: 5em;}
.solu6 li h5{font-size: 22px;color: #1e1e1e;}
.solu6 li.l1{text-align: left;max-width: 900px;display: inline-block;float: none;}
.solu6 li.l1 dl{margin-bottom: 2em}
.solu6 li.l1 dd:before{content: '';display: inline-block;width: 5px;height: 5px;background-color: #3eb7eb;border-radius: 50%;margin-right: 0.7em;vertical-align: middle;margin-top: -0.2em;}
.solu6 img{margin-top: 5em;}
.solu7 li.l3 .title{background: none;margin-bottom: 0;}
.solu7 li.l3 .title h3{border: 1px solid #e7e7e7;line-height: 3em;border-bottom: none;background: none;padding-bottom: 0;display: block;}
.solu7 li.l3 dd{width: 50%;border: 1px solid #e7e7e7;box-sizing: border-box;float: left;margin-bottom: 1em;background-color: #e7e7e7;}
.solu7 li.l3 h5{font-size: 22px;color: #ffffff;background-color: #3eb7ec;line-height: 2.3em;}
.solu7 li.l3 .pic{line-height: 300px;height: 300px;background-color: #ffffff;}
.solu7 li.l3 .pic img{margin-top: 0;}
.solu7 li.l3 .tw{background-color: #e7e7e7;padding: 1em 4em;text-align: left;border-right: 1px solid #ffffff;}
.solu7 li.l3 .tw p{font-size: 15px;color: #303030;position: relative;padding-left: 0.7em;}
.solu7 li.l3 .tw p:before{content: '';display: block;position: absolute;width: 4px;height: 4px;border-radius: 50%;left: 0;top: 0.9em;background-color: #333333;}
/*.solu7 li.l3 dd.d4 .tw{padding-top: 4.9em;}*/
.solu7 li.l3 dd.odd .tw{border-right: none;}
.solu7 li.l3 dd.odd{border-left: none;}


/*pro_general*/
.pro_ge_info{position: relative;color: #333333;padding: 7em 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center;}
.pro_ge_info .text{width: 50%;font-size: 16px;line-height: 2.3em;box-sizing: border-box;float: left;}
.pro_general .pro_ge_info .title h3{font-size: 31px;color: #044487;padding-bottom: 1.2em;text-align: left;}
.pro_general .pro_ge_info .title h3:before{content: '';display: block;width: 0.8em;height: 4px;background: #044487;margin-bottom: 0.5em;}
.pro_ge_info .pic{width: 45%;float: right;}
.pro_ge_list{padding: 5em 0;}
.pro_ge_list .wrap{width: 1300px;}
.pro_ge_list li{width: 31%;margin-right: 3%;font-size: 16px;color: #333333;line-height: 2.3em;background: #fbfdff;padding: 4%;box-sizing: border-box;}
.pro_ge_list li.last{margin-right: 0;}
.pro_ge_list li h4{font-size: 31px;color: #044487;white-space: nowrap;padding-bottom: 1em;}
.pro_ge_list li p{position: relative;}
.pro_ge_list li p:before{display: block;position: absolute;left: 0;top: 0;}
.pro_ge_list li a{width: 100%;}
.pro_ge_list li a:hover{color: #083b70;}
.pro_ge_list li a.more{width: 10em;line-height: 2.5em;color: #083b70;border: 1px solid #083b70;border-radius: 2em;text-align: center;float: right;margin-top: 2em;}
.pro_ge_list li a.more:after{content: '>';font-family: SimHei;display: inline-block;padding-left: 1em;}
.pro_ge_list li a.more:hover{background: #083b70;color: #ffffff;}
.pro_ge_table{font-size: 18px;color: #5d5d5d;padding: 5em 0;}
.pro_general .title h3{font-size: 31px;color: #044487;text-align: center;padding-bottom: 1em;}
.pro_ge_table tr.odd{background: #fbfbfb;}
.pro_ge_table tr{background: #fbfdff;}
.pro_ge_table th{padding-left: 15%;text-align: left;border: 2px solid #ffffff;padding-top: 1em ;padding-bottom: 1em;font-weight: normal;}
.pro_ge_table th.odd{padding-left: 22%;}
.pro_ge_apply{padding: 0 0 7em;}
.pro_ge_apply li{width: 25%;text-align: center;margin-top: 5em;}
.pro_ge_apply li .icon{-webkit-transition: .5s;transition: .5s;}
.pro_ge_apply li:hover .icon{-webkit-transform: translateY(-0.5em);transform: translateY(-0.5em);}
.pro_ge_apply p{font-size: 24px;color: #333333;margin-top: 1.5em;}

/*pro_list*/
.pro_list .title h3{text-align: center;font-size: 36px;color:#044487;padding-bottom: 2em;}
.pro_li_sort{padding: 5em 0;}
.pro_li_sort ul{padding: 0 1%;}
.pro_li_sort li{width: 25%;padding:1em;box-sizing: border-box;color: #333333;text-align: center;-webkit-transition: .3s;transition: .3s;margin: 2em 0;}
.pro_li_sort li a{width: 100%;}
.pro_li_sort li .pic{height: 8em;line-height: 8em;}
.pro_li_sort li .pic img{max-width: 95%;max-height: 90%;}
.pro_li_sort li p{margin: 1em 0;}
.pro_li_sort li span{font-size: 12px;width: 66px;line-height: 1.2em;vertical-align: middle;position: relative;margin:0 0.5em;}
.pro_li_sort li span:after{content: '';display: block;position: absolute;border: 1px solid #f2f2f2;left: 0;height: 34px;width: 100%;top:50%;margin-top: -18px;}
.pro_li_sort li:hover{box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);-webkit-transform: translateY(-0.5em);transform: translateY(-0.5em);}
.pro_li_text .wrap{overflow: inherit;}
.pro_li_text .pic{width: 55%;margin-right: -9%;}
.pro_li_text .text{width: 50%;font-size: 16px;color: #333333;line-height: 2.3em;}
.pro_li_text .text h4{font-size: 36px;color: #044487;margin:0em 0 1.2em;}
.pro_li_comp{text-align: center;padding: 7em 0;}
.pro_li_comp .pic{width: 220px;box-sizing: border-box;height: 220px;line-height: 220px;display: inline-block;font-size: 0;}
.pro_li_comp .pic img{-webkit-transition: .5s;transition: .5s;max-width: 95%;}
.pro_li_comp .pic:hover img{-webkit-transform: scale(1.05);transform: scale(1.05)}
.pro_li_comp .swiper-container{width: 100%;position: relative;font-size: 0;}
.pro_li_comp .swiper-container a.btn{position: absolute;top: 50%;width:26px;height: 50px;margin-top: -25px;}
.pro_li_comp .swiper-container a.btn_prev{background: url("../images/pro_list_53.png") no-repeat center;left: 0;margin-left: -3em;}
.pro_li_comp .swiper-container a.btn_next{background: url("../images/pro_list_52.png") no-repeat center;right: 0;margin-right: -3em;}
.pro_li_comp .swiper-container a.btn_prev:hover{background: url("../images/pro_list_55.png") no-repeat center;}
.pro_li_comp .swiper-container a.btn_next:hover{background: url("../images/pro_list_56.png") no-repeat center;}
.pro_li_comp .swiper-container .swiper-slide{height: initial!important;}
.pro_li_comp .swiper-container .swiper-wrapper{height: initial!important;}
.pro_li_table{padding-bottom: 7em;text-align: center;}
.pro_li_table .pic.small{display: none;}

.swiper-container-horizontal>.swiper-scrollbar{z-index: -1!important;bottom: 8px!important;height: 1px!important;}

/*pro_detial*/
.pro_de_sort{padding: 4em 0;}
.pro_de_sort .title h3{font-size: 26px;color: #333333;text-align: center;padding-bottom: 2em;}
.pro_de_sort .swiper-container{width: 100%;text-align: center;}
.pro_de_sort .swiper-scrollbar{width: 100%;height: 1px;background: #e7e7e7;position: absolute;bottom: 8px;z-index: -1;}
.pro_de_sort .swiper-scrollbar-drag{position: relative;background: #757575;height: 5px;top:-2px;border-radius: 2px;}
.pro_de_sort .swiper-slide{vertical-align: bottom;width: 1600px;}
.pro_de_sort .swiper-slide .list_in{width: 200px;float: left;-webkit-transition: .3s;transition: .3s;padding: 1em 0.5em;box-sizing: border-box;}
.pro_de_sort .swiper-slide .list_in p{-webkit-transition: .3s;transition: .3s;}
.pro_de_sort .swiper-slide .list_in:hover{-webkit-transform: translateY(-0.5em);transform: translateY(-0.5em);}
.pro_de_sort .swiper-slide .list_in.active{}
.pro_de_sort .swiper-slide .list_in:hover p{color:#044487;}
.pro_de_sort .swiper-slide.active p{color:#044487;-webkit-transform: scale(1.2);transform: scale(1.2);}
.pro_de_sort .swiper-slide p{font-size: 12.5px;color: #333333;}
.pro_de_sort .swiper-slide .pic{height: 80px;line-height: 80px;}
.pro_de_sort .swiper-slide .pic img{max-width: 95%;max-height: 90%;}
.pro_de_sort .swiper-slide a{width: 100%;}
.pro_de_sort .swiper-container a.btn{width: 18px;height: 18px;border-radius: 50%;}
.pro_de_sort .swiper-container a.btn_prev{background:#666666 url("../images/pro_detial_04.png") center no-repeat;}
.pro_de_sort .swiper-container a.btn_next{background:#666666 url("../images/pro_detial_03.png") center no-repeat;padding-bottom: 0}
.pro_de_sort .swiper-container a.btn_prev:hover{background:#044487 url("../images/pro_detial_04.png") center no-repeat;}
.pro_de_sort .swiper-container a.btn_next:hover{background:#044487 url("../images/pro_detial_03.png") center no-repeat;}
.pro_de_info{padding: 6em 0 8em;text-align: center;}
.pro_de_info .text{width: 49%;font-size: 16px;color: #333333;line-height: 1.5em;vertical-align: bottom;display: inline-block;text-align: left; float:left}
.pro_de_info .text h3{font-size: 34px;color: #022662;line-height: 1.7em;}
.pro_de_info .text h4{font-size: 32px;color: #022662;line-height: 1.7em;padding-bottom: 0.8em;}

.pro_de_info .pic{width: 50%;padding: 0 10%;box-sizing: border-box;vertical-align: bottom;display: inline-block; float:left}
.pro_de_info .pic .bd{position: relative;}
.pro_de_info .pic .bd .img{line-height: 230px;text-align: center;width: 350px; height: 230px; float: left; border: 1px solid transparent; position: relative;}
.pro_de_info .pic .bd li{width: 100%;}
.follow{ width: 150px; height: 150px; position: absolute; top: 0; left: 0; background-color: #083b70; opacity: 0.5; display: none; cursor: move;}
.pro_de_info .pic .hd li.on{border-color: #044487;}


.bigpic{ width: 350px; height: 230px; float: left; /*background: url(images/pro_detial_18.jpg) no-repeat;*/ display: none; position: absolute; left: 0; top: 0;margin-left: -100%;border: 1px solid #bfbfbf;
    background-repeat: no-repeat;}


.pro_de_info .pic .hd li{width: 50px;height: 50px;line-height: 50px;border: 1px solid #bfbfbf;text-align: center;cursor: pointer;margin-right: 1em;margin-top: 1em;}
.pro_de_info .attr{padding-top: 9em;width: 100%;}
.pro_de_info .attr li{width: 16.66%;text-align: center;font-size: 16px;color: #083b70;}
.pro_de_info .attr li p{padding-top: 0.7em;}
.pro_de_gw{text-align: center;padding-bottom: 8em;overflow: hidden;}
.pro_de_gw .title h3{text-align: center;font-size: 36px;color: #044487;padding-bottom: 1.5em;}
.pro_de_gw .show_pic{padding-bottom: 9em;overflow: hidden;}
.pro_de_gw .show_pic img{width: 49.6%;padding: 0 0.2%;float: left;}
.pro_de_gw .text{width: 50%;font-size: 16px;line-height: 2.3em;text-align: left;padding-top: 5%;}
.pro_de_gw .text h4{font-size: 36px;color: #022662;padding-bottom: 1.7em;}
.pro_de_gw .text p{padding-left: 1.5em;position: relative;}
.pro_de_gw .text p:before{content:'';display: block;position: absolute;width: 6px;height: 6px;top: 1em;border-radius: 50%;background: #00479d;left: 0.5em;}
.pro_de_gw .pic{width: 50%;text-align: center;}
.pro_de_rel{padding: 9em 0;-webkit-background-size: cover;background-size: cover;background-position: center;background-repeat: no-repeat;}
.pro_de_rel .text{color: #ffffff;font-size: 18px;line-height: 2.3em;width: 50%;}
.pro_de_rel .pic{width: 50%;text-align: right;}
.pro_de_rel .pic img{max-width: 80%;}
.pro_de_rel .text{padding-top: 5%;}
.pro_de_rel .text h4{font-size: 36px;padding-bottom: 1em;}
.pro_de_rel .text p{position: relative;padding-left: 1.5em;}
.pro_de_rel .text p:before{content: '';display: block;position: absolute;left: -1em;top: 1em;width: 6px;height: 6px;border-radius: 50%;background: #ffffff;left: 0;}
.pro_de_man .title h3{font-size: 36px;color: #044487;text-align: center;padding-bottom: 1.2em;}
.pro_de_man{text-align: center;padding: 9em 0;}
.pro_de_man li{font-size: 15px;background: #f3f9ff;border-left: 10px solid #044487;width: 43%;margin: 0 3%;display: inline-block;text-align: left;padding: 1em 0;}
.pro_de_man li p{position: relative;padding-left: 1em;line-height: 1.5em;color: #525252;margin-left: 1.5em;}
.pro_de_man li p:before{position: absolute;content: '';display: block;top: 0.5em;left: 0;width: 4px;height: 4px;border-radius: 50%;background: #8da4c4;}
.pro_de_man .pic{padding-top: 5em;}
.pro_de_down{padding: 5em 0 10em;}
.pro_de_down .hd li{font-size: 28px;color: rgba(255,255,255,0.5);background: #044487;padding-left: 7%;padding-top: 0.5em;padding-bottom: 0.5em;box-sizing: border-box;width: 50%;cursor: pointer;position: relative;}
.pro_de_down .hd li:first-child:after{content: '';display: block;width: 2px;height: 1em;background: #ffffff;top: 50%;margin-top: -0.5em;right: 0;position: absolute;}
.pro_de_down .hd li.on{color: #ffffff;}
.pro_de_down .bd li{width: 100%;padding: 3em 0 5em;border: 1px solid #eeeeee;}
.pro_de_down .bd li dd{width: 50%;padding-left: 7%;color: #333333;line-height: 2.7em;box-sizing: border-box;float: left;}
.pro_de_down .bd li dd h5{font-size: 16px;}
.pro_de_down .bd li dd p{font-size: 15px;color: #525252;}
.pro_de_down .bd li.down dd p{cursor: pointer;}
.pro_de_down .bd li dd h5,.pro_de_down li dd p{padding-left: 1.5em;position: relative;}
.pro_de_down .bd li dd h5:before,.pro_de_down li dd p:before{content: '';display: block;position: absolute;width: 15px;height: 15px;top: 50%;margin-top: -7.5px;left: 0;}
.pro_de_down .bd li dd h5:before{background: url("../images/pro_detial_26.png") left center no-repeat;left: 0;}
.pro_de_down .bd li dd p:before{background: url("../images/down_03.png") left center no-repeat;left: 0;}
.pro_de_down .bd li.down dd p:hover{color: #0c3d70;text-decoration: underline;}
.pro_de_down .bd li.feat dd p:before{background: none;}


.blog-box{margin: 100px auto;}
.blog-box .wrap{}
.blog-box .blog-box-lag{}
.blog-box .blog-box-lag .blog-left{float: left;width: 20%;}
.blog-box .blog-box-lag .blog-left dl{}
.blog-box .blog-box-lag .blog-left dl dt{font-size: 18px;color: #083b70;margin-bottom: 15px;font-weight: bold;padding-left: 15px;}
.blog-box .blog-box-lag .blog-left dl dt a{color: #083b70}
.blog-box .blog-box-lag .blog-left dl dd{color: #333333;font-size: 16px;margin-bottom: 10px;padding-left: 15px;position: relative;}
.blog-box .blog-box-lag .blog-left dl dd a{color: #333333;}
.blog-box .blog-box-lag .blog-left dl dd.active a,.blog-box .blog-box-lag .blog-left dl dd a:hover{color: #083b70;}
.blog-box .blog-box-lag .blog-left dl dd.active::before{content: "";position: absolute;left: 5px;top: 50%;transform: translateY(-50%);width: 5px;height: 5px;background:#083b70;border-radius: 100%;}

.blog-box .blog-box-lag .blog-right{float: right;width: 75%;}
.blog-box .blog-box-lag .blog-right ul{}
.blog-box .blog-box-lag .blog-right ul li{margin-bottom: 35px;}
.blog-box .blog-box-lag .blog-right ul li a{display: block;padding-bottom: 35px;border-bottom: 1px solid #cccccc;}
.blog-box .blog-box-lag .blog-right ul li a h3{font-weight: bold;font-size: 16px;color: #083b70;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 10px;}
.blog-box .blog-box-lag .blog-right ul li a span{display: block;font-size: 13px;color: #333333;margin-bottom: 10px;}
.blog-box .blog-box-lag .blog-right ul li a p{font-size: 14px;color: #333333;}

.blog-list-right{float: right;width: 75%;}
.blog-list-right li{width: 48.5%;margin-right: 3%;margin-bottom: 3%;float: left;}
.blog-list-right li:nth-of-type(2n){margin-right: 0;}
.blog-list-right li a{display: block;padding: 20px;background: #eaf6fd;border-radius: 5px;}
.blog-list-right li a h3{font-size: 16px;height: 45px;overflow: hidden;color: #333333;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.blog-list-right li a span{color: #666666;font-size: 14px;margin-top: 15px;}
.blog-list-right li a:hover h3{color: #083b70}
.blog-detail-nav{margin-bottom: 30px;}
.blog-detail-nav a{font-size: 18px;color: #ffffff;background: #083b70;padding: 5px 25px;border-radius: 5px;}
.banner>h3>p{text-align: center;width: 75%;margin: auto;font-size: 25px;}
.banner>h3>span{display: inline-block;font-size: 14px;}
.blog-detail-text p{line-height: 24px;}









@media (max-width: 1680px) {
    .pb{padding-bottom: 5%;}
    .prodect2_centre .pro_nav{width: 85%}
    .prodect2_centre .pro_nav .wrap{width: 85%;position: relative;}
    .prodect2_centre .bd{width: 100%;}
    .prodect2_ban .ban_in{width: 35%;}
    .prodect2_centre .bd{width: 100%;padding: 0 1%;overflow: hidden;}
}
@media(max-width:1440px){
    .nav li{font-size: 16px;}
    .nav li>a{ padding:0 22px;}
    .banner h3{ font-size:40px;}
    .solu_head_in h3,.about .item2 h3{font-size: 40px;}
/*    .solu_item_l, .solu_item_r{width: 45%;}*/
    .solu_item_r{padding-left: 0;padding-right: 0;}
    .lot_appli_in h3{font-size: 32px;}
    .lot_prof_in dt{font-size: 28px;}
    .prodect2_ban .ban_in h3{font-size: 40px;}
    .solution2_pro2,.solution2_pro1{padding: 5em 0;}
    .banner{height: 288px;border-top: 80px;}
    .solu_chara li.l3 tr.th2{font-size: 21px;}
    .solu4 .title{margin: 8em 0 4em;}
    .solu_item{margin-bottom: 5em;}
    .solu_item_in .title{margin-bottom: 5em;}
    .solu4 .con3 li h5{font-size: 20px;}
    .banner.ind{height: 550px;}

    .pro_ge_info .text{width: 40%;padding: 4em 0;}
    .pro_ge_info .pic{width: 54%;}
    .pro_ge_info .text h3{font-size: 50px;}

    .pro_li_table .pic.small{display: block;}
    .pro_li_table .pic.big{display: none;}
}
@media(max-width:1280px){
    .prodect2_centre .pro_nav_wrap{width: 100%;}
    .wrap{ width:960px;}
    .nav li>a{ padding:0 20px;}
    .banner img{width:120%; max-width:120%;}
    .banner h3{ font-size:38px;}
    .banner span{ font-size:16px;}
    .banner li span{ font-size:48px;}
    .banner li h3{ font-size:40px;}
    .banner .bd li.on a{ font-size:18px;}
    .header{padding: 0 2%;box-sizing: border-box;}
    .solu_item_l, .solu_item_r{width: 45%;}
    .solu_robot_in dl dt{line-height: 3em;}
    .solu_robot_in dl dd{padding-bottom: 1em;}
    .wrap{width: 100%;padding-left: 1%;padding-right: 1%;box-sizing: border-box;}
    .slide-l dt{line-height: 1.5em;padding:0.75em 0 0.75em 30px;}
    .slide-l dt:before{top: 1.5em;}
    .footer .ft{padding: 4% 1%;}
    .lot_head p,.lot_head h3{width: 50%;}
    .lot_head_in{width: 100%;top:0;left:0;margin: 3.5em 0 0;}
    .lot_inter_in,.lot_appli_in,.lot_prof_in{width: 100%;padding-left: 1%;padding-right:1%;box-sizing: border-box;}
    .lot_appli_in ul li span{width: 10em;height: 10em;}
    .lot_appli_in ul{padding: 5em 5% 0;}
    .lot_appli_in ul li{margin-bottom: 2em;}
    .lot_prof_in dl{width: 35em;padding-left: 1%;padding-right: 1%;}
    .lot_prof_in img{max-width: 50%;}
    .prodect2_ban .ban_in{width: 50%;left: 0;margin-left: 1%;}
    .prodect2_centre{width: 100%;}
    .prodect2_centre .bd{padding: 0 1%;width: 85%;overflow: hidden;}
    .prodect2_centre .pro_nav .bd ul{/*width: 200% !important;*/}
    .prodect2_centre .pro_nav .bd ul li{/*width: 12.5% !important;*/}
    .prodect2_centre .pro_nav .aside{left: 90%;}
    .prodect2_centre .hd a.jt1{left: 10px;}
    .prodect2_centre .hd a.jt2{left: 83%;}
    .tempWrap{width:100% !important;}
    .product .bd .pd_pa_1 .img img,.key_feat .key_feat_content{width: 100%;}
    .key_feat_content ul li{box-sizing: border-box;padding: 0 0 1.6428em 5em;}
    .product_item,.product_para_top,.product_para_bottom,.product_para_bottom,.download .down_in,.rel_in{width: 100%;}
    .prodect2_centre .pro_nav{width: 100%;}
    .prodect2_centre .aside_fade{margin-right: 0;}
    .solu2_head_in{box-sizing: border-box;}
    .solu2_pro_inner{width:100%;}
    .solu2_head_in{padding-left:0;padding-right: 0;}
    .solution2_pro1_in dl{width: 50%;}
    .solu2_inner{width: 100%;}
    .solution2_typ_in{width: 100%;}
    .solution2_typ_in img{padding-left: 0!important;}
    .solu_in{width: 100%;}
    .solu_head_in,.solu_item_in{padding-left: 0!important;padding-right: 0!important;}
    .solu_item_r dl{width: 90%}
    .solu_robot_in dl{padding-right: 0;}
    .prodect2_ban .ban_in{left: 0;margin-left: 1%;}
    .lot_head h3{font-size: 35px;}
    .prodect2_ban .ban_in h3{font-size: 38px;}
    .solu_head_in h4{font-size: 27px;}
    .solu_head_in h3{font-size: 38px;}
    .solu_chara_in h3,.solu_robot_in dl dt{font-size: 32px;}
    .inter_in_flow h4{margin: 13.4544em 0 0 15.2428em;width: 200px;}
    .key_feat_content ul li i{left: 0;margin-left: 5em;}
    .solution2_pro2_in dt{line-height: 2em;}
    .solu2_item dl dd{line-height: 2em;}
    .lot_head p, .lot_head h3{width: 60%;}
    .solu_item_r{width: 50%;}
    .lot_inter_in h3{font-size: 30px;}
    .contact .bd .fl h3{font-size: 27px;}
    .solu4 .con3 li .pic{height: 15em;line-height: 15em;}
    .solu4 .con3 li .pic img{max-height: 80%;max-width: 80%;}
    .footer dl{margin-right: 8%;}
}
.animated{animation-duration: 1.3s;}


@media (min-width:1280px) {
    .solu2_typ h4 img{padding-left: 0!important;}
    .con_f .cl>img{height: 100%;width: initial;}
}
@media (max-width:1200px ) {
    .header .wrap{ width:96%;}
    .header .logo img{ max-width:96%;}
    .banner .bd li>img{ width:120%;}
    .nav{margin-right: 95px;}
    .nav{ margin-left:0;}
    .nav li>a{ padding:0 10px;}
    .nav li.l2 dd{ margin:0; width:100%;}
    .nav li.l2 dd a{ padding:5%;}
    .nav li.l1 .sub_nav{width: 100%;left: 0;}
    .nav li.l2 .sub_nav{width: 570%;left: -235%;}
    .header input{ width:8em;}
    .footer dl{ margin-right:7.3%;}
    .lang .cn,.lang .sh{width: 40px;}
    .su_nav a{padding-left: 0.5em;}
    .lot_prof_in dt{font-size: 25px;}
    .lot_inter_in h3{margin: 4.7571em -2.4714em;}
    .lot_appli_in h3{font-size: 28px;}
    .inter_in_sms h4{margin: -0.9345em 0 0 9.5em;}
    .inter_in_sms p{margin: 1.1547em 0 0 10.3142em;}
    .inter_in_Spe h4{margin: -0.5345em 0 0 -16em;}
    .inter_in_Spe p{margin: 1.7em 0 0 -30.6428em;}
    .inter_in_nat h4{margin: 15.8544em 0 0 -18.6428em;}
    .inter_in_nat p{margin: 26em 0 0 -31.8714em;}
    .inter_in_flow h4{margin: 16em 0 0 10.2428em;width: 230px;}
    .inter_in_flow p{margin: 26.4714em 0 0 6em;}
    .about .item2 h3{font-size: 35px;}
    .banner h3,.prodect2_ban .ban_in h3{font-size: 32px;}
    .index .tittle h3{font-size: 32px;}
    .ind_walk .bd h4 span{font-size: 20px;}
    .solu_head_in h3{font-size: 35px;}
    .solu_head_in h4{font-size: 24px;}
    .solu_chara_in h3, .solu_robot_in dl dt{font-size: 28px;}
    .solu_chara_in p{font-size: 18px;}
    .lot_head h3{font-size: 32px;}
    .lang .sh{right: 60px;}
    .key_feat .key_feat_content{padding: 4em 0;}
    .lang li{width: 50px;}
    .solu_in .title h3{font-size: 28px;}
    .solu_in h4{font-size: 21px;}
    .solu_chara li{padding: 3em 0;}
    .solu_item_in .title{margin-bottom: 6em;}
    .solu7 li.l3 .pic img{max-height: 12em;}
    .solu7 li.l3 .pic{height: 14em;line-height: 14em;}
    .solu7 li.l3 h5{font-size: 20px;}
    .banner.ind{height: 470px;}
}
@media(max-width:996px){
    .footer dl{ margin-right:3%;}
    .banner{margin-top: 62px;}
    .su_nav{top: 62px;}
    .header .logo{ width:150px;line-height: 62px;}
    .header .logo img{ max-width:100%;}
    .lang a{top: 12px;}
    .header{ height:62px; line-height:62px;}
    .header input{ display:none;}
    .nav li{ font-size:14px;}
    .nav{ margin-left:3%;}
    .nav li>a{ line-height:62px;}
    .sub_nav{ top:62px;}
    .nav li dl{ width:96%;}
    .nav li dd a{ font-size:13px;}
    .banner li span{ font-size:40px;}
    .banner li h3{ font-size:30px;}
    .banner .bd li.on a{ font-size:16px;}
    .banner .txt{ margin-top:-81px;}
    .banner h3{ font-size:32px; }
    .banner span{ font-size:15px;}
    .banner img{ margin-left:-15%; width:130%; max-width:130%;}
    .footer dl.d7{float: left;}
    .prodect2_centre .pro_nav .bd ul li.on a{font-size: 14px;}
    .solu_chara li.l3 tr.th2{font-size: 18px;}
    .solu_chara li{padding: 3em 0;}
    .solu5 li{font-size: 15px;}
    .news.eve li .img{height: 11em;}
    .news.eve li{margin-right: 2%;width: 32%;}
    .solution li h4 span{font-size: 20px;}
    .banner.ind{height: 350px;}
}
@media (max-width: 960px) {
    /*head*/
    .header .menu{display: block;top: 8px;right: 8px;}
    .lang li{right: 48px;}
    .header .logo{width: 150px;}
    .banner h3{font-size: 23px;}
    .nav{display: none;}
    .lang .sh{right: 110px;}
    .lang .cn{right: 0;}
    .banner{height: 240px;}
    .sub_nav{position: static;box-shadow: none;border-bottom: 1px solid rgba(164, 158, 158, 0.63);width: 100%;}
    .nav li dl{padding: 0;width: 100%;}
    .nav{position: absolute;right: 0;top: 62px;background-color: #ffffff;width: 60%;margin-right: -4.2%;margin-left: 0;overflow-y: auto;height: calc(100vh - 50px);max-height: calc(100vh - 50px);max-height: -webkit-calc(100vh - 50px);height:96vh;}
    .nav li{float: none;margin: 0;}
    .nav li>a{text-align: left;padding-left: 12%;}
    .nav li.l1 .sub_nav, .nav li.l2 .sub_nav{width: 100%;left: 0;padding-left: 12%;box-sizing: border-box;padding-bottom: 0;}
    .nav li.l1 .sub_nav dl, .nav li.l2 .sub_nav dl{width: 97%!important;float: none;margin: 0;padding:3% 0 3% 3%;}
    .nav li.l1 .sub_nav dl dt a, .nav li.l2 .sub_nav dl dt a{line-height: 2em;}
    .nav li.l1 .sub_nav .clear:nth-last-of-type(1) dl:nth-last-of-type(1),.nav li.l2 .sub_nav .clear:nth-last-of-type(1) dl:nth-last-of-type(1){border-bottom: none;}
    .nav li.l1 .sub_nav dd a, .nav li.l2 .sub_nav dd a{line-height: 2.2em;}
    .nav li dd a{line-height: 3em;padding:0 10%;}
    .nav li.l3 dd,.nav li.l4 dd,.nav li.l5 dd{padding: 0 10% 0 20%;}
    .solu5 li{padding-top: 4em;}
    .nav li dd,.nav li.l5 dd{width: 100%;text-align: left;}
    .nav li dd .icon{display: none;}
    .nav li dd p{display: none;}
    /*index*/
    .index .tittle h3{font-size: 28px;}
    .ind_walk .bd h4 span{font-size: 16px;margin-top: 1.3em;}
    .ind_walk .bd .img{width: 85px;}
    .index p{font-size: 14px;}
    .ind_pro .bd h4{font-size: 15px;}
    .ind_walk .bd li:before{height: 1.5%;}
    .ind_new .nw,.ind_new .ev{width: 100%;padding: 0 5%;box-sizing: border-box;}
    .ind_new .ev .time{left: 50px;}
    .ind_sol li .txt h4{font-size: 17px;}
    .key_feat_content ul li{width: 100%;}
    .pro_item_info{height: initial;}
    .pro_item_info p{padding-bottom: 0;}
    .product_item{padding: 3em 0;}
    /*solution1*/
    .solu_head_in h3{font-size: 32px;}
    .solu_head_in h4{font-size: 21px;}
    .solu_item_r{width: 55%;right: 0;}
    .solu_item_r dl{width: 100%;}
    .solu_item_r dl dd{font-size: 15px;padding-bottom: 0.7em;line-height: 1.75em;}
    .solu_chara_in h3,.solu_robot_in dl dt{font-size: 28px;}
    .solu_robot_in dl dt{line-height: 2.5em;}
    .solu_robot_in dl dd{padding-bottom: 0.7em;}
    .solu_chara_in p{font-size: 16px;}
    .s_chara_in img{padding-right: 0;}
    .s_chara_in dl{width: 63%;}
    .s_chara_in dl dd,.solu_robot_in dl dd{font-size: 15px;}
    .solu_robot_in img{padding-left: 0;}
    .solu_chara,.solu_robot_in,.solu_item_in{padding: 5% 0;}
    .solu_chara_in p{padding-bottom: 5%;}
    .solu_chara_in h3, .solu_robot_in dl dt{font-size: 25px;}
    .contact .bd .fl h3{font-size: 21px;}
    /*comsns*/
    .slide-l{width: 24%;}
    .product .slide-r li{width: 48%;}
    .product .slide-r li:nth-of-type(even){margin-right:0;overflow: hidden;}
    .product .slide-r li:nth-of-type(odd){margin-right: 2%;}
    .prodect2_centre .pro_nav .bd ul li{width: 33.33%;}
    .lot_head p, .lot_head h3{color: #ffffff;}
    /*lot*/
    .lot_head_in{position: static;color: #000;margin: 0.3em 0;}
    .lot_head p, .lot_head h3{width: 100%;}
    .lot_head h3{text-align: center;padding-bottom: 18px;}
    .lot_head h3{font-size: 26px;}
    .lot_appli_in h3,.lot_profession_1 h3{font-size: 28px;}
    .lot_appli_in ul{padding: 5em 0 0;}
    .lot_appli_in ul li span{border: 0.3em solid #e5e5e5;}
    .lot_appli_in ul li span:before{margin-top: 7em;}
    .lot_appli_in ul li span:after{border-top: 1.5em solid #e5e5e5;  border-left: 1em solid transparent;border-right: 1em solid transparent;bottom: -1.6em;margin-left: -0.9em;}
    .lot_appli_in ul li span{width: 8em;height: 8em;}
    .lot_prof_in dt{font-size: 25px;}
    .lot_prof_in dl{width: 47%;}
    .lot_profession_2,.lot_profession_3,.lot_profession_4{padding: 10% 0;}
    .lot_appli_in p,.lot_appli_in ul li p{font-size: 15px;}
    .lot_inter_in h3{font-size: 25px;margin: 6.7571em -2.4714em;}
    .inter_in_sms h4{margin: -0.9345em 0 0 9.5em;}
    .inter_in_fle h4{margin: -13.5em 0 0 -3em;}
    .inter_in_fle p{margin: -17.3571em 0 0 -19.4285em;}
    .inter_in_Spe p{width: 19.4285em;margin: 1.7em 0 0 -25.6428em;}
    .inter_in_nat h4{margin: 15.8544em 0 0 -17.6428em;}
    .inter_in_nat p{width: 250px;margin: 26em 0 0 -26.8714em;}
    .inter_in_flow h4{margin: 15.7em 0 0 10.2428em;}
    .inter_in_flow p{margin: 26.4714em 0 0 6em;}
    /*support*/
    .slide-r .item{padding-top: 5%;}
    .faq .hd li{width: 32%;padding-bottom: 1%;}
    /*about*/
    .about .item2 h3{font-size: 23px;}
    .about .item2 p{font-size: 18px;}
    .about .item3 .hd li{font-size: 18px;}
    .about .item3 .bd h4{font-size: 28px;}
    .about .tittle h3{font-size: 23px;}
    /*product*/
    .prodect2_ban .ban_in h3{font-size: 23px;}
    .prodect2_centre .pro_nav .aside{width:4em; }
    .prodect2_centre,.prodect2_centre .pro_nav ul{height: 64px;}
    .prodect2_centre .pro_nav .bd ul li,.prodect2_centre .hd a,.prodect2_centre .pro_nav_wrap{height: 64px;line-height: 64px}
    .prodect2_centre .pro_nav .bd ul li a{height: 54px;line-height: 54px;margin: 5px 0;}
    .prodect2_centre .hd span{margin-top: 1.3em;}
    .prodect2_centre .pro_nav .aside{height: 54px;box-sizing: border-box;margin-top: 5px;}
    .prodect2_centre .hd .jiantou2{margin-top: 1.4em;}
    .prodect2_centre .hd a{left: 0;}
    .prodect2_centre .pro_nav .aside{left: 93%;}
    .key_feat_content h3{font-size: 23px;}
    .key_feat_content ul li p{font-size: 15px;}
    .key_feat_content ul li{padding-left: 3em;}
    .key_feat_content ul li i{margin-left: 2em;}
    .download .down_in,.rel_in{padding: 3em 0;}
    .download .down_in span{margin: 1em auto 1.8571em;}
    .download .down_in ul li{width: 100%;    padding-left: 1.1428em;}
    .download .down_in ul li{height: 5em;}
    .download .down_in p{line-height: 5em;}
    .rel_in ul li{width: 48%;margin-bottom: 10px;}
    .product_para{padding-top: 4em;}
    .product_para ul li{width: 45%;}
    .product_para span{margin-bottom: 2em;}
    .product_para ul li:nth-of-type(even){padding-right: 0;}
    .product_para_top,.product_para_bottom{padding-left: 2%;padding-bottom: 3em;padding-top: 3em;}
    .product_para h4{padding-bottom: 0.7857em;  padding-top: 2em;}
    .product_item .pro_item_r{width: 100%;padding: 5% 3% 0;}
    .pro_item_info{padding-bottom: 0;}
    .product_item .pro_item_l{float: none;width: 100%;text-align: center;}
    .product_item .pro_item_l .bd{margin: 0 0 2.9285em;}
    .product_item .pro_item_l .hd{display: inline-block;}
    .product_item .pro_item_l .bd ul{margin: 4.8571em 0 3.9285em;display: inline-block;}
    .product_item .pro_item_l .hd{width: 100%;text-align: center;}
    .product_item .pro_item_l .hd ul{width: initial;display: inline-block;text-align: center;}
    .product_item .pro_item_l .pro_txt{position: static;margin-top: 0!important;top: 0;overflow: hidden;}
    .product_item .pro_item_l .bd ul{margin: 0;}
    .product_item .pro_item_l .hd{margin-top: 0;}
    .solu_page{padding: 3em 0;}
    .solu_item{margin-bottom: 4em;}
    .solu_in .title h3{font-size: 26px;}
    .about .item3 .hd li{font-size: 15px;}
    .solu6 li h5{font-size: 20px;}
    .solu6{font-size: 15px;}
    .solu6 .title{margin-bottom: 3em;}
    .solu6 li{margin-bottom: 3em;}
    .solu6 img{margin-top: 3em;}
    .solu7 li.l3 .tw{padding: 1em 2em;}
    .solu7 li.l3 .tw p{font-size: 14px;}
    .solu7 li.l3 h5{font-size: 18px;}
    .solu7 li.l3 .pic img{max-height: 10em;max-width: 18em;}
    .solu4 .con3 li .tw{padding: 1em 6%;}
    .solu4 .title{margin: 4em 0 2em;}
    .solu_in.solu_in3 li{padding: 2.5em 0;}
    .solu_in.solu_in3 p{font-size: 15px;}

    /*footer*/
    .footer .ft{padding: 4% 0 0 4%;}
    .footer dl{width: 30%;padding-bottom: 3%;}
    .footer dt{margin-bottom: 0;}
    .footer dl img{width: 110px;}
    .footer .ft dl{display: none;}
    .footer .ft dl.d7{display: block;}
    .footer .copy{padding-bottom: 4%;}
}
@media (max-width: 768px) {
    .lot_head p{display: none;}
    .lot_head h3{font-size: 18px;}
    .lot_head h3{margin-top: 3.2em;}
    .banner{height: 140px;}
    .slide-r,.slide-l{width: 100%;}
    .slide-l{padding: 0 10%;box-sizing: border-box;}
    .slide-l dl{margin-bottom: 0;}
    .product .slide-r li{width: 49%;}
    .lot_appli_in p, .lot_appli_in ul li p{font-size: 13px;}
    .lot_appli_in ul li span{width: 6.5em;height: 6.5em;}
    .lot_appli_in ul li span:before{top: 30%;}
    .lot_inter_in{padding: 10% 2%;}
    .lot_inter_in h3{font-size: 23px;position: static;margin: 0;padding-bottom: 18px;text-align: center;}
    .lot_inter_in h4{font-size: 14px;position: static;margin: 0;line-height: 32px;text-align: left;display: inline-block;  }
    .inter_in h5{width: 30px;display: inline-block;padding-right: 10px;}
    .lot_inter_in p{font-size: 13px;position: static;margin: 0;padding-bottom: 25px;width: 100%;padding-left: 45px;box-sizing: border-box;}
    .lot_inter_in{text-align: left;}
    .lot_inter_in img{display: none;}
    .inter_in img{display: inline-block;}
    .inter_in_flow h5{width: 28px;}
    .lot_prof_in dt{font-size: 20px;}
    .slide-r .t4{width: 27%;}
    .faq .hd li{width: 48%;}
    .contact .bd .fl,.contact .bd .fr{width: 100%;box-sizing:border-box;}
    .contact .bd .fl h3{font-size: 18px;padding-top: 5%;}
    .contact .bd .fl p{font-size: 13px;}
    .contact .bd .fl .code{width: 105px;}
    .contact .bd form button{font-size: 14px;}
    .search form{margin-top: -15px;}
    .search form input{line-height: 30px;}
    .search form button{width: 30px;height: 30px;}
    .sol_img{vertical-align: top;}
    .search.search_2 .bd li .img{width: 100%;}
    .search.search_2 .bd li .txt{padding-top: 15%;}
    .search.search_2 .bd li span{top: 70%;margin-top: 0;}
    .solu_head_in h3{font-size: 23px;}
    .solu_head_in h4{font-size: 16px;}
    .solu_head_in{margin-top: -37px;}
    .solu_item_r{padding-left: 20px;}
    .solu_chara_in h3, .solu_robot_in dl dt{font-size: 24px;}
    .solu_chara_in p{font-size: 15px;}
    .solu_item_r dl dd,.s_chara_in dl dd, .solu_robot_in dl dd{font-size: 13px;}
    .news li .img{width: 200px;}
    .prodect2_ban .ban_in{position: static;width: 100%;margin: 10% 0;}
    .prodect2_ban .ban_in h3{text-align: center;}
    .key_feat_content ul li i{width: 22px;height: 22px;}
    .key_feat .key_feat_content{padding: 5.2em 0 3em;}
    .prodect2_ban img{max-width: 160%;margin-left: -60%;}
    .lot_prof_in img{max-width: inherit;width: 100%;}
    .solu_chara li.l3 tr.th2{font-size: 17px;}
    .solu_chara li.l3 td img{max-width: 95%;}
    .solu_chara li.l3 tr.th1{height: 4em;line-height: 4em;}
    .solu_item_in .title{margin-bottom: 4em;}
    .solu5 li{font-size: 14px;}
    .solu5 li.l2 img{width: 5em;}
    .solu5 li p{line-height: 1.5em;}
    .solu_in .title h3{line-height: 1.5em;}
    .su_nav a{font-size: 14px;}
    .news.eve li .img{height: 8em;}
    .solu6 li h5{font-size: 18px;}
    .solu6{font-size: 14px;}
    .solu7 li.l3 h5{font-size: 16px;}
    .solu7 li.l3 .tw{padding: 1em;}
    .solu7 li.l3 h5{line-height: 1.5em;padding: 0.5em 0;}
    .solu4 .con3 li h5{font-size: 17px;}
    .solu4 .con3 li{width: 100%;}
    .solu4 .con3 li h5{font-size: 16px;}
    .solu4 .con3 li .tw{height: inherit!important;}
    .solu_item{margin-bottom: 0;}
    .solu_in.solu_in3 p{font-size: 14px;}
    .product_item{padding: 0 0 3em;}
    .product_item .pro_item_l{height: inherit!important;}
    .solution li h4 span{font-size: 18em;}
    .solution li h4 span:before, .solution li h4 span:after{display: none;}
    .banner.ind{height: 270px;}
    .product_item .pro_item_l .bd li{height: 13em;}
    .download .down_in ul a{width: 100%;}
    .download .down_in ul li{height: 4em;}
    .download .down_in p{line-height: 4em;}
    .pro_list .title h3,.pro_de_sort .title h3,.pro_de_info .text h3,.pro_de_gw .title h3,.pro_de_rel .text h4,.pro_de_man .title h3{font-size: 20px;}
    .pro_de_info .text h4,.pro_de_down .hd li{font-size: 18px}
    .pro_de_info{padding:1em 0 4em}
    .pro_de_info .text{font-size: 14px;width:94%;margin:0 auto;float:none;}
    .pro_de_info .pro_detail_pic{padding:0;width:94%;margin:10px auto 0;float:none;}
    .small-box .tool,.big-box.active{display:none!important;}
    .pro_de_info .attr{padding-top: 5em;}
    .pro_li_sort{padding:3em 0}
    .pro_li_sort li{margin:0.5em 0;width:33.3333%}
    .pro_li_sort li .pic{height:4em;line-height: 4em;}
    .pro_de_sort .swiper-slide .pic{height:50px;line-height: 50px;}
    .pro_li_sort li p,.pro_de_sort .swiper-slide .list_in p{height:3em;}
    .pro_li_text .pic{width:94%;margin:0 auto 1em;float:none;}
    .pro_li_text .text{font-size: 14px;width:94%;margin:0 auto;float:none;}
    .pro_li_text .text h4{font-size: 20px;margin-bottom:15px;}
    .pro_li_comp{padding:4em 0}
    .pro_li_comp .pic{width:25%;height:50px;line-height: 50px;}
    .pro_li_comp .pic img{max-width:70%;max-height: 80%}
    .pro_li_comp .swiper-container a.btn_next,.pro_li_comp .swiper-container a.btn_prev{background-size:50%}
    .pro_li_table{max-width:94%;margin:0 auto;padding-bottom: 5em;}
    .pro_de_gw{padding-bottom: 4em;}
    .pro_de_rel,.pro_de_man{padding:4em 0}
    .pro_de_rel .text p,.pro_de_gw .text p{font-size: 14px;}
    .pro_de_gw .text,.pro_de_gw .pic,.pro_de_rel .text,.pro_de_rel .pic{width:94%;margin:0 auto 1em;float:none;}
    .pro_de_rel .pic{text-align: center;}
    .pro_de_man li{font-size: 14px;margin:0 1%;width:45%}
    .pro_de_man li p{margin-left: 0.7em;}
    .pro_de_man .pic{padding-top: 2em;}
    .pro_de_down{padding:0 0 4em;width:94%;margin:0 auto;}
    .pro_de_down .bd li{padding:1em 0 3em;}
    .pro_de_down .bd li dd h5, .pro_de_down li dd p{font-size: 14px;line-height: 1.5;padding:0.6em 0 0.6em 1.5em;}
    .pro_de_down .bd li dd{padding-left: 2%;width:94%}
    .pro_de_gw .text p:before{top:1.1em;}
    .pro_de_rel .text p:before{top:1.3em;}
    .pro_de_down .bd li dd h5:before{top:19px;}
    .pro_de_sort .swiper-slide .list_in{width:auto;}
    .pro_de_info .attr li p{font-size: 14px;}
}
@media (max-width: 560px) {
    .product_item .pro_item_l .bd li{width: 300px!important;}
    .product_item .pro_item_l .bd ul{margin: 2em 0 1em;}
    .solu_chara li.l3 tr.th2{font-size: 15px;}
    .solu_chara li.l3 tr.th3 td{font-size: 12px;}
    .about .item3 .hd li{font-size: 12px;font-weight: bold;}
    .about .item3 .hd li{line-height: 2em;height: 52px;}
    .news.eve li{width: 100%;margin-right: 0;}
    .news.eve li .img{height: 16em;}
    .solu6 .title{margin-bottom: 2em;}
    .solu6 li,.solu6 img{margin-bottom: 2em;}
    .solu6 img{margin-top: 2em;}
    .solu7 li.l3 dd{width: 100%;}
    .solu7 li.l3 dd.d3{margin-bottom: 0;}
    .solu7 li.l3 dd.d3 .tw{padding-bottom: 0;}
    .solu7 li.l3 dd.d4 .tw{padding-top: 0;}
    .solu4 .con3 li h5{font-size: 15px;}
    .prodect2_ban.banner{background-position: right center;}
}
@media (max-width: 500px) {
    /*head*/
    .banner{overflow: hidden;}
    .banner .hd li{height:2px;}
    .header{height: 50px;}
    .header .logo{width: 120px;line-height: 50px;}
    .lang a{top:7px;}
    .header .menu{top: 3px;}
    .nav{top: 50px;width: 100%;margin-left: 0;margin-right: 0;}
    .nav li>a{line-height: 50px;}
    .banner h3{font-size: 18px;}
    .lang li{right: 40px;}
    .lang .sh{right: 92px;}
    .su_nav{top: 50px;}
    .solu_page a{font-size: 15px;padding: 0 1em;}
    /*index*/
    .index .tittle h3{font-size: 18px;}
    .index p{font-size: 14px;}
    .ind_walk .bd h4 span{font-size: 16px;margin-top: 1.5em;}
    .ind_walk .bd>p{text-align: left;}
    .ind_walk .bd li{width: 100%;box-sizing: border-box;}
    .ind_walk .bd .img{width: 70px;margin-bottom: 0;}
    .ind_walk .bd .txt{padding-left: 0;}
    .ind_pro .tittle{padding: 8% 0;}
    .ind_pro .bd li{width: 44%;padding:1% 3%;margin-right:0}
    .ind_pro .bd .txt{border-bottom: 1px solid #285f97;border-top: none;text-align: center;}
    .ind_pro .bd p{display: inline-block;}
    .ind_sol li{width: 100%;}
    .ind_sol li.l3, .ind_sol li.l4{width: 50%;}
    .ind_sol li .txt h4{font-size: 15px;line-height: 1.5em;}
    .ind_sol li .txt i{width: 20px;height: 20px;}
    .ind_sol .tittle p{width: 100%;}
    .ind_new .tittle p,.ind_sol .tittle p,.ind_pro .tittle p{padding: 3% 0;}
    .ind_new .ev .txt{padding-bottom: 15%;}
    .ind_new .ev .txt h4{line-height: 1.5em;}
    .ind_new .ev .time{padding: 13px;left: 35px;}
    .ind_new .ev .time .y{font-size: 15px;}
    .ind_new .ev .time .d{font-size: 14px;}
    .ind_new .bd h4{white-space: normal;font-size: 16px;}
    .ind_new .ev .txt p{font-size: 13px;margin-top: 4%;}
    .ind_new .nw li{overflow: hidden;margin-bottom: 15%;}
    .ind_new .nw h4{font-size: 14px;line-height: 1.3em;}
    .ind_new .nw p,.ind_new .nw em{font-size: 12px;}
    .ind_new .nw .img{width: 90px;}
    .ind_stay{padding: 10% 0;}
    .ind_stay form{width: 100%;}
    .ind_stay input{width: 60%;}
    .ind_stay button{width: 20%;right: 32px;}
    .ind_pro .bd .img{margin-bottom:0;}
    .solu5 li{padding-top: 3em;}
    /*solution1*/
    .solu_head_in{margin-top: -24px;}
    .solu_head_in h3{font-size: 18px;}
    .solu_head_in h4{font-size: 13px;}
    .solu_item_l{width: 100%;text-align: center;padding-left: 0;}
    .solu_item_r{width: 100%;position: static;margin-top: 20px!important;padding: 0 2%;}
    .solu_chara, .solu_robot_in, .solu_item_in{padding: 1em 0;}
    .solu_item_r dl dd,.s_chara_in dl dd, .solu_robot_in dl dd{font-size: 13px;}
    .solu_chara_in h3, .solu_robot_in dl dt{font-size: 18px;}
    .solu_chara_in p{font-size: 13px;}
    .s_chara_in img{padding-right: 0;}
    .s_chara_in img,.solu_robot_in img{float: none;}
    .solu_chara_in h3, .solu_robot_in dl dt{text-align: center;}
    .solu_robot_in img{padding-top: 0;padding-left: 0;}
    .s_chara_in dl,.solu_robot_in dl{width: 100%;padding: 8% 2% 0;box-sizing: border-box;}
    .sol_img{width: 60%;padding-right: 0;}
    .product .slide-r li h4{font-size: 15px;}
    /*comsns*/
    .slide-l,.slide-r{width: 100%;padding: 0 5%;box-sizing: border-box;}
    .product .slide-r li{width: 100%;}
    .faq .bd dt{padding: 2% 15%;}
    .faq .bd dt i{right: 2%;}
    .faq .bd dt em{margin-left: -7px;}
    .site{display: none;}
    .slide-l dl{margin-bottom: 0;}
    .slide-l dt{font-size: 15px;margin-bottom: 0;}
    .slide-l dd{font-size: 13px;}
    .prodect2_centre, .prodect2_centre .pro_nav ul{height: 4em;}
    .prodect2_centre .pro_nav .bd ul li{height: 4em;line-height: 4em;}
    .prodect2_centre .pro_nav .aside{box-sizing: border-box;margin-top: 5px;height: 46px;padding-top: 1.5em;}
    .prodect2_centre .hd span{margin-top: 12px;}
    .prodect2_centre .hd .jt2 span{margin-top: 13px;}
    .prodect2_centre .hd a{left: -0.7em;}
    .prodect2_centre .pro_nav .aside{width: 3em;}
    .prodect2_centre .pro_nav .bd ul li a{height: 46px;margin: 5px 0;}
    .prodect2_centre .pro_nav .bd ul li{width: 50%;font-size: 13px;}
    .prodect2_centre .hd a.jt1{left: 5px;}
    /*lot*/
    .lot_appli_in{padding: 10% 0;}
    .lot_appli_in ul{padding: 10% 0 0;}
    .lot_appli_in ul li{width: 50%;}
    .lot_appli_in ul li span{width: 7em;height: 7em;}
    .lot_appli_in h3, .lot_profession_1 h3{font-size: 19px;}
    .lot_prof_in dt{font-size: 17px;}
    .lot_profess_list dl dd{font-size: 13px;}
    .lot_profession_1 h3{padding:0 0 10% 0;font-size: 18px;}
    .lot_profession_4,.lot_profession_3,.lot_profession_2,.lot_profession_1{padding: 15% 0;}
    .lot_appli_in, .lot_prof_in{text-align: center;}
    .lot_prof_in{margin-bottom: 0;}
    .lot_prof_in img{margin-top: 30px;}
    .lot_prof_in dl{position: static;}
    .lot_prof_in dl{text-align: left;width: 100%;box-sizing: border-box;top: 0;margin-top: 0!important;}
    .lot_prof_1{padding-bottom: 0;}
    .lot_inter_in h3{font-size: 19px;}
    .fla{float: none!important;}
    /*support*/
    .slide-r .item{padding-top: 10%;}
    .slide-r{padding: 0 1%;}
    .slide-r .t1{padding-left: 2%;}
    .slide-r h3{margin-bottom: 3%;}
    .slide-r th{padding: 1%;}
    .slide-r td,.slide-r th{font-size: 13px;}
    .faq .hd li{width: 100%;padding: 2% 5%;box-sizing: border-box;}
    .faq .hd{margin: 4% auto 9%;}
    .faq .hd li a,.faq .bd dl.on dt, .faq .bd dl:hover dt{font-size: 14px;}
    .faq .bd dd{font-size: 13px;}
    .ticket .text,.ticket .textarea{width: 100%;}
    .ticket button{font-size: 13px;}
    .pb{padding: 5% 0 5%;}
    .tool h3{font-size: 14px;}
    .tool li{margin-bottom: 10%;}
    /*about*/
    .about .item1 p,.about .item3 .hd li{font-size: 13px;}
    .about .tittle h3,.about .item2 h3{font-size: 20px;}
    .about .item2 p{font-size: 15px;}
    .about .item3 .bd ul li{text-align: center;}
    .about .item3 .bd .txt{text-align: left;width: 100%;padding-top: 30px;}
    .about .item3 .bd .img{display: inline-block;float: none;}
    .about .item3 .bd h4{font-size: 15px;}
    .news li .img{margin: 0 0 5% 0;}
    .contact .bd .fr p{line-height: 1.8em;}
    .exh .list li{width: 100%;margin-right: 0;margin-bottom: 10%;}
    .exh .list li span{font-size: 13px;}
    .page a{min-width: 28px;height: 28px;line-height: 28px;font-size: 14px;}
    .news li .img{width: 100%;}
    .news li span{font-size: 13px;}
    .page .next{padding: 0 15px;}
    .news li h4{white-space: inherit;overflow: inherit;margin-bottom: 5%;}
    .news li p{margin-bottom: 5%;font-size: 13px;}
    .news_det .bd p{font-size: 13px;}
    .news_det .hd p{padding-top: 10px;}
    .news_det .hd h4{font-size: 16px;}
    .news li a{padding: 8% 3% 8%;}
    .contact .map{height: 300px;}
    .partner p{font-size: 13px;padding-bottom: 15px;}
    .partner h3{font-size: 17px;}
    .partner .item{padding: 0 1%;}
    .search .form img{max-width: 210%;}
    /*search*/
    .search .hd{margin: 7% auto 5%;}
    .search .hd li{font-size: 14px;width: 10em;height: 2.5em;line-height: 2.5em;}
    .search .bd li span{position: static;}
    .search .bd li .txt{padding-right: 0;}
    .search .bd li p{padding-bottom: 5%;max-height: none;}
    .search .bd li{padding: 7% 0;}
    .search.search_2 .bd li p{font-size: 13px;padding: 5% 0;}
    .search.search_2 .bd li span{position: static;}
    .search.search_2 .bd li .txt{padding-right: 0;padding-top: 35%;}
    .search.search_2 .bd li h4{overflow: inherit;white-space: normal;font-size: 14px;}
    /*product*/
    .prodect2_ban .ban_in h3{font-size: 18px;}
    .key_feat_content ul li p{padding-left: 0;font-size: 14px;}
    .key_feat_content ul li i{margin-left: 0;}
    .key_feat_content ul li i{width: 20px;height: 20px;}
    .key_feat_content ul li{margin-left: 0;}
    .key_feat .key_feat_content{padding: 3em 0 2em;}
    .product_para h3,.key_feat_content h3,.download .down_in h3,.rel_in h3{font-size: 18px;}
    .product_para ul li{width: 100%;padding-right: 0;}
    .product_para h4{font-size: 15px;}
    .product_para{padding-top: 3em;}
    .product_para span{margin: 1em auto 0;}
    .product_para h4{padding-bottom: 0.7em;}
    .product_para ul>li{padding-bottom: 25px;padding-left: 10%;padding-right: 10%!important;box-sizing: border-box;}
    .product_para .para_last{padding-right: 10%;}
    .product_para_top{border: none;padding-bottom: 0;}
    .product_para_bottom{padding: 0 0 1.1428em;}
    .prodect2_centre .pro_nav .wrap{width: 90%;}
    .rel_in ul li{width: 100%;}
    .prodect2_ban .ban_in p{font-size: 13px;}
    .product_item .pro_item_r{padding: 7% 3%;}
    .pro_item_link ul li{width: 28px;height: 28px;}
    .pro_item_info p{font-size: 13px;}
    .pro_item_r h3{font-size: 17px;}
    .product_item .pro_item_l .bd{margin-bottom: 1em;}
    .ind_sol .bd .li_r,.ind_sol .bd .li_l{width: 100%;}
    .ind_sol li .txt h4{margin-top: -21px;}
    .ind_stay input{margin-left: 38px;}
    .ind_walk .bd{width: 98%;}
    .banner{margin-top: 50px;}
    .banner .hd{bottom: 5px;}
    .product .slide-r li .img{height: 140px;line-height: 140px;}
    .solu_page{padding: 2em 0;}
    .solu_in .title h3{font-size: 20px;}
    .solu_chara li{padding: 2em 0;}
    .solu_in h4{font-size: 15px;}
    .news.eve li .img{height: 11em;}
    .solu6 li h5{font-size: 16px;}
    .prodect2_centre .hd span,.prodect2_centre .hd .jiantou2{background-repeat: no-repeat;background-position: center;-webkit-background-size: cover;background-size: cover;width: 1em;height: 1.6em;margin-top: 14px;}
    .prodect2_centre .hd .jt2 span{margin-top: 14px;}
    /*footer*/
    .footer dl{width: 45%;}
    .footer .copy{line-height: 20px;}
    .footer .fb{text-align: center;}
    .fr{padding-bottom: 2%;}
    .footer dt{font-size: 14px;}
    .footer .fb{font-size: 12px;}
    .solu4 .con3 li p{font-size: 14px;}
    .solution li h4 span{font-size: 15px;padding: 1% 0;}
    .banner.ind{height: 180px;}
    .prodect2_centre .pro_nav .bd ul li, .prodect2_centre .hd a, .prodect2_centre .pro_nav_wrap{height: 56px;}
}


.toolbar-item,.toolbar-layer{background:url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:12%; z-index:999999;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -798px;}
.toolbar-item-weixin:hover{background-position:0 -860px;}
.toolbar-item-weixin1{background-position:0 -922px;}
.toolbar-item-weixin1:hover{background-position:0 -984px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -550px;}
.toolbar-item-app:hover{background-position:0 -612px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}


#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.6;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{width:895px;height:555px;margin:0 auto;display:none;background-color:#ffffff;position:fixed;top:35%;left:35%;margin:-120px 0 0 -150px;z-index:10000;border:1px solid #ccc;border-radius:10px;-webkit-border-radius:10px;box-shadow:3px 2px 4px #ccc;-webkit-box-shadow:3px 2px 4px #ccc;}
.dialogTop{width:90%;margin:0 auto;letter-spacing:1px;padding:10px 0;text-align:right;}
.dialogIco{width:50px;height:50px;position:absolute;top:-25px;left:50%;margin-left:-25px;}
.editInfos{padding:15px 0;}
.editInfos li{width:90%;margin:8px auto auto;text-align: center;}
.ipt{border:1px solid #ccc;padding:5px;border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 3px #ccc inset;-webkit-box-shadow:0 0 3px #ccc inset;margin-left:5px;}
.ipt:focus{outline:none;border-color:#66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);}
.submitBtn{width:90px;height:30px;line-height:30px;font-family:"微软雅黑","microsoft yahei";cursor:pointer;margin-top:10px;display:inline-block;border-radius:5px;-webkit-border-radius:5px;text-align:center;background-color:#428bca;color:#fff;box-shadow: 0 -3px 0 #2a6496 inset;-webkit-box-shadow: 0 -3px 0 #2a6496 inset;}
#name{
    background:url(../images/c_ico_1.jpg) no-repeat 10px 50%;
    background-size:13px;
    text-indent:30px;
}
#comname{
    background:url(../images/c_ico_7.jpg) no-repeat 10px 50%;
    background-size:13px;
    text-indent:30px;
}
#tel{
    background:url(../images/c_ico_4.jpg) no-repeat 10px 50%;
    background-size:13px;
    text-indent:30px;
}
#email{
    background:url(../images/c_ico_6.jpg) no-repeat 10px 50%;
    background-size:13px;
    text-indent:30px;
}
#fax{
    background:url(../images/c_ico_11.jpg) no-repeat 10px 50%;
    background-size:13px;
    text-indent:30px;
}
#qq{
    background:url(../images/c_ico_10.jpg) no-repeat 10px 50%;
    background-size:13px;
    text-indent:30px;
}
#bcontent{
    background: url(../images/c_ico_9.jpg) no-repeat 10px 5px;
    background-size: 13px;
    text-indent: 30px;
}