@charset "utf-8";
/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,th,var,i { font-weight:300; font-style:normal; }
ol,ul,li { list-style: none; }
div,dl,dt,dd,ol,ul,li{ zoom:1; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: 300; font-size:100%; }
q:before,q:after { content:''; }
abbr,acronym { border: 0; }

/* Public */
.wrap{ position:relative; }
body{color:#333;font: 300 14px/2em "Microsoft Yahei",SimSun,Tahoma,Helvetica,Arial,sans-serif;font-family:PingFangSC-Thin;-webkit-text-size-adjust: none;cursor: default;background: #f3f3f3;min-width: 1240px;}
li font{ }
a{ color: #333; text-decoration:none; outline:none; -webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease; transition: all .2s ease;}
a:hover { color: #b10f0f; }
.clearbox {border:none;border-top: 1px solid transparent !important;clear: both;
font-size: 0;height: 0;line-height: 0;margin-top: -1px !important;visibility: hidden;}
.blank{ display:block; height:0;font-size:0px; line-height:0; overflow:hidden; clear:both;  }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* * html .clearfix{height:1%;}
*+html .clearfix{min-height:1%;} */
.clear {clear: both; }
.fl {float:left;display: inline; }
.fr {float:right;display: inline; }
.hide {display:none; }
.mt10 {margin-top: 10px; }
.mb10 {margin-bottom: 10px; }
input::-webkit-input-placeholder{color:#fff;}
input:-ms-input-placeholder{color:#fff;}
/* frame */
#header .inner,
#footer .inner,.introContent{max-width: 1400px;margin: 0 auto;min-width: 1200px;}
.titmore{display:none;}
/* header */
#top{background:#0058b3;min-width: 1200px;}
#top .inner{max-width: 1400px;margin: 0 auto;height:40px;line-height:40px;color: #fff;font-size: 13px;min-width: 1200px;}
#top .inner .fl{color:#fff; font-size:14px;float: right;margin-top: 6px;}
#top .inner .fl span{padding: 0 5px;font-size: 12px;height: 24px;border-radius: 10px;display: inline-block;line-height: 24px;text-align: center;color:rgba(255, 255, 255, 0.68);}
.userLogged .loggedin>a,#top .inner .fl a{color: #fff;}
.userLogged .userDropdown a.nickname,.userLogged .userDropdown a.nickname:hover{color: #fff;}
#top .userLogged .userDropdown .ud-bd li a{color:#333;}
#top .inner .fr{float:left;}
#top .inner .fr a,#top .inner .fr em{color: #fff;float: left;}
#top .inner .fr a:hover{color: #ffcc00;}
#top .inner .fr em{margin: 0 10px;}
#top .inner .fr span {color: #ffcc00; font-weight: 400;}
#header {width: 100%;min-width: 1200px;position: absolute;left: 0;z-index: 30;}
/* #header { width: 100%; min-width: 1200px; height: 120px; position: absolute; left: 0; top: 0; z-index: 99; background:url(images/chunjie.jpg) center top no-repeat; box-shadow: #ccc 0px 0px 10px;-webkit-box-shadow: #ccc 0px 0px 10px;
-moz-box-shadow:#ccc 0px 0px 10px;}*/
#header .bg-color{height: auto;transition: all 0.2s ease;}
#header .inner {position: relative;}
#header .logo {position: absolute;top: 30px;left: 30px;}
#header .logo a{background: url(images/logo.png) center no-repeat;background-size:100%;width: 180px;height:40px;display: inline-block;text-indent: -999em;}
/* #header .logo a { display: block;width: 645px;height: 50px;background: url(images/2014/logo.gif) no-repeat; text-indent: -9999px; }*/
#header .logo small{display:none;}

#header .nav {display: inline-block;margin: 28px 0 22px 260px;/* height: 38px; */}
#header .nav li {float: left;/* margin-right: 5px; */border: none;position: relative;}
#header .nav li .itemSub{position: absolute;left: -340px;top: 40px;padding-top: 20px;text-align:left;}
#header .nav li .itemName a {display: block;padding: 10px 20px;font-size: 18px;color: #fff;zoom: 1;float: left;border: solid 1px #fff0;transition: all 0.2s;border-radius:30px;}
#header .nav li .itemName a:hover,#header .nav li.on1 a {border-radius: 30px;border: solid 1px #fff;color: #fff;text-decoration: none;}

/*#header .nav #item-Products .itemName a,*/#header .nav #item-Solutions .itemName a{background: url(images/sjx.png) 90% 50% no-repeat;padding-right: 30px;}
#header .nav #item-Products:hover a{}
#header .second-nav{background: #fffffff5;height:auto;overflow:hidden;padding: 30px;border-radius:4px;display: none;box-shadow: 0px 5px 5px #1e65a359;}

#header.fixed-box .bg-color{background: rgb(255 255 255 / 95%);box-shadow:0 3px 5px #0000002b;}
#header.fixed-box .logo a{background: url(../img/logo.png) center no-repeat;background-size:100%}
#header.fixed-box .nav li .itemName a{color:#000}
#header.fixed-box .nav li .itemName a:hover,#header .nav li.on1 a {background:#0058b3; color:#fff;border-color:#0058b3;}
#header.fixed-box  .nav #item-Solutions .itemName a {color:#000; background:url(images/sjx.png) 90% 50% no-repeat;}
#header.fixed-box  .nav #item-Solutions .itemName a:hover {color:#fff; background:#0058b3 url(images/sjx.png) 90% 50% no-repeat;}
/*
#header .nav #item-Products .second-nav .nav-ul a{background:none;border:none;float: none;color: #666;font-size: 16px;font-weight: 500;border-radius:0;padding: 5px 10px;border-radius:4px;}
#header .nav #item-Products .second-nav .nav-ul a:after{transition: all .4s;
    background:  none;
    width: 0%;
    height: 5px;
    content: "";
    position: absolute;
    left: 10px;
    border-radius: 5px;
    bottom: 0px;
    }
#header .nav #item-Products .second-nav .nav-ul a:hover:after{background:  #035d9b;width:100%;}
#header .nav .second-nav .nav-ul li{float:none;width:100%}
#header .nav .second-nav .nav-ul li.class_name{font-weight:bold;font-size:18px; margin:15px 10px 5px;border-bottom:#035d9b solid 2px;padding-bottom:10px;color:#035d9b }
*/
.nav-ul-product{width: 1340px;}
.nav-ul-product h3,.nav-ul-product h3 a{color: #2978b0;display:block;font-weight: 600;margin: 5px 0;font-size:15px}
.nav-ul-product h3 a:hover{color:#000;}

.atlasBox .hd {float:left;margin-right:20px;width:145px;height:360px;background: #2165D0;background:linear-gradient(to bottom, #20AEFB, #1667F0);border-radius:5px;display:flex;flex-direction: column;justify-content: center;}
.atlasBox .hd i {display:block;height:60px;background :url(../img/atlasico1.png) no-repeat center;width: 100%;}
.atlasBox .hd h4 { font-size:18px; font-weight:bold; color:#fff; padding:0 20px; text-align:center; margin-top:10px;}
.atlasBox dl {background:#E8F1F5;overflow:hidden;padding:10px;border-radius:5px;margin-bottom: 10px;}
.atlasBox .dl3 { margin:0;}
.atlasBox dt {float:left; height:36px; width:50px; margin-right:20px; padding:20px 10px; background:#2165D0; border-radius:5px; display:flex;flex-direction: column;justify-content: center; color:#fff; font-size:14px; font-weight:bold; line-height:18px; text-align:center;}
.atlasBox dd {overflow:hidden;position:relative;margin: -5px 0;}
.atlasBox ul {position:relative;display:flex;flex-wrap: wrap;justify-content: flex-start;margin-right: -0.7%;min-height: 76px;align-content: center;}
.atlasBox ul li {height:36px;line-height:36px;margin: 5px 10px 5px 0;background:#fff;border-radius:5px;text-align:center;width: 19.3%;margin-right: 0.7%;font-size: 15px;color: #333; overflow:hidden;}
.atlasBox .dl1 dt { height:88px; width:30px; padding:20px;}
.atlasBox ul li a { display:block; background:url(../img/linkico.png) no-repeat 95%; padding:0 8%;}
.atlasBox ul li a:hover { background-color:#2165D0; color:#fff;}

.atlasLink { margin:20px 0; height:80px;}
.atlasLink a { display: block; position: relative; transition: all 500ms ease 0s; overflow: hidden; }
.atlasLink a:hover { filter:brightness(120%)}
.atlasLink a:after { content: ""; position: absolute; width: 100px; height: 100%; top: 0; left: -100%; overflow: hidden; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-30deg); }
.atlasLink a:hover:after { left: 150%; transition: left 1.5s ease 0s; }
.atlasLink .powerMonitor {height:80px;line-height:80px;text-align:center;float:right;width:583px;background:#5842DF;background:linear-gradient( 100deg, #8175E9, #5842DF);border-radius:5px;font-size:18px;font-weight:bold;color:#fff;vertical-align: middle;display: flex;align-items: center;justify-content: center;}
.atlasLink .powerMonitor i { display:inline-block; width:42px; height:40px; margin-right:20px;background:url(../img/atlasico3.png) no-repeat center; vertical-align:middle;}
.atlasLink .powerSSO {height:80px;line-height:80px;text-align:center;float:left;width:727px;background:#0193BF;background:linear-gradient( 100deg, #37C3E2, #0193BF);border-radius:5px;font-size:18px;font-weight:bold;color:#fff;vertical-align: middle;display: flex;align-items: center;justify-content: center;}
.atlasLink .powerSSO i { display:inline-block; width:42px; height:40px; margin-right:20px;background:url(../img/atlasico2.png) no-repeat center; vertical-align:middle;}

.atlasBox.hyywxt .hd { height:286px;background:#0B9B90;background:linear-gradient(to bottom, #14BAA7, #04827D);}
.atlasBox.hyywxt .hd i {background :url(../img/atlasico4.png) no-repeat center;}
.atlasBox.hyywxt .bd { background:#E8F1F5;overflow:hidden;padding:10px;border-radius:5px;margin-bottom: 10px;}
.atlasBox.hyywxt ul { margin:-5px -10px -5px 0;}
.atlasBox.hyywxt ul li { width:24.3%}
.atlasBox.hyywxt ul li a { background-position:96%;}
.atlasBox.hyywxt ul li a:hover { background-color:#0B9B90; color:#fff;}
/*
.nav-ul-product .third-nav{border:#ccc solid 1px;padding:10px;position: relative;height: auto;}
.nav-ul-product .third-nav:before{position: absolute;content: "";width: 0;height: 0;border-left: 0px solid transparent;border-right: 15px solid transparent;top: -7px;border-bottom: 7px solid #838383;border-top: 0 none;left: -1px;}
.nav-ul-product .third-nav a{display:inline-block;padding:0 10px 0px 10px;color: #666;font-weight: 500;border-radius:4px;position:relative;}
.nav-ul-product .third-nav a.true{color:#333;font-weight: 600;font-size: 15px;}
.nav-ul-product .third-nav a.true:before{transition: all .4s;background:  none;width: 0%;height: 2px;content: "";position: absolute;left: 50%;border-radius:4px;bottom: 0px;}
.nav-ul-product .third-nav a.true:hover{color:#c00000;}
.nav-ul-product .third-nav a.true:hover:before{background:  #c00000;width:100%;left:0;}
.nav-ul-product h4{float:left;/* background: #ddd; * /padding: 0 5px;border-radius: 4px;margin-right: 10px;border-right: #ad5c5c solid 1px;border-left: #ad5c5c solid 1px;width: 90px;text-align: center;}
.nav-ul-product h4.h41{margin-top:15px;}
.nav-ul-product .third-nav .sub-link{margin-bottom:10px;margin-left: 110px;}
*/
#header .nav li #sub-Solutions{left:-180px}
.nav-ul-Solutions{width:1000px;}
.nav-ul-Solutions li{width:25%; text-align:center;}
.nav-ul-Solutions li a{display:block; padding:70px 0 30px;}

.nav-ul-Solutions li.li1 a{background: url(images/SGP.png) 50% 10px no-repeat;background-size: 25%;}
.nav-ul-Solutions li.li2 a{background: url(images/SEP.png) 50% 10px no-repeat;background-size: 25%;}
.nav-ul-Solutions li.li3 a{background: url(images/SUP.png) 50% 10px no-repeat;background-size: 25%;}
.nav-ul-Solutions li.li4 a{background: url(images/SHP.png) 50% 10px no-repeat;background-size: 25%;}
.nav-ul-Solutions li.li5 a{background: url(images/SIP.png) 50% 10px no-repeat;background-size: 25%;}
.nav-ul-Solutions li.li6 a{background: url(images/SMP.png) 50% 10px no-repeat;background-size: 25%;}
.nav-ul-Solutions li.li7 a{background: url(images/SCP.png) 50% 10px no-repeat;background-size: 25%;}
.nav-ul-Solutions li.li8 a{background: url(images/SOP.png) 50% 10px no-repeat;background-size: 25%;}

.userPanel{float: left;  line-height: 26px; height: 26px;   margin: 2px 6px 0;}
/* .siteSearch { position: relative; width: 260px; _width: 365px; right: 30px; top: -30px;} */
/* #header .siteSearch .keyword { float: left; width: 250px; height: 20px; padding: 5px 0 5px 12px; line-height: 25px\9; _line-height: 30px; background: #fff; border: 1px solid #d9d9d9; outline: none;  font-family: "Microsoft Yahei";border-radius: 18px;font-size: 13px;} */
/* #header .siteSearch .submit { position: absolute; width: 32px; height: 32px; line-height: 30px; color: transparent; background: url(images/search-btn.png) 50% no-repeat; border: none; cursor: pointer;right: 0;border-radius: 50%;} */
.search-wrapper { position: absolute;  -webkit-transform: translate(-50%, -50%);   -moz-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);   top:25px;  left:16%;}
.search-wrapper .input-holder {overflow: hidden; height: 50px; background: rgba(255,255,255,0);    border-radius:6px; position: relative;  width:50px;   -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.3s ease-in-out;}
.search-wrapper.active .input-holder {border-radius: 50px;width:230px;background: rgba(255,255,255,1);-webkit-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);   -moz-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);   transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7f000000, ndcolorstr=#7f000000);}
.search-wrapper .input-holder .search-input {width:80%;height: 30px;padding:0px 0 0 20px;opacity: 0;position: absolute;top:0px;left:0px; background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:none;  outline:none;-webkit-transform: translate(0, 60px);-moz-transform: translate(0, 60px);transform: translate(0, 60px);-webkit-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all 0.2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.2s;moz-transition-delay: 0.2s;transition-delay: 0.2s;}
.search-wrapper.active .input-holder .search-input {opacity: 1;-webkit-transform: translate(0, 10px);-moz-transform: translate(0, 10px);transform: translate(0, 10px);}

.search-wrapper .input-holder .search-icon {width:48px;height:48px;border:none;background: url(images/search-icon.png) 50% no-repeat;padding:0px;outline:none;position: relative;z-index: 2;float:right;cursor: pointer;border: solid 1px #ffffff;border-radius: 50%;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.search-wrapper .input-holder .search-icon:hover{background: #2978b0 url(images/search-icon.png) 50% no-repeat; }
.search-wrapper.active .input-holder .search-icon {display:none;}

.search-wrapper .input-holder .submit{ display: none;}
.search-wrapper.active .input-holder .submit {display:block; width: 40px;height: 40px;position: absolute; right: 0;margin: 5px; border-radius: 50%;color: transparent; border:none; background:#093e6e url(images/search-icon.png) 50% no-repeat; cursor:pointer;}
.search-wrapper.active .input-holder .submit:hover {background:#000 url(images/search-icon.png) 50% no-repeat;}
.search-wrapper .close {display: none;position: absolute;z-index: 1;top:13px;right:20px;width:25px;height:25px;cursor: pointer;-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);transform: rotate(-180deg);-webkit-transition: all 0.2s cubic-bezier(0.285, -0.450, 0.935, 0.110);-moz-transition: all 0.2s cubic-bezier(0.285, -0.450, 0.935, 0.110);transition: all 0.2s cubic-bezier(0.285, -0.450, 0.935, 0.110);-webkit-transition-delay: 0.2s;-moz-transition-delay: 0.2s;transition-delay: 0.2s;}
.search-wrapper.active .close { right:-35px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all 0.2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;transition-delay: 0.5s;}
.search-wrapper .close::before, .search-wrapper .close::after {position:absolute;content:'';border-radius: 2px;background: rgba(255, 255, 255, 0.2);transition: all 1s; }
.search-wrapper .close:hover::before, .search-wrapper .close:hover::after {background: rgba(255,0, 0, 0.7); }
.search-wrapper.active .close:hover { -webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);transform: rotate(225deg); transition: all 0.1s; }
.search-wrapper .close::before {width: 5px;height: 25px;left: 10px;top: 0px;}
.search-wrapper .close::after {width: 25px;height: 5px;left: 0px;top: 10px;}
.search-wrapper .result-container { width: 100%;position: absolute;top:80px;left:0px;text-align: center;font-size: 14px;display:none;color:#B7B7B7;}

.fixed-box{position: fixed!important;top: 0px!important;}
.fixed-box .logo,.fixed-box .order-link{top: 15px!important; }
.fixed-box  .nav li .itemSub{margin-top: -17px!important;top: 56px!important;}
.fixed-box .logo a{/*background-size: 85%!important;*/ }
.fixed-box .nav {margin: 10px 0 0px 260px!important;}
.fixed-box .nav{top: 10px!important;} 
.fixed-box .nav li a{/* font-size:16px!important; */}
.fixed-box .order-link i span{width:36px; height:36px!important;background-size: 50%!important}
.fixed-box .active {top: 20px;}
.fixed-box .search-wrapper .input-holder .search-icon{width:36px; height:36px;background-size: 50%}
.fixed-box .search-wrapper{left: 25%;top: 20px;}
.fixed-box .search-wrapper .input-holder{height: 40px;}
.fixed-box .search-wrapper .input-holder .submit{margin: 0px;}
.fixed-box .search-wrapper .input-holder .search-input{top: -5px;}
.fixed-box .search-wrapper .close{top:9px;}


/* .fixed-box .siteSearch{right: 60px;top: -18px;} */

.order-link{position: absolute;top: 28px;right: 0;width: 260px;height: 40px;}
.order-link i span{display: inline-block;width: 48px;height: 48px;margin: 0 5px;cursor: pointer;position: relative;transition: all 0.2s;position: relative;}
/* .order-link i span:hover{transform: rotate(360deg);} */
.order-link .wx{position: absolute;right:0;}
.order-link .wx span{background: url(images/wx-icon.png) 50% no-repeat;border: solid 1px #ffffff;border-radius: 50%;}
.order-link .search span{background: url(images/search-icon.png) 50% no-repeat;border: solid 1px #ffffff;border-radius: 50%;}
.order-link .wx:hover span{background-color: #2978b0;}
.order-link .search:hover span{background-color: #2978b0;}
.order-link .wx img{position: absolute;top: 55px;left: -20px;display: none;}
.order-link .wx:hover img{display: block;}
.order-link .phone img{position: absolute;top: 50px;left: 44px;display: none;}
.order-link .phone:hover img{display: block;}

.s-form{}
.s-form .select-box{display:none;}
.s-form .input-box{ position: relative;}
.s-form .input-box .from-control {width: 58%;height: 30px;border-radius: 6px;padding: 0px 0 0 10px;/* opacity: 0; */position: absolute;top: -50px;color: #fff;border-radius: 6px;left:0px;border: #ffffff4d solid 1px;background: transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-right: none;outline:none;-webkit-transform: translate(0, 60px);-moz-transform: translate(0, 60px);transform: translate(0, 60px);-webkit-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-moz-transition: all .2s cubic-bezier(0.000, 0.105, 0.035, 1.570);transition: all 0.2s cubic-bezier(0.000, 0.105, 0.035, 1.570);-webkit-transition-delay: 0.2s;moz-transition-delay: 0.2s;transition-delay: 0.2s;}
.s-form .btn-box .btn {border:none;display:block;width: 38px;height: 38px;position: absolute;right: 25%;padding: 24px;border-radius: 50%;color: transparent;border: #fff solid 1px;background: url(images/search-icon.png) 50% no-repeat;cursor:pointer;transition: all 0.2s;}
.s-form .btn-box .btn:hover{background-color: #2978b0;}


.fixed-box .order-link{width: 200px;}
.fixed-box .s-form .input-box .from-control {height: 26px;padding: 0px 0 0 10px; top: -53px;}
.fixed-box .s-form .btn-box .btn {background:#0058b3 url(images/search-icon.png) 50% no-repeat;padding:15px;width:38px; height:38px;background-size:50%}
.fixed-box .order-link .wx span{background:#0058b3 url(images/wx-icon.png) 50% no-repeat;border: solid 1px #ffffff;border-radius: 50%;}
.fixed-box .s-form .btn-box .btn:hover,.fixed-box .order-link .wx span:hover{background-color: #323232;}
.fixed-box .s-form .input-box .from-control{border-color:#8ca4e8;color:#333}
/* links */
#footlinks { max-width: 1400px;height:auto; overflow:hidden; min-width: 1200px; margin: 0 auto;/* border-top: 2px solid #00A2E9;*/ padding: 4px 0 0; font-size:14px;}
#footlinks dl {float:left; margin-top:20px;margin-right: 39px;min-width: 130px;}
#footlinks dt{color:#000;}
#footlinks li a { color:#006699; font-size:14px; line-height:28px;margin-right: 15px;white-space:nowrap;}
#footlinks dl.float li{float: left; }
#footlinks dl.float{max-width: 130px;}
#footlinks li a:hover{color: #111;text-decoration: underline;}

/* footer */
#footer {  color: #333; line-height: 22px;background-color: #f2f2f2;padding: 20px 0 0;}
#footer .siteWidth{min-width: 1200px;margin: auto;max-width: 1400px;padding: 10px 0;height: auto;overflow: hidden;}
#footer .footL { position: relative; float: left;width: 500px;}
#footer .footlogo{display:block; margin:0px 0 15px;width:108px;height:23px; background: url(images/footlogo.png) no-repeat left center;}
#footer .footL .intro span{display: inline-block;margin-right:1em;color: #333333;line-height: 32px;}
#footer .footL .intro p{}
#footer .footC{float: left;width:30%;height: 111px;margin-left: 9%;}
#footer .footC h3,#footer .footR h3{font-size: 16px;color: #333333;}
#footer .footC ul li{width: 147px;height: 32px;background-color: #efefef;border: solid 1px #d8d8d8;float: left;margin: 10px 10px 0px 0;line-height: 32px;text-align: center;text-indent: -5px;cursor: pointer;transition: all 0.5s;}
#footer .footC ul li i{display: inline-block;width: 20px;height: 17px;background: url(images/lxwm-icon.png) no-repeat;float: left;margin: 8px 0 0 17px;transition: all 0.5s;}
#footer .footC ul li.li5 i, #footer .footC ul li.li6 i {background: url(images/lxwm2-icon.png) no-repeat;}
#footer .footC ul li:hover{background-color: #fff;}
#footer .footC ul li:hover i{transform: rotateY(360deg);}
#footer .footR{width: 216px;height: 149px;float: right;margin-bottom: 20px;}

#footer .honor {clear: both;border-top: 1px solid #cfcfcf;background: #1e252b;padding: 30px 0;color: #85a0b7;}
#footer .honor li{float:left; }
#footer .honor li.li1,#footer .honor li.li2{width:50%;}
#footer .honor li.li3{margin-top:30px;}

#footer .honor H3{font-weight:bold; margin-bottom: 15px; margin-left: 10px; font-size: 13px;;display: inline-block;  background: #4ea3ef;color: #fff;padding: 0 10px;position: relative;}
#footer .honor H3:before,#footer .honor H3:after{position: absolute;content: "";width: 0;height: 0;border-top: 11px solid transparent;border-bottom: 11px solid transparent;}
#footer .honor H3:before{left: -9px;border-right: 9px solid #4ea3ef;border-left: 0 none;}
#footer .honor H3:after{ right: -9px;border-left: 9px solid #4ea3ef;border-right: 0 none;}
#footer .honor span{display:inline-block; padding-right:1.5em;height:30px;line-height: 30px;min-width: 20%;}

.weiboShow,.weixinShow{width:99px;float: left;}
.weixinShow{margin-right: 18px;}
.weiboShow img,.weixinShow img{width:99px;height:99px;float: left;}
.weiboShow span a,.weixinShow span {display: block;text-align: center;font-size: 12px;color: #888888;line-height: 24px;}
#box_weibo{padding-top: 10px;}



.footer-bottom{height: 68px;line-height: 68px;clear: both;background-color: #11191f; color: #2066a5;    overflow: hidden;}
.footer-bottom .copyRight {max-width: 1400px;margin: auto;min-width: 1200px;}
.footer-bottom .copyRight p{float: left;}
.footer-bottom .copyRight .gg{float: right;}
.footer-bottom .copyRight .gg .ga-icon{display: inline-block;width: 18px;height: 20px;background: url(images/ga-icon.png) no-repeat;margin: 0 5px;vertical-align: middle;}
.footer-bottom .copyRight .gg .jc-icon{display: inline-block;width: 38px;height: 47px;background: url(images/jc-icon.png) no-repeat;vertical-align: middle;margin-left: 10px;}
.footer-bottom a{color: #2066a5;}
.footer-bottom .copyRight .gg .xcc{padding-top: 15px;  height: 38px;  float: right;  margin-left: 15px;}

/* goTop */
#goTop{position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 10px; width: 56px; height: 56px; border-radius: 2px; box-shadow: 0 0 2px #9c9c9c; -webkit-box-shadow: 0 0 2px #9c9c9c; opacity: .9; background: rgb(255 255 255 / 80%); border-radius:5px;}
#goTop::after{display: block; content:""; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; width:24px; height:24px; background:url(/content/Main/Base/img/gotopico.png) no-repeat}

.pageBanner{min-width:1200px; height:300px;}
.pageBanner a{display:block;height:100%;}
.banner-box{position: relative;}
.banner-box .pageBanner{height: 820px}

/* common title */
#content{margin: auto;}
#content .printArea h1.title {font-weight: normal; font-size: 40px; line-height: 50px; font-family: "微软雅黑","黑体"; margin:0 0 20px 0; text-align: left;}
#content .printArea h1.title small { font-size: 30px; }
.introPath { margin-bottom: 10px; height: 35px; line-height: 30px; color: #999; font-size: 14px;}
.introPath a,
.introPath span {color: #999; margin: 0 5px; }
.introPath a:hover {color: #447099; }
.introPath .contactLink {float: right;font-size: 18px;line-height: 24px;color: #000;padding-left: 35px;background: url(images/icon_mail.png) no-repeat left center; }

/* sideBarList */
.sideBarList {}
.sideBarList h3{ background: #447099; color: #fff; font-size: 18px; padding-left: 10px; line-height: 30px;}
.sideBarList ul{padding: 5px 10px 20px;}
.sideBarList li{height: 30px;border-bottom:#ccc dotted 1px;overflow: hidden;}
.sideBarList li a{display:block;font-size: 14px;line-height: 30px;color:#666;overflow:hidden;padding-left:15px;background: url("images/icons.gif") 0 -96px no-repeat; }
.sideBarList li a:hover{background-position:0 -122px; text-decoration:none; color:#3399cc;}


/* 分享功能 */
#content.clearfix {overflow: visible;position: relative; }
#bdshare { position: absolute;left: -44px;top: 0;margin-top: 50px;width: 44px;text-align: center;padding-top: 21px;padding-bottom: 5px !important;background: url(images/tit_share.png) no-repeat #E3E3E3;display:none; }
#bdshare a { margin: 0 0 0 2px; }
#bdshare .bds_more,
#bdshare .shareCount { display: none; }

.zoo{box-shadow: #999 0px 0px 5px;z-index: 20;background: white;font: 12px/20px "Microsoft Yahei",SimSun,Tahoma,Helvetica,Arial,sans-serif;}
.zoo ul{padding:10px 0;}
.zoo li{padding:2px 0 2px 5px;}
.zoo li:hover{background:#f0f0f0;}


.introContent{margin: auto;}

/* box-D */

.box-D { background:url(images/boxDbg.jpg) no-repeat center top; height:280px;}
.box-D .siteWidth{width: 1200px;margin: auto;}
.sup{font-weight: 600;}
.service-item{background: url(images/serviceitembg.png) no-repeat center;height: 200px;position: relative;}
.service-item span{width: 25%;float: left;text-align: center;position: relative;}
.service-item span p{font-size: 28px;color: #ffc743;}
.service-item span p em, .service-item span p b {color: #ffc743;font-weight: 400;font-size:30px;}
.service-item span i{display: block;height: 140px;}
.service-item font { color:#fff; margin-left:8px;}
.service-item .li2 i{background-position-y: -267px;}
.service-item .li3 i{background-position-y: 0;}
.service-item .li4 i{background-position-y: -410px;}

/* @media screen and (max-width: 560px) {
    .search-wrapper.active .input-holder {width:200px;}
} */

/* goTop */
#goTop{position: fixed; display: none; _display: none !important; width: 50px; height: 50px; bottom: 60px; right: 5px; z-index: 99; cursor: pointer; margin: 10px; width: 56px; height: 56px; border-radius: 2px; box-shadow: 0 0 2px #9c9c9c; -webkit-box-shadow: 0 0 2px #9c9c9c; opacity: .9; background: rgb(255 255 255 / 80%); border-radius:5px;}
#goTop::after{display: block; content:""; position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; width:24px; height:24px; background:url(/content/Main/Base/img/gotopico.png) no-repeat}


@media only screen and (max-width: 1400px) {
    /* #header{width:auto;} */
    /* .honor span{
        width: 16%;
    } */
    #footer .footC{margin-left: 8%;}
	/*#header .second-nav .nav-ul{min-width: 1200px;}
    #header .second-nav .nav-ul ul li{}
    #header .second-nav .nav-ul ul .li6, #header .second-nav .nav-ul ul .li7, #header .second-nav .nav-ul ul .li8, #header .second-nav .nav-ul ul .li9{}
    #header .second-nav .nav-ul .pic{width: 300px;}
    #header #sub-Products ul li{padding: 15px;}
    */
    #top .inner,#header .inner, #footer .inner, .introContent,#footer .siteWidth{padding: 0 20px;}
    .order-link{right: 20px;}
    #header .nav{margin: 26px 0 24px 245px;}
    #header .nav li  .itemName a{padding: 10px 15px;}
    .fixed-box .nav{margin: 15px 0 8px 220px!important;}
    .fzlc-box .bd ul{width: 380px;margin: 0 20px;}
    .fzlc-box .bd ul .Years{text-indent: -54px;}
    .nav-ul-product h4.h41 { margin-top: 25px;}
    .nav-ul-product,.nav-ul-hyyy { width: 700px;}
    .nav-ul-hyyy li a {padding: 70px 20px 10px;}
}