@charset "utf-8";


body{color:#333;background:#fff;}

.yahei{font-family:'SourceHanSansSC';}

.top-box,
.nav-box,
.banner-box,
.main-box,
.sub-box,
.footer-box{min-width:1000px;width:100% !important;margin:0 auto;_width:100%;}


.top-box{position:relative;z-index:5;}
.top-box .area{height:154px;}
.top-box .logo{position:absolute;top:40px;left:0; width: 790px; height: 74px;}
.top-tel{ position: absolute; top: 42px; right: 0; width: 300px;}
.top-tel h4{ padding-left: 16px; height: 16px; line-height: 16px; overflow: hidden; font-weight: normal; background: url(../images/ico-tel.gif) left center no-repeat;}
.top-tel p{ height: 24px; line-height: 24px; overflow: hidden; font-size: 24px; font-weight: bold; color: #f90;}
.top-search{ position: absolute; top: 82px; right: 0; width: 300px; font-size: 0;}
.top-search input{ vertical-align: top;}
.top-search .u-text{ padding: 0 6px; width: 246px; height: 26px; line-height: 26px; overflow: hidden; font-size: 14px; font-family:'SourceHanSansSC'; border: solid 2px #084ea3; border-right: none; background: #fff;}
.top-search .u-btn{ width: 40px; height: 30px; overflow: hidden; border: 0 none; background: #084ea3 url(../images/ico-search.png) center no-repeat; cursor: pointer;}
.top-language{ position: absolute; top: 18px; right: 0;}
.top-language a:hover{ color: #002f93; text-decoration: underline;}

.body-1000 .top-box .area{ height: 126px;}
.body-1000 .top-box .logo{ top:28px; width: 662px; height: 62px;}
.body-1000 .top-tel{ top: 28px; width: 250px;}
.body-1000 .top-tel h4{ height: 14px; line-height: 14px; font-size: 12px;}
.body-1000 .top-tel p{ height: 20px; line-height: 20px; font-size: 20px;}
.body-1000 .top-search{ top: 62px; width: 250px;}
.body-1000 .top-search .u-text{ width: 204px; height: 20px; line-height: 20px; font-size: 12px;}
.body-1000 .top-search .u-btn{ width: 32px; height: 24px; background-image: url(../images/body-1000/ico-search.png);}


.nav-box{ position: relative; z-index: 10; border-top: solid 2px #03418c; border-bottom: solid 2px #03418c; background: #084ea3;}
.m-nav{ margin: 0 auto; width: 1000px;}
.m-nav a{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.m-nav .fir-ul{ position: relative; zoom:1; font-size:0; text-align: center;}
.m-nav .fir-ul .fir-li{display:inline-block;*display:inline;zoom:1;vertical-align:top;padding: 6px 0;text-align:center; background: url(../images/line-nav.gif) 0 center no-repeat;}
.m-nav .fir-ul .first{ background: no-repeat;}
.m-nav .fir-ul .u-a{ margin: 0 15px; display: block; height:32px; line-height: 32px; overflow: hidden; font-size: 16px; color: #fff;}
.m-nav .fir-ul .current .u-a,
.m-nav .fir-ul .hover .u-a{ background: #f90;}

.m-nav .sec-box{position:absolute;top:44px;left:0;overflow:hidden;font-size:0; display: none;}
.m-nav .sec-box .u-box{ margin-top: 2px; padding: 16px 16px 16px 20px; width: 444px; border: solid 3px #2466b6; background: #084ea3;}
.m-nav .sec-box .u-img{ float: left; display: inline; width: 216px; height: 160px; overflow: hidden; border: solid 1px #fff;}
.m-nav .sec-box .u-list{ float: right; display: inline; width: 210px;}
.m-nav .sec-box ul{ margin: -15px 0 -3px -30px;}
.m-nav .sec-box li{ float: left; display: inline; margin:12px 0 0 30px; padding-left: 20px; width: 90px; height: 24px; line-height: 24px; overflow: hidden; text-align: left;}
.m-nav .sec-box li a{ position: relative; zoom:1; font-size: 14px; color: #fff;}
.m-nav .sec-box li a:after{ content: ""; position: absolute; top: 50%; left: -20px; margin-top: -2px; width: 5px; height: 5px; overflow: hidden; background: #ccc;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.m-nav .sec-box li a:hover{ color: #f90;}
.m-nav .sec-box li a:hover:after{ background-color: #f90;}
.m-nav .sec-box li.more{ width: 90px; padding: 0;}
.m-nav .sec-box li.more a{ display: block; font-size: 12px; text-align: center; color: #9cf; background: #2466b6;}
.m-nav .sec-box li.more a:hover{ color: #fff;}


.banner-box{position:relative;z-index:0;}
.m-focus{position:relative;zoom:1;width:100%;}
.m-focus .switchable-box{position:relative;zoom:1;overflow:hidden;width:100%;height:504px;}
.m-focus .switchable-content li{width:100%;height:504px;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{display:block;height:504px;}
.m-focus .switchable-btn{ display: none;}
.m-focus .switchable-btn a{ position:absolute;z-index:50;top:50%; margin-top: -42px; width: 38px; height: 85px; overflow: hidden; background: url(../images/btn-switchable.png) no-repeat;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.m-focus .switchable-btn a:hover{filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity:1;}
.m-focus .switchable-btn .switchable-prev{ left: 50%; margin-left: -570px; background-position: left center;}
.m-focus .switchable-btn .switchable-next{ right: 50%; margin-right: -570px; background-position: right center;}


.main-box,.sub-box{ position: relative; z-index:5;}

.m-title{ text-align: center; color: #002f93;}
.m-title h2{ height: 46px; line-height: 46px; overflow: hidden; font-size: 36px;}
.m-title p{ height: 38px; line-height: 38px; overflow: hidden; font-size: 18px;}
.m-title i.line{ display: block; margin: 0 auto; width: 70px; height: 4px; overflow: hidden; background: #f90;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}

.body-1000 .m-title h2{ height: 38px; line-height: 38px; font-size: 30px;}
.body-1000 .m-title p{ height: 32px; line-height: 32px; font-size: 16px;}
.body-1000 .m-title i.line{ width: 58px;}



.m-solution{ padding: 35px 0 40px;}
.m-solution .listBox{ position: relative; zoom:1;}
.m-solution .listBox li{ float: left; display: inline; width: 224px; padding-right: 20px;}
.m-solution .listBox .u-box{ display: block; position: relative; zoom:1; font-size: 16px; color: #fff; text-align: center; background: #002f93;}
.m-solution .listBox .u-img{ display: block; width: 224px; height: 260px; overflow: hidden;}
.m-solution .listBox .u-name{ height: 40px; line-height: 40px; overflow: hidden;}
.m-solution .listBox i.num{ position: absolute; left: 50%; bottom: 34px; margin-left: -28px; width: 56px; height: 28px; line-height: 20px; overflow: hidden; background: url(../images/ico-solution-num.png) no-repeat;}

.m-solution .solution-btn a{ position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; overflow: hidden; background: url(../images/btn-scroll.png) no-repeat;}
.m-solution .solution-btn .solution-prev{ left: 0; background-position: left center;}
.m-solution .solution-btn .solution-next{ right: 0; background-position: right center;}

.body-1000 .m-solution .listBox li{ width: 188px; padding-right: 15px;}
.body-1000 .m-solution .listBox .u-box{ font-size: 14px;}
.body-1000 .m-solution .listBox .u-img{ width: 188px; height: 218px;}
.body-1000 .m-solution .listBox .u-name{ height: 34px; line-height: 34px;}
.body-1000 .m-solution .listBox i.num{ bottom: 28px; margin-left: -22px; width: 44px; height: 22px; line-height: 16px; background-image: url(../images/body-1000/ico-solution-num.png);}



.m-about{ padding: 35px 0 40px; background: #ececec;}
.m-about .conBox{ position: relative; zoom:1;}
.m-about .conBox .u-img{ float: left; display: inline; margin-right: 28px; width: 590px; height: 290px; overflow: hidden; border: solid 5px #fff; -moz-box-shadow:3px 4px 0 #828282; -webkit-box-shadow:3px 4px 0 #828282; box-shadow:3px 4px 0 #828282;}
.m-about .conBox .u-con{ height: 216px; line-height: 24px; overflow: hidden; font-size: 14px; color: #404040;}
.m-about .conBox .u-con a{ color: #002f93;}
.m-about .conBox .u-con a:hover{ color: #f90;}
.m-about .conBox .u-menu{ margin-top: 52px;}
.m-about .conBox .u-menu ul{ margin-left: -12px;}
.m-about .conBox .u-menu li{ float: left; display: inline; margin-left: 12px; width: 134px; height: 36px; line-height: 36px; overflow: hidden; font-size: 18px;}
.m-about .conBox .u-menu a{ display: block; font-weight: bold; text-align: center; color: #fff; background: #999;}
.m-about .conBox .u-menu a:hover{ background-color: #002f93;}

.body-1000 .m-about .conBox .u-img{ margin-right: 24px; width: 490px; height: 240px;}
.body-1000 .m-about .conBox .u-con{ height: 192px;}
.body-1000 .m-about .conBox .u-menu{ margin-top: 32px;}
.body-1000 .m-about .conBox .u-menu ul{ margin-left: -12px;}
.body-1000 .m-about .conBox .u-menu li{ float: left; display: inline; margin-left: 12px; width: 110px; height: 30px; line-height: 30px; overflow: hidden; font-size: 16px;}


.m-product{ padding: 30px 0 40px;}
.m-product .listBox{ position: relative; zoom:1;}
.m-product .listBox li{ float: left; display: inline; width: 285px; padding-right: 20px;}
.m-product .listBox .u-box{ display: block; padding: 12px 12px 0;color: #152a65; background: #ececec;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.m-product .listBox .u-img{ display: block; margin-bottom: 4px; width: 260px; height: 260px; overflow: hidden;}
.m-product .listBox .u-more{ position: relative; zoom:1; float: right; display: inline; padding:0 12px; height: 36px; line-height: 36px; overflow: hidden; font-size: 14px;}
.m-product .listBox .u-more i.arr{ position: absolute; top: 50%; right: -8px; margin-top: -6px; width:0; height:0; overflow:hidden; border-width:6px 8px; border-style:solid; border-color: transparent transparent transparent #152a65;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.m-product .listBox .u-name{ height: 36px; line-height: 36px; overflow: hidden; font-size: 20px;}
.m-product .listBox .u-box:hover{ color: #fff; background: #152a65;}
.m-product .listBox .u-box:hover .u-more i.arr{ border-left-color: #fff;}

.m-product .product-btn a{ position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; overflow: hidden; background: url(../images/btn-scroll.png) no-repeat;}
.m-product .product-btn .product-prev{ left: 0; background-position: left center;}
.m-product .product-btn .product-next{ right: 0; background-position: right center;}


.body-1000 .m-product .listBox li{ width: 238px; padding-right: 16px;}
.body-1000 .m-product .listBox .u-box{ padding: 11px 11px 0;}
.body-1000 .m-product .listBox .u-img{ width: 216px; height: 216px;}
.body-1000 .m-product .listBox .u-more{ padding:0 10px; height: 30px; line-height: 30px;font-size: 12px;}
.body-1000 .m-product .listBox .u-more i.arr{ right: -7px; margin-top: -5px; border-width:5px 7px;}
.body-1000 .m-product .listBox .u-name{ height: 30px; line-height: 30px; font-size: 16px;}


.bgBox{ padding: 35px 0 40px; background: #152a65;}
.bgBox .title{ color: #f90;}
.bgBox .title h2{ height: 28px; line-height: 28px; overflow: hidden; font-size: 24px;}
.bgBox .title p{ height: 20px; line-height: 20px; overflow: hidden; font-size: 16px;}

.body-1000 .bgBox .title h2{ height: 24px; line-height: 24px; font-size: 20px;}
.body-1000 .bgBox .title p{ height: 18px; line-height: 18px; font-size: 14px;}


.m-news{ width: 456px;}
.m-news .listBox{ position: relative; zoom:1; padding: 14px 0;}
.m-news .listBox .line{ position: absolute; top: 0; left: 7px; width: 2px; height: 100%; overflow: hidden; background: #f90;}
.m-news .listBox li{ position: relative; zoom:1; padding-left: 40px; height: 44px; line-height: 44px; overflow: hidden; font-size: 14px;}
.m-news .listBox li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.m-news .listBox li,.m-news .listBox li a{ color: #fff;}

.m-news .listBox .ico{ position: absolute; top: 50%; left: 0; margin-top: -8px; width: 12px; height: 12px; overflow: hidden; border: solid 2px #f90; background: #152a65;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.m-news .listBox a:hover .ico{ background-color: #f90;}
.m-news .listBox .date{ float: right; display: inline; color: #d2d2d2;}

.body-1000 .m-news{ width: 380px;}
.body-1000 .m-news .listBox li{ height: 36px; line-height: 36px; font-size: 12px;}
.body-1000 .m-news .listBox .ico{ left: 1px; margin-top: -7px; width: 10px; height: 10px;}



.m-contact{ width: 688px;}
.m-contact .conBox{ padding-top: 25px;}
.m-contact .conBox .map{ width: 430px; height: 280px; overflow: hidden; border: solid 3px #f90;}
.m-contact .conBox .map img{ width: 100%; height: 100%;}
.m-contact .conBox .list{ width: 232px; color: #fff;}
.m-contact .conBox .list li{ position: relative; zoom:1; padding-left: 36px; margin-bottom: 10px;}
.m-contact .conBox .list i.ico{ position: absolute; top: 0; left: 0; width:26px; height: 26px; overflow: hidden; background: url(../images/ico-contact.png) no-repeat;}
.m-contact .conBox .list h4{ line-height: 26px; font-weight: normal; color: #f90;}
.m-contact .conBox .list p{ line-height: 24px; font-size: 16px;}

.m-contact .conBox .list li.tel i.ico{ background-position: 0 0;}
.m-contact .conBox .list li.qq i.ico{ background-position: 0 -26px;}
.m-contact .conBox .list li.eMail i.ico{ background-position: 0 -52px;}
.m-contact .conBox .list li.addr i.ico{ background-position: 0 -78px;}

.m-contact .conBox .list li.tel p{ line-height: 30px; font-size: 28px;}

.body-1000 .m-contact{ width: 572px;}
.body-1000 .m-contact .conBox{ padding-top: 21px;}
.body-1000 .m-contact .conBox .map{ width: 356px; height: 232px;}
.body-1000 .m-contact .conBox .list{ width: 196px;}
.body-1000 .m-contact .conBox .list i.ico{ width: 22px; height: 22px; background-image: url(../images/body-1000/ico-contact.png);}
.body-1000 .m-contact .conBox .list h4{ line-height: 22px; font-size: 12px;}
.body-1000 .m-contact .conBox .list p{ line-height: 20px; font-size: 14px;}

.body-1000 .m-contact .conBox .list li.tel i.ico{ background-position: 0 0;}
.body-1000 .m-contact .conBox .list li.qq i.ico{ background-position: 0 -22px;}
.body-1000 .m-contact .conBox .list li.eMail i.ico{ background-position: 0 -44px;}
.body-1000 .m-contact .conBox .list li.addr i.ico{ background-position: 0 -66px;}

.body-1000 .m-contact .conBox .list li.tel p{ line-height: 24px; font-size: 22px;}



.footer-box{ position: relative; z-index: 0; background:#212121;}
.footer-box,
.footer-box a{ color: #fff;}
.footer-box a:hover{ text-decoration: underline;}

.footer-box .m-title{ color: #fff;}

.m-partner{ padding: 35px 0 40px; background: url(../images/line-partner.gif) center bottom repeat-x;}
.m-partner .listBox{position: relative; zoom:1;}
.m-partner .listBox li{ float: left; display: inline; width: 180px; padding-right: 24px;}
.m-partner .listBox .u-img{ display: block; width: 174px; height: 74px; overflow: hidden; border: solid 3px #f90;}
.m-partner .partner-btn a{ position: absolute; top: 50%; margin-top: -18px; width: 36px; height: 36px; overflow: hidden; background: url(../images/btn-scroll.png) no-repeat;}
.m-partner .partner-btn .partner-prev{ left: 0; background-position: left center;}
.m-partner .partner-btn .partner-next{ right: 0; background-position: right center;}


.body-1000 .m-partner .listBox li{ width: 150px; padding-right: 20px;}
.body-1000 .m-partner .listBox .u-img{ width: 144px; height: 60px;}


.m-footer{ padding: 50px 0 80px;}
.footer-text{ line-height: 22px; font-size: 14px; color: #f90; text-align: right;}
.footer-text p.qq{ font-size: 0;}
.footer-text a.btn{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin: 6px 0 6px 18px; width: 30px; height: 30px; overflow: hidden; background: url(../images/ico-footer-qq.png) no-repeat;}
.footer-text a.btn-1{ background-position: 0 0;}
.footer-text a.btn-2{ background-position: 0 -30px;}
.footer-text a.btn-3{ background-position: 0 -60px;}

.footer-weixin{ position: relative; zoom:1; margin: 0 40px; padding-right: 20px;}
.footer-weixin p{ position: absolute; top: 0; right: 0; width: 16px; line-height: 1; text-align: center; color: #f90;}
.footer-weixin .erwei{ width: 98px; height: 98px; border: solid 3px #f90;}




.sub-focus{position:relative;zoom:1;overflow:hidden; border-bottom: solid 1px #084ea3;}
.sub-focus a{display:block;-webkit-transition:none;-moz-transition:none;transition:none;}
.sub-focus img{visibility:hidden;}


.m-sub{ padding: 10px 0 30px;}
.m-sub .left-column{width:260px;}
.m-sub .right-column{width:920px;}

.body-1000 .m-sub .right-column{width:720px;}

.sub-title{ position: relative; zoom:1; overflow: hidden; padding: 10px 46px 14px 10px; font-weight: bold; text-align: right; background: #084ea3;}
.sub-title h2{ height: 28px; line-height: 28px; overflow: hidden; font-size: 24px; color: #fff;}
.sub-title p{ height: 18px; line-height: 18px; overflow: hidden; font-size: 16px; color: #f90;}
.sub-title i.arr{ position: absolute; top: 14px; right: -6px; width:0; height:0; overflow:hidden; border-width:20px 22px; border-style:solid; border-color: transparent transparent transparent #f90;}

.sub-menu{ padding: 14px 14px 9px; text-align: center; border: solid 1px #d4d4d4; border-top: none; background: #f0f0f0;}
.sub-menu a{ -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.sub-menu h4{ margin-bottom:5px;}
.sub-menu h4 a{display:block; padding:0 10px; height:38px; line-height:38px; overflow: hidden; font-size: 16px; color: #084ea3; border: solid 1px #d4d4d4; background: #fff;}
.sub-menu h4.current a,
.sub-menu h4.hover a{ color: #fff; background-color: #084ea3;}
.sub-menu ul{display:none;}
.sub-menu li{ margin-bottom: 5px;}
.sub-menu li a{ display: block; padding:0 10px;height:28px;line-height:28px;overflow:hidden;font-size:14px; color: #666; border: solid 1px #d4d4d4; background: #fff;}
.sub-menu li a:hover{ color: #084ea3; border-color: #084ea3;}


.sub-contact{ color: #fff; border-top: solid 1px #999; background: #084ea3;}
.sub-contact .conBox{ padding: 18px 10px 8px 18px;}
.sub-contact .conBox .list li{ position: relative; zoom:1; padding-left: 36px; margin-bottom: 10px;}
.sub-contact .conBox .list i.ico{ position: absolute; top: 0; left: 0; width:26px; height: 26px; overflow: hidden; background: url(../images/ico-contact.png) no-repeat;}
.sub-contact .conBox .list h4{ line-height: 26px; font-weight: normal; color: #f90;}
.sub-contact .conBox .list p{ line-height: 24px; font-size: 16px;}

.sub-contact .conBox .list li.tel i.ico{ background-position: 0 0;}
.sub-contact .conBox .list li.qq i.ico{ background-position: 0 -26px;}
.sub-contact .conBox .list li.eMail i.ico{ background-position: 0 -52px;}
.sub-contact .conBox .list li.addr i.ico{ background-position: 0 -78px;}

.sub-contact .conBox .list li.tel p{ line-height: 30px; font-size: 28px;}


.m-current{ padding: 0 15px; height: 28px; line-height: 28px; overflow: hidden; border: solid 1px #d4d4d4; background: #f0f0f0;}
.m-current,
.m-current a{ color: #666;}
.m-current a:hover{ color: #f90;}


.m-sub .m-content{ min-height:400px;_height:400px;}
.sub-share{padding:15px 0;}
.sub-share a{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.sub-share .bdsharebuttonbox{float:right;width:200px;}


.sub-product ul{ margin:0 0 0 -20px;}
.sub-product li{ float: left; display: inline; margin:20px 0 0 20px; width: 450px; overflow: hidden;}
.sub-product a{ color: #084ea3;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.sub-product a:hover{ color: #f90;}

.sub-product .u-box{ padding: 8px; border: solid 1px #d4d4d4; background: #f0f0f0; zoom:1;}
.sub-product .u-box:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.sub-product .u-img{ float: left; display: inline; margin-right: 16px; width: 180px; height: 180px; overflow: hidden;}

.sub-product .u-name{ height: 18px; line-height: 18px; font-size: 16px; overflow: hidden;}
.sub-product .u-con{ margin-top: 8px; height: 120px; line-height: 24px; overflow: hidden; font-size: 14px;}
.sub-product .u-more{ margin-top: 8px; display: block; width: 100px; height: 26px; line-height: 26px; overflow: hidden; font-size: 14px; text-align: center; color: #fff; background: #084ea3;}
.sub-product .u-more:hover{ color: #fff; background-color: #f90;}

.body-1000 .sub-product li{ width: 350px;}


.sub-solution{ padding-top: 10px;}
.sub-solution li{ margin-top: 10px;}
.sub-solution a{ color: #084ea3;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.sub-solution a:hover{ color: #f90;}
.sub-solution .u-box{ padding: 8px 20px 8px 8px; border: solid 1px #d4d4d4; background: #f0f0f0; zoom:1;}
.sub-solution .u-box:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.sub-solution .u-img{ float: left; display: inline; margin-right: 20px; width: 230px; height: 140px; overflow: hidden;}
.sub-solution .u-name{ height: 18px; line-height: 18px; font-size: 16px; overflow: hidden;}
.sub-solution .u-con{ margin-top: 14px; height: 72px; line-height: 24px; overflow: hidden; font-size: 14px;}
.sub-solution .u-more{ margin-top: 10px; display: block; width: 100px; height: 26px; line-height: 26px; overflow: hidden; font-size: 14px; text-align: center; color: #fff; background: #084ea3;}
.sub-solution .u-more:hover{ color: #fff; background-color: #f90;}


.sub-news li{ position: relative; zoom:1; height: 44px; line-height: 44px; overflow: hidden; font-size: 14px; border-bottom: solid 1px #f1f1f1;}
.sub-news li a{ padding-left: 14px; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.sub-news li a:hover{ padding-left: 22px; color: #f90;}
.sub-news .u-date{ float: right; display: inline; margin-left: 1em; color: #999;}
.sub-news i.ico{ position: absolute; top: 50%; left: 6px; margin-top: -1px; width: 2px; height: 2px; overflow: hidden; background: #333;}
.sub-news a:hover i.ico{ margin-top: -5px; width:0; height:0; border-width:5px 7px; border-style:solid; border-color: transparent transparent transparent #f90; background: none;}


.sub-partner{ margin: 0 auto;}
.sub-partner li{ float: left; display: inline; width: 210px; margin: 15px 10px 0;}
.sub-partner a{ color: #666; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.sub-partner a:hover{ color: #f90;}
.sub-partner .u-img{ display: block; width: 206px; height: 88px; overflow: hidden; border: solid 2px #d4d4d4;}
.sub-partner .u-img:hover{ border-color: #f90;}
.sub-partner .u-name{ height: 30px; line-height: 30px; overflow: hidden; font-size: 14px; font-weight: normal; text-align: center;}

.body-1000 .sub-partner{ width: 690px;}






/******************** sub-content ********************/
.sub-content{ padding:20px; line-height:24px; font-size: 14px; color: #666;}
.sub-content img{max-width:880px;_width:expression((documentElement.clientWidth < 880) ? "" : "880px" );}
.sub-content .f-fl{width:auto;margin:10px 20px 10px 0;}
.sub-content h1{ margin-bottom: 20px; padding-bottom:10px; line-height:38px;font-size:24px;text-align:center; color: #084ea3; border-bottom: dashed 1px #ccc;}
.sub-content p{line-height:24px;}
.sub-content #platform img{max-width:none;_width:none;}


.body-1000 .sub-content img{max-width:680px;_width:expression((documentElement.clientWidth < 680) ? "" : "680px" );}


.pro-detail{ padding: 20px 0;}
.pro-detail .detail-box{ margin-bottom: 8px; padding: 10px 20px 10px 10px; border: solid 1px #d4d4d4; background: #f0f0f0;}
.pro-detail .imgBox{ float: left; display: inline; width: 280px;}
.pro-detail .imgBox img{ width: 280px;}
.pro-detail .conBox{ float: right; display: inline; width: 588px;}
.pro-detail .conBox .u-name{ line-height: 34px;}
.pro-detail .conBox .u-name h1{ font-size: 20px; color: #084ea3;}
.pro-detail .conBox .u-name a.download{ float: right; display: inline; margin:5px 0 5px 10px; padding-left: 20px; width: 80px; height: 24px; line-height: 24px; overflow: hidden; font-size: 14px; text-align: center; color: #fff; background: #f90 url(../images/ico-download.png) 10px center no-repeat; -webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.pro-detail .conBox .u-con{ margin-top: 8px; line-height: 24px; font-size: 14px;}

.pro-detail .detail-con{ border: solid 1px #d4d4d4; border-top: none; background: #fff;}
.pro-detail .detail-con .title{ padding: 0 6px; border-top: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4; background: #f0f0f0;}
.pro-detail .detail-con .title h2{ display: inline-block; *display: inline; zoom:1; vertical-align: top; margin-bottom: -1px; padding: 1px 8px 0; height: 26px; line-height: 26px; overflow: hidden; font-size: 16px; font-weight: normal; color: #084ea3; border-bottom: solid 2px #084ea3;}
.pro-detail .detail-con .content{ padding: 20px 80px; line-height: 24px; font-size: 14px;}
.pro-detail .detail-con .content h4{ font-size: 16px; color: #084ea3;}
.pro-detail .detail-con .content img{max-width:758px;_width:expression((documentElement.clientWidth < 758) ? "" : "758px" );}

.body-1000 .pro-detail .conBox{ width: 388px;}
.body-1000 .pro-detail .detail-con .content{ padding: 20px;}
.body-1000 .pro-detail .detail-con .content img{max-width:678px;_width:expression((documentElement.clientWidth < 678) ? "" : "678px" );}



.news-detail{ padding: 20px 0;}
.news-detail h1{line-height:38px;font-size:24px;text-align:center; color: #084ea3;}
.news-detail .detail-time,
.news-detail .detail-user{line-height:26px;padding-bottom:10px;font-size:12px;text-align:center;color:#999; border-bottom: dashed 1px #ccc;}
.news-detail .detail-share{padding:5px 0;text-align:right;}
.news-detail .detail-con{line-height:24px;padding:20px 40px; font-size: 14px; color: #666;}
.news-detail .detail-con img{max-width:840px;_width:expression((documentElement.clientWidth < 840) ? "" : "840px" );}
.news-detail .detail-page{ border-top: dashed 1px #ccc;}
.news-detail .detail-page .page-text{overflow:hidden;width:48%;height:48px;line-height:48px;white-space:nowrap;text-overflow:ellipsis;color:#666;}
.news-detail .detail-page .page-text a{font-family: 'SourceHanSansSC'; color:#999;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.news-detail .detail-page .page-text a:hover{color:#084ea3;}
.news-detail .detail-page .f-fr{text-align:right;}

.body-1000 .news-detail .detail-con{ padding: 20px;}
.body-1000 .news-detail .detail-con img{max-width:680px;_width:expression((documentElement.clientWidth < 680) ? "" : "680px" );}



.sub-message{padding:20px;}
.sub-message .btn{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;transition:all .2s ease;}
.sub-message .m-textimg{line-height:24px;margin-bottom:20px;font-size:14px; color: #333;font-family:'SourceHanSansSC';}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{display:inline-block;padding-right:5px;font-style:normal;color:#f00;*display:inline;*zoom:1;}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{margin-bottom:20px;padding:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{position:relative;display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top;}
.sub-message .m-form .td-textarea{width:60%;vertical-align:middle;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;vertical-align:middle;}
.sub-message .m-submit{text-align:right;vertical-align:top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;font-family:'SourceHanSansSC';font-size:14px;border:none;cursor:pointer;}
.sub-message .m-submit input{width:80px;height:24px;line-height:24px;margin:0;padding-left:5px;vertical-align:top;cursor:auto;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{font-family:'SourceHanSansSC';border:1px solid #e1e1e1;background:#fff;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f9f9f9;}
.sub-message .m-submit .btn{color:#fff;background:#084ea3;}




.search-no .bd{padding:60px 0 60px 0;border-bottom:1px solid #e4e4e4;}
.search-no .inputs{width:410px;margin-right:auto;margin-left:auto;font-size:0;}
.search-no .inputs input{font-family:'SourceHanSansSC';font-size:14px;vertical-align:top;}
.search-no .inputs input.text{width:326px;height:30px;line-height:30px;padding:0 6px;border:2px solid #084ea3;border-right:0;background:#fff;}
.search-no .inputs input.btn{width:70px;height:34px;color:#fff;border:0;border:0 none;background:#084ea3;cursor:pointer;}
.search-no .pt{ height:240px;padding:100px 0 0 250px;background:url(../images/sub/search-no.png) 30px center no-repeat;border-bottom:1px solid #e4e4e4;}
.search-no .pt h3{margin-bottom:10px;font-size:18px;font-weight:normal;color:#333;}
.search-no .pt h3 span{color:#084ea3;}
.search-no .pt p{color:#888;}
