@charset "utf-8";/* CSS Document */
html {font-size: 62.5%;height: 100%}
body {margin: 0 auto;font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;height: 100%;}
img {border: none;}
ul li {list-style-type: none;}
ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {margin: 0;padding: 0;list-style: none;color: #333;}
a {text-decoration: none;color: #333;outline: none;transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;}
h1 {margin: 0;padding: 0;font-weight: normal;color: #333;}
.clear {clear: both;}
.maln {margin-left: auto !important}
input, textarea {font-family:Arial, Helvetica, sans-serif;font-size: 12px;font-size: 1.2rem;color:#333;border: none;outline: none;}
.fl{ float:left;}
.fr{ float:right;}

.zongg{position: relative;
    min-height: 109px;}
::-webkit-input-placeholder {/* WebKit browsers */
 color:#333;}
:-o-placeholder {/* Mozilla Firefox 4 to 18 */
 color:#333;}
::-moz-placeholder {/* Mozilla Firefox 19+ */
 color:#333;}
:-ms-input-placeholder {/* Internet Explorer 10+ */
 color:#333;}


/*  head  */
.head{ background:url(images/headbei.jpg) repeat-x bottom;}
.het{ background:url(images/hetxian.jpg) repeat-x bottom; padding-bottom:6px;}
.het .zong{ position:relative;}
.heyouxiang{ float:right; background:url(images/hexinfeng.png) no-repeat left center; padding-left:26px; font-size:14px; font-size:1.4rem; font-family:Tahoma, Geneva, sans-serif; color:#666666; line-height:38px;}
.heyouxiang a{ color:#666666;}
.heyouxiang a:hover{ color:#135ec4;}




/*  sousuo  */
.search{width:25px;z-index:99999; position:absolute;background:none;margin-top:7px; right:365px;}
.sb-icon-search {color: #333;width:25px;height:25px;display:block;}
.sb-search-submit {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);opacity: 0;color: transparent;border: none;outline: none;z-index: 99999; }
.search_1000{}
.sb-search {position:relative;width: 0%;min-width: 25px;height: 25px;float: right;display:inline;overflow: hidden;-webkit-transition: width 0s;-moz-transition: width 0s;transition: width 0s;-webkit-backface-visibility: hidden;z-index:99999; border-radius:5px;border:1px solid rgba(255,255,255,0); color:#333;}
.sb-search-input {position: absolute;top: 0;left:0px;outline: none;width:236px;height: 25px;line-height:25px;padding-left:10px;border:none;margin: 0;z-index: 10;font-family:Arial, Helvetica, sans-serif;color:#333}
.sb-icon-search,.sb-search-submit{width: 25px;height: 25px;display: block;position: absolute;right: 0px;top:0px;padding: 0;margin: 0;cursor: pointer;background:url(images/sousuo.png) no-repeat center;    z-index: 999999999999999999;}

.sb-search.sb-search-open,
.no-js .sb-search {width: 236px;height:25px;line-height:25px;position:relative;right:0px;top:0px;z-index: 9999999; background:#fff; color:#333; border:1px solid #4d4d4d; transition:0.5s;}
.no-js .sb-search .sb-icon-search {position:absolute;background:#fff url(images/sousuo.png) no-repeat center;z-index: 15;right:0px;top:0px; border:none !important}
.no-js .sb-search .sb-search-submit{z-index: 9990;}

.logo{ width:376px; float:left; margin-left:-8px; margin-top:9px;}
.logo a{ display:block; text-align:center;}
.logo a img{ width:100%; max-width:376px; max-height:80px;}

.daohang{ float:right; margin-top:33px;overflow: hidden;overflow: hidden;}
.daohang>li{ position:relative; float:left; z-index:999; padding-bottom:32px;}
.daohang>span{ display:block; width:2px; height:37px; margin:0 8px; background:url(images/span.jpg) no-repeat center; float:left; *display:none}
.daohang>li>a{ display:block; line-height:37px; font-size:16px; font-size:1.6rem; text-transform:uppercase; padding:0 16px; border-radius:5px;}
.daohang>li:hover>a{background:#135ec4; color:#fff;}
.dangqiandao{ background:#135ec4 !important; color:#fff !important;}

.yiji {width: 240px;background: #fff; background:rgba(255,255,255,0.9); padding-bottom:2px;position: absolute;left:0px;top:-9999px;z-index: 99999}
.yiji li {position: relative; padding-left:12px; padding-right:17px;}
.yiji li a {display: block;background:url(images/xiala.png) no-repeat left 14px; background:url(images/xialaxian.png) repeat-x bottom, url(images/xiala.png) no-repeat left 14px;font-size: 14px;font-size: 1.4rem;line-height: 26px;padding:5px 0;padding-left:24px;}
.yiji li:hover{ background:#3e99f6; background:rgba(62,153,246,0.5)}
.yiji li:hover>a {background:url(images/xialah.png) no-repeat left 14px;background:url(images/xialaxian.png) repeat-x bottom, url(images/xialah.png) no-repeat left 14px;}
.mowei{background:url(images/xiala.png) no-repeat left 14px !important;}
.yiji li:hover>.mowei{background:url(images/xialah.png) no-repeat left 14px !important;background:url(images/xialaxian.png) repeat-x bottom, url(images/xialah.png) no-repeat left 14px !important;}
.erji {width: 200px;background: #fff; background:rgba(255,255,255,0.9); padding-bottom:2px;position: absolute;left:240px;top:-9999px;z-index: 99999}
.daohang>li:hover .yiji {top:69px;}
.yiji li:hover .erji{ top:0px;}


/*lun bo*/
.index_focus {position: relative;width: 100%;height:600px;margin: 0 auto; overflow:hidden; z-index:9}
.index_focusn{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; height:100%;z-index:99}
.index_focus .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus .slide_nav {position: absolute; bottom:32px; left:50%; margin-left:-53px; z-index:9998 }
.index_focus .slide_nav a{ width:16px; height:16px; border-radius:50%;cursor:pointer;float:left; margin-right:5px; margin-left:5px; background:url(images/landian.png)}

.index_focus_post {z-index: 10;}
.index_focus .pic {height: auto;display: block;	margin:0 auto;}
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none; background:url(images/lanquan.png)}
.index_focus_pre,.index_focus_next {display: none;position: absolute;top: 50%;margin-top:-81px;width:47px;height:87px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre {left: 64px; }
.index_focus_next {right: 63px;}


.index_focus2 {position: relative;width: 100%;height:667px;margin: 0 auto; overflow:hidden; z-index:9}
.index_focusn2{width:1920px; position:absolute; left:50%; top:0px; margin-left:-960px; height:100%;z-index:99}
.index_focus2 .bd li {display: none;position: absolute;left: 0;top:0;width:1920px;z-index:999}
.index_focus2 .slide_nav {position: absolute; bottom:35px; left:50%; margin-left:-113px; z-index:9998 }
.index_focus2 .slide_nav a{ width:16px; height:16px; border-radius:50%;cursor:pointer;float:left; margin-right:13px; margin-left:14px; background:#fff; border:1px solid #a2a2a2;}

.index_focus_post {z-index: 10;}
.index_focus2 .pic {height: auto;display: block;	margin:0 auto;}
.index_focus2 .pic:hover {text-decoration: none;}
.index_focus2 .slide_nav li:hover,.index_focus2 .slide_nav .on{text-decoration: none; background:#1f58c6; border:1px solid #a1a1a1;}
.index_focus_pre2,.index_focus_next2 {display:none;position: absolute;top: 50%;margin-top:60px;width:47px;height:87px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index:9999}
.index_focus_pre2 {left: 64px; }
.index_focus_next2 {right: 63px;}




/*  main1  */
.mainz{ background:url(images/sybei.jpg) repeat-x center; margin-bottom:10px;}
.main1{ padding-top:51px;}
.m1biao{ display:block; height:37px; width:100%; background:url(images/m1biao.png) no-repeat center; margin-bottom:12px;}
.m1lie{ width:280px; float:left; background:url(images/m1yinying.png) no-repeat bottom center; padding-bottom:22px; margin-left:20px; margin-top:33px;}
.m1lien{ /*border:1px solid #135ec4;*/ background:#135ec4;}
.m1tu{ display:block; text-align:center;}
.m1tu img{ width:100%; max-width:398px; max-height:353px;}
.m1zi{ display:block; padding:10px; line-height:23px; text-align:center;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; font-size:16px; font-size:1.6rem; color:#fff;}
.m1lien:hover{ background:#3e99f6; /*border:1px solid #3e99f6;*/}


/*  main2a  */
.main2a{ padding-top:31px; padding-bottom:46px;}
.m2abiao{ display:block; height:38px; width:100%; background:url(images/m2abiao.png) no-repeat center;margin-bottom:12px;}

.m2alie{ width:280px; float:left; margin-left:20px; margin-top:33px;}
.m2alien{ max-width:280px; margin:auto; position:relative; overflow:hidden;}
.m2atu{ display:block; text-align:center;}
.m2atu img{ width:100%; max-width:280px; max-height:250px;}
.m2azi{ position:absolute; width:100%; height:40px; bottom:0px; left:0px; background:#000; background:rgba(0,0,0,0.5); transition:0.5s;}
.m2azin{ margin:0 20px; position:absolute; top:7px; transition:0.5s;}
.m2azin>a{ display:block; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:22px; color:#fff; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m2azin p a{ display:block; line-height:22px; color:#fff; text-align:center; height:88px; overflow:hidden; margin-top:15px;}

.m2alie:hover .m2azi{ height:100%;}
.m2alie:hover .m2azin{ top:50%; margin-top:-59px;}
.m2azin a:hover{ color:#135ec4;}


.m1lie{ width:280px; float:left; background:url(images/m1yinying.png) no-repeat bottom center; padding-bottom:22px; margin-left:20px; margin-top:33px;}
.m1lien{ /*border:1px solid #135ec4;*/ background:#135ec4;}
.m1tu{ display:block; text-align:center;}
/*  main2  */
.main2{ padding-top:31px; padding-bottom:46px;}
.m2biao{ display:block; height:38px; width:100%; background:url(images/m2biao.png) no-repeat center;margin-bottom:12px;font-size: 26px;
text-align: center;}

.m2lie{ width:280px; float:left; margin-left:20px; margin-top:33px;}
.m2lien{ max-width:280px; margin:auto; position:relative; overflow:hidden;}
.m2tu{ display:block; text-align:center;}
.m2tu img{ width:100%; max-width:280px; max-height:250px;}
.m2zi{ position:absolute; width:100%; height:40px; bottom:0px; left:0px; background:#000; background:rgba(0,0,0,0.5); transition:0.5s;}
.m2zin{ margin:0 20px; position:absolute; top:7px; transition:0.5s;}
.m2zin>a{ display:block; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:22px; color:#fff; text-align:center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m2zin p a{ display:block; line-height:22px; color:#fff; text-align:center; height:88px; overflow:hidden; margin-top:15px;}

.m2lie:hover .m2zi{ height:100%;}
.m2lie:hover .m2zin{ top:50%; margin-top:-59px;}
.m2zin a:hover{ color:#135ec4;}


/*  main3  */
.main3{ background:url(images/m3bei.png) no-repeat center -3px;}
.main3n{ padding-bottom:46px;}
.m3biao{ display:block; height:39px; width:100%; background:url(images/m3biao.png) no-repeat center;}

#outer { margin-left:32px; margin-right:78px; position:relative; margin-top:57px; z-index:999;}
#tab {overflow:hidden;zoom:1; width:68px; position:absolute; right:0px; bottom:0px; z-index:9999}
#tab li {float:left; height:14px; width:14px; margin-left:8px; cursor:pointer; background:url(images/landian2.png);}
#tab li.current {background:url(images/lanquan2.png);}
#content {}
#content ul {display:none; position:relative; min-height:158px;}
.m3tu{width: 50%; float: left;}
.m3tu a{ display:block; text-align:center;}
.m3tu a img{ width:100%; max-width:240px; max-height:158px;}
.m3zi{width: 35%; float: left;padding-left: 5%; }
.m3a{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:26px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m3zi span{ display:block; font-size:14px; font-size:1.4rem; line-height:20px; background:url(images/m3shizhong.png) no-repeat left center; padding-left:22px; margin-top:12px; color:#333;}
.m3zi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; margin-top:11px; height:48px; overflow:hidden;}
.m3mor{ display:block; width:108px; height:29px; background:#135ec4; border-radius:5px; text-align:center; line-height:29px; color:#fff; margin-top:12px;}
.m3zi a:hover{ color:#135ec4}
.m3mor:hover{ background:#fff;}



/*  main3  */
.main4{ padding-top:38px; padding-bottom:48px;}
.m4biao{ display:block; height:39px; width:100%; background:url(images/m4biao.png) no-repeat center;}
.m4n{ background:#fff;box-shadow:0px 2px 4px #999; padding:5px; margin-top:26px; padding-bottom:4px;}
.m4l{ width:597px; float:left;}
.m4ln{ margin:4px; position:relative;max-width:589px;}
.m4tu1{ display:block; text-align:center;}
.m4tu1 img{ width:100%; max-width:589px; max-height:405px;}
.m4fu{ width:100%; height:160px; position:absolute; bottom:0px; left:0px; background:#000; background:rgba(0,0,0,0.6);}
.m4fun{ position:absolute; margin:0 34px; *margin:0px; *padding:0 10px; top:50%; margin-top:-55px;}
.m4fun>a{ display:block; font-size:16px; font-size:1.6rem; color:#fff; font-weight:bold; line-height:24px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.m4fun p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#fff; margin-top:15px; height:72px; overflow:hidden;}
.m4r{ width:593px; float:right;}
.m4lie{ width:50%; *width:49.9%; float:left;}
.m4lie a{ display:block; border:4px solid #fff; text-align:center;}
.m4lie a img{ width:100%; max-width:289px; max-height:199px;}
.m4fun a:hover{ color:#135ec4;}


@font-face {
    font-family: 'ITCAvantGardeStdBk';
    src: url('../fonts/ITCAvantGardeStdBk.eot');
    src: url('../fonts/ITCAvantGardeStdBk.eot') format('embedded-opentype'),
         url('../fonts/ITCAvantGardeStdBk.woff2') format('woff2'),
         url('../fonts/ITCAvantGardeStdBk.woff') format('woff'),
         url('../fonts/ITCAvantGardeStdBk.ttf') format('truetype'),
         url('../fonts/ITCAvantGardeStdBk.svg#ITCAvantGardeStdBk') format('svg');
}

/*  foot  */
.foot{ background:#084e84 url(images/footbei.jpg) repeat-x top; padding-top:52px; padding-bottom:56px;}
.ful1{ width:355px; float:left;}
.ful2{ width:327px; float:left; margin-left:102px;}
.ful3{ width:296px; float:right; margin-right:32px;}

.fbiao{ display:block; font-size:20px; font-size:2rem; color:#fff; line-height:30px; border-bottom:1px solid #6aa5e2; padding-bottom:6px;font-family: 'ITCAvantGardeStdBk';}

.ful1 ul{ margin-top:19px;}
.ful1 ul li a{ display:block; padding-left:10px; font-size:14px; font-size:1.4rem; color:#fff; line-height:30px; background:url(images/baidian.png) no-repeat left 13px;}
.li1{ width:150px; float:left;}
.li2{ width:191px; float:right;}
.ful1 ul li a:hover{ color:#ccc;}

.ful2 ul{ margin-top:22px;}
.ful2 ul li{ font-size:14px; font-size:1.4rem; line-height:20px; color:#fff; margin-top:10px; padding-left:30px;}
.ful2 ul li a{ color:#fff;}
.ful2 ul li a:hover{ color:#ccc;}

.fyouxiang{ background:url(images/fxinfeng.png) no-repeat left 6px;}
.fdianhua{ background:url(images/fdianhua.png) no-repeat left 4px;}
.fchuanzhen{ background:url(images/fchuanzhen.png) no-repeat left 4px;}
.fdingwei{ background:url(images/fdingwei.png) no-repeat left 5px;}

.shejiao{ margin-top:27px; margin-bottom:15px;}
.shejiao a{ display:block; float:left; width:32px; margin-right:12px;}
.shejiao a img{ width:100%; max-width:32px; max-height:33px;}

.ful3 p{ font-size:12px; font-size:1.2rem; line-height:22px; color:#fff; margin-top:5px;}
.ful3 p a{ color:#fff;}
.ful3 p a:hover{ color:#ccc;}

.youlian{ background:url(images/links.jpg) repeat-x bottom; line-height:27px; padding:10px 0;}
.youlian p{ font-size:20px; font-size:2rem;font-family: 'ITCAvantGardeStdBk'; float:left;}
.youlian a{ display:block; font-size:14px; font-size:1.4rem; float:left; margin:0 8px;}
.youlian a:hover{ color:#135ec4;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.ful1{ width:350px; float:left;}
.ful2{ width:300px; float:left; margin-left:30px;}
.ful3{ width:270px; float:right; margin-right:0px;}
}
@media screen and (max-width:999px) {
.ful1{ width:100%; float:left;}
.ful2{ width:45%; float:left; margin-left:0px; margin-top:20px;}
.ful3{ width:50%; float:right; margin-right:0px; margin-top:20px;}
.li1{ width:49%; float:left;}
.li2{ width:49%; float:right;}
}
@media screen and (max-width:639px) {
.youlian{ display:none}
.ful2{ width:100%; float:left; margin-left:0px; margin-top:20px;}
.ful3{ width:100%; float:right; margin-right:0px; margin-top:20px;}
}
@media screen and (max-width:379px) {
.li1{ width:100%; float:left;}
.li2{ width:100%; float:right;}
}

/*  hui dao ding bu  */
#returnTop {_display:none;position:fixed;_position:absolute;z-index:999999999999999999999;right:30px;bottom:109px;_bottom:auto;width:32px;height:32px;text-indent:-999px;overflow:hidden;background:url(images/top.png) no-repeat;_backgroundurl:(images/top.png) no-repeat;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s;}


/****************************************************************************  product  ****************************************************************************/
@font-face {
    font-family: 'ITCAvantGardeStdMd';
    src: url('../fonts/ITCAvantGardeStdMd.eot');
    src: url('../fonts/ITCAvantGardeStdMd.eot') format('embedded-opentype'),
         url('../fonts/ITCAvantGardeStdMd.woff2') format('woff2'),
         url('../fonts/ITCAvantGardeStdMd.woff') format('woff'),
         url('../fonts/ITCAvantGardeStdMd.ttf') format('truetype'),
         url('../fonts/ITCAvantGardeStdMd.svg#ITCAvantGardeStdMd') format('svg');
}

.banner{ height:230px;}
.banner .zong{ position:relative; height:100%;}
.banner a{ display:block; width:100%; height:100%;}
.banner p{ font-size:50px; font-size:5rem; color:#fff; line-height:107px; position:absolute; left:0px; bottom:0px;text-shadow:1px 1px 2px #000; font-family: 'ITCAvantGardeStdMd';}
.prbanner{ }

/*  mian bao xie  */
.mianbao{ line-height:33px; font-size:14px; font-size:1.4rem;}
.mianbao a:hover{ color:#007eff;}
.co00{ color:#007eff !important}

.prmain{}
.prl{ width:249px; float:left;}
.prr{ width:911px; float:right;}

.prlt{ margin-top:17px; background:url(images/yinying.png) no-repeat bottom center; padding-bottom:5px;}
.prltbiao{ display:block; background:#135ec4; border-radius:7px 7px 0 0; overflow:hidden; text-align:center;}
.prltbiao img{ width:98%; max-width:218px; max-height:64px;}
.prltlie{ background:url(images/prltyinying.jpg) no-repeat bottom center; padding-bottom:5px; position:relative;}
.prltlie a{ display:block; line-height:22px; padding:10px 0; background:#ededed url(images/prljian.png) no-repeat right center; padding-left:19px; padding-right:26px; font-size:14px; font-size:1.4rem; font-weight:bold;}
.prltlie a:hover{ background:#3e99f6 url(images/prljianh.png) no-repeat right center; color:#fff !important;}
.prltlie a:hover a{ color:#fff !important;}
.prerji{ position:absolute; left:249px; top:-9999px; width:250px;}
.prltlie:hover .prerji{ top:0px;}

.prltliexz{ background:#3e99f6 url(images/prljianh.png) no-repeat right center !important; color:#fff !important;}
.juse{ color:#3e99f6 !important;}


.prlb{ margin-top:32px;}
.prlbbiao{ display:block; border-bottom:1px solid #c9c9c9; padding-bottom:7px;}
.prlblie{ border-bottom:1px dashed #c9c9c9; padding-bottom:16px; margin-bottom:13px;}
.prlblie>a{ display:block; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:24px; margin-top:12px;}
.prlblie span{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; background:url(images/shizhong.jpg) no-repeat left center; padding-left:17px;}
.prlblie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:20px; margin-top:6px;}
.prlblie a:hover{ color:#135ec4;}

.chanlie{ width:206px; float:left; margin-left:20px; background:url(images/pryinying.jpg) no-repeat bottom center; padding-bottom:16px; margin-top:17px; margin-bottom:22px;}
.chanlien{ padding:1px; background:#135ec4; position:relative; padding-bottom:13px;}
.chantu{ display:block; text-align:center;}
.chantu img{ width:100%; max-width:398px; max-height:353px;}
.chanlie p a{ display:block; margin:0 12px; line-height:20px; color:#fff; margin-top:8px; height:40px; overflow:hidden;}
.chanmor{ display:block; width:88px; height:22px; border:1px solid #fff; border-radius:4px; text-align:center; line-height:22px; font-size:12px; font-size:1.2rem; color:#fff; margin-left:39px; margin-top:13px;}
.chanlien input{ position:absolute; left:1px; top:2px;}
.chanlien:hover{ background:#3e99f6;}
.chanlien:hover .chanmor{ background:#fff; color:#135ec4;}

.fenye{ margin-top:11px;}
.fenyen{ float:left; margin-top:-3px;width: 100%;}
.fenyen a{ display:block; width:27px; height:27px; float:left; margin-bottom:10px; margin-left:11px; text-align:center; line-height:27px; background:url(images/fenyebei.jpg); color:#6b6b6b; font-size:13px; font-size:1.3rem;}
.fenyen a:hover{ background:url(images/fenyebeih.jpg); color:#fff; text-shadow: 1px 1px 0 #000}
.dangqianfen{background:url(images/fenyebeih.jpg) !important; color:#fff !important; text-shadow: 1px 1px 0 #000 !important;}
.fuxuan{ background:url(images/fuxuan.jpg) no-repeat left center; padding-left:30px; font-size:16px; font-size:1.6rem; line-height:27px; color:#4b4b4b; float:left; margin-top:-3px;}
.fuxuan input{ width:138px; height:27px; background:#135ec4; font-size:14px; font-size:1.4rem; color:#fff; margin-left:11px; cursor:pointer;}
.fuxuan input:hover{ background:#3e99f6;}

.hotmain{ padding-top:64px; padding-bottom:56px;}
.hotbiao{ display:block; text-align:center;}
.hotbiao img{ width:158px; height:40px;}
.img-scroll { position:relative; padding-bottom:47px; margin-top:23px;}
.hotnav{ width:87px; height:36px;position:absolute; bottom:0px; left:50%; margin-left:-44px;}
.img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:35px;height:36px;}
.img-scroll .prev { left:0;cursor:pointer; background:url(images/hotleft.jpg) no-repeat center;}
.img-scroll .next { right:0;cursor:pointer; background:url(images/hotright.jpg) no-repeat center;}
.img-list { position:relative; width:100%; margin-left:0px; overflow:hidden;}
.img-list ul { width:9999px;}
.img-list li { float:left; display:inline; width:280px; margin-right:26px; background:url(images/hotyinying.jpg) no-repeat bottom center; padding-bottom:22px;}
.hotlie{ padding:1px; background:#135ec4;}
.hottu{ display:block; text-align:center;}
.hottu img{ width:100%; max-width:398px; max-height:353px;}
.hotzi{ display:block; line-height:22px; padding:10px 5px; text-align:center; font-size:16px; font-size:1.6rem; color:#fff;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.hotlie:hover{ background:#3e99f6;}

@media screen and (min-width:1000px) and (max-width:1219px){
.img-list li {width:237px; margin-right:10px;}
.img-list li { background:none}
.prr{ width:720px; float:right;}
.chanlie{ width:175px; margin-left:5px; background:none}
}
@media screen and (max-width:999px){
.img-list ul { width:1000%;}
.img-list li { width:3.23%; margin-right:0.15%;}
.img-list li { background:none}

.prl{ width:35%; float:left;}
.prr{ width:63%; float:right;}
.chanlie{ width:49%; margin-left:0.5% !important; margin-right:0.5%; background:none}
.fuxuan{ float:left;}
.fenyen{ float:none;}
.fenyen a{ margin-left:auto; margin-right:11px;}

}
@media screen and (max-width:700px){
.img-list li { width:4.7%; margin-right:0.5%;}
}
@media screen and (max-width:639px) {
.banner p{ font-size:15px; font-size:1.5rem;}
.prl{ width:100%; float:none;}
.prr{ width:100%; float:none;}
.prerji{ position:relative; left:0px; top:0px; width:100%;}
.prerji li a{ padding-left:50px;}
.banner{ height:130px;}


}
@media screen and (max-width:380px){
.img-list li { width:9%; margin-left:0.5%; margin-right:0.5%;}
}

/****************************************************************************  product2  ****************************************************************/
.prmain2{ margin-top:20px;}
.box2{width:505px; margin-top:17px; float:left;}
.left-pro{width:505px;text-align:left;}
.left-pro .t1{width:92px;float:right;}
.left-pro .t2{width:100%;;text-indent:0;float:left; background:url(images/chanyinying.jpg) no-repeat bottom center; padding-bottom:30px;}
.left-pro .t2 a{ display:block; }
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:9px;width:90px;height:80px;border:1px solid #ccc;}
#showArea a{ display:block;}
#main_img{cursor:pointer;display:block;}
#gotop{cursor:pointer;display:block; margin:auto; margin-left:35px; margin-top:10px;}
#gobottom{cursor:pointer;display:block; margin:auto; margin-left:35px;}
#showArea{height:264px; margin-top:13px; margin-bottom:15px;overflow:hidden;}
#showArea a:hover{}
#showArea a:hover img{border:1px solid #135ec4;}

.MagicZoomBigImageCont {border:1px solid #eee;background:#FFF;}
.MagicZoomBigImageCont img{width:800px;height:710px}
.MagicZoomPup {border:0px solid #aaa;background:#ffffff;}

.jianjie{ width:360px; float:right; padding-top:13px;}
.jianjie h1{ font-size:16px; font-size:1.6rem; font-weight:bold; line-height:20px; color:#333;}
.jianjie .ul{ font-size:14px; font-size:1.4rem; line-height:26px; margin-top:17px; height:269px; overflow:hidden;}
.inno{ margin-top:20px;}
.inno a{ display:block; width:108px; height:29px; float:left; background:#135ec4; text-align:center; line-height:29px; color:#fff; margin-right:20px; border-radius:5px;}
.inno a:hover{ background:#3e99f6;}

.chanxbiao{ border-bottom:1px solid #43464d; margin-top:10px;}
.chanxbiao img{ width:95%; max-width:314px; max-height:39px;}
.chanxiang{ padding-top:23px;}
.biaoge{ border-collapse:collapse;}
.chanxiang table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.chanxiang table tr td{ padding:3px; border:1px solid #ccc;}
.chanxiang p a{ color:#135ec4 !important}
.chanxiang p span{ color:#135ec4}
.chanxiang p img{ max-width:100%;}

.tax table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.tax table tr td{ padding:3px; border:1px solid #ccc;}
.tax p a{ color:#135ec4 !important}
.tax p span{ color:#135ec4}
.tax p img{ max-width:100%;}

.nex table{ width:90%; border-collapse:collapse; line-height:22px; border:1px solid #ccc;}
.nex table tr td{ padding:3px; border:1px solid #ccc;}
.nex p a{ color:#135ec4 !important}
.nex p span{ color:#135ec4}
.nex p img{ max-width:100%;}





.biaoge td{ border:1px solid #cfcece; padding:5px 7px; font-size:13px; font-size:1.3rem; line-height:21px; color:#000;}
.biaoge td strong{ font-size:15px; font-size:1.5rem;}
.lanzi strong{ color:#0000ff;}
.biaoge td img{ max-width:100%;}
.rebiao{ display:block; text-align:center;}
.rebiao img{ width:95%; max-width:293px; max-height:40px;}
.chanxiang p {font-size: 14px;font-size: 1.4rem;line-height: 26px; }

@media screen and (min-width:1000px) and (max-width:1219px){
.box2{ float:none; margin:auto; margin-top:30px;}
.MagicZoomBigImageCont,.MagicZoomBigImageCont img{ display:none !important}
.MagicZoomPup { background:rgba(255,255,255,0)}
.jianjie{ width:100%; float:none;}
.jianjie ul{ height:auto;}
}
@media screen and (min-width:1000px){.box3{display:none}}
@media screen and (max-width:999px){
.box2{display:none}
.box3{width:100%; margin-top:15px;}
.box3 a{display:block; width:48%; margin-left:1%; margin-right:1%; float:left; margin-top:10px; }
.box3 a img{width:100%; max-width:398px; max-height:353px;border:1px solid #ccc;}
.biaoge{ width:100%;}
.jianjie{ width:100%; float:none;}
.jianjie ul{ height:auto;}
.jianjie .ul{ height:auto;}
}
@media screen and (max-width:380px){
.box3 a{width:99%;}
}


/****************************************************************************  news  ****************************************************************************/
.nebanner{ background:url(images/nebanner.jpg) no-repeat center;}

.nemain{ width: 100%;   margin: 20px auto;    box-sizing: border-box;
    padding: 0px 45px;}
.nelie{ padding-top:26px; padding-bottom:30px;display: inline-block;width: 50%;}
.nelie .zong{ position:relative; min-height:109px;}
.riqi{ width:80px; padding-right:10px; background:url(images/zhizhen.jpg) no-repeat right 22px; position:absolute; left:0px; top:5px;}
.riqin{ background:#0199e2 url(images/nexian.jpg) no-repeat center 60px;}
.riqin p{ font-size:16px; font-size:1.6rem; line-height:61px; color:#fff; text-align:center;}
.riqin a{ display:block; font-size:20px; font-size:2rem; color:#fff; text-align:center; line-height:43px;}
.netu{ width:157px; position:absolute; left:102px; top:5px;}
.netu a{ display:block; text-align:center;}
.netu a img{ width:100%; max-width:240px; max-height:158px;}
.nezi{ padding-left:100px;}
.nebiao{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:24px; /*white-space:nowrap; */text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.nezi p a{ display:block; font-size:15px; font-size:1.5rem; line-height:24px; margin-top:6px; height:48px; margin-bottom:15px; overflow:hidden;}
.nemor{ color:#135ec4; font-family:Verdana, Geneva, sans-serif; border-bottom:1px solid #135ec4;}
.nelie2{ background:#f9f9f9; padding-bottom:36px;}
.pat1{ padding-top:12px;}
.nezi a:hover{ color:#135ec4;}
.nemor:hover{ border-bottom:1px solid #f9f9f9;}
.fenye2{ background:#f9f9f9; padding-top:15px; padding-bottom:5px; margin-top:2px; margin-bottom:-10px;}
.fenye2 .fenyen{ margin-top:auto;}


/****************************************************************************  news2  ****************************************************************************/
.nemain2{ padding-top:11px;}
.nemain2 h1{ font-size:24px; font-size:2.4rem; font-weight:bold; line-height:100px; text-align:center;}
.riqi2{ display:block; width:100px; margin:auto; background:url(images/neshizhong.jpg) no-repeat left center; padding-left:27px; font-size:16px; font-size:1.6rem; color:#135ec4; line-height:26px; margin-top:17px;}
.nex{ font-size:14px; font-size:1.4rem; line-height:24px; color:#666666;}
.nex p,.nex span,.nex li{ color:#666666;}
.nex a{ color:#007eff;}

.fanpian{ border:1px solid #135ec4; padding:8px 0; padding-left:10px; margin-top:30px; margin-bottom:-17px;}
.fanpian li{ font-size:16px; font-size:1.6rem; line-height:32px; font-family:Tahoma, Geneva, sans-serif; padding-left:24px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.pr{ background:url(images/pr.jpg) no-repeat left center;}
.ne{ background:url(images/ne.jpg) no-repeat left center;}
.fanpian li a:hover{ color:#135ec4;}
@media screen and (max-width:639px){
.nemain2 h1{ font-size:20px; font-size:2rem;}
}

/****************************************************************************  about  ****************************************************************************/
.abbanner{ background:url(images/abbanner.jpg) no-repeat center;}

.abmain{ padding-bottom:58px;}
.abtu1{ width:616px; float:left; margin-top:15px; margin-right:20px;}
.abtu1 img{ width:100%; max-width:616px; max-height:432px;}
.abr{ margin-top:10px;}
.abr>a{ display:block; font-size:24px; font-size:2.4rem; font-weight:bold; line-height:40px; margin-top:24px;}
.abr>p{ font-size:14px; font-size:1.4rem; line-height:26px; color:#4d4d4d; margin-top:21px;}
.abrlie{ border-top:1px dashed #135ec4; padding-top:32px; margin-top:37px;}
.abrlie li{ width:130px; float:left; margin-left:10px; float:left; text-align:center;}
.abrtu{ display:block;}
.abrtu img{ width:97px; height:98px;}
.abrzi{ display:block; font-size:16px; font-size:1.6rem; font-weight:bold; line-height:22px; margin-top:10px;}

.p1{ font-size:14px; font-size:1.4rem; line-height:26px; color:#4d4d4d; margin-top:21px;}
.ablie{box-shadow:0px 2px 4px #999; margin-top:36px;}
.ablien{ padding:4px 5px;}
.abl{ width:594px; float:left;}
.abl>div{ width:50%; float:left;}
.abl a{ display:block; border:4px solid #fff; text-align:center;}
.abl a img{ width:100%; max-width:289px; max-height:199px;}
.abr2{ width:596px; float:right;}
.abr2 a{ display:block; border:4px solid #fff;}
.abr2 a img{ width:100%; max-width:589px; max-height:409px;}

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

.abxiazai{ position:relative; width:20%; min-height:296px; margin-top:48px; margin-bottom:20px;}
.zhengshu{ width:219px; position:absolute; left:0px; top:0px;}
.zhengshu a{ display:block; border:8px solid #3e99f6; position:relative;}
.zhengshun{ width:100%; max-width:204px; max-height:280px;}
.fangda{ width:33px; height:33px; position:absolute; left:0px; bottom:0px;}
.xiazaizi{ margin-left:241px;}
.xiazaia{ display:block; font-size:20px; font-size:2rem; font-weight:bold; line-height:32px;}
.xiazaizi p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#4d4d4d; margin-top:15px; height:168px; overflow:hidden;}
.pdf{ display:block; margin-top:28px;}
.pdf img{ width:205px; height:51px;}
.xiazaizi a:hover{ color:#3e99f6;}
@media screen and (min-width:1000px) and (max-width:1219px){
.abtu1{ width:450px; float:left; margin-top:65px;}
.abr{ width:520px; float:right;}
.abrlie li{ width:130px; margin-left:0px; }
.abl{ width:483px; float:left;}
.abr2{ width:487px; float:right;}
.abxiazai{ width:480px;}
}
@media screen and (max-width:999px){
.abtu1{ width:100%; float:none; margin-top:15px;}
.abr{ width:100%; float:none;}
.abrlie li{ width:24%; margin-left:0.5% !important; margin-right:0.5%; }
.abrzi{ font-size:14px; font-size:1.4rem;}
.abl{ width:100%; float:none; max-width:594px; margin:auto;}
.abr2{ width:100%; float:none; text-align:center;}
.abxiazai{ width:100%;}
}
@media screen and (max-width:509px){
.abrlie li{ width:49%; margin-bottom:10px;}
.xiazaizi{ margin-left:0px; margin-top:310px;}
.xiazaizi p a{ height:auto;}
}


/****************************************************************************  Technical Articles  ****************************************************************************/
.tabanner{ background:url(images/tabanner.jpg) no-repeat center;}

.tamain{ margin-top:33px; padding-bottom:49px;}
.talie{ border-bottom:1px dashed #d7d7d7; margin-top:25px;}
.talie>a{ display:block; font-size:18px; font-size:1.8rem; font-weight:bold; line-height:24px; background:url(images/tajian.jpg) no-repeat left center; padding-left:18px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.talie p a{ display:block; font-size:14px; font-size:1.4rem; line-height:24px; color:#4d4d4d; margin-top:12px; padding-bottom:21px;}
.talie a:hover{ color:#135ec4;}
.tamain .fenyen{ margin-top:30px;}

/****************************************************************************  Technical Articles2  ****************************************************************************/
.tamain2{ padding-top:20px; padding-bottom:58px;}
.tamain2 h1{ font-size:24px; font-size:2.4rem; font-weight:bold; line-height:30px;}
.tax{ font-size:14px; font-size:1.4rem; line-height:24px; color:#4d4d4d; padding-top:24px;}
.tax p,.tax li, .tax span{ color:#4d4d4d;}
.fanpian2{ margin-top:24px; margin-bottom:auto;}
@media screen and (max-width:999px){
.tamain2 h1{ font-size:18px; font-size:1.8rem;}
}
@media screen and (max-width:639px){
.tamain2 h1{ font-size:16px; font-size:1.6rem;}
}

/****************************************************************************  contact us  ****************************************************************************/
.cobanner{ background:url(images/cobanner.jpg) no-repeat center;}

.comain{ padding-top:7px; padding-bottom:55px;}
.cobiao{ text-align:center;}
.cobiao a{ display:block; text-align:center; font-size:28px; font-size:2.8rem; font-weight:bold; line-height:40px;}
.cobiao p{ font-size:14px; font-size:1.4rem; line-height:24px; color:#999999;}

.colianxi{ background:url(images/doudou.jpg) no-repeat 120px 37px; margin-top:39px;}
.codianhua{ width:140px; float:left; text-align:center;}
.coxinfeng{ width: 254px;
    float: left;
    text-align: center;
    margin-left: 60px;}
.cochuanzhen{ width:150px; float:left; margin-left:114px; text-align:center;}
.codingwei{ width:350px; float:right; text-align:center; margin-right:55px;}
.cotu{ display:block;}
.cotu img{ width:79px; height:79px;}
.colianxi p{ font-size:16px; font-size:1.6rem; text-transform:uppercase; color:#125087; text-align:center; margin-top:18px;}
.colianxi li{ font-size:16px; font-size:1.6rem; line-height:22px; margin-top:10px;}
.codingwei li{ font-size:14px !important; font-size:1.4rem !important;}
.colianxi li a{}
.colianxi li a:hover{color:#135ec4;}

.xin2{ margin-top:38px;}
.xin2 a{ display:block; float:left; font-size:16px; font-size:1.6rem; line-height:34px; padding-left:38px;}
.cos{ background:url(images/cos.jpg) no-repeat left center;}
.coqq{ background:url(images/coqq.jpg) no-repeat left center; margin-left:65px;}
.xin2 a:hover{color:#135ec4;}


.coweixin{ background:url(images/weixin.png) no-repeat left center; margin-left:65px;}
.coshouji{ background:url(images/Moble.png) no-repeat left center; margin-left:65px;}
.cowhapp{ background:url(images/whatsapp.png) no-repeat left center; margin-left:65px;}

.coxin{ margin-top:20px; background:#3ec8ed url(images/xinfeng.jpg) repeat-x top; padding-bottom:85px; *border:1px solid #fff;}
.coxinn{ padding-left:96px; padding-right:119px; padding-top:69px}
.coxin .xing{ background:url(images/xing.png) no-repeat left 19px; padding-left:14px;}
.coxinn .int1{ padding-left:14px; width:450px; float:left; margin-top:17px;}
.coxinn .int2{ padding-left:14px; width:450px; float:right; margin-top:17px;}
.coxinn .int1 input,.coxinn .int2 input{ width:439px; height:42px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:42px; box-shadow:0px 2px 2px #999;}
.tex{ padding-top:17px; background:url(images/xing.png) no-repeat left 41px; padding-left:14px;}
.coxinn textarea{ width:960px; height:184px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:42px; box-shadow:0px 2px 2px #999;}
.coxinn .int5{ margin-top:17px;}
.coxinn .int3{ width:269px; height:42px; border-radius:5px; padding-left:10px; font-size:14px; font-size:1.4rem; line-height:42px; text-transform:uppercase;box-shadow:0px 2px 2px #999; float:left;}
.coyanzheng{ width:163px; height:44px; float:left; margin-left:12px; cursor:pointer;}
.coxinn .int4{ width:439px; height:44px; float:right; background:#007eff url(images/sbbei.jpg) no-repeat center; font-size:14px; font-size:1.4rem; color:#fff; cursor:pointer; transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;-webkit-transition:0.5s; border-radius:5px;}
.coxinn .int4:hover{ background:#007eff;}
.ditu{ display:block; width:100%; max-width:1209px; max-height:586px; margin-top:16px;}

@media screen and (min-width:1000px) and (max-width:1219px){
.colianxi{ background:none}
.codianhua{ width:160px; float:left; margin-left:0px; text-align:center;}
.coxinfeng{ width:175px; float:left; text-align:center; margin-left:60px;}
.cochuanzhen{ width:175px; float:left; margin-left:96px; text-align:center;}
.codingwei{ width:300px; float:right; text-align:center; margin-right:0px;}

.coxinn{ padding-left:10px; padding-right:10px;}
.coxinn textarea{ width:932px;}

.coweixin{ margin-left:15px; }
.coshouji{ margin-left:15px;}
.cowhapp{  margin-left:15px;}

}
@media screen and (max-width:999px){
.colianxi{ background:none}
.codianhua,.coxinfeng,.cochuanzhen,.codingwei{ width:47%; margin-left:1.5%; margin-right:1.5%; margin-top:20px;}
.coxin{ height:auto; padding-bottom:30px;}
.coxinn{width:auto; padding-top:20px;}
.coxinn .int1,.coxinn .int2{  width:auto; float:none;}
.coxinn .int1 input,.coxinn .int2 input{ width:95%;}
.coxinn textarea{ width:95%;}
.ditu{ max-width:100%; margin-top:20px;}
.coxinn .int4{ width:30%;background:#007eff; float:left; margin-left:10px;}
.coxinn .int3{ width:30%;}
.coxinn{ padding-left:10px; padding-right:10px;}
.coqq{ margin-left:10px;}
}
@media screen and (max-width:750px){
.coshouji{  margin-left:0px;}


}
@media screen and (max-width:639px){
.codianhua,.coxinfeng,.cochuanzhen,.codingwei{ width:100%; float:none; margin:auto; margin-top:20px;}
.coxinn .int1 input,.coxinn .int2 input{ width:90%;}
.coxinn textarea{ width:90%;}
.coxinn .int4{ width:25%;background:#0e6bcd; margin-top:25px;}
.coxinn .int3{ width:90%;}
.coyanzheng{ margin-left:auto; margin-top:25px;}
.comain{ padding-bottom:25px;}
}


@media screen and (max-width:479px){
.coweixin{ margin-left:0px; width:100%;}
.coshouji{ margin-left:0px;width:100%;}
.cowhapp{  margin-left:0px;width:100%;}
}

@media screen and (min-width:1000px) and (max-width:1219px) {
.mainz{ background-attachment:fixed;}
.m1lie{ width:280px; float:left; background:url(images/m1yinying.png) no-repeat bottom center; padding-bottom:22px; margin-left:31px !important; margin-top:13px;}
}
@media screen and (max-width:999px) {
.mainz{ background-attachment:fixed;}
.m1lie{ width:32.3333%; float:left; background:none; padding-bottom:0px; margin-left:0.5% !important; margin-right:0.5%; margin-top:13px;}
}
@media screen and (max-width:639px) {
.m1lie{ width:49%;}
.m1zi{ font-size:14px; font-size:1.4rem;}
}
@media screen and (max-width:379px) {
.m1lie{ width:99%;}
}
@media screen and (min-width:1220px) {.zong {    width: 1200px;margin: auto;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.zong {width: 980px;margin: auto;}}
@media screen and (max-width:999px) {.zong {width: 95%;margin: auto;}}

@media screen and (min-width:1000px) and (max-width:1219px) {
.index_focus {height:480px;}
.index_focusn img {width: 80%;}
.index_focus2 {height:533px;}
.index_focusn2 img {width: 80%;}
.daohang>span{ margin:0 2px;}
.daohang>li>a{ font-size:14px; font-size:1.4rem; padding:0 10px;}
}
@media screen and (min-width:1000px) {.carousel,.clear2{display: none}}
@media screen and (max-width:999px) {
.index_focus {display: none}
.index_focus2 {display: none}
.logo{ float:none; width:250px;}
.daohang{ text-align:center; float:none; margin-top:15px;}
.daohang>span{ display:none}
.daohang>li{ float:none; display:inline-block; *float:left; padding-bottom:15px;}
.daohang>li>a{ padding:0 10px;}
.yiji {display: none}
.clear2{ clear:both;}

.carousel{width: 100%;position: relative;overflow: hidden;}
.carousel ul{width: 100%;height: 100%;}
.carousel ul li{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.carousel ul li img{width: 100%; vertical-align: middle;}
.carousel ol{position: absolute;z-index: 2;width: 120px;height:5px;bottom: 5px;left: 50%;-webkit-transform:translate3d(-50%,0,0);}
.carousel ol li{float: left;width: 10px;height: 10px;margin-right: 10px;border-radius: 5px;background-color: #fff;transition:all 0.3s ease 0s;}
.carousel ol li.cur{width: 10px;background:#135ec4;}
.carousel ol li:last-child{margin: 0;}
}
@media screen and (max-width:799px) {
.daohang li a{ font-size:14px !important; font-size:1.4rem !important; padding:0 6px;}
}
@media screen and (min-width:640px) {.container,.nav{ display:none}}
@media screen and (max-width:639px) {.daohang {display: none}
.head{ padding-bottom:10px;}
.logo{ width:200px;}
.sb-search.sb-search-open,
.no-js .sb-search { right:-200px;}

.container{ width:5px; height:100%;position:absolute; right:0px;transition:all 0.4s ease 0s; z-index:999999; cursor:pointer;}
.menubtn{width: 35px;height: 30px;position: absolute;top:70px;right:10px;transition:all 0.4s ease 0s; z-index:9999}
.menubtn span{display: block;width: 100%;height: 5px;margin-bottom: 5px;background-color: #135ec4;}
.nav{width:250px;height:100%;background:rgba(0,0,0,0.8);position: absolute;bottom: 0;right: 0;display: none;}
.nav ul {display: none; margin-top:10px;}
.nav ul li{line-height: 40px;font-size: 12px; font-size:1.2rem;text-indent: 30px;}
.nav ul li a{ color:#fff;}
.heyouxiang{ font-size:12px; font-size:1.2rem;}
.search{ right:auto; left:0px;}
.no-js .sb-search {width: 231px;}
.sb-search.sb-search-open, .no-js .sb-search{width: 231px;}
.sb-search-input{width: 231px;}
}

@media screen and (min-width: 999px)
{
.lefttext{ float:left;  no-repeat left center; padding-left:26px; font-size:14px; font-size:1.4rem; font-family:Tahoma, Geneva, sans-serif; color:#666666; line-height:38px;}
}
@media (max-width: 999px)
{
.lefttext{ 
display:none;
}
}

@media screen and (min-width:1000px) and (max-width:1219px) {
.m2azin{ margin:0 10px;}
.m2alie{ width:237px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.m2azin{ margin:0 5px;}
.m2alie{ width:48%; margin-left:1% !important; margin-right:1%;}
.m2azi{ height:100%;}
.m2azin{ top:50%; margin-top:-59px;}
}
@media screen and (max-width:469px) {
.m2alie{ width:98%;}
}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m2zin{ margin:0 10px;}
.m2lie{ width:237px; margin-left:10px;}
}
@media screen and (max-width:999px) {
.m2zin{ margin:0 5px;}
.m2lie{ width:48%; margin-left:1% !important; margin-right:1%;}
.m2zi{ height:100%;}
.m2zin{ top:50%; margin-top:-59px;}
}
@media screen and (max-width:469px) {
.m2lie{ width:98%;}
}

@media screen and (max-width:999px) {
#outer { margin-left:0px; margin-right:0px;}
}
@media screen and (max-width:639px) {
#outer { margin-top:30px;}
.main3{ background:none}
.m3tu{ position:relative; left:auto; top:auto; }
.m3zi{ padding-left:0px; margin-top:20px;}
.m3zi p a{ height:auto;}
}
@media screen and (max-width:639px){
.nezi{ padding-left:100px; padding-top:0px;}
.nezi p a{ height:auto;}
}
.guoqi{ position:relative; top:7px;padding-left: 10px;}
.newss{width:32.333333%;display: inline-block;box-sizing: border-box;}
@media screen and (min-width:1000px) and (max-width:1219px) {
.m4l{ width:487px; float:left;}
.m4r{ width:483px; float:right;}
}
@media screen and (max-width:999px) {
.m4l{ width:100%; float:none;}
.m4ln{ margin:4px auto;}
.m4r{ width:100%; float:none;}
.m4fun{ width:96%; margin:0 2%; top:50%; margin-top:-55px;}
}
@media screen and (max-width:499px) {
.m4fu{ height:100px;}
.m4fun{ margin-top:-38px;}
.m4fun>a{ font-size:14px; font-size:1.4rem;}
.m4fun p a{ height:48px; font-size:12px; font-size:1.2rem; margin-top:5px;}
.m4lie a{border:2px solid #fff;}
.m4ln{ margin:2px auto;}
}
@media screen and (max-width:830px) {
.newss{ width:100%;}
.nelie { width:100%;}
.nemain{padding:0 20px;}
}
@media only screen and (max-width: 768px) {
.html5-video-player {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
    outline: 0;
    font-family: "YouTube Noto",Roboto,Arial,Helvetica,sans-serif;
    color: #eee;
    text-align: left;
    direction: ltr;
    font-size: 11px;
    line-height: 1.3;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    touch-action: manipulation;
    -ms-high-contrast-adjust: none;
}
@media only screen and (max-width: 768px) {
.col-lg-6 .col-md-6 .col-sm-6 .contact_about_video {
box-sizing: border-box;
position: relative;
min-height: 1px;
padding: 0px; float: left; 
width: 500px; color: rgb(51, 51, 51); 
 font-size: 12px; 
white-space: normal; 
background-color: rgb(233, 233, 233);">
}}