body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
textarea,
p,
th,
td,
img {
    margin: 0;
    padding: 0;
}

img {
    border: 0
}

ol,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 16px;
}

input {
    outline: none;
    border: none;
}

html {
    _overflow-y: scroll;
}


/*****锛侊紒椤甸潰閫氱敤css鏍峰紡瀹氫箟寮€濮�******/

html,
body {
    min-width: 1200px;
    font-family: "Microsoft YaHei";
    
    _width: expression(document.body.clientWidth < 1200 ? "1200px": "auto");
}


/* body鐨刢ss瀹氫箟:杩欓噷瀹氫箟椤甸潰涓婁笅宸﹀彸杈硅窛锛岄〉闈㈣儗鏅鑹诧紝婊氬姩鏉￠鑹叉牱寮� */

body {
    font-family: "寰蒋闆呴粦";
    /*鏂囧瓧瀛椾綋瀹氫箟 */
    font-size: 14px;
    /*鏂囧瓧澶у皬瀹氫箟 */
    color: #666666;
    /*鏂囧瓧棰滆壊瀹氫箟 */
    min-width: 1200px;
    outline: none;
}

* {
    word-break: break-all;
    word-wrap: break-word
}


/* 缃戠珯瓒呴摼鎺ss閫氱敤璁剧疆 */

a {
    text-decoration: none;
}


/* 閾炬帴鏃犱笅鍒掔嚎,鏈変负underline */

a:link {
    color: #2c2c2c;
}


/* 鏈闂殑閾炬帴 */

a:visited {
    color: #2c2c2c;
}


/* 宸茶闂殑閾炬帴 */

a:hover {
    color: #2c2c2c;
    text-decoration: none;
}


/* 榧犳爣鍦ㄩ摼鎺ヤ笂 */

a:active {
    color: #2c2c2c;
}


/* a {
    transition: all 0.3s linear 0s;
} */


/* 鐐瑰嚮婵€娲婚摼鎺� */

