@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;}





.list_cart .list_cart_a1 { background: #135ec4;padding: 8px;color: white; float:left; }

.list_cart .list_cart_a2 { background: #135ec4;padding: 8px;color: white; float:right; }





::-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;}



@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;}}











/*  head  */



.head{ background:url(../img/headbei.jpg) repeat-x bottom;}



.het{ background:url(../img/hetxian.jpg) repeat-x bottom; padding-bottom:6px;}



.het .zong{ position:relative;}



.heyouxiang{ float:right; background:url(../img/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:48px; margin-right: 9px;}



.heyouxiang a{ color:#666666;}



.heyouxiang a:hover{ color:#135ec4;}











/*  sousuo  */



.search{width:25px;z-index:99999; position:absolute;background:none;margin-top:7px; right:190px;}



.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 {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(../img/sousuo.png) no-repeat center;}







.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(../img/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:294px; float:left; margin-left:1px; margin-top:12px;}



.logo a{ display:block; text-align:center;}



.logo a img{ width:100%; max-width:294px; max-height:77px;}







.daohang{ float:right; margin-top:33px;}



.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(../img/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(../img/xiala.png) no-repeat left 14px; background:url(../img/xialaxian.png) repeat-x bottom, url(../img/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(../img/xialah.png) no-repeat left 14px;background:url(../img/xialaxian.png) repeat-x bottom, url(../img/xialah.png) no-repeat left 14px;}



.mowei{background:url(../img/xiala.png) no-repeat left 14px !important;}



.yiji li:hover>.mowei{background:url(../img/xialah.png) no-repeat left 14px !important;background:url(../img/xialaxian.png) repeat-x bottom, url(../img/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(../img/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(../img/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;}











@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; margin-top: 10px;}



.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;}



}



@media screen and (max-width:459px){



.menubtn{width: 35px;height: 30px;position: absolute;top:70px;right:10px;transition:all 0.4s ease 0s; z-index:9999; margin-top: 48px;}







}







/*  main1  */



.mainz{ background:url(../img/sybei.jpg) repeat-x center; margin-bottom:10px;}



.main1{ padding-top:51px;}



.m1biao{ display:block; height:37px; width:100%; background:url(../img/m1biao.png) no-repeat center; margin-bottom:12px;}



.m1lie{ width:280px; float:left; background:url(../img/m1yinying.png) no-repeat bottom center; padding-bottom:22px; margin-left:26px; margin-top:13px;}



.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;}



@media screen and (min-width:1000px) and (max-width:1219px) {



.mainz{ background-attachment:fixed;}



.m1lie{ width:280px; float:left; background:url(../img/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%;}



}







/*  main2  */



.main2{ padding-top:31px; padding-bottom:46px;}



.m2biao{ display:block; height:38px; width:100%; background:url(../img/m2biao.png) no-repeat center;}



.m2lie{ width:280px; float:left; margin-left:26px; 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{ width: 100%; text-align: center; position:absolute; top:7px; transition:0.5s;}



.m2zin>a{ padding: 0 20px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap; display:block; font-size:14px; font-size:1.4rem; font-weight:bold; line-height:22px; color:#fff; text-align:center;}



.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:#d9ecfb;}



@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%;}



}







/*  main3  */



.main3{ background:url(../img/m3bei.png) no-repeat center -3px;}



.main3n{ padding-bottom:46px;}



.m3biao{ display:block; height:39px; width:100%; background:url(../img/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(../img/landian2.png);}



#tab li.current {background:url(../img/lanquan2.png);}



#content {}



#content ul {display:none; position:relative; min-height:158px;}



.m3tu{ position:absolute; left:0px; top:0px; width:240px;}



.m3tu a{ display:block; text-align:center;}



.m3tu a img{ width:100%; max-width:240px; max-height:158px;}



.m3zi{ padding-left:267px;}



.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(../img/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;}







@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; width:100%;}



.m3zi{ padding-left:0px; margin-top:20px;}



.m3zi p a{ height:auto;}



}







/*  main3  */



.main4{ padding-top:38px; padding-bottom:48px;}



.m4biao{ display:block; height:39px; width:100%; background:url(../img/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:#d9ecfb;}



@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;}



}







@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(../img/footbei.jpg) repeat-x top; padding-top:52px; padding-bottom:56px;}



.ful1{ width:383px; float:left;}



.ful2{ width:300px; float:left; margin-left:114px;}



.ful3{ width:310px; 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(../img/baidian.png) no-repeat left 13px;}



.li1{ width:191px; 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(../img/fxinfeng.png) no-repeat left 6px;}



.fdianhua{ background:url(../img/fdianhua.png) no-repeat left 4px;}



.fchuanzhen{ background:url(../img/fchuanzhen.png) no-repeat left 4px;}



.fdingwei{ background:url(../img/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(../img/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(../img/top.png) no-repeat;_backgroundurl:(../img/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{ background:url(../img/prbanner.jpg) no-repeat center;}







/*  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(../img/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(../img/prltyinying.jpg) no-repeat bottom center;*/ padding-bottom:5px; position: relative;}



.prltlie a{ display:block; line-height:22px; padding:10px 0; background:#ededed url(../img/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(../img/prljianh.png) no-repeat right center; color:#fff;}



.prerji{ position:absolute; left:249px; top:-9999px; width:250px;}



.prltlie:hover .prerji{ top:0px;}



.xuanzhong{background:#3e99f6 url(../img/prljianh.png) no-repeat right center !important; color:#fff !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(../img/shizhong.jpg) no-repeat left center; padding-left:17px;}



.prlblie p a{ height: 40px; overflow: hidden; 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:29px;  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:20px; overflow:hidden;}



.chanmor{ display:block; width:88px; height:22px; border:1px solid #135ec4; border-radius:4px; text-align:center; line-height:22px; font-size:12px; font-size:1.2rem; color:#135ec4; margin: auto;  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:right; margin-top:-3px;}



.fenyen a{ display:block; width:27px; height:27px; float:left; margin-bottom:10px; margin-left:11px; text-align:center; line-height:27px; background:url(../img/fenyebei.jpg); color:#6b6b6b; font-size:13px; font-size:1.3rem;}



.fenyen a:hover{ background:url(../img/fenyebeih.jpg); color:#fff; text-shadow: 1px 1px 0 #000}



.fenyen a.no,.fenyen a.no:hover{color:#fff !important; background:url(../img/fenyebeih.jpg) !important;}



.dangqianfen{background:url(../img/fenyebeih.jpg) !important; color:#fff !important; text-shadow: 1px 1px 0 #000 !important;}



.fuxuan{ background:url(../img/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:102px; height:27px; background:#135ec4; font-size:14px; font-size:1.4rem; color:#fff; margin-left:11px; cursor:pointer;}



.fuxuan input:hover{ background:#3e99f6;}



.fuxuan11{ text-align: center;  width:148px; height:27px; background:#135ec4; font-size:14px; font-size:1.4rem; color:#fff; margin-left:11px; cursor:pointer; display: block;}



.fuxuan11: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(../img/hotleft.jpg) no-repeat center;}



.img-scroll .next { right:0;cursor:pointer; background:url(../img/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(../img/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;}



.prerji{ position:relative; top:auto; left:auto; width:auto;}



.prerji li a{ padding-left:40px;}



}



@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:30px; font-size:3rem;}



.prl{ width:100%; float:none;}



.prr{ width:100%; float:none;}



}



@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{ position: relative; width:402px;text-indent:0;float:left; background:url(../img/chanyinying.jpg) no-repeat bottom center; padding-bottom:30px;}



.left-pro .t2 a{ display:block; border:2px solid #135ec4;}



.left-pro .t2 img{text-indent:0; margin-bottom: -3px;}



#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:24px; margin-top:17px; height:168px; 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; line-height: 26px;}



.chanxiang table,.nex table{ width:97%; border-collapse:collapse; line-height:24px; word-break:break-all;}



.chanxiang tr td,.nex tr td{ line-height:24px; padding:2px;}



.chanxiang img{max-width: 100%; }



.chanxiang ul li{ list-style:outside !important; margin-left:25px;}



.biaoge{ border-collapse:collapse;}



.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;}







@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;}



}



@media screen and (max-width:380px){



.box3 a{width:99%;}



}











/****************************************************************************  news  ****************************************************************************/



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







.nemain{}



.nelie{ padding-top:26px; padding-bottom:30px;}



.nelie .zong{ position:relative; min-height:109px;}



.riqi{ width:80px; padding-right:10px; background:url(../img/zhizhen.jpg) no-repeat right 22px; position:absolute; left:0px; top:5px;}



.riqin{ background:#0199e2 url(../img/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:272px;}



.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;}



@media screen and (max-width:639px){



.nezi{ padding-left:0px; padding-top:130px;}



.nezi p a{ height:auto;}



}







/****************************************************************************  news2  ****************************************************************************/



.nemain2{ padding-top:11px;}



.nemain2 h1{ font-size:24px; font-size:2.4rem; font-weight:bold; line-height:30px; text-align:center;}



.riqi2{ display:block; width:100px; margin:auto; background:url(../img/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; margin-top:31px; }



.nex p,.nex span,.nex li{ color:#666666;}



.nex a{ color:#007eff;}



.nex p a{ color:#007eff;}







.fanpian{ border:1px solid #135ec4; padding:8px 0; padding-left:10px; margin-top:33px; 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(../img/pr.jpg) no-repeat left center;}



.ne{ background:url(../img/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(../img/abbanner.jpg) no-repeat center;}







.abmain{ padding-bottom:58px;}



.abtu1{ width:616px; float:left; margin-top:15px;}



.abtu1 img{ width:100%; max-width:616px; max-height:432px;}



.abr{ width:551px; float:right;}



.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:24px; color:#4d4d4d; margin-top:21px;}



.abrlie{ border-top:1px dashed #135ec4; padding-top:32px; margin-top:37px;}



.abrlie .div_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:24px; 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:405px;}







#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:533px; min-height:296px; margin-top:48px;}



.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 .div_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 .div_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 .div_li{ width:49%; margin-bottom:10px;}



.xiazaizi{ margin-left:0px; margin-top:310px;}



.xiazaizi p a{ height:auto;}



}











/****************************************************************************  Technical Articles  ****************************************************************************/



.tabanner{ background:url(../img/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(../img/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 img{width: 100%;}



.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(../img/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(../img/doudou.jpg) no-repeat 120px 37px; margin-top:39px;}



.codianhua{ width:140px; float:left; text-align:center;}



.coxinfeng{ width:130px; float:left; text-align:center; margin-left:160px;}



.cochuanzhen{ width:150px; float:left; margin-left:160px; 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:30px; padding-left:38px;}



.cos{ background:url(../img/cos.jpg) no-repeat left center;}



.coqq{ background:url(../img/coqq.jpg) no-repeat left center; margin-left:65px;}



.xin2 a:hover{color:#135ec4;}







.coxin{ margin-top:20px; background:#3ec8ed url(../img/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(../img/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; text-transform:uppercase;box-shadow:0px 2px 2px #999;}



.tex{ padding-top:17px; background:url(../img/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; text-transform:uppercase;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(../img/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%;  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:60px; 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;}



}



@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: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;}



}











.share{ margin-top:45px;}



.share span{ color:#6293d8; font-size:14px; display:block; float:left; line-height:26px;}



.share .sharetu{ display:block; float:left; margin-left:10px;}







.sousuo{ width:255px; height:28px; border:1px solid #8f8f8f; float:right; margin-right:1px; box-shadow: inset 0 5px 3px #e5e5e5; margin-top:9px;}



.sou{ width:210px; float:left; height:28px; line-height:28px; padding-left:15px; font-size:15px; font-size:1.5rem; background:none}



.suo{ width:28px; height:28px; float:right; background:url(../img/sousuo.png) no-repeat left center; cursor:pointer}



.lainxi33{ margin-top:20px; padding-bottom:50px;}



.zuo{ width:480px; float:left;}



.zuo p{ font-size:16px; border-bottom:#ccc solid 1px; font-weight:bold; padding-bottom:15px;}



.you{ width:480px; float:left; margin-left:115px;}



.you p{ font-size:16px; border-bottom:#ccc solid 1px; font-weight:bold; padding-bottom:15px;}



.dizhi{ margin-top:10px; line-height:22px; font-size:14px; margin-bottom:20px;}