p {
    line-height: 24px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hide {
    display: none
}

.show {
    display: block
}

.dib {
    display: inline-block;
    *display: inline;
    zoom: 1;
}


/*.clear{clear:both; line-height:0; height:0; font-size:0px;}*/

.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/*娓呴櫎娴姩*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}


/*娓呴櫎娴姩*/

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.dib {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}

.red {
    color: red
}

.backcolor{
    background: #1280c9 ;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    box-shadow: 0 0 0 60px #eee inset;
    -webkit-text-fill-color: #fff;
}


/*琛ㄦ牸鏍峰紡瀹氫箟 */

checkbox {
    border: 0px;
}


/*閫夋嫨妗嗘牱寮忓畾涔� */

.input {
    border: 1px solid #ccc;
    height: 20px;
    line-height: 20px
}

ul,
li {
    list-style: none
}

.clear{clear:both;}
.lf{float:left;}
.rt{float:right;}
.wh{width:100%;}
.bin{width:100%}
.container{ width:1200px; margin:auto;}
.wor{ line-height:24px; color:#666; font-size:13px;}
.bg_white{ background:#fff}
/*效果*/
.slow,.slow a,.slow .box,.slow li a,.slow li a,.rom h4,.slow h4,.slow p,.slow img,.slow b,.slow em,.slow .effect_img img,.slow .effect_img,.LRM li .goods-name b,.slow button,
.frame button,.sonNavBox li h3,.header .nav ul li,.rollBox .pl .box span,.rollBox .LeftBotton, .rollBox .RightBotton,.homeA .right a .box,.icoBoxOne,.list-two ul li,.picScroll-left .hd .prev,.picScroll-left .hd .next,#pages,#pages a{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.effect_two{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two:hover .effect_two_img,.homeC .middle a.one:hover .effect_two_img,.homeB .box:hover  .effect_two_img,.picScroll-left .bd ul li a:hover .effect_two_img,.list-one a:hover .effect_two_img,.list-two ul li:hover .effect_two_img{opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.effect_two .effect_two_caption{color:#fff;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_caption,.effect_two .effect_two_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect_two .effect_two_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:20%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:.8}
.effect_two:hover .effect_two_caption_h{color:#fff;opacity:1}
.effect_two .effect_two_caption_p{font-size:18px;text-align:center;width:80%;position:absolute;top:45%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.effect_two:hover .effect_two_caption_p{color:#fff;opacity:1}
/*banner_page*/
.banner_page{float:left; width:100%;}
.banner_page img{display: blcok;width:100%; height: auto;}
/*more*/
.more{ background: url(../images/more.png) no-repeat right; padding-right:10px;}
/*site*/
.site{float:left;width:100%; border-bottom:solid 1px #ddd;padding:0 0 10px 0; font-size:13px;color:#666;margin:15px 0}
.site a{ color:#666; font-size:13px;margin:0 3px; }
.site .icon-home{ background: url(../images/home_ico.png) no-repeat left;padding-left:21px;}
.site .frame{ text-align: right;}
.site a:hover{color:#007fcb}
/*submenu*/
.submenu{ display:none;width:100%;    border-radius:0px 0 10px 10px; border:1px #f5f5f5 solid;margin:50px 0 0 -50px;padding:10px 0 10px 0;max-width:170px; background:#fff; position:absolute; z-index:999;}
header .submenu a{ float:none;display: block;color:#999;line-height:40px; border-bottom:1px #eee solid;text-align:center;font-size:14px;}
.submenu a:hover{ background:#ddd; color:#666}
.submenu a{padding:0 5px}
.submenu a:last-child{ border:none}
/*page*/
.page{}
.page .box{padding:20px; margin:0 0 20px 0 }
/*show*/
.show{ float:left;width:100%; margin:10px 0 50px 0}
.banner-page{ position:relative;width:100%;height:300px; overflow:hidden;}
.banner-page img{ position:absolute; left:50%; width:1920px;height:300px;margin-left:-960px}
/*pages*/
#pages{float:left;width:100%; margin:20px 0 50px 0; text-align:center;}
/*pe_top*/
.pe_top{width:100%; margin:20px 0 10px 0;}
.pe_top h1{font-size:23px;color:#42c9e1;; line-height:45px; font-weight:400; text-align:center; border-bottom: solid 1px #ddd}
.pe_top span{line-height:30px; font-size:12px; text-align:center; display:block; color:#888}
.pe_top span b{ font-weight:400}
/*sonNav
.sonNavBox{border: 1px #ddd solid;}
.sonNavBox h2{  background:#42c9e1 url(../images/iconav.png) no-repeat left; background-position:10px 25px;padding:25px 10px 25px 80px;font-size:20px; color:#fff}
.sonNavBox h2 span{ display:block;font-size:15px;color:#eee;text-transform:uppercase;}
.sonNavBox h2{}
.sonNavBox li{ border-bottom:1px #ddd solid;}
.sonNavBox li h3{padding:10px 20px;  cursor: pointer;}
.sonNavBox li h3 a{  color:#666; font-size:15px;padding-left:10px;background:url(../images/iconavli.png) no-repeat left}
.sonNavBox li .sonNavContent{ border-top:1px #ddd solid;}
.sonNavBox li .sonNavContent a{ display: block;padding:7px 5px 7px 85px;  color:#666; font-size:14px; border-bottom: dashed 1px #ddd; }
.sonNavBox li h3:hover,.sonNavBox li h3.active{ background:#2db1c9 ; color:#fff}
.sonNavBox li h3.active a{ color:#fff}
.sonNavBox li .sonNavContent a:hover{color:#2db1c9}*/

.header{}
.header .tel{ float:right; margin:0px 0 0 0; padding:15px 0;padding-left:80px;color:#007fcb;line-height:30px; font-weight: bold; font-size:28px;background: url(../images/tel_ico.png) left no-repeat;}
.header .tel span{color:#535353; display: block;font-size:23px; }
.header .long{ margin:30px 0;}
.header .nav{ margin:0px 0 0 0; background: #007fcb;}
.header .nav ul li{ position: relative;float:left;  display: block;border-left: solid #1280c9 1px;border-right: solid #4183a7 1px;}
.header .nav ul li hr{ opacity:0;background: #e0791d;margin-top:-2px; height:2px; width:100%; border: none; margin-bottom: 0;}
.header .nav ul li a{display: block;color:#fff; font-size:15px;padding:15px 37px; text-align:center; }
.header .nav ul li a:last-child{/*border-right:none*/}
.header .nav ul li a:hover{ background: #003667; color:#fff;}
.header .nav ul li.active{ background: #003667; color:#fff;}
.header .nav ul li:hover hr{ opacity:1;}
.header .nav ul li.active hr{ opacity:1;}
 .header .nav ul li:nth-child(1){ border-left:none}
 .header .nav ul li:last-child{ border-right:none}
.header .nav ul li:hover .box{ display: block;}
.header .nav .box{ display: none; position: absolute;z-index:999;left:0;top:50px;border:1px #f5f5f5 solid;float:left;padding:20px 30px;width:555px;margin:0 0 0 -120px; background:#f5f5f5}
.header .nav .box .left{ float:left;width:200px; }
.header .nav .box .left a{text-align:left; line-height:35px;color:#666; padding:0 0 0 10px;font-size:13px; border-bottom: dashed 1px #ddd;background: url(../images/arrow_02.png) left no-repeat;}
.header .nav .box .left a:hover{ color:#289BAE}
.header .nav .box img{float:right;width:280px;}
/**
.header .nav ul li:hover .box{ display: block;}
.header .nav .box{ display: none; position: absolute;z-index:999;left:0;top:50px;border:1px #f5f5f5 solid;float:left;padding:20px 30px;width:360px;margin:0 0 0 -120px; background:#f5f5f5}
.header .nav .box .left{ float:left;width:140px; }
.header .nav .box .left a{text-align:left; line-height:35px;color:#666; font-size:13px; border-bottom: dashed 1px #ddd;}
.header .nav .box .left a:hover{ color:#289BAE}
.header .nav .box img{float:right;width:200px;}
*/
.icoBoxOne{ padding:10px 0 0 20px;display: block; width:141px; text-align: center; height:39px; color:#666; font-size:14px;background: url(../images/ico_05.png) no-repeat center;}
.icoBoxOne:hover{ background: url(../images/ico_05h.png) no-repeat center; color:#fff}
.Imgbox img{ display: block; margin: auto; max-width:100%;}
.DE-Bg{ background: url(../images/de-bg.jpg) no-repeat center top}
/*titleOne*/
.titleOne{ margin:0 0 20px 0}
.titleOne img{ display: block; margin:auto; max-width: 100%;}
/*.title-two*/
.title-two{ font-size:30px;color:#007fcb;line-height:25px;}
.title-two span{color:#DDD; font-size:15px;    text-transform: Uppercase;}
.title-two a{float:right;color:#333; font-size:14px; padding-left:20px;background: url(../images/arrow_03.png) no-repeat left;}
/*title-three*/
.title-three{ font-size:30px;color:#007fcb;line-height:25px; text-align: center; margin:0 0 50px 0}
.title-three span{ color:#DDD; font-size:15px;  background:#fff; padding:5px 10px;    text-transform: Uppercase;}
.title-three hr{display: block; margin-top:-10px; background: #ddd; border: none; height:1px;}
/*homeA*/
/*footer*/
.footer{ background: #007fcb; padding-bottom:30px;}
.footer .nav{ margin:20px 0 50px 0; text-align: center;border-bottom:solid 1px #126eaa;padding-bottom:20px;
}
.footer .nav a{ display: inline-block; color:#fff; font-size:14px;padding:0 20px; line-height:12px;  border-right: dashed 1px #fff ;}
.footer .nav a:last-child{ border: none;}
.footer .nav a:hover{color:#999}
.footer .left{ width:930px;}
.footer .left img{ float:left; margin-top:13px;}
.footer .left .frame{ float:left; color:#fff; font-size:14px;padding:0 0 0 30px;margin:0 0 0 30px; border-left: 1px #ddd dashed;}
.footer .left .frame a{color:#fff}
.footer .left .frame a:hover{color:#999}
.footer .right{width:255px; padding-left:65px; color:#e89a25; font-size:28px; background:url(../images/tel-ico01.png) no-repeat left;}
.footer .right span{ display: block;color:#fff; font-size:12px;}
.footer .right b{ display: block;color:#fff; font-size:24px;}
.footer .down{ float:left;width:100%;margin:30px 0 0 0; background:#012c61;padding:20px;}
.footer .down h3{float:left; color:#fff;line-height:30px; font-size:12px;color:#fff; margin:0 20px 0 0}
.footer .down h3 span{ margin:0 0 0 10px; color:#999;font-size:12px;}
.footer .down a{ display: inline-block;font-size:12px;line-height:12px;color:#fff; border-right:dashed 1px #fff;  margin:0 10px 0 0; padding:0 10px 0 0}
.footer .down a:last-child{ border:none}
.footer .down a:hover{color:#888}

.linkbg{ background:#121212; width:100%; height:auto; overflow:hidden; padding: 15px 0 0;}
.link{ width:1200px; height:auto; margin:0px auto 15px; overflow:hidden; }
.link span{height:42px;color:#333;font-size:14px;border:1px solid #333; display:block; float:left;width:115px;text-align:center;line-height:42px;margin-left:0px}
.link ul li{float:left;margin-left:28px; line-height:40px;}

.flash{  width:100%;height:600px; overflow:hidden; position:relative; }
.flash .hd{ height:4px; overflow:hidden; position:absolute; left:45%; bottom:15px; z-index:1; }
.flash .hd ul{ overflow:hidden; zoom:1; float:left;  }
.flash .hd ul li{ float:left; margin-right:8px;  width:50px; height:4px; line-height:14px; text-align:center; background:#007fcb; cursor:pointer; }
.flash .hd ul li.on{ background:#ff8200; color:#fff; }
.flash .bd{ position:relative; height:100%; z-index:0;   }
.flash .bd li{ zoom:1; vertical-align:middle; width:100%; height:600px; display:block; }
.flash .bd li a{ width:100%; height:600px; display:block; }
.flash .prev{ position:absolute; left:3%; top:50%; margin-top:-45px; display:block; width:42px; height:84px; background:url(../images/prevc_ico.png) no-repeat;   }
.flash .next{ position:absolute; right:3%; top:50%; margin-top:-45px; display:block; width:42px; height:84px;  background:url(../images/nextc_ico.png) no-repeat;   }
.flash .prevStop{ display:none;  }
.flash .nextStop{ display:none;  }